/* CSS Document */

body {
	color: #333333;
	background-color: #708b92;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}

p, th, td, li {
	font-size: 1.1em;
	line-height: 1.4em;
}

a, a:visited {
	color: #024b5e;
}

a:hover {
	color: #e82023;
}

a span { /* hide until printing time */
	display: none;
}

h1 {
	display: none;
	font-size: 3em;
}

h2 {
	font-size: 2.2em;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal;
	color: #024b5e;
}

h2 img {
	vertical-align: middle;
	display: inline;
	padding-bottom: 4px;
}

h2.ad-head {
	font-size: 1.8em;
}

h3 {
	font-weight: normal;
	font-size: 1.8em;
	color: #80a5ae;
}

h3.adv {
	width: 550px;
	color: #80a5ae;
}

h4 {
	font-weight: bold !important;
	font-size: 1.3em;
	color: #024b5e;
	margin-bottom: 4px;
}

#wrap {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	background-color: #708b92;
}

img {
	border: 0;
}

/* main navigation */

#nav {
	width: 100%;
	margin: 9px 0 0 0;
	padding: 0;
	border-bottom: 3px solid #d6e2e4;
	position: relative;
	z-index: 100 !important;
}

#nav ul {
	height: 37px; /* fix this */
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

#nav img {
	float: left;
	margin: 0;
	padding: 0;
}

#nav li a, #nav li a:visited {
	display: block;
	height: 37px;
	background: transparent;
	margin: 0;
	padding: 0;
}

#nav1, .nav1 {
	width: 47px !important;
}

#nav2, .nav2 {
	width: 148px;
}

#nav3, .nav3 {
	width: 169px;
}

#nav4, .nav4 {
	width: 121px;
}

#nav5, .nav5 {
	width: 59px;
}

#nav7, .nav7 {
	width: 36px;
}

#nav8, .nav8 {
	width: 35px;
}

#nav li a:hover { /* This line is redundant, but is required for stupid IE6 to work. Lame! */
	background: #fff;
}

/* drop down styles */

#nav ul li ul {
	width: 144px;
	visibility: hidden;
	position: absolute;
	/*height: 0;*/
	top: 37px;
	left: 0px;
	z-index: 100 !important;
}

#nav ul li ul li {
	width: 104px;
	padding: 0 20px;
	background: #024b5e;
}

#nav ul li ul li.no-bg {
	padding: 0 !important;
	background: none;
}

#nav table {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100 !important;
}

#nav ul li ul li a, #nav ul li ul li a:visited {
	background: none; /* essential for IE to work. Don't ask why, I don't know! */
	height: 1.4em;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	padding: 8px 0 !important;
	border-bottom: 1px solid #fff;
}

#nav ul li ul li a:hover {
	color: #ed1b2d;
	background-color: #024b5e;
}

#nav ul li ul li a.last, #nav ul li ul li a.last:visited {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
}

* html #nav ul li ul li a {
	font-size: 0.9em !important;
}

#nav ul li:hover ul, #nav ul a:hover ul {
	visibility: visible; 
}

/* end nav styles */

#content {
	background-color: #fff;
	margin: 0;
	padding: 25px;
}

#content-home {
	position: relative;
	width: 750px;
	height: 310px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	z-index: 7 !important;
}

#content-adv-power {
	background: #fff url(../img/power-bg.gif) right 20px no-repeat;
	margin: 0;
	padding: 25px;
}

#content-adv-economy {
	background: #fff url(../img/economy-bg.gif) right 20px no-repeat;
	margin: 0;
	padding: 25px;
}

#content-adv-reliability {
	background: #fff url(../img/reliability-bg.gif) right 20px no-repeat;
	margin: 0;
	padding: 25px;
}

#content-adv-emissions {
	background: #fff url(../img/emissions-bg.gif) right 20px no-repeat;
	margin: 0;
	padding: 25px;
}

#content-adv-ride {
	background: #fff url(../img/ride-bg.gif) right 20px no-repeat;
	margin: 0;
	padding: 25px;
}

#content h2, #content-adv-power h2, #content-adv-economy h2, #content-adv-reliability h2, #content-adv-emissions h2, #content-adv-ride h2 { /* Stupid IE6 hack */
	position: relative;
}

/* "helps" pages */

#content-adv-power-h {
	background: #fff url(../img/power-bg.jpg) right 10px no-repeat;
	margin: 0;
	padding: 25px;
}

#content-adv-economy-h {
	background: #fff url(../img/economy-bg.jpg) right top no-repeat;
	margin: 0;
	padding: 25px;
}

#content-adv-reliability-h {
	background: #fff url(../img/reliability-bg.jpg) right top no-repeat;
	margin: 0;
	padding: 25px;
}

#content-adv-emissions-h {
	background: #fff url(../img/emissions-bg.jpg) right top no-repeat;
	margin: 0;
	padding: 25px;
}

#content-adv-ride-h {
	background: #fff url(../img/ride-bg.jpg) right top no-repeat;
	margin: 0;
	padding: 25px;
}

#footer-home {
	/* margin-top: 310px; required if the Flash object has the wmode set to opaque or transparent AND position of the layer around the Flash object is set to absolute */
}

#copyright {
	width: 750px;
	background: url(../img/footer-copyright.jpg) 0 0 no-repeat;
	margin: 0;
	padding: 1em 0;
	text-align: center;
}

#copyright ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#copyright li {
	display: inline;
	margin: 0;
	padding: 0 0 0 6px;
	color: #fff;
}

#copyright li a, #copyright li a:visited {
	margin: 0;
	padding: 0 6px 0 0;
	color: #fff;
	text-decoration: underline;
}

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

/* In Your Engine section */

#engine-animation {
	position: relative;
	width: 689px;
	height: 270px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	z-index: 7 !important;
}

/* FAQ section */ 

#expand {
	display: inline;
}

#contract {
	display: none;
}

#faq-wrap {
	width: 696px;
}

#faq1 {
	background: #e5edef url(../img/faq-top.gif) left top no-repeat;
	width: 692px;
	margin: 0 0 2px 0;
	padding: 2px;
}

#faq2, #faq3, #faq4, #faq5, #faq6, #faq7, #faq8, #faq9, #faq10 {
	background: #e5edef;
	width: 692px;
	margin: 0 0 2px 0;
	padding: 2px;
}

#faq11 {
	background: #e5edef url(../img/faq-bottom.gif) left bottom no-repeat;
	width: 692px;
	margin: 0 0 2px 0;
	padding: 2px;
}

#faq1-text, #faq2-text, #faq3-text, #faq4-text, #faq5-text, #faq6-text, #faq7-text, #faq8-text, #faq9-text, #faq10-text, #faq11-text {
	background-color: #fff;
	margin: 0;
	padding: 2px 1.6em;
	display: none;
}

#faq1-text p, #faq2-text p, #faq3-text p, #faq4-text p, #faq5-text p, #faq6-text p, #faq7-text p, #faq8-text p, #faq9-text p, #faq10-text p, #faq11-text p {
}

#faq-wrap ol {
	margin: 0 0 0 38px;
	padding: 0;
}

#faq-wrap ul li {
	margin: 0;
	padding: 0;
}

#faq-wrap h3 {
	font-size: 1em;
	color: #024b5e;
	margin: 1em 0;
	padding: 0;
}

#faq-wrap h3 a, #faq-wrap h3 a:visited {
	text-decoration: none;
}

.expand-button {
	float: right;
	width: 20px;
	padding-top: 1.4em;
}

#toggle1, #toggle2, #toggle3, #toggle4, #toggle5, #toggle6, #toggle7, #toggle8, #toggle9, #toggle10, #toggle11 {
	cursor: pointer;
}

/* Advantage page styles */

/* left column */

#advantage-pagenav {
	float: left;
	width: 280px;
}

#advantage-pagenav ul {
	width: 250px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#advantage-pagenav li {
	border-top: 1px solid #e5edef;
	margin: 0;
	padding: 8px 0 8px 4px;
}

#advantage-pagenav a, #advantage-pagenav a:visited {
	color: #024b5e;
	text-decoration: none;
}

#advantage-pagenav a:hover {
	font-weight: bold;
	/*text-decoration: underline;*/
}

/* right column */

#advantage-content {
	float: left;
	width: 400px;
}

#advantage-content h4 {
	width: 340px;
	margin-top: 0;
	padding-top: 0;
}

#advantage-content-r-h {
	float: left;
	width: 400px;
}

#advantage-content-r-h h4 {
	width: 320px;
	margin-top: 0;
	padding-top: 0;
}

.first-para { /* fix for the reliability area */
	width: 320px;
}

h4.heading-wide {
	width: 400px !important;
}

/* subnav */

#advantage-subnav {
	margin: 0;
	padding: 0;
	text-align: center;
}

#advantage-subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#advantage-subnav li {
	display: inline;
	margin: 0;
	padding: 0;
}

/* Resource centre */

#rec-left {
	float: left;
	width: 330px;
}

#rec-right {
	float: right;
	position: relative;
	width: 340px;
	margin-right: 10px;
	background: url(../img/resource-sweeper.jpg) right bottom no-repeat;
}

* html #rec-left { /* more bodgee IE6 hacks */
	margin-top: 12px;
}

* html#rec-right { /* more bodgee IE6 hacks */
	margin-top: 12px;
}

.arrow-bullets {
	margin-left: 18px;
	padding-left: 0;
}

.arrow-bullets li {
	list-style-image: url(/img/arrow-bullets.gif);
	padding-bottom: 4px;
	margin-left: 0;
	padding-left: 0;
}

.arrow-bullets a, .arrow-bullets a:visited {
	text-decoration: none;
}

.arrow-bullets a:hover {
	text-decoration: underline;
}

/* general sitewide styles */

.cleaner {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}