/* ----------------------------------------------

	Switch Energy - Main Stylesheet
	
---------------------------------------------- */

	@import "reset.css";
	
/* --- Selectors ----------------------------- */

	html, html>body { /*height:100%*/; }
	body {
		background:url("/images/bg.png") repeat-x top #dadad9;
		color:#000;
		font:12px/14px arial, helvetica, sans-serif;
		height:100%;
	}
	
	a, a:visited, .sIFR-replaced a { color:#e95a24; }
	a:hover, .sIFR-replaced:hover { color:#e99824; }
	a img { border:none; }
		
	p { margin:0 0 14px 0; }
	
	h1 { color:#22241f; font-size:30px; margin:39px 0; }
	h1 span { font-size:18px; margin:0 0 0 10px; }
	h2 { color:#ef5929; font-size:14px; clear:both; padding-bottom: 6px;}
	h3 { color:#ef5929; font-size:12px; padding-bottom: 6px; }
	h4 { color:#666666; font-size:12px; padding-bottom: 6px;}
	h5 { color:#17678e; font-size:10px; }
	h6 { color:#17678e; font-size:9px; }
	
	button { margin:0; padding:0; background:none; border:none; cursor:pointer; }
	ol { margin:0 20px 0 20px; }
	ul { margin:0 0 14px 0; }
	ul li, .item .productinfo ul li, #sitemap li { background:url("/images/li.gif") no-repeat left 2px; padding:0 0 0 15px; margin:4px 0; list-style:none; line-height:1.2; }
	
	.item ul li { background:none; background:url("/images/li-content.png") no-repeat 5px 6px; }
	#faq li { padding-bottom: 5px;}
		
	object, .sIFR-active { /*z-index:1;*/ } 
	.sIFR-flash { z-index: -1; }
	
/* --- Common Classes ------------------------ */

	.left { float:left; }
	.right { float:right; }
	.clear { clear:both; }
	.left-image { float:left; margin:0 20px 0 0; }
	.textright { text-align:right; }
	.aligntop { vertical-align:top; }
	.nomargin { margin:0 !important; }	
	.print, #accessibility, #skipnav, .hide { display:none; }
	.even td { background:#d3d3d2; }
	.spacer { width:25px; }	
	.button { width:184px; height:25px; background:url("/images/bg-button.png") no-repeat; text-align:center; text-transform:uppercase; font-size:11px; color:#fff !important; text-decoration:none !important; display:block; clear:both; padding:5px 0 0 10px; }
	
	a.pdf { background: url("/images/pdf.png") no-repeat left center; padding:2px 0 2px 20px; line-height: 16px; }
	#noicon { background-image: none; padding-left: 20px; line-height: 16px; }	 
	a.txt { background: url("/images/txt.png") no-repeat left center; padding-left: 20px; line-height: 16px; }	 
	a.zip { background: url("/images/zip.png") no-repeat left center; padding-left: 20px; line-height: 16px; }	 
	a.email { background: url("/images/email.png") no-repeat left center; padding-left: 20px; line-height: 16px; }		

/* --- Layout -------------------------------- */
	
	#wrapper {
		width:984px;
		/*min-height:100%;*/
		border-left:1px solid #d9d9d9;
		border-right:1px solid #d9d9d9;
		background:#fff repeat-y;
		margin:0 auto;
		
	}
	#banner {
		height:100px;
		background:url("/images/bg-banner.png") repeat-y top right;
	}
	#logo {
		width:290px;
		height:100px;
		display:block;
		text-indent:-9999px;
		background:url("/images/logo.png") no-repeat;
		float:left;
	}
	#banner blockquote {
		width:660px;
		font-style:normal;
		float:right;
		text-align:center;
		color:#ec5a24;
		margin:0;
		padding:20px 0 0 0;
		font-size:14px;
	}
	#banner blockquote p {
		margin:0;
		line-height:1.4;
	}
	/* Old orange bar
	#nav {
		height:30px;
		background:url("/images/bg-nav.png") no-repeat top;
		color:#fff;
		position: relative;
		z-index: 2;
	}*/
	#nav {
		height:30px;
		background:url("/img/bg-nav-solid.png") no-repeat top;
		color:#fff;
		position:relative;
		z-index:2;
		font-weight:bold;
	}
	#nav ul {
		margin:0;
		padding:0;
		position: relative;
		z-index: 1;
	}
	#nav ul li {
		margin:0;
	}
	#nav ul li.level3_active, #nav ul li.level4_active {
		background:url("/images/bg-nav-over.png") no-repeat left;
		text-decoration:none;
	}

	
	/**** 2nd level ****/
	#nav ul {
		list-style:none;
		float:left;
	}
	#nav ul li {
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		border-right:1px solid #fff;
		background:none;
		position:relative;		
	}
	#nav ul li a {
		font-size:12px;
		text-transform:uppercase;
		text-decoration:none;
		color:#fff;
		padding:8px 14px;
		display:block !important;
	}
	
	#nav ul li a:hover {
		background:url("/img/bg-nav-a.png") repeat-x top #e55d25;
	}
	/* Old orange bar
	#nav ul li a:hover {
		background:url("/images/bg-nav-over.png") no-repeat left;
		text-decoration:none;
	}*/
	
	/**** 3rd level (dropdown) ****/
	#nav ul ul {
		width:120px;
		display:none;
		position:relative;
		/*top:30px;		*/
		z-index:1;
		margin:0;
	}
	#nav ul ul li {
		width:120px;
		/*float:none;
		position:relative;*/
		border-right:none;
	}
	#nav ul ul li a {
		background:#a7a7a5;
		font-size:11px;
		text-transform:none;
	}
	/**** 3rd level (show) ****/
	#nav ul li:hover ul, #nav ul li.over ul {
		display:block;
		position: absolute;
	}
	#nav ul ul li a:hover {
		background:#4e504c;		
	}


	/**** 4th level (dropdown from dropdown) ****/
	#nav ul ul ul {
		width:120px;
		display:none;
		position:absolute;
		left:120px;
		top:0;
	}
	#nav ul ul ul li a {
		background:#a7a7a5;
	}


	#nav ul ul ul li a:hover {
		background:#4e504c;
	}
	#nav ul li:hover ul ul, #nav ul li.over ul ul {
		display:none;
	}
	/**** 4th level (show) ****/
	 
	#nav ul ul li:hover ul, #nav ul ul li.over ul { 
		display:block;
	}
	
	
	#nav form {
		float:right;
		padding:5px 0 0 0;
		line-height:18px;
	}
	#nav form p {
		float:left;
		margin:0 3px 0 0;
	}
	#nav legend {
		display:none !important;
	}
	#nav input {
		width:193px;
		height:17px;
		background:url("/images/bg-nav-input.gif") no-repeat;
		border:none;
		margin:0;
		padding:3px 2px 0px 4px;
		float:left;
		color:#888;
		font-size:11px;
	}
	#nav button {
		float:right;
	}
	#breadcrumbs {
		height:21px;
		padding:0;
		margin: 0;
		width: auto;
	}
	#breadcrumbs .orange {
		color:#ec5a24;
	}
	#breadcrumbs ul {
		display:inline;
		margin:0;
		list-style:none;
		padding: 0;
	}
	#breadcrumbs ul li {
		display:inline;
		background:none;
		padding:0;
	}
	#breadcrumbs ul li a {
		color:#000;
		text-decoration:none;
	}
	#breadcrumbs ul li a:visited {
		color:#1f1f1f;
	}
	#breadcrumbs ul li a:hover {
		text-decoration:underline;
	}
	#content-home {
		width:969px;
		margin:0 0 0 5px;
		border-top:8px solid #fff;
	}
	#content {
		width:969px;
		margin:5px 0 0 5px;
		border: 1px solid #fff;
	}
	#content-right {
		width:760px;
		float:left;
		margin-left: 8px;
	}
	#content-right .feature img.left {
		margin:0 10px 10px 10px;
	}
	
	#content-left {
		width:200px;
		float:left;
		line-height:1.3;
		font-size:11px;
	}
	#content-left .feature {
		min-height:150px;
		background:url("/images/bg-feature-left.png") no-repeat bottom;
		margin:0 0 2px 0;
	}
	#content-left .feature p {
		margin:7px;
	}
	#content-left .feature a {
		color:#000;
		text-decoration:none;
	}
	#content-left .feature a:hover {
		text-decoration:underline;
	}
	#content-left .feature .content {
		background:url("/images/bg-feature-left-top.png") no-repeat top;
		padding:5px 6px;
	}
	#content-left .feature h2 {
		margin:0;
		padding:2px 0 2px 6px;
		font-size:11px;
		text-transform:uppercase;
		color:#fff;
		/*background:url("/images/bg-feature-h2.png") repeat-y left;*/
		background:url("/img/bg-article-h3.png") repeat-y left;
	}
	#content-left .feature ul {
		list-style:none;
		margin:10px 7px 5px 10px;
	}
	#content-left .feature .left {
		margin:7px 0 0 5px;
	}
	#content-left .feature .right {
		width:133px;
		margin:0 5px 5px 0;
	}
	#content-left h3 {
		color:#ec5a24;
		font-weight:bold;
		font-size:14px;
		margin:5px 0 10px 0;
	}
	#content-left h4 {
		color:#ec5a24;
		font-size:12px;
		margin:0 0 10px 0;
	}
	#content-left .feature a.moreinfo { 
		background:url("/images/bg-moreinfo.png") no-repeat right; 
		color:#f79228; 
		text-decoration:none; 
		margin:3px 0; 
		padding:0 10px 0 0; 
		text-transform:lowercase; 
		display:block; 
		text-align:right; 
	}
	#content-left .feature a.moreinfo:hover { 
		text-decoration:underline; 
	}
	
	#faq-product {
	float: right;}
	
	.tradelogin {
		margin:0;
	}
	.tradelogin a {
		width:85px;
		height:18px;
		color:#ef5a24;
		text-decoration:none;
		display:block;
		background:url("/images/bg-tradelogin.png") no-repeat top right;	
		float:right;
		margin:15px 0 0 0;
		padding:2px 0 0 0;
	}
	.tradelogin a:hover {
		background-position:bottom right;
		color:#f7931e;
	}
	#flash-container {
		height:270px;
		position:relative;
		z-index: 1;
	}
	#flash-home {
		height:270px;
		background:url("/images/bg-flash.jpg") no-repeat;
		position: absolute;
		z-index:1;
	}
	#content-right .feature {
		width:241px;
		min-height:199px;
		background:url("/images/bg-feature-right.png") no-repeat top;
		float:left;
		margin:10px 10px 0 0;
		padding:0 5px 0 0;
	}
	#content-right .feature p {
		margin:14px 0;
	}
	
	#content-right .feature h2 {
		margin: 5px 0 0 10px;
		}
	#content-right .nomargin {
		margin:10px 0 0 0 !important;
	}
	
	#footer {
		clear:both;
		color:#ec5a24;
		font-size:11px;
		padding:20px 0 10px 0;
	}
	#footer ul {
		margin:0;
		list-style:none;
	}
	#footer ul li {
		display:inline;
		background:none;
		padding:0;
	}
	#footer a {
		color:#ec5a24;
		text-decoration:none;
		border-right:1px solid #ec5a24;
		padding:0 5px 0 0;
		margin:0 3px 0 0;
		line-height:1;
	}
	#footer a:hover {
		text-decoration:underline;
	}
	#footer a:visited {
		color:#f47749;
	}
	#footer ul li.last a {
		border:none;
	}
	#footer p {
		margin:0;
		padding:0;
	}
	
	
/* --- Page Content Styling ------------------------------------- */

	#leftcol-productdetails {
		width:250px;
		float:left;
	}
	#rightcol-productdetails {
		width:414px;
		margin:0 20px 0 0;
		float:right;
	}
	#leftcol {
		width:350px;
		float:left;
	}
	#rightcol {
		width:304px;
		float:right;
		margin:4px 21px 0 0;
	}
	#rightcol ul {
		width:100%;
		float:none;
		clear:both;
		margin:0;
		padding:0;
	}
	#rightcol ul li {
		float:none;
		background:url("/images/li.gif") no-repeat left 2px; 
		padding:0 0 0 15px; 
		list-style:none; 
		line-height:1.2;
	}
	#rightcol img {
		float:left;
	}
	#rightcol h3 {
		color:#22241f;
		font-size:16px;
		margin:0 0 10px 0;
		clear:both;
	}
	#rightcol h3 span {
		font-size:10px; color:#f00;
	}
	#rightcol p {
		float:left;
	}
	.productinfo {
		width:177px;
		float:left;
		margin:0 0 0 25px;
		padding:0;
	}
	#rightcol .productinfo p {
		margin:0;
		float:none !important;
	}
	.productinfo table {
		width:100%;
	}
	.productinfo td {
		width:50%;
	}
	.viewrange {
		color:#ef5a24;
		text-decoration:none;
		background:url("/images/bg-tradelogin.png") no-repeat right 3px;	
		padding:6px 25px 6px 0;
		display:inline-block;
	}
	.viewrange:hover {
		background-position:right -27px;
		color:#f7931e;
	}
	.top {
		color:#ef5a24;
		text-decoration:none;
		background:url("/images/bg-top.png") no-repeat right 3px;	
		padding:6px 25px 6px 0;
		display:inline-block;
	}
	.top:hover {
		background-position:right -27px;
		color:#f7931e;
	}
	.productdata {
		width:100%;
	}
	.productdata td, .striped td {
		padding:2px 5px 2px 5px;
	}
	.productdata table, .productspecs {
		width:220px;
	}
	.productdata table td {
		width:50%;
		padding:2px 5px 2px 5px;
	}
	.productspacer {
		width:50px;
	}
	.toplink {
		/*position:relative;
		bottom:-7px;
		z-index:1;*/
	}
	.productlist ul li {
		 background:url("/images/li.gif") no-repeat left 2px; 
		 padding:0 0 0 15px; 
		 list-style:none; 
		 line-height:1.2;
	}
	.productlist a {
		color:#000;
		text-decoration:none;
	}
	.productlist a:hover {
		text-decoration:underline;
	}
	#retailers {
		width:450px;
		float:left;
	}
	#retailers ul {
		margin:0;
	}
	#retailers ul li {
		margin:0;
		padding:10px 0 0 0;
		background:none;
		display: none;
	}
	#retailers h2 {
		clear:both;
		padding:15px 0 0 0;
	}
	.leftcol-retailers {
		width:200px;
		float:left;
		margin:0 50px 0 0;
		clear:left;
	}	
	.rightcol-retailers {
		width:200px;
		float:left;
	}
	.leftcol-retailers td, .rightcol-retailers td {
		border-bottom:1px solid #b2b3b1;
		padding:20px 10px;
	}
	.guide {
		margin:0;
	}
	.guide li {
		margin:0 20px 0 0;
		padding:0;
		background:none;
		float:left;		
	}
	.guide li img {
		float:left;
	}
	.guide li span {
		float:left;
		display:block;
		margin:12px 0 0 5px;
	}
	#leftcol-dealers {
		width:320px;
		float:left;
	}
	#rightcol-dealers {
		width:350px;
		float:right;
		margin:4px 21px 0 0;
	}
	#rightcol-dealers ul li {
		background:none;
		margin-bottom:30px;
	}
	#regionmap {
		float:left;
	}
	#rightcol-dealers ul li.woodpellet {
		background:url("/images/woodpelletfire.png") no-repeat 0 0;
		padding:0 0 0 50px;
	}
	#rightcol-dealers ul li.solarhotwater {
		background:url("/images/solarhotwater.png") no-repeat top left;
		padding:0 0 0 50px;
	}
	#rightcol-dealers ul li.centralheating {
		background:url("/images/centralheating.png") no-repeat top left;
		padding:0 0 0 50px;
	}
	#enquiryform {
		width:100%;
	}
	#enquiryform td {
		padding:3px;
	}
	#enquiryform input {
		width:100%;
	}
	#enquiryform .checkboxes input {
		width:auto;
	}
	#enquiryform textarea {
		width:100%;
		height:80px;
	}
	#sitemap, #sitemap ul, #sitemap ul ul { 
		margin-top:5px;
		margin-bottom:5px;
	}
	.products {
		float:left !important;
	}
	.products li {
		background:none !important;
	}