@charset "UTF-8";
/* CSS Document */


@import url(reset.css);
@import url(typography.css);
@import url(form.css);

BODY.home 								{ padding: 0px; BACKGROUND-IMAGE:url(../assets/bg_home.gif); margin: 0px; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #252525; TEXT-ALIGN: center;  }
BODY									{ padding: 0px; BACKGROUND-IMAGE:url(../assets/bg_otherPages.gif); margin: 0px; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center; }
BODY #page  							{ text-align: left; font-family: Arial, Helvetica, sans-serif; }

#containall								{ width:981px; margin:0px auto; text-align:center; z-index:-999; }
#container 								{ width:981px;  text-align:left;}
.clearer								{ clear:both;}

/*HEADER STYLES*/
#page 									{ padding:0px; margin: 0px auto; text-align:center; }
#header 								{ height:164px; width:974px; background-image:url(../assets/home/header_bg.gif); position:relative}
#logo 									{ position:relative; width:195px; height:66px; float:left; }
#pageHeader 							{ margin-bottom:12px;}


/*FOOTER STYLES*/
#footer 								{ height:90px; text-align:center;}
#footer p 								{ font-size:10px; color:#666666; padding-top:10px;}
#footer a 								{ color:#666666;}

#footerNext 								{ height:110px; text-align:center; width:100%; background-image:url(../assets/shared/bg-footerNext.gif); margin-top:5px; background-position:top;}
#footerNext p 								{ font-size:10px; color:#666666; padding-top:30px; }
#footerNext a 								{ color:#666666;}

/*SITE WIDE STYLES*/
p, li									{ font-family: Arial, Helvetica, sans-serif; color:#747474; font-size:11px;}
h1 										{ color:#a4c500;}
h2 										{ color:#a4c500; font-size:18px; font-weight:100;}
a 										{ text-decoration:none;color:#2b7aad; }
a:hover 								{ text-decoration:underline;}

/*HOME PROMOTION AREAS STYLES*/
.promotionContainer 					{ width:990px; margin-top:0px; padding-top:12px;}

/* HOME BENEFITS AREA */
#benefits 								{ width:345px; height:410px; left:15px; float:left; position:relative; top:10px; }
h1.benefits								{ background-image:url(../assets/home/h1-benefits.gif); width:247px; height:32px; background-repeat:no-repeat; margin-top:20px;}
#arrow1									{ background-image:url(../assets/home/icon_arrow1.gif);}
.arrow2									{ background-image:url(../assets/products/icon_arrow.gif);}
.benefit								{ width:320px; padding-bottom:5px; border-bottom:1px dotted #d2d2d2; margin-top:10px;}
.benefit h2								{ width:280px; background-image:url(../assets/home/icon_arrow.gif); height:29px; background-repeat:no-repeat; padding-left:35px; padding-top:6px; font-size:12px; color:#2b7aad; font-weight:bold;}
.benefit p								{ padding-left:6px;}
#last h2									{ background-image:url(../assets/home/icon_arrow_last.gif);}



/* HOME APPLICATIONS AREA */
#applications 							{ width:610px; height:384px; float:left; left:15px; background-image:url(../assets/home/applications-bg.gif); position:relative; }
h1.applications							{ background-image:url(../assets/home/h1-applications.gif); width:500px; height:30px; background-repeat:no-repeat; top:30px; position:relative; left:48px;}
#flashApplications						{ width: 535px; height:310px; position:relative; left:38px; top:35px; }	
#logosTop								{ background:url(../assets/home/divider.gif) bottom no-repeat; width:540px; padding-bottom:10px;}
#logosBottom							{ width:540px;}



/* SUB MENU AREA */

h1.product-range						{ background-image:url(../assets/products/h1-our-product-range.gif);  width:260px; height:30px; background-repeat:no-repeat; margin-top:20px;}
#subMenuContainer 						{ width:345px; height:410px; left:15px; float:left; position:relative; top:10px; }

.subMenu								{ width:280px; padding-bottom:5px; border-bottom:1px dotted #d2d2d2; margin-top:10px;}
.subMenu h2								{ width:280px; background-image:url(../assets/home/icon_arrow.gif); height:25px; background-repeat:no-repeat; padding-left:35px; padding-top:6px; font-size:12px; font-weight:bold;}
.subMenu h2 a							{ color:#2b7aad; }


.subMenu2								{ width:280px; padding-bottom:5px; border-bottom:1px dotted #d2d2d2; margin-top:10px;}
.subMenu2 h2							{ width:280px; background-image:url(../assets/products/icon_arrow.gif); height:25px; background-repeat:no-repeat; padding-left:35px; padding-top:6px; font-size:12px; font-weight:bold;}
.subMenu2 h2 a							{ color:#2b7aad; }

#ads 									{padding:20px 0 0;}

/* PRODUCT RANGE AREA */

#contentMainContainer 					{ width:610px; float:left; background-image:url(../assets/shared/bg-content-top.gif); background-position:top; position:relative; left:18px; margin-top:15px; }
#contentMainBase 						{ width:610px; height:15px; float:left; left:15px; background-image:url(../assets/shared/bg-content-base.gif);  background-position:bottom; }
#content								{ width:530px; left:40px;  position:relative; margin-top:15px; }

h1.pageTitle							{ width:530px; height:45px; border-bottom:3px solid #16c1f3; margin-top:35px; left:40px; position:relative;}
#fluorescent-energy-savers				{ background-image:url(../assets/products/header_fluro.gif);}
#product-range							{ background-image:url(../assets/products/h1-product-range.gif);}
#hychill								{ background-image:url(../assets/products/h1-hychill.gif);}
#fuelstar								{ background-image:url(../assets/products/h1-fuelstar.gif);}
#luxillum								{ background-image:url(../assets/products/h1-luxillum.gif);}
#benson									{ background-image:url(../assets/products/h1-benson.gif);}
#contact								{ background-image:url(../assets/contact/h1-contact.gif);}


.productList							{ width:530px; background-image:url(../assets/shared/product-div-bg.gif); background-position:bottom; background-repeat:no-repeat;  padding:15px 0 15px 0; margin-bottom:15px;  }	
.productList img						{ float:left; margin-right:15px;} 

.productShortDesc						{ width:360px; float:right; position:relative; top:10px; }
.productList h1							{ color:#2b7aad; font-size:12px; margin:0 0 8px;}	

.view-more								{ background-image:url(../assets/shared/icon_arrow-bg.gif); width: 200px; height:25px; background-repeat:no-repeat}
.view-more	a							{ color:#16c1f3; padding:0 0 0 25px; font-size:11px; position:relative; top:3px; }

#contentProduct							{ width:530px; left:40px; position:relative; padding:25px 0 25px 0; }
#contentProduct h2						{ font-size:14px; margin:25px 0 25px 0; }
#contentProduct h3						{ font-size:12px; margin:20px 0 5px 0; color:#2b7aad;}
#contentProduct ul						{ margin: 10px 0  15px 15px;}


/* ABOUT US AREA */
#hd-about								{ background-image:url(../assets/about/h1-about.gif);}

#contentAbout							{ width:530px; left:40px; position:relative; padding:25px 0 25px 0; }
#contentAbout h2						{ font-size:14px; margin-bottom:25px;}

/* BENEFITS AREA */
#hd-benefits							{ background-image:url(../assets/benefits/h1-benefits.gif);}
.productList h2							{ margin:5px 0 8px;  height:30px;}	
.productList h3							{ color:#2b7aad; font-size:12px; margin:10px 0 8px;}	

table.contact							{width:400px;}
table.contact td						{ font-size:11px; color:#666; padding-top:5px;}