body { margin:0; background:url(../images/bkg.jpg) repeat-y center top #f1f1f1;  background:url(../images/homeBkgPhoto.jpg) repeat-y center top #fff; }
#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 0px 0; }


/* HOMEPAGE */



/* Calibration banner */

div#calibrationHomeBanner{ background:url(../images/homeBkg-1.jpg) no-repeat; width:570px; padding:30px 0; margin:0 0 0 -10px;}
div#calibrationHomeBanner h1, div#calibrationHomeBanner h2{ background:none; color:#000; text-transform:none; color:#000; padding:10px 20px 0 140px; text-align:right; font-size:20px; line-height:30px; margin:0; }
div#calibrationHomeBanner h1 strong{ background:none; padding:10px 0 30px 0; font-size:40px; display:block; line-height:40px; letter-spacing:-1px;}
div#calibrationHomeBanner h1 a{font-weight:bold; line-height:45px;}

div#calibrationHomeBanner h1 a.button{ float:none; display:inline; width:120px; font-size:17px; font-weight:normal; padding:10px; line-height:14px; text-align:center;}

div#calibrationHomeBanner h2{ padding:10px 20px 20px 0; line-height:20px;}

div#thermometerCatalogueBanner{ width:570px; background:#abcfdb; margin:20px 0 0 -10px; text-align:center;}
div#thermometerCatalogueBanner img{ margin:10px auto 5px auto;}
div#thermometerCatalogueBanner h2{ text-transform:none; background:none; color:#000; padding:0 20px 20px 20px; font-size:16px; line-height:20px}

div#calibrationHomeBanner2{ padding:20px 10px; background:#d1e5cc; margin:0px -10px; }
div#calibrationHomeBanner2 h2{ background:none; text-transform:none; margin:0; color:#000; font-size:18px; text-align:center;}

h3#negeleBanner {  text-transform:none; margin:0;font-size:16px; text-align:center; background:#6DBA64; padding:10px;  margin:0px -10px 20px -10px; line-height:20px;}
h3#negeleBanner a{ color:#fff;}

.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; }
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; }



/* Calibration page */

div#calibration div#thermometersCol, div#calibration div#hydrometersCol, div#calibration div#rhCol, div#calibration div#otherCol{ width:413px; margin:0; }
div#calibration h1{ margin:0 0 20px 0; background:none; color:#3F3F3F; font-size:18px; padding:0 0 4px 0; text-transform:none;border-bottom:2px solid #3F3F3F; width:100%;}

div#calibration div.halfCol{ width:200px;}

div#calibration div.halfSpacerCol{ width:13px; float:left;}

a.seeTestCert{ font-size:11px; text-align:center;}

div#ukasBar{ }
div#ukasBar h4{ padding:18px 0 18px 50px; margin:20px 0 20px 100px; border-top:2px solid #999;  border-bottom:2px solid #999;}


div.spacerCol{ width:40px; float:left;}
/* end Calibration page */


/* LINKS */
a { color:#365ff2;}
a:hover{  color:#f365ff207;}
.center{text-align:center;}

/* NAVIGATION STYLING */
ul#topnav { background:#DC2126; list-style:none; margin:0; padding:0; height:1%; overflow:hidden; text-align:center; font-size:14px; }
ul#topnav li {  padding:0; margin:0; display:inline; }
ul#topnav li a { color:#fff;  padding:5px 10px; text-decoration:none; }
ul#topnav li a.select { background:#000; }
ul#topnav li a:hover { }

#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:19px 0 0 310px;}
#icon{ position:absolute; margin:18px 0 0 870px ;}
#andersonCredit{ position:absolute; margin:14px 0 0 695px; }
#andersonCredit img{ display:block; margin:0 0 0 -3px; }

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

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


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

ul#prodnav{ list-style:none; margin:0 0 0 -10px; padding: 0 0 0 0; }
ul#prodnav li{ display:block;  margin-bottom:3px;  } 
ul#prodnav li a img{ display:inline; vertical-align:middle; margin:0 20px 0 0;}
ul#prodnav li a{
	width:300px;
background: #f2f5f6; /* Old browsers */
background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
background: linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
   padding: 10px;
   line-height:60px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   text-shadow: 1px 1px 2px #ebebeb;
   filter: dropshadow(color=#ebebeb, offx=1, offy=1);
   color: #474452;
   text-decoration: none;
   vertical-align: middle;
   display:block;
   border: 1px solid #c7c7c7;  
}

ul#prodnav li a span{ position:absolute; display:block; margin:-18px 0 0 80px; font-size:10px; line-height:0;}

ul#prodnav li a:hover{
   border-top-color: #6e98e0;
   background: #6e98e0;
   color: #4d4d4d;	
}
ul#prodnav li a:active{
	background: #187ec2;	
}
ul#prodnav li a.select{ background:#187ec2; color:#fff;   }



/* "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:#365ff2;
  border:1px solid #9d181b;
  color:#FFF;
}
button.bselected, a.bselected{
  background-color:#365ff2;
  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; }

img#brochureIcon{ position:absolute; margin:0 0 0 330px;}

/* 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; }


/* product cats */

div.productCat{ float:left; margin:10px;}
div.productCat a{ width:230px; display:block; text-align:center; text-decoration:none; padding:1em 0;
background: #f2f5f6; /* Old browsers */
background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
background: linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
} 
div.productCat a strong{ font-weight:normal; background:none; color:#000; display:block; font-size:1.5em;}
div.productCat a img{ width:200px; height:200px;} 

div.productCat a span{ -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}

div.productCat a:hover span{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;	
}

h3#ukasBanner{ background:#53A1F0; float:left; width:510px; text-align:center; }

h3#ukasBanner span{ padding:0 30px; line-height:77px;  }
h3#ukasBanner a{ width:100%; height:100%; display:block; color:#fff;  }
h3#ukasBanner a img{ display:inline; margin:-2px 0 0 0; vertical-align:middle; text-decoration:none; }

h3#ukasBanner a:hover{ background:#187EC2;}

div#pagefind{ margin-top:20px;}

.append-1 p { clear: both; }
