/* =General 
-----------------------------------------------------------------------------*/ 
/* Remove padding and margin */ 
* {margin: 0;padding: 0;} 

/* Put it back on certain elements */ 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {margin:1em 0; color:#000;} 
h1{font-size:22px}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:13px}
h5{font-size:12px}
h6{font-size:11px}
.searchForm h3{display:inline; margin-right:5px;}
.grid_3 h2{margin-top:0; margin-bottom:5px;}
p{padding-left:.5em;} 

/* Class for clearing floats */ 
.clear {clear:both;} 

/* Remove border around linked images */ 
img {border: 0;} 

/* Positioning Classes */ 
.floatleft{float:left; margin-right:1em;} 
.floatright{float:right;} 
.imgfloatleft{float:left;margin:0 1em 1em 0;} 

#mainContent a:link, #mainContent a:visited, #mainContent a:active{ 
color:#2381c4; 
} 

#mainContent a:hover{ 
color:#333; 
} 

.subscribe{
	font-size:25px;
	font-weight:bold;
	display:block;
}

.newsletter{
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

.center{
	text-align:center;	
}

#imgPlaceHolder{
display:none;	
}




/* =Layout 
-----------------------------------------------------------------------------*/ 
body{ 
font-family:Arial, Helvetica, sans-serif; 
font-size:75%; 
color:#333; 
background: #333;
} 

.header{
background:#000;
color:#fff;
}



#container{ 
background:#fff;
} 

#container ul{
	list-style-position:inside;	
	padding-left:1em;
}

#masthead{ 
margin:0 auto;
padding-top:1em;
} 

#masthead a:link, #masthead a:visited, #masthead a:active{
	color:#fff;	
	text-decoration:none;
}

#masthead a:hover{
	color:#ff9933;
}

#header{ 
float:left; 
width:960px;
background:#333; 
padding-bottom:1em;
} 

#logo{ 
float:left; 
} 

#subscribe{ 
margin-left:10em; 
float:right; 
} 

#mainNav{
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2em;
text-align:center;
margin-top:1em;
}

#mainNav a span {
display:block;
font-size:10px;
}

#mainLinks{
margin:0;
padding: 0;
list-style:none;
width:960px;
float:left;
background: #6b6a6a url(../images/mainNavBg.gif) repeat-x;
}

#mainLinks ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
z-index:100;
}

#mainLinks a:link, #mainLinks a:active, #mainLinks a:visited{
display:block;
color:#fff;
float:left;
padding: 0 0.7em;
line-height:2em;
text-decoration:none;
background:url(../images/mainNavBg.gif) repeat-x;
}


#mainLinks a:hover{
background:#000;
color:#fff;
}

#mainLinks li{
float:left;
position:relative;
z-index:101;
}

#mainLinks ul {
position:absolute;
width:12em;
top:4em;
left:0;
display:none;
}

#mainLinks li ul a{
width:20em;
float:left;
font-size:12px;
text-align:left;
text-transform:none;
font-weight:normal;
}

#mainLinks ul ul{
top:auto;
}	

#mainLinks li ul ul {
left:20em;
margin:0px 0 0 0px;
}

#mainLinks li:hover ul ul, #mainLinks li:hover ul ul ul, #mainLinks li:hover ul ul ul ul{
display:none;
}

#mainLinks li:hover ul, #mainLinks li li:hover ul, #mainLinks li li li:hover ul, #mainLinks li li li li:hover ul{
display:block;
}

.searchForm{
	background:#fff;
	padding-top:5px;
}
.phone{
	text-align:right;
	padding-top:5px;	
}

#mainTeaser{ 
float:left; 
background:#fff; 
width:644px;
height:301px;
} 

#mainCatalog{ 
float:left; 
width:306px; 
height:301px;
background:#fff; 
text-align:center; 
color:#666; 
} 

#mainContent{ 
float:left; 
clear:both; 
margin-top:0; 
background:#fff;
} 

/*#mainContent h1{ 
font-size:30px; 
color:#4a4a48; 
font-weight:bold; 
} */

.mainColumn{ 
float:left; 
width:600px; 
margin-left:.5em; 
} 

.mainColumnImg{ 
float:left; 
width:350px; 
margin:1em 0; 
} 

.column{ 
float:left;  
margin-left:1em; 
width:300px;
} 

.columnDocuments{
float:left; 
width:425px; 
margin-left:2em; 
margin-bottom:1em; 
}

.latestBlog{
float:left;
margin-top:-1em;
}

.latestBlog ul{
margin:0;
padding:0;
list-style-type:none;
}
.latestBlog ul li{
padding-left:.5em;
margin-bottom:1em;
}

#secondaryContent{ 
float:left; 
clear:both;
width:900px;
background:#fff;
margin-top:1em;
margin-left:1em;
} 

#footer{ 
	color:#000;
	margin:0 auto;
	border-top: 2px solid #000;
	background:#f2f2f2;
} 

#footer ul{
	line-height:2em;
}

#footer ul li{
	list-style:none;
	border-bottom:1px solid #ccc;
	
}

#footer ul li a{
	text-decoration:none;
	color:#000;
}

#footer ul li a:hover{
	text-decoration:none;
	color:#2381c4;
}

#footer h3{
	color:#000;
}

.address{
	border-top:1px solid #000;
	font-weight:bold;
	text-align:center;
	background:#fff;
}

.productLine{line-height:2.1em; padding-left:2em; font-weight:bold; }
.productLine li{list-style:square; }
.productLine li a{text-decoration:none;}

table#fuelManuals{
border-collapse:collapse; 
width:540px; 
border: 1px solid #666; 
line-height:2em;
margin-left:1em;
margin-right:1em;
}

form.quicksearch { padding: 10px; background: #FAA12D; width:600px; color:#fff; font-weight:bold;}
form.quicksearch input { margin-left: 10px; width: 300px; }
form.quicksearch img { vertical-align: middle; margin-left: 5px; }

table#fuelManuals th, table#fuelManuals td{ 
padding: 0.1em 1em; 
} 

table#fuelShows{ 
border-collapse:collapse; 
width:100%; 
border: 1px solid #666; 
line-height:2em;
} 

table#fuelShows th, table#fuelShows td{ 
padding: 0.1em 1em; 
} 

table#pumpContact{ 
border-collapse:collapse; 
width:900px; 
border: 1px solid #666; 
line-height:2em; 
margin-left:1em;
margin-right:1em;
} 

caption{ 
font-size:1.2em; 
font-weight:bold; 
margin:1em 0; 
} 

col{ 
border-right: 1px solid #000; 
} 


thead{ 
background:#faa12d; 
border-top: 1px solid #a5a5a5; 
border-bottom: 1px solid #a5a5a5; 
} 

thead tr th{ 
color:#fff; 
font-weight:bold; 
} 

th { 
font-weight: normal; 
text-align:left; 
} 

.odd{ 
background-color: #edf5ff; 
} 

.navlist li { 
list-style-type: circle; 
margin-left:3em;
}

.alert{
color:#FF0000;
background:#fff;
font-size:1em;
}