*{ margin: 0px; padding: 0px; }
BODY{ background: url('images/structure/bgHTML.jpg') repeat-y top center #4c364d; }
P, A, LI, INPUT, TEXTAREA, TD, TH{
  font-family: Verdana, sans-serif;
  color: #303030;
}
P{
  font-size: 0.75em;
  line-height: 1.5em;
  margin-bottom: 20px;
}
A{ text-decoration: none; }

H1, H2, H3, H4, H5{
  font-family: Arial, sans-serif;
}
H1{
  font-size: 1.4em;
  margin-bottom: 30px;
  color: #463547;
}
IMG{ border: none; }
TR.alternative TD{ background-color: #ebebeb; }

.small{ font-size: 0.7em; }
.upper{ text-transform: uppercase; }
.right{ text-align: right; }
.purple{ color: #4c364d; }
.highlight{ color: #4c364d; font-weight: bold; }




/*   Content   */

DIV.latestNews{ 
  width: 400px; height: 76px;
  clear: left;
}
DIV.latestNews DIV.image{ 
  width: 76px; height: 76px;
  overflow: hidden;
  margin-right: 15px;
  float: left;
}
DIV.latestNews DIV.image IMG{ position: relative; top: 50%; left: 50%; }
DIV.latestNews P{ margin: 0px; }

TABLE.listingTable{
  width: 100%;
  border-top: solid 1px #c2c2c2;
  border-bottom: solid 1px #c2c2c2;
  margin-bottom: 35px;
  clear: left;
}
TABLE.listingTable TH{ 
  font-size: 0.70em;
  color: #4c364d;
  padding: 9px 0;
  text-align: left;
}
TABLE.listingTable TD{ 
  font-size: 0.70em;
  line-height: 1.5em;
  border-top: solid 1px #c2c2c2;
  padding: 35px 0;
  vertical-align: top; 
}
TABLE.listingTable TD P{ font-size: 1.0em; margin: 0px; }
TABLE.listingTable TD.description P{ width: 130px; }
DIV.listingControls{ position: relative; left: 30px; }
DIV.listingControls P{ 
  font-size: 0.70em;
  line-height: 1.1em;
  padding-right: 20px;
  margin-right: 20px;
  border-right: solid 1px #464646;
  float: left;
}
DIV.listingControls P.sort{ font-weight: bold; border: none; margin: 0px; }
DIV.listingControls SPAN.sort SELECT{ 
  height: 18px;
  font-size: 0.70em;
  position: relative; top: -5px;
}

DIV.newsletterSignup{
  width: 299px; height: 28px;
  border: solid 1px #c2c2c2;
  background-color: #e2e2e2;
  margin-bottom: 20px;
}
DIV.newsletterSignup INPUT.text{
  width: 200px;
  color: #636363;
  border: none; background: none;
  text-transform: uppercase;
  padding: 6px 0 0 10px;
}
DIV.newsletterSignup INPUT.send{
  width: 60px; height: 28px;
  float: right;
}

TABLE.viewTable{ margin-bottom: 50px; }
TABLE.viewTable TH, TABLE.viewTable TD{
  font-size: 0.70em;
  line-height: 1.5em;  
  text-align: left;
  padding-left: 2px;
}
TABLE.viewTable TD{
  border-top: solid 1px #c2c2c2;
  border-bottom: solid 1px #c2c2c2;
}
TABLE.viewTable TD.view{
  border-top: solid 1px #817581;
  border-bottom: solid 1px #4c364d;
  padding: 0px;
  text-align: right;
}
TABLE.viewTable TR.separator TD{ height: 7px; line-height: 7px; border: none; }

TABLE.contactTable TD{
  font-size: 0.75em;
  line-height: 1.5em;
  vertical-align: top;
  padding-bottom: 25px;
}

TABLE.formTable TD{
  font-size: 0.70em;
  line-height: 1.5em;
  vertical-align: top;
  padding: 5px;
}
TABLE.formTable TD P{ font-size: 1.0em; }

TABLE.formTable TD.title{ text-align: right; }
TABLE#quoteHeader TD.title,
TABLE#generatorTable TD.title,
TABLE#sparesTable TD.title,
TABLE#quoteFooter TD.title{ width: 205px; }
TABLE#quoteHeader TD.entry,
TABLE#generatorTable TD.entry,
TABLE#sparesTable TD.entry,
TABLE#quoteFooter TD.entry{ width: 205px; }
TABLE#quoteHeader TD.valid,
TABLE#generatorTable TD.valid,
TABLE#sparesTable TD.valid,
TABLE#quoteFooter TD.valid{ width: 80px; }

IMG.lightboxImage{ display: none; }

UL.text{ margin: 0 0 20px 25px; }
UL.text LI{
  font-size: 0.75em;
  line-height: 1.5em;
}



/*   Blocks   */

DIV#ColumnLeft DIV.contentBlock{
  width: 375px;
  margin-left: 66px;
}
DIV#ColumnRight DIV.contentBlock{
  width: 380px;
  margin-left: 25px;
}
DIV#ColumnFull DIV.contentBlock{
  width: 880px;
  margin-left: 25px;
}

DIV.blockBreak{
  width: 460px; height: 60px;
  margin-left: 26px;
  background: url('images/structure/pixelGrey.gif') repeat-x 0px 30px;
}
DIV.blockSpace{ width: 460px; height: 60px; }

DIV.indentBlock{
  width: 300px;
  margin-left: 132px;
}

DIV.contentBlock H2{
  font-size: 1.1em;
  font-weight: normal;
  color: #7a9ace;
  margin-bottom: 5px;
}

DIV.categoryBlock{ width: 425px; }
DIV.categoryBlock DIV.image{ 
  width: 230px;
  float: left; position: absolute; left: 0px;
}
DIV#ColumnRight DIV.categoryBlock DIV.image{ left: 488px; text-align: right; margin-top: 55px; }
DIV#ColumnLeft DIV.categoryBlock DIV.image{ text-align: right; margin-top: 55px; }
DIV.categoryBlock DIV.text{ 
  width: 195px; 
  margin-left: 230px; 
  padding-left: 15px; 
}
DIV.categoryBlock H2{
  font-size: 1.3em;
  font-weight: normal;
  color: #7a9ace;
  margin-bottom: 25px;
}
DIV.categoryBlock P{
  font-size: 0.7em;
  color: #666666;
}

DIV.productBlock{ width: 460px; }
DIV.productBlock DIV.image{ width: 230px; float: left; }
DIV.productBlock DIV.image DIV.title IMG{ position: relative; left: 25px; }
DIV.productBlock DIV.image DIV.entry IMG{ position: relative; left: 5px; }
DIV.productBlock DIV.text{ width: 220px; margin-left: 230px; min-height: 300px; }
DIV.productBlock DIV.title{ width: 100%; height: 106px; }
DIV.productBlock H2{
  font-size: 1.3em;
  font-weight: normal;
  color: #7a9ace;
  text-transform: uppercase;
  margin-bottom: 25px;
}
DIV.productBlock P{
  font-size: 0.7em;
  color: #666666;
}
DIV.productBlock P.images{ text-transform: uppercase; font-weight: bold; margin: 0px; }
DIV.productBlock P.images A{ color: #666666; }

DIV.textBlock{ width: 425px; }
DIV.textBlock DIV.image{ 
  width: 230px;
  float: left; position: absolute; left: 0px;
}
DIV#ColumnRight DIV.textBlock DIV.image{ left: 487px; }
DIV.textBlock DIV.image IMG{ margin: 2px 0 0 4px; }
DIV.textBlock DIV.text{ 
  width: 220px; 
  margin-left: 230px; 
}
DIV.textBlock H2{
  font-size: 1.3em;
  font-weight: normal;
  color: #7a9ace;
  margin-bottom: 25px;
}
DIV.textBlock P{
  font-size: 0.7em;
  color: #666666;
}

DIV.aboutBlock{ width: 460px; }
DIV.aboutBlock DIV.image{ width: 115px; float: left; padding-left: 4px; }
DIV.aboutBlock DIV.text{ width: 310px; margin-left: 130px; }
DIV.aboutBlock H2{
  font-size: 1.3em;
  font-weight: normal;
  color: #7a9ace;
  margin-bottom: 25px;
}
DIV.aboutBlock P{
  font-size: 0.7em;
  color: #666666;
}
DIV.aboutBlock .purple{ color: #4c364d; }



/*   Header   */

DIV#Header DIV.certificates{
  float: right;
  position: relative; top: 32px; left: -37px;
}
DIV#Header DIV.certificates P{
  font-size: 8px;
  color: #4b4b4b;
  text-transform: uppercase;
  margin: 5px 0 0 0;
}

DIV#Header DIV.links{
  height: 23px;
  padding-top: 24px;
  margin-left: 434px;
}
DIV#Header DIV.links A,
DIV#Header DIV.links SPAN.separator{
  font-size: 0.70em;
  color: #4c364d;
}
DIV#Header DIV.links A:HOVER{ color: #008457; }
DIV#Header DIV.links A.selected{ color: #008457; font-weight: bold; }
DIV#Header DIV.links SPAN.separator{ margin: 0 5px; }

DIV#Header DIV.logo{
  width: 775px; height: 90px;
  background: #008457;
  clear: left;
}
DIV#Header DIV.logo DIV.content{ position: absolute; top: 75px; left: 434px; }
DIV#Header DIV.logo DIV.content P{
  color: #fff;
  margin: 0px;
}
DIV#Header DIV.logo IMG{ float: left; }

DIV#Navigation A{
  font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
  font-size: 0.90em;
  color: #4c364d;
  text-transform: uppercase;
  padding-top: 15px;
  display: block; float: left;
}
DIV#Navigation A:HOVER{ color: #469c6e; }
DIV#Navigation A.selected{ color: #469c6e; }
DIV#Navigation SPAN.separator{
  width: 2px; height: 47px;
  background-color: white; 
  border-left: solid 1px silver;
  margin: 0 23px;
  display: block; float: left;
}

DIV#BannerWindow{
  width: 974px; height: 320px;
  overflow: hidden;
  position: relative;
}
DIV#BannerContent{
  width: 4500px; height: 320px;
  position: relative;
}
DIV#BannerContent DIV.slide{
  width: 974px; height: 320px;
  background: no-repeat top left;
  float: left;
}
DIV#BannerContent H1{
  font-size: 2.0em;
  margin: 35px 0 0 38px;
}
DIV#BannerContent H2{
  font-size: 2.0em;
  font-weight: normal;
  line-height: 1.4em;
  margin-left: 38px;
}
DIV#BannerContent DIV.white H1, DIV#BannerContent DIV.white H2{ color: #fff; }
DIV#BannerContent IMG.button{ margin: 40px 0 0 38px; }
DIV#BannerControls{
  width: 900px; height: 30px;
  position: absolute; top: 446px; left: 36px;
  z-index: 100;
}
DIV#BannerControls DIV.bannerButton{
  width: 14px; height: 14px; line-height: 14px;
  margin-left: 5px;
  background: url('images/structure/bgBannerButton.gif') no-repeat top left #d9d9d9;
  cursor: pointer;
  float: right;
}

DIV#Ticker IMG{ 
  margin-top: 10px;
  position: relative; left: 37px;
  float: left; display: block;
}
DIV#Ticker UL{ 
  width: 805px; height: 28px;
  list-style: none;
  overflow: hidden; 
  position: absolute; left: 160px;
}
DIV#Ticker UL LI{
  color: #fff;
  font-size: 0.8em;
  white-space: nowrap;
  display: none; float: left;
  margin-top: -2px;
  position: absolute; top: 0px; left: 0px;
}
DIV#Ticker UL LI A{ color: #fff; }

DIV#Companies{ overflow: hidden; }
DIV#Companies A{
  height: 90px;
  border-left: solid 1px #fff;
  border-right: solid 1px #c2c1c2;
  float: left;
}
DIV#Companies A IMG{ margin: 0 10px; }

#slider{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  border:0;
  width:974px; /* Width of the slider */
  overflow:hidden;
}
#sliderInside{
  float:left;
  display:inline;
  margin:0;
  padding:0;
  border:0;
  width:10000px; /* Make wider than total image width */
  background:url(images/tile.gif) 0 0 repeat-x;
}
#sliderInside a{
  float:left;
  display:inline;
  height:90px;
  text-align:center;
}
#sliderInside a:hover{
}
#sliderInside img{
  border:none;
  padding:0 10px 0 10px;
}




/*   Footer   */

IMG.backToTop{ position: relative; left: 65px; }

DIV#Footer DIV.contact{
  width: 537px; height: 200px;
  border-right: solid 1px #fff;
  margin-top: 24px;
  padding-left: 66px;
  float: left;
}
DIV#Footer DIV.contact P{
  font-size: 0.70em;
  color: #fff;
  margin: 30px 0 0 0;
}
DIV#Footer DIV.contact P A{ color: #fff; }
DIV#Footer DIV.contact H2,
DIV#Footer DIV.sitemap H2{
  font-size: 0.95em;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

DIV#Footer DIV.sitemap{
  margin-top: 24px;
  margin-left: 38px;
  float: left;
}
DIV#Footer DIV.sitemap UL{
  width: 150px;
  list-style: none;
  margin-top: 30px;
  float: left;
}
DIV#Footer DIV.sitemap UL LI{ height: 18px; }
DIV#Footer DIV.sitemap UL LI A{
  font-size: 0.75em;
  color: #fff;
}
DIV#Footer DIV.sitemap UL LI A.selected{ font-weight: bold; }
DIV#Footer DIV.sitemap UL LI A:hover{ font-weight: bold; }

DIV#Footnote A{
  font-size: 0.6em;
  color: #d7d7d7;   
  display: block;
  margin: 10px 0 0 755px;
}
DIV#Footnote A:HOVER{ color: #fff; }



/*   Structure   */

DIV#SiteWrapper{
  width: 974px;
  position: relative; left: 50%; margin-left: -487px;
}

DIV#Header{
  width: 100%;
}
DIV#Navigation{
  width: 100%; height: 47px;
  background: url('images/structure/bgNavigation.jpg') repeat-x #eaeaea;
  clear: left;
}

DIV#Banner{
  width: 974px; height: 320px;
  border-bottom: solid 1px #c2c2c2;
  background: url('images/structure/bgBanner.jpg') no-repeat top left;
  overflow: hidden; clear: left;
}
DIV#Ticker{
  width: 100%; height: 31px;
  background-color: #469c6e;
}
DIV#Companies{
  width: 974px; height: 91px;
  background: url('images/structure/bgCompanyScroller.gif') repeat-x #fff;
  margin-top: 1px;
  border-top: solid 1px #c2c2c2;
  border-bottom: solid 1px #c2c2c2;
  float: left; clear: left;
  overflow: hidden; z-index: 10;
}

DIV#Content{
  width: 100%;
  background: url('images/structure/pixelGrey.gif') repeat-y 487px 0px #fff;
  margin-top: 48px;
  float: left;
}
DIV#ColumnLeft{
  width: 487px;
  float: left;
}
DIV#ColumnRight{
  width: 487px;
  float: left;
}
DIV#ColumnFull{
  width: 953px;
  padding-left: 11px;
  float: left;
}
DIV#ContentPad{
  width: 100%; height: 69px;
  background: #fff;
  border-bottom: solid 1px #c2c2c2;
  margin-bottom: 1px;
  clear: left;
}

DIV#FooterWrapper{
  width: 1200px; height: 387px;
  background: url('images/structure/bgFooter.jpg') no-repeat center -2px #4c364d;
  position: relative; left: 50%; margin-left: -600px;
  clear: left;
}
DIV#Footer{
  width: 974px; height: 270px;
  background: url('images/structure/bgFooterContent.jpg') repeat-x 0px 0px #008457;
  border-bottom: solid 1px #4c364d;
  margin-left: 113px;
}
DIV#Footnote{ clear: left; }