/* ----------------------------------------------- */
/* SOLUTION ENGINE PAGES */
/* ----------------------------------------------- */

/* ----------------------------------------------- */
/* PAGE LAYOUT */
/* ----------------------------------------------- */

	#maincontent {
		border: 1px solid #b2ccb2;
		padding: 0 8px 0 8px;
	}

	#home #maincontent {
		font-family: arial, verdana, sans-serif;
	}

		#content {
			margin: 25px 0 0 0;
			border: 0;
			padding: 0;
			width: 570px;
		}

/* although this *html selector doesn't appear to be doing anything, it is needed to override the width from the * html selector in main.css */
		* html #content {
			width: 570px; /* for IE5.x windows */
			w\idth: 570px; /* for everything else */
		}

			#content .seintro {
				width: 310px;
			}

		#sidebar {
			width: 165px;
			margin-top: 8px;
		}

/* ----------------------------------------------- */
/* STEPS */
/* ----------------------------------------------- */

		.steps li {
			float: left;
			display: block;
			height: 49px;
			width: 126px;
			margin: 0 1px 0 0;
		}

			.steps li span {
				position: absolute;
				top: -6000em;
			}

		.steps li#stepone,
		.steps li#stepone.completed {
			background: url(/_images/buttons/step1.jpg) no-repeat left top;
		}

			.steps li#stepone.current {
				background: url(/_images/buttons/step1_on.jpg) no-repeat left top;
			}

		.steps li#steptwo {
			background: url(/_images/buttons/step2.jpg) no-repeat left top;
		}

			.steps li#steptwo.current {
				background: url(/_images/buttons/step2_on.jpg) no-repeat left top;
			}

			.steps li#steptwo.completed {
				background: url(/_images/buttons/step2_done.jpg) no-repeat left top;
			}

		.steps li#stepthree {
			background: url(/_images/buttons/step3.jpg) no-repeat left top;
		}

			.steps li#stepthree.current {
				background: url(/_images/buttons/step3_on.jpg) no-repeat left top;
			}

			.steps li#stepthree.completed {
				background: url(/_images/buttons/step3_done.jpg) no-repeat left top;
			}

		.steps li#stepfour {
			background: url(/_images/buttons/step4.jpg) no-repeat left top;
		}

			.steps li#stepfour.current {
				background: url(/_images/buttons/step4_on.jpg) no-repeat left top;
			}

			.steps li#stepfour.completed {
				background: url(/_images/buttons/step4_done.jpg) no-repeat left top;
			}

		.steps li#stepfive {
			background: url(/_images/buttons/step5.jpg) no-repeat left top;
		}

			.steps li#stepfive.current {
				background: url(/_images/buttons/step5_on.jpg) no-repeat left top;
			}

			.steps li#stepfive.completed {
				background: url(/_images/buttons/step5_done.jpg) no-repeat left top;
			}

		.steps li#stepsix {
			background: url(/_images/buttons/step6.jpg) no-repeat left top;
			margin-right: 0;
		}

			.steps li#stepsix.current {
				background: url(/_images/buttons/step6_on.jpg) no-repeat left top;
			}

			.steps li#stepsix.completed {
				background: url(/_images/buttons/step6_done.jpg) no-repeat left top;
			}



/* ----------------------------------------------- */
/* BANNERS */
/* ----------------------------------------------- */

	#banners {
		margin: 0;
	}

		#banners li {
			float: left;
			width: 251px;
			height: 101px;
			margin: 4px 4px 0 0;
		}

			#banners li a {
				width: 251px; /* width and height repeated for IE mac */
				height: 101px;
			}

		#banners li#banner1 {
			background: url(/_images/home/home_banner1.jpg) no-repeat left top;
		}

		#banners li#banner2 {
			background: url(/_images/home/home_banner2.jpg) no-repeat left top;
		}

		#banners li#banner3 {
			background: url(/_images/home/home_banner3.jpg) no-repeat left top;
			margin-right: 0;
		}




/* ----------------------------------------------- */
/* PRICE BUTTONS */
/* ----------------------------------------------- */

	#price {
		padding: 0 0 10px 30px;
	}

	#home #price {
		float: left;
		padding-left: 0px;
	}

		#price li {
			margin: 0 4px 5px 0;
			list-style: none;
			display: block;
			height: 55px;
			font-weight: bold;
			font-size: 1.2em;
		}

		#home #price li {
			float: left;
		}

			#price li span.hidden {
				position: absolute;
				top: -6000em;
			}

			#price li span {
				position: relative;
				left: 50px;
				top: 22px;
			}


		#price li#lpg {
			background: url(/_images/buttons/price_lpg.jpg) no-repeat left top;
			width: 85px;
			color: #006600;
		}

		#price li#petrol {
			background: url(/_images/buttons/price_petrol.jpg) no-repeat left top;
			width: 105px;
			color: #d68e11;
		}

		#price li#diesel {
			background: url(/_images/buttons/price_diesel.jpg) no-repeat left top;
			margin-right: 0;
			width: 95px;
			color: #000;
		}