/* CSS Document */
@import "sitetools.css";
@import "menu.css";
@import "forms.css";


body {
	margin: 0;
	padding: 10px 0 30px;
	background: #fff url(images/body_bg.gif) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	}

img {border: 0;}

p, ul, h1, h2, h3, h4, h5, h6
 {margin: 0; padding: 0; font-weight: normal; list-style: none}

ol {
	margin: 0;
	padding: 0;
	}
 
.hide, hr {
	display: none;
	}
	
p {
	line-height: 1.5em;
	margin: 0 0 20px;
	}
	
h1 {
	font-size: 30px;
	font-weight: normal;
	color: #333;
	margin: 0 0 10px;
	letter-spacing: -2px;
	}

h2 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	margin: 40px 0 10px;
	line-height: 26px;
	}

	
h3 {
	font-size: 15px;
	font-weight: normal;
	color: #333;
	margin: 0 0 20px 0;
	line-height: 20px;
	}
	
h4 {
	font-size: 12px;
	color: #333;
	margin: 20px 0 5px 0;
	font-weight: bold;
	}
	
h5 {
	font-size: 10px;
	color: #999;
	margin: 0 0 20px 0;
	}
	
h6 {
  color: #00234c;
  font-size: 15px;
  clear: both;
  margin: 10px -10px 0;
  padding-top: 5px;
	}

	
#content a {
	color: #899e08;
	border-bottom: 1px solid #f1f6ce;
	text-decoration: none;
	position: relative;
	padding: 0 2px;
	}
	
#content a:hover {
	background-color: #b7d30b;
	color: #fff;
	border: none;
	}
	
.external_link {
	background-image: url(images/external_link_bg.gif);
	background-repeat: no-repeat;
	background-position: 99% 2px;
	padding-right: 15px !important;
	}

#content ul { 
  margin: 15px -10px 30px;
  background: #fff;
  border: 1px solid #e8e9e3;
  padding: 5px;
}

#content ol {
	margin-left: 20px;
	}

#content ul li {
	list-style-type: none;
	background: #f7f8f4 url(images/bullet_bg.gif) no-repeat 10px 12px;
	border: 1px dashed #e8e9e3;
	margin-bottom: 5px;
}

#content ul li {
	margin: 0;
	padding: 5px 50px 10px 30px;
/*	color: #4f8a10; */
}

.gs_logo_small {
	float: right;
	margin: -30px -20px 20px 10px;
	}
	
#content .fuel_table {
  background: #fff;
  border: 1px solid #e8e9e3;
  padding: 5px;
  }
	
#content .fuel_table table {
	background: #f7f8f4;
	border: 1px solid #ddd;
	border-bottom: none;
	margin: 0;
  	}
  
 #content .fuel_table td {
	padding: 5px;
	border-bottom: 1px solid #ddd;
  	}

 #content .fuel_table td.one {
	border-right: 1px solid #ddd;
  	}
	
 #content .fuel_table tr.current {
 	background: #b7d30b;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	}
	
#content .thumb {
	background: #fff;
  	border: 1px solid #e8e9e3;
  	padding: 5px;	
	}
	
	
	
/*** Links List ***/
#content ul.links {
	margin: 17px 0 30px;
	padding: 0;
	list-style: none;
	border: none;
	border-top: 1px solid #ccc;
	background: none;
	font-size: 11px;
	}
	
#content ul.links li a img {
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
	}
	
#content ul.links li {
	margin: 0;
	padding: 0;
	position: relative;
	border: none;
	background: none;
	border-bottom: 1px solid #eee;
	}

#content ul.links li.first {
	border-top: 4px solid #eee;
	}
	
#content ul.links a {
	display: block;
	background: #fff;
	border: none;
	line-height: 25px;
	padding-left: 20px;
	color: #999;
	background: url(images/bullet_bg.gif) no-repeat 5px 10px;
	}
	
#content ul.links a:hover {
	background-color: #b7d30b;
	color: #fff;
	}
	
	
* html .links a {
	height: 1px;
	}
	
.data_grid {
	font-size: 11px;
	background: #f9f9f9;
	border-top: 1px solid #ccc;
	margin: 10px -10px;
	position: relative;
	}
	
.data_grid.large {
	margin: 10px -40px;
	}
	
.data_grid td, .data_grid th {
	padding: 5px 10px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	}
	
.data_grid th {
	text-align: left;
	color: #999;
	background: #eee;
	font-size: 10px;
	}
	
.data_grid td {
	}
	
.data_grid_vertical {
	width: 400px;
	font-size: 11px;
	background: #fff;
	border: 2px solid #ddd;
	}
	
.data_grid_vertical td, .data_grid_vertical th {
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
	}
	
.data_grid_vertical th {
	text-align: right;
	color: #666;
	background: #f9f9f9;
	font-weight: normal;
	width: 100px;
	border-right: 1px solid #ddd;
	}
	
.data_grid_vertical td {
	}
	
	
#wrapper {
	margin: 0 auto -20px;
	width: 750px;
	padding: 20px 20px;
	position: relative;
	z-index: 20;
	background: #fff;
	}
	
* html #wrapper {
	}
	
#wrapper_left {
	position: absolute;
	width: 30px;
	height: 200px;
	background: url(images/wrapper_left_bg.gif);
	left: -30px;
	top: 120px;
	}
	
#wrapper_right {
	position: absolute;
	width: 30px;
	height: 200px;
	background: url(images/wrapper_right_bg.gif);
	right: -30px;
	top: 120px;
	}
	
/*
==== Header ====
*/

#header {
	background: #eee;
	height: 180px;
	position: relative;
	}
	
#header_logo {
	display: block;
	position: absolute;
	height: 180px;
	width: 249px;
	border-right: 1px solid #fff;
	background: #000;
	}
	
#header_logo img {
	display: block;
	position: absolute;
	top: 70px;
	left: 30px;
	border: none;
	}
	
#header_image {
	position: absolute;
	width: 500px;
	height: 154px;
	right: 0;
	top: 0;
	background: #ccc;
	overflow: hidden;
	}
	
#header_fern {
	position: absolute;
	width: 94px;
	height: 62px;
	background: url(images/ph_fern.png);
	right: -21px;
	top: -7px;
	}
	
* html #header_fern {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/ph_fern.png',sizingMethod='scale');
	}
	
/*
==== Wrapper post ====
*/
#wrapper_post{
	width: 808px;
	height: 141px;
	background: url(images/footer_bg.gif);
	margin: 0 auto;
	position: relative;
	top: -100px;
	z-index: 10;
	}
	
/*
==== Nav Strip ====
*/

#nav_strip {
	width: 500px;
	height: 25px;
	background: #333;
	position: absolute;
	right: 0;
	bottom: 0;
	border-top: 1px solid #fff;
	font-size: 10px;
	text-align: right;
	}
	
#nav_strip ul {
	margin: 0;
	padding: 0;
	}
	
#nav_strip li {
	margin: 0;
	padding: 0;
	display: inline;
	}
	
#nav_strip a {
	color: #ccc;
	text-decoration: none;
	line-height: 25px;
	padding: 0;
	width: 166px;
	display: block;
	float: left;
	text-align: center;
	border-right: 1px solid #fff;
	background: url(images/nav_strip_a.gif);
	text-transform: uppercase;
	}
	
#nav_strip #ns_op {
	border-right: none;
	}
	
#nav_strip a:hover {
	background: #a5c536 url(images/nav_strip_a_hover.gif);
	color: #fff;
	}
	
/*
==== main ====
*/
#main {
	margin-top: 20px;
	}
	
* html #main {
	height: 200px;
	}
	
#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/*
==== content ====
*/
#sidebar {
	width: 250px;
	float: left;
	}

/*
==== breadcrumb ====
*/
#breadcrumb {
	text-transform: uppercase;
	height: 25px;
	background: #f6f7f2 url(images/breadcrumb_bg.gif) repeat-x bottom;;
	border: 1px solid #e8e9e3;
	border-left: none;
	border-right: none;
	font-size: 10px;
	line-height: 25px;
	text-align: right;
	padding: 0 10px;
	margin-bottom: 25px;
	}
	
#breadcrumb a {
	text-decoration: none;
	color: #bbb;
	padding: 2px 5px;
	}
	
#breadcrumb a strong {
	color: #777;
	font-weight: normal;
	}
	
#breadcrumb a:hover {
	background: #fff;
	border: 1px solid #e8e9e3;
	padding: 2px 4px;
	color: #777;
	}


/*
==== content ====
*/
#content_wrapper {
	width: 500px;
	float: left;
	}
	
#content {
	padding: 0 25px 0 50px;
	font-size: 12px;
	}

	
/*
==== Home Page promo Box====
*/

#hp_promo {
	height: 215px;
	position: relative;
	background: #fff;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	overflow: hidden;
	}
	
#hp_promo_container {
	position: absolute;
	top: 0;
	right: 0;
	height: 215px;
	width: 500px;
	overflow: hidden;
	}
	
/*
==== Home Page link tiles ====
*/	

/*
==== Home Page link tiles ====
*/	

#services {
	width: 250px;
	overflow: hidden;
	font-size: 10px;
	border-top: 4px solid #eee;
	background: #fff;
	}
	
#home #services {
	width: 249px;
	border-right: 1px solid #ccc;
	position: absolute;
	height: 215px;
	}
	
.service {
	border-bottom: 1px solid #ccc;
	min-height: 40px;
	}
	
* html .service {
	height: 1px;
	}
	
#services a {
	display: block;
	height: 55px;
	text-decoration: none;
	color: #999;
	padding: 15px 30px 0 15px;
	margin: 0;
	background: url(images/services_a.gif);
	}
	
#services a strong {
	font-size: 10px;
	color: #333;
	text-transform: uppercase;
	}
	
#services a:hover {
	background: #33aed9 url(images/services_a_hover.gif);
	color: #fff;
	}
	
#services a:hover strong {
	color: #fff;
	}
	
/*
==== quicklinks ====
*/
#quicklinks {
	border-top: 4px solid #eeeeee;
	background: #fff url(images/quicklinks_bg.gif) repeat-x bottom;
	min-height: 100px;
	border-bottom: 1px solid #d8d8d8;
	font-size: 10px;
	position: relative;
	}
	
* html #quicklinks {
	height: 120px;
	}
	
#quicklinks:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	
#quicklinks h4 {
	font-size: 11px;
	color: #333;
	margin: 0 0 0;
	}
	
#quicklinks br {
	display: none;
	}
	
#quicklinks p {
	margin: 0 0 15px;
	}
	
#quicklinks a {
	text-decoration: none;
	color: #999;
	display: block;
	background: url(images/quicklink_a.gif) no-repeat 97% center;
	height: 18px;
	line-height: 18px;
	padding: 0 0 0 15px;
	}
	
#quicklinks h4 a {
	border: none;
	color: #333;
	background: url(images/bullet_bg.gif) no-repeat 4px center;
	}
	
#quicklinks h4 a:hover {
	background: #a90000 url(images/bullet_bg_ql_hover.gif) no-repeat 4px center;
	}
	
#quicklinks a:hover {
	color: #fff;
	background: #a90000	url(images/quicklink_a_hover.gif) no-repeat 97% center;
	}
	
.quicklinks_group {
	width: 220px;
	float: left;
	border-right: 1px solid #fff;
	padding: 15px 15px 15px 14px;
	position: relative;
	}
	
* html .quicklinks_group {
	height: 100px;
	}

/*
==== Footer ====
*/

#footer {
	position: relative;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-top: 20px;
	padding: 15px 10px 15px;
	font-size: 10px;
	color: #aaa;
	clear: both;
 	background: #fcfcfc;
	min-height: 1px;
	}
	
* html #footer {
	height: 1px;
	}
	
#footer a {
	color: #ccc;
	text-decoration: none;
	padding: 0 2px;
	}
	
#footer a:hover {
	background: #a90000;
	color: #fff;
	}
	
#footer_sitecredit {
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px 10px 15px;
	}	
	
/***
Table Styles
***/
table {
	font-size: 11px;
	margin: 10px -5px;
	}

th {
	text-align: left;
	border-bottom: 1px solid #eee;
	vertical-align: top;
	}
	
td, th {
	padding: 2px 5px;
	vertical-align: top;
	}
	
/***
note (nb)
**/

.note {
	font-size: 10px;
	color: #999;
	margin: 10px 0;
	}
	
	
/***
small print
***/

ol.smallprint {
	font-size: 10px;
	line-height: 1.5em;
	}
	
ol.smallprint ol {
	margin-top: 10px;
	}
	
ol.smallprint li {
	margin-bottom: 10px;
	}

#content ul.smallprint {
	margin: 0 10px 20px 0;
	border: none;
	padding: 0;
	font-size: 11px;
	}
	
#content ul.smallprint li {
	background: none;
	list-style: disc;
	border: none;
	margin: 0 0 10px 15px;
	padding: 0 0 0 10px;
	}
	
/***
FAQ
***/

#faq ul.links a {
	line-height: normal !important;
	padding: 6px 30px 6px 20px;
	}

.faq_item {
	margin: 75px 0 30px;
	border-bottom: 1px solid #eee;
	}
	
.faq_item h3 {
	margin-bottom: 10px;
	}

.faq_item a.btt {
	background: #fff;
	position: relative;
	top: 5px;
	left: 330px;
	font-size: 10px;
	border: none !important;
	padding: 0 10px !important;
	}
	
/***
Get Adobe Reader icon
***/
.get_reader_icon {
	padding: 0 !important;
	}
	
/***
Sitemap
***/

#content ul.sitemap {
	border: none;
	width: 250px;
	}
	
#content .sitemap ul {
	border: none;
	margin: 0;
	padding: 0;
	}

#content .sitemap li {
	border: none;
	background: #fff url(images/bullet_bg.gif) no-repeat 5px 6px;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 16px;
	}
	
#content .sitemap li a {
	border: none;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0 0 0 20px;
	}
	
#content .sitemap li a:hover {
	color: #fff;
	background: #a90000 url(images/bullet_bg_ql_hover.gif) no-repeat 5px 6px;;
	}
	
#content .sitemap ul li {
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	}
		
#content .sitemap ul li a {
	border: none;
	color: #666;
	font-size: 10px;
	font-weight: normal;
	background: url(images/quicklink_a.gif) no-repeat 97% center;
	}
	
#content .sitemap ul li a:hover {
	background: #a90000 url(images/quicklink_a_hover.gif) no-repeat 97% center;
	}
	
.error {
	border: 2px solid #cc0000;
	}
	
	
#content .help_banner {
	background: none !important;
	padding: 0 !important;
	}	
	
a#quote_btn {
	background: url(images/quote_btn.gif) no-repeat;
	width: 220px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	}
	
a:hover#quote_btn {
	background: url(images/quote_btn.gif) no-repeat 0 -30px;
	}