/*-----------------------------------------------------------------------------
	Theme Name	: Epic Supplements
	Theme URL	: http://stores.ebay.co.uk/Epic-Supplements
	Description	: Theme for Epic Supplements. Designed By eSellerSolutions. All Rights Reserved.
	Version		: 3.0
	Tags		: eBay Shop
	Author		: ESS
	Author URL	: http://www.esellersolutions.com
	Created		: may 10 2016
	License		: eSeller Solutions own this theme. Do Not Copy!
 -------------------------------------------------------------------------------*/

@import url(../fonts/font.css);

.essBody *{ font-family: 'swis721_cn_btroman', 'swis721_cn_btbold', sans-serif; outline:none;  text-align:left;}
body{ margin:0; padding:0; color:#333; }

.essBody p{ margin:0 0 10px; }

.eclear{ clear:both; height:0; line-height:0; font-size:0; text-indent:-9999px; white-space:nowrap; }


a, #topSearch input.search-text, #searchbtn{ 
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
text-decoration:none;
}

 a:visited {
    text-decoration: underline;
  }

.essBody{ text-align:center;  color:#333; font-size:17px; }
.ess-wrapper{ text-align:center; background:url(../images/main-bg.jpg) center 15px no-repeat #fff; }

.ess-page{  background:url(../images/white-bg.jpg) center top repeat-y;  }

.main-head, #ess-foot, .our-brands, .join, #foot-links{ text-align:center; }

.userNote{ text-align:center; background:#fff; }
.bx-wrapper{ position:relative; }

#essHeader ul, #essHeader ul li, .ess-colLeft ul, .ess-colLeft ul li{ margin:0; padding:0; list-style-type:none; }

/*End General elements */

/* Hidden Elements
   ----------------------------- */
#aboutESS{ display:none}

/* essHeaderContainer */

/* Selection Color */
::-moz-selection{ background: #eee; color: #666; text-shadow: none; }
::selection{ background: #eee; color: #444; text-shadow: none; }

.essWide{ text-align:center; }
.essWrap{ width:1100px; margin:0 auto; }


/*
-----------------------------------------------------------------------------------
ESS Header
-----------------------------------------------------------------------------------*/
#essHeader{border-top:3px solid #e84a25; margin-top:10px;   }

.main-head{ padding:20px 0; }
.shoplogo{ float:left; }
.shoplogo a{ display:block; }
.shoplogo img{ border:0; display:block;}

.header-right{ float:right; width:75%; margin-top:10px}
  
.joinLinks{ float:right; margin-right:5px}
.joinLinks a{ color: #000 !important;font-size: 12px;font-weight:padding:2px; margin-left:5px; display:block; float:left}
.joinLinks a span{  width:30px;600;height:30px; display:inline-block; float:left }


.joinLinks  a span.cls1 i, .joinLinks  a span.cls2 i, .joinLinks  a span.cls3 i{ font-weight:bold; text-transform:uppercase; padding:0; display:inline-block; text-align:center; color:#fff; font-size:13px; font-style:normal}
.joinLinks  a span.cls1 i{ width: 90px}
.joinLinks  a span.cls2 i{ width: 180px;}
.joinLinks  a span.cls3 i{ width: 130px;}


.joinLinks a span.cls1{   width: 90px; height:40px; line-height:40px;background: #18243e;/* Skew */-webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -o-transform: skew(-10deg);transform: skew(-10deg); }
.joinLinks a span.cls2{   width: 180px; height:40px;line-height:40px;background: #1f4667;/* Skew */-webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -o-transform: skew(-10deg);transform: skew(-10deg); }
.joinLinks a span.cls3{   width: 130px; height:40px;line-height:40px;background: #256990;/* Skew */-webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -o-transform: skew(-10deg);transform: skew(-10deg); }

.joinLinks a:hover span { background-color:#0093dd; }

#topSearch{ float:right; margin: 0 0; }
#topSearch form{ margin:0; padding:0; float:left; position:relative; }
#topSearch input.search-text{ margin:0; height:30px; line-height:30px; padding:7px 50px 1px 15px; border:1px solid #ddd!important; background:#fff; font-size:13px; font-style:normal; color:#777;  width:270px; float:left; text-transform:uppercase ;-webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -o-transform: skew(-10deg);transform: skew(-10deg);-webkit-box-shadow: 5px 5px 0 0 rgba(206,206,206,0.5) inset;
box-shadow: 5px 5px 0 0 rgba(206,206,206,0.5) inset;}
#topSearch input.active{ border-color:#0093dd!important; color:#333; }
#searchbtn{ border:0!important; width:36px; height:40px; position:absolute; right:0px; top:0; color:#fff; font-size:0;background:url(../images/icon-search.png) center center no-repeat #e84a25; cursor:pointer; margin:0;/* Skew */-webkit-transform: skew(-10deg); -moz-transform: skew(-10deg); -o-transform: skew(-10deg);transform: skew(-10deg); }
#searchbtn:hover{ }

.InfoBox{height:84px;background:#fff; border-bottom:none;  border: solid #dadcdb;  border-width:8px 0 4px 0; margin-top:10px}
.InfoBoxpad{height:84px;padding:0;border: solid #dadcdb;  border-width:0 8px}
.InfoBox .box{ float:left; color:#363636; padding:10px 0 0 0; margin:0; height:74px }
.InfoBox .box strong{ font-weight:bold; font-size:16px; display:block;}
.InfoBox .box1{ max-width:160px; width:100%; background:url(../images/epicinfo-bg.gif) right top no-repeat #ee672f; padding-left:8px}
.InfoBox .box2, .InfoBox .box3, .InfoBox .box4, .InfoBox .box5  {max-width:200px; width:100%;background:url(../images/epicinfo-whtebg.gif) right top no-repeat #fff; padding-left:25px;}
.InfoBox .box5{ background:none}
.InfoBox .box1 .info-sml{ font-size:30px; text-transform:uppercase;  color:#fff; font-family:'swis721_cn_btbold'!important;  height:28px}
.InfoBox .box1 .info-lge{ font-size:30px; text-transform:uppercase;  color:#fff; font-family:'swis721_cn_btbold'!important;  height:28px}

.InfoBox .box2 .info-sml{ font-size:19px; text-transform:uppercase;  color:#29265b; font-family:'swis721_cn_btbold'!important }
.InfoBox .box2 .info-lge{ font-size:30px; text-transform:uppercase;  color:#28abe3; font-family:'swis721_cn_btbold'!important; margin-top:-3px}
.InfoBox .box3 .info-sml{ font-size:19px; text-transform:uppercase;  color:#29265b; font-family:'swis721_cn_btbold'!important; }
.InfoBox .box4 .info-sml{ font-size:19px; text-transform:uppercase;  color:#29265b; font-family:'swis721_cn_btbold'!important; }
.InfoBox .box5 .info-sml{ font-size:19px; text-transform:uppercase;  color:#29265b; font-family:'swis721_cn_btbold'!important; }
.InfoBox .box3 .info-lge{ font-size:30px; text-transform:uppercase;  color:#d60d53; font-family:'swis721_cn_btbold'!important;; margin-top:-3px}
.InfoBox .box4 .info-lge{ font-size:30px; text-transform:uppercase;  color:#941d81; font-family:'swis721_cn_btbold'!important;; margin-top:-3px}
.InfoBox .box5 .info-lge{ font-size:30px; text-transform:uppercase;  color:#ea501e; font-family:'swis721_cn_btbold'!important;; margin-top:-3px}

.InfoBox .box span{ display:inline-block; text-align:center; font-size:14px; color:#363636; text-transform:capitalize; text-align:left;margin-top:5px }

.InfoBox-mboile{ display:none}


#topcatz{}

.top-nav{ float:right; position:relative; margin-top:30px;}
.top-nav ul{ margin:0; padding:0; border:0; list-style-type:none; }
.top-nav li{ float:left; font-size:13px; color:#19253f;}
.top-nav li a{ float:left; font-size:13px; color:#19253f; text-decoration:none; padding:0 14px;/* background:url(../images/top-border.png) right no-repeat; */text-transform:uppercase;}
.top-nav li.fst a{padding-left:0px;}
.top-nav li.lst a{border:none; background-image:none;}
.top-nav li:last-child a{ padding-right:0; }
.top-nav li a:hover{ color:#e84a25; }
.top-nav .shop-info{position:absolute; padding:4px 0 7px; width:84px; text-align:center; color:#fff; background:#2b7e4c; text-transform:capitalize; font-size:13px; top:-40px; left:43%;}
.top-nav .shop-info:before{ width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #2b7e4c; content:""; position:absolute; left:45%; bottom:-6px;}

.mobile-featured{ display:none}

/*
-----------------------------------------------------------------------------------
ESS Block Title
-----------------------------------------------------------------------------------*/
.block-title{font-weight:bold; height:36px; line-height:39px; background:#1e1815 ; color:#fff; font-size:15px; text-transform:uppercase; padding:0 12px; margin:0; border:0; font-family:'swis721_cn_btroman'!important; }
.block-title span{ display:block; font-size:15px; font-weight:bold;  text-transform:uppercase;font-family:'swis721_cn_btroman'!important; }


/* Contents */
#essContentsContainer{ padding:15px 0; text-align:center; line-height:normal;/* overflow:auto;*/ margin:0px auto; font-family:Arial, Helvetica, sans-serif!important}

#essContentsContainer .itemDescriptionC *, .tabBox *{font-family:Arial, Helvetica, sans-serif!important}

.mdl-Box{ margin-bottom:15px; color:#333; font-size:13px; }
.mdl-Box .pad{ padding:15px; border:1px solid #e6e6e6; border-top:0; }
.mdl-Box ol, .mdl-Box ul{ margin:5px 0; padding-left:20px; }
.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; }
.mdl-Box p{ font-size:13px; }



/*
-----------------------------------------------------------------------------------
ESS Right column
-----------------------------------------------------------------------------------*/
.ess-colRight{ width:130px; float:right;  }
.rBox{/* margin-bottom:15px;*/ }
.rBox .pad{ padding:42px 10px; text-align:center; border:1px solid #e6e6e6; border-top:0; }
.rBox.rScroll .block-title span{ font-size:14px; }
.rBox.rScroll .block-title{ font-size:13px; }

/*
-----------------------------------------------------------------------------------
ESS Side Promo Banners
-----------------------------------------------------------------------------------*/
.promo-widget{ text-align:center; }
.promo-widget *{ vertical-align:top; }
.promo-widget a{ display:inline-block; margin-bottom:15px; }
.promo-widget img{ display:inline-block; margin-bottom:15px; }
.promo-widget a img{ display:block; margin-bottom:0; }
.promo-widget a img, .promo-widget img.lst, .promo-widget a.lst{ margin-bottom:0; }

/*
-----------------------------------------------------------------------------------
ESS Left column
-----------------------------------------------------------------------------------*/
.ess-colLeft{ width:200px; float:left; }
.catz .block-title{ }
.lBox{ margin-bottom:15px; }
.lBox .pad{ border:1px solid #e6e6e6; border-top:0; background:#f7f7f7; }
.lBox.catz .pad{ }
.lBox.catz ul{ margin:0; padding:0; list-style-type:none; }
.lBox.catz ul li{ margin:0; padding:0; list-style-type:none; border-bottom:1px solid #e6e6e6; }
.lBox.catz ul li:last-child{ border-bottom:0; }
.lBox.catz ul li a{ display:block; font-size:13px; font-weight:normal; padding:8px 10px; color:#555; padding-left:15px; background:url(../images/arw-catz-list.png) 5px 9px no-repeat; }
.lBox.catz ul li a:hover{ text-decoration:none; background-color:#def3f8; }


#promo-btn{ height:34px; margin-top:15px; text-align:center; margin-bottom:15px; }
#promo-btn a{ display:inline-block; background:#256990; color:#fff; font-size:16px; height:32px; line-height:33px; text-decoration:none;   width:194px; margin-left:10px; margin-bottom:15px; }
#promo-btn a#ask{ margin-left:0; }
#promo-btn a#ask i{ background:url(../images/icon-ask.png) center center no-repeat; }
#promo-btn a#watch i{ background:url(../images/icon-watch.png) center center no-repeat; }
#promo-btn a#tellafriend i{ background:url(../images/icon-user.png) center center no-repeat; }
#promo-btn a i{ float:left; margin-right:10px; text-indent:-9999px; height:100%; width:40px; background-color:#e84a25 !important; }
#promo-btn a span{ }
#promo-btn a:hover{ color:#fff ; background-color:#000 !important; }
#promo-btn a:hover i{ }

.col-mdl{ margin:0 0 0 15px; padding:0; border:0; float:left; width:740px; background:#fff;}

#itemDescription > h1 {font-size: 15px;margin: 0 0 13px;
}
.img-box{width:375px; float:left;}
.enlarge{ padding:10px 0; text-align:center; border:1px solid #e6e6e6; border-top:0; }
.enlarge.left{ width:375px; margin:0 auto; float:left; }
.enlarge span{ display:inline-block; background:url(../images/icon-zoom.png) right center no-repeat; padding-right:18px; font-size:11px; text-transform:uppercase; color:#555; }

.itemTitle{ border-bottom:1px solid #e6e6e6; margin-bottom:15px; padding-bottom:15px; }
.itemTitle *{ margin:0; padding:0; color:#333; font-weight:normal; font-size:20px; }

#newVideo{ text-align:center; padding:10px 0; }
#newVideo object{ }
.ess-gallery{ text-align:center; }

.img-holder{ width:375px; text-align:center; height:375px; float:left; border:1px solid #e6e6e6; overflow:hidden; margin:0 auto; }
.img-holder img{ text-align:center; display:inline-block; border:0; }

.img-holder *{ vertical-align:middle; }
.img-holder .mdl { width:1px; height:100%; display:inline-block; }
.img-holder a{  }

.thumb{ text-align:center; font-size:0; margin-top:6px;float:right; width:320px; }
.thumb *{ vertical-align:middle; }
.thumb .mdl { width:1px; height:100%; display:inline-block; }
.thumb a{ display:inline-block; margin:6px; border:1px solid #e6e6e6; height:92px; width:92px; overflow:hidden; text-align:center;  float:left;}
.thumb img{ display:inline-block; }

#tabs{ }
#tabnav{ position: relative; margin: 0; padding:0; height:32px; border-bottom:1px solid #e6e6e6; }
#tabnav li{ margin-right:3px; }
#tabnav li, #essTabs .acrdn{ float:left; list-style-type: none; padding:0; }
#tabnav li a, #essTabs .acrdn{ float:left; white-space:nowrap; display: block; text-decoration: none; height:32px; line-height:32px; padding:0 12px; font-weight:bold; color:#333; background-color:#ccc; text-align:center; font-size:12px; text-transform:uppercase; }
#tabnav a.active, #essTabs .acrdn:hover, #essTabs .acrdn:focus, #essTabs .acrdn.active{ color:#fff; background-color:#e84a25; }

#essTabs .tabBox .acrdn{display:none ;}

#essTabs .tabBox table td{ padding:5px}

#tabs-1.panel{ display:block; }
.tabBox{ padding:15px; border:1px solid #e6e6e6; border-top:0; background-color:#f4f4f4; }
.panel{ font-size:13px; color:#555;  line-height:20px; display:none; }
.panel p{ padding:0 0 10px 0; margin:0; color:#333!important;}
.panel a{ color:#000; text-decoration:none;}
.panel a:hover{ color:#644376; }
.panel ol, .panel ul{ margin:5px 0; padding-left:20px; }
.panel ol li{ display:block; list-style:decimal; line-height:24px; }
.panel ul li{ list-style-type:disc; line-height:24px; }
.panel ul li li{ list-style-type:circle; }
.panel h3{ margin:0 0 3px 0; color:#333; font-weight:bold; }

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


.promo-img{ text-align:center; }

#featured.show-mobile{ display:none}

/*
-----------------------------------------------------------------------------------
ESS highslide
-----------------------------------------------------------------------------------*/
.highslide-wrapper{ -webkit-box-shadow: 0px 0px 42px 5px rgba(0,0,0,0.33); -moz-box-shadow: 0px 0px 42px 5px rgba(0,0,0,0.33); box-shadow: 0px 0px 42px 5px rgba(0,0,0,0.33); border: 1px solid #ddd!important;
*border: 4px solid #000!important; }
.highslide-wrapper, .highslide-outline{ background: #FFFFFF; }
.highslide-caption{ padding: 5px; border-top: 1px solid #ddd; }
.highslide-loading{ color: black; border: 1px solid black; background-color: white; background-image: url(../images/highslide/loader.white.gif); }
.highslide-html{ background: none; }
.highslide-header ul a{ background-image: url(../images/highslide/controlbar-text-buttons.png); padding-left: 16px; display: inline-block; height: 16px; }
.highslide-header ul li span{ display: none; }
.highslide-header .highslide-move{ display: none; }
.highslide-header .highslide-close a{ background-position: 0 -221px; }


/*
-----------------------------------------------------------------------------------
ESS Footer
-----------------------------------------------------------------------------------*/
#ess-foot{ background:none;}

.foot-InfoBox{height:107px;background:#ededed;  margin-bottom:15px}
.foot-InfoBox .InfoBoxpad{ padding:0; border:none}
.foot-InfoBox .box{ float:left; color:#363636; padding:20px 0 0 0; margin:0;height:87px;}
.foot-InfoBox .box strong{ font-weight:bold; font-size:16px; display:block;}
.foot-InfoBox .box1, .foot-InfoBox .box2, .foot-InfoBox .box3, .foot-InfoBox .box4  {max-width:225px; width:100%;background:url(../images/foot-infobg.png) right top no-repeat; padding-left:15px}
.foot-InfoBox .box1{ padding-left:15px}
.foot-InfoBox .box4{ background:none; max-width:345px; }
.foot-InfoBox .box1 .info-sml{ font-size:16px; text-transform:uppercase;  color:#6c135c; font-family:'swis721_cn_btroman'!important; }
.foot-InfoBox .box1 .info-lge{ font-size:25px; text-transform:uppercase;  color:#e84a25; font-family:'swis721_cn_btbold'!important; margin-bottom:-5px}
.foot-InfoBox .box2 .info-sml{ font-size:16px; text-transform:uppercase;  color:#e84a25; font-family:'swis721_cn_btroman'!important; }
.foot-InfoBox .box3 .info-sml{ font-size:16px; text-transform:uppercase;  color:#030303; font-family:'swis721_cn_btroman'!important; }
.foot-InfoBox .box4 .info-sml{ font-size:16px; text-transform:uppercase;  color:#3c3c3c; font-family:'swis721_cn_btbold'!important;; text-align:center; display:block}
.foot-InfoBox .box2 .info-lge{ font-size:25px; text-transform:uppercase;  color:#26abe0; font-family:'swis721_cn_btbold'!important;margin-bottom:-5px}
.foot-InfoBox .box3 .info-lge{ font-size:25px; text-transform:uppercase;  color:#e21c1c; font-family:'swis721_cn_btbold'!important;margin-bottom:-5px}
.foot-InfoBox .box4 .info-lge{ font-size:11px; text-transform:uppercase;  color:#2e2d33; font-family:'swis721_cn_btroman'!important; text-align:center; margin-top:5px}

.foot-InfoBox .box span{ display:inline-block; text-align:center; font-size:14px; color:#363636; text-transform:capitalize; text-align:left }

#foot-links{ padding:25px 0; background:#fff; border-top:5px solid #343434; }
#foot-links .col{ float: left; }


#foot-links .list1{ width:210px; }
#foot-links .list2{ width:180px; padding-left:30px; }
#foot-links .list3{ width:170px;  padding-left:30px;  }
#foot-links .list4{ width:230px;  padding-left:30px;  }
#foot-links .list5{ border:0; padding:0; margin:0; float:right; width:200px;}
#foot-links .list5 ul li{padding-top:15px; padding-bottom:15px;}


#foot-links h6{ margin:0 0 16px; padding:0; color:#3c3c3c; font-weight:bold; font-size:14px; text-transform:uppercase; }
#foot-links ul.lvl2{ margin-left:20px; }
#foot-links ul{ padding:0; margin:0; float:left; }
#foot-links ul li{ font-size:14px; margin:0; color:#3c3c3c; text-transform:capitalize; list-style:none; padding-bottom:5px; line-height:20px}
#foot-links ul li a{ text-transform:capitalize; color:#3c3c3c; position:relative; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
#foot-links .lnk a{ display:block; color:#3c3c3c; font-weight:bold; }
#foot-links ul li.adrs{ background:url(../images/icon-map.png) left top no-repeat; padding-left:26px; margin-bottom:5px; }
#foot-links ul li.reg{ padding-left:25px;  }
#foot-links ul li.num{ background:url(../images/icon-phone.png) left 0 no-repeat; padding-left:25px; margin-bottom:5px; }
#foot-links ul li.num span{ }
#foot-links ul li.email a{ background:url(../images/icon-mail.png) left center no-repeat; padding-left:25px; text-transform:none; }
#foot-links ul li a:hover{ color:#fe0909; text-decoration:none; padding-left:10px; }
#foot-links ul li.email a:hover{padding-left:30px;}
#foot-links ul li.email a:hover:before{visibility:hidden; opacity:0; }

#foot-links ul li a:before{content:""; position:absolute; visibility:hidden; opacity:0; left:0; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; background:url(../images/footer-arw.png) left 7px no-repeat; width:12px; height:15px; }
#foot-links ul li a:hover:before{visibility:visible; opacity:1;  transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; }

/*
-----------------------------------------------------------------------------------
ESS Copyright
-----------------------------------------------------------------------------------*/
.footerBot{ background:#343434; text-align:center; margin-bottom:15px;}
#ess-foot .footerBot .essWrap{ }
.footerBot *{  }
.cpyright{ color:#fff; font-size:13px; height:auto;  padding:0px 13px;}
.cpyright .txt{ font-size:12px; float:left; margin-top:10px; }
.cpyright a{ color:#fff!important; text-decoration:none; }
.cpyright a:hover{ color:#fc3940!important; }
.footer-logo{display:inline-block;}

.dsgn{ float:right; margin:5px 0 3px!important; font-size:12px;}
.dsgn span{ padding:5px 0; float:left; display:block; }
.dsgn a{ font-weight:normal; background:url(../images/icon-ess24x24.png) left center no-repeat; padding:5px 0 5px 27px; height:14px; float:left; margin-left:3px; display:block; }


.cInfo{ float: right; background-color:#e84a25; color: #fff; height: 45px; padding: 0 12px; }
.cInfo .email{ font-size: 17px; color: #fff; display:inline-block; padding-left: 24px; background: url(../images/icon-email-info.png) 0 center no-repeat; text-decoration: none; margin-right: 10px; margin-top: 12px; vertical-align:middle; }
.cInfo .num{ font-size: 20px; display:inline-block; padding-left: 20px; background: url(../images/icon-phone-info.png) 0 0 no-repeat; margin-top: 12px; vertical-align:middle; }