/******************************************
	GENERIC
*******************************************/
body{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
body.user-body{
	background:transparent;
}
a{
	color:#63BA98;
}
a,a:active,a:focus,a:hover,.btn:active, .btn:focus{
	outline:none;
	text-decoration:none;
}
ul{
	margin:0;
}
li{
	display:inline-block;
}

.inner li {
	display: inline-block;
}
#products-ajax{
	background:#E8E8E8;
}

#webform-client-form-395 .form-actions{
	background-color: #ffffff;
	border-top: none;
}

/******************************************
	BOOTSTRAP BULLYING
*******************************************/
.btn{
	border:0;
	line-height:26px;
	text-shadow:none;
	box-shadow:none;
}   
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active, 
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled]{
	background:#076B85;
	border-color: #041922;
}
.btn-primary:hover{
	background:#263B44;
	border-color:#071C25;
}
.btn-primary{
	color:#DDD;
	background:#2B6E84;
}
.btn-primary.active{
	background:#263B44;
}

body a.btn-success:active{
	color:#FFF;
	background:#63BA98;
}
.btn-success:active{
	color:#FFF;
	background:#63BA98;
}
.btn-success{
	background:#63BA98;
}


.btn-danger:hover{
	background:#AAA;
}
.btn-danger:active{
	background:#AAA;
}
.btn-danger{
	color:#666;
	font-weight:600;
	background:#DDD;
}


/* DARKSIDE BUTTONS */
#jrPivot .btn{
	padding:8px 14px;
}
#jrPivot .btn-primary:hover{
	background:#5093A9;
}
#jrPivot .btn-primary{
	color:#EEE;
	background:#2B6E84;
	border-color:#0F5268;
	padding:10px 15px;
}

#jrPivot .btn-success:hover{
	color:#FFF;
	background:#728F98;
}
#jrPivot .btn-success{
	background:#8AA7B0;
	padding:10px 15px;
}

.welcome-splash-page{
	background:#F0F0F0;
	padding:20px;
}
/******************************************
	MAIN
*******************************************/
#main{
	position:relative;
}
/******************************************
	HEADER
*******************************************/
/*#header{
	height:131px;
	background:#2B6E84 url('../img/sea.png') repeat-y;
	background-size:100%;
	position:relative;
}*/

#header {
   background: none repeat scroll 0 0 #154C5C;
   position: relative;
   padding-bottom: 30px;
   float: left;
   width: 100%;
}

/*** BRAND ***/
#brand{
	width:91px;
	height:91px;
	display:inline-block;
	margin:16px 20px;
	float: left;
	position: relative;
}

#header #brand img {
	padding-top: 16px;
}

/*** topNav ***/
#topNav{
	position:absolute;
	top:0;
	right:0;
	margin: 10px 20px;
}
#topNav li {
   color: #FFFFFF;
   font-size:12px;
   margin:0 0 0 20px;
   text-transform: uppercase;
}
#topNav li a:hover{
	color:#FFF;
	cursor:pointer;
}
#topNav li a{
	color:#CCC;
	font-size:12px;
	font-weight:700;
	letter-spacing:1px;
}
#topNav li:last-child{
	margin-right:4px;
}
/*** primaryNav ***/
#primaryNav{
	margin:73px 0 0 0;
}
#primaryNav ul{
	height:50px;
	margin:0;
}
#primaryNav ul li a{
	color:#095B71;
	height:50px;
	font-size:16px;
	line-height:50px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	background:#EEE;
	padding:0 30px;
	margin:0 20px 0 0;
	border-radius:0;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	display:inline-block;
	position:relative;
	z-index:50;
}
#primaryNav ul li a em{
	font-style:normal;
}
#primaryNav li.active a{
	color:#63BA98;
	background:#FFF;
	z-index:198;
}

/*** primaryNavContent ***/
#primaryNavContent{
	height:130px;
	background:#FFF;
	padding:30px 60px;
	display:block;
	position:relative;
	z-index:100;
	display:none;
}
#primaryNavContent .caroufredsel_wrapper li{
	background:#EEE;
	border-radius:1000px;
	margin:0 30px 30px 0;
}
#primaryNavContent .caroufredsel_wrapper a{
	color:#095B71;
	width:130px;
	height:30px;
	font-size:16px;
	text-align:center;
	display:inline-block;
	padding:100px 0 0 0;
}
#primaryNavContent .controls a:active{
	margin-top:1px;
}
#primaryNavContent .controls a.disabled:active{
	margin-top:0;
}
#primaryNavContent .controls a:hover{
	background:#263B44;
}
#primaryNavContent .controls a{
	color:#FFF;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	background:#2B6E84;
	display:inline-block;
	border-radius:1000px;
	padding:0;
	margin:0;
	overflow:hidden;
	right:0;
	left:20px;
}
#primaryNavContent .controls a.disabled{
	color:#628088;
	box-shadow:none;
}
#primaryNavContent .controls a.prev{
	left:auto;
	right:20px;
}
/* Breadcrumbs */
#primaryNavContent .breadcrumbHolder{
	position:absolute;
	top:0; left:0;
}
/******************************************
	PRODUCTS
*******************************************/
#productArea, #newsArea{
	width:100%;
	padding:0 100px 0 0;
}
#products .controls{
	color:#888;
	background:#FFF;
	padding:20px;
}
#products .controls #isoSearch{
	height:37px;
	width:200px;
	border:2px solid #DDD;
	border-right:0;
}
#products .controls .filters{
	margin:0 20px 0 0;
}
#products .controls .btn.active{
	color:#FFF;
}
#products .controls span{
	padding:0 10px 0 0;
}
#products .controls .search{
	height:32px;
	margin:0;
	float: left;
}
#products .controls .btn{
	line-height:23px;
}
#products .controls .search input{
	width:200px;
}
#products .controls .nav-pills{
	margin:0 40px 0 0;
}


/******************************************
	ISOTOPE
*******************************************/
#isotope{
	padding:20px 10px 0 10px;
	display:block;
}
/*** card form ***/
#isotope .card{
	width:12.5%;
	margin:0 0 10px 0;
	display:block;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	float:left;
}
#isotope .card .inner{
	font-size:12px;
	height:315px;
	background:#FFF;
	border-radius:4px;
	display:inline-block;
	border-bottom: 2px solid #CCCCCC;
	position:relative;
	display:block;
	margin:0 10px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding:0;
}
#isotope .card .inner .icons{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	position:absolute; 
	top:25px; right:3px   ;
}
#isotope .card .inner .icons li{
	color:#AAA;
	width:20px;
	/*height:20px;*/
	font-size:12px;
	/*line-height:25px;*/
	text-align:center;
	font-size:22px;
	margin:-1px 0 0 0;
	clear:left;
}
#isotope .card .inner .icons li:hover{
	cursor:pointer;
	opacity:0.9;
}
#isotope .card .inner .icons li i{
	font-size:18px;
	line-height:25px;
	display:block;
}
#isotope .card .inner .icons li.productComment i{
	margin-top: -1px;
}
#isotope .card .inner .icons li.productComment i{
	font-size:16px;
}
#isotope .card .inner .icons li.weight{
	display:none;
}
#isotope .card span{
	font-size:11px;
	font-weight:600;
	text-align:center;
	line-height:1.2em;
	display:block;
	margin:0;
	padding:157px 9px 13px 9px;
}
#isotope .card img{
	width:130px;
	height:130px;
	background:#FAFAFA;
	margin:0 0 0 -65px;
	position:absolute;
	top:18px; left:50%;
}
#isotope .card .details{
	background:#F4F4F4;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	margin:0; padding:10px 10px 60px 10px;
	position:absolute;
	right:0; bottom:0; left:0;
}
#isotope .card .details li{
	width:50%;
	float:left;
}
#isotope .card .details li.weight,
#isotope .card .details li.per{
	height:17px;
}
#isotope .card .details li.weight{
	width:40%;
}
#isotope .card .details li.per{
	width:60%;
	text-align:left;
}
#isotope .card li{
	color:#888;
	width:30px;
	height:30px;
	font-size:10px;
	font-weight:700;
	line-height:20px;
	text-align:center;
	text-transform:uppercase;
	border-radius:1000px;
	padding:0;
	display:block;
	float:left;
}
#isotope .card li .details .price small{
	color:#888;
	font-size:10px;
	font-weight:700;
}
#isotope .card li.price{
	color:#222;
	width:100%;
	height:20px;
	font-size:14px;
	text-align:center;
	font-weight:600;
	margin:0;
	float:left;
}
#isotope .card .btn:active{
	bottom:9px;
}
#isotope .card .btn:hover{
	color:#FFF;
	background:#182D36;
}
#isotope .card .btn{
	color:#DDD;
	font-weight:600;
	background:#253A43;
	border-radius:4px;
	text-shadow:none;
	padding:10px 15px;
	border:0;
	position:absolute;
	right:10px; bottom:10px; left:10px;
}
#isotope .card .btn i{
	margin:4px 0 0 5px;
}
#isotope .card .info:hover{
	color:#2A7389;
	border-color:#2A7389;
}
#isotope .card .info:hover .infoPop{
	display:block;
}
#isotope .card .info{
	color:#FFF;
	width:16px;
	height:16px;
	font-size:11px;
	text-align:center;
	line-height:16px;
	background:#AAA;
	border-radius:1000px;
	position:absolute;
	top:8px; right:5px;
	z-index:100;
}
#isotope .card .info .infoPop{
	width:120px;
	height:187px;
	background:#2A7389;
	text-align:left;
	border:1px solid;
	border:0;
	border-radius:4px;
	padding:15px;
	position:absolute;
	top:32px; right:0;
	z-index:9000;
	display:none;
}
#isotope .card .info .infoPop:before {
	width:0; 
	height:0;
	margin:0 0 0 -5px;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom: 8px solid #2A7389;
	content:" ";
	position:absolute;
	top:-7px; right:1px;
}
#isotope .card .info .infoPop{
		top:0px; left:-160px;
	}
#isotope .card .info .infoPop:before{
	border-left:8px solid #2A7389;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;;
	right:-15px; top:1px;
}
#isotope .card.list .info .infoPop .price{
	line-height:1em;
}
#isotope .card .info .infoPop p{
	color:#FFF;
	line-height:1.5em;
	font-size:11px;
	margin:0; padding:0;
}
#isotope .card .info .infoPop .price{
	color:#FFF;
	font-size:14px;
	text-align:left;
	margin:20px 0 0 0; padding:0;
}
#isotope .card .info .infoPop .price small{
	color:#CCC;
}

#isotope .card .info .infoPop h1{
	display:none;
}
#isotope .card .info .infoPop h2{
	color:#FFF;
	line-height:1.2em;
	text-align:left;
	font-size:16px;
	margin:0;
	padding:0 40px 0 0;
}
#isotope .card .info .infoPop h2{
	color:#FFF;
	font-size:12px;
	font-weight:600;
	font-style:italic;
	line-height:1em;
	background:#F4F4F4;
	border-radius:1000px;
	margin:12px 0 0 0;
	padding:6px 10px;
	display:inline-block;
}
#isotope .card .info .infoPop .packaged{
	color:#FFF;
	height:auto;
	font-size:12px;
	padding:0;
	margin:12px 0;
}
#isotope .card .info .infoPop .icons{
	width:30px;
	position:absolute;
	top:10px; right:10px;
}
#isotope .card .info .infoPop .icons li{
	width:30px;
	height:30px;
	margin:0 0 5px 0;
}
#isotope .card .info .infoPop .icons li.traffic{
	font-size:24px;
	line-height:30px;
	text-align:center;
	border-radius:100px;
}
#isotope .card .info .infoPop .icons li.traffic.red{
	color:#B23A3A;
}
#isotope .card .info .infoPop .icons li.traffic.amber{
	color:#FF921E;
}
#isotope .card .info .infoPop .icons li.traffic.green{
	color:#66D070;
}
#isotope .card .info .infoPop .icons li.frozen{
	color:#62D1FF;
	font-size:24px;
	line-height:30px;
	text-align:center;
	font-weight:400;
}
#isotope .card .info .infoPop .icons li.weight{
	color:#FFF;
	font-weight:700;
	text-align:center;
	letter-spacing:-2px;
}
/*** list form ***/
#isotope .card.list{
	width:100%;
	margin:0 0 10px 0;
	padding:0 0 0 56px;
}
#isotope .card.list .inner{
	background:#FFF;
	padding-left:20px;
	position:relative;
}
#isotope .card.list .details{
	background:transparent;
	position:relative;
}
#isotope .card.list img{
	width:55px;
	height:55px;
	margin:0px;
	position:absolute;
	top:0; left:-66px;
	border-radius:4px;
	overflow:hidden;
}
#isotope .card.list span{
	color:#444;
	font-size:14px;
	padding:9px 0;
	margin:10px 0 0 0;
	position:relative;
}
#isotope .card.list span,
#isotope .card.list .details,
#isotope .card.list .details li{
	height:35px;
	line-height:35px;
	display:inline-block;
	margin:0;
}
#isotope .card.list .details,
#isotope .card.list .btn{
	float:right;
}
#isotope .card.list .btn{
	width:70px;
	height:30px;
	padding:0;
	line-height:30px;
	position:absolute;
	left:auto; right:20px;
	overflow:hidden;
}
#isotope .card.list .btn i{
	display:none;
}
#isotope .card.list .details{
	margin:10px 160px 0 0;
	padding:0;
	position:relative;
}
#isotope .card.list .details .weight,
#isotope .card.list .details .price,
#isotope .card.list .per{
	width:60px;
	height:30px;
	line-height:30px;
	background:transparent;
	margin:0 0 0 20px;
	/*padding:0 30px 0 0;*/
	position:relative;
	text-align:left;
}

#isotope .card.list .per{
	padding:0 30px 0 0;
}

#isotope .card.list .details .weight{
	position:relative;
	top:3px;
}
#isotope .card.list .details .price{

}
#isotope .card.list .details
#isotope .card.list .btn{
	margin:0;
	position:absolute;
	top:10px; right:10px;
}
#isotope .card.list .info{
	top:16px; right:105px;
}
#isotope .card.list .details .price small{
	width:60px;
	text-align:left;
	position:absolute;
	top:12px; left:4px;
}
#isotope .card.list .icons{
	top:12px; right:120px;
}
#isotope .card.list .icons li{
	margin:0 10px 0 0;
	display:inline-block;
	float:left;
	clear:none;
}
/******************************************
	ASIDE
*******************************************/
#aside{
	color:#D5D5D5;
	width:100px;
	background:#263B44;
	position:fixed;
	top:0; left:100%; bottom:0;
	margin:0 0 0 -100px;
	z-index:1000;
}
#aside #back{
	position:fixed;
	top:50%; left:20px;
	margin-top:-40px;
	opacity:0;
}
#aside #back .disc:hover{
	background:#A1186C;
	cursor:pointer;
}
#aside #back .disc{
	color:#FFF;
	width:60px;
	height:60px;
	font-size:28px;
	text-align:center;
	line-height:60px;
	background:#890054;
	border-radius:1000px;
}
#aside #back span{
	color:#FFF;
	width:60px;
	line-height:1.3em;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	margin:10px 0 0 0;
	display:block;
}
/******************************************
	NO PRODUCT FORM
*******************************************/
#noProductForm{
	height:260px;
	background:#FFF;
	display:inline-block;
	border-radius:4px;
	border-bottom:2px solid #CCC;
	padding:20px; margin:0 0 0 10px;
	position:relative;
}
#noProductForm h3{
	width:300px;
	font-size:14px;
	line-height:1.3em;
	margin:0;
}
#noProductForm label{
	display:none;
}
#noProductForm input,
#noProductForm textarea{
	width:300px;
}
#noProductForm textarea{
	height:90px;
}
#noProductForm p{
	color:#777;
	width:200px;
	font-size:12px;
	line-height:1.2em;
	position:absolute;
	bottom:10px;
}
#noProductForm #edit-submit{
	color:#FFF;
	width:100px;
	height:40px;
	position:absolute;
	bottom:20px; right:20px;
}
/******************************************
	SIDETABS
*******************************************/
#aside .sideTabs{
	width:100px;
	font-size:38px;
	border:none;
}
#aside .sideTabs.bottom{
	margin:0;
	position:absolute;
	bottom:0;
}
#aside .sideTabs li{
	width:100%;
	display:inline-block;
	position:relative;
}
#aside .sideTabs li a:focus{
	background:transparent;
}
#aside .sideTabs li.active a,
#aside .sideTabs li a:hover{
	color:#FFF;
	background:#182D36;
	border:none;
}
#aside .sideTabs li a{
	color:#CCC;
	text-align:center;
	display:block;
	padding:20px 0 15px 0;
	margin:0;
	border:none;
}
#aside .sideTabs li a span{
	font-size:10px !important;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:700;
}
#aside .sideTabs li.active a{
	border-radius:0;
	border:none;
}
#aside .sideTabs li .tooltip{
	font-size:14px;
	font-weight:600;
}
#aside .sideTabs li .tooltip .tooltip-inner{
	background:#81A5BE;
}
#aside .sideTabs li .tooltip.left .tooltip-arrow{
	border-left-color:#81A5BE;
}
#aside .sideTabs li .badge{
	color:#FFF;
	background:#83AB96;
	padding:2px 6px;
	position:absolute;
	top:42px;
	right:30px;
}

/******************************************
	LISTS
*******************************************/
#lists{
	padding:30px;
}
#lists h1{
	font-size:21px;
	font-family: 'GFS Didot', serif;
	text-transform:uppercase;
	line-height:1em;
	font-weight:400;
	letter-spacing:6px;
	margin:0 0 30px 0;
}
#lists #recommendedLists{
	margin-top:30px;
	border-top:1px dashed #003D53;
}
#lists .actual li:active{
	top:1px;
}
#lists .actual li:hover{
	background:#1D5C6D;
	cursor:pointer;
}
#lists .actual li{
	height:84px;
	background:#0A495A;
	margin:20px 0 0 0;
	padding:10px;
	display:block;
	position:relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow:hidden;
}
#lists .actual li.active{
	color:#FFF;
	background:#63BA98;
}
#lists .actual li.active .dateCreated,
#lists .actual li.active .contents{
	color:#FFF;
	opacity:0.8;
}
#lists .actual li img{
	width:80px;
	height:80px;
	background:#226172;
	border:2px solid #E1EAE9;
	margin:0 10px 0 0;
}
#lists .actual li.active img{
	background:#3C9371;
}
#lists .actual li .icon-info{
	color:#FFF;
	width:20px;
	height:20px;
	font-size:12px;
	text-align:center;
	line-height:20px;
	border-radius:1000px;
	background:#065B70;
	display:block;
	position:absolute;
	top:10px; right:10px;
	box-shadow:0px 2px 2px rgba(0, 0, 0, 0.2);
}
#lists .actual li.active .icon-info{
	background:#3C9371;
}
#lists .actual li .title{
	font-size:14px;
	line-height:1.3em;
	padding:0 30px 5px 0;
	display:block;
}
#lists .actual li .contents,
#lists .actual li .dateCreated{
	color:#63BA98;
	line-height:1.6em;
	display:block;
}
#lists .alt{
	font-size:14px;
	line-height:1em;
	margin:10px 0 0 0;
	display:block;
}
#lists #recommendedLists h1{
	margin:20px 0 0 0;
}
/******************************************
	SHARED
*******************************************/
#meShare{
	border-right:2px solid #31464F;
}
#listsMain.shared{
	padding:0;
}
#listsMain.shared .blimp{
	position:relative;
}
#listsMain.shared .title{
	color:#FFF;
	font-size:18px;
	margin:0;
	padding:0;
}
#listsMain.shared .inner{
	background:#192E37;
	padding:20px;
	border-radius:4px;
	position:absolute;
	top:20px; right:20px; bottom:20px; left:20px;
}
#listsMain.shared .inner ul{
	height:auto;
	display:block;
	overflow:hidden;
}
#listsMain.shared .inner ul li{
	color:#EEE;
	margin:16px 13px 0 0;
	background:#324750;
	text-shadow:none;
	border:0;
	border-bottom:3px solid #243942;
}
#listsMain.shared .inner ul li ul{
	padding:0 10px;
	background:#273C45;
	border-top:2px solid #20353E;
	border-radius:4px;
	display:block;
}
#listsMain.shared .inner ul li ul li{
	font-size:12px;
	background:#70858E;
	line-height:2em;
	display:inline-block;
	padding:0 7px;
	margin:0 7px 0 0;
	border-radius:4px;
	border-bottom:2px solid #536871;
}
#listsMain.shared .inner ul li ul li.ghost:hover,
#listsMain.shared .inner ul li ul li.ghost:hover small{
	color:#FFF;
	border-color:#EEE;
	cursor:pointer;
}
#listsMain.shared .inner ul li ul li.ghost{
	color:#5F747D;
	font-weight:700;
	background:transparent;
	border:2px solid #495E67;
}
#listsMain.shared .inner ul li ul li.ghost small{
	color:#5F747D;
	font-size:21px;
	background:transparent;
}
#listsMain.shared .inner ul li ul li.me{
	color:#FFF;
	background:#78A08B;
	border-bottom:2px solid #5C846F;
}
#listsMain.shared .inner ul li ul li small:hover{
	color:#FFF;
	background:#182D36;
	cursor:pointer;
}
#listsMain.shared .inner ul li ul li.ghost small:hover{
	background:transparent;
}
#listsMain.shared .inner ul li ul li small{
	color:#AAA;
	width:14px;
	height:14px;
	font-weight:700;
	background:#263B44;
	text-align:center;
	line-height:14px;
	border-radius:1000px;
	margin:5px 0 0 10px;
	display:block;
	float:right;
}
#listsMain .listTotalPrice,
#listsMain .listTotalPrice .totalPrice,
#sharedMain .listTotalPrice,
#sharedMain .listTotalPrice .totalPrice{
	color:#444;
	font-size:16px;
	font-weight:600;
	margin:25px 0 0 0;
	line-height:20px;
}
#listsMain .listTotalPrice,
#sharedMain .listTotalPrice{
	color:#40555E;
	font-size:13px;
}

/******************************************
	ADD MODAL
*******************************************/
#addModal{
	width:800px;
	background:#EEE;
	margin:0 0 0 -400px;
	border-radius:4px;
	left:50%;
	border:0;
	overflow:hidden;
}
#addModal #addTab{
	background:#DDD;
}
#addModal h1{
	color:#333;
	font-size:18px;
	line-height:1em;
	font-weight:400;
	margin:0 0 20px 0;
	padding:10px 0 30px;
	border-bottom:2px solid #CCC;
}
#addModal #addTab{
	border:0;
	margin:0;
}
#addModal .inner{
	background:#FFF;
	padding:20px;
}
#addModal a.btn:hover{
	background:#CCC;
	border-color:#41565F;
}
#addModal a.btn{
	color:#333;
	width:370px;
	background:#EEE;
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	border-radius:4px;
}

#addModal a.btn.active{
	color:#FFF;
	box-shadow:none;
	background:#63BA98;
	border:none;
}
#addModal a.btn.active .amountOnList{
	font-size:10px;
	display:inline-block;
}
#addModal a.btn .title{
	color:#444;
	height:32px;
	line-height:32px;
	font-weight:600;
	padding:10px;
	display:block;
	border-radius:4px;
}
#addModal a.btn.active .title,
#addModal a.btn.active .qty{
	color:#FFF;
}
#addModal a .control{
	background:#FFF;
	border-radius:4px;
	position:absolute;
	top:10px; right:10px;
	display:block;
}
#addModal a .control .field{
	width:30px;
	height:30px;
	background:#FFF;
	display:inline-block;
	border:none;
	margin:0; padding:0 0 0 5px;
	display:inline-block;
	float:left;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3); 
	border-radius: 0px 0px 0px 0px;
}
#addModal a .control .m-btn:hover{
	opacity:0.9;
}
#addModal a .control .m-btn{
	color:#FFF;
	width:20px;
	height:32px;
	line-height:32px;
	font-weight:700;
	background:#BBB;
	text-align:center;
	display:inline-block;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	float:left;
}
#addModal a .control .add{
	border-radius:0;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
#addModal a.btn.active .control .m-btn{
	background:#388F6D;
}
#addModal a .control .qty{
	color:#888;
	height:32px;
	font-size:10px;
	line-height:32px;
	text-transform:uppercase;
	position:absolute;
	top:0px; left:-40px;
}
#addModal a:hover{
	border:0;
}
#addModal a{
	position:relative;
	border-radius:0;
	border:0;
	margin:0;
}
#addModal .nav.nav-tabs a:hover{
	color:#263B44;
	border:0px;
	cursor:pointer;
}
#addModal .nav.nav-tabs li{
	margin:0;
}
#addModal .nav.nav-tabs a{
	color:#5D727B;
	width:60px;
	height:60px;
	font-size:32px;
	background:#DDD;
	text-align:center;
	line-height:60px;
	margin:0;
	border:0px;
	border-radius:0;
	display:block;
}
#addModal .nav .active a:hover{
	color:#263B44;
	border:none;
}
#addModal .nav .active a{
	color:#263B44;
	box-shadow:none;
	background:#FFF;
	border:none;
}

#addModal footer{
	background:#EEE;
	padding:20px 20px 20px 20px;
	display:inline-block;
	float:right;
}
#addModal footer .btn{
	width:auto;
	font-size:14px;
	font-weight:600;
	text-align:center;
	padding:15px;
	margin:0 0 0 20px;
	float:left;
}
#addModal footer .btn.btn-success{
	color:#FFF;
	background:#263B44;
}
#addModal footer .btn.btn-success:hover{
	background:#182D36;
}
#addModal a.btn.ghost:hover{
	background:#CCC;
}
#addModal a.btn.ghost{
	width:auto;
	background:#DDD;
	margin:0; padding:0;
	position:absolute;
	left:20px; bottom:20px;
}
#addModal a.btn.ghost .title{
	color:#444;
	padding:8px 12px;
}
#addModal a.btn.ghost .title i{
	margin:0 0 0 5px;
}
/******************************************
	CAROUSEL
*******************************************/
.image_carousel {
	padding: 15px 0 15px 40px;
	position: relative;
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
a.prev, a.next {
	background: url(../images/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 65px;
}
a.prev {			left: -22px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: -22px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center;
}
.pagination a {
	background: url(../images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}

/******************************************
	jrPivot
*******************************************/
#main{
	margin:100px;
	overflow-x:hidden;
}
#jrPivot{
	background:#F9F9F9;
	overflow:hidden;
	position:fixed;
	top:0; left:100%;
	z-index:199;
}
#jrPivot .holder{
	height:1800px; /* TEMP */

	position:relative;
}

/******************************************
	CATCH ALL MODAL
*******************************************/
#catchAllModal{
	margin:0;
	top:40px; left:40px;
	/*padding:40px;
	box-sizing: border-box;*/

}
#catchAllModal .closeTab:hover{
	background:#2E8096;
	cursor:pointer;
}
#catchAllModal .closeTab{
	color:#FFF;
	width:50px;
	height:50px;
	text-align:center;
	background:#095B71;
	font-size:28px;
	font-weight:600;
	line-height:47px;
	padding:0 0 0 5px;
	border-bottom-right-radius:4px;
	border-top-right-radius:4px;
	position:absolute;
	top:40px; right:-55px;
}
#catchAllModal .modal-body{
	/*padding:40px;*/
	max-height: none;
	
	box-sizing: border-box;
	position: absolute;
	height: 100%;
	width: 100%;
}

#catchAllModal .modal-body #isotope{
	height: auto;
}

/******************************************
	listMenu
*******************************************/
#listMenu{
	background:#182D36;
	position:absolute;
	top:0; bottom:0;
	overflow:hidden;
}
#listMenu section#createOrder{
	
	background:#EEE;
	padding:20px;
	border-radius:4px;
	position:absolute;
	top:80px; right:22px; left:20px;
	z-index:100;
}
#listMenu section#createOrder::before {
	width:0; 
	height:0;
	margin:0 0 0 -5px;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom: 10px solid #EEE;
	content:" ";
	position:absolute;
	top:-10px; left:50%;
}
#listMenu section#createOrder .btn{
	float:right;
	margin: 0 0 0 10px;
}
body .datepicker td.active,
body .datepicker td.active:hover{
	border:none;
	background-image:none;
	background:#263B44 !important;
	color:#000;
}
#listMenu #createOrder input,
#listMenu #createOrder select{
	height:30px;
	width:100%;
	display:inline-block;
	line-height:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;    
}
#listMenu #addList:hover{
	background:#85DCBA;
}
#listMenu #addList,
body #listMenu #addOrder{
	color:#FFF;
	height:32px;
	font-size:14px;
	background:#63BA98;
	font-weight:600;
	line-height:32px;
	position:absolute;
	top:20px; right:20px; left:20px;
	border-radius:4px;
}
#listMenu #addList i,
body #listMenu #addOrder i{
	line-height:32px;
	position:absolute;
	right:15px;
}
body #listMenu #addOrder i{
	line-height:24px;
}
#listMenu section{
	margin:0 0 20px 0;
}
#listMenu #profileMenu{
	top:-80px;
	position:relative;
}
#listMenu .scroller{
	/*-webkit-overflow-scrolling: touch;*/
    overflow-y:auto;
    overflow-x:hidden;
    padding:60px 0 0 0;
    position: absolute;
    top:0px; right: -18px; bottom:0; left:0;
}
#listMenu h1{
	color:#BFD4DD;
	font-size:14px;
	line-height:1em;
	font-weight:700;
	text-transform:uppercase;
	margin:0;
	padding:40px 20px 20px 20px;
	border-bottom:2px solid #1D323B;
}
#listMenu li:hover,
#listMenu li:hover span,
#listMenu li.active span{
	color:#FFF;
}
#listMenu li{
	color:#869BA4;
	font-size:14px;
	background:transparent;
	line-height:1.4em;
	text-shadow:none;
	position:relative;
	display:block;
	padding:5px 20px 8px 20px;
	margin:0 3px 0 0;
	border-radius:0px;
	border:0;
	border-bottom:2px solid #20353E;
}
#listMenu li span{
	color:#AAA;
	font-size:12px;
	font-weight:400;
}
#listMenu li i:hover{
	opacity:0.8;
}
#listMenu li .icon-cog{
	line-height:21px;
	position:absolute;
	top:50%; right:12px;
	margin:-10px 0 0 0;
	display:none;
	opacity:0.2;
	z-index: 5;
	background-color: #182D36;
}
#listMenu #addList i{
	top:6px;
	opacity:1;
	display:block;
}
#listMenu li:hover i{
	display:block;
}
#listMenu li.active{
	color:#FFF;
	background:#142932;
}
#listMenu li.active .icon-cog{
	
	display:block;
}
#listMenu li.added{
	background:#78A08B;
	border-bottom:3px solid #4D7560;
}


/******************************************
	listsMain
*******************************************/
#listsMain,
#sharedMain,
#ordersMain{
	background:transparent;
    padding:20px;
    position:absolute;
    right:247px; left:17%;
}
#listsMain .header,
#sharedMain .header{
	height:34px;
	background:transparent;
	/*margin:0 0 30px 0;*/
	margin: 0;
	padding:0 0 30px 0;
	border-bottom:2px solid #CCC;
}
#listsMain .header #listName,
#listsMain .header .controls,
#listsMain .footer .controls,
#sharedMain .header #listName,
#sharedMain .header .controls,
#sharedMain .footer .controls{
	display: inline-block;
}
#listsMain .header #listName,
#sharedMain .header #listName{
	color:#263B44;
	font-size:21px;
	font-weight:600;
	line-height:42px;
	margin:0;
}
#listsMain .controls .btn,
#sharedMain .controls .btn{
	margin:0 0 0 5px;
}
#listsMain .controls .btn.active,
#sharedMain .controls .btn.active{
	padding:10px 14px;
	border:0;
}
#listsMain .controls .btn i,
#sharedMain .controls .btn i{
	font-size:21px;
	position:relative;
	top:3px;
}
#listsMain .controls .btn-primary,
#sharedMain .controls .btn-primary{
	font-weight:600;
	margin:0 0 0 10px;
}
#listsMain .footer,
#sharedMain .footer{
	height:34px;
	padding:70px 0 0 0;
	border-top:2px solid #CCC;
}
#listsMain #listWrap,
#sharedMain #listWrap{
	overflow:hidden;
	position:relative;
}
#listsMain #listWrap .info:hover,
#sharedMain #listWrap .info:hover{
	opacity:1;
}
#listsMain ul,
#sharedMain ul{
	height:1000px;
	-webkit-overflow-scrolling: touch;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
}
#listsMain li,
#sharedMain li{
	color:#444;
	background:transparent;
	line-height:40px;
	display:block;
	position:relative;
	border-radius:4px;
}
body #listsMain li.editActive,
body #sharedMain li.editActive{
	background:#FAFAFA;
}
#listsMain li.editActive .itemName,
#listsMain li.editActive .weight,
#listsMain li.editActive .price,
#sharedMain li.editActive .itemName,
#sharedMain li.editActive .weight,
#sharedMain li.editActive .price{
	opacity:0.4;
}
#listsMain li.editActive .info,
#sharedMain li.editActive .info{
	-webkit-animation: cssAnimation 3s  infinite ease-in-out;-moz-animation: cssAnimation 3s  infinite ease-in-out;-o-animation: cssAnimation 3s  infinite ease-in-out;} @-webkit-keyframes cssAnimation {from { -webkit-transform:  rotate(0deg); }  to { -webkit-transform:  rotate(360deg); } } @-moz-keyframes cssAnimation {from { -moz-transform:  rotate(0deg); }  to { -moz-transform:  rotate(360deg); } } @-o-keyframes cssAnimation {from { -o-transform:  rotate(0deg); }  to { -o-transform:  rotate(360deg); }}
#listsMain #listWrap li.editActive .info,
#sharedMain #listWrap li.editActive .info{
	color:#263B44;
	font-size:16px;
	border:none;
	opacity:1;
}
#listsMain li:nth-child(odd),
#sharedMain li:nth-child(odd){
	background:#F2F2F2;
}
#listsMain li .title,
#listsMain li .weight,
#listsMain li .price,
#sharedMain li .title,
#sharedMain li .weight,
#sharedMain li .price{
	font-weight:600;
	display:inline-block;
}

#listsMain li  .productQuantity:hover,
#sharedMain li  .productQuantity:hover,
#ordersMain li  .productQuantity:hover{
	background:#DDD;
}
#listsMain li  .productQuantity:focus,
#sharedMain li  .productQuantity:focus,
#ordersMain li  .productQuantity:focus{
	background:#FAFAFA;
}
#listsMain li  .productQuantity,
#sharedMain li  .productQuantity,
#ordersMain li  .productQuantity{
	color:#222;
	width:30px;
	font-size:12px;
    font-weight:600;
    background-color:#CCCCCC;
    border-bottom:1px solid #EEEEEE;
    border-radius:4px 4px 4px 4px;
    border-top:1px solid #999999;
    padding:0 0 0 4px;
}
#listsMain li .qty,
#sharedMain li .qty{
	color:#333;
}
#listsMain li .title,
#sharedMain li .title{
	width:80%;
}
#listsMain li .title strong,
#sharedMain li .title strong,
body #ordersMain li .title strong{
	color:#666;
	margin:0 5px;
}
#listsMain li .title .itemName,
#sharedMain li .title .itemName{
	padding:0 0 0 10px;
}
#listsMain li .weight,
#sharedMain li .weight{
	width:10%;
	padding:0 50px 0 0;
}
#listsMain li .price,
#sharedMain li .price{
	font-weight:600;
	position:absolute;
	right:10px;
}
#listsMain li .remove:hover,
#sharedMain li .remove:hover{
	background:#AE3636;
	cursor:pointer;
}
#listsMain li .remove,
#sharedMain li .remove{
	color:#FFF;
	width:25px;
	height:25px;
	font-size:18px;
	font-weight:700;
	text-align:center;
	line-height:23px;
	background:#E76F6F;
	display:block;
	border-radius:1000px;
	position:absolute;
	top:8px; right:-40px;
}

/******************************************
	all lists (old)
*******************************************/


#allLists .list{
	display:block;
	padding:0 30px 30px 0;
	position:relative;
}
#allLists .list .inner{
	height:280px;
	background:#FFF;
	padding:20px 0 0 20px;
	position:relative;
	border:1px solid #CCC;
	z-index:40;
	overflow:hidden;

	/* Curl the corners to make it look more like paper */
	-webkit-border-bottom-left-radius: 20px 500px;
	-webkit-border-bottom-right-radius: 500px 30px;
	-webkit-border-top-right-radius: 5px 100px;

	-moz-border-radius-bottomleft: 20px 500px;
	-moz-border-radius-bottomright: 500px 30px;
	-moz-border-radius-topright: 5px 100px;

	border-radius-bottomleft: 20px 500px;
	border-radius-bottomright: 500px 30px;
	border-radius-topright: 5px 100px;

	/* Set the background */
	background: white;
	background:
	-webkit-gradient(
	linear,
	left top, left bottom,
	from(#EEE),
	color-stop(2%, white)
	);

	background:
	-moz-repeating-linear-gradient(
	top,
	#fff,
	#fff 18px,
	#EEE 20px
	);

	background:
	repeating-linear-gradient(
	top,
	#fff,
	#fff 18px,
	#EEE 20px
	);

	-webkit-background-size: 100% 40px;
	-webkit-box-shadow: 0 2px 10px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 10px 1px rgba(0,0,0,.2);
	box-shadow: 0 2px 10px 1px rgba(0,0,0,.2);
	}
#allLists .list .inner.alt{
	width:90%;
	height:280px;
	display:block;
	background:#FFF;
	border:none;
	content:"";
	transform:rotate(3deg);
	padding:0 0 20px 0;
	position:absolute;
	top:2px;
	z-index:20;
}
#allLists .list:nth-child(2n+1) .inner.alt{
	transform:rotate(-2deg);
	top:-1px;
}
#allLists .list .inner h1{
	color:#0B3742;
	font-size:18px;
	font-weight:600px;
	line-height:19px;
	margin:0 80px 0 0;
	padding:0 0 10px 0;
	border-bottom:2px solid #DDD;
}
#allLists .list .inner h1:after{
	width:50px;
	height:50px;
	content:url('../img/stamp-small.png');
	display:block;
	position:absolute;
	top:-2px; right:25px;
	opacity:0.6;
}
#allLists .list:nth-child(3n+1) .inner h1:after{
	transform:rotate(30deg);
}
#allLists .list:nth-child(4n+1) .inner h1:after{
	transform:rotate(-40deg);
}
#allLists .list ul{
	padding-top:10px;
}
#listArea #allLists .list ul li{
	color:#000;
	background:transparent;
	line-height:27px;
}
#listArea #allLists .list .btn{
	margin:20px 0 0 0;
}
#allLists .row-fluid{
	display:inline-block;
}
/******************************************
	ordersMain
*******************************************/
#ordersMain{ 
	color:#182D36;
	background:#F9F9F9;
}
body #ordersMain .span4{
	height:180px;
	padding-bottom:140px;
	position:relative;
}
#ordersMain .editOrderForm, #ordersMain #editOrder,
#ordersMain .print-order{
	font-size:21px;
	line-height:25px;
}
#ordersMain .span4.right{
	text-align:right;
	padding:0 20px 0 0;
}
#listMenu.orders .alert .pull-right{
	display:block;
}
#ordersMain #orderStatus{
	color:#263B44;
	height:40px;
	line-height:40px;
	border-bottom:none;
	margin:0 0 0 0;
	padding:0 0 20px 0;
}
body #ordersMain #orderInfo{
	background: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	background-size: 100% 20px;
	padding:24px 20px 20px 55px;
	margin:0;
	border-bottom:0;
	border-top:1px dashed #FAFAFA;
	border-bottom:1px dashed #FAFAFA;
	position:relative;
}
#ordersMain #orderStatus h1{
	font-size:14px;
	line-height:40px;
	margin:0 10px 0 0;
	float:left;
}
#ordersMain #orderStatus .step{
	line-height:40px;
}
#ordersMain #orderStatus .progress{
	float:left;
}
#ordersMain .title{
	color:#666;
	font-size:12px;
	font-weight:600;
	opacity:0.8;
}
#ordersMain .address:hover{
	color:#888;
	cursor:pointer;
}
#ordersMain .address:hover span{
	opacity:0.4;
}
#ordersMain .address{
	color:#444;
	padding:0;
}
#ordersMain .address span{
	font-size:12px;
	font-weight:600;
	display:inline-block;
	line-height:20px;
}
#ordersMain .address span.width{
	display:block;
}
#ordersMain .title.center{
	text-align:center;
	display:block;
	margin:0;
	position:relative;
	top:0px;
}
#ordersMain .title.center.main{
	color:#444;
	font-size:21px;
	margin:10px 0 0 0;
	opacity:1;
}
#ordersMain .block{
	display:block;
	padding:0 20px 0 0;
	position:absolute;
	right:0; bottom:0; left:0;
}
#ordersMain .block .inside{
	color:#555;
	font-size:14px;
	background:transparent;
	padding:17px;
	border-radius:4px;
	border:3px solid #DDD;
}
#ordersMain .block .inside span{
	text-align:center;
	padding:0 0 0 50px;
}
#ordersMain .block .inside .main{
	font-size:18px;
	font-weight:600;
	display:block;
}
#ordersMain .block .inside .sub{
	display:block;
	font-weight:600;
	text-align:center;
	font-size:12px;
	opacity:0.7;
}
#ordersMain .block i{
	color:#263B44;
	font-size:38px;
	margin:0 20px 0 0;
	position:absolute;
	top:20px; left:20px;
	opacity:0.8;
}
#ordersMain .ghost{
	border: 5px solid #4B6069;
    border-radius: 4px 4px 4px 4px;
    color: #6B8089;
    display: block;
    font-size: 18px;
    font-weight: 600;
    height: 45px;
    left: 0;
    line-height: 45px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 30px;
}
#ordersMain .ghost .holder{
	width:100%;
	max-height:150px;
	background:#FFF;
	border-radius:4px;
	-webkit-box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 10px 5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 10px 5px rgba(0, 0, 0, 0.2);
	position:absolute;
	bottom:-180px; left:0;
	z-index:9999;
	display:none;
}
#ordersMain .ghost .holder:after {
   content: "";
   margin:0 0 0 -16px;
   position: absolute;
   top: -16px;
   left: 50%;
   border-bottom: 16px solid #FFF;
   border-left: 16px solid transparent;
   border-right: 16px solid transparent;
}
body #ordersMain #orderLists{
	border-radius:4px;
	border-bottom:2px solid #DDD;
	padding:20px 0 20px 0;
	/*margin:0 0 20px 0;*/
	margin: 0;
	border-radius:0;
}
body #ordersMain #orderLists .btn{
	color:#444;
	font-size:12px;
	font-weight:600;
	padding:5px 10;
	background:#DDD;
	border:none;
}
body #ordersMain #orderLists .btn.btn-success{
	color:#AAA;
}
#ordersMain #orderLists span{
	font-weight:600;
	margin:0 20px 0 0;
}
#ordersMain #orderLists a{
	margin:0 10px 0 0;
}
body #ordersMain li{
	background:transparent;
}
body #ordersMain li .title,
body #ordersMain li{
	color:#444;
	font-size:14px;
	font-weight:600;
}
body #ordersMain li.order-category .title{
	color:#444;
}
body #ordersMain li:nth-child(odd){
	background:#F2F2F2;
}
body #ordersMain li.order-category:nth-child(odd),
body #ordersMain li.order-category{
	color:#444;
	border-bottom:2px solid #DDD;
	background:transparent;
	border-radius:0;
}
/******************************************
	User Profile
*******************************************/
body.user-body form legend{
	color:#182D36;
	line-height: 20px;
	padding-bottom: 5px;
}

body.user-body #user-profile-form .grippie,
body.user-body #user-profile-form .description {
	display: none;
}

body.user-body #user-profile-form textarea {
	resize: none;
}
input#hidden-input-fix {
	position: absolute; 
	top: -9999px;
	left: -9999px;
}
/******************************************
	StayPuft®
*******************************************/


#stayPuft{
	padding-top: 50px;
}
#stayPuft #busterTwo{
	display:none;
}
#stayPuft .breadBuster{
	display:block;
	margin:0 30px 0 30px;
	position:relative;
	float:left;
}
#stayPuft .breadBreaker{
	color:#FFF;
	font-size:21px;
	text-align:center;
	display:block;
	margin:0 30px 0 0;
	padding:0;
	position:relative;
	opacity:0.6;
	display:none;
	float:left;
}
#stayPuft .breadBreaker i{
	height:50px;
	line-height:50px;
	display:block;
}
#stayPuft .breadBuster .dropdown-menu{
	color:#FFF;
	width:100%;
	background:#253A43;
	border:0;
	z-index: 9999;
}
#stayPuft .breadBuster .dropdown-menu li:hover{
	color:#FFF;
	background:#5D727B;
	cursor:pointer;
}
#stayPuft .breadBuster .dropdown-menu li{
	color:#EEE;
	background:#324750;
	line-height:1em;
	padding:10px;
	margin:10px 10px 10px 10px;
	border-radius:4px;
	display:block;
}
#stayPuft .breadBuster .dropdown-menu li.divider{
	background:transparent;
	border-color:#2F444D;
	border-width:2px;
	padding:0; margin:0;
}
#stayPuft .breadBuster .dropdown-toggle{
	color:#444;
	width:195px;
	height:50px;
	font-size:18px;
	line-height:50px;
	background:#FFF;
	text-align:left;
	position:relative;
	padding:0 70px 0 20px;
	border-bottom:2px solid #CCC;
}
#stayPuft .breadBuster.open .dropdown-toggle{
	color:#AAA;
}
#stayPuft .breadBuster .dropdown-toggle .caret{
	color:#FFF;
	width:50px;
	height:50px;
	font-size:24px;
	text-align:center;
	line-height:50px;
	background:#253A43;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	margin:0;
	border:0;
	border-bottom:3px solid #0B2029;
	position:absolute;
	top:0; right:-1px;
}
#stayPuft .breadBuster .ghostTrap {
	height: 50px;
	overflow: hidden;
	display: block;
}
#stayPuft #tagPuft{
	padding: 20px 0 0 0;
	display:none;
	position: relative;
	clear: both;
	margin-left: 145px;
}
#stayPuft #tagPuft .title{
	color:#FFF;
	font-size:12px;
	font-weight:600;
	display:block;
	padding:0 0 5px 0;
	clear:left;
}
#stayPuft #tagPuft a.btn-primary:hover{
	color:#FFF;
	background:#3A4F58;
	border-color:#2C414A;
}
#stayPuft #tagPuft a.btn-primary{
	color:#FAFAFA;
	background:#253A43;
	border-color:#0B2029;
	margin:0 15px 10px 0;
}
#stayPuft #tagPuft a.btn-primary strong{
	opacity:0.6;
}
#stayPuft #tagPuft a.btn-primary.active:hover{
	color:#FFF;
	background:#85DCBA;
	border-color:#53AA88;
}
#stayPuft #tagPuft a.btn-primary.active{
	color:#FFF;
	background:#63BA98;
	border-color:#3C9371;
}


.icon-refresh{
	color:#263B44 !important;
	margin:0;
    width: 67px;
    height: 67px;
    display:block;
    text-align:center;
    overflow:visible;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
     0% {
   -ms-transform: rotate(0deg);
 }
100%{
   -ms-transform: rotate(360deg);
 }

}
@-moz-keyframes spin {
     0% {
   -moz-transform: rotate(0deg);
 }
100%{
   -moz-transform: rotate(360deg);
 }
}
@-webkit-keyframes spin {
     0% {
   -webkit-transform: rotate(0deg);
 }
100%{
   -webkit-transform: rotate(360deg);
 }
}
@keyframes spin {
     0% {
   transform: rotate(0deg);
 }
100%{
   transform: rotate(360deg);
 }
}






/* NEWS */

.sna-image{
	margin-right: 2%;
}

.sna-content{
	width: 78% !important;
}