/* ==== eAutomotive - (c) Russell Docking / Bluesky Interactive 2008 - www.russelldocking.com ==== */

body {
	background: #163a81 url(../images/bg.gif) repeat-x;
}
#wrapper {
	width: 886px;
	margin: 0 auto 0 auto;
	padding: 0;
}

/* ==== top ==== */
#top {
	width: 886px;
	height: 114px;
	margin: 0;
	padding: 0;
	background: #ffffff url(../images/top.gif) no-repeat;
}
#header-right {
	float: right;
	width: 242px;
	margin: 0;
	padding: 0 9px 0 0;
}
.logo { margin: 0; padding: 0; }

/* ==== menu ==== */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu-wrapper {
	width: 886px;
	height: 46px;
	margin: 0;
	padding: 0;
	background: url(../images/menu-bg.gif) no-repeat;
}
.menu {
	font: bold 13px arial, sans-serif; 
	width: 886px; 
	height: 26px; 
	position:relative; 
	margin: 0; 
	z-index: 100; 
	text-align: center; 
	text-transform: uppercase;
	border-top: 1px solid #a5bff6;
	border-bottom: 1px solid #a5bff6;	
}
.menu ul {
	padding:0; 
	margin:0; 
	list-style-type: none;
}
.menu ul li {
	float:left; 
	border-right:2px solid #a5bff6; 
	width:109px;
}
.menu ul li.menu-right {
	border:0; 
}
.menu ul li a, .menu ul li a:visited {
	display:block; 
	width:105px; 
	text-decoration:none; 
	padding:0 2px 0 2px; 
	height:26px; 
	line-height:24px; 
	color:#fff; 
}
.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}
.menu ul li ul {
	visibility:hidden; 
	position:absolute; 
	top:26px; 
	left:0; 
	height:18px; 
	font-size:10px; 
	font-weight:normal; 
	text-transform:none; 
	line-height:16px; 
	border-top: 1px solid #a5bff6;
}
.menu ul li:hover a, .menu ul li a:hover {
	color:#fff; 
	background:#000098;
}
.menu ul li:hover ul, .menu ul li a:hover ul {
	visibility:visible; 
	width:886px; 
	height:18px; 
	line-height:16px; 
	color:#fff;
}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
	display:block; 
	height:18px; 
	line-height:16px; 
	color:#fff;
}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {
	color:#66ff00;
}

/* ==== content ==== */
#content {
	width: 868px;
	background: #ffffff url(../images/content-bg.gif) repeat-x;
	margin: 0;
	padding: 4px 9px 10px 9px; 
}
#content p {
	margin: 0 0 16px 0;
	padding: 0; 
}
#content ul {
	font: normal 14px Georgia, tahoma, arial, sans-serif; color: #777777;
	margin: 0 0 16px 12px;
	padding: 0;
	list-style-type: disc;
}

.main {
	float:left;
	width: 522px;
	margin: 0;
	padding: 40px 0 0 0;
	border-right: 1px solid #bec9df;
	text-align: left;
}
.main a, .main a:link, .main a:visited {
	color: #5486ec;
	font-weight: bold;
	text-decoration: underline;
}
.main a:hover {
	color: #66ff00;
}
.left {
	font: normal 14px Georgia, tahoma, arial, sans-serif; color: #777777;
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
}

.centre {
	font: normal 14px Georgia, tahoma, arial, sans-serif; color: #777777;
	float: right;
	width: 337px;
	margin: 0;
	padding: 0 8px 0 8px;
	border-left: 1px solid #bec9df;
}
.centre h2 {
	font: bold 14px Georgia, tahoma, arial, sans-serif; color: #777777;
	margin: 0 0 16px 0;
	padding: 0;
}

.right {
	font: normal 14px Georgia, tahoma, arial, sans-serif; color: #777777;
	float: right;
	width: 337px;
	margin: 0;
	padding: 0;
}
.right p {
	margin: 0;
	padding: 0;
}
.right a, .right a:link, .right a:visited {
	color: #5486ec;
	font-weight: bold;
	text-decoration: underline;
}
.right a:hover {
	color: #ffffff;
}
img.badge {
	margin: 0 10px 0 0;
	padding: 0;
}

.terms-left {
	font: normal 14px Georgia, tahoma, arial, sans-serif; color: #777777;
	float: left;
	width: 160px;
	margin: 40px 0 0 0;
	padding: 0;
}
.terms {
	float: right;
	width: 690px;
	margin: 40px 0 0 0;
	padding: 0 0 0 8px;
	font: normal 12px Georgia, tahoma, arial, sans-serif; color: #777777;
	border-left: 1px solid #bec9df;	
}
.terms p {
	margin: 0 0 16px 0;
	padding: 0;
}
.terms h2 {
	font: bold 12px Georgia, tahoma, arial, sans-serif; color: #777777;
	margin: 0 0 16px 0;
	padding: 0;
}


/* ==== news box ==== */
.news {
	width: 337px;
	background: #66ff00;
	margin: 0;
	padding: 0 0 4px 0; 
}
.news h2 {
	display: block;
	width: 325px;
	margin: 0;
	padding: 2px 6px 2px 6px; 
	font: normal 14px arial, sans-serif; color: #ffffff;
	border-bottom: 1px solid #a5bff6; 
	background: #4ec427;
	text-transform: uppercase;
}
.newsarticle {
	width: 325px;
	margin: 2px 6px 0 6px;
	padding: 0; 
	font: normal 10px Georgia, tahoma, arial, sans-serif; color: #4c4c4c;
}
.newsarticle p {
	margin: 0;
	padding: 0; 
}

h1 {
	font: normal 24px Georgia, tahoma, arial, sans-serif; color: #000098;
	margin: 0 0 12px 0;
	padding: 0;
}
/* ======= sIFR headings ======= */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0; }

.sIFR-replaced {
	visibility: visible !important; }

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 24px; }
/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 24px; }

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px; }

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px; }

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px; }*/
	
h2 {
	font: normal 13px tahoma, arial, sans-serif; color: #777777;
	margin: 0 0 12px 0;
	padding: 0;
}
.caption {
	font: normal 9px tahoma, arial, sans-serif; color: #777777;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

/* ==== in-page minimenus ==== */
.minimenu {
	color: #ffffff;
}
.minimenu h2 {
	display: block;
	width: 148px;
	margin: 0;
	padding: 2px 6px 2px 6px; 
	font: normal 14px arial, sans-serif; color: #ffffff;
	border-bottom: 1px solid #a5bff6; 
	background: #517acc;
	text-transform: uppercase;
}
a.minimenu, a.minimenu:link, a.minimenu:visited, a.minimenu:active {
	display: block; 
	width: 148px; 
	height: 18px; 
	background: #6994eb; 
	border-bottom: 1px solid #a5bff6; 
	margin: 0;
	padding: 4px 6px 0 6px; 
	text-decoration: none; 
	font: normal 10px arial, sans-serif; color: #ffffff;
	overflow: hidden;
}
a.minimenu:hover {
	color:#66ff00; background:#000098;
	text-decoration: none;
}

/* ==== footer ==== */
#footer {
	width: 871px;
	background: #ffffff;
	margin: 0;
	padding: 10px 0 15px 15px;
	border-top: 1px solid #bec9df;
	font: normal 10px Georgia, tahoma, arial, sans-serif; color: #616161; 
}
#footer a, #footer a:link, #footer a:visited {
	text-decoration: none;
	color: #616161; 
}
#footer a:hover {
	text-decoration: underline;
	color: #616161;
}

/* ==== terms ==== 
#terms {
	background: #FFFFFF;
	margin: 0;
	padding: 5px 5px;
	font: normal 11px tahoma, arial, sans-serif; color: #616161; 
}
#terms p {
	margin: 0 0 10px 0;
	padding: 0;
}
#terms a, #terms a:link, #terms a:visited {
	font-weight: bold;
	color: #0da773;
	text-decoration: none;
}
#terms a:hover {
	text-decoration: underline;
}*/
