body { background:#131f3e; font-family:Arial, helvetica, sans-serif; font-size:80%; color:#fff; margin:0; min-width:999px }

a { color:#fac22b; text-decoration:none }
a:hover { color:#e75a00 }
img { border:0 }
h1 { margin:0 0 5px; font-size:140%; color:#fc6f15 }
h1 a { color:#fc6f15; text-decoration:none }
h1 a:hover { color:#75a9ed }
h2 { margin:0; padding:0; font-size:110%; color:#fc6f15 }
h3 { font-size:100%; color:#fac22b }
hr { height:1px; border:0; color:#999999; background:#999999 }

#logo { position:absolute; z-index:1; left:50px; top:46px; width:190px; height:190px }

#header { width:100%; height:100px; background:#131f3e url(/graphics/header/bg.gif) 0 100% repeat-x; text-align:right }
#mainmenu { padding:62px 25px 0 230px; font-size:110%; text-align:right }
#mainmenu a { margin-left:14px; color:#fb8316; font-weight:bold; text-decoration:none }
#mainmenu a:hover, #mainmenu a.on { color:#75a9ed }

#contentlayout { padding:0 25px 0 70px; text-align:left; background:#1f3367 url(/graphics/bg.jpg) 0 100% repeat-x }
#content { padding-bottom:25px }
#content .introarea { float:left; width:270px; padding-top:150px; font-size:105%; line-height:180% }
#content .introarea strong { font-size:120% }

.homepage_products { position:absolute; width:100%; padding-top:10px; text-align:right }
.homepage_products img { margin:0 25px 0 75px }

.news { margin-top:15px; font-size:90% }
.news h2 { font-size:100%; color:#fac22b; font-weight:normal }
.news .story { float:left; width:145px; margin-right:20px }
.news .story p { margin-top:0; line-height:115% }
.news .story a { padding-right:10px; background:url(/graphics/arrow.gif) 100% 50% no-repeat }
.news .story .link { color:#e75a00; text-decoration:none }
.news .story .link:hover { color:#fac22b }
.newsphoto { float:right; margin:0 0 20px 20px }


.body { padding-left:320px }
.infopage { padding-top:20px }
.infopage p { margin:0 0 20px; padding:0 }
.infopage table { cellspacing:5px }
.infopage td { padding:5px }

.productcolumns { float:right; padding:0 15px; width:28%; text-align:center }
#producttypes { margin-bottom:10px; padding:6px 0 }
html>body #producttypes { margin-bottom:30px }
#producttypes a.winter_on, #producttypes a.winter_off:hover { padding:10px 25px 10px 35px; color:#e0e8fe; background:url(/graphics/products/icon-winter-on.gif) 0 50% no-repeat }
#producttypes a.winter_off { padding:10px 25px 10px 35px; color:#6c7ba3; background:url(/graphics/products/icon-winter-off.gif) 0 50% no-repeat }
#producttypes a.summer_on, #producttypes a.summer_off:hover { padding:10px 25px 10px 35px; color:#ffcd00; background:url(/graphics/products/icon-summer-on.gif) 0 50% no-repeat }
#producttypes a.summer_off { padding:10px 25px 10px 35px; color:#79713e; background:url(/graphics/products/icon-summer-off.gif) 0 50% no-repeat }
#producttypes a.gas_on, #producttypes a.gas_off:hover { padding:10px 0 10px 21px; color:#47b5ec; background:url(/graphics/products/icon-gas-on.gif) 0 50% no-repeat }
#producttypes a.gas_off { padding:10px 0 10px 21px; color:#2f679c; background:url(/graphics/products/icon-gas-off.gif) 0 50% no-repeat }
.productgroup { padding:10px; border:1px solid #7e93af }

.backto { margin:25px 0 }
.backto a { padding-left:12px; color:#e0e8fe; background:url(/graphics/arrow-left.gif) 0 50% no-repeat }
.backto a:hover { color:#fff; text-decoration:underline }

.product { float:left; width:135px; margin:0 30px 30px 0; text-align:center }
.productgroup .product { float:none; width:100%; margin-right:0 }
.product img { margin-bottom:10px }
.product a { color:#d2d6e1 }
.product a:hover { color:#fc6f15 }

.category_intro { float:right; padding-right:20px }

#productpage img { float:right }
#productpage li { margin-right:30px; line-height:200% }

#contactdetails {position:absolute; margin-top:20px; padding:10px; background:#1f3367 }

#footer { font-size:80%; color:#2c4587; margin:15px 0 0 70px }
#footer a { color:#2c4587; text-decoration:underline }
#footer a:hover { color:#e75a00 }


.right { float:right }
.center { text-align:center }
.clear { clear:both; height:0; line-height:0; font-size:1%; /*for IE*/ }
.clear_left { clear:left; height:0; line-height:0; font-size:1%; /*for IE*/ }
.clear_right { clear:right; height:0; line-height:0; font-size:1%; /*for IE*/ }


#trace, .trace { border:solid 1px #ff0000 }