.info {
width:335px;
float:left;
display:block;
text-align:left;

padding-left:5px;
padding-right:5px
}
.info  ul {
list-style:none;
margin:0px;
padding:0px;
}
.info a:hover{
display: block; 
color: rgb(0, 0, 0); 
padding-bottom: 5px; 
font-weight: bold; 
border-bottom-width: 1px; 
border-bottom-style: solid; 
border-bottom-color: #1199ff;  
}
.info h1 {
font:22px Arial, Helvetica, sans-serif;
color:#111;
}

.info  ul li h2 {
font:bold 18px Arial, Helvetica, sans-serif;
color:#111;
padding:0px;
margin:0px;
}
.GasElec{
	position:relative;
	top:0px;
	padding:0px;
	right:0px;
	width:auto;
	height:20px;
	margin:0px;
	background-color: #FFCC00;

	
}
.HI{
	position:relative;
	top:0px;
	padding:3px;
	right:0px;
	width:auto;
	height:20px;
	margin:0px;
	background-color: #996699;
	z-index:3;

	
}
.BB{
	position:relative;
	top:0px;
	padding:0px;
	right:0px;
	width:auto;
	height:20px;
	margin:0px;
	background-color:#339900;

}
.HP{
	position:relative;
	top:0px;
	padding:0px;
	right:0px;
	width:auto;
	height:20px;
	margin:0px;
	background-color:#CC0033;

}
.BS{
	position:relative;
	top:0px;
	padding:0px;
	right:0px;
	width:auto;
	height:20px;
	margin:0px;
	background-color:#AAAAAA;

}
.BBHover a:hover { 

display: block; 
color: rgb(0, 0, 0); 
padding-bottom: 5px; 
font-weight: bold; 
border-bottom-width: 1px; 
border-bottom-style: solid; 
border-bottom-color: #339900; 
} 
.GEHover a:hover { 

display: block; 
color: rgb(0, 0, 0); 
padding-bottom: 5px; 
font-weight: bold; 
border-bottom-width: 1px; 
border-bottom-style: solid; 
border-bottom-color: #FFCC00;
} 

.HIHover a:hover { 

display: block; 
color: rgb(0, 0, 0); 
padding-bottom: 5px; 
font-weight: bold; 
border-bottom-width: 1px; 
border-bottom-style: solid; 
border-bottom-color: #996699;
} 
.HPHover a:hover { 

display: block; 
color: rgb(0, 0, 0); 
padding-bottom: 5px; 
font-weight: bold; 
border-bottom-width: 1px; 
border-bottom-style: solid; 
border-bottom-color: #CC0033;
} 
.BSHover a:hover { 

display: block; 
color: rgb(0, 0, 0); 
padding-bottom: 5px; 
font-weight: bold; 
border-bottom-width: 1px; 
border-bottom-style: solid; 
border-bottom-color: #AAAAAA;
} 

.cell {
width:335px;
float:left;
display:block;
text-align:left;
border-left:1px solid #b5dced;
padding-left:5px;
padding-right:5px
}

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

.cell h1 {
font:22px Arial, Helvetica, sans-serif;
color:#111;
}

.cell  ul li h2 {
font:bold 18px Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:3px;
margin:0px;

}



body {	
	margin: 0;
	padding: 0;
	text-align:center;}

.bgWhite {
	background:url(../i/whiteNavSpace.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:left;
	background-color:#0066CC;
	text-align:center;
}

#xhl_header_logo {
	position:absolute;	
	left:30px;
	top:7px;
	padding:0px;
	margin:0px;
	background-image:url(../i/first_logo.jpg);
	background-repeat:no-repeat;
	width:265px; height:85px;
	z-index:1;
	cursor: pointer;
	font-size:16pt;
	font-weight:bold;
}

#topsubmenu {
	position:absolute;	
	left:0px;
	width:1000px;
	text-align:center;
	top:55px;
	padding:0px;
	margin:0px;
	font-size:9px;
}
#topsubmenu a:hover {color:#0066CC;}
#topsubmenu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}
#Cus{
	position:absolute;

	top:9px;

	right:0px;

	width:215px;

	text-align:left;

	padding:0px;

	margin:0px;

	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#FFFFFF;

	font-weight:bold;
}

#Opening{
	position:absolute;

	top:45px;

	right:0px;

	width:215px;

	text-align:left;

	padding:0px;

	margin:0px;

	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#FFFFFF;

	font-weight:bold;
}
#CashBack a:hover{color:#FFFFFF;}
#CashBack .biglink, #CashBack .smalllink{
	position:absolute;
	right:0px;
	width:215px;
	text-align:left;
	padding:0px;
	margin:0px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.biglink 
{	
	font-size:13px;
	color:#FFFF00;
	font-weight:bold;
	top:69px;
}

#PhoneNumber{
	position:absolute;

	top:20px;

	right:0px;

	width:215px;

	text-align:left;

	padding:0px;

	margin:0px;

	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size:22px;

	color:#FFFFFF;

	font-weight:bold;
}

#Header {
	position:relative;
	width:1000px;
	height:101px;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:0px;
	background-image:url(../i/blue_fade.jpg);
	background-repeat:repeat-y;
}

#footer a:hover{
	color:#0066CC;
	text-decoration:underline;
}
#footer a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}

#footer ul{ 
	position:relative;
	top:0px; 
	width:1000px;
	color:#333333;
	font-size:xx-small ;
	margin: 0px;
   	padding: 0px;
   	list-style: none;
}

#footer li{
	display: inline;
   	margin: 0px;
   	padding:3px;
}

#footer p{
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:xx-small ;
	color:#333333;
}
#footer {
	position:relative;
	text-align:center;
	width:1000px;
	padding:0px;
	margin:0px;
	top:0px;
}

.Menu
{	position:absolute;
	top:78px;
	left:0px;
   	padding:0px;
	margin:0px;
	width:1000px;
	text-align:center;
	z-index:1;
}

#tabhome, #tabphone, #tabgas, #tabheating, #tabbiz, #tabcard, #tabbroadband{
	height: 28px;
	overflow: hidden;
	display:block;
}

.Menu #tabbroadband {
		width: 83px;
		background: url(../i/Broadband_btn.GIF) top left no-repeat;		
}
.Menu #tabhome {
		width: 47px;
		background: url(../i/home_btn.gif) top left no-repeat;		
}

.Menu #tabphone {
		width: 81px;
		background: url(../i/homephone_btn.gif) top left no-repeat;
		
}

.Menu #tabgas {
		width: 100px;
		background: url(../i/gas_btn.gif) top left no-repeat;
		
}

.Menu #tabheating {
		width: 110px;
		background: url(../i/heating_btn.gif) top left no-repeat;
		
}

.Menu #tabbiz {
		width: 102px;
		background: url(../i/biz_savings_btn.gif) top left no-repeat;
		
}

.Menu #tabcard {
		width: 76px;
		background: url(../i/card_btn.gif) top left no-repeat;
		
}

 #tabhome:hover, #tabphone:hover, #tabgas:hover, #tabheating:hover, #tabbiz:hover, #tabbroadband:hover, #tabcard:hover{
	background-position: bottom left;
}

/* CSS Document */

.Bar{
	position:relative;
	top:0px;
	padding:0px;
	right:0px;
	width:auto;
	height:20px;
	margin:0px;
	background:url(../i/blue_bar.jpg);
	background-repeat:repeat-x;
	z-index:3;
	
}

/* Energy Home page   
---------------------------------------------------------*/
body, td, th
{
	font-family: Arial ;
	font-size: 12px;
}

/*
	Force the scrollbar (Firefox)
*/

html 
{
	height: 100%;
	margin-bottom: 0.1px; }

.alt {
	background-color: #E5EFFA ;
}
a:visited{color:#770000;}
a:link{color:#000000;text-decoration:none;}