body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; line-height:18px; background-image:url(../images/background.png); background-repeat:repeat-x;}

#container{width:973px; text-align:left;}

#logo{ float:left; padding:25px 0px 0px 23px;}
.logoText{ color:#157dc2; font-size:20px; margin:25px 0px 0px 12px; float:left}

h1{ color:#3f3f3f; font-size:24px;}
h2{ font-size:20px; color:#3f3f3f; padding:0px; margin:0px 0px 5px 0px;}
h3{ font-size:20px; color:#058bcd; margin:0px 0px 15px 0px;}
h4{ font-size:16px; color:#787878; margin:0px 0px 10px 0px; padding:8px 0px 0px 0px;}
h5{ font-size:26px; color:#787878; margin:0px 0px 10px 0px;}
h6{ font-size:38px; color:#525252; font-weight:normal; margin:10px 0px 15px 0px;}

a{ color:#058bcd;}
a:hover{ text-decoration:none;}

.background1{ background-image:url(../images/banner_inner.png); background-repeat:repeat-x;}

#navigation{ float:right; margin:3px 0px 0px 0px;}
#navigation ul{ margin:0px; padding:0px;}
#navigation ul li{ float:left; list-style-type:none; padding:0px 1px 0px 0px;}
#navigation ul li a{ background-image:url(../images/nav_bg.png); width:97px; height:26px; text-align:center; display:block; color:#fff; font-weight:bold; text-decoration:none; background-repeat:no-repeat; padding:5px 0px 0px 0px;}
#navigation ul li a:hover{ background-image:url(../images/nav_bg_hover.png); background-repeat:no-repeat;}
.selected{background-image:url(../images/nav_bg_hover.png) !important; background-repeat:no-repeat;}

.phone{ float:right; padding:20px 0px 0px 0px; color:#2b2b2b; font-size:18px;}

#banner{ margin:5px 0px 0px 0px; background-image:url(../images/banner.jpg); width:973px; height:318px; text-align:right; color:#fff;}
#bannerText{ font-size:22px; text-align:left; padding:200px 10px 0px 330px; line-height:26px;}
#bannerText h1{ font-size:36px; color:#fff; font-weight:normal; margin:0px 0px 13px 0px; padding:0px;}
#bannerInner{ width: 100%; height:50px; background-image:url(../images/startSaveHere.png); background-repeat: no-repeat; margin-top: -16px; padding:9px 0px 0px 0px;}
#bannerBack{ background-image:url(../news/wp-content/themes/pennsylvania-electric-company/images/banner_inner.png); background-repeat: repeat-x; position: absolute; top: 0px; left: 0px; width: 100%; height: 240px; z-index: -1;}
#bannerInnerText{ height:42px; margin:-1px 0px 0px 0px; padding:20px 0px 0px 0px; font-size:24px; font-weight:bold; color:#fff; text-align:center;}

#tryNow{ background-image:url(../images/tryNow_bg.png); background-repeat:no-repeat; width:208px; height:268px; position:relative; margin:-302px 0px 0px 20px; padding:17px 0px 0px 77px; color:#fff; font-weight:bold; font-size:17px;}


#bannerCompare{ background-image:url(../images/compare_banner.jpg); background-repeat:no-repeat; width:955px; height:300px; padding:18px 0px 0px 18px;}
#tryNowCompare{ background-image:url(../images/tryNow_bg.png); background-repeat:no-repeat; width:208px; height:268px; margin:0px 0px 0px 0px; padding:17px 0px 0px 77px; color:#fff; font-weight:bold; font-size:17px; float:left}
#compareBanner{ margin:0px 0px 0px 253px; text-align:center;}
#compareBannerInner{ padding:15px 18px 0px 20px;}
#compareBannerInner h1{ margin:0px 0px 35px 0px; padding:0px; color:#fff; font-size:25px;}
#compareBannerInner h2{ margin:4px 0px 10px 20px; padding:0px; color:#fff; font-size:22px; float:left}
#compareBannerInner h3{ margin:5px 0px 20px 35px; padding:0px; color:#fff; font-size:20px; line-height:28px;}
.space{ height:80px;}


.whiteHeading{ font-size:26px; color:#fff; font-weight:bold;}
.step1{ height:30px}
.step2{ height:25px}
.step3{ height:35px}
.tryTextField{ border:1px solid #2b6ba6; padding:3px 3px 3px 3px; width:170px; margin:6px 0px 0px 0px; color:#9a9a9a;}

#bodyArea{ margin:7px;}
#leftColumn{ width:435px; margin:0px 28px 0px 0px; float:left}
#leftColumn1{ width:554px; margin:0px 35px 0px 0px; float:left}
#rightColumn{ width:495px; float:left;}
#rightColumn1{ width:365px; float:left;}

#suppliers{ background-image:url(../images/suppliers_bg.png); background-repeat:no-repeat; width:435px; min-height:185px; text-align:center; margin:6px 0px 0px 0px;}
#testimonials{ background-image:url(../images/testimonial_bg.png); background-repeat:no-repeat; width:368px; min-height:163px; margin:6px 0px 0px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#525252; padding:30px 37px 0px 90px; line-height:22px; }
#news{ background-image:url(../images/news_bg.png); width:471px; background-repeat:no-repeat; min-height:190px; padding:0px 12px 0px 12px;}
#news img { float:left; margin-right:10px;}
.roundButton{ margin:12px 0px 0px 0px;}
.roundButton a{ background-image:url(../images/btn.png); background-repeat:no-repeat; width:21px; height:21px; text-align:center; color:#fff; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; float:left; margin:0px 3px 0px 0px;}

.center{ background-image:url(../images/center.png); background-repeat:repeat-y; width:386px; padding:15px 24px 10px 24px; }
.image{ padding:0px 22px 0px 0px;}
.imageText{ margin:0px 0px 0px 140px;}
.pic{ padding:0px 14px 0px 0px;}
.spacer{ height:25px;}
.spacer1{ height:20px;}
.spacerbottom{ height:70px;}
.divider{ background-image:url(../images/divider.png); background-repeat:repeat-x; height:41px;}
.divider1{ background-image:url(../images/divider.png); background-repeat:repeat-x; height:30px;}
.divider2{ background-image:url(../images/divider1.png); background-repeat:repeat-x; height:24px;}

.rightBox{ background-image:url(../images/right_bg.png); width:365px; min-height:190px; background-repeat:no-repeat;}
.rightBoxTestimonials{ background-image:url(../images/right_bg.png); width:300px; min-height:190px; background-repeat:no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#525252; padding:25px 25px 0px 40px; line-height:22px; }
.rightBoxArticles{background-image:url(../images/right_bg.png); width:300px; min-height:190px; background-repeat:no-repeat; font-size:16px; color:#525252; padding:5px 25px 0px 25px; line-height:22px;}

#content{ font-size:13px;}
.box{ background-color:#f7f7f7; border:2px solid #eaeaea; padding:15px;}

.txtField{ border:1px solid #c8c8c8; width:280px; padding:3px; background-image:url(../images/bg.png); background-repeat:repeat-x;}
textarea{ border:1px solid #c8c8c8; width:280px; padding:3px; background-image:url(../images/bg.png); background-repeat:repeat-x;}
.tabular{ color:#5c5c5c;}

.newsHeading{ color:#058bcd; font-size:24px; font-weight:bold; line-height:30px;}
.date{ margin:8px 0px 18px 0px; font-size:12px;}
.smallText{ font-size:12px;}
.smallText1{ font-size:10px; line-height:12px; font-weight:normal;}
.heading{ color:#686868; font-size:26px; font-weight:bold;}
.header{ background-color:#e7e7e7; font-size:18px; color:#686868; font-weight:bold; padding:7px 0px 7px 12px; margin:0px 0px 10px 0px;}

.yellowBar{ background-color:#ffec70; font-size:14px; color:#424242; font-weight:bold; padding:5px 0px 5px 10px; margin:0px 0px 5px 0px;}

#formArea{ margin:0px 35px 0px 35px; color:#686868 !important;}
.centerAlign{ text-align:center;}

#compareTable{ margin:0px 0px 0px 105px; color:#686868 !important;}
.compareTop{ background-image:url(../images/compare_top.png); background-repeat:no-repeat; width:724px; height:98px; color:#fff; font-size:18px; padding:8px 8px 0px 8px;}
.compareCenter{ width:740px; border:1px solid #d9d9d9; border-width:0px 1px 0px 1px; width:738px;}
.compareBottom{ background-image:url(../images/compare_bottom.png); background-repeat:no-repeat; width:724px; height:44px; color:#fff; font-size:14px; padding:20px 8px 0px 8px;}

.thbg{ background-image:url(../images/th_bg.png); background-repeat:repeat-x; height:74px;}
.thbg th{ text-align:left; padding:0px 0px 0px 10px; color:#000; font-size:18px; border-right:1px solid #bdbdbd;}
.odd{ height:94px; color:#4a4a4a;}
.odd td{border-top:1px solid #d9d9d9; padding:0px 0px 0px 5px;}
.even{ background-color:#f9f9f9; height:94px; color:#4a4a4a;}
.even td{border-top:1px solid #d9d9d9; padding:0px 0px 0px 5px;}
.largeText{ font-size:28px;}
.companyImage{ text-align:center; height:50px; padding:22px 0px 0px 0px;}
.companyName{height:50px; padding:22px 0px 0px 0px;}
.dropmenu{ font-size:10px; color:#444444;}
.dropmenu1{background-color:#ececec;}
.rate{ color:#00a82e; font-size:24px; font-weight:bold;}

.tab{ background-image:url(../images/black_tab.png); background-repeat:no-repeat; width:125px; height:35px; text-align:center; font-weight:bold;}

#footer{ background-color:#1582b9; padding:20px 0px 20px 0px; margin:30px 0px 0px 0px; color:#fff;}
#footerInner{ width:960px; text-align:left;}
#footerInner a{ color:#fff; text-decoration:none; margin:0px 4px 0px 4px;}
#footerInner a:hover{ text-decoration:underline;}

.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}

.box1 { background-color:#f7f7f7; width:244px; border:1px solid #e8ded8; border-width:1px 0px 1px 0px; padding:0px 0px 0px 10px; margin:0px 0px 0px 50px;}
.box1 ul {margin:0px; padding:0px 0px 0px 25px ;}
.box1 li {padding:0px 0px 5px 0px;}

#ziptable {
	float: left;
	width: 740px;
	margin: 30px 0px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}
#ziptable_top {
	background: url(../images/zip_top.png) no-repeat;
	width: 740px;
	height: 9px;
	float: left;
}
#ziptable_content {
	background: url(../images/zip_table_header_bg.png) top repeat-x;
	float: left;
	width: 740px;
	padding-top: 105px;
}
#zip_search_result {
	position: absolute;
	top: 15px;
	left: 20px;
	font-size: 16px;
	color: #fff;
}
#zip_number {
	font-size: 24px;
	font-weight: bold;
}
#zip_compare {
	position: absolute;
	top: 15px;
	right: 20px;
}
#ziptable_bottom {
	background: url(../images/zip_table_bottom.png) no-repeat;
	width: 740px;
	height: 10px;
	float: left;
}
#ziptable_nav {
	position: absolute;
	right: 20px;
	top: 69px;
	list-style: none;
}
#ziptable_nav li {
	display: inline;
	cursor: pointer;
	width: 124px;
	height: 35px;
	float: left;
	line-height: 35px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-left: 3px;
}
#ziptable_nav .title {
	float: left;
	color: #fff;
	font-size: 16px;
	line-height: 35px;
	margin-right: 10px;
}
#ziptable_nav li.item {
	background: url(../images/ziptable_tab.png);
	color: #fff;
}
#ziptable_nav li.selected_item {
	background: url(../images/ziptable_tab_selected.png);
}
#btnContinueYellow {
	background: url(../images/btnYellowContinue.png);
	width: 125px;
	height: 38px;
	float: left;
	margin-left: 5px;
}
#zip_compare .title {
	font-size: 16px;
	margin-right: 5px;
	float: left;
	color: #fff;
	line-height: 35px;
}
#zip_compare .inputtext {
	width: 200px;
	float: left;
	padding: 4px;
	margin-top: 4px;
	color: #ccc;
	font-size: 16px;
}
#ziptable_main {
	width: 100%;
}
#ziptable_main .rowhead {
	font-weight: bold;
	font-size: 16px;
	height: 65px;
	padding: 0px;
}
#ziptable_main .column {
	vertical-align: middle;
}
#ziptable_main .row {
	line-height: 25px;
	vertical-align: middle;
	padding: 25px 0px 0px 0px;
	border-top: solid 1px #ccc;
	height:auto;
}
#ziptable_main .rowhead .column {
	background: url(../images/ziptable_header_separator.png) right no-repeat;
	height: 44px;
	padding-top: 20px;
}
#ziptable_main .rowhead .lastcolumn {
	background: none;
}
#ziptable_main .column {
	padding-left: 10px;
}
#ziptable_main .col1 {
	width: 100px;
}
#ziptable_main .col2 {
	width: 150px;
}
#ziptable_main .col3 {
	width: 130px;
}
#ziptable_main .col4 {
	width: 80px;
}
#ziptable_main .col5 {
	width: 110px;
}
#ziptable_main .col6 {
	width: 105px;
}
#ziptable_main .status {
	float: right; 
	width: 11px;
	height: 25px;
	margin-right: 10px;
}
#ziptable_main ol, ul {
list-style:none outside none;
margin:0px;
padding:0px;
}
#btnContinue {
	background: url(../images/btnContinue.png);
	width: 96px;
	height: 47px;
	float: left;
}
#list_ziptable {
	border: solid 1px #ccc;
	float: left;
	background: #fff;
}
#ziptable_bottom_content {
	background: url(../images/ziptable_footer_content.png) top repeat-x;
	height: 54px;
	width: 740px;
	float: left;
	position: relative;
}
#ziptable_bottom_content .link {
	position: absolute;
	top: 20px;
	right: 20px;
	text-decoration: underline;
	color: #fff;
}
#ziptable_bottom_content .link1 {
	position: absolute;
	top: 20px;
	right: 110px;
	text-decoration: underline;
	color: #fff;
}
#ziptable_bottom_content .text {
	position: absolute;
	top: 20px;
	right: 105px;
	text-decoration: none;
	color: #fff;
}
#ziptable_bottom_content span {
	position: absolute;
	top: 20px;
	left: 20px;
	color: #fff;
	font-size: 18px;
}
#ziptable_bottom_content a {
	position: absolute;
	top: 20px;
	right: 20px;
	text-decoration: underline;
	color: #fff;
}
#list_ziptable .even {
	background: #f9f9f9;
}

#list_ziptable .column {
	font-weight: bold;
	color: #4a4a4a;
}
#list_ziptable .price {
	color: #00a82e;
	font-weight: bold;
	font-size: 24px;
}
#list_ziptable .col6 #btnContinue{
	position: relative;
	top: -5px;
	float: right;
}
.rowhead, .row {
	float: left;
	width: 100%;
	padding: 10px 0px;
}
.column {
	float: left;
}
#plan_details, #provider_details, #promotion_details {
	float: left;
	background: #fdffe1;
	padding: 20px;
	border-top: solid 1px #ccc;
	clear: both;
	display: none;
}
#plan_details .row, #provider_details, #promotion_details .row {
	line-height: normal;
	/*border-bottom: solid 1px #ccc;*/
}
#plan_details .col1, #provider_details .col1, #promotion_details .col1 {
	font-weight: normal;
	padding-bottom:10px;
	width: 240px;
}
#plan_details .col2, #provider_details .col2, #promotion_details .col2 {
	font-weight: normal;
	padding-bottom:10px;
	width: 240px;
}
#plan_details .col3, #provider_details .col3, #promotion_details .col3 {
	font-weight: normal;
	padding-bottom:10px;
	width: 200px;
}
#plan_details .column .title, #provider_details .column .title, #promotion_details .column .title {
	font-weight: bold;
	font-size: 16px;
	color: #715604;
	padding-bottom: 5px;
}
#plan_details ul, #provider_details ul {
	list-style: disc inside;
	font-size: 12px;
}
#plan_details ul li, #provider_details ul li {
	padding-bottom: 5px;
	font-weight: normal;
}
#list_ziptable .detail_link {
	float: left;
	padding: 0px 30px 0px 10px;
	text-decoration: underline;
	font-size: 11px;
	color: #333;
}
#list_ziptable .promotion_link {
	float: left;
	padding: 0px 30px 0px 10px;
	text-decoration: underline;
	font-size: 11px;
	color: #F60;
}
#list_ziptable .selected_item,#list_ziptable .detail_link:hover{
	background: #fdffe1;
}
.ziptable_detail_link_close {
	height: 38px;
	background: url(../images/ziptable_detail_bottom_bg.png) repeat-x;
	text-align: center;
	clear: both;
	display: none;
	cursor: pointer;
}
.ziptable_detail_link_close img
{
	border:0px !important;
}


#ziptable_holder {
	margin: auto;
	width: 740px;
}
#ziptable_title {
	text-align: center;
	padding: 20px 0px;
	font-size: 24px;
	color: #4b4b4b;
	font-family: Arial, Helvetica, sans-serif;
}
.colheader {
	float:left; padding:5px 0px 0px 0px ;}
	
.smalltxt11 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline; font-size:9px;}

.	

.colum1 {float:left;}

			/*##############################################################*/
#paging {
	 margin:12px 0px 35px 0px;
}
#paging a {
	 background-image:url(../images/btn_hover.png); background-repeat:no-repeat; width:21px; height:21px; text-align:center; color:#fff; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; float:left; margin:0px 3px 0px 0px;
}
#paging .selected_item, #paging a:hover {
		background-image : url(../images/btn_hover.png); background-repeat:no-repeat;
		color:#333;
/*background-position : 0 -24px;*/
}

p#slide-nav a {
float : left;
width : 22px;
height : 21px;
display : inline;
font-size : 11px;
margin : 0 7px 0 0;
line-height : 22px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-repeat : no-repeat;

}
#slide-nav a.on {
	background-image : url(../images/btn_hover.png); background-repeat:no-repeat;
	color:#333;
/*background-position : 0 -24px;*/
}
#slide-nav a {
background-image : url(../images/btn.png); background-repeat:no-repeat;
text-indent:0px; text-align:center;
}

.comm_banner {background-image:url(../images/commercial_top.png); width:779px; height:99px; margin:20px 0px 30px 0px ;}
.slogen_com {height:99px; margin:3px 0px 10px 0px ; float:left; width:650px;}
.phone_icon {padding:10px 22px 0px 0px ; float:right;}


.text_com {font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#028000; padding:40px 0px 0px 25px; font-weight:bold;}

.commercialBtn{ background-image:url(../images/btn_quotes.png); background-repeat:no-repeat; width:437px; height:41px; padding:16px 0px 0px 0px;}
.commercialBtn a{ color:#fff; text-decoration:none; font-size:22px; font-weight:bold;}


#cost-content { font-size:13px; padding:5px 10px 10px 20px;}
#cost-content h2 {font-size:20px; color:#181818; line-height:24px;}
#text-bg {background-image:url(../images/text-bg.jpg); width:554px; background-repeat:no-repeat; margin:2px 0px 0px 0px;}
.costtxt {margin:20px 0px 0px 0px;}
.costtxt ul {margin:15px; padding:0px;}
.costtxt ul li {list-style-image:url(../images/arrowcost.jpg);}
#costlink {background-image:url(../images/costlink-bg.jpg); width:205px; height:75px; background-repeat:no-repeat; padding:13px 0px 0px 0px;}
#costlink ul {margin:0px; padding:0px;}
#costlink ul li {list-style-image:url(../images/costarrow.png); margin:0px 0px 0px 22px; padding:5px 0px 0px 0px;}
#costlink ul li a{color:#FFFFFF; }

.ratetxt {margin:20px 0px 0px 0px; }
.ratetxt h1 {font-size:16px; color:#181818; }
.ratetxt span {color:#1b4f8a;}
.righttxt {color:#1b4f8a; font-size:14px; padding:10px 0px 0px 0px; float:right;}
#topbox {background-image:url(../images/topbox.jpg); width:244px; height:31px; background-repeat:no-repeat;}
#topbox h1 {font-size:16px; color:#f5f7f8; font-weight:normal; text-align:center; padding:5px 0px 0px 0px;}
#middlebox {background-image:url(../images/middlebox.jpg); width:244px; background-repeat:repeat-y; }
#middlebox a{ text-decoration:none !important;}
.boxno-select {width:242px; height:26px; }
.boxselect {width:242px; height:26px; background-color:#d8dfe5; }
.boxtxt {background-image:url(../images/boxicon.png); background-position:left center; margin:0px 0px 0px 5px; background-repeat:no-repeat; padding:3px 0px 4px 20px;}
.boxtxt span {float:right; padding:0px 10px 0px 0px;}
#leftbox {width:245px; float:left;}
#rightbox {width:245px; float:right;}
.smalltxt {font-size:11px;}
#rightLinks{ margin:0px 0px 0px 12px; background-image:url(../images/links_bg.png); width:320px; height:63px; background-repeat:no-repeat; padding:12px 0px 0px 20px;}
#rightLinks a{ color:#fff; font-size:13px; margin:0px 0px 8px 0px; text-decoration:none; background-image:url(../images/arrowcost.jpg); background-repeat:no-repeat; background-position:center left; padding:0px 0px 0px 18px; line-height:22px; }
#rightLinks a:hover{ text-decoration:underline;}
.dottedLine{ background-image:url(../images/dotted.png); background-repeat:repeat-x; height:1px; margin:10px 0px 10px 0px;}