/* The products page 
-------------------------------------*/
div.prodfilter{
float:left;
padding:2px;
margin-bottom:4px;
}
div.prodfilterbar{
margin-bottom:14px;
}
div.filtertext{
padding:12px 6px;
}
input[type="text"].prodfilter{
padding:8px;
border:1px solid #ccc;
border-radius:3px; 
}
input[type="button"].prodfilter{
height:33px;
}
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; } 
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; }
.ectpfatt select{
min-width:190px !important;
margin-bottom:2px
}
div.product{
width:49%;
min-height:260px;
margin:0.5%;
border:none;
}
div.prodnavigation{
padding:10px 0px 10px 12px;
font-size:0.9em;
background-color:#fff;
border-bottom:1px solid #ccc;
margin-bottom:10px;
}
div.checkoutbutton{
text-align:right;
margin-bottom:4px;
}
div.eachproddiscountsapply,div.discountsapply{
margin:4px 0 0 4px;
clear:both;
}
div.proddiscounts{
margin:0 0 4px 4px;
clear:both;
}
div.prodmanufacturer{
margin:4px;
}
div.prodcustom1, div.prodcustom2,div.prodcustom3{
margin:4px;
}
div.prodsku{
margin:4px;
}
div.prodimage{
padding:18px;
text-align:center;
border:1px solid #ccc;
}
div.prodimage:hover{
border:1px solid #006aba;
}
img.prodimage{
max-width:100%;
height:auto;
}
div.prodname{
margin:8px 4px;
font-size:1.2em;
}
div.prodinstock{
margin:4px;
}
div.proddescription{
margin:4px;
line-height:1.5em;
clear:both;
}
div.optiontext{
margin:4px 0px;
}
div.option{
margin:4px 0px;
}
div.prodid,div.proddateadded,div.listprice,div.prodprice,div.prodrating,div.prodcurrency,div.prodoptions{
margin:4px;
clear:both;
}
span.prodpricelabel{
font-weight:bold;
}
div.eachproddiscountsapply {
margin-bottom:0;
}
span.yousave{
background:#0065A7;
color:#fff;
margin:4px;
}
div.prodcurrency{
font-size:0.8em;
color:#666;
}
div.quantity0div, div.quantity1div, div.quantity2div{
display:inline-block;
margin:4px 6px 0px 0px;
}
input.quantity0input{
border:1px solid #ccc;
padding:4px 4px 3px 4px;
}
div.notifystock{
margin:4px;
}
div.configbutton{
margin:4px;
}
div.outofstock{
margin:4px;
font-weight:bold;
}
div.proddateaddedlabel {
display:inline-block;
margin-right:5px;
}
div.proddateaddeddate {
display:inline-block;
}
div.prodminquant{
margin:4px;
}
div.prodquantpricing{
}
div.prodquantpricingwrap{
margin:4px;
}
div.multioptiontext{
width:180px;
}
div.pagenums{
text-align:center;
overflow:auto;
}
div.qbuybutton, div.detaillink, div.addtocart{
float:left;
width:50%;
text-align:center;
margin:12px 0;
}
div.prodaddtocartquant{
float:left;
width:46%;
margin:0;
}
input.detaillink, input.qbuybutton, button.buybutton{
min-width:100px;
}
div.prodquantpricingwrap{
width:auto;
margin-top:12px;
}
div.prodaddtocartquant > .addtocart {
text-align:left;
}
/*This is the first breakpoint and contains styles for screens 1024px to 640px*/
@media screen and (max-width:1024px) {
.filtertext{clear:left;min-width:120px;}
}
/*This is the second breakpoint and contains styles for screens 640px and below*/
@media screen and (max-width:640px) {
	div.product{
	width:auto;
	height:auto;
	}
}