@charset "utf-8";
/* CSS Document */

/* CSS Document 

Grease Monkey
PGM Integrated

Jermaine Jude
jermaine@pgmintegrated.com


*/

td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
body {
	margin: 0;
	padding: 0;
	background-color: #333333;	/*background-image:url(../img/int_body-content-bg.jpg);
	background-repeat:repeat-x;*/
}

input,select,option {
	font-size: 9pt;
}

a:link {
	color: #666;
	text-decoration: none;
	font-weight:600;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0;
	padding: 0;
}
h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#FFFFFF; margin-left:8px; margin-top:8px;
	
}


h2 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:0px;
	color:#336699;

	
}
h3 {
font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	/*font-weight:bold;*/
}
h4 {
	font-size: 14px;
	margin-bottom: 0px;
}
img {
	border: none;
}
.clr,.clear {
	clear: both;
}
.cta-heading {
margin-bottom:0px;
padding-bottom:0px;

}


/* 1. MAIN PAGE LAYOUT */

#container {
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 980px;
	background-repeat:repeat-y;
}

#blk-container {
	background-color:#000000;
	padding: 4px;
}


/*left column with navigation----------*/
.left-column{
width:200px;
float:left;
margin-top:10px;
position:relative
}

.rt-column{
	float:left;
	margin-left:8px;
	margin-top:8px;
}

.left-column-nav{}

.locator-box{
	width:200px;
	background-image:url(../img/locator-box.jpg);
	margin-top:7px;
}

.locator-text{
	margin:4px 0 0 0;
	padding:4px 0 0 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:600;
	color: #eee;
}
.locator-find-box{
padding:0px;
margin:0px 7px 0px 0px;
text-align:right;
}
.locator-find-box label{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#eee;
	font-weight:600;
}

.btm-wht-box{
/*width:770px;*/
background-color:#FFFFFF;
padding: 4px 0px 5px 5px;
margin-top:6px;
}

.fleet-box{
	width:244px;
	height:228px;
	float:left;
	background-image:url(../img/fleet-bg.gif);
	background-repeat:repeat-x;
}
/** end left column------------------*/


/*--------nav script----------------*/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 200px; /*width of menu*/
margin:0;
padding:0;
}

.urbangreymenu .headerbar{
font: bold 12px Arial, sans-serif;
color: white;
background:  #666666 url(../img/nav-red.gif) no-repeat 8px 8px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 4px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: white;
background:  #999999;
display: block;
padding: 5px 0 ;
line-height: 17px;
font-weight:bold;
padding-left: 31px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black url(../img/nav-red.gif) no-repeat 7px 7px;
}
/*end nav script*/




/*buttons*/
.coupon-btn{
width:109px;
height:41px;
margin-top:135px;
margin-left:265px;
position:relative;}
.learn-btn{
width:110px;
height:38px;
margin-top:0px;
margin-left:128px;
}
.svc-btn{
width:110px;
height:41px;
margin-top:2px;
margin-left:265px;}

.calc-btn{
width:109px;
height:37px;
margin-top:10px;
margin-left:118px;
}
.reset-btn{
width:109px;
height:38px;
margin-top:0px;
margin-left:118px;

}
.search-btn {
width:109px;
height:31px;
margin-top:5px;
margin-left:5px;
}

.locations-btn{
width:104px;
height:34px;
}

/*end buttons*/

/*end header nav-------------------*/
#main-pic {
	width:970px;
}

.fleet-pic{
background-image:url(../img/fleet-pic.jpg);
width:226px;
height:77px;
margin-top:17px;
margin-left:8px;
position:relative;
}
/*-----------------calls to action area------------------------*/
#coupon {
	background-image: url(../img/coupon-pic.jpg);
	width:378px;
	height:176px;
	margin-top:0px;
	margin-left:0px;
	position:relative;
	float: left;
}
#svc-box {
	background-image: url(../img/svc-pic.jpg);
	width:375px;
	height:176px;
	margin-top:0px;
	margin-left:10px;
	float: left;
}

#svc-box h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#FFFFFF; margin-left:8px; margin-top:8px; margin-bottom:9px;	
}

.nitro-box{
	width:500px;
	height:228px;
	background-image:url(../img/nitro-red-box.jpg);
	margin-left:8px;
	float:left;
	position:relative;
}

.wht-text{
font: normal 12px Arial;
color: #fff;
}

.wht-text-red{
font: normal 12px Arial;
color:#eee;
}

.fleet-text-box{ width:220px; margin-top:10px; margin-left:6px;}
.fleet-heading{ font: normal 15px Arial; font-weight:bold;  color:#FFFFFF; margin-left:8px; margin-top:8px;}
.svc-text-box{ width:188px; margin-top:6px; margin-left:186px;}
.svc-text { font: normal 12px Arial; color: #333333;line-height: 16px;}


.nitro-heading{ font: normal 15px Arial; font-weight:bold;  color:#FFFFFF; }
.nitrogen-column1{
	width:250px;
	padding:10px 0 0 10px;
	float:left;
	margin:0;
}
.nitrogen-column1 ul{margin:2px;padding:0;}
.nitrogen-column1 ul li { padding-bottom:1px; list-style: square;  color:#eee; margin-left:12px; font: normal 12px Arial;}
.nitrogen-column2{
	padding:10px 6px 0 0;
	width:225px;
	float:left;
}

.find-box-text{
	color:#eee;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:right;
}

.answer-text {
font-weight: 600;
}

#subnav {
top:1px;
right:10px;
float:right;
height:20px;
}

#subnav ul {
	text-indent: 5px;
	padding: 2px 0;
	margin: 0;
	text-align: center; 
	list-style:none;	
}

#subnav ul li{ 
	display: inline;
	padding-left:5px;
	font: normal 10px Arial;
	color:#eee;}


#subnav li {float: left; 	
	padding: 3px 3px 0 0;
}
#subnav li a {
	color: #eee;
	font: normal 10px Arial;
	text-decoration: none;
}

#subnav li a:hover {
	text-decoration: underline;
}

#footer {
	width:850px;
	margin:5px auto 0 auto;
}
#footer ul{
	padding: 7px 0;
	margin: 0px;
	text-align: center; 
}

#footer ul li{
	display: inline;
	padding-left:5px;
	font: normal 12px Arial;
	color:#eee;
}

#footer li a {
	color: #eee;
	font: normal 10px Arial;
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}

/*--------end sub footer----------------*/
#copy p {
	margin: 0;
	padding: 30px 0 0 0;
	color: #eee;
	font-size: 10px;
}
#copy p a {
	padding: 0 6px;
	color: #eee;
}