.form-group { margin:5px 0 5px 0; }
.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ~~ This is the css file for the Ecommerce Templates Outdoors Responsive Design.
The first section correponds to the maximum width version of 1000 pixels ~~ */

@charset "utf-8";

 /* ~~ Main settings ~~*/

body { margin:0 auto; padding:0px; font-family:Arial; font-size:13px; border-top:5px solid #C28C1F; color:black }

h1{
	font-size: 18pt;
	font-weight : bold;
/*	padding: 5px; */
	background-color: transparent;
	color : #00008B;
	margin:4px 0px 10px 0px; 
}

h2{
	font-size: 16pt;
	font-weight : bold;
/*	padding: 5px; */
	background-color: transparent;
	color : #00008B;
/*	margin:4px; */
	margin:4px 0px 0px 0px; 
}

h3{
	font-size: 14pt;
	font-weight : bold;
/*	padding: 5px; */
	background-color: transparent;
	color : #00008B;
/*	margin:4px; */
	margin:4px 0px 0px 0px; 
}

h4{
	font-size: 12pt;
	font-weight : bold;
/*	padding: 5px; */
	padding-bottom:0px;
	background-color: transparent;
	color : #00008B;
/*	margin:4px; */
	margin:4px 0px 0px 0px; 
}

ul 					{ list-style: normal; margin-left:30px; margin-bottom:10px; font-size:12pt }
ul ul				{ list-style: normal; margin-left:30px; margin-bottom:0px }
ul li 				{ margin: 0 5px; list-style: disc; }
ul li li			{ margin: 0 5px; list-style: circle; }
ol 					{ list-style: normal; margin-left:30px; margin-bottom:10px; font-size:12pt }

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.clearfix { clear: both; }

.main_wrapper  { margin:0px; padding:0px;}
.header_wrapper { margin:0px; padding:0px;}
.mid_wrapper { margin:0px; padding:0px;}
.footer_wrapper				{ margin:0px; padding:0px; background-color: #0000B9; color:white;}
.footer_wrapper a			{ outline: 0; color: white; text-decoration: underline; }
.footer_wrapper a:hover 	{ color: yellow; text-decoration: underline; }
.footer_wrapper p a:hover 	{ color: yellow; }
.footer_wrapper a:active 	{ outline: none; position: relative; top: 2px; }

.FL { float:left;}
.FR { float:right;}
.width { width:99%;}
.clear { clear:both;}

.width_wrapper { max-width:1080px;
margin:0 auto;
background-color:white;
border-left:3px black solid;
border-right:3px black solid
}

.notice-box { 
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	padding:5px;
	width:95%;
	border:1px black solid;
	background-color: #F2C66F;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	}

 /* ~~ Header section ~~*/

.logo_row { margin:0px; background-color: #C28C1F; width:100% }
.logo { float:left; margin:0px; padding:0px;}
.logo_right { float:right; width:70%; padding-top:10px;}
.welcome_msg { float:right; font-size:14px; color:#b3b3b3; font-weight:bold; margin-right:50px;}
ul.topLink { float:right; margin:0px; padding:0px;}
ul.topLink li { float:left; margin:0px; padding:0px  0px 0px  15px; list-style:none;}
ul.topLink li a { font-size:12px; color:#777373; font-weight:bold; text-decoration:none; text-transform:uppercase;}
ul.topLink li a:hover { text-decoration:underline;}

.topNav_wrapper { border-top:1px solid black; border-bottom:3px solid black; min-height:52px; background-color: black;}

 /* ~~ Below header section ~~*/


.basket { display:none; float:right; background:url(../images/cart_icon.png) no-repeat 0 3px; margin-top:14px; padding:5px 5px 5px 25px}
.basket a { color:#000; font-size:13px; color:#000; text-transform:uppercase; text-decoration:none;}
.searchBox { float:right; width:160px; position:relative; margin:15px 0 0 20px;}
.searchBox form { margin:0px; padding:0px;}
.searchBox Input.search_look { margin:0px; padding:3px 25px 3px 3px; color:black; border:1px solid black;  width:100%; height:22px; line-height:22px; z-index:1; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */}
.searchBox .search_btn { margin:0px; padding:0px; width:25px; height:22px; background:url(../images/search_icon.png) no-repeat center 2px; position:absolute; right:0px; top:0px; text-indent:-9999px; cursor:pointer; border:none;}

.service_section { border-bottom:1px solid #e5e5e5; padding:15px 0;}

.icon_phone { float:right; background:url(../images/icon_phone.png) no-repeat 0 0; padding-left:40px; line-height:34px; font-size:14px;}

.banner_wrapper { line-height:0px;}
.banner_wrapper img { width:100%;}

.mid_area_bg { background:url(../images/mid_area_bg.jpg) no-repeat center top; background-size:100% 100%; padding:50px 0 20px 0;}
.mid_area_space {
	padding: 0px 0;
	background: url('../siteimages/bg.jpg') repeat-x;
	background-color: #F2C66F;
	background-attachment: fixed;
}

 /* ~~ Home page display ~~*/

.offer-banner-section {
    margin: auto auto 25px;
    overflow: hidden;
}

.offer-banner-section .col {
    float: left;
    width:33.6%;
}


.offer-banner-section .col-m {
    float: left;
    margin-left: 2.1%;
    width: 28.5%;
}

.offer-banner-section .col-last {
    float: right;
    margin-right: 0;
    width:33.6%;
}

.offer-banner-section .col-m img { max-width:100%;}
.offer-banner-section .col img, .offer-banner-section .col-last img { width:100%; border:1px solid #d3d3d3;}
.nec_collection_banner { margin-top:18px; border:1px solid #d3d3d3;}


ul.resp-tabs-list {
	background:url(../images/border_bg.png) repeat-x left bottom;
    margin: 0px auto;
    padding:0;
	width:71%;
	text-align:center;
}

ul.resp-tabs-list { margin: 0 auto 20px;}

.clear{ clear:both;}

.resp-tabs-list li {
    font-size: 24px;
    display: inline-block;
    margin: 0;
	padding:10px 25px;
    list-style: none;
    	font-family: Arial;
	color:black;
	text-transform:uppercase;
}

div.item img{
	border:10px solid #FFF;
	padding:0px 5px 0px 5px;
	background:#fff;
}

div.item{
	float:left;
}

.item h2 { font-family: Arial; font-size:16px; text-transform:uppercase; margin:0px; padding-top:2px; color: #999; text-decoration:none;
text-align:center;}


.product_listing { margin:0px; padding:0;}
.product_listing ul {margin:0px; padding:0;}
.product_listing li {margin:0 5% 20px 0; padding:0; float:left; list-style:none; float:left; width:30%;  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */}
.product_listing li.right { margin-right:0px;}

.product_listing li .product_img_box { background-color:#f6f6f8; padding:10px; margin-bottom:10px; }
.product_listing li .product_img_box a img { width:100%;}

h2.green_hr_text { margin:0px; padding:0px 0px 20px 0px; font-family: Tahoma, Arial; color:black; font-size:22px; text-transform:uppercase; line-height:normal;}
.product_listing li a { font-size:18px; color:#010000; text-decoration:none; font-weight:normal;}

 /* ~~ Footer section ~~*/

.footer_space { padding: 5px 10px 5px 10px; background-color:#0000B9; border:none}
.footer_column {
    float: left;
    margin-bottom: 15px;
    width:25%;
}


.footer_column h4 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px;
    text-transform: uppercase;
  font-family: Arial;
}

.footer_column ul { margin:0px; padding:0;}
.footer_column li { margin:0px; padding:0 0 4px 10px; list-style:none; background:url(../images/footer_arrow.png) no-repeat 0 5px;}
.footer_column li a { color:#FFF; text-decoration:none;}
.footer_column li a:hover { text-decoration:none; color:#ccc; }


.footer_social_row { border-top:1px solid #818080; border-bottom:1px solid #818080; padding:15px; margin-bottom:15px;}
ul.footer_social_icon { margin:0px; padding:0px; float:left;}
ul.footer_social_icon li { margin:0px; padding:0px 10px 0 0; list-style:none; float:left;}
ul.footer_social_icon li a { margin:0px; padding:0px;}
.payment_icon { float:right;  margin-top:5px;}


.footer_bottom_links { background-color:#636363; padding:20px 0; color:#b3b3b3;} 
.bottom_links { float:left;}
.bottom_links ul { margin:5px 0px 0px -10px; padding:0px;}
.bottom_links li { margin:0px; padding:0px 10px; display:inline; list-style:none; border-right:1px solid #b3b3b3;}
.bottom_links li:last-child, .bottom_links li.last { border-right:0px;}
.bottom_links li a {color:#b3b3b3; text-decoration:none;}
.bottom_links li a:hover { color:#FFF;}
.bottom_links a {color:#fff; text-decoration:none;}
.bottom_links a:hover { color:#ccc;}


.btn_search { margin:0px; padding:0px; width:36px; height:30px; text-indent:-9999px; cursor:pointer; background:url(../images/btn_go.png) no-repeat 0 0; position:absolute; right:0; top:0px; border:0px;}

.basket_header { display:none;}

 /* ~~ Inner pages ~~*/
 
.cstitle {
width: 100%;
float: left;
}

.csprodid {
float: left;
width: 100%;
}

div.csproduct{
width:32%;
float:left;
border:thin lightgray solid;
padding:5px;
text-align:center;
min-height:220px;
}

.csprodname {
font-size: 12pt;
font-family : Arial;
font-weight:bold;
}

.csprodimage {
font-size: 10px;
font-family : Arial;
max-height:147px;
}

div.csprodsku {display:none}


.demo { width: 980px; margin: 0px auto;}
.demo h1 { margin:33px 0 25px; line-height: 30px;}
.demo h3 { margin: 10px 0; }
pre { background: #fff;}
.how-use, .content { padding: 10px; background: #F3F3F3;}

#tabInfo { display: none;}
.menu_right { float:right;}
.menu_right2 { width:100%; float:left;}
.menu_right2 { display:none;}


.sidebar { float:left; width:20%;margin-left:6px; }
.col_right { float:right; width:76%;}



.products_category_box { padding-bottom:20px;}
.products_category_box h2, .features_products_wrapper h2 { margin:0px 0px 10px 0px; padding:0px 0px 5px 0px; font-family: Arial; color:#00008B; font-size:16px; font-weight:bold; border-bottom:1px solid grey;}

/* Original category Menu */
/*
.products_category_box  ul { margin:0px; padding:5px;background-color:#f6f6f8;}
.products_category_box  li { margin:0px; padding:3px 0px; list-style:none;}
.products_category_box  li a { font-size:14px; color:blue; text-decoration:none;}
.products_category_box  li a:hover { color:#000;}
*/

.features_products_wrapper {padding-bottom:0px;}

.features_products_wrapper  ul { margin:0px; padding:0px;}
.features_products_wrapper  li { margin:0px; padding:3px 0px; list-style:none;}
.features_products_wrapper  li a { font-size:14px; color:blue; text-decoration:none; font-weight:bold;}
.features_products_wrapper  li a:hover { color:#000;}

p.more_link a { font-size:14px; color:#00008B; text-decoration:underline; font-weight:bold;}
p.more_link a:hover { text-decoration:none;}

.special_offer_pr_box { background-color:#f6f6f8; padding:10px; margin-bottom:20px; position:relative;}
.special_offer { position:absolute; right:0px; top:0px;}
.special_offer_pr_box p.product_img { margin:0px; padding:20px 0px 0px 0px; text-align:center;}
.special_offer_pr_box p.product_name { font-size:18px; color:#996666; margin:0px; padding:10px 5px 0px 5px;}
.special_offer_pr_box p.product_name a { text-decoration:none; color:#996666;}

.contact_box_left { margin:0 0 0px 0; padding:10px; background-color:#f6f6f8; font-size:12px; color:#7b7676; line-height:20px;}
.contact_box_left h2 { margin:0 0 10px 0; padding:0px; font-family: Arial;font-size:14px; text-transform:uppercase; font-weight:bold; color:black;}
.contact_box_left p { margin:0px; padding:0 0 5px 0; font-size:10pt; text-align:center;} 
.contact_box_left p.comp_name { margin:0px; padding:0px; font-size:14px; color:#7b7676; font-weight:bold;}
.contact_box_left p.phone_no { background:url(../images/phone_icon.png) no-repeat 0 2px; padding:0 0 5px 25px;}
.contact_box_left p.email_icon { background:url(../images/email_icon.png) no-repeat 0 2px; padding:0 0 5px 25px;}
.contact_box_left p.email_icon a {color:#7b7676; text-decoration:none;}

 /* ~~ Link properties ~~*/

a {
	text-decoration: underline;
	padding:0;
	margin:0;
	outline: none;
    color: blue;
}
a:hover {
	text-decoration: none;
}


/* Shopping cart classes
----------------------------------------------------------------------------------------------------*/

/*Shopping cart*/

table.cobtbl{
	background-color: #efefef;
	border-bottom:1px solid #00008B;
  	font-size:0.9em;
}


td.cobll, td.cobhl{
	background-color: #fff;
	color : #333;
}
 
td.cobhdr{
	background-color:#00008B;
	font-size:1em;
	color:#fff;
	text-transform:uppercase;
}

span.cartoption{
	font-size:12px !important;
	color:#333;
}

div.giftwrap a{
  	color:black;
  	font-size:0.8em;
  	text-decoration:none;
}

/*Mini cart*/
table.mincart{
  	width:98%;
  	font-size:1em;
  	background:#EAEAEA;
}

.cartquant{
	width:36px !important;
}

/*Internal store naviagtion*/
a.ectlink:link {
	color: blue;
	text-decoration: none;
}

a.ectlink:visited {
	color: blue;
	text-decoration: none;
}

a.ectlink:active {
	color: blue;
	text-decoration: none;
}

a.ectlink:hover {
	color: red;
	text-decoration: none;
}

/*Button and form field styles*/
input.buybutton, input.sccheckout, input.checkoutbutton, input.vieworderstatus, input.viewlicense, input.trackpackage{
	background-color: #CE0000;
	color:#fff;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.1em;
}

input.buybutton:hover, input.sccheckout:hover, input.checkoutbutton:hover, input.vieworderstatus:hover, input.viewlicense:hover, input.trackpackage:hover{
	background:#ddd;
	color:#000;
	cursor:pointer;
}

input.login, input.newaffiliate, input.affiliatelogin, input.search{
	background:#00008B;
	color:#fff;
	padding:4px 16px;
	border:0;
	border-radius:4px;
	font-size:1em;
	margin-top:6px;
}

input.login:hover, input.newaffiliate:hover, input.affiliatelogin:hover, input.search:hover{
	background:#aaa;
	color:#000;
	cursor:pointer;
}

/* The category page 
-------------------------------------*/
div.category{
	width:43%;
	float:left;
	line-height:1.6;
  	font-size:0.9em;
    padding:10px;
	border:1px solid #ccc;
	background-color:#fefefe;
	margin:0px 0px 16px 16px;
	height:165px;
}

div.category:hover{
	background-color:#fff;
	border: 1px solid #64842F;
	box-shadow: 5px 5px 2px #ccc;
}

div.catnavigation{
	padding:10px 0px 10px 12px;
	float:left;
	width:97%;
	font-size:1em;
	background-color:#eee;
	border-bottom: 1px solid #00008B;
	margin-bottom:2px;
}

.catnavwrapper{
	background:#fff !important;
	border: 1px solid #fff !important;
}

div.navdesc{
	display:none; /* Removes the text "View all products in all categories */
}

div.catimage{
	width:95px;
	float:right;
	margin-left:3px;
	margin-right:3px;
}

div.catdesc{
	padding:0px 0px 4px 4px;
	font-size:0.9em;
}

div.catdesc p{
	font-size:10pt;
	line-height:16px;
}

div.catname{
	padding-left:4px;
    font-size:12pt;
    font-weight:bold;
}

div.catdiscounts, div.allcatdiscounts{
  padding:0px;
  margin:0px;
	font-weight:normal;
	color:#DA6B1D;
	font-size:0.9em;
}

div.categorymessage{
	padding-top:0px;
	font-size: 1.1em;
}

p.noproducts{
       padding-top:28px;
       text-align:left !important;
}


/* The products page 
-------------------------------------*/

div.prodfilter{
	float:left;
	background-color:#F9F9F4;
	border: 1px dotted #D7D1C9;
	padding:6px;
	color: #42619a;
	margin-bottom:10px;
	margin-top:10px;
}

div.prodfilterbar{
	float:left;
	width:100%;
}

div.filtertext{
 	padding:8px;
}

select.prodfilter{
	padding:0px;
	margin:0px;
}

div.product{
	padding:6px;
	width:31%;
	float:left;
	height:350px;
	margin:2px;
}

div.prodnavigation{
	padding:10px 0px 10px 12px;
	float:left;
	width:97%;
	font-size:0.9em;
	background-color:#eee;
	border-bottom: 1px solid #00008B;
	margin-bottom:10px;
}

.prodratinglink{
	font-size:0.8em;
}

div.allproddiscounts{
	color:#DA6A1E;
	width:100%;
	margin-bottom:2px;
	float:left;
}

.proddiscounts, .discountsapply{
	color:#DA6A1E;
	padding:4px;
}

div.prodmanufacturer{
	color:black;
	padding:6px;
}

div.prodsku{
	color:black;
	padding:6px;
}

div.prodimage{
	padding: 6px;
	text-align:center;
	border:1px solid #ccc;
	background-color:#fefefe;
}

div.prodimage:hover{
	background-color:#fefefe;
	border: 1px solid #7A9024;
  box-shadow: 5px 5px 2px #ccc;
}

img.prodimage{
	max-height:147px;
/*	max-width:222px; */
	vertical-align: middle;
}

img.giantimage {
	max-height:100%;
	max-width:100%;
	vertical-align: middle;
}

div.prodname{
	padding-top:6px;
	font-size: 12pt;
	font-weight:bold;
	margin-bottom:8px;
	text-align:center
}

div.prodrating{
	padding-left:4px;
}

div.prodinstock{
	padding:4px;
	color:black;
}

div.proddescription{
	padding:6px;
	float:left;
	font-size: 0.9em;
	line-height: 1.5em;
}

table.emftbl{
	background:#fff;
	width:400px;
}

div.listprice{
	width:98%;
	float:left;
	font-size: 0.9em;
	padding:6px;
}

span.yousave{
	background:#0065A7;
	color:#fff;
	padding:4px;
	font-size:0.9em;
}

div.prodprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:98%;
	color:black;
}

div.prodcurrency{
	float:left;
	width:100%;
	font-size: 0.8em;
	color:black;
}

div.quantitydiv{
	float:right;
}

.quantityinput{
	margin-top:1px;
	height:19px;
}

div.addtocart{
	text-align:center;
	float:left;
	width:100%;
}

.notifystock{
	text-align:center;
	float:left;
	width:100%;
}

.configbutton{
	text-align:center;
	margin-top:6px;
}

div.outofstock{
	text-align:center;
	padding-top:6px;
	font-weight:bold;
}

.prodid {
	color:black;
	padding:6px;
	font-size: 0.9em;
}

div.multioptiontext{
	width:30%;
}

div.pagenums{
	text-align:center;
	float:left;
	padding:0px 0px 10px 0px;
}

/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
	width:99%;
}

div.detailimage{
	width:96%;
	padding:10px;
	/* float:left; */
	float:none;
	clear:both;
} 

div.detailcheckoutbutton{
	clear:both;
}

div.detailid {
	color:#ccc;
	width:74%;
	font-size: 1em;
	/* float:left; */
	float:none;
	margin-left:10px;
}

.detailname h1 {
	font-size: 14pt;
	padding:6px;
	/* float:right; */
	float:none;
	width:66%;
	margin-top:10px;
  	margin-bottom:12px;
	border-bottom: 1px solid #ccc;
}

span.detaildiscountsapply{
	width:70%;
	margin-left:36px;
}

div.detailmanufacturer{
	float:left;
	width:76%;
	margin:0px 0px 0px 10px;
	padding:0px;
}

div.detailsku{
	float:left;
	width:76%;
	margin:10px;
}

div.detailinstock{
	float:right;
	width:76%;
}

div.detaildescription{
	font-size: 12pt;
	margin:5px;
	padding-top:4px;
	line-height:1.8em;
	/* float:right; */
	float:none;
	/*width:66%;*/
	width:95%;
}

div.detailprice{
	font-size: 1.2em;
	font-weight:bold;
	float:left;
	width:96%;
	color:#333;
	margin-left:10px;
	margin-top:10px
}

div.detaillistprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:100%;
	padding-top:6px;
	color:#DA6A1E;
}

div.detailcurrency{
	padding-top: 6px;
	font-size: 0.9em;
	float:left;
	width:98%;
	color:black;
	margin-left:10px;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
}

div.detailoption{
	width:100%;
}

div.detailoptions{
	padding: 6px;
	float:left;
	width:100%;
	margin-left:0px;
}

select.detailprodoption{
	font-size: 0.9em;
	width:50%;
	margin:7px;
	border:1px solid #ccc;
	padding:2px;
}

input.detailprodoption{
	font-size: 0.9em;
	margin:7px;
	border:1px solid #ccc;
  	padding:2px;
}


div.detailoptiontext{
	padding: 6px;
	width:100%;
	float:left;
	clear:both;
}

div.detailmultioptiontext{
	padding: 6px;
	width:30%;
	clear:right;
}

.previousnext{
	padding-top:20px;
	padding-bottom:6px;
	float:right;
	width:100%;
	text-align:center;
	font-size:12pt;
	border-top:1px solid #ccc;
}

div.emailfriend{
	padding-top: 10px;
	text-align:center;
	float:right;
	width:100%;
	font-size:0.9em;
	clear:both;
}

td.emfhl{
	background-color:#aaa;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
}

td.emfll{
	line-height:18px;
}

div.detailquantity{
	float: left;
	width:170px;
}

div.detailquantitytext{
	margin-top:6px;
	float:left;
	width:30%;
	text-align:right;
}

div.detailquantityinput{
	margin-top:16px;
	float:right;
	width:50%;
	text-align:left;
	padding:0px;
	height:35px;
}

#w0quant{
	height:21px;
	width:50px;
	border:1px solid #ccc;
}

div.detailaddtocart,.detailoutofstock{
	float:left;
	width:48%;
	text-align:left;
	padding-bottom:20px;
	margin-top:20px;
}

.detailnotifystock{
	text-align:center;
	padding-top:6px;
	float:left;
	width:98%;
}

div.navdesc{
	padding-top:10px;
}

div.review{
	float:left;
	margin-top:16px;
	width:90%;
	font-size:0.9em;
}

hr.review{
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #bbb;
	padding:4px;
	margin-top:6px;
}

div.reviewprod{
	background-color:#eee;
	padding:10px;
}

/* This is the first breakpoint and is for screen sizes between 800 and 780 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 780px) /* max-width: 800px */ { 

.menu_right { display:none;}	
.menu_right2 { display:inherit; float: left; padding-bottom: 10px; width: 100%;}
.menu_right2 .searchBox { float: right; margin: 15px 0 0 20px; position: relative; width: 210px;}
.menu_right2 .basket { display:none; background: url("../images/cart_icon.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0); float: left; margin-right: 10px; margin-top: 14px; padding: 5px 5px 5px 25px;}
/* .logo_row {padding: 50px 15px 40px;} */
.logo_right {width: 64%;}
.welcome_msg {clear: both; float: none; margin-right: 0; padding-top: 10px; text-align: right;}

.service_section {padding: 15px 15px;}
.nec_collection_banner { margin-top: 13px;}

.icon_refresh { margin-right: 27px; margin-bottom:10px;}

.searchBox {margin: 15px 15px 0 20px;}

.footer_space { padding: 5px 10px 5px 10px;}
.bottom_links { float: none; padding-left: 0; text-align: center;}
.newsletter { float: none; margin: 20px auto; width: 345px;}

div.product{
	width:30%;
}

}

/* This is the second breakpoint and is for screen sizes between 780 and 640 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media only screen and (max-width: 780px) {
div.product{
	width:46%;
}

div.category{
	width:90%;
}

.detailname h1, span.detaildiscountsapply, div.detaildescription{
	width:95%;
}

span.detaildiscountsapply{
  	margin-left:44px;
}
        
div.detailimage{
	width:96%;
}

div.detailoptions{
	width:90%;
}

 div.detailmultioptiontext{
	width:45%;
}

}

/* This is the third breakpoint and is for screen sizes between 640 and 500 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 640px) { 

h1.logo { float: none; text-align: center; margin-bottom:10px;}
.logo_right { text-align: center; width: 100%;}
ul.topLink {float: none;}
ul.topLink li {display: inline; float: none; padding: 10px 0 0 15px;}
.welcome_msg { text-align:center;}

.logo_right {float: none;}
.basket_header { padding:0px; margin-top:20px; display: block; background:none; float:none; text-align:center; clear:both;}
.basket_header a { background:url(../images/cart_icon.png) no-repeat 0 0px; padding-left:25px;}

.icon_refresh { width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */}

.sidebar { float: none; margin-bottom: 20px; width: 96%; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.col_right { float: none; width: 100%; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

}


/* This is the fourth breakpoint and is for screen sizes between 500 and 360 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 500px) { 
div.logo{width:96%;text-align:center;}
.logo_row { margin:0px; padding:0px;}

/* div.icon_refresh, div.icon_truck, div.icon_phone{display:none;}  Removes the offers from the top fo home page on small displays - remove this line if you want them to appear */

div.basket, div.basket_dis { float: left; margin-right: 0px; margin-top: 10px; padding: 5px;width:40%;}
div.service_section{padding:0px; width:98%;}
.menu_right2 .searchBox { float: right; margin: 15px 0 0 0px; position: relative; width: 160px;}

.offer-banner-section .col, .offer-banner-section .col-m, .offer-banner-section .col-last {float: none; width: 100%;  text-align:center; margin-bottom:20px; margin-left:0px;}
.offer-banner-section .col img, .offer-banner-section .col-last img { width:auto; max-width:100%;}

.product_listing li {float:none; margin: 0 0 20px; width: 100%; padding:0 15px; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */ }
.product_listing li .product_img_box { text-align:center;}
.product_listing li .product_img_box a img { max-width: 100%;  width: auto;}
.product_listing h2{text-align:center;}

div.item{ width: 100%; text-align:center;}


.footer_social_row {text-align: center; padding: 15px 0;}
ul.footer_social_icon {float: none;}
ul.footer_social_icon li { display: inline; float: none; padding:0;}
.payment_icon { float: none; margin-top: 15px;}



.footer_space { padding: 5px 10px 5px 10px;}
.footer_column { float: none; margin-bottom: 15px; width: 100%;}

.bottom_links ul {margin: 10px 0 0 -10px;}

div.product, div.prodnavigation{
	width:95%;
}

div.detailimage{
	width:95%;
}

.detailname h1, span.detaildiscountsapply, div.detaildescription{
	width:95%;
}

span.detaildiscountsapply{
  	margin-left:10px;
}

div.detailmultioptiontext{
	width:95%;
}
div.category{
	width:85%;
}

 /* ~~ Remove left hand field on checkout ~~*/
.cobcol1{
  	display:none;
}

/* ~~ Modify additional info field on checkout ~~*/
textarea.addinfo{
	width:150px;
}


}


/* This is the fifth breakpoint and is for screen sizes between 360 and below. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 360px) { 

.icon_phone { float:left; margin-top:10px;}
.menu_right2 .basket { float:left;}
.menu_right2 .searchBox { margin-left:0px;}
.menu_right2 .searchBox {width: 90px;}
}

@media screen and (max-width: 320px) { 

}

/*------------------------------------*\
  MEDIA QUERRIES
\*------------------------------------*/

@media only screen and (max-width: 1300px) {
	.service_section { display:none }
}

@media only screen and (min-width: 1300px) {
	.service_section { display:none }
}

@media only screen and (max-width: 1100px) {
	nav {left:0px!important;right:0px!important;}
}

@media screen and (max-width: 1020px) 	{
	div.csproduct{ width:31%; }
}

@media only screen and (min-width: 1010px) and (max-width: 1300px) {
	.service_section { display:none }
	.searchBox { margin-right:30pt }
}

@media only screen and (min-width: 680px) and (max-width: 1010px) {
	.service_section { display:none }
	.searchBox { margin-right:30pt }
}

@media only screen and (min-width: 468px) and (max-width: 680px) {
	.searchBox { margin-right:30pt; }
}

@media only screen and (max-width: 1000px) {
	.dropdown-pos {position:relative; left:-165px;}
}


@media screen and (max-width: 920px) 	{
	div.category{ height:155px; }
}

@media screen and (min-width: 920px) 	{

}

@media screen and (max-width: 780px) 	{
	.desktop-menu { display:none }
	.service_section { display: block }
	nav-main { display:none }
	.img-justification-right2 { text-align: center }
	.img-justification-left2 { text-align: center }
	div.img-justification-right2 { float: none; margin-left: auto; margin-right: auto; }
	div.img-justification-left2 { float: none; margin-left: auto; margin-right: auto; }
}

@media screen and (min-width: 780px) 	{
	.mobile-menu { display:none }
	.img-justification-right2 { float:right; margin-left:5px; margin-right:5px; }
	.img-justification-left2 { float:left; margin-left:5px; margin-right:5px; }
	div.img-justification-right2 { float:right; margin-left:5px; margin-right:5px; }
	div.img-justification-left2 { float:left; margin-left:5px; margin-right:5px; }
}

@media screen and (max-width: 680px) {
	.header-desktop { display:none }
	.products_category_box { display:none }
	/* .features_products_wrapper { display:none } */
	.searchBox { margin-right:30pt; }
	.contact_box_left { background-color:transparent; }
}

@media screen and (min-width: 680px) {
	.header-mobile { display:none }
}

@media screen and (max-width: 500px) 	{
	div.csproduct{ width:100%; }
}

@media screen and (min-width: 478px) 	{

}

@media screen and (max-width: 378px) 	{

}

@media screen and (max-width: 580px) {
	.img-justification-right { text-align: center }
	.img-justification-left { text-align: center }
	div.img-justification-right { float: none; margin-left: auto; margin-right: auto; }
	div.img-justification-left { float: none; margin-left: auto; margin-right: auto; }
}

@media screen and (min-width: 580px) {
	.img-justification-right { float:right; margin-left:5px; margin-right:5px; }
	.img-justification-left { float:left; margin-left:5px; margin-right:5px; }
	div.img-justification-right { float:right; margin-left:5px; margin-right:5px; }
	div.img-justification-left { float:left; margin-left:5px; margin-right:5px; }
}

/*SLIDESHOW*/
.w3-content{max-width:980px;margin:auto}
.w3-rest{overflow:hidden}
.w3-layout-container{display:table;width:100%}.w3-layout-row{display:table-row}.w3-layout-cell,.w3-layout-col{display:table-cell}
.w3-layout-top{vertical-align:top}.w3-layout-middle{vertical-align:middle}.w3-layout-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}
.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}
.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-vertical{word-break:break-all;line-height:1;text-align:center;width:0.6em}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}
.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-animate-fading{-webkit-animation:fading 6s infinite;animation:fading 6s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{-webkit-animation:opac 0.8s;animation:opac 0.8s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}

/* NAV STYLES */
#cssmenu {
  width: auto;
  font-family: Arial, sans-serif;
  line-height: 1;
  background: transparent;
float:left;
}

p { text-align: left; font-size:12pt; }
 .toggle, [id^=drop] {
 display: none;
}

nav {
  margin: 0;
  padding: 0;
  background-color: transparent;
  position:relative;
  left:160px;
  right:160px;
  z-index:99;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0 2px 0 2px;
  display: inline-block;
  float: left;
  background-color:transparent;
}

nav ul li ul li {width: 290px;list-style: none;}

nav a {
  display: block;
  padding: 0 20px;
  color: white;
  font-size: 16px;
  line-height: 48px;
  text-decoration: none;
 font-family: Arial, sans-serif;
 background-color: #00007F;
 border:1px black solid;
	border-radius:10px;
	-moz-border-radius:10px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:10px; /* Safari */
padding-bottom:3px;
margin-bottom:-3px
}

li.dd, span.dd a{background:lightgray;color:white;}

li.dd a:hover{background-color:white;color:black;}

li.dd a{line-height: 42px;}

nav ul li ul li:hover { background-color:#eeefef; color:black; }

nav a:hover { background-color:#eeefef; color:black; }

span.toggledd a{
background:lightgray;color:black !important;
}

span.toggledd a:hover {
background-color:#00008B;color:white !important;
}


nav ul ul {
  display: none;
  position: absolute;
  top: 52px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ''; } /*' >'*/

li > a:only-child:after { content: ''; }

/* ~~ category menu ~~ */
	
ul.ectmenu1 {

border:0px solid;
font-size:10pt;
margin-top:2px;
background-color: white;
z-index:1;
list-style: none;
}

li.ectmenu1 {
/* border: 1px solid #000000;
padding:0px;
margin-top:2px; */
background-color: #EEEFEF; /* #CC0000 is the original red color */
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
	border-radius:0px;
	-moz-border-radius:0px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:0px; /* Safari */
list-style: none;
}

/* sub-menu position */
ul li.ectmenu1 a{
margin-left:-40px;
}


li.ectmenuhassub1 a{
display:block;
padding:2px;
}

/* menu position */
ul li.ectmenuhassub1 a{
margin-left:-40px;
}

li.ectmenuhassub1 a:hover{
display:block;
padding:2px;
background-color: #EEEFEF;
color:#00008B;
text-decoration: underline;
}

/* This is the button */
li.ectmenu1 a{
display:block;
padding:2px;
border:1px black solid;
	border-radius:8px;
	-moz-border-radius:8px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:8px; /* Safari */
text-decoration: none;
line-height:13pt;
margin: 8px 2px 8px 2px;
background-color: #C28C1F;
color:black;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FCB500),
	color-stop(1, #C98300)
);
background-image: -o-linear-gradient(bottom, #FCB500 0%, #C98300 100%);
background-image: -moz-linear-gradient(bottom, #FCB500 0%, #C98300 100%);
background-image: -webkit-linear-gradient(bottom, #FCB500 0%, #C98300 100%);
background-image: -ms-linear-gradient(bottom, #FCB500 0%, #C98300 100%);
background-image: linear-gradient(to bottom, #FCB500 0%, #C98300 100%);
}

/* This is the button roll over */
li.ectmenu1 a:hover{
background-color: #F2C66F;
background-image: none;
color:black;
	border-radius:8px;
	-moz-border-radius:8px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:8px; /* Safari */
text-decoration: none;
}

/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

nav { margin: 0; }

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  background-color: #00008B;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 50px;
  text-decoration: none;
  border: none;
}

.toggle:hover { background-color: #000000; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 85%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: white }

nav a:hover { background-color: white; color:black }

nav ul li ul li .toggle,
 nav ul ul a { background-color: white; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

label.toggledd{
background-color:#727201 !important;
}

span.toggledd a{
display:none !important;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

}

/************************************************************************************
NAV
*************************************************************************************/
nav-main {
	margin-left:0px;
	font-family: Arial, sans-serif;
}

#nav-wrap {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

#nav, 
#nav li {
	margin-left: -20px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#nav li {
	list-style: none;
	float: none;
	margin-right: 5px;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
}

/* nav link */
#nav a {
	padding: 2px 15px;
	display: block;
	color: black;
	background-color: #C28C1F;
	text-decoration:none;
	border: 1px solid black;
	border-radius:10px;
	-moz-border-radius:10px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:10px; /* Safari */
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FCB500),
	color-stop(1, #C98300)
);
background-image: -o-linear-gradient(bottom, #FCB500 0%, #C98300 100%);
background-image: -moz-linear-gradient(bottom, #FCB500 0%, #C98300 100%);
background-image: -webkit-linear-gradient(bottom, #FCB500 0%, #C98300 100%);
background-image: -ms-linear-gradient(bottom, #FCB500 0%, #C98300 100%);
background-image: linear-gradient(to bottom, #FCB500 0%, #C98300 100%);
}



#nav a:hover {
	background-color: #F2C66F;
	background-image: none;
	color: black;
}

/* nav dropdown */
#nav ul {
	background-color: #00008B;
	padding: 0px;
	position: absolute;
	border: solid 0px #ccc;
	display: none; /* hide dropdown */
	width: 200px;
	margin-left:0px;
	color:white;
}

#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav li:hover > ul {
	display: block; /* show dropdown on hover */
}

/*	STYLE SHEET FOR THE ECT SHOPPING CART
	Last Modified: 2018-07-06
*/
form{
	margin:0;
	padding:0;
}
select.breadcrumbcats{
	max-width:200px;
}
div.imagenavigator{
	margin-top:2px;
}
div.imagenavigator img{
	margin:0 4px 3px 4px;
	vertical-align:middle;
}
div.imagenavigator input{
	margin:0 2px;
}
div.origprice{
	color:#999999;
	font-weight:bold;
}
span.liststrike{
	text-decoration:line-through;
}
select.sidefilter{
	min-width:150px;
	padding:4px;
}
div.ectpatgrp{
	margin:12px 0px;
}
div.ectpatcb{
	margin:3px 0px;
}
input.sidefilter{
	padding:4px;
}
input.sfprice{
	border:1px solid grey;
	outline:none;
	padding:4px;
	box-shadow:inset 0px 11px 8px -10px #AAA, inset 0px -11px 8px -10px #AAA;
	border-radius:3px;
	width:70px;
	text-align:right;
	box-sizing:border-box;
}
div.zeroatt{
	color:#AAA;
}
div.zeroatt input{
	opacity:0.50;
}
div.grpMoreDiv{
	text-align:center;
	padding:5px;
}
ul.ectverticalmenu2 > li,ul.ectverticalmenu3 > li{
	margin-bottom:-1px;
}
ul.ectverticalmenu2 > li.ectsub{
	display:none;
}
div.ectpacount{
	float:right;
}
div.ectpat{
	cursor:pointer;
}
div.termsandconds{
	margin:20px auto 0 auto;
	width:800px;
	max-width:90%;
	overflow-y:auto;
	max-height:98%;
	padding:6px;
	border-radius:5px;
	box-shadow:1px 1px 5px #333;
	background-color:#FFF;
}
div.wishlistcontainer{
}
div.ectdivcontainer{
overflow:auto;
}
div.amazonpaybuttontext{
margin-bottom:5px;
}
div.amazonlogout1{
clear:both;
}
div.checkoutbutton1{
margin:6px;
}
div.discountsapply{
color:#DA6A1E;
padding:4px 0px 0px 0px;
}
div.proddiscounts{
color:#DA6A1E;
padding:0px 0px 4px 0px;
}
div.proddiscountexempt,div.freeshippingexempt{
font-size:0.8em;
}
/* Receipt Page */
div.receiptlist,div.downloadlist{
	display:table;
	width:100%;
}
div.receiptheadrow,div.downloadheadrow{
	display:table-row;
	font-weight:bold;
	height:42px;
}
div.receiptlistrow,div.downloadlistrow{
	display:table-row;
}
div.receiptheadrow > div,div.downloadheadrow > div,div.receiptlistrow > div,div.downloadlistrow > div{
	display:table-cell;
	white-space:nowrap;
	vertical-align:middle;
}
div.receiptitemrow > div,div.downloadlistrow > div{
	height:38px;
	border-top:1px solid #ccc;
}
div.receiptoptionrow > div{
	height:32px;
}
div.receiptoption{
	font-size:0.82em;
}
div.receipttotalstable{
	display:table;
	width:50%;
	max-width:350px;
	float:right;
	border-top:1px solid #ccc;
	margin:4px;
	padding:6px 4px;
}
div.receipttotalsrow{
	display:table-row;
}
div.receipttotalsrow > div{
	display:table-cell;
	padding:2px;
}
div.rectotgrandtotal{
	font-weight:bold;
}
div.receipttotalscolumn{
	overflow:auto;
	margin-top:20px;
}
div.receiptcontainer{
	overflow:auto;
	padding:4px 2px;
}
div.receiptleft,div.receiptright{
	float:left;
	padding:2px;
	box-sizing:border-box;
}
div.receiptleft{
	width:40%;
	text-align:right;
}
div.receiptright{
	width:60%;
	text-align:left;
}
div.receiptaddress div.receiptcontainer div.receiptleft{
	text-align:left;
	padding-left:10px;
}
div.receiptleft::after{
	content:": ";
}
div.receiptaddress{
	width:48.8%;
	min-height:100px;
	display:inline-block;
	vertical-align:top;
}
div.receiptextra,div.receiptdownload,div.receiptaddress{
	margin:0.6% 0.6% 0% 0.6%;
	padding:6px 4px;
	border:1px solid #ccc;
	box-sizing:border-box;
}
div.receiptdownload{
	margin-bottom:30px;
}
div.rectotdiscounts div.ectright{
	color:#FF0000;
}
div.receiptoptgroup{
	text-align:right;
}
div.receiptoptgroup::after{
	content:": ";
}
div.receiptbuttons{
	padding:10px;
	text-align:center;
}
div.receiptcontinueshopping,div.receiptprintversion{
	padding:10px;
	width:50%;
	float:left;
	box-sizing:border-box;
}
div.receiptcontinueshopping{
	text-align:right;
}
div.receiptprintversion{
	text-align:left;
}
div.receiptshippingaddress{
	float:right;
}
div.receipttotalsrow div.ectright{
	text-align:right;
}
div.receiptnodownloadtext{
	margin:15px;
}
div.receiptpackage{
	display:table;
	font-size:0.9em;
	color:#404040;
}
div.receiptpackagerow{
	display:table-row;
}
div.receiptpackagerow > div{
	display:table-cell;
	padding:2px;
}
div.receiptpackagerow div.ectleft::before{
	content:" > ";
}
div.receiptpackagerow div.ectleft::after{
	content:": ";
}
div.receiptsectionhead{
	padding:10px 0px;
	font-size:1.3em;
	font-weight:500;
}
div.receiptaddresses{
	overflow:auto;
}
div.latedownloadbuttons{
	padding:10px;
}
/* Quantity Inputs */
div.quantity1div{
border-radius:6px;
width:80px;
border:1px solid #ccc;
overflow:hidden;
font-size:1.5em;
color:#aaa;
height:32px;
text-align:left;
}
div.quantity1div div{
border-radius:3px;
height:50%;
float:right;
border:1px solid #ddd;
clear:right;
width:35%;
font-size:12px;
text-align:center;
cursor:pointer;
margin:0px;
}
input.quantity1input{
height:28px;
width:50%;
border:none;
float:left;
padding:0px 0px 0px 8px;
margin:0px;
}
div.quantity2div{
border-radius:6px;
width:105px;
border:1px solid #ccc;
overflow:auto;
font-size:1.5em;
color:#aaa;
height:32px;
}
div.quantity2div div{
text-align:center;
}
input.quantity2input{
text-align:center;
height:28px;
width:35px;
border:none;
margin:0px;
padding:0px;
}

/* Stock Notify */
div.notifyinstock{
background:#FFF;
margin:30vh auto;
width:350px;
max-width:98%;
padding:2px;
border-radius:8px;
box-shadow:5px 5px 2px #666;
overflow:auto;
}

/* Soft Cart */
div.scwrap{
margin:5vh auto 0 auto;
background:#FFF;
width:600px;
max-width:98%;
padding:6px;
border-radius:5px;
box-shadow:1px 1px 5px #333;
overflow:auto;
max-height:90vh;
}
div.scprodsadded{
padding:3px;
text-align:left;
border-top:1px solid #567CBB;
clear:both;
}
div.scclose{
padding:3px;
float:right;
text-align:right;
}

/* Quick Buy */
div.qbuywrapper div.multioptiontext{float:left;width:49%;text-align:left}

div.qbopaque{
overflow-y:auto;
position:fixed;
width:100%;
height:100%;
background-color:rgba(140,140,150,0.5);
top:0px;
left:0px;
text-align:center;
z-index:10000;
}

div.qbuywrapper{
margin:5vh auto 0 auto;
/* margin:120px auto 0 auto; */
background:#FFF;
width:600px;
padding:6px;
border-radius:5px;
box-shadow:1px 1px 5px #333;
}

/* Email Friend */
div.emfmaindiv{
width:98%;
max-width:400px;
margin:auto;
margin-top:5vh;
overflow:auto;
height:90vh;
}
.emfsubtable{
background-color:#FFF;
}
#yourcomments{
width:98%;
}

/* Quantity Pricing */
div.prodquantpricingwrap{
width:200px;
border:1px solid #999;
overflow:hidden;
}
div.detailquantpricingwrap{
width:300px;
border:1px solid #999;
overflow:hidden;
}
div.prodquantpricing,div.detailquantpricing{
width:100%;
text-align:center;
}
div.prodqpheading,div.detailqpheading{
padding:6px;
background:#999;
color:#fff;
}
div.prodqpheadquant,div.prodqpheadprice,div.prodqpquant,div.prodqpprice,
div.detailqpheadquant,div.detailqpheadprice,div.detailqpquant,div.detailqpprice{
padding:6px;
width:50%;
}

/* Calendar */
div.ectcalendar{
box-shadow:0 5px 15px 0 rgba(0,0,0,0.25);
font-family:arial;
font-size:11px;
border:1px solid #a0a0a0;
font-family:arial;
font-size:11px;
background-color:#fff;
}
div.ectcaldayno1{
color:#909090;
}
table.ectcalheader{
margin:1px;
padding:2px;
width:99.4%;
color:#fff;
font-weight:bold;
background-color:#222;
}
div.ectcaltodaydate{
background-color:#f0f0f0;
padding:5px;
text-align:center;
}
table.ectcalselector{
font-family:arial;
font-size:11px;
border:1px solid #a0a0a0;
background-color:#F1A42E;
border-collapse:collapse;
min-width:50px;
}
td.ectcalselector{
border:1px solid #222;
padding:3px;
}
div.ectcaldate{
}
div.ectcaldatedisabled{
background-color:#fdd;
pointer-events:none;
cursor:default;
opacity:0.6;
}
div.ectcaltoday{
font-weight:bold;
color:#f00;
border:1px solid #a0a0a0;
}
table.ectcalheader td{
padding:2px;
font-family:arial;
font-size:12px;
}
table.ectcaldates{
font-family:verdana;
font-size:10px;
}
td.ectcaldate{
text-align:right;
padding:6px;
}

/* CART CONTAINER */
div.cartcontentsdiv{
}

/* BACK ORDER */
div.cartbackorder{
overflow:auto;
font-weight:bold;
}

/* LOW STOCK WARNING */
div.cartoutstock{
overflow:auto;
font-weight:bold;
margin:6px 0px 6px 0px;
}
div.cartstockacceptlevel{
overflow:auto;
font-weight:bold;
margin:6px 0px 6px 0px;
}
div.cartoptionoutstock{
text-align:center;
}

/* TOP ROW */
div.cartdetails_cntnr{
overflow:auto;
white-space:nowrap;
padding:2px;
margin:1px
}
div.cartdetails{
display:inline-block;
white-space:normal;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}
div.cartdetailsid{
width:25%;
}
div.cartdetailsname{
width:35%;
}
div.cartdetailsprice{
width:13%;
}
div.cartdetailsquant{
width:8%;
}
div.cartdetailstotal{
width:8%;
text-align:right;
}
div.cartdetailscheck{
width:10%;
}

/* PRODUCT ROW */
div.cartline{
white-space:nowrap;
padding-bottom:6px;
margin-bottom:6px;
}
div.cartlineid{
width:25%;
display:inline-block;
white-space:normal;
vertical-align:middle;
}
div.cartlinename{
width:35%;
display:inline-block;
white-space:normal;
vertical-align:middle;
padding-right:3px;
}
div.cartlineprice{
width:13%;
display:inline-block;
white-space:normal;
vertical-align:middle;
}
div.cartlinequant{
width:8%;
display:inline-block;
white-space:normal;
vertical-align:middle;
}
div.cartlinetotal{
width:8%;
display:inline-block;
white-space:normal;
text-align:right;
vertical-align:middle;
}
img.cartimage{
max-width:95%;
}
div.cartlinecheck{
font-size:0.8em;
width:10%;
display:inline-block;
white-space:normal;
text-align:center;
vertical-align:middle;
}
input.cartlineupdate,input.updateestimator,input.sidefiltergo,input.sidefiltermore{
background:#D85906;
color:#fff;
border-radius:4px;
border:0px;
font-size:12px;
padding:4px 6px;
cursor:pointer;
text-shadow:0px 1px 0px #854629;
background:linear-gradient(to bottom, #D85906 5%, #bc3315 100%);
}
input.cartlineupdate:hover,input.updateestimator:hover,input.sidefiltergo:hover,input.sidefiltermore:hover{color:#ccc}
input.sidefiltergo{
font-size:14px;
padding:6px 8px;
}
/* OPTIONS ROW */
div.cartandoptsline{
border-bottom:1px solid #ccc;
margin-bottom:12px;
}
div.cartoptionsline div{
font-size:0.85em;
display:inline-block;
white-space:normal;
}
div.cartoptionsline{
white-space:nowrap;
padding-bottom:2px;
margin-bottom:1px;
}
div.cartoptiongroup{
width:25%;
text-align:right;
}
div.cartoptiongroup::after{
content:" - ";
padding-right:10px;
}
div.cartoption{
width:35%;
}
div.cartoptionprice{
width:14%;
}
div.cartoptionoutstock{
width:7%;
}
div.cartoptiontotal{
width:18%;
text-align:right;
}

/* PACKAGE FEATURE */
div.packagediv{
}
div.packagerow{
}

/* LOYALTY POINTS */
div.cartloyaltypoint_cntnr{
overflow:auto;
}
div.cartloyaltypointmenu{
display:inline-block;
white-space:normal;
width:53%;
margin-bottom:6px;
}
div.cartloyaltypointmenu select{
width:170px;
margin-bottom:3px;
}
div.cartloyaltypoints{
display:inline-block;
white-space:normal;
width:45%;
margin-bottom:6px;
text-align:right;
}

/* SHIPPING */
div.cartshippingandtotals{
float:left;
width:100%;
margin-bottom:12px;
}
div.cartshippingdetails{
float:left;
width:60%;
padding:1px;
margin:1px;
}
div.estimatorerrors{
overflow:auto;
margin-bottom:12px;
}
div.estimatortitle{
overflow:auto;
font-size:1.2em;
padding-bottom:6px;
}
div.shipestimatemarkup_cntnr{
margin-bottom:6px;
}
div.cartestimatortext{
display:inline-block;
white-space:normal;
width:100%;
}
div.estimatorchecktext{
display:inline-block;
white-space:normal;
width:49%;
}
div.estimatorcheckcarrier{
display:inline-block;
white-space:normal;
width:49%;
}
div.shipline{
height:25px;
overflow:auto;
}
div.shiplinetext{
float:left;
}
div.shipradio{
width:30px;
float:left;
}
input.shipradio{
vertical-align:text-bottom;
margin-right:5px;
}
div.cartstateselectortext{
display:inline-block;
white-space:normal;
width:20%;
}
div.cartstateselector{
display:inline-block;
white-space:normal;
width:77%;
}
div.cartcountryselectortext{
display:inline-block;
white-space:normal;
width:20%;
}
div.cartcountryselector{
display:inline-block;
white-space:normal;
width:77%;
}
div.cartzipselector_cntnr, div.cartstateselector_cntnr, div.cartcountryselector_cntnr{
margin:6px 0px;
}
div.cartzipselectortext{
display:inline-block;
white-space:normal;
width:20%;
}
div.cartzipselector{
display:inline-block;
white-space:normal;
width:77%;
}
div.cartestimatorend{
overflow:auto;
margin-top:12px;
}
div.updateestimator{
margin-top:8px;
margin-left:20%;
}

/* TOTALS */
div.carttotals{
float:left;
width:39%;
}
div.cartsubtotal_cntnr{
overflow:auto;
white-space:nowrap;
}
div.cartsubtotaltext{
display:inline-block;
white-space:normal;
width:53%;
margin:6px 0px 6px 0px;
}
div.cartsubtotal{
display:inline-block;
white-space:normal;
width:45%;
text-align:right;
}
div.shippingtotaltext{
display:inline-block;
white-space:normal;
width:53%;
margin-bottom:6px;
}
div.shippingtotal{
display:inline-block;
white-space:normal;
width:45%;
text-align:right;
}
div.cartcountrytaxtext{
display:inline-block;
white-space:normal;
width:53%;
margin-bottom:6px;
}
div.cartcountrytax{
display:inline-block;
white-space:normal;
width:45%;
text-align:right;
}
div.cartdiscountstext{
display:inline-block;
white-space:normal;
width:53%;
margin-bottom:6px;
}
div.cartdiscounts{
display:inline-block;
white-space:normal;
width:45%;
text-align:right;
}
div.cartcoupontext{
display:inline-block;
white-space:normal;
width:99%;
margin-bottom:6px;
}
div.cartcoupon{
display:inline-block;
white-space:normal;
width:99%;
}
div.cartgiftcerttext{
display:inline-block;
white-space:normal;
width:53%;
margin-bottom:6px;
}
div.cartgiftcert{
display:inline-block;
white-space:normal;
width:45%;
text-align:right;
}
div.cartgrandtotaltext{
display:inline-block;
white-space:normal;
width:53%;
margin-bottom:6px;
padding: 3px 0px;
font-size:1.1em;
border-bottom:1px solid #999;
}
div.cartgrandtotal{
display:inline-block;
white-space:normal;
width:45%;
padding: 3px 0px;
text-align:right;
font-size:1.1em;
border-bottom:1px solid #999;
}
div.cartcontinueupdate{
width:100%;
float:right;
}
div.cartcontinue{
width:50%;
float:right;
text-align:right;
}
div.cartupdate{
width:50%;
float:right;
}
div.cartcheckoutbuttons{
float:left;
width:100%;
margin-top:18px;
text-align:right;
}
div.checkoutopts{
float:right;
text-align:right;
display:inline-block;
padding:10px;
vertical-align:top;
}
div.cominpurchase{
overflow:auto;
text-align:center;
margin:6px 0px 6px 0px;
padding:6px;
border:1px solid #ccc;
background:#eee;
}
div.tofreeshipping{
overflow:auto;
text-align:center;
margin:6px 0px 6px 0px;
padding:6px;
border:1px solid #ccc;
background:#eee;
}
div.coforcelogin{
overflow:auto;
text-align:center;
margin:6px 0px 6px 0px;
padding:6px;
border:1px solid #ccc;
background:#eee;
}

/* DISCOUNT FORMATTING */
div.ectdscntt{
color:#AD2803;
}
div.ectdscnt{
color:#AD2803;
}

/* COUPON FORMATTING */
#cpncodespan{
font-size:0.8em;
}
#cpncodespan div{
padding: 4px 12px 4px 0px;
}

/* ERROR / WARNING FORMATTING */
div.ectwarning{
color:#AD2803;
}
div.estimatorerror{
color:#AD2803;
}

/* NEW ACCOUNT */
div.cartnewaccountheader{
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}
div.cartnewaccount{
overflow:auto;
font-size:1.2em;
border-bottom:1px solid #999;
padding-bottom: 6px;
margin-bottom:12px;
}
div.cartloginsuccess{
overflow:auto;
text-align:center;
padding:6px 0px;
}
div.cartloginsuccesswait{
overflow:auto;
text-align:center;
padding:6px 0px;
}
div.cartnewaccount_cntnr>div{
clear:both;
}
div.cartacctloginnametext, div.cartaccloginemailtext, div.cartaccloginpasswordtext, div.cartaccloginrecaptchaspace, div.cartaccloginallowpromo, div.cartaccloginextra1text, div.cartaccloginextra2text{
float:left;
width:25%;
margin-top:3px;
}
div.cartacctloginname{
}
div.cartaccloginemail{
}
div.cartaccloginpassword{
}
div.cartacctloginname_cntnr, div.cartacctloginemail_cntnr, div.cartaccloginpassword_cntnr, div.cartaccloginallowpromo_cntnr, div.cartaccloginextra1_cntnr, div.cartaccloginextra2_cntnr, div.cartaccloginrecaptcha_cntnr{
margin:8px 0px;
overflow:hidden;
}
div.cartaccloginextra1, div.cartaccloginextra2{
}
div.cartaccloginallowpromo{
text-align:right;
margin-top:12px
}
div.cartaccloginallowpromo input{margin-right:8px;}
div.cartaccloginallowpromotext{
padding-left:3px;
float:left;
}
div.cartacclogineverdivulge{
font-size:0.8em;
}
div.cartaccloginalsubmit{
text-align:right;
}
div.cartaccloginrecaptcha{
float:left;
width:73%;
}

/* LOGIN */
div.loginprompt{
overflow:auto;
}
div.logintoaccount{
width:50%;
float:left;
font-size:13px;
}
div.createaccount{
width:50%;
float:left;
font-size:13px;
}
div.cartloginheader{
float:left;
width:100%;
font-size:1.2em;
border-bottom:1px solid #999;
padding-bottom: 6px;
margin-bottom:12px;
}
div.cartloginemail_cntnr{
float:left;
width:100%;
}
div.cartloginemailtext{
float:left;
width:25%;
padding-top:8px;
}
div.cartloginemail{
float:left;
width:75%;
padding-top:8px;
}
div.cartloginpwd_cntnr{
float:left;
width:100%;
}
div.cartloginpwdtext{
float:left;
width:25%;
padding-top:8px;
}
div.cartloginpwd{
float:left;
width:75%;
padding-top:8px;
}
div.cartlogincookie_cntnr{
float:left;
width:100%;
}
div.cartlogincookie{
float:left;
width:25%;
text-align:right;
padding-top:8px;
}
div.cartlogincookietext{
float:left;
width:72%;
padding-left:6px;
padding-top:8px;
}
div.cartloginbuttons{
width:100%;
float:left;
margin-top:12px
}
div.cartloginlogin{
width:20%;
float:left;
}
div.cartloginnewacct{
width:35%;
float:left;
}
div.cartloginforgotpwd{
width:45%;
float:left;
text-align:right;
}

/* WISH LIST */
div.cartviewinglist{
float:left;
width:100%;
}
span.listname{
font-weight:normal;
}
div.savecartlist{
box-shadow:3px 3px 2px #999;
border-collapse:collapse;
}
div.savecartlist div{
border:1px solid grey;
background:#fcfcfc;
padding:5px;
cursor:pointer;
white-space:nowrap;
}
div.savecartdivider{
background:#dcdcdc !important;
padding:0px !important;
cursor:default !important;
}
div.savecartlist div:hover{
background:#ececec;
}

/* EMPTY CART */
div.emptycart{
text-align:center;
}
div.sorrycartempty{
margin-top:30px;
padding:8px;
}
div.cartemptyclickhere{
padding:8px;
}
div.emptycartviewmain{
padding:8px;
}
div.emptycartcontinue{
padding:18px;
margin-bottom:30px;
}
div.emptycartemptylist{
margin-top:50px;
}

/* MAILING LIST CONFIRMATION */
div.cartemailconftitle{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}
div.cartemailconfaction{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}
div.cartemailconfcontinue{
width:100%;
float:left;
text-align:center;
padding:8px 0px;
}

/* GIFT WRAP */
div.giftwrap{
overflow:auto;
}
div.giftwrapdiv{
overflow:auto;
white-space:nowrap;
padding:2px;
margin:1px
}
div.giftwrapdetailscntr{
display:inline-block;
white-space:normal;
}
div.giftwrapid{
width:25%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}
div.giftwrapname{
width:25%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}
div.giftwrapquant{
width:25%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}
div.giftwrapyes{
width:25%;
float:left;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}
div.giftwrapupdate{
overflow:auto;
}
div.giftwraplineid{
display:inline-block;
white-space:normal;
width:25%;
vertical-align:top;
}
div.giftwraplinename{
display:inline-block;
white-space:normal;
width:25%;
vertical-align:top;
}
div.giftwraplinequant{
display:inline-block;
white-space:normal;
width:25%;
vertical-align:top;
}
div.giftwraplineyes{
display:inline-block;
white-space:normal;
width:25%;
vertical-align:top;
}
div.giftwraptmessage{
width:17%;
float:left;
}
div.giftwrapmessage{
overflow:auto;
}
div.giftwraplinemessage textarea{
width:100%;
}
div.giftwrapbuttons{
overflow:auto;
text-align:right;
margin-top:12px;
}

/* BILLING & SHIPPING */
div.cart2details{
overflow:auto;
}
div.cart2header{
overflow:auto;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
font-size:1.2em;
}
div.billformrow{
float:left;
width:100%;
}
div.shipformrow{
float:left;
width:100%;
}
div.checkoutadditionals{
float:left;
width:100%;
}
div.cobhl2{
padding-top:8px;
}
div.cobll2{
padding-top:8px;
}
div.cdformtextra1{
float:left;
width:30%;
}
div.cdformextra1{
float:left;
width:70%;
}
div.cdformtname{
float:left;
width:30%;
}
div.cdformname{
float:left;
width:70%;
}
div.cdformtemail{
float:left;
width:30%;
}
div.cdformemail{
float:left;
width:70%;
}
div.cdformtaddress{
float:left;
width:30%;
}
div.cdformaddress{
float:left;
width:70%;
}
div.cdformtaddress2{
float:left;
width:30%;
}
div.cdformaddress2{
float:left;
width:70%;
}
div.cdformtcity{
float:left;
width:30%;
}
div.cdformcity{
float:left;
width:70%;
}
div.cdformtstate{
float:left;
width:30%;
}
div.cdformstate{
float:left;
width:70%;
}
div.cdformtcountry{
float:left;
width:30%;
}
div.cdformcountry{
float:left;
width:70%;
}
div.cdformtzip{
float:left;
width:30%;
}
div.cdformzip{
float:left;
width:70%;
}
div.cdformtphone{
float:left;
width:30%;
}
div.cdformphone{
float:left;
width:70%;
}
div.cdformtextra2{
float:left;
width:30%;
}
div.cdformextra2{
float:left;
width:70%;
}
div.coshipflagscontainer{
float:left;
width:100%;
margin-bottom:12px
}
div.cdshipftflag{
float:left;
width:30% !important;
text-align:right;
padding-right:11px;
padding-top:12px;
}
div.cdshipflag{
float:left;
width:66% !important;
padding-top:12px;
font-size:0.9em;
}
div.cdformtwillpickup{
float:left;
width:30% !important;
text-align:right;
padding-right:11px;
padding-top:12px;
}
div.cdformwillpickup{
float:left;
width:66% !important;
padding-top:12px;
font-size:0.9em;
}
div.cdshiptterms{
float:left;
width:30% !important;
text-align:right;
padding-right:11px;
padding-top:12px;
}
div.cdshipterms{
float:left;
width:66% !important;
padding-top:12px;
font-size:0.9em;
}
div.cdformtextraco1{
float:left;
width:30%;
}
div.cdformextraco1{
float:left;
width:70%;
}
div.cdformtextraco2{
float:left;
width:30%;
}
div.cdformextraco2{
float:left;
width:70%;
}
div.cdformshipdiff{
float:left;
width:100%;
padding:12px 0px 12px 0px;
}
input.cdformshipdiff{
margin-right:12px;
}
div.cdformtaddinfo{
float:left;
width:30%;
}
div.cdformaddinfo{
float:left;
width:70%;
}
textarea.addinfo{
width:90%;
}
div.cdformtterms,div.cdformtremember,div.cdformtmailing,div.cdformtnewaccount,div.cdformtmailingd{
float:left;
width:30%;
text-align:right;
padding-right:11px;
padding-top:12px;
white-space:nowrap;
box-sizing:border-box;
}
div.cdformterms,div.cdformremember,div.cdformmailing,div.cdformnewaccount,div.cdformmailingd{
float:left;
width:68%;
padding-top:12px;
}
.cdformtmailingr input{margin:0px 0px 6px 8px}
div.cdformtcoupon{
float:left;
width:30%;
padding-top:12px;
}
div.cdformcoupon{
float:left;
width:70%;
padding-top:12px;
}
div.cdformtitle{
float:left;
width:100%
}
div.cdformtitlell{
float:left;
width:100%;
}
div.cdform2column{
float:left;
width:100%;
}
div.cdformtpayment{
float:left;
width:30%;
clear:left;
padding-top:12px;
}
div.cdformpayment{
float:left;
width:70%;
padding-top:12px;
}
select.cdformpayment{
max-width:90%;
}
div.payprovider{
overflow:auto;
}
div.payprovline{
overflow:auto;
margin-bottom:8px;
}
div.payprovline img{
vertical-align:top;
margin-left:12px;
}
div.checkoutbutton2{
overflow:auto;
text-align:right;
}
div.cdformsubmit{
overflow:auto;
}

/* SHIPPING TOTALS SCREEN */
div.cart3details{
overflow:auto;
}
div.cartheader{
overflow:auto;
font-size:1.2em;
}
div.cart3header{
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
font-size:1.2em;
}
div.cart2column{
width:100%;
float:left;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}
div.cart3row{
width:100%;
float:left;
}
div.cobhl3{
width:30%;
float:left;
padding-bottom:6px;
}
div.cart3servicecommitment{
font-size:10px;
margin-left:25px;
}
div.cart3totgoodst {
border-bottom:1px solid #ccc;
margin-bottom:12px;
font-size:1.1em;
}
div.cart3totgoods {
border-bottom:1px solid #ccc;
margin-bottom:12px;
font-size:1.1em;
}
div.cobll3{
width:70%;
float:left;
padding-bottom:6px;
}
label.shipradio{
margin:0px;
font-weight:normal;
}
div.shiprateline{
overflow:auto;
padding-bottom:2px;
}
div.shiptableline{
overflow:auto;
}
div.shiptablelogo{
position:relative;
width:80px;
height:60px;
float:left;
}
div.shiptablelogo img{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}
div.shiptablerates{
float:left;
width:70%;
min-height:45px;
padding:0px 0px 15px 5px;
}
div.shiptablerates select{
margin:16px 0px 0px 5px;
max-width:300px;
}
div.cartheading{
overflow:auto;
padding-bottom:6px;
margin:12px 0px 16px 0px;
border-bottom:1px solid #999;
font-size:1.2em;
}
div.cart3gndtot {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin-bottom:12px;
padding-top:6px;
font-size:1.2em;
}
div.cart3gndtott {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin-bottom:12px;
padding-top:6px;
font-size:1.2em;
}

/* CREDIT CARD RESULTS SCREEN */
div.cart4details{
overflow:auto;
}
div.cart4header{
overflow:auto;
padding-bottom:6px;
margin:12px 0px 16px 0px;
border-bottom:1px solid #999;
font-size:1.2em;
}
div.cobhl4{
width:35%;
float:left;
margin-bottom:12px;
padding-top:8px;
}
div.cobll4{
width:65%;
float:left;
margin-bottom:12px;
padding-top:8px;
}
div.cart4row{
width:100%;
float:left;
}
div.cart4buttons{
width:100%;
float:left;
}
div.checkoutbutton3{
width:100%;
float:left;
}

/* SECOND LINE TEXT ENTRIES */
span.ectsmallnote{
font-size:0.8em;
}

/* END OF CART CLASSES */


/* STYLE SHEET FOR THE ECT SEARCH PAGE */

/* Main div container */
div.searchform{
overflow:auto;
}

/* Search header div */
div.searchheader{
overflow:auto;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}

/* Search label divs */
div.searchtext{
width:24%;
float:left;
padding:6px 4px;
white-space:nowrap;
}

/* Search form field divs */
div.searchcntnr{
	overflow:auto;
	padding:6px 4px;
}

div.searchcontrol{
width:72%;
float:left;
}

/* Search form field formatting */
div.searchfor input{
width:80%;
border: 1px solid #ccc;
padding:6px;
float:left;
}
div.searchprice input{
border: 1px solid #ccc;
padding:6px;
float:left;
}
div.searchcontrol select{
width:170px;
padding:4px;
float:left;
}

/* Search filters set to 2 columns by 48% width - use 98% for one column */
div.searchfiltergroup{
width:48%;
float:left;
}
div.searchfiltergroup select{
width:170px;
padding:4px;
margin-bottom:8px
}

/* Div containing submit button */
div.searchsubmit{
padding:8px 4px;
}

/* END OF SEARCH CLASSES */


/* STYLE SHEET FOR THE ECT AFFILIATE, ORDER STATUS, CLIENT LOGIN, TRACKING PAGES */

/* Main div container */
div.ectdiv{
overflow:auto;
margin-bottom:20px;
}

/* Header div */
div.ectdivhead{
font-weight:bold;
font-size:1.2em;
text-align:center;
border:1px solid grey;
padding:10px;
margin-bottom:10px;
overflow:auto;
}

/* Label divs */
div.ectdivleft{
width:28%;
float:left;
padding:10px 4px;
white-space:nowrap;
clear:both;
}

/* Form field divs */
div.ectdivright{
width:68%;
float:left;
padding:6px 4px;
}

/* Form field formatting */
div.ectdivright input{
width:60%;
border: 1px solid #ccc;
padding:6px;
margin-bottom:4px;
}
div.ectdivleft input[type=checkbox]{
width:auto;
}
div.ectdivright select{
width:63%;
border: 1px solid #ccc;
padding:6px;
}
div.ectdivright input[type=checkbox]{
width:10px;
}

/* Div spanning 2 columns */
div.ectdiv2column{
margin:8px 0px;
}
div.ectdiv2column ul{
list-style:none;
}

/* Warning message on Order Status page */
div.ectorderstatus div.ectwarning{
overflow:auto;
}

/* Text based div */
div.ectmessagescreen div{
margin:30px;
}
div.ectmessagescreen input{
margin-top:12px;
}

/* Account details on client login */
div.ectclientloginaccount div.ectdivleft{
white-space:normal;
}

/* Address details on client login */
div.ectclientloginaddress div.ectdivleft{
width:48%;
}
div.ectclientloginaddress div.ectdivright{
width:48%;
}

/* Gift registry on client login */
div.ectdivright input.createlist{
width:auto;
border:1px solid #ccc;
}
input.createlistinput{
vertical-align:middle;
margin:1px;
}
div.ectdivleft input{
width:200px;
border: 1px solid #999;
}
div.ectclientlogingiftreg .ectdiv2column{
padding:6px 8px;
}
div.ectgiftregname{
font-weight:bold;
font-size:1.1em;
}
input.giftregistrycopy{
width:90%;
}
div.ectgiftregistrybuttons input[type=button]{
float:left;
margin-right:10px;
margin-bottom:6px;
}
div.ectgiftregistrybuttons{
overflow:auto;
padding-bottom:30px;
}
div.ectclientlogingiftreg .ectdivleft input{
margin-top:3px;
padding:4px;
}
div.ectclientloginorders{
float:left;
}
div.ectclientloginorders div{
padding:6px;
margin:4px;
font-size:0.9em;
}

/* Tracking buttons */
input.trackinggo{
width:60px !important;
margin-bottom:12px;
}

/* Tracking form */
div.ecttracking div.ectdivcontainer{
overflow:auto;
}
div.trackingselectlogo{
float:left;
width:90px;
margin-top:8px;
}
div.ecttracking div.ectdivleft{
width:42%;
white-space:normal;
float:left;
clear:none !important;
padding-top:0px !important;
margin-top:8px;
}
div.ecttracking div.ectdivright{
width:43%;
float:left;
padding-top:0px !important;
margin-top:8px;
}
div.trackinglogo, div.trackingtext{
float:left;
padding:6px;
}
div.ecttrackingresults{
overflow:auto;
}
div.ecttrackingresults div{
width:33%;
}
div.trackingcopyright{
overflow:auto;
}
div.ecthighlight{
	background-color:#EEE;
}
div.ecthighlight,div.ectlowlight{
	padding:3px;
}

/* Header row on Tracking form */
div.tracktablehead div{
padding:20px 0px 6px 4px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
div.trackingcopyright{
float:left;
font-size:0.9em;
}

/* Gift Certificate form */
div.ectgiftcerts{
overflow:auto;
}
div.ectgiftcerts div.ectdivleft{
width:38%;
white-space:normal;
}
div.ectgiftcerts div.ectdivright{
width:58%;
}
div.ectgiftcerts #amount{
width:80px;
}
div.ectgiftcerts textarea{
width:62%;
border: 1px solid #ccc;
}

/* Donations form */
div.ectdonations{
overflow:auto;
}
div.ectdonations #amount{
width:80px;
}
div.ectdonations textarea{
width:62%;
border:1px solid #ccc;
}

/* FOR RESPONSIVE DESIGNS */

/*The breakpoints below correspond to the cart page*/

/*Styles for screens below 940px*/

@media all and (max-width: 940px) {

/* HIDE DETAILS COLUMN */
div.cartdetailsid{
display:none;
}
div.cartlineid{
display:none;
}

/* MOVE ESTIMATE ABOVE TOTALS */  
div.cartshippingdetails{
width:100%;
}
div.carttotals{
width:100%;
}

/* RESET COLUMNS */
div.cartdetailsname{
width:35%;
}
div.cartdetailsprice{
width:21%;
}
div.cartdetailsquant{
width:16%;
}
div.cartdetailstotal{
width:17%;
}
div.cartdetailscheck{
width:10%;
}
div.cartlinename{
width:35%;
}
div.cartlineprice{
width:21%;
}
div.cartlinequant{
width:16%;
}
div.cartlinetotal{
width:17%;
}
div.cartlinecheck{
width:10%;
}

/* REALIGN TOTALS */
div.cartsubtotaltext{
width:72%;
}
div.cartsubtotal{
width:25%;
}
div.shippingtotaltext{
width:72%;
}
div.shippingtotal{
width:25%;
}
div.cartcountrytaxtext{
width:72%;
}
div.cartcountrytax{
width:25%;
}
div.cartgiftcerttext{
width:72%;
}
div.cartgiftcert{
width:25%;
}
div.cartdiscountstext{
width:72%;
}
div.cartdiscounts{
width:25%;
}
div.cartgrandtotaltext{
width:72%;
}
div.cartgrandtotal{
width:25%;
}
div.cartcoupontext{
width:57%;
}
div.cartcoupon{
width:40%;
}
div.cdshipftflag{
width:6% !important;
}
div.cdshipflag{
width:90% !important;
}
div.cdshiptterms{
width:6% !important;
}
div.cdshipterms{
width:90% !important;
}
div.cdformtwillpickup{
width:6% !important;
}
div.cdformwillpickup{
width:90% !important;
}
}

/*This is a breakpoint for responsive designs and puts the search filters into one column*/
@media screen and (max-width: 715px) {

/* Receipt page addresses in one column */
div.receiptaddress{
width:auto;
display:block;
}
div.receiptshippingaddress{
float:none;
}

/* Puts the search filters into one column */
div.searchfiltergroup{
padding:4px 0px;
width:95%;
float:left;
}

/* Tracking form */
div.ecttracking div.ectdivleft{
width:95%;
}
div.ecttracking div.ectdivright{
width:95%;
}

/* Create account / New account */
div.acccreatewrapper, div.accloginwrapper{
margin-top:10px !important;
width:440px !important;
overflow:auto;
max-height:95vh;
}
div.cartacctloginnametext, div.cartaccloginemailtext, div.cartaccloginpasswordtext, div.cartaccloginrecaptchaspace, div.cartaccloginallowpromo, div.cartaccloginextra1text, div.cartaccloginextra2text, div.cartloginemailtext, div.cartloginpwdtext{
width:29%;
}
div.cartaccloginrecaptcha{
width:71%;
}
div.cartaccloginalsubmit{
text-align:left;
}

/* Giant image pop up */
div.giantthumbcontainer{display:none;}
div.giantimg{width:98%!important;}
}

/*Styles for screens below 480px on the cart page*/

@media all and (max-width: 480px) {
div.logintoaccount, div.createaccount{
width:auto;
float:none;
margin:4px 0px;
}
div.acccreatewrapper, div.accloginwrapper{
margin-top:10px !important;
width:314px !important;
overflow:auto;
max-height:95vh;
}
div.cartacctloginnametext, div.cartaccloginemailtext, div.cartaccloginpasswordtext, div.cartaccloginextra1text, div.cartaccloginextra2text, div.cartloginemailtext, div.cartloginpwdtext{
width:98%;
}
div.cartaccloginallowpromo, div.cartlogincookie{
width:25px;
}
div.cartaccloginrecaptchaspace{
display:none;
}
div.cartloginlogin, div.cartloginnewaccount{
width:45%;
float:left;
}
div.cartloginforgotpwd{
text-align:left;
width:96%;
margin-top:9px;
}
.shiptablerates{width:100% !important;}
div.searchfortext, div.searchpricetext, div.searchtypetext, div.searchcategorytext, div.searchfilterstext{
width:95%;
}
div.searchfor, div.searchprice, div.searchtype, div.searchcategory, div.searchfilters{
width:95%;
}
div.cartcoupontext{
width:36%;
}
div.cartcoupon{
width:64%;
}
div.cdformshipdiff{
width:90%;
}
div.cobhl3{
width:40%;
float:left;
padding-bottom:6px;
}
div.cobll3{
width:60%;
float:left;
padding-bottom:6px;
}
div.cart3totgoodst {
border-bottom:1px solid #ccc;
margin-bottom:12px;
font-size:1.1em;
}
div.cart3totgoods {
border-bottom:1px solid #ccc;
margin-bottom:12px;
font-size:1.1em;
}

/*Styles for screens below 480px on the affiliate, order status, client login page*/
div.ectdivright input{
width:95%;
}
div.ectdiv2column input{
margin:6px 0px 12px 0px;
}
div.ectdivright{
width:95% !important;
}
div.ectdivleft{
width:95% !important;
}
div.ectgiftcerts textarea{
width:98%;
}
div.ectdonations textarea{
width:98%;
}
div.cobhl, div.cobll{
width:95%;
}
div.cdformtterms,div.cdformtremember,div.cdformtmailing{
width:18%;
}
div.cdformterms,div.cdformremember,div.cdformmailing{
width:80%;
}
div.cdformtnewaccount,div.cdformtmailingd{
width:auto;
float:none;
text-align:left;
}
div.cdformnewaccount,div.cdformmailingd{
width:auto;
float:none;
padding:12px 0px;
}

}

@media print{
	.no-print, .no-print * {
		display:none !important;
	}
}