body
{ 
	-x-system-font:none;
	background:#758793 url(../images/bg/body.jpg) repeat-x scroll 0 0;
	color:#666666;
	font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:15px;
	margin:0;
	padding:0;
	text-align:Left;
	_text-align:center;
}

#no-background
{
	background:none;
	background-color:White;
}

#logo
{
	display:block;
	left:33px;
	overflow:hidden;
	position:absolute;
	top:28px;
}

#container 
{
	margin:0 auto;
	position:relative;
	width:811px;
	_text-align:left;
}

p
{
	line-height: 1.5em;
}

table
{
	font-size: 11px;
}

#right-panel
{
	width:242px;
	padding-left:10px;
	padding-right:10px;
}

.home-sidebar
{
	float:right;
	margin-top:-325px;
	background: #f5f5f5 url( '../images/bg_side.gif' ) repeat-y;
	height:500px;
}


#Form1
{
	padding: 0;
}

a
{
	text-decoration:none;
	font-weight:bold;
	color:#8996A0;
}

a:hover
{
	color: #E47E00;
}

a:visited:hover
{
	color: #E47E00;
}

#banner
{
	padding-left: 20px;
}

#banner img
{
	display:block;
	height:69px;
	left:33px;
	overflow:hidden;
	position:absolute;
	top:28px;
	width:135px;
}

#banner span.links
{
	float: right;
	padding-right: 1.9em;
	padding-top: 3.25em;
}

#banner span.tagline
{
	position: absolute;
	top: 2.6em;
	left: 16.0em;
	font-style: italic;
	font-weight: bolder;
	font-size: 120%;
	color: #191d73;
}

#callus
{
	position: relative;
	top: 0.2em;
	padding-right: 20px;
}

#searchform
{
	float: right;
	display: inline;
	padding-top: 0.4em;
	padding-right: 0.7em;
}

#header
{
	background:transparent url(../images/bg/header.png) no-repeat scroll center top;
	_background-image:url(../images/bg/header.gif);
	height:139px;
	margin:0 auto;
	position:relative;
}

#header .links a
{
	color:White;
}

#header .links a:hover
{
	color:Orange;
}
	


h1, h2, h3
{
	font-family: Sans-Serif;
	color:#E47E00;
	line-height:20px;
}

#content h1
{
	color:#E47E00;
	font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif;
	font-size: 14px;
	padding-left: 0.4em;
	margin-top:10px;
}

#content h2
{
	font-size: 13px;
	padding-bottom: 0.3em;
}

#content h3
{
	font-size: 1.4em;
}

#container ul
{
	list-style: none url(../images/bg/arrow.gif) outside;
}

#container #Form1
{
	margin-top: 0;
	padding-top: 0;
}

#content
{
	background:transparent url(../images/bg/page.png) repeat-y scroll;
	_background-image:url(../images/bg/page.gif);
	width:811px;
	_text-align:center;
}

#main 
{
	margin:0 auto;
	_text-align:left;
	width:766px;
}

#main .main-title {
	background:transparent url(../images/bg/main-title.gif) no-repeat scroll 0 0;
	height:35px;
	overflow:hidden;
	width:766px;
	margin-top: 0px;
	padding-top:10px;
}

#main p
{
	margin-left:10px;
	margin-right:10px;
	font-size:11px;
}

#main h2
{
	margin-left:10px;
	color:#E47E00;
	width:90%
}

#main-content
{
	width:504px;
	float:left;
	_text-align:left;
}

#main-content-withoutsidebar
{
	width:766px;
	float:left;
	_text-align:left;

}

#clearboth
{
	clear:both;
}

.sidebar
{
	background: #f5f5f5 url( '../images/bg_side.gif' ) repeat-y;
	float:right;
	display:block;
}

.sidebox
{
	border: 1px solid #d9d9d9;
	margin-left: 0px;
	margin-top: 10px;
	background: white;
}

.sidebox h3
{
	font-size: 120%;
	margin: 0;
	padding-left: 10px;
	padding-top: 5px;
}

.sidebox h3 a
{
	text-decoration: none;
	text-align: left;
	color: #666666;
}

.sidebox h3 a:visited
{
	text-decoration: none;
	color: #666666;
}

.sidebox h3 a:hover, h3 a:active
{
	color: #E47E00;
}

.sidebox p
{
	padding: 5px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 14px;
	font-size: 1em;
	line-height: 1.2em;
}

.sidebox form
{
	padding: 5px;
	padding-left: 10px;
	padding-top: 0px;
	margin-bottom: 10px;
	font-size: 1em;
	line-height: 1.2em;
}

.sidebox img
{
	float: left;
	padding-right: 5px;
	border: 0;
}

.sidebox a
{
	display: block;
	text-align: left;
	padding-right: 5px;
}

#fbtOdometerReadingMiniFeature img
{
	float: left;
	clear: both;
}

#fbtOdometerReadingMiniFeature a
{
	display: block;
	padding-right: 5px;
	clear: both;
}

#existingClients a
{
	display: inline;
}

#contactAnAccountManager a
{
	display: inline;
}

#contactAnAccountManager h3 a
{
	color: #666666;
}

#contactAnAccountManager h3 a:hover, h3 a:active
{
	color: #E47E00;
}

#clientLogin
{
	width: 360px;
	float: right;
	margin-top: 0;
	margin-left: 15px;
}

#clientLogin table, td
{
	border-collapse: collapse;
	padding-left: 10px;
}

.majorfeature
{
	background-color: White;
}

#phonenumber
{
	color: #666666;
}

#novatedLeaseCalculator
{
	color: #666666;
	float: left;
}

#novatedLeaseCalculatorResults
{
	clear: both;
	padding-top: 0.5em;
}

.calcinput
{
	width: 13em;
	padding-right: 0;
	margin-right: 0;
	margin-bottom: 0.2em;
}

.calcinputtext
{
	width: 12.6em;
	padding-right: 0;
	margin-right: 0;
	margin-bottom: 0.2em;
}

#calcsubmit
{
	color: white;
	text-align: left;
	padding-left: 5px;
	background: red;
	font-weight: bold;
}

.column1
{
	float: left;
	width: 45%;
	margin-right: 2%;
	margin-top: 1.0em;
}

.column2
{
	float: left;
	width: 45%;
	margin-left: 2%;
	margin-top: 1.0em;
}

.minorfeature
{
	/*float: left; 	width: 48%;*/
	line-height: 1.5em;
}

.minorfeature h2
{
	padding-bottom: 0.2em;
	border-bottom: 2px #cccccc solid;
}

.minorfeature h2 a
{
	color: #000066;
	text-decoration: none;
}

.minorfeature h2 a:visited
{
	text-decoration: none;
	color: #000066;
}

.minorfeature h2 a:hover, h2 a:active
{
	color: Red;
}

.minorfeature img
{
	float: left;
	border: 1px #cccccc solid;
	margin: 0.5em 0.5em 0 0;
	padding: 0.3em;
}

.fbtindicator img
{
	border: 0;
	padding: 0;
}

li.fbtexempt
{
	list-style: none url(../images/tick.png) outside;
	padding-left: 0.5em;
}


li.fbtapplicable
{
	list-style: none url(../images/body_bullet.gif) outside;
	padding-left: 0.5em;
}

#calculatorfeature
{
	vertical-align: top;
	padding-left: 0;
}

#calculatorfeature div.row
{
	clear: both;
	padding-bottom: 0.8em;
}

#calculatorfeature div.row span.left
{
	float: left;
	text-align: left;
	color: #666666;
}

#calculatorfeature div.row span.right
{
	float: right;
	text-align: right;
}

.minifeaturecontainer
{
	/*padding-top: 1.0em;*/
	clear:both;
	border : 5px #666;
	margin-left : 10px;
}

.minifeaturecontainer .column1
{
	margin-top: 0;
	width:90%;
}

.minifeaturecontainer .column2
{
	margin-top: 0;
}

.minifeaturecontainerfirstrow
{
	clear: both;
	padding-top: 0;
	margin-left:10px;
}


.minifeaturecontainerfirstrow .column1
{
	margin-top: 0;
	width:60%;
}

.minifeaturecontainerfirstrow .column2
{
	margin-top: 0;
}


.minifeature h2 a
{
	color: #E47E00;
	text-decoration: none;
}

.minifeature h2 a:visited
{
	text-decoration: none;
	color: #E47E00;
}

.minifeature h2 a:hover, h2 a:active
{
	color: #666666;
}

.minifeature img
{
	float: left;
	margin: 0.2em 0.5em 0 0;
	padding: 0 0.3em 0.3em 0.3em;
	clear: none;
	border: 0;
}

.productscontainer
{
	clear: both;
	margin-top: 2.5em;
}

.productscontainer .column1
{
	margin-top: 1.5em;
}

.productscontainer .column2
{
	margin-top: 1.5em;
}

/*
#calculatorfeature div.row span.onecolumn
{
	float: left;
	text-align: left;
	padding-left: 1.5em;
}

#calculatorfeature div.row span.bottom
{
	float: right;
	text-align: right;
	padding-top: 1.0em;
	padding-right: 1.0em;
}
*/
#pnlVehiclePanels
{
	clear: both;
	background: #f5f5f5 url( '../images/bg_panels.gif' ) repeat-x;
	border: solid 1px #d9d9d9;
}

#pnlVehiclePanels td
{
	padding: 0;
}


#nonVehicleBuffer
{
	clear: both;
}

.clientPanels
{
	vertical-align: top;
	width: 33%;
	padding: 0.5em 2em 2em 2em;
	background: white;
	border: 1px solid #d9d9d9;
}

.clientPanels h3
{
	/*font-size: 110%;*/
	font-size: 120%;
	color: #E47E00;
	margin-left: 10px;
	padding-top: 1.0em;
}

.clientPanels img
{
	float: right;
	padding-left: 5px;
}


#FrequentlyAskedQuestions p
{
	margin-left: 20px;
}

#FrequentlyAskedQuestions li
{
	margin-left: 30px;
}

#sitemap td
{
	padding-left: 20px;
}

#sitemap th
{
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
	background-color: #d9d9d9;
}
.shadedTable
{
	width: 100%;
	line-height: 1.5em;
	border: solid 1px #d9d9d9;
}

.shadedTable tr
{
	background-color: #f5f5f5;
}

.shadedTable td, th
{
	vertical-align: top;
	text-align: left;
	padding-left: 0.5em;
}

.plainTable
{
	width: 100%;
	line-height: 1.5em;
	border: solid 1px #d9d9d9;
}

.plainTable tr
{
	background-color: #ffffff;
}

.plainTable td, th
{
	vertical-align: top;
	text-align: left;
	padding-left: 0.5em;
}

#existingClient .shadedTable
{
	margin-right: 5px;
}

#existingClient
{
	width: 350px;
	float: left;
	margin-top: 0;
	margin-left: 15px;
}

#existingClient p.logout
{
	text-align: right;
	margin-bottom: 10px;
}

.textmonitoring
{
	color: Gray;
	font-size: 10px;
	text-decoration: none;
	vertical-align: text-bottom;
}

/* --- Contact Us Page --- */
#inviteComments
{
	border-top: 1px solid #cccccc;
}

#contactinfo
{
	clear: both; /*margin-right: 0;*/
	padding-top: 0.1em; /* This is weird, but it stops me from losing the underline in an h2 */
	margin-bottom: 1.5em;
}

#contactinfo h3
{
	padding-bottom: 0.2em;
	border-bottom: 2px #cccccc solid;
}

#contactinfo #phonenumber
{
	padding-bottom: 0;
}

#contactinfo th
{
	text-align: left;
	font-weight: bold;
	background-color: #d9d9d9;
}

#contactUsForm
{
	width: 80%;
	vertical-align: top;
	float: left;
}

#contactUsForm div.row
{
	/*padding-bottom: 2.0em;*/
	clear: right;
}

#contactUsForm div.row span.left
{
	width: 20%;
	float: left;
	text-align: left;
}

#contactUsForm div.row span.right
{
	width: 80%;
	float: left;
	text-align: left;
}
/* --- End Contact Us Page --- */

/* --- Dealer and Repairer Directory Search --- */

#onlineDirectory div.row
{
	clear: both;
}

#onlineDirectory div.row span.name
{
	width: 20%;
	float: left;
	text-align: left;
	clear: none;
}
#onlineDirectory div.row span.number
{
	width: 75%;
	float: right;
	text-align: left;
}

#onlineDirectory div.row span.label
{
	width: 50%;
	float: left;
	text-align: left;
	clear: none;
}
#onlineDirectory div.row span.control
{
	width: 50%;
	float: right;
	text-align: left;
}

/* --- End Dealer and Repairer Directory Search --- */

/* --- Features and Benefits --- */
.featuresAndBenefits
{
	margin-top: 1.5em;
}

.featuresAndBenefits h2
{
	margin-top: 0.1em; /* not sure why this is needed, but it stops the top of the heading from being cut off */
}

.featuresAndBenefits h3
{
	padding-bottom: 0.2em;
	border-bottom: 2px #cccccc solid;
}

.featuresAndBenefits div.row span.left
{
	width: 20%;
	float: left;
	text-align: left;
	clear: none;
}

.featuresAndBenefits div.row span.right
{
	width: 75%;
	float: right;
	text-align: left;
}

/* match up alignment with the heading */
.featuresAndBenefits #learnAbout
{
	margin-top: 0.1em;
}

/* --- End --- */

#learnAbout p
{
	line-height: 1.5em;
}

#learnAbout h3
{
	color: #E47E00;
	margin-left: 10px;
	border-bottom: 0;
}

#learnAbout img
{
	float: right;
	padding-left: 5px;
}

/* --- Vehicle Search --- */

#vehicleSearch
{
	width: 100%;
}

#vehicleSearch div.row
{
	clear: both;
}

#vehicleSearch div.row span.label
{
	float: left;
	width: 30%;
}

#vehicleSearch div.row span.control
{
	float: left;
}

#vehicleList
{
	margin-top: 2.0em;
}

#noSearchResults
{
	width: 100%;
	margin-top: 2.0em;
}

.HeaderAndFooter
{
	background-color: #CCD7EC;
	border: 1px solid #95A9D3;
	font-family: Sans-Serif, Verdana, Arial;
	padding: 0.5em;
}

.url
{
	font-family: Sans-Serif, Verdana, Arial;
	font-size: 85%;
	color: Green;
}

#VehicleDetails
{
	width: 100%;
	background-color: #f5f5f5;
	border: 1px solid #d9d9d9;
	font-family: Sans-Serif, Verdana, Arial;
	color: #191d73;
}

#VehicleDetails .image
{
	float: left;
}

#VehicleDetails .text
{
	float: left;
	text-align: left;
}

#VehicleDetails table
{
	border-collapse: collapse;
	margin-left: 1.0em;
	margin-top: 2.0em;
}

#VehicleDetails td.label
{
	font-weight: bolder;
	width: 50%;
}

#VehicleDetails p
{
	margin-left: 2.0em;
}

#VehicleDetails p strong
{
	font-size: 200%;
	color: Red;
}


/* --- End --- */

/* --- Used Vehicles --- */

.usedVehiclesThumbnail img
{
	border: 1px solid mediumBlue;
	width: 78;
	height: 52;
}

/* --- End Used Vehicles --- */

#whereToFromHere
{
	padding-top: 1.0em;
}

/*---------------- Navbar --------------*/
#navcontainer
{
	height:12px;
	left:17px;
	top:110px;
	position:absolute;
	width:764px;
	float:left;
	font-family: Sans-Serif, Verdana, Arial;
	height: 36px;
}

#navcontainer ul
{
	margin: 0;
	padding: 0;
}

#navcontainer ul li
{
	display: inline;
}

#navcontainer ul li a
{
	color: #666666;
	padding: 0.6em 20px;
	padding-left: 20px;
	text-decoration: none;
	font-weight: bolder;
	border-right: 1px groove #424d88;
	float: left;
}

#navcontainer ul li a:hover, li a:active
{
	color: #E47E00;
}

#navcontainer .dropmenudiv
{
	position:absolute;
	border: 1px solid #d9d9d9;
	border-bottom-width: 0;
	font-family: sans-serif, Verdana, Arial;
	line-height: 2.0em;
	z-index:100;
	background-color: White;
	width: 17em;
	visibility: hidden;
	color: #666666;
}

#navcontainer .dropmenudiv a
{
	width: auto;
	display:block;
	text-indent: 1.0em;
	border-bottom: 1px solid #d9d9d9;
	padding: 2px 0;
	text-decoration: none;
	font-weight:normal;
	color: #666666;
}


#navcontainer .dropmenudiv a:visited
{
	color: #666666;
}

#navcontainer .dropmenudiv a:hover
{
	color: White;
	background-color:#E47E00;
}

/* ----- end Nav ----------------*/

/* This stops asp hyperlinks not enclosed in a <p> from inheriting the navbar style */
.aspHyperlinkWithoutParagraph a:active
{
	background-color: #fff;
}
/* Same for links enclosed in an unordered list that is not the navbar */
.unorderedListLinks a:active
{
	background-color: #fff;
}

/* --- Breadcrumb --- */

.Breadcrumb
{
	font-family: verdana;
	font-size: 0.9em;
	color: #191d73;
	height: 0.5em;
	width: 100%;
	margin-top: -1.2em;
	margin-left: -1.8em;
	margin-bottom: -0.8em;
	clear: both;
}


.BreadcrumbsNode
{
	font-family: verdana;
	font-size: 0.9em;
}
.BreadcrumbsNode a
{
	color: #191d73;
	text-decoration: none;
}
.BreadcrumbsNode a:hover
{
	color: red;
	text-decoration: underline;
}

.SelectedBreadcrumbsNode a
{
	font-family: verdana;
	font-size: 0.9em;
	text-decoration: none;
	color: gray;
}

.SelectedBreadcrumbsNode a:hover
{
	color: gray;
	text-decoration: none;
	cursor: text;
}
/* --- End --- */

/* -------- footer ----------*/
#footer
{
	padding-left: 25px;
	padding-top: 4px;
	background:transparent url(../images/bg/footer.png) no-repeat scroll center top;
	_background-image:url(../images/bg/footer.gif);
	color:White;
	height:45px;
	margin:0 auto;
	position:relative;
}

#footer a
{
	color:White;
	text-decoration:none;
	font-weight:normal;
}

#footer a:hover
{
	color:Black;
}
/* --------- end footer ---------*/


/* --------- CafeCard ---------*/

#CafeCardSavings table
{
	border-collapse: collapse;
}

#CafeCardSavings td
{
	width: 295px;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
	border: solid 1px gray;
}

#CafeCardSavings td strong
{
	font-weight: bold;
}

#CafeCardFaq strong
{
	font-weight: bold;
	font-size: 105%;
}

#CafeCardTermsAndConditions table
{
	border-collapse: collapse;
	width: 100%;
}

#CafeCardSavingsCalculator table
{
	border-collapse: collapse;
}

#CafeCardSavingsCalculator td
{
}

/* --------- End CafeCard ---------*/

/* --------- Form Table (kept for Cafe Card and Vehicle Quote Request) -----------*/
.formtable
{
	border-collapse: collapse;
	border-right: medium none;
	border-top: medium none;
	margin: 0px;
	border-left: medium none;
	border-bottom: medium none;
	margin-left:10px;
	margin-right:10px;
	font-size:11px;
}
.formtable TR TD
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 1px;
	margin: 1px;
	padding-top: 1px;
	font-weight: normal;
}
.formtable TR TD INPUT
{
	border-top-width: 1px;
	border-left-width: 1px;
	font-size: 8pt;
	border-bottom-width: 2px;
	border-right-width: 2px;
}

input, select, textarea {
-x-system-font:none;
color:#666666;
font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:13px;
}
.formheadings
{
	font-weight: bold;
	font-size: 15px;
	color: #E47E00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.table
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	margin: 0px;
	border-left: silver 1px solid;
	width: 100%;
	border-bottom: silver 1px solid;
}
.formlabel
{
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* --------- End Form Table -----------*/

/* ----- print styles ------*/
@media print
{
	#content
	{
		padding: 0;
		margin: 0;
	}

	#header, #banner
	{
		padding: 0;
		margin: 0;
	}

	#container
	{
		padding-left: 0px;
		padding-right: 5%;
		clear: left;
	}

	#searchform, #navcontainer, #sidebar, #footer-wrapper, .Breadcrumb, #banner span.links
	{
		display: none;
	}
}

/* ----- end print styles ---*/