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


#essHeader{ }

.toplinks{ border-bottom:5px solid #e3e3e3; padding:10px 0}
.welcome-msg {color: #1e1e1e;float: left;font: 11px normal Arial,Helvetica,sans-serif;margin: 0;padding: 0;width: auto;}


.top-nav{ font-size: 11px; margin:0!important; padding:0; float:right }
.top-nav li{ float:left; }
.top-nav li a{ float:left; color:#1e1e1e; display:inline-block; padding:5px 8px; line-height:5px }
.top-nav li a:hover{ color:#9b74bb; }
.top-nav li:last-child{ border-right:0; }
.top-nav li:last-child a{ padding-right:0; }

.main-head{ padding:15px 0; position:relative; border-bottom:1px solid #d0d0d0; }

.logo-wrap{ text-align: center; background: url(../images/bg.png) center bottom repeat-x; padding-top:20px; margin-bottom:15px; }
.shoplogo{ display: inline-block; }
.shoplogo img{ border:0; }

.head-right{ text-align: right; vertical-align: bottom;vertical-align: middle; }



.dlvryInfo h3{ margin:0; font-size:12px; color:#777; margin-right:35px; padding-left:35px;  font-weight:normal; }
.dlvryInfo .box1{ background:url(../images/icon-box.gif) left center no-repeat; }
.dlvryInfo .box2{ background:url(../images/icon-locked.gif) left center no-repeat; }

.contact-info{ color:#6ac17c; text-align:right;display:inline-block; float:right }
.contact-info .cinfo{ margin:0;font-weight:normal; font-size:21px; display:inline-block }
.contact-info .cinfo span{ display: block; }
.contact-info a{ font-weight:normal; font-size:13px; color:#777!important; text-decoration:none; }
.contact-info P{ }
.cInfo i{color: #417ac1; font-size: 16px;}
.cInfo  a{vertical-align: middle;}

.scInfo{ float:right; text-transform:capitalize; text-align:right; color:#417ac1; font-size:12px;font-weight:bold }
.infodetails{font-size:12px; color:#000; text-transform:lowercase; text-align:right}


.secondary-head{ position: absolute; top:100%; right:0; z-index:999; }
.inline-block {    display: inline-block;}


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

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


.joinLinks a:hover .popup{ display:block; }
.joinLinks span{ position: relative; display:block; border:1px solid #9d76bd; 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; }



.InfoBox{ padding:0; text-transform: uppercase; margin-bottom:1px;background: #fefefe;
background: -moz-linear-gradient(top,  #fefefe 0%, #fafafa 68%, #f8f8f8 100%);
background: -webkit-linear-gradient(top,  #fefefe 0%,#fafafa 68%,#f8f8f8 100%);
background: linear-gradient(to bottom,  #fefefe 0%,#fafafa 68%,#f8f8f8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f8f8f8',GradientType=0 );
 margin-bottom:10px	 }
.InfoBox .pad{ color:#8660a6; font-size:12px; }

.InfoBox .box{ padding:0 10px; text-align: center; }

.InfoBox .box + .box{}



.InfoBox .box span{ display:inline-block; text-align:left; padding:10px 0; padding-left:24px; background-position:  0 center; background-repeat: no-repeat; font-size:14px }
.InfoBox .box1{ padding-left:10px; text-align: left; }
.InfoBox .box4{ padding-right: 0; text-align: right; }

.InfoBox .box1 span, .InfoBox .box2 span, .InfoBox .box3 span{ background-image:url(../images/icon-tick.png); padding-left: 20px; }


 .main-slider{ margin-bottom:15px}


.main-menu input[type="checkbox"] {
    display:none;
}
/* 1. Catz Menu
   ----------------------------- */

@media only screen and (min-width:1025px){

.main-menu{background: #bb90df;
background: -moz-linear-gradient(top,  #bb90df 0%, #9872b7 100%);
background: -webkit-linear-gradient(top,  #bb90df 0%,#9872b7 100%);
background: linear-gradient(to bottom,  #bb90df 0%,#9872b7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb90df', endColorstr='#9872b7',GradientType=0 );

 position:relative;}


#topcatz > ul > li{ display:table-cell; vertical-align:middle; font-size:14px; border-left:1px solid #8a65a7; border-right:1px solid #cfa7f1; }
#topcatz > ul > li:first-child{ border-left: 0; }
#topcatz > ul > li:last-child{ border-right: 0; }
#topcatz > ul > li > a{ font-size:12px; height: 40px; line-height:40px; font-weight:normal }

#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:0 12px; }

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

#topcatz .sf-menu li.home{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#707070+0,2d2d2d+100 */
/*background: #299ae6;
background: -moz-linear-gradient(top,  #299ae6 0%, #197fc4 100%);
background: -webkit-linear-gradient(top,  #299ae6 0%,#197fc4 100%);
background: linear-gradient(to bottom,  #299ae6 0%,#197fc4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299ae6', endColorstr='#197fc4',GradientType=0 );*/

}

#topcatz > ul > li:hover > a, #topcatz .sf-menu .home:hover{
background: #4171b1;
background: -moz-linear-gradient(top,  #4171b1 0%, #548fd8 100%);
background: -webkit-linear-gradient(top,  #4171b1 0%,#548fd8 100%);
background: linear-gradient(to bottom,  #4171b1 0%,#548fd8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4171b1', endColorstr='#548fd8',GradientType=0 );


}

#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: #fff 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:1000; background:#417ac1; }

#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 #fff; text-align:left; font-weight:normal; color:#fff;}
#topcatz .sf-menu ul li:last-child > a{ border:0; }

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

#topcatz .sf-menu li.mre ul{ left:auto; right:0;/* width:1180px;*/}

#topcatz .sf-menu li.mre ul li{ width:230px; float:left; }

#topcatz .sf-menu li.mre ul ul{ left:80%; right:auto; width:250px; }
#topcatz .sf-menu li.mre ul ul li{ width:auto; margin:0; float:none; }

#topcatz .sub.mre{background: #4171b1;
background: -moz-linear-gradient(top,  #4171b1 0%, #548fd8 100%);
background: -webkit-linear-gradient(top,  #4171b1 0%,#548fd8 100%);
background: linear-gradient(to bottom,  #4171b1 0%,#548fd8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4171b1', endColorstr='#548fd8',GradientType=0 );}


}

/* 2. Mobile Menu
   ----------------------------- */
@media only screen and (max-width:1024px){
	
	
.main-menu .menu-toggle{ display:block; }
.show-mobile{ display:block!important}
  #topcatz .sf-menu li.home{ display:block; }

.main-menu{ margin-bottom:15px}

#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:#fff; box-shadow:4px 4px 0 0 rgba(35,35,35,0.1); font-weight: bold; }

.menu-toggle{ background: #bb90df;
background: -moz-linear-gradient(top,  #bb90df 0%, #9872b7 100%);
background: -webkit-linear-gradient(top,  #bb90df 0%,#9872b7 100%);
background: linear-gradient(to bottom,  #bb90df 0%,#9872b7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb90df', endColorstr='#9872b7',GradientType=0 );background-color: #187dc1; position:relative; vertical-align:middle; cursor:pointer; }


.menu-toggle .menutxt span{ display: inline-block; vertical-align: middle; font-size:14px; color:#fff; font-weight: bold; text-transform:uppercase; padding-left:10px; }
.menu-toggle .menu-icon{ width:25px; vertical-align:middle;  padding:10px 15px; background: #bb90df;
background: -moz-linear-gradient(top,  #bb90df 0%, #9872b7 100%);
background: -webkit-linear-gradient(top,  #bb90df 0%,#9872b7 100%);
background: linear-gradient(to bottom,  #bb90df 0%,#9872b7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb90df', endColorstr='#9872b7',GradientType=0 );}
.menu-toggle .menu-icon span{ display: inline-block; vertical-align: middle; }
.menu-toggle .menu-icon i{ display:block; background-color:#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:36px; line-height:36px; 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:#fff; }

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


#topcatz .sf-menu{ background:#fff; position:relative; border:1px solid #a3a3a4; 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:#417ac1; border-top:1px solid #fff; padding:10px 15px; color:#fff; text-transform:uppercase; }


#topcatz .sf-menu a:hover,
#topcatz [id^="sub"]:checked ~ a{ background-color:#dec0f8;  }
#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; }


}