@import url(saElements.css);
@import url(saCommon.css);
@import url(saForms.css);


body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #CEEBFB;
}

* {
	margin: 0;
	padding: 0;
}

.imgHover {
	cursor: pointer;
}










/* STRUCTURAL */

#divMainWrap {
	width: 980px;
	margin: auto;
}

#divHead1 {
	background-image: url(../images/page_08_logo_1.jpg);
	background-repeat: no-repeat;
	height: 40px;
	padding: 0px;
	margin: 0px;
}

#divHead2 {
	background-image: url(../images/page_08_logo_2.jpg);
	background-repeat: no-repeat;
	height: 30px;
	padding: 0px;
	margin: 0px;
}

#divMenu {
	background-image: url(../images/page_08_menu.jpg);
	background-repeat: no-repeat;
	/*clear: both;*/
	float: left;
	display: inline;
	width: 700px;
	height: 30px;
	padding: 0px 20px 0px 20px;;
	margin: 0px;
}

#divMenuRight {
	background-image: url(../images/page_08_menu.jpg);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	display: inline;
	width: 205px;
	padding: 10px 35px 0px 0px;
	height: 20px;
	font-size: 10px;
	text-align: right;
}

#divBody {
	clear: both;
}

#divFoot {
	clear: both;
	height: 55px;
	padding: 0px;
	margin: 0px;
	background-color: #CEEBFB;
}

#divFootLeft {
	float: left;
	padding: 20px 0px 0px 10px;
	width: 700px;
	font-size: 11px;
}

#divFootRight {
	float: right;
	padding: 20px 10px 0px 0px;
	width: 200px;
	text-align: right;
	font-size: 11px;
}









/* MENUS */

#ulNav1 {
	list-style: none;
	float: right;
	padding: 0px;
	margin: 0px;
}

#ulNav1 li {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	display: block;
	height: 30px;
	padding: 10px 20px 0px 0px;
	margin: 0px;
	white-space: nowrap;
}

#ulNav2 {
	list-style: none;
	float: right;
	width: 240px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/page_08_tabs_1.jpg);
	background-repeat: no-repeat;
}

#ulNav2Alt {
	list-style: none;
	float: right;
	width: 240px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/page_08_tabs_2.jpg);
	background-repeat: no-repeat;
}

#ulNav2 li, #ulNav2Alt li {
	float: left;
	display: block;
	width: 110px;
	margin: 0px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
}

#ulNav2 li.first, #ulNav2Alt li.first {
	padding: 7px 0px 0px 10px;
}

#ulNav2 li.last, #ulNav2Alt li.last {
	padding: 7px 10px 0px 0px;
}

#ulNav2 a, #ulNav2Alt a {
	text-decoration: none;
}

#ulNav2 a.on, #ulNav2Alt a.on {
	color: #777;
}

#ulNav2 a.off, #ulNav2Alt a.off {
	color: #DDD;
}

#ulNav3 {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#ulNav3 li {
	float: left;
	display: block;
	padding: 7px 20px 0px 20px;
	margin: 1px 0px;
	height: 21px;
	border-right: 1px solid #EEE;
	border-left: 1px solid #CCC;
}

#ulNav3 li.first {
	border-left: none;
}

#ulNav3 li.last {
	border-right: 1px solid #CCC;
}

#ulNav3 li:hover {
	background-image: url(../images/page_08_menu_over_2.jpg);
	background-repeat: repeat-x;
	cursor: pointer;
}

#ulNav3 li.first:hover {
	background-image: url(../images/page_08_menu_over_1.jpg);
	background-repeat: no-repeat;
}

#ulNav3 a {
	color: #333;
	text-decoration: none;
}








/* BODY DIVS */

.divBodyDivide0 {
	background-image: url(../images/page_08_back.jpg);
	background-repeat: repeat-y;
	padding: 0px 10px;
	margin: 0px;
}

.divBodyDivide_2_480_480 {
	background-image: url(../images/page_08_back_1.jpg);
	background-repeat: repeat-y;
	padding: 0px 10px;
	margin: 0px;
}

.divBodyDivide_2_640_320 {
	background-image: url(../images/page_08_back_2.jpg);
	background-repeat: repeat-y;
	padding: 0px 10px;
	margin: 0px;
}

.divBodyDivide_2_320_640 {
	background-image: url(../images/page_08_back_3.jpg);
	background-repeat: repeat-y;
	padding: 0px 10px;
	margin: 0px;
}

.divBodyDivide_2_720_240 {
	background-image: url(../images/page_08_back_4.jpg);
	background-repeat: repeat-y;
	padding: 0px 10px;
	margin: 0px;
}

.divBodyDivide_2_240_720 {
	background-image: url(../images/page_08_back_5.jpg);
	background-repeat: repeat-y;
	padding: 0px 10px;
	margin: 0px;
}

.divFootDivide0 {
	background-image: url(../images/page_08_base.jpg);
	background-repeat: no-repeat;
}

.divFootDivide_2_480_480 {
	background-image: url(../images/page_08_base_1.jpg);
	background-repeat: no-repeat;
}

.divFootDivide_2_640_320 {
	background-image: url(../images/page_08_base_2.jpg);
	background-repeat: no-repeat;
}

.divFootDivide_2_320_640 {
	background-image: url(../images/page_08_base_3.jpg);
	background-repeat: no-repeat;
}

.divFootDivide_2_720_240 {
	background-image: url(../images/page_08_base_4.jpg);
	background-repeat: no-repeat;
}

.divFootDivide_2_240_720 {
	background-image: url(../images/page_08_base_5.jpg);
	background-repeat: no-repeat;
}

.divBody960 {
	clear: both;
	margin: 0px;
	padding: 0px;
}

.divBody720 {
	float: left;
	display: inline;
	width: 720px;
	margin: 0px;
	padding: 0px;
}

.divBody640 {
	float: left;
	display: inline;
	width: 640px;
	margin: 0px;
	padding: 0px;
}

.divBody480 {
	float: left;
	display: inline;
	width: 480px;
	margin: 0px;
	padding: 0px;
}

.divBody320 {
	float: left;
	display: inline;
	width: 320px;
	margin: 0px;
	padding: 0px;
}

.divBody240 {
	float: left;
	display: inline;
	width: 240px;
	margin: 0px;
	padding: 0px;
}

.divPad2020 {
	padding: 20px 20px;
	margin: 0px;
}

.divPad2010 {
	padding: 20px 10px;
	margin: 0px;
}

.divPad2010 {
	padding: 20px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
}

.divPad1010 {
	padding: 10px 10px;
	margin: 0px;
}

.divPad0505 {
	padding: 5px 5px;
	margin: 0px;
}

.divPad0909 {
	padding: 9px 9px;
	margin: 0px;
}

.divSplitL360 {
	float: left;
	display: inline;
	width: 320px;
	padding: 0px 10px 0px 0px;
	border-right: 1px solid #DDD;
}

.divSplitR360 {
	float: left;
	display: inline;
	width: 330px;
	padding: 0px 0px 0px 10px;
}

.divThirds {
	float: left;
	display: inline;
	width: 33%;
}

.divBB {
	border-bottom: 1px solid #CCC;
}

.divClBoth {
	clear: both;
}










/* INDEX */

.divIndex {
	height: 500px;
	padding: 10px 0px;
	border-bottom: 1px solid #CCC;
}

.divIndexLL {
	float: left;
	width: 350px;
}

.divIndexLR {
	float: right;
	width: 252px;
}

.divIndexTest {
	background-image: url(../images/img_index_testimonial_head.jpg);
	background-repeat: no-repeat;
	border: 1px solid #333;
	padding: 300px 10px 0px 10px;
}

.h2IndexLLSolatube {
	background-image: url(../images/img_index_headers_solatube.jpg);
	background-repeat: no-repeat;
}

.h2IndexLLSolarstar {
	background-image: url(../images/img_index_headers_solarstar.jpg);
	background-repeat: no-repeat;
}

.divIndexLL h2 {
	height: 60px;
	padding: 50px 0 0 110px;
	color: #FFF;
}

.h2IndexLLSolatube a, .h2IndexLLSolarstar a {
	color: #FFF;
}






/* RESIDENTIAL */

.divResidential {
	background-image: url(../images/img_residential_01.jpg);
	background-repeat: no-repeat;
	height: 435px;
	padding: 530px 20px 10px 340px;
}

.divResidential ul {
	font-size: 14px;
}









/* COMMERCIAL */

.divCommercial {
	background-image: url(../images/img_commercial_01.jpg);
	background-repeat: no-repeat;
	height: 600px;
}













/* PRODUCTS */

.divProdRight {
	background-image: url(../images/img_products_01.jpg);
	background-repeat: no-repeat;
	background-position: center right;
	height: 300px;
	border-right: 1px solid #CCC;
}












/* BRIGHTEN UP */

.divBrightenUpRight {
	background-image: url(../images/img_brighten-up_01.jpg);
	background-repeat: no-repeat;
	background-position: center right;
	height: 330px;
	border-right: 1px solid #CCC;
}











/* SOLAMASTER */

.divSolaMasterRight {
	background-image: url(../images/img_solamaster_01.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 300px;
	border-right: 1px solid #CCC;
}











/* TESTIMONIALS */

.divTestimonials {
	background-image: url(../images/img_testimonials_01.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 168px;
	border-bottom: 1px solid #CCC;
	text-align: right;
	padding: 100px 100px 0px 0px;
}

.divTestimonials h3 {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: 100;
	color: #0083C6;
}

.divTestimonials p {
	font-size: 18px;
}











/* DESIGNER TOUCHES */

.divDesigner1 {
	height: 320px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #999;
	background-image: url(../images/img_designer_touches_01_r2_c2.jpg);
	background-repeat: no-repeat;
}

.divDesigner2 {
	height: 220px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #999;
	background-image: url(../images/img_designer_touches_01_r3_c2.jpg);
	background-repeat: no-repeat;
}

.divDesigner3 {
	height: 220px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #999;
	background-image: url(../images/img_designer_touches_01_r4_c2.jpg);
	background-repeat: no-repeat;
}

.divDesigner4 {
	height: 220px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/img_designer_touches_01_r5_c2.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #999;
}

.divDesigner1a {
	float: left;
	display: inline;
	width: 290px;
	height: 320px;
	padding: 0px;
	margin: 0px;
}

.divDesigner1a1 {
	padding: 65px 0px 0px 50px;
}

.divDesigner1a2 {
	padding: 100px 20px 0px 50px;
	font-size: 15px;
	color: #FFF;
}

.divDesigner1b {
	float: left;
	display: inline;
	width: 180px;
	height: 100px;
	padding: 220px 20px 0px 20px;
	margin: 0px;
}

.divDesigner2a {
	float: left;
	display: inline;
	width: 220px;
	height: 130px;
	padding: 90px 20px 0px 50px;
	margin: 0px;
	font-size: 15px;
	color: #FFF;
}

.divDesigner2b {
	float: left;
	display: inline;
	width: 660px;
	height: 220px;
	padding: 0px;
	margin: 0px;
}

.divDesigner2b1 {
	text-align: right;
	padding: 5px 270px 0px 20px;
	height: 95px;
}

.divDesigner2b2 {
	padding: 70px 20px 0px 320px;
}

.divDesigner3b1 {
	float: left;
	display: inline;
	width: 162px;
	text-align: center;
	padding: 150px 0px 0px 0px;
}

.divDesigner4b1 {
	float: left;
	display: inline;
	width: 180px;
	padding: 120px 35px 0px 5px;
}

.divDesigner4b2 {
	float: left;
	display: inline;
	width: 200px;
	padding: 30px 20px 0px 0px;
}

.divDesigner4b3 {
	float: left;
	display: inline;
	width: 160px;
	padding: 140px 10px 0px 50px;
}










/* RIGHT */

.divRightImg {
	border-left: 1px solid #CCC;
}

.div150Off {
	background-image: url(../images/img_index_save_150.jpg);
	background-repeat: no-repeat;
	padding: 160px 20px 0px 20px;
	margin: 0px 1px;
	height: 270px;
}

.divDesignerAd {
	background-image: url(../images/img_index_ads_designer.jpg);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 100px;
}

.divBreakthroughAd {
	background-image: url(../images/img_index_ads_breakthrough.jpg);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 100px;
}

.divEarthDayAd {
	background-image: url(../images/img_index_ads_earth_day.jpg);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 250px;
}

.div2009Credit {
	background-image: url(../images/img_index_ads_2009_credit.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 450px;
}










/* FAQ */

.divFaqContent {
	padding: 20px 30px;
}










/* TECHNICAL */

.divFaqContent {
	padding: 5px 10px;
}








/* HIGH PERFORMANCE GUARANTEE */

.divHighPerformance {
	background-image: url(../images/img_high_performance_01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 300px;
}











/* EMAIL FRIEND */

#divEmailFriend {
	margin: 10px auto;
	padding: 5px;
	width: 580px;
	border: 1px solid #CCC;
}

.divEmailFriendHead {
	background-image: url(../images/logo_email_08.jpg);
	background-repeat: no-repeat;
	height: 25px;
	text-align: right;
	margin: 0px;
	padding: 35px 0px 0px 0px;
	font-size: 18px;
	color: #999;
}

.tdEmailFriendLeft {
	padding: 0px 5px 0px 0px;
	border-right: 1px solid #CCC;
}

.tdEmailFriendRight {
	padding: 0px 0px 0px 5px;
}

.divEmailFriendClose {
	text-align: center;
}












/* WARRANTY */

.tableWarranty {
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tableWarranty th {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #EEE;
	padding: 3px 2px;
	text-align: left;
	vertical-align: top;
}

.tableWarranty td {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 1px 2px;
	vertical-align: top;
}