* { margin: 0; padding: 0; }

html, body { height: 100%; }

img {
	border:0;
}

a {
	outline:0 ;
}

body {
	background: url(../images/common/bg_site.gif) left top repeat-x #FFFFFF;
}

#wrapper {
	/*background: url(../images/common/bg_site.gif) left top repeat-x #FFFFFF;*/
	position: relative;
	margin: 0 auto;
	width: 960px;
	_height: 100%;
	min-height: 100%;
	
}

#philips-bar {
	background: #0b5ed8;
	height: 40px;
}
.left_philips {
	position: relative;
	margin: 15px 0 0 14px;
	float: left;
}
.right_philips {
	position: relative;
	margin: 12px 14px 0 0;
	float: right;
}

.clear {
	clear: both;
}

#header {
	position: relative;
	background: url(../images/common/bg_header.jpg) left top no-repeat;
	height: 198px;
	width: 960px;
	margin-top: 1px;
}

#header img {
	position: relative;
	margin: 55px 0 0 29px;	
	
}
h1 {
	margin-bottom: 4px;	
	font-weight: bold; 
	color: #c7ac13; 
	font-size: 20px; 
	background-color: transparent; 
	text-align: left; 
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
}
	h1 sup {
		font-size: 10px; 
	}

	.sup_class {
		margin:0;
		padding:0;
		margin-top: -18px;
		display: inline-block; 
	}

/*  *********  MAIN  MENU   ********  */



#main_menu {
	position: absolute;
	top: 210px;
	z-index: 10;
	left: 29px;
	background: url(../images/main_menu/bg_main_menu.jpg) left top no-repeat;
	display: block;
	height: 34px;
	width: 837px;
}

#main_menu .main_links  a {
	height: 34px;
}

#main_menu, #main_menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#main_menu a {
	display: block;
	/*width: 113px;*/
	text-indent: -9999px;
}

#main_menu li {
	float: left;
}

#main_menu .main_links ul li  a {
	width: 150px;
	display: block;
}

#main_menu li ul {
	position: absolute;
	width: 150px;
	left: -999em;
}

#main_menu li:hover ul, #main_menu li.sfhover ul {
	left: auto;
}


#main_menu .about_eons:link, #main_menu .about_eons:visited {
	width: 140px;
	background: url(../images/common/main_menu.jpg) left top no-repeat; 
}

#main_menu .about_eons:hover {
	background: url(../images/common/main_menu.jpg) left -34px no-repeat;
	
}

#main_menu .about_eons_active:link, #main_menu .about_eons_active:visited {
	width: 140px;
	background: url(../images/common/main_menu.jpg) left -34px no-repeat;
}


#main_menu .about_eons_active2:link, #main_menu .about_eons_active2:visited {
	width: 140px;
	background: url(../images/common/main_menu.jpg) left -34px no-repeat;
	display: block;
	z-index: 10;
}


#main_menu .eons_products:link, #main_menu .eons_products:visited {
	width: 144px;
	background: url(../images/common/main_menu.jpg) -140px top no-repeat; 
	
}

#main_menu .eons_products:hover {
	background: url(../images/common/main_menu.jpg) -140px -34px no-repeat;
	
}

#main_menu .eons_products_active:link, #main_menu .eons_products_active:visited {
	width: 144px;
	background: url(../images/common/main_menu.jpg) -140px -34px no-repeat;
}



#main_menu .maintenance_calculator:link, #main_menu .maintenance_calculator:visited {
	width: 194px;
	background: url(../images/common/main_menu.jpg) -284px top no-repeat; 
	
}

#main_menu .maintenance_calculator:hover {
	background: url(../images/common/main_menu.jpg) -284px -34px no-repeat;
	
}

#main_menu .maintenance_calculator_active:link, #main_menu .maintenance_calculator_active:visited {
	width: 194px;
	background: url(../images/common/main_menu.jpg) -284px -34px no-repeat;
}


#main_menu .case_studies:link, #main_menu .case_studies:visited {
	width: 129px;
	background: url(../images/common/main_menu.jpg) -478px top no-repeat; 
	
}

#main_menu .case_studies:hover {
	background: url(../images/common/main_menu.jpg) -478px -34px no-repeat;
	
}

#main_menu .case_studies_active:link, #main_menu .case_studies_active:visited {
	width: 129px;
	background: url(../images/common/main_menu.jpg) -478px -34px no-repeat;
}



#main_menu .schedule_demo:link, #main_menu .schedule_demo:visited {
	width: 147px;
	background: url(../images/common/main_menu.jpg) -607px top no-repeat; 
	
}

#main_menu .schedule_demo:hover {
	background: url(../images/common/main_menu.jpg) -607px -34px no-repeat;
	
}

#main_menu .schedule_demo_active:link, #main_menu .schedule_demo_active:visited {
	width: 147px;
	background: url(../images/common/main_menu.jpg) -607px -34px no-repeat;
}


						/*  ABOUT  EONS  LINKS  */
					
						#main_menu .how_it_works:link, #main_menu .how_it_works:visited {
							width: 140px;
							background: url(../images/main_menu/about_eons/normal/how_it_works.jpg) 7px top no-repeat; 
							margin-top: -6px;
							height: 31px;
						
						}
						
						#main_menu .how_it_works:hover {
							background: url(../images/main_menu/about_eons/roll/how_it_works.jpg) 7px top no-repeat;
							height: 31px;
						}
						
						#main_menu .how_it_works_active:link, #main_menu .how_it_works_active:visited {
							width: 140px;
							background: url(../images/main_menu/about_eons/roll/how_it_works.jpg) 7px top no-repeat;
							margin-top: -6px;
							height: 31px;
						}
		
		
		
						#main_menu .features_benefits:link, #main_menu .features_benefits:visited {
							width: 140px;
							background: url(../images/main_menu/about_eons/normal/features_benefits.jpg) 7px top no-repeat; 
							height: 25px;
						}
						
						#main_menu .features_benefits:hover {
							background: url(../images/main_menu/about_eons/roll/features_benefits.jpg) 7px top no-repeat;
							height: 25px;
						}
						
						#main_menu .features_benefits_active:link, #main_menu .features_benefits_active:visited {
							width: 140px;
							background: url(../images/main_menu/about_eons/roll/features_benefits.jpg) 7px top no-repeat;
							height: 25px;
						}
		
		
						#main_menu .led_introduction:link, #main_menu .led_introduction:visited {
							width: 140px;
							background: url(../images/main_menu/about_eons/normal/led_introduction.jpg) 7px top no-repeat; 
							height: 25px;
						}
						
						#main_menu .led_introduction:hover {
							background: url(../images/main_menu/about_eons/roll/led_introduction.jpg) 7px top no-repeat;
							height: 25px;
						}
						
						#main_menu .led_introduction_active:link, #main_menu .led_introduction_active:visited {
							width: 140px; background: url(../images/main_menu/about_eon/roll/view_our_ads.jpg) 7px top no-repeat;
							height: 25px;
						}
						
						
						#main_menu .view_our_ads:link, #main_menu .view_our_ads:visited {
							width: 140px;
							background: url(../images/main_menu/about_eons/normal/view_our_ads.jpg) 7px top no-repeat; 
							height: 41px;
						}
						
						#main_menu .view_our_ads:hover {
							background: url(../images/main_menu/about_eons/roll/view_our_ads.jpg) 7px top no-repeat;
							height: 41px;
						}
						
						#main_menu .view_our_ads_active:link, #main_menu .view_our_ads_active:visited {
							width: 140px;
							background: url(../images/main_menu/about_eons/roll/view_our_ads.jpg) 7px top no-repeat;
							height: 41px;
						}
						
						
						/* **********  CASE   STUDIES   ********** */
					
						#main_menu .rsp_case:link, #main_menu .rsp_case:visited {
							width: 137px;
							background: url(../images/main_menu/case_studies/normal/rsp_case.jpg) -2px top no-repeat; 
							margin-top: -6px;
							height: 31px;
						}
						
						#main_menu .rsp_case:hover {
							background: url(../images/main_menu/case_studies/roll/rsp_case.jpg) -2px top no-repeat;
							margin-top: -6px;
							height: 31px;
						}
						
						#main_menu .rsp_case_active:link, #main_menu .rsp_case_active:visited {
							width: 137px;
							background: url(../images/main_menu/case_studies/roll/rsp_case.jpg) -2px top no-repeat;
							margin-top: -6px;
							height: 31px;
						}
						
	
						#main_menu .optra_case:link, #main_menu .optra_case:visited {
							width: 137px;
							background: url(../images/main_menu/case_studies/normal/optra_case.jpg) -2px top no-repeat; 
							height: 41px;
						}
						
						#main_menu .optra_case:hover {
							background: url(../images/main_menu/case_studies/roll/optra_case.jpg) -2px top no-repeat;
							height: 41px;
						}
						
						#main_menu .optra_case_active:link, #main_menu .optra_case_active:visited {
							width: 137px;
							background: url(../images/main_menu/case_studies/roll/optra_case.jpg) -2px top no-repeat;
							height: 41px;
						}
						
						
						/* **********  SCHEDULE  DEMO  ********** */
					
						#main_menu .demo_request:link, #main_menu .demo_request:visited {
							width: 155px;
							background: url(../images/main_menu/schedule_demo/normal/demo_request_form_email.jpg) -2px top no-repeat; 
							margin-top: -6px;
							height: 31px;
						}
						
						#main_menu .demo_request:hover {
							background: url(../images/main_menu/schedule_demo/roll/demo_request_form_email.jpg) -2px top no-repeat;
							margin-top: -6px;
							height: 31px;
						}
						
						#main_menu .demo_request_active:link, #main_menu .demo_request_active:visited {
							width: 155px;
							background: url(../images/main_menu/schedule_demo/roll/demo_request_form_email.jpg) -2px top no-repeat;
							margin-top: -6px;
							height: 31px;
						}
						
						#main_menu .literature_request:link, #main_menu .literature_request:visited {
							width: 155px;
							background: url(../images/main_menu/schedule_demo/normal/literature_request_form_email.jpg) -2px top no-repeat; 
							height: 41px;
						}
						
						#main_menu .literature_request:hover {
							background: url(../images/main_menu/schedule_demo/roll/literature_request_form_email.jpg) -2px top no-repeat;
							height: 41px;
							
						}
						
						#main_menu .literature_request_active:link, #main_menu .literature_request_active:visited {
							width: 155px;
							background: url(../images/main_menu/schedule_demo/roll/literature_request_form_email.jpg) -2px top no-repeat;
							height: 41px;
						}


/* INDEX */
#index #content {
	position: relative;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	padding-left: 29px;
}
#index #index-image-top {
	padding-top: 40px;
	padding-left: 136px;
}

#index #content .homepage_text {
	width: 545px;
	padding-left: 136px;
	text-align: left;
	padding-top: 20px;
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
}

#index-blue {
	padding-top: 20px;
	padding-left: 136px;
	color: #005589;
	font-weight: bold;
}
	#index #content .homepage_text sup, #index-blue sup {
		font-size: 8px;
		font-weight: bold;
	}

#index-note {
	text-align: right;
	/*padding-right: 100px;*/
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#flash-carousel {
	margin-left: 100px;
}


#content {
	width: 790px;
	float: left;
	margin:0;
	padding:0;
}

#large_flash {
	position: absolute;
	bottom: 70px;
	left: 50%;
	margin-left: -700px;
	text-align:center;
}

#clock_flash {
	position: absolute;
	top: 171px;
	right: 17px;
	z-index: 100;
}

#lamp_flash {
	position: absolute;
	top: 488px;
	right: 24px;
}


/* **********  FOOTER  ********* */

.clear_footer {
	clear: both;
	height: 70px;
	
}

#footer {
	background: #000000;
	height: 70px;
	position: relative;
	width: 100%;
	margin-top: -70px;
}

#footer_content {
	width: 960px;
	margin: 0 auto;
	height: 70px;
	position: relative;
}

#footer_content .widelite {
	position: relative;
	margin: 12px 0 0 31px;
	float: left;
}

#footer_content .elsa {
	position: relative;
	margin: 10px 0 0 32px;
	float: left;
	text-decoration: none;
}
	#footer_content .elsa span {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		display: block;
		width: 120px;
		position: absolute;
		top: 10px;
		left: 50px;
		color: White;
		font-size: 9px;
		text-decoration: none;
	}
		#footer_content .elsa sup {
			font-size: 7px;
			font-weight: bold;
		}

#footer_content .copyright {
	position: relative;
	margin: 28px 34px 0 0;
	float: right;
}

/* ********* HOW  IT  WORKS  ********** */



#left_image {
	float: left;
	margin-top: 28px;
	width: 322px;
}

#left_literature_image {
	float: left;
	margin-top: 80px;
	width: 282px;
	padding-left: 30px;
}

#case_image {
	float: left;
	margin-top: 76px;
	padding-left: 29px;
}

#right_content {
	float: right;
	width: 450px;
	margin-top: 76px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	
}

#left_induction #right_content {
	float: right;
	width: 465px;
	margin-top: 76px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	
}

#case_right_content {
	float: right;
	width: 520px;
	margin-top: 76px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#right_content p , #case_right_content p {
	line-height: 150%;	
}	

#right_content img {
	margin-bottom: 20px;	
}	

#right_content ul , #case_right_content ul {
	margin-top:5px;
	margin-bottom: 18px;
	list-style-type:none;
	padding: 0;
}


#right_content ul li , #case_right_content ul li {
	background: url(../images/arrow.png) left 5px no-repeat;
	padding-left: 10px;
	margin-left: 10px;
	margin-bottom: 7px;
	line-height: 140%;	
}


/* ********  DEMO  REQUEST  ********** */

#demo_request #left_image  {
	margin-top: 106px;
}



#demo_request #content {
	width: 960px;
	float: left;
	margin:0;
	padding:0;
}

#demo_request #right_content {
	float: left;
	margin-left: -10px; 
	width: 640px;
	margin-top: 76px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#demo_request #right_content .small_content {
	width: 481px;
}

#demo_request #right_content .contact_information {
	float: left;
	width: 279px;
}

#demo_request #right_content .demo_location {
	float: right;
	width: 279px;
	
}

#demo_request #right_content .general_comments {
	float: left;
	width: 587px;
	padding-bottom: 57px;
}

#demo_request #right_content h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-indent: 10px;
	background: url(../images/black_arrow.png) left 4px no-repeat;  
	border-bottom: 1px solid #c8ac14;
	padding-bottom: 7px;
}

#demo_request #right_content .form_holder {
	width: 587px;
	float: left;
}

#maintenance_calculator #right_content .form_holder {
	width: 460px;
	float: left;
}


.calculator_table {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #79a22f;
	margin-top: 20px;
}

.note_table{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
}

.note_class {
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
}

.nobg {
	background: #ffffff;
}

#fixtures {
	color: #bb0000;
	font-weight: bold;
}


.calculator_table .note {
	border-top: 1px solid #caac16;
}

.general_comments a, .general_comments input , .general_comments textarea  {
	float: right;	
}	

.general_comments .note {
	border-top: 1px solid #c8ac14;
	padding-top: 12px;
}

.green_bg {
	background: #79a22f;
	color: #ffffff;
}

.white_bg {
	background: #ffffff;
	color: #000000;
	height: 20px;
}
.grey_bg {
	background: #dbdbdb;
	color: #000000;
	height: 20px;
}

.small_pt {
	font-size: 10px;
}

/*  PRODUCT  LISTING */


#product_listing {
	margin-top: 40px;
	padding-left: 27px;
}
	#product_listing_left {
		float: left;
		_width: 430px;
	}
	#product_listing_right {
		float: right;
		margin-right: 0px;
		_width: 325px;
	}

#product_listing a {
	margin-right: 8px;	
}

#left_product_image  {
	margin-top: 50px;
	padding-left: 29px;
	float: left;
}

#eons_products #product_details {
	width: 565px;
	float: right;
	margin-top: 50px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#eons_products .product_section {
	border-bottom: 1px solid #c8ac14;
	padding-bottom: 3px;
	padding-top: 10px;
	margin-bottom: 3px;
}

#product_details ul {
	list-style:none;
}

#product_details ul li {
	background: url(../images/arrow.png) 10px 5px no-repeat;
	padding-left: 20px;
	padding-bottom: 2px;
	height: 15px;
	line-height: 15px;
}


/* FEATURES AND BENEFITS */
#features_benefits, #features_benefits ul {
	margin-top:5px;
	/*margin-bottom: 18px;*/
	list-style-type: none;
	padding: 0;
}
	#features_benefits li {
		background: url(../images/arrow.png) left 17px no-repeat;
		padding-left: 10px;
		margin-left: 20px;
		margin-bottom: 7px;
		padding-top: 12px;
		line-height: 140%;	
		font-weight: bold;
		clear: left;
	}
	#features_benefits .normal {
		font-weight: normal;
		padding-top: 2px;
		background: url(../images/arrow.png) left 7px no-repeat;
		width: 650px;
	}
		#features_benefits li ul {
			margin-top:0px;
			clear: left;
		}
			#features_benefits li ul li {
				font-weight: normal;
				background: url(../images/bullet.gif) left 8px no-repeat;
				padding-left: 7px;
				padding-top: 0px;
				margin-bottom: 2px;
				clear: left;
			}

.link-box-red:link, .link-box-red:visited {
	background: #cd2829;
	border: 1px #cd2829 solid;
	display: block;
	padding: 0px 3px;
	float: left;
	margin: 1px 0;
	color: White;
	text-decoration: none;
	font-size: 9px;
}
.link-box-red:hover {
	background: white;
	color: #cd2829;
	text-decoration: none;
}
		
		

/* VIEW OUR ADS */
#our-ads {
	margin-left: 132px;
}
	#our-ads div {
		float: left;
		width: 200px;
		margin-right: 20px;
		padding-bottom: 20px;
	}
		#our-ads div img {
			border: 1px black solid;
		}
		#our-ads div a:link, #our-ads div a:visited {
			display: block;
			padding: 5px;
			text-decoration: none;
			color: Black;
			text-align: center;
			font-weight: bold;
		}
		#our-ads div a:hover {
			text-decoration: underline;
		}

		.dollar_class {
			float: left; height: 15px; line-height: 15px; margin-left: 25px;
		}
		
		.dollar_value {
			float: left; width: 30px;
		}	