/* htc hack from IE dropdowns */
body { 
	behavior:url("/r/css/csshover.htc"); 
}



.e-navigation-primary {
	background: url(/images/nav_primary_bg.jpg) repeat-x;
	height: 36px;
}

ul.pri-nav {
	font-family: Arial, sans-serif;
	font-weight: bold;
	width:100%;
	position:relative; 
	z-index:100;	
	padding: 0;
	margin: 0;
	list-style: none;
	height: 36px;
}

ul.pri-nav li {
	float: left;
	margin: 0 3em;
	line-height : 36px;
	padding: 0;
	list-style: none;

}

ul.pri-nav li a:link,
ul.pri-nav li a:visited {
	height: auto;
	width: auto;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #ccc;
}


/* SUB LEVEL
---------------------------------------------------------------------*/


ul.pri-nav ul {
	position: absolute;
	z-index: 9999 !important;
	top:auto;
	margin-left: -10px;
	display:none;
	width: auto;
	background: url(/images/sub_nav_bg.png) top left repeat-y !important;
	margin-top: 0px;
	border: 1px solid #A4A4A4;
	border-top-width: 0;
	float: left !important;
}

ul.pri-nav ul li {
	float: none !important;
	margin: 0 !important;
	width: 20em !important;
	line-height: 1.5em !important;

}

ul.pri-nav ul li a:link,
ul.pri-nav ul li a:visited {
	width: 90% !important;
	padding: 2% 5% !important;

}





/* DROP DOWN ACTIVATION
---------------------------------------------------------------------*/
ul.pri-nav li:hover ul,
ul.pri-nav li:focus ul,
ul.pri-nav li:active ul {
	display: block;
	z-index: 9999;
	cursor: pointer;
}

ul.pri-nav li a:hover ul,
ul.pri-nav li a:focus ul {
	display: block;
	cursor: pointer;
	z-index: 500;
}








/* LINK STYLING
---------------------------------------------------------------------*/

ul.pri-nav li a:hover,
ul.pri-nav li a:focus {
	color: #fff !important;
}




ul.pri-nav ul a:link,
ul.pri-nav ul a:visited {
	display: block;
	color: #fff;
	text-align: left !important;
	width: 100% !important;
}

ul.pri-nav ul a:hover,
ul.pri-nav ul a:focus {
	background: url(/images/sub_nav_over.png) repeat-y top left;
}


ul.pri-nav :hover > a {
	color: #fff !important;
	background: url(/r/i/iface/down_arrow.gif) no-repeat center top;
} 





















/* PRODUCTS NAV
----------------------------------------------------------------------*/

.e-main-title {
	width: 840px;
	clear: both;
	z-index: 1 !important;
}

.e-main-title ul.products {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.e-main-title ul.products li {
	float: left;
	padding: 0;
	margin: 0;
}

.e-main-title ul.products li a {

	display: block;
	width: 168px;
	height: 182px;
}

.e-main-title ul.products li a span {
	text-indent: -9999px;
	position: absolute;
}

/* define background images */

.e-main-title ul.products li.mortgages a {
	background-image: url(/images/mortgages.jpg);
}

.e-main-title ul.products li.investments a {
	background-image: url(/images/investment.jpg);
}

.e-main-title ul.products li.insurance a {
	background-image: url(/images/insurance.jpg);
}

.e-main-title ul.products li.pensions a {
	background-image: url(/images/pensions.jpg);
}

.e-main-title ul.products li.inheritance a {
	background-image: url(/images/inheritance.jpg);
}

/* define background image on hover*/

.e-main-title ul.products li a:hover,
.e-main-title ul.products li a:focus {
	background-position: 0 -182px;
}