body { margin:0; background:url(../images/bkg.jpg) repeat-y center top #f1f1f1; }
#footer { clear: both; padding:1.5em 3em;   border-top: 1px solid #ddd; color:#595959; }
#footer a{ color:#595959; } #footer a:hover{ color:#000; }
#footer ul{ list-style:none; margin:0; clear:both; }
#footer ul li{ float:left; margin:0 20px 0 0;}
.container{ width: 950px;} 
 
div.pushleft{ position:absolute; margin-left:-360px; padding-bottom:130px; margin-top:72px; width:300px; }
body {  
	font-size: 75%; 
	color: #222; 
	font-family: "Microsoft Sans Serif","Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

h1,h2,h3,h4,h5,h6 { 
	color: #111;
    font-family: "Microsoft Sans Serif","Helvetica Neue", Helvetica, Arial, sans-serif; 
}


h1,h2 {  font-size: 1em; font-weight: normal; margin:0 -10px 1.5em -10px; padding:0 10px 0 10px; line-height:1.5; text-transform:uppercase; background:#000; color:#fff;   clear: both;  float: none; }

h3 {  font-size: 1.5em; font-weight: normal;line-height:1; letter-spacing:0px; color:#3F3F3F; }
h4 { 	color:#747474;  }

div#greybar { background: #eee; text-align: center; padding: 5px; margin: -5px 0 10px 0; }


/* HOMEPAGE */

.hideme{ position:absolute; top:-200px;}
img#homeh1{ margin:0 0 0 -10px;}
img#htherm{ margin:0 10px 0 10px; } img#hhydro{ margin:0 10px 0 10px; }
h1#intro{ background:none; color:#000; letter-spacing:-1px; text-transform:none; font-size:1.5em; line-height:1.2; margin:0 0 .75em 0; padding:0;}
img#homecalib{ margin:18px 0 -50px -10px; float:left; padding-bottom: 20px; }

p.hpicon { clear: left; }
p.hpicon img { margin: 0 7px 0 0; }


/* STATIC PAGE STYLING */
#static p, #static ul { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

img.static-image, img.static-image-100{ position: absolute; margin-left: -370px; }
img.static-image-100 { position: absolute; margin-left: -170px; }
img.static-image-150 { position: absolute; margin-left: -240px; }
img.static-image-down { position: absolute; margin-left: -370px; margin-top: 100px; }
div.static-indent { padding-left: 140px; }
div.static-indent2 { padding-right: 140px; }
div.static-indent3 { padding-left: 200px; }

/* LINKS */
a { color:#DA2126;}
a:hover{  color:#ff0007;}
.center{text-align:center;}

/* NAVIGATION STYLING */
ul#topnav { background:#000; list-style:none; padding:5px 10px 5px 0; margin:0; height:1%; overflow:hidden; }
ul#topnav li { display:block; float:right; line-height:1; padding:0; margin:0; }
ul#topnav li a { color:#fff; display:block;  padding:2px 10px 4px 10px;  text-decoration:none; }
ul#topnav li a.select { background:#DA2126; }
ul#topnav li a:hover { background:#DA2126; }

#shopOnlineText { display: none; position: absolute; margin: 0 0 0 400px; color: #fff; background: url(../images/hintboxtop.gif) top center no-repeat #DC2228; width: 100px; padding: 25px 10px 10px 10px; z-index: 1050; }


#logo{ position:absolute; margin:18px 0 0 30px;}
#tel{ position:absolute; margin:34px 0 0 360px;}

#icon{ position:absolute; margin:18px 0 0 870px ;}

div#header { height:88px; border-bottom: 1px solid #DDDDDD;}
div#sidebar {  margin-top:22.6em; }
div#content { margin-top:18px; margin-bottom:3em;}

ul#prodnav, ul.subnav{ list-style:none; margin:0 0 0 -10px; position: absolute; top: 156px; padding: 0 0 0 0; }
ul#prodnav li, ul.subnav li{ display:block; width:160px;  } 
ul#prodnav li a, ul.subnav li a{ color:#F00; display:block; padding:0 10px 0 10px; margin:0; line-height:3em; }
ul#prodnav li a:hover, ul.subnav li a:hover{ background:#DA2126; color:#fff;   }
ul#prodnav li a.select, ul.subnav li a.select{ background:#000; color:#fff;   }

ul.subnav { margin-left: 160px; display: none; }

div#subnav-homehint{ background: url(../images/hintboxbot.gif) bottom left no-repeat #DC2228; width:110px; margin-left: 170px; padding:.75em 10px 20px 10px; position: absolute; top: 126px; color:#fff;  display: none;}

/* SEARCH BAR */
div#sitesearch{  padding: 13px 0 0 630px; margin:0; position:absolute;}

#sitesearch input{  width:7em; color:#000; float:left; border:1px solid #000; margin:0 5px 0 0;}

/* "DID YOU KNOW?" INFORMATION BOX */
div#content .information-thermo p { text-align:center; padding:0 0 1.5em 0; border-bottom:solid 1px #DDDDDD; }
div#content .information-thermo { background: url(../images/info_thermo.jpg) center 13px no-repeat; padding:3.5em 10px 0 10px;  margin:0 -10px 0 -10px;  border-top:solid 1px #DDDDDD;}

div#content .information-hydro p { text-align:center; padding:0 0 1.5em 0; border-bottom:solid 1px #DDDDDD; }
div#content .information-hydro { background: url(../images/info_hydro.jpg) center 13px no-repeat; padding:4em 10px 0 10px;  margin:0 -10px 0 -10px;  border-top:solid 1px #DDDDDD;}

div#content .information-spirit p { text-align:center; padding:0 0 1.5em 0; border-bottom:solid 1px #DDDDDD; }
div#content .information-spirit { background: url(../images/info_spirit.jpg) center 13px no-repeat; padding:3.5em 10px 0 10px;  margin:0 -10px 0 -10px;  border-top:solid 1px #DDDDDD;}


.adbox{ background:#f3f3f3;}

/* button styles */
a.button, button {

  padding:5px 10px 5px 7px;   /* Links */
  background-color:#000;
  font-size:1em;
  line-height:130%;
  font-weight:normal;
  color:#fff;
  border:1px solid #000;
  
}
button {
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:1px 10px 2px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:1px 10px 0px 7px;   /* IE7 */
}
/* Standard */
button:hover, a.button:hover{
  background-color:#DA2126;
  border:1px solid #9d181b;
  color:#FFF;
}
button.bselected, a.bselected{
  background-color:#DA2126;
  border:1px solid #9d181b;
  color:#FFF;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

strong{ font-weight:normal; background:#3F3F3F; padding:1px 4px 4px 4px;color:#fff;}

div#page-keywords { border: 1px solid #CCCCCC; padding: 5px; margin-bottom: 10px; }

/* Site Search Specific */

div.results-table { padding-top: 1em; }
div.results-table p.results-row { clear: both; border-bottom: 1px solid #ccc; margin-top: -10px; padding-bottom: 8px; }
div.results-table span.head { font-weight: bold; }
div.results-table span.col1 { display: block; width: 240px; float: left; }
div.results-table span.col2 { display: block; float: left; }

/* Support/Downloads Specific */

ul#spec-sheets { list-style: none; margin: 0 0 1.5em 0; }
ul#spec-sheets li { cursor: pointer; background: #ccc; margin-bottom: 5px; padding: 5px; }
ul#spec-sheets ul,
ul.spec-list { list-style-image: url("../images/file.gif"); font-size: 100%; margin: 9px 0 9px 25px; }
ul#spec-sheets ul li { padding: 0; }
p#click-text { display: none; }

/* Gokit core styles -- ignore below this line */

a.gridhookoff { display: none; }
.grid { background: url(blueprint/lib/grid.png); }

.error{ background:#ff6550; border:1px solid #CC1717; padding:10px; width:60%; color:#fff; margin: 1em auto 1em auto; }
.msg{ background:#FFF6DC; border:1px solid #EFE5C7; padding:10px; width:60%; margin: 1em auto 1em auto; }

div#devfooter  { background:#F8F8F8; color:#666666; text-align: center; margin: 3em 0 0 0; padding:1.5em; }

div#devfooter #debug { text-align:left; }

div#loginform { width: 260px; margin: auto; }
div#loginform div { margin-bottom: 5px; }
div#loginform button { margin-left: 100px; }