html, body { margin: 0; padding: 0; background-color:#c6cacb; background-image: url(images/gradientBG.jpg); background-repeat: repeat-x; }

.contractorBG { background-color:#164374; background-image: url(images/gradientBG_contractor.png); background-repeat: repeat-x;  }

.contentWrapper { width: 900px; margin: 0 auto; padding: 5px 50px 10px 50px; background-image:url(images/cloudsBG_new.gif); background-repeat: no-repeat; min-height: 600px; }

p { margin: 0; padding: 0; font: normal 12px/20px "Arial", "Helvetica", sans-serif; color: #666; }

h2 { font: normal 26px/20px "Arial", "Helvetica", sans-serif; margin: 0 0 20px 0; padding: 0; color: #999; }

h3 { font: normal 16px/20px "Arial", "Helvetica", sans-serif; margin: 0 0 10px 0; padding: 0; }




/* Main Navigation */

#navigation {margin: 0;  }

#navigation ul { margin: 0; padding: 0; width: 900px;}

#navigation ul li { margin: 0; padding: 0; list-style: none; float: left; }

#navigation ul li a { text-indent: -9999px; overflow: hidden; width: 180px; height: 40px; display: block; }

.aboutBtn { background: url('images/navigationButtons.png') no-repeat 0 -40px; }
.aboutBtn:hover { background: url('images/navigationButtons.png') no-repeat 0 0; }

.benefitsBtn { background:#ffffff url('images/navigationButtons.png') no-repeat -180px -40px; }
.benefitsBtn:hover { background:#ffffff url('images/navigationButtons.png') no-repeat -180px 0; }

.worksBtn { background: url('images/navigationButtons.png') no-repeat -360px -40px; }
.worksBtn:hover { background: url('images/navigationButtons.png') no-repeat -360px 0; }

.participateBtn { background: url('images/navigationButtons.png') no-repeat -540px -40px; }
.participateBtn:hover { background: url('images/navigationButtons.png') no-repeat -540px 0; }

.resourcesBtn { background: url('images/navigationButtons.png') no-repeat -720px -40px; }
.resourcesBtn:hover { background: url('images/navigationButtons.png') no-repeat -720px 0; }


/* Contractor Navigation */

.CaboutBtn { background: url('images/navigationContractor.png') no-repeat 0 -40px; }
.CaboutBtn:hover { background: url('images/navigationContractor.png') no-repeat 0 0; }

.CworksBtn { background:#ffffff url('images/navigationContractor.png') no-repeat -180px -40px; }
.CworksBtn:hover { background:#ffffff url('images/navigationContractor.png') no-repeat -180px 0; }

.CupgradesBtn { background: url('images/navigationContractor.png') no-repeat -360px -40px; }
.CupgradesBtn:hover { background: url('images/navigationContractor.png') no-repeat -360px 0; }

.CparticipateBtn { background: url('images/navigationContractor.png') no-repeat -540px -40px; }
.CparticipateBtn:hover { background: url('images/navigationContractor.png') no-repeat -540px 0; }

.CresourcesBtn { background: url('images/navigationContractor.png') no-repeat -720px -40px; }
.CresourcesBtn:hover { background: url('images/navigationContractor.png') no-repeat -720px 0; }

/* Profile Navigation */

.PhcBtn { background: url('images/navigationProfile.png') no-repeat 0 -40px; }
.PhcBtn:hover { background: url('images/navigationProfile.png') no-repeat 0 0; }

.PprofileBtn { background:#ffffff url('images/navigationProfile.png') no-repeat -180px -40px; }
.PprofileBtn:hover { background:#ffffff url('images/navigationProfile.png') no-repeat -180px 0; }

.PstandardsBtn { background: url('images/navigationProfile.png') no-repeat -360px -40px; }
.PstandardsBtn:hover { background: url('images/navigationProfile.png') no-repeat -360px 0; }

.PtrainingBtn { background: url('images/navigationProfile.png') no-repeat -540px -40px; }
.PtrainingBtn:hover { background: url('images/navigationProfile.png') no-repeat -540px 0; }

.PresourcesBtn { background: url('images/navigationProfile.png') no-repeat -720px -40px; }
.PresourcesBtn:hover { background: url('images/navigationProfile.png') no-repeat -720px 0; }


/* Contractor Login */

#login { margin: 5px 0 16px 0; padding: 0; float: right; text-align: left; width: 375px; text-align: right; position:relative; top:140px; left:310px; font: normal 13px/20px "Arial", "Helvetica", sans-serif; }

.loginBox { width: 100px; margin: 0 5px 0 0; color: #999; padding: 1px; float: right; }

.loginBtn { margin: 0; padding: 0;float: right; }

.loginLabel { padding: 2px 0; color: white; margin-right: 5px; float: right; }

ul#login_nav { list-style-type:none; margin: 0px 0px 10px 0px; padding: 7px 0px; }

ul#login_nav li { display:inline; padding: 0px 0px 0px 8px; font-weight:bold; }



#homeLink { height: 135px; background: none; }


.forContractorsBtn { float: right; margin: 5px 0 0 20px; height: 30px; width: 164px; text-indent: -9990px; overflow: hidden; background-image:url(images/forContractorsBtn.png); background-position: 0 0; background-repeat: no-repeat; }
.forContractorsBtn:hover { background-position: 0 -30px; }

.forHomeownersBtn { float: right; margin: 5px 0 0 20px; height: 30px; width: 164px; text-indent: -9990px; overflow: hidden; background-image:url(images/forHomeownersBtn.png); background-position: 0 0; background-repeat: no-repeat; }
.forHomeownersBtn:hover { background-position: 0 -30px; }

.ContractorsLoginBtn { float: right; margin: 5px 20px 0 20px; height: 20px; width: 107px; text-indent: -9990px; overflow: hidden; background-image:url(images/loginLabel.png); background-position: 0 0; background-repeat: no-repeat; }

.FeedbackBtn { float: right; margin: 5px 20px 0 20px; height: 29px; width: 85px; text-indent: -9990px; overflow: hidden; background-image:url(img/FeedbackButton.png); background-position: 0 0; background-repeat: no-repeat; }

/* Content */

#splash { width: 900px; margin: 0 auto; height: 400px; background-color: white; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }

#content { width: 860px; padding: 20px; margin-top: 20px; min-height: 400px; background-color: white; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; position: relative; z-index: 1000; -moz-box-shadow: 1px 1px 4px #999; -webkit-box-shadow: 1px 1px 4px#999; box-shadow: 1px 1px 4px #999; }

.about { background-image:url(images/BGabout.jpg); background-position: bottom; background-repeat: no-repeat; background-color: white; }
.resources { background-image:url(images/participateBG.jpg); background-position: bottom; background-repeat: no-repeat; background-color: white; }
.participate { background-image:url(images/BG_kitchencouple.jpg); background-position: bottom; background-repeat: no-repeat; background-color: white; }
.review { background-image:url(images/contractor.jpg); background-position:bottom right; background-repeat: no-repeat; background-color: white;}


.leftCol { width: 410px; float: left; }

.rightCol { width: 410px; float: right; }

.sectionLabel { color: white; background-color: #000; padding: 10px; float: left; }

.box { margin-bottom: 20px; }

.boxHeader { padding: 5px; background-color: #069; margin-bottom: 10px; }

.boxLast { width: 156px; margin-right: 0; float: left; }


.workBox { float: left; width: 270px; margin-right: 20px; }

.workBoxlast { float: left; width: 270px; margin: 0; }
.worksPhoto { margin-bottom: 10px; }

.benefitPic { float: right; margin-top: -50px; }



#bullets ul { margin: 0; padding: 0; }
#bullets ul li { margin: 20px 0 0 0; padding: 0 0 0 35px; list-style-type: none; background-image:url(images/bulletArrow.png); background-repeat: no-repeat;}

#bullets ul li ul { margin: 5px 0 0 0; padding: 0; }
#bullets ul li ul li { margin: 5px 0 0 20px; padding: 0; list-style-type: square; background-image: none; width: 300px; color: #666; }


.bulletText { padding: 0 0 0 -15px; }


.benefitsIcon { float: left; margin: 0 10px 10px 0; }


.upgradesBtn { width: 285px; height: 43px; background-image:url(images/viewUpgradesBtn.png); background-repeat:no-repeat; background-position: 0 0; text-indent:-9999px; overflow: hidden; }
.upgradesBtn:hover { background-position: 0 -43px; }

.videoBtn { width: 900px; height: 70px; background-image: url(images/videoBtn.png); text-indent: -9999px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; margin: 20px 0 0 0; }
.videoBtn:hover { background-position: 0 -70px; }



/* Contact Box */

#contactBox { width: 370px; background-color: #EBEBEB; padding: 20px; margin-top: 20px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #999; }

#contactBox input { margin: 0 0 10px 0; }

#contactBox select { margin: 0 0 10px 0; padding: 0; }

.form { float: right; margin-left: 20px; }



/* Tabs */

/******* MENU *******/

#tabsNav { margin: 20px 0 0 0; width: 860px; padding: 0; }

#tabsNav ul{ list-style: none; margin: 0; padding: 0; }

#tabsNav ul li{ display: inline-block; float: left; }

#tabsNav ul li a { float: left; margin: 0; padding: 0; height: 60px; width: 215px; color: white; text-indent: -9999px; overflow: hidden; }



/* panes */
#panes {
	background:#FFF;
	border-color:#FFF;
	width:820px;	
	margin: 0;
	padding: 20px;
	height: 220px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	top:0;
	left:0;
	color: #0C3;
	padding: 40px 450px 20px 20px;	
	}




/******* Tab Menu *******/

.tabContent{ margin: 0pt auto; background: #efefef; padding: 20px; }

.tabclear { clear: both; height: 0;	visibility: hidden;	display: block; }

.ductwork { display: none; }
.heat { display: none; }
.light { display: none; }

.leaksTab { background-image:url(images/upgradeButtons.png); background-position: 0 -60px; }
.leaksTab:hover { background-image:url(images/upgradeButtons.png); background-position: 0 -60px; }

.ductworkTab { background-image:url(images/upgradeButtons.png); background-position: 215px 0; }
.ductworkTab:hover { background-image:url(images/upgradeButtons.png); background-position: -215px -60px; }

.heatTab { background-image:url(images/upgradeButtons.png); background-position: 430px 0; }
.heatTab:hover { background-image:url(images/upgradeButtons.png); background-position: -430px -60px; }

.lightTab { background-image:url(images/upgradeButtons.png); background-position: 645px 0; }
.lightTab:hover { background-image:url(images/upgradeButtons.png); background-position: -645px -60px; }

.leaksPane { background-image: url(images/leaksBG.jpg); background-position: center top; background-repeat: no-repeat; height: 251px; }
.ductworkPane { background-image: url(images/ductBG.jpg); background-position: center top; background-repeat: no-repeat; height: 251px; }
.heatPane { background-image: url(images/heatBG.jpg); background-position: center top; background-repeat: no-repeat; height: 251px; }
.lightPane { background-image: url(images/lightBG.jpg); background-position: center top; background-repeat: no-repeat; height: 251px; }




/* Resources */

.linkBox { margin: 20px 0; }
.linkBox #articles { width: 410px; float: left; padding: 5px 0px 0px 0px;}
.linkBox * { width: 190px; float: right; }
.linkBox * * { width: auto; float: none; }

.linkImage { float: left; margin-right: 20px; }




/* Footer */

#footer { margin: 20px 0 0 0; padding-top: 20px 0 0 0; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; position: relative; z-index: 0;}

.pilotProgram { background-image: url(images/footerBlue.png); float: right; width: 400px; padding: 10px 10px 0 10px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 0 0 20px; background-color: #00afef; -moz-box-shadow: 1px 1px 4px #999; -webkit-box-shadow: 1px 1px 4px#999; box-shadow: 1px 1px 4px #999; }

.pilotDetails { background-image:url(images/footerHouse.png); background-repeat: no-repeat; background-position: bottom right; padding: 0 175px 0 0; height: 90px; }

#pilot { padding: 30px 20px 10px 10px; width: 395px; float: right; }

#utility { padding: 10px 10px 10px 20px; background-color: #666; width: 400px; float: right; }

.copyrightText { margin: 20px 0 0 0; }

.footerText { color: #666; }

.footerBanner { float: right; border: none; margin-left: 30px; }


/* Misc. Styles */

.clear { clear: both; }

.floatRight { float: right; }
.floatLeft { float: left; }

.linkBtn { padding: 5px; background-color: #999; color: white; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; border: none; text-align: center; }
.linkBtn:hover { background-color: #666; }

.whiteText { color: white; }

.horDivider { color: #CCC; background-color: #CCC; height: 1px; border: none; margin: 30px 0 30px 0; }




	.rotatorPic { margin-right: 30px; float: left; }			

/* Easy Slider */

	#sliderWrapper { padding: 20px; background-color: #F9F9F9; background-image:url(images/rotatorBG.jpg); background-position: bottom; background-repeat:repeat-x; width: 700px; margin: 0 auto; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; margin-top: 20px; border: 1px solid #CCC; -moz-box-shadow: 3px 3px 6px #666; -webkit-box-shadow: 3px 3px 6px #666; box-shadow: 3px 3px 4px #666; }
	
	#slider ul, #slider li,	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		width:700px;
		height:277px;
		}	

	#enrollmentSlideList { 
		margin: 5px 0 0 20px; 
		padding: 0; 
		list-style-type: square; 
		background-image: none; 
		width: 300px;
		color: #666; 
		}
		
	#enrollmentSlideList { 
		margin: 5px 0 0 0; 
		padding: 0; 
		}
	
	#enrollmentSlideList { 
		margin: 5px 0 0 20px; 
		padding: 0; 
		list-style-type: square; 
		background-image: none; 
		width: 300px; 
		color: #666; 
		}


	.nextButton, .prevButton { 
		display:block;
		width:40px;
		height:40px;
		float: right;
		text-indent: -99999px;
		z-index:1000;
		margin: -30px 0 0 10px;
		}	
	.nextButton { 
		}														
	.prevButton a, .nextButton a {  
		display:block;
		position:relative;
		width:40px;
		height:40px;
		background:url(images/arrows.png) no-repeat 0 0;	
		}	
	.nextButton a { 
		background:url(images/arrows.png) no-repeat -40px 0;	
		}	
		
	/* numeric controls */	

	ul#controls{
		padding:0;
		height:15px;	
		z-index: 100;
		}
	ul#controls li.numeric{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:22px;
		width: 22px;
		}
	ul#controls li.numeric a{
		float:left;
		height:22px;
		width: 22px;
		color:#555;
		background-image: url(images/bullets.png);
		background-position: 0 0px;
		background-repeat: no-repeat;
		text-decoration:none;
		text-indent: -9999px;
		display: block;
		}
	ul#controls li.numeric.current a{
		color:#fff;
		height:22px;
		width: 22px;
		background-image: url(images/bullets.png);
		background-position: 0 -22px;
		background-repeat: no-repeat;
		display: block;
		}
		
	ul#controls li.numeric a:hover{
		background-image: url(images/bullets.png);
		background-position: 0 -22px;
		background-repeat: no-repeat;
		b
		}
		
	ul#controls li.numeric a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* Added when migrating old HC portal to new theme */

#loggedin * { font-weight:bold; }
.my_input, .my_button { font-weight:normal; }
td, th, span, div, legend, label, a, small { font: normal 12px/20px "Arial", "Helvetica", sans-serif; }
.error { font-size:10px; color:#164374; }
#user_details th { text-align:right; white-space:nowrap; }
#user_details td { white-space:nowrap; }
table#trialcodes td { padding-right:20px; border:1px solid #BBBBBB; }
.mainmenu { }
.mainmenu .menuheader { display:block; font-size:large; text-align:center; background-color:#000000; color:#ffffff; }
.mainmenu .section, .mainmenu .sectionlink { border:1px solid #cccccc; padding: 5px 5px; margin: 7px 0; width:420px;}
.mainmenu .sectionlink { font-size:large; color:#ffffff; background-color:#164374; }
.mainmenu .sectionlink a { color:#ffffff; }
.mainmenu .section_title {background-color:#164374; color:#ffffff; display:block; padding: 5px; margin: -5px -5px; margin-bottom: 10px; font-size:large; }
span.required { color:#164374; }
#menu td a { width:100%; height:100%; } 
#menu .arrow { font-size:24px; } 
#menu .menuoption { text-align:center; font-size:18px; border:1px solid #000000; background-color:#eeeeee; } 
#menu .menuoption:hover { background-color:#FFFFFF; }
#menu .menuinfo_good { text-align:center; font-size:18px; background-color:#99FF99; }
#menu .menuinfo_neutral { text-align:center; font-size:18px; }
#menu .menuinfo_bad { text-align:center; font-size:18px; background-color:#FFFF99; }
div#title { font-size:36px; font-weight:bold; }
.filelist { font:inherit; list-style-type:none; }
.question {

}

.answer {

}

.sub_question {
	padding-left: 20px;
}

.sub_answer {
	padding-left: 20px;
}

.buttons {

}

.triggered_question {
	display:none;
}
#company_details th {
	text-align:right;
	white-space:nowrap;
}
#company_details td {
	white-space:nowrap;
}

#counties { width:155px; }
#counties_container { padding-left:3px; }
#profile_submit_container input { position:relative; bottom:0px; right:0px; }

.houseSearch {
	width:450px;
	display:inline-block;
}

.classification { 
	position: relative;
	width: 91px;
	height: 17px;
}
.classification .cover {
	position: absolute;
	background: transparent url('img/stars.png') top left no-repeat;
	top: 0px;
	left: 0px;
	width: 91px;
	height: 17px;
	z-index: 101;
}
.classification .progress {
	position: absolute;
	background: transparent url('img/stars_full.png') top left no-repeat;
	top: 0px;
	left: 0px;
	height: 17px;
	z-index: 102;
}