/* Smart Energy Style Sheet */

body {
	background:					#F7EDD4 url('/images/bg_body.png') repeat-x 0 0;
	font-size:					small;
	font-family:				Arial, Verdana, Helvetica, sans-serif;
	text-align:					center;
	padding-bottom:				20px
}

* {
	padding:					0;
	margin:						0;
}

.bold {
	font-weight:				bold;
	}

.main-text-center, main-text {
	font-family:				Arial Narrow, Arial, Verdana, Helvetica, sans-serif;
	font-size:					14pt;
	text-align:					center;
	color:						#000000;
	margin-left:				100px;
	margin-right:				100px;
	}

.main-text {
	text-align:					left;
	margin-left:				100px;
	margin-right:				100px;
	}
	
.center-padding  {				
	text-align:					center;
	}
	
#table1 {
	margin-left:				100px;
	margin-right:				300px;
	}
#table2	{
	margin-left:				300px;
	margin-right:				100px;
	}
	
.green-header {
	font-weight:				bold;
	font-family:				Verdana, Helvetica, sans-serif;
	font-size:					12pt;
	color:						#A4CC37;
	text-align:					left;
	}
	
.sub-text, .sub-header, .sub-header-larger {
	font-family:				Verdana, Helvetica, sans-serif;
	text-align:					left;
	font-weight:				normal;
	font-size:					12pt;
	color:					#00912e;
	}
	
.sub-header-larger {
	font-size:					14pt;
	}
	
.sub-text {
	font-weight:				normal;
	font-family:				Verdana, Helvetica, sans-serif;
	}

.price-standout {
	font-family:				Verdana, Helvetica, sans-serif;
	font-weight:				bold;
	font-size:					22pt;
	color:						#A4CC37;
	text-align:					right;
	margin-top:					-28px;
	margin-right:				34px;
	}	

/* ---------------------------------- Container ---------------------- */

#container {
	margin:						auto;
	text-align:					left;
	width:						774px;
	background:					url('/images/bg_container.png') repeat-y 0 0;
	position:					relative
}

#container:after {
	content:					".";
	clear:						both;
	height:						0;
	line-height:				0;
	visibility:					hidden;
	display:					block;
}

* html #container {
	height:						1%;
}

h1,
h1 img {
	display:					block;
}

a {
	color:						#B50F49;
}

a:hover {
	color:						#00912E;
	text-decoration:			none;
}

a img {
	border:						0;
}


	
/* --------------------------------- Header ------------------------------------- */

#header {
	background:					url('/images/bg_header.png') no-repeat 0 0;
	height:						153px; padding-left:7px; padding-right:7px; padding-top:8px; padding-bottom:0
}

#header:after {
	content:					".";
	clear:						both;
	height:						0;
	line-height:				0;
	visibility:					hidden;
	display:					block;
}

* html #header {
	height:						149px;
}

#header p {
	background:					url('/images/bg_header_contact.png') no-repeat top right;; margin-left:16px; margin-right:16px; margin-top:28px; margin-bottom:0
}

/* ------------------------------- Backgroud Feature ------------------------------*/
#feature_panel {
	background:					url("/images/bg_container_feature.png") 0 0 repeat-y;
	height:						161px;
	padding:					7px;
	margin-top:					-4px;
}

#feature_panel div {
	height:						175px;
	background:					url("/images/bg_feature.jpg") 0 0 no-repeat;
	margin-top:					-8px;
	margin-bottom:				-20px
}

/* ----------------------------------  Footer -----------------------------------  */

#base_container {
	background:					#F7EDD4 url("/images/bg_base_container.png") 0 0 repeat-x;
}

#footer {
	background:					url("/images/bg_footer.png") 0 0 no-repeat;
	margin:						auto;
	text-align:					left;
	width:						774px;
	padding-top:				30px;
	padding-bottom:				10px;
	font-family:				Arial, Verdana, Helvetica, sans-serif;

}

#footer ul {
	list-style:					none;
	text-align:					center;
	font-size:					70%;
}

#footer ul li {
	display:					inline;
	color:						#ffffff;
}

#footer ul li a {
	color:						#ffffff;
	text-decoration:			none;
}

#footer ul li a:hover,
#footer ul li a:focus {
	color:						#333;
	text-decoration:			underline;
}


/* -------------------- Top nav styles ------------------------------------- */
ul#topnav {
	width:						760px;
	background:					url("/images/bg_topnav.png") 0 0 repeat-x;
	clear:						both;
	list-style:					none;
	padding-top:				0px;
	padding-bottom:				0px;
	position:					absolute;
	top:						127px;
	left:						7px;
	}

ul#topnav li {
	float:						left;
}

ul#topnav li a {
	display:					block;
	height:						30px;
	background-position:		top left;
	text-decoration:			none;

}

ul#topnav li a strong {
	visibility:					hidden;
}

ul#topnav li a:hover {
	background-position:		bottom left;
}

ul#topnav li a.selected {
	background-position:		bottom left;
}

/* ----------------------- Top Nav (tn) Styles --------------------------------------- */

li#tn-home a {
	width:						79px;
	background-image:			url("/images/img_topnav_home.png");
}

li#tn-make-enquiry a {
	width:						130px;
	background:					url("/images/img_topnav_make-enquiry.png");
}

li#tn-offers a {
	width:						77px;
	background:					url("images/img_topnav_offers.gif");
}

li#tn-about-us a {
	width:						97px;
	background:					url("/images/img_topnav_about_us.png");
}

li#tn-help-centre a {
	width:						111px;
	background:					url("/images/img_topnav_help_centre.gif");
}

li#tn-careers a {
	width:						88px;
	background:					url("/images/img_topnav_careers.gif");
}

li#tn-news a {
	width:						75px;
	background:					url("/images/img_topnav_news.gif");
}

li#tn-contact-us a {
	width:						114px;
	background:					url("/images/img_topnav_contact_us.png");
}