html {
	overflow: scroll; /* show scrollbars to prevent funny page jumping between different length pages */
	}

body {
	background-image: url('/images/template/body/body-bg.png');
	background-repeat: repeat-x;
	background-color: #fff;
	width: 100%;
	padding: 0 0 10px 0; /* alter this if you want to pad the site from the top or bottom */
	text-align: center;}

/* wrapper to locate page to centre in all browsers */
#wrapper { 
	margin: 0 auto;
	width: 960px; 
	text-align: left;} 

/* container needed to style containing bars */
#container { 
	float: left;
	width: 960px;}

#headerBar { 
	float: left; 
	width: 100%; 
	height: 160px; 
	margin: 0;
	padding: 0;
	text-indent: -9999px;}		
	
.companyLogo {
	width: 360px;
	height: 120px;
	background-image: url('/images/template/header/company-logo.png');
	background-repeat: no-repeat;
	margin: 20px 0 0 310px;}	
	
	#headerEnquiry {
		float: left;
		background: #7c8b7a;
		width: 250px;
		height: 125px;
		margin: -130px 0 0 720px;
		}
		

		#headerEnquiry label { float:left; width: 50px; color:#fff;}
		#headerEnquiry fieldset { margin-top: -15px}
		#headerEnquiry input { float: left; width: 150px;}
		
		#headerEnquiry .enquiryform_submit {
		    background: #c4d198;
		    float: right;
		    border: none;
		    color: #fff;
		    cursor: pointer;
		    margin: 5px 16px 0 0;
		    width: 60px; }
		
		
	#headerBanner {
		background-repeat: no-repeat;
		float: left;
		height: 200px;
		margin-top: 1px;
		width: 100%;
		z-index: 2;}
	
	.cf_element {
		background-repeat: no-repeat;
		height: 200px;
		width: 660px;
		margin-left: 250px;}

.buyNow {
	float:right;
	position: relative;
	margin: -55px 55px 0 0;
	z-index: 1;}

#leftBar { 
	float: left; 
	width: 250px;
	margin: -250px 0 0 0;
	padding: 0;}
	
	#leftBar .menuTop {
		height: 100px;
		background-image: url('/images/template/menu/top.png');
		background-repeat: no-repeat;}
			
			#leftBar .contact { 
				padding-top:30px;}
					
	#leftBar .menuMiddle {
		background-image: url('/images/template/menu/middle.png');
		background-repeat: repeat-y;
		margin: -6px 0 0 5px;}
		
		#leftBar .leftMenu {
			font-weight: bold;
			padding: 0;
			list-style-type: none;
			margin-left: 15px;}
				
		#leftBar .leftMenu ul { 
			width: 225px;
			margin: 0;
			color:#91A98B;}
					
		#leftBar .leftMenu ul ul { 
			margin: 0 10px 0 0;
			font-size: 12px;}
			
		#leftBar .leftMenu li li {
			margin: 1px 0 0 10px;
			font-weight: normal;}
			
	#leftBar .menuBottom {
		background-image: url('/images/template/menu/menu_bottom.png');
		background-repeat: no-repeat;
		height: 30px;
		margin: 0 0 0 6px;}
	
	#tesBox {
		 float: left; 
		 margin: 10px 15px 0 15px; }
	
		.tesTop { 
			background-image:url("/images/template/menu/test_top.jpg");
			background-repeat:no-repeat;
			width:230px;
			float:left;
			height:32px;}
			
		.tesMid {
			background-image:url("/images/template/menu/test_middle.jpg");
			background-repeat:repeat-y;
			float:left;
			width:230px;}
			
		.tesBot {
			background-image:url("/images/template/menu/test_bottom.jpg");
			background-repeat:no-repeat;
			float:left;
			height:32px;
			width:230px;}
		
#mainBar {
display: block;
float: left;
width: 660px;
margin: 0;
padding: 0;}

#mainBar ul li { 
	list-style-type: disc;
	color:#7C8B7A;}

	#mainBlock { 
		float: left; 
		width:660px;}
	
	#mainBlock { 
		border-bottom: 1px solid #999; 
		margin: 10px 0 0 10px;}
	
	#mainBlock img {
		 float: left; 
		 margin:0 10px 10px 0; 
		 padding: 2px; }

	.imageBorder {
		border: solid 1px #91A98B;}
	
	

#footerWrapper { 
	float: left; 
	width: 100%; 
	background: #dce9d8;
	margin: 10px 0 0 0;
	padding: 0;}
	
	#footerBar {
		width: 960px;
		margin: 0 auto 0 auto;}
	
	#footerBar .colOne {
		background-image: url('/images/template/footer/footer_gradient.jpg');
		background-repeat: repeat-y;
		float: left;
		width:175px;
		height:85px;
		margin-left: 20px;}
	
	 #footerBar .colTwo {
		 float: left;
		 width:600px;}
		 
	 #footerBar .colThree {
		 float: left;
		 width:165px;}