/* ~~ Main cart css file ~~*/


div.detailcustom1{float:left;width:100%;text-align:center;margin: 0 0 12px 0;}
div.detailcustom3{float:left;width:100%;text-align:center;margin: 0 0 12px 0;font-weight: bold;font-size: 1.1em;}

.discounted .prodprice{display:none;}
.discounted .detailprice{display:none;}

div.scprice::after {
  content: " Ex.Tax";}
div.cartlinetotal::after {
  content: " Ex.Tax";}


div.ectdp_minicartitemName::after {
  content: " Ex. Tax";}

div.minicartcnt {background-color: #111;color: #fff;}

.new div.detailimage{
position:relative;
}
div.ectsoftwrapper{color: #000;}
label.ectlabel{color: #fff;}
div.cartdetails{color:#fff;}
div.catnavcheckout{display:none;}
.new div.detailimage::after
{content: 'NEW';
position: absolute;
font-size: 16px;
font-weight:bold;
letter-spacing: 3px;
left: 6px;
top: 10px;
color:#fff;
background:#F69f14;
padding:22px 10px;
opacity:0.7;
border-radius:50%;
z-index:10;
transform: rotate(330deg);
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.new div.prodimage{
position:relative;
}

.new div.prodimage::after
{background: url(../images/sl/splash_new_t.png) no-repeat;
content: '';
position: absolute;
top: 0; right: 0;
bottom: 0; left:20px;
}
/* ~~ Maintain aspect ration on embedded map ~~ */
.map {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
border:0;
}
div.recentview{float:left;width:100%;}
div.recentviewline{
width:25%;
float:left;
padding:6px 2px;
text-align:center!important;
}
div.recentviewline img{margin-left:40px;}
div.recentviewimage{
width:100%;
float:left;
}

img.recentviewimage{
max-width: 100%;
height:auto;
float:left;
}

div.recentviewname{
width:99%;
float:left;
font-size:12px;
margin-top:8px;
height: 40px;
}
.search_look, div.topsearch{color:#000!important;width:100%;}
div.topsearch h3{color:#fff!important; text-transform:uppercase;}


div.popup{ font-family: verdona, sans-serif; font-size: 1.0em;padding:10px;}
.boxem {
font-size: 1.1em;
text-align: center;
padding: .5em 1em;
background: linear-gradient(to bottom right, rgba(170,170,170,0.3),
    rgba(68,68,68,0.3));
}
div.clear{float:left;width:100%;height 1px;}
div.content {
    float: left;
    width: 97%;
	}
div.content img{max-width:100%;height:auto;}

div.minicartoneline {
    width: 220px;
}
div.minicartoneline1 {
    padding: 2px;
    font: normal 12px Arial, sans-serif;
    float: left;
    color: #333;
}
div.minicartoneline2 {
    padding: 2px;
    font: normal 12px Arial, sans-serif;
    float: left;
    color: #333;
}
div.minicartoneline3 {
    padding: 2px;
    font: normal 12px Arial, sans-serif;
    color: #333;
}
h1 {
    font-size: 1.6em!important;
}
div.socialmediabuttons {
    float: left;
    width: 99%}
div.socialmediabutton {
    float: right;
    width: 160px;
    text-align: center;
    height: 30px;
}
div.socialfacebook {
    margin-top: 7px;
    height: 30px;
    margin-left: -25px;
}
ul.ectmenu1 {
    list-style: none;
    padding: 0;
}
li.ectmenuhassub1 a {
    display: block;
}

li.ectmenuhassub1 a:hover {
    display: block;
}

li.ectmenu1 a {
    display: block;
}
li.ectmenu1 a:hover {
    display: block;
}
li.ectsubmenu1 {
    border-bottom: 0;
}
div.detailreviewstars {
    float: left;
    width: 98%;
    margin-bottom: 12px;
}
span.prodratingtext a {
    margin-left: 6px;
    text-decoration: none;
}
table.cobtbl {
    background-color: #fff;
    font-size: 1em;
}
td.cobll, td.cobhl {
    background-color: #fff;
    color: #333;
    padding: 6px;
}
td.cobhdr {
    background-color: #FAFAFA;
    font-size: 1em;
    color: #000;
    text-transform: uppercase;
    border-bottom: 1px solid #B61818;
    padding: 6px;
}
span.cartoption {
    font-size: 12px!important;
    color: #333;
}
div.logintoaccount {
    width: 150px!important;
    margin-top: 8px;
}
div.createaccount {
    width: 120px!important;
    float: left!important;
    margin-top: 8px;
}
.scart{color:#000;}
.scart.sclinks a{color: #000!important;}
div.scprodsadded, div.sccarttotal {
    border-top: 1px solid #B61818!important;
}
div.giftwrap a {
    color: #666;
    font-size: .8em;
    text-decoration: none;
}
div.minicart > div{
	padding:3px;
	background: #111;
}

.minicartcnt {
    text-align: center;
}

a:link {
    color: #fff;
    text-decoration: none;
}
a:visited {
    color: #fff;
    text-decoration: none;
}
a:active {
    color: #fff;
    text-decoration: none;
}
a:hover {
    color: #fff;
    text-decoration: underline;
}
a.ectlink:link {
    color: #fff;
    text-decoration: none;
}
a.ectlink:visited {
    color:#fff;
    text-decoration: none;
}
a.ectlink:active {
    color: #fff;
    text-decoration: none;
}
a.ectlink:hover {
    color: #fff;
    text-decoration: underline;
}
.measure{
	background: #dd1818;
	color:#fff!important;
	padding:4px 12px;
	border:0;
	border-radius:4px;
	cursor:pointer;
	font-weight:normal;
	font-size: 1.2em;
}
.measure:hover{
	background:#ff0000;
	color:#000;
	cursor:pointer;
	text-decoration:none;
}

input[type="button"].ectbutton,input[type="submit"].ectbutton,button.ectbutton{
background-color:#006ABA;
	background:#dd1818;
	color:#FFF;
	padding:4px 12px;
	border:0;
	border-radius:4px;
	cursor:pointer;
	font-weight:normal;
}

input[type="button"].ectbutton:hover,input[type="submit"].ectbutton:hover,button.ectbutton:hover{
	background:#ff0000;
	color:#fff;
	cursor:pointer;
}
.multibuy {
    background: #572D29;
    color: #fff!important;
    padding: 4px 12px;
    border: 0;
    border-radius: 4px;
    font-size: 1.1em;
}
.multibuy:hover {
    background: #FFF4DC;
    color: #000!important;
    cursor: pointer;
    text-decoration: none;
}
input.previmg, input.nextimg, input.detailprevimg, input.detailnextimg {
    font-size: 12px;
    margin: 4px;
    background: #444;
    color: #fff;
    border: 0;
    padding: 2px 6px;
    border-radius: 4px;
    curosor: pointer;
}
.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
	}
	
div.catheader {
    float: left;
    width: 100%;
    margin-top: 5px;
}

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

div.category {
    padding: 6px;
    width: 47%;
    float: left;
    height: 100%;
    margin: 8px;
    background: linear-gradient(to bottom right, rgba(170,170,170,0.3), rgba(68,68,68,0.3));
    border-radius: 3px;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .1);
    transition: all 220ms;
    overflow: hidden;
}
select.breadcrumbcats{color: #000;}
div.hc .catdesc{
display:none
}
div.hc .category {
    padding: 6px;
    width: 18%;
    float: left;
    margin: 8px;
    background: #111;
    border-radius: 3px;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .1);
    transition: all 220ms;
    overflow: hidden;
}
div.hc .catimage img{max-width:100%; height:auto;}

div.hc  div.catimage {
    width: 99%;
    float: left;
    text-align: center;
}
div.category:hover {
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .3);
    transition: all 220ms;
    text-decoration: none;
}
div.catnavigation {
    padding: 0 0 10px 12px;
    float: left;
    width: 97%;
    font-size: 1em;
}
.catnavwrapper {
}
div.navdesc {
    display: none;
}
div.catimage {
    width: 99%;
	height: 170px;
    float: left;
    text-align: center;
}
div.catimage img {
    max-width: 100%;
    height: auto;
}
div.catdesc {
float:left;
width:100%;
height: 90px;
padding: 0 0 4px 4px;
}
div.catname {
    padding-left: 4px;
    font-size: 1.2em;
    float: left;
    width: 99%;
    text-align: center;
}
div.catdiscounts, div.allcatdiscounts {
    padding: 0;
    margin: 0;
    font-weight: 400;
    color: #B61818;
    font-size: .9em;
    float: left;
    width: 99%}
div.categorymessage {
    display: none;
}
p.noproducts {
    padding-top: 28px;
    text-align: left!important;
    float: left;
    width: 99%;
	color:#fff!important;
	}
div.noproducts{color:#fff;}
div.prodfilter {
    float: left;
    padding: 6px;
    color: #fff;
    margin: 10px;
}
div.checkoutbutton {
display:none;
}
div.prodfilterbar {
    float: left;
    width: 100%;
	background: linear-gradient(to bottom right, rgba(170,170,170,0.3), rgba(68,68,68,0.3));
	border: 1px solid #ccc;
	border-radius: 10px;
	}
div.filtertext {
    padding: 8px;
}
select.prodfilter {
    padding: 4px;
    margin: 0 5px 0 5px;
	color:#000;
}
input.prodfilter {
    padding: 2px;
    margin: 0 2px;
}
p.cstitle{float:left;width:100%;}
div.csproduct{
float:left;
width:32%;
margin:4px;
padding: 5px;
border: 1px solid #ccc;
border-radius:8px;
height:220px;
text-align:center;
background: linear-gradient(to bottom right, rgba(170,170,170,0.3), rgba(68,68,68,0.3));
}
div.csproduct:hover{
border: 1px solid #fff;
}
.csprodprice,.csaddtocart{padding: 5px 0 5px 0;}
div.csprodid, div.csprodinstock, div.csprodrating, div.csproddateadded,div.csprodmanufacturer, div.csprodcurrency{
display:none;
}

div.products {
    clear: left;
}
div.product {
    width: 33%;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 5px 0;
    zoom: 1;
    *display: inline;
    height: 260px;
    padding: 2px;
    text-align: center;
	background: linear-gradient(to bottom right, rgba(170,170,170,0.3), rgba(68,68,68,0.3));
}
div.prodnavigation {
    padding: 0 0 10px 12px;
    float: left;
    width: 94%;
    font-size: 1em;
    margin-bottom: 10px;
    margin: 8px;
}
.prodratinglink {
    font-size: .8em;
}
div.allproddiscounts {
    color: red;
    width: 100%;
    margin-bottom: 2px;
    float: left;
}
.proddiscounts, .discountsapply, .csproddiscounts {
    color: red!important;
    padding: 4px;
	font-weight:bold;
}
div.prodmanufacturer {
    color: #fff;
    padding: 6px;
}
div.prodsku {
    color: #fff;
    padding: 6px;
}
div.prodimage {
    float: left;
    width: 100%;
    padding-top: 6px;
    text-align: center;
}
.prodimage img {
    max-width: 100%;
    height: auto;
}
.csprodimage img {
    max-width: 100%;
    height: auto;
}
div.prodcustom2,div.csprodcustom2{ position:relative;width:95%;height:50px;color:#444;margin-bottom: -40px;margin-left:20px;}
div.detailcustom2{ float:left;width:99%;height:50px;color:#444;margin-left:-10px;margin-bottom: -30px;position:relative;z-index:10;}
div.prodname {
    float: left;
    width: 100%;
    padding: 6px;
    font-size: 1.1em;
    margin-bottom: 8px;
    height: 50px;
	color: #fff;
	}
div.prodrating {
    padding-left: 4px;
}
div.prodinstock {
    padding: 4px;
    color: #fff;
}
div.proddescription {
    padding: 6px;
    float: left;
    width: 99%;
    font-size: .9em;
    line-height: 1.5em;
    text-align: left;
}
table.emftbl {
    background: #fff;
    width: 400px;
}
div.listprice {
    width: 98%;
    float: left;
    font-size: .9em;
    padding: 6px;
}
span.yousave {
    background: #0065A7;
    color: #fff;
    padding: 4px;
    font-size: .9em;
}
div.prodprice {
    font-size: 1em;
    font-weight: 400;
    float: left;
    width: 99%;
    color: #fff;
    padding-bottom: 10px;
}
div.prodcurrency {
    float: left;
    width: 100%;
    font-size: .8em;
    color: #fff;
	padding: 0 0 10px 0;
}
div.quantitydiv {
    float: left;
    width: 99%;
    text-align: center;
    margin-top: 3px;
}
div.quantity2div {
    float: left;
    width: 45%!important;
    margin: 0 0 5px 70px;
}
.quantityinput {
    margin-top: 1px;
    height: 19px;
}
div.addtocart {
    text-align: center;
    float: left;
    width: 100%;
	padding: 3px 0 5px 0;
	}
.notifystock {
    text-align: center;
    float: left;
    width: 100%}
div.configbutton {
    float: left;
    width: 100%;
    text-align: center;
}
div.outofstock {
    text-align: center;
    padding-top: 6px;
    font-weight: 700;
}
.prodid {
    color: #666;
    padding: 6px;
    font-size: .9em;
}
div.multioptiontext {
    width: 180px;
}
div.pagenums {
    text-align: center;
    float: left;
    padding: 10px 0 10px 0;
}
.currpage {border-top: 5px solid #B70003;border-bottom: 5px solid #B70003;}
div.detailprodnavigation {
    width: 99%}
div.detailimagenavigator {
    width: 100%;
    text-align: center;
    padding: 15px 0 0 0;
}
div.detailimage {
    width: 34%;
    padding: 10px;
    float: left;
}
div.detailimage img {
    max-width: 100%;
    height: auto;
}
div.detailcheckoutbutton {
    clear: both;
}
div.detailid {
    color: #ccc;
    width: 60%;
    font-size: 1em;
    float: left;
    margin-left: 10px;
}
.detailname h1 {
    font-size: 1.2em;
    padding: 6px;
    float: left;
    width: 60%;
    margin-top: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ccc;
}
span.detaildiscountsapply {
    width: 60%;
    float: left;
}
div.detaildiscounts {
    float: left;
    width: 39%;
    color: red;
    font-weight: 700;
}
div.detailmanufacturer {
    float: left;
    width: 60%;
    margin: 0 0 0 10px;
    padding: 0;
}
div.detailsku {
    float: left;
    width: 60%;
    margin: 10px;
}
div.detailinstock {
    float: left;
    width: 60%}
div.detaildescription {
    font-size: .9em;
    margin: 5px;
    padding-top: 4px;
    line-height: 1.8em;
    float: left;
    width: 60%}
div.detailprice {
    font-size: 1.2em;
    font-weight: 700;
    float: left;
    width: 99%;
    color: #fff;
    text-align: center;
    padding: 15px;
}
div.detaillistprice {
    font-size: 1em;
    font-weight: 400;
    float: left;
    width: 100%;
    padding-top: 6px;
    color: #DA6A1E;
}
div.detailcurrency {
    padding-top: 6px;
    font-size: .9em;
    float: left;
    width: 98%;
    color: #fff;
    padding-bottom: 20px;
	text-align:center;
}
div.detailoption {
    float: left;
}
div.detailoptions {
    padding: 6px;
    float: left;
    width: 100%;
    margin-left: 0;
}
select.detailoption {color:#000;}
select.detailprodoption {
width: 250px;
    font-size: .9em;
    margin: 7px;
    border: 1px solid #ccc;
    padding: 2px;
	color:#000;
}
input.detailprodoption {
    font-size: .9em;
    margin: 7px;
    border: 1px solid #ccc;
    padding: 2px;
}
div.detailoptiontext {
    padding: 6px;
    width: 32%;
    float: left;
    clear: both;
}
div.detailmultioptiontext {
    padding: 6px;
    width: 48%;
    clear: right;
    height: 220px;
}
.previousnext {
    padding-top: 20px;
    padding-bottom: 6px;
    float: right;
    width: 100%;
    text-align: center;
    font-size: .9em;
    border-top: 1px solid #ccc;
}
div.emailfriend {
    padding-top: 10px;
    text-align: center;
    float: right;
    width: 100%;
    font-size: .9em;
    clear: both;
}
td.emfhl {
    background-color: #aaa;
    font-size: 1.2em;
    color: #fff;
    font-weight: 700;
}
td.emfll {
    line-height: 18px;
}
div.detailquantity {
    float: left;
    width: 45%}
div.detailquantitytext {
    margin-top: 5px;
    float: left;
    width: 30%;
    text-align: right;
}
div.detailquantityinput {
    margin-top: 5px;
    float: right;
    width: 50%;
    text-align: left;
    padding: 0;
    height: 65px;
}
div.detailaddtocart {
    float: left;
    width: 40%;
    text-align: left;
    padding-bottom: 20px;
    margin-top: 1px;
}
div.detailoutofstock {
    float: left;
    width: 98%;
    text-align: center;
    padding-bottom: 20px;
    margin-top: 10px;
    font-size: 16px;
}
.detailnotifystock {
    text-align: center;
    padding-top: 6px;
    float: left;
    width: 98%}
div.navdesc {
    padding-top: 10px;
}
div.review {
    float: left;
    margin-top: 16px;
    width: 90%;
    font-size: .9em;
}
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;
}
@media (max-width: 1280px) {
div.hc .category {width: 22%;}	
}
@media screen and (max-width:800px) {
    div.product {
    width: 47%}
select.prodfilter { width: 100%; margin: 10px;}
}
@media only screen and (max-width:780px) {
    div.product {
    width: 46%}
.detailname h1, span.detaildiscountsapply, div.detaildescription {
    width: 65%}
span.detaildiscountsapply {
    margin-left: 44px;
}
div.detailimage, div.detailname h1, div.detaildescription {
    width: 96%}
div.detailoptions {
    width: 90%}
div.detailmultioptiontext {
    width: 45%}


}

@media screen and (max-width:640px) {
    div.detailoptiontext {width: 90%}
	div.hc .category {width: 44%;}	
}
@media screen and (max-width:500px) {
div.csproduct {width: 95%;}
div.category{height:99%;}
div.product, div.prodnavigation {width: 95%}
div.detailimage {width: 95%}
.detailname h1, span.detaildiscountsapply, div.detaildescription {width: 95%}
span.detaildiscountsapply {margin-left: 10px;}
div.detailmultioptiontext {width: 95%}
div.category {width: 43%}
.cobcol1 {display: none;}
textarea.addinfo {width: 150px;}
table.emftbl {width: 300px!important;}
table.emftbl textarea {width: 260px!important;}
div.hc .category {width: 44%;}	
div.quantity2div {
    width: 99%!important;
    text-align: center;
    margin: 0 0 10px 0;
}
div.detailaddtocart {float: left;width: 95%;}
div.recentviewline{width:47%;}
div.socialmediabuttons {display:none;}
}

@media screen and (max-width: 360px) { 
div.category{width:99%;}
div.hc .category {width: 99%;}	
}


@media screen and (max-width: 320px) { 


}