/*------------------------------------------------------------------------

* Copyright (c) 2008-2012 ZooTemplate. All Rights Reserved.

* @license - Copyrighted Commercial Software

* Author: ZooTemplate

* Websites:  http://www.zootemplate.com

-------------------------------------------------------------------------*/
#menusys_mega li a:focus
{
    
    border: 2px solid gold;
}//menu.css

#sitemap:focus
{
    
    border: 2px solid gold;

}

.helpline span.black_text a:focus {

	border: 2px solid gold;	
}

.helpline span.black_text:focus
{
    
    border: 2px solid gold;

}

.black_text:focus
{
	border: 2px solid gold;
	}
	
.top-menu ul li a:focus
{
	border: 2px solid gold;
	}	
	
	

.menusys_mega

{

    /*margin: 5px 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;
	box-shadow:0 4px 8px rgba(0,0,0,0.2);

}

#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: 13px;

    position:relative;

    text-shadow: none !important;

}

@media only screen and (min-width: 1025px) and (max-width: 1225px){
	
	
}

@media only screen and (min-width: 1226px) and (max-width: 1370px){

}


#menusys_mega .menu-title

{

    display: block;

    cursor:pointer;

    float:left;

    z-index:11;

    /*line-height:50px;

    text-transform:uppercase;*/

	padding: 8px 8px;
	font-size: 11px;

}

#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 20px;

    line-height: 50px;*/

}

#menusys_mega li.active{

	background:#FFF;

}

#menusys_mega li.active a span span.menu-title{

	color:#000;

}

#menusys_mega li.active .submenu-wrap ul li a.active span span.menu-title{

	color:#FFF;

}

#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: #b54321;

}

#menusys_mega li:hover a,

#menusys_mega li:focus a

{

    position:relative;

    z-index:10;

    color: #ffffff;
	

}

#menusys_mega li.active:hover a{
	color: #000;
}

#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: 100%;

    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;
	color:#FFF;

}

#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: 200px;

    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 !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;

}