/* -----------------GENERAL STYLES----------------- */

body {
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	}

p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13pt;
	color: #606060;

}
	
img { 
	border: none; 
	margin: 0px;
	padding: 0px;
}

img a { 
	border: none; 
	margin: 0px;
	padding: 0px;
	outline: none;
}
	 
.floatRight {
	padding: 0px;
	border: 0px;
	float: right;
}

.floatLeft {
	padding: 0px;
	border: 0px;
	float: left;
}

a { color: #cc0000; text-decoration: underline; outline: none;}
a:visited { color: #cc0000;text-decoration: underline;}
a:hover { color: #606060; text-decoration: underline;}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: strong;
	font-size: 30px;
	color: #606060;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	color: #606060;
}

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	color: #606060;
}

h4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	color: #cc0000;
}
h5 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	color: #cc0000;
	clear: both;
}

li {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #606060;
}



.clear { clear: both; height: 1px; }

.productPrice{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #606060;
	font-weight: strong;
}

hr{
	background: #cccccc; 
	color: #cccccc;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	border: 0px;
}


.hiddenPic {display:none;}


/* -----------------HEADER SECTION----------------- */

#header {
	margin: 0px;
	padding: 0px;
	height: 105px;
	width: 900px;
	margin-bottom: 5px; 
}

#homeImage{
	height:423px;
}

#headerImage{
	height:131px;
}

#logo {
	padding: 20px 0px 0px 0px;
	float: left;
	height: 38px;
}

/* -----------------NAVIGATION----------------- */

#nav {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: right;
	margin: 0px;
	padding: 0px;
}

#languageNav{
	width: 600px;
	float: right;
	background-image: url(../images/headerTab.gif);
	background-repeat: no-repeat;
	width: 218px;
	height: 15px;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	padding: 2px 0px 8px 0px;
	text-align: center;
	
}

#languageNav a{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

#languageNav a:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}

#mainNav{
	float: right;
	width: 900px;
	text-align: center;
	padding: 0px 0 px 0px 0px;
	margin: 10px 0px 5px 0px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

#mainNav a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #606060;
}

.selectedNav{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #cc0000;
}

#mainNav a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #cc0000;
}

.topNavDivider{
	padding: 0px; 
	margin: 0px 7px 0px 10px; 
	height: 38px;
	width: 1px;
	vertical-align: middle;
}



/* -----------------CONTENT BOX SECTION----------------- */

#container {
	margin: auto;
	padding: 0px;
	width: 900px;
}

#content{
	height: 1%; /*Fixes IE 5.5 and 6 hiding text bug*/
	padding: 0px 20px 20px 30px;
	display:block;
	width: 660px;
	margin: 0px;
	float: right;
	border-left: 1px solid #cccccc;
	min-height: 200px;
}


/*********************FOOTER**********************/
		
#footer {
	padding: 20px 0px 0px 0px;
	width: 900px;
	clear: both;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	color: #606060;
}

#footerNav {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width: 900px;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	color: #606060;
	border-top: 1px solid #cccccc;
}

#footer a { color: #cc0000; }
	
#footer a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #606060;
}
/***********************  SPLASH PAGE ************************/

#homeContent {
	float: left; 
	overflow: hidden;
	padding: 0px;
	margin: 0px; 
}


#homeContent .col1 { 
	float: left; 
	background: #ffffff; 
	width: 280px; 
	margin-bottom: -1000px; 
	padding-bottom: 1000px; 
	padding-left: 9px;
	padding-right: 9px;
	margin-right: 0px;
	margin-left: 0px;
	border-right: 1px solid #cccccc;
}


#homeContent .col2 { 
	float: left; 
	background: #ffffff; 
	width: 280px; 
	margin-bottom: -1000px; 
	padding-bottom: 1000px; 
	padding-left: 9px;
	padding-right: 9px;
	margin-right: 0px; 
	margin-left: 0px;
	border-right: 1px solid #cccccc;
	
}

#homeContent .col3 { 
	float: right; 
	background: #ffffff; 
	width: 280px; 
	margin-bottom: -1000px; 
	padding-bottom: 1000px; 
	padding-left: 9px;
	padding-right: 7px;
	margin-left: 0px;
	margin-right: 0px; 
}

#news{
	padding: 0px 9px 0px 9px;
	margin-top: -10px;
}

.clear { 
	clear: both; 
	padding-top: 10px; 
}

#homeSectionContent{
	width:250px;
	padding-left: 15px;
}

#homeContent ul { 
	width: 133px;
	float:left;
	padding: 10px 0px 0px 5px; /*removes indent IE and Opera*/
	margin: 0px; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}

#homeContent li{
	padding-left: 10px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13pt;
}

#homeFacebook, #homeDealerLocator, #homeNews{
	padding: 0px 10px 0px 13px;
	margin: 0px;
	width: 260px;
	color: #606060;
}

#homeFacebook p, #homeDealerLocator p {
	margin: 0px 0px 15px 0px;
	padding:0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13pt;

}

.facebookImageContainer{
	margin:0px;
	padding-bottom:10px;
	width:265px;
	clear: both;
}

.facebookImage{
	float:left;
	width:50px;
	height: 100px;
	padding-right: 10px;
}

/****************** SUB SCREEN **********************/

#subNav{
	width: 160px;
	float: left;
	padding-left: 20px;
}

#subNav ul{ 
	width: 133px;
	float:left;
	padding: 10px 0px 0px 5px; /*removes indent IE and Opera*/
	margin: 0px; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}

#subNav li{
	padding-left: 10px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16pt;
}

.selectedSubNav a{
	font-size: 12px;
	text-decoration: none;
	color: #606060;
	font-weight: bold;
}



.vehicleThumb a{
	float: left;
	text-align: center;
	padding: 3px 3px 10px 3px;
	margin: 0px;
	width: 120px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #606060;
	float: left;
	text-decoration: none;
	border-bottom: 3px solid #ffffff;
}

.vehicleThumb a:hover{
	float: left;
	text-align: center;
	padding: 3px 3px 10px 3px;
	margin: 0px;
	width: 120px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #606060;
	float: left;
	border-bottom: 3px solid #cc0000;
}

#modelImage { 
	float: left; 
	background: #ffffff; 
	width: 320px; 
	margin: 0px;
	padding: 0px;
}

#availableColours { 
	height: 20px;
	float: left; 
	width: 280px; 
	margin: 0px 20px 0px 0px;
	padding: 0px 20px 20px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #606060;
	vertical-align: middle;
	text-align: right;
}

.colourSwatch{
	vertical-align: middle;
}


#modelDescription { 
	float: right; 
	background: #ffffff; 
	width: 320px; 
	margin: 0px; 
	padding: 0px 0px 0px 0px;
}
#modelSpecifications { 
	float: left; 
	background: #ffffff; 
	width: 320px; 
	margin: 0px; 
	padding: 0px;
	border: 1px solid #6b6b6b;
}

#photoGallery {
	float: right; 
	background: #ffffff; 
	width: 320px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;

}

table{
	padding: 0px;
	margin: 0px;
	border-collapse:collapse;
}

td {
	vertical-align: top;
	width: 153px;
	padding-left: 15px;
	border-bottom: 1px #ccc solid;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #606060;
	
}

.imageThumbnail a{
	float: left;
	width: 55px;
	padding: 10px 4px 3px 5px;
	border-bottom: 3px solid #ffffff;
}

.imageThumbnail a:hover{
	float: left;
	width: 55px;
	padding: 10px 4px 3px 5px;
	border-bottom: 3px solid #cc0000;
}

.homeTitle{
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

/****************** SITEMAP *********************/

.sitemapColumn{
	padding-top: 10px;
	float: left;
	width: 200px;
}

.sitemapColumn ul{ 
	width: 200px;
	float:left;
	padding: 0px 0px 10px 15px; /*removes indent IE and Opera*/
	margin: 0px; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}

.sitemapColumn li{
	padding-left: 10px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16pt;
}
	
/****************** Lifestyle *********************/

.testimonial{
	padding-top: 15px;
	float: right;
	margin: 0px;
}

.testimonialImage{
	padding: 5px;
	float: right;
	margin: 15px 0px 10px 20px;
	border: 1px solid #bbbbbb;
}

.backToTop{
	text-align: right;
	width: 600px;
	clear: both;
}

/****************** DEALER LOCATOR *********************/

.dealerList{
	width: 300px;
	float: left;
	padding: 12px 0px 0px 0px;
	margin: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #606060;
	float: left;
}

#dealerForm{
	padding: 10px 0px 0px 0px;
	margin: 0px;
	clear: both;
	width: 660px;
}


/****************** MEDIA *********************/

.floatRightBorder{
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 0px 10px 10px 10px;
	float: right;
}

/*************** CONTACT FORM *****************/
#contactForm{
	color: #606060;
	float: left;
	padding: 10px 0px 0px 0px;
	width: 350px;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

#contactInfo{
	color: #606060;
	float:left;
	padding: 10px 0px 0px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.required{
	color:#cc0000;
}

.endOfSeries{
	padding: 20px 0px 0px 0px;
	clear: both;
	width: 180px;
	color: #606060;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
	