@charset "utf-8";

/* CSS Document */

/*------------------------------------------------------------------ 
Invesco mega drop-down navigation stylesheet
Copyright© Invesco 2009

Last modified by:	J Adair
Last modified on:	14/10/09
Last modification:	Extensive bug fixes in preparation for v1.0 release
Version:			1.0

Extends HUB stylesheet
-------------------------------------------------------------------*/  

/*------------------------------------------------------------------ 
[Colours used]

Horizontal navigation
	Blue (level 1 on mouseover & level 2 background): #193989
	Grey (horizontal nav level 3 background): #DBDBDB

Breadcrumbs
	Light grey (link text): #797b7f (Invesco Silver)

Left navigation
	Level 2 background colour: #BDBEC0
	Level 3 background colour: #DEDEDE
	Level 4 background colour: #F8F8F8

-------------------------------------------------------------------*/  

/*------------------------------------------------------------------ 
[Table of contents] 
  
1. Horizontal navigation / #horizontalNav 
	1.1 Level 1 / .level1nav
	1.2 Level 2 / .level2nav
	1.3 Level 3 / .level3nav
	1.4 Level 4 / .level4nav
2. Breadcrumbs / #breadcrumbs
3. Left navigation / #leftNav
	3.1 Level 2 / .level2nav
	3.2 Level 3 / .level3nav
	3.3 Level 4 / .level4nav
-------------------------------------------------------------------*/  



/*------------------------------------------------------------------ 
[1. Horizontal navigation / #horizontalNav] 
*/

/* 'Skip navigation' link (hidden unless CSS is disabled) - for accessibility reasons */
#horizontalNav .skipNav {
	display: none;
	height: 1px;
	left: -10000px;
	position: relative;
	visibility: hidden;
}

/* Main horizontal navigation container */
#horizontalNav {
	float: left;
	height: 45px;
	position: relative;
	top: -4px;
	width: 100%;
	z-index: 10;
}

/* Reset styles for horiztonal nav lists */
#horizontalNav ul.level1nav, #horizontalNav ul.level2nav, #horizontalNav ul.level3nav {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#horizontalNav li {
	display: inline;
	float: none;
}

/* Hack for IE to remove whitespace bug - do not remove (along with 'display: block;' below)*/
#horizontalNav a {
	display: inline-block;
}

/* Control all links in horizontal navigation (extended a.level1/2/3/4 below) */
#horizontalNav a {
	padding: 3px;
	text-decoration: none;
	display: inline;
}

/* Hover state for horizontal navigation links */
#horizontalNav a:hover {
	text-decoration: underline;
}

/* Hides dotted border around active links in Firefox */
#horizontalNav a:active {
	outline: none;
}

/* Sets the initial state of the build-out boxes to hidden */
#horizontalNav div {
	display: none;
}

/*
[1.1 Level 1 / .level1nav] 
*/

/* Level 1 horizontal navigation items (controls background of nav bar) */
#horizontalNav ul.level1nav {
	background-image: url(/UK/images/navigation/nav-bg.jpg);
	background-repeat: repeat-x;
	float: left;
	padding-bottom: 0px;
	padding-top: 5px;
	width: 100%;
}

#horizontalNav ul.level1nav li {
}

/* Link style for level 1 navigation items - extends '#horizontalNav a' */
#horizontalNav a.level1 {
	border: 0;
	font-size: 12px;
	background-color: #FFFFFF;
	background-image: url(/UK/images/navigation/nav-tab-bg-unselected.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #787878 !important;
	font-weight: normal;
	float: left;
	min-height: 15px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 9px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}

#horizontalNav ul.level1nav a.breadcrumb, #horizontalNav ul.level1nav a.selected {
	background-image: url(/UK/images/navigation/nav-tab-bg.jpg);
}

#horizontalNav ul.level1nav a.selected {
	color: #797b7f !important;
	background-color: #FFFFFF !important;
}

#horizontalNav a.level1 span.showArrow {
	background-image: url(/UK/images/navigation/level1-hasSubmenu-arrow.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	clear: left;
	width: 15px;
	height: 9px;
}

#horizontalNav a.level1 span.showArrow {
	display: inline-block;
}

#horizontalNav ul.level1nav li.first a.level1 {
	margin-left: 12px;
	margin-right: 12px;
}

#horizontalNav ul.level1nav li.last a.level1 {
	margin-right: 0px;
}

/* Link style for level 1 nav item on mouseover */
#horizontalNav a.level1:hover {
	background-image: none;
	background-color: #193989!important;
	border: 1px solid #FFFFFF;
	border-bottom: 0px solid #193989;
	color: #FFFFFF !important;
	position: relative;
	/* Change padding to prevent layout change when adding a border */
	padding-bottom: 9px !important;
	padding-left: 9px !important;
	padding-right: 9px !important;
	padding-top: 9px !important;
	z-index: 25;
}

#horizontalNav li.hovering a.level1, #horizontalNav ul.level1nav a.breadcrumb:hover {
	background-image: none;
	background-color: #193989 !important;
	border: 1px solid #FFFFFF;
	border-bottom: 1px solid #193989;
	color: #FFFFFF !important;
	position: relative;
	/* Change padding to prevent layout change when adding a border */
	padding-bottom: 9px !important;
	padding-left: 9px !important;
	padding-right: 9px !important;
	padding-top: 9px !important;
	z-index: 25;
}

#horizontalNav li.hovering a.level1 span.showArrow, #horizontalNav a.level1:hover span.showArrow {
	background-image: url(/UK/images/navigation/level1-hasSubmenu-selected-arrow.jpg) !important;
}

/* Rules for hover on Investment Intelligence channel - requires jQuery to work */
#horizontalNav ul.level1nav a.iio:hover, #horizontalNav ul.level1nav li.hovering a.iio {
	background-color: #2c2c2c !important;
	color: #afbc21 !important; 
	border-bottom-color: #2c2c2c !important;
}

#horizontalNav ul.level1nav li.iio div {
	border-top-color: #2c2c2c !important;
}

#horizontalNav li.iio ul.level2nav a.level2 {
	background-color: #2c2c2c !important;
	color: #AFBC21 !important;
}

#horizontalNav li.iio ul.level2nav a.breadcrumb:hover {
	color: #AFBC21 !important;
}


/* Un-hides relevant build-out box on mouseover and applies styling */
#horizontalNav li.hovering div {
	display: block;
	left: 0px;
	position: absolute;
	top: 39px;
	z-index: 20 !important;
}

#horizontalNav ul.level1nav li div {
	background-color: #FFFFFF;
	font-size: 11px;
	width: 914px;
	padding-left: 86px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
	border-top: 7px solid #193989;
	margin-top: 1px;
}

/* Hack to allow override for >IE6 browsers as HUB_UK_NAV_ie6.css stylesheet unable to control this rule */
html>body #horizontalNav ul.level1nav li div {
	background-image: url(/UK/images/navigation/nav-box-bg-gradient.png);
	background-color: transparent;
	background-position: bottom;
	background-repeat: repeat-x;
}

/*
[1.2 Level 2 / .level2nav] 
*/

/* Width of level 2 nav items is changed dynamically using jQuery depending on the number of nav items present */
#horizontalNav ul.level2nav li {
	float: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	width: 160px;
}

#horizontalNav ul.level2nav div {
	padding: 0px;
	background: none !important;
	min-height: 0px;
	border-top: none !important;
}

/* Link style for level 2 navigation items - extends '#horizontalNav a' */
#horizontalNav a.level2 {
	background-color: #193989;
	background-image: none !important;
	border: none;
	color: #FFFFFF;
	font-size: 11px !important;
	margin-right: 5px;
	display: block;
	padding: 7px !important;
	padding-top: 0px !important;
	margin-top: 0px !important;
}

#horizontalNav ul.level2nav a.breadcrumb, #horizontalNav ul.level2nav a.breadcrumb:hover, #horizontalNav ul.level2nav a.selected {
	background-color: #193989 !important;
	background-image: none !important;
	border: none;
	color: #FFFFFF !important;
	font-size: 11px !important;
	margin-right: 5px;
	display: block;
	padding: 7px !important;
	padding-top: 0px !important;
	margin-top: 0px !important;
}

#horizontalNav ul.level2nav li.first a.level2 {
	margin-left: 0px;
	margin-right: 5px;
}

#horizontalNav ul.level2nav li.last a {
	margin-right: 5px !important;
}

/* Appearance and visibility of container for level 3 navigation */
#horizontalNav ul.level2nav li div {
	font-size: 11px !important;
	margin-left: 0px;
	margin-top: 0px !important;
	padding-left: 0px !important;
	top: 0px !important;
	position: relative !important;
	width: auto !important;
}

/*
[1.3 Level 3 / .level3nav] 
*/

#horizontalNav ul.level3nav li {
	display: block;
	float: none;
	width: auto;
	border-top: none;
}

/* Link style for level 3 navigation items - extends '#horizontalNav a' */
#horizontalNav a.level3 {
	color: #333333 !important;
	background-color: #DBDBDB !important;
	background-image: none !important;
	border: 1px solid #797b7f !important;
	border-top: none !important;
	display: block;
	margin-right: 5px !important;
	margin-left: 0px !important;
	padding: 7px;
}

#horizontalNav ul.level3nav a.breadcrumb, #horizontalNav ul.level3nav a.breadcrumb:hover, #horizontalNav ul.level3nav a.selected {
	margin-top: 0px !important;
	color: #333333 !important;
	background-color: #DBDBDB !important;
	border: 1px solid #797b7f !important;
	border-top: none !important;
	display: block;
	margin-right: 5px !important;
	margin-left: 0px !important;
	padding: 7px !important;
}

#horizontalNav ul.level3nav li.first a.level3 {
	margin-left: 0px;
}

#horizontalNav ul.level3nav li.last a.level3 {
	margin-right: 5px !important;
}

#horizontalNav ul.level3nav li div {
	display: none !important;
}

/*
[1.4 Level 4 / .level4nav] 
*/

/* Visibility of level 4 nav items in horizontal navigation */
#horizontalNav ul.level4nav {
	display: none;
}

/*------------------------------------------------------------------ 
[2. Breadcrumbs / #breadcrumbs] 
*/

/* Styling of breadcrumb navigation - color is needed for currently selected page which is not a link */
#breadcrumbs {
	color: #797b7f;
	font-size: 11px;
	margin-bottom: 0px;
	margin-left: 7px;
	position: relative;
	top: -15px;
}

/* Style of breadcrumb navigation links */
#breadcrumbs a {
	color: #797b7f;
}

/* Hover state of breadcrumb navigation */
#breadcrumbs a:hover {
	color: #000000;
}

/*------------------------------------------------------------------ 
[3. Left navigation / #leftNav] 
*/

/* Position and size of left navigation */
#leftNav {
	/*background-color: #ececec;*/
	float: left;
	margin-left: 7px;
	overflow: hidden;
	padding-bottom: 5px;
	position: absolute;
	width: 148px;
}

/* Style of left navigation title (use 'display: none;' to hide if not required) */
#leftNav h1 {
	border-top: none;
	background-color: #797b7f;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0;
	padding: 7px;
	border-bottom: 1px solid #ECECEC;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}

/* Reset styling for nav list items */
#leftNav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#leftNav li {
	margin: 0px;
	padding: 0px;
}

/* Hack for IE to remove whitespace bug - do not remove (along with 'display: block;' below)*/
#leftNav a {
	display: inline-block;
}

/* Style for left navigation links - extended by a.level1/2/3/4 below */
/*** Do not remove 'display: block;' - see above ***/
#leftNav a {
	color: #000000;
	display: block;
	font-size: 11px;
	padding: 7px;
	padding-right: 20px !important;
	text-decoration: none;
}

/* Style for left navigation links on mouseover */
#leftNav a:hover {
	text-decoration: underline !important;
}

/* Hides dotted border around active links in Firefox */
#leftNav a:active {
	outline: none;
}

/* Style for 'breadcrumb' link (i.e. parent of selected channel) */
#leftNav a.breadcrumb {
}

/* Currently selected channel */
#leftNav a.selected {
	background-image: url(/UK/images/navigation/leftNavSelected.gif);
	background-repeat: no-repeat;
	font-weight: bold !important;
	background-position: 94%;
	padding-right: 20px;
}

#leftNav a.selected:hover {
	text-decoration: none !important;
}

/*
[3.1 Level 2 / .level2nav] 
*/

/* Link container style (i.e. background colour, border etc) for level 3 nav */
#leftNav ul.level2nav {
}

/* Link style for level 2 navigation items - extends '#leftNav a' */
#leftNav a.level2 {
	padding: 7px;
	background-color: #BDBEC0;
	border-bottom: 1px solid #FFF;
	color: #353535;
	font-weight: bold;
}

/*
[3.2 Level 3 / .level3nav] 
*/

/* Link container style (i.e. border colour) for level 3 nav */
#leftNav ul.level3nav {
}

/* Link style for level 3 navigation items (i.e. background colour etc) - extends '#leftNav a' */
#leftNav a.level3 {
	background-color: #DEDEDE;
	border-bottom: 1px solid #FFF;
	color: #353535;
	font-size: 11px;
	padding-left: 15px;
}

/*
[3.3 Level 4 / .level4nav] 
*/

/* Link container style (i.e. border) for level 4 nav */
#leftNav ul.level4nav {
	border-top: none;
	border-bottom: none;
}

/* Link style for level 4 navigation items (i.e. background colour etc) - extends '#leftNav a' */
#leftNav a.level4 {
	background-color: #F8F8F8;
	color: #353535;
	font-size: 11px;
	padding-left: 25px !important;
	padding-right: 20px;
	border-bottom: 1px solid #DEDEDE;
}

#leftNav ul.level4nav a.selected {
	background-position: 94%;
}

/*-------------------------------------------------------------
To eventually be added to HUB_UK_IP.css
-------------------------------------------------------------*/

table#topLevelContainer {
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

/* Begin housekeeping navigation styles */
/* Use td selectors to modify appearance of background */
/* Use a selectors to modify appearance of text (links) */
div#hkContainer {
	position: absolute;
	margin-left: 125px;
}

div#hkContainer table {
	width: auto;
}

td.hkSelected {
	color: #787878;
	height: 24px;
	text-align: center;
}

td.hkUnselected {
	left: 0px !important;
	color: #787878;
	height: 24px;
	text-align: center;
}

a.hkSelected {
	left: 0px !important;
	font-size: 11px;
	color: #787878;
	width: 100%;
	text-decoration: none;
	padding: 4px;
	height: 24px;
	z-index: 200;
}

a.hkUnselected {
	left: 0px !important;
	font-size: 11px;
	color: #787878;
	width: 100%;
	text-decoration: none;
	padding: 4px;
	height: 24px;
	z-index: 200;
}

a:visited.hkSelected {
	left: 0px !important;
	color: #787878;
	width: 100%;
	text-decoration: none;
	padding: 4px;
	height: 24px;
	z-index: 200;
}

a:visited.hkUnselected {
	left: 0px !important;
	color: #787878;
	width: 100%;
	text-decoration: none;
	padding: 4px;
	height: 24px;
	z-index: 200;
}

a:hover.hkSelected {
	left: 0px !important;
	color: #000000;
	text-align: center;
	text-decoration: underline;
	height: 24px;
	z-index: 200;
}

a:hover.hkUnselected {
	left: 0px !important;
	color: #000000;
	text-align: center;
	text-decoration: underline;
	height: 24px;
	z-index: 200;
}

a.hkUnselected {
	left: 0px !important;
	color: #787878;
	width: 100%;
	text-decoration: none;
	padding: 4px;
	height: 24px;
	z-index: 200;
}

/* End housekeeping navigation styles */

body {
	background-color: #d7d7d7 !important;
	background-image: url(/UK/images/navigation/containerBackgroundSides.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

table#content {
	margin-right: 5px;
}

#homepagecontainer #col3 {
	float: left;
	width: 275px;
}