/* Shopping cart classes for Premium Layout #1
----------------------------------------------------------------------------------------------------*/
/*mini newsletter*/
div.minimailsignup{background:#fff;margin:4px auto;padding:0px;width:98%;}
label.minimailsignup{width:98%;padding:2px;}
input.minimailsignup[type="text"]{-webkit-appearance: none;font-size:12px;padding:4px;border:solid 1px #ccc;width:94%;margin:2px;}
input.minimailsubmit{margin:6px;}
/*minicart*/
div.minicart{background:#fff;margin:4px auto;width:98%;padding:0px;}
div.minicartcnt{text-align:center;padding:4px;font:normal 13px Arial, sans-serif;background-color:#fff;}
span.minicartdsc{text-align:center;font:normal 12px Arial, sans-serif;color:#ff6600;}
/*one line mini login*/
div.minicartoneline1{font-size:12px;float:left;}
div.minicartoneline2{font-size:12px;float:left;padding-top:2px}
div.minicartoneline3{font-size:12px;float:left;padding-top:2px}
/*mini drop down cart*/
.ectdp_minicartopen img{display:none;}
.ectdp_minicartmainwrapper{color:#000;background:#f7f7f7;font-size:16px;padding-top:1px;font-family: 'Exo 2', Arial, Helvetica, sans-serif;}
.ectdp_minicartopen{background:#f7f7f7;padding-top:0px;}
.ectdp_minicartcontainer{background:#f7f7f7;}
/*recent view*/
div.recentview{width:100%;}
div.recentviewheader{display:none}
div.recentviewline{width:100%;border-bottom:1px solid #ccc;padding-bottom:6px;}
img.recentviewimage{max-width:75%;margin-top:8px;}
div.recentviewname{margin-top:8px;float:left;width:60%;}
div.recentviewimage{overflow:auto;width:40%;}
/*email a friend - ask a question*/
.emfhl{
background:#544A4A;
color:#fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
font-family:FontAwesome, sans-serif
}
/* Quantity Pricing */
div.detailquantpricingwrap{
border:1px solid #544A4A;
margin:0 auto;
margin-top:20px
}
div.detailqpheading{
background:#544A4A;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}
/*Internal store naviagtion*/
a.ectlink:link {
color: #544A4A;
text-decoration: none;
}
a.ectlink:visited {
color: #544A4A;
text-decoration: none;
}
a.ectlink:active {
color: #544A4A;
text-decoration: none;
}
a.ectlink:hover {
color: #EB8830;
text-decoration: none;
}
/*Button and form field styles*/
input.ectbutton{
background:#3E4A7E;
color:#fff;
padding:4px 12px;
border:0;
border-radius:4px;
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
font-family:FontAwesome, sans-serif
}
input.ectbutton:hover{
background:#ddd;
color:#000;
cursor:pointer;
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
font-family:FontAwesome, sans-serif
}
input.previmg, input.nextimg, input.detailprevimg, input.detailnextimg{
border-radius:4px;
border:1px solid #ccc;
background:#fff;
margin:4px;
font-size:11px;
cursor:pointer;
color:#544A4A;
padding:4px;
}
input.previmg:hover, input.nextimg:hover, input.detailprevimg:hover, input.detailnextimg:hover{
color:#000;
border:1px solid #666;
}
/*Thanks page*/
.receiptbody{background-color:#fff;}
.receiptoption{background-color:#fefefe;}
.receipthr{height:0;border-width:1px 0 0 0;border-style:solid;border-color:#544A4A}
.receipthl{background-color:#eee;padding:8px;}
.receiptheading{background-color:#bbb;color:#fff;font-weight:bold;padding:8px}
/* Quick Buy settings 
-------------------------------------*/
div.qbuywrapper div.prodimage{
width:38%;
float:left;
padding:4px;
}
div.qbuywrapper div.prodname{
float:right;
width:60%;
border-bottom:1px solid #ccc;
font-size:1.3em;
text-align:left;
}
div.qbuywrapper div.prodid{
float:right;
width:60%;
text-align:left;
}
div.qbuywrapper div.prodsku{
float:right;
width:60%;
text-align:left;
}
div.qbuywrapper div.prodmanufacturer{
float:right;
width:60%;
text-align:left;
}
div.qbuywrapper div.proddiscounts{
float:right;
width:60%;
text-align:left;
}
div.qbuywrapper span.discountsapply{
float:right;
width:60%;
text-align:left;
}
div.qbuywrapper div.proddateadded{
float:right;
width:60%;
text-align:left;
}
div.qbuywrapper div.prodinstock{
float:left;
width:28%;
text-align:left;
margin-left:12px
}
div.qbuywrapper div.proddescription{
float:right;
width:60%;
text-align:left;
}
div.qbuywrapper div.prodrating{
float:left;
width:30%;
text-align:right;
}
div.qbuywrapper div.prodminquant{
float:right;
width:60%;
text-align:left;
}
div.qbuywrapper div.prodoptions{
float:right;
width:60%;
text-align:left;
}
div.qbuywrapper div.csprodoptions{
float:right;
width:60%;
text-align:left;
}
div.qbuywrapper div.optiontext{
float:left;
width:100%;
text-align:left;
margin:6px 0px;
font-size:1.2em;
}
div.qbuywrapper div.option{
float:left;
width:98%;
text-align:left;
margin:0px 10px;
}
div.qbuywrapper div.prodprice{
float:right;
width:60%;
font-size:1.4em;
text-align:left;
}
div.qbuywrapper div.listprice{
float:right;
width:60%;
text-align:left;
font-size:1.2em;
margin:8px 0px 0px 0px
}
div.qbuywrapper div.prodcurrency{
float:right;
width:60%;
margin:0px;
text-align:left;
}
div.qbuywrapper div.addtocart{
float:right;
width:60%;
}
div.qbuywrapper div.addtocart input.buybutton{
width:100%;
padding:8px;
}
div.qbuywrapper div.detaillink{
float:right;
width:60%;
margin:0px;
}
div.qbuywrapper input.detaillink{
width:50%;
float:right;
}
/*Product filter side bar*/
div.moreattributes{
background: rgba(184,184,184, .8);
color:#000;
font-size:12px;
font-weight:bold;
padding:1px;
border:1px solid #999;
}
div.ectpacount{
font-size:0.9em;
color:#666;
}
div.ectpat{
padding:4px 0px; 
}
div.ectpatgrp{
border-bottom: 1px solid #ccc;
margin-bottom:12px;
padding:6px;
}
div.ectpattitle{
margin-bottom:6px;
font-size:1.2em;
}
select.sidefilter { 
display: block; 
padding: 10px 40px 10px 13px; 
width: 100%; 
height: auto; 
border: 1px solid #ccc; 
border-radius: 3px; 
background: url("../images/select-menu-arrow.png") right center no-repeat; 
background-color: #fff; 
color: #444444; 
font-size: 12px; 
line-height: 16px; 
appearance: none; 
-webkit-appearance: none; 
-moz-appearance: none; } 
select.sidefilter option{ padding: 0 4px; } 
select.sidefilter::-ms-expand { display: none; } 
select:disabled.sidefilter::-ms-expand { background: #f60; }
.sidefiltergo{
border: 1px solid #ccc; 
border-radius: 3px; 
padding:6px
}
div.ectpatgrp input[type="text"] {
border: 1px solid #ccc; 
border-radius: 3px; 
padding:6px
}
/* Home page recommended cross selling 
-------------------------------------*/
div.csproduct {
width: 48%;
min-height: 260px;
display: inline-block;
vertical-align: top;
margin: 2px;
padding:6px;
}
div.csprodimage{
min-height: 180px;
display:flex;
align-items:center;
justify-content:center;
margin: 2px;
padding:6px;
border:1px solid #ccc;
width:100%;
}
div.csprodimage:hover{
border:1px solid #a3a3c4;
}
img.csprodimage{
max-width:100%;
height:auto;
}
div.csprodname{
padding-top:6px;
font-size: 1.2em;
margin:4px 0px;
float:left;
width:98%
}
div.csprodinstock{
margin:4px 0px;
width:48%;
float:left;
}
.prodratinglink{
font-size:0.9em;
}
div.csprodrating{
float:left;
width:50%;
margin:4px 0px;
text-align:right;
}
div.cslistprice{
width:52%;
float:left;
font-size: 1em;
margin:2px 0px;
text-align:right;
}
div.csprodprice{
float:left;
width:98%;
margin:2px 0px;
font-size:1.1em;
}
div.csprodcurrency{
float:left;
width:98%;
font-size: 0.8em;
color:#666;
margin:0px;
}
div.csdetaillink{
float:left;
width:49%;
text-align:center;
padding:0px;
margin:10px 1px 0px 0px;
}
div.csqbuybutton{
float:left;
width:49%;
text-align:center;
padding:0px;
margin:10px 0px 0px 1px;
}
input.csdetaillink{
float:left;
width:100%;
text-align:center;
padding:6px;
margin:0px;
background:#5270AE;
border:0px;
color:#fff;
border:0;
border-radius:4px;
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
font-family: FontAwesome, sans-serif; 
}
input.csdetaillink{
background:#5270AE;
}
input.csdetaillink:hover{
background:#ddd;
color:#000;
cursor:pointer;
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}
/* Right best sellers cross selling 
-------------------------------------*/
div.bcsproduct {
width: 98%;
min-height: 20px;
display: inline-block;
vertical-align: top;
margin: 2px;
padding:6px;
}
div.bcsprodimage{
min-height: 20px;
display: inline-block;
vertical-align: top;
margin: 2px;
padding:6px;
width:100%;
}
img.bcsprodimage{
max-width:100%;
height:auto;
}
div.bcsprodname{
padding-top:6px;
font-size: 1.2em;
margin:4px 0px;
width:98%
}
div.bcsprodinstock{
margin:4px 0px;
width:98%;
}
.prodratinglink{
font-size:0.9em;
}
div.bcsprodrating{
width:98%;
margin:4px 0px;
}
div.bcslistprice{
width:98%;
font-size: 1em;
margin:2px 0px;
}
div.bcsprodprice{
width:98%;
margin:2px 0px;
font-size:1.1em;
}
div.bcsprodcurrency{
width:98%;
font-size: 0.8em;
color:#666;
margin:0px;
}
div.bcsdetaillink{
width:98%;
text-align:center;
padding:0px;
margin:2px 1px 0px 0px;
}
div.bcsqbuybutton{
width:98%;
text-align:center;
padding:0px 0px 20px 0px;
margin:2px 0px 0px 0px;
}
input.bcsdetaillink{
width:100%;
text-align:center;
padding:6px;
margin:0px;
background:#5270AE;
border:0px;
color:#fff;
border:0;
border-radius:4px;
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
font-family: FontAwesome, sans-serif; 
}
input.bcsdetaillink{
background:#4793c6;
}
input.bcsdetaillink:hover{
background:#ddd;
color:#000;
cursor:pointer;
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}
/* The category page 
-------------------------------------*/
div.category{
width: 46%;
min-height: 170px;
display: inline-block;
vertical-align: top;
margin: 2px;
border:1px solid #ccc;
}
div.category:hover{
border: 1px solid #B61818;
}
div.categorymessage{
display:none;  /* Removes the text "Please click on a category */
}
div.catnavigation{
padding:10px 0px 10px 12px;
float:left;
width:98%;
border-bottom: 1px solid #ccc;
margin-bottom:10px;
}
.catnavwrapper{
background:#fff;
border: 1px solid #fff;
}
div.navdesc{
display:none; /* Removes the text "View all products in all categories */
}
div.catimage{
width:26%;
float:left;
padding:4px;
}
img.catimage{
max-width:100%;
height:auto;
}
div.catdesc{
margin:4px 8px;
float:left;
width:66%;
}
div.catname{
margin:4px 8px;
font-size:1.2em;
float:left;
width:66%;
}
div.catdiscounts, div.allcatdiscounts{
padding:0px;
margin:0px;
font-weight:normal;
color:#DA6B1D;
font-size:0.9em;
}
p.noproducts{
margin-top:8px;
width:100%;
float:left;
}
/* The products page 
-------------------------------------*/
div.prodfilter{
float:left;
padding:2px;
margin-bottom:4px;
}
div.prodfilterbar{
float:left;
width:98%;
margin-bottom:14px;
}
div.filtertext{
padding:17px 6px;
}
input.prodfilter{
padding:8px;
border: 1px solid #ccc;
border-radius: 3px; 
}
select.prodfilter, select.prodoption { 
display: block; 
padding: 10px 40px 10px 13px; 
max-width: 100%; 
height: auto; 
border: 1px solid #ccc; 
border-radius: 3px; 
background: url("../images/select-menu-arrow.png") right center no-repeat; 
background-color: #fff; 
color: #444444; 
font-size: 12px; 
line-height: 16px; 
appearance: none; 
-webkit-appearance: none; 
-moz-appearance: none; } 
select.prodfilter option { padding: 0 4px; } 
select.prodfilter::-ms-expand { display: none; } 
select:disabled.prodfilter::-ms-expand { background: #f60; }
select.prodoption option { padding: 0 4px; } 
select.prodoption::-ms-expand { display: none; } 
select:disabled.prodoption::-ms-expand { background: #f60; }
div.product {
width: 48%;
min-height: 220px;
display: inline-block;
vertical-align: top;
margin: 4px;
padding:6px 6px 0px 6px;
border:1px solid #eee;
}
div.product:hover{
border:1px solid #ccc;
}
div.prodnavigation{
padding:10px 0px 10px 12px;
float:left;
width:98%;
font-size:0.9em;
border-bottom: 1px solid #ccc;
margin-bottom:10px;
}
div.checkoutbutton{
float:left;
width:98%;
text-align:right;
margin-bottom:12px;
}
.prodratinglink{
font-size:0.9em;
}
div.allproddiscounts{
color:#DA6A1E;
width:48%;
margin:2px 0px;
float:left;
}
.proddiscounts, .discountsapply{
color:#DA6A1E;
width:48%;
margin:2px 0px;
float:left;
}
div.prodmanufacturer{
width:48%;
margin:2px 0px;
float:left;
}
div.prodsku{
width:48%;
margin:2px 0px;
float:left;
}
div.prodimage{
padding: 4px;
float:left;
width:48%;
min-height:180px;
}
img.prodimage{
max-width:100%;
height:auto;
}
div.prodname{
font-size: 1.1em;
margin:4px 0px;
float:left;
width:48%
}
div.prodinstock{
margin:2px 0px;
width:48%;
float:left;
}
div.proddescription{
margin:4px 0px;
float:left;
font-size: 0.9em;
line-height: 1.5em;
width:48%;
}
div.prodoptions{
float:left;
width:48%;
}
div.optiontext{
margin:4px 0px;
width:98%
}
div.option{
margin:4px 0px;
}
select.prodoption{
width:98%;
}
div.option input[type="radio"] {
margin-top: -2px;
margin-right:6px
}
div.listprice{
width:48%;
float:left;
font-size: 0.9em;
margin:2px 0px;
}
span.yousave{
background:#0065A7;
color:#fff;
margin:4px 0px;
font-size:0.9em;
}
div.prodprice{
float:left;
width:48%;
margin:4px 0px;
font-size:1.2em;
}
div.prodrating{
float:left;
width:48%;
margin:2px 0px;
}
div.prodcurrency{
float:left;
width:48%;
font-size: 0.8em;
color:#666;
margin:2px 0px;
}
div.addtocart{
float:left;
margin:2px 0px;
width:48%;
}
div.quantity0div, div.quantity1div, div.quantity2div{
float:left;
display:inline-block;
margin:4px 6px 0px 0px;
}
input.quantity0input{
border:1px solid #ccc;
padding:4px 4px 3px 4px;
}
div.notifystock{
float:left;
width:48%;
margin:2px 0px;
}
div.configbutton{
float:left;
width:48%;
margin:2px 0px;
}
div.outofstock{
text-align:center;
margin:2px 0px;
font-weight:bold;
width:48%;
}
div.prodid {
width:48%;
margin:2px 0px;
float:left;
}
div.proddateadded {
width:48%;
margin:2px 0px;
float:left;
}
div.proddateaddedlabel{
float:left;
}
div.proddateaddeddate{
float:left;
margin-left:4px;
}
div.multioptiontext{
width:180px;
}
div.detaillink{
float:left;
width:48%;
text-align:center;
padding:0px;
margin:4px 1px 0px 0px;
}
div.qbuybutton{
float:left;
width:48%;
text-align:center;
padding:0px;
margin:4px 0px 0px 0px;
}
input.detaillink, input.qbuybutton{
float:left;
width:100%;
text-align:center;
padding:6px;
margin:0px;
background:#E97D19;
border:0px;
color:#fff;
border:0;
border-radius:4px;
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
font-family: FontAwesome, sans-serif; 
}
input.detaillink{
background:#5270AE;
}
input.detaillink:hover, input.qbuybutton:hover{
background:#ddd;
color:#000;
cursor:pointer;
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}
div.pagenums{
text-align:center;
float:left;
margin:4px 0px;
}
p.cstitle{
float:left;
width:97.5%;
padding:4px 6px;
font-size:1.2em;
margin-left:5px
}
/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
width:98%;
margin:5px;
background:#fff;
border-bottom:1px solid #eee;
}
div.detailimage{
width:45%;
padding:10px;
float:left;
min-height:400px;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
} 
img.detailimage{
max-width:100%;
height:auto;
}
div.detailcheckoutbutton{
clear:both;
}
div.detailname h1 {
font-size: 1.8em;
margin:7px 0px 0px 3px;
float:left;
width:48%;
}
span.detaildiscountsapply{
margin:1px 5px;
float:left;
width:48%;
color:#EA8626;
}
div.detaildiscounts{
width:48%;
margin:1px 5px;
float:left;
color:#EA8626;
}
div.detailprice{
font-size: 1.3em;
font-weight:bold;
float:left;
width:22%;
margin:5px 0px 0px 6px;
}
div.detaillistprice{
float:right;
width:24%;
color:#DA6A1E;
margin:5px;
font-size: 1.3em;
text-align:right;
}
div.detailcurrency{
font-size: 0.8em;
float:left;
width:48%;
color:#666;
margin:0px 6px;
}
div.detailinstock{
float:left;
width:22%;
margin:10px 12px 10px 6px;
font-size: 1.2em;
}
div.detailreviewstars{
float:right;
width:22%;
margin:5px 6px;
text-align:right;
}
div.detailshortdescription{
font-size: 0.9em;
margin:5px;
padding:4px;
line-height:1.8em;
float:left;
width:48%;
background:#eee;
border-radius:4px;
}
div.detailshortdescription p{
padding:0px
}
div.detailmanufacturer{
float:left;
width:48%;
margin:5px;
color:#666;
}
div.detailid {
width:48%;
float:left;
margin:18px 5px 5px 5px;
color:#666;
}
div.detailsku{
float:left;
width:48%;
margin:5px;
color:#666;
}
div.detaildateadded {
width:48%;
float:left;
margin:5px;
color:#666;
}
div.detaildateaddedlabel{
float:left;
}
div.detaildateaddeddate{
float:left;
margin-left:4px;
}
div.detaildescription{
font-size: 0.9em;
margin:5px;
padding-top:4px;
line-height:1.8em;
float:left;
width:98%;
}
div.searchwords{
font-size: 0.9em;
margin:5px;
padding:4px;
line-height:1.8em;
float:left;
width:98%;
border:1px solid #eee;
}
div.detailoptions{
float:left;
width:48%;
margin:5px;
padding:4px;
}
div.detailoptiontext{
float:left;
margin:13px 1px 0px 0px;
min-width:120px;
}
div.detailoption{
float:left;
width:71%;
}
input.detailprodoption{
margin-right:6px;
}
select.detailprodoption { 
display: block; 
padding: 10px 70px 10px 13px; 
max-width: 100%; 
width:100%;
height: auto; 
border: 1px solid #ccc; 
border-radius: 3px; 
background: url("../images/select-menu-arrow.png") right center no-repeat; 
background-color: #fff; 
color: #444444; 
font-size: 12px; 
line-height: 16px; 
appearance: none; 
-webkit-appearance: none; 
-moz-appearance: none; } 
select.detailprodoption option { padding: 0 4px; } 
select.detailprodoption::-ms-expand { display: none; } 
select:disabled.detailprodoption::-ms-expand { background: #f60; }
.detailoption input[type="radio"] {
margin-top: -2px;
}
div.detailmultioptiontext{
padding: 4px;
clear:none;
}
input.multioption{
border:1px solid #ccc;
padding:4px;
}
div.previousnext{
margin:20px 0px;
float:left;
width:98%;
text-align:center;
font-size:0.9em;
}
div.detailquantity{
float:left;
margin: 12px 0px 0px 6px;
}
div.detailquantitytext{
float:left;
padding:0px 10px;
margin-top:10px;
display:none;
}
div.detailquantity1div{
margin:7px 30px 6px 0px;
} 
div.detailquantity2div{
margin:6px 3px 6px 0px;
} 
input.detailquantity0input{
border:1px solid #ccc;
padding:5px 20px;
margin:3px 16px 0px 2px;
}
div.detailaddtocart{
float:left;
text-align:left;
margin-top:16px;
width:37%;
}
input.detailbuybutton{
width:100%;
padding:7px 4px;
font-size:16px;
margin-top:2px;
}
div.detailoutofstock{
font-size: 1.4em;
float:right;
width:50%;
text-align:left;
padding:10px 0px;
}
div.detailnotifystock{
font-size: 1.4em;
padding-top:16px;
float:right;
width:50%;
}
div.review{
float:left;
margin-top:16px;
width:98%;
}
span.numreviews{
font-size:1.2em
}
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;
}
input.askaquestion, input.emailfriend{
background:#2868B2;
color:#fff;
height:21px;
border:0;
border-radius:4px;
font-size:12px;
cursor:pointer;
font-family:FontAwesome, sans-serif;
}
input.askaquestion:hover, input.emailfriend:hover{
background:#1BABF1;
}
div.socialmediabuttons{margin:10px 0px;background:#fff;width:98%;float:left}
div.socialmediabutton{float:left;display:inline-block;padding:6px;}
div.reltab{
width:100%;
float:left;
border: 1px solid #eee;
}
div.reltabimage{
float:left;
width:20%;
padding:4px;
clear:left;
}
img.reltabimage{
max-width:100%;
height:auto;
}
div.reltabname{
float:left;
width:80%;
margin-top:8px;
}
div.reltabdescription{
float:left;
width:80%;
}
@media screen and (max-width: 1200px) {
div.detailaddtocart{
width:30%;
}
div.detailoption{
float:left;
width:51%;
}
}
/*This is the first breakpoint and contains styles for screens 1024px to 870px*/
@media screen and (max-width: 1024px) {
div.csproduct {
width: 46%;
}
}
/*This is the second breakpoint and contains styles for screens 870px to 800px*/
@media screen and (max-width: 870px) {
div.product{
width:96%;
}
div.detailimage{
width:98%;
min-height:auto;
}
div.detailname h1 {
margin:1px 0px 0px 3px;
float:left;
width:98%;
}
span.detaildiscountsapply{
margin:1px 5px;
float:left;
width:98%;
}
div.detaildiscounts{
width:98%;
float:left;
}
div.detailprice{
width:46%;
margin:5px 0px 0px 5px;
}
div.detaillistprice{
width:46%;
}
div.detailcurrency{
float:left;
width:98%;
}
div.detailinstock{
width:46%;
margin:10px 12px 10px 5px;
}
div.detailreviewstars{
width:46%;
}
div.detailshortdescription{
float:left;
width:98%;
}
div.detailoptions{
float:left;
width:98%;
}
div.detailoption{
width:71%;
}
div.detailaddtocart{
width:70%;
}
div.detailmanufacturer{
float:left;
width:98%;
}
div.detailid {
width:98%;
float:left;
}
div.detailsku{
float:left;
width:98%;
}
div.detaildateadded {
width:98%;
float:left;
}
}
/*This is the third breakpoint and contains styles for screens 800px to 640px*/
@media screen and (max-width: 800px) {
div.product{
width:96%;
}
div.category{
width:95%;
height:auto;
}
div.filtertext{clear:both;}
div.socialfacebook{clear:left;}
}
/*This is the fourth breakpoint and contains styles for screens 640px to 500px*/
@media screen and (max-width: 640px) {
div.qbuywrapper {
width:90%;
border-right: 0px;
text-align:left;
}
div.qbuywrapper div.prodimage{
width:100%;
border-right: 0px;
text-align:left;
}
div.qbuywrapper div.prodname{
float:left;
width:96%;
margin-top:0px;
}
div.qbuywrapper div.prodid{
float:left;
width:66%;
margin-top:0px;
}
div.qbuywrapper div.prodsku{
float:left;
width:32%;
margin-top:0px;
}
div.qbuywrapper div.prodrating{
float:left;
width:48%;
}
div.qbuywrapper div.proddescription{
float:left;
width:96%;
}
div.qbuywrapper div.prodmanufacturer{
float:left;
width:96%;
}
div.qbuywrapper div.prodoptions{
float:left;
width:96%;
}
div.qbuywrapper div.csprodoptions{
float:left;
width:96%;
}
div.qbuywrapper div.optiontext{
float:left;
width:90%;
}
div.qbuywrapper div.option{
float:left;
width:80%;
}
div.qbuywrapper div.prodinstock{
float:left;
width:48%;
margin-left:0px;
}
div.qbuywrapper div.addtocart{
float:left;
width:98%;
}
div.qbuywrapper div.detaillink{
float:left;
width:98%;
}
div.qbuywrapper div.prodprice{
float:left;
width:96%;
}
div.qbuywrapper div.listprice{
float:left;
width:96%;
}
div.qbuywrapper div.prodcurrency{
float:left;
width:96%;
}
div.qbuywrapper div.prodminquant{
float:left;
width:96%;
} 
}
/*This is the fifth breakpoint and contains styles for screens 500px to 360px*/
@media screen and (max-width: 500px) {
div.csproduct {
width: 94%;
}
div.detailoptiontext{
float:left;
margin:18px 0px 10px 0px;
width:98%;
font-size:1.2em
}
div.detailoption{
width:98%;
}
}
@media all and (max-width:440px){
div.detailaddtocart{
width:40%;
}
div.detailprice{
width:98%;
}
div.detaillistprice{
float:left;
width:98%;
text-align:left;
}
div.detailinstock{
width:98%;
}
div.detailreviewstars{
float:left;
width:98%;
text-align:left;
}
}
/*This is the last breakpoint and contains styles for screens below 360px*/
@media screen and (max-width: 360px) {
div.category{
width:90%;
}
}