/* CSS Document */
/*----------------------------------------------------------------------------------------------------------
[Layout Stylesheet of all website pages]
Project:    energy_advice_line
Version:    1.0
----------------------------------------------------------------------------------------------------------*/
/*------------------Layout,Table of Contents-----------------------------------------------------------------
1. GLOBAL RESET
2. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
3. COMMON CSS CLASSES
4. COMMON SITE HEADER
5. COMMON SITE FOOTER
6. SITE CENTER CONTENT SECTION
7. HOME COMPARE BOXES SECTION
8. HOME FOUR BOXES SECTION
9. HOME TEXT SECTION
10. BUSINESS ELECTRIC SECTION
11. BUSINESS GAS SECTION
12. GAS THREE BOXES SECTION
13. EA WHYSWITCH STEP 2 SECTION
14. SWITCH THREE COLUMN LAYOUT
15. LANDING PAGES
16. TERMINATION
17. QUESTION PAGES - FAQ
18. QUESTION PAGES - RENEWAL
19. POP-UP CALENDAR
20. POP-UP CALLME
21. POP-UP GENERIC OFF STEP 2
22. TOOLTIP FOR HELP ON STEP 2
23. POP-UP CONTACTINFO
24. POP-UP LOGIN
25. NEWS
26. SEARCH
27. STEP 3
-----------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
1. GLOBAL RESET
---------------------------------------------------------------------------------*/
*{
margin:0px;
padding:0px;
}
fieldset,img {
border:0;
padding:0px;
margin:0px;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
a{
outline:none;
padding:0;
margin:0;
border:0;
}
input
{
outline:none;
}
a, a:link, a:visited, a:active, a:hover {
    text-decoration: none;
    color: #000;
}
/*---------------------------------------------------------------------------------
2. COMMON CSS CLASSES
---------------------------------------------------------------------------------*/
body
{
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#010000;
margin-top:15px;
}
.floatleft{
float:left;
}
.floatright{
float:right;
}
.clear{
clear:both;
}
.jusify{
text-align:justify;
}
.freeicn/*COMMONICON FOR ALL ADULT LINK */
{
background:url(../images/icn_freesite.gif) no-repeat ;
}
.padbottom8
{
padding-bottom:8px;
}
.blueboldlink
{
color:#1173d8;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.blueboldlink:hover
{
text-decoration:underline;
}
.bluesmalllink
{
color:#1173d8;
font-size:11px;
text-decoration:none;
}
.bluesmalllink:hover
{
text-decoration:underline;
}
.bluelink
{
color:#1173d8;
text-decoration:underline;
}
.bluelink:hover
{
text-decoration:none;
}

.redlink
{
font-size:12px;
color:#ff0000;
text-decoration:none;
}
.redlink a:hover
{
text-decoration:underline;
}
.lightgreen
{
font-size:12px;
color:#1173d8;
}
.lightgreenlink
{
font-size:12px;
color:#1173d8;
text-decoration:underline;
}
.lightgreenlink:hover
{
text-decoration:none;
}
#phonenumber {
    color: #1173d8;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
}
/*---------------------------------------------------------------------------------
3. GLOBAL LAYOUT
---------------------------------------------------------------------------------*/
#page_wrap
{
margin:0 auto;
width:852px;
overflow:hidden;
background:#FFFFFF;
}
#page_contenttop
{
margin:0 auto;
width:852px;
overflow:hidden;
background:url(../images/pagecnt_middlebg.png) repeat-y top left;
}
#page_contentmiddle
{
margin:0 auto;
width:796px;
overflow:hidden;
background:url(../images/pagecnt_topbg.png) no-repeat top left;
padding:20px 28px 5px 28px;
position:relative;
}
#page_contentbottom
{
margin:0 auto;
width:852px;
height:14px;
overflow:hidden;
background:url(../images/pagecnt_bottombg.png) no-repeat top left;
}

/*---------------------------------------------------------------------------------
4. COMMON SITE HEADER
---------------------------------------------------------------------------------*/
.site_header
{
width:100%;
overflow:hidden;
padding-bottom:8px;
}
.site_header img
{
border:0;
}
.site_header .tollno
{
width:175px;
height:60px;
overflow:hidden;
padding:0px 22px 20px 0px;
color:#adadad;
}
.site_header .tollno span
{
font-size:12px;
font-weight:700;
}
.site_header .tollno h1
{
color:#1173d8;
font-size:24px;
font-weight:bold;
text-decoration:none;
}
/* MAINLINKS*/
.mainlinks_left
{
clear:both;
background:url(../images/mainlinks_leftbg.gif) no-repeat top left #dfdfdf;
width:100%;
height:30px;
overflow:hidden;
}
.mainlinks_right
{
background:url(../images/mainlinks_rightbg.gif) no-repeat top right;
width:100%;
height:30px;
overflow:hidden;
}
.mainlinks_right ul{
width:525px;
height:32px;
list-style: none;
padding:0px 0px 0px 10px;
}
.mainlinks_right li{
float:left;
}
.mainlinks_right li a{
float: left;
display: block;
color:#888888;
text-decoration: none;
padding:0px 8px 0px 8px; /*Padding to accomodate left tab image. Do not change*/
height:32px;
line-height:32px;
text-align:center;
cursor:pointer;
}
.mainlinks_right li.current a, .mainlinks_right li a:hover{
color: #FFFFFF;
background:url(../images/mainlinks_bgover.gif) repeat-x left top; /*left tab image path*/
}
.mainlinks_right li a {
    font-weight: bold;
}
.mainlinks_right .mainsearch
{
background:url(../images/mainlinks_bgover.gif) repeat-x left top;
width:220px;
padding:7px 7px 0px 7px;
height:30px;
overflow:hidden;
color:#FFFFFF;
}
.mainsearch input
{
border:0px;
width:108px;
height:13px;
line-height:13px;
padding:0px;
margin:0px;
}
/*---------------------------------------------------------------------------------
5. COMMON SITE FOOTER
---------------------------------------------------------------------------------*/
.page_footertop
{
margin:0 auto;
width:852px;
overflow:hidden;
background:url(../images/page_footertop.gif) no-repeat top left;
}
.page_footerbottom
{
margin:0 auto;
width:824px;
overflow:hidden;
background:url(../images/page_footerbottom.gif) no-repeat bottom left;
padding:15px 14px 20px 14px;
text-align:center;
color:#a8a8a8;
font-size:10px;
}
.page_footerbottom p
{
text-decoration:none;
font-size:10px;
text-align:center;
}
.footerbluelinks
{
font-size:10px;
color:#010c72;
text-decoration:none;
padding:2px 0px;
}
.footerbluelinks:hover
{
text-decoration:underline;
}
.footerlinks
{
font-size:10px;
color:#a8a8a8;
text-decoration:none;
padding:2px 2px;
}
.footerlinks:hover
{
text-decoration:underline;
}

/*---------------------------------------------------------------------------------
6. SITE CENTER CONTENT SECTION
---------------------------------------------------------------------------------*/
.content_outter
{
width:100%;
overflow:hidden;
clear:both;
}
/*---------------------------------------------------------------------------------
7. HOME COMPARE BOXES SECTION
---------------------------------------------------------------------------------*/

.homecbox_outter
{
width:393px;
overflow:hidden;
float:left;
}
.homecbox_headbg
{
background:url(../images/homecbox_headbg.png) no-repeat top left;
width:100%;
overflow:hidden;
height:43px;
}
.homecbox_headbg h1
{
font-size:17px;
font-weight:bold;
color:#FFFFFF;
padding:13px 0px 0px 14px;
text-decoration:none;
}
.homecbox_headbg h2
{
font-size:17px;
font-weight:bold;
color:#FFFFFF;
padding:13px 0px 0px 14px;
text-decoration:none;
}
.homecbox_leftbg
{
background:url(../images/homecbox_leftbg.png) no-repeat bottom left;
position:relative;
}
.homecbox_rightbg
{
background:url(../images/homecbox_rightbg.png) no-repeat top left;
}
.homecbox_content
{
width:365px;
height:339px;
color:#010c72;
text-decoration:none;
overflow:hidden;
padding:15px 14px;
}
.homecbox_content .inputtext
{
border:1px solid #010c72;
height:18px;
}
.homecbox_content .electricitycurrentsupplierselect {
    height: auto;
}
.homecbox_leftinner
{
padding:10px 0px 10px 12px;
}
.homecbox_leftinner h2
{
font-weight:bold;
font-size:48px;
color:#000000;
margin-top:5px;
}
.homecbox_leftinner .inputcontainer
{
padding:2px 2px 2px 2px;
margin-top:8px;
width:280px;
}
.homecbox_leftinner span
{
padding:2px 1px;
}
.homecbox_leftinner a
{
font-size:10px;
color:#0000ff;
padding-top:7px;
display:block;
}
.homecbox_leftinner a:hover {
    color: #f00;
    text-decoration: underline;
}
/*---------------------------------------------------------------------------------
8. HOME FOUR BOXES SECTION
---------------------------------------------------------------------------------*/
.boxes4bg
{
background:url(../images/home4box_bg.jpg) no-repeat top left;
width:796px;
height:207px;
}
.boxes4bg a:hover {
    text-decoration: underline;
}
.boxes4bg h3
{
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
padding:9px 0px 8px 0;
}
.boxes4bg .btncntr
{
width:180px;
text-align:right;
padding:0 10px 0 0;
clear:both;
}
.boxes4bg_contact
{
padding:0px 5px;
width:190px;
float:left;
overflow:hidden;
}
.boxes4bg_contact .number
{
float:right;
width:90px;
text-align:center;
font-size:18px;
font-weight:bold;
color:#1173d8;
line-height:14px;
padding-top:6px;
}
.boxes4bg_contact .time
{
float:right;
width:90px;
text-align:center;
font-size:11px;
font-weight:bold;
color:#1173d8;
padding-top:6px;
}
.boxes4bg_contact .email
{
float:left;
text-align:left;
font-size:12px;
color:#000000;
padding:24px 0 6px 0;
}
.boxes4bg_news
{
padding:0px 5px 0px 15px;
width:180px;
float:left;
overflow:hidden;
}
.boxes4bg_news ul
{
width:100%;
padding:8px 0px;
margin:0px;
}
.boxes4bg_news li
{
font-size:11px;
color:#010000;
text-decoration:none;
padding:0 0 4px 0px;
list-style:none;
line-height:14px;
background:url(../images/news_listblt.gif) no-repeat 0px 0px;
    }
.boxes4bg_termination
{
padding:0px 5px 0px 0px;
width:190px;
float:left;
overflow:hidden;
}
.boxes4bg_ques
{
padding:0px 5px 0px 15px;
width:180px;
float:left;
overflow:hidden;
}
.boxes4bg_ques ul
{
width:100%;
padding:8px 0px;
margin:0px;
}
.boxes4bg_ques li
{
font-size:11px;
color:#010000;
text-decoration:none;
padding:0 0 4px 0px;
list-style:none;
line-height:14px;
background:url(../images/news_listblt.gif) no-repeat 0px 0px;
}
    /*---------------------------------------------------------------------------------
9. HOME TEXT SECTION
---------------------------------------------------------------------------------*/
.hometexttop
{
background:url(../images/textsection_topbg.gif) no-repeat top left;
}
.hometextbottom
{
background:url(../images/textsection_bottombg.gif) no-repeat bottom left;
padding:12px 16px;
font-size:10px;
color:#010c72;
line-height:16px;
}
.hometextbottom h1
{
color:#1173d8;
font-size:18px;
font-weight:bold;
text-decoration:none;
padding:5px 0 15px 0px;
}
.hometextbottom h2 {
    color: #1173D8;
    font-size: 12px;
    font-weight:bold;
    text-decoration:none;
    padding:5px 0 15px 0px;
}
.hometextbottom ol {
    margin-left: 50px;
}
    /*---------------------------------------------------------------------------------
10. BUSINESS ELECTRIC SECTION
---------------------------------------------------------------------------------*/
.electric_textcontent
{
background:url(../images/electric_textbg.jpg) no-repeat top left;
/*padding:12px 285px 12px 16px;*/
padding:12px 0px 12px 16px;
font-size:10px;
color:#010c72;
line-height:16px;
width:495px;
}
.electric_textcontent h1
{
color:#1173d8;
font-size:18px;
font-weight:bold;
text-decoration:none;
padding:5px 0 10px 0px;
line-height:23px;
}
/* BUSINESS ELECTRIC COMPARE BOXES SECTION*/

.beleccbox_outter
{
width:362px;
overflow:hidden;
float:left;
}
.beleccbox_headbg
{
background:url(../images/beleccbox_headbg.png) no-repeat top left;
width:365px;
overflow:hidden;
height:58px;
}
.beleccbox_headbg h1
{
font-size:17px;
font-weight:bold;
color:#FFFFFF;
padding:13px 0px 0px 14px;
text-decoration:none;
}
.beleccbox_leftbg
{
background:url(../images/beleccbox_leftbg.gif) no-repeat top left;
}
.beleccbox_content
{
width:334px;
height:282px;
color:#010c72;
text-decoration:none;
overflow:hidden;
padding:10px 14px 5px 14px;
}
.beleccbox_content .inputtext
{
border:1px solid #010c72;
height:18px;
}
.beleccbox_leftinner
{
padding:10px 0px 10px 12px;
}
.beleccbox_leftinner .s {
    width:48px;
    font-weight: 700;
    font-size: 48px;
    color: #000000;
    margin-top: 5px;
}
.beleccbox_leftinner .electricitycurrentsupplierselect {
    height: auto;
}
.beleccbox_leftinner h1
{
font-weight:bold;
font-size:48px;
color:#000000;
margin-top:5px;
}
.beleccbox_leftinner .inputcontainer
{
padding:2px 2px 2px 2px;
margin-top:8px;
width:265px;
}
.beleccbox_leftinner span
{
padding:2px 1px;
}
.beleccbox_leftinner a
{
font-size:10px;
color:#f00;
padding-top:7px;
display:block;
}
.beleccbox_leftinner a:hover {
    text-decoration: underline;
}
.beleccbox_rightoutter
{
width:425px;
overflow:hidden;
float:left;
}
.beleccbox_rightheadbg
{
background:url(../images/beleccbox_rightheadbg.png) no-repeat top left;
width:100%;
overflow:hidden;
height:60px;
}
.beleccbox_rightheadbg h2
{
font-size:17px;
font-weight:bold;
color:#FFFFFF;
padding:13px 0px 0px 60px;
text-decoration:none;
line-height:18px;
}
.beleccbox_rightcontent
{
width:397px;
color:#010c72;
text-decoration:none;
overflow:hidden;
padding:0px 14px 0px 14px;

}
.beleccbox_rightbg
{
background:url(../images/beleccbox_rightbg.jpg) no-repeat top left;
height: 294px;
position:relative;
}
.beleccbox_rightcontent ul
{
width:100%;
padding:100px 0px 8px 15px;
margin:0px;
}
.beleccbox_rightcontent li
{
font-size:12px;
font-weight:bold;
color:#010c72;
text-decoration:none;
padding:8px 0 11px 15px;
list-style:none;
line-height:14px;
background: url(../images/beleccbox_rightblt.gif) no-repeat 0px 0px;
}
/*---------------------------------------------------------------------------------
11. BUSINESS GAS SECTION
---------------------------------------------------------------------------------*/
.gas_textcontent
{
background:url(../images/gas_textbg.jpg) no-repeat top left;
padding:12px 16px 12px 250px;
font-size:10px;
color:#010c72;
line-height:16px;
}
.gas_textcontent h1
{
color:#1173d8;
font-size:18px;
font-weight:bold;
text-decoration:none;
padding:5px 0 10px 0px;
line-height:23px;
}
/* BUSINESS GAS  BOXES SECTION*/
.gascbox_outter
{
width:312px;
overflow:hidden;
float:left;
}
.gascbox_headbg
{
background:url(../images/gascbox_headbg.png) no-repeat top left;
width:100%;
overflow:hidden;
height:43px;
}
.gascbox_headbg h1
{
font-size:17px;
font-weight:bold;
color:#FFFFFF;
padding:13px 0px 0px 14px;
text-decoration:none;
}
.gascbox_leftbg
{
background:url(../images/gascbox_leftbg.gif) no-repeat top left;
}
.gascbox_content
{
width:284px;
height:338px;
color:#010c72;
text-decoration:none;
overflow:hidden;
padding:7px 14px 15px 14px;
}
.gascbox_content .inputtext
{
border:1px solid #010c72;
height:18px;
}
.gascbox_leftinner
{
padding:10px 0px 10px 12px;
}
.gascbox_leftinner p
{
padding:0px;
margin:0px;
}
.gascbox_leftinner h1
{
font-weight:bold;
font-size:48px;
color:#000000;
margin-top:5px;
}
.gascbox_leftinner .inputcontainer
{
padding:2px 2px 2px 2px;
margin-top:8px;
width:199px;
}
.gascbox_leftinner span
{
padding:2px 1px;
}
.gascbox_leftinner a
{
font-size:10px;
color:#0000ff;
text-decoration:underline;
padding-top:7px;
display:block;
}
/* GAS RIGHT OUUTER */
.gascbox_rightoutter
{
width:477px;
overflow:hidden;
float:left;
padding-bottom:4px;
}
.gascbox_rightheadbg
{
background:url(../images/gascbox_rightheadbg.png) no-repeat top left;
width:100%;
overflow:hidden;
height:43px;
}
.gascbox_rightheadbg h2
{
font-size:13px;
font-weight:bold;
color:#FFFFFF;
padding:13px 0px 0px 60px;
text-decoration:none;
line-height:18px;
}
.gascbox_rightbg
{
background:url(../images/gascbox_rightbg.jpg) no-repeat top left;
}
.gascbox_rightcontent
{
width:449px;
color:#010c72;
text-decoration:none;
overflow:hidden;
padding:0px 14px 5px 14px;
}
.gascbox_rightcontent ul
{
width:100%;
padding:5px 8px 8px 75px;
margin:0px;
}
.gascbox_rightcontent li
{
font-size:13px;
font-weight:bold;
color:#010c72;
text-decoration:none;
padding:9px 0 7px 15px;
list-style:none;
line-height:14px;
letter-spacing:-1px;
}
/* GAS CONTACT CSS */
.gascbox_contactbg
{
width:477px;
height:186px;
overflow:hidden;
background:url(../images/gascbox_contactbg.jpg) no-repeat top left;
}
.gascbox_contactbg h3
{
font-size:18px;
font-weight:bold;
color:#FFFFFF;
padding:13px 0px 0px 16px;
text-decoration:none;
line-height:18px;
height:30px;
}
.gascbox_contactcontent
{
width:477px;
color:#010c72;
text-decoration:none;
padding:5px 14px 0px 16px;
}
.gascbox_contactcontent .phonenumber
{
font-size:24px;
font-weight:bold;
color:#1173d8;
text-decoration:none;
height:30px;
width:190px;
border-bottom:1px solid #dfdfdf;
}
.gascbox_contactcontent .gas_time
{
font-size:12px;
font-weight:bold;
color:#1173d8;
text-decoration:none;
height:30px;
width:190px;
padding:8px 0px 8px 0px;
border-bottom:1px solid #dfdfdf;
}
.gascbox_contactcontent .gas_email
{
font-size:12px;
font-weight:bold;
color:#1173d8;
text-decoration:none;
padding:5px 0px 5px 0px;
height:20px;
}
.gascbox_contactcontent .gas_email span
{
float:left;
display:block;
}
/*---------------------------------------------------------------------------------
12. GAS THREE BOXES SECTION
---------------------------------------------------------------------------------*/
.gasbox3bg
{
background:url(../images/gasbox_bg.jpg) no-repeat top left;
width:796px;
height:173px;
}
.gasbox3bg a:hover {
    text-decoration: underline;
}
.gasbox3bg h3
{
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
padding:9px 0px 8px 0;
}
.gasbox3bg .btncntr
{
text-align:right;
padding:0 10px 0 0;
clear:both;
}
.gasbox3bg_news
{
padding:0px 10px 0px 10px;
width:245px;
float:left;
overflow:hidden;
}
.gasbox3bg_news ul
{
width:100%;
padding:8px 0px 5px 0px;
margin:0px;
}
.gasbox3bg_news li
{
font-size:11px;
color:#010000;
text-decoration:none;
padding:0 0 4px 0px;
list-style:none;
line-height:14px;
background:url(../images/gasnews_listblt.gif) no-repeat 0px 0px;
    }
.gasbox3bg_termination
{
width:266px;
float:left;
overflow:hidden;
padding-top:1px;
}
.gasbox3bg_ques
{
padding:0px 10px 0px 15px;
width:240px;
float:left;
overflow:hidden;
}
.gasbox3bg_ques ul
{
width:100%;
padding:8px 0px 0px 0px;
margin:0px;
}
.gasbox3bg_ques li
{
font-size:11px;
color:#010000;
text-decoration:none;
padding:0 0 2px 0px;
list-style:none;
line-height:14px;
background:url(../images/gasnews_listblt.gif) no-repeat 0px 0px;
}
/*---------------------------------------------------------------------------------
13. EA WHYSWITCH STEP 2 SECTION
---------------------------------------------------------------------------------*/
.whyswitch_step2
{
width:100%;
overflow:hidden;
clear:both;
}
.whyswitch_step2 .leftouter
{
float:left;
width:610px;
overflow:hidden;
}
.leftouter .leftlinktop
{
float:left;
width:174px;
overflow:hidden;
background:url(../images/whyswitch_liborder.gif) no-repeat top left;
}
.leftouter .leftlink
{
background:url(../images/whyswitch_liborderbottom.gif) no-repeat bottom left;
}
.leftouter .leftlink ul
{
list-style:none;
}
.leftouter .leftlink li
{
height:21px;
border-bottom:1px solid #dfdfdf;
padding:5px 0 0 0;
}
.leftouter .leftlink li a
{
font-size:12px;
font-weight:bold;
color:#888888;
text-decoration:none;
padding:0 0 0 14px;
}
.leftouter .leftlink li a:hover
{
color:#1173d8;
}
.leftouter .meterdetails
{
float:right;

width:425px;
}
.leftouter .content_containeer
{
margin:10px 0 0 0;
}
.leftouter .content_containeer .topbg
{
height:15px;
background:url(../images/whyswitch_leftctntopbg.gif) no-repeat left top;
}
.leftouter .content_containeer .content
{
border-left:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
}
.leftouter .content_containeer .content p
{
font-size:12px;
color:#010c72;
padding:0 10px 0 10px;
}
.leftouter .content_containeer .bottombg
{
clear:both;
height:15px;
background:url(../images/whyswitch_leftctnbottombg.gif) no-repeat;
}
.content_containeer .meterbtnbg
{
margin:20px 0 0 0;
height:26px;
width:608px;
border-bottom:1px solid #dfdfdf;
border-top:1px solid #dfdfdf;
background:#4096ef;
}
.content_containeer .meterbtnbg h2
{
float:left;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
padding:5px 60px 0 15px;
}
.content_containeer .meterbtnbg .btn
{
margin:2px 7px 0 0;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
height:22px;
width:85px;
border:none;
background:url(../images/whyswitch_btnbg.gif) repeat-x;
cursor:pointer;
}
.content_containeer .addbtn
{
padding:10px 10px 0 0;
}
.content_containeer .continuebtn {
    margin-bottom: 4px;
}
/* EA WHYSWITCH STEP 2 RIGHT */
.whyswitch_step2 .rightouter
{
float:right;
width:177px;
overflow:hidden;
}
.content table {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}
.content td {
    padding: 3px;
}
.offer th {
    background: #4096EF;
    color: #FFF;
    padding: 2px;
}
.offer a, .offer a:link, .offer a:visited, .offer a:active, .offer a:hover {
    color: #000;
    text-decoration: none;
}
.offer th a, .offer th a:link, .offer th a:visited, .offer th a:active, .offer th a:hover {
    color: #FFF;
    text-decoration: underline;
}
.offer td {
    padding: 2px;
    border-color: #DFDFDF;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
}
/*---------------------------------------------------------------------------------
14. SWITCH THREE COLUMN LAYOUT
---------------------------------------------------------------------------------*/
.switch_container
{
width:796px;
overflow:hidden;
clear:both;
}
.switch_leftcontainer
{
width:174px;
overflow:hidden;
margin-right:10px;
float:left;
}
.switch_linktop
{
width:174px;
overflow:hidden;
background:url(../images/switch_leftbg.png) no-repeat top left;
}
.switch_linkbottom
{
width:174px;
overflow:hidden;
background:url(../images/switch_leftbottombg.png) no-repeat bottom left;
}
.switch_linkbottom h3
{
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
padding:9px 0px 8px 14px;
}
.switch_linkbottom ul
{
width:100%;
margin:0px 0px 25px 0px;
}
.switch_linkbottom li
{
line-height:14px;
list-style:none;
border-bottom:1px solid #FFFFFF;
}
.switch_linkbottom li a
{
display:block;
font-size:12px;
font-weight:bold;
color:#010c72;
text-decoration:none;
padding:7px 0px 7px 14px;
}
.switch_linkbottom li a:hover
{
text-decoration:underline;
}

/* SWITCH CENTER CONTAINER */
.switch_center
{
width:425px;
overflow:hidden;
margin-right:10px;
float:left;
}
.switch_headbg
{
width:425px;
height:60px;
background:url(../images/switch_centerheadbg.png) no-repeat top left;
}
.switch_headbg h2
{
font-size:18px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
padding:10px 0px 0px 60px;
}
.switch_centerinner
{
width:423px;
overflow:hidden;
border-left:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
}
.switch_centerbottom
{
width:425px;
height:20px;
overflow:hidden;
background: url(../images/switch_centerbottom.gif) no-repeat bottom left;
}
.switch_centerinner p
{
color:#010c72;
text-decoration:none;
padding:12px 12px 4px 12px;
line-height:18px;
}
.switch_centerinner a:hover {
    text-decoration: underline;
}
.switch_centerinner .innerhead
{
width:423px;
height:37px;
padding-left:1px;
overflow:hidden;
background:url(../images/switch_centergrabg.png) no-repeat top left;
}
.switch_centerinner .innerhead h2
{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
padding:10px 0px 0px 10px;
}
.switch_centerinner .innercontent
{
width:423px;
padding-left:1px;
overflow:hidden;

padding:10px 12px 0 12px;
}
.switch_centerinner .innercontent .suppliericon
{
display:block;
height:35px;
color:#010c72;
text-decoration:none;
padding:12px 12px 0px 46px;
}
.switch_centerinner .innercontent .electricitysupplier
{
background:url(/images/icon-business-electricity.gif) no-repeat top left;
}
.switch_centerinner .innercontent .gassupplier
{
background:url(/images/icon-business-gas.gif) no-repeat top left;
}
.switch_centerinner .innercontent p
{
color:#010c72;
text-decoration:none;
padding:8px 0px;
width: 395px;
}
.switch_centerinner textarea {
width: 395px;
}
/* SWITCH RIGHT CONTAINER */
.switch_rightcontainer
{
width:177px;
overflow:hidden;
float:right;
background:url(../images/switch_righttopbg.png) no-repeat top left;
}
.switch_rightinner
{
width:177px;
overflow:hidden;
background:url(../images/switch_rightbottombg.png) no-repeat bottom left;
padding-bottom:12px;
}
.switch_rightinner .loginbtn
{
display:block;
height:30px;
padding:13px 0px 0px 13px;
float:left;
font-weight:bold;
color:#888888;
}
.switch_rightinner .contactrightbox
{
background:url(../images/switch_contact.jpg) no-repeat top left;
width:175px;
width:170px;
margin-left:1px;
overflow:hidden;
}
.contactrightbox .number
{
float:right;
width:90px;
text-align:center;
font-size:20px;
font-weight:bold;
color:#1173d8;
line-height:16px;
padding-top:12px;
}
.contactrightbox .time
{
float:right;
width:90px;
text-align:center;
font-size:11px;
font-weight:bold;
color:#1173d8;
padding-top:6px;
}
.contactrightbox .email
{
float:left;
text-align:left;
font-size:11px;
color:#000000;
padding:20px 0 6px 10px;
}
.contactrightbox .btncntr
{
width:170px;
text-align:right;
padding:0 10px 6px 0;
clear:both;
}

.switch_rightinner h3, #box_testimonials_header h3
{
border-top:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
color:#888888;
font-weight:bold;
height:22px;
width:163px;
padding:7px 0px 0px 12px;
}
.latestnews
{
width:100%;
overflow:hidden;
}
.latestnews a:hover {
    text-decoration: underline;
}
.latestnews ul
{

padding:8px 6px 5px 6px;
margin:0px;
}
.latestnews li
{
font-size:11px;
color:#010000;
text-decoration:none;
padding:0 0 10px 0px;
list-style:none;
line-height:16px;
background:url(../images/news_listblt.gif) no-repeat 0px 0px;
}
/*---------------------------------------------------------------------------------
15. LANDING PAGES
---------------------------------------------------------------------------------*/
.landcontent_headbg {
    background:url(../images/landingcbox_headbg.png) no-repeat top left;
    width:100%;
    overflow:hidden;
    height:43px;
    margin-bottom: 10px;
}
.landcontent_headbg h1 {
    font-size:17px;
    font-weight:bold;
    color:#FFFFFF;
    padding:13px 0px 0px 14px;
    text-decoration:none;
}
.landingpage h2 {
    font-size: 14px;
    font-weight: bold;
    color: #1173D8;
    padding: 0px 0px 0px 15px;
    margin-top: 5px;
}
.landingpage p {
    margin-bottom: 10px;
}
.leftouter .landingpage {
    margin: 0px;
}
/*---------------------------------------------------------------------------------
16. TERMINATION
---------------------------------------------------------------------------------*/
.termination_center {
    width:425px;
    overflow:hidden;
    margin-right:10px;
    float:left;
}
.termination_headbg {
    width:425px;
    height:32px;
    background:url(../images/term_head.jpg) no-repeat top left;
}
.termination_headbg h1 {
    font-size:17px;
    font-weight:bold;
    color:#FFFFFF;
    padding:7px 0px 0px 14px;
    text-decoration:none;
}
.switch_centerinner .supplier {
    margin-top: 10px;
}
.termination_form_descriptor {
    width: 75px;
    float: left;
}
.termination_form_input_without_descriptor {
    margin-top: 3px;
    margin-left: 75px;
}
.termination_form_print_button {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 75px;
}
.termination_centerinner .innercontent p {
    color:#010c72;
    text-decoration:none;
    padding: 8px 5px 0px 5px;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
}
.termination_centerinner form {
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    padding: 8px 5px 0px 5px;
}
.termination_meterform {
    margin-bottom: 5px;
}
.termination_meterform_s {
    width: 75px;
    text-align: right;
    font-size: 300%;
    font-weight: bold;
    float: left;
}
.termination_meterform_toprow {
    margin-bottom: 5px;
}
#letter {
    border: 1px solid #000;
    padding: 5px;
}
.letter table {
    font-size: 1em;
}
/*---------------------------------------------------------------------------------
17. QUESTION PAGES - FAQ
---------------------------------------------------------------------------------*/
.faq_list ol {
    list-style-type: decimal;
    padding: 10px 10px 10px 40px;
}
.faq_list li {
    margin-bottom: 5px;
}
.faq .question {
    width:423px;
    height:37px;
    padding:10px;
    overflow:hidden;
    background:url(../images/switch_centergrabg.png) no-repeat top left;
    color: #FFF;
    font-weight: bold;
    font-size: 100%;
}
.faq .question2line {
    width:423px;
    height:45px;
    padding:10px;
    overflow:hidden;
    background:url(../images/switch_centergrabg2.png) no-repeat top left;
    color: #FFF;
    font-weight: bold;
    font-size: 100%;
}
.faq p {
    padding-top: 0px;
}
.faq ul {
    padding: 0px 10px 10px 20px;
    color: #010C72;
}
.faq li {
    margin-bottom: 5px;
}
.faq .backToTop {
    margin: -20px 10px 10px 10px;
    padding-top: 5px;
    float: right;
}
/*---------------------------------------------------------------------------------
18. QUESTION PAGES - RENEWAL
---------------------------------------------------------------------------------*/
#renewalform {
    padding: 10px;
}
#renewalform fieldset {
    border: 2px solid #4855A2;
    padding: 5px;
}
#renewalform legend {
    padding: 5px;
    font-weight: bold;
}
#renewalform div {
    width: 350px;
    margin-top: 8px;
    margin-bottom: 8px;
    vertical-align: middle;
}
#renewalform input {
    vertical-align: top;
}
#renewalform .formtext {
    float: left;
}
#renewalform .submit {
    margin-top: 10px;
    float: right;
}
#renewalform .partform {
    float: right;
}
/*---------------------------------------------------------------------------------
19. POP-UP CALENDAR
---------------------------------------------------------------------------------*/
#calendar_data table {
    width: 100%;
}
#calendar_data th {
    background-color: #CAE9F6;
}
#calendar_data form {
    padding: 0px;
    display: block;
    margin-top: 4px;
    margin-bottom: 4px;
}
#calendar_data td {
    text-align: center;
}
/*---------------------------------------------------------------------------------
20. POP-UP CALLME
---------------------------------------------------------------------------------*/
#popupcontainer .header {
    width: 320px;
    height: 64px;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    background: url(../images/ea_logo.gif) no-repeat top left;
}
#popupcontainer .submitbutton {
}
#popupcontainer .popuptext {
    width: 300px;
    margin-right: auto;
    margin-left: auto;
}
#popupcontainer .popuptextbackground {
    background-color: #CAE9F6;
    padding: 10px;
}
/*---------------------------------------------------------------------------------
21. POP-UP GENERIC OFF STEP 2
---------------------------------------------------------------------------------*/
#popup {
}
#pagename h1 {
    color: #1173D8;
    font-weight: bold;
    font-size: 200%;
    margin-left: 25px;
}
#maintext p {
    color:#010c72;
    padding: 10px;
}
#popup #content .header {
    background-color: #4096EF;
    color: #FFF;
    padding: 5px 10px 5px 10px;
}
#popup #content .popupform {
    margin-left: 50px;
}
#popup #content .popupform .pretext {
    margin-right: 1em;
}
#popup #content .popupform .posttext {
    margin-left: 1em;
}
#popup #content .popupform .buttons {
    margin-left: 10px;
    margin-top: 10px;
}
#popup #content .popupform .formstrip {
    margin-top: 3px;
}
/* Renewal form specific */
#popup #content .popupform .pretextrenewal {
    width: 125px;
    float: left;
}
/*---------------------------------------------------------------------------------
22. TOOLTIP FOR HELP ON STEP 2
---------------------------------------------------------------------------------*/
#dhtmltooltip{
    position: absolute;
    width: 150px;
    padding: 5px;
    background-color: #CAE9F6;
    visibility: hidden;
    z-index: 100;
}
/*---------------------------------------------------------------------------------
23. POP-UP CONTACTINFO
---------------------------------------------------------------------------------*/
#contactinfo .headerimage {
    width: 320px;
    height: 64px;
    overflow: hidden;
    background: url(../images/ea_logo.gif) no-repeat top left;
    margin-left: 5px;
}
#contactinfo .errorbox {
    border: 2px solid #1173D8;
    background-color: #CAE9F6;
    padding: 5px;
}
#contactinfo table {
    width: 95%;
    font-size: 90%;
}
#contactinfo td {
    padding: 2px;
}
#contactinfo .mandatory {
    color: #F00;
}
.section {
    color: #1173D8;
    font-weight: bold;
    font-size: 120%;
    margin-left: 20px;
    margin-top: 10px;
}
/*---------------------------------------------------------------------------------
24. POP-UP LOGIN
---------------------------------------------------------------------------------*/
#logincontainer {
}
#logincontainer #ealbanner {
    width: 320px;
    height: 64px;
    overflow: hidden;
    background: url(../images/ea_logo.gif) no-repeat top left;
    margin-left: auto;
    margin-right: auto;
}
#logincontainer fieldset {
    border: 1px solid #000;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding: 10px;
}
#logincontainer legend {
    padding: 2px;
}
#logincontainer .name {
    width: 80%;
    margin-top: 5px;
}
#logincontainer .password {
    width: 80%;
    margin-top: 5px;
}
#logincontainer .fieldtext {
    float: left;
    width: 80px;
}
#logincontainer .loginbutton {
    margin-left: 80px;
    margin-top: 5px;
}
#forgotten_pwd img {
    margin-top: 5px;
    margin-left: 80px;
}
#logincontainer .errorbox {
    border: 1px solid #1173D8;
    background-color: #CAE9F6;
    padding: 5px;
}
/*---------------------------------------------------------------------------------
25. NEWS
---------------------------------------------------------------------------------*/
.newspage a {
    color: #010C72;
}
.newspage a:hover {
    text-decoration: underline;
}
/*---------------------------------------------------------------------------------
26. SEARCH
---------------------------------------------------------------------------------*/
#searchcontrol .gsc-control {
    width : 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}
#searchcontrol .gsc-input input {
    border: 2px solid #BCCDF0;
}
#searchcontrol .gsc-search-button {
    width: 60px;
    font-weight: bold;
}
/*---------------------------------------------------------------------------------
27. STEP 3
---------------------------------------------------------------------------------*/
.step3errorbox {
    border: 2px solid #1173D8;
    background-color: #CAE9F6;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px;
}
.tandclink a:hover {
    text-decoration: underline;
}
.tandc_list ul {
    list-style-type: none;
    padding: 10px 10px 10px 40px;
    color: #1C2681;
}
.tandc_list li {
    margin-bottom: 5px;
}
.tandc_list .question {
    width:423px;
    height:37px;
    padding:10px 10px 0px 10px;
    overflow:hidden;
    background:url(../images/switch_centergrabg.png) no-repeat top left;
    color: #FFF;
    font-weight: bold;
    font-size: 100%;
}
.tandc_list .question a {
    color: #FFF;
}
.tandc_list .question2line {
    width:423px;
    height:45px;
    padding:10px;
    overflow:hidden;
    background:url(../images/switch_centergrabg2.png) no-repeat top left;
    color: #FFF;
    font-weight: bold;
    font-size: 100%;
}
.tandc_list .question2line a {
    color: #FFF;
}
.tandc_list p {
    padding-top: 0px;
}
.tandc_list .backToTop {
    margin: -20px 10px 10px 10px;
    padding-top: 5px;
    float: right;
}

#login_button
{
	border:0px solid;
	width:100px;
	text-align:center;
	font-size:8px;
	margin-top:4px;
	margin-left:11px;
}

#live_person_right
{
	padding-top:20px;
	background:#ffffff;
}

.switch_centerinner ul {
    list-style-type: disc;
    color: #1C2681;
}

.switch_centerinner ul li {
    margin-left: 40px;
    margin-bottom: 3px;
}

.switch_centerinner ol {
    list-style-type: decimal;
    color: #1C2681;
}

.switch_centerinner ol li {
    margin-left: 40px;
    margin-bottom: 3px;
}

.switch_centerinner dl {
    margin-left: 40px;
    color: #1C2681;
}

.switch_centerinner dl dt {
}

.switch_centerinner dl dd {
    margin-left: 10px;
}


.hometextbottom .big_h2, .electric_textcontent .big_h2
{
	color:#1173D8;
	font-size:18px;
	font-weight:bold;
	line-height:23px;
	padding:5px 0 10px 0;
	text-decoration:none;
}

.gascbox_headbg h2 {
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	padding:13px 0 0 14px;
	text-decoration:none;
}

.rightouter #box_testimonials, .switch_rightinner #box_testimonials
{
	color:#000000;
	/*background:#4096EF;*/
	width:177px;
	/*margin-top:10px;*/
	position:relative;
	background:transparent url(../images/switch_righttopbg.png) no-repeat scroll left top;
	padding-top:10px;
}

.switch_rightinner #box_testimonials
{
	background:none;
	border-top:1px solid #DFDFDF;
}

.rightouter #box_testimonials ul, .switch_rightinner #box_testimonials ul
{
	background:transparent url(../images/switch_rightbottombg.png) no-repeat scroll left bottom;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:0px;
	height:120px;
}

.switch_rightinner #box_testimonials ul
{
	background:none;
}

#box_testimonials
{
	position:absolute;
	color:#ffffff;
	top:0px;
	left:0px;
	width:390px;
}

#box_testimonials_header h3
{
	border-top:none;
	padding-top:0px;
	margin-bottom:5px;
}

.beleccbox_rightbg #box_testimonials
{
	width:250px;
}

.beleccbox_rightcontent #box_testimonials li
{
	color:#ffffff;
}

.beleccbox_rightbg #box_testimonials ul
{
	margin:0px;
	padding:0px;
}

.beleccbox_rightbg #box_testimonials li
{
	background:none;
}

.quote_sign_open, .quote_sign_close
{
	/*font-size:30px;
	font-weight:bold;
	color:#1173D8;
	display:inline;*/
	/*float:left;*/
	/*height:14px;
	width:18px;	*/
	/*background:url(../images/quote.png) no-repeat top center ;*/
}

.quote_sign_open
{
/*	margin-top:5px;
	margin-right:5px;
	margin-left:5px; */
}

.quote_sign_close
{
	/*float:right;*/
	/*margin-top:35px;*/
	/*margin-top:5px;*/
	background:url(../images/quote.png) no-repeat bottom center ;
}

.box_quote_signature
{
	float:right;
	margin-right:10px;
}

.rightouter .box_quote_text , .switch_rightinner .box_quote_text
{
	display:block;
	float:none;	
	width:auto;
	/*margin-top:10px;*/
}

.box_quote_text
{
	display:inline;
	float:right;	
	width:230px;
	/*margin-top:10px;*/
}

.rightouter .quote_text, .switch_rightinner .quote_text
{
	display:inline;
	float:left;
	width:160px;	
}

.quote_text
{
	display:inline;
	float:left;
	width:220px;
	margin-top:5px;
}

.quote_content
{
	
}

.rightouter .box_quote_link a, .switch_rightinner .box_quote_link a
{
	color:#000000;
}

.box_quote_link
{
	float:right;
	margin-right:10px;
	font-size:10px;
	margin-top:0px;
}

.switch_rightinner .box_quote_link
{
	float:right;
	margin-right:10px;
	font-size:10px;
	margin-top:5px;
}

.box_quote
{
	display:none;
}

.box_quote_link a
{
	color:white;
}
/*
.hide
{
	display:none;
}
*/
.show
{
	display:block;
}

.right_clear
{
	height:10px;
	border-right:1px solid white;
	border-left:1px solid white;
}