﻿body
{
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 0.8em;
  line-height: 1.3em;
  text-align: center;
  color: #969696;
}

/* page */

div.pageWrapper
{
  margin: 0 auto;
  padding: 0;
  width: 960px;
  min-height: 300px;
  height: auto !important;
  height: 300px;
  text-align: left;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  background: #fff url(../images/layout/page-bg.gif) no-repeat left top;
}

/* header */

div.headerWrapper
{
  margin: 0;
  padding: 0;
  position: relative;
  height: 174px;
  border-bottom: 1px solid #e2e2e2;
}

div.headerWrapper div.header
{
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 960px;
  height: 134px;
}

div.headerWrapper div.header p.logo
{
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 175px;
  height: 134px;
  text-indent: -9000px;
  display: block;
  overflow: hidden;
  background: url(../images/layout/header-logo.png) no-repeat left top;
}

div.headerWrapper div.header p.logo a
{
  margin: 0;
  padding: 0;
  width: 175px;
  height: 134px;
  display: block;
}

div.headerWrapper div.header div.shares
{
  margin: 0;
  padding: 3px 0 0 41px;
  position: absolute;
  right: 1px;
  top: 48px;
  width: 159px;
  min-height: 28px;
  height: auto !important;
  height: 28px;
  display: block;
  background: url(../images/layout/header-share-price.png) no-repeat left top;
}

div.headerWrapper div.header div.shares p
{
  margin: 0 0 2px 0;
  padding: 0;
}

div.headerWrapper div.header div.shares p.date
{
  margin-bottom: 2px;
  font-size: 0.85em;
  line-height: 0.85em;
}

div.headerWrapper div.header div.shares p.price,
div.headerWrapper div.header div.shares p.percent,
div.headerWrapper div.header div.shares p.code
{
  margin-right: 4px;
  display: inline;
}

div.headerWrapper div.header div.shares p.price,
div.headerWrapper div.header div.shares p.percent 
{ 
  font-weight: bold;
  color: #ff7e00;
}

div.headerWrapper div.header div.shares p.code 
{
  margin-right: 0; 
  font-weight: bold;
}

div.headerWrapper div.header p.newsletter
{
  margin: 0;
  padding: 0;
  position: absolute;
  right: 250px;
  top: 50px;
  width: 121px;
  height: 30px;
  text-indent: -9000px;
  display: block;
  overflow: hidden;
}

div.headerWrapper div.header p.newsletter a
{
  margin: 0;
  padding: 0;
  width: 121px;
  height: 30px;
  background: url(../images/layout/header-newsletter-sprite.png) no-repeat left top;
  display: block;
}

div.headerWrapper div.header p.newsletter a:hover
{
  background-position: left bottom;
}

/* header: nav */

div.headerWrapper div.header ul.nav
{
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 741px;
  height: 29px;
  list-style: none;
}

div.headerWrapper div.header ul.nav li
{
  margin: 0;
  padding: 0;
  float: left;
  height: 29px;
  text-indent: -9000px; 
  display: block;
}

div.headerWrapper div.header ul.nav li.liHome a.primary,
div.headerWrapper div.header ul.nav li.liAboutUs a.primary,
div.headerWrapper div.header ul.nav li.liDivisions a.primary,
div.headerWrapper div.header ul.nav li.liMarkets a.primary,
div.headerWrapper div.header ul.nav li.liServices a.primary,
div.headerWrapper div.header ul.nav li.liInvestors a.primary,
div.headerWrapper div.header ul.nav li.liCareers a.primary,
div.headerWrapper div.header ul.nav li.liNews a.primary,
div.headerWrapper div.header ul.nav li.liContactUs a.primary
{
  margin: 0;
  padding: 0;
  height: 29px; 
  background: url(../images/layout/header-nav-sprite.png) no-repeat left top;
  display: block;
  overflow: hidden;
}

div.headerWrapper div.header ul.nav li.liHome { width: 62px; }
div.headerWrapper div.header ul.nav li.liAboutUs { width: 78px; }
div.headerWrapper div.header ul.nav li.liDivisions { width: 77px; }
div.headerWrapper div.header ul.nav li.liMarkets { width: 70px; }
div.headerWrapper div.header ul.nav li.liServices { width: 71px; }
div.headerWrapper div.header ul.nav li.liInvestors { width: 77px; }
div.headerWrapper div.header ul.nav li.liCareers { width: 68px; }
div.headerWrapper div.header ul.nav li.liNews { width: 105px; }
div.headerWrapper div.header ul.nav li.liContactUs { float: right; width: 108px; }

div.headerWrapper div.header ul.nav li.liHome a.primary { width: 62px; background-position: 0 0; }
div.headerWrapper div.header ul.nav li.liAboutUs a.primary { width: 78px; background-position: -62px 0; }
div.headerWrapper div.header ul.nav li.liDivisions a.primary { width: 77px; background-position: -140px 0; }
div.headerWrapper div.header ul.nav li.liMarkets a.primary { width: 70px; background-position: -217px 0; }
div.headerWrapper div.header ul.nav li.liServices a.primary { width: 71px; background-position: -287px 0; }
div.headerWrapper div.header ul.nav li.liInvestors a.primary { width: 77px; background-position: -358px 0; }
div.headerWrapper div.header ul.nav li.liCareers a.primary { width: 68px; background-position: -435px 0; }
div.headerWrapper div.header ul.nav li.liNews a.primary { width: 105px; background-position: -503px 0; }
div.headerWrapper div.header ul.nav li.liContactUs a.primary { width: 108px; background-position: right 0; }

div.headerWrapper div.header ul.nav li.liHome a.primary:hover, 
div.headerWrapper div.header ul.nav li.liHome a.active, 
div.headerWrapper div.header ul.nav li.liHome a.hover { background-position: 0 -29px; }

div.headerWrapper div.header ul.nav li.liAboutUs a.primary:hover, 
div.headerWrapper div.header ul.nav li.liAboutUs a.active, 
div.headerWrapper div.header ul.nav li.liAboutUs a.hover { background-position: -62px -29px; }

div.headerWrapper div.header ul.nav li.liDivisions a.primary:hover, 
div.headerWrapper div.header ul.nav li.liDivisions a.active, 
div.headerWrapper div.header ul.nav li.liDivisions a.hover { background-position: -140px -29px; }

div.headerWrapper div.header ul.nav li.liMarkets a.primary:hover, 
div.headerWrapper div.header ul.nav li.liMarkets a.active, 
div.headerWrapper div.header ul.nav li.liMarkets a.hover { background-position: -217px -29px; }

div.headerWrapper div.header ul.nav li.liServices a.primary:hover, 
div.headerWrapper div.header ul.nav li.liServices a.active, 
div.headerWrapper div.header ul.nav li.liServices a.hover { background-position: -287px -29px; }

div.headerWrapper div.header ul.nav li.liInvestors a.primary:hover, 
div.headerWrapper div.header ul.nav li.liInvestors a.active, 
div.headerWrapper div.header ul.nav li.liInvestors a.hover { background-position: -358px -29px; }

div.headerWrapper div.header ul.nav li.liCareers a.primary:hover, 
div.headerWrapper div.header ul.nav li.liCareers a.active, 
div.headerWrapper div.header ul.nav li.liCareers a.hover { background-position: -435px -29px; }

div.headerWrapper div.header ul.nav li.liNews a.primary:hover, 
div.headerWrapper div.header ul.nav li.liNews a.active, 
div.headerWrapper div.header ul.nav li.liNews a.hover { background-position: -503px -29px; }

div.headerWrapper div.header ul.nav li.liContactUs a.primary:hover, 
div.headerWrapper div.header ul.nav li.liContactUs a.active, 
div.headerWrapper div.header ul.nav li.liContactUs a.hover { background-position: right -29px; }

/* header: search */

div.headerWrapper div.searchWrapper
{
  margin: 0;
  padding: 10px 10px 9px 500px;
  position: absolute;
  left: 0;
  top: 0;
  width: 450px;
  height: 19px;
  border-bottom: 1px solid #e2e2e2;
  background: url(../images/layout/header-search-bg.gif) no-repeat left top;
}

div.headerWrapper div.searchWrapper p#searchDate
{
  margin: 0;
  padding: 0;
  float: left;
  width: 200px;
  text-align: right;
  font-size: 0.85em;
  line-height: 20px;
  color: #969696;
}

div.headerWrapper div.searchWrapper div.search
{
  margin: 0;
  padding: 0;
  float: right;
  width: 185px;
}

div.headerWrapper div.searchWrapper div.search label.actAsLink
{
  margin: 0;
  padding: 0;
  float: right;
  width: 45px;
  text-align: right;
  cursor: pointer;
  font-size: 0.85em;
  line-height: 20px;
  color: #969696;
  text-decoration: none;
}

div.headerWrapper div.searchWrapper div.search label.actAsLink:hover,
div.headerWrapper div.searchWrapper div.search label.actAsLinkHover
{
  color: #e67b24;
}

div.headerWrapper div.searchWrapper div.search input.txt
{
  margin: 0;
  padding: 2px;
  float: left;
  font-size: 0.85em;
  width: 134px;
  height: 14px;
  border: 1px solid #ccc;
  background: none;
}

/* banner: flash */

div.bannerWrapper
{
  margin: 0;
  padding: 1px 0;
  border-bottom: 1px solid #e2e2e2;
}

div.bannerWrapper div.banner
{
  margin: 0;
  padding: 0;
  min-height: 10px;
  height: auto !important;
  height: 10px;
}

div.bannerWrapper img,
div.bannerWrapper object
{
	display: block;
}

/* banner: map */

div.bannerWrapper div.mapWrapper
{
  margin: 0;
  padding: 0;
  height: 350px;
}

div.bannerWrapper div.mapWrapper div#map
{
  margin: 0;
  padding: 0;
  height: 100%;
}

div.bannerWrapper div.mapWrapper div#map p
{
  margin: 0 0 5px 0;
  padding: 0;
  color: #000;
}

div.bannerWrapper div.mapWrapper div#map p a
{
  color: #21549E;
  text-decoration: underline;
}

div.bannerWrapper div.mapWrapper div#map p a:hover
{
  color: #F26522;
  text-decoration: underline;
}

div.bannerWrapper div.mapWrapper div#map p.details
{
  margin: 150px auto 0 auto;
  padding: 0;
  text-align: center;
}

div.bannerWrapper div.mapWrapper div.expander 
{ 
  margin: 0; 
  padding: 0; 
  position: absolute; 
  right: 7px; 
  bottom: 20px; 
  display: block; 
  background: #fff; 
  border: 1px solid #000; 
  text-align: center; 
  cursor: pointer; 
  font-size: 12px; 
  font-family: Arial, sans-serif; 
  color: #000;
}

div.mapWrapper div.expander div 
{ 
  margin: 0; 
  padding: 1px 11px 0 12px; 
  border-bottom: 1px solid #b0b0b0; 
  border-right: 1px solid #b0b0b0; 
  display: block; 
}

/* content */

div.contentWrapper
{
  margin: 0;
  padding: 30px 10px;
  min-height: 100px;
  height: auto !important;
  height: 100px;
}

/* cols */

div.colWrapper
{
  margin: 0;
  padding: 0 0 20px 0;
}

div.colWrapper div.col
{
  margin: 0 20px 0 0;
  padding: 0 10px;
  float: left;
  width: 440px;
}

div.colWrapper div.colSide
{
  width: 200px;
}

div.colWrapper div.colMid
{
  margin-right: 0;
  width: 680px;
}

div.colWrapper div.colFull
{
  margin-right: 0;
  width: 920px;
}

div.colWrapper div.colLast
{
  margin-right: 0;
}

/* footer */

div.footerWrapper
{
  margin: 0;
  padding: 1px 0;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

div.footerWrapper div.footer
{
  margin: 0;
  padding: 40px 0 40px 125px;
  position: relative;
  background: #f8f8f8;
}

div.footerWrapper div.footer p.logo
{
  margin: 0;
  padding: 0;
  position: absolute;
  left: 20px;
  top: 40px;
  width: 64px;
  height: 81px;
  display: block;
  text-indent: -9000px;
  overflow: hidden;
  background: url(../images/layout/footer-logo.png) no-repeat left top;
}

div.footerWrapper div.footer ul.links
{
  margin: 0 10px 0 0;
  padding: 0;
  float: left;
  width: 110px;
  list-style: none;
}

div.footerWrapper div.footer ul.linksLast
{
  margin-right: 0;
}

div.footerWrapper div.footer ul.links li
{
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 0.75em;
  line-height: 1.3em;
  width: 110px;
}

div.footerWrapper div.footer ul.links li a
{
  color: #aaa;
  text-decoration: none;
  width: 110px;
  display: block;
}

div.footerWrapper div.footer ul.links li a:hover
{
  color: #e67b24;
  text-decoration: none;
}

div.footerWrapper div.footer ul.links li.title
{
  font-weight: bold;
  font-size: 0.85em;
  color: #707070;
}

div.footerWrapper div.footer ul.links li.title a
{
  color: #707070;
  text-decoration: none;
}

div.footerWrapper div.footer ul.links li.title a:hover
{
  color: #e67b24;
  text-decoration: none;
}

div.footerWrapper div.footer ul.links li.sub a
{
  margin-bottom: 5px;
  color: #707070;
  text-decoration: none;
}

div.footerWrapper div.footer ul.links li.sub a:hover
{
  color: #e67b24;
  text-decoration: none;
}

div.footerWrapper div.footer ul.links li.sub ul.sub
{
  margin: 0;
  padding: 0;
  list-style: none;
}

div.footerWrapper div.footer ul.links li.sub ul.sub li
{
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.3em;
  width: 110px;
}

div.footerWrapper div.footer ul.links li.sub ul.sub li a
{
  margin-bottom: 0;
  padding-left: 7px;
  color: #aaa;
  text-decoration: none;
  width: 103px;
  display: block;
}

div.footerWrapper div.footer ul.links li.sub ul.sub li a:hover
{
  color: #e67b24;
  text-decoration: none;
}

/* copyright */

div.copyrightWrapper
{
  margin: 0;
  padding: 0;
}

div.copyrightWrapper div.copyright
{
  margin: 0;
  padding: 12px 10px 10px 10px;
  color: #969696;
}

div.copyrightWrapper div.copyright a
{
  color: #969696;
  text-decoration: none;
}

div.copyrightWrapper div.copyright a:hover
{
  color: #e67b24;
  text-decoration: none;
}

div.copyrightWrapper div.copyright p.copy
{
  margin: 0;
  padding: 0;
  float: left;
  font-size: 0.85em;
  line-height: 1.3em;
}

div.copyrightWrapper div.copyright ul.links
{
  margin: 0;
  padding: 0;
  float: right;
  list-style: none;
}

div.copyrightWrapper div.copyright ul.links li
{
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  float: left;
  font-size: 0.85em;
  line-height: 1.3em;
  border-right: 1px solid #e2e2e2;
}

div.copyrightWrapper div.copyright ul.links li.last
{
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

/* Nested Centre Col */

div.nestedCentreCol
{
	width: 700px;
	margin: 0 auto;
}