html {padding:0; margin:0;} * html #main {overflow:hidden;} 
body {font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size:100%; text-align:center; padding:0; margin:0;}
span.number {font-size:15px; line-height:50px; text-align:center; display:block; clear:none; font-weight:bold; color:#fff; width:345px; margin:0 auto 0; padding-right:15px; padding-left:410px;  background:#fff url('../Images/toptab.gif') center 5px no-repeat; }
#main {width:770px; color:#777; margin:0 auto 0; font-size:.85em; overflow:hidden; position:relative; background:url('../Images/bg.gif') center center repeat-y; height:100%;}
#header {height:65px; color:#e36b32; text-align:left; float:left; margin:0 0 5px;  } 
	#header a.home { display:block; float:left; width:160px; height:5px; color:#f3f3f5; font-size:8px; background:url('../Images/dPiEnergyLogo.gif') top right no-repeat; text-align:center; padding-top:60px; }
	#header h1 {float:left; width:260px; color:black; font-size:25px; margin:0 0 3px 40px; padding:0; line-height:1.2em; font-weight:normal;}
	#header h1 a, #header h1 a:hover {color:#000; text-decoration:none;}
	#header span {float:left; width:300px; font-size:20px; margin:0 0 5px 20px; padding:0; font-weight:normal; }
	#header a.button {float:right; clear:none; margin:38px 0 3px 0; line-height:26px; color:white;} a.button:hover {font-weight:bold;text-decoration:none;}
	a#blog {float:right; background:#bc5f00 url('../Images/orangebuttonbg.gif') center center no-repeat; width:165px; overflow:hidden; margin:5px 15px; color:white; text-align:center; line-height:1em; height:46px; padding:5px;} 

form input.button, a.button, .login input.button, #storeLocationForm input.button { background:#80aa58 url('../Images/green-button.gif') 0 0 no-repeat; overflow:hidden; display:block; width:96px; padding:0; height:23px; color:white; text-align:center; border:none; line-height:22px; font-size:12px; border:none; text-decoration:none; text-transform:uppercase;}

input#btnRatesSwitcher { background:#80aa58 url('../Images/blue-button.gif') 0 0 no-repeat; display:block; overflow:hidden; color:white; text-align:center; line-height:22px; border:none; font-size:9px; position: absolute; left: 580px; top: 110px; height:23px; width:150px; padding:0; }
.error {font-weight:bold; color:#000; padding:5px; text-align:center; background:white; border:3px solid red; position:absolute; width:150px; z-index:5000; } 
.example {border:1px solid black; margin:10px 50px; padding:15px;} a.help {color:#80aa58; font-weight:normal;}
#lblDueAmount {font-weight:bold; color:red;}

a {text-decoration:none;color:#000;} a:hover {color:#669934; text-decoration:underline;} #col2 strong, #col2 b, .left strong, .left b {font-weight:normal;} 
#col1 a {color:#bc5f00;} #col2 p a { } 
#col2 a.here, #col2 a.here:hover {text-decoration:none; cursor:text; border-bottom:none;} #col2 p a.here, #col2 p a.here:hover {color:#000} 
h1 {font-size:1.25em; font-weight:normal;} h2 {font-size:1.1em;} h3 {font-size:1em;} h4 {font-size:.9em;}
.clear {float:none; clear:both; padding:10px 0; }
a.info {position:relative; z-index:100; }
a.info b,
a:hover.info b {display:block; position:absolute; width:120px; top:95%; right:-15px; padding:10px; z-index:50000; text-align:center; background:#f1f1f1; color:#000; white-space:normal; line-height:150%; border:3px solid #777;  text-transform:none; text-decoration:none;} 
a:hover.info b img {border:none; float:left;}  
a.info b, #nav a.info b {top:-5000px; }
.leftside, .rightside {width:48%; float:left; display:block;} .leftside {clear:left; }

#receipt i {font-size:1em; font-weight:bold; }

#wrapper { margin:0 10px 0; display:inline; clear:both; float:left; width:750px; overflow:hidden; } 
ul#nav {margin:0; padding:0;}
	#nav li a { padding:5px 8px; font-size:12px; background:#eee url('../Images/navbg.gif'); width:auto; font-weight:bold; text-decoration:none; border-right:2px solid #e8e9ea; white-space:nowrap; color:#cb5c27;}
	#nav li a:hover, #nav a.here { color:#80aa58; }
	#nav li a.last {padding:5px 10px;} ul.s#nav li a {padding:5px 8px;}
	#nav li a.first {border-left:2px solid #e8e9ea; padding:5px 13px;} 
	#nav li ul {width:150px;}
	#nav li li a { text-align:left; width:11em; padding:5px 0 5px 15px; border:none; color:white; background:#333;}
	#nav li li a:hover, #nav li li a.here {color:#FAAE40;}
	#nav a:hover.info b {top:25px; left:0; width:235px; line-height:120%; text-align:left; padding:15px; font-size:12px;}
#nav { padding:0; margin:0; text-align:center; float:left; clear:both; position:relative; z-index:50000;}
	#nav ul { padding:0; margin:0 auto; list-style:none; line-height:1; }
	#nav li { position:relative; float:left; list-style:none; }#nav li ul { position:absolute; left:-999em; }	
	#nav li ul ul { left:-999em; } #nav li a { display:block; }#nav li ul { position:absolute; width:13em; left:-999em;} 
	#nav li:hover ul ul,  #nav li.sfhover ul ul {left:-999em;}	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:0; z-index:50000; }	#nav li:hover ul li, #nav li.hover ul li {position: static;}
	
#content2 { line-height:normal; text-align:left; float:left; width:770px; clear:both; color:#000; margin:5px auto; display:inline; }
.terms #content2 {width:720px; padding:0 25px; }
	#col1 {width:180px; float:left; margin:11px 0 0 5px; display:inline; overflow:hidden; border-right:1px solid #d26900; padding-bottom:2000px; margin-bottom:-2000px;  } 
		#col1 .login, #col1 #storeLocationForm, #col1 #no {text-align:center; margin:0; width:180px; padding:15px 0;} 
		#col1 .login {padding:0 0 15px;} #col1 .login h3 {padding:0; margin:0 0 5px;}
		#col1 #no {border:1px solid #d26900; border-width:1px 0 1px 0; text-align:left; width:160px; padding-left:20px;}
		#no i {font-style:normal;} #col1 p {padding:5px; } #btnPrint {float:none; margin:10px 20px;}
		
	#col2 {width:540px; float:left; display:inline; margin:0; padding:0 5px 10px 0; line-height:1.5em; }	
	#col2 p {padding:0 5px 10px 20px; margin:0;} #col2 h1, #col2 h2, #col2 h3 {padding:5px 5px 5px 20px; margin:0;} 
	
#banner {height:147px; background:#f1f1f1 url('../Images/bannerbg.jpg') top right no-repeat; width:575px; text-align:center; margin:0; font-family:Arial, Helvetica, sans-serif; position:relative; }	
	#banner img {float:left; padding-top:11px; padding-right:0;}
	#banner b {padding:57px 0 0; display:block; color:black; font-size:23px; line-height:32px; font-weight:normal; padding-right:160px;}
	#banner b i {color:white; font-size:33px; font-weight:bold; margin-right:-50px;}
.s #banner b {font-size:20px; padding-right:140px;} .s #banner b i {font-size:25px; margin-right:-20px;}

#footer {clear:both; font-size:12px; color:#999; width:770px; text-align:center; margin:0 auto; background:#fff url('../Images/bg-bottom.gif') center top no-repeat; padding-top:25px;}
#footer a {color:#999; } #footer a:hover {color:black;}

#home .login {background:#eda43d url('../Images/getpower.jpg') top left no-repeat; float:left; text-align:center; margin:0 0 0 4px; width:177px; position:relative; padding:0 570px 0 0; color:#f1f1f1; text-align:center; height:188px; display:inline; }
	#home .login h3 {color:#fff; padding:0; text-align:center; margin:30px 0 20px; line-height:14px; text-transform:uppercase;}
	.login b {color:#fff; display:block; position:absolute; top:35px; left:380px; width:180px; height:auto; text-indent:0px; color:black; font-size:1.2em; } 
.s .login b {top:30px; left:390px; font-size:1.0em;}
		.login a {color:white;} .login b i, .login b strong {color:white; display:block; padding:0 5px;  } 
		.login b sup {font-size:.4em; display:inline-block; line-height:2em; height:3em; } .x3 {font-size:3em;}  .login b * {line-height:1em;} 		
.login u {font-size:.7em; display:block; font-weight:normal; position:absolute; bottom:0; right:0; width:57px; text-align:right; text-decoration:none;}
	.login input, #storeLocationForm input {width:100px; text-align:left; margin:5px auto;} 
	#home .login input.button {background:#80aa58 url('../Images/greeno-button.gif') center center no-repeat;} .s#main #no {text-align:center; padding: 10px; margin:0;}

.sm, #blockr p {font-family:Arial, Helvetica, sans-serif; } #blockr p {text-align:center; padding:5px 0; margin:0;}
i, #content2 h1, #content2 h1 a {color:#669934; text-decoration:none;} .sm {font-size:10px; line-height:12px; } .upper {text-transform:uppercase;} 
.caps {text-transform:capitalize;} .center {text-align:center;} .x2 {font-size:1.8em; line-height:1.3em;} .xbigger {font-size:1.25em; line-height:1.1em; } .xbigger b {font-size:1.4em; line-height:1.25em;} .orange {color:#bc5f00;}

#home .left, 
#blockr {width:295px; float:left; margin:0 0 0 20px; position:relative; display:inline; text-align:center; padding:0;} 
	#home .left {width:270px; padding-right:0; text-align:left;}
	.side, .sideb {width:16px; height:15px; float:left; clear:none; margin:0; padding:0;} 
	.promo, .sidea {width:10px; height:30px; float:left; clear:none; margin:0; padding:0;} 
	.rightorange .side, .rightorange .sideb {float:right;} 	
	.leftorange, .rightorange {}
	
#home #blockr { border-right:1px solid #d26900; } 
	.leftorange {background:#edaf5a url('../Images/box-gradient.jpg') right top repeat-y;}
	.leftorange div.side {background:url('../Images/leftroundboxedge.jpg') left top;}
	.leftorange div.sideb {background:url('../Images/leftroundboxedge.jpg') left bottom;}
#blockr.rightorange { margin:5px 15px 0 0; } 
	.rightorange {background:url('../Images/Rbox-gradient.jpg') right top repeat-y; } 
	.rightorange div.side {background:url('../Images/Rroundboxedge.jpg') right top;}
	.rightorange div.sideb {background:url('../Images/Rroundboxedge.jpg') right bottom;}	

#blockr h3, #col1 h3 {background:#bc5f00 url('../Images/orangebg.jpg'); color:white; text-transform:uppercase; line-height:34px; padding:0 10px; margin:0;} #blockr h3 a, #col1 h3 a {color:white;}
	#blockr h3 {width:280px; text-align:left; padding:0 0 0 15px; margin:16px 0 0; }

#blockr table {margin:10px auto 10px; text-align:left; } #blockr b {font-weight:bold;}
	#blockr td, #blockr th { border-bottom:1px solid #d26900; margin:0; padding:3px 5px; font-weight:bold;} 
	#blockr .noborder td, #blockr .noborder th {border-bottom:none}
	#blockr th { border-left:1px solid #d26900; } 

#blockr p.topline {width:295px; border-top:1px solid #d26900; margin:5px 0; position:relative; z-index:300; padding:10px 0 0; line-height:1.2em;}

#storeLocationForm, #no {float:left; border-bottom:1px solid #d26900; width:140px; padding:20px 0 20px 20px; overflow:hidden; text-align:center;} 
	#no {text-align:left; font-weight:bold; } #storeLocationForm { border-bottom:none; padding-left:10px;} #storeLocationForm select { margin:5px 0;} 

#dlStoreLocations p {float:left; width:220px; }

.contact form {float:left; width:63%; display:inline;}
.contact label {display:block; float:left; width:10em; text-align:right; padding-right:5px; clear:left; margin:5px 0;} 
.contact select, .contact input, .contact textarea {width:13em; text-align:left; padding-left:3px; margin:5px 0; float:none;} .contact input.radio {clear:none; width:auto;} .contact input.button {text-align:center;}
.contact select {width:auto;} 



form.account  {float:left; width:750px; display:inline; }
.account label, .account .label {display:block; float:left; width:20em; text-align:right; padding-right:5px; clear:left; margin:5px 0; font-weight:bold;} 
.account select, .account input, .account textarea, .account .inputblock {width:25em; text-align:left; padding-left:3px; margin:5px 0; float:none; } 
.account input.radio, .account label.radio  {clear:none; width:auto; float:none; display:inline; } .account input.button {text-align:center;}
.account select {width:auto;} .account .zip {width:5em;}
.account input.shorter {width:15em;} .account div.inputblock {display:block; margin-left:20em; float:none;} .account .value {width:25em; text-align:left; display:block; float:left; padding-left:3px; margin:5px 0; } 

.rel {position:relative; z-index:100; } a.info {position:static;}
a.info b, a:hover.info b {display:block; position:absolute; width:150px; top:280px; left:40px; padding:10px; z-index:50000; text-align:center; white-space:normal; line-height:150%; font-size:14px; border:5px solid #faae40; text-transform:none; text-decoration:none;} 
#header a:hover.info b {top:0; left:180px; width:450px;}
#content2 a:hover.info b {top:150px; left:0px; width:150px;}
a:hover.info b img {border:none; float:left; padding-right:10px;}  
a.info b, #nav a.info b {top:-5000px; } #nav a.info b {border:none; background:#333;}
embed, object {width:300px; padding:0; margin:0;}
.terms h3 {color:#bc5f00; margin-bottom:0; padding-bottom:0;} .terms p {padding-top:0; margin-top:0;}
#frmStoreLocation {text-align:center;}
#frmStoreLocation select {display:block; width:11em; overflow:hidden; float:right; margin:10px 15px 0 0;}
#frmLocations select, #frmLocations span { display:block; float:left; margin:20px 0 20px 20px;}
#frmLocations p span {padding:0; margin:0; float:none; display:inline;} #frmLocations p {text-align:left; } 
#frmLocations h1 {float:none; text-align:left; clear:both;}

#frmCustomerInformation #leftPanel {float: left; width: 480px; }
#frmCustomerInformation #rightPanel { margin-left: 490px; }
#frmCustomerInformation .label {clear:none; float: left; width: 150px;}
#frmCustomerInformation .datelabel { width: 60px; }
#frmCustomerInformation .value {width: 255px;}
#frmCustomerInformation #ddlInvoicesDates {float: left; width:130px;}
#frmCustomerInformation p { text-align: center; }
#frmCustomerInformation .button { margin-top: 10px; display: inline; }

div.tempPromotion
{
	background-image: url(../images/PromoFrame02.png);
	width: 200px;
	height: 186px;
	Z-INDEX: 1;
	LEFT: 185px;
	VISIBILITY: visible;
	POSITION: absolute;
	TOP: 105px;
}
div.promotion
{
	background-image: url(../images/promotion.gif);
	width: 745px;
	height: 136px;	
	Z-INDEX: 1; 
	LEFT: 10px;
	VISIBILITY: visible;
	POSITION: absolute; 
	TOP: 200px;
}

div.closePromotion
{
	left: 700px;
	background-image: url(../images/close.gif);
	width: 20px;
	cursor: hand;
	position: relative;
	top: 25px;
	height: 18px;
}

p.promotionText
{
	margin-top: 25px;
	margin-left: 30px;
	margin-right: 30px;
	font-weight: bolder;
	font-size: medium;
	text-transform: none;
	color: firebrick;
	text-align: center;
}

/*CustomerInformation*/
p.kwhNote{font-weight:bold;font-style:italic;color:Red;}
/*Payment*/
div.amsPaymentNote{text-align:center;padding:0 20px;color:red;}