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

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


.head-left{padding-left:0px;}
.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:#fff; display:inline-block; padding:0 8px; }
.top-nav li a:hover{ color:#dfdfdf; }
.top-nav li:last-child{ border-right:0; }
.top-nav li:last-child a{ padding-right:0; }

.main-head{ padding:20px 0; background:#fff;}
.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:#6d6f71; }
.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; font-family: 'Myriad Web'; }

.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:#0f3188 ; border-width:8px; left:50%; margin-left:-8px; }
.joinLinks .popup:before { border-top-color:#0f3188 ; border-width:9px; left:50%; margin-left:-9px; }


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

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

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

.InfoBox{ margin-bottom:15px; }
.InfoWraper{border:1px solid #ccc;}
.InfoBox .pad{ color:#454545; font-size:13px; }
.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*/
.main-menu input[type="checkbox"] {display:none;}

#topcatz a{text-decoration:none;}

/* 1. Catz Menu
   ----------------------------- */
@media all and (min-width:801px), (min-device-width:801px){

.main-menu{ background:#ed1a3b; position:relative;}


#topcatz > ul > li{ display:table-cell; vertical-align:middle; font-size:14px; float:left; }
#topcatz > ul > li:first-child{ border-left: 0; }
#topcatz > ul > li:last-child{ border-right: 0; }
#topcatz > ul > li > a{ font-size:14px; }

#topcatz .sf-menu label{ display: none; }


#topcatz .sf-menu{ text-align:center; display:table; width:100%; border-spacing:0; }
#topcatz .sf-menu li{ position: relative; }
#topcatz .sf-menu li a{ color:#fff; text-transform:uppercase; display:block; padding:12px 10px; }

#topcatz .sf-menu li.home a{ background:url(../images/icon-home.png) center center no-repeat!important; text-indent:-99999px; padding-left:15px; padding-right:15px; }

#topcatz > ul > li:hover > a{
 background:#000;
}

#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 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);
  border-color: #0f3188 transparent transparent transparent;

}




/* Sub Menu */
#topcatz .sf-menu li:hover > ul{ display: block; }
#topcatz .sf-menu ul{ display:none; position:absolute; top:100%; left:0; width:230px; box-shadow:4px 4px 0 0 rgba(35,35,35,0.1); z-index:99; background:#f5f5f5; }

#topcatz .sf-menu ul ul{ top:0; left:98%; z-index:999; }
#topcatz .sf-menu ul li a{ font-size:12px; padding-top:10px; padding-bottom:10px;  border-bottom:1px solid #e5e5e5; text-align:left; font-weight:normal; color:#000;}
#topcatz .sf-menu ul li:last-child > a{ border:0; }

#topcatz .sf-menu ul li:hover > a{ background:#ccc; color:#ec1f27; }

#topcatz .sf-menu li.mre ul{ left:auto; right:0; }
#topcatz .sf-menu li.mre ul ul{ left:auto; right:100%; }
}


/* 2. Mobile Menu
   ----------------------------- */
@media only screen and (max-width:800px){

.main-menu{ margin-bottom: 15px; background:#000; }

#topcatz ul{ max-height:0; overflow: hidden; }

/*#topcatz [id^="mobilemenu"]:checked + ul.sf-menu{ height:100%; max-height:0; overflow: hidden; }*/

#topcatz [id^="sub"]:checked ~ ul{ max-height:2500px; }

#topcatz{ color:#fff; text-align:left; background:#000;  }

.menu-toggle{ background-color: #ed1a3b; position:relative; vertical-align:middle; font-weight:normal; color:#fff; cursor:pointer; border:1px solid #ddd; }


.menu-toggle .menutxt{ font-size:14px; text-transform:uppercase; color:#fff; font-weight:600; }
.menu-toggle .menu-icon{ width:25px; vertical-align:middle;  padding:10px 15px; background:#ed1a3b; }
.menu-toggle .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; }

#topcatz .sf-menu label{ cursor:pointer; width:36px; height:40px; line-height:40px; font-size:22px; position:absolute; top:0; right:0; z-index:99; color:#555; text-align:center; font-family: arial; }
#topcatz .sf-menu label:hover, #topcatz [id^="sub"]:checked + label{ background-color:rgba(0, 0, 0, 0.26); color:#444; }

#topcatz .sf-menu label:before{ content:'+'; }
#topcatz [id^="sub"]:checked + label:before{ content:'-'; }


#topcatz .sf-menu{ background:#fff; position:relative; border:1px solid #ddd; border-top:0; margin-top:-1px; }
#topcatz .sf-menu li{ background:none; position:relative; }
#topcatz .sf-menu a{ cursor:pointer; display:block; font-size:12px; background-color:#f9f9f9; border-top:1px solid #eee; padding:12px 15px; color:#000; text-transform:uppercase; }


#topcatz .sf-menu a:hover,
#topcatz [id^="sub"]:checked ~ a{ background-color:#ccc; color:#ec1f27;  }
#topcatz [id^="sub"]:checked ~ a{ font-weight: bold; }



/*#topcatz .sf-menu a:not(:only-child){ display: none; }*/


#topcatz .sf-menu ul li{ border:0; }
#topcatz .sf-menu ul a{ padding-left:20px; border-left:3px solid #ddd; }
#topcatz .sf-menu .mre > ul{ max-height: none; }
#topcatz .sf-menu .mre > ul > li > a{ padding-left:15px; border-left:0; }

#topcatz .sf-menu .mre ul ul ul{ display: none; }

}