/* 

Client: Energy Watch
Created: 18/6/08
Last Modified: 18/6/08

*/
	

/* ---- DEFAULT STYLES ------
-------------------------------------------------------------------- */

	body {
		margin: 0px;
		padding: 0px;
		background: #ffffff url('../img/header-bg.jpg') repeat-x;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 0.8em;
		color: #5b5b5b;
		}
		
	.flash, .centered {
			margin:0 auto; 
			text-align:center;
	}		
		
	#wrapper {
		width: 850px;
		margin: 0px auto;
		padding: 0;
		}
		
	#feedbackFormWrapper {
		padding: 20px;
	}
	
	img {
		padding:0; margin:0; line-height: 0;
		}
		
	.clear {
		clear:both;
		position:relative;
		font-size:0px;
		height:0;
		line-height:0; 
		}
		
	h1, h2, h3, h4, h5, h6, form {
		padding:0;
		margin: 0;
	}
	
	h1.pageTitle {
		font-size: 1.8em;
		color:#0095da;
	}

	h2.pageTitle {
		font-size: 1.6em;
		color:#0095da;
	}
	
	h1.formTitle {
		font-size: 1.6em;
		color:#ffffff;
	}
	
	h3.formLabel {
		font-size: 1.3em;
		color:#FFFF00;
	}
	
	a img {
		border:none;
	}
		
	a { 
		color: #0166a0;
		font-weight:700;
	}
	
	a:hover { color:#0095dd; }
	
	p { 
		margin: 0 0 1.2em;
		line-height: 1.7em;
	}	

		 /* ---- GROUP DISCOUNTS SPECIFIC ------
-------------------------------------------------------------------- */	

	#formContainerGroup {
		background:url('../img/group-form-bg.jpg') no-repeat;
		width: 320px;
		height: 440px;
		padding: 15px 20px;
		color:#006cb0;
	}
	
	#formContainerGroup form label {
		font-size: 1em;
		font-weight: 700;
	}
	
	#formContainerGroup td {
		padding: 2px 0;
	}
	
/* ---- HEADER ------
-------------------------------------------------------------------- */

	#topLinks {
		text-align: right;
	}

	#topLinks a {
		font-size: 0.8em;
		color: #ffffff;
		font-weight: normal;
		text-decoration: none;
		margin-left: 15px;
		width: auto;
	}
	
	#topLinks a:hover {
		border-bottom: 1px dotted #ffffff;
		color:#FFFF00;
	}


	.logoMain {
		position: absolute;
		width: 198px;
		height: 35px;
		margin: 0;
		text-indent: -9999px;
		background: url('../img/logo-main.gif') 0 0 no-repeat;
		top: 10px;
	}

	#header {
		height: 131px;
		margin-top: 10px;
		position: relative;
	}
	
	#honest {
		position: absolute;
		top: 55px;
	}
	
	#phoneNumber {
		position: absolute;
		top: 5px;
		left: 550px;
	}
	

/* ---- COLUMN GRIDS ------
-------------------------------------------------------------------- */
	.content {
		background:url('../img/content-bg.jpg') bottom no-repeat;
		padding: 30px 0;
		margin-bottom: 20px;
	}
	
	.columnOne {
		width: 475px;
		padding-right: 0;
		float: left;
		display: inline;
	}
	
	.columnTwo {
		width: 350px;
		float: right;
		display: inline;
	}

/* ---- NAV 1 ------
-------------------------------------------------------------------- */

	#nav1Container {
		background:url('../img/nav1/container-bg.jpg') no-repeat;
		height: 39px;
		width: 1500px;
		padding:0px 25px;
		position: relative;
		top: 85px;
		}
		
		
	#navContainerLeft {
		background:url('../img/nav1/nav1-left-edge.gif') no-repeat;
		width: 12px;
		height: 39px;
		float:left;
	}
	
	#navContainerRight {
		background:url('../img/nav1/nav1-right-edge.gif') no-repeat;
		width: 12px;
		height: 39px;
		float: left;
		
	}	
		
		
	ul#nav1 {
		margin:0;
		padding:0;
	}

	#nav1 li {
		float:left;
		position:relative;
		margin:0;
		padding:0;
		list-style:none;
		
		}

	#nav1 li a {
		display:block;
		height:39px;
		text-indent:-999px;
		overflow:hidden;   
		}
		
	#nav1 li:hover ul, #nav1 li.hover ul {
		display:block
		}

	#nav1 li a:hover {
		background-position:0 -39px !important;
		height: 39px;
		}

	#nav1 li a.nav1Home {
		background:url('../img/nav1/home.gif') no-repeat left top;
		width:58px
		}
		
	#nav1 li a.nav1Better {
		background:url('../img/nav1/better-deal.gif') no-repeat left top;
		width:97px
		}

	#nav1 li a.nav1Power {
		background:url('../img/nav1/power-connection.gif') no-repeat left top;
		width:145px
		}

	#nav1 li a.nav1New {
		background:url('../img/nav1/new-connection.gif') no-repeat left top;
		width:113px
		}
		
	#nav1 li a.nav1Business {
		background:url('../img/nav1/business.gif') no-repeat left top;
		width:81px
		}
		
	#nav1 li a.nav1Group {
		background:url('../img/nav1/group-discounts.gif') no-repeat left top;
		width:130px
		}
		
	#nav1 li a.nav1Choose {
		background:url('../img/nav1/choose.gif') no-repeat left top;
		width:89px
		}

	#nav1 li a.nav1Contact {
		background:url('../img/nav1/contact.gif') no-repeat left top;
		width:70px
		}
				
	/* selected nav */

	#nav1 li a#active { 
		height: 39px;
		background-position:0 -39px !important
	 }
	 
	 
	 /* ---- HOMEPAGE SPECIFIC ------
-------------------------------------------------------------------- */

	#homeModuleTv {
		width: 278px;
		height: 91px;
		padding: 80px 0 0 200px;
		background:url('../img/home-image.gif') no-repeat;
	}

	#formContainerHome {
		background:url('../img/home-form-bg.jpg') no-repeat;
		width: 320px;
		height: 355px;
		padding: 15px 20px;
		color:#FFFFFF;
	}
	
	#formContainerHome form label {
		font-size: 1em;
		font-weight: 700;
		color:#FFFFFF;
	}
	
	#formContainerHome td {
		padding: 2px 0;
	}
	
	 /* ---- CONTACT SPECIFIC ------
-------------------------------------------------------------------- */	

	 /* ---- FORM STYLE ------
-------------------------------------------------------------------- */


	.form {
		margin: 0 0 20px;
		border: 0;
	}

	.form input.formText, .form textarea, .form.input.fileUpload {
		border: 1px solid #cccccc;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
		vertical-align: top;
		background:url('../img/form-input-bg.gif');
		font-size: 0.9em;
	}

	.form select {
		border: 1px solid #DCDCDC;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		vertical-align: middle;
		background: #fff url('../img/form-input-bg.gif') 0 0 repeat-x;
		font-size: 0.9em;
	}

		

	input.submitButton {	
		border: 0;
		width: auto;
		background: #442551;
		cursor:pointer;	
		color:#FFFFFF;
		font-size: 1.2em;
	}	
	
	
	 /* ---- FOOTER ------
-------------------------------------------------------------------- */	
	
	#footer {
		clear:both;
		background:url('../img/footer-bg.jpg');
		padding: 13px 0 0 0;
		font-size: 0.85em;
		color:#333333;
		height: 28px;
		text-align: center;
	}
	
	#footer a {
		padding-left: 10px;
		font-weight: normal;
	}
	
	#footerForm {
		clear:both;
		height: 19px;
		padding: 7px 0 5px 0;
		border: 1px solid #088ec3;
		text-align: center;
		margin-bottom: 7px;
	}
	

/* ---- sIFR ------
-------------------------------------------------------------------- */


	.sIFR-flash {
	  visibility: visible !important;
	  margin: 0;
	  padding: 0;
	}
	
	.sIFR-unloading .sIFR-flash {
	  visibility: hidden !important;
	}
	
	.sIFR-replaced, .sIFR-ignore {
	  visibility: visible !important;
	}
	
	.sIFR-alternate {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 0;
	  height: 0;
	  display: block;
	  overflow: hidden;
	}
	
	.sIFR-replaced div.sIFR-fixfocus {
	  margin: 0pt; 
	  padding: 0pt; 
	  overflow: auto; 
	  letter-spacing: 0px; 
	  float: none;
	}

	.sIFR-active h1.pageTitle { visibility:hidden; } 
	
	.sIFR-active h2.homeStrap { visibility:hidden; } 
	
	.sIFR-active h2.bodyTitle { visibility:hidden; }
	
	.sIFR-active h1.formTitle { visibility:hidden; } 	
	
	.sIFR-active h1.pageTitleForm { visibility:hidden; }