/*------------------------------------------------------------------------
* Copyright (c) 2008-2013 ZooTemplate. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: ZooTemplate
* Websites:  http://www.zootemplate.com
-------------------------------------------------------------------------*/
/* COMMON STYLE
--------------------------------------------------------- */
.menusys_mega {margin-top: 20px;display: inline-block; float:left;margin-left: 20px;}

#menusys_mega {margin: 0px; width:100%;}
#menusys_mega .menusub_mega {/*display:none;*/}



#menusys_mega li {
	padding: 0;
	margin:0;
	float: left;
	display: block;
	background: none;
}
#menusys_mega li a {
	padding: 0 14px ;
	display: inline-block;
	text-decoration: none;
	position: relative;
	z-index: 99;
}
#menusys_mega  li .menu-title {
    padding: 0 ;
	line-height: 30px;
	display: inline-block;
	color: #fff;
	font-size: 130%;
	/*font-family: Times New Roman,Times,serif;*/
}
#menusys_mega li:hover a,
#menusys_mega li a:hover,
#menusys_mega li a:active,
#menusys_mega li a:focus,
#menusys_mega li a.active,
#menusys_mega li a.active:hover,
#menusys_mega li a.active:active,
#menusys_mega li a.active:focus {
}
#menusys_mega li:hover .menu-title,
#menusys_mega li a:hover .menu-title,
#menusys_mega li a:active .menu-title,
#menusys_mega li a:focus .menu-title,
#menusys_mega li a.active .menu-title,
#menusys_mega li a.active:hover .menu-title,
#menusys_mega li a.active:active .menu-title,
#menusys_mega li a.active:focus .menu-title {
	color:#fff;
}

#menusys_mega li.hasChild span.no-image,
#menusys_mega li.hasChild a.active span.no-image {
	display: block;
	padding-right: 0;
}

#menusys_mega ul li.first-item a,
#menusys_mega ul li.first-item .no-image{
	padding: 0;
	overflow: hidden;
}
#menusys_mega ul li.first-item {
	overflow: hidden;
	padding: 0;
}
#menusys_mega ul li.first-item .menu-title,
#menusys_mega ul li.first-item a:hover .menu-title{
	text-indent: 0;
	display: block;
	width: auto;
	background: none;
	padding: 0;
}
/* MegaMenu Border
--------------------------------------------------------- */

#menusys_mega .menusub_mega {position: absolute; padding: 5px 0;z-index: 999;margin-top: 0px !important;}
#menusys_mega .submenu-wrap {float: left;background: #eef1f3;display: inline-block;min-width: 150px;}

/*#menusys_mega li.hasChild div.subwraptop{background: url(../images/arrow-mega.png) no-repeat scroll center bottom transparent;
    height: 10px;
    z-index: 99;}*/

#menusys_mega div.subwrapcenter-left{}
#menusys_mega div.subwrapcenter-right{
	border-top: 0;
	display: block;
	overflow: hidden;
}
#menusys_mega div.subwrapcenter{ margin: 0 0 10px 10px; display: inherit; overflow: hidden; width:190px; display: inline-block; }

#menusys_mega .menusub_mega .menusub_mega{margin: -50px 0px 0px 0px !important;}
/*#menusys_mega div.menusub_mega div.menusub_mega div.subwraptop {
	background: none;
}*/

#menusys_mega div.subwrapcenter-left div.subwrapcenter-left {padding:3px;background:#8a8a8a;}

#menusys_mega div.subwrapcenter-right div.subwrapcenter-right{background:#eef1f3;}

#menusys_mega .megacol ul.mega-ul li.hasChild .submenu-wrap{
	
}

#menusys_mega div.subwrapcenter .submenu-wrap{}

#menusys_mega .megacol ul.mega-ul{margin:  10px 10px 0 10px;}

#menusys_mega .megacol {float: left;width: 170px;display: inline-block;}


/*Child Content------------*/

#menusys_mega .menu-image {
	border: none;
	float: left;
	line-height: 44px;
	padding: 8px 0 0;
	margin-right: 3px;
}
#menusys_mega span.has-image {
	display: block;
	background-repeat: no-repeat;
	
}
#menusys_mega ul.mega-ul a.item span.no-image,
#menusys_mega ul.mega-ul a.active span.no-image {
	display: block;
}
#menusys_mega ul.mega-ul a:hover span.no-image{
	background: none;
}
#menusys_mega .megacol ul.mega-ul li.hasChild{
	background:url("../images/mega/arrowchild-ltr.png") no-repeat scroll 80% 7px ;
}

/* Mega Group	----------*/
#menusys_mega .menusub_mega .mega-group {
	overflow: hidden;
	padding: 5px 0 5px 10px;
	background: #e7e1e1;
	border-bottom: 1px solid #aaaaaa;
}

#menusys_mega li.hasChild .mega-group span.has-image,
#menusys_mega li.hasChild .mega-group span.no-image{
	background: none !important;
	margin:0;
	padding: 1px 0 1px 0;
	display: block;
}
#menusys_mega .mega-group span.has-image{padding: 3px 0 3px 25px;}

#menusys_mega li.hasChild .mega-group a{
	padding: 0 ;
	background: none !important ;
}

#menusys_mega .menu-desc{
	padding: 0 ;
	line-height: 15px;
	font-size: 90%;
	color: #333;
	display: block;
}

#menusys_mega li.hasChild .mega-group a .menu-title,
#menusys_mega li.hasChild .mega-group a:hover .menu-title,
#menusys_mega li.hasChild .mega-group a.active .menu-title{
	padding-right: 0;
	text-shadow: none;
	line-height: 20px;
	font-weight: bold;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
}


/* Level2 MegaMenu
--------------------------------------------------------- */


#menusys_mega .megacol ul.mega-ul li {
	padding: 0 0 1px 0;
	float: none;
	display: block;
	background: none;
	border-bottom: 1px dashed #cecece;
}
#menusys_mega span.has-image,
#menusys_mega li .megacol ul.mega-ul li span.no-image,
#menusys_mega li .megacol ul.mega-ul li a.active span.no-image{
	padding:0 0 0 5px;
	background:url("../images/a-haschild.png") no-repeat 5px 10px!important;
}

#menusys_mega li .megacol ul.mega-ul li.hover a:hover span.no-image{background-position: 5px 10px;}

#menusys_mega li.hasChild  ul a,
#menusys_mega li.hasChild  ul a.active,
#menusys_mega li.hasChild:hover ul a {
	padding: 0;
	margin: 0;
	display: block;
	background: none;
	position: static;
	text-shadow: none;
}

#menusys_mega li.hover ul.mega-ul a .menu-title,
#menusys_mega li.hasChild ul.mega-ul li a .menu-title,
#menusys_mega li.hasChild ul.mega-ul li a.active .menu-title,
#menusys_mega li.hasChild ul.mega-ul li a.focus .menu-title{
	line-height: 23px;
	margin: 0;
	padding: 2px 0 2px 10px;
	display: block;
	color: #3b3b3b ;
	font-size: 12px ;
	font-weight: normal;
	text-transform: none;
	text-shadow: 1px 1px 1px #fff;

}
#menusys_mega li.hasChild  ul a span.has-image .menu-title,
#menusys_mega li.hasChild:hover  ul a span.has-image .menu-title,
#menusys_mega li.hasChild  ul a:hover span.has-image .menu-title{
	padding: 2px 0 2px 10px;
	margin: 0;
	background: none;
}
#menusys_mega li.hasChild  ul a:hover ,
#menusys_mega li.hasChild  ul a:active,
#menusys_mega li.hasChild  ul a:focus,
#menusys_mega li.hasChild  ul.mega-ul  a.active:hover {
	text-decoration: none;
	margin: 0;
	padding-left: 0px;
	background:#fff;
	display: block;
}

#menusys_mega li.hover  ul.mega-ul a:hover .menu-title,
#menusys_mega li.hasChild  ul.mega-ul a:hover .menu-title,
#menusys_mega li.hasChild  ul.mega-ul a:active .menu-title,
#menusys_mega li.hasChild  ul.mega-ul a:focus .menu-title,
#menusys_mega li.hasChild  ul.mega-ul a.active:hover .menu-title{
	color: #d5453d;
}

/* Drilldown Menu */
.navbar-header{display: inline-block; background: #f3f3f3;width: 100%;}
.zt-drillmenu-inner{  margin:5px 0 30px !important; position:relative; 	 -webkit-border-radius: 5px;  border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px #ededed; box-shadow: 0px 0px 5px 0px #ededed; }
.hdrillmenu{ width: 100%; float:left; 	}
.zt-drillmenu-inner h3{ float:left; width: 50%; line-height:30px; margin:0;  color:#000000;}
.zt-drillmenu-inner h3 span{ padding: 10px 10px;margin:0; float:left;}
.collapse { clear: both;}
.navbar{ margin:0;}
.zt-drillmenu-inner .btn-navbar{ background:url('../images/icon-all.png') no-repeat 0 -281px; height: 37px; width: 52px; margin: 5px 10px; display: block;text-align: right; padding: 0;}
.zt-drillmenu-inner .btn-navbar span{ display: none;}
.zt-navbar { padding: 0 0 0 10px;  height:41px; line-height:41px; background:#ffffff; line-height:41px; color:#2F3E46; font-size:120%; }
.zt-navbar .btn-navbar{ 	margin:5px 10px 0 0; float:right; }
.nav-drilldown { width: 100%;  }
ul.nav-drilldown { padding: 0; margin: 0; line-height: 0.5em; list-style: none; margin: 0; }
ul.nav-drilldown li {position: relative; background:0; padding:0;}
ul.nav-drilldown li img{margin:0 5px 0 0 ;}
.navbar-inner{ background: #ffffff !important; }
.nav-collapse, .nav-collapse.collapse { 	display: block !important; }
ul.nav-drilldown li a { padding: 0 0  0 15px; height:41px; line-height:41px; display: block; color: #2F3E46; font-size: 120%; text-decoration: none; font-weight:bold;  	background:url('../images/mobile/bkg-itemmenu.png') bottom left repeat-x;}
.navbar-inner{ background: #ffffff !important; }
.menusys_drill, .menusys_drill.collapse { display: block !important; }
ul.nav-drilldown li a { padding: 0 0  0 15px; height:41px; line-height:41px; display: block; color: #2F3E46; font-size: 120%; text-decoration: none; font-weight:bold; 	background:url('../images/mobile/bkg-itemmenu.png') bottom left repeat-x; }
ul.nav-drilldown li a span{ width: 100%; text-align: left; float:left; }
ul.nav-drilldown li a img{ margin:0 10px 0 0 ;}
ul.nav-drilldown li a:hover { background-color:#675C7C; color:white; }
ul.nav-drilldown ul { margin: 0; padding: 0; display: none; }
ul.nav-drilldown ul li { margin: 0; padding: 0; clear: both;  }
ul.nav-drilldown ul li a { padding-left: 30px; font-size: 13px;  outline:0; text-align: left !important;}
ul.nav-drilldown ul li a span{padding:0 0 0 20px; background: url('../images/drill-arrow.png') no-repeat scroll left 50%; text-align: left; }
ul.nav-drilldown ul li a:hover { background-color:#D3C99C; color:000; }
ul.nav-drilldown ul li.active { font-weight: bold; }
ul.nav-drilldown ul ul li a { color:#fff; padding-left: 50px; }
ul.nav-drilldown ul ul ul li a { color:#fff; padding-left: 70px; }
ul.nav-drilldown ul ul li a:hover { background-color:#D3CEB8; color:#ffffff; }
ul.nav-drilldown li span.expand { background:url("../images/icon-all.png") no-repeat 0 -240px; cursor: pointer; display: block; height: 23px;  position: absolute; right: 0; text-indent: -9999px;  top: 9px; width: 38px; z-index: 9;  -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear; }
ul.nav-drilldown li span.collapse { background: url("../images/icon-all.png") no-repeat 0 -204px;   cursor: pointer; display: block; height: 23px; position: absolute;  right: 0;  text-indent: -9999px;  top: 9px;    width: 38px;  z-index: 9; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear; }
ul.detail-parent { padding: 0 0 0 17px; margin: 0px; }