/* =General 
-----------------------------------------------------------------------------*/ 
/* Remove padding and margin */ 
* {
	margin: 0 auto;
	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; 
} 

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{ 
float:left;
margin-left:6.5em;
width:275px; 
} 

#subscribe p{
margin:0;
padding:0;
}

#subscribe .title{
font-size:14px;
font-weight:bold;
color:#fff;
padding-top:.5em;
text-decoration:none;
}

#subscribe a:hover{
color:#000;
}

#subscribe .imgfl{
float:left;
padding:3px;
}

#distributors{
float:left;
margin-left:7em;
width:250px;
background:#FF9900;
}

#distributors p{
margin:0;
padding:0;
}

#distributors .title{
font-size:14px;
font-weight:bold;
color:#fff;
padding-top:.5em;
text-decoration:none;
}

#distributors a:hover{
color:#000;
}

#distributors .imgfl{
float:left;
padding:3px;
}

#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(http://www.gpi.net/industrial-products/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:2.5em; 
text-decoration:none; 
background:url(http://www.gpi.net/industrial-products/images/mainNavBg.gif) repeat-x; 
} 


#mainLinks a:hover{ 
background:#faa12d url(http://www.gpi.net/industrial-products/images/mainNavBgOver.gif) repeat-x; 
color:#fff; 
} 

#mainLinks li{ 
float:left; 
position:relative; 
} 

#mainLinks ul { 
position:absolute; 
width:12em; 
top:2.5em; 
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:286px;
} 

#mainCatalog{ 
float:left; 
width:306px; 
height:286px;
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:3.5em; 
width:275px;
} 

.latestBlog{
float:left;
margin-top:-1em;
}

.latestBlog ul{
margin:0;
padding:0;
list-style-type:none;
list-style:none;
}
.latestBlog ul li{
padding-left:.5em;
margin-bottom:1em;
}

#secondaryContent{ 
float:left; 
clear:both;
background:#fff;
margin-top:1em;
margin-left:1em;
} 

.meebo{
float:left;
}

.innercolumn{
float:left; 
width:425px; 
margin-left:2em; 
margin-bottom:1em; 
}

#footer{ 
background:#2381c4; 
color:#fff; 
line-height:3em; 
text-align:center; 
clear:both; 
margin-top:-1em;
} 

table#fuelShows{ 
border-collapse:collapse; 
width:900px; 
border: 1px solid #666; 
line-height:2em;
margin-left: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;
} 

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; 
} 

.alert{
color:#FF0000;
background:#fff;
font-size:1em;
}

/*Manuals Table Styles*/
table#tbl{
border-collapse:collapse; 
width:900px; 
border: 1px solid #666; 
line-height:2em;
margin-left:1em;
margin-right:1em;
}

.quicksearch { margin-left:1em; padding: 5px; background: #000; width:700px; color:#fff; font-weight:bold;}

.header{
background:#000;
color:#fff;
}


/*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; 
} 
