body {
	margin: 0;
	padding: 0;
	
	behavior:url("hover.htc");
	}
	
body a {
	outline: none;
	}
	
#wrapper {
	width: 780px;
	margin: 0 auto;
	margin-top: 10px;
	}
	
#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;
	}
	
.custname {
	color: #003f75;
	}
	
#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;
}

#sub-level2 {
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-level2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px -71px 0 420px;
	padding-bottom: -5px;
	width: 250px;
	height: 16px;
	padding: 2px 0 0 0;
	color:#003e74;
	float: right;
	}
	
#sub-level2 a {
	text-decoration: none;
	color:#003e74;
	}

.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: 0px -40px 0 420px;
	padding-bottom: -5px;
	width: 250px;
	height: 16px;
	padding: 1px 0 0 0;
	color:#003e74;
	float: right;
	}
	
#sub-level a {
	text-decoration: none;
	color:#003e74;
	}
	
.order-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 2px 0 0 97px;
	padding: 1px 0 0 0;
	color:#003e74;
	float: left;
	}
	
.order-sub a {
	text-decoration: none;
	color:#ffffff;
	margin-left: 10px;
	}
	
#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 -33px 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 0px 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;
	}
	
	
	
.contactbox {
	
	width: 780px;
	margin:-11px 10px 10px 0;
	background-color: #003e73;

	}
	
.contactbox p {
	
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 12px;
	margin: 4px 0 0 0;
	}	
	
#widen {
	padding: 10px 0 10px 0;
	}
	
.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;
	font-size: 11px;
	color: #FFFFFF;
	float: right;
	border: none;
	margin: -30px 0 0 0;
	cursor: pointer;
	text-align: center;
	}
	
.contactboxtop {
	background: url(../images/contactboxheader.jpg) top left no-repeat;
	width: 780px;
	height: 17px;
	}
	
.contactboxheader {
	background: url(../images/contactusheader.jpg) top left no-repeat;
	text-indent: -99999px;
	width: 780px;
	height: 50px;
	margin-top: 0px;
	}
	
.contactboxbottom {
	background: url(../images/contactboxfooter.jpg) top left no-repeat;
	width: 780px;
	height: 22px;
	margin:50px 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;
	text-align: center;
	font-size: 11px;
	}
	
	
	
#terms {
	background: url(../images/terms.jpg) top left no-repeat;
	width: 84px;
	height: 12px;
	text-indent: -99999px;
	margin-top: 20px;
	padding: 0px 0 4px 0;
	}
	
#termstxt {
	font-size: 9px;
	}
	
#left {	
	float: left;
	font-size: 9px;
	}
	
#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: 171px;
	}
	
.benefitslist li {
	background: url(../images/benefitslistarrow.jpg) 0 5% no-repeat;
	padding-left: 10px;
	margin: 10px 0 0 0;
	}
	
#services {
	float: right;
	width: 179px;
	margin: -27px 0 0 0;
	}
	
.servicesbanner {
	background: url(../images/servicesbanner.jpg) top left no-repeat;
	width: 179px;
	height: 27px;
	text-indent: -99999px;
	}
	
#services-list {
	margin: 0 60px 0 -47px;
	}
	
#services-list ul {
	width: 179px;
	display: block;
	list-style: none;
	margin: 10px 60px 0 -60px;
	}
	
#services-list li {
	list-style: none;
	margin: 10px 20px 0  0;
	}
	
#services-list li.enviro a{
	background: url(../images/enviro.jpg) 0 0 no-repeat;
	text-indent: -999999px; 
	overflow: hidden;
	display: block;
	width: 179px;
	height: 45px;
	}
	
#services-list li.xtra a{
	background: url(../images/xtra.jpg) 0 0 no-repeat;
	text-indent: -999999px; 
	overflow: hidden;
	display: block;
	width: 179px;
	height: 45px;
	}
	
#services-list li.enviro a{
	background: url(../images/enviro.jpg) 0 0 no-repeat;
	text-indent: -999999px; 
	overflow: hidden;
	display: block;
	width: 179px;
	height: 45px;
	}
	
#services-list li.community a{
	background: url(../images/community.jpg) 0 0 no-repeat;
	text-indent: -999999px; 
	overflow: hidden;
	display: block;
	width: 179px;
	height: 45px;
	}
	
#services-list li.trust a{
	background: url(../images/trust.jpg) 0 0 no-repeat;
	text-indent: -999999px; 
	overflow: hidden;
	display: block;
	width: 179px;
	height: 45px;
	}
	
.welcome {
	background:url(../images/welcome.gif) 0 0 no-repeat;
	text-indent: -99999px;
	width: 275px;
	height: 62px;
	}	
	
#leftcol  {
	float: left;
	width: 275px;
	}
	
#leftcol p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003975;
	}
	
#middlecol {
	margin-left: 290px;
	position: absolute;
}

#rightcol {
	float: right;
	position: relative;
	
	width: 241px;
	}
	
#rightcol p {
	margin: -13px 0 0 0;
	}
	
.quote {
	background:url(../images/quoteheader.gif) 0 0 no-repeat;
	width: 241px;
	height: 28px;
	text-indent: -99999px;
	}
	
.quotebox {
	width: 241px;
	height: 194px;
	background-color: #41c4dd;
	margin: -11px 0 0 0;
	}
	
.quotebox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 5px;
	}
	
.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;
	}
.addresses  {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	margin-left: -15px;
	}
	
.addresses ul {
	
	
	}
	
.addresses li {
	
	padding-top: 30px;
	padding-left: 0;
	line-height: 1.4em;
	}
	
.addressleft {
	float: left;
	width: 170px;
	margin-top: -20px;
	}
	
.addressright {
	float: right;
	width: 170px;
	margin: -20px 430px 0 5px;
	}
	
.address1 {
	background: url(../images/address1.jpg) top left no-repeat;
	width: 170px;
	height: 27px;
	margin: 15px 0 55px 0;
	}
	
.address2 {
	background: url(../images/address5.jpg) top left no-repeat;
	width: 170px;
	height: 27px;
	margin: 15px 0 100px 0;
	}
	
.address3 {
	background: url(../images/address3.jpg) top left no-repeat;
	width: 170px;
	height: 27px;
	padding-bottom: 20px;
	margin: 15px 0 150px 0;
	}
	
.address4 {
	background: url(../images/address4.jpg) top left no-repeat;
	width: 170px;
	height: 27px;
	margin: 50px 0 100px 0;
	}

.address5 {
	background: url(../images/address2.gif) top left no-repeat;
	width: 170px;
	height: 27px;
	margin: 0 0 70px 0;
	}
	
.roi {
	background: url(../images/roi.jpg) top left no-repeat;
	width: 170px;
	height: 27px;
	margin: 0 0 0px 0;
	}
	
.roi a {
	color:#fdd401;
	}
	
.ukad {
	background: url(../images/ukad.gif) top left no-repeat;
	width: 170px;
	height: 27px;
	margin: 100px 0 0px 0;
	}
	
.ukad a {
	color:#fdd401;
	}
	
.address6 {
	background: url(../images/address6.jpg) top left no-repeat;
	width: 170px;
	height: 27px;
	margin-bottom: 80px;
	}
	
	.address7 {
	background: url(../images/address7.jpg) top left no-repeat;
	width: 170px;
	height: 27px;
	margin-bottom: 80px;
	}
	
	.address8 {
	background: url(../images/address8.jpg) top left no-repeat;
	width: 170px;
	height: 27px;
	margin-bottom: 80px;
	}
	
	.address9 {
	background: url(../images/address9.jpg) top left no-repeat;
	width: 170px;
	height: 27px;
	margin-bottom: 123px;
	}
	
#map {
	float: right;
	width: 365px;
	margin: -925px 29px 0 0;
	}
	
.mappad {
	padding-left: 14px;
	font-size: 14px;
	}
	
.mappad a {
	text-decoration: none;
	color: #ffde00;
	}
	
.mapheader {
	background: url(../images/mapheader.jpg) top left no-repeat;
	text-indent: -99999px;
	width: 365px;
	height: 26px;
	}
	
.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;
	}
	
#footer {
	border-top: 1px solid #003e74;
	width: 780px;
	margin-top: 20px;
	margin-bottom: 50px;
	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;
	}

.headoffice {
	background:url(../images/headoffice.gif) top left no-repeat;
	text-indent: -99999px;
	height: 27px;
	width: 170px;
	margin: 0 0 -12px 20px;
	}
	
.distrib {
	background:url(../images/distrib.gif) top left no-repeat;
	text-indent: -99999px;
	height: 27px;
	width: 170px;
	margin: 0 0 -12px 20px;
	}

.uk {
	background:url(../images/uk.gif) top left no-repeat;
	text-indent: -99999px;
	height: 27px;
	width: 170px;
	margin: 0 0 0px -3px;
	}