/*	STYLE SHEET FOR THE ECT SHOPPING CART
	Last Modified: 2018-07-06
*/
input.checkoutbutton{
    max-width: 100%;
}
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.ectpattitle{
	font-size: 18px;
	color: #222222;
}
div.ectpatgrp{
	width: 100%;
	margin:12px 0px;
	font-size: 12px;
}
div.ectpatcb{
	margin:3px 0px;
}
input.sidefilter{
	padding:4px;
}
input.sfprice{
	border:1px solid grey;
	outline:none;
	padding:4px;
	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;
	padding-left: 3px;
}
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{
	text-align: center;
	width: 97%;
}

/* 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{
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{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;

}
div.cartcountryselectortext{
display:inline-block;
white-space:normal;
width:20%;
}
div.cartcountryselector{
display:inline-block;
white-space:normal;

}
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;

}
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%;
display: none;
}
div.cdformcountry{
float:left;
width:70%;
display: none;
}
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:100%;
}
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;
}
/*GSV Mod start */
div.billformrow{
width:100%;
float:none;
}
div.cart2details {
    padding-left: 0px;
}
input#lastname {
    float: left;
    margin-top: 8px;
}
div.cart2details{
		overflow:none;
	}
input.cdforminput{
		width: 100%;
	}
	/*GSV Mod end */
}

@media print{
	.no-print, .no-print * {
		display:none !important;
	}
}/* ~~ This the css file for the Responsive Design of Virtual Gadgets from Ecommerce Templates.
The first section correponds to the maximum width version of 960 pixels ~~ */
.product-container {
    position: relative;
    display: inline-block;
}

.info-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color:#FFFFFF;
    padding: 10px 7px;
    border-radius: 5px;
    display: none; /* Initially hidden */
    z-index: 1;
	font-size: 2.5em;
}

#container {
	padding-left: 222px;
	padding-top: 8px;
	/* LC fullwidth */
	padding-right: 160px;
	/* RC fullwidth + CC padding */
}

#container .column {
	position: relative;
	float: left;
	box-sizing: content-box !important;
}

#center {
	padding: 10px;
	/* CC padding */
	width: 100%;
	z-index: 1;
}

#left {
	width: 230px;
	/* LC width */
	padding-top: 5px;
	/* LC padding */
	right: 240px;
	/* LC fullwidth + CC padding */
	margin-left: -100%;
	z-index: 1;
}

#right {
	width: 140px;
	/* RC width */
	margin-right: -100%;
	z-index: 0;
	padding-top: 5px;
}

#footer {
	clear: both;
}

#header {
	clear: both;
	height: 65px;
}

/*** IE Fix ***/
* html #left {
	left: 140px;
	/* RC fullwidth */
}

html {
	-ms-overflow-style: scrollbar;
}

body {
	margin: 0 auto;
	z-index: 0;
}

h1, h2 {
	font-weight: bolder;
	font-size: x-large;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
h1, h2, h3, h4 ,h5, h6.bathroom-landing{
	font-family: sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
	margin-top: 20px;
    margin-bottom: 10px;
	padding:0px;
	font-size: 30px;
}
.align-items-center{
	display: flex;
	align-items: center;
}
/* ~~ Main container ~~*/
.ectdp_minicartmainwrapper{
position: absolute;
right: 3px;
margin-top:44px;
}
a.ectlink.mincart{
	color: #CCC;
}
.ectdp_minicartmainwrapper_ct{
position:relative;
width: 100%;
z-index: 1000;
}

/* ~~ View cart line display ~~*/
.ectdp_minicartopen{
padding-top:8px;
cursor:pointer;
width:140px;
float:right;
clear:both;
}

.ectdp_minicartopenimg{
margin-top:2px;
margin-left:20px;
}
img.detailimage {
	max-width:  400px !important;
}
img#prodimage0{
 max-width: 100%;
}

div.cartcountryselector_cntnr {
    display: none;
}

/* ~~ Products in cart message ~~*/
.ectdp_pincart{
width:100%;
float:left;
margin-top:12px;
}

/* ~~ Drop down display ~~*/
.ectdp_minicartcontainer{
background:#fff;
padding:10px;
margin:0px;
width:320px;
box-shadow: 0 5px 6px 0 rgba(161,161,161,161);
-webkit-box-shadow: 0 5px 6px 0 rgba(161,161,161,161);
}

/* ~~ Close and checkout buttons ~~*/
.ectdp_minicartclose, .ectdp_minicartcheckout{ 
cursor:pointer; 
background:#EE5249;
padding:2px 16px;
border-radius:4px;
line-height:38px;
}

a.ectdp_minicartclose, a.ectdp_minicartcheckout{ 
color:#fff !important;
}

a.ectdp_minicartclose:hover, a.ectdp_minicartcheckout:hover{ 
color:#000 !important;
text-decoration:none;
}

/* ~~ Delete button ~~*/
a.deletecartitem{ 
color:#fff !important;
text-decoration:none;
background-color:#EE5249 !important;
border-radius: 50%;
width: 40px;
height: 40px; 
font-size:0.9em;
padding:1px 4px;
}

a.deletecartitem:hover{ 
color:#000 !important;
text-decoration:none;
}

a.ectlink{
	color: darkslategray;
}

.ectdp_minicartitemImg{
width:60px;
float:left;
margin-right: 5px;
}

.ectdp_minicartitemDelete{
float:left;
width:24px;
padding-top:16px;
text-align:right;
}

/* ~~ Totals display ~~*/
.ectdp_minicarttotal{ 
text-align:right !important;
margin-right:28px;
margin-bottom:10px;
font-size:1.1em;
border-bottom:1px solid #ccc;
padding:6px 0px
}

/* ~~ Discounts display ~~*/
.ecHidDsc{ 
text-align:right !important;
margin-right:28px;
color:#EE5249;
padding-top:6px;
}

/* ~~ Product image ~~*/
.ectdp_minicartImg{
padding: 10px 2px;
width:60px !important;
height:auto;
}

/* ~~ Product name display ~~*/
.ectdp_minicartitemName{
float:left;width: 208px;
text-align: right;
padding: 15px 2px;
border-bottom:1px solid #ccc;
}

/* ~~ Div setting ~~*/
div.minicartcnt_dp{
text-align:center;
clear:both;
}

/* ~~ Empty cart display ~~*/
div.ectdp_empty{
width:100%;
float:left;
text-align:center;
padding:12px 0px;
}
.bathroom-landing-text{
	font-family: sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000000;
}

.Bathroom-1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
	vertical-align: middle;
}

.Header {
	color: #666;
	font-size: 26px;
	font-family: Verdana;
	font-weight: normal;
}

.Gurmal-Grey-Text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}

li.ectmenuhassub1 a {
	display: block;
	padding: 4px;
	background-image: url(images/arrow2.gif);
}

li.ectmenuhassub1 a:hover {
	display: block;
	padding: 4px;
	background-image: url(images/arrow2ov.gif);
	background-color: #E69D01;
	color: #FFF;
}

li.ectsubmenu1 {
	background-color: #CCCCCC;
	border-bottom: 0px;
}

.recentfooter {
	border: 1px solid #A673C6;
	clear: both;
	margin: 15px;
	padding: 4px 10px;
}

.samecat {
	clear: both;
	margin: 15px;
}

.header {
	z-index: 100;
	position: relative;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	padding: 0;
	margin: 26px;
	/*list-style-position: inside;*/
}

.detailgsvh2 {
	font-size: 18px;
	padding: 0px;
	margin: auto;
	color: #000000;
	text-align: right;
	font-family: arial;
	padding-right: 8px;
}

.detailgsvh3 {
	font-size: 16px;
	padding: 0px;
	margin: auto;
	color: #7C4E83;
	text-align: center;
	clear: both;
}

.pSideLink {
	font-size: 0.8em;
}

.pSideLinkPrice {
	font-size: 1.3em;
	font-weight: 600;
	color: #E13030;
}

a img {
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: darkslategray;
	text-decoration: none;
}

a:visited {
	color: darkslategray;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}

/* ~~this fixed width container surrounds the other divs~~ */
.container {
	background: #FFF;
	margin: 0 auto;
}

/* ~~the logo~~ */
div.logo {
	float: left;
}

/* ~~top links~~ */
div.toplinks {
	float: left;
	padding-left: 40px;
	padding-top: 20px;
}

.topnav {
	width: auto;
	list-style-type: none;
	text-align: center;
}

.topnav a {
	display: block;
	width: auto;
	padding: 0 16px;
	color: #4890DA;
}

.topnav li {
	float: left;
}

.topnav a:link {
	color: #4182C4;
	text-decoration: none;
}

.topnav a:hover {
	color: #4182C4;
	text-decoration: underline;
}

/* ~~top search~~ */
div.topsearch {
	float: right;
	padding-right: 20px;
	padding-top: 16px;
}

/* ~~ Search properties ~~*/
.sub {
	color: #FFF;
	background: #4890DA;
	padding-bottom: 2px;
	height: 24px;
	width: 66px;
	border: 1px solid #999;
	text-align: center;
	border-radius: 8px;
	cursor: pointer;
}

input.search {
	font-size: 1.1em;
	color: #666;
	background: #FFF;
	height: 21px;
	width: 200px;
	border: 1px solid #4890DA;
	border-radius: 8px;
	padding-left: 4px;
	vertical-align: bottom;
}

input.sub:hover {
	background: #FFF;
	color: #666;
	border: 0px;
}

/* ~~no search results text~~ */
div.nosearchresults {
	width: 720px;
	text-align: center;
}

/* ~~top tetx area~~ */
div.topheader {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	color: #FFF;
	clear: both;
}

/* ~~right hand section~~ */
.sidebar1 {
	width: 216px;
	background-color: transparent;
}

/* ~~main content~~ */
.content {
	padding: 5px;
	min-height: 400px;
}

.content ul, .content ol {
	padding: 0 0px 0px 0px;
}

/* ~~content on inner pages that require a border~~ */
.content1 {
	border: 1px solid #DEDEDE;
	border-radius: 8px;
	padding: 2px;
}

/* ~~ right hand menu ~~ */
div.leftmenu {
	background: #F7F7F7;
	border: 1px solid #CCC;
	border-radius: 2px;
}

div.menutitle {
	background: #96729B;
	padding-left: 30px;
	font-size: 1.2em;
	height: 30px;
	margin: 2px;
	color: #FFFFFF;
	border-radius: 1px;
}
a.homelink{
    color: #FFFFFF;
    font-size: 1.2em;
}
ul.nav {
	list-style: none;
	margin: 0px;
	margin-bottom: 15px;
}

ul.nav li {
	/*border-bottom: 1px solid #FFF;*/
	margin: 4px;
	font-size: 0.9em;
}

ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 8px;
	display: block;
	text-decoration: none;
	color: #333;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	color: #83078E;
}

/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	background: #CCC;
	position: relative;
	clear: both;
	height: 115px;
	/* ~~ If you add extra content to the footer you will need to increase the height here. ~~ */
}

div.footer1 {
	width: 955px;
	margin: 0 auto;
}

.foo2 {
	float: left;
	width: 192px;
	padding: 6px;
	border-right: 1px dotted #666;
	color: #666;
	padding: 0 10px 10px 10px;
	line-height: 1.7em;
	height: 100px;
}

.foo3 {
	color: #666;
	float: left;
	width: 192px;
	padding: 0 6px 6px 6px;
	border-right: 1px dotted #666;
	line-height: 1.7em;
	height: 100px;
}

div.copy {
	float: left;
	width: 338px;
	padding: 0 0 0 4px;
	border-right: 1px dotted #666;
	vertical-align: middle;
	height: 100px;
}

div.fb {
	float: left;
	width: auto;
	padding-left: 7px;
	line-height: 1.7em;
	font-size:0.95em;
}

p.foothead {
	font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #666;
	margin: 0px;
	color: #369;
	line-height: 25px;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {
	/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft {
	/* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}

.clearfloat {
	/* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ Home page top ~~ */
div.hometop {
	padding: 20px 20px 0 0;
	float: left;
	width: 470px;
}

div.hometop1 {
	padding: 20px 20px 0 0;
	width: 220px;
	float: left;
}

/*Home page products*/
div.prod1 {
	width: 332px;
	float: left;
	border: 1px solid #DEDEDE;
	border-radius: 8px;
	padding: 8px;
	margin: 4px;
}

div.hprod {
	width: 125px;
	float: left;
}

div.prodblurb {
	width: 180px;
	float: right;
	color: #666;
}

div.prod2 {
	width: 332px;
	padding: 6px;
	float: right;
	border: 1px solid #DEDEDE;
	border-radius: 8px;
	padding: 8px;
	margin: 4px;
}

p.prodheadtop {
	font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #DEDEDE;
	margin: 0px;
	font-size: 1.3em;
	color: #369;
	line-height: 25px;
}

p.prodhead {
	font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #DEDEDE;
	margin: 0px;
	color: #336699;
	line-height: 25px;
}

div.prod3 {
	width: 332px;
	padding: 6px;
	float: left;
	border: 1px solid #DEDEDE;
	border-radius: 8px;
	padding: 8px;
	margin: 4px;
}

div.prod4 {
	width: 332px;
	padding: 6px;
	float: right;
	border: 1px solid #DEDEDE;
	border-radius: 8px;
	padding: 8px;
	margin: 4px;
}

p.homeprice {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
}

/* ~~ Mini cart ~~*/
td.mincart {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	padding: 2px;
}

p.mincart {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}

table.mincart {
	background-color: #FFFFFF;
	width: 210px;
	border-radius: 10px;
	padding: 4px;
}

/*Table backgrounds for cart and search*/
table.cobtbl {
	background-color: #CCC;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666;
	margin-top: 12px;
}

td.cobhl {
	background-color: #F6F6F6;
	font-weight: bold;
	color: #333;
}

td.cobll {
	background-color: #FFF;
	color: #333;
}

/* The product page - view all the available classes at http://www.ecommercetemplates.com/help/css-layouts.asp
-------------------------------------*/

/* Top filter bar */

div.prodfilter{
	float:left;
	padding:2px;
	color: #333;
	margin-bottom:4px;
	background:#fff;
	font-size:12px;
}
div.thumbnailimage {
    padding-top: 28px;
}
div.prodfilterbar{
	float:left;
	width:98%;
	border-bottom: 1px solid #ccc;
	margin-bottom:14px;
	padding-bottom:8px;
		background:#fff;
	font-size:12px;
}

div.filtertext{
	padding:8px;
	font-size:12px;
	clear:left;
}

select.prodfilter{
	padding:4px 2px;
	margin:0px;
	border: 1px solid #ccc;
	font-size:12px;
	margin-bottom:6px;
}

/* Side filter bar */

input.sidefilter, select.sidefilter{
	border: 1px solid #ccc;
  	padding:4px;
	margin:0px;
	font-size:0.9em;
		font-size:12px;
}

div.moreattributes{
	background: rgba(153,153,153, .8) !important;
	color:#000;
	font-size:12px;
	font-weight:bold;
	padding:1px;
	border:1px solid #4F4F4F !important;
	width:98% !important;
}

div.ectpat{
	padding:2px 1px;
	color:#666;
	font-size:12px;
}

div.ectpat a{
	color:#666;
	font-size:12px;
}

div.ectpacount{
	font-size:11px;
	color:#666;
}
div.ectpatgrp{
	margin:12px 0px;
	padding:4px;
	border: 1px solid #ccc;
	background:#fff;
	font-size:12px;
}
div.ectpattitle{
	margin-bottom:12px;
}

div.product {
	padding: 2px;
	width: 23%;
	max-width: 325px;
	min-width: 230px;
	float: left;
	margin: 0.5%;
	border: 1px solid #C4C4C4;
	border-radius: 1px;
	background-color: #FFFFFF;
}

div.prodnavigation {
	padding: 10px;
	float: left;
	width: 100%;
}

div.checkoutbutton {
	width: 120px;
	float: right;
}

div.allproddiscounts {
	font-size: 1.1em;
	color: #567CBB;
	width: 500px;
	margin-bottom: 2px;
	float: left;
}

div.prodsku {
	color: #666;
	display: none;
}

div.prodimage {
	margin: 10px;
	text-align: center;
	background: #FFFFFF;
	height: 300px;
	display: grid;
	justify-content: center;
    align-content: center;
}

/* gsv edit border properties for detail image */
img.prodimage {
	/* border: 1px solid #CCC; */
	/* border-radius: 5px; */
	/* box-shadow: 1px 1px 3px #666; */
	max-width: 100%;
	max-height: 300px;
}

div.detailimagenavigator {
	padding-top: 13px;
}

div.prodname {
	padding: 5px 0px 0px;
	font-size: 1.1em;
	text-align: center;
}

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

div.prodinstock {
	padding: 4px;
	color: #666;
}

div.proddescription {
	display: none;
	font-size: 1em;
	padding-top: 4px;
	padding-bottom: 6px;
	float: left;
}

div.prodoptions {
	width: 100%;
	border: 1px solid #CCC;
	background: #FFF;
}

select.prodoption {
	font-size: 0.9em;
	width: auto;
	margin: 6px;
}

span.prodoption {
	font-size: 1em;
	padding: 2px;
}

div.optiontext {
	padding: 2px;
	min-width: 134px;
}

input.prodoption {
	margin: 2px;
}

div.option {
	padding: 0px;
}

div.gsvholdopen {
	float: left;
}

div.listprice {
	text-align: center;
	width: 100%;
	float: left;
}
div.origprice{
    color:#999999;
	font-weight:bold;
	text-decoration:line-through;
}
.prodidlabel{
	width:auto;
	font-size:16px;
}
.detailmanufacturer{
	font-size:16px;
}
div.prodprice {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 100%;
}

div.prodcurrency {
	padding: 2px;
	text-align: center;
	float: left;
	width: 350px;
	font-size: 0.8em;
}

div.addtocart {
	text-align: center;
	padding-top: 6px;
}

.notifystock {
	text-align: center;
	padding-top: 6px;
	float: left;
	width: 350px;
}

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

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

.prodid {
	background: rgb(48 79 116);
	color: #FFFFFF;
	padding: 6px;
	text-align: center;
	font-size: 1.1em;
	border-radius: 0px;
}

div.multioptiontext {
	width: 180px;
}

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

/* The product detail page 
-------------------------------------*/
fieldset.gsvoptions {
	border-radius: 2px;
	min-width: 300px;
	background: #FDF7FF;
	font-size:17px;
}

legend.gsvoptions {
	padding: 2px;
	background: #FFFFFF;
	border-radius: 5px;
}

fieldset.gsvrandom {
	border-radius: 2px;
	margin-top: 5px;
}

div.timescale {
	float: right;
	clear: right;
	width: 105px;
}

div.delivery-Details {
	float: right;
	clear: left;
}

div.detailimage {
	max-width: 400px;
	padding: 10px 10px 10px 0px;
	float: left;
}

.detailid {
	color: #000;
}

.detailmanufacturer {
	width: auto;
}

.detailinstock {
	float: right;
	width: 494px;
	border-bottom: 1px #CCC dotted;
}

.detailname {
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	padding: 0px;
	width: auto;
	margin: 0px;
	font-weight: lighter;
}

.detaildiscounts {
	color: #60A1DE;
	font-weight: bold;
	font-size: 1em;
	float: right;
	width: 496px;
}

span.detaildiscountsapply {
	color: #60A1DE;
	font-weight: bold;
}

div.detaildescription {
	margin-top: 5px;
	float: left;
	padding: 4px 0px 10px 6px;
	border: 1px #CCC solid;
	border-radius: 2px;
	width: 100%;
	overflow: auto;
}

.detaillistprice {
	text-align: right;
	clear: right;
	float: right;
	margin-top: 0px;
	padding-right: 6px;
}

div.detailprice {
	font-family: Arial;
	font-size: 3.0em;
	font-weight: normal;
	text-align: center;
	color: #F00;
	margin: 5px;
	float: right;
	clear: right;
}

div.detailcurrency {
	padding-top: 6px;
	font-size: 0.9em;
	text-align: center;
	float: left;
	width: 640px;
}

.detailprodoption {
}

div.detailoptiontext {
	font-size: 1em;
	border-bottom: 1px dotted #011227;
}

div.detailoptions {
	width: auto;
	float: right;
	position: static;
	font-size: 0.9em;
}

.gsvoptions {
	color: #7C4E83;
}

div.review {
	width: 700px;
}

.previousnext {
	padding-top: 10px;
	padding-bottom: 6px;
	float: left;
	width: 640px;
	text-align: center;
}

div.emailfriend {
	padding-top: 10px;
	text-align: center;
	float: left;
	width: 640px;
}

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

div.detailquantitytext {
	margin: 4px;
	float: left;
	width: 300px;
	text-align: right;
}

div.detailquantityinput {
	margin: 4px;
	float: right;
	width: 320px;
	text-align: left;
}

div.detailaddtocart, .detailoutofstock {
	text-align: center;
	padding-bottom: 10px;
	float: right;
	clear: right;
}

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

div.review {
	float: left;
}

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

p.cstitle {
	float: left;
	width: 640px;
}

.csproduct {
	float: left;
	width: 640px;
}

/* The category page 
-------------------------------------*/
div.category {
	float: left;
	min-height: 180px;
	margin-left: 10px;
}

div.catimage {
	min-width: 130px;
	min-height: 130px;
	text-align:center; 
	
}

img.catimage {
	/* border: 1px solid #CCC; */
	/* border-radius: 5px; */
	/* box-shadow: 1px 1px 3px #666; */
	max-width: 400px;
	max-height: 236px;
}

div.catdesc {
	max-width:220px;
	text-align: center;
	margin: auto;
}

div.catname {
	margin-top: 10px;
	padding: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: min-content;
	min-width: 143px;
}

.catdiscounts, .allcatdiscounts {
	padding-left: 5px;
	font-weight: bold;
	color: #60A1DE;
}

.categorymessage {
	padding-left: 5px;
	padding-top: 6px;
	font-size: 1.1em;
	width: 100%;
}

hr {
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #F9F;
}

.detailgsvname {
	clear: both;
	font-size: 14px;
	padding: 0px;
	text-align: center;
}

.gsvcatby {
	font-size: 14px;
	padding: 0px;
	text-align: right;
}

.liquid {
	background: repeat-y scroll 50% 0;
	border-top: 1px dashed #19301C;
	border-bottom: 1px dashed #19301C;
	padding: 10px 0;
	font-size: 11px;
}

.liquid .previous {
	display: block;
	height: 30px;
	width: 20px;
	background-image: url('../css/img/mbd-previous.gif');
	float: left;
	margin: 55px 9px 10px 0px;
	padding: 0;
	background-repeat: no-repeat;

}

.liquid .next {
	display: block;
	height: 30px;
	width: 20px;
	background-image: url('../css/img/mbd-next.gif');
	float: right;
	margin: 55px 9px 10px 0px;
	padding: 0;
	background-repeat: no-repeat;

}

.liquidgsv .previous {
	display: block;
	height: 30px;
	width: 20px;
	background-image: url('../css/img/mbd-previous.gif');
	float: left;
	margin: 24px 9px 10px 0px;
	background-repeat: no-repeat;
}

.liquidgsv .next {
	display: block;
	height: 30px;
	width: 20px;
	background-image: url('../css/img/mbd-next.gif');
	float: right;
	margin: 24px 0px 0px 10px;
	padding: 0px;
}

.liquid ul li {
	width: 126px;
	padding: 0 2px;
	margin: 0;
}

.liquid img {
	margin-top: 10px;
}

.liquidgsv {
	border: none;
}

.noborder {
	border: none !important;
	font-size: 0.9em !important;
}

.liquidgsv ul li {
	width: 75px;
	padding: 0 2px;
	margin: 0;
}

.liquidgsv img {
	margin-top: 10px;
}

a.mappages {
	color: #000;
	font:Verdana, Geneva, sans-serif;
	font-size: 12px;
}

a.mapcats {
	color: #000;
	font:Verdana, Geneva, sans-serif;
	font-size: 14px;
}

.gvsamecatcaro {
	height: 100px;
	width: auto;
	border-radius: 2px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

div.gvRecentlink {
	font-size: 16px;
}

.gvalsoshowwrapper {
	width: auto;
	clear: both;
}

.gvalsoshow {
	float: left;
	width: 220px;
	margin-top: 20px;
}

.samecatprods {
	vertical-align: top;
	padding-bottom: 14px;
}

.gvguarantee {
	clear: both;
	padding-left: 8px;
	padding-right: 8px;
}

.gvhotseller {
	margin-right: 8px;
	margin-top: 0px;
	float: right;
	vertical-align:central;
}

.imgsp {
	vertical-align: middle;
	float: left;
	padding: 5px 5px 0px 0px;
}

.noreview {
	visibility: hidden;
}

.Blue-Text {
	font-size: 13px;
	color: #000066;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.Brochure-Download {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
}

.Border {
	padding: 6px;
	border: 1px solid #000066;
	margin: 0px;
	display: block;
}

.TermHead {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #000000;
}

.Deva-Header {
	font-size: 25px;
	color: #0033FF;
	font-family: "Calibri", "sans-serif";
	font-weight: normal;
}

.whirlpoolHead {
	font-size: 2em;
	font-family: "Calibri", "sans-serif";
	color: #3333FF;
	font-weight: normal;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.whirlpooltext {
	font-size: 1.1em;
	font-family: "Calibri", "sans-serif";
	color: #666666;
}

.whirlpoolline {
	background-image: url(images/leftline.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

.whirlpool2 {
	color: #000066;
	font-weight: bold;
}

a.whirlpool1 {
	color: #000066;
	font-weight: bold;
}

a.whirlpool1:link {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

a.whirlpool1:visited {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

a.whirlpool1:active {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

a.whirlpool1:hover {
	color: #000066;
	font-weight: bold;
	text-decoration: underline;
}

.centrebg {
	background-image: url(images/Centbg.gif);
	background-repeat: repeat-y;
	background-position: center;
}

.TopLine {
	background-image: url(images/leftline.gif);
	width: 100%;
	background-repeat: repeat-x;
	background-position: top;
}

.Under-Over-Line {
	text-decoration: underline overline;
	font-size: 14px;
}

.detailgurmal {
	background-color: #CCCCCC;
	border: 1px solid #000000;
}

.saving {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}

.gcenter {
	vertical-align: middle;
	margin: auto;
}

.recentHeader {
	clear: both;
	text-align: left;
}

.ectpatgrp {
	width: 135px;
	padding-right: 5px;
	margin: 0px;
	text-align: left;
}

.brochuretext {
	height: 55px;
	margin-top: 5px;
}

.brochurecont {
	height: 263px;
}

.brochureimg {
	height: 165px;
}

.brochureimg img:hover {
	opacity: 0.5;
}

.G-Brochure {
	border: #666 1px solid;
}

.Terms {
	margin: 0cm 0cm 10pt;
	line-height: 115%;
	font-size: 1.1em;
	font-family: Calibri, sans-serif;
}

.gpad {
	margin: 10px;
	border: #000 solid 1px;
}
.gsvpricebox{
	min-width:300px;
	float:right;
		}
.gsvvat{
	float:right;
	clear:right;
	color:#F00;
	font-size:14px;
	padding-bottom:10px;
}
.cdformremember{
	margin:5px;
}
.checkoutbutton2{
	padding-top:10px;
	padding-bottom:10px;
}
.checkoutbutton3{
	padding-top:10px;
	padding-bottom:10px;

}
.billformrow{
	height:34px;
	vertical-align:top;
}
.checkoutterms{
	font-size: 12px;
	font-weight: normal;
}
.freedelivery{
	color:#F00;
	font-weight:bold;
}

/* This is the first breakpoint and is for screen sizes between 750 and 980 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: 980px) {
	/* ~~top links~~ */
	.header {
		height: 90px;
		background: #EDEDED;
	}
	
	div.toplinks {
		padding-left: 6px;
		padding-top: 20px;
	}
	
	.topnav a {
		padding: 0 6px;
	}
	img.detailimage{
       max-width: 100% !important;
    }
	/* ~~main container~~ */
	#container {
		padding-left: 222px;
		padding-top: 8px;
		/* LC fullwidth */
		padding-right: 20px;
		/* RC fullwidth + CC padding */
	}
	
	.container {
		width: 100%;
	}
	
	/* ~~ Search properties ~~*/
	div.topsearch {
		padding-right: 4px;
	}
	
	.sub {
		width: 64px;
	}
	
	input.search {
		width: 90px;
	}
	
	div.nosearchresults {
		width: 510px;
	}
	
	/* main content*/
	.content {
		width: 100%;
	}
	
	#right {
		display: none;
	}
	
	/* remove top image from content*/
	div.hometop1 {
		display: none;
	}
	
	/* the products page*/
	div.prod1 {
		border-right: 1px #DEDEDE dotted;
		width: 478px;
		padding: 6px;
	}
	
	div.prodblurb {
		width: 310px;
	}
	
	div.prod2 {
		width: 478px;
		padding: 6px;
		float: left;
	}
	
	p.prodheadtop {
		margin: 2px;
		font-size: 1.3em;
	}
	
	div.prod3 {
		border-right: 1px #DEDEDE dotted;
		width: 478px;
		padding: 6px;
		float: left;
	}
	
	div.prod4 {
		width: 478px;
		padding: 6px;
		float: left;
	}
	
	/*footer*/
	div.footer1 {
		width: 576px;
		margin: 0 auto;
	}
	
	/*remove left hand footer section*/
	div.copy {
		display: none;
	}
	
	/*the products page*/
	div.product {
		width: 248px;
		height: 496px;
	}
	
	div.prodoptions {
		width: 232px;
	}
	
	select.prodoption {
		width: 110px;
	}
	
	div.optiontext {
		min-width: 92px;
	}
	
	div.listprice {
		width: 236px;
	}
	
	div.prodprice {
		width: 236px;
	}
	
	div.prodcurrency {
		width: 236px;
	}
	
	div.addtocart {
		width: 236px;
	}
	
	.notifystock {
		width: 236px;
	}
	
	div.prodnavigation {
		width: 320px;
	}
	
	/*Product detail page*/
	div.detailcheckoutbutton {
		width: 96px;
	}
	
	.detailid {
		width: 296px;
	}
	
	.detailname {
		width: auto;
		font-size: 16px;
		padding: 0px;
		margin: 0px;
		clear: both;
	}
	
	.detailmanufacturer {
		width: 296px;
	}
	
	.detaildiscounts {
		float: right;
		width: 292px;
	}
	
	.detailinstock {
		float: right;
		width: 288px;
	}
	
	.detaillistprice {
		width: 520px;
	}
	
	div.detailprice {
		width: 520px;
	}
	
	div.detailcurrency {
		width: 520px;
	}
	
	.detailprodoption {
	}
	
	div.detailoptiontext {
		font-size: 1em;
	}
	
	div.detailoptions {
		width: 400px;
		float: right;
	}
	
	div.review {
		width: 520px;
	}
	
	.previousnext {
		width: 520px;
	}
	
	div.emailfriend {
		width: 520px;
	}
	
	div.detailquantity {
		width: 520px;
	}
	
	div.detailquantitytext {
		width: 260px;
	}
	
	div.detailquantityinput {
		width: 240px;
	}
	
	div.detailaddtocart, .detailoutofstock {
		width: 520px;
	}
	
	.detailnotifystock {
		width: 520px;
	}
	
	div.category {
		width: 520px;
	}

}

/* This is the second breakpoint and is for screen sizes between 468 and 758 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: 758px) {
	h1, h2, h3, h4, h5, h6.bathroom-landing {
    font-family: sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0px;
	font-size:18px;
	text-align:center;
	}
	#container .column {
	float: none;
    }
img.detailimage{
 max-width: 100% !important;
}
	ul, ol, dl {
		padding: 0;
		margin: 10px;
		list-style-position: inside;
	}
	.topheader {
		display: none;
	}
	.header {
		height: 90px;
		background: #EDEDED;
	}
	
	.samecatprods {
	}
	
	.topheader {
		display: none;
	}
	
	p {
		padding: 0px;
	}
	
	li {
		margin-left: 5px;
	}
	
	/* ~~top links~~ */
	div.toplinks {
		padding-left: 0px;
		padding-top: 0px;
	}
	
	#container {
		padding-left: 0px;
		padding-top: 3px;
		/* LC fullwidth */
		padding-right: 0px;
		/* RC fullwidth + CC padding */
	}
	
	/* ~~content~~ */
	.container {
		width: 100%;
		padding:0px;
	}
	
	/* ~~ Search properties ~~*/
	div.topsearch {
		float: left;
		padding-right: 10px;
		padding-left: 6px;
	}
	
	input.search {
		width: 210px;
	}
	
	div.nosearchresults {
		width: 460px;
	}
	
	/* ~~remove elements~~ */
	#left {
		display: none;
	}
	
	#center {
		width: 95%;
		margin: auto;
		padding: 0px;
	}
	
	#menu {
		display: none;
	}
	
	#right {
		display: none;
	}
	
	div.hometop1 {
		display: none;
	}
	
	/* ~~main content~~ */
	.content {
		padding: 0px;
		width: 100%;
	}
	
	/*Home page products*/
	div.hometop {
		width: 408px;
	}
	
	div.prod1 {
		border-right: 1px #DEDEDE dotted;
		width: 408px;
		padding: 6px;
	}
	
	div.prodblurb {
		width: 270px;
	}
	
	div.prod2 {
		width: 408px;
		padding: 6px;
		float: left;
	}
	
	p.prodheadtop {
		margin: 2px;
		font-size: 1.3em;
	}
	
	div.prod3 {
		border-right: 1px #DEDEDE dotted;
		width: 408px;
		padding: 6px;
		float: left;
	}
	
	div.prod4 {
		width: 408px;
		padding: 6px;
		float: left;
	}
	
	.recentfooter {
		display: none;
	}
	
	.techImage {
		max-width: 300px;
	}
	
	/*the footer*/
	div.footer1 {
		width: 400px;
		margin: 0 auto;
	}
	
	/*tables for cart and search*/
	table.cobtbl {
		font-size: 0.8em;
		margin-left: 8px;
		margin-bottom: 12px;
	}
	
	/*remove footer elements*/
	div.fb {
		display: none;
	}
	
	div.copy {
		display: none;
	}
	
	/*the product page*/
	div.prodfilter {
		display: none;
	}
	
	div.product {
		width: 100%;
		height: auto !important;
		max-width: 100%;
		padding-bottom: 5px;
		margin-top: 8px;
	}
	
	div.prodnavigation {
		width: 340px;
		padding-left: 14px;
	}
	
	div.checkoutbutton {
		width: 340px;
		float: left;
		padding-left: 12px;
	}
	
	div.allproddiscounts {
		width: 340px;
		padding-left: 14px;
	}
	
	div.prodoptions {
		width: 325px;
	}
	
	select.prodoption {
		width: 130px;
	}
	
	div.optiontext {
		min-width: 175px;
	}
	
	div.listprice {
		width: 340px;
	}
	
	div.prodprice {
		width: 340px;
	}
	
	div.prodcurrency {
		width: 340px;
	}
	
	div.addtocart {
		width: 340px;
	}
	
	div.pagenums {
		width: 340px;
	}
	
	.notifystock {
		width: 340px;
	}
	
	/*the detail page*/
	div.detailimage {
		float: none;
		/*margin: auto;*/
		text-align: center;
	}
	
	.detaillistprice {
		width:100%;
		float:none;
		text-align:center;
		margin-top:5px;
	}
	
	.detailid {
		width: 95%;
		padding-left: 8px;
	}
	
	.detailmanufacturer {
		width: 95%;
		padding-left: 8px;
	}
	
	.detailinstock {
		width: 100%;
	}
	
	.detailname {
		width: 100%;
		font-size: 14px;
		padding: 0px;
		margin: 0px;
	}
	
	.detaildiscounts {
		width: 100%;
	}
	
	div.detailprice {
		width: 100%;
	}
	
	img.giantimage {
		width: 100%;
	}
	
	div.detailcurrency {
		width: 100%;
	}
	
	.detailprodoption {
	}
	
	div.detailoptiontext {
		min-width: 240px;
	}
	
	div.detailoptions {
		width: 100%;
		padding-left: 10px;
		float: left;
	}
	
	div.review {
		width: 100%;
		padding-left: 16px;
	}
	
	div.detaildescription {
		width: 100%;
		padding:auto;
	}
	
	.previousnext {
		width: 100%;
	}
	
	div.emailfriend {
		width: 100%;
	}
	
	div.detailquantity {
		width: 400px;
	}
	
	div.detailquantitytext {
		width: 180px;
	}
	
	div.detailquantityinput {
		width: 200px;
	}
	
	div.detailaddtocart, .detailoutofstock {
		width: 100%;
	}
	
	.detailnotifystock {
		width: 100%;
	}
	div.catname{
	width: auto;
	padding: 0px;
	}
	img.catimage {
	max-width: 99%;
}

	div.category {
		width: 49%;
		text-align: center;
		margin-left: 0px;
	}
	.gsvpricebox{
		width:100%;
		text-align:center;
	}
	.gsvvat {
	width:100%;
    color: #F00;
    font-size: 14px;
    padding-bottom: 10px;
	float:none;
	clear:both;
    }
	div.listprice{
		width:100%;
	}
	div.prodprice{
		width:100%;
	}
	div.prodimage {
	padding-top: 6px;
	margin: 0px;
	text-align: center;
	background: #FFFFFF;
	height: auto;
    }
	img.prodimage{
	  display: inline;
      transform: none;
      top: auto;
      left: auto;
    }
}

/* This is the third breakpoint and is for smartphones. 
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: 400px) {
	ul, ol, dl {
		padding: 0;
		margin: 10px;
		list-style-position: inside;
	}
	img.detailimage{
 max-width: 100% !important;
}
	.header {
		height: 90px;
		background: #EDEDED;
	}
	
	/* ~~top links~~ */
	#left {
		display: none;
	}
	
	#right {
		display: none;
	}
	
	.topnav a {
		padding: 0 5px;
	}
	
	/* ~~ Content ~~*/
	#center {
		width: 95%;
		padding: 0px;
	}
	
	.container {
		width: 100%;
	}
	
	/* ~~ Search properties ~~*/
	div.topsearch {
		padding-right: 10px;
		padding-top: 16px;
		padding-left: 6px;
	}
	img.catimage {
	      max-width: 99%;
    }
	input.search {
		width: 210px;
	}
	
	li {
		margin-left: 5px;
	}
	
	div.nosearchresults {
		width: 300px;
	}
	
	/* ~~ Remove elements ~~*/
	.topheader {
		display: none;
	}
	
	.recentfooter {
		display: none;
	}
	
	.techImage {
		width: 300px;
	}
	
	#menu {
		display: none;
	}
	
	#container {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	div.hometop1 {
		display: none;
	}
	
	/* ~~ Remove left hand cart column ~~*/
	.cobcol1 {
		display: none;
	}
	
	/* ~~ Modify additional info field on checkout ~~*/
	textarea.addinfo {
		width: 150px;
	}
	
	/* ~~ Content ~~*/
	.content {
		width: 100%;
	}
	
	/*Home page products*/
	div.hometop {
		width: 300px;
	}
	
	div.prod1 {
		width: 290px;
		padding: 6px;
		float: left;
	}
	
	div.prodblurb {
		width: 164px;
	}
	
	div.prod2 {
		width: 290px;
		padding: 6px;
		float: left;
	}
	
	div.prod3 {
		width: 290px;
		padding: 6px;
		float: left;
	}
	
	div.prod4 {
		width: 290px;
		padding: 6px;
		float: left;
	}
	
	/*the footer*/
	div.footer1 {
		width: 280px;
		margin: 0 auto;
	}
	
	div.fb {
		display: none;
	}
	
	div.copy {
		display: none;
	}
	
	.foo2 {
		width: 128px;
		padding: 0 2px 4px 4px;
	}
	
	.foo3 {
		width: 142px;
		padding: 0 2px 2px 6px;
		border: none;
	}
	
	p.foothead {
		padding: 0px;
	}
	
	/*the product page*/
	div.prodfilter {
		display: none;
	}
	
	div.prodnavigation {
		width: 190px;
	}
	
	div.checkoutbutton {
		width: 290px;
		float: left;
		margin-left: 6px;
	}
	
	div.allproddiscounts {
		font-size: 1em;
		width: 290px;
		margin-left: 4px;
	}
	
	div.prodnavigation {
		width: 100%;
		padding-left: 14px;
	}
	
	div.prodoptions {
		width: 292px;
	}
	
	select.prodoption {
		width: 130px;
	}
	
	div.optiontext {
	}
	
	div.listprice {
		width: 236px;
	}
	
	div.prodprice {
		width: 292px;
	}
	
	div.prodcurrency {
		width: 292px;
	}
	
	div.addtocart {
		width: 292px;
	}
	
	.notifystock {
		width: 292px;
	}
	
	div.pagenums {
		width: 292px;
		padding: 2px;
	}
	
	/*the detail page*/
	div.detailimage {
		width: 292px;
		padding: 6px;
		margin: auto;
		max-width: 100%;
	}
	
	img.giantimage {
		width: 100%;
	}
	
	.detailid {
		width: 292px;
		margin-left: 10px;
	}
	
	.detailmanufacturer {
		width: 292px;
	}
	
	.detailinstock {
		width: 292px;
	}
	
	.detailname {
		width: 100%;
		font-size: 12px;
		padding: 0px;
		margin: 0px;
	}
	
	.detaildiscounts {
		width:100%;
	}
	
	.detaillistprice {
		width:100%;
		float:none;
		text-align:center;
		margin-top:5px;
	}
	
	div.detailprice {
		width:100%;
	}
	
	div.detailcurrency {
		width: 292px;
	}
	
	div.detailoptions {
		width:100%;
		padding-left: 6px;
	}
	
	.detailoptiontext {
		width: 140px;
	}
	
	select.detailprodoption {
		width: 118px;
	}
	
	div.review {
		width: 278px;
		margin-left: 6px;
	}
	
	.previousnext {
		width: 292px;
	}
	
	div.emailfriend {
		display: none;
	}
	
	div.detailquantity {
		width: 192px;
	}
	
	div.detailquantitytext {
		width: 120px;
	}
	
	div.detailquantityinput {
		width: 40px;
	}
	
	div.detaildescription {
		width: 100%;
	}
	
	div.detailaddtocart, .detailoutofstock {
		width: 100%;
	}
	
	.detailnotifystock {
		width: 292px;
	}
	
	p.cstitle {
		float: left;
		width: 292px;
	}
	
	.csproduct {
		float: left;
		width: 292px;
	}
	
	/*the category page*/
	div.category {
		width: 100%;
	}
	
	.brochuretext {
		height: 54px;
	}
	.gsvpricebox{
		width:100%;
		text-align:center;
	}
	.gsvvat {
	width:100%;
    color: #F00;
    font-size: 14px;
    padding-bottom: 10px;
}
	div.listprice{
		width:100%;
	}
	div.prodprice{
		width:100%;
	}
	div.prodimage {
	padding-top: 6px;
	text-align: center;
	background: #FFFFFF;
	height: auto;
	margin: 0px;
    }
	img.prodimage{
	  display: inline;
      transform: none;
      top: auto;
      left: auto;
    }
}
