/* Shopping cart classes  for Premium Layout #3
----------------------------------------------------------------------------------------------------*/
/*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:98%;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{float:left;padding-top:10px}
div.minicartoneline2{float:left;padding-top:12px}
div.minicartoneline3{float:left;padding-top:12px}
div.minicartoneline3 a.mincart{color:#ccc}
/*mini drop down cart*/
.ectdp_minicartopen img{display:none;}
.ectdp_minicartmainwrapper{color:#333;background:#555;font-size:14px;}
.ectdp_minicartopen{padding-top:10px;}
.ectdp_minicartopen a{color:#ccc}
.ectdp_minicartopen a:hover{color:#006aba}
/*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:#006aba;
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 #006aba;
margin:0 auto;
margin-top:20px
}
div.detailqpheading{
background:#006aba;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}
/*Internal store naviagtion*/
a.ectlink:link {
color: #006aba;
text-decoration: none;
}
a.ectlink:visited {
color: #006aba;
text-decoration: none;
}
a.ectlink:active {
color: #006aba;
text-decoration: none;
}
a.ectlink:hover {
color: #666;
text-decoration: none;
}
/*Button and form field styles*/
input.ectbutton{
background:#555;
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:#006aba;
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:#006aba}
.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:39%;
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:right;
width:60%;
text-align:left;
}
div.qbuywrapper div.proddescription{
float:right;
width:60%;
text-align:left;
}
div.qbuywrapper div.prodrating{
float:right;
width:60%;
text-align:left;
}
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.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:2px 0px; 
}
div.ectpatgrp{
border-bottom: 1px solid #ccc;
margin-bottom:8px;
padding:0px 2px 12px 2px;
font-size:0.9em;
}
div.ectpattitle{
margin-bottom:2px;
font-size:1em;
}
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 cross selling 
-------------------------------------*/
div.csproduct {
width: 23%;
min-height: 260px;
display: inline-block;
vertical-align: top;
margin: 6px;
padding:6px;
background:#fff;
}
div.csprodimage{
min-height: 180px;
display:flex;
align-items:center;
justify-content:center;
margin: 2px;
padding:6px;
width:100%;
}
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:98%;
float:left;
font-size: 1em;
margin:2px 0px;
font-size: 0.9em;
}
div.csprodprice{
float:left;
width:98%;
margin:2px 0px;
}
div.csprodcurrency{
float:left;
width:98%;
font-size: 0.8em;
color:#666;
margin:0px;
}
div.csdetaillink{
float:left;
width:49%;
text-align:right;
padding:0px;
margin:10px 1px 0px 0px;
}
div.csqbuybutton{
float:left;
width:50%;
text-align:left;
padding:0px;
margin:10px 0px 0px 1px;
}
input.csdetaillink{
width:98%;
text-align:center;
padding:12px 6px;
margin:0px;
background:#888;
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; 
font-size:16px;
}
input.csdetaillink: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: 32%;
min-height: 230px;
display: inline-block;
vertical-align: top;
margin: 2px;
padding:6px 6px 4px 6px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:2px solid #fff;
}
div.product:hover{
border-bottom:2px solid #5270AE;
}
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.8em;
}
div.allproddiscounts{
color:#DA6A1E;
width:98%;
margin:4px 0px;
float:left;
}
.proddiscounts, .discountsapply{
color:#DA6A1E;
width:98%;
margin:4px 0px;
float:left;
}
div.prodmanufacturer{
width:98%;
margin:4px 0px;
float:left;
}
div.prodsku{
width:98%;
margin:4px 0px;
float:left;
}
div.prodimage{
padding: 6px;
text-align:center;
}
div.prodimage:hover{
}
img.prodimage{
max-width:100%;
max-height:130px;
}
div.prodname{
padding-top:6px;
font-size: 1.2em;
margin:4px 0px;
float:left;
width:98%
}
div.prodinstock{
margin:4px 0px;
width:98%;
float:left;
}
div.proddescription{
margin:4px 0px;
float:left;
font-size: 0.9em;
line-height: 1.5em;
width:98%;
}
div.prodoptions{
float:left;
width:98%;
}
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
}
input.prodoption, textarea.prodoption{
border:1px solid #ccc;
padding:4px;
border-radius:3px;
}
div.listprice{
width:98%;
float:left;
font-size: 0.9em;
margin:4px 0px;
}
span.yousave{
background:#0065A7;
color:#fff;
margin:4px 0px;
font-size:0.9em;
}
div.prodprice{
float:left;
width:98%;
margin:4px 0px;
font-size:1.3em;
}
div.prodrating{
float:left;
width:98%;
margin:4px 0px;
}
div.prodcurrency{
float:left;
width:98%;
font-size: 0.8em;
color:#666;
margin:4px 0px;
}
div.addtocart{
float:left;
margin:4px 0px;
width:98%;
}
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:98%;
margin:4px 0px;
}
div.configbutton{
float:left;
width:98%;
margin:4px 0px;
}
div.outofstock{
text-align:center;
margin:4px 0px;
font-weight:bold;
width:98%;
}
div.prodid {
width:98%;
margin:4px 0px;
float:left;
}
div.proddateadded {
width:98%;
margin:4px 0px;
float:left;
}
div.proddateaddedlabel{
float:left;
}
div.proddateaddeddate{
float:left;
margin-left:4px;
}
div.multioptiontext{
width:200px;
font-size:1em;
}
div.detaillink{
float:left;
width:49%;
text-align:center;
padding:0px;
margin:10px 1px 0px 0px;
}
div.qbuybutton{
float:left;
width:49%;
text-align:center;
padding:0px;
margin:10px 0px 0px 1px;
}
input.detaillink, input.qbuybutton{
float:left;
width:100%;
text-align:center;
padding:6px;
margin:0px;
background:#555;
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:#888;
}
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);
border:0;
}
div.pagenums{
text-align:center;
float:left;
margin:4px 0px;
}
p.cstitle{
float:left;
width:97%;
padding:4px 6px;
border:1px solid #ddd;
background:#efefef;
border-radius:4px;
font-size:1.3em;
margin-bottom:6px;
}
/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
width:98%;
margin:5px;
background:#fff;
border-bottom:1px solid #eee;
}
div.detailimage{
width:30%;
padding:10px;
float:left;
min-height:180px;
} 
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:98%;
}
div.detailreviewstars{
float:left;
width:28%;
margin:5px 6px;
text-align:right;
}
span.detaildiscountsapply{
margin:1px 5px;
float:left;
width:98%;
color:#EA8626;
}
div.detaildiscounts{
width:98%;
margin:1px 5px;
float:left;
color:#EA8626;
}
div.detailinstock{
float:left;
width:35%;
margin:5px;
font-size: 1.2em;
}
div.detailmanufacturer{
float:left;
width:65%;
margin:2px 5px;
color:#666;
padding:0px;
}
div.detailid {
width:65%;
float:left;
margin:2px 5px;
color:#666;
}
div.detailsku{
float:left;
width:65%;
margin:2px 5px;
color:#666;
}
div.detaildateadded {
width:65%;
float:left;
margin:2px 5px;
color:#666;
}
div.detaildateaddedlabel{
float:left;
}
div.detaildateaddeddate{
float:left;
margin-left:4px;
}
div.detailprice{
font-size: 1.5em;
font-weight:bold;
float:left;
display:inline-block;
margin:5px 0px 0px 10px;
clear:left;
}
div.detaillistprice{
float:left;
display:inline-blocK
color:#DA6A1E;
margin:5px;
font-size: 1.5em;
}
div.detailcurrency{
font-size: 0.8em;
float:left;
width:98%;
color:#666;
margin:0px 10px;
}
div.detailshortdescription{
font-size: 0.9em;
margin:5px;
padding:8px;
line-height:1.8em;
float:left;
width:65%;
background:#f7f7f7;
border-radius:4px;
border:1px solid #ddd;
}
div.detailshortdescription p{
padding:0px;
}
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:59%;
margin:5px;
border: 1px solid #eee;
padding:4px;
}
div.detailoptiontext{
float:left;
margin:13px 1px 0px 0px;
min-width:120px;
font-size:1.2em
}
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;
}
input.detailprodoption, textarea.detailprodoption{
border:1px solid #ccc;
padding:4px;
border-radius:3px;
}
div.detailmultioptiontext{
padding: 4px;
}
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 9px;
clear:left;
}
div.detailquantitytext{
float:left;
padding:0px 10px;
margin-top:10px;
display:none;
}
div.detailquantity1div{
margin:7px 30px 6px 0px;
} 
div.detailquantity2div{
margin:0px 3px 6px 0px;
line-height:1em;
} 
input.detailquantity0input{
border:1px solid #ccc;
padding:5px 20px;
margin:3px 16px 0px 2px;
}
div.detailaddtocart{
float:left;
text-align:left;
margin-top:9px;
width:40%;
}
input.detailbuybutton{
width:100%;
padding:6px 4px;
font-size:16px;
margin-top:3px;
}
div.detailoutofstock{
font-size: 1.4em;
float:right;
width:53%;
text-align:left;
padding:10px 0px;
}
div.detailnotifystock{
font-size: 1.4em;
padding-top:16px;
float:right;
width:53%;
}
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%;
}
/*This is the first breakpoint and contains styles for screens 1200px to 870px*/
@media screen and (max-width: 1200px) {
div.detailaddtocart{
width:30%;
}
div.detailoption{
float:left;
width:51%;
}
}
/*This is the second breakpoint and contains styles for screens 870px to 800px*/
@media screen and (max-width: 870px) {
div.csproduct {
width: 46%;
}
div.product{
width:46%;
}
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.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.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.product{
width:98%;
}
}
/*This is the fifth breakpoint and contains styles for screens 500px to 440px*/
@media screen and (max-width: 500px) {
div.csproduct {
width: 96%;
}
div.qbuywrapper div.prodimage{
width:98%;
}
div.qbuywrapper div.prodname{
float:left;
width:98%;
}
div.qbuywrapper div.prodid{
float:left;
width:98%;
}
div.qbuywrapper div.prodsku{
float:left;
width:98%;
}
div.qbuywrapper div.prodmanufacturer{
float:left;
width:98%;
}
div.qbuywrapper div.proddiscounts{
float:left;
width:98%;
}
div.qbuywrapper span.discountsapply{
float:left;
width:98%;
}
div.qbuywrapper div.proddateadded{
float:left;
width:98%;
}
div.qbuywrapper div.prodinstock{
float:left;
width:98%;
}
div.qbuywrapper div.proddescription{
float:left;
width:98%;
}
div.qbuywrapper div.prodrating{
float:left;
width:98%;
}
div.qbuywrapper div.prodminquant{
float:left;
width:98%;
}
div.qbuywrapper div.prodoptions{
float:left;
width:98%;
}
div.qbuywrapper div.prodprice{
float:left;
width:98%;
}
div.qbuywrapper div.listprice{
float:left;
width:98%;
}
div.qbuywrapper div.prodcurrency{
float:left;
width:98%;
margin:0px
}
div.qbuywrapper div.addtocart{
float:left;
width:98%;
}
div.qbuywrapper div.addtocart input.buybutton{
width:100%;
padding:8px;
}
div.qbuywrapper div.detaillink{
float:left;
width:98%;
}
div.qbuywrapper a.detaillink{
width:50%;
float:right;
}
div.detailoptiontext{
float:left;
margin:18px 0px 10px 0px;
width:98%;
font-size:1.2em
}
div.detailoption{
width:98%;
}
}
/*This is the sixth breakpoint and contains styles for screens 440px to 360px*/
@media all and (max-width:440px){
div.detailaddtocart{
width:60%;
}
div.detailprice{
width:98%;
margin-left:5px;
}
div.detaillistprice::before { 
content: " ";
}
div.detailcurrency{
margin:0px 5px;
}
div.detaillistprice{
float:left;
width:98%;
margin-left:5px;
}
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%;
}
}