/* CSS Document */

/*-----------------------------------------------------------------------------*/
/*-----------------------                              ------------------------*/
/*-----------------------    U S A G E / INSTRUCTIONS  ------------------------*/
/*-----------------------                              ------------------------*/
/*-----------------------------------------------------------------------------*/

/* The core style sheet contains 80% of visual content. 20% of the content is used 
with at import. One style sheet will load in the expanding div backgrounds while
another will alter the background graphics/page graphics.


 Additions to CSS - if there are additions to the css please add them to the ADDitions section( at the bottom of this sheet
 -OR- create another CSS Sheet */



body { background:#ccc url(../../images/page/tile5.gif); font-family:Helvetica, Arial, sans-serif; font-size:80%; color:#fff ;}


/*--------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------H E A D E R-------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------------------- */

#header {display:block; width:100%; height:4.0em;}


#navContainer {height:2.55em; float:right; margin:0 6em 0 0;}




/*-----------------------------LI UL Containers to adjust for different bwrowsers ----------------------------- */


#header  ul {list-style:none; padding:1em 0 0 0; margin: 0}
#header a {text-decoration:none;padding: 0.8em 0.5em 0.3em 0.5em; display:block;}
a.topLine:hover { background:  url(../../images/page/h_arrow_w.gif) no-repeat 50% 0%;}



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


#header #nav li {float:left; display:block; margin:0; position:relative; padding-bottom:0.2em;}

#header #nav li.investorRelationsBtn ul { width:13.8em; }

#header #nav li.investorRelationsBtn ul ul{ width:24.5em; }

#header #nav li.investorRelationsBtn ul ul li.special{ width:9.5em; }


#header #nav ul.developerBtn { width:10.5em; }

#header #nav ul.consumerBtn {width:11.5em;}


#header #nav li.planBtn {  }

#header #nav li.contactBtn {  }

#content p.firstPara {padding-top:1em}

#header #nav ul.fundBtn {width:13em;  }

#header #nav ul.pressBtn {width:9em;  }

#header #nav ul.backgroundBtn  { width:8.5em; }

#header #nav li.noBorder {border:0; text-align:left}


#nav  a {text-align:center; color:#fff;}

#nav  a:hover {color: #f90;}



/*-----------------------------D R O P   D O W N   M E N U----------------------------- */



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

#header li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	padding: 0.5em 0 1em 0em;
	background: url(../../images/page/trans_red.png);z-index:10;
}



#header li li {
	display: block;
	float: none;
	border:0;
	width:14em;
	text-align:left;
	padding-left:1em;
	background: url(../../images/page/white_bullet.gif) no-repeat 7px 1.1em;
	
	
}


#header ul ul ul {position:absolute; top:-700px;width:30em; background:(../../page/semi_trans_y.png); padding-bottom:0}

#header ul ul.backgroundBtn li {width:6em;}

#header li li li {float:left; display:block;}

#header ul ul ul li {width:13em;}


#header #nav li ul li  {border:none;}

								

								/*------------ functioning bit ------------*/


#header li> ul {
	top: auto;
	left: auto;
}

#header li:hover ul, li.over ul {
	display: block;
}

#header li li:hover ul {top:-6px; left:12.5em;} 

#header #nav li ul li a { text-align:left;}




/*------------ a bit of a hack ------------*/
ul li:hover > a {color:#F90 !important;background:  url(../../images/page/h_arrow_w.gif)  no-repeat 50% 0%;}

ul li li:hover > a { background: none;}

ul li:hover li > a { background: none;}



								
								
								
								
								
								
								
								
								

/*--------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------- C O N T E N T ------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------------------- */



							/*------------ Expanding Image Block ------------*/
							
/*----- NOTE: The Image which gets loaded into the expamding div is dealt with in a seperate CSS sheet--*/							
							
.visibleDiv { display:block; width:693px; height:181px}

.expandingDiv { display:block; width:693px; height:280px;}


.superspecial  p{ margin-bottom:0 !important; padding:0;}



#skipToContent a:link, #skipToContent a:visited {color:#666; margin:0.5em 0 -1em 2.5em; padding:0; display:block;}

#skipToContent a:hover {color:#222}


.collapseButton { text-align:right; padding:15px 15px 0 0; position:relative;}



.collapseButton p {text-align:right}


.collapseButton a {display:block; width:9em; color:#999;  text-align:center; position:absolute; right:15px; padding:3px; text-decoration:none;}

.collapseButton a:hover {color:#333;}

.expandingDiv a:link,  .expandingDiv a:visited {color:#84002b; margin:0 0 0 2.5em; padding:0;}

.expandingDiv a:hover {color:#FF0000}
							
							
							
							
							
							/*------------ Side Block ------------*/


#sideBarContainer {float:left}

#sideBar {width:207px; height:auto;}

#logoBlock { height:176px; width:207px;}

.logo {margin: 0 31px;}

p.logo {margin-top:1.5em; color:#FFFFFF; padding-top:1em; }

#sideBar p {margin:2em 23px 0 31px; font-family: Helvetica, Arial, sans-serif; line-height:160%}

.pageTitle {padding-top:1em}



						/*------------ Content Block ------------*/

#contentContainer {padding-bottom:0;margin:0 !important;}

#content {margin-left:207px; margin-bottom:0; margin-top:0; height:100%;}


#content p {width:65%; line-height:140%; margin:10px 15px 0 0; line-height:140%}

#content p.firstPara {padding-top:0em; margin-top:0.3em;}


						/*------------ Txt Block ------------*/




#textBlock {margin:0; padding:1em 2.5em 0 2.5em; border-left:2px solid #fff;}

#textBlock a {color:#ccc;}

#textBlock a:hover {color:#f90;}



						/*------------ Terms ------------*/



#terms {margin:0; padding:1em 2.5em 0 2.5em; border-left:2px solid #84002b;}

#terms a {color:#fff;}

#terms a:hover {color:#f90;}

#terms p {margin-bottom:0;}

						
						/*------------ Text Images ------------*/
						

/*----- Note1: #textImages are used on the white core style sheet. Any given page will either have a #textImages or a #textBlock BUT NOT BOTH ---------/	
						
/*----- Note2: if you need this style on a colour back ground copy and paste from the white core all the CSS under Text Images Coment ---------/
						
						
						

						/*------------ General ------------*/


h3 { font-size:105%; font-weight:bold; font-family: Helvetica, Arial, sans-serif; color:#fff; margin-top:1em; margin-bottom:0; width:65%}

h3.firstHeading{margin-top:0px;}

.spacerDiv {font-size:xx-small; height:4em;margin:0; padding:0;}

.firstPara img {margin-top:1.5em;}

img a {border:0;margin-top:1em;}




/*--------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------- F O O T E R ------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------------------- */

#footerContainer p {margin:0; padding:1em;}

#footerContainer { width:auto; height:auto; position:relative; margin:0;}

#footer {text-align:right;display: block;margin-left:209px;padding-right:1em;}

#footer a { color:#fff; text-decoration:none; text-align:right; line-height:200%;}

#footer a:hover { color:#f90}

#footerBorder { width:207px; height:100%; border-right:2px solid #fff; position:absolute;}




/*--------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------A D D I T I O N S-------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------------------------------------- */

.visible2 p {/*background:#ece07c url(../../images/page/expanding_bg.jpg) repeat-y top right;*/}

#aimRule26 table {border-collapse:collapse; margin-top:16px;}

#aimRule26 th {text-align:left; padding:4px;border:1px solid #fff;  }

#aimRule26 td {padding:4px;border:1px solid #fff;border-collapse:collapse}


#aimRule26 tr.moreHeadroom th {padding-top:16px;}

#aimRule26 tr.moreRoom th {padding:10px 4px;}

h1 {margin:1.3em 0 0 31px}

#nomad table {border:none; padding:12px; margin-bottom:0;}


#nomad td { border-top: 1px solid #84002b; padding:2px 0 6px 14px;}

#nomad tr.bottomRow td p {margin-bottom:0;}

#nomad tr.topRow td  {border:none;}


#nomad td.noLeftPadding {padding-left:0;}

#textBlock ul {margin:0; padding:0em 2em;}

#textBlock li { line-height:140%; padding-top:0.5em}

#textBlock ul.lessPadding {margin:0; padding:0.5em 0 0em 2em;}




#internalExpandingDivs {margin-left:5px; border-left:1px dotted #fff; }

#internalExpandingDivsBorder {margin-left:10px }


h4 { font-size:105%; font-weight:normal; font-family: Helvetica, Arial, sans-serif; color:#ccc; margin-top:1em; margin-bottom:0;}


p#50width{width:50%;}