@charset "ISO-8859-1";
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px;
}
h1 {
	font-size:24px;
}
a {
	color:#360;
}
a:visited {
 color:#9c3;
}
h1.greenHeading {
	padding:0px;
	margin:40px 0px 0px 0px;;
	font-size:20px;
	line-height:20px;
	color:#99ca3c;
}
.alert {
	color:#F00;
}
.base {
	width:800px;
	margin:0px auto;
	border:3px solid #360;
}
.baseContainer {
	overflow:auto;
	padding-top:20px;
}
.baseLeft {
	float:left;
	display:inline;
	width:570px;
}
.baseRight {
	float:left;
	display:inline;
	width:230px;
}
.buttonRow {
	overflow:auto;
	padding:10px 0px;
}
.buttonLink {
	float:left;
	display:inline-block;
	background-repeat:no-repeat;
	text-indent:-5000px;
}
.buttonLink:hover {
	background-position:0px -40px;
}
.captionText {
	font-size:11px;
	font-style:italic;
}
.galleryClear {
	clear:both;
}
.galleryBox {
	width:380px;
	float:left;
	display:inline;
	margin:0px 0px 20px 10px;
	font-size:12px;
	text-align:center;
	border:1px solid #99ca3c;
	padding:10px 0px;
}
.galleryBox .bigImage {
	padding-top:5px;
}
.galleryBox .galleryRow {
	margin:5px 0px 0px 0px;
	padding:0px;
}
.galleryBox .galleryRow img {
	padding-right:5px;
	cursor:pointer;
}
.galleryBox .galleryRow img.last {
	padding:0px;
}
.galleryLoader {
	position:absolute;
	left:-5000px;
	width:300px;
	height:300px;
	background-repeat:no-repeat;
}
.header {
	font-family:GillSans, Tahoma, Geneva, sans-serif;
	font-size:11px;
}
.header #headerItems {
	height:87px;
	position:relative;
}
.header #addThisWrapper {
	position:absolute;
	right:28px;
	top:60px;
}
.header #addThisWrapper .socialButton {
	float:left;
	display:inline-block;
	margin-right:5px;
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	text-indent:-5000px;
}
.header #addThisWrapper .socialButton:hover {
	background-position:0px -16px;
}
.header #addThisWrapper #linkedin {
	background-image:url(/graphics/linkedin.png);
}
.header #addThisWrapper #facebook {
	background-image:url(/graphics/facebook.png);
}
.header #addThisWrapper #twitter {
	background-image:url(/graphics/twitter.png);
}
.header #addThisWrapper #mail {
	background-image:url(/graphics/mail.png);
}
.header #mesLogo {
	display:block;
	position:absolute;
	left:28px;
	top:11px;
	width:254px;
	height:71px;
	background-image:url(/graphics/mes-logo-head-hvr.png);
	background-repeat:no-repeat;
	text-indent:-5000px;
}
.header #mesLogo:hover {
	background-position:0px -71px;
}
.header #phoneHead {
	position:absolute;
	right:28px;
	top:19px;
	font-size:11px;
	font-weight:bold;
}
.header #menu {
	float:right;
	margin:25px 180px 0px 0px;
}
.header #menu a {
	display:inline-block;
	margin:5px 0px 0px 10px;
	color:#000;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
}
.header #menu a:hover {
	color:#3e631e;
}
.header #menu a.first {
	margin-left:0px;
}
.header #homeLink {
	float:left;
	display:inline-block;
	width:255px;
	height:74px;
	margin:25px 0px 0px 35px;
	text-indent:-5000px;
	cursor:pointer;
}
.headingLink {
	display:block;
	font-weight:bold;
	color:#3f642f;
	margin-bottom:10px;
}
.lgtGreenText {
	color:#99ca3c;
}
.lgtGreenLink {
	color:#99ca3c;
}
.lgtGreenLink:hover {
	color:#000;
}
.listGreen li {
	list-style:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:13px;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:15px;
	background-image:url(/graphics/back-list-dot-green.jpg);
	background-repeat:no-repeat;
	background-position:0px 3px;
}
.oldTableHolder {
	padding:20px;
}
.orangeText {
	color:#f7941e;
}
.redText {
	color:#F00;
}
.sideTitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
.subGroup {
	padding-left:20px;
}
.TitleBlackBLD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.TitleGreenBLD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #336600;
	text-decoration: none;
}
.subcopy {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}
.subcopyLighter {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color:#666;
}
.BLDsubcopy {
	font-size: 10px;
	font-weight: bold;
	color: #000;
}
.paragraphMain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
}
.subTitleGreenBLD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336600;
	text-decoration: none;
}
.usaSolar {
	display:block;
	width:200px;
	padding:5px 10px;
	margin:0px 0px 0px 480px;
	font-size:12px;
	font-weight:bold;
	color:#981E32;
	text-indent:0px;
	text-align:left;
}
.formCellLabel {
	text-align:right;
}
.whiteText {
	color:#fff;
}

#buttonImageGallery {
	width:125px;
	height:40px;
	background-image:url(/graphics/button-gallery.jpg);
	margin-right:10px;
}
#buttonVideos {
	width:75px;
	height:40px;
	background-image:url(/graphics/button-videos.jpg);
}
#contactPage .baseContainer {
	padding:20px;
}
#contactPage #constantContact {
	width:200px;
	float:right;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
#contactPage h1 {
	color:#99ca3c;
	padding:0px;
	margin:0px;
}
#contactPage .logos div {
	width:350px;
	height:170px;
	margin-bottom:20px;
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	text-indent:-9999px;
}
#contactPage .logos #mesLogo {
	background-image:url(/graphics/mes-logo-338x97.png);
	margin-right:30px;
}
#contactPage .logos #tssLogo {
	background-image:url(/graphics/solar-specialist-logo-230x153.png);
}
#contactPage #contactInfo {
	clear:both;
	text-align:center;
}
#contactPage #social {
	padding:20px;
	text-align:center;
}
#contactPage #social #fbContact {
	float:left;
	display:inline;
	width:150px;
	margin-top:10px;
}
#contactPage #social #blog {
	display:inline;
	width:150px;
}
#contactPage #social #constantContact {
	display:inline;
	width:200px;
	float:right;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	padding:5px 0px;
	border:1px solid #99ca3c;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#contactPage #contactForm {
	width:700px;
	margin:20px auto;
	border-top:2px solid #99ca3c;
}
#contactPage #submitButton {
	cursor:pointer;
}
#contactPage .message {
	color:#f00;
}
#eventsPage .baseContainer {
	padding:0px 50px 50px 50px;
}
#eventsPage h1, #solarFinancePage h1 {
	padding:0px;
	margin:40px 0px 0px 0px;;
	font-size:20px;
	line-height:20px;
	color:#99ca3c;
}
#eventsPage h2,  #solarFinancePage h2 {
	padding:0px;
	margin:6px 0px;
	color:#3f642f;
	font-size:15px;
	line-height:19px;
}
#eventsPage h3, #solarFinancePage h3 {
	padding:0px;
	margin:6px 0px;
	font-size:13px;
	line-height:16px;
	font-style:italic;
}
#eventsPage img.tour {
	float:right;
	padding:20px;
	clear:both;
}
#eventsPage img.banner {
	padding:20px 0px;
}
#eventsPage p {
	margin:0px;
	padding:0px;
	font-size:13px;
	line-height:20px;
}
#eventsPage p.break {
	margin-top:15px;
}
#eventsPage ul, li {
	padding:0px;
	margin:0px;
	list-style:none;
}
#eventsPage li {
	font-size:13px;
	font-weight:normal;
	padding-left:12px;
	margin:5px 0px 10px 25px;
	list-style-type:none;
	background-image:url(/graphics/back-list-dot-green.jpg);
	background-repeat:no-repeat;
	background-position:0px 4px;
}
#eventsPage #upcoming li {
	margin-top:10px;
	padding:0px;
	font-size:15px;
	font-weight:bold;
	background:none;
}
#eventsPage li p {
	font-weight:normal;
}
#eventsPage li a {
	text-decoration:underline;
	color:#3f642f;
}
#eventsPage li a:hover {
	color:#000;
}
#eventsPage .bodyList li {
	padding-left:100px;
	font-size:13px;
	font-style:italic;
	background-image:url(/graphics/back-list-dot-green.jpg);
	background-repeat:no-repeat;
	background-position:85px 5px;
}
#eventsPage .greenBold {
	font-weight:bold;
	color:#3f642f;
}
#fbHome {
	margin:0px 0px 20px 40px;
}
#footer {
	background-image:url(/graphics/footer.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:65px 0px 10px 14px;
	clear:both;
	width:786px;
	margin:5px auto;
	font-size:10px;
	line-height:14px;
	font-weight:bold;
	color:#717073;
	-webkit-text-size-adjust: none;
}
#footer p {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:10px;
}
#footer .enphaseLink {
	text-decoration:underline;
	color:#99ca3c;
}
#footer .plainLink {
	text-decoration:underline;
	color:#717073;
}
#footer .plainLink:hover {
	color:#99ca3c;
}
#footer img {
	float:right;
	padding:0px 12px 0px 0px;
}
#homeFooter {
	clear:both;
	padding:0px 20px 10px 20px;
}
#homePage .baseLeft {
	width:545px;
	padding:0px 10px;
}
#homePage #news {
	background-color:#EDF6DD;
	border:1px solid #99CC33;
	padding:10px;
	margin:20px 0px;
	font-size:10px;
}
#homePage #news p {
	margin-bottom:20px;
}
#homePage #social {
	font-size:10px;
	color:#999999;
	text-align:center;
}
#homePageOld {
	width:700px;
	padding:50px;
}
#howsolarworksPage .baseContainer {
	padding:0px 20px 20px 20px;
}
#howsolarworksPage #vid1 {
	width:420px;
	height:315px;
	float:right;
	padding:0px 0px 10px 20px;
}
#howsolarworksPage #sunpowerFrame {
	width:510px;
	height:650px;
	margin:20px 0px 0px 150px;
	overflow:hidden;
}
#imageBox {
	width:200px;
	font-size:10px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
#imageBox.Left {
	float:left;
	padding:0px 10px 10px 0px;
}
#imageBox.Right {
	float:right;
	padding:0px 0px 10px 10px;
}
#menuContainer {
	overflow:auto;
	position:relative;
	height:20px;
	padding:3px 0px;
	background-color:#9c3;
}
#menuContainer #mainMenu {
	float:right;
	position:relative;
	left:-50%;
	background-color:#9c3;
}
#menuContainer #menuButtons {
	position:relative;
	left:50%;
	text-align:center;
	background-color:#9c3;
}
#menuContainer #menuButtons a {
	float:left;
	display:inline-block;
	height:15px;
	padding:5px 10px 0px 10px;
	color:#000;
	text-decoration:none;
	position:relative;
	border-right:1px solid #000;
	text-indent:-5000px;
	background-repeat:no-repeat;
	background-position:10px 5px;
}

#menuContainer #menuButtons #solarhotwaterheatingButton {
	background-image:url(/graphics/solar-hot-water-heating.gif);
	width:142px;
}
#menuContainer #menuButtons #solarpoolheatingButton {
	background-image:url(/graphics/solar-pool-heating.gif);
	width:109px;
}
#menuContainer #menuButtons #solarspaceheatingButton {
	background-image:url(/graphics/solar-space-heating.gif);
	width:115px;
}
#menuContainer #menuButtons #solarelectricButton {
	background-image:url(/graphics/solar-electric.gif);
	width:81px;
}
#menuContainer #menuButtons #solatubeproductsButton {
	background-image:url(/graphics/solatube-products.gif);
	width:107px;
}
#menuContainer #menuButtons #heatingcoolingButton {
	background-image:url(/graphics/heating-and-cooling.gif);
	width:101px;
}
#menuContainer #menuButtons a.last {
	border:none;
}
#menuContainer #menuButtons a:hover {
	background-position:10px -25px;
}

 /* V2 */

#menuContainerV2 {
	font-family:Tahoma, Geneva, sans-serif;
	overflow:auto;
	position:relative;
	height:20px;
	padding:3px 0px 0px 0px;
	background-color:#9c3;
}
#menuContainerV2 #mainMenu {
	float:right;
	position:relative;
	left:-50%;
	background-color:#9c3;
}
#menuContainerV2 #menuButtons {
	position:relative;
	left:50%;
	text-align:center;
	background-color:#9c3;
}
#menuContainerV2 #menuButtons .mainMenuButton {
	height:20px;
	float:left;
	display:inline-block;
	padding:0px 10px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	line-height:14px;
	position:relative;
	border-right:1px solid #000;
}
#menuContainerV2 #menuButtons .mainMenuButton:hover {
	color:#fff;
}
#menuContainerV2 #menuButtons #b-contactus {
	border:none;
}
.subMenu {
	position:absolute;
	z-index:5;
	display:none;
	background-image:url(/graphics/trans-green.png);
	background-position:0px 25px;
	background-repeat:repeat;
	padding:5px 10px 5px 10px;
}
.subMenu a {
	display:block;
	margin-bottom:10px;
	color:#000;
	text-decoration:none;
}
.subMenu a:hover {
	color:#fff;
}


#newsArchivePage .baseContainer {
	padding:20px;
}
#newsArchiveLink {
	text-decoration:none;
	float:right;
	font-size:12px;
}
#newsArchiveLink:hover {
	color:#000;
}
#newsHead {
	height:35px;
	text-align:right;
	background-image:url(/images/INTHENEWS.gif);
	background-repeat:no-repeat;
}
#newsPage h3 {
	font-size:16px;
	color:#336600;
	clear:both;
	margin:20px 0px 5px 0px;
}
#newsPage p {
	margin:0px 0px 15px 0px;
}
#reviewsPage .baseContainer {
	padding:0px 50px 50px 50px;
}
#saveWithSolar {
	width:503px;
	margin:0px auto;
}
#swsHead {
	width:503px;
	height:118px;
	background-image:url(/graphics/save-with-solar-top.jpg);
	background-repeat:no-repeat;
	text-indent:-5000px;
}
#swsBody {
	width:471px;
	height:162px;
	padding-left:38px;
	background-image:url(/graphics/back-save-with-solar.jpg);
	background-repeat:no-repeat;
}
#swsBody h1 {
	margin:0px;
	padding:0px;
	color:#8B0304;
	font-size:25px;
	line-height:25px;
}
#swsBody h1:hover {
	color:#000;
}
#swsBody a {
	display:block;
	color:#8B0304;
	text-decoration:none;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	padding:0px 0px 10px 30px;
	background-image:url(/graphics/star-blue.jpg);
	background-repeat:no-repeat;
	background-position:0px 8px;
}
#swsBody a:hover {
	color:#000;
}
#swsBody a.smaller {
	padding:15px 0px 15px 30px;
}
#signupForm, #signupForm td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
}
#signupForm input, #signupForm select {
	border:1px solid #8bb22b;
}
#signupForm #submitSignup {
	margin:10px;
	cursor:pointer;
}
#signupForm span.message {
	color:#F00;
}
#solarElectricPage h1 {
	width:400px;
	height:35px;
	background-image:url(/images/SolarElectric.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#solarElectricPage .baseLeft {
	width:530px;
	padding:0px 20px;
}
#solarElectricPage .baseRight div {
	margin:10px auto;
	clear:both;
	text-align:center;
}
#solarElectricPage #mapLink {
	display:block;
	width:100px;
	height:50px;
	padding:12px 15px 0px 82px;
	margin:20px 0px 20px 15px;
	font-size:11px;
	color:#356736;
	border:1px solid #939598;
	background-image:url(/graphics/back-solar-installations.png);
	background-repeat:no-repeat;
	background-position:10px 5px;
	text-decoration:none;
}
#solarElectricPage #mapLink:hover {
	color:#99ca3c;
}
#solarElectricPage #mapLink img {
	vertical-align:top;
	padding:2px 3px;
}
#solarElectricPage span.sectionLink {
	padding:0px 15px 0px 5px;
	color:#f7941e;
	background-image:url(/graphics/arrow-learn-more.png);
	background-repeat:no-repeat;
	background-position:right -15px;
	cursor:pointer;
	display:none;
}
#solarElectricPage span.sectionLink:hover {
	background-position:right 3px;
}
#solarElectricPage p {
	margin:0px 0px 15px 0px;
}
#solarElectricPage .solarSection {
	margin-bottom:25px;
}
#solarElectricPage #s2vid {
	width:420px;
	margin:15px auto;
}
#solarEstimate {
	display:block;
	height:50px;
	overflow:auto;
	margin:25px 0px;
	text-align:left;
}
#solarEstimate img {
	float:left;
	display:inline;
	padding-right:5px;
}
#solarFinancePage .baseContainer {
	padding:0px 20px 20px 20px;
}
#solarFinancePage p, #solarFinancePage h3, #solarFinancePage h4, #solarFinancePage h5, #solarFinancePage ul {
	margin:0px;
	padding:0px;
}
#solarFinancePage h3 {
	font-size:14px;
	font-style:normal;
	margin-bottom:8px;
}
#solarFinancePage h4 {
	font-style:normal;
	margin-bottom:7px;
	font-size:13px;
}
#solarFinancePage ul {
	margin-bottom:20px;
}
#solarFinancePage li {
	font-weight:normal;
}
#solarFinancePage p {
	margin-bottom:15px;
}
#solarPages #headerItems {
	background:none;
}
#solarPages #headerItems #mesLogo {
	background-image:url(/graphics/the-solar-specialist-banner.png);
}
#solarPages h1 {
	color:#99ca3c;
}
#solarContact {
	display:block;
	float:right;
	width:123px;
	height:119px;
	margin:-15px 10px 0px 0px;
	background-image:url(/graphics/back-solar-contact.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#signupForm {
	width:600px;
	margin:0px auto;
}
#spGame {
	display:block;
	width:180px;
	height:480px;
	background-image:url(/graphics/sunpower_fb_contest.jpg);
	background-repeat:no-repeat;
	margin:10px auto 0px auto;
	text-indent:-5000px;
}
#sunpowerPage .baseContainer {
	padding:20px 0px 0px 150px;
}
#taxCreditsPage ul {
	margin-left:10px;
	padding:0px;
}
#taxCreditsPage li {
	font-size:12px;
	line-height:16px;
	margin-bottom:10px;
}
#timelinePage .baseContainer {
	width:760px;
	padding:20px;
	font-size:10px;
}
#usaSolarCell .usaSolar {
	margin:0px;
}
#videosPage .baseContainer {
	padding:20px;
}
#videosPage h1 {
	padding:0px;
	margin:0px 0px 20px 0px;
	font-size:20px;
	line-height:20px;
	color:#99ca3c;
}
#videosPage h2 {
	padding:0px;
	margin:6px 0px;
	color:#3f642f;
	font-size:15px;
	line-height:15px;
}
#videosPage .vidLink {
	display:inline-block;
	font-size:14px;
	line-height:14px;
	cursor:pointer;
	color:#000;
	padding-left:15px;
	background-image:url(/graphics/back-bullet-green.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
}
#videosPage .vidLink:hover {
	color:#99ca3c;
	background-position:0px -28px;
}
#videosPage ul {
	margin:0px 10px;
	padding:0px;
}
#videosPage li {
	list-style:none;
	margin-top:10px;
}
#videosPage #videoBox {
	display:none;
	text-align:center;
	background-image:url(/graphics/anidots-green.gif);
	background-repeat:no-repeat;
	background-position:center;
}
#videosPage #youTubeNote {
	width:150px;
	font-size:11px;
	float:right;
	text-align:center;
	margin-top:50px;
}
#videosPage #youTubeNote #youTubeLogo {
	width:150px;
	height:45px;
	display:block;
	background-image:url(/graphics/youtube-logo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:5px;
}

