a {TEXT-DECORATION: none;}

a.gray:link { color: #535353; font-family: arial;font-size: 12px; text-decoration:none;font-weight: normal;}
a.gray:visited { color: #535353; font-family: arial;font-size: 12px; text-decoration:none;font-weight: normal;}
a.gray:hover { color: #0090dd; font-family: arial;font-size: 12px; text-decoration:none;font-weight: normal;}

input{
background-color:#FFFFFF !important;
background-image: url('/images/input_bg.gif'); background-repeat: repeat-x;
border: 1px solid #d5e4f0;
color: #656565;
}

input.checkbox{
background-color:#FFFFFF !important;
background-image: url('/images/spacer.gif'); background-repeat: repeat-x;
border: 0px solid #ffffff;
}

input.button{
background-color:#46a2e2 !important;
background-image: url('/images/button_bg.gif'); background-repeat: repeat-x;
border: 1px solid #46a2e2;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #ffffff;
}

.select{
background-color:#FFFFFF !important;
background-image: url('/images/input_bg.gif'); background-repeat: repeat-x;
border: 1px solid #d5e4f0;
color: #656565;
}
select {background: white url(images/energy_efficiency/input_bg.gif) top left repeat-x;}

textarea{
background-color:#FFFFFF !important;
background-image: url('/images/textbox_bg.gif'); background-repeat: repeat-x;
border: 1px solid #d5e4f0;
}

#pp_content
	{
	display: block;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 670px;
	border: 0px dashed red;
	margin: 0px 0px 0px 0px;
	z-index: 1;
  		/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
}

#pp_content_home
	{
	display: block;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 670px;
	border: 0px dashed red;
	margin: 0px 0px 0px 0px;
	z-index: 1;
  		/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
}

#pp_content_home_CSS
	{
	display: block;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 670px;
	border: 0px dashed red;
	margin: 0px 0px 0px 0px;
	z-index: 1;
  		/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
}

#pp_content_home a:link { color: #0090DD; font-family: arial;font-size: 12px; text-decoration:underline;font-weight: normal;}
#pp_content_home a:visited { color: #0090DD; font-family: arial;font-size: 12px; text-decoration:underline;font-weight: normal;}
#pp_content_home a:hover { color: #0090DD; font-family: arial;font-size: 12px; text-decoration:none;font-weight: normal;}

#pp_content a:link { color: #0090DD; font-family: arial;font-size: 12px; text-decoration:none;font-weight: normal;}
#pp_content a:visited { color: #0090DD; font-family: arial;font-size: 12px; text-decoration:none;font-weight: normal;}
#pp_content a:hover { color: #0090DD; font-family: arial;font-size: 12px; text-decoration:underline;font-weight: normal;}


.pp_content_td
	{
	width: 420px;
	padding: 0px 10px 0px 0px;
	}
	
img{border: 0px;}

#pp_header_main
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #63616b;
    FONT-FAMILY: Arial, Verdana;
	padding: 16px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#pp_header
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #1397df;
    FONT-FAMILY: Arial, Verdana;
	padding: 2px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}

#pp_sub_header
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 17px;
    COLOR: #000000;
    FONT-FAMILY: arial;
}

#pp_para_header
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #1397df;
    FONT-FAMILY: Arial, Verdana;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#pp_blue_header_box
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff; 
    background-color:#0096de;
    FONT-FAMILY: Arial, Verdana;
	padding: 4px 0px 4px 8px;
	margin: 0px 0px 0px 0px;
}

.pp_link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #006b9d;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline;
}

.pp_rnav_tbl
{
    WIDTH: 246px;
	HEIGHT: 100%;
	background-image: url('/images/right_nav_bg.gif'); background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
}

.pp_rnav
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #1397df;
    LINE-HEIGHT: 15px;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
	margin: 6px 0px 0px 0px;
}

.pp_rnav:hover
{
    COLOR: #666666;
}

.pp_rnav_bttn
{
	text-align: right;
}

.pp_rnav_divider
{
	background-image: url('/images/divider.gif'); background-repeat: repeat-x;
}

.pp_rnav_callus
{
	background-image: url('/images/call_us_bg.gif'); background-repeat: no repeat;
	width: 246px;
	height: 80px;
}

.pp_rnav_callus2
{
	background-image: url('/images/call_us_bg2.gif'); background-repeat: no repeat;
	width: 246px;
}

.pp_rnav_quote
{
	background-image: url('/images/right_nav_quote_bg.gif'); background-repeat: no repeat;
	width: 246px;
	height: 200px;
	color:#93b852;
}

.pp_hr_divider
{
	background-image: url('/images/hr_divider.gif'); background-repeat: repeat-x;
}

#pp_footer
{
	display: block;
	width: 660px;
	height: 90px;
	background-color:#0190de;
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
	text-align: justify;
	padding: 8px 12px 8px 16px;
	margin: 30px 0px 0px 0px;
	background-image: url('/images/footer_gradient.gif'); background-repeat: no repeat;
	
}

#pp_footer a
{
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}

#pp_comparison_chart
{
	margin: -464px 0px 0px 12px;
	padding: 0px 0px 5px 0px;
	display: none;
}

#pp_contact_form
{
	margin: -550px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	display: none;
	border: 3px solid #078dd9;
	background-color: white;
	width:660px; 
	z-index: 99;
	opacity: 0.99;
}

#pp_faq_close {
	text-align: right; 
	padding: 0px 20px 0px 0px;
	margin: -14px 0px 0px 0px;
}

a.pp_faq_a:link {color: #8f8f8f; font-family:arial;font-size: 13px;text-decoration:none;font-weight: bold;background-image: url('/images/faq_bullet.gif');background-repeat:no-repeat; padding:0px 0px 12px 34px;width: 380px;display: block;}
a.pp_faq_a:visited {color: #8f8f8f; font-family:arial;font-size: 13px;text-decoration:none;font-weight: bold;background-image: url('/images/faq_bullet.gif');background-repeat:no-repeat;  padding:0px 0px 12px 34px;width: 380px;display: block;}
a.pp_faq_a:hover {color: #8f8f8f; font-family:arial;font-size: 13px;text-decoration:none;font-weight: bold;background-image: url('/images/faq_bullet.gif');background-repeat:no-repeat;  padding:0px 0px 12px 34px;width: 380px;display: block;}
/*text-align: justify;*/

.pp_faq_answer {
	width: 380px;
	margin: -15px 0px 0px 34px;
	background-image: url('/images/faq_bg.gif'); background-repeat: repeat-y;
	text-align: justify;
	
}
.pp_faq_answer b {color: #63b010; font-family: arial;font-size: 13px;font-weight: bold;}

#pp_ul ul
{
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial, Verdana;
	list-style-image: url('/images/li_bullet.gif'); background-repeat: no-repeat;
	margin-top:8px;
}

#pp_ul li
{
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial, Verdana;
    margin-left: -20px;
	list-style-image: url('/images/li_bullet.gif'); background-repeat: no-repeat;
	line-height: 120%;
}
#pp_ul2 ul
{
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial, Verdana;
	color:#000;
	list-style-image: url('/images/li_bullet.gif'); background-repeat: no-repeat;
	margin-top:8px;
}

#pp_ul2 li
{
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial, Verdana;
	color:#000;
    margin-left: -20px;
	list-style-image: url('/images/li_bullet.gif'); background-repeat: no-repeat;
	line-height: 120%;
}

#pp_ol ol
{
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial, Verdana;
	list-style:decimal;
	margin-top:8px;
}

#pp_ol li
{
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial, Verdana;
    margin-left: -2px;
	list-style:decimal;	
	line-height: 120%;
}


#pp_bullet
{
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana;
    margin-left: 0px; 
    padding: 2px 0px 10px 20px;
	background-image: url('/images/li_bullet.gif'); background-repeat: no-repeat;
	line-height: 110%;
}

#pp_green_18_arial
{
    FONT-SIZE: 18px;
    COLOR: #63b010;
    FONT-FAMILY: Arial, Verdana;
	padding: 0px 0px 2px 0px;
}

#pp_green_14_arial
{
    FONT-SIZE: 14px;
    COLOR: #63b010;
    FONT-FAMILY: Arial, Verdana;
	padding: 16px 0px 6px 0px;
    FONT-WEIGHT: bold;
}

#pp_green_13_arial
{
    FONT-SIZE: 13px;
    COLOR: #63b010;
    FONT-FAMILY: Arial, Verdana;
	padding: 10px 0px 2px 0px;
    FONT-WEIGHT: bold;
}

#pp_blue_14_arial
{
    FONT-SIZE: 14px;
    COLOR: #0096de;
	FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Verdana;
	padding: 6px 0px 2px 0px;
}

#pp_blue_14_arial a:link { color: #0096de; font-family: arial;font-size: 14px; text-decoration:underline;font-weight: bold;}
#pp_blue_14_arial a:visited { color: #0096de; font-family: arial;font-size: 14px; text-decoration:underline;font-weight: bold;}
#pp_blue_14_arial a:hover { color: #535353; font-family: arial;font-size: 14px; text-decoration:none;font-weight: bold;}



#pp_blue_18_arial
{
    FONT-SIZE: 18px;
    COLOR: #46a2e2;
    FONT-FAMILY: Arial, Verdana;
    FONT-WEIGHT: bold;
}

.pp_bluebox_tbl
{
	WIDTH: 200px;
	HEIGHT: 210px;
	background-image: url('/images/bluebox_tbl_bg.gif');
	background-repeat: repeat-x;
	border-left: 1px solid #d8eafa;
	border-right: 1px solid #d8eafa;
	margin: 0px 0px 0px 0px;
}

.pp_bluebox_tbl2
{
	WIDTH: 415px;
	HEIGHT: 125px;
	background-image: url('/images/bluebox_tbl_bg.gif');
	background-repeat: repeat-x;
	border-left: 1px solid #d8eafa;
	border-right: 1px solid #d8eafa;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.pp_bluebox_Res
{
	WIDTH: 415px;
	HEIGHT: 190px;
	background-image: url('/images/bluebox_tbl_bg.gif');
	background-repeat: repeat-x;
	border-left: 1px solid #d8eafa;
	border-right: 1px solid #d8eafa;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.pp_bluebox_Bus
{
	WIDTH: 415px;
	HEIGHT: 250px;
	background-image: url('/images/bluebox_tbl_bg.gif');
	background-repeat: repeat-x;
	border-left: 1px solid #d8eafa;
	border-right: 1px solid #d8eafa;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}


/***********************************************
* TOP NAV
***********************************************/				

#Container {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:2;
}

#LogoArea {
	position:absolute;
	left:20px;
	top:10px;
	width:200px;
	height:55px;
	z-index:21;
}
#topnav {
	position:absolute;
	left:200px;
	top:101px;
	width:590px;
	height:18px;
	padding-top: 0px;
	padding-left: 0px;
	z-index:18;
	visibility: visible;
}
#PhotoArea {
	position:absolute;
	left:200px;
	top:1px;
	width:570px;
	height:78px;
	z-index:3;
	float: left;
}

#jsddm
{	margin: 0;
	padding: 0}
  		/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  			

#jsddmlast li 
	{	display: block;
		font: 11px Arial;
		font-weight: bold;
		color: white;
		height: auto;
		background: #50b948;
		padding: 2px 5px 2px 5px;
  		/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
		text-decoration: none;
		border-right: 1px solid white;
		width: auto;
		white-space: nowrap}

#jsddm li
	{	float: left;
		list-style: none;
		font: 11px Arial;
}

	#jsddm li a
	{	display: block;
		font: 11px Arial;
		font-weight: bold;
		color: white;
		height: auto;
		background: #50b948;
		padding: 0px 5px 1px 5px;
  		/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
		text-decoration: none;
		border-right: 1px solid white;
		width: auto;
		white-space: nowrap}
		
	#jsddm li a:hover
	{	background: #666}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: 150px;
		font-weight: bold; 	
		background: #FFF;
  		margin: 0 0 0 0; 
  		/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  		padding: 2px 5px 2px 5px; 
  			/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
		text-decoration: none;
		border-bottom: 1px solid black;
		border-right: 1px solid gray;
		border-left: 1px solid gray;
		height: 14px;
		color: black;
}
		
		#jsddm li ul li a:hover
		{	
		font: 11px Arial;
		font-weight: bold;
		color: white;
		background: #666}


/***********************************************
* LAST ITEM ON TOP NAV
***********************************************/		

#jsddm-last
{	margin: 0;
	padding: 0}
  		/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  			
	#jsddm-last li
	{	float: left;
		list-style: none;
		font: 11px Arial;
}

	#jsddm-last li a
	{	display: block;
		font: 11px Arial;
		font-weight: bold;
		color: white;
		height: auto;
		background: #50b948;
		padding: 2px 5px 2px 5px;
  		/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
		text-decoration: none;
		border-right: 1px solid white;
		width: auto;
		white-space: nowrap}
		
	#jsddm-last li a:hover
	{	background: #666}
		
		#jsddm-last li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;}
		
		#jsddm-last li ul li
		{	float: none;
			display: inline}
		
		#jsddm-last li ul li a
		{	width: 150px;
		font-weight: bold; 	
		background: #FFF;
  		margin: 0 0 0 0; 
  		/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  		padding: 2px 5px 2px 5px; 
  			/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
		text-decoration: none;
		border-bottom: 1px solid black;
		border-right: 1px solid gray;
		border-left: 1px solid gray;
		height: 14px;
		color: black;
}
		
		#jsddm-last li ul li a:hover
		{	
		font: 11px Arial;
		font-weight: bold;
		color: white;
		background: #666}


/***********************************************
* VIDEO BOX TEXT
***********************************************/

	/* hide from ie on mac \*/
	#flashcontent {
	height: 100%;
	}
	/* end hide */


.side {
	width: 240px;
}

#videotxt {
	width:175px;
	height:82px;
}

#video {
	float: left;
	height: 110px;
	width: 185px;
	padding-top: 65px;
	padding-left: 2px;
	padding-bottom: 5px;
}
#videoheader { 
			padding-bottom: 5px;
			font-family: Arial, Verdana; 
			font-size: 12px; 
			color: DarkGreen;  
			font-weight: normal; 
			text-decoration:none; }

#videoheader a {
			color: DarkGreen;
			font-weight: bold; 	
			text-decoration:none; }

#videoheader a:hover {
			color: Green;
			font-weight: bold; 	
			text-decoration:underline; }
		
#videofooter { 
	font-family: Verdana; 
	font-size: 9px; 
	color: Black;  
	font-weight: bold; 
	text-align: right; 
	text-decoration: none; 
	line-height:15px }

#videofooter a {
			color: Black;
			font-weight: bold; 	
			text-decoration:none; }

#videofooter a:hover {
			color: #666;
			font-weight: bold; 	
			text-decoration:underline; }