/* =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} 


p{padding-left:.5em;} 
h1, h2, h3, h4, h5, h6 {padding-left:5px;} 

/* 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{ 
color:#2381c4; 
} 

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

#mainContent a:visited{ 
color:#2381c4; 
} 

/* =Layout 
-----------------------------------------------------------------------------*/ 
body{ 
font-family:Arial, Helvetica, sans-serif; 
font-size:75%; 
color:#4a4a48; 
background: #fff url(../images/bgtest.jpg) top left fixed; 
} 

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

div#container{ 
margin:0 auto; 
width:950px; 
margin-top:2em; 
} 

#masthead{ 
font-family:Arial, Helvetica, sans-serif; 
width:950px; 
color:#7d7e7d; 
} 
img{ 
border:0; 
} 

#header{ 
float:left; 
width:950px; 
} 

#logo{ 
float:left; 
} 

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

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

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

#mainLinks{
margin:0;
padding: 0;
list-style:none;
width:950px;
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;
}

#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:#faa12d url(../images/mainNavBgOver.gif) repeat-x;
color:#fff;
}

#mainLinks li{
float:left;
position:relative;
}

#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{
padding:1em;
background:#fff;
width:926px;
}

#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; 
width:938px; 
margin-top:0; 
padding-right:1em; 
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{ 
background:#2381c4; 
color:#fff; 
line-height:3em; 
text-align:center; 
clear:both; 
margin-top:-1em;
} 

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

form.quicksearch { margin-left:1em; padding: 10px; background: #FAA12D; width:700px; 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:900px; 
border: 1px solid #666; 
line-height:2em;
margin-left:1em;
margin-right:1em;
} 

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;
}

/*EasySlide 1.0 CSS*/ 
.link_nor{/*// for clickable normal link*/ 
background-color: #ccc; 
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif; 
border: 2px solid #ccc; 
padding:0px 4px 0px 4px; 
text-align:center; 
color:white 
} 


.link_act 
{/*// for clickable active link*/ 
background-color:#0066FF; 
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif; 
border: 2px solid #0066FF; 
padding:0px 4px 0px 4px; 
text-align:center; 
color:white 
} 

/*span{for watermark 

}*/ 

.gray 
{/*// for cover*/ 
background-color: none; 
position: absolute; 
border: 0px solid #fff; 
z-index: 100; 
} 

/*img{// for image border 
border: 0px solid #663300; 
background-color: #663300 
}*/ 

.opa{/*// for watermark opacity */ 
color:white; 
padding:10px 20px 0px 20px; 
position: absolute; 
z-index: 101; 
background-color: #FFA928; 
opacity:0.5; 
filter: alpha(opacity=50); 
filter:progid:DXImageTransform.Microsoft.Alpha 
(Opacity=100,FinishOpacity=50, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16); 
-moz-opacity: 0.5; 
}