@charset "utf-8";
/* CSS Document */
/** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling *    user zoom.
 
BREADCRUMBS HEADER
font-family: 'Open Sans', sans-serif;
---------------------------------------------
ITEM TITLE
font-family: 'Yanone Kaffeesatz', sans-serif;
---------------------------------------------
PARAGRAPH
font-family: 'Source Sans Pro', sans-serif;
*/
/*-ms-text-size-adjust: 100%;  2 */
  /*-webkit-text-size-adjust: 100%;  2 */
.item_page h1, .inner_section h1, .item_list .item .text h4, .item_list .item .text h4 a, .address_section h1 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
}
.item_page h1 {
	font-size: 30px!important;
	line-height: 32px;
	margin-left: 5px;
}
html, .h1mfg, .h1mfg a, .item_list .item .text h4, .item_list .item .text h4 a {
	font-family: 'Source Sans Pro', sans-serif;
}
.breadcrumb, .blue_bar p, .skuCountItem p, .skuCountItem .vipTag a, #subMenu ul li a, .department-heading, .graylist ul li, .new_additions h3, .department h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;
}/*
#subMenu ul li a {font-size: 16px;}*/
.h1mfg, .h1mfg a {
	font-size: 15px!important;
	color: #969696!important;
}
.non_member_price .dollar_amount, .vip_price .dollar_amount, .shipping_dollar_amount {
	font-size: 15px!important;
	color: #c36a00!important;
	font-family: sans-serif;
	letter-spacing: -1px!important;
	font-weight: 700;
}
.vip_price.map {margin-top:-13px;text-align: center!important;}
.vip_price .dollar_amount.map {margin-top:0px;}
.vip_price .dollar_amount.map a {
	color: #c36a00!important;
	letter-spacing: -1px;
	font-size: 18px!important;
	line-height: 15px!important;
	display: inline-block;
}
.vip_price .dollar_amount.map input[type="submit"] {
		color: #c36a00!important;
	letter-spacing: -1px;
	font-size: 16px!important;
	line-height: 15px!important;
	display: block;
	border: none;
	width: 100px;
	background: none;
	font-family: sans-serif;
	letter-spacing: -1px!important;
	font-weight: 700;
	min-height: 0;
	padding-left: 0;
	margin: -1px 0 0 0;
	height: 30px;
	white-space: normal;
}
/*.see-price-in-cart {width: 95px;}
.add-vip-for-price {width: 95px;}*/
ul.checkmarks {list-style-image: none;list-style-position: outside;list-style-type: none;margin: 5px 0 5px 15px;padding: 0;}
li.checkmark {background: transparent url(/common/images/icon-vip-check.gif) no-repeat scroll 0 7px;
margin: 0;padding: 2px 0 2px 18px;list-style-image: none;list-style-position: outside;list-style-type: none;}
.msg-max-qty {font-size: 12px; color: #02620f; position: absolute;margin: -12px 0 0 12px;}
.notify-when-avail { display: block; text-align:center; font-size: 14px; font-weight: 700; line-height: 14px;}
.notify-when-avail span {color: #696969;}
.notify-when-avail { color: #c36a00!important}
.item_list .item .yellow_box .non_member_price span, .item_list .item .yellow_box .vip_price span, .shipping_dollar_amount {
	font-size: 20px!important;
}
.blue_bar p, .skuCountItem p, .skuCountItem .vipTag a {
	font-size: 18px!important;
	line-height: 16px;
	font-weight: 700!important;
}
.skuCountItem p, .skuCountItem.stuck {
	line-height: 0px
}
body {
	margin: 0;
	padding: 0;
}
.wrapper {
	width: 100%;
	min-width: 320px;
	float: left;
}
header {
	float: left;
	width: 100%;
	position: fixed;
	background: white;
	z-index: 106;
	box-shadow: 0px 3px 0px #ccc;
	top: 0px;
}
header.iPhoneHeader {
	float: left;
	width: 100%;
	position: absolute;
	background: white;
	z-index: 106;
	box-shadow: 0px 3px 0px #ccc;
	top: 0px;
}
header.iPhoneHeader .slideout-search.open {display: block;}
header.iPhoneHeader .slideout-search {display: none;}

.top_section {
	float: left;
	width: 98%;
	padding: 5px 0 0 0;
	min-width: 310px;
	height: 50px;
}
a {
	color: #145595;
	text-decoration: none;
}
.logo {
	float: left;
	width: 134px;
	line-height: 0;
}
.logo img {
	border: none;
}
.top_section ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
.top_section li {
	float: left;
	font-size: 11px;
	background: url(../images/top_divider.png) right center no-repeat;
	padding: 0 5px 0 5px;
	text-align: center;
}
.top_section li a {
	display: block; /*padding-top:28px; */
	color: #333;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.top_section li a span {
	color: #a41313;
}
.top_section li a:hover {
	color: #0066CC;
}
.top_section li.last {
	background: none;
}
.top_section li.callus a {
	background: url(../images/icon_top_phone.jpg) center top no-repeat;
	background-size: 35px 27px;
}
.top_section li.account a {
	background: url(../images/icon_top_account.jpg) center top no-repeat;
	background-size: 29px 27px;
}
.top_section li.cart a {
	background: url(../images/icon_top_cart.jpg) center top no-repeat;
	background-size: 30px 27px;
}
.top_section li.top-right {
	margin-top: 8px;
}
.gray_bar, .dark_gray_bar, .blue_bar, .dark_gradient, .skuCountItem {
	float: left;
	width: 100%;
	padding: 7px 0 0 0;
	background: #e2e2e2;
	position: relative;
	color: #7e7e7e;
	font-weight: bold;
}
.blue_bar.narrow {width: 96%; margin: 0 2%;}
.gray_bar {
	padding: 7px 0 6px 0;
}
.dark_gray_bar, .dark_gradient {
	margin: 0 0 10px 0;
	color: #fff!important;
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top, #4c4c4c 0%, #434343 48%, #424242 49%, #3a3a3a 51%, #3a3a3a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(48%, #434343), color-stop(49%, #424242), color-stop(51%, #3a3a3a), color-stop(100%, #3a3a3a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4c4c4c 0%, #434343 48%, #424242 49%, #3a3a3a 51%, #3a3a3a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4c4c4c 0%, #434343 48%, #424242 49%, #3a3a3a 51%, #3a3a3a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4c4c4c 0%, #434343 48%, #424242 49%, #3a3a3a 51%, #3a3a3a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4c4c4c 0%, #434343 48%, #424242 49%, #3a3a3a 51%, #3a3a3a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#3a3a3a', GradientType=0 ); /* IE6-9 */
	box-shadow: 0px 3px 0px #ccc;
	padding: 14px 5px 14px 10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	font-weight: bold;
}
.dark_gray_bar p {
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}
.gray_bar.sort_results_by {
	padding: 7px 0 7px 0!important;
	width: 100%;
}
.dark_gray_bar, .blue_bar, .skuCountItem {/*padding:7px 1% 17px 1%; */
	background: #454545;
}
.skuCountItem.cart {background-color: #145595;}
.skuCountItem.cart p, .skuCountItem.cart .vipTag {font-size: 16px!important;}
.blue_bar, .skuCountItem {
	padding: 0px;
	background-color: #0d5eae;
	color: #fff;
	box-shadow: 0px 3px 0px #ccc;
	font-weight: bold;
}
/*.menu{float:left; width:101px; height:38px; margin-left:5px; background:url(../images/toggle_nav_bg.jpg) left top no-repeat; text-decoration:none;}*/

nav.link .darkbg {
	position: absolute;
	width: 101px;
	height: 7px;
	top: -7px;
	z-index: 1000;
	background: #024588;
	left: 5px;
}
nav.link {
	position: absolute;
	left: 0;
	top: 100%;
	background: #1070cf;
	width: 100%;
	z-index: 1000;
}
nav.link ul, #subMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav.link li, #subMenu ul li {
	width: 96%;
	border-bottom: 1px solid #0d5eae;
	margin: 0 5px;
	font-size: 16px;
	line-height: 34px;
	text-indent: 15px;
	float: left;
	box-shadow: 0px 1px 0px #1a85de;
	box-sizing: border-box;
}
nav.link li a, #subMenu ul li a {
	color: #fff;
	text-decoration: none;
}
#subMenu ul li {
	border-bottom: 1px solid #00366c;
	box-shadow: 0px 1px 0px #0059b4;
}
#subMenu ul li a {
	display: block;
}
#subMenu section.features {
	float: left;
	width: 96%;
	padding: 2%;
}
#subMenu section.features img {
	display: inline-block;
	width: 49%;
	float: left;
	margin: 1% 1% 0 0;
	position: relative;
}
#subMenu section.features img:nth-child(even) {
	margin-right: 0;
}
#subMenu section.features img a {
	margin: 0;
	padding: 0;
	border: 0;
}
nav section {
	float: left;
	width: 98%;
	background: #024588;
	padding: 1%;
}
nav section.img img, #subMenu section.img img {
	border: 0px solid #1070cf;
	width: 99.5%;
}
nav li a {
	cursor: pointer;
	color: #204d4b;
	text-decoration: none;
	background: url(/common/images/bc-02.png) no-repeat 0px 8px;
	background-size: 10px 18px;
	list-style: none;
	float: left;
	margin: 0 0 0 12px;
	list-style-position: inside;
	width: 92%;
	line-height: 30px;
	padding: 2px 0px 4px 9px;
}
.gray_bar .heading_left {
	width: 50%;
}
.gray_bar .heading_left, .gray_bar .heading_right, .heading_midl {
	color: #434343!important;
	float: left;
	display: inline-block;
	margin-left: 17px;
}
.gray_bar .heading_right {
	float: right!important;
	margin-right: 2px;
	text-align: right;
}
a.navButtons {
	font-size: 22px;
	font-weight: bold;
	color: #024588;
	text-decoration: none;
	display: block;
	padding: 6px;
	border: 2px solid #DDD;
	text-align: center;
	margin: 5px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEE));
	background: -moz-linear-gradient(0% 90% 90deg, #EEE, #FFF);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.gray_bar .tbox {
	display: block;
	margin: 0 0 0 111px;
}
.gray_bar .tbox input {
	width: 98%;
	padding: 0 0 0 24px;
	min-height: 39px;
	height: 39px;
	line-height: 40px;
	background: #fff url(../images/icon_search.jpg) 8px center no-repeat;
	border: 1px solid #cbcbcb;
	color: #b4b3b4;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
nav {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	color: #0d5eae;
}
article {/*font-size: .85em; font-weight:normal;*/
	float: left; /*line-height: 140%;*/
}
.body_section {
	float: left;
	width: 100%;
	margin-top: 58px;
}


.deal_oftheweek {
	float: left;
	width: 96%;
	margin: 0 2% 10px 2%;
	border-bottom: 2px solid #cccccc;
	padding-bottom: 5px;
}
.deal_oftheweek .text {
	float: left;
	width: 50%;
	text-align: center;
	color: #565656;
	height: auto;
}
.deal_oftheweek .text img {
	width: 75%;
}
.deal_oftheweek h4 {
	margin: 0;
	font-size: 12px;
}
.deal_oftheweek h3 {
	color: #0066cc;
	margin: 0 0 4px 0;
	font-size: 16px;
	line-height: 14px;
}
.deal_oftheweek .price {
	font-size: 26px;
	color: #ff6200;
	display: block;
}
.deal_oftheweek .price sup {
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	width: 10px;
}
.deal_oftheweek span.from {
	display: inline-block;
	color: #949494;
	font-weight: normal;
	font-size: 13px;
	vertical-align: super;
	text-transform: uppercase;
	position: relative;
	top: 2px;
	letter-spacing: .5px;
}
.deal_oftheweek .buy_now, input.buy_now[type="submit"]:active, input.buy_now[type="submit"]:focus, input.buy_now[type="submit"]:hover  {
	color: #fff;
	background: url(../images/grad_btnbuynow.jpg) #088318 left top repeat-x;
	background-size: auto 100%;
	border: 2px solid #1f722a;
	height: 42px;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 700;
	max-width: 100%;
}
.deal_oftheweek .buy_now:hover {
	background: url(../images/grad_btnbuynow_hover.jpg) left top repeat-x;
	background-size: auto 100%;
}
.deal_oftheweek figure {
	float: right;
	width: 46%;
	margin: 2%;
}
.deal_oftheweek .sold-out {
	background: url(../images/sold-out.png) right top no-repeat;
	width: 50%;
	height: 200px;
	position: absolute;
	background-size: 60%;
	right:0px;
	box-sizing: border-box;
	float: right;
	display: block;
}
.deal_oftheweek figure img {
	width: 100%;
}
.options {
	float: left;
	width: 96%;
	padding: 3px 2% 10px 2%; /*background:#e3e3e3;*/
}
.options ul {
	float: left;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
.options li {
	width: 49.5%;
	float: left;
	margin: 1% 1% 0 0;
	position: relative;
	line-height: 0;
}
.options li.last {
	margin-right: 0;
}
.options li img {
	width: 100%;
}
.options li span {
	position: absolute;
	z-index: 100;
	display: block;
	left: 0;
	bottom: 0;
	line-height: 25px;
	background: url(../images/options_bg.png) left top repeat;
	width: 100%;
	text-transform: uppercase;
	color: #fff;
	text-indent: 9px;
	font-size: 18px;
	font-weight: bold;
}
#shopping-departments {
	float: left;
	width: 100%;
	/*padding: 2%;*/
}
/*#shopping-departments .department {
	display: inline-block;
	width: 46.5%;
	margin: 1% 1% 0 0;
	border: 2px solid #979797;
	padding: 0;
	box-sizing: border-box;
}*/
#shopping-departments .department img {
	width: 40%;
}
#shopping-departments .department:nth-child(even) {
	margin-right: 0;
}
#shopping-departments .department .department-heading {
	width: 100%;
	background: #0044aa;
	text-align: center;
	color: #ffffff;
}
#shopping-departments .department img {
	text-align: center;
	display: block;
	width: 50%;
	margin: 10px 0;
}
#shopping-departments .department ul {
	list-style-type: none;
	margin: 10px 20px 0 35px;
	padding: 0 5px 5px;
	line-height: 30px;
}
#shopping-departments .department ul li {
	border-bottom: 2px solid #efefef;
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
	line-height: 150%;
	margin: 5px 5px 5px 0;
	width: 100%;
}
#shopping-departments .department ul li:last-child {
	border-bottom: none;
}
#shopping-departments .department ul li a {
}
#fit-width .masonry {
	margin: 0 auto;
}
ul.top_brands {
	margin: 0;
	padding: 0;
}
ul.top_brands li {
	list-style-type: none;
	width: 33%;
	display: block;
	float: left;
	margin: 2% 0;
	padding: 0;
	text-align: center;
}
.bottom_box {
	float: left;
	width: 96%;
	padding: 2%;
}
.new_additions {
	/*float: left;
	width: 100%;
	margin: 0 0 20px 0;*/
}
.new_additions h3, .department h3, .help h3{
	background: #0d5eae;
	font-size: 18px;
	color: #fff;
	display: block;
	padding: 0 5px;
	display: block;
	margin: 0;
	line-height: 52px;
}
.new_additions .viewall a, .blue_bar.narrow .viewall a, .breadcrumb .viewall a{ float: right;color: #ffffff!important; padding: 0 5px; font-family:'Open Sans', sans-serif; font-weight:700; font-size:18px;line-height: 52px;}
.breadcrumb .viewall a{ font-size:16px;line-height: 45px;}
img.star-rating.new-addition{ width: 80px;}
.new_additions .slider_container {
	/*width: 100%;
	float: left;
	position: relative;*/
}
.new_additions .slider {
	float: left;
	width: 95.6%;
	border: 1px solid #ccc;
	padding: 2px 2% 10px 2%;
	position: relative;
	height: 100px;
}
.new_additions .slider a {display: block; z-index: 9999!important;width:100%!important;background-color: #A1FFFD; border:	4px dashed black; box-sizing: border-box;margin-top:30px;}
li.panel.activePage {z-index:80!important;}
.new_additions .slider_container .left_arrow {
	width: 9px;
	height: 13px;
	background: url(../images/left_arrow.png) left top no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 45%;
	left: 6px;
	z-index: 999;
}
.new_additions .slider_container .right_arrow {
	width: 9px;
	height: 13px;
	background: url(../images/right_arrow.png) left top no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 45%;
	right: 6px;
	z-index: 999;
}
.new_additions .slider .slide_content {
	display: block;
	width: 96% !important;
	padding: 6px 2%;
	height: 160px;
}
.new_additions .slider figure {
	width: 60px;
	float: left;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0 0 5px;
}
.new_additions .slider figure img {
	max-width: 100%;
}
.new_additions .slider .text {
	display: block;
	color: #565656;
	font-size: 13px;
	margin: 0 0 0 80px;
}
.new_additions .slider .text h4 {
	color: #0066cc;
	margin: 0;
	font-size: 16px;
	line-height: 16px;
}
.new_additions .slider .text span {
	display: block;
	padding: 0;
}
.new_additions .slider .text .price {
	font-size: 26px;
	color: #ff6200;
}
.new_additions .slider .text sup, .item_list .item .text .price sup, .price sup {
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	width: 8px;
	position: relative;
	top: 2px;
}
.new_additions .slider .text sup strong {
	color: #949494;
	font-weight: normal;
}
.item_list {
	width:100%;
	position: relative;
	top: 3px;
	float: left;
}
.item_list h3 {
	background: #0d5eae;
	font-size: 16px;
	color: #fff;
	display: block;
	padding: 0 3%;
	display: block;
	margin: 0;
	line-height: 43px;
}
.item_list .item, .item_list.order_review {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc; /*margin: 10px 0 10px 0; */
	position: relative; /*height:94px;padding: 10px 0;*/
}
.item_list .item {
	border-bottom: none;
}
.item.order_review {
	border-bottom: 1px solid #ccc;
}
.item_list .item.spacer {
	margin-top: 10px;
}
.item_list .item:last-child {
	border-bottom: none!important;
}
.item_list .item .right_arrow {
	width: 9px;
	height: 13px;
	background: url(/img/right_arrow.png) left top no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 45%;
	right: 6px;
	z-index: 999;
}
.item_list .item .item_list {
	display: block;
	width: 96% !important;
	padding: 6px 2%;
}
.item_list .item figure {
	width: 78px;
	float: left;
	margin: 0px 0 10px 5px!important;
	padding: 0;/*border: 1px solid #dbdbdb;*/
	background: #ffffff;
}
.item_list .item figure.groupImagePad {
	margin: 20px 0 15px 0!important;
}
.item_list .item figure.cartMargin {
	margin: 10px 0 10px 5px!important;
	border: 1px solid #dbdbdb;
	padding: 7px 0 0 0;
}
.item_list .item figure img {
	max-width: 100%;
}
.item_list .item .text {
	display: block;
	color: #9a9a9a;
	font-size: 14px;
	margin: 0 0 0 90px;
}
.item_list .item .text h4, .item_list .item .text h4 a {
	color: #145595;
	margin: 5px 0 0 0;
	font-size: 16px;
	display: block;
	overflow: hidden;
	line-height: 18px;
	text-decoration: none;
}
.item_list .item .text.search-result {
	display: table;
}
.search-brand-suggest { background: #317DB8; border: 2px solid #0E75DA;margin: 10px 2%;}
a.suggest {}
.suggest span{color:#7e7e7e;}
.suggest {
/*background: #317DB8;
border-radius: 2px;
padding: 8px 16px 8px 27px;
color: #ffffff;

border: 2px solid #145595!important;
background-size: auto 100%!important;*/
line-height: 18px;
margin: 6px 10px 6px 10px;
font-family: 'Open Sans', sans-serif;font-weight: 700;font-size: 16px;
}


.item_list .item .text span {
	display: table-row;
	padding: 0 0 2px 0;
}
.item_list .item .text .price, .price {
	color: #ff6200;
	font-family: sans-serif;
	font-size: 22px;
	/*font-weight: bold;*/
	letter-spacing: -1px;
}
.item_list .item .text sup {
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 0 0 1px;
	line-height: 12px;
}
.item_list .item .text .item_price_flag sup {
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	margin: 2px 0 -5px 1px;
	line-height: 11px;
}
.item_list .item .text .lock_space .cart_price sup {
	display: inline-block;
	text-transform: uppercase;
	font-size: 16px;
	margin: 0px 1px 0 3px;
	line-height: 14px;
}
.item_list .item .text sup strong {
	color: #949494;
	font-weight: normal;
}
.item_list .item.order_review {
	margin: 6px 0;
	padding-bottom: 10px;
}
td.sku-description {/*height: 60px; */
	line-height: 14px;
	vertical-align: top;
	font-size: 14px;
	color: #535353;
	font-weight: bold;
	margin: 0px;
}
td.sku-description a {
	font-size: 14px;
	margin-bottom: 7px;
	display: inline-block;
}
.cart-item-details { height: 80px;}
.save-up-to { color: #9a9a9a; font-weight: 700; padding: 0px; margin: -5px 0 0 9px; font-size: 16px;}
.sku-details {
	margin-bottom: 5px;
}
.lock_space {
	height: 60px;/*display:block;*/
}
.restrictions, .list-price, .item-number {/*font-size: 12px;*/
}
.restrictions {
	display: block; 
	height: 25px;
}
.restrictions img {
	width: 25px;
	height: 25px;
	margin: 3px 0 0 2px;
}
.item-number {
	font-family: 'Source Sans Pro';
	font-weight: normal;
	color: #939393;
	margin-top: 8px;
}
.item-number span {
	
	/*font-style: italic;
	font-weight: 700;*/
}
.listPrice {
	float: right;
	margin: 0 5px 5px 0;
	font-weight: normal;
	color: #939393;
	font-family: sans-serif;
}
.swatch {
	width: 80px;
	height: 24px;
	display: block;
	margin: 0 0 5px 15px;
	mask-image: url(/common/images/swatch.png) top left / cover;
	-webkit-mask: url(/common/images/swatch.png) top left / cover;
	-o-mask: url(/common/images/swatch.png) top left / cover;
	-ms-mask: url(/common/images/swatch.png) top left / cover;
}
.flag {/*float: right;right: 0; */
	width: 100px; /*margin: 5px 5px 0 0;*/
}
.details {
	width: 100%;
	color: #707070;
	font-size: 11px;
	display: block;
	height: 14px;
	overflow: hidden;
	float: left;
}
.last_order {
	width: 60%;
	float: left;
}
.qty_available {/*width: 40%;*/
	float: right;
	text-align: right;
	margin-right: 5px;
}
.multipleSelect {
	width: 92px;
	height: 30px;
	text-align: right;
	color: #02620f;
	font-size: 18px;
	padding: 0 0 0 35px;
	background-color: #FEFFE7!important;
	outline: none!important;
}
.button, .button green, .body input[type="submit"], .session_continue, .session_close {
	width: 100%;
	display: block;
	margin: 10px 0;
	border: 2px solid #024588;
	text-align: center;
	color: #FFF;
	outline: none!important;
	height: 30px;
	text-decoration: none;
	background: #34ab47;
	font-weight: bold;
	background: #145595;
	-webkit-appearance: none;
	border-radius: 0!important;
}
.button.complete-purchase { width: 96%; margin: 0 2%; box-sizing:border-box;}
/*.button.popup {width: 124px;line-height: 30px;display: block;
margin: 10px 0;
text-align: center;
color: #FFF;
outline: none!important;
height: 30px;
text-decoration: none;
font-weight: bold;
-webkit-appearance: none;
border-radius: 0!important;
padding-left: 0;
}*/
.button green {
	border: 2px solid #02620f;
	background: -moz-linear-gradient(top, #34ab47 1%, #2aa13d 50%, #219834 51%, #219834 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #34ab47), color-stop(50%, #2aa13d), color-stop(51%, #219834), color-stop(100%, #219834)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #34ab47 1%, #2aa13d 50%, #219834 51%, #219834 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #34ab47 1%, #2aa13d 50%, #219834 51%, #219834 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #34ab47 1%, #2aa13d 50%, #219834 51%, #219834 100%); /* IE10+ */
	background: linear-gradient(to bottom, #34ab47 1%, #2aa13d 50%, #219834 51%, #219834 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34ab47', endColorstr='#219834', GradientType=0 ); /* IE6-9 */
}
.button.gray { background:#676767; border: 2px solid #454545;}
.special_deals .body input[type="submit"] {
	float: right;
	width: 79px;
	line-height: 38px;
	height: 38px;
	background: url(../images/grad_btnsignup.png) left top repeat-x;
	border: none;
	color: #fff;
	font-size: 16px;
	background-size: auto 100%;
	padding: 0;
}
.button.short {
	display: block;
	text-align: center;
	text-decoration: none;
	height: 42px;
	line-height: 42px;
	float: right;
}
.button.short.stacked {
	height: 24px;
	line-height: 24px;
	margin: 2px 0;
}
.button.short.narrow {
	height: 24px;
	line-height: 24px;
	margin: 2px 0;
}
.button.short.stacked.mid {
	height: 32px;
	line-height: 32px;
}
input.button.short.stacked.mid.forinput[type="submit"] {height: 32px; line-height: 32px;min-height: 36px;font-size: 16px;}
.reorderBtn {
	width: 83%;
	margin: 10px 0 0 15%;
}
.green_btn {
	padding: 3px 0px 11px 1px;
	text-align: center;
	margin-right: 0px;
	border: 2px solid #02620f;
	line-height: 18px;
	color: #FFF;
	outline: none!important;
	float: left;
	width: 30px;
	height: 30px;
	text-decoration: none;
	background: #34ab47;
	font-weight: bold;
	border-radius: 0px!important;
	background: -moz-linear-gradient(top, #34ab47 1%, #2aa13d 50%, #219834 51%, #219834 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #34ab47), color-stop(50%, #2aa13d), color-stop(51%, #219834), color-stop(100%, #219834));
	background: -webkit-linear-gradient(top, #34ab47 1%, #2aa13d 50%, #219834 51%, #219834 100%);
	background: -o-linear-gradient(top, #34ab47 1%, #2aa13d 50%, #219834 51%, #219834 100%);
	background: -ms-linear-gradient(top, #34ab47 1%, #2aa13d 50%, #219834 51%, #219834 100%);
	background: linear-gradient(to bottom, #34ab47 1%, #2aa13d 50%, #219834 51%, #219834 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34ab47', endColorstr='#219834', GradientType=0 );
	min-height: 22px;
}
.qty {
	color: #02620f;
	font-size: 18px; /*font-weight:bold;*/
	width: 42px;
	float: left; /*height: 30px; border:none!important; */
	outline: none!important;
	text-align: center;
	background-color: #feffe7;
	padding: 0;
	margin: 4px 0 0 0;
	min-height: 30px;
	border: 0px;
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
}
.qty_btns {
	float: right;
	margin-right: 5px;
	min-width: 102px;
}
.qty_btns.cartPage {
	float: none;
}
/*-----------------ADD IPHONE WIDTH HERE TO EXPAND YELLOW BOX------------------------------*/

td.non-member-price, td.vip-member-price {
	width: 100px;
	padding-right: 1%;
}
td.your-price-cart {
	text-align: right;
	width: 100px;
	padding-right: 5px;
}
td.your-price-cart .orange {
	font-size: 22px;
	color: #d16f1a;
	font-weight: bold;
	padding: 0px;
}
td.your-price-cart .percent-off {
	font-size: 14px;
	font-weight: bold;
	color: #5E5E5E;
}
td.cart-sku-description {
	color: #454545;
	font-size: 12px;
	line-height: 13px;
	text-align: left;
	width: 100%;
	font-weight: bold;
	height: 39px;
	display: block;
	overflow: hidden;
}

/* iPhone 5 Retina regardless of IOS version */
@media screen and (max-width: 390px) {
.yellow_box {
	padding: 8px 0 7px 10px!important;
}
td.non-member-price, td.vip-member-price {
	width: 100px;
	padding: 0;
}
td.non-member-price .non_member_price {
	float: none;
}
}
.yellow_box {
	height: 60px;
	background-color: #feffe7;
	padding: 8px 0 7px 100px;
	float: left;
	width: 100%;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	margin-left: -1px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.yellow_box.cartPage {
	height: 56px;
	padding: 8px 0 7px 5px!important;
}
.item_list .item .yellow_box .non_member_price span, .item_list .item .yellow_box .vip_price span {
	vertical-align: top;
	line-height: 18px;
	display: inline-block;
	height: 18px;
}
.item_list .item .yellow_box .non_member_price span sup, .item_list .item .yellow_box .vip_price span sup {
	font-size: 14px;
	margin-top: -2px;
	display: inline-block;
}
.non_member_price, .vip_price {
	color: #696969;
	font-size: 12px;
	text-align: center;
	line-height: 13px;
	display: block;
	float: left;
	padding: 0 1%;
	font-weight: bold;/*width: 69px;*/
}
.vip_price.cartPage {
	float: right;
	text-align: right;
	margin-right: 5px;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
	font-family: sans-serif;
}
.prop65 {
	height: 15px;
}
.item_price_flag {
	float: left;
	width: 100%;
	color: #454545;
	font-size: 11px;
}
.item_price_flag .from {
	display: inline-block!important;
	padding: 0px!important;
}
.item_price_flag .from_price {
	color: #d16f1a;
	font-size: 26px;
	text-align: left;
	display: inline-block!important;
	padding: 0px!important;
}
.gift_card {
	float: left;
	width: 100%;
	/*margin: 0 0 10px 0;*/
	line-height: 0;
}
.gift_card img {
	width: 100%;
}
.gc-label {display:inline-block; height: 20px; font-weight: 700; padding: 0 10px 0 8px; margin: 15px 0 0 0;}
.gc-label-dash {display: inline-block; width: 79%; height: 4px;margin-top: -16px;border-top: 2px dashed #ccc;}
.gc-label.top {margin-top: -15px;}
.gi_buttons ul { margin: 8px 0 3px 0; padding:0 5px 5px 5px; text-align: center;}
.gi_buttons ul li {margin: 0; display:inline-block;width:24%; border: 2px solid #317DB8; box-sizing: border-box;transition: all .2s;}
.gi_buttons ul li a:link, .gi_buttons ul li a:visited { text-align:center; display: block; color:#317DB8; font-weight: 700;padding:10px 0; transition: all .2s;}

.gi_buttons ul li.active, .gi_buttons ul li:hover { background:#317DB8; transition: all .2s;}
.gi_buttons ul li.active a, .gi_buttons ul li a:hover {color: #FBFED5; transition: all .2s;}

.special_deals {
	float: left;
	width: 100%;
	padding-top: 5px;
	margin-top: 2%;
}
.special_deals .head {
	float: left;
	width: 100%;
	background: #272727;
	color: #fbfed5;
	height: 48px;
	position: relative;
	text-indent: 73px;
}
.special_deals .head img {
	position: absolute;
	z-index: 100;
	top: -5px;
	left: 5px;
	max-width: 296px;
	width: 96%;
}
.special_deals .body {
	background: #434343;
	width: 100%;
	padding: 0 5px;
	float: left;
	box-sizing: border-box;
}
.special_deals .body .textbox {
	display: block;
	margin: 0 83px 0 0;
}
.special_deals .body input[type="text"] {
	width: 100%;
	height: 36px; /*padding:0px; */
	font-size: 16px;
	color: #afafaf;
}
/*input[type="checkbox"] {
	margin: -14px 5px 0 0;
	width: 18px!important;
	-webkit-appearance: checkbox;
	float: left;
	background: #145595;
}*/
/*input[type="radio"] {
	margin: 0 10px 0 0;
	width: 24px!important;
	float: left;
	-webkit-appearance: radio;
}*/
input[type="checkbox"] {
   position:absolute;
   opacity: 0;
   -moz-opacity: 0;
   -webkit-opacity: 0;
   -o-opacity: 0;
   -webkit-appearance: checkbox;
   width: 96%;
}
input[type="checkbox"] + label {
   position:relative;
   padding: 0 0 0 30px;
   font-size: 18px;
   line-height: 16px;
}
input[type="checkbox"] + label:before {
   content:"";
   display:block;
   position:absolute;
   top:2px;
   height: 16px;
   width: 16px;
   /*background: white;*/
   border: 2px solid gray;
/*   box-shadow: inset 0px 0px 0px 2px white;
   -webkit-box-shadow: inset 0px 0px 0px 2px white;
   -moz-box-shadow: inset 0px 0px 0px 2px white;
   -o-box-shadow: inset 0px 0px 0px 2px white;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -o-border-radius: 10px;*/
}
input[type="checkbox"]:checked + label:before {
   /*background: #145595;*/
}
input[type="checkbox"]:checked + label::after {
   content: '';
   position: absolute;
   width: 1.2ex;
   height: 0.4ex;
   background: rgba(0, 0, 0, 0);
   top: 0.9ex;
   left: 0.4ex;
   border: 3px solid #1062a4;
   border-top: none;
   border-right: none;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
}


input[type="radio"] {
   position:absolute;
   opacity: 0;
   -moz-opacity: 0;
   -webkit-opacity: 0;
   -o-opacity: 0;
   width: 50%;
}
input[type="radio"] + label {
   position:relative;
   padding: 0 0 0 30px;
   font-size: 18px;
   line-height: 16px;
}
input[type="radio"] + label:before {
   content:"";
   display:block;
   position:absolute;
   top:2px;
   height: 16px;
   width: 16px;
   background: white;
   border: 2px solid gray;
   box-shadow: inset 0px 0px 0px 2px white;
   -webkit-box-shadow: inset 0px 0px 0px 2px white;
   -moz-box-shadow: inset 0px 0px 0px 2px white;
   -o-box-shadow: inset 0px 0px 0px 2px white;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -o-border-radius: 10px;
}
input[type="radio"]:checked + label:before {
   background: #145595;
}


.address_types {
	line-height: 40px;/* float: left; */
	display: inline-block;
	width: 48%;
	height: 40px;
}
.breadcrumb {
	width: 100%;
	background-color: #145595;
	/*top: 3px;*/
	position: relative;
}
.breadcrumb span a {
	text-decoration: none!important;
	color: #FFFFFF; /*font-weight:bold;*/
}
.breadcrumb span {
	/*color: #ffe5ba;*/
	text-decoration: none!important;
	display: block;
	padding: 10px 10px;
	border-bottom: 2px solid #14477a;
	box-shadow: 0px 1px 0px #2c66a0;
}
.breadcrumb .last {
	border: none!important;
	box-shadow: none!important;
}
.breadcrumb span.tier2 a, .breadcrumb span.tier3 a, .breadcrumb span.tier4 a {
	background: url(/common/images/bc-02.png) no-repeat 0px 2px;
	list-style: none;
	padding-left: 16px;
	background-size: 10px 18px;
	display: block;
}
.breadcrumb span.tier1 a::before {
	background: url(../images/icon-sprite.png) 0 0;
	display: block;
	width: 23px;
	height: 30px;
	content: " ";
	float: left;
	background-size: 23px 750px;
	margin: -2px 6px 0 0;
}
.breadcrumb span.tier2 a {
	margin-left: 16px;
}
.breadcrumb span.tier3 a, .breadcrumb span.tier3.last {
	margin-left: 32px;
}
.breadcrumb span.tier4 a, .breadcrumb span.tier4.last {
	margin-left: 48px;
}
.graylist ul {
	background-color: #e6e6e6;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #111111;
}
.graylist ul li {
	background: url(/common/images/bc-03.png) no-repeat 0px 13px;
	margin: 0 2% 0 15px;
	border-bottom: 1px solid #c7c7c7;
	color: #145595;
	text-decoration: none;
	list-style-position: inside;
	font-weight: bold;
	background-size: 10px 18px;
}


.graylist ul li:last-child {border-bottom: none;}
.graylist ul li a {display: block;padding: 10px 15px;}
.graylist.cat_b ul {
	padding: 0 0 0 10px;
	/*box-shadow: 0px 3px 0px #ccc;*/
}
.graylist.cat_c ul {
	padding: 0 0 0 28px;
}
.graylist.cat_d ul {
	padding: 0 0 0 46px;
}
.graylist a {
	text-decoration: none!important;
}
.toggle {
	padding: 0px;
	margin: 0px;
}
.toggle.live {
	padding: 0px;
	margin: 0px;
}
.toggle.live img {
	border-bottom: 0px;
	margin: -35px 10px 0 0;
	background-color: #317db8;
	border-radius: 5px 5px 0 0;
}
.toggle img {
	display: block;
	width: 26px;
	height: 26px;
	float: right;
	padding: 3px 3px 6px 3px;
	margin: -35px 10px 0 0;
	border-radius: 5px 5px 0 0;
}
#filter, #filters {
	width: 100%;
}
#filters {
	display: none;
}
#filters ul {
	background-color: #317db8;
	width: 100%;
	margin: 0px;
	padding: 10px;
	box-sizing: border-box;
}
#filters ul li:first-child {
	list-style-image: none!important;
	list-style-type: none!important;
	color: #FBFED5;
}
#filters ul li, #filters ul li.last, #filters ul li a, #filters ul li.last a {
	list-style-type: none;
	/*background: url(/common/images/bc-01.png) no-repeat 0px 8px;
	background-size: 10px 18px;*/
	margin: 0 10px  0 10px;
	padding: 3px 0px;
	color: #FBFED5;
	text-decoration: none;
	list-style-position: inside;
	text-decoration: none!important;
	font-weight: bold;
}
/*#filters ul li:first-child {
	border-bottom: 2px solid #136a92;
	box-shadow: 0px 1px 0px #298dbb;
}*/
#filters ul li:last-child {
	border-bottom: none;
}
#filters ul li a {
	margin-left: 0px!important
}
#filters ul li.last, #filters ul li.last a {
	border-bottom: none;
}
#filters ul li.none {
	background: none;
	padding-left: 0px;
}
.refined_by {
	background: #317db8;
	color: #ffffff;
	padding: 10px;
	padding-left: 10px;
}
.refined_by span {
	color: #ffe5ba;
	display: inline!important;
}
.refined_by .close_refine {
	display: inline!important;
	
}
.refined_by .close_refine img { vertical-align: middle;margin-top: -3px;}
.refined_by .close_refine a {
	color: #FDFAB9;
	text-decoration: none;
	display:block;
	margin-top: 2px;
}
#filters ul li a {
	background: none;
}
.item_page figure {
	float: left;
	width: 73.5%;
	padding: 0px;
	margin: 0px;
}
.item_page figure img {
	width: 100%;
}
.item_page aside {
	float: right;
	width: 22%;
	min-width: 80px;
	max-width: 100px;
	text-align: center;
	margin: -57px 1% 5px 0;
	font-size: 12px;
	color: #414141;
}
.item_page aside a {
	text-decoration: none;
	color: #0d5eae;
}
.item_page aside span {
	width: 100%;
	height: 1px;
	display: block;
	border-bottom: 1px solid #d1d1d1;
	margin: 5px 0;
}
.st_facebook_large, .st_twitter_large, .st_pinterest_large {display:block; width: 40px;height:40px;}
.item_page aside .aside-border {
	border: 1px solid #d1d1d1;
	padding: 5px;
	font-size: 12px;
	font-weight: 700;
}
.item_page aside .discount-table {
	border-collapse: collapse;
	box-sizing: border-box;
}
.item_page aside .percent-off {
	color: #980E12;
	font-size: 32px;
	font-weight: bold;
	line-height: 22px;
	font-family: sans-serif;
	letter-spacing: -1px!important;
}
.item_page aside table {
	border-collapse: collapse;
}
/*------------------FOOTER----------------------*/
footer {
	float: left;
	width: 100%;
	background: #333 url(../images/footer.jpg) left top repeat-x;
	text-align: center;
	padding: 10px 0 80px 0;
	font-size: 15px;
	color: #e9e5e1;
	/*text-shadow: 1px 1px 1px #000;*/
}
/*footer .call_us {
	display: inline-block;
	background: url(../images/grad_btncallus.png) left top repeat-x;
	background-size: auto 100%;
	line-height: 40px;
	vertical-align: text-bottom;
	color: #000;
	text-decoration: none;
	border: 2px solid #000;
	padding: 0 27px;
	border-radius: 5px;
	box-shadow: 0 0 5px 3px #313131;
	text-shadow: 1px 1px 1px #fff;
}
footer .call_us:hover {
	background: url(../images/grad_btncallus_hover.png) left top repeat-x;
	background-size: auto 100%;
	text-decoration: none;
}
footer .call_us img {
	vertical-align: text-top;
}*/

footer .call_us {
	color: #fff;
	background: url(../images/grad_btnbuynow.jpg) #088318 left top repeat-x;
	background-size: auto 100%;
	border: 2px solid #1f722a;
	height: 42px;
	padding: 12px 20px 0;
	font-size: 16px;
	font-weight: 700;
	display: block;
	outline: none!important;
	min-height: 44px;
	line-height: 100%;
	margin:10px 9%;
	box-sizing: border-box;
	-webkit-appearance: none;
	border-radius: 0px;
	min-width: 225px;
}
footer .call_us:hover {
	background: url(../images/grad_btnbuynow_hover.jpg) left top repeat-x;
	background-size: auto 100%;
	text-decoration: none;
}
.footer_call_btn {
	width: 100%;
	box-sizing: border-box;
	text-align:center;
}








footer .nav {
	list-style: none;
	margin: 0;
	padding: 15px 0;
}
footer .nav li {
	display: inline-block;
	padding: 0 9px;
	border-right: 1px solid #7c7c7c;
	line-height: 16px;
}
footer .nav li.last {
	border-right: 0;
}
footer a {
	color: #f7feab;
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
}
footer .copyright {
	font-size: 13px;
}
/*-----------------------DROPDOWN--------------*/
.cd-dropdown, .cd-select {
	position: relative; /*width: 300px; margin: 2% 15%;*/
	display: block;
	z-index: 999;
}
.cd-dropdown {
	width: 100%;
	margin-left: 2%!important;
}
.cd-dropdown > span {
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #999;
	font-weight: 700;
	font-size: 16px;
	background: #fff;
	display: block;
	padding: 0 50px 0 30px;
	position: relative;
	cursor: pointer;
}
.cd-dropdown > span:after {
	content: '\25BC';
	position: absolute;
	right: 0px;
	top: 15%;
	width: 50px;
	text-align: center;
	font-size: 12px;
	padding: 10px;
	height: 70%;
	line-height: 24px;
	border-left: 1px solid #ddd;
}
.cd-dropdown.cd-active > span:after {
	content: '\25B2';
}
.cd-dropdown ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}
.cd-dropdown ul li {
	display: block;
}
.cd-dropdown ul li span {
	width: 100%;
	background: #fff;
	line-height: 60px;
	padding: 0 30px 0 30px;
	display: block; /*color: #bcbcbc;*/
	cursor: pointer;
	font-weight: 700;
}
.cd-dropdown > span, .cd-dropdown ul li span {
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.cd-dropdown > span span[class^="icon-"], .cd-dropdown > span span[class*=" icon-"] {
	padding: 0 30px 0 45px;
}
/* Select fallback styling */
.cd-select {
	border: 1px solid #ddd;
}
/* General Demo Style 
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);*/
.fleft *, .fleft *:after, .fleft *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom: 1;
}
.fleft { /*float: left; width: 49%;*/
	width: 96%;
	min-width: 300px;
}

@media screen and (max-width: 730px) {
.fleft {
	width: 96%;
	float: none;
	text-align: center;
}
}
.cd-dropdown {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}
.cd-dropdown > span {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	-o-transition: -o-transform .3s;
	-ms-transition: -ms-transform .3s;
	transition: transform .3s;
}
.cd-dropdown > span:active {
	-webkit-transform: rotateX(60deg);
	-moz-transform: rotateX(60deg);
	-o-transform: rotateX(60deg);
	-ms-transform: rotateX(60deg);
	transform: rotateX(60deg);
}
.cd-dropdown > span, .cd-dropdown ul li:nth-last-child(-n+3) span {
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.cd-dropdown ul {
	position: absolute;
	top: 0px;
	width: 100%;
}
.cd-dropdown ul li {
	position: absolute;
	width: 100%;
}
.cd-active.cd-dropdown > span {
	color: #d75414;
}
.cd-active.cd-dropdown > span, .cd-active.cd-dropdown ul li span {
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background-color: #fefeea;
}
.cd-active.cd-dropdown ul li span {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.cd-active.cd-dropdown ul li span:hover {
	background: #d75414;
	color: #fff;
}
/*-------------DROPDOWN MENU---------------------*/
.dropdown {
	float: right;
	margin-right: 5px;
	font-family: sans-serif;
	font-size: 14px;
}
.dropdown:before, .dropdown:after {
	content: '';
	position: absolute;
	z-index: 2;
	top: 9px;
	right: 10px;
	width: 0;
}
select.dropdown-select {
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #7e7e7e;
}
.login { padding: 0 10px;/*background-color:#e1e1e1;-moz-border-radius: 8px;border-radius: 8px; margin: 10px; padding: 10px;*/
}
input.usr {
	width: -moz-calc(100% - 40px);
	border: 2px solid #fff;
	;
	outline: none!important;
	min-height: 40px;
	line-height: 100%;
	background: url(/common/images/icon-usr.png) 12px 11px no-repeat, -webkit-linear-gradient(#f5f5f5, #ffffff);
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	padding-left: 40px;
	color: #979696;
	font-size: 1.2em;
}
input.psw {
	width: 100%;
	border: 2px solid #fff;
	;
	outline: none!important;
	min-height: 40px;
	line-height: 100%;
	background: url(/common/images/icon-psw.png) 12px 11px no-repeat, -webkit-linear-gradient(#ffffff, #f5f5f5);
	border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	padding-left: 40px;
	color: #979696;
	font-size: 1.2em;
}
input.eml {
	width: 100%;
	border: 2px solid #fff;
	;
	outline: none!important;
	min-height: 40px;
	line-height: 100%;
	background: url(/common/images/icon-eml.png) 12px 11px no-repeat, -webkit-linear-gradient(#ffffff, #f5f5f5);
	border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	padding-left: 40px;
	color: #979696;
	font-size: 1.2em;
}
input.pho {
	width: 100%;
	border: 2px solid #fff;
	;
	outline: none!important;
	min-height: 40px;
	line-height: 100%;
	background: url(/common/images/icon-pho.png) 12px 11px no-repeat, -webkit-linear-gradient(#ffffff, #f5f5f5);
	border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	padding-left: 40px;
	color: #979696;
	font-size: 1.2em;
}
input.usr #email.usr inner-editor {
	padding-left: 100px;
}
/*--------------------------------------------------------------
                     ACCORDION
--------------------------------------------------------------*/
.acc-container {
	width: 96%;
	padding: 2%;/*margin:10px auto 0 auto;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;*/
	overflow: hidden;/*
	box-sizing:border-box;*/
}
.acc-container.step3 {
	width: 100%;
	padding: 2%;/*margin:10px auto 0 auto;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;*/
	overflow: hidden;
	box-sizing:border-box;
}
.acc-btn {
	width: 100%;
	margin: 0;
	padding: 6px 0;
	cursor: pointer;
	background: url(../images/acc-off.jpg) repeat-x #393939;
	color: #efefef!important;
	text-align: center;
	text-transform: uppercase;/*border-bottom:1px solid #656465;*/
	box-sizing:border-box;
}
.acc-content {
	height: 0px;
	width: 100%;
	margin: 0;
	overflow: hidden;
	background: #efefef;
	box-sizing:border-box;
}
.acc-content-inner {
	padding: 10px 0;
}
.open {
	height: auto;
}
.acc-btn h1 {
	font-size: 1.2em;
	color: #ffffff!important;
}
.selected {
	background: url(../images/acc-on.png) repeat-x #3A3A3A;
}
.customer_review {
	display: table;
	padding: 5px;
	border: 2px solid #d1d1d1;
	font-size: .85em;
	margin: 10px 2%;
	width: 96%;
	box-sizing: border-box;
}
.customer_reviewHeader {
	display: table-row;
	background-color: #0d5eae;
	height: 29px;
	color: #ffffff;
	line-height: 25px;
	font-weight: bold;
}
#reviews {float:left;margin-top: 10px; width: 100%;}
.customer_reviewStars {
	display: table-column;
	width: 100px;
	float: left;
	margin: 4px 0 0 10px;
}
.customer_reviewNameLocation {
	display: table-column;
	float: left;
	text-align: left;
	margin-top: 1px;
}
.customer_reviewBody {
	padding: 10px;
	background-color: #faf8e3;
}
.customer_reviewViewMore {
	height: 30px;
	background-color: #efefef;
	border: 2px solid #D1D1D1;
	line-height: 30px;
	color: #0d5eae;
	font-weight: bold;
	text-align: center;
	margin: 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 390px) {
.customer_reviewNameLocation {
	display: block;
	float: none;
	text-align: center;
}
.customer_reviewStars {
	display: block;
	width: 100%;
	float: none;
	margin-left: 0;
	text-align: center;
	line-height: 11px;
	margin-top: -3px;
}
.customer_reviewHeader {
	display: block;
	height: 40px;
	line-height: 20px;
	padding-top: 10px;
}
}
span.ratings_avg {
	float: right;
	margin-top: 5px;
	width: 140px;
	text-align: center;
}
p.based_on {
	font-size: 12px!important;
	margin: 0px;
}
.brand {
	width: 100%;
	display: block;
	height: 56px;
	float: left;
}
.brand figure {
	width: 78px;
	float: left;
	margin: 0 10px 0 5px;
	padding: 6px;
	border: 1px solid #dbdbdb;
}
.brand_list {
	margin-top: 10px;
}
.brand_list .brand figure img {
	max-width: 100%;
	float: left;
}
.brand_list .brand h4, .brand_list .brand h4 a {
	color: #204d4b;
	margin-top: 20px;
	font-size: 13px;
	font-style: normal;
	height: 16px;
	line-height: 16px;
	text-decoration: none;
}
.featured_brands ul {
}
.featured_brands ul li {
	display: inline-block;
	list-style-type: none;
	width: 32%;
	margin: 0px;
	text-align: center;
}
.brand_list .brand .brand_count, li span.brand_count {
	float: right;
	display: block;
	width: 16px;
	height: 16px;
	background-color: #EFEFEF;
	border: 1px solid #cccccc;
	border-radius: 3px;
	font-size: 11px;
	font-weight: bold;
	color: #999!important;
	margin-top: 17px;
	text-decoration: none;
	text-align: center;
	padding: 4px;
	margin-right: 5px;
}
li span.brand_count {
	margin-top: 0px!important;
	margin-right: 0px!important;
}
.inner_section {
	width: 96%;
	padding: 10px 2% 0 2%;
	float:left;
}
.inner_section addcc {float:none;}
.inner_section ul {
	margin: 0px;
}
.inner_section ul li {
	margin-left: -20px;
}
.address_section {
	width: 96%;
	padding: 0 2% 10px 2%;
	float: left;
}
.address_section h1 {font-size: 22px; margin: 6px;}
.address_section.shipping_message {margin: 10px 2% 20px 2%;background-color: #fffff8;border: 1px solid #C7C7C7;box-sizing: border-box;padding: 6px; font-family: sans-serif;font-size: 15px;line-height: 120%;}
.address_button {
		float:right; line-height: 12px; margin-top: 8px;
}
input, textarea {
	width: 100%;
	display: block;
	border: 2px solid #cccccc;
	outline: none!important;
	min-height: 44px;
	/*line-height: 100%;*/
	background: -webkit-linear-gradient(#f5f5f5, #ffffff);
	color: #979696;
	font-size: 1.2em;
	margin: 4px 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding-left: 10px;
	-webkit-appearance: none;
	border-radius: 0px;
	font-family: sans-serif;
}
input[type="textarea"], textarea {
	line-height: 22px;
	font-family: sans-serif;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}
/*input::-webkit-input-placeholder { padding: 0 0 0 10px!important;}*/


.flag.multiple {
	float: left;
	right: 0;
	width: 37%;
	max-width: 120px;
	margin: 5px 5px 0 0;
}

.suggest a {
	color: #ffffff;
	text-decoration: none;
}
.breadcrumb .skuCount {
	float: right;
	color: #fefbb9;
	margin-top: -30px;
	margin-right: 5px;
	font-weight: bold;
}
.skuCountItem {
	height: 50px;
	transition: all .5s;
}
.skuCountItem p {
	line-height: 13px;
}
.skuCountItem .vipTag p {
}
.skuCountItem .vipTag {
	float: right;
	color: #fefbb9;
	margin-top: -28px;
	margin-right: 5px;
	font-weight: bold;
}
.dark_gradient .skuCount {
	float: right;
	color: #ffffff;
}
.vipTag a {
	color: #ffffff;
	font-weight: bold;
	margin-top: -5px;
	display: block;
}
.rotate-arrow {}
select {
	width: 100%;
	border: 2px solid #cccccc;
	outline: none!important;
	min-height: 44px;
	line-height: 100%;
	-webkit-appearance: none;
	background: -webkit-linear-gradient(#f5f5f5, #ffffff);
	padding-left: 5px;
	color: #979696;
	font-size: 1.2em;
	margin: 4px 0;
	border-radius: 0px;
	background: url(../images/select.png) no-repeat right;
	background-size: 16px 20px;
	/*-webkit-appearance: menulist-button;*/
	/*-webkit-appearance: menulist;*/

}
.dropdown.dropdown-dark select {
	width: 140px;
	font-family: sans-serif;
	line-height: 17px!important;
}
/* for search highlighting */
.match {
	background-color: yellow;
}
/*----------------------*/
/*-------------CART----------------------------*/
span.cartTitle, span.cartTitle a {
	height: 56px!important;
	color: #145595;
	margin: 1px 0 0 0;
	font-size: 13px;
	font-style: normal;
	display: block;
	overflow: hidden;
	line-height: 14px;
	text-decoration: none;
	font-weight: bold;
}
.cart_price {
	display: block;
	float: right;
	text-align: right;
	line-height: 20px;
}
.cart_price .line_total {
	font-size: 31px;
	color: #d16f1a;
	margin-right: 5px;
}
.cart_price .line_total sup {
	font-size: 16px;
	color: #d16f1a;
}
.cart_price .each {
	font-size: 14px;
	color: #9a9a9a;
	margin-right: 5px;
}
.cart_SKU {
	float: left;
	color: #434343;
	text-align: center;
}
.flag.cart {
	float: left;
	margin: 0!important;
	height: 16px;
	width: 80px;
	padding: 1px 0 3px;
}
.SKU_details {
	text-align: left;
	font-size: 11px;
	color: #454545;
	line-height: 14px;
	display: block;
	float: left;
	padding: 0 1%;
}
.qty.cart {
	margin: 10px 0 0 -3px;
}
.swatch.cart {
	margin-left: 4px;
}
.subtotal.cart {	
	background-color: #f6f6f6;
	/*border-bottom: 2px solid #d7d7d7;*/
	border-bottom: 0px solid #d7d7d7;
	padding: 5% 5px 4% 5px;
	text-align: right;
	color: #323031;
	float: left;
	margin: -10px 0 20px 0;
	width: 100%;
	box-sizing: border-box;
}

.subtotal.cart .large {
	font-size: 20px;
	color: #c36a00;
	margin-top: -4px;
	display: block;
}
.subtotal.cart .subtotal_label {
	margin: 3px 103px 0 0;
	display: block;/*width:100px;*/
	height: 26px;
}

.subtotal.cart .subtotal_price {
	float: right;
	display: block;
	width: 100px;
	height: 26px;
	margin-top: -30px;
	line-height: 26px;
	font-family: sans-serif;
	font-weight: 700;
	letter-spacing: -1px!important;
}
.item.odd {
	background-color: #fff;
}
.cartspace {
	margin-top: 10px;
}
.item.even {
	background-color: #f6f6f6;
}
.one_eighth {
	width: 12.5%;
	display: inline-block;
	float: left;
	text-align: right;
}
.quantity {
	width: 32px;
	margin-right: 6px;
	display: inline-block;
	float: left;
	text-align: right;
}
.linesubtotal {
	width: 80px;
	display: inline-block;
	float: left;
	text-align: right;
}
.three_eighth {
}
.four_eighth {
}
.five_eighth {
}
.six_eighth {
	min-width: 200px;
	max-width: 75%;
	display: inline-block;
	float: left;
}
.seven_eighth {
}
.item.order_review, .gray_bar {
	display: table;
}
#row {
	display: table-row;
}
.left, .middle, .right {
	display: table-cell;
}
.left {
	text-align: left;
	padding-left: 5px;
}
.left a {
	font-weight: bold;
}
.middle {
	width: 28px;
	text-align: center;
	padding: 0 4px;
}
.right {
	width: 80px;
	text-align: right;
	padding-right: 5px;
}
/*.item.review {padding: 7px 1% 0; width:97%; color:#434343; font-weight:normal;}*/
/*-------------CHECKOUT---------------------*/
.yellow {
	background-color: #fffff4!important;
	padding: 2% 20px 2% 10px;
}
.radio {
	line-height: 40px;
	height: 14px;
	width: 15px;
	float: left;
	margin-bottom: 23px;
}
.radio input {
	vertical-align: middle;
}
.break {
	display: block;
	width: 86%;
	height: 1px;
	border-bottom: 1px dashed #ccc;
	margin: 10px 22px;
}
.body_section.text {
	font-size: 1em;
}
.body_section.text p, .body_section p {
	padding: 0 5px;
}
.body_section.text p strong {
	width: 100%;
	display: block;
	font-size: 1.2em;
	color: #204e4c;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #204e4c;
}
.body_section.text hr {
/*background: url(/img/img-button-top.gif) no-repeat #FFF;
	width: 100%;
	height: 13px;
	border: 0px;*/
}
hr {
	border: 0!important;
	border-bottom: 1px solid #ccc!important;
	width: 100%;
	float:left;
}
.body_section.text a:link, .body_section.text a:visited {
	color: #d16f1a;
}
.body_section.text a:active, .body_section.text a:hover {
	color: #204e4c;
}
.session_continue, .session_close {
	/*color: #ffffff!important;*/
	width: 124px;
	line-height: 30px;
	/*display: inline-block;
	padding: 8px 0;
	background: #145595;
	border: 2px solid #024588;
	font-size: 16px!important;
	text-decoration: none!important;
	text-align: center;
	cursor: pointer!important;*/
}
.session_close {
	background: #4c4c4c!important;
	border: 2px solid #333333;
}
#popupWindow {
	display: none;
}
#sb-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 290px;
	margin-left: -150px;
	height: 300px;
	margin-top: -56px;
	padding: 6px;
	background: #145595;
	border: 1px solid #000;
	/*box-shadow: 0px 0px 10px black;*/
	font-family: sans-serif!important;
}
#sb-title {
	/*background: url(/img/img-background-popup-top.jpg) no-repeat;*/
	width: 290px;
	height: 36px;
	padding: 6px;
	text-align: center;
}
#sb-title-inner {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
}
#sb-wrapper-inner {
	position: relative;
	background: #FFF;
	height: 244px;
	margin-top: -10px;
	padding: 10px;
	line-height: 160%;
}
#sb-body-inner .specialText {
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	color: #013F42;
	text-transform: uppercase;
}
#sb-nav {
	float: right;
	height: 16px;
	padding: 2px 0;
	width: 45%;
}
#sb-nav a {
	display: block;
	float: right;
	height: 21px;
	width: 16px;
	margin-left: 3px;
	cursor: pointer;
	background-repeat: no-repeat;
}
#sb-nav-close {
	background-image: url(../images/img-button-popup-close.jpg);
	position: relative;
	margin-right: 200px;
	margin-top: -32px;
	width: 109px!important;
	height: 21px;
	z-index: 100!important;
}
.msg-green, .msg-yellow, .msg-red, .msg-teal {
	width: 96%;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	background-color: #fff5b7;
	border: 1px solid #666666;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 10px 5px;
	text-align: center;
	color: #333333;
	clear: both;
	box-sizing: border-box;
}
.msg-green {
	background-color: #98ffa4!important;
}
.msg-red {
	background-color: #cc4300;
	color: #ffffff!important;
}
.msg-teal {
	background-color: #bbfffd;
	color: #000000!important;
}
/*----------------*/

img.banner {
	margin: 10px 0;
}
.vip_upsell {
	background: url(../images/vip-upsell.png) no-repeat top center;
	width: 100%;
	background-size: 100%;
	height: 120px;
	padding-top: 5%;
}
.calloutbox {
	padding: 10px;
	display: block;
	border: 2px dashed #CCC;
	margin: 5px 0 20px;
	background-color: #feffef;
	
}
.calloutbox.notify {
	width: 100%;
	position: absolute;
	/* margin: 0; */
	box-sizing: border-box;
	border: 0px solid #145595!important;
	/* top: 142px; */
	left: 0%;
	padding: 0px;
	margin-top: -51px;
	z-index: 110!important;
}
.tracking_number {
	font-size: 22px;
	color: #145595;
	font-weight: bold;
	margin-top: 5px;
	line-height: 30px;
}
.cart-line1, .cart-line2, .cart-line3, .cart-line4, .cart-line5 {
	text-align: center;
	color: #8B0401;
	font-size: 22px;
	display: block;
	margin: 0;
	padding: 0;
}
.cart-line1 {
	color: #5C5B57;
	font-size: 14px;
}
.cart-line2 {
	color: #AA0000;
	font-size: 16px;
	line-height: 18px;
}
.cart-line3 {
	line-height: 20px;
}
.cart-line4 {
	line-height: 22px;
}
.cart-line5, .cart-line5 a {
	font-size: 14px;
	color: #8B0401!important;
}
 summary::-webkit-details-marker {
color: #116fcf;
font-size: 100%;
margin-right: 5px;
}
details summary {
	font-weight: bold;
	color: #145595;
	outline: none;
	margin: 5px;
	background-color: #ffffff!important;
	line-height: 24px;
	font-size: 16px;
}
details p {
	padding: 5px 15px!important;
	margin: 0 5px;
	/*font-size: 13px;*/
	line-height: 130%;
}
details {
	background-color: #feffef;
}
/*-------------LOCKED FOOTER ITEM PAGE---------------------*/
.checkoutbar {
	bottom: 0;
	position: fixed;
	z-index: 101;
	_position: absolute;
_top:expression(eval(document.documentElement.scrollTop+ (document.documentElement.clientHeight-this.offsetHeight)));
	height: 32px; /*box-shadow: 0px -4px 0px #333; opacity:0.9;*/
	background-color: #000000;
	border-top: 1px solid #fff;
	width: 100%;
	margin: 0px;
	padding: 4px 0 2px;
	color: #ffffff;
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
}
.checkoutbar .itemcart {
	display: block;
	width: 101px;
	margin: 0 5px 0 5px;
	float: left;
}
.checkoutbar a .itemcart  {
	color: #ffffff!important;
}
.checkoutbar .itemcart #cartTotalQty {
	margin-left: 24px;
	font-size: 15px;
}
.checkoutbar .itemcart span, .checkoutbar .subtotal span {
	color: #FAD800;
}
.checkoutbar .subtotal {
	display: inline-block; /*width: 20%;*/
	margin: 0 2px 0 16px;
	float: left;
	text-align: center;
	font-size: 12px; /*line-height: 16px;*/
}
.checkoutbar .subtotal span {
	font-size: 15px;
}
.checkoutbar .checkout {
	width: 70px;
	padding: 5px 1% 0 1%;
	font-size: 11px;
	vertical-align: middle;
	float: right;
	margin: 0px 6px 0 0;
	height: 20px;
	cursor: pointer;
}
.checkoutbar .checkout a {
	display: block;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.checkoutbar.cart {text-align:center;}
.checkoutbar.cart a{color: #ffffff;font-size: 16px; font-weight: 700; line-height: 32px;}
.checkoutbar.cart span{color: #FAD800; text-decoration: underline;}
/*-------------TOOLTIP---------------------*/
#tooltip {
	text-align: center;
	color: #FEFEEA;
	background: #145595;
	position: absolute;
	z-index: 16;
	padding: 15px;
	width: 100%;
	border: 2px solid #212121;
}
#tooltip:after /* triangle decoration */ {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #212121;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}
#tooltip.top:after {
	border-top-color: #145595;
	border-bottom: 10px solid #145595;
	top: -20px;
	bottom: auto;
}
#tooltip.left:after {
	left: 10px;
	margin: 0;
}
#tooltip.right:after {
	right: 10px;
	left: auto;
	margin: 0;
}
#vipPanel {
	position: relative;
	top: 40px;
	background-color: #ffffff;
}
.vip_upsell_form {width: 96%; display: block; padding: 30% 20px 10% 20px;margin: 0 2%; 
	background: url(/common/images/vip-buy-bg.jpg) no-repeat;
	box-sizing: border-box; background-size: 100%;}

input.vip_btn {
	background: #ffe609;
	border: 2px solid black;
	color: black;
	font-weight: 700;
	margin:0;
	padding-left:0;
	}

.slideout-menu {
	position: fixed;
	top: 58px;
	right: -2000px;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 107;
	overflow: scroll;
	padding-bottom: 100px;
	/*box-shadow: -6px 0px 19px #454545;*/
}
.slideout-menu-close {float: right;margin-top: 8px;margin-right: 13px;}
.slideout-menu-close a {color: #ffffff; font-size: 16px; text-decoration: underline; font-family: 'Open Sans', sans-serif;font-size: 18px!important;line-height: 16px;font-weight: 700!important;}
.item_list.addPadding {top:56px;padding-bottom: 56px;}
.skuCountItem.stuck {
	position: fixed;
	top: 58px;
	z-index: 101;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	line-height: 0;
	transition: all .5s;
	
}

.skuCountItem.stuck.iPhoneBlueBar{top:0px!important;}
.skuCountItem.stuck.iPhoneBlueBar .slideout-menu.open {top:0px!important;}

.skuCountItem.stuck .vipTag {
	margin-top: -13px;
}
.skuCountItem.stuck p {
	line-height: 5px;
}
.skuCountItem.stuck .vipTag a {
	margin-top: -16px;
}
/*-------------DROPDOWN MENU---------------------*/
#menu {
	transition: height 0.2s;
	-webkit-transition: height 0.2s;
	width: 40px;
}
#menu ul {
	padding: 0;
	margin: 0;
	list-style: none
}
#menu ul li {
	float: left;
}
#menu ul li a {
	display: block;
}

.content.blackout { display: none;position:fixed; opacity: .1; transition-duration: .2s; /*overflow:hidden;*/}
.content.hideforsearch { opacity: .1; transition-duration: .2s; /*overflow:hidden;*/}
.wrapper.applypromocode, .wrapper.maxQtyAvailable { opacity: .1; transition-duration: .2s; /*overflow:hidden;*/}

header.release {position: relative;}
body.disablescrolling { overflow:hidden;}

.menu {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	float: left;
	width: 101px;
	height: 38px;
	margin-left: 5px;
	background: url(../images/nav-retina.gif) left top no-repeat;
	background-size: 101px 76px;
	text-decoration: none;
}
.menu.active, .menu:hover {
	background-position: left bottom;
}
#subMenu {
	background: #024588!important;
	top: 57px;
	box-sizing: border-box;
	float: left;
	width: 100%!important;
	box-shadow: 0px 3px 0px #ccc;
	position: absolute;
	z-index: 104;
	display: none;
}

#subMenu .static {
	/*position: relative;*/
}
#subMenu ul li {
	clear: both;
}
/*-------------Search Bar Slidout---------------------*/
.slideout-search {
	margin: 0 5px;
	position: absolute;
	top: 0;
	right: -2000px;
	width: 100%;
	height: 55px;
	background: #ffffff;
	z-index: 104;
	box-sizing: border-box;
	border: none!important;
	box-shadow: 0px 3px 0px #ccc;
}
.search-opened-icon {
}
.search-opened-icon img {
	float: left;
	margin: 20px 0 0 5px;
}
.slideout-search input {
}
.slideout-search input[type="submit"] {
	float: right;
	width: 79px!important;
	line-height: 38px;
	height: 38px;
	background: url(../images/grad_btnsignup.png) left top repeat-x;
	border: none;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	background-size: auto 100%;
	padding: 0;
	
}
.slideout-search .textbox {
	display: block;
	margin: 6px 83px 0 40px;
}
/*----SPRITES-----*/
#subMenu ul li::before {
	background: url(../images/icon-sprite.png) 0 0;
	display: block;
	width: 23px;
	height: 30px;
	content: " ";
	float: left;
	margin: 4px 0 0 8px;
}
img.cat-banner { width: 100%;border-bottom: 3px solid #cccccc; margin-bottom: -4px;}
#subMenu ul li:first-child::before, .breadcrumb span.tier1.cat1 a::before {
	background: url(../images/icon-sprite.png) 0 0;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(2)::before, .breadcrumb span.tier1.cat2 a::before {
	background: url(../images/icon-sprite.png) 0 -31px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(3)::before, .breadcrumb span.tier1.cat11 a::before {
	background: url(../images/icon-sprite.png) 0 -61px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(4)::before, .breadcrumb span.tier1.cat3 a::before {
	background: url(../images/icon-sprite.png) 0 -91px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(5)::before, .breadcrumb span.tier1.cat4 a::before {
	background: url(../images/icon-sprite.png) 0 -121px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(6)::before, .breadcrumb span.tier1.cat5 a::before {
	background: url(../images/icon-sprite.png) 0 -151px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(7)::before, .breadcrumb span.tier1.cat6 a::before {
	background: url(../images/icon-sprite.png) 0 -181px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(8)::before, .breadcrumb span.tier1.cat7 a::before {
	background: url(../images/icon-sprite.png) 0 -211px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(9)::before, .breadcrumb span.tier1.cat8 a::before {
	background: url(../images/icon-sprite.png) 0 -241px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(10)::before, .breadcrumb span.tier1.cat9 a::before {
	background: url(../images/icon-sprite.png) 0 -271px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(11)::before, .breadcrumb span.tier1.cat10 a::before { /*easels*/
	background: url(../images/icon-sprite.png) 0 -301px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(12)::before, .breadcrumb span.tier1.cat12 a::before { /*framing*/
	background: url(../images/icon-sprite.png) 0 -331px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(13)::before, .breadcrumb span.tier1.cat13 a::before { /*furniture*/
	background: url(../images/icon-sprite.png) 0 -361px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(14)::before, .breadcrumb span.tier1.cat14 a::before { /*glass*/
	background: url(../images/icon-sprite.png) 0 -391px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(15)::before, .breadcrumb span.tier1.cat15 a::before {
	background: url(../images/icon-sprite.png) 0 -421px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(16)::before, .breadcrumb span.tier1.cat16 a::before {
	background: url(../images/icon-sprite.png) 0 -451px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(17)::before, .breadcrumb span.tier1.cat17 a::before {
	background: url(../images/icon-sprite.png) 0 -481px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(18)::before, .breadcrumb span.tier1.cat18 a::before {
	background: url(../images/icon-sprite.png) 0 -511px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(19)::before, .breadcrumb span.tier1.cat19 a::before {
	background: url(../images/icon-sprite.png) 0 -541px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(20)::before, .breadcrumb span.tier1.cat20 a::before {
	background: url(../images/icon-sprite.png) 0 -571px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(21)::before, .breadcrumb span.tier1.cat21 a::before {
	background: url(../images/icon-sprite.png) 0 -601px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(22)::before, .breadcrumb span.tier1.cat22 a::before {
	background: url(../images/icon-sprite.png) 0 -631px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(23)::before, .breadcrumb span.tier1.cat23 a::before {
	background: url(../images/icon-sprite.png) 0 -661px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(24)::before, .breadcrumb span.tier1.cat24 a::before {
	background: url(../images/icon-sprite.png) 0 -691px;
	background-size: 23px 750px
}
#subMenu ul li:nth-child(25)::before, .breadcrumb span.tier1.cat25 a::before {
	background: url(../images/icon-sprite.png) 0 -721px;
	background-size: 23px 750px
}

/*----------MISC PAGES------------------*/
.breadcrumb span.tier1.account a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -1px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.cart a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -32px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.checkout a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -62px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.search a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -92px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.giftidea a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -122px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.deals a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -152px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.help a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -182px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.vip a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -212px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.contact a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -242px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.legal a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -272px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.newarrivals a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -302px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.brands a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -332px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.giftcard a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -362px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.bestseller a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -392px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.toprated a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -422px;
	background-size: 23px 540px
}
.breadcrumb span.tier1.shipping a::before {
	background: url(../images/icon-sprite-retina-misc.png) 0 -452px;
	background-size: 23px 540px
}

/*------FONT FORCE----------------*/
input, .msg-green, .msg-yellow, .msg-red, .msg-teal, #cartFooter, .call_us, placeholder, #tooltip, .button {
	font-family: sans-serif!important;
}
.social {
	width: 100%;
	height: 90px;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}
.social ul li {
	list-style-type: none;
	display: inline-block;
}
.social ul {
	margin: 10px 0 0 0;
	padding: 0;
}
.social ul li img {
	width: 50px;
	height: 50px;
	margin: 0 4px;
}
.item_list .item .yellow_box {
	border-bottom: 2px solid #b5b5b5;
}
/*------Toggle Transition----------------*/
#hamburger a#icon img {
	position: absolute;
	top: 15px;
	left: 5px;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	opacity: 1;
	padding: 6px 5px 16px 5px;
	background: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	transition-delay: .3s;
}
#hamburger a#icon img.bottom {
	background: #024588;
	border-radius: 5px 5px 0 0;
	transition-delay: 0s;
}
#hamburger a#icon img.hover {

}
#hamburger a#icon img.top.hover {
	opacity: 0;
	transition-delay: 0s;
		
}
#hamburger a#icon img.bottom.hover {
	opacity: 0;
	transition-delay: .3s;

}

#feedbackFail{display:none;}
#feedbackSuccess{display:none;}

/*----------------------------------SLIDER / SWIPE-----------------------------------
-------------------------http://jsfiddle.net/Mottie/ycUB6/51/    --------------------*/
ul#slider, ul#slider li {
   /* width: 300px;*/
    height: 100px;
	list-style-type: none;
	display: block
}

ul#slider a li {display: block; width:100%;height:100%;}

/*
	AnythingSlider v1.8+ Default theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID & dimensions to match your slider */
#slider {
	width: 100%;
	/*height: 390px;*/
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-default {
	/*margin: 0 auto;
	 45px right & left padding for the arrows, 28px @ bottom for navigation 
	padding: 0 45px 28px 45px;*/
}
/* slider window - top & bottom borders, default state 
.anythingSlider-default .anythingWindow {
	border-top: 3px solid #777;
	border-bottom: 3px solid #777;
}*/
.anythingControls {display:none!important;}
/* Navigation buttons + start/stop button, default state */
.anythingSlider-default .anythingControls a {
	/* top shadow 
	background: #777 url(../images/default.png) center -288px repeat-x;
	color: #000;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;*/
}
/* Make sure navigation text is visible 
.anythingSlider-default .anythingControls a span {
	visibility: visible;
}*/
/* Navigation current button, default state 
.anythingSlider-default .anythingControls a.cur {
	background: #888;
	color: #000;
}*/

/* start-stop button, stopped, default state 
.anythingSlider-default .anythingControls a.start-stop {
	background-color: #040;
	color: #ddd;
}*/
/* start-stop button, playing, default state 
.anythingSlider-default .anythingControls a.start-stop.playing {
	background-color: #800;
}*/

/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward 
.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
	background-image: none;
	color: #ddd;
}*/

/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state 
.anythingSlider-default.activeSlider .anythingWindow {
	border-color: #7C9127;
}*/
/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a {
	/* background image = top shadow 
	background-color: #7C9127;*/
}
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover {
	/* background image removed 
	background: #7C9127;*/
}

/* start-stop button, stopped, active state
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
	background-color: #080;
	color: #fff;
} */
/* start-stop button, playing, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
	background-color: #d00;
	color: #fff;
}
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
	color: #fff;
}

/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows 
.anythingSlider-default .arrow {
	top: 50%;
	position: absolute;
	display: block;
}

.anythingSlider-default .arrow a {
	display: block;
	width: 45px;
	height: 140px;
	margin: -70px 0 0 0;  half height of image 
	text-align: center;
	outline: 0;
	background: url(../images/default.png) no-repeat;
}*/

/* back arrow 
.anythingSlider-default .back { left: 0; }

.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: left -140px; }*/
/* forward arrow 
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position: right -140px; }*/

/* Navigation Links 
.anythingSlider-default .anythingControls { outline: 0; display: none; }
.anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-default .anythingControls ul li { display: inline; }
.anythingSlider-default .anythingControls ul a {
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}
*/
/* navigationSize window 
.anythingSlider-default .anythingControls .anythingNavWindow {
	overflow: hidden;
	float: left;
}*/

/* Autoplay Start/Stop button 
.anythingSlider-default .anythingControls .start-stop {
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
}*/

/***********************
  IE8 AND OLDER STYLING
 ***********************/

/* Navigation Arrows 
.as-oldie .anythingSlider-default .arrow {
	top: 30%;
}
.as-oldie .anythingSlider-default .arrow a {
	margin: 0;
}*/

/* margin between nav buttons just looks better 
.as-oldie .anythingSlider-default .anythingControls li {
	margin-left: 3px;
}
*/
/* When using the navigationSize option, the side margins need to be zero
	None of the navigation panels look good in IE7 now =( 
.as-oldie .anythingSlider-default .anythingControls a {
	margin: 0;
}
.as-oldie .anythingSlider-default .anythingNavWindow {
	margin: 0 2px;
}
.as-oldie .anythingSlider-default .anythingNavWindow li {
	padding: 3px 0 0 0;
}*/

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	z-index: 1;
}

/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
	transition-duration: 0s;
	-o-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-webkit-transition-duration: 0s;
}
tr.alt-row {background-color:#efefef;}
.hyphenation {hyphenation: auto}
th.shipping-rate-range sup {font-size:7px;}
th.shipping-rate-th-text, th.shipping-rate-range { font-size: 13px;}
input.required { border: 2px solid #BF0003; background-color:#F4E0E1!important;}
.slide_content { z-index: 9999!important;}

form.checkout em, label em, form.checkoutEditInfo em, #giftCertificates em, #accountSavedInfoWrapper form em, #accountPersonalInfoWrapper form em, .createAccountContainer em, .aboutUsContainer em{color:#CC0000;} 
.logout { text-align: center; font-weight: 700;display: block;margin: -10px 0 5px 0;}
table {border-collapse: collapse; border-spacing: 0px;}
input.stripall {
width: 147px;
display: inline;
border: 0px;
outline: none!important;
min-height: 16px;
background: none;
color: #145595;
font-size: 15px;
margin: 2px 0 0 0;
-webkit-box-sizing: none;
-moz-box-sizing: none;
box-sizing: none;
padding-left: 0;
-webkit-appearance: none;
border-radius: 0px;
font-weight: 700;
'Source Sans Pro', sans-serif
	
	}