@charset "UTF-8";
@import url("src/reset.css");
@import url("src/typography.css");
@import url("src/forms.css");
@import url("src/extended_classes.css");
@import url("src/layout.css");

/*==================================================================================================
Power Fuels
yellow #ffff03
red #e40000
==================================================================================================*/
h3{
	clear:both;
	border-bottom:1px solid #ddd;
}
a{outline:none;
	color:#840000;
}
a:hover,a:focus{
	color:#e40000;
}

body{
	font-family:Tw Cen MT,veranda,helvetica,arial,sans serif;
	font-size:98%;
}
body,html{
	background:url(images/bg09.png) top left repeat-x fixed #fd0002;
}
#wrapper{
	margin-top:20px;
}
#header{
	background:url(../images/bg01.png) top no-repeat transparent;
	padding:25px 25px 0 25px;
	width:930px;
}

#footer{
	background:url(images/sunburst_bg.jpg) fixed center center;
	padding:25px 25px 0 25px;
	width:930px;
}
#footer2{
	background:url(../images/bg01.png) bottom no-repeat transparent;
	height:20px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	width:980px;
	margin-bottom:20px;
}

.content-wrapper{
	background:url(images/sunburst_bg.jpg) repeat-y center center fixed #fff;
	
	clear:both;
	float:left;
	margin:0 0 0 0;
	overflow:hidden;
	padding:0;
	width:100%;
}
.col1{
	background:0;
	float:left;
	margin:0 0 -32767px;
	padding:25px 0 32767px 25px;
	width:615px;
}
#header-inner{
	float:left;
	clear:both;
	width:100%;
}
.col2{
	background:0;
	float:right;
	margin:0 0 -32767px -50px;
	padding:25px 25px 32767px;
	width:290px;
}

.col2 div.content{
	float:left;
	margin:0 0 35px;
}
#header h1,#header h2{
	left:-9998px;
	position:absolute;
}
ul.nav{
	background:url(gradients/black/bottom/20px/50.png) bottom repeat-x #999;
	clear:both;
	display:block;
	float:left;
	
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	text-transform:uppercase;
	width:100%;
	z-index:597;
}
ul.nav *{font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif !important;}
ul.nav li{
	background:url(gradients/black/bottom/20px/50.png) bottom repeat-x #999;
	display:block;
	float:left;
	line-height:normal;
	margin:0 0 0 1%;
	padding:0;
	text-align:center;
	vertical-align:middle;

}
ul.nav a,ul.nav a:visited{
	color:#fff;
	font-family:arial;
	font-size:12px;
	font-weight:600;
	text-decoration:none;
	white-space:nowrap;
}
ul.nav a:hover,ul.nav a.active,ul.nav a.active:hover,ul.nav a:active{
	background:url(gradients/black/bottom/20px/50.png) bottom repeat-x #d00000;
	color:#ffff03;
}
ul.nav,ul.nav li,ul.nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
ul.nav li.hover,ul.nav li:hover{
	background-color:#666;
	cursor:default;
	position:relative;
	z-index:599;
}
ul.nav ul{
	-moz-opacity:.9;
	background-color:#333;
	color:#fff;
	filter:alpha(opacity=90);
	font-size:11px;
	khtmlopacity:.9;
	left:0;
	opacity:.9;
	position:absolute;
	text-transform:none;
	top:100%;
	visibility:hidden;
	width:180px;
	z-index:598;
}
ul.nav ul li{
	background-color:transparent;
	color:#000;
	filter:none;
	float:none;
}
ul.nav ul ul{
	left:99%;
	top:1px;
}
ul.nav li:hover > ul{
	visibility:visible;
}
ul.nav ul li.hover,ul.nav ul li:hover{
	background-color:transparent;
}
ul.nav li a{
	display:block;
	padding:7px 10px;
}
ul.nav ul a{
	padding:4px 5px 4px 14px;
	width:161px;
}
ul.nav ul a:hover{
	background-color:#d00000;
}
.nav > li{
	margin-left:0px !important;
	letter-spacing:1px;
}
.nav > li:first-child{
	margin-left:10px !important;
}




.payonline_link{
	background:url(images/dollarsign1.png) no-repeat center top;
	display:block;
	float:right;
	clear:right;
	text-align:center;
	height:33px;
	padding:15px 0 0 0 ;
	color:#fff;
	text-transform:uppercase;
	font-weight:900;
	text-decoration:none;
	width:100px;
	position:relative;
	bottom:-37px;
	margin:0;

	z-index:99999 !important;
}

.payonline_link:hover,.payonline_link.active{
	color:yellow;
}





.homecol{
	clear:both;
	width:96%;
	margin:10px 0 0 4%;
	padding:0;
	float:left;
}
.homecol div *{text-align:center}
.homecol div{
	border:1px solid #ccc;
	width:44%;
	height:230px;
	padding:0;
	float:left;
	line-height:1.1em;
	background:url(images/sunburst_bg1.png) top center no-repeat ;
	margin:0 4% 30px 0;
}
.homecol h4{
	font-family:impact,arial;
	color:#e40000;
	border-bottom:5px inset #e40000;
	background:url(images/bg11.png) top repeat-x #c80002;
	margin:0 0 10px 0;
	padding:5px 0 5px 0;
	color:#ffff03;
}
.homecol h5{
	margin:15px 0 15px 0;
	padding:0;
}
.homecol ul{
	margin:15px 0 15px 0;
	padding:0;
		position:relative;left:-14px;
}

.homecol li,.homecol ul{
	text-align:center !important;/*fix chrome list-marker bug?*/
	list-style-position:inside !important;
}
.homecol a{
	display:block;
	margin:0 auto;
	background:url(images/button01.png) top center no-repeat;
	width:160px;
	height:30px;
	color:#ffff03;
	text-decoration:none;
	font-weight:900;
	line-height:28px;
}
.homecol a:hover,.homecol a:focus{
	background:url(images/button02.png) top center no-repeat;
	position:relative;
	left:1px;
	top:1px;
}


.buttons{
	display:block;
	float:left;
	clear:both;
	width:auto;
	margin:25px 0 0 120px;
}
.buttons a{
	width:340px;
	text-decoration:none;
	font-size:18px;
	letter-spacing:.1em;
	height:190px;
	display:block;
	position:relative;
	float:left;
	margin:25px 25px 0 0;
	padding:0;
	font-family:impact;
	font-weight:100;
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent;
}
.buttons a span{
	display:block;
	margin:0 auto;
	background:url(images/button01.png) top center no-repeat;
	width:100%;
	height:100%;
	color:#ffff03;
	text-align:center;
	position:relative;
	top:-15px;
}
.buttons a strong{
	display:block;
	font-weight:100 !important;
	margin:0 auto;
	background:url(images/button04.png);
	width:200px;
	height:38px;
	line-height:38px;
	text-align:center;
	position:relative;
	top:130px;
}

.buttons a:hover strong{
	background:url(images/button03.png);
}
.buttons a:hover span{
	color:#ffff03;
}

.buttons .new_customers
{	width:270px;
	background-image:url(../images/bg/button_small.png) !important;
	background-position:center -210px !important;
	position:relative;
	left:260px;
	top:-300px;
	margin-bottom:-300px;
}
.buttons .new_customers:hover{
	background-position:center top !important;
}
.buttons .new_customers span{background-image:url(../images/bg/family2.png);}
.buttons .fuel span{background-image:url(../images/bg/fuel02.png);}
.buttons .pay span{background-image:url(../images/bg/pay.png);}
.buttons .service span{background-image:url(../images/bg/service2.png);}
.buttons .customer span{background-image:url(../images/bg/customer02.png);}
.buttons .diesel span{background-image:url(../images/bg/fuel.png);}
.buttons .pellets span{background-image:url(../images/bg/pellets.png);}
.buttons .propane span{background-image:url(../images/bg/propane.png);}
.buttons .heating_oil span{background-image:url(../images/bg/oiltank.png);}
.buttons .commercial span{background-image:url(../images/bg/commercial02.png);}
.buttons .residential span{background-image:url(../images/bg/residential.png);}

.buttons a{
	background-image:url(../images/bg/button_large.png) !important;
	background-position:center -264px !important;
}
.buttons a:hover{
	background-position:center top !important;
}





.FUEL .buttons,
.SERVICE .buttons{
	margin:0;
	padding:0 0 0 2%;
	width:98%;
}
.FUEL .buttons a,
.SERVICE .buttons a{
	width:270px;
	background-image:url(../images/bg/button_small.png) !important;
	background-position:center -210px !important;
}
.FUEL .buttons a:hover,
.SERVICE .buttons a:hover{
	background-position:center top !important;
}




#header h3
{
	display:block;
	float:left;
	clear:left;

	text-align:center;
	margin:10px auto;
	padding:0;
	position:relative;

	border:0;
	font:11px arial;
	letter-spacing:.5em;
}
#header h3 span
{
	font-size:15px;
	color:#aaa;
}

#header img.logo{
	clear:left;
	float:left;
	margin-top:-5px;
}

#header .family_name{float:left;clear:left;margin:10px 0 0 15px}
#header .right p{
	margin:0 0 7px 0;padding:0;text-align:right;
}
#header .right img{
	display:inline;
}


#footer .links{
	float:left;
	padding:20px 0;
	width:940px;
}
#footer .links img{
	float:left;
	margin:0 0 0 15px;
}
#footer .links img:first-child{
	margin-left:0;
}
#footer p.left{
	padding:16px 0 0 10px;
	width:500px;
}
#footer p.right{
	padding-top:16px;
}
#footer strong{
	color:#d00000;
}
hr{
	clear:both;
	float:none;
	width:100%;
	margin:30px 0 30px 0;
}
.nav.footer_nav{
	font-family:inherit;
	height:auto;
	margin:20px 0;
	padding:2px 0;
	text-align:center;
	text-transform:none;
}
.nav.footer_nav a,.nav.footer_nav li{
	background:0 !important;
	display:inline;
	float:none;
	height:auto;
	margin:0;
	padding:2px 4px;
	width:auto;
}
.nav.footer_nav ul{
	display:none;
}
.cycle{
	float:left;
	height:280px;
	overflow:hidden;
	width:650px;
	border:1px solid #ccc;
	margin:25px 0 0 25px;
	background:#fff;
	clear:left;

}
.cycle h4{
	margin-top:15px;
}
.cycle div{
	float:left;
	height:280px;
	overflow:hidden;
	width:97%;
	padding:0 0 3% 0;
	line-height:1.1em;
	
}
.cycle img{
	float:left;
	margin-right:20px;
	
}
.cycle div.r img{
	
}
#cycle_nav{
	position:relative;
	top:14px;
	left:10px;
	margin:0 0 0 25px;
	float:left;
	width:650px;
}
#cycle_nav a{
	margin:3px;
	color:#888;
	font-size:12px;
	padding:1px 3px 1px 3px;
	text-decoration:none;
	border:1px solid #ddd;
}
#cycle_nav a:hover{
	background-color:#f9f9f9;
}
#cycle_nav .activeSlide{
	border:2px solid #ccc;
	color:#666;
}
h1{
	font-family:impact,arial;
	font-size:230%;
	letter-spacing:.07em;
	color:#e40000;
	border-bottom:2px solid #e40000;
	background:url(images/sunburst_h1.png) -20px top no-repeat;
	padding-left:87px;
	padding-top:13px;
	padding-bottom:4px;
}
.col1 p{margin:0 10px 15px 20px}
.col1 ul{margin:0 10px 15px 35px}


.testimonials blockquote{
	border:1px outset #e40000;
	padding:20px;
	background:url(gradients/white/top/900px/90.png) top repeat-x #ffff03;
	color:#e40000;
	border-top-width:5px;
	font-weight:900;
}
.testimonials blockquote p:first-child{
	color:#000;
	font-weight:100;
}



#news{
	border:1px solid #ccc;
	width:260px;
	height:280px;
	overflow:hidden;
	float:right;
	padding:0;
	margin:25px 25px 0 0;

	line-height:1.1em;
	background:#fff;
}
#news div{
	float:left;
	width:220px;
	padding:20px;
	height:240px;
}
#news img{
	float:left;
	margin:0 10px 10px 0;
}
#news h4{
	font-family:impact,arial;
	color:#e40000;
	border-bottom:5px inset #e40000;
}






.HOME .col1,.HOME .col2{
	width:440px;
	float:left;
}
.HOME .col2{
	float:right;
}
.HOME .buttons{
	background:url(../images/bg/sunburst1.png) center center no-repeat;
	margin:0;
	padding:20px 0 20px 10px;
	width:973px;
}
.HOME .content-wrapper{
	background:url(../images/bg01.png) center center fixed #fff;
}
.HOME #footer{
	background:url(../images/bg01.png) center center fixed #fff;
}
.HOME .buttons a{
	margin-left:80px;
}


address,address *{
	text-align:center;
}
address{
	font-size:110%;
	line-height:1.2em;
}


a.pdf{
	background:url(../icons/pdf.png) left center no-repeat;
	display:block;
	height:22px;
	padding-left:32px;
}
a.pdf:hover{
	position:relative;
	top:1px;
	left:1px;
}



.faq{
	background:url(images/bg11.png) bottom repeat-x #c80002;
	float:left;
	width:96%;
	padding:0 3% 2% 3%;
	margin:0 0 25px;
}
.question,.answer{
	background-color:#eee;
	padding:20px !important;
	margin:0 !important;
}
.question{
	background:url(../images/question.png) 20px bottom no-repeat;
	height:50px;
	font-weight:900;
	padding-left:140px !important;
	margin-bottom:0 !important;
	margin-top:-15px !important;
	color:#ffff03;
	position:relative;
	bottom:-15px;
}
.answer{
		border:1px outset #666;
	background:url(gradients/white/top/500px/90.png) top repeat-x #ffff03;
}



.threecol{clear:both;width:96%;padding:2% 0 2% 4%;float:left}
.threecol ul{
	width:30%;
	display:block;
	float:left;
	margin:0 3% 2% 0;
	padding:0;
}



#payonline .credit_card {
	background:url(../images/credit_cards.jpg) 390px 60px no-repeat #fff;
}
#payonline fieldset table tr td:first-child{
	float:right;
}
fieldset{
	background:#fff;
}
.hcproducts div{clear:both;float:left}



.fleet img{
	margin:0 20px 20px 0;
}


#footer hr{margin:0}




.news{
	float:left;
	overflow:hidden;
	border:1px outset #ccc;
	width:100%;
	padding:0;
	clear:both;
	margin:0 0 20px 0;
	background:#fff;
}
.news .content{
	float:left;
	padding:2%;
	width:96%;
}
.news .news_date{
	float:right;
	clear:right;
	width:200px;
	margin:5px 20px 5px 0;
	padding:0;
	text-align:right;
	display:block;
}
.news h3{
	margin-left:2%;
}












table.data {
	padding: 0;
	margin: 0 0 30px 0;
	border-left: 1px solid #C1DAD7;
}


table.data th {
	font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background:url(gradients/black/bottom/20px/50.png) bottom repeat-x #d00000 ;
	color:#fff;
}

table.data th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

table.data td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


table.data tr.alt td{
	background: #F5FAFA;
	color: #797268;
}

table.data th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

table.data th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
table.data td{text-align:center !important}



.welcome_package{
width:250px;
padding:20px;
	background:#e4f3fc;
	border:2px solid #c9e0ef;
}
.welcome_package a{color:#127bbe}
.welcome_package a:hover,.welcome_package a:focus{color:#0d5d8f}
.notice.purple {
	background-color:#ede1ff;
	border-color:#d8c0f8;
}.notice.purple a{
	color:#5800d0;
}
/*=========================================================================================*/

div.caption {
	text-align:center;
	padding:10px;
	border:1px solid #ddd;
	background:#fff;
	margin:0 0 10px 0;
}
div.caption.center {
	margin:0 auto;
}
div.caption p {
	margin:5px 0 0 0;
	padding:0;
	font-size:80%;
	line-height:1.1em;
	text-align:center;
}


/*=========================================================================================*/

.who-we-are h4 {

	color:#ddd;

	font:900 36px "Arial Black", arial;
	float:left;
	clear:left;
	margin:0 10px 5px 0;
	padding:0;

	line-height:1em
}
.who-we-are .content-area {
	padding:1em 0;
	margin:1em 0;
	border-bottom:1px dotted #ccc;
}
/*=========================================================================================*/

/* Handwritten letter style */
.letter {
	background:#fff;
	color:#444;
	padding:1.5em;
	border:1px solid #ddd;
}

/*=========================================================================================*/

.oilheat_vs_natural-gas{}
.oilheat_vs_natural-gas .video {
	margin:15px auto;
	width:580px;
	float:none;
}
.oilheat_vs_natural-gas .conclusion {
	color:#a40000;
}


/*=========================================================================================*/