﻿*{
margin: 0;	
padding: 0;
font-family: Arial, Helvetica, sans-serif;
color:#404041;
}
body{
font-size:0.7em;
margin: 0;
padding: 0;
background-color: #FFFFFF;
}
html{
height: 100%; /* Required */
}
/* P */
p{
padding:0 0 8px 0;
}
/* a */
a{
text-decoration: none;
color:#006990;
}
a strong{
font-weight:bold;
color:#006990;
}
a:hover strong {
font-weight:bold;
COLOR:#F55A1C;
}
.strongblue{
font-weight: bold;
color:#006990;
}
span.strong {font-weight:bold; color:#006990;}
a.strongbluelink{
color:#006990;
}
a.strongblue:hover{
COLOR:#F55A1C;	
}
a.strongblue:hover .strong{
COLOR:#F55A1C;	
}
a.strongbluelink .strong{
color:#006990;
font-weight: bold;
}
a:hover{
text-decoration: none;
color:#F55A1C;	
}
a em{
color:#006990;
}
a:hover em{
color:#F55A1C;
}
.fontbig{
font-size:1.5em;
}
.content-right a:hover{
text-decoration: none;
color:#F55A1C;
}
img{
border: 0;
}
/* background body */
.bodybg1col{
background: url(../images/bodybg1col.jpg);
}
.bodybg3col{
	background-image: url(../images/bodybg3col.jpg);
}
.bodybg2col{
background-image: url(../images/bodybg2col.jpg);
}

#container{
width:760px;
height:100%;
min-height:100%;
z-index: -200; 
}
/*for mozilla as IE treats height as min-heigh*/
* html #container{
height:100%;
} 
#content-top{
width:760px;
z-index: 100; 
background: #FFFFFF;
}
ul.content-text{
list-style-type:disc;
padding-left:20px;
margin:0;
}
ul.content-text li ul{
list-style-type:circle;
padding-left:10px;
margin:0;
}
ul.Links{
list-style: none;
}
ul.Links li{
}
ul.Links-sitemap{
font-size:1.1em;
font-weight:bold;
}
ul.Links-sitemaps{
font-size:1.0em;
font-weight:bold;
}
ul.Links-blue{
list-style: none;
color:#FFFFFF;
}
ul.Links-blue li{
background: url(/common/img/arrow-big-white.gif) 0 0.5em no-repeat;
padding: 2px 0 0 5px;
color:#FFFFFF;
}
ul.Links-blue a{
color:#FFFFFF;
}
ul.Links-blue a:hover{
color:#FFFFFF;
text-decoration:underline;
}
ol.content-text{
padding: 0 0 0 20px;
}
ul.content-text li, ol.content-text li{
padding: 0 0 3px 0;
}
ul.content-page li{
list-style: square;
margin: 0 0 0 15px;
padding:0px;
width:380px;
}
h2{
font-size: 12px;
color:#000;
padding-bottom:5px;
}
h2 a{
font-size: 12px;
color:#000;
padding-bottom:1px;
}
h3{
font-size: 12px;
color:#91867E;
padding-bottom:8px;
}
h1{
font-size: 14px;
color:#000;
padding-bottom:5px;
}
form{
margin: 0;
padding:0;
}
option , select , input{
font-family: Arial, Helvetica, sans-serif;
color:#000000; 
font-size: 11px;
margin: 0px;
padding-left:3px;
}
.inputsub{
COLOR: #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
margin: 0 0 3px 0;
}
#content-search .input{
height:16px;
z-index: 2; 
width:123px;
padding-bottom:1px;
padding-left:3px;
font-size:0.9em;
margin-left:5px;
}
.space{
clear: both;
height:20px;
background-color: #FFFFFF;
width:100%;	
}
.spaceline{
clear: both;
width:100%;	
}
.space-blue{
clear: both;
}
.small{
font-size:0.9em;
}
/* Hide the skip navigation from visual browsers */
#skip-nav
{
list-style-type: none;
position: absolute;
z-index: 1002;
height:0;
left:-1000px;
width: 775px
}
#skip-nav a{
text-indent: -5000px;
overflow: hidden;
height: 0;
display: block
}
#skip-nav a:active, #skip-nav a:focus{
/* Only show skiplinks on focus */
position: absolute;
overflow: visible;
width: 20em;
text-align: center;
height: auto;
margin: 0;
padding: 8px;
background: #fff;
z-index: 10000;
text-indent: 0;
top: 50px;
margin: auto;
left: 30%;
border: 1px solid #ccc
}
/* flash Navigation*/
#flash-pict{ 
top: 0px; 
left: 0px; 
width: 760px;
z-index: 2; 
background:#ffffff;
height:215px;
} 
#flash-pict-home{ 
top: 0px; 
left: 0px; 
width: 760px;
z-index: 2; 
height:260px;
} 
	/* Random flash backgrounds*/
.flashBack1{ 
top: 0px; 
left: 0px; 
width: 760px;
z-index: 2; 
background: url(/common/img/banner/01_01.jpg) no-repeat;
height:260px;
} 
.flashBack2{ 
top: 0px; 
left: 0px; 
width: 760px;
z-index: 2; 
background: url(/common/img/banner/02_01.jpg) no-repeat;
height:260px;
} 
.flashBack3{ 
top: 0px; 
left: 0px; 
width: 760px;
z-index: 2; 
background: url(/common/img/banner/03_01.jpg) no-repeat;
height:260px;
} 

.flashBack4{ 
top: 0px; 
left: 0px; 
width: 760px;
z-index: 2; 
background: url(/common/img/banner/04_01.jpg) no-repeat;
height:260px;
} 
.flashBack5{ 
top: 0px; 
left: 0px; 
width: 760px;
z-index: 2; 
background: url(/common/img/banner/05_01.jpg) no-repeat;
height:260px;
} 
.flashBack6{ 
top: 0px; 
left: 0px; 
width: 760px;
z-index: 2; 
background: url(/common/img/banner/06_01.jpg) no-repeat;
height:260px;
} 
.flashBack7{ 
top: 0px; 
left: 0px; 
width: 760px;
z-index: 2; 
background: url(/common/img/banner/07_01.jpg) no-repeat;
height:260px;
} 
.flashBack8{ 
top: 0px; 
left: 0px; 
width: 760px;
z-index: 2; 
background: url(/common/img/banner/08_01.jpg) no-repeat;
height:260px;
}
.flashBack9{ 
top: 0px; 
left: 0px; 
width: 760px;
z-index: 2; 
background: url(/common/img/banner/09_01.jpg) no-repeat;
height:260px;
}
.flashBack10{ 
top: 0px; 
left: 0px; 
width: 760px;
z-index: 2; 
background: url(/common/img/banner/10_01.jpg) no-repeat;
height:260px;
}

/*End random flash backgrounds */

#flash-pict img{ 
z-index: 2; 
}
#no-image{
visibility:hidden;
position: absolute;
top: 110px; 
left:169px;
z-index: 2; 
}
#txt-top-smallsize{
position: absolute; 
top: 132px; 
left:179px;
z-index: 2; 
}
#txt-top-bigsize{
position: absolute; 
top: 214px; 
left:175px;
z-index: 2;
color: FFFFFF;
}
#txt-top-noflash{
position: absolute; 
top: 124px; 
left:175px;
z-index: 2;
color: FFFFFF;
}

#txt-top-noflash h1{
font-size:17px;
font-weight:normal;
color:#FFFFFF;
}  

#txt-top-noflash p{
font-size:13px;
color:#FFFFFF;
}

#logo{
position: absolute; 
top: 154px; 
left:595px;
z-index: 5; 
}
#logo-small{
position: absolute; 
top: 154px; 
left:595px;
z-index: 5; 
}

/*style for annual review 2005*/
#ar-logo-small{
position: absolute; 
top: 180px; 
left:595px;
z-index: 2; 
}

/* end style */

/* Search Box*/
#content-search{
clear:both;
width:160px;
position: absolute; 
top:0px;
left:589px;
z-index: 2; 
}
#content-survey{
clear:both;
width:160px;
position: absolute; 
top:90;
left:590px;
z-index: 2; 
}
#content-survey ul li img{	
float:left;
clear:all;
z-index: 2;
}
#content-survey ul li{
clear:all;
float:left;
z-index: 2;
width:90px;
list-style: none;
}
#content-search .search-contact{
z-index: 2; 
}
#content-search .contact{	
z-index: 2; 
}
#content-search ul li img{	
float:left;
clear:all;
z-index: 2;
}
#content-search ul li{
clear:all;
float:left;
z-index: 2;
width:90px;
list-style: none;
}
/* End Search Box */
#content-navigation{ 
position: absolute; 
top:0;
left:20px;
width:150px;
z-index: 5; 
}
#content-navigation ul li img{
clear:all;
float:left;
z-index: 5; 
}
#content-navigation ul li{
clear:all;
float:left;
z-index: 5; 
} 
div.pad10LeftRight{
padding: 0 10px;
}
/* End flash Navigation*/

/*NAVIGATION Bread crumbs*/
ul.crumbs{
list-style: none;
white-space:nowrap;
font-size:0.9em; 
padding-bottom:10px;
}
ul.crumbs li{	
float:left;
}
ul.crumbs li a{
background:url(/common/img/crumbs-lv1.gif) 0 0.5em no-repeat;
padding: 0 5px 0 5px;
color:#91867E;
}
ul.crumbs li a:hover , .lvoff{
background:url(/common/img/crumbs-lv1-on.gif) 0 0.5em no-repeat;
padding: 0 5px 0 5px;
color:#FF6600;
}
/* End NAVIGATION Bread crumbs*/

/* NAVIGATION LEFT*/
ul.menu-left li{
width: 140px;	
text-align:left;
list-style: none;
float:left;
}
ul.menu-left li a{
float:left;
color:#404041;
}
ul.menu-left .nav1{
padding: 5px 0 0 30px;
}
ul.menu-left .nav2{
padding: 2px 0 0 35px;
background:url(/common/img/pict-lv2-off.gif) 0 0.6em no-repeat;
}
ul.menu-left .nav3{
background:url(/common/img/pict-lv3-off.gif) 0 0.6em no-repeat ;
padding: 2px 0 0 37px;
}
ul.menu-left .nav4{
background:url(/common/img/pict-lv3-off.gif) 0 0.6em no-repeat ;
padding: 2px 0 0 39px;
}
ul.menu-left li ul li a{
float:left;
}
ul.menu-left li ul li ul li a{
float:left;
}
ul.menu-left li a{
float:left;
padding: 0 0 0 30px;
}
ul.menu-left ul{ 
position: relative;
float:left;
width:100%;
padding: 0 0 2px 6px;
}
ul.menu-left ul ul{ 
position: relative;
width:100%;
font-size:10px;
padding: 0 0 5px 3px;
}
ul.menu-left li .nav1:hover{
background:url(/common/img/pict_nav.gif) 0 0.8em no-repeat;
COLOR:#F55A1C;
text-decoration:none;
}
ul.menu-left li .nav-1{
background:url(/common/img/pict_nav.gif) 0 0.8em no-repeat;
COLOR:#F55A1C;
padding: 5px 0 0 30px;
text-decoration:none;
}
ul.menu-left .nav-2{
padding: 2px 0 0 35px;
background:url(/common/img/pict-lv2.gif) 0 0.6em no-repeat ;
COLOR:#F55A1C;
}
ul.menu-left .nav-3{
background:url(/common/img/pict-lv3.gif) 0 0.6em no-repeat ;
padding: 2px 0 0 37px;
COLOR:#F55A1C;
}
ul.menu-left .nav-4{
background:url(/common/img/pict-lv3.gif) 0 0.6em no-repeat ;
padding: 2px 0 0 39px;
COLOR:#F55A1C;
}
ul.menu-left .nav2:hover{
background:url(/common/img/pict-lv2.gif) 0 0.6em no-repeat;
COLOR:#F55A1C;
text-decoration:none;
}
ul.menu-left .nav3:hover{
background:url(/common/img/pict-lv3.gif) 0 0.6em no-repeat;
COLOR:#F55A1C;
text-decoration:none;
}
ul.menu-left .nav4:hover{
background:url(/common/img/pict-lv3.gif) 0 0.6em no-repeat;
COLOR:#F55A1C;
text-decoration:none;
}
ul.menu-left li a.navtitle{
COLOR:#F55A1C;
font-weight: bold;
padding-bottom: 2px;
font-size:14px;
}
ul.menu-left li .nav-title{
background:url(/common/img/pict_nav.gif) 0 0.3em no-repeat;
COLOR:#F55A1C;
font-weight: bold;
padding-bottom: 2px;
font-size:14px;
}
/* END NAVIGATION LEFT */

/* LIST FEATURE */
div.darkUnderline{
border-bottom: 1px solid #b8b2be;
}
div.darkUnderlineTop{
border-top: 1px solid #c8c2be;
margin-top: 10px;
width: 160px;
}
div.darkUnderlineOnly{
border-top: 1px solid #c8c2be;
margin-top: 0px;
width: 160px;
}
div.lightUnderline{
border-bottom: 1px solid #dedddb;
}

/* CONTENT */
.content-left-blue{
width:165px;
float: left;
height:93px;
background:#3398B9 url(../images/pict-grey.gif) no-repeat left;
}
.padding-left{
padding: 0 3px 0 30px;
}
.padding-middle{
padding: 0 3px 0 3px;
}
.padding-none{
padding: 0 0 0 0;
}
.modulefloatcentercol2{
float: left;	
width:380px;
}
.content-center-blue{
width:418px;
float: left;
background: #3398B9;
height:93px;
} 
.content-right-blue{
width:177px;
float: left;
height:93px;
background:#3398B9 url(../images/pict-grey-right.gif) no-repeat left;
}                    
.content-left{
width:165px;
float: left;
z-index: 2; 
}
.content-center{
width:418px;
float: left;
z-index: 2; 
} 
.content-left-bottom{
width:374px;
float: left;
z-index: 2; 
}
.space-left{
width:24px;
float: left;
}
.space-left-bottom{
width:350px;
float: left;
height:auto;
background-color: #FFFFFF;
}
.content-center-bottom{
width:209px;
float: left;
z-index: 2; 
} 
.content-center-col1{
width:595px;
float: left;
z-index: 2; 
}
.content-right{
width:177px;
float: left;
}
.content-right a{
color:#006990;
}
.content-center-left{
float: left;
width:209px;
z-index: 2; 
}
.content-center-right{
width:209px;	
float: left;
z-index: 2; 
}
.Padding{
padding: 0 5px 0 9px;
width:auto;
}
/* MODULE RIGHT */

.content-modulefloat{
float:left;
width:132px;
padding-top: 6px;
}
.content-modulefloat-blue{
float:left;
width:140px;
}
.modulefloat{
float:left;
width:auto;
}
 .arrowcenter{
float:left;
width:5px;
margin: 4px 0 0 0;
}
.arrow{
float:left;
width:5px;	
}
.content-right-link img.arrow{
float:left;
width:5px;
margin: 5px 0 0 0;
}
.content-right-info img.arrow{
float:left;
width:5px;
margin: 5px 0 0 0;
}
.Padding-right{
padding: 5px 5px 5px 5px;
width:auto;
}
.space-right{
clear: both;
height:8px;
background-color: #FFFFFF;
width:auto;	
}
.content-right-contact , .content-right-info , .content-right-link , .content-right-col{
width:160px;
}
.content-right-contact{
border-top: 1px #C8C2BE solid;
border-bottom: 1px #C8C2BE solid;
}
.content-right-info{
background-color:#EFEDEC;
border-top: 1px #ffffff solid;
border-bottom: 1px #C8C2BE solid;
}
.content-right-link{
border-top: 1px #C8C2BE solid;
border-bottom: 1px #C8C2BE solid;
}
.content-right-link-bottom{
border-bottom: 1px #C8C2BE solid;
}
.content-right-col{
background-color:#efedec;
border-bottom: 1px #c8c2be solid;
}
/* END MODULE RIGHT */
/* CONTENT TOP */
/* FOOTER */
#menu_footer{
position:relative;
clear:both;
border-top:20px solid white;
background:#EFEEEC; 
width:760px;
height:100px;
margin: 0;
padding-top:10px;
}
#menu_footer2{
position:relative;
clear:both;
border-top:10px solid white;
background:#efeeec; 
width:100%;
height:50px;
margin: 0;
padding-top:10px;
}
#menu_footer em{
background: #EFEEEC; 
}
#menu_footer p{
background: #EFEEEC; 
padding-left:26px;
font-size:0.9em;
}
#menu_footer a{
color:#606060;	
text-decoration:none;
font-size:0.9em;
}
#menu_footer a:hover{
color:#F55A1C;	
text-decoration:underline;
}
.module-orange{
height:167px;
width:396px;
background:url(/common/img/module-orange.gif);
}
.imleft{
float:left;
clear:all;
} 
/* COLOR */
.orange{
color:#FF6600;
font-size:1.1em;
}
.Tgrey{
color:#91867E;
font-size:1.1em;
}
.greyheader{
background:#EFEEEC;
color:#90857F;
padding:8px;
text-align:left;
}
.orangeBig{
color:#FF6600;
font-size:2.5em;
}
.blackNum{
color:#000000;
float:left;
font-size:1.45em;
width:auto;
font-weight:bold;
}
.blackNum1{
color:#000000;
font-size:1.45em;
float:left;
width:auto;
padding-right:12px;
font-weight:bold;
}
.greenNum{
color:#00A650;
font-size:1.3em;
float:right;
padding-top:1px;
}
.green{
color:#00A650;
}
.white{
color:#ffffff;
}
.grey{
color:#EFEDEC;
}
.greylight{
color:#C8C2BE;
}
.blue{
color:#006990;
}
.fontsmall{
font-size:10px;
}
/* END COLOR */

/* TABLE */
.menu-table{
background: url(/common/img/table-right-off.gif) no-repeat right top;
border-left:1px solid #C8C2BE;
float:left;
padding:5px 25px 5px 9px;
width:auto;
color:#91867E;
font-weight:bold;
}
.menu-table:hover{
background:#FF6600 url(/common/img/table-right-on.gif) no-repeat right top;
border-left:1px solid #FF6600;
width:auto;
float:left;
padding:5px 25px 5px 9px;
color:#ffffff;
font-weight:bold;
}
.menu-table-off{
background:#FF6600 url(/common/img/table-right-on.gif) no-repeat right top;
border-left:1px solid #FF6600;
width:auto;
color:#ffffff;
float:left;
padding:5px 25px 5px 9px;
font-weight:bold;
}
ul.Ultable li{
list-style-type: none;
padding-right:2px;
float:left;
}
ul.Ultable li a:hover{
color:#ffffff;
}
ul.Ultable{
width:400px;
border-bottom:1px solid #C8C2BE;
float:left;
}
html> body ul.Ultable{
width:99%;
}
ul.UltableBig{
width:576px;
border-bottom:1px solid #C8C2BE;
float:left;
}
ul.UltableBig li a:hover{
color:#ffffff;
}
ul.UltableBig li{
list-style-type: none;
padding-right:2px;
float:left;
}
html> body ul.UltableBig{
width:99%;
}
#Table1{
width:auto;
}
#Table2{
width:auto;
display: none;
}
#Table3{
width:auto;
display: none;
}
#Table4{
width:auto;
display: none;
}
#Table5{
width:auto;
display: none;
}
/* END TABLE */
.TabHeader{
width:auto;
height:25px;
background:#91867E;
padding-top:5px;
}
.SubTabHeader{
border-top:1px solid #ffffff;
width:auto;
height:25px;
background:#E3E1DF;
padding-top:5px;
}
/* TABLE Header */
.TableDownload {
width:400px;
text-align:left;
}
.TableDownload a{
background: url(/common/img/arrow-big.gif) 0 0.4em no-repeat;
padding: 0 0 0 5px;
}
.TableDownload  .Padding{
padding-top:10px;
padding-bottom:10px;
width:auto;
}
.TableDownload  .Padding a{
background:white;
}
.TableDownload .col1{
width:170px;
height:25px;
background:#EFEDEC;
}
.TableDownload .col2{
width:111px;
height:25px;
background:#EFEDEC;
}
.TableDownload .col3{
width:117px;
height:25px;
background:#EFEDEC;
}
.TableDownload th{
margin:0px;
padding:0 0 0 10px;
height:25px;
}
.TableDownload td{
margin:0px;
padding:0px;
height:25px;
}
.TableDownload .lign{
border-top:1px solid #C8C2BE;
border-bottom:1px solid #C8C2BE;
height:25px;
}
.TableDownload .lign-end{
border-bottom:1px solid #C8C2BE;
height:25px;
}
/* end TABLE Header */
.selectproduct{
width:125px;
}

/* Search box */
#Search {
	position:absolute;
	left:590px;
	top:12px;
	width:164px;
	height:42px;
	z-index:6;
}

/* Horizontal rule */
hr {
	border:0; 
	border-top:3px double #aaa;
	height:3px;
	margin-bottom:7px;
	}
	
/* Content page side box */
.boxcontainer {
	width:175px;
	margin:0 0 0 10px;
	background-color:#efefef;
	color:#fff;
	float:right; 
}
.boxcontainer p, .boxcontainer ul, .boxcontainer h2 {
	margin: 0 5px 0 10px;
}
.boxtop { 
	background: url(../images/pict-boxtop.gif) no-repeat top left; 
}
.boxbottom {
	background: url(../images/pict-boxbottom.gif) no-repeat top left; 
}

/* Sitemap layout */
.sitemap {
	float:left;
	width:33%;
	margin-bottom:20px;
}

/* Floating image layout */
.float {
float:left;
margin-top:-7px;
}
.floatleft {
float:left;
}
.floatleft1 {
float:left;
width:160px;
}
.floatleft2 {
float:left;
width:160px;
padding-right:15px;
}
.floatright {
float:right;
}
.floatright1 {
float:right;
width:160px;
}
.floatimageleft {
float:left;
padding-right:10px;
}
.floatimageright {
float:right;
padding-left:8px;
padding-bottom:10px;
}

/* Careers opportunities layout */
.opportunitiesheader, .opportunities {
	float:left;
	width:33%;
	padding-top:5px;
	margin-bottom:5px;
}
.opportunitiesheader {
	border-top:3px double #aaa;
}
.opportunities {
	border-top:1px solid #aaa;
}

/* Products layout */
.productsleftheader, .productsrightheader, .productsleft, .productsright,
.productsleftheader1, .productsrightheader1, .productsleft1, .productsright1,
.productsleftheader2, .productsrightheader2, .productsleft2, .productsright2 {
	float:left;
	padding-top:5px;
	margin-bottom:5px;
}
.productsleftheader, .productsrightheader, .productsleft, .productsright {
	width:195px;
}
.productsleftheader1, .productsleft1 {
	width:115px;
}
.productsleftheader2, .productsleft2 {
	width:70px;
}
.productsrightheader1, .productsright1 {
	width:275px;
}
.productsrightheader2, .productsright2 {
	width:320px;
}
.productsleft, .productsright, .productsleft1, .productsright1,
.productsleft2, .productsright2 {
	border-top:1px solid #aaa;
}
.productsrightheader, .productsright, .productsrightheader1, .productsright1,
.productsrightheader2, .productsright2 {
	padding-left:7px;
}

/* Centre images */
.centre {text-align:center;}

.jobsearch {margin-left:-10px; width:700px;}