#js-mainnav { line-height: 1;position: relative;z-index: 9;} 
#js-mainnav.wrap {
	height: auto !important; 
	visibility: visible !important; 
	border: 0 none; 
	clear: both; 
	float: none; 
	font-size: 1px; 
	line-height: 1px; 
	margin: 0; padding: 0; 
	}
#js-mainnav ul {list-style: none outside none;}

div.js-moduletable ul, div.js-module ul {margin: 10px !important;}
ul.megamenu { margin: 0; width: auto;} 
ul.megamenu.level1 {left: 0;padding: 0;position: relative;}

/* lv - 0
-----------------------------------*/
/* Styling ---*/

ul.level0 li.mega span.menu-title, 
ul.level0 li.mega span.menu-desc {display: block;}
ul.level0 li.mega a img { float: left; padding-right: 5px; }
#js-mainnav ul {overflow: visible;}
.js-megamenu { margin: 0; padding: 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 13px;}
.js-megamenu a.over, .js-megamenu a.active {}


ul.level0 {margin: 0; padding: 0;}
ul.level0 li.mega {display: block; float: left; margin: 0; padding: 0; }

ul.level0 li.first { border-top: 0; }

ul.level0 li.mega a.mega { 
	display: block; 
	line-height: normal; 
	margin: 0; 
	text-decoration: none;
	border-left: 0; 
	border-right: 0; 
	color: #ffffff;
	font-family: BebasNeueRegular;
	font-weight: 100;
	font-size: 22px;
	padding: 5px 15px;
	}
ul.level0 li.mega a.mega.first {border-left: 0;}
ul.level0 li.mega a.mega.last {border-right: 0;}

ul.level0 li.over a.over, 
ul.level0 li.haschild-over,
ul.level0 li.active a.active{ 
    color: #D6E7FF !important;
}

ul.level0 li #current.active {
	background: none;
}

ul.level0 li.mega .has-image {
	padding-left: 25px; 
	display: block; 
	background-repeat: no-repeat; 
	background-position: left top; 
	cursor: pointer;
	}
span.menu-image{
	background-position: left 1px; 
	background-repeat: no-repeat; 
	display: block; 
	overflow: hidden; 
	padding-left: 21px; 
	}


ul.level0 li.haschild a.mega span.menu-title,
ul.level0 li.haschild-over a.mega span.menu-title {
	background: url(../images/arrows/arrow3.png) no-repeat left center;
	padding-left: 12px;
	}

ul.level0 li.haschild a.mega span.menu-desc,
ul.level0 li.haschild-over a.mega span.menu-desc {padding: 0; overflow: hidden; margin-top: 2px;}

ul.level0 li.mega span.menu-title {}
ul.level0 li.mega span.menu-desc {
	font-weight: normal;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	color: #ffcc00;
	margin-top: -5px;
	}
ul.level0 li.mega a img {
	float: left; 
	margin-right: 5px;
	max-width: 50px;
	height: auto;
	}
	
/* lv - 1 and below
-----------------------------------*/

ul.level1 li.mega { border-top: 1px solid #111111; background: none; float: none;}
ul.level1 li.first { border-top: 0; }

ul.level1 li.mega a.mega {
	background: none;
	color: #ffffff;
	padding: 10px;
	}
ul.level1 li.mega a.mega span.menu-title {
	background: none; 
	padding: 0;
	font-size: 12px;
	font-family: verdana, sans-serif;
	font-weight: bold;
	}
ul.level1 li.mega span.menu-desc {font-size: 11px; font-family: verdana, sans-serif;}

ul.level1 li.haschild,
ul.level1 li.haschild-over {
	background-image: url(../images/arrows/arrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	padding: 0;
	}
	
ul.level1 li.over, 
ul.level1 li.haschild-over, 
ul.level1 li.mega a.mega.over, 
ul.level1 li.mega a.mega.active {background-color: #444444; color: #ffffff !important;} 

ul.level1 li.group { background: none; }

 /* CHILD CONTENT
-----------------------------------*/
.js-megamenu li.mega .childcontent {
	display: block; 
	height: auto; 
	position: absolute;
	margin-left: -50px;
	}

.childcontent-inner {
	background: #333333; 
	color: #ffffff; 
	}
	
.childcontent-inner .megacol {width: auto !important; float: none;}
.childcontent.cols2 .childcontent-inner .megacol {width: 50% !important; float: left;}
.childcontent.cols3 .childcontent-inner .megacol { width: 33.3% !important; float: left;}
.childcontent.cols4 .childcontent-inner .megacol { width: 25% !important; float: left;}
.childcontent.cols5 .childcontent-inner .megacol { width: 20% !important; float: left;}
.childcontent.cols6 .childcontent-inner .megacol { width: 16.6% !important; float: left;}
.childcontent.cols7 .childcontent-inner .megacol { width: 14.2% !important; float: left;}
.childcontent.cols8 .childcontent-inner .megacol { width: 12.5% !important; float: left;}
.childcontent.cols9 .childcontent-inner .megacol { width: 11.1% !important; float: left;}
.childcontent.cols10 .childcontent-inner .megacol { width: 10% !important; float: left;}

.childcontent .js-moduletable {
	border-bottom: 0;
	margin: 10px 0;
	padding: 0;
	}

.childcontent-inner a {color: #ffffff; text-decoration: none;}
.childcontent-inner .group ul li.active{
	background-color: #3482B5;
	}
.childcontent .group h3 {
	background: none;
	color: #fff;
	border-bottom: 1px solid #3482B5;
	padding: 0 5px 8px;
	text-transform: none;
	}
.childcontent .js-moduletable a {
	color: #ccc;
	border-bottom: 1px solid #ccc;
	}

.childcontent .js-moduletable a:hover,
.childcontent .js-moduletable a:focus,
.childcontent .js-moduletable a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	}

.childcontent .group .moduletable {background: none;padding-top: 12px;}
.childcontent .js-moduletable .js-box-ct {padding: 0 5px;}

.childcontent .js-moduletable ul:first-child {margin-top: 0 !important;}
.childcontent .js-moduletable li {margin-bottom: 5px;}

/* Grouped --- */
.group-title {border-bottom: 1px solid #3482B5;}
.group-title .menu-title {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 115%;
	}

.group-title .menu-desc {color: #ffffff;}

li.mega.modlist div.childcontent, 
div.childcontent-inner-wrap, 
div.childcontent-inner {/*width: auto !important;*/}

div.childcontent div.custom {padding: 1px;}
div.childcontent div.custom h5 {text-align: center; background: #dddddd; padding: 4px;}
div.childcontent div.custom div.sublist {float: left; margin-left: 10px;}
div.childcontent div.custom div.sublist:first-child {margin: 0;}
div.childcontent div.custom ul li a {
	display: block; 
	padding: 3px; 
	border-bottom: 1px solid #dddddd; 
	font-weight: 100;
	}