/* Clearfix
-------------------------------------------------------------*/
#js-mainnav { 
    background:url(../../images/menu-bg.png) repeat-x;
    height: 35px;
    font-weight: normal;
		border-radius: 10px 10px 0px 0px;

} 

/* lv - 0
-----------------------------------*/
/* Styling ---*/
ul.level0 { 
    
} 
ul.level0 li.mega {padding-top:10px;
	
}
ul.level0 li.first { border-top: 0;  }
ul.level0 li.mega a.mega { 
    
}
ul.level0 li.over, 
ul.level0 li.haschild-over { 
    
}
ul.level0 li.over:hover>a{

}
ul.level0>li.active { 

} 
ul.level0 li #current.active {
	
}
/* lv - 1 and below
-----------------------------------*/

/* Layout ---*/

 /* Columns ---*/
.megacol { float: left;}
/* Styling ---*/
ul.level1 li.mega { }

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

ul.level1 li.mega a.mega {
	background: none;
	border: 0;
	
}
ul.level1 li.mega a.mega span.menu-title {  }

ul.level1 li.over, 
ul.level1 li.haschild-over {  } 

ul.level1 li.haschild{
	background-image: url(../../images/arrow-w2.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	padding: 0;
}
ul.level1 li.haschild-over {
	background-image: url(../../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	padding: 0;
}

ul.level1 li.group { background: none; }
ul.level1 li.active{ background-color: #396f9e;}
 /* CHILD CONTENT
-----------------------------------*/

.childcontent-inner {
	background-color: transparent; /*change here the color to match the new color you have set for mainnav */
	background-image: url(../../images/mask-strong.png);
	color: #ccc; /* after changing code above, you might want to change this color to make the text color readable  */ 
    
}
.childcontent .js-moduletable {
	color: #ccc;
}
.childcontent-inner .group ul li.active{
	background-color: #00527C !important;
}
.childcontent .group h3 {
	background: none;
	color: #fff;
	border-bottom: 1px dotted #006699;
}
.childcontent .js-moduletable a {
	color: #ccc;
	border-bottom: 1px dotted #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;
}

/* Grouped --- */
.group-title {
	
}
ul.level1 li.mega .group-title a.mega{
	padding: 12px 5px;
}
.group-title .menu-title {
	color: #fff;
}

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

ul.level1 li.mega.last{
	border-bottom: 0;
}

ul.level2 .group-title{
	border-bottom: 1px solid #444;
}

ul.megamenu.level2 div.group-title{
	background: #333333;
}
ul.megamenu.level2
{
	border-right: 1px solid #444;
}

ul.megamenu.level2 ul.megamenu.level2
{
	border-right: none;
}
ul.megamenu.level0>li.mega>div.childcontent{
	left: auto!important;
	top: auto;
}
div.childcontent{
	left: 40px!important;
	top:24px;
}
/*         new                */
ul.megamenu.level0>li.mega .level1 div.childcontent.cols2{
	margin-left: 160px!important;
}

ul.megamenu.level0:hover>li.active>a>span.menu-image,
ul.megamenu.level0:hover>li.active.first>a>span.menu-image
{
	width: 0;
}
ul.megamenu.level0>li.mega>a>span.menu-image>span.menu-title{
	padding-left: 5px;
}
ul.megamenu.level0>li.mega>a>span.menu-title{
	height: 15px;
}
ul.megamenu.level0>li.mega>a>span.menu-image{
	width: 0px;
	height: 15px;
	transition:width 0.5s;
	-moz-transition:width 0.5s; /* Firefox 4 */
	-webkit-transition:width 0.5s; /* Safari and Chrome */
	-o-transition:width 0.5s; /* Opera */
}
ul.megamenu.level0>li.mega.over>a>span.menu-image{
	width: 159px;
	text-align: left;
}
ul.megamenu.level0>li.active>a>span.menu-image{
	width: 159px;
	text-align: left;
}
ul.megamenu.level0>li.mega.over.first>a>span.menu-image{
	width: 49px;
	text-align: left;
}
ul.megamenu.level0>li.active.first>a>span.menu-image{
	width: 49px;
	text-align: left;
}
ul.megamenu div.moduletable{
	margin:10px;
	text-align: left;
}
ul.megamenu div.moduletable h3{
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 17px;
	border-bottom: 1px solid #444;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
ul.megamenu div.moduletable a{
	color: #769f01!important;
}
ul.megamenu div.moduletable a:hover{
	background: none;
	text-decoration: underline;
}

ul.megamenu.level0>li.mega>a.mega{
	padding: 9px 15px;
}








/* reset --- */