body {
	margin: 0;
	padding: 0;
	
	behavior:url("hover.htc");
	}
	
body a {
	outline: none;
	}
	
#wrapper {
	width: 780px;
	margin: 0 auto;
	margin-top: 10px;
	}
	
.custname {
	color: #003f75;
	}
	
#header {
	height: 120px;
	}
	
#logo {
	background: url(../images/emologo.jpg) top left no-repeat;
	text-indent: -99999px;
	width: 145px;
	height: 140px;
	float: left;
	margin-left: -2px;
	}
	
#logo a {
	background: url(../images/emologo.jpg) top left no-repeat;
	text-indent: -99999px;
	width: 145px;
	height: 140px;
	float: left;
	margin-left: -2px;
	z-index: 100;
	}
	
#navholder {
	width: 590px;
	float: right;
	list-style: none;
	margin: 92px 39px 0 -19px;
	}
	
#sub-level {
background:url(../images/sublevelback.jpg) top left no-repeat;
width: 589px;
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 48px 0 0 40px;
}

.emo-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 2px 0 0 0px;
	padding: 1px 0 0 0;
	
	float: left;
	}
	
.emo-sub a {
	text-decoration: none;
	color:#ffffff;
	margin-left:25px;
	}
	
.custname {
	color: #003f75;
	}
	
.emo-sub a:hover {
	color: #FFFFFF;
	}
.loginbut {
	background: url(../images/loginbut.png) 0 0% no-repeat;
	width: 28px;
	height: 16px;
	border: none;
	font-size: 9px;
	text-align: center;
	color: #ffffff;
	padding-bottom: 3px;
	cursor: pointer;
	margin-left: 0px;
	
	}
	
.loginbut2 {
	background: url(../images/loginbut2.png) 0 0% no-repeat;
	width: 48px;
	height: 16px;
	border: none;
	font-size: 9px;
	text-align: center;
	color: #ffffff;
	padding-bottom: 2px;
	cursor: pointer;
	margin-left: 3px;
	margin-top: -1px;
	}
	
.loginbut3 {
	background: url(../images/loginbut3.png) 0 0% no-repeat;
	width: 60px;
	height: 16px;
	border: none;
	font-size: 9px;
	text-align: center;
	color: #ffffff;
	padding-bottom: 2px;
	cursor: pointer;
	margin-left: 60px;
	margin-top: -1px;
	}
	
.floatleft_loggedin {
	float: left;
	width: 200px;
	height: 70px;
	margin: 10px 0 0 0;
	}
	
.floatleft p {
	
	padding-bottom: 10px;
	}
	
.floatleft_loggedin p {
	font-weight: bold;
	padding-bottom: 10px;
	}
	
.floatleft_loggedin a {
	text-decoration: none;
	color:#ffffff;
	}
	
.floatleft_loggedin a:hover {
	text-decoration: underline;
	color:#003f75;
	}
	
.go {
	background: url(../images/gobut.jpg) top left no-repeat;
	width: 65px;
	height: 23px;
	border: none;
	font-size: 10px;
	color: #fff;
	padding-right: 40px;
	cursor: pointer;
	}

#sub-level p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 3px 0 0 379px;
	padding: 1px 0 0 0;
	color:003e74;
	width: 250px;
	}
	
#sub-level a {
	text-decoration: none;
	color:#003e74;
	}

#sub-level10 {
background:url(../images/sublevelback.jpg) top left no-repeat;
width: 589px;
height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 48px 0 0 40px;
}	
	
#sub-level10 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 3px 0 0 410px;
	padding: 2px 0 0 0;
	color:003e74;
	width: 250px;
	}
	
#sub-level10 a {
	text-decoration: none;
	color:#003e74;
	}
	
#top-level ul {

	height:22px;
	display:block;
	width:590px;
	outline: none;
	}
	
#top-level li {
	height:22px;
	display:inline;
	float:left;
	width:auto;
	margin: 10px 0px 0 0;
	outline: none;
	}

#top-level  li.top-home  a {
	text-indent:-99999px;
	width:79px;
	background: url(../images/topnav_home.jpg) 0 -34px no-repeat;
	height: 22px;
	display: block;
}

#top-level  li.top-home  a:hover {
	background-position: 0 0px;
	outline: none;
	}


#top-level li.top-order  a {
	text-indent:-99999px;
	overflow:hidden;
	left:0px;
	width:79px;
	background: url(../images/topnav_orderoil.jpg) 0 -34px no-repeat;
	height: 22px;
	display: block;
}

#top-level li.top-order  a:hover {
	background-position: 0 0px;
	outline: none;
	}
	
#top-level li.top-order ul {
	position: absolute;
	visibility: hidden;
	margin: -8px 0 0 -118px;
	display: block;

	}
	
#top-level li:hover ul {
	visibility: visible;
	z-index: 100;
}
	
#top-level li.top-order li a {
	list-style: none;
	display: inline;
	text-indent: -99999px;
	margin: 0px 5px 0 0;

	}
	
#top-level li.top-order li.cust a {
	background:url(../images/order_cust.jpg)	top left no-repeat;
	text-indent: -99999px;
	display: block;
	width: 90px;
	}
	
#top-level li.top-order li.cust a:hover {
	background-position: 0 -35px;
	}
	
#top-level li.top-order li.pay a {
	background:url(../images/order_pay.jpg)	top left no-repeat;
	text-indent: -99999px;
	display: block;
	width: 104px;
	}
	
#top-level li.top-order li.pay a:hover {
	background-position: 0 -36px;
	}
	
#top-level li.top-order li.pay2 a {
	background:url(../images/order_plannedpay.jpg)	top left no-repeat;
	text-indent: -99999px;
	display: block;
	width: 90px;
	}
	
#top-level li.top-order li.pay2 a:hover {
	background-position: 0 -36px;
	}

#top-level li.top-order li.pay3 a {
	background:url(../images/order_planneddel.jpg)	top left no-repeat;
	text-indent: -99999px;
	display: block;
	width: 84px;
	}
	
#top-level li.top-order li.pay3 a:hover {
	background-position: 0 -36px;
	}


#top-level li.top-services  a {
	text-indent:-300em;
	overflow:hidden;
	left:0px;
	width:79px;
	background: url(../images/topnav_services.jpg) 0 -34px no-repeat;
	height: 22px;
	display: block;
}

#top-level li.top-services a:hover {
	background-position: 0 0px;
	outline: none;
	}
	
	
#top-level li.top-services ul {
	position: absolute;
	visibility: hidden;
	margin: -8px 0 0 -22px;
	}
	
#top-level li:hover ul {
	visibility: visible;
	z-index:100; outline:none;
	}
	

#top-level li.top-services li a {
	list-style: none;
	display: inline;
	text-indent: -99999px;
	margin: 0 5px 0 0;

	}
	
#top-level li.top-services li.home a {
	background:url(../images/services_home.jpg)	top left no-repeat;
	text-indent: -99999px;
	display: block;
	width: 44px;
	}
	
#top-level li.top-services li.home a:hover {
	background-position: 0 -33px;
	}
	
#top-level li.top-services li.business a {
	background:url(../images/services_businessw.jpg)	top left no-repeat;
	text-indent: -99999px;
	display: block;
	width: 55px;	
	}
	
#top-level li.top-services li.business a:hover {
	background-position: 0 -35px;
	}
	

#top-level li.top-myemo  a {
	text-indent:-300em;
	overflow:hidden;
	left:0px;
	width:79px;
	background: url(../images/topnav_myemo.jpg) 0 0px no-repeat;
	height: 22px;
	display: block;
}

/*#top-level li.top-myemo  a:hover {
	background-position: 0 0px;
	outline: none;
	}*/
	
#top-level li.top-myemo ul {
	position: absolute;
	visibility: hidden;
	margin: -8px 0 0 -104px;
	display: block;

	}
	
#top-level li:hover ul {
	visibility: visible;
	z-index: 100;
}
	
#top-level li.top-myemo li a {
	list-style: none;
	display: inline;
	text-indent: -99999px;
	margin: 0px 5px 0 0;

	}
	

	
#top-level li.top-myemo li.emocastrol a {
	background:url(../images/emo_envirow.jpg) top left no-repeat;
	text-indent: -99999px;
	display: block;
	width: 60px;
	}
	
#top-level li.top-myemo li.emocastrol a:hover {
	background-position: 0 -35px;
	}
	
#top-level li.top-myemo li.emoubs a {
	background:url(../images/emo_xtra1.jpg)	top left no-repeat;
	text-indent: -99999px;
	display: block;
	width: 122px;
	}
	
#top-level li.top-myemo li.emoubs a:hover {
	background-position: 0 -35px;
	}
	
#top-level li.top-myemo li.emoforecourts a {
	background:url(../images/emo_communityw.jpg)	top left no-repeat;
	text-indent: -99999px;
	display: block;
	width: 65px;
	}
	
#top-level li.top-myemo li.emoforecourts a:hover {
	background-position: 0 -35px;
	}

#top-level li.top-contact  a {
	text-indent:-300em;
	overflow:hidden;
	left:0px;
	width:79px;
	background: url(../images/topnav_contact.jpg) 0 0 no-repeat;
	height: 22px;
	display: block;
}

#top-level li.top-contact  a {
	text-indent:-300em;
	overflow:hidden;
	left:0px;
	width:79px;
	background: url(../images/topnav_contact.jpg) 0 -34px no-repeat;
	height: 22px;
	display: block;
}

#top-level li.top-contact a:hover {
	background-position: 0 0px;
	outline: none;
	}
	
.subback {
	margin: 0 0 0 40px;
	}
	
#customer-login {
	background: url(../images/mainloginback.jpg) top left no-repeat;
	width: 180px;
	height: 80px;
	float: right;
	margin: -80px -39px -1px 20px;
	}
	
#customer-login p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	margin: 20px 5px -14px 6px;
	float: left;
	}
	
.passwordtxt {
	padding-top: -20px;
	margin: -30px 0 0 0;
	float: left;
	}
	
/*.loginbox2 {
	margin: 0px 0 0 -2px;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	}
	
.loginbox {
	
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	}*/
	
.floatright {
	float: right;
	margin: -75px 0 0 70px;
	
	}
	
.floatright p {
	margin-top: -5px;
	}
	
.floatleft {
	float: left;
	width: 50px;
	height: 70px;
	margin: 10px 0 0 0;
	}
	
.floatleft p {
	
	padding-bottom: 10px;
	}
	
.loginfloat {
	float: right;
	margin: -20px 0 0 20px;
	}

	
.clear {
	clear: both;
	}
	
#mainanim {
	float: left;
	width: 588px;
	height: 252px;
	margin: -27px 10px 10px 0;
	}
	
	
	
.orderbox {
	float: left;
	width: 588px;
	margin:-11px 10px 10px 0;
	background-color: #b8c3da;
	height: 570px;
	}
	
.orderbox p {
	
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 11px;
	
	}	
	
.orderbox label {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 11px;
	float: left;
	padding-top: 5px;
	}
	
.orderbox .textbox {
	float: right;
	
	}
	
.orderbox .createaccount {
	background: url(../images/createaccount.jpg) top left no-repeat;
	width: 94px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float: right;
	border: none;
	margin: -40px 0 0 0;
	cursor: pointer;
	}
	
.orderboxtop {
	background: url(../images/orderboxtop.jpg) top left no-repeat;
	width: 588px;
	height: 15px;
	}
	
.orderboxheader {
	background: url(../images/orderboxheader.jpg) top left no-repeat;
	text-indent: -99999px;
	width: 588px;
	height: 47px;
	}
	
.orderboxbottom {
	background: url(../images/orderboxbottom.jpg) top left no-repeat;
	width: 588px;
	height: 12px;
	margin:0px 0 0 0;
	}
	
.newcustomer {
	background:url(../images/newcustomer.jpg) top left no-repeat;
	height: 22px;
	width: 231px;
	text-indent: -99999px;
	margin: 10px 0 10px 0px;
	}
	
.existingcustomer {
	background:url(../images/existingcustomer.jpg) top left no-repeat;
	height: 22px;
	width: 231px;
	text-indent: -99999px;
	margin: 10px 0 10px 0px;
	}
	
.newcustomerform {
	width: 231px;
	margin: 0 0 0 25px;
	float: left;
	}
	
.existingcustomerform {
	width: 231px;
	margin: 0 60px 0 0px;
	float: right;
	}
	
.existingcustomerform .existingaccount {
	background: url(../images/createaccount.jpg) top left no-repeat;
	width: 94px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	float: right;
	border: none;
	margin: 0px 0 0 0;
	cursor: pointer;
	}
	
	
	
.terms {
	background: url(../images/terms.jpg) top left no-repeat;
	width: 84px;
	height: 12px;
	text-indent: -99999px;
	margin-bottom: -5px;
	}
	
.termstxt {
	font-size: 9px;
	}
	
.left {	
	float: left;
	}
	
#benefits {
	float: right;
	width: 179px;
	margin: -27px 0 0 0;
	}
	
.benefitsbanner {
	background:url(../images/newcustomersbanner.jpg) top left no-repeat;
	width: 179px;
	height: 27px;
	text-indent: -99999px;
	}
	
.benefitstxt {
	background: url(../images/benefitsheader.jpg) top left no-repeat;
	width: 179px;
	height: 90px;
	text-indent: -99999px;
	margin: 10px 0 10px 0;
	}
	
.benefitslist  {
	list-style: none;
	margin: 0 0 0 -31px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003975;
	font-size: 11px;
	width: 179px;
	}
	
.benefitslist li {
	background: url(../images/benefitslistarrow.jpg) 0 5% no-repeat;
	padding-left: 10px;
	margin: 10px 0 0 0;
	}
	
#ecoservices {
	float: right;
	width: 179px;
	margin: -10px 0 0 0;
	}
	
.ecoservicesbanner {
	background:url(../images/ecoservicesheader.jpg) top left no-repeat;
	width: 179px;
	height: 26px;
	text-indent: -99999px;
	}
	
#ecoservices-list {
	margin: -13px 60px 0 -50px;
	}
	
#ecoservices-list ul {
	width: 179px;
	display: block;
	list-style: none;
	margin: 0px 0px 0 0px;
	}
	
#ecoservices-list li {
	list-style: none;
	margin: -12px 0px 0  10px;
	padding-top: 0px;
	}
	

	
#ecoservices-list li.castrol a{
	background: url(../images/enviro.jpg) 0 -75px no-repeat;
	text-indent: -9999px; 
	overflow: hidden;
	display: block;
	width: 181px;
	height:70px;
	
	
	}
	
/*#ecoservices-list li.castrol a:hover {
	background-position: 0 0px;
	width: 181px;
	height: 54px;
	margin-bottom: 16px;	
	}*/
	
#ecoservices-list li.ubs a{
	background: url(../images/xtra.jpg) 0 0px no-repeat;
	text-indent: -999999px; 
	overflow: hidden;
	display: block;
	width: 181px;
	height: 70px;
	position: relative;
	}
	
#ecoservices-list li.ubs a:hover {
	background-position: 0 -74px;
	position: relative;
	}

	
#ecoservices-list li.fourcourts a{
	background: url(../images/community.jpg) 0 0 no-repeat;
	text-indent: -999999px; 
	overflow: hidden;
	display: block;
	width: 181px;
	height: 70px;
	position: relative;
	}
	
#ecoservices-list li.fourcourts a:hover {
	background-position: 0 -75px;
	position: relative;
	}
	
#ecoservices-list li.trust a{
	background: url(../images/trust.jpg) 0 0px no-repeat;
	text-indent: -999999px; 
	overflow: hidden;
	display: block;
	width: 181px;
	height: 60px;
	position: relative;
	}
	
#ecoservices-list li.trust a:hover {
	background-position: 0 -76px;
	position: relative;
	}
	
.econews {
	background:url(../images/newsheader.jpg) 0 0 no-repeat;
	text-indent: -99999px;
	margin-top: 5px;
	height: 27px;
	}	
	
#econewslist  {
	width: 220px;
	height: 228px;
	overflow: auto;
	list-style: none;
	float: left;
	margin: 0 0px 10px -30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003975;
	font-size: 11px;
	position: relative;
	}
	
#econewslist li {
	background: url(../images/newslistheader.jpg) 0 5% no-repeat;
	padding-left: 10px;
	margin: 10px 0 0 0;
	width: 200px;
	}
	
#econewslist li a {
	color: #b1adab;
	text-decoration: none;
	}
	
#econewslist li a:hover {
	text-decoration: underline;
	}
	
#news_story {
	width: 235px;
	height: 210px;
	overflow: auto;
	list-style: none;
	margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003975;
	font-size: 11px;
	padding-right: 6px;
	position: relative;
	}
	
	
#ecoleftcol  {
	float: left;
	width: 250px;
	margin:0 31px 0 0;
	position: relative;
	overflow: hidden;
	
	}
	
.jScrollPaneTrack {
	background: #50a700;
}

.jScrollPaneDrag {
	background: #b9dc9a;
}
	
#leftcol p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003975;
	}
	

#ecorightcol {
	float: right;
	width: 241px;
	margin: -68px 0px 0 5px;
	}
	
#ecorightcol p {
	font-family: Arial, Helvetica, sans-serif;
	color: #003975;
	font-size: 11px;
	}
	
.pictureheader {
	background:url(../images/picturesbanner.jpg) top left no-repeat;
	width: 241px;
	height: 27px;
	text-indent: -99999px;
	}
	
.loginbox {
	height: 0.8em;
	margin: -18px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8px;
	padding-top: 0px;
	}
	
.loginbox2 {
	height: 0.8em;
	margin: 0px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8px;
	padding-top: 0px;
	}
	
.quotebig {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 5px;
	margin: -20px 0 -25px 0;
	font-weight: normal;
	}
	
.quotebig2 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 5px;
	margin: -10px 0 -20px 0;
	font-weight: normal;
	}
	
.quotebig3 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 5px;
	margin: -59px 40px -20px -20px;
	font-weight: normal;
	float: right;
	}
	
.pricebox {
	float: right;
	margin: -43px 9px 0 0;
	background-color: #b8dc99;
	height: 1.4em;
	width: 60px;
	border: inset 2px #b8dc99  ;
	}

	
.formname {
	padding: -2px 2px 2px 0 ;
	}
	
.quoteboxheader {
	background: url(../images/quoteboxheader.gif) 0 0 no-repeat;
	width: 241px;
	height: 16px;
	margin: -15px 0 0 0;
	}
	
.quoteboxfooter {
	background: url(../images/quoteboxfooter.gif) 0 0 no-repeat;
	width: 241px;
	height: 10px;
	}
	
.areaheader {
	background:url(../images/area.gif) 0 0 no-repeat;
	width: 241px;
	height: 27px;
	text-indent: -99999px;
	}
	
#update {
	width: 780px;
	margin-top: 0px;
	padding-bottom: 0px;
	}

#footer {
	border-top: 1px solid #003e74;
	width: 780px;
	margin-top: 0px;
	padding-bottom: 20px;
	}
	
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003e74;
	}
	
#footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003e74;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}