





.menusys_mega {
	margin: 0;
	padding: 0;
	width: 100%;
}
.menusys-left {
 width: 450px;
 float: left;
}
.menusys-right {
 width: 400px;
 float: right;
}
#menusys_mega {
	margin:0px;
	padding: 0;
	float: left;
	width: 100%;
}
#menusys_mega .menusub_mega {
	margin: 0;
	position: absolute;
	z-index: 888;
	padding:10px;
	background:#000000;
	border:1px solid #3c3c3c;
	border-top:0;
	
}
#menusys_mega .submenu-wrap {
	padding:0px;
	float: left;
}
/*
#menusys_mega .submenu-wrap-inner{
	padding:0px;
	float: left;
	border:1px solid #7cb627;
}
*/


#menusys_mega .megacol .submenu-wrap{
	background:0;
	border:0;
}

#menusys_mega li {
	padding: 0; 
	float: left;
	display: block;
	height:50px;
	background:url('../../../../templates/zt_zoo25/images/hr-main-menu.png') no-repeat right 50%;
	margin:0px;
}
#menusys_mega li.last-item{
	background:0;
}

#menusys_mega li a {
	padding:0px;
	display: block;
	text-decoration: none;
	z-index: 100;
	cursor:pointer;
    font-size: 130%;
	position:relative;
	z-index:10;
	padding:0;
	line-height: 50px;
}

#menusys_mega .menu-title {
    color: #ffffff;
    display: block;
	cursor:pointer;
	z-index:11;
	text-transform:uppercase;
	padding:0 23px;
}

#menusys_mega .menu-desc {
	padding: 0;
	color: #ffffff;
	border: none;
	display: block;
	font-size: 100%;
	line-height: 0;
	font-weight: normal;
	width: 100%;
	line-height: 28px;
}

#menusys_mega .menu-image {
	border: none;
	float: left;
	padding: 0px;
}
#menusys_mega .menu-image img {
}
#menusys_mega li:hover,
#menusys_mega li:active,
#menusys_mega li:focus {
}
#menusys_mega .active {
	
}

#menusys_mega li:hover a,
#menusys_mega li:active a,
#menusys_mega li:focus a,
#menusys_mega li a.active,
#menusys_mega li a.active:hover,
#menusys_mega li a.active:active,
#menusys_mega li a.active:focus {
	color: #ffffff;
	position:relative;
	z-index:10;
}
#menusys_mega li:hover a .menu-title,
#menusys_mega li:active a .menu-title,
#menusys_mega li:focus a .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: #ffffff;
	position:relative;
	z-index:15;
	background:url('../../../../templates/zt_zoo25/images/bg-arrow-menu-hover.png') bottom center no-repeat;
}
#menusys_mega li:hover a .menu-desc,
#menusys_mega li:active a .menu-desc,
#menusys_mega li:focus a .menu-desc,
#menusys_mega li a.active .menu-desc,
#menusys_mega li a.active:hover .menu-desc,
#menusys_mega li a.active:active .menu-desc,
#menusys_mega li a.active:focus .menu-desc {
	color: #ffffff;
}

span.has-image {
	display: block;
	background-repeat: no-repeat;
	background-position: 0 4px;
}
span.no-image {
	display: block;
}

#menusys_mega .mega-group{
	margin:0 5px;
	border-bottom:1px solid #616161;
}
#menusys_mega .megacol {
	float: left;
	padding: 0;
}

#menusys_mega .mega-group a{
	padding:0;
	background:0  !important;
}
#menusys_mega .mega-group .menu-title{ 
	font-size:100%;
	padding:0;
	font-weight:bold;
	line-height:100%;
	color:#ffffff !important;
	background:0 !important;
}

#menusys_mega .mega-group .menu-desc{
	font-size:70%;
	padding:0;
	line-height:20px;
	color:#ffffff !important;
} 
#menusys_mega .megacol ul.mega-ul {
	padding: 0 5px;
	margin: 0;
}
#menusys_mega .megacol ul li {
	float:none;
	border:none;
	height:auto;
	background:url('../../../../templates/zt_zoo25/images/megamenu/bg-list-button.png') repeat-x left bottom;
	padding:0;
	margin: 0;
	line-height: 30px;
}
#menusys_mega .megacol ul li a {
	color: #616161;
	text-decoration: none;
	font-size:100%;
	padding:0;
	margin:0;
	height:auto;
	line-height: 30px;
	background:0;
	
}

#menusys_mega .megacol ul li a span.no-image {
    padding: 0 0 0 15px;
	height:auto;
	line-height: 30px;
	background: url("../../../../templates/zt_zoo25/images/mega-arrow.png") no-repeat 0 50%;
}

#menusys_mega .megacol ul li a .menu-title {
    padding: 0;
	margin:0;
    color: #616161;
    font-size: 105%;
	height:auto;
	font-family:arial;
    line-height: 30px;
	background:0;
    text-transform: none;
}
#menusys_mega .megacol ul li a:hover,
#menusys_mega .megacol ul  li a:active,
#menusys_mega .megacol ul  li a:focus,
#menusys_mega .megacol ul  li a.active,
#menusys_mega .megacol ul  li a.active:hover,
#menusys_mega .megacol ul  li a.active:active,
#menusys_mega .megacol ul  li a.active:focus{
	color: #ffffff;
	background:0;
}
#menusys_mega .megacol ul li a:hover .menu-title ,
#menusys_mega .megacol ul  li a:active .menu-title ,
#menusys_mega .megacol ul  li a:focus .menu-title ,
#menusys_mega .megacol ul  li a.active .menu-title ,
#menusys_mega .megacol ul  li a.active:hover .menu-title ,
#menusys_mega .megacol ul  li a.active:active .menu-title ,
#menusys_mega .megacol ul  li a.active:focus .menu-title {
	color: #ffffff;
	background:0;
}
	
#menusys_mega .megacol ul li a:hover  span.no-image,
#menusys_mega .megacol ul  li a:active  span.no-image,
#menusys_mega .megacol ul  li a:focus  span.no-image,
#menusys_mega .megacol ul  li a.active  span.no-image,
#menusys_mega .megacol ul  li a.active:hover  span.no-image,
#menusys_mega .megacol ul  li a.active:active  span.no-image,
#menusys_mega .megacol ul  li a.active:focus  span.no-image{
	color: #ffffff;
	background:url("../../../../templates/zt_zoo25/images/mega-arrow-hover.png") no-repeat left 50%;
	
}


#menusys_mega .menusub_mega .mega-module {
	clear: both;
	padding: 0;
	
}
#menusys_mega  .menusub_mega .moduletable {
	
	padding:0 10px;
	
	color:#ffffff;
}
#menusys_mega .menusub_mega .mega-module p{
	margin:0;
	padding:0 10px 0 0;
	line-height:20px;
	font-size: 105%;
}

.menusub_mega {
	display: none;
}



#menusys_mega li.hasChild.hover {
	height: 50px;
}

/*add new by jorda ZooTemplate*/
/*

#menusys_mega .subarrowtop {
  background: url("../../../../templates/zt_zoo25/images/megamenu/arrow.png") no-repeat left top;
  display: block;
  height: 19px;
  left: 50px;
  position: relative;
  top: 8px;
  width: 27px;
  z-index: 999;
}
#menusys_mega .subwraptop {
	height:15px;
	position:relative;
	display:block;
	margin:0px 15px;
	background: url("../../../../templates/zt_zoo25/images/megamenu/top-center.png") top left repeat-x;
}
#menusys_mega .subwraptop .subwraptop-left{
	background: url("../../../../templates/zt_zoo25/images/megamenu/top-left.png") top left no-repeat;
	width:15px;
	height:15px;   
	position:absolute;
	top:0;
	left:-15px;
}
	
#menusys_mega .subwraptop .subwraptop-right{	
	background: url("../../../../templates/zt_zoo25/images/megamenu/top-right.png") top right no-repeat;
	width:15px;
	height:15px;  
	position:absolute;
	top:0;
	right:-15px;
}

#menusys_mega .subwrapcenter {
	background:#e1471d url("../../../../templates/zt_zoo25/images/megamenu/mid-center.png") top left repeat-x;
	float:left;
	display:block;
	padding: 0 10px;
}
#menusys_mega  .subwrapcenter-left{
	padding: 0 0 0 5px;
	clear: both;
	background: url("../../../../templates/zt_zoo25/images/megamenu/mid-left.png") top left repeat-y;
	float: left;
}
	
#menusys_mega  .subwrapcenter-right{	
	padding: 0 5px 0 0;
	background: url("../../../../templates/zt_zoo25/images/megamenu/mid-right.png") top right repeat-y;
	float:left;
}


#menusys_mega .subwrapbottom{
	background: url("../../../../templates/zt_zoo25/images/megamenu/bot-center.png") top left repeat-x;
	height:15px;
	position:relative;
	display:block;
	margin:0px 15px;
	clear:both;
}
#menusys_mega .subwrapbottom .subwrapbottom-left{
	background: url("../../../../templates/zt_zoo25/images/megamenu/bot-left.png") top left no-repeat;
	width:15px;
	height:15px;   
	position:absolute;
	top:0;
	left:-15px;
}
	

#menusys_mega .subwrapbottom .subwrapbottom-right{	
	background: url("../../../../templates/zt_zoo25/images/megamenu/bot-right.png") top right no-repeat;
	width:15px;
	height:15px;  
	position:absolute;
	top:0;
	right:-15px;
}


#menusys_mega div.items{
	width:100%;
	float:left;
	line-height:20px;
}
#menusys_mega div.items .item{
	width:100%;
	float:left;
	padding:5px 0;
	color:#ffffff;
	background:url('../../../../templates/zt_zoo25/images/megamenu/bg-list-button.png') repeat-x left bottom;
}
#menusys_mega div.items .item:hover{
	cursor:pointer;
	background:#e2532c url('../../../../templates/zt_zoo25/images/megamenu/bg-list-button.png') repeat-x left bottom;
}

#menusys_mega div.items .item .caption{
	background:#f0a38e;
	border:0;
}
#menusys_mega div.items .item .title{
	font-size:100%;
	margin:10px 0 0 0;
}
#menusys_mega div.items .item .date{
	font-size:90%;
}
*/