/* corporate colours
light bluey grey - Pantone 643C | #c2d3df
darker bluey grey - Pantone 645C | #729abd
*/

a, a:link {
	color:#435B70;	
}

a:visted {
	color:#D2DDE4;	
}
a:hover {
	color:#729ABD;
}
html, body, #page {
  height:100%;
  width:100%;
}

body {
	background-color:#fff;
	color:black;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

html>body, html>body #page {
  height:auto;
}

#head {
  height:25px; 
	/*left:0;*/
  top:0px;
  z-index:10;
}

#breadCrumb {
  height:20px; 
	/*left:0;*/
  z-index:1;
  position:relative;
}


#page {
  left:0;
  position:absolute;
  /*top:45px; /*
  /* see height #head + #breadCrumb* +approx 15px to allow for the h1 tag*/
  z-index:8;
  background:inherit;
}

#head, #breadCrumb, #content, #foot {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  max-width:875px;
  min-width:875px;
  width:875px;
  /*width:expression(document.body.clientWidth < 800? "875px" : document.body.clientWidth > 1024? "875px": "100%"); /* IE's version of min- and max-width */
}

#content {
	z-index:1;
}

* html #page, * html #content  {
  height:100%;
}

* html #page {
  width:auto;
}	

#foot {
  z-index:99;
}


html>body #foot { /* anyone but IE */
  bottom:0;
  /*left:0;
  position:absolute;*/
}	

* html #foot { /* IE */
 /* color:#000;
  margin-left:auto;
	margin-right:auto;
  width:auto;*/
}

abbr {
  cursor: help;
}


* html #rightCol, * html #leftCol {
  /*overflow:hidden; /* keeps columns from getting pushed down when large font sizes cause words to exceed column width in IE6 */
}

#contentWrapper1,
#contentWrapper2,
#midCol, 
#leftCol,
#rightCol {
  min-height:100%;
  z-index:15;
}

#contentWrapper1 {
	width:140px;
}

#contentWrapper2 {
	width:735px;
}

#midCol {
  width:475px;
}
#panelsbywatt #midCol,
#kitsbywatt #midCol,
#freeFind #midCol{
	width:715px;
}
#rightCol {
  width: 240px;
}

#leftCol {
  width: 130px;
}
		
body.r-ms #leftCol {
	width:140px;
}
		
body.r-ms #contentWrapper1 {
  float:left;
}

body.r-ms #contentWrapper2 {
  float:right;
}


body.r-ms #midCol {
  float:left;
}

body.r-ms #rightCol {
 float:right;
}

.hide, .filtered {display:none;}

.clear {
  clear:both;
  margin-bottom: -1px; /* for Gecko-based browsers */
  overflow:hidden;
  padding-bottom: 1px; /* for Gecko-based browsers */
}

.clearfix:after {
  clear: both; 
  content: "."; 
  display: block; 
  height: 0; 
  visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */