/*
-----------------------------------------------------------------------------------
ESS Header
-----------------------------------------------------------------------------------*/
.header-top{ color:#000; font-size:11px; padding: 12px 0; background-color: #ddd; text-transform: uppercase; }

.welcome-msg{ padding-left: 15px; }


.head-left{padding-left:10px;}
.head-right{padding-right:10px;}


.top-nav{ margin-right: 15px; }
.top-nav li{ float:left; }
.top-nav li + li{  }
.top-nav li a{ float:left; color:#000; display:inline-block; padding:0 8px; }
.top-nav li a:hover{ color:#800000; }
.top-nav li:last-child{ border-right:0; }
.top-nav li:last-child a{ padding-right:0; }

.main-head{ padding:20px 0; background:#38396e;}
.shoplogo{ }
.shoplogo a{ display:block; }
.shoplogo img{ border:0; display:block; }

.main-head .inline-block{ vertical-align:middle; }
.main-head .inline-block + .inline-block{ margin-left:13px; }



.joinLinks{ font-size:0; text-align:right; color:#fff; }
.joinLinks a{ width:25px; height:25px; font-size:12px; color:#888!important; text-align:center; text-decoration:none; margin-left:2px; position:relative; display:inline-block; vertical-align:middle; }
.joinLinks a:hover{ }
.joinLinks a img{ margin-top:6px; }
.joinLinks .popup{ display:none; position:absolute; z-index:1000; bottom:100%; margin-bottom:10px; width:140px;  margin-left:-57px; }

.joinLinks .popup:after, .joinLinks .popup:before{ position:absolute; pointer-events:none; border:solid transparent; margin-top: -1px; top:100%; content:""; height:0; width:0; }
.joinLinks .popup:after{ border-top-color:#fff; border-width:8px; left:50%; margin-left:-8px; }
.joinLinks .popup:before { border-top-color:#000; border-width:9px; left:50%; margin-left:-9px; }


.joinLinks a:hover .popup{ display:block; }
.joinLinks span{ position: relative; display:block; border:1px solid #333; background-color: #fff; color:#000; font-size:12px; height:30px; line-height:30px; text-align:center; }

.joinLinks strong{ font-weight:normal; font-size:13px; display:inline-block; vertical-align:middle; margin-right: 5px; }

.contact-info {color:#fff; text-transform:lowercase; font-size:12px; margin-top:10px; }
.contact-info .mail{background:url(../images/icon-mail-join.png) left center no-repeat; margin:0; padding-left:20px;}
.contact-info .mail a{color:#fff;}
.contact-info .ph-no{background:url(../images/icon-contact-phone.png) left center no-repeat;  margin:0; margin-left:10px; padding:3px 0 3px 19px;}

.InfoBox{ margin-bottom:15px; }
.InfoWraper{border:1px solid #ccc;}
.InfoBox .pad{ color:#454545; font-size:11px; }
.InfoBox .box{ text-align:center; padding:10px 8px; border-right:1px solid #ccc;}
.InfoBox .box4{border:none;}
.InfoBox .box + .box{  }
.InfoBox .box strong{ font-weight:bold; font-size:16px; display:block; }
.InfoBox .box span{ display:inline-block; text-align:left; line-height:20px; padding-left:24px; background-position:  0 center; background-repeat: no-repeat; }

.InfoBox .box1 span{ background-image:url(../images/icon-info1.png); padding-left: 30px; }
.InfoBox .box2 span{ background-image:url(../images/icon-info2.png); }
.InfoBox .box3 span{ background-image:url(../images/icon-info3.png); }
.InfoBox .box4 span{ background-image:url(../images/icon-info4.png); }


/*topcatz*/

#topcatz .toggle, #topcatz [id^=drop] { display: none;}
#topcatz ul { float: none; padding: 0; margin: 0; list-style: none; position: relative;}
#topcatz ul li { margin: 0px; display: inline-block; float: left;}
#topcatz ul li.sub a {background:#38396e;}
#topcatz a { display: block; padding: 0 10px; color: #FFF; font-size: 11px; line-height: 45px; text-decoration: none; text-transform:uppercase;}
#topcatz ul li ul li:hover { background: #38396e; }
#topcatz a:hover { background-color: #38396e; }
#topcatz ul ul { display: none; position: absolute; top: 45px; z-index:1000;}
#topcatz ul li:hover > ul { display: inherit; }
#topcatz ul ul li { width: 200px; float: none; display: list-item; position: relative; background:#4d4e95; border-bottom:1px solid #3e4078; z-index:1004;}
#topcatz ul ul ul li { position: relative; top: -45px; left: 200px;}
#topcatz > ul > li:hover > a{ background:#38396e;}
#topcatz .sf-menu li > a:after{  content: ""; vertical-align: middle; display: inline-block; border-style: solid; border-width: 6px 5px 0 5px; border-color: #ffffff transparent transparent transparent; margin-left: 5px; margin-top: -3px;}
#topcatz .sf-menu ul li a {line-height:36px; font-size:11px;}
#topcatz .sf-menu li > a:only-child:after{ display: none;}
#topcatz .sf-menu ul li > a:after{ 
position:absolute; right:10px; top:50%; 
-ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);
}


#topcatz .menu-icon{ display:inline-block; vertical-align:top;  padding:12px 15px; background:none; margin-right:10px; }
#topcatz .active .menu-icon{ background:#1c88b3; }
#topcatz .menu-icon i{ display:block; background:#fff ; width:25px; height:3px; margin:3px 0; line-height:0; font-size:0; text-indent:-9999px; white-space:nowrap; }



/* Media Queries
--------------------------------------------- */
@media all and (max-width : 800px) {
#topcatz { margin: 0; }
#topcatz .toggle + a, #topcatz .sf-menu { display: none; }
#topcatz .toggle { display: block; padding: 0px; color: #FFF; cursor:pointer; font-size: 18px; line-height: 45px; text-decoration: none; }
#topcatz label{position:relative;}
#topcatz ul ul li {background:#4d4e95 !important; border:none;}
#topcatz .toggle:hover { background-color: #000000; }
#topcatz [id^=drop]:checked + ul { display: block; }
#topcatz a{text-transform:inherit;}
#topcatz ul li { display: block; width: 100%; background:#4d4e95;}
#topcatz .sf-menu ul li a {font-size:16px;}
#topcatz ul ul .toggle {padding-left:20px}
#topcatz ul li.fst a:before{height:0px;}
#topcatz a, #topcatz .sf-menu .toggle{line-height:40px; border:none; border-top:1px solid #3e4078; padding:0 12px; font-size:16px;}
#topcatz ul li a{background:none;}
#topcatz ul ul ul a { padding: 0 40px; }
#topcatz a:hover, #topcatz .sf-menu .toggle:hover{ background-color: #38396e; }
#topcatz ul ul { float: none; position: static; color: #ffffff;}
#topcatz ul ul li:hover > ul, #topcatz ul li:hover > ul { display: none; }
#topcatz ul ul li { display: block; width: 100%;}
#topcatz ul ul ul li { position: static;}
#topcatz ul .arw{ cursor:pointer; padding:0 15px; line-height:40px;  width:40px; height:40px; font-size:22px; position:absolute; top:0; right:0; z-index:1000; color:#fff; text-align:center; }
#topcatz ul .arw:before{content:'+';}
#topcatz ul .arw:hover:before, #topcatz ul .arw:focus:before, #topcatz ul .arw:active:before {content:'-';}
#topcatz ul .arw:hover, #topcatz ul .arw:active, #topcatz ul .arw:focus{background-color:#000;}
#topcatz [id^="drop"]:checked .arw:before { content:'-';}
}

.main-menu{background:#000;}