/******************/
/* General Styles */
/******************/
body {
	background-color: #c0c0c0;
	text-align: center;
	font-size: 100%;
	font-family: Verdana, sans-serif;
	margin: 5px 0;
	padding: 0;
 letter-spacing: -0.02em;
}

.left {
 float: left;
 margin-right: 15px;
 margin-bottom: 10px;
}

.right {
 float: right;
 margin-left: 15px;
 margin-bottom: 10px;
}

img.top {
 margin-top: 10px;
}

.clear {
 clear: both;
 height: 0;
 line-height: 0;
}

img {
 border: none;
}

div#accessibility {
 display: none;
}

/********************/
/* Container Styles */
/********************/
div#container {
 text-align: left;
 margin: 0 auto;
 width: 980px;
 border: 1px solid #000000;
 background-color: #ffffff;
}

/*****************/
/* Header Styles */
/*****************/
div#header {
 background-image: url(images/strip.gif);
 background-repeat: repeat-x;
 background-position: top left;
 height: 140px;
 position: relative;
 border-bottom: 1px solid #000000;
 z-index: 2; /* Absurd workaround needed to get IE7 to show the menu on top of the Google Map - see http://thatnorwegianguy.wordpress.com/2007/11/29/positioning-and-z-index-in-ie/ */
}

div#header h1, body#home div#logohome h1 {
 position: absolute;
 bottom: 60px;
 left: 50px;
 border: 0;
 margin: 0;
 padding: 0;
 height: 55px;
 width: 180px;
 overflow: hidden;
 text-indent: -9999px;
 background-image: url(images/logo.png);
 background-repeat: no-repeat;
 background-position: top left;
}

* html div#header h1, * html body#home div#logohome h1 { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='crop');
}

div#header img#logo {
 display: none;
}

div#header img#telephone {
 position: absolute;
 bottom: 64px;
 left: 235px;
}

/*
div#header ul#telephone, body#home div#logohome ul#telephonehome {
 position: absolute;
 bottom: 64px;
 left: 235px;
 margin: 0;
 padding: 0;
 list-style: none;
}

div#header ul#telephone li, body#home div#logohome ul#telephonehome li {
 list-style-type: none;
 float: left;
 display: inline;
 border-left: 1px solid #666666;
 padding: 0 5px;
 color: #666666;
 font-size: 0.9em;
 font-weight: bold;
}

div#header ul#telephone li.first {
 border-left: 0;
}

div#header ul#telephone li a, body#home div#logohome ul#telephonehome li a {
 color: #666666;
 text-decoration: none;
}

div#header ul#telephone li a:hover, body#home div#logohome ul#telephonehome li a:hover {
 color: #666666;
 text-decoration: underline;
}
*/

div#header div#flags {
 position: absolute;
 top: 25px;
 left: 30px;
 width: 100px;
 height: 50px;
}

div#header div#flags img {
 float: left;
 border: 1px solid #000000;
 display: none;
 margin: 0 5px 0 0;
}

body#home div#header div#flags img {
 display: block;
}

div#header form#search {
 position: absolute;
 top: 25px;
 right: 10px;
 width: 300px;
 margin: 0;
 text-align: right;
}

div#header form#search fieldset {
 border: 0;
 padding: 0;
 margin: 0;
}

div#header form#search fieldset legend {
 display: none;
}

div#header form#search input#text-search {
 width: 120px;
 font-size: 0.8em;
}

div#header form#search input#submit-search {
 font-size: 0.8em;
}

/*******/
/* Nav */
/*******/
ul#nav {
 position: absolute;
 bottom: 0;
 left: 50px;
 margin: 0;
 padding: 0;
 list-style: none;
 font-size: 0.75em;
 white-space: nowrap;
 color: #666666;
}

ul#nav li {
 list-style-type: none;
 float: left;
 display: inline;
 padding: 0;
 position: relative;
 background-image: url(images/navline.gif);
 background-repeat: no-repeat;
 background-position: 100% 0;
 height: 40px;
}

ul#nav li.first {
 border-left: 0;
}

ul#nav li a {
 color: #666666;
 display: block;
 padding: 0 10px;
 text-decoration: none;
}

ul#nav li a:hover
,ul#nav li:hover a {
 color: #fac529;
}

/***********/
/* Sub Nav */
/***********/
ul#nav li ul {
 display: none;
 position: absolute;
 top: 40px;
 left: 0;
 margin: 0;
 padding: 0;
 list-style: none;
 border-top: 1px solid #000000;
 z-index: 100;
}

ul#nav li:hover ul
, ul#nav li.hover ul {
 display: block;
}

ul#nav li ul li {
 margin: 0;
 padding: 0;
 border: 0;
 float: left;
 clear: left;
 height: auto;
 position: relative;
}

/*
ul#nav li ul li.header {
 text-transform: uppercase;
 background-color: #fac529;
 color: #000000;
 padding: 8px 35px 8px 8px;
 background-image: url(images/arrow.png);
 background-repeat: no-repeat;
 background-position: 99% 50%;
 width: 14em;
}
*/

ul#nav li ul li.header a
,ul#nav li.hover ul li.header a
,ul#nav li:hover ul li.header a {
 padding: 8px 35px 8px 8px;
 background-image: url(images/arrow.png);
 background-repeat: no-repeat;
 background-position: 99% 50%;
}

* html ul#nav li ul li.header a
,* html ul#nav li.hover ul li.header a
,* html ul#nav li:hover ul li.header a {
 background-image: url(images/iearrow.gif);
}

ul#nav li ul li.header:hover
,ul#nav li ul li.header.hover {
 background-color: #f3d7a1;
 color: #000000;
 cursor: default;
}

ul#nav li ul li a
,ul#nav li:hover ul li a
,ul#nav li ul li.header ul li a
,ul#nav li.hover ul li.header ul li a {
 display: block;
 padding: 8px 8px 8px 35px;
 text-transform: uppercase;
 background-color: #fac529;
 color: #000000;
 text-decoration: none;
 background-image: url(images/bullet.png);
 background-repeat: no-repeat;
 background-position: 10px 50%;
 width: 14em;
}

ul#nav li.wide ul li a, ul#nav li.wide:hover ul li a {
 width: 25em;
}

* html ul#nav li ul li a
,* html ul#nav li.hover ul li a
,* html ul#nav li.hover ul li.header ul li a { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/iebullet.png', sizingMethod='crop');
}

* html ul#nav li ul li.header a {
 filter: none;
}

ul#nav li ul li a:hover
,ul#nav li ul li.header ul li a:hover {
 background-color: #f3d7a1;
 color: #000000;
}

/***************/
/* Sub Sub Nav */
/***************/
ul#nav li ul li ul {
 display: none;
 position: absolute;
 top: 0;
 left: 100%;
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 z-index: 100;
}

ul#nav li:hover ul li ul
,ul#nav li.hover ul li ul {
 display: none;
}

ul#nav li:hover ul li:hover ul
,ul#nav li.hover ul li.hover ul {
 display: block;
}

/**************/
/* Side Panel */
/**************/
div#sidepanel {
 float: right;
 margin-right: 70px;
 width: 187px;
 background-color: #f0f0f0;
 display: inline; /* Needed to fix double-margin bug in IE6 */
}

div#sidepanel ul#cta {
 margin: 15px;
 margin-left: 0;
 margin-top: 30px;
 margin-bottom: 60px;
 padding: 0;
 list-style: none;
}

div#sidepanel ul#cta li {
 text-align: right;
 font-size: 0.7em;
 padding-right: 25px;
 background-position: 100% 40%;
 background-repeat: no-repeat;
 list-style-type: none;
 padding-top: 6px;
 padding-bottom: 6px;
 height: 18px;
 vertical-align: middle;
}

div#sidepanel ul#cta li#ctacontact {
 background-image: url(images/icon_phone.gif);
}

div#sidepanel ul#cta li#ctafavourites {
 background-image: url(images/icon_star.gif);
}

div#sidepanel ul#cta li#ctaprint {
 background-image: url(images/icon_printer.gif);
}

div#sidepanel ul#cta li#ctanewsletter {
 background-image: url(images/icon_envelope.gif);
}

div#sidepanel ul#cta li a {
 color: #000000;
 text-decoration: none;
}

div#sidepanel ul#cta li a:hover {
 color: #000000;
 text-decoration: underline;
}

/********/
/* News */
/********/
div#news {
 float: right;
 width: 200px;
 background-color: #f0f0f0;
 padding: 20px;
}

div#news h2 {
 margin: 0;
 padding: 0;
 font-size: 1em;
 color: #fac529;
 font-weight: bold;
}

div#news h3 {
 margin: 0;
 margin-top: 12px;
 padding: 0;
 font-size: 0.85em;
 color: #000000;
 font-weight: bold;
}

div#news p {
 margin: 0;
 margin-top: 6px;
 padding: 0;
 font-size: 0.7em;
 color: #000000;
}

div#news p.date, div#content .newsdate {
 color: #6e6e6e;
}

div#news a {
 color: #000000;
 text-decoration: none;
}

div#news a:hover {
 color: #000000;
 text-decoration: underline;
}

/*********************/
/* Content Container */
/*********************/
div#contentcontainer {
 background-color: #e0e0e0;
 background-image: url(images/background_wheel.jpg);
 background-repeat: no-repeat;
 background-position: 15px 100%;
}

/***********/
/* Content */
/***********/
div#content {
 float: left;
 margin-left: 50px;
 width: 410px;
 letter-spacing: 0;
 display: inline; /* Needed to fix double-margin bug in IE6 */
 font-size: 0.8em;
 text-align: left;
}

div#content.nonews {
 width: 620px;
}

div#content address {
 font-style: normal;
 margin-top: 10px;
}

div#content a {
 color: #000000;
 text-decoration: underline;
 font-weight: bold;
}

div#content a:hover {
 color: #000000;
 text-decoration: none;
}

div#content ul {
 /*
 list-style: none;
 margin-left: 0;
 padding-left: 0;
 */
}

div#content ul li {
 /*
 list-style-type: none;
 background-image: url(images/bullet.png);
 background-repeat: no-repeat;
 background-position: 0 50%;
 padding: 4px 0 4px 25px;
 text-transform: uppercase;
 */
 margin-bottom: 5px;
}

div#content ul li ul {
 margin-top: 10px;
 margin-bottom: 10px;
}

div#content h2 {
 margin-top: 15px;
 padding-top: 0;
 letter-spacing: -0.05em;
 font-size: 1.5em;
}

div#content h3 {
 margin-top: 20px;
 margin-bottom: -10px;
 font-size: 1.3em;
}

div#content h3.spacey {
 margin-bottom: 10px;
}

div#content h4 {
 margin-top: 20px;
 margin-bottom: -10px;
 font-size: 1.2em;
}

div#content h5 {
 margin-top: 20px;
 margin-bottom: -10px;
 font-size: 0.9em;
}

/********/
/* News */
/********/
div#content dl.news dd {
 margin-bottom: 20px;
 margin-left: 0;
}

div#content .newsdate {
 margin-top: 7px;
 margin-bottom: 3px;
 display: block;
}

div#content p.newsdate {
 margin-top: 15px;
}

/*********/
/* Forms */
/*********/
div#content form {
 margin: 0;
}

div#content fieldset {
 border: 1px solid #999999;
 padding-bottom: 5px;
 margin-bottom: 10px;
}

div#content fieldset legend {
 color: #000000;
 font-weight: bold;
}

div#content fieldset div.field {
 clear: left;
 float: left;
 margin: 0 0 2px 10px;
 width: 370px;
}

div#content fieldset div.field.indent {
 padding-left: 90px;
 width: 280px;
}

div#content fieldset div.field label {
 float: left;
 width: 7em;
 text-align: right;
 margin-right: 5px;
 margin-top: 5px;
 margin-bottom: 5px;
}

div#content fieldset div.field label.inline {
 float: none;
 width: auto;
 text-align: left;
 margin-left: 5px;
 margin-right: 10px;
 margin-top: 5px;
 margin-bottom: 5px;
}

div#content fieldset div.field input.field, div#content fieldset div.field textarea.field {
 float: left;
 width: 250px;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 1px;
}

div#content fieldset div.field textarea.field {
 font-family: sans-serif;
 font-size: 1em;
 height: 70px;
}

div#content fieldset div.required label {
 font-weight: bold;
}

div#content img#ccbanner {
 background-color: #ffffff;
 padding: 5px;
 border: 1px solid #000000;
}

/*********************/
/* Errors / Messages */
/*********************/
div#content div.errors, div#content div.messages {
 border: 1px solid #000000;
 padding: 5px 10px;
 color: #ffffff;
 background-color: #ff0000;
 margin-bottom: 15px;
}

div#content div.messages {
 background-color: #f0f0f0;
 color: #000000;
}

div#content div.errors ul, div#content div.messages ul {
 list-style: disc;
 padding-left: 0px;
 margin-left: 20px;
}

div#content div.errors ul li, div#content div.messages ul li {
 text-transform: none;
 background-image: none;
 list-style-type: disc;
 padding-left: 5px;
 margin-left: 10px;
}

div#content div.error {
 background-color: #ff0000;
 padding: 1px 0 1px 0;
 color: #ffffff;
 border: 1px solid #000000;
}

div#content div.error input.field {
 border: 1px solid #000000;
}

/*********************/
/* Plant & Equipment */
/*********************/
div#content div.plant {
 margin-bottom: 10px;
}

div#content div.plant p.more {
 float: right;
 font-size: 0.85em;
 margin-top: -7px;
}

div#content div.plant img  {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

/************/
/* Site Map */
/************/
div#content ul#sitemap li {
 text-transform: none;
 background-position: 0 0;
}

div#content ul#sitemap li ul li {
 background-image: none;
}

/*****************/
/* Accessibility */
/*****************/
div#content table#accesskeystable {
 border: 1px solid #000000;
 border-collapse: collapse;
 width: 300px;
}

div#content table#accesskeystable, div#content table#accesskeystable caption {
 margin-left: auto;
 margin-right: auto;
}

div#content table#accesskeystable th {
 border: 1px solid #000000;
 border-collapse: collapse;
 padding: 4px;
 color: #000000;
 background-color: #cccccc;
}

div#content table#accesskeystable td {
 border: 1px solid #000000;
 border-collapse: collapse;
 padding: 4px;
}

div#content table#accesskeystable tr {
 background-color: #ffffff;
}

div#content table#accesskeystable tr.highlight {
 background-color: #f0f0f0;
}

div#content table#accesskeystable em {
 font-weight: bold;
 text-decoration: underline;
 font-style: normal;
}

/**************/
/* Google Map */
/**************/
div#content div#googlemap {
 width: 610px;
 height: 510px;
 border: 1px solid #000000;
}

/*****************/
/* Footer Styles */
/*****************/
div#footer {
 background-image: url(images/footer_background_wheel.jpg);
 background-repeat: no-repeat;
 background-position: 15px 0%;
 background-color: #ffffff;
 border-top: 1px solid #000000;
 font-size: .7em;
 clear: both;
 height: 110px;
}

div#footercontainer {
 background-image: url(images/strip.gif);
 background-repeat: repeat-x;
 background-position: bottom left;
 padding: 20px 70px 0;
 height: 90px;
}

div#footer ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

div#footer ul li {
 float: right;
 border-right: 1px solid #000000;
 padding: 0 5px;
}

div#footer ul li.first {
 border-right: 0;
}

div#footer ul li a {
 color: #000000;
 text-decoration: none;
}

div#footer ul li a:hover {
 text-decoration: underline;
}

/*****************************/
/* Home page specific styles */
/*****************************/
body#home div#header h1, body#home div#header img#telephone {
 display: none;
}

body#home img#homemontage {
 margin-top: 20px;
}

body#home div#contentcontainer {
 background-color: #cccccc;
 background-color: #e0e0e0;
 background-image: url(images/background_wheel_home.jpg);
 background-repeat: no-repeat;
 background-position: 15px 100%;
}

body#home div#logohome {
 float: left;
 width: 230px;
 height: 140px;
}

body#home div#logohome h1 {
 margin: 0;
 padding: 0;
 margin-top: 30px;
 margin-left: 30px;
 position: static;
}

/*
body#home div#logohome ul#telephonehome {
 margin: 0;
 padding: 0;
 margin-top: 10px;
 margin-left: 50px;
 position: static;
}

body#home div#logohome ul#telephonehome li {
 clear: left;
 border-left: 0;
}
*/

body#home div#logohome img#telephonehome {
 margin-top: 10px;
 margin-left: 30px;
 position: static;
}

body#home img#aquapur {
 clear: left;
 margin: 20px 0 0 30px;
 border: 0;
}

body#home a#intlink {
 font-size: 0.7em;
 color: #000000;
 font-weight: normal;
 text-decoration: none;
 padding: 5px 0 0;
 margin: 0 0 0 25px;
 display: block;
 text-align: center;
 width: 180px;
}

body#home a#intlink:hover {
 text-decoration: underline;
}

body#home div#content {
 width: 450px;
 float: right;
 margin: 20px 30px 0 0;
}

body#home div#content h2 {
 margin-bottom: 3px;
}

body#home div#content h3 {
 margin-top: 5px;
}

body#home div#content h2 span.highlight {
 font-size: 130%;
 color: #ffffff;
 color: #fac529;
}

body#home div#footer {
 background-image: url(images/footer_background_wheel_home.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 height: 260px;
}

body#home div#footercontainer {
 height: 240px;
}

body#home div#footercontainer ul#footercta li {
 float: none;
 border: 0;
}

body#home div#footercontainer ul#footercta {
 margin: 5px;
 margin-left: 0;
 margin-top: 0;
 margin-bottom: 50px;
 padding: 0;
 list-style: none;
}

body#home div#footercontainer ul#footercta li {
 text-align: right;
 padding-right: 25px;
 background-position: 100% 40%;
 background-repeat: no-repeat;
 list-style-type: none;
 padding-top: 6px;
 padding-bottom: 6px;
 height: 18px;
 vertical-align: middle;
}

body#home div#footercontainer ul#footercta li#ctacontact {
 background-image: url(images/icon_phone_footer.gif);
}

body#home div#footercontainer ul#footercta li#ctafavourites {
 background-image: url(images/icon_star_footer.gif);
}

body#home div#footercontainer ul#footercta li#ctaprint {
 background-image: url(images/icon_printer_footer.gif);
}

body#home div#footercontainer ul#footercta li#ctanewsletter {
 background-image: url(images/icon_envelope_footer.gif);
}

body#home div#footercontainer ul#footercta li a {
 color: #000000;
 text-decoration: none;
}

body#home div#footercontainer ul#footercta li a:hover {
 color: #000000;
 text-decoration: underline;
}

/*******************************/
/* Box Model hacks for <=IE5.5 */
/*******************************/
* html div#footercontainer {
 height: 110px;
 hei\ght: 90px;
}

* html body#home div#footercontainer {
 height: 260px;
 hei\ght: 240px;
}

* html ul#nav li ul {
 top: 41px;
 to\p: 40px;
}

