/*
*
* Primary Links 
*
*/


/*	Structure
-------------------------------------------------------------- */

#navigation-primary{
	height:30px;
	line-height:30px;
	float: left;
	width:974px;
	
}
	
#navigation-primary ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
	
#navigation-primary > ul > li{ /* first level */
	float:left;
	position:relative;
	z-index: 43; /* position it over advertise (z-index=2) */
	margin-right: 10px; 
	}
	
	#navigation-primary > ul > li:last-child{ /* first level */
	margin-right: 0px; 
	}


#navigation-primary h2{
	margin:0px;
}
	
#navigation-primary > ul > li > a,
#navigation-primary > ul > li > h2 > a{ /* first level links  make it block-level to fill the entire space */
	float:left; 
	padding:0px 13px 0px 13px;
		-moz-border-radius: 0 10px 0 0;
	 -webkit-border-radius: 0 10px 0 0;
	 border-radius: 0 10px 0 0;
}
	
#navigation-primary > ul > li > a.active,
#navigation-primary > ul > li > h2 > a.active,
#navigation-primary > ul > li > a:hover,
#navigation-primary > ul > li > h2 > a:hover,
#navigation-primary > ul > li:hover > a,
#navigation-primary > ul > li:hover > h2 > a{  /* active and hover state of the first level */
	padding:0px 13px 0px 13px;
	 
}
	
.mega{ /* submenu container */
	position:absolute;
	top:0px;
	left:-9999px; /* hide when not required */
	margin:0px;
}
	
#navigation-primary li:hover .mega,
#navigation-primary li .mega.open{ /* show */
	top:30px; /* menu height */
	left:0px;
}
	
#navigation-primary li:hover .alt,
#navigation-primary li .mega.open.alt{ /* show (alt) */
	right:0em;
	left:auto;
}
	
.megamenuWrapper{
	overflow:auto;
	padding:15px;
}

.ie7 .megamenuWrapper{
	overflow:visible;
}
	
.closepanel{
	width:100%;
	height:12px;
	text-align:right;
}
	
.mega.alt .closepanel{
	text-align:left;
}

.closepanel span{
	padding:0 5px 0 5px;
	margin-right:-1px;
}
	
.mega.alt .closepanel span{
	margin-left:-1px;
}
	
.menu-section{
	float:left;
}

.one-col{ /* 1) one column */
	width:13em;
}
	
.one-col .menu-section{ 
	width:100%;
}

.two-col{ /* 2) one columns */
	width:30em;
}
	
.two-col .menu-section{ 
	width:50%;
}	

.three-col{ /* 3) three columns */
	width:43em;
}
	
.three-col .menu-section{ 
	width:33.3%;
}

.four-col{ /* 4) four columns */	
	width:44em;
}	
	
.four-col .menu-section{ 
	width:25%;
}

#navigation-primary .mega ul.megamenu-2{ /* child links inside panel */
	line-height: 1.8em;
	margin-right:12px;
}

#navigation-primary ul.megamenu-section{ /* only for primary links with lists, not headings */
	margin:-10px 8px 0 0;
	padding:0px;
}

#navigation-primary ul.megamenu-section ul.megamenu-2{ /* only for primary links with lists, not headings */
	margin:-1px 0 0 0;
	padding:0px;
}

	
/*	Look & Feel
-------------------------------------------------------------- */

#navigation-primary > ul > li > h2,
#navigation-primary > ul > li > a{ /* font-size of the first level */
	font-size: 0.9em;
	line-height: 30px;
}

#navigation-primary > ul > li > h2 > a,
#navigation-primary > ul > li > a{ /* links of the first level */
	font-weight: 700;
	text-decoration:none;
	background:#1d38ac;
	color:#fff;
}


	
#navigation-primary > ul > li > a:hover,
#navigation-primary > ul > li > h2 > a:hover,	
#navigation-primary > ul > li:hover > a,
#navigation-primary > ul > li:hover > h2 > a{ /* hover state of the first level */
	background:#ff6600;
	color:#fff;
}

#navigation-primary .mega a{ /* links color inside panel */
	color:#222;
	text-decoration: none;
	font-size:0.85em;
}

#navigation-primary .mega a:hover{ /* :hover on links inside panel */
	color:#333;
	text-decoration:underline;
}

#navigation-primary .mega ul.megamenu-2 a{
	color:#4c4b4b;
}

#navigation-primary h3,
#navigation-primary li.menu-section-title > a{ /* primary links subsection titles */
	font-size:0.9em;
	text-transform:uppercase;
	font-weight: bold;
}
	
#navigation-primary li.menu-leaf-list{ /* child links inside the panel */
	border-bottom: 1px dashed #cdcdcd;
}

.mega{
	border-top: 10px solid #ff6600;
	border-bottom: 4px solid #ff6600;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff;
}
	
.mega.closing{ /* mega menu while closing... */
	border-bottom-color:#ff6600;
	border-left-color:#ccc;
	border-right-color:#ccc;
}
	
.closepanel span{ /* close panel button */
	background:#ccc;
	color:#666;
	text-transform:none;
	font-size:0.9em;
}

.closepanel span:hover{
	background:#ff6600;
	color:white;
	cursor:pointer;
}