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

/* ----------- */
/* 1. page styles */
/* ----------- */

body {
	font: 80%/1.3 "Lucida Grande","Arial", "Verdana", sans-serif;
	margin: 0;
	padding: 0;
	background: #fff url("http://www.growsolar.com/ezstatic/data/grosolar/i/bg-body.gif") repeat-x top left;
	text-align: center;
}

h1, h2, h3, h4, h5, p, ul, ol, li, blockquote, form, img {
	margin-top: 0;
	padding: 0;
}



h1,
h2 {
	font-size:130%;
	font-family: "Verdana", "Arial", sans-serif;
	color:#797651;
	letter-spacing: .1em;
	font-weight:bold;
	border-bottom: 1px solid #bbbaba;
}

h3 {
	font-size: 130%;
	font-weight:bold;
	line-height: normal;
	color:#353434;
	margin: 20px 0 14px;
}

h4 {
	font-size: 130%;
	line-height: normal;
	color:#353434;
}



a {
	color: #000;
	outline: 0;
	text-decoration: none;
}

p.lnk-savings a {
	border-bottom: 1px solid #000;
}

a img {
	border: 0;
	text-decoration: none;
}
.contentisking a {
	color: #000;
	border-bottom: 1px solid #000;
}

a:hover {
	color: #333;
}

div.clearboth {
	clear:both;
}

#ezarticleviewtpl ul,
#ezarticleviewtpl ol {
	margin-left: 40px;
}

#ezarticleviewtpl li {
	margin-bottom: 8px;
}

td {
	vertical-align: top;
}

/* =Header
-----------------------------------------------
*/
p#siteheader {
	width: 991px;
	margin: 0 auto;
	height: 111px;
	text-align: left;
}

a#sitename {
	display: block;
	width: 152px;
	height: 59px;
	text-indent: -999em;
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/logo-grosolar.gif") no-repeat left top;
	float: left;
	margin: 20px 0 0 20px;
}

p#siteheader span.tagline {
	display: block;
	width: 295px;
	height: 36px;
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/tagline2.gif") no-repeat left top;
	text-indent: -999em;
	float: right;
	margin: 40px 20px 0 0;
}

p#siteheader span.hdrcontact {
	display: block;
	clear: both;
	color: #fff;
	text-align: right;
	margin: 0 20px 0 0;
	/* new design */
	display: none;
}

span.yellow {
	color: #ffd204;
}



/* =Navigation
-----------------------------------------------
*/
#navbar {
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/navbar.gif?3") no-repeat 0 0;
	width: 991px;
	height: 33px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	position: relative;
	z-index: 100;
}

#navbar li {
	list-style: none;
	position: absolute;
	top: 0;
	z-index: 200;
	text-align: left;
}

ul#navbar li,
#navbar a {
	height: 33px;
	display: block;
	margin: 0;
	padding: 0;
}

ul#navbar li a {
	text-indent: -9999px;
	text-decoration: none;
}



/* dropdowns */
ul#navbar li ul {
	font-size: 90%;
	position: absolute;
	left: -9999px;
	width: 180px;
	margin: 0;
	background: #fff;
	/*
	opacity: .9;
	filter: alpha(opacity=90);
	*/
	padding: 0 3px 5px;
	border: 1px solid #c2c2c2;
	border-top: 0;
}

ul#navbar li:hover ul, 
ul#navbar li.sfhover ul {
	left: 0;
	z-index: 150;
}


ul#navbar li ul li {
	position: relative;
	height:auto;
	top: 6px;
	padding: 0;
	z-index: 150;
}


ul#navbar li ul li a {
	text-indent: 0;
	color: #51504f;
	font-weight: bold;
	text-indent: 0;
	background: transparent;
	display: block;
	min-height: 20px;
	padding: 4px 2px 0;
	border-bottom: 1px dashed #c2c2c2;
}

ul#navbar li ul li a {
  height: auto !important;
  height: 20px;
}

ul#navbar li ul li a:hover { 
	color:#000;
	background:#fff;
}

/* for crappy browsers */
* html ul#navbar li ul li, * html ul#navbar li ul li a {

}


/* =Template Framework
-----------------------------------------------
*/

#contentwrapper {
	text-align: left;
	width: 991px;
	margin: 0 auto 10px;
	border-top: 1px solid #c0c0c0;
	background: transparent url('http://www.growsolar.com/ezstatic/data/grosolar/i/bg-framework-yellow.gif') repeat-y left top;
	position: relative;
}

.spacer {
	position: absolute;
	display: block;
	font-size: 1pt;
	height: 10px;
	width: 210px;
	left: 1px;
	top: 0;
	background: #fff;
}

.contentisking {
	width: 776px;
	float: right;
	margin: 10px 5px 10px 0;
	display: inline;
}

.contentisking .contentwrapper {
	background: transparent url('http://www.grosolar.com/ezstatic/data/grosolar/i/bg-content.gif') repeat-x left top;
}

#gradient {
	background: transparent url('http://www.grosolar.com/ezstatic/data/grosolar/i/bg-content.gif') repeat-x left 10px;
	padding-top: 10px;
}


.contentisking.articlesectiondefault .padding, 
.contentisking.articlesectionmarshfieldsolar .padding{
	padding: 20px;
}

.padding1 {
padding-left:5px;
padding-right:20px;
padding-top:20px;
padding-bottom:2px;
}

.backtotop {
	text-align: right;
	font-style: italic;
	margin-bottom: 40px;
}


/* =Left Bar & Left Navigation
-----------------------------------------------
*/

.leftsidebar {
	width: 183px;
	float: left;
	margin: 10px 0 10px 17px;
	display: inline;
	background-color:#E3E3E3;
	}

#lnavbar,
#rhnavbar {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	color:#333333;
}

#lnavbar li,
#rhnavbar li {
	margin: 0 0 10px 0;
	padding: 0;
	color:#333333;
}

#lnavbar li a,
#rhnavbar li a {
	display: block;
	text-indent: -999em;
	color:#333333;
}

#lnk-solarevaluation a {
	width: 175px;
	height: 20px;
	color:#333333;
	
}


#lnk-staycurrent a {
	display: block;
	width: 133px;
	height: 32px;
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/btn-enewsletter.gif") no-repeat left top;
	width: 180px;
	height: 58px;
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/btn-staycurrent.gif") no-repeat left top;
	
}

#lnk-grosolarinaction a {
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/btn-grosolarinaction-yellow.gif") no-repeat left top;
	width: 183px;
	height: 162px;
	display: block;
	text-indent: -999em;
	color:#333333;
}

h4#hdr-casestudy {
	margin: 0;
	padding: 0;
}

h4#hdr-casestudy a {
	display: block;
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/btn-casestudy.gif") no-repeat left top;
	width: 96px;
	height: 18px;
	text-indent: -999em;
}

div#grosolarcasestudywrapper img {
	display: block;
	margin: 4px auto;
}

div.lcw {
	width: 160px;
	margin: 0 0 0 8px;
}
div.h3rule {
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/bg-bevel.gif") repeat-x left top;
	height: 2px;
	font-size: 1pt;
	width: 160px;
}
h3#hdr-savemoney {
	width: 160px;
	height: 50px;
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/hdr-save500.gif") no-repeat left bottom;
	text-indent: -999em;
	margin: 0;
	padding: 0;
}

h3#hdr-announcements {
	/*
	border-bottom: 1px solid #bab9b9;
	*/
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/hdr-announcements.gif") no-repeat left 16px;
	width: 160px;
	height: 38px;
	text-indent: -999em;
	margin: 0;
	padding: 0;
}

.jscroller2_up, .jscroller2_down, .jscroller2_left, .jscroller2_right {
 	margin: 0;
 	padding: 0;
}

.jscroller2_left, .jscroller_right, .jscroller2_left_endless, .jscroller2_right_endless {
	white-space: nowrap;
}

/* Scroller Box */
#scroller_container {
 width: 160px;
 height: 260px;
 overflow: hidden;
}
/* Scroller Box */

/* CSS Hack Safari */
#dummy {;# }

#scroller_container {

}


/*------------ MENU TAB BUTTONS---------*/

#navlist2 li
{
display: inline;
list-style-type: none;
padding-right: 20px;
padding-left:0px;
}

#navlist3
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist3 li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist3 li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background:
#CCCCCC;
text-decoration: none;
}

#navlist3 li a:link { color: #448; }
#navlist3 li a:visited { color: #667; }

#navlist3 li a:hover
{
color: #000;
background:#FFFF00;
border-color: #227;
}

#navlist3 li a#current
{
background: white;
border-bottom: 1px solid white;
}

/*---------------------*/

/* LIST ITEMS IN LEFT NAV 
*/
#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 11px Verdana, sans-serif;
background: gray;
width: auto;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background:#CCCCCC;
text-decoration: none;
}

#navlist li a:link { color:#595959; }
#navlist li a:visited { color: #595959; }

#navlist li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}



/* =Footer
-----------------------------------------------
*/


#footer {
	background: #020202 url("http://www.growsolar.com/ezstatic/data/grosolar/i/bg-footer.gif") repeat-x top left;
	min-height: 200px;
	text-align: left;
	
}

#footerhackbg {
	padding: 23px 0 0 0;
	background: #020202 url("http://www.growsolar.com/ezstatic/data/grosolar/i/bg-footer.gif") repeat-x left top;
	width: 991px;
	min-height: 200px;
	margin: 0 auto;
}

#footer,
#footerhackbg {
  height: auto !important;
  height: 356px;
}

#footer,
#footer a {
	color: #fff;
	font-size: .85em;
}
#copyright, #copyright a {
	font-size: 1.0em;
	text-align: center;
}
#copyright a.yellow {
	color: #ffd204;
}


#footerinner {
	width: 991px;
	margin: 0 auto;
	position: relative;
}

div.grofacts {
	width: 400px;
	height: 100px;
	overflow: auto;
	/*
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/factoid.gif") no-repeat 10px top;
	*/
}

/*
div.grofacts * {
	margin-left: 210px;
}
*/

div.grofacts h4 {
	width: 60px;
	height: 16px;
	margin-bottom: 0;
	padding: 0;
}

div.grofacts h4 a {
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/hdr-grofact.gif") no-repeat left top;
	text-indent: -999em;
	display: block;
	width: 60px;
	height: 16px;
	margin: 0;
}

.factscontent {
	float: right;
	width: 45%;
}

.factsimage {
	float: left;
	width: 200px;
}
img.grofactsimage {
	display: block;
	float: right;
	margin: 0 8px 0 0;
}


div.footertext {
	text-align: center;
	margin-top: 50px;
}

ul#footersitemenu {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

ul#footersitemenu li {
	display: inline;
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #d2d2d2;
}

ul#footersitemenu li#last {
	border-right: 0;
	padding-right: 0;
}

p#usmtag {
	border-top: 1px solid #383838;
	padding: 20px 0;
}
p#usmtag a {
	display: block;
	width: 213px;
	height: 13px;
	margin: 0 auto;
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/usmtag.gif") no-repeat left top;
	text-indent: -999em;
}



/* Footer Navigation 
-------------------------------
*/

#footernavbar {
	width: 330px;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 460px;
	top: 0;
}

#footernavbar li {
	list-style: none;
	position: absolute;
	z-index: 200;
	text-align: left;
}

ul#footernavbar li,
#footernavbar a {
	height: 15px;
	display: block;
	margin: 0;
	padding: 0;
}

ul#footernavbar li a {
	text-indent: -9999px;
	text-decoration: none;
}





/* =Homepage
-----------------------------------------------
*/
body#home .contentisking.articlesectionhome {
/*
position: relative;
*/
}

body#home .contentisking {
position: relative;

}

body#home .contentisking.articlesectionhome .padding {
	padding: 10px;
}

body#home .contentwrapper {
	width: 260px;
	height: 217px;
	background: #fff;
	opacity: .8;
	filter: alpha(opacity=80);
	position: absolute;
	left: 516px;
	z-index: 10;
	color: #000;
}

div#homepagecontent {
	width: 490px;
	float: left;
	display: inline;
	margin: 10px 0 0 30px;
}

div#homepagecontentphoto {
	width: 690px;
	float: left;
	display: inline;
	margin: 10px 0 0 30px;
}

div.article21247 .contentareabody {
	/* font-size: 80%; */
	margin: 4px 0
}

h1.heading21247 {
	display: block;
	text-indent: -999em;
	width: 171px;
	height: 17px;
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/hdr-welcome.gif") no-repeat left top;
	border-bottom: 0;
}
div#homepagecontent p.pitch span {
	text-transform: uppercase;
}
div#homepagecontent p.pitch span, 
div#processlist p {
	font-size: 1.4em;
}

div#processlist p {
	font-weight: bold;
}

div#processlist p span {
	font-weight: normal;
}

body.article21247 div.loginbar { /* not enough space to accomodate the login status */
	display: none;
}

div.article21247 {
	color: #000;
}

div.article21247 h1,
div.article21247 h2 {
	color: #000;
	line-height: normal;
	font-size: 1.0em;
	margin: 0;
}


div.article21247 p {
	line-height: normal;
	color: #000;
}

div#processlist {

}

div#processlist p span {
	font-size: .7em;
}

div#processlist p {
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/bg-circle-star.gif") no-repeat left top;
	padding: 4px 0 0 10px;
	/*
	margin-left: 30px;
	margin-right: 30px;
	*/
	margin: 0 0 20px 0;
}

p.lnk-getstarted {
	text-align: right;
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/bg-greyrule.gif") repeat-x left 12px;
}
p.lnk-getstarted a {
	display: block;
	width: 119px;
	height: 25px;
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/btn-getstarted.gif") no-repeat left top;
	text-indent: -999em;
	text-align: left;
	margin-left: 371px;
	border-bottom: 0;
}

#homepageright {
	width: 183px;
	float: right;
	margin: 10px 25px 0 0;
}

#homepageright a {
	text-decoration: none;
	border-bottom: 0;
}

.pod {
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/pod-bg.gif") repeat-y left bottom;
	margin: 0 0 16px 0;
	font-size: .9em;
}

.podt {
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/pod-top.gif") no-repeat left top;
}


.podb {
	background: transparent url("http://www.growsolar.com/ezstatic/data/grosolar/i/pod-base.gif") no-repeat left bottom;
}

.podcontent {
	padding: 4px 8px;
}

.pod h3 {
	font-size: 1.2em;
	margin: 0;
}

#scrollup {
   position: relative;
   overflow: hidden;
   height: 155px;
   width: 165px;
 }

.headline {
   position: absolute;
   top: 210px;
   left: 5px;
   height: 150px;
   width:155px;
 }
 

/* =User Page
-----------------------------------------------
*/

p.userbar {
	text-align: right;
	font-size: smaller;
}


 /* =Rotating Image
-----------------------------------------------
*/
.rotatorwrapper {
	width: 776px;
	height: 217px;
}

#rotator
{
	overflow: hidden;
	width: 776px;
	height: 217px;
}

#rotator img
{
	width: 776px;
	height: 217px;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}




/* =Forms
-----------------------------------------------
*/

form {
	background: #dfdfbe;
	margin-bottom: 1em;
	border: 1px solid #827F5A;
	padding: 10px;
}

.survey dd {
	margin: 0 1em .5em 1em;
	font-style: normal;
	}
	
.survey dt {
	margin: 1em 0 .5em 0;
	padding: .5em;
	border-top: 1px solid #8F8D6B;
	background: #cfcfae;
	color: #2F2D1E;
	}
	
form dt.top {
	margin-top: 0;
	}
	
form p {
	margin-left: 1em;
	margin-right: 1em;
	}
	
.morewrap {
	border: 1px solid #918E68;
	margin: 0 1em 1em 1em;
	background: white;
	}
	
dd.morewrap, dd.lesswrap {
	font-size: 100%;
	}
	
.morewrap h5 {
	font-size: 1.2em;
	padding: .5em;
	margin-bottom: 1em;
	margin-top: 0;
	border-bottom: 1px solid #918E68;
	background: #cbcda9;
	text-align: right;
	}

.lesswrap {
	margin-top: 0;
	}

.lesswrap {
	display: none;
	}
	
.morelink {
	font-size: .8em;
	margin-left: 1em;
	}
	
.lesslink {
	display: none;
	}

.entry {
	margin: 1em;
	} 
	
.entry dt {
	float: left;
	width: 6em;
	border-top: none;
	background: none;
	font-size: 90%;
	margin: 0 .5em .5em 0;
	}
	

	
.entry input {
	width: 20em;
	}
.entry input.radio {
	width: auto;
}
	
input#phone, input#zip {
	width: 12em;
	}
	
#newold {
	width: 10em;
	}
	
dt a {
	font-weight: normal;
	}
	
.survey dt {
	clear: left;
	}
	
dd.left {
	margin-right: 0;
	float: left;
	}
	
	
dd.last input {
	margin-left: 1em;
	}
	
#errormsg {
	display: none;
	color: red;
	font-weight: bold;
	}
	
.alert {
	display: none;
	color: red;
	}
	
table.tbl-dealerapp {
	border-collapse: collapse;
}

table.tbl-dealerapp td {
	padding: 4px;
}


 /* =Rotating Image
-----------------------------------------------
*/
.rotatorwrapper {
	width: 776px;
	height: 263px;
}

#rotator
{
	overflow: hidden;
	width: 776px;
	height: 217px;
}

#rotator img
{
	width: 776px;
	height: 217px;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}