body 
{
	padding:0px;
	margin:0px;
	height:100%;
	font-size: 10pt;
	font-family: Arial,Verdana;	
	background-color:Gray;
}

h1
{
	color:#F47820;
	margin:0px;
	font-size:20pt;
	font-family: Arial,Verdana;
}

h2
{
	color:#718B85;
	margin:0px;
	font-size:14pt;
	font-family: Arial,Verdana;
}

h3
{
	margin:0px;	
}

h4
{
	margin:0px;
}

p
{
	margin:0px;
	font-family: Arial,Verdana;
}

a
{
	color:Black;
	font-family: Arial,Verdana;
}

img
{
	padding:0px;
	border:0px;
	font-family: Arial,Verdana;
}

form
{
	padding:0px;
	margin:0px;
	font-family: Arial,Verdana;
}

table
{
	font-family: Arial,Verdana;	
}

#container
{
	position:relative;
	width:990px;	
	margin-left:auto;
	margin-right:auto;	
	border: none;
	background-color:White;	
	font-family: Arial,Verdana;
}

/* for internet explorer */
* html #container
{
	left:50%;
	right:0;	
	margin-left: -495px;
	margin-right: 495px;	
}

#innerContainer
{
	font-family: Arial,Verdana;
	background: url(../../Media/Images/banner.jpg) no-repeat;
	min-height:800px;
}

* html #innerContainer
{
	height:800px;
}

#banner
{
	position:relative;
	height:150px;
	width:100%;	
	font-family: Arial,Verdana;
}

#banner .printBanner
{
    display: none;
}

#banner .bannerImageMap
{
	position:absolute;
	top:50px;
	left:50px;
}

#banner .bannerLinks
{
	position: absolute;
	top: 120px;
	right: 4px;
	vertical-align:middle;
	font-size:10px;
}

#banner .bannerLinks a
{
	color: #797A7C;	
	text-decoration:none;
}

#banner .bannerLinks a:hover
{
	color: #F13F25;
	text-decoration:none;
}

#content
{
	position:relative;
	float:left;
	font-family: Arial,Verdana;
	padding-left:10px;
	padding-right:14px;
	padding-bottom:10px;
	min-height: 570px;
}

/* for internet explorer */
* html #content
{
    height: 570px;
}

#menu
{
    background: url(../../Media/Menus/Main/Images/menu_inactive-strip.jpg) repeat-x;
	position:relative;
	float:left;
	font-family: Arial,Verdana;
	width: 966px;
	z-index: 500;
}

.topContentSpacer
{
	height:10px;
}

#topContent
{
	position:relative;
	float:left;
	width:100%;
	font-family: Arial,Verdana;
	z-index:1;
}

#topContentText
{
	position:relative;
	float:left;
	width:100%;
	height:252px;
	font-family: Arial,Verdana;
	background-color:#949599;
	overflow:hidden;
	padding:20px 0px 0px 0px;
}

#topContentText #topContentHeader
{
	/*height: 35px;*/ 
	overflow: hidden; 
	padding: 10px 40px 0px 40px;
	font-family: Arial,Verdana;
}

#topContentText #topContentPanel
{
	height: 220px; 
	overflow: hidden; 
	color:White; 
	padding:0px 40px 0px 40px;
	font-family: Arial,Verdana;
}

#topContentText #topContentFooter
{
	overflow: hidden; 
	text-align:right;
	font-family: Arial,Verdana;
}

#topContentText #topContentFooter .scrollBars
{
    position: absolute; 
    top: 205px; 
    right: 5px;
}

#topContentImage
{
	position:relative;
	float:left;
	width:100%;
	font-family: Arial,Verdana;
}

.topContentSpacer
{
	width:5px;
}

#bottomContent
{
	position:relative;
	float:left;
	margin-top:10px;
	width:100%;
	font-family: Arial,Verdana;
}

.bottomContentSpacer
{
	height:20px;
}

.bottomLeftBackground
{
	background-color:#ECEEED;
	width:220px;
}

#bottomLeftContent
{
	position:relative;
	float:left;
	width:220px;
	padding-left:40px;
	padding-top:20px;
	font-family: Arial,Verdana;
}

#bottomLeftContent a
{
	text-decoration:none;
	font-family: Arial,Verdana;
	color:#797A7C;
}

#bottomLeftContent a:hover
{
	color:#F13F25;
}

#sites
{
	font-family: Arial,Verdana;
}

#sites .heading
{
	font-size:14px; 
	font-weight:bold;	
}

#sites .name
{
	font-size:12px;
	text-align:center;
	color:Black;
}

#sites .site
{
	color:#606163; 
	font-size: 10px;
	padding-left:5px;
}

#sites .site a
{
	text-decoration:none;
	color:#797A7C; 
	font-size:12px;
}

#sites .site a:hover
{
	text-decoration:none;
	color:#F13F25; 
	font-size:12px;
}

#sites .verticalSpacer
{
	height:10px;	
}

#sites .horizontalSpacer
{
	width:20px;	
}

.bottomRightSpacer
{
	width:5px;
}

#bottomRightContent
{
	position:relative;
	float:left;
	width: 703px;
	font-family: Arial,Verdana;
	min-height:250px;
}

* html #bottomRightContent
{
	height:250px;	
}

#bottomRightFooter
{
	position:relative;
	float:left;
	width:530px;
	font-family: Arial,Verdana;
}

#footer
{
	position:relative;
	float:left;
	width:100%;	
	font-family: Arial,Verdana;
}

#footer a
{
	text-decoration:none;
	font-family: Arial,Verdana;
	font-size:10px;
	color:#797A7C;
}

#footer a:hover
{
	text-decoration:none;
	font-family: Arial,Verdana;
	font-size:10px;
	color:#F13F25;	
}

#bottomSpacer
{
	position:relative;
	z-index: 0;
	background-color:Gray;
	height:70px;
	font-family: Arial,Verdana;
}

* html #bottomSpacer
{
	position:absolute;
	visibility:hidden;
	height:0px;
	padding:0px;
	margin:0px;
	font-family: Arial,Verdana;
}

.divFlowLayout
{
	position:relative;
	float:left;	
	text-align:center;
	font-family: Arial,Verdana;
}

.siteRolloverButton
{
	border: solid 1px gray;
	font-family: Arial,Verdana;
}

.newsHeading
{
	background: url(../../Media/Images/news_heading-strip.jpg) repeat-x;
	color:White;
	text-align:center;
	font-weight:bold;
	padding:5px;
	font-family: Arial,Verdana;
}

.newsHeading a
{
    color: #FFFFFF;
    text-decoration: none;
}

.newsContent
{
	font-size:10px;	
	font-family: Arial,Verdana;
}
.promoTable
{
    background-color: #ECEEED;
    margin-bottom: 10px;
    table-layout:fixed;
    height: 250px;
}
.promoHeading
{
	background: url(../../Media/Images/news_heading-strip.jpg) repeat-x;
	color:White;
	text-align:center;
	font-weight:bold;
	font-family: Arial,Verdana;
	height: 26px;
	vertical-align: middle;
}
.promoInfo 
{
    text-align: center;
    border-top: 0px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 224px;    
    overflow: hidden;
}
.highlight 
{
    color: #FF0000;
    font-weight: bold;
}

/********************* GENERAL *********************/
.required,
.error,
.highlight
{
    color: #FF0000;
    font-weight: bold;
}


/********************* BASIC MASTER PAGE *********************/
#basicGrey
{
    background-color: #949599;
    color: #FFFFFF;
    padding: 20px 40px;
    min-height: 500px;
}
/* for internet explorer */
* html #basicGrey
{
    height: 500px;
}

#basicGrey h2
{
    color: #FFFFFF; 
    font-size: 16pt;
}
.basicWhite
{
    background-color: #fff;
    color: #000;
    padding: 20px 40px;
    min-height: 500px;
    font-size: 12px;
    font-family: Verdana, Arial;
}
/* for internet explorer */
* html .basicWhite
{
    height: 500px;
}
.basicWhite h1
{
    color: #ff0000;
    font-size: 18px;
    padding-bottom: 20px;
}

.basic
{
    width: 100%;
    min-height: 600px;
    color: #FFFFFF;
    background-color: #949599;
    padding: 3px;
}
/* for internet explorer */
* html .basic
{
    height: 600px;
}
/********************* PROMO *********************/
.promoMain ul
{
    list-style: none;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 18px;
    padding-right: 0;
    
    margin: 0;
}
.promoMain li
{
    list-style-image: url(../../App_CmsLib/Media/umLib/Images/promoBullet.jpg);
}
span.promoListPanel
{
    margin-right: 20px;
}
span.promoListPanel img
{
    border: 1px solid #aaa;
    margin-bottom: 10px;
}
.rotatePromos
{
    height: 224px;
    overflow: hidden;
}
td.promoHeading a
{
    text-decoration: none;
    color: #fff;
}

/********************* NEWS *********************/
.newsDate
{
    font-weight: bold; 
    font-size: 11pt; 
    padding-bottom: 3px; 
    border-bottom: Solid 1px #FFFFFF;
}

.newsItem
{
    margin: 5px 0 10px 0; 
    padding: 3px; 
    background-color: #CCCCCC; 
    color: #000000;
}

.newsItem a
{
    font-weight: bold;
    text-decoration: none;
}

.newsItem a:hover
{
    text-decoration: underline;
}

.newsSynopsis
{
    padding-top: 5px;
}

.newsImage
{
    float: left; 
    width: 90px; 
    height: 90px; 
    padding: 5px 10px 5px 5px;
}

/********************* SITE MAPS *********************/
#siteMap
{
    margin: 15px 0 0 0;
}

#siteMap ul
{
    padding-left: 25px;
    margin: 0 0 15px 0;
}

#siteMap ul li
{
    font-weight: bold;
}

#siteMap ul li a
{
    text-decoration: none;
}

#siteMap ul li a:hover
{
    text-decoration: underline;
}

#siteMap ul ul li
{
    font-weight: normal;
}


/********************* CAR LISTS *********************/
.carListHeader
{
    font-size: 14px;
    font-weight: bold;
}

.categoryInactive,
.categoryActive
{
    border-bottom: Solid 1px #CCCCCC;
	text-align:center;
	font-weight:bold;
	font-family: Arial,Verdana;
	font-size: 8pt;
	text-transform: uppercase;
	padding: 5px;
	margin-bottom: 10px;
}
.categoryActive
{
	background-color: #EFEFEF;
	border-top: Solid 1px #CCCCCC;
	border-right: Solid 1px #CCCCCC;
	border-bottom: Solid 1px #EFEFEF;
}

.categoryInactive a
{
	color: #293446;
	font-family: Arial,Verdana;
}

.categoryActive a,
.categoryInactive a:hover
{
	color: #F13F25;
	font-family: Arial,Verdana;
}

.dataCell 
{
    vertical-align: top;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 5px;
}

.dataCell a
{
    color: #797A7C;
}

.dataCell a:hover
{
    color: #F13F25;
}

/********************* ALTERNATE TEMPLATE (Used for Warranty, Change of Ownership, etc) *********************/
.alternateTemplate,
.greyBackground,
.whiteBackground
{
    min-height: 550px;
    width: 100%;
    padding: 0 0 20px 0;
    overflow: hidden;
}

/* Hack to handle IE6's inability to use min-height */
* html .alternateTemplate,
* html .greyBackground,
* html .whiteBackground
{
    height: 550px;
    overflow: visible;
}

.alternateTemplate,
.greyBackground
{
    background-color: #EFEFEF; 
}

.whiteBackground
{
    background-color: #FFFFFF; 
}

* html .alternateTemplate,
* html .greyBackground,
* html .whiteBackground
{
    height: 550px;
}

.alternateTemplate .leftColumn,
.alternateTemplate .mainColumn
{
    float: left;
    display: inline; /* Hack to handle IE6's double margin bug */
}

.alternateTemplate .leftColumn
{
    width: 192px;
}

.alternateTemplate .mainColumn
{
    margin: 10px 25px 20px 0; 
    width: 749px;
}

/********************* MAINTENANCE TIPS *********************/
#maintenanceTips
{
    width: 157px;
}

#maintenanceTips .header
{
    background-image: url(../../Media/Images/MaintenanceTips/header.jpg);
    height: 20px;
    font-size: 8pt;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 12px;
    overflow: hidden;
    vertical-align: middle;
    color: #FFFFFF;
}

#maintenanceTips .item,
#maintenanceTips .item-alt
{
    height: 22px;
    font-size: 8pt;
    overflow: hidden;
}

#maintenanceTips .selected
{
    color: #CC0033;
    height: 19px;
    font-size: 8pt;
    padding-top: 3px;
    padding-left: 12px;
    overflow: hidden;
    background-image: url(../../Media/Images/MaintenanceTips/item.jpg);
}

#maintenanceTips .item
{
    background-image: url(../../Media/Images/MaintenanceTips/item.jpg);
}

#maintenanceTips .item-alt
{
    background-image: url(../../Media/Images/MaintenanceTips/item-alt.jpg);
    
}

#maintenanceTips .item a,
#maintenanceTips .item-alt a
{
    text-decoration: none;
    color: #797979;
    width: 145px;
    height: 19px;
    padding-left: 12px;
    padding-top: 3px;
    display: block;
}

#maintenanceTips .item a:hover,
#maintenanceTips .item-alt a:hover
{
    color: #CC0033;
    background-repeat: no-repeat;
    background-position: 4px 6px;
}

#maintenanceTips .item a:hover
{
    background-image: url(../../Media/Images/MaintenanceTips/hover.jpg);
}

#maintenanceTips .item-alt a:hover
{
    background-image: url(../../Media/Images/MaintenanceTips/hover-alt.jpg);
}

/********************* MAINTENANCE TIPS CONTENT *********************/
#maintenanceTipsContent .header
{
    font-weight: bold;
    font-size: 14pt;
    color: #000000;
    margin: 0 0 15px 0;
}

#maintenanceTipsContent .image
{
    border: Solid 1px #D2CFCF;
    padding: 4px;
    margin: 0 15px 0 5px;
    background-color: #FFFFFF;
}

#maintenanceTipsContent .item,
#maintenanceTipsContent .item-alt
{
    padding: 10px 0 12px 0;
}

#maintenanceTipsContent .item
{
    background-color: #E6E6E6;
}

#maintenanceTipsContent .itemContent
{
    margin-right: 15px;
}

#maintenanceTipsContent .itemHeader
{
    color: #EE2744;
    font-weight: bold;
    font-size: 11pt;
    margin-bottom: 10px;
}

/********************* CHANGE OF OWNERSHIP / PRICE ENQUIRY / REQUEST A BROCHURE / ETC *********************/
.form td.headerCell .note
{
    font-size: 11px;
}

.changeOfOwnership,
.priceEnquiry,
.requestBrochure
{
}

.priceEnquiry .contentText
{
    margin: 0 0 10px 0;
    width: 450px;
}

.form .resultMessage
{
    background-color: #DDDDDD; 
    padding: 5px; 
    border: Solid 1px #000000;
    margin: 0 0 10px 0;
    width: 450px;
}

.testDrive .resultMessage { margin: 20px 0; }
.paymentForm .resultMessage { margin: 20px 0; }

.form .header
{
    font-size: 14pt; 
    font-weight: bold; 
    margin: 0 0 15px 0;
}

.form .sectionHeader
{
    font-weight: bold; 
    font-size: 11pt; 
    margin: 20px 0 10px 0;
}

.form .section
{
    background-color: #DDDDDD; 
    padding: 5px; 
    border: Solid 1px #CCCCCC;
}

.form .section table td.headerCell
{
    vertical-align: top;
    padding: 3px 0 0 0;
}

.form .section table td.headerCell { width: 200px; }

.priceEnquiry .section table td.headerCell { width: 175px; }
.requestBrochure .section table td.headerCell { width: 120px; }
.paymentForm .section table td.headerCell { width: 250px; }


.priceEnquiry .section table td.dataCell,
.requestBrochure .section table td.dataCell
{
    padding: 3px 0 0 0;
    vertical-align: top;
    text-align: left;
}

.form .footerButtons
{
    margin: 20px 0 0 0;
}

.paymentForm 
{
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.paymentForm .footerButtons { float: right; }

.testDrive .carList td { width: 200px; }

/************************ FREQUENTLY ASKED QUESTIONS ************************/
#faqs
{
    margin: 10px 0 0 0;
}

#faqs .categories ul
{
    margin: 15px 0 15px 30px;
    padding: 0;
}

#faqs .currentCategory
{
    margin: 0 0 12px 0;
    font-weight: bold;
    font-size: 15px;
}

.frequentlyAskedQuestions
{
    margin: 0 0 17px 0;
    width: 550px;
}

.frequentlyAskedQuestions a
{
    text-decoration: none;
}

.frequentlyAskedQuestions a.question
{
    position: relative;
    display: block; 
    background-color: #6E6F73; 
    color: #FFFFFF; 
    padding: 4px 0 6px 17px;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    background-image: url(../../Media/Images/FAQs/background.gif);
    background-repeat: repeat-x;
    width: 533px;
}

.frequentlyAskedQuestions a.question:hover
{
    background-image: url(../../Media/Images/FAQs/background-hover.gif);
    background-color: #B5B6BA;
    color: #5A5A5C;
}

.frequentlyAskedQuestions a.question .arrow 
{
    position: absolute; 
    top: 9px; 
    right: 18px;
    background-image: url(../../Media/Images/FAQs/arrow.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 9px;
    height: 5px;
    overflow: hidden;
    cursor: pointer;
}

.frequentlyAskedQuestions .answer
{
    background-color: #F2F2F2;
    padding: 6px 15px 15px 15px;
    border: Solid 1px #CCCCCC;
}

.frequentlyAskedQuestions .answer .contactUs
{
    margin: 10px 0 0 0;
    font-style: italic;
}

.frequentlyAskedQuestions .answer .contactUs a
{
    color: #CC0033;
}

.frequentlyAskedQuestions .answer .contactUs a:hover
{
    text-decoration: underline;
}

/************************ DOWNLOADS ************************/
#downloadCategories
{
    margin: 20px 0 20px 0;
}

#downloadCategories ul
{
    margin-top: 10px;
}

#downloads .currentCategory
{
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 5px 0;
}

#downloads .category
{
    margin: 0 0 30px 0;
}

#downloads .category .item
{
    border-bottom: Solid 1px #AAAAAA; 
    width: 615px; 
    overflow: hidden; 
    padding: 5px 10px;
    background-color: #FFFFFF;
}

#downloads .category .first
{
    border-top: Solid 1px #AAAAAA;
}

#downloads .category .alt
{
    background-color: #FFFFFF;
}

#downloads .category .item .title
{
    float: left; 
    width: 500px;
    font-weight: bold;
}
#downloads .category .item .title a { text-decoration: none; }
#downloads .category .item .title a:hover { text-decoration: underline; }

#downloads .category .item .date
{
    float: right; 
    text-align: right; 
    width: 100px;
    font-style: italic;
}

#downloads .category .item .description
{
    clear: both;
    margin: 5px 0 0 0;
    font-size: 12px;
}


/************************ LINKS ************************/
#links
{
     margin: 15px 0 12px 0;
}

#links .categories ul
{
    margin: 15px 0 15px 30px;
    padding: 0;
}

#links .currentCategory
{
    margin: 0 0 12px 0;
    font-weight: bold;
    font-size: 15px;
}

#links .item
{
    width: 526px;
    padding: 12px;
    border-bottom: Solid 1px #AAAAAA;
    overflow: hidden;
    background-color: #FFFFFF;
    font-size: 12px;
}

#links .first
{
    border-top: Solid 1px #AAAAAA;
}

#links .item .details 
{
    float: left;
    width: 416px;
    margin: 0 10px 0 0;
}

#links .item .details .title
{
    margin: 0 0 5px 0;
    font-weight: bold;
    font-size: 12px;
}

#links .item .details .title a { text-decoration: none; }
#links .item .details .title a:hover { text-decoration: underline; }

#links .item .image
{
    float: left;
    width: 90px;
    margin: 10px 5px 0 0;
    overflow: hidden;
}
