﻿/* Main body style */

body 
{
	border-width:0;
	background-color:#9aa8b3;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	color:#002a63;
}

/**********************************************************************/
/*           centre page vertically on any resolution                 */
/**********************************************************************/

#global 
{
	/*small problem if the screen res is smaller than the page.  
	The banner disappears of the top with no scrolling available for it*/
	 position:absolute;
	 
	 /* centre horizontally */
     left: 50%; 
     width: 960px;
     margin-left: -480px; /* half of the width */
     
     /* centre verticaly */
     top: 50%;
     height: 702px;
     margin-top: -351px; /* half of the height */
     
}
#pageshadow
{
	width: 920px;
    PADDING-RIGHT: 18px;
    PADDING-LEFT: 18px;
    BACKGROUND: url(Images/shadows/back.gif) #9aa8b3 no-repeat center;
 }

/**********************************************************************/
/*                                 Tags css's                         */
/**********************************************************************/

/*only table is on the links page*/
td
{
	font-family:Tahoma, Arial, Verdana, Sans-Serif;
	
	text-align:left;
	vertical-align:top;
}

h1
{
	font-family:Tahoma, Arial, Verdana, Sans-Serif;
	font-size:14px;
	text-align:left;
	font-weight:bold;
}

/**********************************************************************/
/*                                 ID css's                           */
/**********************************************************************/

#banner
{
	margin: 0 0 0 0;
	border-width:0;
	float: left;
	width: 920px;
	background-color: #d1d3d4;
	height:191px;
	border-top:0;	
	text-align:center;
}
#topshadow
{
	width: 960px;
	height:20px;
	background:url(Images/shadows/top.gif) #9aa8b3 no-repeat center top;
	text-align:center;
}

.clearboth { clear: both; }
/**********************************************************************/
/*                                 placeholders                       */
/**********************************************************************/
#divImage
{
    border-width:0;
	padding:0px; 
	float: left;
	width: 320px;
	height: 360px;
	background-color: #fff;
	text-align:left;
	/* ie6 needs this below*/
	padding-right: 0; 
	padding-left: 0; 
	padding-bottom: 0; 
	padding-top: 0;
	margin-right:0;
	margin-top:0;
	margin-left:0;
	margin-bottom:-10px;
}
#divText
{ 
	overflow: auto;
	font-family:Tahoma, Arial, Verdana, Sans-Serif;
	font-size:12px;
	text-align:justify;	
	border-width:0px;
	margin:0px 0px 0px 0px;
	float: left;
	height: 360px;
	width: 400px;
	background-color: #fff;
	padding-right: 10px; 
	padding-left: 10px; 
	padding-bottom: 0px; 
	padding-top: 0px;
	text-align:left;
	
	/*ie only*/
	scrollbar-3dlight-color:#d1d3d4;
    scrollbar-arrow-color:#000;
    scrollbar-track-color:#d1d3d4;
    scrollbar-darkshadow-color:#949599;
    scrollbar-face-color:#d1d3d4;
    scrollbar-highlight-color:#fff;
    scrollbar-shadow-color:#949599
}
/************************************************************
*                     right hand pane                       *
*************************************************************/

#divright
{ 	
	border-left:solid 1px #dfe4e8;
	font-family:Tahoma, Arial, Verdana, Sans-Serif;
	font-size:11px;
	text-align:center;	
	margin:0px 0px 0px 0px;
	float: left;
	height: 360px;
	width: 170px;
	background-color: #fff;
	padding-right: 5px; 
	padding-left: 4px; 
	padding-bottom: 0px; 
	padding-top: 0px;
}
.newsteasersBorder
{
	border-top:solid 1px #dfe4e8;
}
.newsteasers
{	overflow:hidden;
	width:170px;
	height: 90px;
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 4px; 
	padding-top: 4px;
}

/************************************************************
*                     image for product page                *
*************************************************************/
#divImageP
{
    border-width:0px;
	margin:0px 0px 0px 0px;
	padding:0px; 
	float: left;
	width: 740px;
	height: 360px;
	background-color: #fff;
	text-align:left;
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px;
	margin-bottom:-10px;
}
/**********************************************************************/
/*                                 footer divs                        */
/**********************************************************************/
#footer
{
	background-color: #d1d3d4;
	height: 27px;
}
#divCreatedBy
{
	border-width:0px;
	float: left;
	width: 70px;
	background-color: #d1d3d4;
	padding-top: 6px;
	height: 21px;
	font: 8pt Tahoma;
	text-align:right;
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	
}

#divAnt1
{
	border-width:0px;
	margin-top: 0px;
	float: left;
	width: 40px;
	background-color: #d1d3d4;
	height: 27px;
	font: 8pt Tahoma;
	text-align:left;
	
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px;
}
#divCopyright
{
	color:#58595B;
	border-width:0px;
	margin-top: 0px;
	float: left;
	width: 100px;
	background-color: #d1d3d4;
	padding-top: 6px;
	height: 21px;
	font: 8pt Tahoma;
	text-align:right;
	
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
}

#divFlags
{
	border-width:0px;
	margin-top: 0px;
	float: left;
	width: 610px;
	background-color: #d1d3d4;
	padding-top: 3px;
	height: 24px;
	font: 8pt Tahoma;
	text-align:right;
	
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
}
#divTOC
{
	color: #58595B;
	border-width:0px;
	margin-top: 0px;
	float: left;
	width: 100px;
	background-color: #d1d3d4;
	padding-top: 6px;
	height: 21px;
	font: 8pt Tahoma;
	text-align:left;
	
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
}

#whitespace
{
	height:30px;
	width:920px;
	background-color:#fff;
	text-align:center;
	
	}
#bottomshadow
{
	width: 960px;
	height:20px;
	BACKGROUND: url(Images/shadows/bottom.gif) #9aa8b3 no-repeat center bottom;
	text-align:center;
}
/**********************************************************************/
/*                                 CLASS css's                           */
/**********************************************************************/
/* links that dont colour or underline */
#nodecoration
.nodecoration 
{
	/*this removes the underline from the link*/
}
.nodecoration a
{
   text-decoration:none;
}
.nodecoration a:link {
color: #002a63;
}
.nodecoration a:visited {
color: #002a63;
}
.nodecoration a:hover {
color:#58595B;
}
.nodecoration a:active {
color:#58595B;
}
/**********************************************************************/
/*                 underline only for links                           */
/**********************************************************************/
/* links that dont colour or underline */
#urlunderline
.urlunderline 
{
	/*this removes the underline from the link*/
}
.urlunderline a
{
   text-decoration:underline;
}
.urlunderline a:link {
color: #002a63;
}
.urlunderline a:visited {
color: #002a63;
}
.urlunderline a:hover {
color:#58595B;
}
.urlunderline a:active {
color:#58595B;
}
/**********************************************************************/
/*                                 for submenu                        */
/**********************************************************************/
#submenu {
	margin:0px 0px 0px 0px;
	list-style-type:none;
	width:920px;
	height:21px;
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px;
	
}
#csssubmenu {
	margin:0px 0px 0px 0px;
	list-style-type:none;
	width:920px;
	clear: both; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px;
}
#csssubmenu li a 
	{
	float:left;
	height: 21px; 
	color: #002a63; 
	text-decoration: none; 
	font-weight:bold;
	font-size:11px;
	background: #fbb033 no-repeat;
	text-align:center;
	font-family:Tahoma, Arial, Verdana, Sans-Serif;
}
#csssubmenu li 
{
	color: #002a63; 
	height: 21px;
	float:left;
	width: 100px; /* default tab width override below when width is different*/
	background: #fbb033 no-repeat;
	text-align:center;
}
/* left menu divider (currently 3 in the submenu)*/
#csssubmenu li.divider
{
	float:left;
	background: #fbb033 no-repeat;
	width: 10px;  /* if you change this also edit #csssubmenu li#bottomrightorangespacer width in the language specific css*/
	text-align:center;
}
/* left menu spacer*/
#csssubmenu li#bottomleftorangespacer 
{
	float:left;
	background: #fbb033 no-repeat;
	width: 100px;
}
/* left menu spacer*/
#csssubmenu li#bottomleftspacer 
{
	float:left;
	background: url(Images/SubMenu/menubottom.gif) no-repeat;
	width: 21px;
}

/* left orange corner*/
#csssubmenu li#bottomleftimage 
{
	float:left;
	background: url(Images/SubMenu/corner_1.gif) no-repeat;
	width: 16px;
}
/* right orange corner*/
#csssubmenu li#bottomrightimage 
{
	background: url(Images/SubMenu/corner_2.gif) no-repeat;
	width: 16px;
}

/* right menu spacer*/
#csssubmenu li#bottomrightspacer 
{
	background: url(Images/SubMenu/menubottom.gif) repeat;
	width:199px;
}

#csssubmenu li a:hover{background:transparent;color:#58595B;}

.menuspacerdiv
{
	background: url(Images/SubMenu/menubottom.gif) repeat;
	height:21px;
}


/*hide handheld menu*/
#hh
{
	display:none;
}

.thumbs
{
	width:67px;
	height:50px;
	border:1px solid black;
}
#Space20px
{
	float:left;
	width:20px;
}

#NewsImageThumb1, #NewsImageThumb2,#NewsImageThumb3, #NewsImageThumb4
{
	float:left;
	width:67px;
}

.ulDirectors{list-style-type:decimal;}

.investorlinks a{text-decoration:none;}
.investorlinks a:link,.investorlinks a:visited{color:#002a63;}
.structuretable td{border:solid 1px #002a63;}
.bold{font-weight:bold;}
.centre{text-align:center}

.pdflinks li{margin-left:-20px;}

.contactleft{float:left;width:120px;}
.contactright{float:left;width:200px;}

.contactleft_en{float:left;width:140px;}
.contactright_en{float:left;width:200px;}