/* 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:90%;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:2px}
div.minicartoneline2{float:left;padding:2px}
div.minicartoneline3{float:left;padding:2px}

/*mini drop down cart*/
.ectdp_minicartopen img{display:none;}
.ectdp_minicartmainwrapper{background:#dbdbdb;font-size:14px;margin-top:2px}
.ectdp_minicartopen{padding-top:0px;}
.ectdp_minicartopen a{color:#333 !important}
.ectdp_minicartopen a:hover{color:#E87717 !important}

/*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:#E87717;
	color:#fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	font-family:FontAwesome, sans-serif
}

.cobtbl{
	background:#fff;
}

/* Quantity Pricing */
div.detailquantpricingwrap{
	border:1px solid #E87717;
	margin:0 auto;
	margin-top:20px
}

div.detailqpheading{
	background:#E87717;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

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

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

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

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

/*Button and form field styles*/
input.minimailsubmit,input.continueshopping,input.printversion,input.applycoupon,input.configbutton,input.reviewsubmit,input.efsend,input.efclose,input.cartaccountlogin,input.forgotpassword,input.newaccount,input.submit,input.cancel,input.createlist,input.trackinggo,input.logintoaccount,input.createaccount,input.gcsubmit,input.login, input.newaffiliate, input.affiliatelogin, input.search,input.buybutton, input.sccheckout, input.checkoutbutton, input.vieworderstatus, input.viewlicense, input.trackpackage, input.logout, input.editaffiliate,input.backacct,input.giftwrapsubmit,input.giftwrapcancel{
	background:#5270AE;
	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.minimailsubmit:hover,input.continueshopping:hover,input.printversion:hover,input.applycoupon:hover,input.configbutton:hover,input.reviewsubmit:hover,input.efsend:hover,input.efclose:hover,input.cartaccountlogin:hover,input.newaccount:hover,input.forgotpassword:hover,input.submit:hover,input.cancel:hover,input.createlist:hover,input.trackinggo:hover,input.logintoaccount:hover,input.createaccount:hover,input.gcsubmit:hover,input.login:hover, input.newaffiliate:hover, input.affiliatelogin:hover, input.search:hover,input.buybutton:hover, input.sccheckout:hover, input.checkoutbutton:hover, input.vieworderstatus:hover, input.viewlicense:hover, input.trackpackage:hover,input.logout:hover, input.editaffiliate:hover,input.backacct:hover,input.giftwrapsubmit:hover,input.giftwrapcancel: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:#E87717;
	padding:4px;
}

input.previmg:hover, input.nextimg:hover, input.detailprevimg:hover, input.detailnextimg:hover{
	color:#000;
	border:1px solid #666;
}

/* Quick Buy settings 
-------------------------------------*/

div.qbuywrapper div.prodimage{
	width:39%;
	float:left;
	padding:4px;
	border:none;
}

div.qbuywrapper div.prodname{
	float:right;
	width:58% !important;
	border-bottom:1px solid #ccc;
	font-size:1.3em;
	text-align:left;
}

div.qbuywrapper div.prodid{
	float:right;
	width:58% !important;
	text-align:left;
}

div.qbuywrapper div.prodsku{
	float:right;
	width:58% !important;
	text-align:left;
}

div.qbuywrapper div.prodmanufacturer{
	float:right;
	width:58% !important;
	text-align:left;
}

div.qbuywrapper div.proddiscounts{
	float:right;
	width:58% !important;
	text-align:left;
}

div.qbuywrapper span.discountsapply{
	float:right;
	width:58% !important;
	text-align:left;
}

div.qbuywrapper div.proddateadded{
	float:right;
	width:58% !important;
	text-align:left;
}

div.qbuywrapper div.prodinstock{
	float:left;
	width:29% !important;
	text-align:left;
	margin-left:18px !important;
}

div.qbuywrapper div.proddescription{
	float:right;
	width:58% !important;
	text-align:left;
}

div.qbuywrapper div.prodrating{
	float:left;
	width:28% !important;
	text-align:right;
}

div.qbuywrapper div.prodminquant{
	float:right;
	width:58% !important;
	text-align:left;
}

div.qbuywrapper div.prodoptions{
	float:right;
	width:58% !important;
	text-align:left;
}

div.qbuywrapper div.csprodoptions{
	float:right;
	width:58% !important;
	text-align:left;
}

div.qbuywrapper div.optiontext{
	float:left;
	width:100% !important;
	text-align:left;
	margin:6px 0px;
	font-size:1.2em;
}

div.qbuywrapper div.option{
	float:left;
	width:100% !important;
	text-align:left;
	margin:0px 10px;
}

div.qbuywrapper div.prodprice{
	float:right !important;
	width:58% !important;
	font-size:1.4em;
	text-align:left;
}

div.qbuywrapper div.listprice{
	float:right !important;
	width:58% !important;
	text-align:left;
	font-size:1.2em;
	margin:8px 0px 0px 0px
}

div.qbuywrapper div.prodcurrency{
	float:right !important;
	width:58% !important;
	margin:0px;
	text-align:left;
}

div.qbuywrapper div.addtocart{
	float:right;
	width:58% !important;
}

div.qbuywrapper div.addtocart input.buybutton{
	width:100% !important;
	padding:8px !important;
}

div.qbuywrapper div.detaillink{
	float:right;
	width:58% !important;
	margin:0px;
}


div.qbuywrapper input.detaillink{
	width:50% !important;
	float:right;
}

/*Product filter side bar*/

div.moreattributes{
background: rgba(184,184,184, .8) !important;
color:#000;
font-size:12px;
font-weight:bold;
padding:1px;
border:1px solid #999 !important;
}

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 20px 10px 4px !important;  
width: 100%; 
height: auto !important; 
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 !important; 
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: 31%;
min-height: 260px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 2px;
zoom: 1;
*display: inline;
_height: 260px;
padding:6px;
}


div.csprodimage{
min-height: 180px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 2px;
zoom: 1;
*display: inline;
_height: 180px;
padding:6px;
border:1px solid #ccc;
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;
text-align: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:46%;
margin:2px 0px;
font-size:1.1em;
text-align:left;
}

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:#4793c6 !important;
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:#4793c6;
}

input.csdetaillink:hover{
background:#ddd !important;
color:#000 !important;
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: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 2px;
zoom: 1;
*display: inline;
_height: 170px;
border:1px solid #ccc;
}

div.category:hover{
border: 1px solid #E87717;
}

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 !important;
	border: 1px solid #fff !important;
}

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:10px 6px;
}

input.prodfilter{
padding:8px;
border: 1px solid #ccc;
border-radius: 3px; 
}

select.prodfilter, select.prodoption { 
display: block; 
padding: 10px 70px 10px 13px !important; 
max-width: 100% ; 
height: auto !important; 
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 !important; 
appearance: none; 
-webkit-appearance: none; 
-moz-appearance: none; } 

.ectpfatt select{
min-width:190px !important;
margin-bottom:2px
}

select.prodfilter option, select.prodoption option { padding: 0 4px; } 

select.prodfilter, select.prodoption::-ms-expand { display: none; } 
select:disabled.prodfilter, select.prodoption::-ms-expand { background: #f60; }

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;
}

div.product {
width: 32%;
min-height: 260px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 2px;
zoom: 1;
*display: inline;
_height: 260px;
padding:6px;
}

div.prodimage{
min-height: 180px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 2px;
zoom: 1;
*display: inline;
_height: 180px;
padding:6px;
border:1px solid #ccc;
width:100%;
	text-align:center
}

img.prodimage{
max-width:100%;
height:auto;
}

div.prodname{
padding-top:6px;
font-size: 1.3em;
margin:4px 0px;
float:left;
width:98%
}

div.prodinstock{
margin:4px 0px;
width:42%;
float:left;
}

.prodratinglink{
font-size:0.9em;
}

div.prodrating{
float:left;
width:58%;
margin:4px 0px;
text-align:right;
}

div.listprice{
	width:98%;
	float:left;
	font-size: 1.1em;
	margin:2px 0px;
}

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

div.prodprice{
	float:left;
	width:98%;
margin:2px 0px;
  font-size:1.1em;
}

div.prodcurrency{
	float:left;
	width:98%;
	font-size: 0.8em;
	color:#666;
  margin:0px;
}

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.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
}

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:180px;
}

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:#E87717;
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:#4793c6;
}

input.detaillink:hover, input.qbuybutton:hover{
	background:#ddd;
	color:#000 !important;
	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:98%;
  padding:4px 6px;
  border:1px solid #ddd;
  background:#efefef;
border-radius:4px;
font-size:1.1em;
}
/* 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;
} 

img.detailimage{
max-width:100%;
height:auto;
}

div.detailcheckoutbutton{
clear:both;
}

div.detailname h1 {
font-size: 1.8em !important;
margin:7px 0px 0px 3px !important;
float:right;
width:52%;
}

span.detaildiscountsapply{
margin:1px 5px;
float:right;
width:52%;
color:#EA8626;
}

div.detaildiscounts{
width:52%;
margin:1px 5px;
float:right;
color:#EA8626;
}

div.detailprice{
font-size: 1.5em;
font-weight:bold;
float:left;
width:20%;
margin:15px 0px 0px 26px;
}

div.detaillistprice{
float:right;
width:26%;
color:#DA6A1E;
margin:15px;
font-size: 1.5em;
text-align:right;
}

div.detailcurrency{
font-size: 0.8em;
float:right;
width:52%;
color:#666;
margin:0px;
}

div.detailinstock{
float:left;
width:20%;
margin:10px 12px 10px 26px;
font-size: 1.2em;
}

div.detailreviewstars{
float:right;
width:24%;
margin:5px 6px;
text-align:right;
}

div.detailshortdescription{
font-size: 0.9em;
margin:5px;
padding:4px;
line-height:1.8em;
float:right;
width:52%;
background:#eee;
border-radius:4px;
}

div.detailshortdescription p{
  padding:0px
}

div.detailmanufacturer{
float:right;
width:52%;
margin:5px;
color:#666;
}

div.detailid {
width:52%;
float:right;
margin:18px 5px 5px 5px;
color:#666;
}

div.detailsku{
float:right;
width:52%;
margin:5px;
color:#666;
}

div.detaildateadded {
width:52%;
float:right;
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:right;
width:52%;
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 !important; 
max-width: 100%; 
width:100%;
height: auto !important; 
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 !important; 
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 26px;
}

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:30%;
}

input.detailbuybutton{
width:100%;
font-size:16px;
margin-top:2px;
}

div.detailoutofstock{
font-size: 1.4em;
float:right;
width:48%;
text-align:left;
padding:10px 0px;
}

div.detailnotifystock{
font-size: 1.4em;
padding-top:16px;
float:right;
width:48%;
}

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 1024px*/
@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 1024px to 980px*/
@media screen and (max-width: 1024px) {

div.product{
width:46%;
}

div.csproduct {
width: 46%;
}
}

/*This is the third breakpoint and contains styles for screens 980px to 870px*/
@media screen and (max-width: 980px) {

div.detailimage{
width:44%;
}
}

/*This is the fourth breakpoint and contains styles for screens 870px to 800px*/
@media screen and (max-width: 870px) {

div.csproduct {
width: 44%;
}

div.detailimage{
width:98%;
min-height:auto;
}

div.detailname h1 {
margin:1px 0px 0px 0px !important;
float:left;
width:98%;
}

span.detaildiscountsapply{
margin:1px 5px;
float:left;
width:98%;
}

div.detaildiscounts{
width:98%;
float:left;
}

div.detailprice{
width:44%;
margin:15px 0px 0px 3px;
}

div.detaillistprice{
width:46%;
margin:15px 0px 0px 0px;
}

div.detailcurrency{
float:left;
width:98%;
    margin-left:3px;
}

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:60%;
}

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 fifth breakpoint and contains styles for screens 800px to 640px*/
@media screen and (max-width: 800px) {

div.product{
width:98%;
}

div.category{
width:95%;
height:auto;
}

div.filtertext{clear:both;}
div.socialfacebook{clear:left;}
}

/*This is the sixth breakpoint and contains styles for screens 640px to 500px*/
@media screen and (max-width: 640px) {


  div.qbuywrapper {
  width:90% !important;
  border-right: 0px;
    text-align:left;
}
  
  div.qbuywrapper div.prodimage{
  width:90%;
    text-align:left;
}

div.qbuywrapper div.prodname{
float:left;
  width:96% !important;
  margin-top:0px;
}

div.qbuywrapper div.prodid{
float:left;
  width:64% !important;
  margin-top:0px;
}
  
  div.qbuywrapper div.prodsku{
float:left;
  width:32% !important;
  margin-top:0px;
}

div.qbuywrapper div.prodrating{
float:left;
width:48% !important;
}

div.qbuywrapper div.prodinstock{
float:left !important;
width:48% !important;
margin-left:0px !important
}

div.qbuywrapper div.proddescription{
float:left;
  width:96% !important;
}

div.qbuywrapper div.prodmanufacturer{
float:left;
  width:96% !important;
}

div.qbuywrapper div.prodoptions{
float:left;
  width:96% !important;
}

div.qbuywrapper div.csprodoptions{
float:left;
  width:96% !important;
}

div.qbuywrapper div.optiontext{
float:left;
  width:90% !important;
}

div.qbuywrapper div.option{
float:left;
  width:80% !important;
}

div.qbuywrapper div.addtocart{
float:left;
width:98% !important;
}

div.qbuywrapper div.detaillink{
float:left;
width:98% !important;
}

div.qbuywrapper div.prodprice{
 float:left !important;
  width:96% !important;
}

div.qbuywrapper div.listprice{
 float:left !important;
  width:96% !important;
}

div.qbuywrapper div.prodcurrency{
 float:left !important;
  width:96% !important;
}

 div.qbuywrapper div.prodminquant{
 float:left !important;
  width:96% !important;
} 

}

/*This is the seventh breakpoint and contains styles for screens 500px to 360px*/
@media screen and (max-width: 500px) {
div.csproduct {
width: 96%;
}

div.detailoptiontext{
float:left;
margin:18px 0px 10px 0px;
width:98%;
font-size:1.2em
}

div.detailoption{
width:98%;
}

div.detaildescription{
margin:0px !important;
}
}

@media all and (max-width:440px){
div.detailaddtocart{
width:40%;
}

div.detailprice{
width:98%;
}

div.detaillistprice{
float:left;
width:98%;
text-align:left;
margin-left:6px
}

div.detailinstock{
width:98%;
margin-left:6px;
}

div.detailreviewstars{
float:left;
width:98%;
text-align:left;
margin-left:16px;
}

}

/*This is the last breakpoint and contains styles for screens below 360px*/
@media screen and (max-width: 360px) {

div.category{
width:90%;
}

}