/* global styles */

* {margin: 0; padding: 0; font: normal 1em/1.4em arial, helvetica, sans-serif;}
html {background: #d2d9d5;}
body {margin: auto; font-size: 0.8em; background: url("/images/betterways/bg_header.gif") #fff top left no-repeat; color: #032959; width: 850px;}
h1 {font-size: 1.8em; margin: 15px 0px 5px 0px; clear: both;}
h2 {font-weight: normal; font-size: 1.5em; margin: 15px 0px 5px 0px; clear: both;}
h3 {font-weight: bold; font-size: 1.2em; margin: 15px 0px 5px 0px; clear: both;}
h4 {font-weight: bold; margin: 15px 0px 5px 0px; clear: both;}
p {margin: 15px 0;}
ul,ol {padding-left: 25px;}
li {margin: 5px 0px;}
a:link {color: #0000ff;}
a:hover {color: #0000ff;}
a:visited {color: #0000ff;}
a:after {content: "";}
strong,b {font-weight: bold;}
em,i {font-style: italic;}


/* structural style */

.container {position: relative; background: url("/images/betterways/bg_footer.gif") bottom left no-repeat;}
.container.home {background-image: url("/images/betterways/bg_footer_home.gif") !important;}
.header {}
.header .title {padding-top: 35px; width: 480px;}
.header .title img {display: block;}
.header #logo {position: absolute; top: 70px; right: 60px;}
.body {position: relative; min-height: 320px;}
.content {width: 430px; padding: 10px 0px 20px 50px;}
.container.home .content {width: 430px; padding: 10px 0px 10px 50px !important;}

.body .menu {position: absolute; top: 15px; right: 40px;}
.body .menu ul {list-style: none;}
.body .menu ul li {width: 250px; height: 51px; margin: 5px 0px;}

.body .homemenu {position: relative; height: 220px;}
.body .homemenu ul {position: absolute; list-style: none; padding-left: 40px; z-index: 1000;}
.body .homemenu ul li {float: left; margin: 0px 5px; width: 140px; height: 250px;}


.footer {font-size: 0.9em; text-align: right; padding: 15px 40px;}
.footer p {margin: 1px 0px; color: #fff;}
.footer a:link {color: #032959; text-decoration: none;}
.footer a:hover {color: #032959; text-decoration: underline;}
.footer a:visited {color: #0000ff;}

/* menu styles */

.menu ul li a {display: block; height: 51px; text-decoration: none;}
.menu ul li a span {position: absolute; z-index: -1000;}
.nav1 {background: url("/images/betterways/menu_toptips.jpg") no-repeat;}
.nav2 {background: url("/images/betterways/menu_heatcool.jpg") no-repeat;}
.nav3 {background: url("/images/betterways/menu_washdry.jpg") no-repeat;}
.nav4 {background: url("/images/betterways/menu_appliances.jpg") no-repeat;}
.nav5 {background: url("/images/betterways/menu_lighting.jpg") no-repeat;}

.nav1:hover {background: url("/images/betterways/menu_toptips_rollover.jpg") no-repeat;}
.nav2:hover {background: url("/images/betterways/menu_heatcool_rollover.jpg") no-repeat;}
.nav3:hover {background: url("/images/betterways/menu_washdry_rollover.jpg") no-repeat;}
.nav4:hover {background: url("/images/betterways/menu_appliances_rollover.jpg") no-repeat;}
.nav5:hover {background: url("/images/betterways/menu_lighting_rollover.jpg") no-repeat;}


/* home menu styles */

.body .homemenu img {border: none;}
.homemenu .nav1 {background: url("/images/betterways/feature_toptips.jpg") no-repeat;}
.homemenu .nav2 {background: url("/images/betterways/feature_heatcool.jpg") no-repeat;}
.homemenu .nav3 {background: url("/images/betterways/feature_washdry.jpg") no-repeat;}
.homemenu .nav4 {background: url("/images/betterways/feature_appliances.jpg") no-repeat;}
.homemenu .nav5 {background: url("/images/betterways/feature_lighting.jpg") no-repeat;}

.homemenu .nav1:hover {background: url("/images/betterways/feature_toptips_rollover.jpg") no-repeat;}
.homemenu .nav2:hover {background: url("/images/betterways/feature_heatcool_rollover.jpg") no-repeat;}
.homemenu .nav3:hover {background: url("/images/betterways/feature_washdry_rollover.jpg") no-repeat;}
.homemenu .nav4:hover {background: url("/images/betterways/feature_appliances_rollover.jpg") no-repeat;}
.homemenu .nav5:hover {background: url("/images/betterways/feature_lighting_rollover.jpg") no-repeat;}

/* custom content style */

.inset {}
.inset.left {float: left; margin: 5px 10px 10px 0px;}
.inset.right {float: right; margin: 5px 0px 10px 10px;}