/*Generic*/
.floatleft{
	float:left;
	width:109px;
}
.floatleftCase{
	float:left;
	width:135px;
}
/* ---- MAIN CONTENT WRAPPERS ---- */
#wrapper{
position:absolute;
left:50%;
width:750px;
margin-top:20px;
margin-bottom:20px;
margin-left:-370px;
background:#666666;
}
#spacer{
width:750px;
margin-top:20px;
padding-top:20px;
}
#contOne{
float:left;
position:relative;
width:700px;
background-image:url(../images/site_objects/b_One.gif);
background-repeat:repeat-y;
background-color:#FFFFFF;
}
#contTwo{
float:left;
position:relative;
top:10px;
left:10px;
width:700px;
background-image:url(../images/site_objects/b_Two.gif);
background-repeat:repeat-y;
background-color:#FFFFFF;
}
#contThree{
float:left;
position:relative;
top:10px;
left:10px;
width:700px;
background-image:url(../images/site_objects/b_Three.gif);
background-repeat:repeat-y;
background-color:#FFFFFF;
}
#contFour{
float:left;
position:relative;
top:10px;
left:10px;
width:703px;
background-image:url(../images/site_objects/b_Four.gif);
background-repeat:repeat-y;
background-color:#FFFFFF;
}
#mainContent{
float:left;
position:relative;
background:#ffffff;
top:10px;
left:10px;
width:703px;
padding:0px;
margin:0px;
}
#mainHomeContent{
float:left;
position:relative;
background:#ffffff;
top:10px;
left:10px;
width:700px;
padding:0px;
margin:0px;
}
/* Home page --------------------------------------------------------------------------*/
div.contentHome {
	position:relative;
	margin: 0px 0px 0px 0px;
	height:385px;
	background-image:url(../images/site_objects/b_home.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0px;
	float: left;
	width: 703px;
}
div.contentHome img.logo{
	position:absolute;
	top:30px;
	left:29px;
	z-index:10;
}
div.contentHome div.homeTextRight{
	position:absolute;
	left:380px;
	top:25px;
}
div.contentHome div.homeTextRight p.orangePara{
	color:#F46515;
	font-size:75%;
	font-weight:bold;
	width:315px;
	margin:0 0 0px 0;
}
div.contentHome div.dividendPosition{
	position:absolute;
	left:156px;
	top:120px;
	width:100px;	
}
div.contentHome div.dividendPosition p.dividend{
	font-size:110%;
	color:#10147E;
	margin:0px;
	font-weight:normal;
}
div.contentHome div.dividendPosition p.numbers{
	font-size:260%;
	color:#F96611;	
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

div.contentHome div.dividendPosition1{
	position:absolute;
	left:300px;
	top:120px;
	width:100px;	
}
div.contentHome div.dividendPosition1 p.dividend{
	font-size:110%;
	color:#10147E;
	margin:0px;
	font-weight:normal;
}
div.contentHome div.dividendPosition1 p.numbers{
	font-size:260%;
	color:#F96611;	
	font-weight:bold;
	margin:0px 0px 10px 0px;
}
div.contentHome div.dividendPosition1 p.orangeHome{
	color:#F96611;
	margin:4px 0 12px 0;
	padding:0;
	width:170px;
	font-weight:bold;
	font-size:90%;
}
div.contentHome div.dividendPosition1 p.blueHome{
	color:#10147E;
	margin-top:10px;
	width:180px;
	font-size:75%;
}















div.contentHome div.introText{
	position:absolute;
	top:65px;
	left:440px;
	width:250px;
}
.homeLeft {
	float:left;
	width:43px;
	margin:10px 0 0 0;
}
.homeRight {
	float:left;
	width:200px;
	margin:14px 0 0 0;
}
img.centricaLogo{
	position:absolute;
	bottom:20px;
	right:10px;
}
/* ---- END OF HOME PAGE ---- -----------------------------------------------------*/

/* ---- TOP BAR ------ */
#topContent{
	color:inherit;
	float:left;
	width:703px;
}
#topContent div.logo{
	float:left;
	width:208px;
}
#topContent div.topNav{
	float:left;
	width:462px;
	padding:30px 30px 0px 0px;
	text-align:right;
}
/* ---- MAIN BAR  ---- */
#mainBar{
	width:703px;
}
/* ---- LEFT MENU ---- */
div.leftmenu {
	float: left;
	width: 209px;
}
div.leftmenu div.bottom {
	float: left;
	width: 150px;
	margin:20px 0px 0px 8px;
}
/* ------ body content --------*/
div.content {
	margin: 0px 0px 0px 0px;
	padding:0px;
	float: left;
	width: 494px;
}
div.widePage{
	width:444px;
	float:left;
}
div.widePageFin{
	width:400px;
	float:left;
	color:#10147e;
	background:transparent;
	font-size:88%;
}

div.twoColBackground{
	float:left;
	width:494px;
	margin-top:20px;
}
div.backgroundGreen{
	float:left;
	width:494px;
	margin-top:0px;
}
div.twoCol1{
	float:left;
	width:219px;
	padding-right:23px;
}

div.twoColServices{
	float:left;
	width:340px;
}
div.twoCol1Border{
	float:left;
	width:219px;
	padding-right:23px;
	border-right:solid 1px #cccccc;
}
div.twoCol1WhatWeDo{
	float:left;
	width:450px;
	margin-top:20px;
}
div.whatWeDoLeft{
	float:left;
	width:250px;
}
div.whatWeDoRight{
	float:left;
	width:200px;
}
p.keyMarkets{
	float:left;
	color:#10147e;
	font-size:70%;
	width:136px;
}
div.whatWeDoNotes{
	clear:both;
	font-size:90%;
	color:#10147e;
	background:transparent;
	width:219px;
	padding-top:20px;
}
p.asterix{
	float:left;
	width:15px;
}
p.asterixText{
	float:left;
	width:200px;
}


div.twoCol1Small{
	float:left;
	width:180px;
	padding-right:23px;
}
div.twoCol2{
	float:left;
	width:219px;
}
div.twoCol2Border{
	float:left;
	width:199px;
	padding-left:20px;
}
div.twoColCase{
	float:left;
	width:494px;
}
div.twoCol1Case{
	float:left;
	position:relative;
	width:219px;
	padding-right:23px;
}
div.twoCol2Case{
	float:left;
	position:relative;
	width:219px;
}
div.twoColBackgroundBox{
	float:left;
	width:494px;
	margin-top:0px;
}
div.twoCol1border{
	float:left;
	width:219px;
	padding-right:23px;
}
div.twoCol2border{
	float:left;
	padding-left:20px;
	width:199px;
	border-left:solid 1px #333333;
}
div.imgBoxLeft{
	float:left;
	width:109px;
}
div.imgBoxRight{
	float:left;
	width:110px;
}
div.imgBoxBlue{
	float:left;
	width:199px;
	background:#10147e;
	color:#ffffff;
	padding:10px;
}
p.imgYellowText{
	width:60px;
	font-size:70%;
	font-weight:bold;
	background:transparent;
	color:#FFCC30;
	padding:57px 0px 0px 10px;
}
p.imgGreenText{
	width:80px;
	font-size:70%;
	font-weight:bold;
	background:transparent;
	color:#65B722;
	padding:30px 0px 0px 10px;
}
p.imgBlueText{
	width:60px;
	font-size:70%;
	font-weight:bold;
	background:transparent;
	color:#17A7CA;
	padding:47px 0px 0px 10px;
}
p.imgPurpleText{
	width:100px;
	font-size:70%;
	font-weight:bold;
	background:transparent;
	color:#9950B2;
	padding:21px 0px 0px 10px;
}
p.blueCase{
	margin-top:10px;
	color:#10147E;
}
p.blueCaseHome{
	float:left;
	margin-top:10px;
	color:#10147E;
	font-weight:bold;
	width:160px;
}
.blueCaseArrowLeft{
	position:absolute;
	bottom:10px;
	right:25px;
}
.blueCaseArrowRight{
	position:absolute;
	bottom:10px;
	right:0px;
}
.creamArrow{
	position:absolute;
	bottom:0px;
	right:20px;
}

div.twoCol2Space{
	float:left;
	width:219px;
	padding-top:24.5px;
}
div.dashedLine {
	margin: 0px 0px 20px 0px;
	padding:0px;
	float: left;
	width: 494px;
	border-bottom:dashed 1px #D0D0D0;
}
div.blueBox{
	background:#E7F6FA;
	color:#1F2182;
	padding:10px;
	margin-top:22px;
}
div.purpleBox{
	background:#F5EDF7;
	color:#2C1880;
	padding:10px;
	margin-top:22px;
}
div.greenBox{
	background:#EFF8E8;
	color:#272371;
	padding:10px;
	margin-top:22px;
}
div.creamBox{
	background:#FFF5D6;
	color:#4D376B;
	padding:10px;
	margin-top:22px;
}
p.creamText{
	font-size:90%;
	width:160px;
	margin-bottom:2px;
}
p.servicesText{
	font-size:80%;
	width:180px;
	margin-bottom:2px;
	font-weight:normal;
}
p.creamTextBold{
	font-size:140%;
	font-weight:bold;

}


div.whiteBox{
	background:#transparent;
	color:#10147E;
	padding:10px;
	margin-top:58px;
}
p.whiteText{
	font-size:90%;
	width:160px;
	margin-bottom:2px;
}
p.whiteTextBold{
	font-size:240%;
	font-weight:bold;
}


div.blueBoxWide{
	margin-top:30px;
	background:#10147E;
	width:494px;
	float:left;
	position:relative;
}
p.mouse{
	float:left;
	width:46px;
	margin-top:20px;
}
p.mouseText{
	float:left;
	width:160px;
	color:#10147E;
	background:transparent;
	font-size:70%;
	font-weight:bold;
	margin-top:20px;
}
img.plus{
	position:relative;
	top:4px;
	margin-right:8px;
}
p.enlargeImage{
	margin-top:350px;
	text-align:right;
	width:470px;
	color:#10147E;
}
p.enlargeImage a.enlarge, p.enlargeImage a.enlarge:link, p.enlargeImage a.enlarge:active, p.enlargeImage a.enlarge:visited{ 
	color:#10147E; 
	background:transparent; 
	font-size:90%; 
}
p.enlargeImage a.enlarge:hover{ 
	color:#F96611; 
	background:transparent; 
	font-size:90%; 
	text-decoration:none; 
}
div.popUpText{
	position:absolute;
	font-size:70%;
	width:250px;
	top:70px;
	left:570px;
	z-index:100;
}
div.popUpText a.close, div.popUpText a.close:link, div.popUpText a.close:active, div.popUpText a.close:visited{ 
	color:#10147E; 
	background:transparent; 
}
div.popUpText a.close:hover{ 
	color:#F96611; 
	background:transparent;  
	text-decoration:none; 
}
div.mouseDiv{
	float:left;
	margin-top:20px;
	width:450px;
}



/* highlights page */
div.highlightsContainer {
	float:left;
	width:462px;
	margin:10px 0 10px 0;
}

div.highlightsContainer div.column {
	float:left;
	width:200px;
}
div.highlightsContainer div.column2 {
	float:left;
	width:250px;
}

div.leftmenu div.reportContainer {
	margin:22px 0 0 22px;
}
/* ------- BOTTOM BAR ------- */
#bottombar {
	width:703px;
	background:#F96611;
}
div.toolbarBot{
	width:703px;
	margin:0px;
	padding:0px;
	background-image:url(../images/site_objects/b_bottomBarBotShadow.gif);
	background-repeat:no-repeat;
}
div.bottombarGrey{
	padding:10px 0px 0px 20px;
	width:683px;
	background-image:url(../images/site_objects/b_bottomBarTopShadow.gif);
	background-repeat:no-repeat;
	background:#3E3E3E;
	color:#ffffff;
}
/*form boxes*/
div.bottombarGrey div.form{
	float:left;
	width:260px;
}
div.bottombarGrey div.form form{
	margin:0px;
	padding:0px;
}
div.bottombarGrey div.form form select{
	width:140px;
	font-size:10px;
	margin:0px;
	padding:0px;
}
div.bottombarGrey div.form form input{
	font-size:10px;
}
div.bottombarGrey div.form form input.button{
	text-decoration:underline;
	font-size:10px;
	color:#ffffff;
	background:none;
	border:none;
	cursor:hand;
}



div.bottombarGrey div.form1{
	float:left;
	width:160px;
}
div.bottombarGrey div.form1 form{
	margin:0px;
	padding:0px;
}
div.bottombarGrey div.form1 form select{
	width:140px;
	font-size:10px;
	margin:0px;
	padding:0px;
}
div.bottombarGrey div.form1 form input{
	font-size:10px;
}
div.bottombarGrey div.form1 form input.button{
	text-decoration:underline;
	font-size:10px;
	color:#ffffff;
	background:none;
	border:none;
	cursor:hand;
}
/*accessibility links*/
div.bottombarGrey div.toolbar{
	font-size:70%;
	float:right;
	text-align:right;
	padding:0px;
	margin:0px;
	width:250px;
	color:#ffffff;
}
div.bottombarGrey div.toolbar a{
	margin-right:10px;
	color:#ffffff;
	text-decoration:underline;
}
div.bottombarGrey div.toolbar a:hover{
	color:#ffffff;
	text-decoration:none;
}
div.bottombarGrey div.toolbar a.text{
	position:relative;
	top:-6px;
	color:#ffffff;
	text-decoration:underline;
}
div.bottombarGrey div.toolbar a.text:hover{
	color:#ffffff;
	text-decoration:none;
}




/*bottom bar orange*/
div.bottombarOrange{
	padding:0px 10px 20px 20px;
	background:#F96611;
	color:#ffffff;
	font-size:70%;
}
div.bottombarOrange a{
	color:#ffffff;
	text-decoration:underline;
}
div.bottombarOrange a:hover{
	color:#ffffff;
	text-decoration:none;
}

/*search page*/
div.searchContentLeft {
		float:left;
		width:290px;
		margin-top:0px;
		padding-top:0px;
		
	}
	div.searchContentLeft p{
		 width:290px;
		 margin:0px;
		 
	}
	div.greyLine{
		 float:left;
		 border-top:solid 1px #cccccc;
		 margin:0px 0px 0px 0px;
		 padding:5px 0px 5px 0px;
		 Color:#10147E;
	}
	div.greyLineResults{
		 float:left;
		 border-top:solid 1px #cccccc;
		 border-bottom:solid 1px #cccccc;
		 margin:0px 0px 0px 0px;
		 padding:5px 0px 0px 0px;
		 Color:#10147E;
	}
	div.greyLineResults p.greyLine1{
		float:left;
		width:110px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	div.greyLineResults p.greyLine2{
		float:left;
		width:98px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	div.greyLineResults p.greyLine3{
		float:left;
		width:80px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		text-align:right;
		font-size:70%;
	}
	div.greyLineDouble{
		 border-bottom:solid 1px #cccccc;
		 margin:0px 0px 20px 0px;
		 padding:5px 0px 5px 0px;
		 font-size:70%;
	}
	
	
	
	div.searchContentRight {
		background:transparent;
		color:#000000;
		float:right;
		width:180px;
		margin:0px  0px 0px 5px;
		padding:0px 5px 5px 10px;
		
	}
	div.searchContentRight p{
		width:180px;
	}



/*---------------------------*/
/*-------  DHTML Popup ------*/
/*---------------------------*/

div.messagePopup {
	position:absolute;
	z-index:100;
	top:-600px;
	left:-600px;
}
div.messagePopupBg {
	position:absolute;
	visibility:hidden;	
	z-index:99;

}

div.messagePopupTop {
	position:relative;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/site_objects/bg_popuptop.png',sizingMethod='scale');
	background-image: url('');
	width:200px;
	z-index:100;
	padding:0px;


}
div.messagePopupContentHeader {
	position:relative;
	background: #FFE658;	border:1px solid #FFD900;
	margin:0px 0px 0px 3px;
	padding:0px;
		width:186px;
	color:#000000;
	z-index:110;
}
div.messagePopupContentHeaderLeft {
	position:relative;
	float:left;
	margin:5px 0 0 0;
	padding:0px;
	width:164px;
	background: #FFE658;
}
div.messagePopupContentHeaderRight {
	position:relative;
	margin:5px 0 0 0;
	float:right;
	padding-right:5px;
	background:none;
}
div.messagePopupContentHeader h2{
	font-size:70%;
	font-weight:bold;
	font-family:verdana, arial, sans-serif;
	margin:0px 0 8px 10px;
}
div.messagePopupMiddle {
	position:relative;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/site_objects/bg_popup.png',sizingMethod='scale');
		background-image: url('');
	width:200px;
	z-index:90;

}
div.messagePopupContent {
	position:relative;
	margin:0px 0px 0px 3px;
	z-index:100;
}


div.messagePopupContentMiddle {
	position:relative;
	background: #FFF099;
	border-left:1px solid #FFD900; border-right:1px solid #FFD900; border-bottom:1px solid #FFD900;
	width:186px;
	padding: 11px 0 0px 0;
}
div.messagePopupContentMiddle p{
	font-size:70%;
	margin:0px 5px 6px 10px;
}



div.messagePopupBottom {
	position:relative;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/site_objects/bg_popupbottom.png',sizingMethod='image');
		background-image: url('');
	height:10px;
		width:200px;
	z-index:100;
}


/*FINANCIAL TABLE TEXT*/
div.financialText{
	width:400px;
	font-size:70%;
	color:#10147e;
}
div.finText{
	float:left;
	width:180px;
}

/*what we do popup*/
div.whatWeDoPopup{
	position:absolute;
	top:40px;
	left:30px;
	width:684px;
	height:679px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/site_objects/bg_whatwedoPop1.png',sizingMethod='scale');
	background-image: url('');
	z-index:100;
}





/*COLDFUSION SEARCH PAGE*/
div.searchBoxDark{
	padding:40px 10px 5px 10px;
	display:inline;
	float:left;
	background:#CCCCCC;
	width:375px;
	margin:10px -10px 0 -10px;
}
div.searchBoxDark input{
	font-size:100%;
}
div.searchBoxDark input.button{
	float:right;
	background:transparent;
	border:0;
	margin:5px 95px 0 0;
	text-decoration:underline;
}

div.searchBoxLight{
	height:48px;
	padding:10px;
	display:inline;
	float:left;
	background:#E5E5E5;
	width:375px;
	margin-left:-10px;
	margin-right:-10px;
}


div.searchBoxTop{
	width:100%;
	padding:5px 0 5px 0;
	border-top:1px solid #CCCCCC;
	font-size:75%;
}
div.searchBox{
	width:100%;
	padding:5px 0 5px 0;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:30px;
	font-size:75%;
}


table.search{
	font-size:75%;
}

table.search td.percent{
	color:#9FA1CB;
}
table.search td.link{
	font-weight:bold;
	padding:0 15px 0 0;
}
table.search td.summary{
	padding:0 0 15px 0;
}

.floatleft{
	float:left;
}
.floatright{
	float:right;
}



