@charset "utf-8";
/* CSS Document */

body {
	background-color:#b0b1b6;
	padding:0px;
	margin:0 auto;
}

h1{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}

h2{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
}


#allcontentwrapper {
	position:relative;
	width:1002px;
	margin: 0 auto;
}
#header {
	background: url(images/images/images/Sun---Glick-Layoutwider_05.jpg) 0 0 no-repeat;
	height:8px;
	width:1002px;
	margin:0 auto;
	position:relative;
}

#menu {
	background:  url(images/topmenu.jpg) 0 0 no-repeat;
	height:56px;
	width:1002px;
	margin:0 auto;
	position:relative;
}
#menu ul {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	font-family: verdana, arial, sanf-serif;
	font-size: 12px;
	font-weight:bold;
	z-index:4;
}
#menu li {
	float:left;
	margin:0px 0px 0px 0px;
	z-index:4;
}
#menu a {
	color: #FFFFFF;
	float:left;
	text-decoration: none;
	z-index:4;
}
#menu a:link, #menu a:active, #menu a:visited {
	color: #000000;
	z-index:4;
}

#menu2 {
	background:  url(images/topmenu2.jpg) 0 0 no-repeat;
	height:56px;
	width:1002px;
	margin:0 auto;
	position:relative;
}

#menu2 ul {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	font-family: verdana, arial, sanf-serif;
	font-size: 12px;
	font-weight:bold;
	z-index:4;
}
#menu2 li {
	float:left;
	margin:0px 0px 0px 0px;
	z-index:4;
}
#menu2 a {
	color: #FFFFFF;
	float:left;
	text-decoration: none;
	z-index:4;
}
#menu2 a:link, #menu2 a:active, #menu2 a:visited {
	color: #000000;
	z-index:4;
}

/*Link 1 #######################################################################*/
a.link1 {
	width:163px;
	height:56px;
	margin:0 auto auto 9px;
	float:left;
	position:relative;
}
a.link1:hover, a.link1:focus,  body#thingstoknowbeforeyoubuy a.link1 {
	background: url(images/topmenu.jpg) -1011px 0 no-repeat;
}

#menu2 a.link1:hover, a.link1:focus,  body#thingstoknowbeforeyoubuy div#menu2 a.link1 {
	background: url(images/topmenu2.jpg) -1011px 0 no-repeat;
}


body#thingstoknowbeforeyoubuy a.link1 {
	cursor:default;
}

a.link1:active{
	background: url(images/topmenu.jpg) -2013px 0 no-repeat;
}

#menu2 a.link1:active{
	background: url(images/topmenu2.jpg) -2013px 0 no-repeat;
}

/*Link 2 #######################################################################*/
.link2 {
	width:163px;
	height:56px;
	margin:0 auto;
	float:left;
	position:relative;
}
.link2:hover, .link2:focus, body#whyourshedsarebetter a.link2 {
	background: url(images/topmenu.jpg) -1174px 0 no-repeat;
}

#menu2 a.link2:hover, .link2:focus, body#whyourshedsarebetter div#menu2 a.link2 {
	background: url(images/topmenu2.jpg) -1174px 0 no-repeat;
}


body#whyourshedsarebetter a.link2 {
	cursor:default;
}


a.link2:active{
	background: url(images/topmenu.jpg) -2176px 0 no-repeat;
}

#menu2 a.link2:active{
	background: url(images/topmenu2.jpg) -2176px 0 no-repeat;
}

/*Link 3 #######################################################################*/
.link3 {
	width:163px;
	height:56px;
	margin:0 auto;
	float:left;
	position:relative;
}
.link3:hover, .link3:focus, body#designyourownshed a.link3 {
	background: url(images/topmenu.jpg) -1337px 0 no-repeat;
}

#menu2 a.link3:hover, .link3:focus, body#designyourownshed div#menu2 a.link3 {
	background: url(images/topmenu2.jpg) -1337px 0 no-repeat;
}


body#designyourownshed a.link3 {
	cursor:default;
}


a.link3:active{
	background: url(images/topmenu.jpg) -2339px 0 no-repeat;
}


#menu2 a.link3:active{
	background: url(images/topmenu2.jpg) -2339px 0 no-repeat;
}

/*Link 4 #######################################################################*/
.link4 {
	width:163px;
	height:56px;
	margin:0 auto;
	float:left;
	position:relative;
}
.link4:hover, .link4:focus, body#preparingyournewshed a.link4 {
	background:url(images/topmenu.jpg) -1500px 0 no-repeat;
}

#menu2 a.link4:hover, .link4:focus, body#preparingyournewshed div#menu2 a.link4 {
	background:url(images/topmenu2.jpg) -1500px 0 no-repeat;
}


body#preparingyournewshed a.link4 {
	cursor:default;
}

a.link4:active{
	background: url(images/topmenu.jpg) -2502px 0 no-repeat;
}

#menu2 a.link4:active{
	background: url(images/topmenu2.jpg) -2502px 0 no-repeat;
}

/*Link 5 #######################################################################*/
.link5 {
	width:163px;
	height:56px;
	margin:0 auto;
	float:left;
	position:relative;
}

div#menu a.link5:hover, div#menu a.link5:focus, body#becomeadealer div#menu a.link5 {
	background:url(images/topmenu.jpg) -1663px 0 no-repeat;
}

div#menu2 a.link5:hover, div#menu2 a.link5:focus, body#contactus div#menu2 a.link5 {
	background:url(images/topmenu2.jpg) -1663px 0 no-repeat;
}



 body#becomeadealer a.link5 {
	 cursor:default;
 }

div#menu a.link5:active{
	background: url(images/topmenu.jpg) -2665px 0 no-repeat;
}

div#menu2 a.link5:active{
	background: url(images/topmenu2.jpg) -2665px 0 no-repeat;
}


/*Link 6 #######################################################################*/
.link6 {
	width:163px;
	height:56px;
	margin:0 auto;
	float:left;
	position:relative;
}
.link6:hover, .link6:focus, body#specialtysheds a.link6 {
	background:url(images/topmenu.jpg) -1826px 0 no-repeat;
}

#menu2 a.link6:hover, .link6:focus, body#specialtysheds div#menu2 a.link6 {
	background:url(images/topmenu2.jpg) -1826px 0 no-repeat;
}


body#specialtysheds a.link6 {
	cursor:default;
}

a.link6:active{
	background: url(images/topmenu.jpg) -2828px 0 no-repeat;
}


#menu2 a.link6:active{
	background: url(images/topmenu2.jpg) -2828px 0 no-repeat;
}

/*END LINKS #######################################################################*/


#contenttop {
	background:url(images/images/Sun---Glick-Layoutwider_06.jpg) 0 0 no-repeat;
	margin:0 auto;
	width:1002px;
	height:32px;
	position:relative;
}
#contentmid {
	background: url(images/images/Sun---Glick-Layoutwider_08.jpg) 0 0 repeat-y;
	margin:0 auto;
	width:1002px;
	position:relative;
	float:left;
	padding-top:0px;
	/*	padding-left:30px;
*/	padding-right:20px;
	padding-bottom:0px;
}
#contentbot {
	background: url(images/images/Sun---Glick-Layoutwider_10.jpg) 0 0 no-repeat;
	margin:0 auto;
	width:1002px;
	height:58px;
	position:relative;
}
#footer {
	text-align:center;
	margin:0 auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size:.8em;
	color:#666;
	width:auto; height: auto;
	margin-left:170px;
}
#sidemenu {
	position:relative;
	float:left;
/*	display: inline;
*/	text-align:center;
	width:158px;
	margin:0 auto auto 11px;
	color: #666666;
}
#sidemenu ul {
	margin:0 auto;
	padding:0;
	list-style-type:none;
	font-family: verdana, arial, sanf-serif;
	font-size: .8em;
	font-weight:bold;
	color: #666666;
	position:relative;
	z-index:1;
}
#sidemenu ul li {
	position:relative;
	color: #666666;
	margin:0 auto;
	z-index:4;
}

#sidemenu ul li a {
	position:relative;
	line-height:30px;
	height:30px;
	display:block;
/*	color: #666666;
*/	margin:0 auto;
	width:158px;
	text-decoration:none;
	font:normal .8em Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px #DEDEE0 solid;
	font-weight: normal;
}

#sidemenu ul li a span{
	position:relative;
	top:9px;
}


#sidemenu ul li a:hover{
	background-color:#ffffff;
	color:#111111;
	font-weight:bold;
}

#sidemenu  ul li a:focus, .current{
	background:url(images/sidemenu.jpg) 0 0 repeat-x;
	background-color:#cccccc;
	color:#ffffff; 
	
}

#sidemenu ul li a.current{
	border-top:1px solid #FFF;
	border-bottom:1px solid  #FFF;
	color:#000000;
	font-weight:bold;
	cursor:default;
}

#sidemenu ul li a.current:hover{
	background-color:#cccccc;
}

#sidemenu a:link, #sidemenu a:active, #sidemenu a:visited {
	z-index:4;
	color:#666666;
}


#sidemenu  ul li a:active{
	background-color:#bbbbbb;
}


#content {
	position:relative;
	float:left;
	width:775px;
/*	overflow: auto;
*/	padding-left:20px;
	padding-right:20px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.3em;
	font-weight:normal;
	text-align:left;
}

#content p{
	text-indent:25px;
	margin:auto 0px 10px 0px;
	padding-left:0px;
	padding-right:0px;
}

#content img{
	position:relative;
	margin:10px auto;
	padding:4px;
	border:1px solid #999;
}

#content table tr td p{
	text-indent:0px;
	padding:7px;
}

.homeshedholder{
	padding:30px;
	float:left; 
	margin:0 auto;
	position:relative;
	width:325px;
	height:auto;
	text-align:center;
	
}

.homeshedholder img{
	background-color:#FFF;
	border:1px solid #CCC;
	padding:3px;
	margin:0 auto;
	position:relative;
}

.homeshedholder a{
	text-decoration:none;
	color:inherit;
}

.homeshedholder a:hover{
	color: #00F;
}

.clr{
	clear:both;
}
	
.location{
	position:absolute;
	top:-15px;
	right:-30px;
	height:25px;
	width:200px;
	margin:0 auto;
	text-align:right;
}

.locationtitle{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:2.5em; color:#333333; padding:7px; text-align:center; display:block; font-weight:bold; margin:15px; letter-spacing:.07em;
}

.styletableholder{
float:right; 
width:350px;
height:auto;
margin:0 0 0 10px;
background-color:#ddd;
border:1px solid #999;
background-color:#FFFFFF;
}

.styletableholder table{
float:right;
display:block;
}

div.styletableholder table tr{
/*display:block;
*/}

div.styletableholder table tr td{
padding:5px 20px;
}

div.styletableholder table#tableheader tr td{
padding:5px 35px;
}


.odd{
background-color:#EEEEEE;
}

/* FOR USE WITH TABLESELECT.JS and TABLEHEADER.JS and OPENSOURCE.JS #################################*/
.tableheader{
border-bottom:1px solid #000000;
}


.styleheader{
background-color:#ffffff;
border-bottom:thin solid #333333;
}

.styleheaderodd{
background-color:#eeeeee;
border-bottom:thin solid #333333;
}
	
	.sticky-header{
	z-index:2;
	
	}
	
	
	.sticky-enabled{
	
	}
	
	.sticky-table{
	z-index:1;
	
	}
	
.dropshadow{
background: url(img/hoverdropshadow.png) scroll bottom repeat-x; height:auto; display:block; margin:0 auto; padding-bottom:39px;
}

#tableheaderhead{
position: relative; 
margin:0 auto;
display: block;
height:auto; 
width: auto;
background: url(img/hoverdropshadow.png) scroll bottom repeat-x;
padding-bottom:38px;
}

/* END FOR USE WITH TABLESELECT.JS and TABLEHEADER.JS and OPENSOURCE.JS #################################*/