.siteMapContainer:after, .step1IntroText ul:after, .btnSurveyContainer:after, thankyouImageBanner:after, .thankyouImageBanner h1:after, .testimonials:after, #homepage:after, .mainBanner:after, .subNavContainer:after, .latestNews:after, .energyCustomer:after, .savingSteps .steps ul:after, .mainNav:after, .easySteps div:after, .javascript ol:after, .contentBlock ul:after, .inThisSection:after, .introduction:after,  .vouchers:after, .savingsCalculator:after, .news:after, .mainNav ul:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}

.bodyContent .copyArea {
width:630px;
padding:0 0 0 10px;
}

.mainNav {
clear:both;
width:100%;
}

.mainNav ul {
width:638px;
background:#000;
margin:0 0 0 2px;
padding:0;
float:left;
display:inline;
}

.mainNav ul li.active {position: relative; z-index:1;}

.mainNav ul li {
display:inline;
margin:0 0 0 -2px;
padding:0;
float:left;
font-size:75%;
background:#000 url(../cssImages/components/main-nav-divider.gif) no-repeat left top;
}

.mainNav ul li.first {
background:none;
}

.mainNav ul li a {
font-weight:normal;
padding:7px 20px;
float:left;
color:#fff;
text-decoration:none;
position:relative;
z-index:2;
}

.mainNav ul li a:hover {
background-color:#CBD300;
color:#000;
}

.mainNav ul li.active a {
background-color:#85b940;
}


.mainNav ul li.active a:hover {text-decoration: none; color: #FFF;}

.mainNav .switchEnergyLink {
float:right;
display:inline;
width:288px;


}
p.switchEnergyLink {
font-size:75%;
margin:0 0 10px;
padding:0px;
color:#fff;
text-decoration:none;


}
.mainNav .switchEnergyLink a {width:268px;}

.switchEnergyLink a 
{
background:#73a037 url(../cssImages/components/switch-link-bg.gif) repeat-x left top;
font-weight:700;
display:block;
text-align:center;
padding:4px 10px 5px;
color:#fff;
text-decoration:none;
border: 1px solid #78a23c;
}

.switchEnergyLink a:hover {
background:#cdd206 url(../cssImages/components/switch-link-bg-ro.gif) repeat-x left top!important;
border: 1px solid #cad300;
color: #7EB03D!important;

}

.mainBanner {
width:100%; float: left; display: block;
}


.brandIntro {
margin:0 0 10px;
}

.brandIntro img {
width:640px;
}

.brandPromotion {
margin:0 0 10px;
}

.switchEnergy {
width:290px;
margin:0 0 10px;
}

.switchEnergy p {
margin:0;
}

.switchEnergy img {
width:290px;
margin:0px;
padding: 0px;
display:block;
}

.switchEnergy div {
width:260px;
padding:18px 15px;
background:#cbd300 url(../cssImages/components/switchEnergy.jpg) repeat-x left bottom;
}

.switchEnergy h3 {
margin:0;
padding:0 0 5px;
font-size:100%;
color:#000;
}

.switchEnergy h3 a {margin: 0px; padding: 0px; color:#000; text-decoration:none; text-align: left;}
.switchEnergy h3 a:hover {text-decoration:underline;}

.switchEnergy div p {
padding:0 0 10px;
font-size:70%;
}

.switchEnergy div p.switchEnergyLink {
width:258px;
font-size:75%;
padding:5px 0 6px;
}

.news {
width:290px;
margin:0 0 10px;
}

.news .heading {
display:inline;
margin:0;
padding:0;
width:30px;
float:left;
}

.news .heading img {
width:30px;
}

.news div {
display:inline;
float:left;
width:230px;
padding:16px 10px 13px 20px;
background:#dcd397;
min-height:98px;
}

.news div h3 {
margin:0;
padding:0 0 7px;
font-size:100%;
color:#000;
}

.news div p {
padding:0 0 7px;
font-size:60%;
color:#666;
}

.news div img {
padding:7px 0 3px;
}

.news div p.newsLink {
padding:0;
}

.news div p.newsLink a {
text-decoration:none;
color:#000;
font-size:110%;
background:url(../cssImages/links/black-arrow.gif) no-repeat left 4px;
text-align:left;
padding:0 0 0 10px;
}

.news div p.newsLink a:hover {
text-decoration:underline;
}

.testimonials {
width:258px;
margin:0 0 10px;
padding:10px 15px;
border:1px solid #e2e2e2;
background:#e5e5e5;
}

.testimonials h3 {
margin:0;
padding:0 0 7px;
font-size:100%;
color:#000;
}

.testimonials p {
padding:0 0 7px;
font-size:60%;
color:#666;
}

.testimonials img {
text-align:left;
margin-right:15px;
margin-bottom:5px;
width:85px;
float: left; 
display: inline;
}

.savingsCalculator {
width:290px;
margin:0 0 10px;
padding:0;
}

.savingsCalculator .heading {
display:inline;
margin:0;
padding:0;
width:95px;
float:left;
}

.savingsCalculator .heading img {
width:95px;
}

.savingsCalculator div {
display:inline;
float:left;
width:165px;
padding:20px 10px 0px 20px;
background:#000;
min-height:83px;
}

.savingsCalculator div h3 {
margin:0;
padding:0 0 7px;
font-size:100%;
color:#cbd300;
}

.savingsCalculator div h3 a {color:#cbd300; text-decoration:none;}
.savingsCalculator div h3 a:hover {text-decoration:underline;}

.savingsCalculator div p {
padding:0 0 5px;
font-size:60%;
color:#FFF;
}

.savingsCalculator div p.calcLink {
padding:0;
}

.savingsCalculator div p.calcLink a {
text-decoration:none;
color:#cbd300;
font-size:110%;
background:url(../cssImages/links/green-arrow.gif) no-repeat left 4px;
text-align:left;
padding:0 0 0 10px;
}

.savingsCalculator div p.calcLink a:hover {
text-decoration:underline;
}

.enegrySurvey {
width:288px;
margin:0 0 10px;
padding:10px 0;
border:1px solid #e2e2e2;
background:#e5e5e5;
}

.enegrySurvey h3 {
margin:0 10px;
padding:0 0 7px;
font-size:100%;
color:#000;
}

.enegrySurvey p {
padding:0 10px 7px;
font-size:60%;
color:#666;
}

.enegrySurvey img {
width:288px;
margin-bottom:7px;
}

.enegrySurvey p.surveryLink {
padding:0 10px;
}

.enegrySurvey p.surveryLink a {
font-weight:700;
text-decoration:none;
color:#000;
font-size:110%;
background:url(../cssImages/links/black-arrow.gif) no-repeat left 4px;
text-align:left;
padding:0 0 0 10px;
}

.enegrySurvey p.surveryLink a:hover {
text-decoration:underline;
}

.vouchers {
width:288px;
margin:0 0 10px;
border:1px solid #e2e2e2;
background:#FFF;
padding: 0px;
position: relative;
}

.vouchers span  {float: left; display: inline;}

.vouchers span a img{
width:100px;
margin:0;
padding:0;
}

.vouchers div {
width:168px;
float:right;
display:inline;
padding:13px 10px;
}

.vouchers h3 {
margin:0;
padding:0 0 7px;
font-size:100%;
color:#000;
}

.vouchers div img {
width:168px;
padding:0 0 7px;

}

.vouchers p.vouchersLink {
padding:0;


}

.vouchers p.vouchersLink a {
font-weight:700;
text-decoration:none;
color:#000;
font-size:75%;
background:url(../cssImages/links/black-arrow.gif) no-repeat  left 4px;
text-align:left;
padding:0 0 0 10px;
margin: 0px;

}

.vouchers p.vouchersLink a:hover {
text-decoration:underline;
}


.introduction {
margin:0 0 20px;
padding:0 0 0 10px;
width:630px;
}

.introduction h1 {
color:#000;
margin:0 0 15px;
}

.introduction p {
font-size:70%;
}

.introduction .homepage {
width:360px;
float:left;
display:inline;
}

.introduction .homepage p {
color:#666666;
}

.introduction .homepage h2 {
color:#666666;
font-size:90%;
margin:0 0 10px;
}

.introduction .furtherInfoLinks {
padding:0px 0 15px;
margin-right:20px;
width:220px;
float:right;
display:inline;
}

.introduction .furtherInfoLinks ul {
width:100%;
margin:0;
padding:0;
}

.introduction .furtherInfoLinks ul li {
width:210px;
background:url(../cssImages/links/black-arrow.gif) no-repeat left 4px;
margin:0;
padding:0 0 5px 10px;
font-size:80%;
}

.introduction .furtherInfoLinks ul li a {
font-weight:700;
text-decoration:none;
color:#000;
}

.introduction .furtherInfoLinks ul li a:hover {
text-decoration:underline;
}

.inThisSection {
width:100%;
}

.inThisSection .section {
font-size:120%;
border-bottom:2px solid #d9dadb;
width:100%;
}

.inThisSection .section p {
margin:0 0 -4px -1px;
padding:0;
line-height:normal;
color:#CCC;
display:block;
}

.inThisSection .areaList {
background:#d9dadb url(../cssImages/components/areaList.jpg) repeat-x left bottom;
width:232px;
float:left;
display:inline;
}

.inThisSection .areaList ul {
margin:0;
padding:0;
width:100%;
}

.inThisSection .areaList ul li.active {font-weight: bold; }
.inThisSection .areaList ul li.active a {padding-left: 10px; background:url(../cssImages/links/black-arrow.gif) no-repeat left 3px;}

.inThisSection .areaList ul li {
width:192px;
margin:0;
padding:10px 20px;
border-bottom:2px solid #FFF;
font-size:75%;
}

.inThisSection .areaList ul li a {
color:#000;
text-decoration:none;
}

.inThisSection .areaList ul li a:hover {
text-decoration:underline;
}

.inThisSection .mainCopyContent {
float:left;
display:inline;
}

.inThisSection p.contentLink a {
font-weight:700;
text-decoration:none;
color:#000;
background:url(../cssImages/links/black-arrow.gif) no-repeat left 4px;
text-align:left;
padding:0 0 0 10px;
}

.inThisSection p.contentLink a:hover {
text-decoration:underline;
color:#000;
}

.inThisSection .contentBlock {
margin:0 0 32px;
}

.mainCopyContent {
width:368px;
margin:0;
padding:23px 20px 0;
}

.mainCopyContent h1,.contentBlock h1 {
font-weight:400;
margin:0 0 15px;
color:#000;
}

.legalTerms h2, .newsStory h2, .helpFaqs h2, .tip h2, .mainCopyContent h2,.contentBlock h2 {
clear:both;
font-size:80%;
float:left;
margin:0 0 10px;
padding:0 69px 7px 0px;
background:url(../cssImages/components/mainContent-h2.gif) no-repeat right bottom;
}

.mainCopyContent h3,.contentBlock h3 {
clear:both;
font-size:80%;
margin:10px 0;
color:#CBD300;
}

.mainCopyContent h4,.contentBlock h4 {
clear:both;
font-size:70%;
margin:0 0 10px;
color:#000;
font-style:italic;
}

.mainCopyContent h5,.contentBlock h5 {
clear:both;
font-size:70%;
margin:0 0 10px;
color:#000;
}

.mainCopyContent h6,.contentBlock h5 {
clear:both;
font-size:60%;
margin:0 0 10px;
color:#000;
}
.contentBlock {
width:100%;
}

.contentBlock p {
clear:both;
padding:0 0 10px;
font-size:70%;
color:#666;
margin:0 0 0 1px;
}

.contentBlock p a {
color:#666;
text-decoration:underline;
}

.contentBlock p a:hover {
color:#85B940;
}

.contentBlock ol {
clear:both;
margin:0;
padding:0 0 0 30px;
width:338px;
}

.contentBlock ol li {
color:#666;
margin:0;
padding:0 0 10px;
font-size:70%;
}


.contentBlock ol li h3 {
clear:none;
color:#CBD300;
font-size:110%;
margin:2px 0 5px;
}

.contentBlock ol li a {
color:#666;
text-decoration:underline;
}

.contentBlock ol li a:hover {
color:#85B940;
}

.contentBlock ol li ul li {
font-size:100%;
padding:10px 0 0;
background:url(../cssImages/components/contentBlock-bullet.gif) no-repeat left 15px;
display: block;
float: none!important;
}

.javascript .contentBlock ol {
padding:0;
list-style:none;
}

.javascript .contentBlock ol li span {
color:#CBD300;
font-weight:700;
font-size:120%;
float:left;
margin-left:-20px;
}

.javascript .contentBlock ol li {
padding-left:20px;
float:left;
}

.contentBlock ul, .step1IntroText ul{
clear:both;
width:100%;
margin:0;
padding:0;
}

.contentBlock ul li, .step1IntroText ul li {
color:#666;
float:left;
font-size:75%;
margin:0;
padding:0 0 10px 10px;
background:url(../cssImages/components/contentBlock-bullet.gif) no-repeat left 7px!important;
clear: left;
}

.step1IntroText ul li {float: none;}

.contentBlock ul li a, .step1IntroText ul li a {
color:#666;
text-decoration:underline;
}

.contentBlock ul li a:hover, .step1IntroText ul li a:hover {
color:#85B940;
}

.contentBlock ul li ul li {
font-size:100%;
padding:15px 0 0 15px;
background:url(../cssImages/components/contentBlock-bullet.gif) no-repeat left 21px!important;
}

.savingRewards {
margin:0 0 22px;
width:100%;
}

.savingRewards table {
clear:both;
margin:0 0 10px;
}

.savingRewards table td {
font-size:70%;
text-align:left;
color:#666;
padding:0 0 10px;
}

.savingRewards table td.increment {
color:#CBD300;
font-weight:700;
font-size:80%;
}

.savingRewards p {
clear:both;
padding:0 0 10px;
font-size:70%;
color:#666;
margin:0 0 0 1px;
}

.savingRewards p a {
color:#666;
text-decoration:underline;
}

.savingRewards p a:hover {
color:#85B940;
}


.easySteps {
width:100%;
margin:0 0 32px;
padding:28px 0 0;
position:relative;
}

.easySteps div {
width:348px;
background:url(../cssImages/components/easySteps-bg.jpg) repeat-x left top;
padding:13px 10px 10px;
}

.easySteps p.stepsLink {
display:inline;
margin:2px 0 0;
padding:0;
width:210px;
float:left;
color:#000;
font-size:70%;
}

.easySteps p.stepsLink a {
font-weight:700;
text-decoration:none;
display:block;
color:#000;
background:url(../cssImages/links/black-arrow.gif) no-repeat left 5px;
text-align:left;
padding:0 0 0 10px;
}

.easySteps p.stepsLink a:hover {
text-decoration:underline;
}

.easySteps p.desc {
display:inline;
width:112px;
text-align:right;
float:right;
color:#666;
font-size:80%;
}

.easySteps .switchEnergyLink {
width:128px;
float:right;
display:inline;
font-size:70%;
}


.copyArea .easySteps div {
width:610px;
}

.copyArea .easySteps .switchEnergyLink {
width:250px;
clear: none!important;
}

.copyArea .easySteps p.stepsLink {
width:300px;
clear: none!important;
}

.copyArea .easySteps p.switchEnergyLink a{
color:#FFF;
text-decoration: none;
}

.two {
background:url(../cssImages/components/two.gif) no-repeat 289px top;
}

.three {
background:url(../cssImages/components/three.gif) no-repeat 262px top;
}

.four {
background:url(../cssImages/components/four.gif) no-repeat 282px top;
}

.switchLogo {
background:url(../cssImages/components/switch.gif) no-repeat left 1px;
padding-top:38px;
}

.legalTerms, .newsStory, .helpFaqs, .tip {
width:100%;
padding:0 0 32px;
}

.legalTerms h2, .newsStory h2, .tip h2, .helpFaqs h2 {
margin-bottom:0;
}

.legalTerms .content, .newsStory .content, .tip .content, .helpFaqs .content {
width:367px;
margin:-1px 0 0;
padding:10px 0 0;
clear:both;
border-left:1px solid #CBD300;
border-bottom:1px solid #CBD300;
}



.legalTerms .content p, .newsStory .content p, .tip .content p, .helpFaqs .content p {
font-size:70%;
padding:0 10px 10px;
color:#666;
}

.legalTerms .desc, .newsStory .desc, .tip .desc, .helpFaqs .desc {
width:100%;
background:#CBD300;
}

.legalTerms .desc div, .newsStory .desc div, .tip .desc div, .helpFaqs .desc div  {
padding:10px 10px 0;
width:347px;
}

.legalTerms .desc p, .newsStory .desc p, .tip .desc p, .helpFaqs .desc p {
margin:0 0 0 1px;
padding:0 0 10px;
}

.legalTerms .desc p a, .newsStory .desc p a, .tip .desc p a, .helpFaqs .desc p a {
text-decoration:underline;
color:#666;
}

.legalTerms .desc p a:hover, .newsStory .desc p a:hover, .tip .desc p a:hover, .helpFaqs .desc p a:hover {
color:#000!important;
}

.legalTerms p.infoLink a, .newsStory p.infoLink a, .tip p.infoLink a, .helpFaqs p.infoLink a {
font-weight:700;
text-decoration:none;
color:#CBD300;
background:url(../cssImages/links/open.gif) no-repeat left 4px;
text-align:left;
padding:0 0 0 10px;
}

.legalTerms p.infoLink a:hover, .newsStory p.infoLink a:hover, .tip p.infoLink a:hover, .helpFaqs p.infoLink a:hover {
text-decoration:underline;
color:#CBD300;
}

.legalTerms p.infoLink a.expand, .newsStory p.infoLink a.expand, .tip p.infoLink a.expand, .helpFaqs p.infoLink a.expand {
background:url(../cssImages/links/close.gif) no-repeat left 4px!important;
}
.legalTerms .desc ul, .newsStory .desc ul, .tip .desc ul, .helpFaqs .desc ul { margin :0px; padding: 0px; }
.legalTerms .desc ul, .newsStory .desc ul, .tip .desc ul li, .helpFaqs .desc ul li{ margin :0px; padding: 0px;}
.legalTerms .desc dl, .newsStory .desc dl, .tip .desc dl, .helpFaqs .desc dl { margin :0px; padding: 0px;}
.legalTerms .desc dl dt, .newsStory .desc dl dt, .tip .desc dl dt, .helpFaqs .desc dl dt { font-weight: bold; margin :0px; padding: 0px 0px 5px; font-size: 75%; color: #000;}
.legalTerms .desc dl dd, .newsStory .desc dl dd, .tip .desc dl dd, .helpFaqs .desc dl dd { margin :0px; padding: 0px;}

.legalTerms .desc ol, .newsStory .desc ol, .tip .desc ol, .helpFaqs .desc ol {
clear:both;
margin:0;
padding:0 0 0 30px;
width:317px;
}

.legalTerms .desc ol li, .newsStory .desc ol li, .tip .desc ol li, .helpFaqs .desc ol li {
color:#666;
margin:0;
padding:0 0 10px;
font-size:70%;
width:307px;
}

.legalTerms .desc ol a, .newsStory .desc ol a, .tip .desc ol a, .helpFaqs .desc ol a {
text-decoration:underline;
color:#666;
}

.legalTerms .desc ol a:hover, .newsStory .desc ol a:hover, .tip .desc ol a:hover, .helpFaqs .desc ol a:hover {
color:#000;
}

.javascript .legalTerms .desc ol, .javascript .newsStory .desc ol, .javascript .tip .desc ol, .javascript .helpFaqs .desc ol {
padding:0;
list-style:none!important;
}

.javascript .legalTerms .desc ol li span, .javascript .newsStory .desc ol li span, .javascript .tip .desc ol li span, .javascript .helpFaqs .desc ol li span {
color:#FFF;
font-weight:700;
font-size:110%;
float:left;
margin-left:-20px;
margin-top:-1px;
}

.javascript .legalTerms .desc ol li, .javascript .newsStory .desc ol li, .javascript .tip .desc ol li, .javascript .helpFaqs .desc ol li {
padding-left:20px;
float:left;
clear:both;
list-style:none!important;
}

.javascript .legalTerms .desc, .javascript .newsStory .desc, .javascript .tip .desc, .javascript .helpFaqs .desc {
display:none;
}

.fullPage .legalTerms .content, .fullPage .newsStory .content, .fullPage .tip .content, .fullPage .helpFaqs .content {width:599px;}
.fullPage .legalTerms .desc div, .fullPage .newsStory .desc div, .fullPage .tip .desc div, .fullPage .helpFaqs .desc div {width:570px;}

.suppliers {
margin:0 0 37px;
width:100%;
}

.suppliers table {
width:350px;
}

.suppliers table td {
width:155px;
padding:5px 10px;
border-bottom:5px solid #fff;
color:#666;
font-size:70%;
font-weight:700;
}

.suppliers table td.supplier {
background:#e6e6e6;
}

.suppliers table td.desc {
background:#cbd300;
}

.savingSteps {
width:100%;
float:left;
margin:-10px 0 0;
clear:both;
padding-bottom: 10px;
}

.savingSteps h2 {
position:relative;

color:#000;
font-size:170%;
}

.javascript .savingSteps h2
{margin:-10px 0 -3px;}

.savingSteps .customerInfo {
float:right;
display:inline;
width:290px;
margin-top:-8px;
}

.savingSteps .customerInfo img {float:left; display:inline;}

.savingSteps .steps {
float:left;
display:inline;
background:#000;
margin:-8px 0 0;
padding:10px 0 0;
width:640px;
}

.savingSteps .steps p {
color:#FFF;
font-size:80%;
padding:10px;
}

.savingSteps .steps ol {
width:100%;
margin:0;
padding:0;
clear:both;
}

.savingSteps .steps ol li {
list-style:none;
float:left;
display:inline;
margin:0;
padding:0;
line-height:1.2;
}

.savingSteps .steps ol li a {
display:block;
text-decoration:none;
padding-top:29px;
background:right top no-repeat;
position: relative;
}

.savingSteps .steps ol li a span {
font-weight:700;
min-height:35px;
font-size:80%;
color:#666;
padding:13px 10px 5px;
text-decoration:none;
text-align:right;
display:block;
background:#d7e6ce url(../cssImages/components/steps-bg.gif) no-repeat right top;
}

.savingSteps .steps ol li a:hover span{
color:#000;
background:#d7e6ce url(../cssImages/components/steps-bg-ro.gif) no-repeat right top;
}

.savingSteps .steps ol li.active a span, .savingSteps .steps ol li.active a:hover span {
background:#CBD300;
color:#000;
position: relative;
margin: 0px;
border-right: #CBD300;
}

.savingSteps .steps ol li.active a, .savingSteps .steps ol li.active a:hover {
background-position:  left -29px!important;
}



.savingSteps .steps ol li a:hover 
{
	background-position:left -58px!important;
}


.savingSteps .steps ol li.step1 {
width:157px;
}

.savingSteps .steps ol li.step1 a {
background-image:url(../cssImages/nav/steps/one.gif);
}

.savingSteps .steps ol li.step2 {
width:153px;
}

.savingSteps .steps ol li.step2 a {
background-image:url(../cssImages/nav/steps/two.gif);
}

.savingSteps .steps ol li.step3 {
width:175px;
}

.savingSteps .steps ol li.step3 a {
background-image:url(../cssImages/nav/steps/three.gif);
}

.savingSteps .steps ol li.step4 {
width:155px;
}

.savingSteps .steps ol li.step4 a {
background-image:url(../cssImages/nav/steps/four.gif);
}

.savingSteps .steps ol li.step4 a span, .savingSteps .steps ol li.step4 a:hover span {
background-position: top left!important;
}

.savingSteps .panelHolder {
min-height:144px;
width:620px;
padding:0 10px 10px;
background:#cbd300 url(../cssImages/components/tab-content.jpg) repeat-x right bottom;
}

.savingSteps .tabContent {
padding:0;
width:100%;
}

.savingSteps .tabContent h3 {
font-weight:700;
clear:both;
font-size:80%;
padding:10px 0 0;
margin:0;
color:#FFF;
}

.savingSteps .tabContent h4 {
font-weight:700;
clear:both;
font-size:75%;
padding:10px 0 0;
margin:0;
color:#FFF;
font-style:italic;
}

.savingSteps .tabContent h5 {
font-weight:700;
clear:both;
font-size:70%;
padding:10px 0 0;
margin:0;
color:#FFF;
}

.savingSteps .tabContent h6 {
font-weight:700;
clear:both;
font-size:60%;
padding:10px 0 0;
margin:0;
color:#FFF;
}

.savingSteps .tabContent p {
font-size:70%;
color:#000;
margin:0;
padding:10px 0 0;
}

.savingSteps .tabContent p a {
color:#000;
text-decoration:underline;
}

.savingSteps .tabContent p a:hover {
color:#666;
}

.savingSteps .tabContent p.areaLink {
margin:0;
padding:10px 0 0;
font-size:75%;
}

.savingSteps .tabContent p.areaLink a {
font-weight:700;
text-decoration:none;
color:#000;
background:url(../cssImages/links/black-arrow.gif) no-repeat left 4px;
text-align:left;
margin:0;
padding:0 0 0 10px;
}

.savingSteps .tabContent p.areaLink a:hover 
{
	color:#000!important;
text-decoration:underline;
}


.javascript .tabContent {display: none;}

.energyCustomer {
width:288px;
margin:0 0 10px;
border:1px solid #e2e2e2;
background:#e4e5e6;
}

.energyCustomer img.customerImg {
width:100px;
float:left;
display:inline;
margin:0;
padding:0;
}

.energyCustomer div {
width:168px;
float:left;
display:inline;
padding:13px 10px;
}

.energyCustomer h3 {
margin:0;
padding:0 0 7px;
font-size:100%;
color:#000;
}

.energyCustomer div img {
width:168px;
padding:0 0 7px;
}


.energyCustomer p.customerLink a {
font-weight:700;
text-decoration:none;
color:#000;
font-size:75%;
background:url(../cssImages/links/black-arrow.gif) no-repeat left 6px;
text-align:left;
margin:0;
padding:0 0 0 10px;
float: left;
}

.energyCustomer p.customerLink a:hover {
text-decoration:underline;
}

.latestNews {
min-height:98px;
width:250px;
padding:20px;
background:#e4e5e6;
}

.latestNews h3 {
margin:0;
padding:0 0 7px;
font-size:100%;
color:#000;
line-height:1;
}

.latestNews ul {
margin:0;
padding:5px 0 10px;
}

.latestNews ul li {
margin:0;
padding:0 0 8px;
font-size:70%;
color:#85B940;
}

.latestNews ul li a {
line-height:1;
color:#85B940;
background:url(../cssImages/links/black-arrow.gif) no-repeat left 4px;
padding-left:10px;
display: block;
}

.latestNews ul li a:hover {
color:#000;
}

.latestNews p.newsLink {
padding:0;
font-size:75%;
line-height:1;
}

.latestNews p.newsLink a {
font-weight:700;
text-decoration:none;
color:#000;
background:url(../cssImages/links/black-arrow.gif) no-repeat left 3px;
text-align:left;
padding:0 0 0 10px;
display: block;
}

.latestNews p.newsLink a:hover {
text-decoration:underline;
}



.contactInfo {
    width:289px;
    padding:0;
    margin:0 0 10px 1px;
    background:#000;
}

.contactInfo h3 {
    color:#CBD300;
    font-size:100%;
    font-weight:bold;
    padding:10px 0px;
    margin:0;
}

.contactInfo p {
    line-height:1.3em;
    padding:0 0 5px;
    color:#FFF;
    font-size: 75%;
}


.contactInfo .numbers {
    padding:0px 14px 10px; 
    width:261px;
}

.contactInfo p.link {
    line-height:1.3em;
    padding:0;
    margin:0;
    background:url(../cssimages/surveyBottom.gif) no-repeat bottom left;
}

.contactInfo p.link a {
    color:#FFF;
    background-image:url(../cssimages/link_bullet_arrow_wob.gif);
    background-position:left 0.25em;
}

.contactInfo p.link a:hover {
    text-decoration:underline;
}

.contactUs {
width:288px;
padding:0px;
margin:0 0 10px;
border: 1px solid #d9d9d9;
background:#e0ecd9 url(../cssImages/components/contactUsTop.gif) no-repeat 200px top;
}

.contactUs .inner {
width:248px; 
padding:20px;
background: url(../cssImages/components/contactUsEnd.gif) no-repeat right bottom;
}

.contactUs h3 {
margin:0;
padding:0 0 7px;
font-size:100%;
color:#000;
line-height:1;
}

.contactUs p {
margin:0 0 0 1px;
padding:0 0 10px;
font-size: 75%;
color: #666;
}

.contactUs p.areaLink {
padding:0;
font-size:75%;
line-height:1;
}

.contactUs p.areaLink a {
font-weight:700;
text-decoration:none;
color:#000;
background:url(../cssImages/links/black-arrow.gif) no-repeat left 3px;
text-align:left;
padding:0 0 0 10px;
display: block;
}

.contactUs p.areaLink a:hover {
text-decoration:underline;
}

.paperlessBilling {
width:290px; 
padding:66px 0px 0px;
margin:-10px 0 10px;
background:#cce8e4 url(../cssImages/components/paperless-billing-top.gif) no-repeat left top;
}

.paperlessBilling div{
width:268px;
padding: 0px 10px 20px;
background: #cce8e4;
border-right: 1px #dadada solid;
border-left: 1px #dadada solid;
background:#cce8e4 url(../cssImages/components/paperless-billing-end.gif) no-repeat right bottom;}

.OtherForms {padding-bottom: 20px; font-size: 75%; }
.OtherForms p {padding-bottom: 20px;}
.OtherForms a {padding-bottom: 20px; color: #000; text-decoration :none;}
.OtherForms a:hover {text-decoration :underline;}


.paperlessBilling img {width: 288px; margin :0; padding:0;}

.paperlessBilling h3 {
margin:-30px 0 -3px 1px;
padding:0 0 10px;
font-size: 100%;
color: #000;
position: relative;
z-index: 1;
float: left;
}

.paperlessBilling p 
{
	clear: left;
margin:0 0 0 1px;
padding:0 0 10px;
font-size: 75%;
color: #000;
}

.paperlessBilling p.areaLink {
padding:0;
font-size:75%;
line-height:1;
}

.paperlessBilling p.areaLink a {
font-weight:700;
text-decoration:none;
color:#000;
background:url(../cssImages/links/black-arrow.gif) no-repeat left 3px;
text-align:left;
padding:0 0 0 10px;
display: block;
}

.paperlessBilling p.areaLink a:hover {
text-decoration:underline;
}


p.articleDate {color: #CBD300; font-weight: bold;}

p.brandIntro {padding-bottom: 10px; background: url(../cssImages/backgrounds/promo-bg.gif) repeat-x left bottom;}

.subNavContainer {width: 100%; margin :0px 0px 10px; padding: 0px; position:relative;}
.subNavContainer p.brandIntro {background: none; padding: 0px; margin :0px 0px -3px;}
.subNavContainer .subNav { width: 100%; margin :0; padding: 0;}
.subNav ul {width:640px;margin:-47px 0 0 0px;padding:0 0 0;float:left;display:inline; position: relative; z-index:5;}

.subNav ul li.about {width: 180px;}
.subNav ul li.earn {width: 157px;}
.subNav ul li.see {width: 143px;}
.subNav ul li.save {width: 160px;}
.subNav ul li.about a span{width: 160px;}
.subNav ul li.earn a span{width: 137px;}
.subNav ul li.see a span{width: 123px;}
.subNav ul li.save a span{width: 140px;}
.subNav ul li.one {width: 156px;}
.subNav ul li.two {width: 155px;}
.subNav ul li.three {width: 168px;}
.subNav ul li.four {width: 161px;}
.subNav ul li.one a span{width: 136px;}
.subNav ul li.two a span{width: 135px;}
.subNav ul li.three a span{width: 148px;}
.subNav ul li.four a span{width: 141px;}

.subNav ul li {display:inline;margin:0;padding:0;float:left;font-size:75%;}
.subNav ul li a {font-weight:700;padding:47px 0px 0px;float:left;color:#fff;text-decoration:none;position:relative;z-index:2;}
.subNav ul li a span {text-align: right; float: left; min-height: 40px; background: #FFF url(../cssImages/nav/subNavBg.jpg) no-repeat right top; border-top: 5px solid #CED730; color: #666; display: block;padding: 7px 10px;}
.subNav ul li.about a{background: url(../cssImages/nav/about.png) no-repeat  right -94px;}
.subNav ul li.earn a{background: url(../cssImages/nav/earn.png) no-repeat right -94px;}
.subNav ul li.see a{background: url(../cssImages/nav/see.png) no-repeat right -94px;}
.subNav ul li.save a {background: url(../cssImages/nav/save.png) no-repeat right -94px;}
.subNav ul li.one a{background: url(../cssImages/nav/one.png) no-repeat  right -94px;}
.subNav ul li.two a{background: url(../cssImages/nav/two.png) no-repeat right -94px;}
.subNav ul li.three a{background: url(../cssImages/nav/three.png) no-repeat right -94px;}
.subNav ul li.four a {background: url(../cssImages/nav/four.png) no-repeat right -94px;}
.subNav ul li a:hover{background-position: right -47px;}
.subNav ul li.active a, .subNav ul li.active a:hover{background-position: right top!important;}
.subNav ul li.active a span, .subNav ul li.active a:hover span
{border-top: 5px solid #FFF; background:#FFF;}
.subNav ul li.save a span,
.subNav ul li.four a span
{background-position: left top!important;}

.subNav ul li a:hover span
{border-top: 5px solid #C1D9B3; }

#homepage {width: 100%;}


.flashContainer{padding-bottom: 20px; display: block;}

.formContent .thanksEmailStatus h1 {font-size: 100%!important; font-weight: bold;}
.thankYouMessage a {color: #000; font-size: 80%; font-weight: bold; text-decoration :none; background:  url(../cssImages/links/black-back-arrow.gif) no-repeat scroll left 4px; padding-left: 10px;}
.thankYouMessage a:hover {text-decoration :underline;}
h3 a {color: #000; text-decoration: none;}
h3 a:hover {text-decoration:underline;}

h3.subTip {color: #000; margin: 0px!important; padding: 0px  0px  10px!important; font-size: 70%;}
h3.subTip a {background: url(../cssImages/links/faq.gif) no-repeat left 3px; padding-left: 12px; display: block;}
h3.subTip a.expand {background: url(../cssImages/links/faq-ro.gif) no-repeat left 3px;}
.subTipAnswer {margin :0px!important; padding:0px 12px!important; width: 300px!important;}
.javascript .subTipAnswer {display: none;}

.subNav span.title {background: none; padding-top: 0px; padding-bottom: 0px; margin-left: -100000px; float: left;}

.btnSurveyContainer {width: 100%; margin:0px; padding: 20px 0px 30px;}
.button {float: left;}

.siteMapContainer {width: 100%; margin-bottom: 20px;}
.siteMapContainer .siteMap {width: 255px; float: left!important; display: inline;}
.siteMapContainer .siteMap ul {width: 100%;}
.siteMapContainer .siteMap ul li {width: 90%; position:relative;}
.siteMapContainer .siteMap ul li a {font-weight: bold;}
.siteMapContainer .siteMap ul li ul li a {font-weight: normal!important;}
.siteMapContainer .col1 {padding-right: 10px; border-right: 1px solid #ccc; margin-right: 70px;}
.siteMapContainer .col2 ul li ul li {padding-left: 10px; position:relative;}
.siteMapContainer .col2 ul li a {font-weight: normal!important;}
.siteMapContainer .col2 ul li ul {margin-left: -10px;}

.backToTop {width: 100%;}
.backToTop p a:hover {
text-decoration:underline;
}
.backToTop p a {
background:transparent url(../cssImages/links/black-arrow.gif) no-repeat scroll left 5px;
color:#000000;
display:block;
font-weight:700;
padding:0 0 0 10px;
text-align:left;
text-decoration:none;
font-size: 70%;
}

.backstep4 {padding-bottom: 20px;}

/*
Autocomplete styles
*/

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #000000;
	color: white;
}
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none !important;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	background-image:none;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #000000;
	color: white;
}

.employeeThanks 
{
	padding:20px 0 30px;
}

.employeeThanks p 
{
	font-size:70%;
}

.employeeThanks .content 
{
	margin:0;
	border:none;
}


.employeeThanks .tip 
{
	padding-top:20px;
}

.employeeThanks ol 
{
	list-style:none;
	margin:0;
	padding:0;
}


.employeeThanks ol li 
{
	font-size:70%;
	margin-bottom:20px;
}

.employeeThanks ol li span
{
	width:35px;
	float:left;
	color:#C4D93B;
}

.employeeThanks .switchEnergy 
{
	width:600px;
	background:none;
	float:left;
	padding-bottom:30px;
}


.employeeThanks .switchEnergy p.joinHere 
{
	border-bottom:7px solid #CBD300;
}

.employeeThanks .switchEnergy div 
{
	width:570px;
}

.employeeThanks .switchEnergy div p 
{
	float:left;
	width:300px;
}

.employeeThanks a 
{
	color:#000;
}

.employeeThanks .switchEnergy div p.switchEnergyLink 
{
	float:right;
	width:250px;	
}

.employeeThanks .switchEnergy div p.switchEnergyLink a
{
	color:#FFF;
}

.employeeThanks .switchEnergy div
{
	background:none;
}


.employeeThanks .flashContainer 
{
	padding:30px 0;
}