@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, ul li, ul li a, li, li ul, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }   
input:focus, textarea:focus { background-color: lightyellow; }
/* HTML CSS */
html {background-color:#000; height:100%; background-image:url(images/asphalt_background.jpg); background-position: top; background-repeat:no-repeat;}
body { margin-top: 0px;   margin-left: 0px;  margin-right: 0px; height:100%; }
#wrapper {width: 900px; margin: 0 auto; font-family: 'Arial', Lucida Grande, Verdana, Helvetica, sans-serif; margin-top:44px; padding-bottom:5px;}
#container {width: 764px; float:left; position:relative; background-color:#FFF; border:1px solid #acabab; padding:0px 68px 54px 68px; margin-bottom:5px;}
#logo {width:213px; height:15px; float:left; position:relative; padding-top:50px;}
.category-nav {list-style:none; font-weight:bold; position:relative; float:right; height:112px; font-size:11px;}
.category-nav li { list-style:none; float:left;  height:112px; width:100px; padding:0px 10px 0px 10px; text-align:center; position:relative; z-index:4; }
.category-nav li:hover {background-color:#f3f3f3; height:112px; width:100px; border-right:1px solid #d6d6d6; border-left:1px solid #d6d6d6;  margin-right:-1px; margin-left:-1px;}
.category-nav a {color:#8f8f8e;  text-decoration:none; display:block; height:112px; width:100px; margin-top:43px; }
#banner {float:left; position:relative; width: 764px; height:260px;}
.main-nav {list-style:none; font-weight:bold; position:relative; float:left; height:46px; font-size:11px; width:764px; background-color:#529027; *z-index:25;}
.main-nav li { list-style:none; float:left;  height:46px; line-height:46px; padding:0px 15px 0px 15px; text-align:center; position:relative; z-index:4; }
.main-nav li:hover {background-color:#487f1a; line-height:46px; border-bottom:0; border-left:1px solid #7da958; margin-left:-1px; border-right:1px solid #7da958;  margin-right:-1px;}
.activelink {background-color:#649b3d; line-height:46px; border-left:1px solid #7da958; margin-left:-1px; border-right:1px solid #7da958;  margin-right:-1px;}
.main-nav a {color:#FFF;  text-decoration:none; display:block; }
.main-nav div {position:absolute; left:-999em;  width:220px; padding:0 10px 10px; text-align:left; background:#487f1a; }
.main-nav li:hover div {left:0px; top:auto; *display:block; *z-index:25; }
.main-nav div h2 {background-color: #34600f; color:#FFF; font-size:11px; line-height:25px; padding:0 10px; margin:10px 0 5px 0; clear:both; float:left; width:200px; position:relative; font-weight:bold; *display:none; *z-index:25;}
.main-nav div p {float:left; width:200px; padding-left:10px; position:relative;}
.main-nav div p a { text-decoration:none; float:left; clear:left; width:100%; line-height:17px; font-weight:normal; }
.main-nav div a:hover, #mega div a:focus, #mega div a:active { text-decoration:none; }
.main-nav div li { list-style:none; float:left; height:36px; line-height:36px; width:200px; text-align:left; }
.main-nav div li:hover {background-color:#2a5408; line-height:36px; border-bottom:0; border:0; margin-left:0px; margin-right:0px;}
.icon {padding:6px 8px 0px 15px;  height:43px;  line-height:46px; width:46px; background-image:url(images/dieselusa_home_button.png); background-repeat:no-repeat; background-position:27px 13px;  border-left:none;}
.iconactive {background-color:#649b3d; padding:6px 8px 0px 15px; border-right:1px solid #7da958; height:43px;  line-height:46px; width:46px; background-image:url(images/dieselusa_home_button.png); background-repeat:no-repeat; background-position:27px 13px; margin-right:-1px; border-left:none;}
#content {width: 764px; float:left; position:relative; margin-top:5px; background-image:url(images/contentback.jpg); background-position:right; background-repeat:repeat-y; *z-index:3;}
#leftcolumn {width: 463px; float:left; position:relative; color:#545454; font-size:14px; margin-top:10px; padding-bottom:60px; *z-index:3;}
#leftcolumn p {margin-bottom:20px;}
#leftcolumn p a {color:#487f1a; text-decoration:underline;}
#leftcolumn p a:hover {color: #000; text-decoration:none; }
.seperate {padding:10px 20px 10px 20px; border:1px solid #c1c0c0; }
#rightcolumn {width: 270px; float:right; position:relative; margin-top:0px; font-size:14px; *z-index:3;}
#rightcolumn li {list-style:none; padding:0px 0px 27px 17px; position:relative; float:left; width: 253px;}
#rightcolumn a {color:#666465; text-decoration:none; display:block; }
#rightcolumn a:hover {color:#000; text-decoration:none; display:block; }
.toppad {margin-top:30px; }
.lines {background-image:url(images/horizontal_bar.jpg); background-position:bottom; background-repeat:repeat-x; list-style:none; width:100%; margin-top:30px;}
.linesnospace {background-image:url(images/horizontal_bar.jpg); background-position:bottom; background-repeat:repeat-x; list-style:none; width:100%; }
#searching { width: 230px; height: 33px; margin: 20px 0px 0px 3px; padding: 0px 0px 0px 0px; position: relative;	float: left; clear:both; }
.search { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; float: left; display: block; }	
a.button { margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px; position: relative; float: left; display: inline-block; }	
.textfield { width: 190px; height: 33px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px;	position: relative;	float: left; background: none;	border: 0px; font-size: 12px; color: #a9a8a8; text-align: left; line-height:33px; font-style:italic;}
.backsearch { width: 196px;	height: 33px; margin: 0px 0px 0px 0px; line-height:33px; background-image: url(images/textfield.jpg); background-repeat: no-repeat; }
#footer { clear: both; height: 259px; width:902px; margin: 0 auto;  background-color:#529027;  }
#footerwrapper {width: 850px; padding-left:70px;  height: 259px; float:left; position:relative; font-family: 'Arial', Lucida Grande, Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFF; }
#footerwrapper a {color: #FFF; text-decoration: underline; }
#footerwrapper a:hover {color: #FFF; text-decoration: none; height: 259px;}
#footerwrapper ul {list-style:none;  padding:10px 0px 0px 0px; clear:left; }
#footerwrapper li { list-style:none; height: 178px; display:inline; padding:60px 30px 0px 0px; float:left;  width:240px; font-size:12px; font-weight:bold;}
.bottomlogo {padding-top:60px;}
.vertlines {background-image:url(images/vertical_bar.jpg); background-position: right; background-repeat:repeat-y;}
#footerwrapper li p {padding-left:20px;}
.formfield {height:20px; width:360px;}
.messagefield {height:150px; width:360px; }
table.form { border-collapse:collapse; width:100%; }
table.form th { padding:3px; vertical-align:top;}
table.form td { padding:3px; padding-bottom:20px; vertical-align:top; }
.locations  {list-style:none; float:left; position:relative; padding:20px 0px 0px 0px;}
.locations ul {list-stylenone;  float:left; position:relative; clear:left; border-bottom:1px solid #d6d6d6;}
.locationsleft {float:left; position:relative;  width:100px; display:inline; padding:0px;}
.locationsright {float:right; position:relative;  width:342px; display:inline; padding:0px;}
.locations2  {list-style:none; float:left; position:relative; padding:20px 0px 0px 0px;}
.locations2 ul {list-style:none;  float:left; position:relative; clear:left;}
.locationsleft2 {float:left; position:relative;  width:100px; display:inline; padding:0px;}
.locationsright2 {float:right; position:relative;  width:342px; display:inline; padding:0px;}
h1 { color: #5c942e; font-size: 16px; font-weight:bold; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; line-height: 18px;  }	
h2 { color: #3a3a3a; font-size: 14px; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; line-height: 13px; clear:both; font-weight:bold; }
h2 a {color:#3a3a3a; text-decoration:none;}
h2 a:hover {color: #000; text-decoration:none; }
h3 { color:#666465; font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 8px 8px; line-height: 14px; font-weight:bold;  }
h4 { color: #666465; font-size: 12px; font-weight: bold; margin: 27px 0px 0px 8px; padding: 0px 0px 0px 0px; line-height: 12px;  }
h5 { color:#FFF; font-size: 14px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 10px 0px 5px 19px; line-height: 14px;  }
h6 { color: #3a3a3a; font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; line-height: 13px; clear:both; font-weight:bold; }
h6 a {color:#3a3a3a; text-decoration:none;}
h6 a:hover {color: #000; text-decoration:none; }
#error { background-color:#FBE3E4; color:#8a1f11; border-color:#FBC2C4;	padding:20px; border:dashed 2px red; width: 700px; margin-top:20px;	font-family:Arial, Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; position:relative; }
#error a, #error a:hover{color:#8a1f11;}
.kickRight {	padding-top:10px;	text-align:right;}
#info a {color:#487f1a; text-decoration:underline; }
#show, #show1, #show2, #show3, #show4, #show5, #show6 {padding-left:10px;}
.hidden { display: none; }
.unhidden { display: block; }
.indent {padding-left:20px;}