/*******************************************************
***** CSS Global Reset
*******************************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;	background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}


/*******************************************************
***** Global Styles
*******************************************************/

body{
	background: url('../images/layout/bg_main.gif') repeat-x #fff;
	color: #65625b;
	font: 12px Helvetica, Arial, sans-serif;
	text-align: center;
}

h1{
	color: #942923;
	font: 22px Georgia, Times, serif;
	font-style: italic;
	text-shadow: #ffffff 1px 1px;
}

h2{
	color: #942923;
	font: 20px Georgia, Times, serif;;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}

h3{
	color: #847f75;
	font: 15px Georgia, Times, serif;;
	font-weight: normal;
	text-align: left;
}
.right{
	float: right;
}

a{
	color: #8c8e1a;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
	color: #65625b;
}

p{
	text-align: left;
}

blockquote{
	text-align: left;
}


/*******************************************************
***** Button Styles
*******************************************************/

/* Feature Rotator */
a#feature_our_difference{ display:block; width:238px; float:left; position:relative; height:34px; overflow:hidden;}
a#feature_our_difference span{ position:absolute; top:0; left:0; display:block;	width:100%;	height:100%; z-index:10; background: url('../images/buttons.png') no-repeat; }
a#feature_our_difference:hover span{ background-position: 0 -34px; } 

a#feature_style_beauty, a#feature_strength_durability, a#feature_fits_your_needs{ display:block; width:178px; float:left; position:relative; height:34px;	overflow:hidden; }
a#feature_style_beauty span, a#feature_strength_durability span, a#feature_fits_your_needs span{ position:absolute;	top:0; left:0; display:block; width:100%; 	height:100%; z-index:10; background: url('../images/buttons.png') -238px 0 no-repeat; }
a#feature_style_beauty:hover span, a#feature_strength_durability:hover span, a#feature_fits_your_needs:hover span{ background-position: -238px -34px; }

/* Landing Page Buttons */
#selector.support a.button{ margin-left: 20px; }

a.the_assistance_you_need{ display:block; width:187px; float:left; position:relative; height:34px; overflow:hidden;	}
a.the_assistance_you_need span{	position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:10; background: url('../images/buttons.png') no-repeat -187px -68px; }
a.the_assistance_you_need:hover span{ background-position: -187px -102px; } 

a.faqs{	display:block;	width:187px; float:left; position:relative;	height:34px; overflow:hidden; }
a.faqs span{ position:absolute;	top:0; left:0; display:block; width:100%; height:100%; z-index:10; background: url('../images/buttons.png') no-repeat 0px -68px; }
a.faqs:hover span{ background-position: 0px -102px; } 

a.putting_it_together{ display:block; width:187px; float:left; position:relative; height:34px; overflow:hidden;	}
a.putting_it_together span{	position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:10; background: url('../images/buttons.png') no-repeat 0px -175px;	}
a.putting_it_together:hover span{ background-position: 0px -209px; } 

a.download_pdf, a.industry_leading_warranty{ display:block; width:187px; position:relative; height:34px; overflow:hidden; }
a.download_pdf span, a.industry_leading_warranty span{ position:absolute;	top:0; left:0; display:block; width:100%; height:100%; z-index:10; background: url('../images/buttons.png') no-repeat -187px -136px;	}
a.download_pdf:hover span, a.industry_leading_warranty:hover span{ background-position: -187px -170px; } 


a.details{ display: block; width: 91px; float: left; position: relative; overflow: hidden; height: 39px; }
a.details span{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 40; background: url('../images/buttons.png') no-repeat -91px -136px; }
a.details:hover span{ background-position: 0px -136px; }

a.browse_our_sheds{ display: block; width: 176px; float: left; position: relative; height: 34px; overflow: hidden; }
a.browse_our_sheds span{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 800; background: url('../images/buttons.png') no-repeat -238px 0px; }
a.browse_our_sheds:hover span{ background-position: -238px -34px; }


/*******************************************************
***** Containers
*******************************************************/
#page{
	width: 1064px;
	margin: 0 auto;
	position: relative;
	padding-top: 54px;
}


#page_wrapper{
	margin: 0 auto;
	width: 960px;
}

#feature_wrapper{
	margin: 0 auto;
	width: 988px;
}

#content{
	float: left;
	padding: 0 10px;
	width: 700px;
}

body#our_difference #content{
	width: 960px;
}

body#shed_detail #content{
	float: left;
	padding: 0 0 0 10px;
	width: 710px;
}

#sidebar{
	float: left;
	width: 240px;
	position:relative;
}


/*******************************************************
***** Masthead Styles
*******************************************************/

#masthead{
	margin: 0 auto 20px;;
	width: 1064px;
}

#masthead #logo {
	display:block;
	width:259px;
	float:left;
	position:relative;
	height:54px;
	margin: 14px 0 0 63px;
	overflow:hidden;
	}
#masthead #logo a {
	display:block;
	color:#505050;
	text-decoration:none;
	z-index: 6;
	}
#masthead #logo span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	z-index:800;
	background: url('../images/layout/logo_main.jpg') no-repeat;
	}
#masthead #tagline{
	display: block;
	float: right;
	height: 26px;
	margin: 37px 63px 0 0;
	position: relative;
	width: 340px;
}
#masthead #tagline span{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	z-index:10;
	background: url('../images/layout/tagline_main.gif') no-repeat;
}



/*******************************************************
***** Main Navigation Styles
*******************************************************/

ul.nav_main{
	position: absolute;
	top: 0;
	left: 0;	
}

ul.nav_main li{
	float: left;
}
ul.nav_main li{
	position: relative;
}
ul.nav_main li a{
	color: #404041;
	display: block;
}
ul.nav_main li a span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	z-index:20;
	}
	
/*About Us*/
ul.nav_main li#nav_about_us a{ width: 159px; height: 68px; }
ul.nav_main li#nav_about_us a span{ background: url('../images/layout/nav_main.jpg') no-repeat 0px 0px; }
ul.nav_main li#nav_about_us a:hover span{ background: url('../images/layout/nav_main.jpg') no-repeat 0px -69px; }
ul.nav_main li#nav_about_us a.active span{ background: url('../images/layout/nav_main.jpg') no-repeat 0px -137px; }
/*Our Difference*/
ul.nav_main li#nav_our_difference a{ width: 140px; height: 68px; }
ul.nav_main li#nav_our_difference a span{ background: url('../images/layout/nav_main.jpg') no-repeat -159px 0px; }
ul.nav_main li#nav_our_difference a:hover span{ background: url('../images/layout/nav_main.jpg') no-repeat -159px -69px; }
ul.nav_main li#nav_our_difference a.active span{ background: url('../images/layout/nav_main.jpg') no-repeat -159px -137px; }
/*Our Sheds*/
ul.nav_main li#nav_our_sheds a#our_sheds{ width: 131px; height: 68px; }
ul.nav_main li#nav_our_sheds a#our_sheds span{ background: url('../images/layout/nav_main.jpg') no-repeat -299px 0px;  }
ul.nav_main li#nav_our_sheds a#our_sheds:hover span,
ul.nav_main li#nav_our_sheds.hovering a#our_sheds span { background: url('../images/layout/nav_main.jpg') no-repeat -299px -69px; }
ul.nav_main li#nav_our_sheds a#our_sheds.active span{ background: url('../images/layout/nav_main.jpg') no-repeat -299px -137px; }
/*Where to Buy*/
ul.nav_main li#nav_where_to_buy a{ width: 135px; height: 68px; }
ul.nav_main li#nav_where_to_buy a span{ background: url('../images/layout/nav_main.jpg') no-repeat -430px 0px; }
ul.nav_main li#nav_where_to_buy a:hover span{ background: url('../images/layout/nav_main.jpg') no-repeat -430px -69px; }
ul.nav_main li#nav_where_to_buy a.active span{ background: url('../images/layout/nav_main.jpg') no-repeat -430px -137px; }
/*Shed Support*/
ul.nav_main li#nav_shed_support a#shed_support{ width: 156px; height: 68px; }
ul.nav_main li#nav_shed_support a#shed_support span{ background: url('../images/layout/nav_main.jpg') no-repeat -565px 0px; }
ul.nav_main li#nav_shed_support a#shed_support:hover span,
ul.nav_main li#nav_shed_support.hovering a#shed_support span { background: url('../images/layout/nav_main.jpg') no-repeat -565px -69px; }
ul.nav_main li#nav_shed_support a#shed_support.active span{ background: url('../images/layout/nav_main.jpg') no-repeat -565px -137px; }
/*Register Your Shed*/
ul.nav_main li#nav_register_your_shed a{ width: 174px; height: 68px; }
ul.nav_main li#nav_register_your_shed a span{ background: url('../images/layout/nav_main.jpg') no-repeat -721px 0px; }
ul.nav_main li#nav_register_your_shed a:hover span{ background: url('../images/layout/nav_main.jpg') no-repeat -721px -69px; }
ul.nav_main li#nav_register_your_shed a.active span{ background: url('../images/layout/nav_main.jpg') no-repeat -721px -137px; }
/*Contact Us*/
ul.nav_main li#nav_contact_us a{ width: 169px; height: 68px; }
ul.nav_main li#nav_contact_us a span{ background: url('../images/layout/nav_main.jpg') no-repeat -895px 0px; }
ul.nav_main li#nav_contact_us a:hover span{ background: url('../images/layout/nav_main.jpg') no-repeat -895px -69px; }
ul.nav_main li#nav_contact_us a.active span{ background: url('../images/layout/nav_main.jpg') no-repeat -895px -137px; }


ul.nav_main.nav_float{
	position: absolute;
	top: 0;
	left: 299px;
}

ul.nav_main.nav_float2{
	position: absolute;
	top: 0;
	left: 565px;
}

/*******************************************************
***** Homepage Slider
*******************************************************/

#slideshow{
	background: url('../images/layout/bg_home_feature.jpg') no-repeat;
	height: 532px;
	margin-bottom: 40px;
	position:relative;
	width: 958px;
	padding: 15px 15px 0 15px;
}
#slideshow #photos{
	height: 446px;
}
#slideshow #photos ul li {
	height: 446px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 958px;
}
#slideshow #photos ul li img {
	position:relative;
	z-index:1;
	}
	
#slideshow #photos .overlay{
	background: url('../images/layout/bg_home_feature_overlay.png') no-repeat;
	height: 235px;
	position: absolute;
	top: 144px;
	left:0;
	z-index:999;
	width: 457px;
}
#slideshow #photos p{
	color: #d7d8a9;
	font: 22px Georgia, Times, serif;
	letter-spacing: 1px;
	line-height: 1.3em;
	padding: 46px 20px 0 30px;
	text-shadow: #641b16 2px 2px;
}
#slideshow #photos .white{
	color: #fff;
}
#slideshow #photos .overlay a {
	margin: 15px 0 0 30px;
}
#slideshow #photos #shadow{
	position: absolute;
	bottom: 0;
}

#feature-nav-wrapper {
	width:958px;
	overflow:hidden;
	position:absolute;
	height:101px;
	left:15px;
	top:427px;
	}

ul#feature_nav{
	width:958px;
}
ul#feature_nav li {
	float: left;
	margin: 0;
	overflow:hidden;
	position:relative;
	padding: 0;
	height:101px;
	display:block;
}
ul#feature_nav li a {
	color: #404041;
	display: block;
	height:101px;
	text-indent:-9999px;
	text-decoration:none;
	border:none;
	position:relative;
	text-transform: uppercase;
}
ul#feature_nav li a span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:101px;
	z-index:9999;
	}

/*Our Difference*/
ul#feature_nav li#feature_nav_our_difference { width: 241px; }
ul#feature_nav li#feature_nav_our_difference a{ width: 241px; height: 101px; }
ul#feature_nav li#feature_nav_our_difference a span{ background: url('../images/layout/feature_nav.png') 0px 0px no-repeat; }
ul#feature_nav li#feature_nav_our_difference a:hover span{ background: url('../images/layout/feature_nav.png') 0px -101px no-repeat; }
ul#feature_nav li#feature_nav_our_difference.activeSlide a span{ background: url('../images/layout/feature_nav.png') 0px -202px no-repeat; }

/*Style & Beauty*/
ul#feature_nav li#feature_nav_style_beauty { width:238px; }
ul#feature_nav li#feature_nav_style_beauty a { width: 238px; height: 101px; }
ul#feature_nav li#feature_nav_style_beauty a span { background: url('../images/layout/feature_nav.png') no-repeat -241px 0px; }
ul#feature_nav li#feature_nav_style_beauty a:hover span{ background: url('../images/layout/feature_nav.png') no-repeat -241px -101px; }
ul#feature_nav li#feature_nav_style_beauty.activeSlide a span{ background: url('../images/layout/feature_nav.png') no-repeat -241px -202px; }

/*Strength & Durability*/
ul#feature_nav li#feature_nav_strength_durability { width:241px; }
ul#feature_nav li#feature_nav_strength_durability a{ width: 241px; height: 101px; }
ul#feature_nav li#feature_nav_strength_durability a span{ background: url('../images/layout/feature_nav.png') no-repeat -479px 0px; }
ul#feature_nav li#feature_nav_strength_durability a:hover span{ background: url('../images/layout/feature_nav.png') no-repeat -479px -101px; }
ul#feature_nav li#feature_nav_strength_durability.activeSlide a span{ background: url('../images/layout/feature_nav.png') no-repeat -479px -202px; }

/*Fits Needs*/
ul#feature_nav li#feature_nav_fits_your_needs { width:238px; }
ul#feature_nav li#feature_nav_fits_your_needs a{ width: 238px; height: 101px; }
ul#feature_nav li#feature_nav_fits_your_needs a span{ background: url('../images/layout/feature_nav.png') no-repeat -720px 0px; }
ul#feature_nav li#feature_nav_fits_your_needs a:hover span{ background: url('../images/layout/feature_nav.png') no-repeat -720px -101px; }
ul#feature_nav li#feature_nav_fits_your_needs.activeSlide a span{ background: url('../images/layout/feature_nav.png') no-repeat -720px -202px; }


/*******************************************************
***** Sidebar Feature Callout
*******************************************************/

#sidebar_feature_wrapper{
	border: 1px solid #d7d2c0;
	margin: 0 0px;
	padding: 4px;
	width: 220px;
	text-align: left;
}

#sidebar_feature{
	background: #ebe8df;
	width: 100%;
}

#sidebar_feature h2{
	font-style: normal;
	padding-left: 2px;
}

.sidebar_feature_content{
	padding: 15px 14px 20px;
}
.sidebar_feature_content h2{
	color: #a4a480;
	font: 15px Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 7px;
	text-transform: uppercase;
	padding-left: 0;
}

.sidebar_feature_content p{
	color: #65625b;
	font: 13px Georgia, Times, serif;
	line-height: 1.4em;
	margin: 0px 0 10px;
}

.sidebar_feature_content a{
	color: #8c8e1a;
	font: 13px Georgia, Times, serif;
	line-height: 1.4em;
	text-decoration: none;
	text-transform: uppercase;
}



h2#solid_construction, h2#wall_thickness_cta, h2#weather_protection_cta{
	display: block;
	position: relative;
	height: 50px;
	width: 220px;
}

h2#solid_construction span, h2#wall_thickness_cta span, h2#weather_protection_cta span{
	background: url('../images/layout/header_vinyl_advantage.jpg') no-repeat;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	z-index:30;
}

h2#our_warranty{
	display: block;
	position: relative;
	height: 50px;
	width: 220px;
}

h2#our_warranty span{
	background: url('../images/layout/header_our_warranty.jpg') no-repeat;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	z-index:30;
}


ul#advantages li{
	margin-bottom: 25px;
}

ul#advantages li.last{
	margin-bottom: 0px;
}

ul#advantages li{
	color: #a4a480;
	font: 15px Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.divider_sidebar{
	background: url('../images/layout/divider_sidebar.jpg') no-repeat;
	height: 2px;
	margin: 15px 0 15px;
	width: 100%;
}

ul.documents{
	margin-bottom: 40px;
	list-style:none !important;
}

/*******************************************************
***** Content Styles
*******************************************************/
.titlebar{
	background: #efece1;
	border: 1px solid #d7d2c0;
	width: 100%;
	text-align: left;
}

.titlebar h1{
	margin: 15px 28px;
	text-shadow: none;
}

ul#faqs li.question{
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
	font-family: Georgia, Times, serif;
	margin-bottom: 5px;
}

ul#faqs{
	text-align: left;
}

ul#faqs li.answer{
	font-size: 12px;
}

ul#faqs a{
	text-decoration: none;
	color: #a28700;
}

ul#faqs a:hover{
	text-decoration: underline;
}

ul#faqs li p{
	padding: 0;
	margin: 0;
}

ul#faqs li ul{
	margin-bottom: 20px;
}


/*******************************************************
***** Selector
*******************************************************/
ul#selector{
	color: #66625a;
	margin-top: 14px;
}

ul#selector li.option{
	border-right: 1px solid #edebe3;
	float: left;
	padding: 10px 0 15px;
	text-align: center;
	width: 232px;
}

ul#selector li.last{
	border-right: none;
}

ul#selector h2, ul#selector h2.series{
	color: #66625a;
	font: 16px Georgia, Times, serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
}

ul#selector h3{
	border-bottom: 1px solid #d7d3c2;
	font: 14px Georgia, Times, serif;
	font-style: italic;
	margin: 0 auto;
	padding-bottom: 15px;
	width: 200px;
	text-align: center;
}


ul#selector ul li .series_thumb{
	background: #d7d2c0;
	height: 115px;
	margin: 14px auto;
	padding: 4px;
	position: relative;
	width: 153px;
}

ul#selector ul li .series_thumb .series_logo{
	position: absolute;
	right: -14px;
	top: 90px;
}

ul#selector li ul li a{
	color: #838e15;
	font: 13px Georgia, Times, serif;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
}

ul#selector li ul li a:hover{
	color: #65625b;	
}


ul#selector li ul li ul{
	font-size: 13px;
	line-height: 1.4em;
	list-style: disc;
	margin: 10px 0 10px 35px;
}

ul#selector li ul li ul li{
	text-align: left;
}

/***** Support Selector *****/

ul#selector.support h2{
	font-size: 14px;
	margin-bottom: 15px;
}

ul#selector.support p{
	border-top: 1px solid #d7d3c2;
	font: 14px Helvetica, Arial, sans-serif;
	line-height: 1.3em;
	margin: 8px 18px 5px;
	padding: 10px 4px 0;
	text-align: left;
}

ul#selector li a.select_series{ display:block; width:124px; float:left; position:relative; height:20px; overflow:hidden; text-indent: -9999px; }
ul#selector li a.select_series span{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:50; background: url('../images/layout/logo_select.png') no-repeat; }

ul#selector li a.premier_series{ display:block; width:129px; float:left; position:relative; height:19px; overflow:hidden; text-indent: -9999px;}
ul#selector li a.premier_series span{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:50; background: url('../images/layout/logo_premier.png') no-repeat; }

ul#selector li a.elite_series{ display:block; width:107px; float:left; position:relative; height:18px; overflow:hidden; text-indent: -9999px;}
ul#selector li a.elite_series span{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:50; background: url('../images/layout/logo_elite.png') no-repeat; }


h2.select_series{ display:block; width:219px; float:left; position:relative; height:32px; overflow:hidden; text-indent: -9999px; }
h2.select_series span{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:50; background: url('../images/layout/logo_select_large.jpg') no-repeat; }

h2.premier_series{ display:block; width:237px; float:left; position:relative; height:32px; overflow:hidden; text-indent: -9999px;}
h2.premier_series span{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:50; background: url('../images/layout/logo_premier_large.jpg') no-repeat; }

h2.elite_series{ display:block; width:198px; float:left; position:relative; height:32px; overflow:hidden; text-indent: -9999px;}
h2.elite_series span{ position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:50; background: url('../images/layout/logo_elite_large.jpg') no-repeat; }

/*******************************************************
***** Sub Page Styles
*******************************************************/
#subpage_feature{
	background: url('../images/layout/bg_subpage_feature.jpg') no-repeat #ebe7d9;
	height: 252px;
	margin-bottom: 42px;
	padding: 10px 10px 10px 30px;
	width: 920px;
}

#subpage_feature_content{
	width: 424px;
}

#subpage_feature h1{
	color: #65625b;
	font: 34px Georgia, Times, serif;
	margin: 20px 0 10px;
	text-align: center;
}

#subpage_feature p{
	color: #65625b;
	font-size: 14px;
	line-height: 2.1em;
	margin-top: 8px;
	text-align: left;
}

blockquote{
	color: #196f36;
	font: 19px Georgia, Times, serif;
	font-style: italic;
	letter-spacing: .05em;
	margin: 0px 0 0 5px;
}

#content p{
	font-size: 14px;
	line-height: 1.4em;	
	margin: 20px 10px 0px 0px;
}

body#page_about #content p{
	margin-left: 90px;
}

body#page_where_to_buy #content p{
	margin-left: 90px;
}

#logo_barrette {
	display:block;
	width:208px;
	position:relative;
	height:85px;
	margin:0px 0 40px 20px;
	overflow:hidden;
	}
#logo_barrette a {
	display:block;
	color:#505050;
	text-decoration:none;
	}
#logo_barrette span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	z-index:10;
	background: url('../images/logo_barrette.jpg') no-repeat;
	}




/***** Callout - Our Sheds *****/

#callout_our_sheds{
	border-top: 1px solid #d7d3c2;
	border-bottom: 1px solid #d7d3c2;
	font-family: Georgia, Times, serif;
	margin: 40px 10px 40px 0px;
	padding: 18px 15px;
	text-align: left;
}

#callout_our_sheds .thumb{
	border: 4px solid #d7d3c2;
	float: left;
	margin-right: 30px;
}

#callout_our_sheds p{
	margin: 18px 0 10px !important;
}

/*******************************************************
***** Shed Detail Styles
*******************************************************/
#nav_sheds ul{
	border-bottom: 1px solid #d7d3c2;
	margin-bottom: 54px;
	margin-top: 8px;
	width: 230px;
	text-align: left;
}

#nav_sheds ul li{
	border-top: 1px solid #d7d3c2;
	margin-bottom: 1px;
	width: 100%;
}

#nav_sheds ul li a{
	color: #847f75;
	display: block;
	font: 15px Georgia, Times, serif;
	padding: 11px 0 8px 15px;
	text-decoration: none;
}

#nav_sheds ul li a:hover{
	background: #ebe8df;
}

#nav_sheds ul li a.active{
	background: #65625b;
	color: #d7d2c0;
}

#nav_sheds h2{
	color: #66625a;
	font-size: 16px;
	font-style: normal;
	text-transform: uppercase;
}

#detail_series_logo{
	margin: 22px 0 20px 75px;
}



/*******************************************************
***** Shed Detail Gallery Tabs Styles
*******************************************************/

#detail_gallery{
	background: url('../images/layout/bg_detail.jpg') no-repeat;
	margin-bottom: 26px;
	width: 710px;
	clear: both;
}

#detail_gallery .gallery_tabs{
	width: 620px;
	padding-top: 30px;
	margin-left: 46px;
}


.gallery_tabs ul.tabNavigation {
    list-style: none;
    padding: 0;
    margin-top: -20px;
}

.gallery_tabs ul.tabNavigation li {
    display: block;
    float: left;
    width: 310px;
    height: 105px;
}

.gallery_tabs ul.tabNavigation li a {
    display: block;
    height: 100%;
    width: 100%;
    color: #000;
    text-decoration: none;
    text-indent: -9999px;
}

.gallery_tabs ul.tabNavigation li a:focus {
	outline: 0;
}

#detail_gallery .gallery_tabs li {
	display:block;
	width:310px;
	float:left;
	position:relative;
	height:120px;
	overflow:hidden;
	}
#detail_gallery .gallery_tabs li a {
	display:block;
	color:#505050;
	position:relative;
	height:82px;
	width:310px;
	text-decoration:none;
	}
#detail_gallery .gallery_tabs li span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:310px;
	height:82px;
	z-index:10;
	}

#detail_gallery .gallery_tabs li#button_easy2 span{
	background: url('../images/layout/button_easy2.jpg') 0px 17px no-repeat;
}

#detail_gallery .gallery_tabs li#button_easy2 a.selected span {
	background: url('../images/layout/button_easy2_active.png') 0 3px no-repeat;
}

#detail_gallery .gallery_tabs li#button_photo_gallery span{
	background: url('../images/layout/button_photo_gallery.jpg') 0px 20px no-repeat;
}

#detail_gallery .gallery_tabs li#button_photo_gallery a.selected span{
	background: url('../images/layout/button_photo_gallery_active.png') no-repeat;
}

#photo-pager {
	position:relative;
	}
#detail_gallery .gallery_tabs li#button_photo_gallery {
	height:120px;
	}
#photo_gallery {
	position:relative;
	height:391px;
	width:620px;
	}
#detail_gallery {
	position:relative;
	padding:0 0 20px 0;
	}
.photo_wrapper {
	clear:both;
	width:620px;
	height:391px;
	text-indent:-9999px;
	}
.photo_wrapper li {
	float:none;
	}
#detail_gallery .gallery_tabs .photo_wrapper li {
	width:620px;
	height:391px;
	}
#detail_gallery #photo-pager {
	position:absolute;
	top: 470px;
	z-index:9999;
	left:370px;
	width:260px;
	display:block;
	padding:0px 0 0 30px;
	height:30px;
	}
#detail_gallery #photo-pager #prev {
	width:30px;
	height:30px;
	background:url('/assets/images/gallery/pg_arrow_p_ia.png') 0 50% no-repeat;
	position:absolute;
	left:0;
	top:50%;
	margin:-15px 0 0 0;
	display:block;
	text-indent:-9999px;
	}
#detail_gallery #photo-pager #next {
	width:30px;
	height:30px;
	background:url('/assets/images/gallery/pg_arrow_n_ia.png') 0 50% no-repeat;
	float:left;
	display:inline;
	left:100%;
	top:50%;
	position:absolute;
	margin:-15px 0 0 -15px;
	text-indent:-9999px;
	}
#detail_gallery #photo-pager #prev:hover {
	background:url('/assets/images/gallery/pg_arrow_p_a.png') 0 50% no-repeat;
	}
#detail_gallery #photo-pager #next:hover {
	background:url('/assets/images/gallery/pg_arrow_n_a.png') 0 50% no-repeat;
	}					
#detail_gallery #photo-pager div a {
	width:25px;
	margin:0 5px 0 0;
	height:25px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
	background:url('/assets/images/gallery/pg_button_ia.png') 50% 9px no-repeat;
	}
#detail_gallery #photo-pager div a.activeSlide {
	background:url('/assets/images/gallery/pg_button_a.png') 50% 9px no-repeat;
	}		

/*******************************************************
***** Shed Detail Info Tabs Styles
*******************************************************/

#detail_info .info_tabs{
	border-top: 1px solid #d7d3c2;
	border-bottom: 1px solid #d7d3c2;
	width: 700px;
	margin: 35px 0 40px 10px;
	padding: 30px 0 60px;
	min-height: 420px;
	text-align: left;
}


.info_tabs ul.tabNavigation {
    list-style: none;
    padding: 0;
}

.info_tabs ul.tabNavigation li {
    display: block;
    float: left;
}

.info_tabs ul.tabNavigation li a {
    display: block;
    height: 100%;
    width: 100%;
    color: #000;
    text-decoration: none;
}

#detail_info .info_tabs ul.tabNavigation li {
	position:relative;
	height:67px;
	overflow:hidden;
	}
#detail_info .info_tabs ul.tabNavigation li a {
	height: 67px;
	color:#505050;
	text-decoration:none;
	position:relative;
	}
#detail_info .info_tabs ul.tabNavigation li span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height: 67px;
	z-index:10;
	}

#detail_info li#button_overview a{ width: 145px; }	
#detail_info li#button_overview span{ background: url('../images/layout/nav_details.jpg') 0px 0px no-repeat; }
#detail_info li#button_overview a:hover span{ background: url('../images/layout/nav_details.jpg') 0px -67px no-repeat; }
#detail_info li#button_overview a.selected span{ background: url('../images/layout/nav_details.jpg') 0px -134px no-repeat; }

#detail_info li#button_features a{ width: 164px; }	
#detail_info li#button_features span{ background: url('../images/layout/nav_details.jpg') -145px 0px no-repeat; }
#detail_info li#button_features a:hover span{ background: url('../images/layout/nav_details.jpg') -145px -67px no-repeat; }
#detail_info li#button_features a.selected span{ background: url('../images/layout/nav_details.jpg') -145px -134px no-repeat; }

#detail_info li#button_size_color a{ width: 184px; }	
#detail_info li#button_size_color span{ background: url('../images/layout/nav_details.jpg') -309px 0px no-repeat; }
#detail_info li#button_size_color a:hover span{ background: url('../images/layout/nav_details.jpg') -309px -67px no-repeat; }
#detail_info li#button_size_color a.selected span{ background: url('../images/layout/nav_details.jpg') -309px -134px no-repeat; }

#detail_info li#button_installation a{ width: 207px; }	
#detail_info li#button_installation span{ background: url('../images/layout/nav_details.jpg') -493px 0px no-repeat; }
#detail_info li#button_installation a:hover span{ background: url('../images/layout/nav_details.jpg') -493px -67px no-repeat; }
#detail_info li#button_installation a.selected span{ background: url('../images/layout/nav_details.jpg') -493px -134px no-repeat; }

#detail_info p{
	padding: 0;
	margin: 10px 0;
}
	
	
.info_tabs div{
	clear: both;
	padding-top: 20px;
	margin-left: 30px;
}

.info_tabs div h3{
	color: #991013;
	font-size: 16px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.info_tabs div ul{
	list-style: disc;
	font-size: 14px;
	line-height: 1.4em;
	margin-left: 15px;
}

.info_tabs div ul li{
	padding: 5px 0;
}


h2.more_sheds{
	margin-left: 20px;
}


table#locations_color{
	margin: 20px 0 0 70px;
}
table#locations_color tr td{
	width: 150px;
	height: 80px;
	text-align: center;
	vertical-align: middle;
}

/*******************************************************
***** Size Table Styles
******************************************************/
table#sizes{
	font-size: 12px;
	margin-top: 30px;
	width: 100%;
}

table#sizes thead tr{
	background: #65625b;
	color: #ebe7d9;
	font: 12px Georgia, Times, serif;
	font-weight: bold;
}

table#sizes tr td{
	padding: 6px 6px;
}

table#sizes tbody tr td{
	color: #333333;
}

table#sizes tr.even, table#sizes tr.even td{
	background: #eeece4;
}


/*******************************************************
***** Register Form Styles
******************************************************/
#register_form{
	margin-right: 20px;
}


/*******************************************************
***** Our Difference Checkbox Styles
******************************************************/
.checkboxes ul{
	margin: 20px 0;
	list-style: none !important;
}

.checkboxes ul li{
	background: url('../images/checkbox.jpg') no-repeat;
	padding-left: 25px;
	margin: 10px 5px 0 -12px;
}

.checkboxes ul li.check{
	background: url('../images/checkbox-checked.jpg') no-repeat;
}

ul#contact_info{
	margin-top: 10px;
	text-align: left;
}

ul#contact_info li{
	font-size: 13px;
	padding: 5px 0;
}

ul.documents li{
	margin: 8px 0 8px 15px;
	text-align: left;
}

ul.documents li a{
	background: url('../images/icon_pdf.jpg') no-repeat;
	padding: 3px 0px 4px 25px;
}


/*******************************************************
***** Footer Styles
*******************************************************/
#footer{
	background: url('../images/layout/bg_footer.jpg') #66625a;
	margin: 70px 0 0;
	clear: both;
	width: 100%;
	float: left;
}

#footer_divider{
	background: url('../images/layout/bg_footer_divider.jpg') repeat-x;
	height: 35px;
	width: 100%;
	margin-bottom: 34px;
}

#footer_content{
	margin: 0 auto;
	font-family: Georgia, Times, serif;
	width: 960px;
}

#footer_content a{
	color: #cace8e;
}

#footer_content a:hover{
	color: #EBE8DF;
}

#footer #where_to_buy{
	float: left;
	width: 390px;
	margin-bottom: 30px;
}

#footer #where_to_buy #info{
	float: left;
	width: 144px;
}

#footer #where_to_buy p{
	color: #fff;
	font: 14px Georgia, Times, serif;
	line-height: 1.4em;
	margin: 18px 0 12px;
}

#footer #where_to_buy_top{
	background: url('../images/layout/bg_where_to_buy_top.png') no-repeat;
	height: 9px;
	width: 390px;
}

#footer #where_to_buy_middle{
	background: url('../images/layout/bg_where_to_buy_middle.png') repeat-y;
	float: left;
	padding: 6px 10px 6px 18px;
	width: 362px;
}

#footer #where_to_buy_bottom{
	background: url('../images/layout/bg_where_to_buy_bottom.png') no-repeat;
	clear: both;
	height: 9px;
	width: 390px;
}

#footer h3{
	color: #fff;
	font-size: 20px;
	font-style: italic;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}

#footer #where_to_buy table#locations{
	float: left;
	width: 200px;
	margin-left: 10px;
}

#footer #where_to_buy table#locations tr td{
	width: 100px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
}

#footer #footer_info{
	color: #ebe8df;
	float: left;
	font: 14px Georgia, Times, serif;
	margin: 13px 0 0 23px;
	width:530px;
}

#footer #footer_info #email_signup{
	float: left;
	width: 300px;
}

#footer #footer_info #email_signup p{
	line-height: 1.5em;
}

#footer #footer_info #email_signup form{
	margin-top: 18px;
}

#footer #footer_info label{
	display: none;
}

#footer #footer_info #email_signup input{
	float: left;
}

#footer #footer_info #email_signup input.textfield{
	border: 4px solid #d7d2c0;
	color: #a5a39d;
	font: 13px Georgia, Times, serif;
	font-style: italic;
	margin-right: 10px;
	padding: 8px 10px;
	width: 165px;
}


#footer #footer_info #social{
	float: left;
	margin: 26px 0 0 18px;
	text-align: left;
}

#footer #footer_info #social a{
	display: block;
	font-size: 13px;
	height: 17px;
	margin-bottom: 10px;
	padding: 5px 0 0 36px;
}

#footer #footer_info #social a.twitter{
	background: url('../images/layout/icon_twitter.png') no-repeat;
}
#footer #footer_info #social a.facebook{
	background: url('../images/layout/icon_facebook.png') no-repeat;
}
#footer #footer_info #social li.share_this a{
	padding: 0px 0 0 36px;
}

#nav_bottom ul{
	clear: both;
	float: left;
	margin-top: 32px;
}

#nav_bottom ul li{
	float: left;
	margin-right: 12px;
}

#footer #credit{
	float: left;
	margin: 20px 0 0 0px;
	font-size: 12px;
}

button#signup{ display: block; width: 90px; float: left; position: relative; height: 39px; overflow: hidden; border: none; background: transparent; }
button#signup span{ position: absolute; display: block; width: 100%; height: 100%; z-index: 40; background: url('../images/buttons.png') no-repeat -187px -204px; }
button#signup:hover span{ background-position: -278px -204px; }


body#privacy #content h2{
	margin-top: 20px;
}
/*******************************************************
***** Clear Fix
*******************************************************/


/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}



/*******************************************************
***** Dropdown
*******************************************************/

li.hovering div.megaBox1{
	display: block
	z-index: 999;
	}

li div.megaBoxRight li a:hover {
	color: #74b73f
	}

li.mega div.megaBox1{
	background-image: url("../images/layout/bg_dropdown.png");
	background-repeat: repeat-y;
	display: none;
	position: absolute;
	z-index: 9999;
	top: 40px;
	left: -56px;
	width: 254px;
	height: 382px;
	overflow: hidden;
	padding-top: 20px;
	}

li.mega div.megaBox1.active{
	background-image: url("../images/layout/bg_dropdown_active.png");
	}

li.hovering div.megaBox1{
	display: block
	}
	
li.hovering div.megaBox1 a{
	text-decoration: none;
	height: 108px;
	background: url('../images/layout/nav_sheds_divider.gif') no-repeat bottom;
	margin-top: 14px;
}

li.hovering div.megaBox1 a.last{
	background: none;
}

li.hovering div.megaBox1 h5{
	color: #65625b;
	font: 15px Georgia, Times, serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
}

li.hovering div.megaBox1 a:hover img{
	border: 4px solid #b6b690;
}

li.hovering div.megaBox1 a img{
	display: block;
	margin: 8px auto;
	border: 4px solid #d7d2bf;
}


li.mega div.megaBox2{
	background-image: url("../images/layout/bg_dropdown_support.png");
	background-repeat: repeat-y;
	display: none;
	position: absolute;
	z-index: 9999;
	top: 40px;
	left: -45px;
	width: 254px;
	height: 382px;
	overflow: hidden;
	padding-top: 20px;
	text-align: center;
	}

li.mega div.megaBox2.active{
	background-image: url("../images/layout/bg_dropdown_support_active.png");
	}

li.hovering div.megaBox2{
	display: block
	}
	
li.hovering div.megaBox2 a{
	text-decoration: none;
	height: 110px;
	background: url('../images/layout/nav_sheds_divider.gif') no-repeat bottom;
	margin-top: 14px;
}

li.hovering div.megaBox2 a.last{
	background: none;
}

li.hovering div.megaBox2 h5{
	color: #65625b;
	font: 15px Georgia, Times, serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
}

li.hovering div.megaBox2 a:hover h5{
	color: #b6b690;
}

li.hovering div.megaBox2 a img{
	display: block;
	margin: 8px auto;
}