/* NAVIGATION BUTTONS CSS */

/* ===========================================================
GLOBAL/TOP LEVEL STYLES
--------------------------------------------------------------*/
#nav, #nav ul {

	/* set the global font size */
	font-size:11px;
	/* bold all the main buttons */
	font-weight: bold;
	/* remove the bullets from the unordered list : mozilla/firefox only */
	list-style: none;
	/* decrease the default letter spacing */
	letter-spacing: -0.080em;
	/* remove the padding: mozilla/firefox only */	
	padding: 0;
	/* remove the margin */
	margin: 0!important;
}

#nav li a {
	/* display in block format */
	display:block;
	/* set the color of the hyperlinks */
	color: #1A1E1E;
	/* background color set for standards compatibility */
	background:#fff url(../img/common/dropDownMenu/nav_bg.gif) repeat-x;
	/* add padding around the buttons */
	padding: 5px;
	/* center all the text */
	/* review */
	text-align:left;
	padding-left:15px;
	margin: 0!important;
	border-right:1px solid #fff;
}


/* ===========================================================
SUB MENU STYLES 
--------------------------------------------------------------*/
#nav li ul li a{
	/* stretch the anchor to fill the entire dropdown menu */
	width:100%;
	/* set padding for the submenus */
	padding-left:15px;
	/* set the color of the border that divides the submenu */	
	border-bottom: solid 1px #FFFEFB;
	/* re-align the submenus to the left */
	text-align:left;
	/* set the background colour */
	background-image: none;
	background-color:#ddd;
	/* color set for standards compatibility */
	letter-spacing:normal;
}

#nav li ul li, #nav li ul {
	/* set the width of the submenus to the entire size of the top level menu */
	width:100%;
}

#nav li {
	/* float the buttons in a horizontal column instead of vertical */
	float: left;
}

#nav li ul {
	/* hide the dropdown menus by moving them -999em off the screen */
	position: absolute;
	left: -999em; 
	
	/* remove the boldness from the sub-menus */	
	font-weight: normal;
}

/* ===========================================================
NAVIGATION BUTTONS 
--------------------------------------------------------------*/
/* set the background image, width, and height of the anchor for each button */

/* .mainButton class is used to set the width of the anchor in the hyperlink
	internet explorer fix */
	
/* #nav [buttonName] ul is used to set the width of the dropdown */

/*HOME*/
#nav .homepage_page_label_en {
/*	background-image:url(../img/dropDownMenu/home.jpg);
*/	width: 61px;
}

#nav .homepage_page_label_en .mainButton {
		height:12px;
	}

/*CLIENT ACCOUNTS*/
#nav .clientAccounts{
/*	background-image:url(../img/dropDownMenu/clientAccounts.jpg);
*/	width: 113px;
}

	#nav .clientAccounts .mainButton {
		height:12px;
	}
	
	#nav .clientAccounts ul {
		width:91px;
		display:none;
	}

/*FUND INFO*/
#nav .priceperformance_book_label_en {
/*	background-image:url(../img/dropDownMenu/fundInfo.jpg);
*/	width: 142px;
}
	#nav .priceperformance_book_label_en .mainButton {
		text-align:center;
		height:12px;
		text-indent:-7px;
	}
	#nav .priceperformance_book_label_en ul {
		width:121px;
	}

/*PRODUCTS AND SERVICES*/
#nav .productsservices_services_book_label_en {
	width: 135px;
}

#nav .productsservices_services_book_label_en .mainButton{
	text-align:center;
	height:12px;
	text-indent:-7px;
}

#nav .productsservices_services_book_label_en ul {
	width: 114px!important;
}

/*INVESTMENT EXPERTISE*/
#nav .invExpertise_book_label_en {
/*	background-image:url(../img/dropDownMenu/investmentExpertise.jpg);
*/	width:147px;
}
	#nav .invExpertise_book_label_en .mainButton {
		height:12px;
	}
	#nav .invExpertise_book_label_en ul {
		width: 126px
	}

/*INVESTORS FIRST*/
#nav .invExpertise_investorsfirst_book_en {
	width:147px;
}
	#nav .invExpertise_investorsfirst_book_en .mainButton {
		text-align:center;
		height:12px;
		text-indent:-12px;
	}
	#nav .invExpertise_investorsfirst_book_en ul {
		width: 126px
	}

/*POWERSHARES*/
#nav .investor_powershares_book_en {
	width:105px; 
}
	#nav .investor_powershares_book_en .mainButton {
		height:13px;
		background:url(../img/common/dropDownMenu/ps.jpg) repeat-x;
}
	#nav .investor_powershares_book_en ul {	
		width: 84px;
}
#nav .investor_powershares_book_en ul li a {	
		width: 84px;
		background-image:none!important;
}

/* ===========================================================
DYNAMIC ACTIONS
--------------------------------------------------------------*/

#nav li:hover ul, #nav li.sfhover ul {
	/* when hovered over a primary button, reset the left value of the dropdown */
	left: auto;

}

#nav li:hover, #nav li.sfhover {
	/* change the background color of the dropdown need to use 
	an 1x1 pixel image here for Internet Explorer Compatibility*/
	background-color: #F8ECDC;
	background: url(../img/common/dropDownMenu/mainHover.gif);
}

#nav li a.mainButton:hover {
	/*background-color: #DBCCB7;*/
	background: url(../img/common/dropDownMenu/nav_bg_hover.gif);
}
#nav .investor_powershares_book_en .mainButton:hover {
		background:#FEB75B!important;
}
#nav li ul li a:hover {
	/* set the submenu color on hover */
	/*background: #DBCCB7;*/
	
	/* standards compatibility */
	color:inherit;
}