/* CSS Document - ECT Premium CSS Layout #2 */

/*minicart*/
table.mincart, td.mincart{
width:100%;
background:#fff;
font-size:13px;
}

.minicartcnt{
    text-align:center;
}

.emfsubtable, .emftbl{
background:#fff;
}

.emfhl{
background:#515151;
color:#fff;
}

/*Button styles*/
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:#B61818;
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.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);
}


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

/*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.ectpat{
padding:4px 0px; 
}

div.ectpacount{
font-size:0.9em;
color:#666;
}

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 70px 10px 13px !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
}

/* Quick Buy settings */

div.qbuywrapper div.prodimage{
width:98%;
float:left;
padding:4px;
border:0px;
text-align:left;
}

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

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

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

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

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

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

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

div.qbuywrapper div.prodinstock{
float:left;
width:40% !important;
text-align:left;
}

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

div.qbuywrapper div.prodrating{
float:left;
width:100% !important; /*56%*/
text-align:left; /*right */
}

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

div.qbuywrapper div.prodoptions{
float:left;
width:98% !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:left !important;
width:48% !important;
font-size:1.3em;
text-align:left;
}

div.qbuywrapper div.listprice{
float:left !important;
width:48% !important;
text-align:right;
font-size:1.3em;
}

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

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

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

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


div.qbuywrapper input.detaillink{
width:98% !important;
float:left;
margin:4px 0px;
padding-bottom:9px
}


/* The category page 
-------------------------------------*/
div.category{
width: 24%;
min-height: 160px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 2px;
zoom: 1;
*display: inline;
_height: 160px;
padding:6px;
border:1px solid #ccc;
text-align:center;
}

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

div.catnavigation{
padding:10px 0px 10px 12px;
float:left;
width:98%;
font-size:0.9em;
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:98%;
float:left;
}

div.catdesc{
padding:0px 0px 4px 4px;
}

div.catname{
padding:4px;
font-size:1.2em;
}

div.catdiscounts, div.allcatdiscounts{
padding:0px;
margin:0px;
font-weight:normal;
color:#DA6B1D;
font-size:0.9em;
}

div.categorymessage{
display:none; /* Removes the text "Click on a category to view products */
}

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:12px 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:left;
margin-bottom:12px;
}

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

.prodratinglink{
font-size:0.9em;
}

div.prodrating{
float:left;
width:100%; /*56%*/
margin:4px 0px;
text-align:left; /*right*/
}

div.listprice{
width:48%;
float:left;
font-size: 1.3em;
margin:2px 0px;
text-align:right;
}

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

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.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:#B61818;
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:98%;
padding:10px;
float:left;
} 

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

div.detailcheckoutbutton{
clear:both;
}

div.detailname h1 {
font-size: 1.8em;
margin:5px;
float:left;
width:70%;
border-bottom:1px solid #eee;
}

div.detailreviewstars{
float:left;
width:100%; /* 20% */
margin:5px 6px;
text-align:left;
}

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

div.detaildiscounts{
width:98%;
margin:5px;
float:left;
color:#EA8626;
}

div.detailprice{
font-size: 1.5em;
font-weight:bold;
float:left;
margin:5px 0px 0px 10px;
clear:left;
}

div.detaillistprice{
float:left;
color:#DA6A1E;
margin:5px;
font-size: 1.5em;
width:95%;
}

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

div.detailinstock{
float:left;
width:98%;
margin:0px 0px 6px 10px;
font-size: 1.3em;
}

div.detailshortdescription{
font-size: 1.1em;
margin:5px;
padding:8px;
line-height:1.8em;
float:left;
width:70%;
background:#f2f2f2;
border-radius:4px;
border:1px solid #ddd;
}

div.detailmanufacturer{
float:left;
width:47%;
margin:4px 8px;
color:#666;
text-align:left;
}

div.detailid {
width:47%;
float:left;
margin:4px 8px;
color:#666;
}


div.detailsku{
float:left;
width:100%; /* 47% */
margin:4px 8px;
color:#666;
clear:both;
}

div.detaildateadded {
width:100%; /* 47% */
float:left;
margin:4px 8px;
color:#666;
clear:both;
}

div.detaildateaddedlabel{
float:left;
}

div.detaildateaddeddate{
float:left;
margin-left:4px;
}

div.detaildescription{
font-size: 0.9em;
margin:10px;
padding-top:4px;
line-height:1.8em;
float:left;
width:98%;
}

div.searchwords{
font-size: 0.9em;
margin:10px;
padding:4px;
line-height:1.8em;
float:left;
width:98%;
background:#f2f2f2;
border-radius:4px;
border:1px solid #ddd;
}

div.detailoptions{
float:left;
width:95%; /* 48% */
margin:15px 5px;
padding:4px;
}

div.detailoptiontext{
float:left;
margin:2px 1px 4px 0px;
width:48%;
font-size:1.2em;
}

div.detailoption{
float:left;
width:96%;
margin-left:16px;
}

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

div.detailmultioptiontext:before{
content: 'Qty.';
}

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: 10px 0px 0px 4px;
width:98%;
clear:both;
}

div.detailquantitytext{
float:left;
padding:0px 12px;
margin-top:15px;
font-size:1.2em;
width:60px;
}

div.detailquantity1div{
margin:7px 30px 6px 0px;
} 

div.detailquantity2div{
margin:6px 3px 6px 0px;
} 

input.detailquantity0input{
border:1px solid #ccc;
padding:5px 20px;
margin:8px 16px 0px 2px;
}

div.detailaddtocart{
float:left;
text-align:left;
margin:1px 14px;
width:30%;
}

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

div.detailoutofstock{
font-size: 1.4em;
float:left;
width:48%;
text-align:left;
padding-top:16px;
text-align:center;
}

div.detailnotifystock{
font-size: 1.4em;
padding-top:16px;
float:left;
width:95%; /* 48% */
text-align:center;
}

div.review{
float:left;
margin-top:0px;
width:100%;
background-color:white;
padding:0 10px;
margin: -5px -8px;
}

div.reviewform {
line-height:3;
}

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;
margin-top:8px;
font-family:FontAwesome, sans-serif;
padding: 0 5px;
}

input.askaquestion:hover, input.emailfriend:hover{
background:#1BABF1;
}

div.socialmediabuttons{margin:10px 8px;background:#fff;width:98%;float:left;} 

div.socialmediabutton{float:left;display:inline-block;padding:6px;}
div.socialaskaquestion{float:left;}
div.sociallinkedin{margin-top:5px;}
div.socialfacebook{margin-top:4px;}
div.socialtwitter{margin-top:8px}
div.socialgoogle{margin-top:5px}
div.socialpinterest{margin-top:4px}
div.socialcustom{margin-top:8px}

div.reltab{
float:left;
border: 1px solid #eee;
background-color:white;
padding:0 10px;
margin: -5px -8px;
}

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;
font-size:24px;
}

div.reltabdescription{
float:left;
width:80%;
}

/*This is the first breakpoint and contains styles for screens 1200px to 880px*/
@media screen and (max-width: 1200px) {
div.category{
width:31%;
}

div.detailoptions{
width:60%
}

}

/*This is the second breakpoint and contains styles for screens 880px to 650px*/
@media screen and (max-width: 880px) {
  
div.prodinstock{
width:98%;
}
  
div.prodrating{
width:98%;
float:left;
text-align:left;
}
  
div.prodprice{
width:98%;
}
  
div.listprice{
width:98%;
text-align:left;
}

div.detailname h1 {
float:left;
width:98%;
}

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

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

div.detailreviewstars{
width:98%;
text-align:left;
}

div.detailshortdescription{
width:98%;
}

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

div.detailoption{
width:71%;
}

div.detailaddtocart{
width:74%;
margin-top:4px;
}

div.detailquantity{
margin: 0px 0px 0px 4px;
}

input.detailquantity0input{
margin:2px 6px 0px 2px;
}

div.detailmanufacturer{
width:98%;
text-align:left;
border:0px;
margin-left:10px;
}

div.detailid {
width:98%;
text-align:left;
border:0px;
margin-left:10px;
}

div.detailsku{
width:98%;
text-align:left;
border:0px;
margin-left:10px;
}

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

div.detaildateaddedlabel{
padding-left:0px
}
}

/*This is the third breakpoint and contains styles for screens 650px to 440px*/
@media screen and (max-width: 650px) {
div.product{
width:100%;
}

div.category{
width:48%;
}

}

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

div.category{
width:98%;
}

div.qbuywrapper div.prodinstock{
width:98% !important;
}

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

div.qbuywrapper div.prodprice{
width:98% !important;
}

div.qbuywrapper div.listprice{
width:98% !important;
text-align:left;
}

div.detailprice{
width:98%;
}

div.detaillistprice{
float:left;
width:98%;
margin-left:10px;
}

div.detailcurrency{
margin-left:10px;
}

}

@media(max-width: 1200px) {
div.optiontext {width:100%}
div.detailoptiontext {width:100%}
div.multioptiontext {width:100%}
div.detailmultioptiontext {width:100%}
}

@media(max-width: 640px) {
div.qbuywrapper {width:95%}
}