/*
	$Id: lhn.css,v 1.9 2005/11/15 15:23:57 warec Exp $
	$Log: lhn.css,v $
	Revision 1.9  2005/11/15 15:23:57  warec
	7477 CandAMain_blueNavLinks not displaying properly in beta

	Revision 1.8  2005/10/18 14:43:20  warec
	Minor CSS changes

	Revision 1.7  2005/09/01 11:22:36  warec
	anchor link colour in lhn

	Revision 1.6  2005/08/31 14:27:49  warec
	Alias refactor
	
	Revision 1.5  2005/08/18 10:00:43  warec
	BlueNavLinks separated into individual lists
	
	Revision 1.4  2005/07/22 09:03:05  warec
	Quick clicks hover over colour correction

	Revision 1.3  2005/07/19 13:52:16  warec
	Sorted expanded hoverover background-color
	
	Revision 1.2  2005/07/18 15:10:25  warec
	Component reorganisation (Left Column)

	Revision 1.1  2005/07/06 16:53:31  warec
	Initial revision
*/

.accessibility {position:absolute;top:-1px;left:0px;height:1px;width:1px;overflow:hidden;}

/* FONT FAMILY, STYLE, WEIGHT */
ul.lhn a,
ul.lhn span {
	font-size:11px;
	font-weight: bold;
}

ul.lhn a:link,
ul.lhn a:visited,
ul.lhn a:active,
ul.lhn a:hover {
	text-decoration:none;
}

ul.lhn ul.suboption li a:hover,
ul.lhn ul.suboption li a:active {
	font-weight:normal;
	text-decoration:underline !important;
}

ul.lhn ul.expanded a,
ul.lhn ul.suboption {
	font-weight:normal;
}

ul.sub a {
	font-weight:normal;
}

ul.lhn ul.expanded a.highlight,
ul.lhn ul.expanded ul.expanded a.highlight,
ul.lhn ul.expanded ul.expanded a.selected,
ul.lhn ul.expanded ul.expanded a.highlight-selected {
	font-weight:normal;
}

ul.lhn a.highlight-selected,
ul.lhn a.highlight-root
ul.lhn ul.expanded a.highlight-root {
	font-weight:bold;
}

/*ul.alt-style1 a,
ul.alt-style1 a:hover {
	text-transform:uppercase;
	text-decoration:underline;
}

ul.alt-style1 ul.expanded a,
ul.alt-style1 ul.expanded a:hover {
	text-transform:none;
}

ul.alt-style1 ul.expanded a:hover,*/
ul.blue-nav-links ul.expanded a:hover {
	text-decoration: underline !important;
}

ul.blue-nav-links a:hover {
	text-decoration: underline !important;
}

/* COLOUR */
.lhn-container {
	/*border-left:1px solid #999999;border-right:1px solid #999999;*/
}

ul.sub {
	border: 1px solid #999999;
}

ul.lhn,
ul.lhn a:link,
ul.lhn a:visited,
ul.lhn a:active {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

ul.lhn a.orange {color:#F96000;}
ul.lhn a.blue:hover {background-color:#69C1FF !important; color: black;}

ul.lhn a img {
	border:0px;
	border-top: 1px solid #CCCCCE;
}

ul.lhn a {
	background-color: #EDEFF3;
	border:1px solid #B1B7C4;
}

ul.lhn a.lastitem {
	border-bottom:0px none;
}

ul.lhn a.lastitem {
	border-bottom:inherit;
}

ul.lhn ul.expanded a.lastitem {
	border-bottom: 0px;
}


ul.lhn ul.suboption li a:hover,
ul.lhn ul.suboption li a:active {
	background-color:#F1F1F1 !important;
	color:#333333 !important;
}

ul.lhn ul.expanded {margin-bottom:3px; background-color:#E0E2E7; padding-top:1px;}
ul.lhn ul.expanded li {padding:0px 1px 1px 5px; width:144px; display:block; background:url(../images/bg_ExpandedLI.gif) no-repeat bottom left;}
ul.lhn ul.expanded li.end {background:none;}

ul.lhn ul.expanded a
{
  padding-left:7px;
  margin-bottom:0px;
  border:none;
  width:133px;
}

ul.lhn ul.expanded a,
ul.lhn ul.suboption {
	background-color: #FFFFFF;
}

ul.lhn ul.expanded ul.expanded a {
	background-color: #ffffff;
	border-bottom:1px solid #F1F1F1;
}

/*ul.alt-style1 ul.expanded {
	border:1px solid #999999;
}*/

ul.sub a {
	border:none;
	border-bottom: 1px solid #FFFFFF !important;
	background-color: #F1F1F1;
}

ul.sub a.lastitem {
	border-bottom:0px none !important;
}

ul.lhn a.highlight-flyout,
ul.lhn ul.expanded a.highlight-flyout,
ul.lhn a.selected-flyout,
ul.lhn ul.expanded a.selected-flyout {
	background-color:#FD6B00;
	color:#ffffff !important;
}

ul.lhn a.highlight,
ul.lhn a.highlight-selected,
ul.lhn a.selected {
	background-color:#FD6B00;
	color:#ffffff !important;
}

ul.lhn ul.expanded a.highlight,
ul.lhn ul.expanded ul.expanded a.highlight,
ul.lhn ul.expanded ul.expanded a.selected,
ul.lhn ul.expanded ul.expanded a.highlight-selected {
	background-color:#FD6B00;
	color:#ffffff;
}

ul.lhn ul.suboption a.highlight {
	color:black !important;
	background-color: #F1F1F1;
}


ul.lhn a.selected-root {
	background-color:#999999;
	color:#ffffff;
}

ul.lhn a.highlight-root {
	background-color:#FD6B00;
	color:#ffffff;
}

ul.lhn ul.expanded a.selected {
	background-color:#FD6B00;
}

ul.lhn ul.expanded a.selected-root,
ul.lhn ul.expanded a.highlight-root {
	color:#4C4C4C;
	font-weight:bold;
}

ul.lhn a.highlight-selected,
ul.lhn a.highlight-root,
ul.lhn ul.expanded a.highlight-selected,
ul.lhn ul.expanded a.highlight-root {
	background-color:#FD6B00;
	color:#ffffff;
}

ul.blue-nav-links a,
ul.blue-nav-links span,
ul.blue-nav-links ul.expanded a {
	background-color:#ffffff;
	border-bottom:1px solid #edefea;
}

/*ul.alt-style1 a,
ul.alt-style1 a:hover {
	background-color: #ffffff !important;
	color:#000000 !important;
}

ul.alt-style1 ul.expanded a,
ul.alt-style1 ul.expanded a:hover {
	background:none;
	color: #003399 !important;
}

ul.alt-style1 a,*/
ul.blue-nav-links a:link,
ul.blue-nav-links a:visited,
ul.blue-nav-links a:active {
	color:#003399;
}

/*ul.alt-style1 ul.expanded a,*/
ul.blue-nav-links ul.expanded a {
	color: #003399  !important;
}


/*ul.alt-style1 ul.expanded a.lastitem {
	border-bottom:1px dashed #999999;
}*/

ul.blue-nav-links ul.expanded a.lastitem {
	border-bottom:0px;
}

/*
ul.alt-style1 ul.expanded {
	border:1px solid #999999;
}
*/

ul.blue-nav-links {
	border-top:1px dashed #999999;
}

/* Allows hover over activation before JS and submenu have loaded */
ul.lhn a:hover,
ul.lhn ul.expanded a:hover {
	background-color:#FD6B00 !important;
	color:#ffffff;
}

ul.lhn a.selected-root,
ul.lhn a.highlight-root {
	color:#ffffff !important;
}

ul.lhn ul.expanded a.selected-root {
	color:#333333 !important;
}

ul.lhn ul.expanded a:hover.selected-root,
ul.lhn ul.expanded a.highlight-root {
	color:#ffffff !important;
}

/*ul.alt-style1 ul.expanded a {
	background-color:#ffffff;
}*/

ul.blue-nav-links ul.expanded a {
	background-color:#ffffff;
}

ul.alt-style1 ul.expanded a:hover,
ul.blue-nav-links ul.expanded a:hover {
	background-color:#ffffff !important;
	color: #003399;
}

ul.blue-nav-links a:hover {
	background-color:#ffffff !important;
	color: #003399;
}

/* ../images */
/*ul.alt-style1 a,
ul.alt-style1 a:hover {
	background-image:  url(../images/arrow_down_black.gif);
	background-repeat: no-repeat;
	background-position: 11px 5px;
}*/

/* IMAGE CHANGING and :hover CSS */
ul.lhn a.flyout {
	background-image:  url(../images/arrow_right_orange.gif);
	background-repeat: no-repeat;
	background-position: 100% 7px;
}

ul.lhn a.a_un {background-image:  url(../images/a_un.gif); background-repeat: no-repeat; background-position: 100% 3px;}
ul.lhn a:hover.a_un {background-image:  url(../images/a_un2.gif); background-repeat: no-repeat; background-position: 100% 3px;}
ul.lhn a.a_us {background-image:  url(../images/a_us.gif); background-repeat: no-repeat; background-position: 100% 3px;}
ul.lhn a:hover.a_us {background-image:  url(../images/a_us2.gif); background-repeat: no-repeat; background-position: 100% 3px;}
ul.lhn a.a_uk {background-image:  url(../images/a_uk.gif); background-repeat: no-repeat; background-position: 100% 3px;}
ul.lhn a:hover.a_uk {background-image:  url(../images/a_uk2.gif); background-repeat: no-repeat; background-position: 100% 3px;}
ul.lhn a.a_au {background-image:  url(../images/a_au.gif); background-repeat: no-repeat; background-position: 100% 3px;}
ul.lhn a:hover.a_au {background-image:  url(../images/a_au2.gif); background-repeat: no-repeat; background-position: 100% 3px;}

ul.lhn a.highlight-flyout {
	background-image:  url(../images/arrow_right_white.gif);
	background-repeat: no-repeat;
	background-position: 100% 7px;
}

ul.lhn a:hover.flyout {
	background-image: url(../images/arrow_right_white.gif);
	background-repeat: no-repeat;
	background-position: 100% 7px;
}

ul.lhn a.expanded {
	background-image:  url(../images/arrow_down_white.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px !important;
}

ul.lhn a.flg-un {background-image: url(../images/flags/un.png); background-repeat: no-repeat; background-position: 95% 3px;}
ul.lhn a.flg-us {background-image: url(../images/flags/us.png); background-repeat: no-repeat; background-position: 95% 3px;}
ul.lhn a.flg-uk {background-image: url(../images/flags/uk.png); background-repeat: no-repeat; background-position: 95% 3px;}
ul.lhn a.flg-au {background-image: url(../images/flags/au.png); background-repeat: no-repeat; background-position: 95% 3px;}

ul.lhn ul.expanded a.expanded {
	background-position: 10px 5px !important;
}

ul.lhn ul.expanded a.selected,
ul.lhn ul.expanded a.highlight-selected {
	background-position: 12px 0.4em;
}

ul.lhn ul.expanded ul.expanded a.selected,
ul.lhn ul.expanded ul.expanded a.highlight-selected {
	background-position: 23px 0.4em;
}

ul.lhn a.selected-root,
ul.lhn a.highlight-root {
	background-image:  url(../images/arrow_down_white.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
}

ul.lhn ul.expanded a.selected-root,
ul.lhn ul.expanded a.highlight-root {
	background-position: 10px 5px;
}

ul.lhn ul.expanded a.selected-root {
	background-image:  url(../images/arrow_down_darkgrey.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}

ul.lhn ul.expanded a:hover.selected-root,
ul.lhn ul.expanded a.highlight-root {
	background-image: url(../images/arrow_down_white.gif);
}

/*ul.alt-style1 ul.expanded a,
ul.alt-style1 ul.expanded a:hover {
	background-image: url(../images/arrow_right_blue_sml.gif);
	background-repeat: no-repeat;
	background-position: 7px 0.4em;
}*/

ul.blue-nav-links ul.expanded a,
ul.blue-nav-links ul.expanded a:hover {
	background-image: url(../images/arrow_right_blue_sml.gif);
	background-repeat: no-repeat;
	background-position: 12px 0.4em;
}


/* LAYOUT */
ul.lhn {
	display:block;
	width:auto;
}

ul.sub {
	position:absolute;
	visibility:hidden;
	top:0px;
	left:0px;
	z-index:9999;
	width:140px;
}

/*
html>body ul.sub {
	width:8em;
	min-width:139px;
}
*/

ul.sub li {margin:0px;}

/*
ul.sub a {
	min-width:126px;
}
*/

ul.blue-nav-links li.lastitem li a {
	border-top:0px none;
}

ul.lhn a,
ul.lhn ul.suboption {
	padding-bottom:1px;
}

ul.lhn a img {
	padding:0px;
	margin:0px;
	margin-left:-11px;
	display:block;
}

/*ul.leftnavad-style2 a {
	padding-bottom:0px;
}

ul.leftnavad-style1 {
	border-right:0px none;
}*/

ul.lhn a,
ul.lhn span {
	display:block;
  padding: 3px 11px;
  margin-bottom:3px;
	/*padding-left:11px;*/
	position:relative; /* Allows full width hover-over for links in IE */
}

ul.sub a {
  /*width:auto;*/
	padding-left:11px !important;
	margin-bottom:0px;
}


ul.lhn ul.suboption a {
	display:inline;
	padding-left:0px;
}

ul.lhn ul.suboption {
	padding-left:19px;
}

ul.lhn ul.expanded ul.expanded a {
	padding-left:28px;
}


/*ul.alt-style1 a,
ul.alt-style1 a:hover {
		padding-left:21px !important;
}


ul.alt-style1 ul.expanded {
	margin-left:5px;
	margin-bottom:10px;
	width:132px;
}*/

ul.lhn,
ul.lhn ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.lhn li {
	width:100%;
	display:inline;
	padding:0;
	margin:0;
}

ul.lhn li.simple {
  background-color: #FFFFFF;
  color: #5174AF;
  display:block;
  width: 133px;
  padding: 3px 11px;
  font-weight: bold;
  border:1px solid #B4BAC7;
  margin-bottom:3px;
}

ul.lhn ul.suboption a {
	padding-left:0px;
}

ul.leftnav-mktbox {border:1px solid #999999;margin-bottom:20px;}
ul.leftnav-mktbox a {padding-left:0;}
ul.leftnav-mktbox a span.item {padding-left:11px;font-size:1em;}
ul.leftnav-mktbox a span.image {float:left;padding:0;width:100%;text-align:center;}
ul.leftnav-mktbox a span.image img {display:block;margin:0 auto 0 auto;}