@charset "utf-8";
/* Coding by Vebbu.com */

* { margin: 0; padding: 0; }

body {
background: url(i/background.gif) #2a2013;
font-family: Lucida Grande, Lucida Sans Unicode;
}

.clear { clear: both; }

#container {
width: 864px;
margin: 0 auto;
}

.main {
width: 854px;
background: #fff;
padding: 0 5px 0 5px;
}
	
	#header {
	width: 783px;
	height: 144px;
	padding: 0 0 0 71px;
	background: url(i/header.gif) no-repeat bottom right;
	}
		
		#header-left {
		float: left;
		padding: 61px 0 0 0;
		width: 144px;
		}
	
		#header h1 {
		width: 230px;
		height: 28px;
		background: url(i/logo.gif) no-repeat;
		}
			#header h1 a { display: block; height: 28px; }
			#header h1 span { display: none; }
		
		#header-right {
		float: right;
		width: 500px;
		}
		
		#topnav {
		margin-top: 15px;
		padding-right: 15px;
		float: right;
		}
		
		#topnav li {
		color: #618b9b; 
		float: left;
		font: normal 12px Lucida Grande, Lucida Sans Unicode;
		margin-right: 35px;
		list-style-type: square;
		}
			#topnav li a { color: #618b9b; text-decoration: none; }
			#topnav li a:hover { text-decoration: underline; }
			
			#callus {
			margin-top: 76px;
			float: right;
			width: 217px;
			height: 27px;
			background: #e6f6c7;
			color: #706e52;
			font: bold 14px Lucida Bright, Minion, georgia;
			padding: 10px 0 0 13px;
			}
			
			#nav {
			width: 830px;
			height: 72px;
			background: url(i/nav.gif) repeat-x;
			font: normal 15px Lucida Grande, Lucida Sans Unicode;
			padding: 0 0 0 24px;
			margin: 0 0 2px 0;
			}
			
			#nav li {
			float: left;
			list-style: none;
			}
			
			#nav li a { color: #e5f5d3; text-decoration: none; display: block; height: 72px; line-height: 72px; width: auto; padding: 0 20px; float: left; width: auto; }
			#nav li a:hover { color: #6d844a; text-decoration: underline; background: url(i/nav-h.gif) repeat-x; }
			
			.content {
			background: url(i/content.gif) repeat-x #fff;
			padding: 27px 27px 0 27px;
			width: 800px;
			}
			
			.content2 {
			background: url(i/main.gif) no-repeat bottom right;
			}
				#welcome {
				width: 770px;
				height: 35px;
				background: #e9eff1;
				border: 1px solid #cbd9df;
				font: normal 17px Lucida Grande, Lucida Sans Unicode;
				color: #618b9b;
				padding: 14px 14px 0 14px;
				}
				
				#welcome strong { background: url(i/bullet.gif) no-repeat left center; padding-left: 15px; font-weight: normal; }
				
				#welcome p { float: right; background: url(i/bullet.gif) no-repeat left center; color: #2f596b; padding-left: 15px; }
				#welcome p span { font-size: 11px; color: #a5bdc6; }
				
				.split {
				width: 800px;
				height: 17px;
				background: url(i/splitter.gif) no-repeat;
				margin: 25px 0 17px 0;
				}
				
				.text {
				padding-bottom: 27px;
				}
				
				.paypal {
				width: 347px;
				height: 58px;
				background: url(i/paypal.gif) no-repeat;
				float: left;
				}
				
				.phona {
				color: #618b9b;
				font: normal 11px Lucida Grande, Lucida Sans Unicode;
				float: left;
				padding: 27px 0 27px 0;
				}
				
				.phona a { color: #618b9b; text-decoration: none; }
				
				.phona span { padding-left: 20px; }
				
				.footer {
				height: 34px;
				width: 828px;
				background: #e6f6c7;
				padding: 19px 18px 0 18px;
				font: bold 14px Lucida Bright, Minion, georgia;
				color: #706e52;
				font-size:12px;
				}
				
				.footer a { color: #706e52; text-decoration: none; }
				.footer a:hover { color: #706e52; text-decoration: underline; }
				
				.footer span { float: right; }
				
				.box1, .box2, .box3, .box4, .box5, .box6 {
				width: 233px;
				height: 30px;
				float: left;
				margin-bottom: 28px;
				color: #ffffff;
				font-size: 14px;
				font-weight: bold;
				padding: 174px 0 0 15px;
				}
				
				.box1, .box4 { margin-right: 28px; }
				.box2, .box5 { margin-right: 27px; }
				
				.box1 span, .box2 span, .box3 span, .box4 span, .box5 span, .box6 span {
				background: url(i/arrow.gif) no-repeat left center;
				padding: 0 0 0 10px;
				}
				
				.box1 a, .box2 a, .box3 a, .box4 a, .box5 a, .box6 a { color: #fff; text-decoration: none; }
				.box1 a:hover, .box2 a:hover, .box3 a:hover, .box4 a:hover, .box5 a:hover, .box6 a:hover { color: #fff; text-decoration: underline; }
				
				.box1 {
				background: url(i/securitysheds.gif) no-repeat;
				}
				
				.box2 {
				background: url(i/apexbfront.gif) no-repeat;
				}
				
				.box3 { 
				background: url(i/pentfront.gif) no-repeat; }
				
				.box4 {
				background: url(i/tanalisedsheds.gif) no-repeat;
				}
				
				.box5 {
				background: url(i/standardsheds.gif) no-repeat;
				}
				
				.box6 {
				background: url(i/summerhouses.gif) no-repeat;
				}
				
				.sub-left {
				float: left;
				width: 245px;
				padding: 0 0 0 20px;
				}
				
				.sub-left select { margin-bottom: 20px; display: block; }
				
				.sub-left label {
				font: bold 13px Lucida Grande, Lucida Sans Unicode; 
				color: #618b9b;
				}
				
				.sub-right {
				float: right;
				width: 508px;
				}
				
				.col1, .col2 {
				font: bold 13px Lucida Grande, Lucida Sans Unicode; 
				color: #618b9b;
				height: 34px;
				}
				
				.tablehead { background: #e9eff1; height: 49px; color: #2f596b; }
				
				.col1 { background: #f4f7f8; }
				.col2 { background: #e9eff2; }
				
				.col1 td, .col2 td { padding: 0 0 0 15px; }
				
				.sub-left img {
				margin-bottom: 20px;
				margin-top: 20px;
				display: block;
				border: 2px solid #6d844a;
				}
				
				.sub-left h3 {
				font: normal 15px Lucida Grande, Lucida Sans Unicode;
				color: #618b9b;
				}
				
				.apexorpent {
				color: #6d844a;
				margin-bottom: 20px;
				}
				
				.subapex {
				height: 44px;
				background: url(i/apex.gif) no-repeat;
				padding: 20px 0 0 100px;
				margin-bottom: 10px;
				}
				
				.subpent {
				height: 54px;
				background: url(i/pent.gif) no-repeat;
				padding: 20px 0 0 100px;
				}
				
				.subpentb {
				height: 54px;
				background: url(i/pentb.gif) no-repeat;
				padding: 20px 0 0 100px;
				}
				
				.subpentc {
				height: 54px;
				background: url(i/pentc.gif) no-repeat;
				padding: 20px 0 0 100px;
				}
				
				.subpentd {
				height: 54px;
				background: url(i/pentd.gif) no-repeat;
				padding: 20px 0 0 100px;
				}
				
				.subpente {
				height: 54px;
				background: url(i/pente.gif) no-repeat;
				padding: 20px 0 0 100px;
				margin-bottom: 10px;
				}
				
				.te {
				font: normal 16px Lucida Bright, Minion, Georgia;
				color: #706e52;
				margin-bottom: 10px;
				line-height: 26px;
				}
				
				.text { font: normal 12px Lucida Grande, Lucida Sans Unicode; color: #706e52; }
				.text h6 { font: normal 19px Lucida Bright, Minion, Georgia; color: #4b4942; margin-bottom: 15px; }
				
				.text h7 { font: bold 15px Lucida Bright, Minion, Georgia; color: #4b4942;}
				
				.text p { line-height: 24px; margin-bottom: 10px; }
				
				.te2 {
				font: normal 12px Lucida Grande, Lucida Sans Unicode;
				color: #9aaa82;
				line-height: 22px;
				margin-bottom: 20px;
				}
				
				.contactbar {
				background: #eef1ea;
				border: 1px solid #dadfd1;
				width: 175px;
				height: 24px;
				font: normal 12px Lucida Grande, Lucida Sans Unicode;
				color: #758855;
				padding: 8px 0 0 8px;
				float: right;
				margin-bottom: 4px;
				}
				
				.contactbox label { float: left; margin-top: 8px; }
				
				.contactbox { width: 280px; }
				
				.message1 {
				font: normal 12px Lucida Grande, Lucida Sans Unicode;
				color: #758855;
				padding: 8px;
				background: #eef1ea;
				border: 1px solid #dadfd1;
				width: 262px;
				}
				
				.submit_message {
				float: left; 
				margin-top: 4px;
				}
				
				.contact-left {
				float: left;
				width: 300px;
				}
				
				.contact-right {
				float: right;
				width: 470px;
				line-height: 26px;
				font-size: 14px;
				}
				
						#log {
						margin-top: 10px;
						}
						 
						#log_res {
							overflow: auto;
						}
						 
						#log_res.ajax-loading {
							padding: 20px 0;
							background: url(i/ajax-loader.gif) no-repeat;
						}
				
				/* Shed Page */
				
				.shed-wrap {
				border-bottom: 1px solid #e9ede4;
				padding-bottom: 20px;
				margin-bottom: 20px;
				}
				
				.shed-left img {
				display: block;
				border: 2px solid #6d844a;
				float: left;
				width: 242px;
				}
				
				.shed-right {
				float: right;
				width: 520px;
				}
				
				.shed-right h3 {
				font: normal 19px Lucida Bright, Minion, Georgia;
				color: #4b4942;
				}
				
				.shed-right p { 
				font: normal 12px Lucida Grande, Lucida Sans Unicode;
				line-height: 24px;
				margin-bottom: 15px;
				}
				
				a.view {
				color: #6d844a;
				font: bold 12px Lucida Bright, Minion, Georgia;
				float: left;
				}
				
				.freedel {
				float: right;
				width: 107px;
				height: 39px;
				background: url(i/free.gif) no-repeat;
				}
					.freedel span { display: none; }
				
				.mainbot {
				color: #87817c;
				font-size: 11px;
				text-align: center;
				padding: 10px;
				}
				
				.mainbot li { display: inline; list-style: none; }
				
				.mainbot li a { color: #87817c; text-decoration: none; }
				.mainbot li a:hover { text-decoration: underline; }
				
				.del { margin-top: 20px; }
				
				.shedinfo {
				margin-top: 15px; 
				line-height: 24px;
				font-size: 13px;
				}
				
				.shedinfo a { color: #706E52; }
				
				.more-pics {
				margin-top: 20px;
				}
				
				.more-pics img {
				border: 2px solid #6d844a;
				margin: 0 10px 10px 0;
				}
				
				.more-pics img a {
				border: 2px solid #6d844a;
				}
				
				.extras li { list-style: none; padding: 5px 0; }
				
				.freep {
				font: bold 11px Arial, Minion, Georgia;
				color: #618B9B;
				line-height: 24px;
				text-align: center;
				}
				
				.freep li {
				list-style: none;
				display: inline;
				}
				
				.freep a {
				color: #618B9B;
				text-decoration: none;
				}
				
				.freep a:hover { color: #2F596B; text-decoration: underline; }
				
				.co { color: #706E52; }
				
				.avail {
				margin-top: 15px; 
				font-size: 15px;
				line-height: 28px;
				}
				
				.gallery_p li {
				float: left;
				list-style: none;
				margin-right: 30px;
				margin-bottom: 30px;
				}
				
				.gallery_p img {
				width: 177px;
				height: 142px;
				display: block;
				margin-bottom: 3px;
				border: 0;
				}
				
				.gallery_p a {
				color: #706E52;
				text-decoration: none;
				}
				
				.tansteps {
				width: 615px;
				font-size: 15px;
				margin-bottom: 5px;
				}
				
				.tanlist {
				margin-bottom: 60px;
				}
				
				.tanlist li {
				font-size: 15px;
				margin-bottom: 20px;
				margin-left: 20px;
				}
				
				.tansteps img {
				width: 115px;
				height: 115px;
				display: block;
				float: right;
				}
				
				.tansteps p {
				float: left;
				width: 495px;
				padding-right: 5px;
				}
				
				.yourorder {
				border: 2px solid #e3ebd7;
				height: 162px;
				margin-bottom: 30px;
				}
				
				.order-left {
				float: left;
				margin: 20px 0 20px 20px;
				display: inline;
				width: 400px;
				}
				
				.order-leftleft {
				float: left;
				}
				
				.order-leftleft h5 {
				color: #706e52;
				font-size: 18px;
				font-weight: normal;
				}
				
				.order-leftleft h6 {
				font-size: 14px;
				color: #618b9b;
				font-weight: bold;
				margin-top: 5px;
				}
				
				.order-leftleft h6 a { color: #618b9b; text-decoration: none; }
				
				.order-leftright {
				float: right;
				}
				
				.order-leftright li {
				list-style: none;
				color: #6d844a;
				font-size: 14px;
				margin-bottom: 12px;
				}
				
				.totalprice {
				margin-top: 29px;
				}
				
				.totalprice span { font-size: 16px; }
				
				.order-right {
				float: right;
				margin: 5px 5px 0 0;
				display: inline;
				}
				
				.order-form {
				margin: 10px 0 0 25px;
				}
				
				.order-block {
				margin-bottom: 8px;
				}
				
				.order-form label { color: #6d844a; font-size: 14px; display: block; margin-bottom: 3px; }
				
				.inputfield {
				color: #706e52;
				font-size: 12px;
				font-weight: bold;
				border: 2px solid #e3ebd7;
				height: 25px;
				width: 189px;
				padding: 8px 0 0 8px;
				}
				
				.rightform {
				float: right;
				}
				
				.additionalcomments {
				color: #706e52;
				font-size: 12px;
				font-weight: bold;
				border: 2px solid #e3ebd7;
				padding: 8px;
				width: 300px;
				height: 210px;
				margin-right: 100px;
				display: inline;
				font-family: Lucida Grande, Lucida Sans Unicode;
				}
				
				.submitorder {
				height: 33px;
				background: #706e52;
				padding: 0 8px 0 8px;
				color: #ffffff;
				font-size: 13px;
				font-weight: bold;
				border: 0;
				font-family: Lucida Grande, Lucida Sans Unicode;
				}
				
				.mapetc {
				margin-bottom: 20px;
				}
				
				.mapetc h4 {
				color: #706E52;
				font-weight: normal;
				font: bold 17px Lucida Bright, Minion, Georgia;
				margin-bottom: 20px;
				text-decoration: underline;
				}
				
				.mapetc h7 {
				color: #6D844A;
				font-family: bold 15px Lucida Grande, Lucida Sans Unicode;
				font-size: 15px;
				}
				
				.mapetc p { margin-top: 10px; margin-bottom: 20px; color: #9AAA82; font-size: 12px; }
				
				.mapetc li {
				list-style: none;
				color: #9AAA82; 
				font-size: 12px;
				margin: 5px 0 5px 0;
				}
				
				.s1, .s2, .s3, .s4, .s5 {
				border: 2px solid #6d844a;
				width: 218px;
				height: 38px;
				font-size: 23px;
				color: #fff;
				font-weight: bold;
				padding: 140px 0 0 20px;
				}
				
				.s1 { background: url(i/summerhousessub.gif); }
				.s2 { background: url(i/sum1.jpg); }
				.s3 { background: url(i/sum2.jpg); }
				.s4 { background: url(i/sum3.jpg); }
				.s5 { background: url(i/sum4.jpg); } 
				
				.swrap {
				width: 238px;
				height: 178px;
				float: left;
				margin: 0 10px 10px 0;
				display: inline;
				}
				
				.swrap a { display: block; height: 178px; text-decoration: none; }
				
				.areas {
				font-size: 10px;
				color: #706E52;
				margin: 0 auto;
				margin-top: 5px;
				line-height: 20px;
				}
				
				.rot {
				width: 799px;
				height: 57px;
				background: url(i/rot.jpg) no-repeat;
				margin: 25px 0 20px 0;
				}
				
				.part {
				width: 799px;
				margin: 0 auto;
				margin-top: 10px;
				}
				
				.part-left {
				float: left;
				}
				
				.part-left h2 {
				width: 277px;
				height: 65px;
				background: url(i/budget.jpg) no-repeat;
				float: left;
				margin-top: 30px;
				}
					.part-left h2 a { display: block; height: 65px; }
					.part-left h2 span { display: none; }
					
				.part-right {
				float: right;
				}
				
				.part-right h2 {
				width: 112px;
				height: 112px;
				background: url(i/shedsale.jpg) no-repeat;
				}
					.part-right h2 a { display: block; height: 112px; }
					.part-right h2 span { display: none; }
					
					.table {
					border: 2px solid #e3ebd7;
					}
					
					.col {
					width: 122px;
					border-bottom: 2px solid #e3ebd7;
					border-left: 2px solid #e3ebd7;
					height: 50px;
					color: #706e52;
					font-size: 15px;
					text-align: center;
					}
					
					.colu2 {
					width: 112px;
					border-bottom: 2px solid #e3ebd7;
					border-left: 2px solid #e3ebd7;
					height: 50px;
					color: #6d844a;
					font-size: 13px;
					padding-left: 10px;
					}
					
					.leftcol {
					height: 50px;
					border-bottom: 2px solid #e3ebd7;
					font-size: 15px;
					padding-left: 10px;
					color: #6d844a;
					}
					
					.columnyes {
					width: 19px;
					height: 19px;
					background: url(i/yesno.jpg) no-repeat left;
					}
					
					.columnno {
					width: 19px;
					height: 19px;
					background: url(i/yesno.jpg) no-repeat right;
					}
					
					.orangearea {
					width: 30px;
					height: 30px;
					background: #FF9600;
					float: left;
					margin-bottom: 10px;
					}
					
					.whitearea {
					width: 29px;
					height: 29px;
					background: #fff;
					border: 1px solid #000;
					float: left;
					}
					
					.textarea {
					float: left;
					margin-top: 7px;
					color: #000;
					margin-left: 7px;
					display: inline
					}
					
					ol {
					margin-left: 20px;
					margin-top: 10px;
					margin-bottom: 10px;
					}
				
.rightform {
float: right;
}

.additionalcomments {
color: #706e52;
font-size: 12px;
font-weight: bold;
border: 2px solid #e3ebd7;
padding: 8px;
width: 300px;
height: 210px;
margin-right: 100px;
display: inline;
font-family: Lucida Grande, Lucida Sans Unicode;
}	

#botright {
color:  #fff;
padding:  0 20px 20px 20px;
font-size: 15px;
margin: 0 auto;
text-align: center;
}

#botright h1 { font-size:  13px; }

#botright a { 
color: #fff;
text-decoration: none ;
}

#botright a:hover { text-decoration: underline;}

.anti-rot {
border: 2px solid #e3ebd7;
font-size: 21px;
font-weight: bold;
padding: 10px;
margin-bottom:  15px;
text-align:  center;
}

.anti-rot a { color: #706e52; text-decoration:  none; }

.clickbelow { margin-bottom:  20px; font-size: 18px; }

#cnbp {
color: #807ffe;
float: right;
font: normal 12px Lucida Grande, Arial;
padding: 0 0 20px 0;
}
	#cnbp img { display: block; float: right; margin-bottom: 6px; }
	#cnbp a { color: #807ffe; }

#beastshedsfloor {
background: url(i/beastsheds-floor.jpg) no-repeat;
width: 759px;
height: 114px;
padding: 20px;
}

#beastshedsfloor small { color: black; }

#beastshedsfloor a { outline: none; }

#beastshedsfloor a { text-decoration: none; }

	#beastshedsfloor h3 {
	font: normal 19px Lucida Grande, Arial, Helvetica, sans-serif;
	color: #6f8449;
	}
	
	#beastshedsfloor h2 {
	font: normal 16px Lucida Grande, Arial, Helvetica, sans-serif;
	color: #726e51;
	}
	
	.bottext { font-size: 10px; color: #87817c; padding: 15px; background: #322a20; border: 1px solid #4b443b; line-height: 17px; }
	
	.botlinks { padding-bottom: 15px; }
	.botlinks a { color: #FFFFFF; }
	
	.listare li { color: #87817c !important; margin-bottom: 10px; font-size: 11px; line-height: 18px; }
	
#botodes {
width: 832px;
margin: 0 auto;
}

#reasons li {
list-style:  none;
margin-bottom: 20px;
}

.free {
text-align: center;
font-size: 22px;
margin-bottom: 20px;
color: black;
}

.free span { color: red; }

.leftW { float: left; width: 400px; }