body {
background-color: #e5ecf8;
margin: 1em 0 0 0;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #57575a;
}

.Error {
color: #cc0000;
}

h1 {
font-size: 1.4em;
color: #23469d;
margin-top: 1em;
}

h2 {
color: #23469d;
font-size: 1.1em;
margin-top: 1.5em;
}

h3 {
font-size: 1em;
font-weight: bold;
}

p {
line-height: 1.3em;
margin-top: 0;
}

p.FirstPara {
font-weight: bold;
color: #666;
}

a {
color: #21b24b;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

ul {
margin-left: 0;
padding-left: 0;
list-style-type: disc;
list-style: none;
}

ul li {
padding-left: 12px;
margin-bottom: .5em;
background-image: url('../images/Bullet.png');
background-repeat: no-repeat;
background-position: 0 .4em;
}

li ul {
margin-top: 0.5em;
}

.LightBlue {
color: #0095da;
}

.DarkBlue {
color: #23469d;
}

.TopImage {
margin-bottom: 16px;
}

#OuterBox {
background-image: url('../images/OuterTop.jpg');
background-repeat: no-repeat;
width: 950px;
margin: auto;
background-color: #bfd1eb;
position: relative;
margin-bottom: 0;
}

#OuterBottom {
width: 950px;
background-image: url('../images/OuterBottom.jpg');
height: 11px;
margin: auto;
margin-top: 0;
background-position: bottom;
background-repeat: no-repeat;
background-color: #bfd1eb;
}

/* Head Section
*****************************/

#HeadSection {
margin: 0;
padding-top: 1px;
padding: 0;
height: 100px;
}

#HeadLogo {
margin: 0;
padding: 0;
position: absolute;
top: 13px;
left: 45px;
background-image: url('../images/TopLogo.jpg');
background-repeat: no-repeat;
width: 105px;
height: 0;
padding-top: 131px;
overflow: hidden;
}

#Tagline {
clear: both;
color: #23469d;
font-size: 20px;
font-weight: bold;
float: right;
margin-top: 15px;
margin-right: 45px;
display: inline; /* bugfix for ie6 - prevents right margin fron doubling */
text-align: right;
}

/* Top Menu
*****************************/

#TopMenu {
float: right;
margin: 0;
margin-top: 23px;
margin-right: 45px;
color: #fff;
display: inline; /* bugfix for ie6 - prevents right margin fron doubling */
}

#TopMenu a {
text-decoration: none;
color: #006bb7;
padding: 0 0.25em 0 0.25em;
}

#TopMenu a.AustraliaFlag {
padding-left: 22px;
background-image: url('../images/AustraliaFlag_Icon.jpg');
background-repeat: no-repeat;
background-position: left center;
}

#TopMenu a:hover, #TopMenu a.Active {
text-decoration: underline;
}

/* Main Menu
*****************************/

#MainMenu {
margin-right: 42px;
height: 29px;
/* For some reason this next line causes the drop-down menus to break in Firefox 3, so I'm removing it.
text-align: right;
*/
}

#MainMenu table {
margin: 0;
}

.MainMenuButton {
text-align: center;
color: #ffffff;
background-image: url('../images/MainMenu_Off.jpg');
background-repeat: no-repeat;
background-color: #0095da;
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
display: block;
line-height: 29px;
height: 29px;
}

#MainMenu a, #MainMenu a:hover {
text-decoration: none;
}

.MainMenuButton span {
padding-left: 20px;
padding-right: 16px;
height: 29px;
float: left;
}

.MainMenuButton span.End {
padding: 0;
background-image: url('../images/MainMenu_Off.jpg');
background-position: top right;
width: 4px;
height: 29px;
display: block;
}

.MainMenuButton:hover, .MainMenuButton.Active {
background-image: url('../images/MainMenu_On.jpg');
background-color: #fff;
color: #25479d;
}

.MainMenuButton:hover span.End {
background-image: url('../images/MainMenu_On.jpg');
}

.MainMenuButton.Active span.End {
background-image: url('../images/MainMenu_On.jpg');
}

.MenuHolder {
margin-left: 3px;
height: 29px;
}

/* Content
*****************************/

#ContentArea {
margin-top: 30px;
}

#MainContentTop {
width: 906px;
height: 4px;
margin: auto;
padding: 0;
background-image: url('../images/ContentTop.jpg');
background-repeat: no-repeat;
font-size: 1px;
line-height: 1px;
}

#MainContent {
width: 866px;
background-color: #ffffff;
margin: auto;
/* padding: 20px; */
padding: 14px 20px 20px 20px;
}

/* Footer
*****************************/

#Footer {
background-color: #00aeea;
width: 906px;
margin: auto;
background-image: url('../images/FooterBackground.jpg');
background-position: bottom;
background-repeat: no-repeat;
padding: 5px 0 4px 0;
color: #fff;
}

#Footer a {
color: #fff;
text-decoration: none;
}

#Footer a:hover {
text-decoration: underline;
}

#FooterLeft {
float: left;
margin: 0;
margin-left: 29px;
display: inline;
}

#FooterRight {
float: right;
margin: 0;
margin-right: 20px;
text-align: right;
display: inline;
}

.ClearFloats {
clear: both;
line-height: 1px;
height: 1px;
margin: 0;
}

.Breadcrumb  {
color: #21b24b;
font-weight: normal;
margin-bottom: 1em;
font-size: 0.85em;
}

.Breadcrumb a {
text-decoration: none;
}

.Breadcrumb span {
color: #b3b3b5;
}

TABLE.ListTable {
border-collapse: collapse;
}

TABLE.ListTable TD, TABLE.ListTable TH {
padding: 4px;
border: 1px solid #DDD;
}

TABLE.ListTable TH {
background-color: #DDD;
}

TABLE.ListTable TH A {
color: #000;
}

.ListTable TD.Label {
background-color: #EEE;
font-weight: bold;
text-align: left;
}


table.ProductMatrix {
font-size: 0.85em;
}

table.ProductMatrix th {
background-color: #e1e4f3;
padding: 4px;
border-right: 2px solid #ffffff;
}

table.ProductMatrix td {
padding: 8px 4px;
}

table.ProductMatrix tr.Alt td {
background-color: #e1e4f3;
border-right: 2px solid #ffffff;
}