/* 
Title:     Universal Energy 
Author:    Market Connections Inc.
Updated:   January 12, 2008
*/


* {
margin: 0;
padding: 0;
}

body {
text-align: center;
background: #fff;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
  color: #333;
}



#bc-res-home .utility-buttons {
padding-top:200px;
}


#bc-com-home .utility-buttons {
padding-top:200px;
}




#fragment-5 p {
padding:20px;
font-size: 14px;
font-weight: bold;
color: #fff;
}


img { behavior: url(iepngfix.htc) }


#home-graphic a {color:red;}


#container {
width: 940px;
margin: 0 auto;
text-align: left;
background: #fff;
padding:0;

}

#right-holder #customerservice p {
color: #000;
}

#secondary-graphic .header {
margin-bottom: 10px;

}



#on-res-home #secondary-graphic h1 {
color: #000;
font-size: 11px;
line-height: 11px;
margin-bottom: 10px;
}




#on-res-home #home-graphic p {
margin-left: 510px;
font-size: 13px;
}



.topspace {
padding-top:80px;
}


.clear {
clear: both;
}

li {
list-style-position: inside;
color: #333;
line-height: 20px;
}

a {
text-decoration: none;
color: #00539b;
}

.noBorder {
border-right: none;
}

img {
border: none;
}

ol {

margin-bottom: 18px;
color: #333;
}

ol li {

line-height: 20px;
color: #333;
margin-bottom: 10px;
list-style-position: outside;
margin-left: 25px;
}

.internal-graphic {
margin-bottom: 18px;
border-bottom: 1px solid #ccc;
padding-bottom: 6px;

}

#secondary-graphic {
background: url(../images/thumb_bg.gif) no-repeat top left;
width: 940px;
padding-left: 0px;
padding-right: 0px;
height: 180px;
margin-bottom: 5px;
padding-top: 20px;
padding-bottom: 0;
}








#secondary-graphic #left-holder {
width: 469px;
float: left;
border-right: 1px solid #ccc;
height: 161px;
}

#secondary-graphic #left-holder  #naturalgas {
width: 200px;
float: left;
border-right: 1px solid #ccc;
height: 161px;
padding: 0 17px 0 17px;
}





#secondary-graphic #left-holder  #electricity {
width: 200px;
float: right;
height: 161px;
padding: 0 17px 0 17px;
}


#secondary-graphic #right-holder {
width: 470px;
float: left;
height: 161px;
}

#secondary-graphic #right-holder #homeservices {
width: 200px;
float: left;
border-right: 1px solid #ccc;
height: 161px;
padding: 0 17px 0 17px;
}

#secondary-graphic #right-holder #customerservice {
width: 218px;
float: right;
height: 161px;
padding: 0 0 0 17px;
}

#on-res-home #secondary-graphic #right-holder #customerservice a {
font-size: 10px;
padding-bottom: 2px;
}


#secondary-graphic #right-holder #customerservice p {
color: #000;
padding: 0;
line-height: 18px;
}

#on-res-home #secondary-graphic p {
color: #fff;
font-size: 11px;
line-height: 14px;
padding-left: 10px;
padding-right: 10px;
}


/* #content - #primary-content, #secondary-content
-------------------------------------------------------------------------------------*/
#content {
width: 936px;
}

#primary-content {
float: right;
width: 655px;
padding-top: 12px;
padding-right: 0px;
}

#secondary-content {
float: left;
width: 220px;
padding-top: 12px;

}









/* #masthead - #tool-nav
-------------------------------------------------------------------------------------*/
#masthead {
width: 936px;
padding: 10px 0 20px 0px;
height: 60px;
}

#masthead #ue-logo {
float: left;
}

#masthead #tool-nav {
display: block;
float: right;
padding-top: 48px;
}

#masthead #tool-nav li {
float: left;
display: block;
margin-right: 4px;
padding-right: 4px;
border-right: 1px solid #ccc;
font-size: 11px;
line-height: 12px;
}

#masthead #tool-nav li a {
float: left;
color: #00539b;
font-size: 11px;
line-height: 12px;
}

#masthead #tool-nav li a:hover {
color: #333;
}

#masthead #tool-nav #region {
border-right: 0;
margin-right: 0;
padding-right: 0;
}

#masthead #tool-nav #region a {
margin-right: 0;
padding-right: 0;
}


#masthead #tool-nav li#marketselector {
border-right: 0;
padding-right: 0;
margin-right: 0;
margin-top: -3px;
}


#masthead #tool-nav li#contactus {
border-right: none;
}

#masthead #tool-nav select {
font-size: 11px;
font-weight: bold;
}




/* #primary-nav
-------------------------------------------------------------------------------------*/
#primary-nav {
	float: left;
	width: 936px;
	height: 34px;
	list-style: none;
	background: url(/images/nav_bg.gif) no-repeat top left;
	margin-bottom: 6px;
	border-top: 3px solid #00539b;
	}
	
#on-res-home #primary-nav,
#on-com-home #primary-nav,
#bc-res-home #primary-nav,
#bc-com-home #primary-nav {
margin-bottom: 18px;
}
	
#primary-nav li {
	float: left;
	display: block;
	}
	

#primary-nav #res-tab a {
background: url(/images/res_tab_off.gif) no-repeat top left;
height: 34px;
width: 127px;
display: block;
text-indent: -5000px;
}

#primary-nav #com-tab a {
background: url(/images/com_tab_off.gif) no-repeat top left;
height: 34px;
width: 130px;
display: block;
text-indent: -5000px;
margin-right: 542px;
}

#primary-nav #sig-tab a {
background: url(/images/sig_tab.gif) no-repeat top left;
height: 34px;
width: 137px;
display: block;
text-indent: -5000px;
}


#primary-nav #res-tab a:hover {
background: url(/images/res_tab_hover.gif) no-repeat top left;
height: 34px;
width: 127px;
display: block;
text-indent: -5000px;
}

#primary-nav #com-tab a:hover {
background: url(/images/com_tab_hover.gif) no-repeat top left;
height: 34px;
width: 130px;
display: block;
text-indent: -5000px;
margin-right: 542px;
}

#primary-nav #sig-tab a:hover {
background: url(/images/sig_tab_hover.gif) no-repeat top left;
height: 34px;
width: 137px;
display: block;
text-indent: -5000px;
}






#on-res-home #res-tab a,
#on-res-electricity #res-tab a,
#on-res-gas #res-tab a,
#on-res-bundles #res-tab a, 
#on-res-market #res-tab a,
#on-res-gas-faq #res-tab a,
#on-res-electricity-faq #res-tab a,
#on-res-news #res-tab a,
#on-res-testimonials #res-tab a,
#on-res-gas-market-info #res-tab a,
#on-res-electricity-market-info #res-tab a,
#on-res-gas-news #res-tab a,
#on-res-electricity-news #res-tab a,
#on-res-gas-deregulation #res-tab a,
#on-res-electricity-deregulation #res-tab a,
#bc-res-home #res-tab a {

background: url(/images/res_tab_on.gif) no-repeat top left;
height: 34px;
width: 127px;
display: block;
text-indent: -5000px;
}



#on-res-home #res-tab a:hover,
#on-res-electricity #res-tab a:hover,
#on-res-gas #res-tab a:hover,
#on-res-bundles #res-tab a:hover, 
#on-res-market #res-tab a:hover,
#on-res-gas-faq #res-tab a:hover,
#on-res-electricity-faq #res-tab a:hover,
#on-res-news #res-tab a:hover,
#on-res-testimonials #res-tab a:hover,
#on-res-gas-market-info #res-tab a:hover,
#on-res-electricity-market-info #res-tab a:hover,
#on-res-gas-news #res-tab a:hover,
#on-res-electricity-news #res-tab a:hover,
#on-res-gas-deregulation #res-tab a:hover,
#on-res-electricity-deregulation #res-tab a:hover {

background: url(/images/res_tab_on.gif) no-repeat top left;
height: 34px;
width: 127px;
display: block;
text-indent: -5000px;
}










#on-com-home #com-tab a,
#on-com-electricity #com-tab a,
#on-com-gas #com-tab a,
#on-com-bundles #com-tab a, 
#on-com-market #com-tab a,
#on-com-faq #com-tab a,
#on-com-gas-faq #com-tab a,
#on-com-electricity-faq #com-tab a,
#on-com-news #com-tab a,
#on-com-gas-deregulation #com-tab a,
#on-com-gas-market-info #com-tab a,
#on-com-gas-news #com-tab a,
#on-com-electricity-deregulation #com-tab a,
#on-com-electricity-market-info #com-tab a,
#on-com-electricity-news #com-tab a,
#on-com-testimonials #com-tab a,
#bc-com-home #com-tab a   {
background: url(/images/com_tab_on.gif) no-repeat top left;
height: 34px;
width: 130px;
display: block;
text-indent: -5000px;
margin-right: 542px;
	}
	
	
	#on-com-home #com-tab a:hover,
#on-com-electricity #com-tab a:hover,
#on-com-gas #com-tab a:hover,
#on-com-bundles #com-tab a:hover, 
#on-com-market #com-tab a:hover,
#on-com-faq #com-tab a:hover,
#on-com-gas-faq #com-tab a:hover,
#on-com-electricity-faq #com-tab a:hover,
#on-com-news #com-tab a:hover,
#on-com-gas-deregulation #com-tab a:hover,
#on-com-gas-market-info #com-tab a:hover,
#on-com-gas-news #com-tab a:hover,
#on-com-electricity-deregulation #com-tab a:hover,
#on-com-electricity-market-info #com-tab a:hover,
#on-com-electricity-news #com-tab a:hover,
#on-com-testimonials #com-tab a:hover   {
background: url(/images/com_tab_on.gif) no-repeat top left;
height: 34px;
width: 130px;
display: block;
text-indent: -5000px;
margin-right: 542px;
	}

	
	
/* #secondary-nav
-------------------------------------------------------------------------------------*/
#secondary-nav {
width: 220px;
list-style-type: disc;
margin-bottom: 18px;
}

#secondary-nav a {

line-height: 18px;
color: #666;
font-size: 12px;
padding-left: 0px;



}

#secondary-nav a:hover {


}

#secondary-nav li {
list-style-position: inside;
list-style-type: circle;
color: #666;
}

#secondary-nav li:hover {
list-style-position: inside;
list-style-type: disc;
color: #666;
}


#on-res-electricity #secondary-nav #electricity-offer a,
#on-res-gas #secondary-nav #gas-offer a,
#on-res-bundles #secondary-nav #bundles a,
#on-res-market #secondary-nav #market-info a,
#on-res-gas-faq #secondary-nav #gas-faq a,
#on-res-electricity-faq #secondary-nav #electricity-faq a,
#on-res-news #secondary-nav #news a,
#on-res-testimonials #secondary-nav #testimonials a,
#on-res-deregulation #secondary-nav #deregulation a,
#on-res-gas-market-info #secondary-nav #gas-market-info a,
#on-res-electricity-market-info #secondary-nav #electricity-market-info a,
#on-res-gas-news #secondary-nav #gas-news a,
#on-res-electricity-news #secondary-nav #electricity-news a,
#on-res-electricity-deregulation #secondary-nav #electricity-deregulation a,
#on-res-gas-deregulation #secondary-nav #gas-deregulation a,
#on-com-electricity #secondary-nav #electricity-offer a,
#on-com-gas #secondary-nav #gas-offer a,
#on-com-bundles #secondary-nav #bundles a,
#on-com-market #secondary-nav #market-info a,
#on-com-faq #secondary-nav #faq a,
#on-com-news #secondary-nav #news a,
#on-com-electricity-faq #secondary-nav #electricity-faq a,
#on-com-gas-faq #secondary-nav #gas-faq a,

#on-com-gas-deregulation #secondary-nav #gas-deregulation a,
#on-com-electricity-deregulation #secondary-nav #electricity-deregulation a,

#on-com-gas-market-info #secondary-nav #gas-market-info a,
#on-com-electricity-market-info #secondary-nav #electricity-market-info a,


#on-com-gas-faq #secondary-nav #gas-faq a,
#on-com-gas-faq #secondary-nav #gas-faq a,
#on-com-gas-news #secondary-nav #gas-news a,
#on-com-electricity-news #secondary-nav #electricity-news a,
#on-com-testimonials #secondary-nav #testimonials a {
color: #00539b;;
}




#on-res-electricity #secondary-nav #electricity-offer,
#on-res-gas #secondary-nav #gas-offer,
#on-res-bundles #secondary-nav #bundles,
#on-res-market #secondary-nav #market-info,
#on-res-gas-faq #secondary-nav #gas-faq,
#on-res-electricity-faq #secondary-nav #electricity-faq,
#on-res-news #secondary-nav #news,
#on-res-testimonials #secondary-nav #testimonials,
#on-res-deregulation #secondary-nav #deregulation,
#on-res-gas-market-info #secondary-nav #gas-market-info,
#on-res-electricity-market-info #secondary-nav #electricity-market-info,
#on-res-gas-news #secondary-nav #gas-news,
#on-res-electricity-news #secondary-nav #electricity-news,
#on-res-electricity-deregulation #secondary-nav #electricity-deregulation,
#on-res-gas-deregulation #secondary-nav #gas-deregulation,
#on-com-electricity #secondary-nav #electricity-offer,
#on-com-gas #secondary-nav #gas-offer,
#on-com-bundles #secondary-nav #bundles,
#on-com-market #secondary-nav #market-info,
#on-com-faq #secondary-nav #faq,
#on-com-news #secondary-nav #news,
#on-com-electricity-faq #secondary-nav #electricity-faq,
#on-com-gas-faq #secondary-nav #gas-faq,

#on-com-gas-deregulation #secondary-nav #gas-deregulation,
#on-com-electricity-deregulation #secondary-nav #electricity-deregulation,

#on-com-gas-market-info #secondary-nav #gas-market-info,
#on-com-electricity-market-info #secondary-nav #electricity-market-info,


#on-com-gas-faq #secondary-nav #gas-faq,
#on-com-gas-faq #secondary-nav #gas-faq,
#on-com-gas-news #secondary-nav #gas-news,
#on-com-electricity-news #secondary-nav #electricity-news,
#on-com-testimonials #secondary-nav #testimonials {
color: #00539b;
list-style-type: disc;
}





	
	
/* #location-nav
-------------------------------------------------------------------------------------*/
#location-nav {
list-style: none;
display: block;
color: #666;
font-size: 11px;
line-height: 18px;
padding-bottom: 10px;
}

#location-nav a {
color: #666;
font-size: 11px;
text-decoration: underline;
line-height: 18px;
}

#location-nav li.arrow {
padding-left: 4px;
padding-right: 4px;
}

#location-nav li {
float: left;
}


/* #footer-nav
-------------------------------------------------------------------------------------*/
#footer-nav {
list-style: none;
float: left;
}

#footer-nav li {
float: left;
display: block;
margin-right: 4px;
border-right: 1px solid #ccc;
}

#footer-nav li.no-border {
border-right: none;
}
#footer-nav li#region {
border-right: none;
}
#footer-nav li a {
float: left;
padding-right: 4px;
color: #00539b;
font-size: 11px;
line-height: 12px;
}
#footer-nav li a:hover {
color: #333;
}



#footer {
border-top: 1px solid #ccc;
clear: both;
padding-top: 4px;
}



/* Page Specific
-------------------------------------------------------------------------------------*/

/* #on-res-home - #popular-categories, .utility-buttons
-------------------------------------------------------------------------------------*/
#popular-categories {
height: 98px;
margin-bottom: 10px;
}

#popular-categories #left {
width: 272px;
padding: 12px 20px 12px 20px;
height: 74px;
float: left;
background: url(/images/left.gif) no-repeat top left;
}

#bc-res-home #popular-categories #left {
width: 312px;
height: 98px;
padding: 0;
background: none;
float: left;
}

#bc-com-home #popular-categories #left {
width: 312px;
height: 98px;
padding: 0;
background: none;
float: left;
}





#popular-categories #center {
width: 271px;
padding: 12px 20px 0px 20px;
height: 86px;
float: left;
background: url(/images/center.gif) no-repeat top left;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}


#bc-res-home #popular-categories #center {
width: 311px;
height: 98px;
float: left;
background: none;
padding: 0;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}

#bc-com-home #popular-categories #center {
width: 311px;
height: 98px;
float: left;
background: none;
padding: 0;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}







#popular-categories #right {
width: 311px;
height: 98px;
float:left;
}



#popular-categories #left a:hover {
text-decoration: underline;
}

#bc-res-home #popular-categories #right {
width: 311px;
height: 98px;
float: left;
}

#bc-com-home #popular-categories #right {
width: 311px;
height: 98px;
float: left;
}



.utility-buttons {
position: relative;
top: 0px;
}



#bc-res-home .utility-buttons,
#bc-com-home .utility-buttons {
position: relative;
top: 0px;
margin-left: 17px;
}


#primary-graphic {
float:left;
width: 624px;
height: 260px;

margin-bottom: 1px;
}


#home-graphic {
background: url(/images/primary_home.jpg) no-repeat top left;
width: 940px;
height: 260px;
margin-bottom: 10px;
}


#on-res-home h1, #on-com-home h1 {
font-size: 13px;
font-weight: bold;
color: #fff;
margin-bottom: 6px;
}

#on-res-home p, #on-com-home p {
font-size: 11px;
line-height: 16px;
color: #fff;
}

.whiteArrow {
background: url(/images/white_red_arrow.png) no-repeat left center;
padding-left: 8px;
margin-bottom: 0;
}

#warm {
position: relative;
left: 860px;
top: -10px;
z-index: 2;
height: 118px;
width: 118px;
margin-bottom: 0px;
padding-bottom: 0px;
}


#bcsave {
position: relative;
left: 225px;
top: -10px;
z-index: 2;
height: 118px;
width: 118px;
margin-bottom: 0px;
padding-bottom: 0px;
}











#popular-categories #left-links a,
#popular-categories #right-links a,
#popular-categories #left a {
color: #fff;
float: left;
padding-top: 0px;
line-height: 11px;
display: block;

}

#popular-categories #left-links a:hover,
#popular-categories #right-links a:hover,
#popular-categories #left a a:hover {
color: #fff;
float: left;
padding-top: 0px;
line-height: 11px;
display: block;
text-decoration: underline;
}

#bc-res-home #popular-categories #left a,
#bc-com-home #popular-categories #left a {
padding: 0;
margin: 0;
}

p#left-links {
float: left;
display: block;
margin-right: 4px;
width: 120px;
}

p#right-links {
float: right;
display: block;
width: 120px;
}
#on-res-home p, #on-com-home p {
margin-bottom: 6px;
}


#right p {
line-height: 15px;
}


p#copyright_left {height:500px; color:#000; padding-top:20px;}




/* #contact-us
-------------------------------------------------------------------------------------*/
.left-col {
float: left;
width: 280px;
}

.right-col {
float: left;
width: 280px;
}

.last-col {
float: left;
width: 180px;
}

.contact-cols {
}



/* #contact-us
-------------------------------------------------------------------------------------*/


#sitemapbody #col-one,
#sitemapbody #col-two,
#sitemapbody #col-three  {
float: left;
width: 200px;
}







#sitemapbody #content ul {
margin-bottom: 18px;
}












/* Default Typography
-------------------------------------------------------------------------------------*/
p { 
  margin-bottom: 18px;
  line-height: 20px;
  font-size: 12px; 
  color: #333;
}

#primary-content h1 { 
  font-size: 16px; 
  margin-bottom: 6px; 
padding-bottom: 6px;
  color: #00539b;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}



#secondary-content h1 {
 font-size: 16px; 
  margin-bottom: 18px; 
  color: #00539b;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 6px;
}







h2 { 
  font-size: 12px; 
  line-height: 20px; 
 color: #00539b;
}
h3 { 
  font-size: 16px; 
  color: #00539b;
  margin-bottom: 20px;
}

h4 {
  font-size: 12px; 
  line-height: 20px; 
  color: #00539b;
  margin-bottom: 14px;
}




h6 {
  font-size: 10px; 
  line-height: 18px; 
  color: #666;
  margin-bottom: 0;
}

h5 {
  font-size: 12px; 
  line-height: 14px; 
  color: #000;;
  margin-bottom: 8px;
  border-top: 1px solid #efefef;
  padding-top: 4px;
}



p#copyright {
float: right;
display: block;
font-size: 11px;
line-height: 12px;
color: #000;
margin-bottom: 0;
}



#internal-primary-graphic h1 {
font-size: 24px;
padding-left: 261px;
padding-right: 40px;
padding-top: 70px;
color: #fff;
}


#career-nav li {
line-height: 20px;
}



#careers #primary-content ul {
margin-bottom: 18px;
margin-left: 30px;
}


#careers #one li, #careers #two li, #careers #three li, #careers #four li, #careers #five li, #careers #six li  {
list-style-type: disc;
line-height: 20px;
font-size: 12px;
}

#one, #two, #three, #four, #five, #six {
background: #efefef;
padding: 15px;
margin-bottom: 30px;
border: 1px solid #ccc;
}





#one h1,
#two h1,
#three h1,
#four h1,
#five h1 {
font-size: 14px;
}

#careers ol li {
padding-bottom: 10px;
border-bottom: 1px solid #efefef;
}


#index #marketselector {
width: 935px;
height: 458px;
background: #00539b url(/images/map.gif) no-repeat top left;
}

#index form {
padding-left: 600px;
padding-top: 200px;
}

#content #primary-content ul {
margin-bottom: 18px;
line-height: 20px;
}


.highlight {
background: #ffffcc;
}

.switcher {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-bottom: 2px;
padding-top: 2px;
height: 60px;
}


.blue {
color: #00539b;
}

#why li {
list-style-position: outside;
margin-left: 20px;
margin-bottom: 10px;
padding-bottom: 10px;

line-height: 20px;
border-bottom: 1px solid #ccc;
font-weight: normal;
color: #333;

}


#sitemapbody #primary-content {
float: left;
}




 #privacy #secondary-content h1 {
 margin-bottom: 6px;
 }
 
  #contact-us #secondary-content h1 {
 margin-bottom: 6px;
 }
 
   #aboutus #secondary-content h1 {
 margin-bottom: 6px;
 }
 
#right-circle {
float: right;
margin-left: 10px;
}

® {
font-size: 8px;
}





#bc_res_offer {
width: 311px;
height: 211px;

background: #00539b url(/images/bc_res_slide.gif) no-repeat top left;
}

#bc-facts li {

padding: 10px;

color: #333;
display: block;
}


#bc-facts {
list-style-type: none;
margin-bottom: 20px;
background: #e9f2fa;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
list-style-position: outside;
}

#sitemapbody h3 {
margin-bottom: 0;
font-size: 12px;
color: #000;
}





#on-res-home #primary-graphic {
margin-top: 1px;
}

#on-com-home #primary-graphic {
margin-top: 1px;
}

#register label {
margin-bottom: 4px;
font-weight: bold;
display: block;
}



#register #primary-content form {
padding: 20px;
background: #fdfdfd;
border: 1px solid #ccc;
margin-bottom: 20px;
}


#register #primary-content form {
padding: 20px;
background: #fdfdfd;
border: 1px solid #ccc;
margin-bottom: 20px;
}


.rmark {
font-size: 8px;
line-height: 8px;
}

#careers #h6 {
margin-bottom: 0;
font-size: 12px;
font-color: #000;
}



#intro-par {padding-top:20px; font-size:80px;}





/* rates
--------------------------------*/

#rate_left {
width: 315px;
float: left;
background: #e9f2fa;
height: 220px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}

#rate_left p {
padding-left: 10px;
padding-right: 10px;
}

#rate_left h1 {
background: #7eb943;
color: #fff;
font-size: 12px;
text-indent: 10px;
padding-top: 6px;
padding-bottom: 6px;
}

#rate_right {
width: 315px;
float: right;
background: #e9f2fa;
height: 220px;
border-bottom: 1px solid #ccc;
}

#rate_right p {
padding-left: 10px;
padding-right: 10px;
}

#rate_right h1 {
background: #7eb943;
color: #fff;
font-size: 12px;
text-indent: 10px;
padding-top: 6px;
padding-bottom: 6px;
}


#current_offers {
border-bottom: 1px solid #ccc;
padding-bottom: 6px;
font-size: 14px;
}