body{ margin:0; background:url(../images/main-bg.png) center 300px no-repeat #eef6ff;  }
.essTabs *{ 
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
text-decoration:none;
}

.lightbox-target{
-webkit-transition:opacity .5s ease;
-moz-transition:opacity .5s ease;
-o-transition:opacity .5s ease;
transition:opacity .5s ease;
}

.lightbox-target .img-popup{
-webkit-transition:transform .5s ease;
-moz-transition:transform .5s ease;
-o-transition:transform .5s ease;
transition:transform .5s ease;
}


.essBody{background:url(../images/bg-page.png) center 0 repeat-y }


.essBody ul{ margin:0; padding:0; }
.essBody ul li{ list-style-type:none; }

.essBody a{ text-decoration:none; }
.essBody p{ margin:0 0 10px; }

.sample-bg img{ max-width:100%; }

#aboutESS{ display:none; }


.mdl-Box{ margin-bottom:15px; font-size:14px; }
.mdl-Box .pad{ padding:15px; border:1px solid #e6e6e6; }

.main{position: relative;}

.mdl-Box ol, .mdl-Box ul{ margin:5px 0; padding-left:15px; }
.mdl-Box ol li{ display:block; list-style:decimal; }
.mdl-Box ul li{ list-style-type:disc; }
.mdl-Box ul li li{ list-style-type:circle; }


.ess-colLeft{ float: left; }
.ess-col-main{ float: left; margin-left:15px; width: 785px; }
.col-mdl{ float: left; width:100%; }

.col-mdl{ }

.col-mdl > div{ margin-bottom:15px; }


.ess-gallery{margin-top: 15px;}
.enlarge { padding: 10px 0; text-align: center; border-top: 1px solid #e6e6e6; color:#555; }
.enlarge span { display: inline-block; vertical-align: middle; font-size: 11px; text-transform: uppercase; }
.enlarge i { display: inline-block; vertical-align: middle; font-size: 18px; }

.itemTitle{ color:#222; font-weight:normal; font-size:20px; line-height:normal; margin-top: 0; margin-bottom:15px; border-bottom:1px solid #ddd; padding-bottom:15px; }
.itemTitle *{ margin:0; padding:0; color:#02334f; font-weight:normal; font-size:20px; line-height:normal;  }

.ess-gallery .img-box { border:1px solid #e6e6e6; background-color: #fff; }
.img-holder { display: none; }
.img-holder .imgBox { cursor: zoom-in; text-align: center; padding-bottom: 62.5%; overflow: hidden; background: #fff; display: block; position: relative; }
.img-popup { background-color: #fff; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; }
.col-md-6 .img-holder .imgBox { padding-bottom: 100%; }
.col-md-6 > .thumb:first-child { margin-top: -15px; }
.thumb { font-size: 0; margin-left: -7.5px; margin-right: -7.5px; text-align: left; }
.thumb label { width: 33.3333%; padding: 0 7.5px; display: inline-block; margin-top: 15px; }
.thumb.col-6 label { width: 16.6666%; }

.margin-auto{
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.col-1 .thumb,
.col-2 .thumb{ text-align: left; }

.col-2 .margin-auto .thumb{ text-align: center; }


.col-1 .thumb label,
.col-2 .thumb label { width:25%; }

.col-md-6 .img-box ~ .thumb label,
.col-2 .col-md-6 .thumb label { width: 25%; }
.col-1 .col-md-6 .img-box ~ .thumb label { width: 16.6666%; }
.thumb label .box { cursor: pointer; cursor: cell; padding-bottom: 100%; border:1px solid #e6e6e6; background-color: #fff; overflow: hidden; text-align: center; position: relative;  }
.thumb label img { display: inline-block; border: 0; }
#imgView1:checked ~ .img-box #content1,
#imgView2:checked ~ .img-box #content2,
#imgView3:checked ~ .img-box #content3,
#imgView4:checked ~ .img-box #content4,
#imgView5:checked ~ .img-box #content5,
#imgView6:checked ~ .img-box #content6,
#imgView7:checked ~ .img-box #content7,
#imgView8:checked ~ .img-box #content8,
#imgView9:checked ~ .img-box #content9,
#imgView10:checked ~ .img-box #content10,
#imgView11:checked ~ .img-box #content11,
#imgView12:checked ~ .img-box #content12,
#imgView13:checked ~ .img-box #content13,
#imgView14:checked ~ .img-box #content14,
#imgView15:checked ~ .img-box #content15,
#imgView16:checked ~ .img-box #content16,
#imgView17:checked ~ .img-box #content17,
#imgView18:checked ~ .img-box #content18,
#imgView19:checked ~ .img-box #content19,
#imgView20:checked ~ .img-box #content20 { display: block; }



.essTabs{ font-size:0; margin-bottom:15px; position:relative; height:265px; overflow:hidden; }
.essTabs .tabBox{  }
.essTabs label{ float:left; cursor:pointer; height:32px; line-height:32px; padding:0 13px; color:#fff; background-color:#555; text-align:center; font-size:12px; text-transform:uppercase; margin-right: 1px; }

.essTabs label:hover,
.essTabs input:checked + label{ color:#fff; background-color:#a178c1; }
.essTabs .checkbox:checked ~ label ~ .panel { display:block; }

.panel{ border:1px solid #e6e6e6; border-top:2PX solid #a178c1; font-size:13px; line-height:20px; display:none; position:absolute; left:0; top:32px; padding:15px; width: 100%; }
.scrollBox{ height:200px; overflow:auto; }
.panel p{ padding:0 0 10px 0; margin:0; }
.panel a{ color:#a178c1; text-decoration:none; font-weight: bold;}
.panel a:hover{ color:#333; }
.panel h3{ margin:0 0 3px 0; color:#333; font-weight:bold; }

.panel i, .panel em{ font-style:normal; }

.panel .readmore{ text-decoration:none; padding:0 26px 0 10px; height:26px; line-height:26px; background:url(../images/icon-readmore.png) 94% center no-repeat #444; color:#fff; margin-top:10px; display:inline-block; text-transform:uppercase; font-size:12px;  }
.panel .readmore:hover{ background-color:#000; color:#fff; }


.dec{ margin-top: 15px; padding-top: 15px; border-top: 1px solid #e6e6e6; font-size:12px; }
.dec ul, .dec ol,
.panel ol, .panel ul{ margin:5px 0; padding-left:15px; }
.dec ol li,
.panel ol li{ list-style:decimal; line-height:normal; margin-bottom:8px; }
.dec ul li,
.panel ul li{ list-style-type:disc; line-height:normal; margin-bottom:8px;}
.dec ul li li,
.panel ul li li{ list-style-type:circle; }


.scrollBox .tableBox > *{ vertical-align: top; }
.scrollBox .tableBox > .imgBox{ padding-right:20px; width: 40%; }


.scrollBox li.adrs{ background:url(../images/icon-map.png) left top no-repeat; padding-left:25px; margin-bottom:5px; list-style-type:none; }
.scrollBox li.num{ background:url(../images/icon-phone.png) left center no-repeat; padding-left:25px; margin-bottom:5px; line-height:19px;list-style-type:none; }
.scrollBox li.num{ background:url(../images/icon-phone.png) left center no-repeat; padding-left:25px; margin-bottom:5px; line-height:19px;  }
.scrollBox li.num{ background:url(../images/icon-phone.png) left center no-repeat; padding-left:25px; margin-bottom:5px; line-height:19px;list-style-type:none; }
.scrollBox li.num .fax{ background:url(../images/icon-fax.png) left center no-repeat; display:inline-block; padding-left:25px; margin-left:15px;  }
.scrollBox li.num{ background:url(../images/icon-phone.png) left center no-repeat; padding-left:25px; margin-bottom:5px; line-height:19px;list-style-type:none; }
.scrollBox li.email{ background:url(../images/icon-mail.png) left center no-repeat; padding-left:25px; text-transform:lowercase; list-style-type:none;  }
.scrollBox li.email a{color:#333!important;}
.scrollBox li a:hover{ color:#02334f!important; text-decoration:none; }

.itemDescriptionC #mobile_desc{display:none;}
#ebayTemplateContainer .itemDescriptionC #mobile_desc{display:block !important;}

/*
-----------------------------------------------------------------------------------
POPUP GALLERY
-----------------------------------------------------------------------------------*/
@-webkit-keyframes zoom {
  from { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  to { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
@keyframes zoom {
  from { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  to { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
.img-holder .lightbox:before { content: ""; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; overflow: hidden; z-index: 999; }
.img-holder input:checked ~ .lightbox:before { position: fixed; opacity: 1; visibility: visible; top: 0; }
.img-holder input:checked ~ .lightbox { position: static; cursor: zoom-out; }
.img-popup { -webkit-animation: zoomOut 0.5s ease-out; animation: zoomOut 0.5s ease-out; }
.img-holder input:checked ~ .lightbox .img-popup { border: 10px solid #333; margin: 0 auto; z-index: 9999; max-width: 100%; max-height: 800px; -webkit-animation: zoom 0.5s ease-out; animation: zoom 0.5s ease-out; }
.img-holder input:checked ~ .lightbox .img-popup::after { content: "close"; cursor: pointer; display: block; position: absolute; top: 5px; right: 5px; font-size: 30px; color:#37474f; }
.essBody [id^="popup"]:checked ~ .popup-bg { background-color: red; height: 10px; }

#promo-left img{margin-bottom:15px; display:inline-block;}
@media only screen and (max-width:360px){	

.promo-catz .item{ width:100%; float: none; }
}