@charset "UTF-8";

/*************************************************/
/* STYLES */

html {
     overflow: -moz-scrollbars-vertical;
	 margin:0px; padding:0px; border:0px;
}
body {
}
input:focus, select:focus, textarea:focus {
	background-color: #CCCCCC;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #717171;
	text-decoration: none;
}
.copyBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;

}
a:visited {
	color: #CC3300;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
.copyBlackBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.copyRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CC3300;
	text-decoration: none;
}
.copyYellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FF9900;
	text-decoration: none;
}
.copyRedBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #CC3300;
	text-decoration: none;
}
.copyYellowBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF9900;
	text-decoration: none;
}
.headerBlackBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.HeaderRedBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #CC3300;
	text-decoration: none;
}
.HeaderYellowBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF9900;
	text-decoration: none;
}
a:link {
	color: #CC3300;
}
.datetime {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.tableborderbottomred {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC3300;
}
.tableborderrightWhite {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.tableinputbox {
	border: 1px solid #CCCCCC;
}
.HeaderWhiteBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.copyWhiteBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.tablerowborderred {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC3300;
}
.tablebordergrey {
	border: 1px solid #CCCCCC;
}
.tablebordertopred {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CC3300;
}
.tableborderred {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CC3300;
	border-right-color: #CC3300;
	border-bottom-color: #CC3300;
	border-left-color: #CC3300;
}
.tableinputboxredtype {
	border: 1px solid #FFFFCC;
	color: #CC3300;
	background-color: #FFFFCC;
}
.copyRedfueltable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CC3300;
	text-decoration: none;
}

.button
{
    cursor:hand;
}
.HeaderRedBold2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #CC3300;
	text-decoration: none;
}

/**********************************************/
/* NAV SETUP */

.navbg{
	background-image: url(images/nav-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#home .home a {
	display:block;
	width: 57px;
	height: 37px;
	background-image: url(images/nav/nav-home-On.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.home a {
	display:block;
	width: 57px;
	height: 37px;
	background-image: url(images/nav/nav-home.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.home a:hover { 
	background-image: url(images/nav/nav-home-over.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#fuels .fuels a {
	display:block;
	width: 56px;
	height: 37px;
	background-image: url(images/nav/nav-fuels-On.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.fuels a {
	display:block;
	width: 56px;
	height: 37px;
	background-image: url(images/nav/nav-fuels.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.fuels a:hover { 
	background-image: url(images/nav/nav-fuels-over.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#lubricants .lubricants a {
	display:block;
	width: 85px;
	height: 37px;
	background-image: url(images/nav/nav-lubricants-On.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.lubricants a {
	display:block;
	width: 85px;
	height: 37px;
	background-image: url(images/nav/nav-lubricants.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.lubricants a:hover { 
	background-image: url(images/nav/nav-lubricants-over.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#shoponline .shoponline a {
	display:block;
	width: 85px;
	height: 37px;
	background-image: url(images/nav/nav-shoponline-On.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.shoponline a {
	display:block;
	width: 85px;
	height: 37px;
	background-image: url(images/nav/nav-shoponline.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.shoponline a:hover { 
	background-image: url(images/nav/nav-shoponline-over.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#newsandevents .newsandevents a {
	display:block;
	width: 114px;
	height: 37px;
	background-image: url(images/nav/nav-newsandevents-On.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.newsandevents a {
	display:block;
	width: 114px;
	height: 37px;
	background-image: url(images/nav/nav-newsandevents.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.newsandevents a:hover { 
	background-image: url(images/nav/nav-newsandevents-over.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#membershiplinks .membershiplinks a {
	display:block;
	width: 119px;
	height: 37px;
	background-image: url(images/nav/nav-membershiplinks-On.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.membershiplinks a {
	display:block;
	width: 119px;
	height: 37px;
	background-image: url(images/nav/nav-membershiplinks.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.membershiplinks a:hover { 
	background-image: url(images/nav/nav-membershiplinks-over.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#contactus .contactus a {
	display:block;
	width: 84px;
	height: 37px;
	background-image: url(images/nav/nav-contactus-On.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.contactus a {
	display:block;
	width: 84px;
	height: 37px;
	background-image: url(images/nav/nav-contactus.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.contactus a:hover { 
	background-image: url(images/nav/nav-contactus-over.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}