div.megamenu { 
	position:relative;
}


	div.megamenu ul#megamenu {
		/*margin: 60px auto;
		border-radius: 6px;
		display:block;
		list-style:none;
		margin:0;
		padding: 0;
		z-index:9999999;
		position:absolute;
		top:0;
		left:0;*/
		
		margin:0;
		list-style-type:none;
		overflow:visible;
		position:relative;
		font-family:"Open Sans", sans-serif, arial;
		font-weight:400;
		padding:0 0 0 1px;
		border-radius:10px;
	}
	
ul#megamenu > li > a {
	text-decoration:none;
	display:		block;
	position:		relative;
	padding: 		15px 0 16px 0;
	text-transform:uppercase;
}

ul#megamenu > li > span, ul#megamenu > li > a > span { padding:0 15px;}

ul#megamenu > li:first-child > a, 
div.megamenu ul#megamenu > li:first-child.active{
	/* style for first menu item */
	border-top-left-radius:6px;
	border-bottom-left-radius:5px;
}

ul#megamenu > li:last-child > a,
div.megamenu ul#megamenu > li:last-child.active{
	/* style for last menu item */
	/*border-top-right-radius:9px;
	border-bottom-right-radius:9px;*/
	border-right: 1px solid #2d70e5;
}

ul#megamenu > li {
    padding-left: 1px;
    position: relative;
    z-index: 10;
	/*width:155px;
	width:154.42px\9;*/ /* IE8 and below */  
	text-align:center;
}

ul#megamenu > li {
    border-left: 1px solid #2d70e5;
}
ul#megamenu > li:before {
    border-left: 1px solid #3e99e8;
}
ul#megamenu li:first-child, ul#megamenu li:first-child:before{border:0;}

div.megamenu > ul#megamenu > li:last-child{/*width:152px;*/}
div.megamenu > ul#megamenu > li:first-child{padding-left:0;}
div.megamenu > ul#megamenu > li:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

		
		div.megamenu ul#megamenu li { 
			display:block;
			list-style:none;
			margin:0;
			padding:0;
			/*border-top:1px solid transparent;
			border-left:1px solid transparent;
			border-right:1px solid transparent;*/
			position:relative;
			float:left;
			} 
			
				div.megamenu ul#megamenu li:last-child {
					border-right:none;
					box-shadow:none} 
			
		div.megamenu ul#megamenu li a.MenuTitle,
		div.megamenu ul#megamenu li span.separator{
			text-decoration:none;
			display:block;
			padding:11px 15px 10px;
			color:#d6e4fa;
			color:rgba(255,255,255,.8);
			margin:0;
			/*text-shadow:1px 1px 1px #000;*/
			-webkit-transition:all .3s linear;
			-moz-transition:all .3s linear;
			-o-transition:all .3s linear;
			transition:all .3s linear}
	
	
			div.megamenu ul#megamenu li span.mega_title {
				/*font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
				font-size:1.2em;}
		
			
			/* subtiles
			they appear on the top of the menu item when you move the mouse over */
			div.megamenu ul#megamenu li span.mega_desc {
				display:block;
				font-family:Arial, Helvetica, sans-serif;
				padding:0;
				font-size:.9em;
				line-height:1em;
				color:#fff!important;
				color:rgba(255,255,255,.95)!important;
				background-color:#ba3492;
				text-shadow:none!important;
				background-image: -moz-linear-gradient(#ba3492, #a90177);
				background-image: -webkit-linear-gradient(#ba3492, #a90177); 
				background-image: -o-linear-gradient(#ba3492, #a90177);
				background-image: -ms-linear-gradient(#ba3492, #a90177);
				background-image: linear-gradient(#ba3492, #a90177);
				padding:3px 9px 4px;
				position:absolute;
				top:-28px;
				opacity:0;
				right:0;
				margin-top:1px;
				border-radius:5px;
				-webkit-transition:all .3s linear;
				-moz-transition:all .3s linear;
				-o-transition:all .3s linear;
				transition:all .3s linear}
				
				
				/* ie8 hack */
				@media \0screen {
				div.megamenu ul#megamenu li span.mega_desc {
					top:-19px}
				}
				
				/* ie7 hack */
				*+html div.megamenu ul#megamenu li span.mega_desc  {
					top:-19px}

div.megamenu ul#megamenu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
				

				div.megamenu ul#megamenu li span.mega_desc:after{
					  content:"";
					  border-style: dashed;
					  border-color: transparent;
					  border-width: 0.6em;
					  display: -moz-inline-box;
					  display: inline-block;
					  /* Use font-size to control the size of the arrow. */
					  height: 0;
					  line-height: 0;
					  position: relative;
					  vertical-align: middle;
					  width: 0;
					  border-top-width: .7em;
					  border-top-style: solid;
					  border-top-color: #a90177;
					  position:absolute;
					  bottom:-13px;
					  left:7px;
					  opacity:0;
					  -webkit-transition:opacity .3s linear;
					  -moz-transition:opacity .3s linear;
					   -o-transition:opacity .3s linear;
					   transition:opacity .3s linear}
					  
					  
					  	div.megamenu ul#megamenu li:hover span.mega_desc/*,
						div.megamenu ul#megamenu li.active  span.mega_desc*/ {
							top:-19px}
							
					  	div.megamenu ul#megamenu li:hover span.mega_desc,
						div.megamenu ul#megamenu li:hover span.mega_desc:after/*,
						div.megamenu ul#megamenu li.active  span.mega_desc,
						div.megamenu ul#megamenu li.active  span.mega_desc:after*/ {
							opacity:1;}



			/* when is current and active*/
			div.megamenu ul#megamenu li:hover a.MenuTitle,
			div.megamenu ul#megamenu li:hover span.separator  {
				background:#317ae6;}
			
			div.megamenu ul#megamenu > li.active{
				/*padding-bottom:1px;
				background:#fff;
				border-left-color:#dcdcdc;
				border-right-color:#dcdcdc;
				border-top-color:#dcdcdc;
				margin-bottom:-1px*/				
				background:#317ae6;
				}
				
			div.megamenu ul#megamenu > li.active a.MenuTitle,
			div.megamenu ul#megamenu > li.active span.separator {
				/*background:#fff;
				text-shadow:1px 1px 1px #000;*/				
				}
				
				div.megamenu ul#megamenu > li.active a.MenuTitle span.mega_title,
				div.megamenu ul#megamenu > li.active span.separator span.mega_title,
				div.megamenu ul#megamenu > li.active a.MenuTitle:hover span.mega_title,
				div.megamenu ul#megamenu > li.active span.separator:hover span.mega_title {
					/*color:#555;
					text-shadow:none;*/					
					color:#fff;
					}
				
			
					

/* All submenu OLs and ULs */
	#megamenu ul.subMenu{  
		margin: 20px 0 0 0;
		padding:10px 0 10px;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top:45px;
		/*left: 0px;*/
		z-index: 9999;
		background: #317ae6;
		background: -moz-linear-gradient(#44a9e8, #317ae6);
		background: -webkit-linear-gradient(#44a9e8, #317ae6);
		background: -o-linear-gradient(#44a9e8, #317ae6);
		background: -ms-linear-gradient(#44a9e8, #317ae6);
		background: linear-gradient(#44a9e8, #317ae6);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);
		
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		
		text-align:left;
		border-bottom-right-radius:5px;
		border-bottom-left-radius:5px;
		}
#megamenu ul.subMenu.menu_left {
	left: 0px !important;
}
#megamenu ul.subMenu.menu_right {
	right: 0px !important;
}

		
		/* arrow on the top of the dropdown */
		#megamenu ul.sub_level_1.menu_left  > li > .subMenuTopDecorator,
		#megamenu ul.sub_level_1.menu_right > li > .subMenuTopDecorator {
			/*content: '';*/
			position: absolute;		
			top: -19px;
			/*border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			border-bottom: 6px solid #44a9e8;*/
			z-index: 999999;
			width:100%;
			height:16px;
			display:block;
			margin:0px !important;
			padding:0px !important;
		}
		#megamenu ul.sub_level_1.menu_left  > li > .subMenuTopDecorator { background:url(../images/subMenuTopDecorator.png) no-repeat top left; }
		#megamenu ul.sub_level_1.menu_right  > li > .subMenuTopDecorator { background:url(../images/subMenuTopDecorator.png) no-repeat top right; }

		
		#megamenu ul.subMenu div > ul {
			margin:0;
			padding:0} 
		
		
		#megamenu li:hover > ul {
			opacity: 1;
			visibility: visible;
			margin: 0!important;}

		
		div.megamenu #megamenu ul.subMenu li {
			box-shadow:none;
			float:none;
			border:none}
			


			div.megamenu #megamenu ul.subMenu li a.MenuTitle,
			div.megamenu #megamenu ul.subMenu li span.separator {
				display:block;
				padding:5px 0 8px 16px;
				
				/*text-shadow:1px 1px 1px #000;*/
				margin:0 15px;
				/*background:url(../images/point.png) no-repeat 0% 45%;	*/
				background: none;		
				border-bottom:1px solid #317ae6;}
				
				/*ie7 hack */
				*+html div.megamenu #megamenu ul.subMenu li a.MenuTitle,
				*+html div.megamenu #megamenu ul.subMenu li span.separator {
					width:235px;}
					
				
				div.megamenu #megamenu ul.subMenu li a.MenuTitle:hover,
				div.megamenu #megamenu ul.subMenu li span.separator:hover {
					/*background-image:url(../images/point_hover.png);*/}		
			
			div.megamenu #megamenu ul.subMenu li a.MenuTitle span.mega_title {
				color:#d6e4fa;
				color:rgba(255,255,255,.8);
				font-size:1.1em;}		
					
			div.megamenu #megamenu ul.subMenu li a.MenuTitle span.mega_desc {
					display:block;
					position:relative;
					padding:0;
					top:auto;
					font-size:12px;
					color:#999!important;
					margin-top:-2px;
					right:auto;
					background:none;
					font-family:Verdana, Geneva, sans-serif;}	
					div.megamenu #megamenu ul.subMenu li a.MenuTitle span.mega_desc:after {
						display:none}
				
				
				
				/* when is parent */
				div.megamenu #megamenu ul.subMenu li.parent {
					background:url(../images/arrow.png) no-repeat 93% 45%;}
					
				
				/* when is active */
				div.megamenu #megamenu ul.subMenu li.active a.MenuTitle {
					/*background-image:url(../images/point_hover.png);*/
					background: #317ae6;}
						
						
				
/* Second Level Dropdown */
div.megamenu #megamenu ul.sub_level_2,
div.megamenu #megamenu ul.sub_level_3,
div.megamenu #megamenu ul.sub_level_4,
div.megamenu #megamenu ul.sub_level_5 {
	top: -0px;
	z-index: 999999;
	box-shadow:none;
	border:1px solid #44a9e8;
	border-top-color:#317ae6;
	margin: 0 0 0 20px;}
div.megamenu #megamenu ul.sub_level_2.menu_left,
div.megamenu #megamenu ul.sub_level_3.menu_left
div.megamenu #megamenu ul.sub_level_4.menu_left
div.megamenu #megamenu ul.sub_level_5.menu_left{
	left: 90% !important;
}
div.megamenu #megamenu ul.sub_level_2.menu_right,
div.megamenu #megamenu ul.sub_level_3.menu_right
div.megamenu #megamenu ul.sub_level_4.menu_right
div.megamenu #megamenu ul.sub_level_5.menu_right{
	right: 90% !important;
}



/* sub menu links on hover or focus */
#megamenu li a.MenuTitle:hover,
div.megamenu #megamenu ul.subMenu a.MenuTitle:hover span.mega_title,
div.megamenu #megamenu ul.subMenu li.active a span {
	/*color:#F0C237!important;*/
	font-weight:normal;
	
	color:#fff !important; background:#317ae6 !important;
	}






/* for the modules insdie the dropdown */
.subMenu .mega_cover_module {
	position:relative; 
	overflow:hidden; 
	width:auto!important;
	padding:10px 15px}
	div#subMenusContainer .mega_cover_module {
		padding-left:0;
		padding-right:0}


	.subMenu .mega_cover_module .mega_modulewrap { 
		position:relative;
		color:#d6e4fa;
		color:rgba(255,255,255,.8);}
		
		/* ie7 hack */
		*+html .subMenu .mega_cover_module .mega_modulewrap {
			color:#fff}


	.subMenu .mega_cover_module .mega_modulewrap span.ModuleTile {
		color:#fff;
		font-size:1.25em;
		text-shadow:1px 1px 1px rgba(0,0,0,.8);
		margin-bottom:2px;
		display:block;}
		
	.subMenu .mega_cover_module .mega_modulewrap p:last-child {
		margin-bottom:.25em}
		
	.subMenu .mega_cover_module .mega_modulewrap a { 
		color:#F0C237;}		


	.subMenu .mega_cover_module .mega_modulewrap img {
		float:left;
		margin:0 10px 0 0}