/*
	Copyright Datamotive         :: www.datamotive.com ::
*/

/* ================= @Table of contents =======================
***************************************************************
***************************************************************
********** Seperate css into logical chunks of code ***********
***************************************************************
***************************************************************
	@Tags
	@Misc
	@Error
	@Base Font
	@Structual
	@Navigation
	@Content
	@Forms
	@Tables
	@List
==================== @Table of contents - end ===============*/

/* @Tags - START: direct tag styling that are not related font sizing */
*, html
{
	font-family: "Lucida Grade", Arial, Geneva, Helvetica, sans-serif;
}
html ,body {
	height:100%; min-height: 100%; max-height: 100%; margin: 0 auto; 
}
body, form, ul, li, h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
}
body { color: #565656; }

a { color: #565656; }
a:hover { color: #CC0000; }
	
img { border: none; }

td { vertical-align: top; }

p
{
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.5em; /* 15px */
	color: #565656;
}
p em { color: #7b7b87; }
/* @Tags - END: direct tag styling that are not related font sizing */

/* @Misc - START: misc styles */
.clear
{
	height: 0 !important;
	line-height: 0 !important;
	clear: both !important;
	font-size: 1px !important;
	float: none !important;
	padding: 0  !important;
	margin: 0  !important;
	width: auto !important;
}

.skip-links
{
	visibility: hidden;
	position: absolute;
	top: -9999px;
	left: -9999px;
}
span {
	text-indent: -9999px;
}
.auto { 
    margin: 0 auto;
}
/* Removes outline around flash files in FF3 */
object { outline:none; }

/* remove halo effect in firefox   */
*:focus, button:focus, a:active, input:active { 
	outline: none; 
}
/* @Misc - END: misc styles */

/* @Error - START: form validation summary error styles */
.errors
{
	color: #ff0000;
	font-size: 1em;
	margin-bottom: 7px;
	position: relative;
}
.errors ul li
{
	color: #ff0000;
	font-size: 0.917em;
	list-style: none;
	padding: 0;
	background: none;
}
.error
{
	color: #ff0000;
	font-size: 1em;
	font-weight: bold;
}
/* @Error - END: form validation summary error styles */


/* @Font - START: Font Consistency */
html { 
	font-size: 100%; /* IE hack */ 
}
body {
	margin: 0 auto; padding: 0; background:url(../img/body.jpg) repeat-x; font-size: 0.688em; /* Base Font 11px */
}
.wrapper {
	margin: 0 auto;  text-align: center;
}
table { font-size: 100%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1em; }


h1, h2, h3 { font-size: 1.455em; line-height: 1.363em;  color:#039DD9; margin-bottom: 0.6875em; } /* all em = 16px */
h2.title { font-size: 2em; } /* all em = 21px */
h1.subtitle01 { color: #0072AD; font-size: 1.455em; margin: 0 0 0.526em 0; } /* 19px/10px */
h2#h2-link { 
	text-decoration:underline; padding: 0px 17px 0 17px; margin:0;
}
h2#h2-link a { 
	color:#0072AD;
}
h2 a:hover {
	color: #CC0000; text-decoration:none;
}
#content h1 {
 display: none;
}
.copy h2 {
}
h3 {
color: #42AB2E; font-size:1.188em;
}
.dealer-location div h2 {
color: #588498; font-size:1.188em;
}
.left-content h3 {
font-size: 1.455em; line-height: 1.363em;  color:#0072AD; margin-bottom: 0.6875em;
}

/*-----------------------------------------------------------------------------
/*
div, class, span, img, label, input, h1, h2, h3 {
	border: dotted 1px #FF0000 !important;
} */

/* Body */
/* ------------------------------------------------------------------------------------ */
#header {
	height:123px; text-align:center; margin: 0 auto; width:940px; background:url(../img/logo.gif) no-repeat 0 16px; position: relative;
}
a.logo {
	width: 207px; height:50px; float:left; display:block; margin: 20px 0 0 0; text-indent: -9999px;
}
.address {
	float: right; text-align:right; margin: 30px 0 0 0; font-weight: bold;
}
.address p {
 color:#588498;
}
.address a {
 color:#588498;
}
.address a:hover {
 text-decoration: none;
}
.main-feature {
	width: 464px; border: solid 1px #85CBF6; background: #FFF; padding: 8px 8px 15px 8px; float: left;
}
.main-feature img {
	margin: 0 0 0.625em 0;
}
.main-feature p {
padding: 5px 17px 0 17px;
}
#content .main-feature h1 {
display: block;
}
p.top {
 margin: 0;
}
.feature {
	width: 154px; float: left; text-align: left; 
}
.feature p {
	margin: 8px 8px 0 0px; width: 140px; float: left; border-top: dashed 1px #FFF; padding: 7px 6px 0 0;  color: #FFF;
} 
a.feature {
	width: 136px; padding: 8px; background: #FFF; border: solid 1px #85CBF6; float: left; margin: 0 0 0 0px;
}
a:hover.feature {
	border: solid 1px #FFF;
}
.left-content {
	width: 594px; border: solid 1px #85CBF6; background: #FFF; padding:15px 25px 18px 25px; float: left; margin: 3em 0 0 0;
}
.right-content {
	width: 628px; border: solid 1px #85CBF6; background: #FFF; padding: 8px 8px 15px 8px; float: left; margin: 0;
}
.right-content h2 {
	padding: 10px 20px 0 20px;
}
.right-content div {
	padding: 0px 20px;
}
.right-content div h2 {
	padding: 0px;
}
.left-column {
	width: 318px; float:left;
}
.left-nav-box {
	width: 300px; border: solid 1px #85CBF6; background: #FFF; padding:8px; float: left; margin: 0 0 10px  0;
}
.quote {
	margin: 3em 0 0 10px; width: 318px; float:left;
}
ul#left-nav {
	margin: 0; width:300px; float:left; list-style:none;
}
ul#left-nav li {
	width:278px; float:left; background:#B4DDE9;
}
ul#left-nav li a {
	padding: 8px 8px 8px 25px; width:268px; float:left; background:#B4DDE9 url(img/arrow-R1.gif) 15px 9px no-repeat; color: #0072AD; font-weight: bold; text-decoration: none; border-bottom: solid 1px #FFF;
}
ul#left-nav li a:hover {
	 text-decoration: none; background: #84CFE4 url(img/arrow-R1.gif) 15px 9px no-repeat;
}
ul#left-nav li a.selected {
	padding: 8px 8px 8px 25px; width:268px; float:left; background:#84CFE4 url(img/left-nav-selected-R1.gif) 0px 0px no-repeat; color: #0072AD; font-weight: bold; text-decoration: none; border-bottom: solid 1px #FFF;
}
ul#left-nav li a.header {
	padding: 8px 8px 8px 25px; width:268px; float:left; background:#00A6D6  url(img/arrow2-R1.gif) 12px 9px no-repeat; color: #0072AD; font-weight: bold; text-decoration: none; border-bottom: solid 1px #FFF; color: #FFF;
}

/* Footer */
/* ------------------------------------------------------------------------------------ */
ul#footer {
	width: 940px; margin: 0 auto; color: #808780; text-align: center; clear:both; border-top: solid 1px #F3F3F3; padding: 10px 0 0 0;
}
.copyright {
	margin: 0 auto; color: #999; text-align: center; margin-top: 2px;
}
.copyright a{
	color: #999; white-space:nowrap;
}
#footer .copyright em {
font-style: normal; padding-top: 2px; float:left;
}
.footer-color {
	width: 100%; float: left; height: 65px; padding-top:1.5em;
}
#footer ul {
	margin: 0.25em 0 0.5em 0.6em; padding: 0 1em 0 0; list-style: none; text-align: left; font-size:0.818em; font-family:Arial, Helvetica, sans-serif;
}
#footer li {
	display: inline; margin: 0; padding: 2px 0em 0.5em 0.5em; background: url(img/line.gif) left center no-repeat; line-height: 1.7em; 
}
#footer a {
	margin: 0 3px 0 3px; /* Width of the graphic */ color: #999; white-space:nowrap;
} 
#footer a.nolink {
	margin: 0 3px 0 3px; /* Width of the graphic */ color: #999; text-decoration: none; cursor:default;
} 
#footer a:hover.nolink {
	color: #666;
} 
#footer a:hover {
	color: #CC0000;
}
#footer .first {
	padding-left: 0; background: none;
}
#footer .first a {
	margin-left: 0;
}
/* Content */
/* ------------------------------------------------------------------------------------ */
.content {
	width: 940px;
	margin: 0 auto;
	position: relative;
	clear:both;
} 
.content2 {
 width: 810px; margin: 0 auto; position: relative; clear: both;
 }
#content h1 {
	display: none;
}
.content-color {
	width: 100%; background: #6BB4E6 url(img/content-color.jpg) repeat-x 0 0px; float: left; padding: 16px 0 40px 0;
}
/* Nav */
/* ------------------------------------------------------------------------------------ */
ul#nav {
	height:29px; padding: 0 0 0 200px; list-style:none; position: absolute; top: 93px; width: auto; float:left; clear:both; margin:0; left:0;
}
ul#nav li {
	float:left;
}
ul#nav li a {
	 width: 140px; height:29px; display:block;  margin-right: 10px; float:left; 
}
.nav-pre-owned-R1 {
	background: url(../img/nav-pre-owned-R1.gif) no-repeat 0 0px;
}
.nav-pre-owned-R1:hover, .nav-pre-owned-R3 {
	background: url(../img/nav-pre-owned-R1.gif) no-repeat 0 -29px;
}
.nav-finance-R1 {
	background: url(../img/nav-finance-R1.gif) no-repeat;
}
.nav-finance-R1:hover, .nav-finance-R3 {
	background: url(../img/nav-finance-R1.gif) no-repeat 0 -29px;
}
.nav-value-R1 {
	background: url(../img/nav-value-R1.gif) no-repeat;
}
.nav-value-R1:hover, .nav-value-R3 {
	background: url(../img/nav-value-R1.gif) no-repeat 0 -29px;
}
.nav-contact-R1 {
	background: url(../img/nav-contact-R1.gif) no-repeat;
}
.nav-contact-R1:hover, .nav-contact-R3 {
	background: url(../img/nav-contact-R1.gif) no-repeat 0 -29px;
}
/* Sitenav */
/* ------------------------------------------------------------------------------------ */
.contact {
	padding: 10px 0 0 19px; width: 280px; float:left; text-align: left; color: #FFF; font-size:0.818em; font-family:Arial, Helvetica, sans-serif;
}
.contactv {
	padding: 10px 0 0 19px; width: 280px; float:left; text-align: left; color: #FFF; font-size:0.818em; font-family:Arial, Helvetica, sans-serif;
}
.contact a {
	text-decoration: underline; color: #FFF; 
}
.contact a:hover {
	text-decoration: none;
}
.contact em {
	padding: 0px 10px;
	}
#minisearch {
	float: left; width: 302px; height:300px; background: url(../img/minisearch.jpg) no-repeat; margin: 43px  0 0 0px; padding-left:8px;
}
#minisearch iframe {
	background:none; padding:0;
}
.flash-feature {
	width: 630px; height:344px; float:left;
}
/* Grey Panel */
/* ------------------------------------------------------------------------------------ */
.panel {
	float: left; clear:both; width:100%; background:url(../img/grey-panel.gif) repeat-x; padding: 40px 0;
}
.dealer-location {
	width:480px; height:102px; background:url(../img/dealer-location.gif) no-repeat; float:left;
}
.dealer-location div {
	padding: 15px 20px; width:320px; float:left;
}
.dealer-location div h2 {
	margin: 0;
}
.staff-thumb {
	float: right; width: 82px; padding:0px 0 0 0; margin: 0 0 0 10px; display:inline;
}
.staff-thumb  a { margin: 55px 0 0 50px; display:block; height:28px; width:auto; background:url(../img/flash-R1.png) no-repeat; 
}
.staff-thumb strong { clear:both !important; }
.kelly {
	background: url(../img/kelly-taylor.jpg) no-repeat;
}
.brian {
	background: url(../img/brian-wise.jpg) no-repeat; width: 70px;
}
.julie {
	background: url(../img/julie-may.jpg) no-repeat;
}
.dean {
	background: url(../img/dean-johnsen.jpg) no-repeat;
}
.ruth {
	background: url(../img/ruth-duebert.jpg) no-repeat;

}
.kristy {
	background: url(../img/kristy.jpg) no-repeat;
}
.dealer-link {
	float: right; width: 120px; height:100px;clear:right; text-indent: -9999px;
}
.margin-zero {
	
}
#iframeHeader {
	width: 940px; height:500px; margin: 20px auto 40px auto; float:left; display:inline;
}

#iframeHeader2 {
	width: 940px; height:480px; margin: 20px auto 40px auto; float:left; display:inline;
}

 
.main-content {
	width:810px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	background:url(../img/finance-enquiry-form.jpg) no-repeat 272px 70px;
	height: 500px;
}
.main-content2 { width:810px; margin: 0 auto;  padding: 40px 0 0 0; clear:both;
}
.copy { width: 360px; float:left; 
}
/* Form
=====================================================================*/
#theform {
width: 420px; clear: right; float:left; margin: 35px 0 0 30px; background: none; display:inline; padding-top: 40px;
}
#theform h3 { display: none;
}
#theform dl { padding: 0; float:left; margin: 0px 0 0.4em 20px; }
#theform dp { padding: 0; float:left; margin: 0px 20px 0.4em 20px; }
#theform dt { width: 135px; float: left; clear:left; padding-right:10px; }
#theform label {
color: #588498; display: block; text-indent: 0; padding: 0.2em 0 0.2em 0; text-align: left; font-weight: bold; font-size: 1.182em;
}
#theform dd input, #theform dd textarea { width: 230px; border: solid 1px #C0DFE9; color: #565656; float: left; margin: 0 0 0.2em 0 !important; padding: 0.2em 0 0.3em 0.2em !important; font-size:1em;  color: #565656 !important; 
}
#theform dd select { color: #565656; width: 226px; font-size: 0.917em; float: left; padding: 0em 0 0.3em 0.1em; margin:0 0 0.1em -2px;}
#theform dd { width: 210px; float: left; clear:right; margin:0;
}
#theform dd .radiolong {
display:inline;
float:left;
margin:2px 0px 0 0 !important;
padding:0 !important;
width:50px;
}
#theform dd  input.radio {
display:inline;
float:left;
height:15px;
margin:0em 0.2em 0 0em !important;
width:15px;
}
#send { width: 127px; height:34px; float: left; clear:left; background: url(../img/send-R1.gif) no-repeat; display: inline; border:0; text-indent:-9999px; cursor:pointer;
}
#send:hover { background: url(../img/send-R1.gif) no-repeat 0 -34px;;
}
#theform dd textarea{
height: 70px; width: 230px !important; margin: 0 !important; color: #565656;
}
#theform input:focus, #theform textarea:focus { border: solid 1px #33CCFF;
}
em { font-style:normal; color: #CC0000; }
.disclaimer {float: left; font-size:0.625em; margin: 0 0 20px 0px; display:inline;
}
a.special-banner { width:900px; height:83px; background:url(../img/special-banner.gif) no-repeat;  display: block; float:left;
}
.footer {font-size: 10px; color:#666; line-height:16px; width: 940px; text-align:center;margin: 0 auto; padding:5px 0 15px 0; background: url(../img/content-bottom.gif) no-repeat;  }
.footer a {color: #666; }
.footer a:hover { text-decoration:none; }
.copy ul { margin: 0.5em 0 1.5em 7px; padding: 0; list-style:none; }
.copy ul li { padding: 0em 0 0 12px; background:url(../img/bullet.gif) no-repeat; line-height:1.5em; }
.receptionist-image {
	clear: both; float: left; width:225px; height:216px; margin: 20px 0 0 350px; display:inline; background:url(../img/receptionist-image.jpg) no-repeat;
}
.map-address {  float:left; clear:both; position: absolute; width: 400px; top:0; left:0;
}
.map-address div { width: 190px; float:left; position:relative; margin: 20px 0px 0 0 ; display:inline; line-height:1.5em; }
.map-address .right {margin-right:0; margin-left:10px; display:inline; width:190px; }
.two-col { width: 180px; float:left; }
#video { margin: 10px auto; text-align: center;}