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

body {
	font: 80%/1.3 "Lucida Grande","Arial", "Verdana", sans-serif;
	margin: 0;
	padding: 0;
	background: #fff url("/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 {
	font-size:150%;
	text-transform:uppercase;
	letter-spacing: .1em;
	color:#797651;
	font-weight:bold;
}
*/


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("/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("/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("/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;
}

#nb0 { left: 20px; width: 97px;}
#nb1 { left: 120px; width: 78px;}
#nb2 { left: 201px; width: 132px;}
#nb3 { left: 336px; width: 151px;}
#nb4 { left: 490px; width: 55px; }
#nb5 { left: 548px; width: 69px; }
#nb6 { left: 620px; width: 76px; }
#nb7 { left: 699px; width: 63px; }
#nb8 { left: 764px; width: 54px; }
#nb9 { left: 820px; width: 60px; }
#nb10 { left: 882px; width: 45px; }
#nb11 { left: 930px; width: 61px; }


#nb0 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar.gif?3") no-repeat -20px -33px; }
#nb1 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar.gif?3") no-repeat -120px -33px; }
#nb2 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar.gif?3") no-repeat -201px -33px;}
#nb3 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar.gif?3") no-repeat -336px -33px;}
#nb4 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar.gif?3") no-repeat -490px -33px;}
#nb5 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar.gif?3") no-repeat -548px -33px;}
#nb6 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar.gif?3") no-repeat -620px -33px;}
#nb7 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar.gif?3") no-repeat -699px -33px;}
#nb8 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar.gif?3") no-repeat -764px -33px;}
#nb9 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar.gif?3") no-repeat -820px -33px;}
#nb10 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar.gif?3") no-repeat -882px -33px;}
#nb11 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar.gif?3") no-repeat -930px -33px;}


/* 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("/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("/ezstatic/data/grosolar/i/bg-content.gif") repeat-x left top;
}

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


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

.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;
}

.cover {

}

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

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

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

#lnk-solarevaluation a {
	width: 175px;
	height: 67px;
	background: transparent url("/ezstatic/data/grosolar/i/btn-signupsolarevaluation.gif") no-repeat left top;
	width: 178px;
	height: 68px;
	background: transparent url("/ezstatic/data/grosolar/i/btn-solarevaluation.gif") no-repeat left 10px;
	
}


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

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

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

h4#hdr-casestudy a {
	display: block;
	background: transparent url("/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("/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("/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("/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 {

}



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


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

#footerhackbg {
	padding: 23px 0 0 0;
	background: #020202 url("/ezstatic/data/grosolar/i/bg-footer.gif") repeat-x left top;
	width: 991px;
	min-height: 356px;
	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;
	background: transparent url("/ezstatic/data/grosolar/i/logo-grosolar-footer.gif") no-repeat 840px 40px;
	position: relative;
}

div.grofacts {
	width: 400px;
	height: 145px;
	overflow: auto;
	/*
	background: transparent url("/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("/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: 100px;
}

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("/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;
}



#fb0 { left: 0; width: 160px; }
#fb1 { left: 0; width: 160px; top: 0; background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat 0 -24px; }
#fb2 { left: 0; width: 160px; top: 24px; background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat 0 -45px;  }
#fb3 { left: 165px; width: 165px; background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat -165px 0;  }
#fb4 { left: 165px; width: 165px; top: 24px; background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat -165px -24px;  }
#fb5 { left: 165px; width: 165px; top: 48px; background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat -165px -45px;  }



#fb0 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat 0 -60px; }
#fb1 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat 0 -84px; }
#fb2 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat 0 -105px;}
#fb3 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat -165px -60px;}
#fb4 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat -165px -84px;}
#fb5 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat -165px -105px;}

/* note:
the blog was taken out by client.. to activate the blog, you will 
need to first activate it in the menu manager, then you can apply the
commented old styles below - you will also need to add the background
image to the #footernavbar above

-mn
*/

/*
#fb0 { left: 0; width: 160px;  }
#fb1 { left: 0; width: 160px; top: 24px;  }
#fb2 { left: 0; width: 160px; top: 48px;  }
#fb3 { left: 165px; width: 165px;  }
#fb4 { left: 165px; width: 165px; top: 24px;  }
#fb5 { left: 165px; width: 165px; top: 48px;  }

#fb0 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat 0 -60px; }
#fb1 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat 0 -84px; }
#fb2 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat 0 -108px;}
#fb3 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat -165px -60px;}
#fb4 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat -165px -84px;}
#fb5 a:hover { background: transparent url("/ezstatic/data/grosolar/i/navbar-footer.gif") no-repeat -165px -108px;}
*/

/* =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.article21247 .contentareabody {
	/* font-size: 80%; */
	margin: 8px 0
}

h1.heading21247 {
	display: block;
	text-indent: -999em;
	width: 171px;
	height: 17px;
	background: transparent url("/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("/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("/ezstatic/data/grosolar/i/bg-greyrule.gif") repeat-x left 12px;
}
p.lnk-getstarted a {
	display: block;
	width: 119px;
	height: 25px;
	background: transparent url("/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("/ezstatic/data/grosolar/i/pod-bg.gif") repeat-y left bottom;
	margin: 0 0 16px 0;
	font-size: .9em;
}

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


.podb {
	background: transparent url("/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;
}

/* =Frequently Asked Questions Page
-----------------------------------------------
*/
ol#faqlist {
	margin-bottom: 80px;
}

/* =Directions Page
-----------------------------------------------
*/
h1.heading23862 {
	display: none;
}


/* =Category Pages
-----------------------------------------------
*/
.eznav,
.ezdetails,
.ezreadmore img {
	display: none;
}

.ezreadmore {
	text-align: right; 
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

/* =Timeline Proddir
-----------------------------------------------
*/

.timelinedata {
	margin: 20px 0;
}


.timeline-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 98%;
	height: 40px;
	margin: 0;
	background: transparent url("/ezstatic/data/grosolar/i/bg-greyrule.gif") repeat-x left 27px;
}

.timeline-menu li {
	width: 8%;
	height: 40px;
	margin: 0 1% 0 0;
	display: block;
	float: left;
	text-align: center;
}

.timeline-menu li a {
	display: block;
	height: 40px;
	background: transparent url("/ezstatic/data/grosolar/i/timeline-up.gif") no-repeat center bottom;
	border: 0;
}

.timeline-menu li.active a {
	background: transparent url("/ezstatic/data/grosolar/i/timeline-over.gif") no-repeat center bottom;
}


.timeline-menu li a:hover {
	background: transparent url("/ezstatic/data/grosolar/i/timeline-over.gif") no-repeat center bottom;
}

h3.timeline-header {
	margin-top: 50px;
}

/*
div.timeline-image {
	display: block;
	width: 40%;
	float: left;
}

div.timeline-content {
	width: 58%;
	float: right;
}
*/


div.timeline-image img {
	display: block;
	float: left;
	margin: 0 20px 0 0;
}
.groyear {
	font-size: 85%;
}




/* SIFR VERSION 3 BETA 2
--------------------------------
*/


/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
/*
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}


.sIFR-flash a {
	color: #000;
}
.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h2 a {
    visibility: hidden;
}
*/


/*---- Image Gallery ---*/

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


/* 
Custom Image Gallery Styles
*/
/*
.caption{font-style:italic;color:#887;}
*/
.caption { background: #fff }
	.demo{position:relative;margin-top:2em;}
	.gallery_demo{width:702px;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 2px;background:#000;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 60px auto;height:400px;width:700px;}
	#main_image img{ margin-bottom:0; }
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
	
div.galleria_wrapper img {
	display: block;
	margin: 0 auto;
}
	
	
	
/*
DONATION FORM
*/
.ezerror {
	color:red;
	font-weight: bold;
}


/*********** Mobile Site Link *************/
#mobilelink {float:left; font-size:10px;}

/*********** Dealer Videos ****************/
#grovideos {
	float: left;
}

#videolist {
	float: right;
	width: 175px;
	border: 1px solid #c0c0c0;
	border-bottom: none;
	list-style: none;
	margin:0;
	padding:0;
}

#videolist li a {
	display: block;
	padding: 7px 2px 7px 5px;
	border: none;
	border-bottom: 1px solid #c0c0c0;
	background: transparent url(/ezstatic/data/grosolar/i/bg-content.gif) 0 -50px repeat-x;
}
#videolist li a:hover {
/*	background: #ffd204;*/
	background-position: 0 -100px;
}
#videolist li.active a {
	background: #ffd204;
}