@media screen
{
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align:baseline;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:100%;outline:0;padding:0;margin:0;border:0;}
a{text-decoration:none;}
:focus{outline:0;}
body{background:white;line-height:1;color:black;font-size:10pt;}
ol, ul{list-style:none;}
/* tables still need cellspacing="0" in the markup */
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q{quotes:"" "";}


/*------=2:	[COMMON] -----------------------------*/

.altText{position:absolute;left:-9999px;}
.seoText{text-indent: -9999px;}
.floatLeft{float:left;display:inline;}
.floatRight{float:right;}
.clearLeft{clear:left;}
.clearRight{clear:right;}
.clearBoth{clear:both;}

body, #backFooter {
	background: #349c01;
}

#pageBack {
	width: 100%;
}

	#whiteBack {
		background: #fff url('../images/fade-back.jpg') 0 329px repeat-x;
		min-height: 760px;
	}
	
	.small #whiteBack {
		background: #fff url('../images/fade-back.jpg') 0 185px repeat-x;
		min-height: 500px;
	}

	#backHeader {
		background: url('../images/header-large-back.jpg') top center;
		position: absolute;
		width: 100%;
		height: 329px;
		top: 0;
		left: 0;
		z-index: 0;
	}

	#contentMain {
		position: relative;
		width: 850px;
		min-height: 329px;
		margin: 0 auto;
		padding-top: 329px;
	}
	
		#contentHeader {
			background: url('../images/header-large.jpg') top center;
			position: absolute;
			height: 329px;
			width: 850px;
			top: 0;
			left: 0;
			/*background: pink;*/
		}
		
		
			
			#contentHeader h2 {
			text-indent: -9999px;	
			}
		
			#contentHeader h2.biline {
				text-indent: 0;
				position: absolute;
				right: 40px;
				top: 55px;
				width: 350px;
				font: 12px/14px Helvetica;
				text-shadow: gray 1px 1px ;
				
				color: #fff;
				
				
			}
			
			.small #contentHeader h2.biline
			{
				top: 50px;
				left: 200px;
			}
		

		
			/*#navigation {
				background: url('/images/links.png') 0 0 no-repeat;
				position: absolute;
				bottom: 1px;
				width: 804px;
				height: 23px;
				left: 23px;
			}
			
				#navigation li {
					background: url('/images/links.png') no-repeat;
					display: block;
					float: left;
					display: inline;
					height: 23px;
					margin-right: 14px;
					cursor: pointer;
				}
			
				#navigation li a {
					display: block;
					width: 100%;
					height: 100%;
					text-indent: -9999px;
				}
				
				#navigation li.home {
					background-position: 0 -0;
					width: 55px;
				}
				
				#navigation li.home:hover {
					background-position: 0 -23px;
				}
				
				#navigation li.getquote {
					background-position: -68px 0;
					width: 109px;
				}
				
				#navigation li.getquote:hover {
					background-position: -68px -23px;
				}
				
				#navigation li.learn {
					background-position: -192px 0;
					width: 227px;
				}
				
				#navigation li.learn:hover {
					background-position: -192px -23px;
				}
				
				#navigation li.guide {
					background-position: -433px 0;
					width: 118px;
				}
				
				#navigation li.guide:hover {
					background-position: -433px -23px;
				}
				
				#navigation li.about {
					background-position: -566px 0;
					width: 85px;
				}
				
				#navigation li.about:hover {
					background-position: -566px -23px;
				}
				
				#navigation li.blog {
					background-position: -663px 0;
					width: 40px;
				}
				
				#navigation li.blog:hover {
					background-position: -663px -23px;
				}
				
				#navigation li.suppliers {
					background-position: -717px 0;
					width: 86px;
					margin-right: 0;
				}
				
				#navigation li.suppliers:hover {
					background-position: -717px -23px;
				}
			*/
			
			.clear{
	clear: both;
}

#navigation {
	/*width: 960px;*/
	position: absolute;
				width: 804px;
				left: 23px;
	padding: 280px 0 0 0;
}

#navigation2 {
	/*width: 960px;*/
	position: absolute;
	padding: 145px  0 0 36px;
				width: 804px;
}
#navigation3 {
	/*width: 960px;*/
	position: relative;
	top: 165px;
	width: 804px;
	left: 40px
}
img.home-icon {
	border: 0;
	height: 10px;
}


		
			#headerText {
				position: absolute;
				top: 92px;
				left: 273px;
				width: 345px;
				height: 160px;
				font: normal 14px/18px Arial, Helvetica, sans-serif;
				color: #2b2e35;
				letter-spacing: -1px;
			}
		
				#headerText h2 {
				text-indent: 0;
				font: normal 21px/24px Arial, Helvetica, sans-serif;
				width: 445px;
				}
		
			#checkPostcode {
				background: url('../images/sprite-sheet.jpg') -1px 0 no-repeat;
				position: absolute;
				width: 184px;
				height: 127px;
				top: 126px;
				left: 624px;
				z-index:10000; /*added*/
			}
			
				.small #checkPostcode {
					background-position: -337px 0;
					top: 5px;
					left: 654px;
				}
			
				#checkPostcode .text {
					background: #fff;
					border: 0;
					position: absolute;
					top: 52px;
					left: 18px;
					width: 149px;
					height: 24px;
					font: normal 16px/20px Arial, Helvetica, sans-serif;
				} 
				
				#checkPostcode .submit {
					background: url('../images/sprite-sheet.jpg') -186px 0 no-repeat;
					border: 0;
					position: absolute;
					top: 86px;
					left: 17px;
					width: 151px;
					height: 32px;
					cursor: pointer;
				}
				
				#checkPostcode .submit:hover {
					background-position: -186px -32px;
				}
/*------Split Testing GWO 1-----------------------------*/
                                                         #checkPostcode .submit_test {
					background: url('../images/sprite-sheet_test.jpg') -186px 0 no-repeat;
					border: 0;
					position: absolute;
					top: 86px;
					left: 17px;
					width: 151px;
					height: 32px;
					cursor: pointer;
				}
				
				#checkPostcode .submit_test:hover {
					background-position: -186px -32px;
				}
/*------Split Testing GWO 1-----------------------------*/

	.small #backHeader {
		background: url('../images/header-small.jpg') top center;
		height: 185px;
	}
	
		.small #contentHeader {
			background: url(null);
			height: 185px;
		}
		
	#largeGreenBoxes {
		padding: 38px 0 0 0;
		margin: 0 auto;
		width: 799px;
		height: 170px;
		position: relative;
	}
		#largeGreenBoxes a {
			background: url('../images/sprite-sheet.jpg') no-repeat;
			width: 251px;
			height: 170px;
			display: block;
			float: left;
			display: inline;
			cursor: pointer;
			text-indent: -9999px;
		}
	
		#largeGreenBoxes a.learn {
			background-position: 0px -127px;
			margin-right: 20px;
		}
	
		#largeGreenBoxes a.learn:hover {
			background-position: 0px -297px;
		}
	
		#largeGreenBoxes a.tellus {
			background-position: -251px -127px;
			margin-right: 20px;
		}
	
		#largeGreenBoxes a.tellus:hover {
			background-position: -251px -297px;
		}

		#largeGreenBoxes a.compare {
			background-position: -502px -127px;
		}

		#largeGreenBoxes a.compare:hover {
			background-position: -502px -297px;
		}


                             /*------Split Testing GWO2 -----------------------------*/


                             #largeGreenBoxes_test {
		padding: 38px 0 0 0;
		margin: 0 auto;
		width: 799px;
		height: 170px;
		position: relative;
	}
		#largeGreenBoxes_test a {
			background: url('../images/sprite-sheet_test.jpg') no-repeat;
			width: 251px;
			height: 170px;
			display: block;
			float: left;
			display: inline;
			cursor: pointer;
			text-indent: -9999px;
		}
	
		#largeGreenBoxes_test a.learn {
			background-position: 0px -127px;
			margin-right: 20px;
		}
	
		#largeGreenBoxes_test a.learn:hover {
			background-position: 0px -297px;
		}
	
		#largeGreenBoxes_test a.tellus {
			background-position: -251px -127px;
			margin-right: 20px;
		}
	
		#largeGreenBoxes_test a.tellus:hover {
			background-position: -251px -297px;
		}

		#largeGreenBoxes_test a.compare {
			background-position: -502px -127px;
		}

		#largeGreenBoxes_test a.compare:hover {
			background-position: -502px -297px;
		}

/*------End Split Testing 2 GWO -----------------------------*/

		
	.fadeBox {
		background: url('/images/fade-box.png') no-repeat;
		width: 677px;
		min-height: 205px;
		margin: 38px auto;
		padding: 30px 50px 30px 50px;
		font: normal 14px/18px Arial, Helvetica, sans-serif;
		position: relative;
	}
	
	.fadeBoxNoBackground {
		width: 677px;
		min-height: 205px;
		margin: 38px auto;
		padding: 30px 50px 30px 50px;
		font: normal 14px/18px Arial, Helvetica, sans-serif;
		position: relative;
	}
	
	
		.fadeBox h1 {
			color: #168500;
			font: bold 21px/24px Arial, Helvetica, sans-serif;
			padding-bottom: 5px;
			
		}

	
		.fadeBox h2 {
			color: #408000;
			font: bold 21px/24px Arial, Helvetica, sans-serif;
			padding-bottom: 5px;
			
		}
		
		.fadeBox p {
			padding: 10px 0 10px 0;
		}
		
		.fadeBox ul {
			list-style: none;
			list-style-position:inside;
			margin:10px 0 15px 0;
			padding:15;
		}
		.fadeBox ul li { 
			background-image: url('../images/bullet.gif');
			background-repeat: no-repeat;
			background-position: 0 0.4em;
			margin-left:20px;
			padding: 6px 3px 6px 20px; 
		}
		.fadeBox #breadcrumbs {
			margin: 0 0 5px 0;
			height: 35px;
			width: 100%;
			position: relative;
			left: -15px;
		}
		
			.fadeBox #breadcrumbs li {
				float: left;
				margin: 0;
				background-image: none;
				padding: 0;
			}
			
				.fadeBox #breadcrumbs a {
					padding-right: 5px;
				}
			
				.fadeBox #breadcrumbs a:hover {
					text-decoration: underline;
				}
	


#backFooter {
	background: url('../images/footer-back.jpg') top center;
	clear: both;
	width: 100%;
	height: 145px;
}
	
	#contentFooter {
		background: url('../images/footer.jpg') #349c01;
		position: relative;
		width: 850px;
		margin: 0 auto;
		height: 40px;
		padding-top: 105px;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		text-align: center;
	}
	
#centralArea {
	margin: 0 auto;
	width: 1045px;
	position: relative;
	/*background: yellow;*/
}
	
	
#rightBar {
	position: absolute;
	top: 368px;
	right: -220px;
	width: 210px;
	padding: 10px;
	background: #fff;
	font-family: Arial;
	line-height: 16px;
	z-index: 20; /*added*/
}

	#rightBar h3 {
		color: #f00;
		font-weight: bold;
		font-size: 14px;
		margin-bottom: 30px;
	}
	
	#rightBar .testimonial {
		font-style: italic;
	}
	
	#rightBar .testimonial strong {
		font-weight: bold;
	}
	
	#rightBar .author {
		font-weight: bold;
		color: #22c;
		margin: 5px 0;
		font-size: 12px;
	}
	
	#rightBar .location {
		font-size: 10px;
		line-height: 12px;
		margin-bottom: 25px;
	}
	

.quoteBanner {
	width: 535px;
	border: 5px solid #f00;
	display: block;
	margin: 0 auto;
	padding: 5px;
}

	.quoteBanner label {
		float: left;
		width: 185px;
		font-weight: bold;
		padding-right: 15px;
		background: url('../images/arrow.gif') center right no-repeat;
	}
	
	.quoteBanner .text {
		background: #fff;
		border: 1px inset #555;
		width: 149px;
		height: 24px;
		font: normal 16px/20px Arial, Helvetica, sans-serif;
		float: left;
		margin-top: 3px;
	}
	
	.quoteBanner .img {
		float: left;
		background: url("../images/sprite-sheet.jpg") -186px 0;
		width: 151px;
		height: 32px;
		margin: 2px 0 0 20px;
	}
	
/*------=3:	[SITE] -----------------------------*/

/*------=4: [FEEDBACK] -------------------------*/
#feedback {
    width: 98%;
}

#feedback th {
    font-size: small;
    border: 2px solid black;
    padding: 1px;
    font-weight: 600;
}

#feedback td {
    font-size: 10px;
    border: 2px solid black;
    padding: 1px;
    vertical-align: middle;
}

#singlefeedback {
    width: 100%;
}

#singlefeedback th {
    padding: 4px;
    font-weight: 600;
}

#singlefeedback td {
    padding: 4px;
    vertical-align: middle;
}

#singlefeedbackCenter {
    text-align: center;
}
            
.rating_bar {
    width: 55px;
    background: url(http://www.solarquotes.com.au/quote/images/star_x_grey.gif) 0 0 repeat-x;
}

.rating_bar div {
    height: 12px;
    background: url(http://www.solarquotes.com.au/quote/images/star_x_orange.gif) 0 0 repeat-x;
}

.rating_bar_large {
    width: 110px;
    background: url(http://www.solarquotes.com.au/quote/images/star_x_grey.gif) 0 0 repeat-x;
}

.rating_bar_large div {
    height: 24px;
    background: url(http://www.solarquotes.com.au/quote/images/star_x_orange.gif) 0 0 repeat-x;
}

.error-msg, .success-msg {
    text-align: center;
    margin: 0 20px 5px 20px;
    background: #fbb;
    border: 1px solid #a00;
    padding: 5px;
    color: #a00;
    font-size: 12px;
}
.success-msg {
    border: 1px solid #080;
    background: #bfb;
    color: #080;
}
}
@media print
{
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align:baseline;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:100%;outline:0;padding:0;margin:0;border:0;}
a{text-decoration:none;}
:focus{outline:0;}
body{background:white;line-height:1;color:black;font-size:10pt;}
ol, ul{list-style:none;}
/* tables still need cellspacing="0" in the markup */
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q{quotes:"" "";}


/*------=2:	[COMMON] -----------------------------*/

.altText{position:absolute;left:-9999px;}
.seoText{text-indent: -9999px;}
.floatLeft{float:left;display:inline;}
.floatRight{float:right;}
.clearLeft{clear:left;}
.clearRight{clear:right;}
.clearBoth{clear:both;}

body, #backFooter {
	background: #ffffff;
}
#backFooter {
	width:1048px;
	margin-left:auto;
	margin-right:auto
}

#pageBack {
	width: 1048px;
	/*margin-left: auto;
	margin-right: auto;*/
}

	#whiteBack {
		background: #fff 0 329px repeat-x;
		min-height: 760px;
	}
	
	.small #whiteBack {
		background: #fff 0 185px repeat-x;
		min-height: 500px;
	}

	#backHeader {
		background: url('../images/header-large-back.jpg') top center;
		position: absolute;
		width: 100%;
		height: 329px;
		top: 0;
		left: 0;
		z-index: 0;
	}

	#contentMain {
		position: relative;
		width: 100%;
		min-height: 329px;
		margin: 0 auto;
	}
	
		#contentHeader {
			background: url('../images/header-print.jpg') no-repeat top center;
			height: 329px;
			top: 0;
			left: 0;
			/*background: pink;*/
		}
		
		
			
			#contentHeader h2 {
			text-indent: -9999px;	
			}
		
			#contentHeader h2.biline {
				text-indent: 0;
				position: relative;
				left: 550px;
				top: 45px;
				width: 350px;
				font: 12px/14px Helvetica;
				text-shadow: gray 1px 1px ;
				
				color: #fff;
				
				
			}
			
			.small #contentHeader h2.biline
			{
				text-indent: 0;
				position: absolute;
				left: 300px;
				top: 55px;
				width: 350px;
				font: 12px/14px Helvetica;
				text-shadow: gray 1px 1px ;
				
				color: #fff;
			}
		

		
			/*#navigation {
				background: url('links.png') 0 0 no-repeat;
				position: absolute;
				bottom: 1px;
				width: 804px;
				height: 23px;
				left: 23px;
			}
			
				#navigation li {
					background: url('links.png') no-repeat;
					display: block;
					float: left;
					display: inline;
					height: 23px;
					margin-right: 14px;
					cursor: pointer;
				}
			
				#navigation li a {
					display: block;
					width: 100%;
					height: 100%;
					text-indent: -9999px;
				}
				
				#navigation li.home {
					background-position: 0 -0;
					width: 55px;
				}
				
				#navigation li.home:hover {
					background-position: 0 -23px;
				}
				
				#navigation li.getquote {
					background-position: -68px 0;
					width: 109px;
				}
				
				#navigation li.getquote:hover {
					background-position: -68px -23px;
				}
				
				#navigation li.learn {
					background-position: -192px 0;
					width: 227px;
				}
				
				#navigation li.learn:hover {
					background-position: -192px -23px;
				}
				
				#navigation li.guide {
					background-position: -433px 0;
					width: 118px;
				}
				
				#navigation li.guide:hover {
					background-position: -433px -23px;
				}
				
				#navigation li.about {
					background-position: -566px 0;
					width: 85px;
				}
				
				#navigation li.about:hover {
					background-position: -566px -23px;
				}
				
				#navigation li.blog {
					background-position: -663px 0;
					width: 40px;
				}
				
				#navigation li.blog:hover {
					background-position: -663px -23px;
				}
				
				#navigation li.suppliers {
					background-position: -717px 0;
					width: 86px;
					margin-right: 0;
				}
				
				#navigation li.suppliers:hover {
					background-position: -717px -23px;
				}
			*/
			
			.clear{
	clear: both;
}

img.home-icon {
	border: 0;
	height: 10px;
}


		
			#headerText {
				position:relative;
				top: 92px;
				left: 350px;
				width: 345px;
				height: 160px;
				font: normal 14px/18px Arial, Helvetica, sans-serif;
				color: #2b2e35;
				letter-spacing: -1px;
			}
		
				#headerText h2 {
				text-indent: 0;
				font: normal 21px/24px Arial, Helvetica, sans-serif;
				width: 445px;
				}
		
			#checkPostcode {
				background: url('../images/sprite-sheet.jpg') -1px 0 no-repeat;
				position: relative;
				width: 184px;
				height: 127px;
				bottom:30px;
				left:710px;
				z-index:10000; /*added*/
			}
			
				.small #checkPostcode {
					background: url('../images/sprite-sheet.jpg') -1px 0 no-repeat;
					position: relative;
					width: 184px;
					height: 127px;
					bottom:170px;
					left:710px;
					z-index:10000; /*added*/
				}
			
				#checkPostcode .text {
					background: #fff;
					border: 0;
					position: absolute;
					top: 52px;
					left: 18px;
					width: 149px;
					height: 24px;
					font: normal 16px/20px Arial, Helvetica, sans-serif;
				} 
				
				#checkPostcode .submit {
					background: url('../images/sprite-sheet.jpg') -186px 0 no-repeat;
					border: 0;
					position: absolute;
					top: 86px;
					left: 17px;
					width: 151px;
					height: 32px;
					cursor: pointer;
				}
				
				#checkPostcode .submit:hover {
					background-position: -186px -32px;
				}
/*------Split Testing GWO 1-----------------------------*/
                                                         #checkPostcode .submit_test {
					background: url('../images/sprite-sheet_test.jpg') -186px 0 no-repeat;
					border: 0;
					position: absolute;
					top: 86px;
					left: 17px;
					width: 151px;
					height: 32px;
					cursor: pointer;
				}
				
				#checkPostcode .submit_test:hover {
					background-position: -186px -32px;
				}
/*------Split Testing GWO 1-----------------------------*/

	.small #backHeader {
		background: url('../images/header-small.jpg') top center;
		height: 185px;
	}
	
		.small #contentHeader {
			background: url(null);
			height: 5px;!important
		}
		
	#largeGreenBoxes {
		padding: 30px 0 0 0;
		margin: 0 20px;
		width: 799px;
		height: 170px;
		position: relative;
	}
		#largeGreenBoxes a {
			background: url('../images/sprite-sheet.jpg') no-repeat;
			width: 251px;
			height: 170px;
			display: block;
			float: left;
			display: inline;
			cursor: pointer;
			text-indent: -9999px;
		}
	
		#largeGreenBoxes a.learn {
			background-position: 0px -127px;
			margin-right: 20px;
		}
	
		#largeGreenBoxes a.learn:hover {
			background-position: 0px -297px;
		}
	
		#largeGreenBoxes a.tellus {
			background-position: -251px -127px;
			margin-right: 20px;
		}
	
		#largeGreenBoxes a.tellus:hover {
			background-position: -251px -297px;
		}

		#largeGreenBoxes a.compare {
			background-position: -502px -127px;
		}

		#largeGreenBoxes a.compare:hover {
			background-position: -502px -297px;
		}


                             /*------Split Testing GWO2 -----------------------------*/


                             #largeGreenBoxes_test {
		padding: 38px 0 0 0;
		margin: 0 auto;
		width: 799px;
		height: 170px;
		position: relative;
	}
		#largeGreenBoxes_test a {

			background: url('../images/sprite-sheet_test.jpg') no-repeat;
			width: 251px;
			height: 170px;

			display: block;
			float: left;
			display: inline;
			cursor: pointer;
			text-indent: -9999px;
		}
	
		#largeGreenBoxes_test a.learn {
			background-position: 0px -127px;
			margin-right: 20px;
		}
	
		#largeGreenBoxes_test a.learn:hover {
			background-position: 0px -297px;
		}
	
		#largeGreenBoxes_test a.tellus {
			background-position: -251px -127px;
			margin-right: 20px;
		}
	
		#largeGreenBoxes_test a.tellus:hover {
			background-position: -251px -297px;
		}

		#largeGreenBoxes_test a.compare {
			background-position: -502px -127px;
		}

		#largeGreenBoxes_test a.compare:hover {
			background-position: -502px -297px;
		}

/*------End Split Testing 2 GWO -----------------------------*/

		
	.fadeBox {
		background: url('/images/fade-box.png') no-repeat;
		width: 677px;
		min-height: 205px;
		margin: 38px 20px;
		padding: 30px 50px 30px 50px;
		font: normal 14px/18px Arial, Helvetica, sans-serif;
		position: relative;
	}
		
		.fadeBox h1 {
			color: #168500;
			font: bold 21px/24px Arial, Helvetica, sans-serif;
			padding-bottom: 5px;
			
		}

	
		.fadeBox h2 {
			color: #408000;
			font: bold 21px/24px Arial, Helvetica, sans-serif;
			padding-bottom: 5px;
			
		}
		
		.fadeBox p {
			padding: 10px 0px 10px 0px;
		}
		
		.fadeBox ul {
			list-style: none;
			list-style-position:inside;
			margin:10px 0px 15px 0px;
			padding:15px;
		}
		.fadeBox ul li { 
			background-image: url('../images/bullet.gif');
			background-repeat: no-repeat;
			background-position: 0 0.4em;
			margin-left:20px;
			padding: 6px 3px 6px 20px; 
		}
		.fadeBox #breadcrumbs {
			margin: 0px 0px 5px 0px;
			height: 35px;
			width: 100%;
			position: relative;
			left: -15px;
		}
		
			.fadeBox #breadcrumbs li {
				float: left;
				margin: 0px;
				background-image: none;
				padding: 0;
			}
			
				.fadeBox #breadcrumbs a {
					padding-right: 5px;
				}
			
				.fadeBox #breadcrumbs a:hover {
					text-decoration: underline;
				}
		
	.small .fadeBox {
		background:none;
		width: 677px;
		margin: 38px auto;
		padding: 30px 0px 30px 0px;
		font: normal 14px/18px Arial, Helvetica, sans-serif;
		position: absolute!important;
	}
	
	
		.small .fadeBox h1 {
			color: #168500;
			font: bold 21px/24px Arial, Helvetica, sans-serif;
			padding-bottom: 5px;
			
		}

	
		.small .fadeBox h2 {
			color: #408000;
			font: bold 21px/24px Arial, Helvetica, sans-serif;
			padding-bottom: 5px;
			
		}
		
		.small .fadeBox p {
			padding: 10px 0 10px 0;
		}
		
		.small .fadeBox ul {
			list-style: none;
			list-style-position:inside;
			margin:10px 0 15px 0;
			padding:15;
		}
		.small .fadeBox ul li { 
			background-image: url('../images/bullet.gif');
			background-repeat: no-repeat;
			background-position: 0 0.4em;
			margin-left:20px;
			padding: 6px 3px 6px 20px; 
		}
		.small .fadeBox #breadcrumbs {
			margin: 0 0 5px 0;
			height: 35px;
			width: 100%;
			position: relative;
			left: -15px;
		}
		
			.small .fadeBox #breadcrumbs li {
				float: left;
				margin: 0;
				background-image: none;
				padding: 0;
			}
			
				.small .fadeBox #breadcrumbs a {
					padding-right: 5px;
				}
			

#backFooter {
	background: url('../images/footer-back.jpg') top center;
	clear: both;
	height: 145px;
}
	
	#contentFooter {
		background: url('../images/footer.jpg') #349c01;
		position: relative;
		width: 850px;
		margin: 0 auto;
		height: 40px;
		padding-top: 105px;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		text-align: center;
	}
	
	.small #backFooter {
	display:none;
	background: url('../images/footer-back.jpg') top center!important;
	margin-top: 2000px!important;
	/*clear: both!important;*/
	height: 145px!important;
	}
	
	.small #contentFooter {
		background: url('../images/footer.jpg') #349c01!important;
		position: relative!important;
		width: 850px!important;
		height: 40px!important;
		padding-top: 105px!important;
		font: normal 12px/16px Arial, Helvetica, sans-serif!important;
		text-align: center!important;
	}
	
#centralArea {
	margin: 0 auto;
	width: 1045px;
	position: relative;
	/*background: yellow;*/
}
	
	
#rightBar {
	position: absolute;
	top: 340px;
	right: 0px;
	width: 210px;
	padding: 10px;
	background: #fff;
	font-family: Arial;
	line-height: 16px;
	z-index: 20; /*added*/
}

	#rightBar h3 {
		color: #f00;
		font-weight: bold;
		font-size: 14px;
		margin-bottom: 30px;
	}
	
	#rightBar .testimonial {
		font-style: italic;
	}
	
	#rightBar .testimonial strong {
		font-weight: bold;
	}
	
	#rightBar .author {
		font-weight: bold;
		color: #22c;
		margin: 5px 0;
		font-size: 12px;
	}
	
	#rightBar .location {
		font-size: 10px;
		line-height: 12px;
		margin-bottom: 25px;
	}
	

.quoteBanner {
	width: 535px;
	border: 5px solid #f00;
	display: block;
	margin: 0 auto;
	padding: 5px;
}

	.quoteBanner label {
		float: left;
		width: 185px;
		font-weight: bold;
		padding-right: 15px;
		background: url('../images/arrow.gif') center right no-repeat;
	}
	
	.quoteBanner .text {
		background: #fff;
		border: 1px inset #555;
		width: 149px;
		height: 24px;
		font: normal 16px/20px Arial, Helvetica, sans-serif;
		float: left;
		margin-top: 3px;
	}
	
	.quoteBanner .img {
		float: left;
		background: url("../images/sprite-sheet.jpg") -186px 0;
		width: 151px;
		height: 32px;
		margin: 2px 0 0 20px;
	}
	
/*------=3:	[SITE] -----------------------------*/

/*------=4: [FEEDBACK] -------------------------*/
#feedback {
    width: 98%;
}

#feedback th {
    font-size: small;
    border: 2px solid black;
    padding: 1px;
    font-weight: 600;
}

#feedback td {
    font-size: 10px;
    border: 2px solid black;
    padding: 1px;
    vertical-align: middle;
}

#singlefeedback {
    width: 100%;
}

#singlefeedback th {
    padding: 4px;
    font-weight: 600;
}

#singlefeedback td {
    padding: 4px;
    vertical-align: middle;
}

#singlefeedbackCenter {
    text-align: center;
}
            
.rating_bar {
    width: 55px;
    background: url(http://www.solarquotes.com.au/quote/images/star_x_grey.gif) 0 0 repeat-x;
}

.rating_bar div {
    height: 12px;
    background: url(http://www.solarquotes.com.au/quote/images/star_x_orange.gif) 0 0 repeat-x;
}

.rating_bar_large {
    width: 110px;
    background: url(http://www.solarquotes.com.au/quote/images/star_x_grey.gif) 0 0 repeat-x;
}

.rating_bar_large div {
    height: 24px;
    background: url(http://www.solarquotes.com.au/quote/images/star_x_orange.gif) 0 0 repeat-x;
}
#navigation2 {
	/*width: 960px;*/
	position: relative;
	bottom: 130px;
	width: 804px;
}
#navigation3 {
	/*width: 960px;*/
	position: relative;
	bottom: 5px;
	width: 804px;
	left: 40px
}
.error-msg, .success-msg {
    text-align: center;
    margin: 0 20px 5px 20px;
    background: #fbb;
    border: 1px solid #a00;
    padding: 5px;
    color: #a00;
    font-size: 12px;
}
.success-msg {
    border: 1px solid #080;
    background: #bfb;
    color: #080;
}
/*** ESSENTIAL STYLES ***/
.navigation, .navigation * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	bottom:10px;
	z-index:200;
	
}
.navigation {
	line-height:	1.0;
}
.navigation ul {
	position:		absolute;
	top:			-999em;
	width:			20em; /* left offset of submenus need to match (see below) */
}
.navigation ul li {
	width:			100%;
}
.navigation li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.navigation li {
	float:			left;
	position:		relative;
}
.navigation a {
	display:		block;
	position:		relative;
}
.navigation li:hover ul,
.navigation li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.navigation li:hover li ul,
ul.navigation li.sfHover li ul {
	top:			-999em;
}
ul.navigation li li:hover ul,
ul.navigation li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.navigation li li:hover li ul,
ul.navigation li li.sfHover li ul {
	top:			-999em;
}
ul.navigation li li li:hover ul,
ul.navigation li li li.sfHover ul {
	left:			20em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.navigation {
	float:			left;
	margin-bottom:	1em;
}
.navigation a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.navigation a, .navigation a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
	font-weight: bold;
}
.navigation li {
	/*background:		#1c8a00;*/
	background: transparent;
}

.navigation li span.home {
background: url(/images/home-icon.png) top left no repeat;
}

.navigation li li {
	background:		#1c8a00;
}
.navigation li li li {
	background:		#1c8a00;
}
.navigation li:hover, .navigation li.sfHover,
.navigation a:focus, .navigation a:hover, .navigation a:active {
	background:		#f5c41f;
	outline:		0;
}

/*** arrows **/
.navigation a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {

	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.navigation ul .sf-sub-indicator { background-position:  -10px 0; }
.navigation ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.navigation ul a:focus > .sf-sub-indicator,
.navigation ul a:hover > .sf-sub-indicator,
.navigation ul a:active > .sf-sub-indicator,
.navigation ul li:hover > a > .sf-sub-indicator,
.navigation ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
#step1 #getStarted form,#step1 #getStarted .beta_version{display:none}
/* FIND YOUR ROOF */

#topControls{
	height: 620px; 
	width: 100%;
}
.controlStep{
	position:absolute;
}
#getStarted_fake{
	z-index: 6000;
	width: 901px;
	height: 160px;
	background: url('/images/get-started-now.png');
	position: relative;
	top: 0px;
	left: 0px;
	visibility:hidden;
}
#getStarted {
	z-index: 6000;
	width: 901px;
	height: 160px;
	background: url('/images/get-started-now.png');
	position: absolute;
	top: 0px;
	left: 0px;
}
#getStarted input {
	border: 0;
	height: 20px;
	width: 128px;
}
#getStarted #house_number { margin: 61px 0 0 280px; }	
#getStarted #street { margin: 61px 0 0 26px; }	
#getStarted #postcode { margin: 61px 0 0 26px; }
#getStarted #submit {
	position: absolute;
	top: 32px;
	right: 62px;
	background: url('/images/btn-go.png');
	width: 85px;
	height: 77px;
	cursor: pointer;
}
#form-div { 
  font-family : verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
  width : 70%;
  margin : auto;
  color : #555;
  line-height : 1.7em;
}

#form-div p.form-footer {
  margin : -35px 2px 20px 13px;
 }

#form-div p.form-footer a { 
  color : #669900; 
}

/* === form div link styles ======================================== */

#form-div a { 
  color : #669900; 
}
  
/* === success and error message/results box ======================= */

#form-div p.success, #form-div p.error, #form-div p.center { 
  color : #fff;
  /* color : #000; (lite colors option - uncomment to use) */
  padding : 1px 4px; 
  border : 1px solid #000; 
  background-color : #669900;
  /* background-color : #d6e3ba; (lite colors option - uncomment to use) */
  margin : 10px 3px;
  text-align : center;
}

#form-div p.error { 
  background-color : #bb0000; 
  /* background-color : #edbaba; (lite colors option - uncomment to use) */
}

#form-div p.error a, #form-div p.success a {
  color : #ffff7f;
}

#form-div p.center {
  text-align : center;
  background-color : #edbaba;
  color : #000;
  margin-top : -3px;
  padding : 0px 4px; 
}

/* === structural form elements ==================================== */

form#gbcf-form { }

fieldset.main-set,
fieldset.req-set,
fieldset.opt-set { 
  border : 1px solid #eee;
  padding : 5px;
}

#form-div legend { 
  font-weight : bold;
}

#form-div legend span { }

legend.main-legend { 
  color : #777;
  font-size : 110%;
}

legend.req-legend,
legend.opt-legend { 
  color : #777;
}

legend.main-legend span { }
legend.main-legend { }

legend.req-legend span { }
legend.req-legend {
  margin-left : -2px;
}

legend.opt-legend span { }
legend.opt-legend { 
  margin-left : -2px;
}

label.req-label, label.opt-label {
  color : #669900;
}

label.opt-label.check {
  float : right;
  padding : 0;
  margin : 1px 4px;
  cursor : pointer;
}

label.opt-label.main-label {
  margin : 0 2px;
  font-weight : bold;
}

label.opt-label.main-label span {
  font-weight : normal;
  color : #666;
}

label.opt-label.main-label span.req, label span.req  {
  font-weight : bold;
  color : #c70000;
}

label.req-label.explain {
  color : #666;
  font-size : .8em;
}

input.text-long.address {
  border-bottom : 0;
  margin-bottom : 0;
  padding-bottom : 2px;
  border-bottom : 1px dotted #bbb;
}

input.text-long.address2 {
  border-top : 0;
  margin-top : 0;
  padding-top : 2px;
  border-top : 1px dotted #bbb;
}

input.checkbox {
  border : 1px solid #999;
  width : .9em;
  height : .9em;
  padding : 0;
  margin : 0;
  cursor : pointer;
}

input.text-short, 
input.text-med, 
input.text-long,
select.select,
textarea.textarea {
  font : 1em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
  border : 1px solid #999;
  background-color : #fffffe;
  cursor : text;
  padding : 1px 2px;
}

select.select {
  padding : 1px 0;
}

input.text-short {
  width : 100px;
}

input.text-med, select.select {
  width : 250px;
}

input.text-long {
  width : 300px;
}

textarea.textarea {
  width : 440px;
  height : 200px;
}

select.select, select.select option {
  cursor : pointer;
}

input.text-short:focus, input.text-short.focus, 
input.text-med:focus, input.text-med.focus,
input.text-long:focus, input.text-long.focus,
select.select:focus, input.select.focus,
textarea.textarea:focus, textarea.textarea.focus {
  border : 1px solid #666;
  background-color : #ffe;
}

input.button { 
  font : 1.1em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
  font-weight : bold;
  margin-top : 8px;
  padding : 1px 10px;
  cursor : pointer;
  float : right;
  clear : both;
  color : #669900;
}

input.button:hover, input.button.hover,
input.button:focus, input.button.focus {
  color : #333;
}

}

.fadeBox tbody p {
     vertical-align: middle;
}

#feedback th {
    background-color: #B2D2FD;
}