﻿html,body,form,td,ol,ul,li,h1,h2,p {margin: 0; padding: 0;}
body {background-color: #CCC;}
body, p, select, div#searchBox input {font-family:Arial, Geneva, Helvetica; font-size: 11px; color: #414243;}
body * {text-align: justify;}
p {margin-bottom: 12px;}

table, td, img {border: 0;}
table {border-collapse: collapse;}
td {text-align: left; vertical-align: top;}

a {text-decoration: none; color: #414243;}
a:hover {color: #3DA8D4;}
#content a {color: #305F8F;}
#content a:hover {color: #3DA8D4;}

/* apply selected colour on menu */
#home .home, #product .product, #about .about, #investor .investor, #press .press, 
#contact .contact, #sitemap .sitemap {color: #994100;}

/* Layout Columns */
td.colLeft {width: 144px;}
td.colCenter {width: 468px;}
td.colRight {width: 100%;}
div.colCenterSpacer {width: 468px;}

/* Layout Rows */
#rowGlobal td {height: 53px;}
#rowLocal td {height: 36px;}
#rowNav td {height: 54px;}
#rowGlobal td, #rowLocal td, #rowNav td {vertical-align: middle;}

/* Top Menu */
div#topMenu {margin: 0 4px;} 
div#topMenu a, div#miscMenu a {font-weight: 700; margin: 0 7px;}
div#miscMenu a {font-weight: normal;}

/* Left menu */
div#leftMenu {margin: 5px;}
div#leftMenu .selected, div#sidebar .selected {color: white;}
.node {padding-bottom: 3px;}

/* Search Box */
div#searchBox div {margin: 4px 0 0 90px;}
div#searchBox div input {border: 0;}

div#miscMenu, div#searchBox {padding: 0 10px;}
div#sidebar {padding: 30px 10px; width: 150px;}
div#content {width: 436px; padding: 16px;}

/* Footer */
td#footer {padding: 52px 10px 13px; font-size: 10px;}
td#footer div {padding-top: 5px;}
td#footer, td#footer a {color: #666;}

/* Portlet */
.box-header, .box-content {text-align: left;}
.box-header img {float: right; margin: 3px 0;}
.box-header, .box-header-side {padding: 3px 7px; font-weight: 700;}
.box-content, .box-content-side {padding: 5px;}
.box-content {height: 100%; border: 1px solid #ccc; margin-bottom: 15px;}
#content .box-content {min-height: 78px;} /* fix appearance of image 'jumping' out in FF & IE */

/* Highlight Portlet */
div.highlight div {text-align: left;}
div.highlight ul.arrowRed {margin-top: 8px;}

/* Background Colours */
.bgColour {background-color: #FFF;} /* White */
.bgColour1 {background-color: #CCC;} /* Light Grey */
.bgColour2 {background-color: #FF9900;} /* Orange */
.bgColour3 {background-color: #666;} /* Dark Grey */

.bgColour2, 
.bgColour3, 
.bgColour2 a, 
.bgColour3 a, 
.bgColour2 a:hover, 
.bgColour3 a:hover, 
#content .bgColour2 a, 
#content .bgColour3 a,
#content .bgColour2 a:hover, 
#content .bgColour3 a:hover
{color: #FFF;}

/* Fonts */
div h2 {margin-bottom: 15px; font-size: 15px;} /* add space beneath banner */
h3 {font-size: 13px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h3,h4 {margin-top: 0;}
.BU h3 {color: #C83516;}
.BU h4 {margin-top: 12px;}

.red {color: #CC3300;}
.blue {color: Blue;}
.grey {color: #666;}
.grey-light {color: #808080;}

/* List */
ol,ul {margin-left: 13px;}
li {padding-bottom: 3px; text-align: left;}
td.brown li {margin-left: 13px; padding-bottom: 14px;} /* overview for each Business Area */

ul.arrowGreen, ul.arrowRed {list-style-type:none; margin: 0; margin-bottom: 5px;}
ul.arrowGreen li {background: transparent url(/_images/icon-arrow-green.gif) no-repeat; background-position: 0 2px;}
ul.arrowRed li {background: transparent url(/_images/icon-arrow-red.gif) no-repeat; background-position: 0 4px;}
ul.arrowGreen li, ul.arrowRed li {padding-left: 18px; padding-bottom: 3px;}

/* Table */
table.data, table.info {width: 100%;}
table.data td, table.info td {padding: 5px; border: 1px solid #7894AF;}

/* Contact Info Table */
table.info {background-color: #B3D3EF;}
table.info td {color: #000;}
table.info td div {font-weight: 700; text-align: right;}
table.info .left {width: 40%;}
#AUpartners .info .left {width: 36%;}

/* Reusable Classes */
.vb {vertical-align: bottom;}
.vm {vertical-align: middle;}
.tcenter {text-align: center;}
.tjustify {text-align: justify;}

div.moreRight {text-align: right;}

.floatRight, .imgRight {float: right;}
.floatLeft, .imgLeft {float: left;}
.imgLeft {margin: 0 10px 0 0;}
.imgRight {margin: 0 0 0 10px;}


.hr, .vr {background-color: #999; border: none;}
.hr {height: 1px; margin: 10px 0;}
.vr {width: 1px;}
#footer .hr {margin: 0;}
.brown .hr {margin-top: 0; height: 4px; background-color: #cc6600;}
#milestones .hr {width: 10px; height: 1px; margin: 7px 0 0 0;} /* specific - Our History */

iframe {overflow-x: hidden;}
