﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:0;
	padding:0;
}
html,body
{
	height: 100%;
	font-size: 100%;
}
body
{
	font:62.5%/130% Arial,Helvetica,sans-serif;
	background:#fff;
	color:#000;
}
hr{
    color: #ccc;
    background-color: #ccc;
    margin: 20px 0 0 0;
    height: 4px;
    border: 0px;
}
div /*for debug*/
{
	/*border: dashed 1px red;*/
}

#wrapper
{
	width:100%;
	float:left;
	background-color: #f3f3f3;
	background-attachment: fixed; 

}
#pageWrapper
{
	width:1000px;
	margin:	0 20px 0px 0px; /*<-- magic*/
	position:relative;
	background-color: #fff;
}
#wrapper
{
	min-height: 100%; 
	height:auto !important; 
	height:100%; 
}
#page
{
	width:960px;
	margin:	0 auto 0 20px; /*<-- magic*/
	position:relative;
	background-color: #fff;
}
#topElements
{
	font-size: 1em;
}
#topElements a,#topElements a:link
{
	padding:0 12px 0 12px;
	text-decoration: none;
	color: #003366;
	vertical-align: middle;
}
#topElements a:hover
{
	color: #92A7CB;
}
#smallGlobe
{
	vertical-align: text-bottom;
	height:15px;
	width:15px;
	border: 0px;
}
.header
{	
	height:107px;
	position:relative;
}
#logoimg
{
	position: absolute;
	right: 0;
	bottom: 5px;
}
#logoimg img{
    border: 0px;
}
.header ul li
{
	float: left;
	padding-top: 7px;
	padding-bottom: 7px;
	height:15px;	
}
/*  BLUE BOX */
#blueBoxContainer
{
	position:relative;
	height: 158px;
	width:100%;
}
#blueBoxContainer #pic
{
	position:absolute;
	right:0px;
	height: 158px;
	width:25%;
	background:#cccccc url(../_images/widgetPic.jpg) no-repeat right -115px;
}
#blueBoxContainer #box
{
	position:absolute;
	height: 158px;
	width:75%;
	background-color: #003366;
	z-index: 10;

}
#blueBoxContainer #boxText
{
	width:auto;
	bottom: 15px;
	left: 15px;
	position:absolute; 
}
#blueBoxContainer #boxText h1
{
	padding: 0;
	margin: 0;
	width:700px;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	line-height: 26px;
}
#blueBoxContainer #boxText h1.dark
{	
	padding-top: 0px;
	color: #92A7CB;
}
#blueBoxContainer #boxText h1.dark
{	
	margin-top: 0px;
	color: #92A7CB;
}
#nav 
{
	position: absolute;
	top:-37px;
	left:10px;
	padding-left:3px;
	width: 800px;
	
}

.header ul,#nav ul, #subNav ul, #footer ul
{
	list-style: none;
}
#nav li 
{
	float:left;
	height:40px;
	padding:0 10px 0 10px;
	margin-right: 2px;	
}
#nav li.active
{
	padding: 0;
	text-align:center;
	color: #fff;
	background:url(../_images/navActive.gif) no-repeat 0 0;
}
#nav li.active strong
{
	padding:0 10px 0 10px;
	background:url(../_images/navActive.gif) no-repeat right -40px;
	color: #fff;
	font-weight: bold;
}
#nav li.active strong a
{
	color: #fff;
}
#nav #home.navMouseOver ,#nav #about_us.navMouseOver ,#nav #investors.navMouseOver ,#nav #corporate_responsibility.navMouseOver ,#nav #careers.navMouseOver 
{
	padding: 0;
	text-align:center;
	/*background:url(../_images/navMouseOver.gif) no-repeat 0 0;*/
	color: #003366;
}
#nav #home.navMouseOver strong,#nav #about_us.navMouseOver strong,#nav #investors.navMouseOver strong,#nav #corporate_responsibility.navMouseOver strong,#nav #careers.navMouseOver strong
{
	padding:0 10px 0 10px;
	/*background:url(../_images/navMouseOver.gif) no-repeat right -40px;*/
	color: #003366;
	font-weight: bold;
}
#nav a:hover
{
	color: #003366;
}
#nav ul ul a:hover
{
	color: #fff;
}
#nav li a,#nav li strong
{
	float:left;
	line-height:38px;
	font-size: 1.09em;
	color: #92A7CB;
	font-weight:bolder;
	text-decoration: none;
	z-index: 5;
}
#nav li ul.subNav li a
{
	line-height:15px;
	margin-top: 10px;
}
#nav ul.subNav 
{
	position: absolute;
	top: 25px;
	z-index: 20;
	width: 700px;
	left: -10px;	
}
#nav .subNav li
{
	float:left;
	height:20px;
	z-index: 30;
	color: #fff;
	margin: 0;
	padding: 0;	
	margin: 10px 0px 0px 10px;
	line-height: 30px;	
}
.subNav
{

	color: #92A7CB;
	
}
.subNav a, #subNav .active
{
	color: #92A7CB;
	font-size: 1.09em;
	line-height: 14px;
	text-decoration: none;
}
.subNav
{
  visibility   : hidden;
}
.subNavActive
{
	visibility: visible;
}
#nav .subNavActive a.active{
    color: #fff;
    cursor: default;
}
#contentContainer
{
	width:100%;
}
#contentContainer #columnContainer
{
	float:right;
	width:50%;
}
#contentContainer .span-3
{
	width:460px;
	height: auto;
	margin: 10px 0 0 0;
}
#contentContainer .span-4
{
	width:710px;
	height: auto;
	margin: 10px 0 0 0;
}
#contentContainer .span-2
{
	width:345px;
	height: auto;
	margin: 10px 20px 0 0;
}
#contentContainer .span-5
{
	width:960px;
	height: auto;
	margin: 10px 0 0 0;
}
#contentContainer .span-1
{
	width:230px;
	height: auto;
	margin: 10px 0 0 20px;
}
#contentContainer .mid{
    margin: 10px 0 0 0;
}

#contentContainer .contentBox
{
	position:relative;
	border-top: solid 5px #cccccc;
}

.titleBox h2, .textBox h2, .bigTitleBox h2, .titleBoxPic h2, #bigMain h2,.bigTitleBoxFirstPart h2, #bigSide h2
{
	font-size: 1.45em;
	color: #92A7CB;
	top: 15px;
	font-weight: bold;
	padding: 0;
	margin: 10px 0 0 0;
}
.titleBox h3, .bigTitleBox h3, .titleBoxPic h3, #bigMain h3,.bigTitleBoxFirstPart h3, #bigSide h3, .smallTitleBoxFirstPart h3
{
	color: #666;
	margin: 10px 0 5px 0;
	font-size: 1.2em;
}
.bigTitleBoxFirstPart h3 , .bigTitleBox h3, .smallTitleBoxFirstPart h3
{
	font-weight: bold;	
}
.contentBox #annualReport.bigTitleBoxFirstPart h3, .smallTitleBoxFirstPart h3
{
	font-size: 1.45em;
}
#bigMain p, #bigMain li, #singleTextBox li, #bigSide p
{
	margin-top: 10px;
}
#boxText .parkLow h1.singleTopic, #blueBoxContainer #boxText h1.singleTopic
{
	position:relative;
	top:auto;
	bottom: -35px;
	height: 50px;
}
#main .contentBox .textBox,.containerBox
{
	border-bottom: 0px;	
	
}
.contentBox .titleBox
{
	
}
.containerBox, .textBox
{
	border-top: solid 1px #D4DCEA;
	padding-top: 8px;
	font-size: 1.2em;
}
.contentBox p
{
	padding-bottom: 8px;
	line-height: 18px;
}
#ceoPic
{
	background-image: url(../_images/ceoPic.gif);
	background-position:330px bottom;
	background-repeat: no-repeat;	
}
#davidLogan
{
	background-image: url(../_images/david_logan.gif);
	background-position:590px bottom;
	background-repeat: no-repeat;	
}
#blueGlobe
{
	background-image: url(../_images/blueGlobe.jpg);
	background-position:590px bottom;
	background-repeat: no-repeat;
		
}
#blueGlobe h3
{
	margin-right: 110px;
}

#firstNews
{
	border-top: solid 1px #999999;
}
h3.boldSubTitle, .introText
{
	font-weight: bold;
	font-size: 1.2em;
	color: #333;
	margin-top: 0;
}
h3.boldSubTitle iframe{
    margin-top: -5px;
}
p.boldSubTitle
{
	font-size: 1.2em;
}
.titleBox p
{
	font-size: 1.2em;
	margin-top: 20px;
}
p.introText
{
	margin-top: 45px;
}
.contentBox .titleBox, .bigTitleBox, titleBoxPic, .bigTitleBoxFirstPart, .subTitleBox
{
	position: relative;
	border-top: 0px;	
}
.subTitleBox li{
    list-style: none;
    padding: 5px 0;
    border-bottom: 1px solid #D4DCEA;
}
.contentBox #ceoSigPic
{
	margin-left: 20px;
	background: url(../_images/ceoSigPic.png)  no-repeat;
	height: 45px;
	width: 100px;
	border-top: 0px;
}
.textBox .textBoxTitle
{
	color: #003366;
	font-weight: bold;
}
.titleBox
{
	height: 92px;
}
.titleBoxPic
{
	height: 92px;
	margin-bottom: 5px;
}
.bigTitleBox
{
	height: 199px;
}
.bigTitleBoxFirstPart
{
	height: 97px;
}
.textBox,.quoteText
{
	line-height: 20px;
}
.textBox
{
	border-top: solid 1px #D4DCEA;	
}
#main .textBox
{
	border-top: solid 1px #999999;	
}	
.textBoxSubTitle
{
	color: #999999;
}
.textBox a,.linkListItem a, #footer a
{
	color: #003366;
	text-decoration: none;
}
#footer a:hover{
    color: #92A7CB;
}
.arrowBox
{
	padding-top: 5px;
	border-top: solid 1px #D4DCEA;
}
.quoteText
{
	color: #92A7CB;
	font-size: 1.2em;
	padding: 5px 0 0 0;
	vertical-align: middle;
	line-height: 2em;
	font-weight: bold;
}
#annualReport
{
	background:url(../_images/sum50x70.gif) no-repeat right +3px;
}
.linkListItem
{
	background:url(../_images/greySquareList.gif) no-repeat left 13px;
	border-top: solid 1px #D4DCEA;
	font-size: 1.2em;
	padding: 10px 0 10px 15px;
}
.linkListItem.pdf{
    background: url(../_images/uk_glb_icon_pdf.gif) no-repeat left 7px;
}
.linkListItem.mov{
    background: url(../_images/tn_showreel.jpg) no-repeat left 7px;
}
.linkListItem a{
    padding-left: 10px;
}
.textPlusSub
{
	width:90px;
}
#footer 
{
	margin-top: 100px;
	border-top: solid 2px #cccccc;
	color: #cccccc;
	right:0px;
	height: 36px;
	font-size: 1em;
	padding: 10px 10px 0 0;
	text-align:right;	
}
#footer li 
{
	float:right;
	margin-right: 15px;
}
#bigMain a, #bigSide a
{
	text-decoration: none;
	color: #92A7CB;
	margin-left: 15px;
}
#bigMain, #bigSide
{
	font-size: 1.2em;
	line-height: 14px;
	margin:15px 0 0px 0px;
}
#bigMain ul, #bigSide ul
{
	margin-left:20px;
	list-style-image: url(../_images/greySquareList.gif);
}
#greyQuotes
{
	height: 41px;
	width: 20px;
	background:url(../_images/quoteMark.gif) repeat-x +10px bottom;   	
}
.containerBox
{
	margin-top: 5px;
}
.fltrt 
{
	/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	/*margin-left: 8px;*/
}
.fltlft
{ /* this class can be used to float an element left in your page */
	float: left;
	/*margin-right: 8px;*/
}
.clearFloat
{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#bigMain td a , #bigSide td a
{
	margin: 0;
}
table
{
	font-size: 1em;
	margin-bottom: 25px;
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
}
thead th, thead td
{
	font-weight: bold;
	background-color: #003366;
	color: #fff;
	text-align: left;
}
tbody td
{
    border-bottom: 1px solid #ccc;
}
td, th{
    padding: 3px;
}
#singleTextBox.textBox, #singleTextBox.textBox p
{
	border-top: 0px;
	font-size: 1em;
}
#singleTextBox a
{
	margin: 0px;
}
#bigMain ul.downloadList, #bigSide ul.downloadList
{
	margin: 0;
	padding: 0;
}
#bigMain li, #bigSide li
{
	font-size: 1em;/*0.886em;*/
}
#bigMain ul.wideList li, #bigSide ul.wideList li
{
	font-size: 1em;
}
.downloadList .topic
{
	font-weight: bold;

}
#twoSideBySide
{
	float: left;
	width: 50%;
}
.downloadList li{
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px dotted #ccc;
    list-style-position: inside;
}
.downloadList li strong
{
	vertical-align: top;
	font-weight: normal;	
	font-size: 1.1em;
}
.downloadList .pdfPic
{
	list-style-image: url(../_images/uk_glb_icon_pdf.gif); 
}
.downloadList .movPic
{
	list-style-image: url(../_images/tn_showreel.jpg);
}
#multiPictureBox a img
{
	margin: 0px;
	padding: 0px;
}
#multiPictureBox img
{	
	height: 200px;
	width: 200px;
	border: 0;
}
div#noTopBorder.textBox
{
	border-top: 0;
}
#bigMain a, #bigSide a
{
	margin: 0;
	font-size: 1em;
}
#bigMain li a, #bigSide li a
{
	font-size: 0.886em;
}
#bigMain .liHeaderBox, #bigSide .liHeaderBox
{
	font-size: 1.2em;
}
#bigMain div, #bigSide a
{
	font-size: 1em;
}
.noBorder, #main .noBorder
{
	border-top: 0px;
}
#bigSide .textBox
{
	margin-top: 0px;
}
div#phoneNumbers.titleBox .blue, #bigMain .blue
{
	color: #003366;
}
fieldset.contactForm, fieldset.contactForm legend, fieldset.contactForm table
{
	margin-left: 15px;
}
fieldset.contactForm table
{
	margin-top: 10px;
}
.formButton 
{
	padding:0;
	margin:0;
	width:100px;
	font-size:1em;
	border: 1px solid #333333;
	background-color: #cccccc;
	color:#003366;
}
.subForm
{
	margin-bottom: 15px;
	margin-left: 15px;
}
input, textarea
{	
	border: 1px solid #333333;
	background-color:#FFFFFF;
	padding:3px;
}
#bigMain ul.adressList 
{
	list-style: none;

	width: 100%;
}
.adressList li
{
	width: 300px;
		float: left;
		height: auto;
}
#countryList.adressList li
{

		height: 160px;
}
#currentBio
{
	width:600px;
	height:180px;
	margin-top: 50px;
	padding-left: 120px;
}
#currentBio strong
{
	color: #003366;
	font-weight: normal;
}
#hiddenSponsoring
{
	visibility: hidden;
}
#currentSponsoring
{
	margin-top: 30px;
	width: 75%;
	height: 250px;
}
#shareTools li, #managementGovernance li
{
	float: left;
	margin: 0px;
	list-style: none;
}
#shareTools .content, #managementGovernance .content
{
	clear: both;
}
#bigMain ul.threeCols{
    margin: 0;
    padding: 0;
}
#bigMain ul.threeCols li
{
	float: left;
	margin: 20px 20px 0 0;
	padding: 0;
	list-style: none;
	width:30%;
}
#shareTools.tabs ul.normalList {
    margin: 30px 0 0 0;
}
#bigMain ul.normalList li
{
	float:none;
	width: 100%;
	list-style-image: url(../_images/greySquareList.gif);
	margin: 5px 30px;
}
#bigMain ul.normalList li a
{
	font-size: 1em;
	display: inline;
	padding: 0;
	margin: 0;
}
#managementGovernance .tabList div
{
	padding: 8px 0px 8px 16px;
}
.smallTitleBoxFirstPart
{
	height: 50px;
}
table.wideList
{
	width: 80%;
}
#longTitle
{
	height: 150px;
}
.titleBox .parkLow
{
	position: relative;
	top: 24px;
}
#bigMain ul.twoCOlList li
{
	float: left;
	list-style: none;
	width:50%;
	
}
#bigMain div.twoColWrapper
{
	width: 100%;
}
#bigMain .personPic
{
	width: 105px;
	float:left;
	height: 160px;
}
#bigMain .itemPic
{
	width: 200px;
	float:left;
	height: 200px;
}
#bigMain .descText
{
	width: 200px;
	float:left;
}
.floatMargin
{
	margin-left: 15px;
}
#bigMain .floatMargin a
{
	font-size: 1em;
	font-weight:bold;
}
.floatSize
{
	width: 200px;	
}
.smallOverallMargin
{
	margin: 5px;	
}
#media div.twoColWrapper,#client div.fltlft
{
	width:350px;
}
#media div.twoColTopWrapper
{
	width:100%;
}
.smallCol
{
	width: 300px;
	float: left;
}

.leftImg{
    float: left;
    margin: 0 20px 100px 0;
}

.linkList{
    margin-top: 10px;
}
.linkList li{  
	list-style: none;
}
.linkList li a{  
	background: url(../_images/greySquareList.gif) no-repeat left center;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 15px;
	display: block;
	color: #92A7CB;
	font-size: 1.1em;
}
