.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	

body {
	height: 100%;
	padding: 0 0 0 0;
	margin:0 0 0 0;	
	background-color: #06092A;
			
}

fieldset{
	border: none;
	margin-left: -5px;
}

img{
	border: 0;
}

// code for SWFFORCEResize removed - no longer globally used
/*
-----------------------------
Adverts
-----------------------------
*/



* html div#MediumRectangle div.adouter,* html div#Super div.adouter,* html div#Skyscraper div.adouter {
	position:relative !important;
	left: 10px !important; 
	
}
div.adouter  {
	background-repeat:no-repeat;
	/* hide ads when javascript is turned off */
	display:none;
}
div#Super, div#MediumRectangle, div#Skyscraper
{
	visibility: hidden; 
	display: block;
}

div#Super div.adouter,div#MediumRectangle div.adouter,div#Skyscraper div.adouter {
	background-repeat:no-repeat;
	background-position:top left;
	/* show ads when javascript is turned off */
	display:block !important;
}


div#Super {
	position:absolute; 
	width: 738px; 
	height:90px;  
	top:5px; 
	z-index:50000; 
	background-repeat:no-repeat;
	padding:0px;
	/*left:50%;
	margin-left: -369px; */
}


div#Super div div.adwrapper {
	position:relative;
	left:10px;
	width: 728px; 
	height:90px; 
	padding:0px;
}

div#MediumRectangle {
	position:absolute; 
	width: 300px; 
	height:250px; 
	z-index:30000;
	background-repeat:no-repeat;
	padding:0px;
	/*left:50%; */
}

div#MediumRectangle div div.adwrapper {
	width: 300px; 
	height: 240px; 
	padding:0px;
	margin:0px;
	position:relative;
	top:10px;
	left:0px;
}

	
div#Skyscraper {
	position:absolute; 
	width: 120px; 
	height:610px; 
	top:172px; 
	z-index:50000; 
	background-repeat:no-repeat;
	/*left:50%; */
}
div#Skyscraper div div.adwrapper  {
	position:relative;
	width: 120px; 
	height:600px; 
	top:10px;
	left:0px;
	padding:0px;
	margin:0px;
} 


/*
---------------------------------
Accessibilty
---------------------------------
*/
.screenreaderonly {
	position: absolute;
	left: -999px;
	width: 990px;
}
/*
---------------------------------
No javascript panel
---------------------------------
*/
div#nonjavascriptcontent {
	display:block;
	position:absolute;
	left:50%;
	top:150px;
	margin:0 0 0 -358px; 
	width:716px;
	font-size:1.1em;
	font-family: Arial, Verdana, Helvetica, _sans;
}

div#nonjavascriptcontent div.content {
	background-image:url(/EMEA/en-GB/media/en-GB/dcom/nonflashpanel/error_panel_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding: 85px 0 15px 0;
	
}

div#nonjavascriptcontent div.footer {
	height:20px;
	background-image:url(/EMEA/en-GB/media/en-GB/dcom/nonflashpanel/error_panel_bottom.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div#nonjavascriptcontent h1 {
	display:none;
}
div#nonjavascriptcontent div.content p {
	color:#031158;
	background-color:#ffffff;
	margin:10px 35px 32px 35px;
	padding:0px;
	
}

div#nonjavascriptcontent div.content p strong {
	font-size:1.2em;
	font-weight:normal;
}
div#nonjavascriptcontent hr {
	display:none;
}

div#nonjavascriptcontent a {
	padding:0 0 0px 34px;
	margin:15px 0 0 0;
	display:block;
	background-image:url(/EMEA/en-GB/media/en-GB/dcom/nonflashpanel/error_panel_link_arrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
	
}
div#nonjavascriptcontent a, div#nonjavascriptcontent a:hover, div#nonjavascriptcontent a:visited, div#nonjavascriptcontent a:active {
	color:#031158 !important;
	text-decoration:underline !important;
}
/*
---------------------------------
Column Layout Styles
---------------------------------
*/

#wrapper{
	margin:0 0 0 0;	
	width: 760px;
	padding-right: 10px;
	}

#footer{
	clear: both;
	width: 760px;
	text-align: center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 12px;
	padding-bottom: 20px;
 	color:#E7E7ED !important;
	}
#footer,a {
	color:#E7E7ED !important;
}

#threeColumnLayout #leftColumn{
	float: left;
	clear: left;
	width: 200px;
	padding: 0 5px 5px 5px;
}


#threeColumnLayout #mainColumn{
	float: left;
	width: 360px;
	padding: 5px 5px 5px 5px;
	}

#threeColumnLayout #rightColumn{
	float: left;
	clear: right;
	width: 170px;
	padding: 0 5px 5px 5px;
	margin: 0 0 0 0;
	}


#twoColumnLayout #leftColumn{
	float: left;
	clear: left;
	width: 200px;
	padding: 0 5px 5px 5px;
	}

#twoColumnLayout #mainColumn{
	float: left;
	clear: right;
	width: 540px;
	padding: 5px 5px 20px 5px;
	}

	
#oneColumnLayout #mainColumn{
	width:750px;
	padding: 5px 5px 5px 5px;
	clear: both;
	}

/*
This is a Custom clearfix for the layouts, to reduce graphic overrun in Firefox
*/
#threeColumnLayout:after, #twoColumnLayout:after, #oneColumnLayout:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	margin-bottom: -12px;
	}

#toolbar ul{
	margin: 10px 5px 0 0;
}
#toolbar li{
	display: inline; 
	list-style: none;
}

#toolbarBottomRow, #toolbarTopRow{
	float: right;
}
#toolbar form{
	display: inline;
}

#toolbar .toolbarLogo{
	float: left;
	margin: 10px 0 0 0;
}
#toolbar {
	height: 80px;
}

/*
Global Navigation CSS
*/


#globalNav{
	position:relative;
	width: 760px;
	height: 20px;
	}

#nav, #nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		z-index: 3;
		width: 584px;
	}
	
#nav 	{		
		float: left;
		position: auto;  				
	}
	
#nav a {
		display: block;
		width: auto;
	}
	
#nav li {
		float: left;		
		padding-left: 15px;
		width: auto;
	}
	
	
#nav li ul li {
		clear: both;
		background: White;
		padding-left: 0px;
		padding-bottom: 12px;		
	}	
		
#nav li ul {								
		position: absolute;
		left: -999px;
		padding-bottom: 2px;
		margin-top: -2px;
	}
	
html>body #nav li ul {
		margin-top: -5px;
	}
	
#nav li:hover ul, #nav li.iehover ul {
		left: auto;
	}
	
#nav li ul ul {
		margin: -20px 0 0 75px;
		border: 0px;
	}
	
	
#nav li:hover ul ul, #nav li.iehover ul ul {
		left: -999px;
	}
	
	
#nav li:hover ul, #nav li li:hover ul, #nav li.iehover ul, #nav li li.iehover ul {
		left: auto;
	}

#nav li:hover img, #nav li.iehover img {
		visibility: hidden;
	}

#nav li:hover li img, #nav li.iehover li img, #nav li li:hover img, #nav li li.iehover img {
		visibility: visible;
	}

/* 
Global Chrome CSS
*/

#chrome {
	background-color: #003399;
	width: 760px;
	}
#globalChromeSearch{
	float: right;
}
#globalChromeLogo{
	float: left;
}
#globalChromeBreadcrumb{
	float: left;
}
.globalChromeText{
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
	
.globalChromeText a {
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}


