@charset "utf-8";
/*///////////////////////////////////////////////////////////////////////
	Name: hbfuels.css
	Author: Adam Williams <adam@i-sitedigital.co.uk>
	Last updated: 05 December 2007
	
	Description: 
	
	Main stylesheet for hbfuels.com
	
///////////////////////////////////////////////////////////////////////*/ 

/* HTML ELIMENTS */
html body {
	margin-top:0;
	background-color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}

h1, h2, h3, h4, h5, h6, ul, li, p {
	margin:0;
	padding:0;
}

ul { 
	margin-left:20px; 
	margin-bottom:10px;	
}

img { border:none; }

/* MAIN PAGE ID's */
#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	width:930px;
}

/* self clearing rules */
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container { display: inline-block; height: 1%; }
/* Hides from IE-mac \*/
#container { display: block; }
/* End hide from IE-mac */
	
#header {
	position:relative;
	float:left;
	width:930px;
	padding-bottom:15px;
}
	#headerLeft {
		position:relative;
		float:left;
		width:584px;
		height:76px;
		padding-left:16px;
	}
	#headerRight {
		position:relative;
		float:right;
		width:330px;
		height:57px;
		text-align:right;
		padding-top:19px;
	}
		#headerRight h2 {
			font-size:16px;
			color:#003784;
			font-weight:bold;
			margin-bottom:3px;
		}
		#headerRight a {
			color:#003784;
			text-decoration:none;
		}
	#navBackground {
		position:relative;
		float:left;
		width:930px;
		height:30px;
		background-color:#FFDB0D;

	}
		#yellowBar {
			position:relative;
			float:left;
			width:930px;
			height:30px;
			background-color:#FFDB0D;
		}
		#navBar {
			position:relative;
			float:left;
			width:930px;
			height:30px;
			background:url(/images/hb_end.gif) top right no-repeat;
		}
		#navBar ul {
			margin-top:7px;
			margin-left:0;
			list-style:none;
		}
		#navBar ul li {
			display:inline;
			margin-right:7px;
			font-weight:bold;
			color:#003784;
			font-size:13px;	
		}
		#navBar ul li.first {
			margin-left:18px;
		}
		#navBar ul li a:link, #navBar ul li a:visited {
			color:#003784;
			text-decoration:none;
		}
		#navBar ul li a:hover, #navBar ul li a:active {
			color:#003784;
			text-decoration:underline;
		}
	.left {
		float:left;
	}
	.right {
		float:right;
	}
	
#rightLinks ul li a:link, #rightLinks ul li a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#rightLinks ul li a:hover, #rightLinks ul li a:active {
	color:#FFFFFF;
	text-decoration:underline;
}
	
	.white { color:#FFFFFF }

#left {
	position:relative;
	float:left;
	width:295px;
}

.leftBox {
	position:relative;
	float:left;
	width:295px;
	border-width:0px 1px 1px 1px;
	border-color:#FFDB0D;
	border-style:solid;
	margin-bottom:20px;
}
.leftBox h1 {
	display:block;
	background-color:#FFDB0D;
	font-size:14px;
	padding:6px;
	text-align:center;
	color:#003784;
	margin-bottom:10px;
}
.leftBox p {
	margin:0 10px 10px 10px;
}
#left a:link, #left a:visited, #main a:link, #main a:visited {
	color:#FE0007;
	text-decoration:none;
	font-weight:bold;
}
#left a:hover, #left a:active, #main a:hover, #main a:active {
	color:#FE0007;
	text-decoration:underline;
	font-weight:bold;
}

.blueBox { 
	border-color:#003784;
}
.blueBox h1 {
	color:#FFFFFF;
	background-color:#003784;
}

#main {
	position:relative;
	float:left;
	width:605px;
	padding:0 5px 10px 20px;
	margin-top:7px;
}
#main h1 {
	color:#333333;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
#main h2 {
	color:#525252;
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
}
#main h3 {
	color:#525252;
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
}

#main p {
	color:#333333;
	margin-bottom:10px;
}

#footerBar {
	position:relative;
	float:left;
	width:930px;
	height:30px;
	background-color:#FFDB0D;
}

#footerBar p {
	margin-top:8px;
	text-align:right;
	margin-right:10px;
}

#footer p img {
}

#footerBar a:link, a:visited {
	color:#FE0007;
	text-decoration:none;
	font-weight:bold;
}
#footerBar a:hover, a:active {
	color:#FE0007;
	text-decoration:underline;
	font-weight:bold;
}

#footerLinks {
	position:relative;
	float:left;
	width:930px;
	height:30px;
}
#footerLinks ul {
	list-style:none;
	text-align:center;
	margin-top:7px;
	margin-left:0;
}
#footerLinks ul li {
	display:inline;
	margin-left:10px;
	font-weight:bold;
	color:#B9B9B9;
}

#footerLinks ul li.first { margin-left:10px; }
#footerLinks ul li a:link, #footerLinks ul li a:visited, #footerDisclaimer a:link, #footerDisclaimer a:visited {
	text-decoration:none;
	color:#666666;
}
#footerLinks ul li a:hover, #footerLinks ul li a:active, #footerDisclaimer a:hover, #footerDisclaimer a:active {
	text-decoration:underline;
	color:#666666;
}
#footerDisclaimer {
	position:relative;
	float:left;
	width:445px;
	padding:0 5px 0 12px;
}
#footerDisclaimer p {
	font-size:11px;
	font-weight:bold;
	color:#666666;
	margin-bottom:1px;
}
#footerDisclaimer a {
	text-decoration:none;
	color:#666666;
}
#footerCards {
	position:relative;
	float:left;
	width:465px;
}

.center {
	text-align:center;
}
#homeLeftImages {
	position:relative;
	float:left;
	padding:5px 0px 0px 34px;
}
#homeLeftImages img {
	margin-bottom:10px;
}

.indent { margin-left:10px; }

#loggedIn {
	position:relative;
	float:right;
	width:608px;
	border:#FF0000 1px solid;
	padding:3px;
}