/*------------------------------------------------------------------------
* Copyright (c) 2008-2012 ZooTemplate. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: ZooTemplate
* Websites:  http://www.zootemplate.com
-------------------------------------------------------------------------*/
.menusys_mega
{
    margin: 22px 0 0 0;
    width: 100%;
    min-height:50px;
    float:left;
}
.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
{

    position: absolute;
    z-index: 888;
    padding:0px;
    background:none;
    display: none;
    margin: -3px 0 0 0;
}
#menusys_mega .menusub_mega  .menusub_mega
{
    margin:-35px 0 0 0 !important;
}
#menusys_mega .submenu-wrap
{
    padding:0px;
    min-width: 150px;
    width: auto !important;
}
#menusys_mega .megacol .submenu-wrap{ background:0; border:0; }
#menusys_mega li
{
    padding: 0;
    float: left;
    display: block;
    height:50px;
    line-height: 50px;
    background:0;
}
#menusys_mega li a
{
    padding:0px;
    display: block;
    text-decoration: none;
    z-index: 100;
    cursor:pointer;
    font-size: 130%;
    position:relative;
    text-shadow: none !important;
}
#menusys_mega .menu-title
{
    display: block;
    cursor:pointer;
    float:left;
    z-index:11;
    line-height:50px;
    text-transform:uppercase;
    padding: 0 10px 0 0;
}
#menusys_mega .menu-desc { width:100%;  line-height:100%; display:block; padding:2px 0 0 0 ; font-size:90%; clear:both; font-family: Arial;}
#menusys_mega .menu-image { border: none; float: left; padding: 0px; }
#menusys_mega li span.no-image
{
    height: 50px;
    padding:0 0 0 10px;
    line-height: 50px;
}
#menusys_mega li.mfeatures .column5{ float:right; }
#menusys_mega li a.active,
#menusys_mega li a.active:hover,
#menusys_mega li a.active:active,
#menusys_mega li a.active:focus
{
    position:relative;
    z-index:10;
    color: #ffffff;
}
#menusys_mega li:hover a,
#menusys_mega li:active a,
#menusys_mega li:focus a
{
    position:relative;
    z-index:10;
    color: #ffffff;
}
#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
{
    position:relative; z-index:15;
}
span.has-image { background-position: 0 50%; background-repeat: no-repeat; display: block; height: 50px; padding:0 0 0 25px; line-height: 50px; }
span.no-image { display: block; }
#menusys_mega .mega-group{ margin:0; padding:0; }
#menusys_mega .megacol
{
    float: left;
    padding: 0;
    min-width: 150px;
    margin: 0;
}
#menusys_mega .mega-group a
{
    padding: 0 0 5px 17px;
    margin: 0;
    background: none !important;
}
#menusys_mega .mega-group a span.no-image{ background:0 !important; padding:0 !important; height:30px; line-height:30px; }
#menusys_mega .mega-group .menu-title{
    font-size:110%;
    line-height:50px;
    text-shadow:none  !important;
    float:left;
    padding: 0;
}
#menusys_mega iframe
{
    margin: 10px 0 0 10px;
}
#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;
    margin: 0;
}
#menusys_mega .megacol .megacol
{
    margin: 0;
}
#menusys_mega .megacol ul li
{
    float:none;
    margin: 0;
    line-height: 35px;
    height: 35px;
}
#menusys_mega .megacol ul li a,
#menusys_mega .megacol ul li:hover ul li a
{
    text-decoration: none;
    font-size: 115%;
    margin: 0;
    line-height: 35px;
    height: 35px;
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
    background: none;
    padding: 0 0 0 18px;
}
#menusys_mega .megacol ul li.last-item  a { border-bottom:0;  }
#menusys_mega .megacol ul li a span.no-image
{
    padding: 0;
    height:auto;
    line-height: 35px;
}
#menusys_mega .megacol ul li a .menu-title
{
    padding: 0;
    margin:0;
    height:auto;
    line-height: 35px;
    background:0;
    text-transform: none;
    text-shadow:none;
    width:auto;
    font-weight:normal;
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
}
#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
{
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
    color: #fff !important;
}
#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
{
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
}
#menusys_mega .megacol ul  li:hover a,
#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;}

#menusys_mega .menusub_mega .mega-module {clear: both;padding: 0;}
#menusys_mega .menusub_mega .moduletable {padding: 0; margin:0;}
.menusub_mega { /*	display: none; */ }
#menusys_mega li.hasChild.hover { }
#menusys_mega li.hasChild.arrow-top
{
}
#menusys_mega .megacol ul li.hasChild.hover{ }
#menusys_mega .megacol ul li.hasChild.arrow-top
{}
/*add new by jorda ZooTemplate*/
#menusys_mega .subwraptop
{
    height:3px;
    position:relative;
    display:block;
}
#menusys_mega .subwrapcenter
{
    float:left;
    display:block;
    min-width: 150px;
    background: none repeat scroll 0 0 #FFFFFF;
}
#menusys_mega  .subwrapcenter-left
{
}
#menusys_mega  .subwrapcenter-right
{
}
#menusys_mega .menusub_mega  .menusub_mega .subarrowtop{  display: block; height: 19px; left: -5px; margin: 0; position: absolute; top: 10px; width: 12px; z-index: 9; }
#menusys_mega .menusub_mega  .menusub_mega .subwraptop{display:none; }
#menusys_mega .menusub_mega  .menusub_mega .subwrapcenter { background:#e1e6e6; float:left; display:block; }
#menusys_mega .menusub_mega  .menusub_mega  .subwrapcenter-left
{

}
#menusys_mega .menusub_mega  .menusub_mega .subwrapcenter-right{
}
#menusys_mega .menusub_mega  .menusub_mega .megacol ul.mega-ul{ margin:0; }
#menusys_mega .menusub_mega  .menusub_mega .megacol ul li a span.no-image{  }
#menusys_mega .zt-login-form{ width:100%; float:left; margin: 10px 0 0; }
#menusys_mega .news-events{ width:100%; float:left; line-height:19px; margin: 10px 0 20px; font-family: Arial;}
#menusys_mega  .zt-field { margin:0; padding:0; width:100%; float:left; }
#menusys_mega  .zt-field.field2 label{ float: left; width: 45%; }
#menusys_mega  .zt-field  ul{ margin:0; padding:0; width:100%; float:left; }
#menusys_mega  .zt-field  ul li{ margin:0; padding:0; width:100%; float:left; height:20px; line-height:20px; background:0 !important; }
#menusys_mega  .zt-field  ul li:hover{ 	background:0 !important; }
#menusys_mega  .zt-field  ul li a{ margin:0; padding:0; width:100%; float:left; height:20px; background:0 !important; line-height:20px; border:0; }
#menusys_mega  .zt-field  ul li a:hover{ background:0 !important; }
#menusys_mega  .zt-field  .button.signin{ background:#0e74bc; height:23px; font-weight:bold; font-size:105%; float:right; padding:0 3px; border:1px solid #e5e5e5; }
#menusys_mega .n-title{ display: none; }
#menusys_mega .mbanner{ border-top:1px solid #e7e7e7; padding:10px 0; width:100%; float:left; margin:0 0 0 10px; }
#menusys_mega .msocial{ padding:0; width:100%; float:left; margin:0; }
#menusys_mega .msocial .title{ font-size:120%; padding:0px; line-height:100%; margin:0; color:#2d2d2d; font-weight: bold; text-transform: uppercase; }
#menusys_mega ul.nav {    float: left;    margin: 20px 0 0; }
#menusys_mega ul.nav li a:hover, #menusys_mega ul.nav li a{ border:0 !important;  background:0 !important; }
#menusys_mega ul.nav li.zt-bg-items1,  #menusys_mega ul.nav li.zt-bg-items2, #menusys_mega ul.nav li.zt-bg-items3, #menusys_mega ul.nav li.zt-bg-items4, #menusys_mega ul.nav li.zt-bg-items5 { float: left; height: 42px; width: 42px; background: 0; opacity: 0.5;  background:0;  }
#menusys_mega ul.nav li:hover { opacity: 1;}


/*Fancy megamenu*/

#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 { background: none; }
#menusys_mega .fancy{ margin: 0; position: absolute; z-index: 1; padding:0; height: 50px; background:url('../images/bkg-mainmenu.png') top left repeat-x; }

/* Drilldown Menu */
.zt-drillmenu-inner
{
    margin: 0 0 15px !important;
    position:relative;
    background: #f5f5f5;
}
.hdrillmenu{ width: 100%; float:left; 	}
.zt-drillmenu-inner h3{ float:left; width: 50%; line-height:30px; margin:0;  color:#000000;}
.collapse { clear: both;}
.navbar{ margin:0;}
.zt-drillmenu-inner .btn-navbar
{
    height: 39px;
    width: 44px;
    display: block;
    text-align: right;
    padding: 0;
    margin: 0;
    border-radius: 0;
}
.zt-drillmenu-inner h3{
    float:left;
    width: 50%;
    margin:0;
    font-size: 150%;
}
.zt-drillmenu-inner h3 span
{
    margin: 0 0 0 12px;
    float:left;
    line-height: 39px;
    text-transform: uppercase;
}
.collapse { clear: both;}
.navbar{ margin:0;}
.zt-drillmenu-inner .btn-navbar,
.zt-drillmenu-inner .btn-navbar:hover
{
    background-image:url("../images/drill-navbar.png");
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
}
.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;}
.navbar-inner{ background: #ffffff !important; }
.menusys_drill, .menusys_drill.collapse
{
    display: block !important;
    border-top: 1px solid #fff;
}
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:normal; }
ul.nav-drilldown li a span{ width: 100%; text-align: left; float:left; color: #fff; }
ul.nav-drilldown li a img{ margin:0 10px 0 0 ;}
ul.nav-drilldown li a:hover {  color:white !important; }
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;
    text-align: left;
}
ul.nav-drilldown ul li a:hover span
{
}
ul.nav-drilldown ul li.active a { 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 {}
ul.nav-drilldown li span.expand
{
    background:url("../images/nav-drop.png") no-repeat left center ;
    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/nav.png") no-repeat left center;
    cursor: pointer;
    display: block !important;
    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; }
span.arrow
{
    display: none;
}