body {
  margin:0;
  padding:0;
  font-size:62.5%;
  background:#ebebeb url(../images/bg-orbit.gif);
  font-family:"Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color:#555;
}

h1 {
	font-size:3em;
	margin:0px;
	line-height:1.1em;
}

h2 {
	font-size:2em;
	margin:0px;
	line-height:1.1em;
}

a { 
  color:#007482;
  text-decoration:underline;
}

a img {
	border:none;
}

li, .required {
	color:#f7971c;
}

.fieldWithErrors {
	border-left:2px solid red;
}

#errorExplanation {
	width:420px;
	border:1px solid red;
	padding:7px;
	padding-bottom:12px;
	margin:20px auto 20px auto;
}

#errorExplanation h2 {
	text-align:left;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	font-size:1.4em !important;
	margin:-7px;
	color:#fff;
	border:0 !important;
}

#errorExplanation p {
	color:#333;
	margin-bottom:0px;
	padding:5px;
}

#errorExplanation ul li {
	font-size:12px;
	list-style:square;
	color:#555;
}

.float_right {
	float:right;
	padding:0px 0px 10px 10px;
}

.float_left {
	float:left;
	padding:10px 10px 0px 0px;
}


.text_color {
	color:#555;
}

#wrapper {
  width:815px;
  margin:0 auto;
}


/*-- HEADER -----------*/
#header {
	position:relative;
	height:75px;
}

#header ul {
  position:absolute;
  top:55%;
  right:10px;
  float:right;
  margin:0;
  padding:0;
}

#header li {
  margin:0;
  padding:0 .75em 0 0;
  list-style-type:none;
  float:left;
  font-size:1.4em;
  text-transform:uppercase;
  font-style:italic;
	height:37px;
	display:block;
	text-indent:-9000px;
}

#header li.learn {
	background:url(../images/btn_learn.gif) top no-repeat;
	width:52px;
}

#header li.learn_selected {
	background:url(../images/btn_learn_selected.gif) bottom no-repeat;
	width:52px;
}

#header li.residential {
	background:url(../images/btn_residential.gif) top no-repeat;
	width:100px;
}

#header li.residential_selected {
	background:url(../images/btn_residential_selected.gif) top no-repeat;
	width:100px;
}

#header li.coursedescription {
	background:url(../images/btn_coursedescription.png) top no-repeat;
	width:120px;
}

#header li.coursedescription_selected {
	background:url(../images/btn_coursedescription.png) top no-repeat;
	width:120px;
}

#header li.instructor {
	background:url(../images/btn_instructor.png) top no-repeat;
	width:115px;
}

#header li.instructor_selected {
	background:url(../images/btn_instructor.png) top no-repeat;
	width:115px;
}

#header li.whysolar {
	background:url(../images/btn_whysolar.png) top no-repeat;
	width:115px;
}

#header li.whysolar_selected {
	background:url(../images/btn_whysolar.png) top no-repeat;
	width:115px;
}

#header li.testimonials {
	background:url(../images/btn_testimonials.png) top no-repeat;
	width:140px;
}

#header li.testimonials_selected {
	background:url(../images/btn_testimonials.png) top no-repeat;
	width:140px;
}

#header li.commercial {
	background:url(../images/btn_commercial.gif) top no-repeat;
	width:110px;
}

#header li.commercial_selected {
	background:url(../images/btn_commercial_selected.gif) top no-repeat;
	width:110px;
}

#header li.partnerships {
	background:url(../images/btn_franchise.gif) top no-repeat;
	width:88px;
}

#header li.partnerships_selected {
	background:url(../images/btn_franchise_selected.gif) top no-repeat;
	width:88px;
}

#header li a {
	display:block;
	width:100%;
}

/*-- MAIN CONTENT SECTION -----------*/
#main {
  background:url(../images/bg_main.png) repeat-y;
  padding:18px 18px 18px 18px;
  min-height:400px;
	font-size:1.2em;
}

#main_top {
	background:url(../images/bg_main_top.png) no-repeat;
	height:13px;
}

#main_btm {
	background:url(../images/bg_main_btm.png) no-repeat;
	height:13px;
}

/*-- MAIN WITH SIDEBAR  SECTION -----------*/
#main_with_sidebar {
  background:url(../images/bg_main_sidebar.png) repeat-y;
  padding:18px 18px 18px 18px;
  min-height:400px;
	font-size:1.2em;
}

#main_with_sidebar_top {
	background:url(../images/bg_main_sidebar_top.png) no-repeat;
	height:13px;
}

#main_with_sidebar_btm {
	background:url(../images/bg_main_sidebar_btm.png) no-repeat;
	height:13px;
}


#home_sidebar {
  float:right;
	width:257px;
	text-align:left;
	background:url(../images/bg_sidebar_fade.png) no-repeat;
}

#home_sidebar h1 {
  font-size:2em;
  color:#007482;
  padding:.75em .6em 0;
  text-align:center;
}

#home_sidebar p {
  margin:1em 15px 0;
  font-size:1.2em;
}

#home_sidebar img {
  float:left;
  margin:0 1em 0 0;
}

#home_sidebar #van {
  margin-right:.5em;
}

#home_sidebar p#sunloan {
  margin:1em;
  padding:1em 0;
  border-top:1px solid #CCC;
}

#home_sidebar p#sunloan a {
  display:block;
  float:right;
}

#home_sidebar p#expansion {
  margin:1em 2em;
  padding:1em 0;
  text-align:left;
  font-size:.9em;
  float:left;
  width:100%;
}

* html #home_sidebar p#expansion {
  margin:0;
}

* + html #home_sidebar p#expansion {
  margin:0;
}

#mini_quote form {
  margin:.5em 1.5em;
}

#mini_quote label {
  display:block;
  margin:1em 0 .3em;
}

#mini_quote input, #mini_quote select {
  width:80%;
  margin-bottom:.5em;
}

#mini_quote #mini_quote_monthly_bill {
  width:30%;
}

#mini_quote .btn {
  margin:0 0 0;
}

#mini_quote .btn input {
  float:none;
  margin:1em 0;
  width:auto;
}


#mini_quote #errors p {
  margin:0;
  padding:1em 1em 0;
  font-weight:bold;
  color:#900;
}

#mini_quote .form_row {
  margin:0 !important;
  padding:0 !important;
  border-bottom:none;
}

#download {
  margin-bottom:2em;
}

#download #file {
  margin:.5em 0 .5em 1em;
  background:#FFC;
  border:2px solid #CCA;
  padding:1em 1em;
  text-align:center;
  float:right;
  width:170px;
}

#download #file img {
  float:none !important;
  margin:0 0 .5em;
  padding:0;
  position:relative;
  left:-5px;
}

#download #file a {
  font-weight:bold;
}



#home {
  text-align:left;
}

#home_content {
	float:left;
	width:520px;
}

* html #home_content {
  margin:0;
  width:535px !important;
  overflow:hidden;
}

/*-- SUNGEN -----------*/
#sungen_text {
	margin:0 auto;
	padding-left:35px;
	width:500px;
	text-align:center;
	line-height:1.7;
}

#sungen_text p {
  text-align:left;
  margin:20px 0 0;
	font-size:1em;
}

#sungen_text span {
	font-size:1.1em;
	white-space:nowrap;
}

#inkspot {
  float:left;
  margin:0 1.5em 1em 0;
}

* html #inkspot {
  margin-top:1.5em;
  margin-left:1.2em;
}

* + html #inkspot {
  margin-top:1.5em;
  margin-left:1.2em;
}

/*-- LOWER BOX AREA -----------*/
#boxes {
  background:#dceff5;
}

#lower {
  background:url(../images/bg_lower.png) repeat-y;
  padding:10px 18px;
}

#lower_top {
  height:13px;
  background:url(../images/bg_lower_top.png) no-repeat;
}

#lower_btm {
  height:13px;
  background:url(../images/bg_lower_btm.png) no-repeat;
}

#lower h2, #lower h3 {
  margin:0;
}

#lower h2 {
	font-size:2em;
}

#lower h3 {
	font-size:1.5em;
}

#lower .box {
  float:left;
  width:28.3%;
  margin:0 1%;
  padding:10px 1.5%;
  background:url(../images/bg_box.png) no-repeat left top;
  min-height:101px;
}

#lower .box p {
	margin-top:10px;
}

#lower .box_header {
	text-indent:-9000px;
  height:25px;
	margin:0px;
}

#lower .community {
	background:url(../images/hdr_lower_comm_prog.png) no-repeat;
	cursor:pointer;
}

#lower .events {
	background:url(../images/hdr_lower_events.png) no-repeat;
}

#lower .news {
	background:url(../images/hdr_lower_news.png) no-repeat;
}

#lower ul {
  margin-top:.8em;
  font-size:1.1em;
}

#lower li {
  margin-bottom:.7em;
}

#lower .call {
	height:45px;
	background:url(../images/hdr_lower_call_us.png) no-repeat;
}

/* -- FOOTER ---------------*/

#footer {
  font-size:1.1em;
  padding:0 25px;
  background:url(../images/bg_footer.png) repeat-y;
}

#footer_top {
	margin-top:10px;
  height:13px;
  background:url(../images/bg_footer_top.png) no-repeat;
}

#footer_btm {
  height:13px;
  background:url(../images/bg_footer_btm.png) no-repeat;
  margin-bottom:5em;
  
}

#footer a {
  text-decoration:underline;
}

#footer ul {
  float:left;
  margin:0;
  padding:0;
}

#footer li {
  float:left;
  list-style-type:none;
  padding:0 1em 0 0;
  margin:0;
}

#footer p {
  float:right;
  margin:0;
  padding:0;
}


#content {
	padding:0px 12px 0px 10px;
	line-height:18px;
	float:right;
	width:475px;
	margin-right:10px;
}

#content h1 {
	font-size:2.5em;
	margin:0px;
	color:#356369;
	border-bottom:1px solid #ebebeb;
	padding-bottom:10px;
	margin-bottom:10px;
}

#content h2 {
	font-size:2em;
	margin:20px 0px 0px 0px;
	color:#356369;
	border-bottom:1px solid #ebebeb;
	padding-bottom:10px;
	margin-bottom:10px;
}

#content p {
	margin-bottom:10px;
}

#content_sidebar {
  float:right;
	width:218px;
	min-height:520px;
}

/* == FORMS =============================
*****************************************/
.form_row, .form_row_with_checkbox {
	padding-bottom:30px;
	margin-bottom:20px;
	border-bottom:1px solid #ebebeb;
	font-size:1.1em;
}

#mini_quote .form_row {
  margin-bottom:.5em;
  padding-bottom:1em;
}

.form_row p, .form_row_with_checkbox p {
	margin:0px 0px 10px 0px;
}

.form_row_with_checkbox p {
	margin-left:10px;
}

.form_row input, .form_row textarea, .form_row select {
	width:100%;
	background: #fff url(../images/bg_input.gif) 0 0 repeat-x; 
	border:1px solid #aaa;
	font-size:1.1em;
	color:#555;
	padding:2px;
}

.form_row_with_checkbox input {
	font-size:1.1em;
	color:#555;
	padding:2px;
}

.form_row .full {
	padding:0 2% 0 2%;
}

.form_row .full input, .form_row .full textarea {
	width:98%;
}

.form_row .half {
	float:left;
	width:45%;
	padding:0 2% 0 2%;
}

.form_row .third {
	float:left;
	width:28.5%;
	padding:0 2% 0 2%;
}

/* == MULTI-STEP QUOTE FORM == */
h1#stepHeading      { border: 0; color: #464243; display: inline; float: left; font-size: 2.9em; font-weight: normal; }
h1#stepHeading span { color: #356369; padding-right: 10px; }
hr.divider                                  { border: 1px solid #c0c0c0; border-width: 0 0 1px; clear: both; }
.note                                       { color: #959595; font: 11px/1.1em 'Lucida Grande', 'Lucida Sans Unicoe', Arial; text-transform: uppercase; }
span.required                               { color: #ff9900; }
.multiStepForm a                            { color: #457191; }
#content form.multiStepForm div.formRow     { border-bottom: 1px solid #c0c0c0; font: 10px/1.1em Helvetica; margin: 20px 0 0; padding: 0 0 20px; }
#content form.multiStepForm div.last        { border: 0 none; }
.multiStepForm div.half                     { display: inline; float:left; margin:1em 0 2em; width:49%; }
.multiStepForm div.full                     { float: none; margin:1em 0; width:100%; }
.multiStepForm div.first                    { margin-right:2%; }
.multiStepForm input.half                   { height: 16px; width: 152px; }
.multiStepForm .formRow label               { color: #000; display: inline-block; font: 15px/1.1em 'Lucida Grande', 'Lucida Sans Unicode', Arial; margin: 0 15px .3em 0; text-align: right; width: 160px; }
.multiStepForm div.full textarea            { width:99%; height:100px; }
.multiStepForm input.full                   { height: 16px; width: 324px; }
.multiStepForm .formRow input, 
.multiStepForm .formRow textarea            { background:#fff; border: 1px solid #b9b9b9; color: #a9a9a9; font: 1.5em/1.1em 'Lucida Grande', 'Lucida Sans Unicode', Arial; margin: 1px; padding: 0 6px 3px; }
.multiStepForm div.half input:focus,
.multiStepForm .full input:focus,
.multiStepForm div.half textarea:focus,
.multiStepForm .full textarea:focus         { background: #ffdc59; border: 2px solid #ffc012; color: #073264; margin: 0; }
.multiStepForm .submit                      { clear:left; margin-top:2em; }
.multiStepForm .submit input                { width:100px; }
.multiStepForm button                       { background: url(../images/btn_continueQuote.png) 0 0 no-repeat; border: 0 none; color: #555; font: bold 1.1em/1.1em 'Lucida Grande', 'Lucida Sans Unicode', Arial; height: 36px; margin: 0; padding: 0; text-align: center; width: 147px; }
#availableDatesRow label                    { display: inline; float: left; }
.radioButtonOptions                         { display: inline; float: left; }
.radioButtonOptions div                     { margin-top: 15px; }
.radioButtonOptions div.first               { margin-top: 0; }
.radioButtonOptions div input               { vertical-align: middle; }
.radioButtonOptions div span                { color: #000; padding-left: 7px; }
span.alternative                            { color: #464646; font: 1.1em/1.1em 'Lucida Sans', Arial; }
span.alternative a                          { }
input#monthlyBill                           { width: 86px; }
select#utilityProvider                      { width: 194px; }
select#state                                { margin-right: 14px; width: 207px; }
input#zipCode                               { width: 99px; }
a#btnCallMe                                 { background: url(../images/btn_callMe.png) 0 0 no-repeat; display: inline; float: right; height: 36px; text-indent: -9999px; width: 112px; }

#quickQuoteReport                           { font-size: 10px; }
p#zipCodeBased                              { color: #555; font: 1.5em/1.1em 'Lucida Grande', 'Lucida Sans Unicode', Arial; }
tr.even                                     { background: #eff8fa; }
tr.odd                                      { background: #fff; }
tr.headerRow2                               { background: #dceff5; }
#quickQuoteReport table                     { font-size: 10px; text-align: left; }
#packageDetails, #systemDetails             { width: 100%; }
#quickQuoteReport th, 
#quickQuoteReport td                        { border: 1px solid #fff; border-width: 1px 1px 0 0; font: 1.2em/1.1em 'Lucida Sans', Arial; height: 25px; padding: 2px 5px; vertical-align: middle; }
#quickQuoteReport tr.headerRow2 td          { font-weight: bold; }
#quickQuoteReport th                        { background: #ebebeb; border-top: 1px solid #c0c0c0; color: #464243; font: normal 1.2em/1.1em 'Lucida Sans', Arial; height: 24px; }
#packageDetails { margin: 0 0 18px; }
#analysis_location { margin: 0 0 18px; }
#optionsAnalysis { display: inline; float: left; width: 339px; }
#optionsAnalysis ul { list-style: none; margin: 0; padding: 0; }
#optionsAnalysis ul li { display: inline; float: left; list-style: none; text-indent: -9999px; }
li#billsOffset { background: url(../images/btn_billsOffset.png) 0 0 no-repeat; height:29px; width: 170px; }
li#cashAnalysis { background: url(../images/btn_cashFlowAnalysis.png) 0 0 no-repeat; height: 29px; width: 169px; } 
#optionsAnalysis div { background: url(../images/optionsOffsetAnalysis.png) 0 0 no-repeat; height: 124px; text-indent: -9999px; width: 339px; }
#optionsAnalysis div table { display: none; }
#mapLocation { background: url(../images/mapLocationBox.png) 0 0 no-repeat; display: inline; float: right; height: 137px; margin: 0px; padding: 7px 10px 9px 9px; width: 134px; }
#systemDetails    { margin: 0 0 18px; }
#whatsIncluded    { background: url(../images/blueRoundedBox.png) 0 0 no-repeat; display: inline; float: left; height: 213px; width: 220px; }
#whatsIncluded h3 { color: #464243; font-size: 12px; margin: 0 0 0 12px; padding: 12px 0; }
#whatsIncluded ul { list-style: none; margin: 0 0 0 12px; padding: 0; }
#whatsIncluded li { background: url(../images/icn_greenCheckmark.png) 0 2px no-repeat; list-style: none; margin: 0 0 10px; padding: 0 0 0 21px; }
#environmentalBenefits { float: right; width: 295px; }
#environmentalBenefits tr.odd td { height: 50px; vertical-align: middle; }
#environmentalBenefits tr.even td { height: 38px; vertical-align: middle; }
#environmentalBenefits td img { margin: 0 10px; vertical-align: middle; }
* html #environmentalBenefits td img { margin: 0 10px; vertical-align: middle; }
* html #environmentalBenefits td span { margin: 0 10px; vertical-align: middle; }
#actionButtons { margin-left: 235px; }
#scheduleVisit { margin-right: 10px; }

/* == SIDEBAR ===========================
*****************************************/
.sidebar_panel_top, .sidebar_panel, .sidebar_panel_btm, .sidebar_btn_top, .sidebar_btn, .sidebar_btn_btm {
	width:215px;
	margin:0 0 0 6px;
	padding:0;
}

.sidebar_panel_top {
	background: url(../images/sidebar_panel_top.gif) 0 0 no-repeat; 
	height:8px;
}
.sidebar_panel {
	background: url(../images/sidebar_panel.gif) 0 0 repeat-y; 
	padding:1px 0;
}

.sidebar_panel_btm {
	background: url(../images/sidebar_panel_btm.gif) 0 0 no-repeat; 
	height:8px;
	margin-bottom:20px;
}

.sidebar_panel h1, .sidebar_panel p, .sidebar_btn p {
	padding:0px 10px 5px 10px;
}

.sidebar_panel h1 {
	font-size:1.3em;
	color:#333;
	margin:0px;	
}

.sidebar_panel p {
	margin:5px 0px 0px 0px;
}

.sidebar_panel ul {
  margin:0;
  padding:0;
}

.sidebar_panel li {
  margin:5px 10px 10px;
  list-style-type:none;
}
	
.sidebar_btn_top {
	background: url(../images/btn_sidebar_top.png) 0 0 no-repeat; 
	height:6px;
}

.sidebar_btn {
	background: url(../images/btn_sidebar.png) 0 0 repeat-y; 
}

.sidebar_btn_btm {
	background: url(../images/btn_sidebar_btm.png) 0 0 no-repeat; 
	height:6px;
	margin-bottom:10px;
}


.sidebar_btn p {
	color:#333;
	font-size:1.3em;
	margin:0;
}

.sidebar_btn a {
	position:absolute;
	height:1em;
	padding:6px 0 6px 6px;
	width:206px;
	margin:-.3em 0 0 -10px;
	text-decoration:none;
	color:#333;
	line-height:1em;
}

.install {
	padding:20px 0 10px 0px;
	border-top:1px solid #ebebeb;
}

.install label {
	font-size:1.5em;
}

#content_sidebar .selected div {
  margin-left:0 !important;
  padding-left:6px !important;
  background:#FFF;
}

#content_sidebar .selected div.sidebar_btn_top {
	background:#FFF url(../images/btn_sidebar_top_selected.png) no-repeat top right; 
}

#content_sidebar .selected div.sidebar_btn_btm {
	background:#FFF url(../images/btn_sidebar_btm_selected.png) no-repeat bottom right; 
	font-size:4px;
}


table.simple {
  border-collapse:collapse;
}

table.simple td, table.simple th {
  border:1px solid #CCC;
  padding:.5em;
}

table.simple th {
  background:#eee;
  text-align:left;
}

table#specs {
  margin-top:1em;
  width:100%;
}


.rsvp {
	list-style:none; 
	padding:0; 
	margin:0;
	font-size:.9em;
}

.rsvp input {
	width:1em;
	margin:0 5px 0 5px;
	background:none;
	border:none;
}

.rsvp .fieldWithErrors {
	display:inline;
}

.floatLeft  { display: inline; float: left; }
.floatRight { display: inline; float: right; }

.cB:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
.cL:after { clear: left; content: '.'; display: block; height: 0; visibility: hidden; }
.cB, .cL       { display: inline-block; }
/* Hide from IE/Mac \*/
* html .cB, * html .cL { height: 1%; }
.cB, .cL { display: block; }
/* End Hide */