/* ********************************************* */
/*  DIMENSIONS                                   */
/*  #mainwrapper - 964 x (minimum)    		 */
/*  #leftnav - 220 x (minimum)                   */
/*  #content - 600 x (minimum)                   */         
/*  #footer - 964 x 35                           */
/* ********************************************* */

/* ***************************************************** MAIN SITE STRUCTURE ************************************************** */

* 
{
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;	
}

body {
  font-size: 62.5%;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #555555;
  background: #EEEEEE;
}

#outer-wrap {
  min-height: 100%; 	
  width: 992px;
  margin: auto;
  margin-bottom: -90px;
  background: url(/WebRoot/ecosmart/img/main_bg.gif) repeat-y;	
} 

#inner-wrap {
  min-height: 100%;
  margin: auto;
  margin-bottom: -90px;
  width: 964px;
  background: url(img/header_bg.jpg) no-repeat;
}

#bristan-logo {
  float: left;
  width: 99%;
  height: 110px;
  text-align: left;
  margin-top: 17px;
}

#leftnav, 
#leftnav-wide {
  float: left;
  display: inline;
  width: 220px;
  min-height: 396px;
  margin-left: 100px;
  margin-top: 8px;
}

#leftnav-wide {
  margin-left: 10px;
}

#content {
  float: left;
  display: inline;
  width: 600px;
  min-height: 400px;
  margin-left: 17px;
  margin-top: 3px;
  margin-bottom: 15px;
}

#footer {
  position: relative;	
  clear: both;
  margin: auto;
  width: 845px;
  min-height: 90px;
  padding-left: 45px;
}

#clearfooter {
  clear: both;
  height: 90px;
}

/* ***************************************************** CLASSES ********************************************************** */

a img {
 border: 0;
}

a {
 color: #68AABA;
 text-decoration: none;
}

a:hover {
 color: #68AABA;
 text-decoration: underline;
}

h1 {
  font-size: 1.1em;
  color: #81AA22;
  display: inline;
}

h2 {
  font-size: 1.0em;
  color: #81AA22;
  display: inline;
}

.content-title,
.content-subtitle {
  float: left;
  width: 99%;
  text-align: left;
  margin-bottom: 10px;
}

.content-subtitle {
  margin-top: 20px;
}

.content-text {
  float: left;
  width: 550px;
  display: inline;
  text-align: left;
  margin-left: 20px;
  margin-bottom: 15px;
  font-size: 1.3em;
}

.content-text ol {
 margin-left: 30px;
}

.content-text ol li {
 margin-bottom: 10px;
}

.content-text p {
 margin-bottom: 10px;
}

.spacer {
  float: left;
  width: 99%;
  height: 15px;
}

/* ***************************************************** LEFTNAV ********************************************************** */

#menu-wrap {
  float: left;
  margin-bottom: 20px
}

.mainmenu {
  list-style: none;
  width: 211px;
  font-size: 0px; /* removes 2px spacing in IE6 */
}

.mainmenu li {
  height: 39px;
  list-style: none;
  background-repeat: no-repeat;
}

.mainmenu li a, .mainmenu li a:visited {
  display: block;
  text-decoration: none;
  height: 39px;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
}

#menu-howtosave a {background-image: url(img/menu_01.gif);}
#menu-howtosave a:hover {background-image: url(img/menu_01a.gif);}
#menu-howtosave.selected a {background-image: url(img/menu_01a.gif);}


#menu-watercalc a {background-image: url(img/menu_02.gif);}
#menu-watercalc a:hover {background-image: url(img/menu_02a.gif);}
#menu-watercalc.selected a {background-image: url(img/menu_02a.gif);}


#menu-showers a {background-image: url(img/menu_03.gif);}
#menu-showers a:hover {background-image: url(img/menu_03a.gif);}
#menu-showers.selected a {background-image: url(img/menu_03a.gif);}


#menu-taps a {background-image: url(img/menu_04.gif);}
#menu-taps a:hover {background-image: url(img/menu_04a.gif);}
#menu-taps.selected a {background-image: url(img/menu_04a.gif);}


#menu-basins a {background-image: url(img/menu_05.gif);}
#menu-basins a:hover {background-image: url(img/menu_05a.gif);}
#menu-basins.selected a {background-image: url(img/menu_05a.gif);}


#menu-fun a {background-image: url(img/menu_06.gif);}
#menu-fun a:hover {background-image: url(img/menu_06a.gif);}
#menu-fun.selected a {background-image: url(img/menu_06a.gif);}


#menu-win a {background-image: url(img/menu_07.gif);}
#menu-win a:hover {background-image: url(img/menu_07a.gif);}
#menu-win.selected a {background-image: url(img/menu_07a.gif);}


#menu-wheretobuy a {background-image: url(img/menu_08.gif);}
#menu-wheretobuy a:hover {background-image: url(img/menu_08a.gif);}
#menu-wheretobuy.selected a {background-image: url(img/menu_08a.gif);}


#promotions {
  float: left;
  margin-bottom: 30px;
}

#share {
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: left;
  color: #68AABA;
  font-size: 1.1em;
}

#share .divider {
  width: 200px;
  height: 1px;
  clear: both;
  margin-top: 3px;
  margin-bottom: 7px;
  font-size: 1px;
  background: url(img/share_divider.gif) repeat-x;
}

/* *************************************************** PAGETITLES ********************************************************* */

h1.pagetitle {
 float: left;
 display: block;
 width: 590px;
 height: 40px;
 text-indent: -9999em;
 overflow: hidden;
}

h1.pagetitle#home {
 background: url(img/titles/title_home.gif) no-repeat;
}

h1.pagetitle#home-suite {
 width: 135px;
 background: url(img/titles/title_home_suite.gif) no-repeat;
}

h1.pagetitle#save-water {
 background: url(img/titles/title_save_water.gif) no-repeat;
}

h1.pagetitle#showers {
 background: url(img/titles/title_showers.gif) no-repeat;
}

h1.pagetitle#flow {
 background: url(img/titles/title_flow.gif) no-repeat;
}

h1.pagetitle#sitemap {
 background: url(img/titles/title_sitemap.gif) no-repeat;
}

h1.pagetitle#contact {
 background: url(img/titles/title_contact.gif) no-repeat;
}

h1.pagetitle#coming-soon {
 background: url(img/titles/title_coming_soon.gif) no-repeat;
}

/* ***************************************************** CONTENT ********************************************************** */

#flash-holder {
  float: left;
  margin-bottom: 20px;
}

#wrap-featured {
  float: left;
  width: 595px;
  text-align: left;
}

#featured-img {
  float: left;
  width: 395px;
  height: 295px;
}

#featured-title {
  float: left;
  width: 195px;
  height: 45px;
}

#featured-text {
  float: left;
  width: 180px;
  padding-left: 15px;
  margin-top: 5px;
  font-size: 1.2em;
  line-height: 1.2em;
}

.prod-wrap {
  float: left;
  width: 595px;
  text-align: left;
  margin-bottom: 5px;
}

.prod-img {
  float: left;
  width: 150px;
}

.prod-text {
  float: left;
  width: 430px;
  margin-left: 15px;
  margin-top: 15px;
  font-size: 1.3em;
}

ul#sitemap-list {
 list-style-image: url(img/list_item.gif);
}

ul#sitemap-list li a {
 color: #68AABA;
 text-decoration: none;
}

ul#sitemap-list li a:hover {
 color: #68AABA;
 text-decoration: underline;
}

#flashholder {
 float: left;
 display: inline;
 width: 725px;
 height: 710px;
 margin-bottom: 10px;
}

/* ***************************************************** FORMS ********************************************************** */

.win-form {
  float: left;
  width: 595px;
  text-align: left;
}

fieldset.win-set {
  margin: 0;
  padding: 0;
  border: none;
}

fieldset.win-set legend {
  display: none;
}

.win-form label {
  float: left;
  width: 180px;
  height: 20px;
  line-height: 20px;
  margin-left: 20px; 
  font-size: 1.2em;
  color: #85AA30;
}

.wide-label {
  float: left;
  width: 90%;
  height: 20px;
  line-height: 20px;
  margin-left: 20px; 
  font-size: 1.2em;
  color: #85AA30;
}

.hide-label {
  visibility: hidden;
}

.wrap-error {
  float: left;
  width: 385px;
  margin-bottom: 5px;
  padding-top: 4px;
  padding-left: 4px;
  text-indent: 4px;
  font-size: 1.1em;
  color: #FF0000;
  background: url(img/error_bg.gif) repeat;
}

.wrap-no-error {
  float: left;
  width: 385px;
  padding-top: 0px;
  padding-left: 4px;
}

.field-required {
  float: left;
  width: 10px;
  height: 20px;
  font-size: 1.3em; 
  color: #FF0000;
}

.wrap-input input {
  float: left;
  width: 180px;
  height: 20px;
  padding-top: 4px;
  background: url(img/input_bg.gif) repeat-x;	
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 1.1em; 
  color: #777777;
  border: none;
}

.wrap-input-sml input {
  float: left;
  width: 50px;
  height: 20px;
  padding-top: 4px;
  background: url(img/input_bg.gif) repeat-x;	
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 1.1em; 
  color: #777777;
  border: none;
}

.wrap-left {
  float: left;
  width: 10px;
  height: 20px;
  background: url(img/input_bg_left.gif) no-repeat;
}

.wrap-right {
  float: left;
  width: 10px;
  height: 20px;
  background: url(img/input_bg_right.gif) no-repeat;
}

.wrap-radio {
  float: left;
  width: 150px;
  margin-top: 1px;	
}

.radio-answers {
  float: left;
}

.radio-answers input {
  float: left;
  height: 20px;
}

.radio-answers label {
  float: left;
  clear: none;
  width: 39px;
  height: 20px;
  margin-left: 2px;
  line-height: 20px; 
  font-size: 1.1em; 
  color: #777777;
}

.radio-answers label.radio-sml {
  width: 50px;
}

.radio-answers label.radio-med {
  width: 75px;
}

.radio-answers label.radio-wide {
  width: 85px;
}

.radio-answers label.radio-large {
  width: 95px;
}

.radio-answers label.radio-xxl {
  width: 110px;
}

.wrap-wide {
  float: left;
  width: 385px;
  margin-top: 1px;	
}

.wrap-wide-high {
  float: left;
  width: 385px;
  margin-top: 20px;	
}

.win-form label.comp-question {
 width: 590px;
 font-size: 1.3em;
}

#comp-question-wrap {
 float: left;
 width: 590px;
 margin-left: 20px;	
}

/* ***************************************************** FOOTER ********************************************************** */

#shadow-left {
  float: left;
  width: 25px;
  height: 18px;
  background-image: url(img/footer_left.gif);	
}

#shadow-mid {
  float: left;
  width: 795px;
  height: 18px;
  background: url(img/footer_mid.gif) repeat-x;	
}

#shadow-right {
  float: left;
  width: 25px;
  height: 18px;
  background-image: url(img/footer_right.gif);	
}

#footer-logos {
  float: left;
  width: 99%;
  text-align: right;
}

#footer-logos .logos {
  float: right;
  display: inline;
  margin-right: 20px;
}

#footer-links {
  float: left;
  width: 99%;
  text-align: left;
  margin-left: 10px;
  color: #68AABA;
  font-size: 0.9em;
}

#footer-links a {
  color: #68AABA;
  text-decoration: none;
}

#footer-links a:hover {
  color: #68AABA;
  text-decoration: underline;
}

#copyright {
  float: left;
  width: 99%;
  text-align: left;
  margin-left: 10px;
  color: #B8B8B8;
  font-size: 0.9em; 
}

/* ***************************************************** IE7 HACKS ********************************************************** */

/* Pushes #inner-wrap above #footer */
*:first-child+html #inner-wrap {
 margin-bottom: 0;	
}

/* reduces IE's extravagant radio label spacing */
*:first-child+html .radio-answers label {
 margin-left: 0;
}

/* ***************************************************** IE6 HACKS ********************************************************** */

/* Counters the min-height set on #outer-wrap */
* html #outer-wrap {
  height: 100%;
}

/* Counters the min-height set on #inner-wrap */
* html #inner-wrap {
  height: 100%;	
}

/* Counters the min-height set on #leftnav */
* html #leftnav,
* html #leftnav-wide {
  height: 396px;
}

/* Counters the min-height and pushes #content above #footer */
* html #content {
  height: 400px;
  margin-bottom: 100px;
}

/* Counters the min-height set on #footer */
* html #footer {
  height: 90px;
}

/* Remove double-margin effect */
* html #share {
  margin-left: 5px;
}

* html .wide-label,
* html #comp-question-wrap {
  margin-left: 10px;
}

/* reduces IE's extravagant radio label spacing */
* html .radio-answers label {
  margin-left: 0;
}

/* For transparent png images */
* html img,
* html .png {
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}