/* Coding by Vebbu.com */

* { margin: 0; padding: 0; }
.clear { clear: both; }

body {
background-color: #c0a489;
font: bold 11px Arial, Helvetica, sans-serif;
color: #000;
background-image: url("../images/bg-grad.gif");
background-position:left top;
background-repeat:repeat-x;
}

.container {
width: 1000px;
margin: 0 auto;
}

#top {
width: 1000px;
height: 23px;
line-height: 23px;
}
	
#header {
width: 1000px;
height: 100px;
background: #FFFFFF;
position:relative;
}
	#logo {
	width: 310px;
	height: 70px;
	background: url(../images/nationwide-sheds-logo.gif) no-repeat left;
	margin: 10px 23px 0 90px;
	float:left;	
	}
	
	#logo p { width: 158px; height: 56px; margin: 10px 0 0 12px; }
	#logo p a { display: block; height: 56px; outline: none;}	
	#logo p span { display: none; }
	
	#logo h1 { width: 158px; height: 56px; margin: 10px 0 0 12px; }
	#logo h1 a { display: block; height: 56px; outline: none; }
	#logo h1 span { display: none; }
	
	#logoside {
	width: 100px;
	height: 100px;
	background: url(../images/ad-star.png) no-repeat center;
	position:absolute;
	left:-20px;
	top:-20px;
	margin: 0;
	}
		#logoside span { display: none; }
	
	#headertop {
	width: 40px;
	height: 36px;
	background: url(../images/headertop.png) no-repeat;
	position: absolute;
	right: 50%;
	margin-right: 34px;
	margin-top: -10px;
	}
	
	#shopping-cart {
	float: left;
	height: 49px;
	background: url(../images/cart.gif) no-repeat;
	background-position: left center;
	margin: 20px 0 0 0;
	display: inline;
	width: 350px;
	}
	
		#cart { color: #3e3e3e; font-size: 12px; font-weight: normal; float: left; line-height: 49px; margin-left:40px; }
		#cartitems { padding: 0 0 0 12px; float: left; }
		#cartitems span { color: #dedede; padding: 0 12px; }
		#cartprice  { float: left; margin: 0 12px 0 0; }
		
		#view-cart {
		width: 64px;
		height: 23px;
		background: url(../images/btnCart.gif) no-repeat top;
		float: left;
		font-size: 11px;
		color: #FFFFFF;
		margin: 13px 0 0 0;
		line-height: 23px;
		}
			#view-cart:hover { background: url(../images/btnCart.gif) no-repeat bottom; }
			#view-cart a { color: #FFFFFF; display: block; height: 23px; width: 56px; padding: 0 0 0 8px; text-decoration: none; }


#navigation {
width: 980px;
height: 35px;
line-height: 35px;
background: #000;
font-size: 12px;
padding-left: 20px;
}
	#navigation li {
	list-style: none;
	background: url(../images/navigationBullet.jpg) no-repeat left center;
	padding: 0 0 0 10px;
	float: left;
	margin: 0 20px 0 0;
	}
	
	#navigation li a { color: #FFFFFF; text-decoration: none; }
	#navigation li a:hover { color: #ff7f00; text-decoration: underline; }
	#navigation span:hover { color: #ff7f00; text-decoration: none;  }

#sub-navigation {
width: 980px;
height: 40px;
background: #d6d6d6;
color: #000;
line-height: 40px;
padding-left: 20px;
}
	#sub-navigation li {
	list-style: none;
	float: left;
	font-weight: normal;
	}
	
	#sub-navigation li a { color: #000; text-decoration: none; }
	#sub-navigation li a:hover { color: #ff7f00; text-decoration: underline; }
	#sub-navigation span { color: #84965a; padding: 0 11px; }

h1 { color:#ff7f00; font-size: 20px; }
h3 {font-size: 15px;}
#content-header {
width: 976px;
height: 152px;
background: #FFFFFF;
padding: 12px;
color: #3e3e3e;
}
		#search {
	width: 263px;
	height: 152px;
	background: #e9e9e2 url(../images/ff.jpg) no-repeat;
	float: left;
	}
		#search h2 {
		font: bold 14px Arial, Helvetica, sans-serif;
		color: #607932;
		margin: 17px 0 5px 0;
		display: none;
		}
		
		#search select { display: none; }
		
		.searchBar {
		width: 155px;
		height: 21px;
		background: #FFFFFF;
		border: 0;
		border-top: 1px solid #cbcbcb;
		border-left: 1px solid #cbcbcb;
		float: left;
		padding: 6px 6px 0 6px;
		display: none;
		}
		
		.searchButton {
		width: 51px;
		height: 23px;
		background: url(../images/shedButton.jpg) no-repeat top;
		float: left;
		margin: 3px 0 0 6px;
		display: inline;
		text-align: center;
		line-height: 23px;
		color: #FFFFFF;
		font-weight: normal;
		display: none;
		}
		
		.searchButton a { color: #FFFFFF; text-decoration: none; display: block; height: 23px; display: none; }
		.searchButton:hover { background: url(../images/shedButton.jpg) no-repeat bottom; cursor: pointer; }
	
	#banners {
	width: 602px;
	height: 152px;
	float: right;
	}

#product {
width: 942px;
background: #FFFFFF;
padding: 29px;
color: #3e3e3e;
}
	.blockContent {
	border-top: 1px solid #d1d1ca;
	margin: 24px 0 0 0;
	}
	
	.blockContent ul { border-bottom: 1px solid #d1d1ca; padding: 29px 0; }
	.blockContent li { list-style: inside; font-size: 13px; line-height: 20px; }
	.blockContent li a { color: #ff7f00; text-decoration: none; }
	.blockContent li a:hover { color: #ff7f00; text-decoration: underline; }
	
	.galleryBlock {
	float: left;
	width: 184px;
	background: white;
	margin-right: 30px;
	margin-top: 29px;
	border: 1px solid #d1d1ca;
	padding: 1px;
	text-align: center;
	}
	
	.galleryBlock img { border: 0;}
	
	.galleryBlock:hover { border: 1px solid #607932; }
	
	.blockContent h3 {
	color: #000;
	margin: 29px 0 0 0;
	}
	
	.blockContent h4 {
	color: #3d491a;
	margin: 29px 0 0 0;
	font-size: 15px;
	}
	
	.blockContent p, .about p { font-weight: normal; line-height: 18px; margin: 18px 0 0 0; }
	
	.star { margin: 29px 0 0 0; font-size: 10px; }
	.below { font-size: 12px; line-height: 18px; font-weight: normal; }
	
	.sitemap { 
	border-top: 1px solid #d1d1ca;
	margin: 24px 0 0 0;
	padding: 29px 0 0 0;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	}
	
	.sitemap li { list-style: inside; }
	.sitemap li a { color: #3e3e3e; text-decoration: none; }
	.sitemap li a:hover { text-decoration: underline; }
	.nestedList li { margin-left: 20px; list-style: inside circle; }
	
	.sitemap h4 { font-size: 12px; margin: 0 0 0 0; color: #3d491a; }
	
	.sitemapLeft { width: 400px; float: left; }
	.sitemapRight { width: 400px; float: right; }
	.sitemapRight ul { float: left; width: 200px; }
	
	#areaList { text-align: center; border-bottom: 1px solid #d1d1ca; padding: 0 0 29px 0; margin-bottom: 24px; }
	.seoType { font-size: 10px; margin: 10px 0 0 0; text-align: center; color: #3d491a; }
	.seoType a { color: #3d491a; text-decoration: none; }
	.seoType a:hover { text-decoration: underline; }
	
	.areaBlock {
	width: 400px;
	background: #FFFFFF;
	float: left;
	margin-right: 29px;
	height: 282px;
	border: 1px solid #d1d1ca;
	padding: 2px;
	}
		#noRight { margin-right: 0 !important; }
		#noRight img { display: block; margin-left: auto; margin-right: auto; margin-top: 41px; }
	
	#areaGallery { margin: 29px 0; }
	
	#freef { font-size: 14px; font-weight: normal; text-align: center; text-transform: uppercase; letter-spacing: 1px; margin: 15px 0 0 0; color: #de400d; }
	#freef span { display: block; font-size: 11px; letter-spacing: 0; text-transform: none; }
	
	.slideshow { /*height: 282px; width: 400px;*/ margin: auto }
	.slideshow img { }
	
	h1#title {	
	font-size: 20px;
	font-weight: bold;
	color: #3e3e3e;
	}
		h1#title a { color: #3e3e3e; text-decoration: none; }
		h1#title a:hover { text-decoration: underline; }
	
	h2#title {
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	}
		h2#title a { color: #000; text-decoration: none; }
		h2#title a:hover { text-decoration: underline; }	
	
	h3#price {
	float: right;
	font-size: 13px;
	color: #3d491a;
	line-height: 18px;
	}
	h3#title a { font-size: 18px; color: #3e3e3e; text-decoration: none; }
	h3#title a:hover { text-decoration: underline; }
	
	.information {
	width: 942px;
	border-top: 1px solid #d1d1ca;
	border-bottom: 1px solid #d1d1ca;
	padding: 29px 0;
	margin: 24px 0 29px 0;
	}
	
	.tableWrap {
	width: 882px;
	background: #000;
	border: 1px solid #d2d0b5;
	padding: 0 29px 29px 29px;
	}
		.tableWrap h2 {
		font-size: 15px;
		font-weight: bold;
		color: #ff7f00;
		margin: 29px 0 16px 0;
		}
	
	.table {
	width: 882px;
	background: #FFFFFF;
	border: 1px solid #d2d0b5;
	}
		.table h4 { color: #3e3e3e; font-size: 13px; }
		.table td { height: 38px; border-bottom: 1px solid #d2d0b5; padding: 0 0 0 15px; font-size: 13px; color: #000; }
		.br { border-right: 1px solid #d2d0b5; }
		.brnb { border-right: 1px solid #d2d0b5; border-bottom: 0 !important; }
		.bb { border-bottom: 0 !important; }
	
	#productLeft {
	width: 456px;
	float: left;
	}
		.mainImage { width: 404px; height: 288px; /* background: #3d491a; */ overflow: hidden; border: 1px solid #d1d1ca; }
			.mainImage ul
			{
				position: relative;
				list-style: none;
			}
				.mainImage ul li
				{
					position: absolute;
					left: 0px;
					top: 0px;
					overflow: hidden;
				}
					
					.mainImage ul li .subtext
					{
						line-height: 30px;
						padding-left: 8px;
						margin-top: -30px;
						background: #000000;
						opacity: 0.6;
						display: block;
						color: #ffffff;
					}
					
					.mainImage ul li img
					{
						border: none;
					}
		
		#productLeft p { font-size: 14px; margin: 0 50px 0 0; line-height:24px; text-align:justify; }
		#productLeft p span { font-weight: normal !important; color: #3e3e3e; }
				
		#slider {
			width: 406px;
			height: 74px;
		}
		
		#slider-slides {
		width: 350px;
		height: 74px;
		margin: 0px auto;
		overflow: hidden;
		position: relative;
		}
		
		#leftSlide { width: 15px; height: 16px; background: url(../images/leftSlide.jpg) no-repeat; float: left; margin: 29px 0 0 0; cursor: pointer; }
		#rightSlide { width: 15px; height: 16px; background: url(../images/rightSlide.jpg) no-repeat; float: right; margin: 29px 0 0 0; cursor: pointer; }
		#leftSlide span, #rightSlide span { display: none; }
		
		.imageBlock { width: 104px; height: 68px; position: absolute; border: 1px solid #d1d1ca; cursor: pointer; padding: 2px; background: #FFFFFF; }
		
		.imageBlock.active-im
		{
			border: 1px solid #8fa16f;
		}
	
	#productRight {
	width: 466px;
	float: right;
	}
		#intro { color: #ff7f00 !important; font-size: 14px !important; line-height: 24px; font-weight: bold !important; padding-bottom:10px; }
		#productRight p { color: #3e3e3e; font-size: 11px; line-height: 20px; font-weight: normal;  }
		.mb { margin-bottom: 0 !important; }
	
#shedcontent {
width: 944px;
background: #fff;
padding: 0 28px 28px 28px;
}
	#shedcontent h2 { font-size: 18px; color: #000; }
	#shedcontent h2 a { color: #000; text-decoration: none; }
	#shedcontent h2 a:hover { text-decoration: underline; }
	#shedcontent h2 span { font-size: 11px; font-weight: normal; color: #f49a52; padding: 0 0 0 5px; }
	#shedcontent .title { font-size: 11px; font-weight: normal; color: #f49a52; padding: 0 0 0 5px; }
	
	#shedcontent p {
	color: #000;
	line-height: 21px;
	font-weight: normal;
	padding: 5px 0 0 0;
	}
	#shedcontent p span { font-size: 10px; font-style: italic; }
	#shedcontent p a { color: #dcb489; text-decoration: none; }
	#shedcontent p a:hover { text-decoration: underline; }
	#shedcontent strong { color: #e3d3c0; }
	
	.shedBox {
	width: 263px;
	float: left;
	margin: 25px 10px 0 0;
	}
	.shedBox h3 { font-size: 15px; color: #f49a52; padding-left:45px; }
	.shedBox h3 a { color: #ff7f00; text-decoration: none; }
	.shedBox h3 a:hover { text-decoration: underline; }
	
	.shedBox h4 { color: #dcb489; }
	.shedBox h4 span { font-weight: normal; }
	.shedBox h4 strong { color: #f49a52; }
	
	#shedcontent .shedBox p {font-size: 14px; text-align:justify; line-height:24px; padding: 18px 0 0 0;}
	
	.shedBox ul {font-size: 13px;}
	.shedBox li {margin-left: 18px; padding-left:4px;}
	
	.shedImage {
	width: 260px;
	height: 195px;
	background: #FFFFFF;
	margin: 4px 0 4px 0;
	border: 1px solid #000;
	background: #ff7f00;
	padding: 1px;
	position:relative;
	}
	
	#nr { margin-right: 0; }
	
	.shedStyle {
	width: 261px;
	height: 77px;
	background: #FFFFFF;
	border: 1px solid #6f4e36;
	float: left;
	margin: 2px 2px 0 0;
	color: #3d491a;
	}	
		.shedStyle-sized 
	{
		width:207px;
		height: 77px;
		background: #FFFFFF;
		border: 1px solid #6f4e36;
		float: left;
		margin: 2px 2px 0 0;
		color: #3d491a;
	}
	
		#apex { width: 88px; height: 68px; background: url(../images/layout-apex2.gif) no-repeat; float: left; }
		#pent-a { width: 88px; height: 68px; background: url(../images/layout-pent-a2.gif) no-repeat; float: left; }
		#pent-b { width: 88px; height: 68px; background: url(../images/layout-pent-b2.gif) no-repeat; float: left; }
		#pent-c { width: 88px; height: 68px; background: url(../images/layout-pent-c2.gif) no-repeat; float: left; }
		#pent-d { width: 88px; height: 68px; background: url(../images/layout-pent-d2.gif) no-repeat; float: left; }
		#pent-e { width: 88px; height: 68px; background: url(../images/layout-pent-e2.gif) no-repeat; float: left; }
		#pent-f { width: 88px; height: 68px; background: url(../images/layout-pent-f2.gif) no-repeat; float: left; }
		#pent-g { width: 88px; height: 68px; background: url(../images/layout-pent-g2.gif) no-repeat; float: left; }
		#hipex-a { width: 88px; height: 68px; background: url(../images/layout-hipex-a2.gif) no-repeat; float: left; }
		#hipex-b { width: 88px; height: 68px; background: url(../images/layout-hipex-b2.gif) no-repeat; float: left; }
		#hipex-c { width: 88px; height: 68px; background: url(../images/layout-hipex-c2.gif) no-repeat; float: left; }
		#S1 { width: 88px; height: 68px; background: url(../images/layout-summer-s1.gif) no-repeat; float: left; }
		#S2 { width: 88px; height: 68px; background: url(../images/layout-summer-s2.gif) no-repeat; float: left; }
		#S3 { width: 88px; height: 68px; background: url(../images/layout-summer-s3.gif) no-repeat; float: left; }
		
		#apex-sec { width: 88px; height: 68px; background: url(../images/layout-apex-sec.gif) no-repeat; float: left;  }
		#pent-a-sec { width: 88px; height: 68px; background: url(../images/layout-pent-a-sec.gif) no-repeat; float: left;  }
		#pent-b-sec { width: 88px; height: 68px; background: url(../images/layout-pent-b-sec.gif) no-repeat; float: left;  }
		#pent-c-sec { width: 88px; height: 68px; background: url(../images/layout-pent-c-sec.gif) no-repeat; float: left;  }
		#pent-d-sec { width: 88px; height: 68px; background: url(../images/layout-pent-d-sec.gif) no-repeat; float: left;  }
		#pent-e-sec { width: 88px; height: 68px; background: url(../images/layout-pent-e-sec.gif) no-repeat; float: left; }
		#pent-f-sec { width: 88px; height: 68px; background: url(../images/layout-pent-f-sec.gif) no-repeat; float: left;  }
		#pent-g-sec { width: 88px; height: 68px; background: url(../images/layout-pent-g-sec.gif) no-repeat; float: left;  }
		#hipex-a-sec { width: 88px; height: 68px; background: url(../images/layout-hipex-a-sec.gif) no-repeat; float: left; }
		#hipex-b-sec { width: 88px; height: 68px; background: url(../images/layout-hipex-b-sec.gif) no-repeat; float: left;  }
		#hipex-c-sec { width: 88px; height: 68px; background: url(../images/layout-hipex-c-sec.gif) no-repeat; float: left;  }
		
		#apex-sec-sized { width: 106px; height: 77px; background: url(../images/layout-apex-sec-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#pent-a-sec-sized { width: 106px; height: 77px; background: url(../images/layout-pent-a-sec-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#pent-b-sec-sized { width: 106px; height: 77px; background: url(../images/layout-pent-b-sec-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#pent-c-sec-sized { width: 106px; height: 77px; background: url(../images/layout-pent-c-sec-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#pent-d-sec-sized { width: 106px; height: 77px; background: url(../images/layout-pent-d-sec-sized.gif) no-repeat; float: left; color:#0e2400; position:relative;  }
		#pent-e-sec-sized { width: 106px; height: 77px; background: url(../images/layout-pent-e-sec-sized.gif) no-repeat; float: left; color:#0e2400; position:relative;}
		#pent-f-sec-sized { width: 106px; height: 77px; background: url(../images/layout-pent-f-sec-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#pent-g-sec-sized { width: 106px; height: 77px; background: url(../images/layout-pent-g-sec-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#hipex-a-sec-sized { width: 106px; height: 77px; background: url(../images/layout-hipex-a-sec-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#hipex-b-sec-sized { width: 106px; height: 77px; background: url(../images/layout-hipex-b-sec-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#hipex-c-sec-sized { width: 106px; height: 77px; background: url(../images/layout-hipex-c-sec-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		
		#apex-sized { width: 106px; height: 77px; background: url(../images/layout-apex-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#pent-a-sized { width: 106px; height: 77px; background: url(../images/layout-pent-a-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#pent-b-sized { width: 106px; height: 77px; background: url(../images/layout-pent-b-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#pent-c-sized { width: 106px; height: 77px; background: url(../images/layout-pent-c-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#pent-d-sized { width: 106px; height: 77px; background: url(../images/layout-pent-d-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#pent-e-sized { width: 106px; height: 77px; background: url(../images/layout-pent-e-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#pent-f-sized { width: 106px; height: 77px; background: url(../images/layout-pent-f-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#pent-g-sized { width: 106px; height: 77px; background: url(../images/layout-pent-g-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#hipex-a-sized { width: 106px; height: 77px; background: url(../images/layout-hipex-a-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#hipex-b-sized { width: 106px; height: 77px; background: url(../images/layout-hipex-b-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#hipex-c-sized { width: 106px; height: 77px; background: url(../images/layout-hipex-c-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#S1-sized { width: 106px; height: 77px; background: url(../images/layout-summer-s1-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#S2-sized { width: 106px; height: 77px; background: url(../images/layout-summer-s2-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		#S3-sized { width: 106px; height: 77px; background: url(../images/layout-summer-s3-sized.gif) no-repeat; float: left; color:#0e2400; position:relative; }
		
		#apex span, #pent-a span, #pent-b span, #pent-c span, #pent-d span, #pent-e span, #pent-f span, #pent-g span, 
		#hipex-a span, #hipex-b span, #hipex-c span, #S1 span, #S2 span, #S3 span, #apex-sec span, #pent-a-sec span,
		#pent-b-sec span, #pent-c-sec span, #pent-d-sec span, #pent-e-sec span, #pent-f-sec span, #pent-g-sec span,
		#hipex-a-sec span, #hipex-b-sec span, #hipex-c-sec span,
		#apex-sized span,#pent-a-sized span,#pent-b-sized span,#pent-c-sized span,#pent-d-sized span,#pent-e-sized span,
		#pent-f-sized span,#pent-g-sized span,#hipex-a-sized span,#hipex-b-sized span,#hipex-c-sized span,
		#S1-sized span, #S2-sized span, #S3-sized span,
		#apex-sec-sized span,#pent-a-sec-sized span,#pent-b-sec-sized span,#pent-c-sec-sized span,#pent-d-sec-sized span,#pent-e-sec-sized span,
		#pent-f-sec-sized span,#pent-g-sec-sized span,#hipex-a-sec-sized span,#hipex-b-sec-sized span,#hipex-c-sec-sized span { display: none; }
		
		#apex-sizeA { position:absolute; left: 27px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#apex-sizeB { position:absolute; right: 21px; bottom: 2px; width: 18px; height: 15px; text-align:center; }		
		#pent-a-sizeA { position:absolute; right: 25px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#pent-a-sizeB { position:absolute; left: 24px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#pent-b-sizeA { position:absolute; left: 27px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#pent-b-sizeB { position:absolute; right: 21px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#pent-c-sizeA { position:absolute; left: 27px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#pent-c-sizeB { position:absolute; right: 21px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#pent-d-sizeA { position:absolute; left: 27px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#pent-d-sizeB { position:absolute; right: 21px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#pent-e-sizeB { position:absolute; left: 22px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#pent-e-sizeA { position:absolute; right: 27px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#pent-f-sizeA { position:absolute; left: 24px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#pent-f-sizeB { position:absolute; right: 25px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#pent-g-sizeB { position:absolute; left: 22px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#pent-g-sizeA { position:absolute; right: 27px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#hipex-a-sizeA { position:absolute; left: 25px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#hipex-a-sizeB { position:absolute; right: 25px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#hipex-b-sizeA { position:absolute; left: 25px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#hipex-b-sizeB { position:absolute; right: 25px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#hipex-c-sizeA { position:absolute; left: 25px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#hipex-c-sizeB { position:absolute; right: 25px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#summer-sizeA { position:absolute; left: 35px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		#summer-sizeB { position:absolute; right: 13px; bottom: 2px; width: 18px; height: 15px; text-align:center; }
		
		.shedStyle h5 { font-size: 15px; color: #3d491a; float: left; line-height: 77px; }
		.shedStyle-sized h5 { font-size: 15px; color: #3d491a; float: left; line-height: 77px; }	
		
		.radio { margin: 33px 15px 0 15px; float: left; display: inline; }
	
	.buttonLeft {
	float: left;
	height: 21px;
	line-height: 21px;
	background: #ff7f00 url(../images/btn-ar-left.gif) no-repeat left;
	margin: 27px 0 0 0;
	padding: 0 5px 0 16px;
	}
		.buttonLeft a { color: #FFFFFF; text-decoration: none; }
		.buttonLeft a:hover { color: #000; }
	
	.buttonRight {
	float: right;
	height: 21px;
	line-height: 21px;
	background: #ff7f00 url(../images/btn-ar-right.gif) no-repeat right;
	margin: 27px 0 0 0;
	padding: 0 16px 0 5px;
	}
		.buttonRight a { color: #FFFFFF; text-decoration: none; }
		.buttonRight a:hover { color: #000; }
	
	#errorStep1 {
	height: 34px;
	margin: 13px 0 0 0;
	}
		.errorLeft {
		width: 23px;
		height: 34px;
		float: left;
		background: url(../images/leftError.jpg) no-repeat;
		}
		
		.errorRight {
		width: 4px;
		height: 34px;
		float: left;
		background: url(../images/rightError.jpg) no-repeat;
		}
		
		.error1 {
		float: left;
		height: 23px;
		background: #e99797;
		padding: 11px 7px 0 7px;
		color: #9a2424;
		font-size: 11px;
		}

#postcode {
width: 900px;
height: 57px;
background: #3d491a;
}

#areas {
background: #000;
width: 950px;
padding: 13px 25px 25px 25px;
}
	#areas li {
	list-style: none;
	width: 133px;
	float: left;
	margin: 12px 0 0 0;
	border-left: 1px solid #7f624c;
	padding: 0 0 0 7px;
	font-weight: normal;
	color: #d1c7bf;
	}
	
	#areas li a { color: #d1c7bf; text-decoration: none; }
	#areas li a:hover { text-decoration: underline; }

#bottomblurb {
background: #d6d6d6;
width: 950px;
padding: 19px 25px;
line-height: 23px;
color: #85785c;
font-weight: normal;
font-size:15px;
}
	#bottomblurb a { color: #524a39; }
	
#footer {
padding: 0 0 19px 0;
}
	#footerLogo { float: left; width: 81px; margin: 19px 0 0 0; height: 28px; }
		
		#footerLogo h5 { 
		width: 1000px;
		height: 100px;		
		background: url(../images/footer-logo.png) no-repeat;
		background-position: center bottom;
		}
		
		#footerLogo h5 a { display: block; height: 28px; outline: none; }
		#footerLogo h5 span { display: none; }
	
	#footerRight { float: right; margin: 16px 0 0 0; }
	
		#footerNav li {
		list-style: none;
		float: left;
		color: #3e3e3e;
		font: bold 12px Arial, Helvetica, sans-serif;
		}
		#footerNav li span { padding: 0 6px; color: #696961; }
		#footerNav li a { color: #3e3e3e; text-decoration: none; }
		#footerNav li a:hover { text-decoration: underline; }
		
		#footerSubNav { float: right; margin: 4px 0 0 0; }
		#footerSubNav li {
		list-style: none;
		float: left;
		color: #607932;
		font: normal 11px Arial, Helvetica, sans-serif;
		}
		#footerSubNav li span { padding: 0 3px; color: #607932; }
		#footerSubNav li a { color: #607932; text-decoration: none; }
		#footerSubNav li a:hover { text-decoration: underline; }

#product ol { margin-left: 21px; margin-top: 20px; margin-bottom: 20px; }

#viewCartTable {
width: 840px;
border: 1px solid #dadad4;
margin: 24px 0 0 0;
color: #3e3e3e;
font-weight: normal;
border-bottom: 0;
}	

#deliverymaps {
width: 840px;
border: 1px solid #dadad4;
margin: 24px 0 0 0;
}


	#topHeaders { background: #f4f4f2; height: 30px; }
	#topHeaders td { border-bottom: 1px solid #dadad4; }
	
	.leftHeaderTable {
	padding: 0 0 0 11px;
	border-right: 1px solid #dadad4;
	}
	
	.bright { border-right: 1px solid #dadad4; }
	
	.lowerTable td { padding: 11px; border-bottom: 1px solid #dadad4; }
	.thumbnailTable {
	width: 104px;
	height: 68px; 
	border: 1px solid #d1d1ca;
	padding: 2px;
	background: #FFFFFF;
	display: block;
	float: left;
	margin: 0 11px 0 0;
	}
	.shedDetailsTable { float: left; }
	.shedDetailsTable li { list-style: none; height: 18px; }
	.shedDetailsTable li span { font-size: 14px; color: #607932; font-weight: bold; }
	.shedDetailsTable li span a { color: #607932; text-decoration: none; }
	.shedDetailsTable li span a:hover { text-decoration: underline; }
	.mb5 { margin-bottom: 5px !important; }
	.shedDetailsTable li strong p { color: #de400d; display: inline; font-size: 11px; }
	
	.extrasTable li {
	list-style: inside;
	width: 144px;
	height: 18px;
	}
	
	.lowerTable h2 { font-size: 12px; font-weight: bold; color: #607932; }
	
	.bright p { font-size: 15px; font-weight: bold; color: #607932; }
	
	.remove { width: 7px; height: 7px; background: url(../images/remove.jpg) no-repeat; }
	.remove a { display: block; height: 7px; outline: none; }
	.remove span { display: none; }
	
	.edit { width: 11px; height: 7px; background: url(../images/editCart.jpg) no-repeat; }
	.edit a { display: block; height: 7px; outline: none; }
	.edit span { display: none; }
	
	#continue {	margin: 29px 0 0 0; float: left; }
	#continue a { color: #3e3e3e; text-decoration: none; }
	#continue a:hover { text-decoration: underline; }
	
	#continue span { font-style: italic; font-weight: normal; margin-left: 7px; color: #607932; }
	
	.orangeButton {
	height: 32px;
	float: right;
	margin: 15px 0 0 0;
	font-weight: bold;
	}
	
	.orangeButton a { display: block; height: 32px; outline: none; color: #FFFFFF; text-decoration: none; }
	.orangeButton a:hover { color: #fbe2d7; }
	
		.leftOrange {
		height: 32px;
		width: 25px;
		background: url(../images/leftOrange.jpg) no-repeat;
		float: left;
		}
			.leftOrange span { display: none; }
		
		.rightOrange {
		height: 32px;
		background: url(../images/rightOrange.jpg) no-repeat right;
		float: left;
		line-height: 32px;
		padding: 0 15px;
		font-size: 12px;
		}
	
	.greyButton {
	height: 32px;
	float: right;
	margin: 15px 0 0 15px;
	font-weight: bold;
	}
	
	.greyButton a { display: block; height: 32px; outline: none; color: #FFFFFF; text-decoration: none; }
	
		.leftGrey {
		height: 32px;
		width: 25px;
		background: url(../images/leftGrey.jpg) no-repeat;
		float: left;
		}
			.leftGrey span { display: none; }
		
		.rightGrey {
		height: 32px;
		background: url(../images/greyRight.jpg) no-repeat right;
		float: left;
		line-height: 32px;
		padding: 0 15px;
		font-size: 12px;
		}
		
#leftOrder {
width: 434px;
float: left;
margin: 29px 0 0 0;
}
.orderBlock { width: 188px; float: left; margin: 0 29px 15px 0; }
.largeBlock { margin: 0 29px 15px 0; }

#leftOrder h2 {
font-size: 13px;
margin: 29px 0 0 0;
color: #3d491a;
}

#leftOrder ul { border-bottom: 0; padding: 0; margin: 15px 0 0 0; }
#leftOrder li {
font-size: 12px;
font-weight: normal;
margin: 0 0 15px 0;
}

#leftOrder li strong { color: #000; }

#leftWrap {
width: 409px;
padding: 0 25px 0 0;
}

	.orderBlock label, .largeBlock label {
	display: block;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	}
		
	.orderBlock label span { font-size: 10px; font-weight: normal; }
	.orderBlock label span a { color: #607932; text-decoration: none; }
	.orderBlock label span a:hover { text-decoration: underline; }
	
	input.smallBar {
	width: 170px;
	height: 20px;
	border: 1px solid #dadad4;
	color: #3e3e3e;
	font-size: 11px;
	padding: 8px 8px 0 8px;
	margin: 4px 0 0 0;
	}
	
	textarea {
		width: 389px;
		height: 20px;
		border: 1px solid #dadad4;
		color: #3e3e3e;
		font-size: 11px;
		padding: 8px 8px 0 8px;
		margin: 4px 0 0 0;
	}
	
	input.largeBar {
	width: 389px;
	height: 20px;
	border: 1px solid #dadad4;
	color: #3e3e3e;
	font-size: 11px;
	padding: 8px 8px 0 8px;
	margin: 4px 0 0 0;
	}
	
	#idlike {
	}
		#idlike ul { padding-bottom: 0; border: 0; }
		#idlike li { list-style: none; font-weight: normal; }
		#idlike span { margin-left: 5px; font-size: 10px; }
		#idlike span a { color: #ff7f00; text-decoration: none; }
		#idlike span a:hover { text-decoration: underline; }
		.radioB { margin: 0 10px 0 0; }
	
	input, textarea { font-family: Arial, Helvetica, sans-serif; }
	
	#mydetails { margin-bottom: 24px; font-size: 13px; }
	.check { margin-right: 7px; }
	
	#creditCards {
	width: 226px;
	height: 32px;
	background: url(../images/card.jpg) no-repeat;
	margin: 15px 0 0 0;
	}
		#creditCards span { display: none; }

#editLeft {
width: 434px;
float: left;
}

#editRight {
width: 408px;
float: right;
}
	#editLeft h2, #editRight h2 { font-size: 18px; font-weight: bold; color: #3e3e3e; margin-bottom: 24px; }
	#editLeft h2 a, #editRight h2 a { color: #3e3e3e; text-decoration: none; }
	#editLeft h2 a:hover, #editRight h2 a:hover { text-decoration: underline; }
	
	#none { border: 0; padding: 0; margin: 0; }

#orderMap {
width: 408px;
float: right;
margin: 29px 0 0 0;
text-align: center;
position:relative;
}
	#orderMap a { display: block; outline: none; color: #3e3e3e; text-decoration: none; }
	#orderMap span { font-size: 15px; position:absolute; bottom: 30px; left:70px; }

#pay-online, #pay-cash-on-delivery, #pay-by-phone {
width: 300px;
color: #3e3e3e;
}

#editsheddetails, #editpersonaldetails, #write-a-review {
color: #3e3e3e;
width: 330px;
padding: 10px;
}

#removeitem { font-size: 13px; font-weight: normal; width: 321px; padding: 29px; color: #3e3e3e; }

#editsheddetails li { list-style: none; font-weight: normal; font-size: 12px; height: 18px; }
#editsheddetails li label { font-size: 12px; display: inline; margin: 0; }
#editsheddetails label, #editpersonaldetails label, .fullEdit, #write-a-review label { display: block; font-weight: normal; margin: 15px 0 4px 0; }

.editFloat, .editFloatR { width: 145px; }
.editFloat { float: left; }
.editFloatR { float: right; }

.hid { text-indent: -9999px; }

.fullEdit { width: 300px; }
.editfullBar { width: 286px; height: 18px; border: 1px solid #dadad4; font: 11px normal Arial, Helvetica, sans-serif; color: #607932; padding: 6px 6px 0 6px; }
.editBar { width: 122px; height: 18px; border: 1px solid #dadad4; font: 11px normal Arial, Helvetica, sans-serif; color: #607932; padding: 6px 6px 0 6px; }
#mb { margin-bottom: 4px; }
.hidden { display: none; }

#currentDetails {
width: 348px;
background: #eae8ca;
border: 1px solid #d2d0b5;
padding: 0 29px 29px 29px;
float: right;
margin: 29px 0 0 0;
}
	#currentDetails h2 {
	font-size: 15px;
	font-weight: bold;
	color: #613d22;
	margin: 29px 0 16px 0;
	float: left;
	}
	
	#currentDetails h3 { float: right; }
	#currentDetails h3 a { color: #3d491a; text-decoration: none; }
	#currentDetails h3 a:hover { text-decoration: underline; }
	
	.whiteBlock {
	width: 316px;
	background: #FFFFFF;
	border: 1px solid #d2d0b5;
	padding: 15px;
	}
		.whiteBlock ul { padding: 0; margin: 0; border: 0; }
		.whiteBlock li { list-style: inside; height: 16px; font-size: 11px; font-weight: normal; }
	
	.select { margin: 5px 5px 0 0; }

.goldStar { 
width: 16px;
height: 16px;
background: url(../images/stars.jpg) no-repeat left;
float: left;
margin: 0 5px 0 0;
text-indent: -9999px;
}

.greyStar { 
width: 16px;
height: 16px;
background: url(../images/stars.jpg) no-repeat right;
float: left;
margin: 0 5px 0 0;
text-indent: -9999px;
}

#reviews h3 { margin: 0 0 5px 0; }
#reviews h4 { float: left; font-weight: normal; line-height: 16px; }
#reviews ul { margin: 10px 0 0 0; }
#reviews li { list-style: none; float: left; color: #ff7f00; }
#reviews li a { color: #ff7f00; text-decoration: none; }
#reviews li a:hover { text-decoration: underline; }
#reviews li span { padding: 0 5px; font-weight: normal; }

#read-reviews { display: none; }

.reviewBlock {
width: 842px;
border-bottom: 1px solid #d1d1ca;
padding: 0 0 29px 0;
margin: 0 0 29px 0;
}
	.reviewBlock h3 { font-size: 15px; margin: 0 0 5px 0; }
	.reviewBlock h3 a { color: #3e3e3e; text-decoration: none; }
	.reviewBlock h3 a:hover { text-decoration: underline; }
	.reviewBlock p { color: #3e3e3e; font-size: 11px; line-height: 20px; font-weight: normal; margin: 5px 0 0 0; }

.sliderBlock {
width: 140px;
float: left;
margin: 29px 29px 0 0;
}
	.sliderBlock label { color: #ff7f00; font-size: 12px; display: block; font-weight: normal; margin-bottom: 4px; }
	
	.sliderBlock li {
	list-style: none;
	line-height: 18px;
	height: 18px;
	font-size: 12px;
	}
	
	.sliderBlock li label { font-size: 12px; display: inline; color: #FFFFFF;  }
	
	.sliderBlock a { color: #f49a52; text-decoration: underline; }
	.sliderBlock a:hover {color: #FFFFFF;}
	
	.price { float: right; margin: 29px 0 0 0; }
	.price label { text-align: right; }
	.price h3 { font-size: 21px; }
	
#noProducts td { padding: 11px; border-bottom: 1px solid #dadad4; }

#longError {
width: 792px;
background: #f6d7d7;
border: 1px solid #e99897;
margin: 15px 0 0 0;
padding:  10px 25px;
font-size: 13px;
font-weight: normal;
}
	#longError li {
	width: 396px;
	height: 25px;
	float: left;
	list-style: inside;
	line-height: 25px;
	}

#gardensheds-Left {
width: 432px;
float: left;
border: 1px solid #d1d1ca;
padding: 10px;
margin: 29px 0 0 0;
text-align:justify;
}

#gardensheds-Right {
width: 432px;
float: right;
border: 1px solid #d1d1ca;
padding: 10px;
margin: 29px 0 0 0;
text-align:justify;
}
	.special-title {  }
	.gardenshedImage {
	width: 380px;
	height: 300px;
	margin: 0 auto;
	}
	
	.reviews { margin: 10px 0 0 0; }
	
	#gardensheds-Left p, #gardensheds-Right p { color: #3e3e3e; font-size: 11px; line-height: 20px; font-weight: normal; margin-top: 10px; }

#rightContactUs {
width: 408px;
float: left;
}
	#rightContactUs li {
	list-style: none;
	}
	
	#rightContactUs ul {
	padding: 0;
	border: 0;
	margin: 25px 0 0 0;
	}
	

.table td span { font-size: 10px; }
					
					.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;
					margin-left: 7px;
					display: inline
					}
					
.about p { margin: 15px 0 0 0; }

#tanlist li {
width: 842px;
background: #fff;
list-style: none;
}
	#tanlist li strong { float: left; width: 698px; }
	#tanlist li span { float: right; width: 115px; height: 115px; }

#hplist {
list-style: inside;
font-size: 12px;
line-height: 22px;
margin: 29px 0 0 0;
font-style: italic;
font-weight: normal;
}

legend a { color: #FF9600; text-decoration: none; }
legend a:hover { text-decoration: underline; }

.sizeList a
{
	color: #FF9600; text-decoration: none;
}

.sizeList a:hover
{
	text-decoration: underline;
}

.sizeList input
{
	color: #FF9600; text-decoration: none; border:none 0px; background: none;  cursor:pointer;
    cursor:hand;

}

.sizeList input:hover
{
	text-decoration: underline;
}

#ex_3ftdr { width: 100px; height: 100px; background: url(../images/extras_3ft-door.gif) no-repeat; }
#ex_extrh { width: 100px; height: 100px; background: url(../images/extras_height.gif) no-repeat; }
#ex_bearers{ width: 100px; height: 100px; background: url(../images/extras_bearers.gif) no-repeat;  }
#ex_shelf { width: 100px; height: 100px; background: url(../images/extras_shelf.gif) no-repeat;  }
#ex_shelfl { width: 100px; height: 100px; background: url(../images/extras_shelf-l.gif) no-repeat;  }
#ex_shelfw { width: 100px; height: 100px; background: url(../images/extras_shelf-w.gif) no-repeat;  }
#ex_extrw { width: 100px; height: 100px; background: url(../images/extras_windows.gif) no-repeat; }
#ex_dd { width: 100px; height: 100px; background: url(../images/extras_dbl-door.gif) no-repeat;  }
#ex_extrfr { width: 100px; height: 100px; background: url(../images/extras_runners.gif) no-repeat;  }
#ex_opw { width: 100px; height: 100px; background: url(../images/extras_openers.gif) no-repeat;  }
#ex_winbox { width: 100px; height: 100px; background: url(../images/extras_win-boxes.gif) no-repeat;  }
#ex_xwin { width: 100px; height: 100px; background: url(../images/extras_win-crosses.gif) no-repeat;  }
#ex_xdoor { width: 100px; height: 100px; background: url(../images/extras_extra-door.gif) no-repeat;  }
#ex_part { width: 100px; height: 100px; background: url(../images/extras_partition.gif) no-repeat;  }
#ex_drHL{ width: 90px; height: 65px; background: url(../images/options-door-hinge-left.gif) no-repeat; }
#ex_drHR{ width: 90px; height: 65px; background: url(../images/options-door-hinge-right.gif) no-repeat; }
#ex_winTStd{ width: 90px; height: 65px; background: url(../images/options-window-type.gif) no-repeat; }
#ex_winTNo{ width: 90px; height: 65px; background: url(../images/options-window-type-no.gif) no-repeat; }
#ex_winTSec{ width: 90px; height: 65px; background: url(../images/options-window-type-sec.gif) no-repeat; }
#ex_wdd { width: 100px; height: 100px; background: url(../images/extras_dbl-door.gif) no-repeat;  }
#ex_stbldr { width: 100px; height: 100px; background: url(../images/extras_stable-door.gif) no-repeat;  }
#ex_null1{ width: 100px; height: 100px; }
#ex_null2{ width: 100px; height: 100px; }
#ex_null3{ width: 100px; height: 100px; }

.tipsy { padding: 8px; font-size: 10pt; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

.options {float:left; padding:2px; margin-left:10px; background-color: #fff; color:#000; font-size:8pt;}
.options .check {margin:0px;}
.options label {color:#030303; font-size:8pt; font-weight:normal;}


.extraTip
{cursor: help;}

a img {border: none;}

.slideshowTag{background-color:#3E3E3E;}

.slideshowTag .buttonRight {margin:0px;}

.loader{background-repeat: no-repeat;  background-image: url(../images/loader.gif); width:18px; height:18px; float:left; margin: 2px;}

a.green  { color: #ff7f00; text-decoration: underline; }
a.green:hover  { text-decoration: none; }

#thankyou {background-repeat: no-repeat; background-image: url(../images/thankyou.gif); width:130px; height:106px; position:absolute; right:0; top:-5px;}

#contact{ margin:20px 0 0 10px; color: #A1A1A1; float:right; width:200px;}
#contact ul { text-align:left;}
	#contact li { list-style: none;}
	#contact li a { 
	color: #A1A1A1;
	text-decoration: none;
	}
	#contact li a:hover { text-decoration: underline; }
		
		#contactEmail {
		background: url(../images/email.gif) no-repeat left center;
		padding: 0 0 0 33px;
		margin: 0 0 10px 0;
		height: 25px;
		}
		
		#contactPhone {
		background: url(../images/phone.gif) no-repeat left center;
		padding: 0 0 0 33px;
		height: 25px;
		}
		
#contactForm{ margin:20px 0 0 10px; color: #A1A1A1; }
		
.ad-star-small{background-image:url('../images/ad-star-sm.png'); background-position: left top; position:absolute; left: -20px; top: -40px; width:60px; height:60px;}

#headerBanner{background-color:#fff; color: #000; padding: 5px 0px 5px 5px; text-align:center;}

fieldset { padding:5px; border-color: #cccccc; border-width: 1px; background-color:#f0f0f0; border-style: solid;}
fieldset legend {color: #ff7f00; font-size:14px;}

.sliderBlock.size{ border: solid 1px #cccccc;width:600px; margin: 20px 0px 10px 0px;padding:5px;background-color:#f0f0f0;}

.woodBlock {float:left; padding:8px 2px 15px 2px; background-color: #fff; margin-right:10px;}

.sliderBlock.extras {width:100%; margin: 4px;}

.extrasRow {clear:left;}

#shedSpecs {display:inline; margin-left:10px; font-weight:normal;}

#product p { line-height: 24px; font-size: 14px; text-align: justify; font-weight:normal; }