/* Begin CSS Popout Menu */

	#container #header #menu{
	width:100%;
	height:29px;
	float:left;
	text-align:left;
	}
	
	#container #header #menu h4:hover {	
	color:black;
	}	

/***** Advisor Tools Menu ******/
	#container #header #menu h4.advisor_tools {
	background-image:url(/en/images/menu/advisor_tools_menu.gif);
	width:140px;
	}
	
	#container #header #menu h4.advisor_tools:hover {
	background-image:url(/en/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:140px;
	}
	
	#container #header #menu ul.advisor_tools {
	width:137px;
	margin-left:0px;
	}		
	
	/*************/	
	
	#container #header #menu h4.advisor_tools_fr {
	background-image:url(/fr/images/menu/advisor_tools_menu.gif);
	width:175px;
	}
	
	#container #header #menu h4.advisor_tools_fr:hover {
	background-image:url(/fr/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:175px;
	}	
	
	#container #header #menu ul.advisor_tools_fr {
	width:173px;
	margin-left:0px;
	}	
/***** Advisor Tools Menu ******/

/***** Products Menu ******/
	#container #header #menu h4.products {
	background-image:url(/en/images/menu/products_menu.gif);
	width:100px;
	}
	
	#container #header #menu h4.products:hover {
	background-image:url(/en/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:100px;	
	}
	
	#container #header #menu ul.products {
	width:119px;
	margin-left:0px;
	}	
	
	#container #header #menu h4.products_inv {
	background-image:url(/en/images/menu/products_inv_menu.gif);
	width:100px;
	}
	
	#container #header #menu h4.products_inv:hover {
	background-image:url(/en/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:100px;	
	}	
	
	/*************/	
	
	#container #header #menu h4.products_fr {
	background-image:url(/fr/images/menu/products_menu.gif);
	width:100px;
	}
	
	#container #header #menu h4.products_fr:hover {
	background-image:url(/fr/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:100px;	
	}	
	
	#container #header #menu h4.products_inv_fr {
	background-image:url(/fr/images/menu/products_inv_menu.gif);
	width:100px;
	}
	
	#container #header #menu h4.products_inv_fr:hover {
	background-image:url(/fr/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:100px;	
	}		
	
	#container #header #menu ul.products_fr {
	width:126px;
	margin-left:0px;
	}
	
/***** Products Menu ******/	

/***** Price & Performance Menu ******/
	#container #header #menu h4.prices_performance {
	background-image:url(/en/images/menu/prices_performance_menu.gif);
	width:181px;
	}
	
	#container #header #menu h4.prices_performance:hover {
	background-image:url(/en/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:181px;	
	}
	
	#container #header #menu ul.prices_performance {
	width:179px;
	margin-left:0px;
	}	
	
	/*************/	
	
	#container #header #menu h4.prices_performance_fr {
	background-image:url(/fr/images/menu/prices_performance_menu.gif);
	width:148px;
	}
	
	#container #header #menu h4.prices_performance_fr:hover {
	background-image:url(/fr/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:148px;	
	}	
	
	#container #header #menu ul.prices_performance_fr {
	width:146px;
	margin-left:0px;
	}
/***** Price & Performance Menu ******/

/***** Portfolio Managers Menu ******/
	#container #header #menu h4.portfolio_managers {
	background-image:url(/en/images/menu/portfolio_managers_menu.gif);
	width:165px;
	}
	
	#container #header #menu h4.portfolio_managers:hover {
	background-image:url(/en/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:165px;
	}

	#container #header #menu ul.portfolio_managers {
	width:163px;
	margin-left:0px;
	}	
	
	/*************/	
	
	#container #header #menu h4.portfolio_managers_fr {
	background-image:url(/fr/images/menu/portfolio_managers_menu.gif);
	width:116px;
	}
	
	#container #header #menu h4.portfolio_managers_fr:hover {
	background-image:url(/fr/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:116px;
	}	
	
	#container #header #menu ul.portfolio_managers_fr {
	width:114px;
	margin-left:0px;
	}
/***** Portfolio Managers Menu ******/

/***** News Menu ******/
	#container #header #menu h4.news {
	background-image:url(/en/images/menu/news_menu.gif);
	width:77px;
	}
	
	#container #header #menu h4.news:hover {
	background-image:url(/en/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:77px;
	}
	
	#container #header #menu ul.news {
	width:119px;
	margin-left:0px;
	}	
	
	/*************/	
	
	#container #header #menu h4.news_fr {
	background-image:url(/fr/images/menu/news_menu.gif);
	width:89px;
	}
	
	#container #header #menu h4.news_fr:hover {
	background-image:url(/fr/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:89px;
	}	
	
	#container #header #menu ul.news_fr {
	width:126px;
	margin-left:0px;
	}
/***** News Menu ******/

/***** Reporting and Governance Menu ******/
	#container #header #menu h4.rep_gov {
	background-image:url(/en/images/menu/reporting_governance_menu.gif);
	width:198px;
	}
	
	#container #header #menu h4.rep_gov:hover {
	background-image:url(/en/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:198px;
	}
	
	#container #header #menu ul.rep_gov {
	width:195px;
	margin-left:0px;
	}	
	
	/*************/	
	
	#container #header #menu h4.rep_gov_fr {
	background-image:url(/fr/images/menu/reporting_governance_menu.gif);
	width:186px;
	}
	
	#container #header #menu h4.rep_gov_fr:hover {
	background-image:url(/fr/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:186px;
	}	
	
	#container #header #menu ul.rep_gov_fr {
	width:184px;
	margin-left:0px;
	}
/***** Reporting and Governance Menu ******/

/***** Learning Centre Menu ******/
	#container #header #menu h4.learning_centre {
	background-image:url(/en/images/menu/learning_centre_menu.gif);
	width:140px;
	}
	
	#container #header #menu h4.learning_centre:hover {
	background-image:url(/en/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:140px;
	}
	
	#container #header #menu ul.learning_centre {
	width:138px;
	margin-left:0px;
	}		
	
	/*************/	
	
	#container #header #menu h4.learning_centre_fr {
	background-image:url(/fr/images/menu/learning_centre_menu.gif);
	width:175px;
	}
	
	#container #header #menu h4.learning_centre_fr:hover {
	background-image:url(/fr/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:175px;
	}	
	
	#container #header #menu ul.learning_centre_fr {
	width:173px;
	margin-left:0px;
	}	
/***** Learning Centre Menu ******/

/***** About Us Menu ******/
	#container #header #menu h4.about_us {
	background-image:url(/en/images/menu/about_us_menu.gif);
	width:119px;
	}
	
	#container #header #menu h4.about_us:hover {
	background-image:url(/en/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:119px;
	}
	
	#container #header #menu ul.about_us {
	width:115px;
	margin-left:0px;
	}	
	
/*************/		
	
	#container #header #menu h4.about_us_fr {
	background-image:url(/fr/images/menu/about_us_menu.gif);
	width:166px;
	}
	
	#container #header #menu h4.about_us_fr:hover {
	background-image:url(/fr/images/menu/transparent.gif);
	background-color:#B0BCCC;
	width:166px;
	}	
	
	#container #header #menu ul.about_us_fr {
	width:163px;
	margin-left:-1px;
	}
/***** About Us Menu ******/

/* sub-menu properties */
#container #header #menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
/* 
border-left:1px solid #466580;
border-right:1px solid #466580;
border-bottom:1px solid #466580; 
*/
border-left:2px solid #D3DDE6;
border-right:2px solid #D3DDE6;
border-bottom:2px solid #D3DDE6;
margin-top:-1px;
margin-left:0px;
}

#container #header #menu h4 {
padding-left:0px;
padding-right:0px;
color:#444749;
text-align:center;
/* background-image: url(/images/menubg.gif); */
background-repeat:no-repeat;
padding-top:5px;
font-size:12px;
font-weight:bold;
height:25px;
}

#container #header #menu a, #container #header #menu h4{
display:block;
margin:0;
}

/* 
#container #header #menu #advisor:hover, #container #header #menu #advisor:active {
color:white;
}

#container #header #menu #advisor{
color:#751328; 
}
*/

/* sub-menu bg colour*/
#container #header #menu a{

background:#E3E6EB;
/* background:#c1ccd8; */
text-decoration:none;
padding:2px 0 2px 5px;
font-size:12px;
font-weight:bold;
}

/* sub-menu hover over bg colour*/
#container #header #menu a:hover{
color:white;
background:#B0BCCC;
}

#container #header #menu ul{
list-style:none;
/* position:absolute; */
margin:0;
padding:0;
float:left;
}

#container #header #menu li{
position:relative;
}

#container #header #menu ul ul ul{
top:0;
left:100%;
/*margin-top:-1px;*/
}

/* sub-menu separator */
#container #header #menu ul ul li {
border-top:1px solid white;
}

#container #header #menu ul ul ul li.top {
/* border-top:1px solid #466580; */
border-top:2px solid #466580;
border-left:2px solid #466580;
border-right:2px solid #466580;
border-bottom:2px solid #466580;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#container #header #menu li:hover{
cursor:default;
z-index:100;
}

/*
div#container #header #menu li:hover ul ul,
div#container #header #menu li li:hover ul ul,
div#container #header #menu li li li:hover ul ul,
div#container #header #menu li li li li:hover ul ul
{display:none;}

div#container #header #menu li:hover ul,
div#container #header #menu li li:hover ul,
div#container #header #menu li li li:hover ul,
div#container #header #menu li li li li:hover ul
{display:block;}
*/

div#container #header #menu li:hover ul ul,
div#container #header #menu li li:hover ul ul,
div#container #header #menu li li li:hover ul ul,
div#container #header #menu li li li li:hover ul ul
{display:none;}

div#container #header #menu li:hover ul,
div#container #header #menu li li:hover ul,
div#container #header #menu li li li:hover ul,
div#container #header #menu li li li li:hover ul
{display:block;}


/* End of non-anchor hover selectors */

/* Styling for Expand */

/* End CSS Popout Menu */
