*{ font-size:100%; }

body { font:100%/100% Arial, Helvetica, sans-serif; margin:0; padding:0; background: #F7F7F7; color:#333333; font-size: 11px }

a {color:#52B046; text-decoration:underline}
a.textlink{
	border-bottom:1px dotted #333333; color:#333333; text-decoration:none; line-height:18px }

a.textlink:hover{
	border-bottom:1px dotted #52B046; color:#52B046; text-decoration:none; line-height:18px }

a:hover { text-decoration:underline; color:#424242 }

.on { text-decoration:underline; color:#E61D17 }

p { font-family: Arial, Helvetica, sans-serif; color:#333333; font-size: 11px; padding: 0; margin: 0 0 15px 0; line-height:15px;  }

h1 { font-size:18px; color:#52B046;	padding: 5px 0 15px 0; margin:0; font-weight:bold; line-height: 18px; }

h2 { font-size:16px; color:#52B046;	padding: 1px 0 15px 0; margin:0; font-weight:bold; line-height: 18px; }

h3 { font-size:14px; color:#52B046;	padding: 1px 0 15px 0; margin:0; font-weight:bold; line-height: 18px; }

h4 { font-size:16px; color:#333333;	padding: 1px 0 10px 0; margin:0; font-weight:bold; line-height: 18px; }

#wrap{ margin:0 auto; width:940px; }

#container { float:left; display:inline; width:938px; padding:0; margin:0; background:#FFFFFF ; border-left: 1px solid #EBEBE9; border-right: 1px solid #EBEBE9; }

#header { padding:0; float:left; display: inline; width: 878px; margin:0 30px 0 30px }

#logo{ margin:28px 0 0 0; width:440px; float:left; display:inline }
#logo span a{ color:#52B046;}

.star{ color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:10px}
#topright{ margin:28px 0 0 0; float:right; display:inline; color:#424242; font-size: 11px; }

#maincontent { padding:0; float:left; display: inline; width: 665px; margin:0 }

#hometop { padding:0; float:left; display: inline; width: 665px; margin:10px 0 0 36px;}

#hometopleft{ float:left; display:inline; width:332px;  }

#hometopright{ float:left; display:inline; width:303px; margin:0px 0 0 30px;  }

.homeproduct{ float:left; display:inline; width:126px; }

#homeboxes { width:665px; margin:14px 0 5px 36px; display:inline; float:left }

#homeboxes h2{ font-size:16px; color:#52B046;	padding: 1px 0 15px 0; margin:0; font-weight:bold; line-height: 18px; padding:10px 0 10px 13px }

#homeboxes span{ font-family: Arial, Helvetica, sans-serif; color:#333333; font-size: 11px; padding: 0; margin: 10px 12px 10px 13px; line-height:15px; display:block; background:url(images/box-arrow.jpg) 100% 100% no-repeat }

#homeboxes span a{ text-decoration:none; color:#333333}

#homeboxes span a:hover{ text-decoration:underline; color:#52B046}

.homeboximg { margin:0 8px 0 13px; border:0}
.homeboximgs { margin:0 8px 10px 13px; border:0}

.feedback { display: inline; float:left; width:303px; margin:0; padding:0 }
.feedbackcontent { display: inline; float:left; width:263px; padding: 0 20px 0 20px; background:url(images/feedback-bg.jpg) 0 0 repeat-y; }

.la { display:inline; float:left; background:url(images/la.jpg) 0 0 no-repeat; width:183px; margin:20px 0 20px 0; padding:13px 0 0 120px}

.news1 { display:inline; float:left; width:665px; margin:0 0 20px 0}
.newsthumb { display:inline; float:left; width:100px; margin:0 20px 0 0}
.newsintro { display:inline; float:right; width:545px;}
.newshead { color:#52B046; font-size:14px; font-weight:bold; text-decoration:underline; }
.newshead a:hover{ color:#515151; font-size:14px; font-weight:bold; text-decoration:underline}
.news1 p{ font-family: Arial, Helvetica, sans-serif; color:#333333; font-size: 11px; padding: 0; margin: 15px 0 0 0; line-height:15px}
.news1 h2{ font-size:14px; color:#515151; padding:0; margin:0; font-weight:bold; line-height: 18px; }


.LEDshome { display:inline; float:left; width:665px; margin:0 0 20px 0}
.LEDsthumb { display:inline; float:left; width:233px; margin:0 20px 0 0}
.LEDsintro { display:inline; float:right; width:412px; margin:10px 0 0 0}
.news1 p{ font-family: Arial, Helvetica, sans-serif; color:#333333; font-size: 11px; padding: 0; margin: 15px 0 0 0; line-height:15px}


.shopkitchen { float:left; display:inline; width: 301px; height: 22px; background:url(images/kitchen-img.jpg) 0 0 no-repeat; margin:20px 10px 0 0; padding:110px 0 0 20px; font-size: 16px; color:#333333; font-weight:bold; text-decoration:none;  }
.shopkitchen:hover { color:#52B046; font-weight:bold; text-decoration:none; background:url(images/kitchen-img.jpg) 0 0 no-repeat; }

.shopbathroom { float:left; display:inline; width: 301px; height: 22px; background:url(images/bathroom-img.jpg) 0 0 no-repeat; margin:20px 10px 0 0; padding:110px 0 0 20px; font-size: 16px; color:#333333; font-weight:bold; text-decoration:none;  }
.shopbathroom:hover { color:#52B046; font-weight:bold; text-decoration:none; background:url(images/bathroom-img.jpg) 0 0 no-repeat; }

.shopliving { float:left; display:inline; width: 301px; height: 22px; background:url(images/living-img.jpg) 0 0 no-repeat; margin:20px 10px 0 0; padding:110px 0 0 20px; font-size: 16px; color:#333333; font-weight:bold; text-decoration:none;  }
.shopliving:hover { color:#52B046; font-weight:bold; text-decoration:none; background:url(images/living-img.jpg) 0 0 no-repeat; }

.shophall { float:left; display:inline; width: 301px; height: 22px; background:url(images/hall-img.jpg) 0 0 no-repeat; margin:20px 10px 0 0; padding:110px 0 0 20px; font-size: 16px; color:#333333; font-weight:bold; text-decoration:none;  }
.shophall:hover { color:#52B046; font-weight:bold; text-decoration:none; background:url(images/hall-img.jpg) 0 0 no-repeat; }

.shopbedroom { float:left; display:inline; width: 301px; height: 22px; background:url(images/bedroom-img.jpg) 0 0 no-repeat; margin:20px 10px 0 0; padding:110px 0 0 20px; font-size: 16px; color:#333333; font-weight:bold; text-decoration:none;  }
.shopbedroom:hover { color:#52B046; font-weight:bold; text-decoration:none; background:url(images/bedroom-img.jpg) 0 0 no-repeat; }

.shopexterior { float:left; display:inline; width: 301px; height: 22px; background:url(images/exterior-img.jpg) 0 0 no-repeat; margin:20px 10px 0 0; padding:110px 0 0 20px; font-size: 16px; color:#333333; font-weight:bold; text-decoration:none;  }
.shopexterior:hover { color:#52B046; font-weight:bold; text-decoration:none; background:url(images/exterior-img.jpg) 0 0 no-repeat; }


.box { display:inline; float:left; padding:0 0 0 165px}

#productheader { float:left; display:inline; width:665px; margin:0 0 30px 0; background:#F0F0F0}

#productheader .top{ float:left; display:inline; }

.headerphoto { float:left; display:inline; width: 284px; margin:7px 20px 7px 10px}

.headertext { float:left; display:inline; width: 279px; margin:7px 20px 7px 25px; font-size:16px}
.headertext p{ font-family: Arial, Helvetica, sans-serif; color:#333333; font-size: 11px; padding: 0; margin: 0; line-height:15px}

.product{ float:left; display:inline; width:318px; }

.shopitem {float:left; display:inline; width:148px; margin:0 0 15px 20px}

.shopitem img{ border:0}
.shopitemr img{ border:0}

.product img{ border: none }
.productother1{ float: left; display:inline; margin-right:20px;}
.productother2 { float: left; display:inline;}
.productinfo{ float:left; display:inline; width:317px; margin:0px 0 0 30px }

#divide { width:665px; margin:14px 0 5px 36px; display:inline; float:left }

.curvebox { width:233px; display: inline; float:left }
.curveboxmid { width:218px; background:url(images/curve-bg.gif) 0 0 repeat-y; padding:10px 0 10px 15px }
.curveboxtop { width:233px; display:inline; float:left; height:6px }
.curveboxbot { width:233px; display:inline; float:left; height: 6px }

#others{ display:inline; float:left; width:318px}

ul.ticklist { list-style: none; padding: 0; margin: 0;}

.ticklist li{ margin: 0; padding: 5px 0 5px 25px; background: url(images/tick.gif) 0px 5px no-repeat; line-height: normal; color:#52B046; font-weight:bold; font-size:12px; }

ul.plist { padding: 0; margin: 0 0 20px 20px;}

.plist li{ margin: 0; padding: 0; line-height: normal; color:#333333; }

ul.zoom { list-style: none; padding: 0; margin: 10px 0 0 0; float:right; display:inline;}

.zoom li{ list-style-type:none; margin: 0; padding: 5px 0 10px 25px; background: url(images/zoom-icon.gif) 0px 3px no-repeat; line-height: normal; color:#52B046; font-weight:bold; font-size:12px;}

ul.back { list-style: none; padding: 0; margin: 10px 0 0 0; float:left; display:inline;}

.back li{ list-style-type:none; margin: 0; padding: 5px 0 10px 25px; background: url(images/back.gif) 0px 3px no-repeat; line-height: normal; color:#52B046; font-weight:bold; font-size:12px;}

ul.download { list-style: none; padding: 0; margin: 10px 0 0 0;}

.download li{ list-style-type:none; margin: 0; padding: 5px 0 10px 28px; background: url(images/download.gif) 0px 3px no-repeat; line-height: normal; color:#52B046; font-weight:bold; font-size:12px;}


.call { font-size:18px;	color:#52B046;	padding: 0 0 0 0; margin:0; font-weight:bold; line-height:normal }

.green12{ color: #52B046; font-size:12px; }

.white17{ color: #ffffff; font-size:17px; font-style:italic; font-weight:bold; padding:5px 0 5px 5px }

.lgtext {color: #333333; font-size:13px; line-height:16px}

a.linkor { color: #F8942F; font-size:12px; font-weight:bold; text-decoration:none; border-bottom:1px dotted #F8942F; }

a.linkor:hover { color: #333333; font-size:12px; font-weight:bold; text-decoration:none; border-bottom:1px dotted #333333; }

.leftheader{ color:#333333; background:url(images/grad-bg.jpg) no-repeat; padding: 7px 0 0 10px; height:25px; width:160px; font-size:14px; font-weight:bold; display:block; }

#leftcol { float: left; display:inline; padding:0; margin:10px 0 0 33px; background:#FFFFFF; width: 170px }

.leftnav { list-style-type: none; margin: 0; padding: 0; border: 0; border-top: 1px dotted #8C8C8C; }

.leftnavlist { margin: 0 0 0 0px; padding: 6px 0 6px 10px; border: 0; border-bottom:1px dotted #666666; line-height: 10px; }

a.leftlink{ display:block; font-size: 12px; color: #52AF45; line-height: 13px; font-weight: bold; text-decoration: none; border-bottom:none; padding:0 0 0 16px;  background:url(images/arrow-up.gif) 0 50% no-repeat }

a.leftlink:hover{ font-size: 12px; color: #333333; line-height: 13px; font-weight: bold; text-decoration: none; border-bottom:none; background:url(images/arrow-over.gif) 0 50% no-repeat }

a.leftlinkon{ font-size: 12px; color: #333333; line-height: 13px; font-weight: bold; text-decoration: none; border-bottom:none; background:url(images/arrow-over.gif) 0 50% no-repeat;  padding:0 0 0 16px }

.leftnavbox{ width: 166px; margin: 0px 0 0 0; text-align: left }

#news { margin: 26px 0 0 0; float:left; display:inline}

.newscontent { padding: 0px 10px 0 10px; display:block; width: 150px; color:#333333; line-height:15px; }

.greenled {	margin: 0; background:url(images/box-l-bg.gif) 0 0 repeat-y; display:inline; float:left; width:148px; padding:0 12px 0 12px }
.greenled a{ color:#52B046;}

.delivery {	margin: 0; background:url(images/delivery-bg.jpg) 0 0 repeat-y; display:inline; float:left; width:144px; padding:0 12px 0 12px }

.deliverytop { margin: 26px 0 0 0; display:inline; float:left; width:168px; }
.deliverybot { display:inline; float:left; width:168px; margin:0 }

.leftcopy {font-family: Arial, Helvetica, sans-serif; color:#333333; font-size: 11px; padding: 0; margin: 0 0 20px 0; line-height:15px}

#footer { width: 905px; background: #F5FBF1; height: 140px; display: inline; float:left; border-top:1px dotted #8C8C8C; margin: 30px 0 0 0; padding: 17px 0 0 33px; }
	
ul.footerclass{ margin:0; padding:0 0 15px 0; list-style-type:none }

a.footernav { font-size:11px; color: #333333; line-height:16px; text-decoration:none; border-bottom:none }
	
a.footernav:hover {	font-size:11px;	color: #333333;	line-height:16px; text-decoration:none;	border-bottom:1px dotted #333333 }


.productnameg { color: #52B046; text-decoration:underline; font-weight:bold}
.productnameg:hover { color: #333333; text-decoration:underline; }

.productnamer { color: #EC0012; text-decoration:underline; font-weight:bold}
.productnamer:hover { color: #333333; text-decoration:underline; }


#testimonial2 { display:inline; float:left; background:url(images/testimonial2.gif) 0 0 no-repeat; padding:50px 20px 0 90px; width:185px; height:197px }

#testimonial { display:inline; float:left; background:url(images/testimonial.jpg) 0 0 no-repeat; padding:50px 20px 0 120px; width:155px; height:197px }

#instructionsbot {width: 480px; float:left; display:inline; padding:0; margin:0}
#instructions { background: url(images/ins-top.gif) 0 0 no-repeat #E4E4E4; width: 450px; float:left; display:inline; padding:15px; margin:0;}
#ins { display:inline; float:left; width:480px; background:#E4E4E4}

#facts{ margin:0; padding:0}


#productrow{ display:inline; float:left; width:685px; margin:0 0 0 -20px; }
/********* Nav ***********/

#mainNav{ color: #FFFFFF;font-weight: bold;font-size: 12px;line-height: 38px;float: left;display: inline;width: 878px;margin:20px 30px 0 30px;background: url(images/navbar.jpg) 0 0 no-repeat;height: 54px; }

#mainNav #links ul{ list-style: none;margin: 0;padding: 0; }

#mainNav #links li{ float: left;display: inline; }

#mainNav a{ font-size: 12px;display: block;color: #FFFFFF;margin: 0;text-decoration: none;line-height: 38px; text-align:center } 

#mainNav a.home{ width:65px; height:41px; display:block }

#mainNav a.shop{ width:62px; height:41px; display:block }

#mainNav a.LEDs{ width:164px; height:41px; display:block }

#mainNav a.why{ width:121px; height:41px }

#mainNav a.about{ width:158px; height:41px; display:block }

#mainNav a.news{ width:97px; height:41px }

#mainNav a.info{ width:111px; height:41px }

#mainNav a.contact{ width:100px; height:41px }

#mainNav a:hover{ color: #FFFFFF; }


#mainNav a.home:hover, #mainNav a.homeon{ background: url(images/home-over.jpg) 0 0 no-repeat; width:65px; height:41px; display:block }

#mainNav a.shop:hover, #mainNav a.shopon{ background: url(images/shop-over.jpg) 0 0 no-repeat; width:62px; height:41px; display:block }

#mainNav a.LEDs:hover, #mainNav a.LEDson{ background: url(images/leds-over.jpg) 0 0 no-repeat;width:164px; height:41px; display:block }

#mainNav a.why:hover, #mainNav a.whyon{ background: url(images/why-over.jpg) 0 0 no-repeat; width:121px; height:41px; display:block }

#mainNav a.about:hover, #mainNav a.abouton{ background: url(images/about-over.jpg) 0 0 no-repeat;width:158px; height:41px }

#mainNav a.news:hover, #mainNav a.newson{ background: url(images/news-over.jpg) 0 0 no-repeat;width:97px; height:41px }

#mainNav a.info:hover, #mainNav a.infoon{ background: url(images/info-over.jpg) 0 0 no-repeat;width:111px; height:41px }

#mainNav a.contact:hover, #mainNav a.contacton{ background: url(images/contact-over.jpg) 0 0 no-repeat;width:100px; height:41px }


.floatRight{ float:right; display: inline; margin:0 0 40px 20px}

/* ------------------- Calc ------------------- */

#calc { width:504px; background: url(images/calc-bg.gif) 0 0 repeat-y }
#calch { width:394px; background: url(images/calc-head.gif) 0 0 no-repeat; padding:60px 80px 0 30px }
#calcb { width:504px; background: url(images/calc-bot.gif) 0 0 no-repeat; }
#calc input { margin:5px 0 5px 0}
#calc .button{ background:url(images/calc-up.jpg) 0 0 no-repeat; width:105px; border:0; height:39px; padding:0; margin:10px 0 10px 0 }
#calc .button:hover{ background:url(images/calc-over.jpg) 0 0 no-repeat;}
#calc .po { font-size:20px; font-weight:bold; }
#calc .savings { font-size:20px; font-weight:bold; border:0; background:none; width:60px}
#calc .carbon { font-size:20px; font-weight:bold; border:0; background:none; width:60px; color:#52B046}

/* ------------------- Why ------------------- */

#why { width: 628px; margin:20px 0 0px 0;  }
#whycontent { background:url(images/comp-bg.jpg) 0 0 no-repeat #58C10C; display:inline; float:left; width:628px; padding:0; margin:0 35px 0 0}
#whycontent td{ font-weight:bold; color:#FFFFFF; padding:5px 0 5px 0}
#whyb { width: 628px; margin:0; float:left; display:inline }


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

.formregister { color: #333333; font-size: 11px; border: 1px solid #cccccc; background: #fff; width:144px; height:16px; margin:10px 0 3px 10px; padding:2px 0 0 3px; font-family: Arial, Helvetica, sans-serif }

form ul {list-style:none; margin:0; padding:0 }
form ul li {margin:0 0 10px; padding:0; background:none; clear:left; font-size:11px; font-weight:bold; color:#52AF45 }
form li label {float:left; margin-right:0.5em; text-align:right }

.savings { border:none; background:none; font-weight:bold; padding:0 0 0 3px}


/* ------------------- Lightbox ------------------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(.mages/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



<!-- Tooltips  -->
   
    a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
    a.tooltip span {display:none; padding:2px 4px; margin-left:0px; }
    a.tooltip:hover span{display:inline; position:absolute; border:1px solid #CCCCCC; color:#ffffff; background:#52B046; text-decoration:none; padding:10px; text-align:left; max-width: 200px; line-height:15px}
	a.tooltip img { border:none;}