@charset "UTF-8";
/* CSS Document */

body {background:url(../graphics/bodybg.jpg) repeat-x; font-family:Helvetica, Arial, sans-serif; font-size:1em; margin:0 0 0 0; color:#666666;}
a {color:#33982A;}
h1 {font-family:'Trebuchet MS', Helvetica, Arial, sans-serif; letter-spacing:0; font-size:160%; color:#003366; margin:0; padding:0; font-style:normal; font-weight:normal; letter-spacing:.1em;}
h2 {font-family:'Trebuchet MS', Helvetica, Arial, sans-serif; font-size:125%; letter-spacing:0; color:#33982A; font-style:normal; margin:5px 0 0 0; padding:0 0 5px 0; border-bottom: 1px solid #eeeeee; font-weight:normal; letter-spacing:.1em;}
h3 {font-family:'Trebuchet MS', Helvetica, Arial, sans-serif; color:#777777; margin:12px 0 0 0; padding:0; font-weight:bold; font-size:110%; letter-spacing:.1em;  }
#generalnav {color:#4B75A5; height:17px; text-align:right; font-size:70%; background-color:#FFFFFF; padding:3px 15px 0 0; letter-spacing:.2em; font-family:'Arial Narrow', Arial, sans-serif; }
#generalnav a {color:#B1C1D5; text-decoration:none; }
#generalnav a:hover {color:#4B75A5; text-decoration:none; }
.alignRight {float:right;}
img,
a img,
table {border:0;}

#wrapper {background-image:url(../graphics/grass.jpg); background-repeat:no-repeat;  }
#wrapper02 { margin-left:auto; margin-right:auto; margin-top:10px; width:982px; position:relative; }
#wrapper03 {  margin-left:auto; margin-right:auto; margin-top:10px; width:740px; position:relative; }

#banner-res, #banner-com, #banner-res-survey {  padding:7px 10px; float:right; width:494px; position:absolute; right:10px; color:#fff; }
#banner-com { background:url(/graphics/banner-bg-com.gif) no-repeat; height:50px; top:-65px; font-size:0.8em; }
#banner-res { background:url(/graphics/banner-bg-res.gif) no-repeat; height:70px; top:-80px; font-size:0.8em; }
#banner-res-survey{top:-90px;}
.heading { font-size:1.1em; }
#banner-res a, #banner-com a { color:#fff; }

#header {background-image:url(../graphics/flogasnaturalgas.gif); margin-top:10px; width:840px; height:84px; margin-left:auto; margin-right:auto; background-repeat:no-repeat;}
#footerwrapper { background-image:url(../graphics/footerbg.jpg); height:140px; padding: 10px 0 0 0; margin:20px 0 0 0; color:#999999; font-size:75%; line-height:140%;}
#h_footer {width:670px; margin-right:auto; margin-left:auto; margin-bottom:50px; }
#h_footer a {color:#777777; text-decoration:none; margin-right:6px;}
#h_footer a:hover {color:#333333; text-decoration:none;}
#h_footer_test {width:670px; margin-right:auto; margin-left:auto; margin-bottom:50px; margin-top: 40px; }
#h_footer_test a {color:#777777; text-decoration:none; margin-right:6px;}
#h_footer_test a:hover,
#h_footer_test li.hover a {color:#333333; text-decoration:none;}
#footer {width:930px; margin-right:auto; margin-left:auto; margin-bottom:50px; }
#footer a {color:#777777; text-decoration:none; margin-right:6px;}
#footer a:hover {color:#333333; text-decoration:none;}
#footernumemergency { background-image:url(../graphics/number_emergency.gif); width:147px; height:32px;float:left; margin:0 20px 10px 0; text-indent:-999999px;}
#footernumgeneral { background-image:url(../graphics/number_general.gif); width:147px; height:32px;float:left; margin:0 20px 10px 0; text-indent:-999999px;}
#footernumnetwork { background-image:url(../graphics/number_network.gif); width:147px; height:32px;float:left; margin:0 20px 10px 0; text-indent:-999999px;}
.footermorlink a {color:#33982A;}

#logo {background-image:url(../graphics/flogasnaturalgas.gif); text-indent: -999999px; margin-top:10px; margin-bottom:10px; width:1100px; height:84px; margin-left:auto; margin-right:auto; background-repeat:no-repeat; }
#logo a {width:182px; height:84px; display:block;}


#insidecontent {width:930px; margin:0 0 0 0; padding:15px; font-size:80%; line-height:150%;}



#endgraphic {background-image:url(../graphics/i_mainend.gif); width:982px; height:22px;}

#toggle {background-image:url(../graphics/toggle01.gif); width:100%; height:37px; background-repeat:no-repeat; }
#toggle02 {background-image:url(../graphics/toggle02.gif); width:100%; height:37px; background-repeat:no-repeat;}

.flogasielink {background-image:url(../graphics/flogasielink.gif); background-repeat:no-repeat; float:right; width:165px; height:25px; margin:5px 15px 0 0; text-indent:-9999px; }
.flogasielink a {width:151px; height:21px; display:block;}

#toggledomestic {text-indent:-999999px; }
#toggledomestic a {float:left; width:130px; height:25px; margin:10px 0 0 10px; display:block; }
#togglebusiness {text-indent:-999999px; }
#togglebusiness a {float:left; width:105px; height:25px; margin:10px 0 0 0; display:block;  }



#nav {background-image:url(../graphics/i_navbg.gif); height:64px; padding:17px; background-repeat:no-repeat;}
#busnav {background-image:url(../graphics/i_busnavbg.gif); height:64px; padding:17px; background-repeat:no-repeat;}



#nav01 { padding:0; margin:0; height:40px;}
#nav01 ul {text-indent:-9999px; list-style:none; display:block; padding:0; margin:0;  }

#nav01 ul li { height:36px; float:left; list-style: none; display:inline; padding:0; margin:0 10px 0 0; }
#nav01 ul li a { display:block; width:100%; height:100%; }

#nav01 li#switchonlinenow { width:302px; }
#nav01 li#switchonlinenow a { background-image:url(../graphics/n_switchonlinenow.gif); }
#nav01 li#switchonlinenow a:hover,
#nav01 li#switchonlinenow.hover a {	background-position:-302px; }

#nav01 li#switchandsave { width:201px; }
#nav01 li#switchandsave a { background-image:url(../graphics/n_switchandsave.gif); }
#nav01 li#switchandsave a:hover,
#nav01 li#switchandsave.hover a {	background-position:-201px; }

#nav01 li#whyswitch { width:160px; }
#nav01 li#whyswitch a { background-image:url(../graphics/n_whyswitch.gif); }
#nav01 li#whyswitch a:hover,
#nav01 li#whyswitch.hover a {	background-position:-160px;  }

#nav01 li#comparerates { width:189px; }
#nav01 li#comparerates a { background-image:url(../graphics/n_comparerates.gif);  }
#nav01 li#comparerates a:hover,
#nav01 li#comparerates.hover a {background-position:-189px;  }



#nav02 { padding:0; margin:12px 0 0 0; height:18px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:115%; font-style:italic; color:#999999;  }
#nav02 ul { list-style:none; display:block; padding:0; margin:0;   }

#nav02 ul li { height:17px; margin:3px 0 0 10px; float:left; list-style: none; display:block; padding:0;}
#nav02 ul li a { display:block; width:100%; height:100%; padding:0; color:#999999; text-decoration:none; }
#nav02 ul li a:hover {color:#666666;}

#nav02 li#nav02press {width:47px;}


#nav02 li#nav02safety { width:54px;}

#nav02 li#nav02downloads { width:92px;}

#nav02 li#nav02faqs { width:48px;}

#nav02 li#nav02contactus { width:90px;}
#nav02 select {float:left; }

#downloadsrhs { font-size:90%; line-height:100%; width:167px; float:right; clear:both; border-left:10px solid #ffffff; background-color:#FFFFFF; padding:0 4px 4px 4px; margin:0 0 0 0; display:block;}
#downloadsrhs p {color:#003366; padding:4px 0 2px 5px; font-weight:bold; margin:0; background-image:url(../graphics/downloadsbg.gif); background-repeat:no-repeat; height:16px;}
#downloadsrhs ul {list-style:none; display:block; margin:0; padding:0; }
#downloadsrhs li {list-style:none; display:block; margin:0; padding:5px; }
#downloadsrhs li li {list-style:none; display:block; margin:0 0 0 0; font-size:30%; padding:0 0 0 0; color:#999999; }

#downloadsrhs a {border-bottom:1px dotted #dddddd; color:#777777; text-decoration:none; margin:0;}
#downloadsrhs a:hover {border-bottom:1px dotted #dddddd; color:#555555; text-decoration:none;}

#downloadrhs { background-color:#FFFFFF; width:190px; position:absolute; display:block; margin-left:auto; margin-right:auto; margin:0 0 0 730px; padding:5px; font-size:100%; color:#666666;}
#downloadrhs p {color:#003366; padding:4px 0 2px 5px; font-weight:bold; margin:0; background-image:url(../graphics/downloadsbg.gif); background-repeat:no-repeat; height:16px;}
#downloadrhs ul {list-style:none; display:block; margin:0; padding:0; }
#downloadrhs li {list-style:none; display:block; margin:0; padding:5px; font-size:60%; color:#999999; }

#downloadrhs a {border-bottom:1px dotted #dddddd; color:#777777; text-decoration:none; margin:0; padding:0; font-size:160%;}
#downloadrhs a:hover {border-bottom:1px dotted #dddddd; color:#555555; text-decoration:none;}


hr.clear{clear:both; height:0; margin:0px; padding:0px; visibility:hidden;}	




#main {background-image:url(../graphics/i_mainbg.gif); width:962px; padding:0 10px 10px 10px; background-color:#FFFFFF;}
#maintop {background-image:url(../graphics/i_maintop.gif); width:982px; height:11px; background-repeat:no-repeat;}
#mainend {background-image:url(../graphics/i_mainend.gif); width:982px; background-repeat:no-repeat;}


.highlight01 {color:#ff6600; font-size:200%; font-weight:bold; padding:10px 5px 10px 5px; margin:5px 0 0 0; border:1px dotted #888888; width:30%;}
.highlight02 {color:#33982A; font-size:200%; font-weight:bold; padding:10px 5px 10px 5px; margin:5px 0 0 0; border:1px dotted #888888; width:30%;}
.highlight03 {color:#33982A; font-size:110%; font-weight:bold; }



#h_main { background-image:url(../graphics/h_mainbg.gif); width:712px; min-height:396px; padding:10px; background-repeat:no-repeat;}
#h_busmain { background-image:url(../graphics/h_mainbg.gif); width:712px; min-height:396px; padding:10px; background-repeat:no-repeat;}

h2#homeh2 {background-image:url(../graphics/SAVEPANEL_HOMEPAGE.gif); height:175px; margin:0 0 10px 0; padding:0; }
h2#homeh2 a {width:400px; height:175px; display:block; }
h2#businesshomeh2 {background-image:url(../graphics/SAVEPANEL_BUSHOMEPAGE.gif); height:175px; margin:0 0 10px 0; padding:0;}
h2#businesshomeh2 a {width:400px; height:175px; display:block; text-indent: -999999px;  }


h3#homeh3 {background-image:url(../graphics/h_switchandsave.jpg); height:59px; margin:0 0 10px 0; padding:0; }
h3#homeh3 a {width:400px; height:59px; display:block; text-indent: -999999px;  }

h4#homeh4 { background-image:url(../graphics/h_whyswitch.gif); height:142px; padding:0; margin:0; text-indent: -999999px;}
#h_whyswitch { background:url(../graphics/h_whyswitch.gif) no-repeat; height:142px; font-size:90%; padding:0; margin:0 0 0 0;}
#h_whyswitch a {display:block; width:400px;   }
#h_whyswitch p {color: #fff; padding: 5px 0 0 20px; clear: both;}
*:first-child+html #h_whyswitch p {margin-top: 0px; padding-top: 0;}
* html #h_whyswitch p {margin-top: 0px; padding-top: 0;}
#h_whyswitch a.indent {text-indent: -99999px;}
#h_whyswitchbus { background:url(../graphics/h_whyswitchbus.gif) no-repeat; height:142px; font-size:90%; padding:0; margin:0 0 0 0; text-indent: -999999px;}
#h_whyswitchbus a {display:block; width:400px; height:146px; }

#h_whyswitch a.h_areg {color: #FBC400; display: inline; }


#h_whyswitchcol01 {width:200px; color:#FFFFFF; float:left; text-indent:0; margin:42px 0 0 0;}

*:first-child+html #h_whyswitchcol01 {margin:30px 0 0 0;}
* html #h_whyswitchcol01 {margin:30px 0 0 0;}

#h_whyswitchcol01 em {font-size:70%; display:block; line-height:90%; padding:0 0 0 14px; color:#99cc99; font-style:normal;} #h_whyswitchcol01 em a {color:#99cc99;}
#h_whyswitchcol02 {width:190px; color:#FFFFFF; float:left; text-indent:0; margin:25px 0 0 0;}

#h_whyswitch ul { text-indent:0; list-style:none; display:block; line-height:150%; padding:0 14px 0 14px; margin:0 0 0 5px;}

#h_column1 {width:400px; float:left; margin:0 10px 0 0;}
#h_column2 {width:300px; float:left;}

#h_howdoi {background-image:url(../graphics/h_howdoi.jpg); height:175px; margin:0 0 10px 0; color:#8899bb; text-indent: -999999px;}
#h_howdoi ul { text-indent:0; list-style:none; display:block; line-height:105%; font-size: 90%; padding:14px 14px 4px 14px; margin:13px 0 0 0;}
#h_busmain #h_howdoi ul { line-height:150%; }
#h_howdoi a {color:#73A2FF; text-decoration:none;}
#h_howdoi a:hover {color:#ffffff; text-decoration:none;}

#h_presssection{background-image:url(../graphics/h_presssection.gif); margin:0 0 10px 0; height:60px; text-indent: -999999px; color:#ffffff;}
#h_presssection ul { text-indent:0; list-style:none; display:block; line-height:100%; padding:14px 14px 4px 14px; margin:0 0 0 0;}
#h_presssection a {color:#FFFFFF; text-decoration:underline;}
#h_presssection a:hover {color:#ffffff; text-decoration:underline;}

#h_staysafe {background-image:url(../graphics/h_safety.gif); margin:0 0 10px 0; height:80px; text-indent: -999999px;}
#h_staysafe ul { text-indent:0; list-style:none; display:block; line-height:100%; padding:14px; margin:5px 0 0 0;}
#h_staysafe a {color:#003375; text-decoration:underline;}
#h_staysafe a:hover {color:#003375; text-decoration:underline;}

#h_faq {background:url(../graphics/h_faq.gif) no-repeat; height:45px; text-indent: -999999px; padding:0;}
#h_faq ul { text-indent:0; list-style:none; display:block; padding:0; margin:-5px 14px 0 0;}
#h_faq a {height:45px; width:300px; display:block;}

#h_paybill {background:url(../graphics/h_paybill.gif) no-repeat; height:45px; text-indent: -999999px; padding:0; margin:0 0 10px 0;}
#h_paybill ul { text-indent:0; list-style:none; display:block; padding:0; margin:-5px 14px 0 0;}
#h_paybill a {height:45px; width:300px; display:block;}

#bottom-content {width: 711px;text-align: center; border: 0; margin: 20px 0 0 0;}

#bottom-content a.h-moving img {border: 0;}

h1#homeh1 {background-image:url(../graphics/flogasnaturalgas.gif); margin-top:10px; margin-bottom:10px; width:840px; height:84px; margin-left:auto; margin-right:auto; background-repeat:no-repeat; text-indent: -999999px;}
h1#homeh1 p {margin:0; padding:0; text-indent:0;}
h1#homeh1 a {display:block; width:182px; height:84px; }

h3.safety {color:#ff6600;}

#dl { padding:0; margin:0; font-size:120%; height:auto; }
#dl ul { list-style:none; display:block; padding:0; margin:0;  }

#dl ul li { float:left; list-style:none; display:inline; padding:0 0 5px 0; margin:0 15px 15px 0; height:50px; width:250px; border-bottom:1px dotted #cccccc; }
#dl ul li a {  float:left; display:block; width:100%; height:100%; padding:0;   }
#dl ul li a:hover { background-position:0 -270px; color:#33982A; }

#dl strong {padding:5px 0 0 0; margin:0 0 0 50px; font-weight:normal; line-height:120%;}
#dl p { font-style:normal; font-size:80%; padding:0; margin:0 0 0 50px; color:#bbbbbb; line-height:100%;}
#dl italic {font-size:60%; padding:0; margin:0 0 0 0; line-height:160%; color:#33982A;}



#dl li.doc {   }
#dl li.doc a { background-image:url(../graphics/dl_icon_doc.gif); color:#777777; text-decoration:none; background-repeat:no-repeat;  }
#dl li .doc a:hover { background-position-x:0; background-position-y:-270px; color:#33982A; }

#dl li.pdf {   }
#dl li.pdf a {  background-image:url(../graphics/dl_icon_pdf.gif); color:#777777; text-decoration:none;  }
#dl li .pdf a:hover { background-position-x:0; background-position-y:-270px; color:#33982A; }



.dlother { padding:0; margin:0; font-size:120%; }
.dlother ul { list-style:none; display:block; padding:0; margin:0;  }

.dlother ul li { float:none; clear:both; list-style:none; display:block; padding:0; margin:0 0 15px 0; height:50px; width:250px; }
.dlother ul li a {  float:left; display:block; width:100%; height:100%;   }
.dlother ul li a:hover { background-position:0 -270px; color:#33982A; }

.dlother strong {padding:5px 0 0 0; margin:0 0 0 50px; font-weight:normal; line-height:100%;}
.dlother em {font-size:60%; padding:0; margin:0 0 0 50px; line-height:160%; color:#bbbbbb;}
.dlother p { font-style:normal; font-size:80%; padding:0; margin:0 0 0 50px; color:#bbbbbb; line-height:100%;}
.dlother italic {font-size:60%; padding:0; margin:0 0 0 0; line-height:160%; color:#33982A;}


.dlother li.doc {   }
.dlother li.doc a { background-image:url(../graphics/dl_icon_doc.gif); color:#777777; text-decoration:none; background-repeat:no-repeat;  }

.dlother li.pdf {   }
.dlother li.pdf a {  background-image:url(../graphics/dl_icon_pdf.gif); color:#777777; text-decoration:none;  }






.datatable{}
.datatable th {
	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #246b1d;
	border-bottom: 1px solid #79BC74;
	border-top: 1px solid #246b1d;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color:#33982A;
}
.datatable td {
	border-right: 1px solid #ffffff;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #ffffff;
	background: #eeeeee;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


.datatable-alt th {
	font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4F6B72;
	border-right: 1px solid #efefef;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #efefef;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color:#eeeeee;
}
.datatable-alt td {
	border-color: #fff #fff #ccc #ccc;
	background: #eeeeee;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}
.datatable-alt th.blank, .datatable-alt td.blank { background:#fff; border:none; }
.datatable-alt th.blank { color:#ccc; }
.datatable-alt td.fg, .datatable-alt th.fg { color:#fff; background:#33982A; border-right: 1px solid #ffffff; border-left: 1px solid #246b1d; border-bottom: 1px solid #79BC74; border-top: 1px solid #246b1d; }
.datatable-alt th.bordg, .datatable-alt td.bordg { color:#333; background:#D1DEEF; border-top: 1px solid #B3CDEF; border-right: 1px solid #B3CDEF; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

.sticker { float:left; padding:20px 0 0 20px; }
.featuretable { float:left; }
.featuretable h4 { font-size:1.6em; color:#333; padding:0 0 5px 0; margin:10px 0 0 0; }
.featuretable h4.blank { border-bottom:none; }
.featuretable td.fg h4 { color:#fff; }
.featuretable td { vertical-align:top; padding:10px; color:#333; background:url(../graphics/table-bg-grey.jpg) no-repeat top right; }
.featuretable td.wide { padding:10px 50px; }
.featuretable td.bordg { background:url(../graphics/table-bg-blue.jpg) no-repeat top right; }
.featuretable td.fg { color:#fff; background:url(../graphics/table-bg-green.jpg) no-repeat top right; }


.quote { font-size:100%; margin:0 0 0 0; font-style:italic; color:#33982A; }

h1#switch_switchandsave {background-image:url(../graphics/switch_h1_switchandsave.gif); height:45px; width:281px; margin:0 0 10px 0; padding:0; text-indent: -999999px;}
#postit_whyswitch {background-image:url(../graphics/postit_whyswitch02.gif); width:350px; height:178px; text-indent:-9999px; float:right; margin:15px;}
#postit_whyswitch a {display:block; width:100%; height:100%;}

#postit_howtoswitch {background-image:url(../graphics/postit_howtoswitch.gif); width:313px; height:320px; text-indent:-9999px; float:right; margin:15px;}
#postit_howtoswitch a {display:block; width:100%; height:100%;}
#postit_howtoswitch p { width:210px; height:50px; position:absolute; display:block; margin-left:auto; margin-right:auto; margin:80px 0 0 40px; padding:10px; font-size:100%; color:#666666;}
#postit_howtoswitch em { width:210px; height:50px; position:absolute; display:block; margin-left:auto; margin-right:auto; margin:190px 0 0 40px; padding:10px; font-size:100%; color:#666666;}


h1#switch_whyswitch {background-image:url(../graphics/switch_h1_whyswitch.gif); height:45px; width:249px; margin:0 0 10px 0; padding:0; text-indent: -999999px;}


#switch_phone {background-image:url(../graphics/icon_switch_phone.gif); width:230px; float:left; margin:15px; background-repeat:no-repeat; border:1px solid #ededed; padding:4px;}
#switch_phone a {display:block; color:#33982A; width:100%; height:100%; font-size:180%; text-decoration:none;}
#switch_phone p {padding:0 0 0 40px; height:35px; margin:7px 0 0 0; font-weight:bold;}
#switch_phone em {padding:0 0 0 0; margin:0 0 0 0; color:#999999; font-size:60%; font-style:normal; line-height:115%;}
#switch_phone strong {padding:0 0 0 0; margin:0 0 0 0; color:#ffcc00; font-size:200%; letter-spacing:1px; font-weight:bold; line-height:100%;}

#switchbulletlist ul { list-style:none; display:block; padding:25px; margin:0; list-style-image:url("../graphics/bullet01.gif");  }
#switchbulletlist li { padding:0; margin:0 0 15px 25px; font-size:120%; list-style-image:url("../graphics/bullet01.gif"); }
.switchbulletlistalt {background-color:#eeeeee;}




#switch_methods {background-image:url(../graphics/switch_methods_bg.jpg); width:840px; height:170px; background-repeat:no-repeat; padding:10px;}
#s_switchonline { float:left; width:200px; height:65px; margin:40px 0 0 15px; }
#s_switchphone { float:left; width:200px; height:65px; margin:40px 0 0 80px; }
#s_switchphone strong {font-size:200%; line-height:150%; }
#s_switchphone em {color:#33982A; font-weight:normal; font-style:normal;}
#s_switchsnailmail { float:left; width:200px; height:65px; margin:40px 0 0 80px; }

h3.switchh3 {font-family:'Trebuchet MS', Helvetica, Arial, sans-serif; color:#444444; margin:5px 0 0 0; padding:0; font-weight:bold; font-size:140%;  }



#switch_online {background-image:url(../graphics/switch_methods_bg.jpg); width:540px; height:190px; background-repeat:no-repeat; padding:10px;}
#s_switchonline { float:left; width:200px; height:65px; margin:40px 0 0 15px; }
#s_switchphone { float:left; width:210px; height:65px; margin:40px 0 0 80px; }
h3#switchh3 {font-family:'Trebuchet MS', Helvetica, Arial, sans-serif; color:#444444; margin:5px 0 0 0; padding:0; font-weight:bold; font-size:140%;  }


#switch_mail {background-image:url(../graphics/switch_methods02_bg.jpg); width:240px; height:190px; background-repeat:no-repeat; padding:10px;}
#s_switchsnailmail { float:left; width:200px; height:65px; margin:40px 0 0 15px; }
#s_switchsnailmail strong {font-size:200%; line-height:100%;}
#s_switchsnailmail02 { float:left; width:200px; height:65px; margin:32px 0 0 80px; }






#vertical_slide {
	background: #ffffff;
	color: #777777;
	padding: 0;
	 border-bottom: 1px dotted #eeeeee; 
	
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px; font-size:80%; color:#cccccc;
}



.accordionclick { background-color:#DDDDDD; text-transform: uppercase; font-size:75%; color:#33982A; margin:0; padding:3px; font-family:'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif; clear:both;}
.accordionclick a:hover {text-decoration:underline; background-color:#CCCCCC;  }
.accordionclick a {text-decoration:underline; color:#33982A; }


#accordion {
	margin:10px 0px; width:100%;
}
#accordion img {margin:15px;}

h3.toggler {
	cursor: pointer;
	background: #ededed;
	color: #777777;
	margin: 5px 0 5px 0;
	padding: 3px 5px 1px; 
}

h3.toggler a {
	color: #777777; text-decoration:none;
	
}

#accordianheader 1, 2, 3, 4, 5, 6 {float:right; }

div.element p, div.element h4 {
	margin:0;
	padding:4px;
}
div.element img {border:1px solid #ededed; padding:2px; margin:4px;}

div.accordian_out { background-image:url(../graphics/accordion_out.gif); width:16px; height:12px; background-repeat:no-repeat;}
div.accordian_in { background-image:url(../graphics/accordion_in.gif); width:16px; height:12px; background-repeat:no-repeat;}



blockquote {
	padding:5px 20px;
}

#formarea table {   }
#formarea tr.mandatory {background-color:#f3f3f3; padding:3px; }
#formarea td.asterisk {background-image:url(../graphics/form_asterisk.gif); background-repeat:no-repeat; padding:5px 0 0 13px; color:#333333;}
#formarea td { padding:7px; border-bottom:1px solid #ffffff; margin:0 0 10px 0;}
#formarea tr {border-bottom:1px solid #cccccc; margin:0 0 10px 0;}
.radiocheckboxtext {text-transform: uppercase; font-size:0.75em; color:#999999; margin:2px 0 0 0; font-family:'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;}
#formarea {margin:0 20px 20px 20px; font-size:0.9em; color:#999999; font-family:Arial, Helvetica, sans-serif;}
#formarea select {color:#666666; margin:0 0 5px 0;}
#formarea input {color:#999999; margin:0 0 5px 0;}
#formarea checkbox {margin:0 0 0 10px;}
#formarea submit {color:#333333; margin:0 0 5px 0;}

#formarea tr.error {
	background-color:#D62B00;
	color:#FFFFFF;
	padding:3px;
	font-weight:bold;
}


#formarea div.error {
	color:#D62B00;
}
#formarea div.error label {
	color:#D62B00;
}
#formarea div.error input {
	border:1px solid #D62B00;
}


/* *************************************** UPDATED STYLES 2011 WCGA 2.0 AA COMPLIANCE PROJECT REF 4086 *************************************** */

body {color:#000000;}
h3 {color:#000000;}

ul.skipNav {position:absolute; top:0; left:0;}
ul.skipNav li {list-style-type:none; list-style-position:outside; display:inline;}


#h_main {height:auto;}
#main_bottom {padding-bottom:19px; background:url("../graphics/h_mainbg-bottom.gif") bottom left no-repeat;}

#footerwrapper {background:url(); color:#666666; font-size:85%;}
#h_footer a {color:#666666;}
#footer a {color:#666666;}

#toggle {background:url(../graphics/toggle-nav-startcap.png) top left no-repeat; height:36px; padding-left:11px;}
#toggle ul {margin:0; padding:0 10px 0 0; background:url(../graphics/toggle-nav-endcap.png) top right no-repeat; height:37px; float:left;}
#toggle ul li {margin:0; padding:0; list-style-type:none; list-style-position:outside; display:block; float:left; position:relative;}
#toggle a {height:37px; display:block; text-indent:-9999px; color:#000000;}
#toggle .residential.on a {background:url(../graphics/toggle-nav-residential-on.png) top left no-repeat; width:128px;} 
#toggle .residential.off a {background:url(../graphics/toggle-nav-residential-off.png) top left no-repeat; width:128px;} 
#toggle .business.on a {background:url(../graphics/toggle-nav-business-on.png) top left no-repeat; width:106px;}
#toggle .business.off a {background:url(../graphics/toggle-nav-business-off.png) top left no-repeat; width:106px;}

a.gotoNavigation,
a.gotoContent {position:absolute; left:-9999px;}

a.gotoNavigation:focus,
a.gotoContent:focus {position:relative; left:auto;}

#h_main h2 {border:0; letter-spacing:0;}

a:hover,
a:focus {text-decoration:underline!important;}

#toggle li.hover ul {left:0px;}
/* Sub menu */
#toggle li ul {position:absolute; left:-9999px; z-index:9999; background:#FFFFFF; border:1px solid #CCCCCC; width:200px; height:auto; padding:0;} 
#toggle li ul li {display:block; float:none; clear:both;}
#toggle li ul a {background:url()!important; width:auto!important; height:auto; text-indent:0; padding:3px 10px; font-size:85%; text-decoration:none;}
#toggle li ul a:hover,
#toggle li ul li.hover a {background:#C9E3F2!important; text-decoration:none!important;}
#banner-res {position:relative; left:auto; top:auto; background:#990000 url();
height:auto;
padding:10px 14px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
}

#h_howdoi {text-indent:0; height:auto; min-height:175px; background-repeat:no-repeat; background-color:#003375;}
#h_howdoi .inner_wrapper {background:url("../graphics/h_howdoi-bottom.jpg") bottom left no-repeat; padding-bottom:17px;}
#h_howdoi h2 {color:#FFFFFF; padding:8px 0 0 15px; margin-bottom:6px; border:0; letter-spacing:0;}
#h_howdoi ul {margin:0; padding-top:0;}

#h_paybill {background:#C8E2F1 url("../graphics/h_paybill.jpg") top left no-repeat; height:auto; text-indent:0;}
#h_paybill .inner_wrapper {background:url("../graphics/h_paybill-bottom.jpg") bottom left no-repeat; padding-bottom:9px;}
#h_paybill h2 {font-weight:bold; font-style:italic; padding:14px 0 5px 14px;}
#h_paybill h2 a {height:auto; text-decoration:none; color:#003375;}

#h_presssection ul {padding:0 14px 0 14px;}

#h_presssection {background:#849cbd url("../graphics/h_featsection.gif") top left no-repeat; text-indent:0; height:auto;}
#h_presssection .inner_wrapper {padding-bottom:15px; background:url("../graphics/h_featsection-bottom.gif") bottom left no-repeat;}
#h_presssection h2 {color:#FFFFFF; padding:8px 0 6px 14px; margin:0; border:0; letter-spacing:0;}
#h_presssection a {text-decoration:none;}

#h_staysafe {text-indent:0; height:auto;}
#h_staysafe h2 {color:#003375; padding:14px 0 6px 14px; margin:0; border:0; letter-spacing:0;}
#h_staysafe a {text-decoration:none;}
#h_staysafe ul {padding:0 14px 0 14px; margin:0;}
#h_staysafe .inner_wrapper {padding-bottom:14px; background:url("../graphics/h_safety-bottom.gif") bottom left no-repeat;}

#h_whyswitch {background:#32972A url("../graphics/h_whyswitch.png") no-repeat; text-indent:0; height:auto;}
#h_whyswitch .inner_wrapper {background:url("../graphics/h_whyswitch-bottom.png") bottom left no-repeat; padding-bottom:10px;}
#h_whyswitch h2,
#h_whyswitchbus h2 {color:#FFFFFF; padding:10px 0 6px 19px;  border:0;}
#h_whyswitch a,
#h_whyswitchbus a {width:auto; height:auto; color:#FFFFFF; text-decoration:none;}
#h_whyswitchcol01,
#h_whyswitchcol02 {margin:0;}


h2#homeh3 {
    background-image: url("../graphics/h_switchandsave.jpg");
    height: 59px;
    margin: 0 0 10px;
    padding: 0;
		text-indent:-9999px;
}


.clearFloat {display:block; clear:both; float:none;}

/* Accordian */
h3.toggler a {color:#000000;}
#insidecontent {font-size:95%;}

/* Sub navigation row */
#nav02 ul li {float:none; display:inline;}
#nav02 ul li a {display:inline; color:#666666;}
#nav02 li#nav02press,
#nav02 li#nav02safety,
#nav02 li#nav02downloads,
#nav02 li#nav02faqs,
#nav02 li#nav02contactus {width:auto;}

/* Footer */
#footerwrapper h3 {position:absolute; left:-9999px;}
#footerwrapper ul {margin:0; padding:0;}
#footerwrapper li {display:inline;}
#footerwrapper li a {font-style:normal;}



