/**
 * IceMegaMenu Extension for Joomla 1.7 By IceTheme
 * 
 * 
 * @copyright	Copyright (C) 2008 - 2011 IceTheme.com. All rights reserved.
 * @license		GNU General Public License version 2
 * 
 * @Website 	http://www.icetheme.com/Joomla-Extensions/icemegamenu.html
 * @Support 	http://www.icetheme.com/Forums/IceMegaMenu/
 *
 */


div.icemegamenu { 
	position:relative;
	display:block;
	clear:both;
	z-index: 1;
}

	div.icemegamenu ul#icemegamenu {
	background: url(../images/menu_bg.gif) no-repeat scroll left top;
display: block;
height: 40px;
margin: 0px 0 0 0;
padding: 7px 0 0 8px;
overflow: visible !important;				
z-index: 9; 
width: 960px;				}
		
		div.icemegamenu ul#icemegamenu li { 
			display:block;
			list-style:none;
			margin:0;
			padding:0;
			position:relative;
			float:left;
			line-height:20px;} 
			
				div.icemegamenu ul#icemegamenu li:last-child {
					border-right:none;
					box-shadow:none} 
			
		div.icemegamenu ul#icemegamenu li a.iceMenuTitle,
		div.icemegamenu ul#icemegamenu li span.separator{
			text-decoration:none;
			text-transform:uppercase;
			display:block;
			padding:6px 3px 6px 13px;
			color:#444444;
			margin:0 0 0 1px;
			font-weight:bold}
	
	
	
			div.icemegamenu ul#icemegamenu li span.icemega_title {
				padding:7px 13px 7px 0;
				font-size:15px;}

			
			div.icemegamenu ul#icemegamenu li.active a.icemega_active {
				background: url(../images/btn-rounded1.gif) no-repeat scroll left 50% transparent;
				color: #FFFFFF;
				overflow: hidden;
				text-decoration: none;
			}
					
			div.icemegamenu ul#icemegamenu li.active span {
				background: url(../images/btn-rounded2.gif) no-repeat scroll right 50% transparent;
				font-size: 15px;
				list-style: none outside none;
				text-transform: uppercase;
			}	
	
			
			/* subtiles
			they appear on the top of the menu item when you move the mouse over */
			div.icemegamenu ul#icemegamenu li span.icemega_desc {
				display:block;
				font-family:Arial, Helvetica, sans-serif;
				padding:0;
				line-height:1em;
				color:#fff!important;
				color:rgba(255,255,255,.85)!important;
				background-color:#CD7B00;
				text-shadow:none!important;
				background-image: -moz-linear-gradient(#FF9901, #CD7B00);
				background-image: -webkit-linear-gradient(#FF9901, #CD7B00); 
				background-image: -o-linear-gradient(#FF9901, #CD7B00);
				background-image: -ms-linear-gradient(#FF9901, #CD7B00);
				background-image: linear-gradient(#FF9901, #CD7B00);
				padding:3px 9px 4px;
				position:absolute;
				top:-28px;
				opacity:0;
				right:0;
				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.icemegamenu ul#icemegamenu li span.icemega_desc {
					top:-20px}
				}
				
				/* ie7 hack */
				*+html div.icemegamenu ul#icemegamenu li span.icemega_desc  {
					top:-20px}
				

				div.icemegamenu ul#icemegamenu li span.icemega_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: #CD7B00;
					  position:absolute;
					  bottom:-14px;
					  left:7px;
					  opacity:0;
					  -webkit-transition:opacity .3s linear;
					  -moz-transition:opacity .3s linear;
					   -o-transition:opacity .3s linear;
					   transition:opacity .3s linear}
					  
					  
					  	div.icemegamenu ul#icemegamenu li:hover span.icemega_desc,
						div.icemegamenu ul#icemegamenu li.active  span.icemega_desc {
							top:-20px}
							
					  	div.icemegamenu ul#icemegamenu li:hover span.icemega_desc,
						div.icemegamenu ul#icemegamenu li:hover span.icemega_desc:after,
						div.icemegamenu ul#icemegamenu li.active  span.icemega_desc,
						div.icemegamenu ul#icemegamenu li.active  span.icemega_desc:after {
							opacity:1;}


			/* when is current and active*/

			.parent {
		
			line-height: 39px;
			height:39px
			}
		
			div.icemegamenu ul#icemegamenu li:hover a.iceMenuTitle  {
				background: url(../images/btn_hover-rounded1.gif) no-repeat scroll left center transparent;}	

			div.icemegamenu ul#icemegamenu li:hover span  {
				background: url(../images/btn_hover-rounded2.gif) no-repeat scroll right center transparent;
				color:#fff;}	

			
	
				
					
					

/* All submenu OLs and ULs */
	#icemegamenu ul.icesubMenu {  
		margin: 20px 0 0 0;
		padding:0 0 10px;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top:38px;
		z-index: 999999;
		*z-index: 999999;
		border:1px solid #D4D4D4;
		background: #E1E1E1;
		border-radius: 3px;
		border-top-right-radius:0;
		border-top-left-radius:0;
		-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;}
		
		/* arrow on the top of the dropdown */
		#icemegamenu ul.sub_level_1 div li:first-child > a:after {
			
			}

		
		#icemegamenu ul.icesubMenu div > ul {
			margin:0 0 0 0;
			padding:8px 0 0 0} 
		
		
		#icemegamenu li:hover > ul {
			opacity: 1;
			visibility: visible;
			margin: 0!important;}


		
			
		#icemegamenu li:hover > ul.sub_level_1 li  span, 
		#icemegamenu li.active > ul.sub_level_1 li  span {
			background:none;			
			text-transform:none;
			color:#004366;}

		 .sub_level_1 li  a:link {
			background:none;			
			text-transform:none;
			color:#004366;}

		

	

		#icemegamenu li ul.sub_level_1 li  span:hover,
		#icemegamenu li.active  ul.sub_level_1 li.active  span {
			background:none;			
			text-transform:none;
			color:#000!important;}			

		
		div.icemegamenu #icemegamenu ul.icesubMenu li {
			box-shadow:none;
			float:none;
			border:none}
/*Menu Titles*/
		div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_426 a, 
		div.icemegamenu #icemegamenu ul.icesubMenu li#iceMenu_253 a  {
			background:none;
			border-bottom:1px solid #A3A3A3}
			
			div.icemegamenu ul#icemegamenu li#iceMenu_426 span.icemega_title, 
			div.icemegamenu ul#icemegamenu li#iceMenu_253 span.icemega_title{
				font-size: 15px;
			   font-weight:bold;
			   padding-bottom:7px;
			   color:#444
			}


div.icemegamenu #icemegamenu ul.icesubMenu li a.iceMenuTitle,
			div.icemegamenu #icemegamenu ul.icesubMenu li span.separator {
				display:block;
				padding:5px 0 8px 16px;
				color:#ccc;
				margin:0 15px;
				background:url(../images/point.png) no-repeat 0% 45%;			
				border-bottom:1px dotted #A3A3A3;}





			
				/*ie7 hack */
				*+html div.icemegamenu #icemegamenu ul.icesubMenu li a.iceMenuTitle,
				*+html div.icemegamenu #icemegamenu ul.icesubMenu li span.separator {
					width:235px;}
					
				
				div.icemegamenu #icemegamenu ul.icesubMenu li a.iceMenuTitle:hover,
				div.icemegamenu #icemegamenu ul.icesubMenu li span.separator:hover {
					background-image:url(../images/point_hover.png);}		
					



					
			div.icemegamenu #icemegamenu ul.icesubMenu li a.iceMenuTitle span.icemega_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.icemegamenu #icemegamenu ul.icesubMenu li a.iceMenuTitle span.icemega_desc:after {
						display:none}
				
				
				
				/* when is parent */
				div.icemegamenu #icemegamenu ul.icesubMenu li.parent {
					background:url(../images/arrow.png) no-repeat 93% 45%;}
					
				
				/* when is active */
				div.icemegamenu #icemegamenu ul.icesubMenu li.active a.iceMenuTitle {
					background-image:url(../images/point_hover.png);}
						
						
	


/* Second Level Dropdown */
div.icemegamenu #icemegamenu ul.sub_level_2,
div.icemegamenu #icemegamenu ul.sub_level_3,
div.icemegamenu #icemegamenu ul.sub_level_4,
div.icemegamenu #icemegamenu ul.sub_level_5 {
	top: -1px;
	left: 248px;
	box-shadow:none;
	border:1px solid #444;
	border-top-color:#555;
	margin: 0 0 0 20px;}
	

	.iceCols ul li.iceMenuLiLevel_2  span.icemega_title{
		background:none;
		color:#005480;
	}

/* sub menu links on hover or focus */





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


	.icesubMenu .icemega_cover_module .icemega_modulewrap { 
		position:relative;
		color:#fff;
		color:rgba(255,255,255,.7);}
		
		/* ie7 hack */
		*+html .icesubMenu .icemega_cover_module .icemega_modulewrap {
			color:#fff}


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