/**
 * Client: HeatKing Renewable Energy
 * Author: Lee Turver (Microworld Yorkshire Ltd)
 */

body { 
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, Sans-seif;
	font-size: 0.8em;
	color: #666666;
	text-align: center;
}
img { border: 0; }
/**
 * Page Titles
 */
 h2 { color: #a92a30; font-weight: normal; font-size: 1.9em; }
 h5.title { font-size: 1.2em; }
 a { color: #a92a30; }
h3 a { text-decoration: none; }

 /**
 * General Styles
 */
 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 a.button { width: 80px; height: 22px; display: block; text-align: center; line-height: 22px; background: #a92a30; color: #fff; font-weight: bold; text-decoration: none; }
 a.red { text-decoration: none; }
.flt-right { float: right; }
.flt-left { float: left; }
.rdBg { background: #a92a30; color: #fff; padding: 3px; margin-top: 5px; }
.grnLink { color: #88a703; font-weight: bold; }
.bold { font-weight: bold; }

 /**
  * Page Styles
  */
div#container { 
	width: 960px; 
	margin: 0 auto;
	text-align: left;
}

div#header {
	width: 100%;
	padding-top: 15px;
}
	/* Sub Styles */
	div#header div#banner {
		height: 185px;
		width: 960px;
		overflow: hidden;
	}
	div#header div#navigation {
		height: 60px;
		background: url('images/bg_nav.png') top left no-repeat;
	}
	
		div#navigation ul#pri {
			margin: 0; padding: 0; float: left; padding-top: 25px; padding-left: 25px;
		}

		div#navigation ul#pri li {
			list-style-type: none;
		}
		div#navigation ul#pri li.headLink {
			position: relative;
			float: left;
			padding-bottom: 19px;
		}

		div#navigation ul#pri li a {
			color: #666666;
			text-decoration: none;
			font-weight: bold;
			margin-right: 33px;
		}
		
		div#navigation ul#pri li a:hover {	color: #999999; }

		div#navigation ul#pri li.headLink ul {
			width: 230px; 
			margin: 0; 
			padding: 0; 
			position: absolute; 
			top: 100%; 
			left: 0; 
			padding-bottom: 9px;
			background: url('images/dropdown_pane.png') 0 100% no-repeat;
			padding-top: 10px;
			z-index: 100;
		}
		div#navigation ul#pri li.headLink ul li { color: #fff; text-align: left; background-color: transparent; padding: 5px 0 5px 0; }
		div#navigation ul#pri li.headLink ul li:hover a { 
			color: #fff;
			font-weight: bold;
		}
		div#navigation ul#pri li.headLink ul li:hover { 
			 background-color: #a92a30;			 
			 border: solid 1px #ddd;
		}
		div#navigation ul#pri li.headLink ul li a { 
			color: #666666; 
			padding: 4px 5px 4px 12px; 
			font-size: 0.85em; 
			font-weight: normal; 
		}
		div#navigation ul#pri li.headLink ul li a:hover { 
			 font-weight: bold;
			 color: #fff;
		}
		
		/* Drop Down Bit */
		
		div#navigation ul#pri li.headLink ul { display: none; }
		div#navigation ul#pri li.headLink:hover ul { display: block; }
	
div#who_are_you {
	padding: 10px 0 10px 0;
}
	/* Sub Styles */
	div#who_are_you ul {
		font: 11px Arial, Helvetica, sans-serif;
		background: url('images/bc_bg.png') top left repeat-x;
		height:30px;
		line-height:30px;
		color:#9b9b9b;
		border:solid 1px #cacaca;
		width:100%;
		overflow:hidden;
		margin:0px;
		padding:0px;
	}
	div#who_are_you ul li {
		list-style-type:none;
		float:left;
		padding-left:10px;
	}
			
	div#who_are_you ul li a {
		width: 80px;
		text-align: center;
		height:30px;
		display:block;
		background: url('images/bc_separator.png') right no-repeat;
		padding-right: 15px;
		text-decoration: none;
		color:#454545;
	}
	div#who_are_you ul li a:hover {
		font-weight: bold;
	}
	
	div#who_are_you ul li.whoNav { text-align: center; height: 30px; background: url('images/bc_separator.png') right no-repeat; width: 75px; font-weight: bold; color: #e31937; padding-right: 25px; }
	div#who_are_you ul li img.home {
		border: none;
		margin: 8px 0px;
		padding-right: 10px;
	}
	
div#footer {
	width: 100%;
	height: 60px;
	background: url('images/footer_bg.png') top left no-repeat;
	clear: both;
	float: left;
	margin: 15px 0 20px 0;
}	
	div#footer p { 
		color: #fff; 
		text-align: center; 
		margin-left: 80px; /* TEV Logo Offset */
		font-size: 0.85em;
	}
	div#footer p a { color: #fff; text-decoration: none; }

div#who-icons { padding-top: 10px; }
div#who-icons div.icon {
	padding-right: 20px;
	padding-bottom: 20px;
	float: left;
}
div#who-icons div.last {
	padding-right: 0px;
}

div.red-banner {
	clear: both;
	background: #a92a30;
	height: 25px;
}
	div.red-banner p {
		color: #fff;
		font-weight: bold;
		line-height: 25px;
		padding-left: 10px;
	}
	
/*********************************
****** Column Layout Styles ******
**********************************/

div.col3-layout {
	width: 100%;
}

div.col3-layout div.col-left {
	width: 230px;
	float: left;
}

div.col3-layout div.col-right {
	width: 230px;
	float: right;
}

div.col3-layout div.col-main {
	float: left;
	width: 460px;
	padding: 0 20px 0 20px;
}

/* ******************************** */

div.col2-left-layout {
	width: 100%;
}

div.col2-left-layout div.col-left {
	width: 230px;
	float: left;
}

div.col2-left-layout div.col-main {
	float: left;
	width: 710px;
	padding-left: 20px;
}

/* ******************************** */

div.col2-right-layout {
	width: 100%;
}

div.col2-right-layout div.col-right {
	width: 230px;
	float: right;
}

div.col2-right-layout div.col-main {
	float: left;
	width: 710px;
	padding-right: 20px;
}

/*********************************
******** Column Box Styles *******
**********************************/
div#rotateNews {
	height: 200px;
}
div#rotateCase {
	height: 200px;
}
div#rotateNews div, div#rotateCase div {
	padding-left: 5px;
}

div.col-box {
	width: 230px;
	float: left;
	padding-bottom: 10px; 
}
	/* Sub Styles */
	div.col-box div.head {
		width: 230px;
		height: 43px;
		background: url('images/col-box_head.png') top left no-repeat;
		float: left;
	}
		div.col-box div.head h5 {
			color: #a92a30; font-weight: bold; margin: 0; padding: 15px 0 0 15px;
		}
	
	div.col-box div.content {	
		float: left;
		width: 218px;
		padding: 5px;
		border-left: 1px solid #c9c9c9;
		border-right: 1px solid #c9c9c9;
		border-bottom: 1px solid #c9c9c9;
		font-size: 0.85em;
	}
		div.col-box div.content h6 {
			color: #a92a30; font-weight: normal; margin: 0; padding: 0; font-size: 1.0em; padding-top: 5px;
		}

div.col-box div.want-to-know-more {
	background: url('images/sidebar_bg_wtnm.jpg') bottom left no-repeat;
}
div.col-box div.want-to-know-more ul {
	padding: 0; margin: 0 0 30px 95px;
}
div.col-box div.want-to-know-more ul li {
	list-style-type: none;
	font-weight: bold;
	color: #a92a30;
	padding-bottom: 3px;
}

div.col-box div.design-service {
	height: 170px;
	background: url('images/sidebar_bg_ds.jpg') bottom left no-repeat;
}

/*********************************
****     Form Styles       *******
**********************************/

form.sidebar-form {
	margin: 0;
	padding: 0;
	width: 210px;
}

form.sidebar-form div {
	clear: both;
	display: block;
	padding-left: 2px;
}

form.sidebar-form div label {
	clear: both;
	display: block;
	font-weight: bold;
	padding: 3px 0 3px 0;
}

form.sidebar-form input.inputText {
	border: #ccc 1px solid;
	background: #fff url('images/input-text-bg.png') repeat-x left top;
	width: 185px;
	padding: 3px 20px 3px 3px;
	color: #a92a30;
	font-size: 1em;
}

form.sidebar-form input.submitButton {
	width: 80px; 
	height: 22px; 
	display: block; 
	text-align: center; 
	line-height: 22px; 
	background: #a92a30; 
	color: #fff; 
	font-weight: bold;
	border: 0;
	font-size: 1em;
	font-family: Arial, Tahoma, Verdana, Sans-seif;
	float: right;
	margin: 10px 0 5px 0;
}


form.std-form {
	margin: 0;
	padding: 10px 0 0 20px;
}

form.std-form div {
	clear: both;
	display: block;
	padding-left: 2px;
}

form.std-form div label {
	font-weight: bold;
	padding: 3px 10px 3px 0;
}

form.std-form input.inputText {
	border: #ccc 1px solid;
	background: #fff url('images/input-text-bg.png') repeat-x left top;
	width: 185px;
	padding: 3px 20px 3px 3px;
	color: #a92a30;
	font-size: 1em;
}

form.std-form input.submitButton {
	width: 80px; 
	height: 22px; 
	text-align: center; 
	line-height: 22px; 
	background: #a92a30; 
	color: #fff; 
	font-weight: bold;
	border: 0;
	font-size: 1em;
	font-family: Arial, Tahoma, Verdana, Sans-seif;
	margin-left: 10px;
}

/*
	Form Validation  Errors
*/
div#rsvErrors {
	background-color: #ffffcc;
	border: 1px solid #aa0000;
	color: #aa0000;
	margin-bottom: 15px;
}

div.inst-src-list { padding-bottom: 20px; }
div.border-red { border: 1px solid #ff0000; padding: 10px; }

div.domestic-product { clear: both; }
div.domestic-img { width: 210px; float: left; padding-right: 10px; border-right: 1px dashed #000; margin-right: 30px; }
div.domestic-text { padding-top: 50px; }
div.domestic-text h4 a { color: #a92a30; text-decoration: none; }

div.product-brochure { clear: both; }
div.brochure-img { width: 125px; float: left; padding-right: 20px; border-right: 1px dashed #000; margin-right: 30px; }
div.brochure-text { padding-top: 30px; }
div.brochure-text h4 a { color: #a92a30; text-decoration: none; }

 h4.pTitle a { color: #a92a30; font-weight: normal; font-size: 1.4em; }
 h4.pTitle a small { font-style: italic; font-size: 0.6em; }
 
 .case_study_item { float: left; clear: both; margin-bottom: 25px; }
 .case_image { width: 300px; float: left; }
 .case_image img { border: 3px solid #ccc; }
 
 /***********************************************/

#generalform form{
  margin: 0;
  padding: 0;
  font-size: 100%;
  width: 100%;

}

#generalform form fieldset {
  clear: both;
  width: 420px;
  font-size: 100%;
  border-color: #d2d2d2;
  border-width: 1px;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

#generalform form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #a92a30;
  margin: 0 0 0 0;
  padding: 0 5px;
}

/************************************************/

#generalform label {
  font-size: 100%;
}

#generalform input, select, textarea {

  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

#generalform textarea {
  overflow: auto;
}

#generalform form div {
  clear: left;
  display: block;
  width: 90%;
  height: expression('1%');
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

#generalform form div fieldset {
  clear: none;
  margin: 0 0 0 20%;
  padding: 0 5px 5px 5px;
  width: 90%;
}

#generalform form div.required label {
	font-weight: bold;
}

#generalform form div label {
  display: block;
  float: left;
  width: 100px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

#generalform form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  height: expression('1%');
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

#generalform form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
 margin: 0 0 5px 0;
  width: 210px;
}


#generalform form div select, form div textarea {
  width: 210px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

#generalform form div input.inputText, form div input.inputPassword {
  width: 210px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

#generalform form div select.selectOne, form div select.selectMultiple {
  width: 210px;
  padding: 1px 3px;
}

#generalform form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

#generalform form div.submit div {
  display: inline;
  float: right;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

#generalform form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  width: auto;
  padding: 0 6px;
  margin: 0;
}

#generalform form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

#generalform form div small {
  display: block;
  margin: 0 0 5px 115px;
  padding: 1px 3px;
  font-size: 80%;
  height: expression('1%');
}

.cert { width: 150px; float: left; padding-right: 15px; padding-left: 15px; border-right: 1px solid #ccc; text-align: center; }
.cert img { margin: 0 auto; display: block; }