/* CSS Document */

#container {
	background: url("/images/bkd_container.gif") repeat-y top left;
	}

#content {
	background: url("images/content_05.jpg") no-repeat top right; /*This image to be random for content pages 130px high*/
	margin: 0 0 20px 164px;
	padding: 150px 0 0 0;
	}

	#content h1 {
		font-size: 130%;
		font-weight: bold;
		color: #BB0D32;
		margin: 0 10px 10px 15px;
		padding: 0;
		}
	#content h2 {
		font-size: 100%;
		font-weight: bold;
		text-align: left;
		color: #003366;
		margin: 10px 10px 10px 30px;
		padding: 0;
		}
/*	#content h3 {
		font-size: 80%;
		font-weight: bold;
		color: #003366;
		margin: 10px 10px 10px 10px;
		padding: 0;
		}
*/
	#content input, #content select, #content textarea {
		font-size: 75%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 0;
		}
	#content .smalltext{
		font-size: 75%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #a9a9a9;
		padding: 0;
		}

	#content p {
		font-size: 90%;
		color: #000000;
		margin: 0 50px 15px 30px;
		padding: 0;
		}
		#content p a {
			text-decoration: underline;
			color: #003399;
			}
		#content p a:hover, #content p a:active {
			text-decoration: none;
			color: #660000;
			}
	#content ul {
		color: #000000;
		margin: 0 60px 20px 60px;
		padding: 0;
		list-style-type: square;
		}
	#content li {
		font-size: 90%;
		color: #000000;
		margin: 0 0 5px 0;
		padding: 0;
		}

/***********************FORM STUFF****************************/
#contact, #brochure {
	width: 550px;
	margin: 0 0 20px 0;
	padding: 10px 10px 0 40px;
	float: left;
	}
	#contact input, #contact select, #contact textarea, #brochure input, #brochure select, #brochure textarea {
		margin: 10px 0 0 0;
		padding: 0;
		}
	#contact label, #brochure label {
		display: block;
		float: left;
		width: 130px;
		font-size: 80%;
		text-transform: lowercase;
		color: #666666;
		margin: 10px 5px 0 0;
		padding: 0;
		}
	#contact br, #brochure br {
		clear: left;
		}
	#brochure p {
		margin: 15px;
		font-style: italic;
		}

    #becomedealer {
	width: 550px;
	margin: 0 0 20px 0;
	padding: 10px 10px 0 40px;
	float: left;
	}
	#becomedealer input, #becomedealer select, #becomedealer textarea {
		margin: 10px 0 0 0;
		padding: 0;
		}
	#becomedealer label {
		display: block;
		float: left;
		width: 200px;
		font-size: 80%;
		text-transform: lowercase;
		color: #666666;
		margin: 10px 5px 0 0;
		padding: 0;
		}
	
	#becomedealer br {
		clear: left;
		}
	#becomedealer p {
		margin: 15px;
		font-style: italic;
		}
	#becomedealer h5 {
	    font-size: 12px;
	    font-weight: bold;
	    margin: 0;
	}
	#becomedealer td {
	    /*display: block;
		float: left;*/
		font-size: 80%;
		text-transform: lowercase;
		color: #666666;
		/*margin: 10px 5px 0 0;*/
		padding: 0;
	}
		
/***********************COMPARE**************************/
#compareTrailer {
	margin: 0 0 0 20px;
	padding: 0;
	}
	#compareTrailer h4 {
		font-size: 90%;
		text-transform: uppercase;
		margin: 5px 0 5px 0;
		padding: 0;
		}
	#compareTrailer img {
		margin: 0 0 10px 0;
		padding: 0;
		}

.compare {
	width: 560px;
	float: left;
	display: inline;
	margin: 10px 20px 5px 20px;
	padding: 0;
	}

.compare h3 {
		width: 556px;
		color: #ffffff;
		text-transform: uppercase;
		font-size: 80%;
		margin: 0 0 5px 0;
		padding: 2px;
		}

.compare dl {
	width: 280px;
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
	}
	.compare dt {
		font-weight: bold;
		font-size: 90%;
		text-transform: uppercase;
		margin: 2px 0 3px 0;
		padding: 0;
		}
	.compare dd {
		font-size: 80%;
		margin: 0;
		padding: 0;
		}

/*HIGHLANDER*/
	h3.Highlander {
		background-color: #902147;
		}
	dt.Highlander, #compareTrailer h4.Highlander {
		color: #902147;
		}
/*AMERICANA*/
	h3.Americana {
		background-color: #003C79;
		}
	dt.Americana, #compareTrailer h4.Americana {
		color: #003C79;
		}
/*DESTINY*/
	h3.Destiny {
		background-color: #0F6259;
		}
	dt.Destiny, #compareTrailer h4.Destiny {
		color: #0F6259;
		}
/*ELEMENT*/
	h3.Element {
		background-color: #887D75;
		}
	dt.Element, #compareTrailer h4.Element {
		color: #887D75;
		}
/*EVOLUTION*/
	h3.Evolution {
		background-color: #FFCE00;
		}
	dt.Evolution, #compareTrailer h4.Evolution {
		color: #FFCE00;
		}
/*SCORPION*/
	h3.Scorpion {
		background-color: #62BD19;
		}
	dt.Scorpion, #compareTrailer h4.Scorpion {
		color: #62BD19;
		}


/*************************MODEL TABS - COMPARE AND REQUEST*****************************/
#content #modelDetails {
	width: 596px;
	margin: 0 0 15px 0;
	padding: 0;
	}

#content #modelLinks {
		height: 20px;
		margin: 0;
		padding-left: 20px;
		background: url("images/tab_btm.gif") repeat-x bottom;
		}

#content #modelLinks li {
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  		}
	#content #modelLinks a:link, #content #modelLinks a:visited {
			float: left;
			background-color: #EEEDEB;
			font-size: 10px;
			line-height: 14px;
			font-weight: bold;
			padding: 2px 8px;
			margin-right: 4px;
			border: 1px solid #D0D0D1;
			text-decoration: none;
			color: #BDB6B0;
			}
	#content #modelLinks a:active, #content #modelLinks a:active {
			border-bottom: 1px solid #ffffff;
			background-color: #ffffff;
			color: #887D75;
			}
	#content #modelLinks a:hover {
			background-color: #ffffff;
			}
	#content #modelDetails #modelLinks li a.active {
			border-bottom: 1px solid #ffffff;
			background-color: #ffffff;
			color: #CC0000;
			}


/****************************CALLOUTS*********************************/
#FFTadvantage {
	float: right;
	width: 170px;
	background: url("images/callout_advantageTOP.gif") no-repeat top left;
	margin: 5px 15px;
	padding: 34px 0 10px 0;
	}
	#content #FFTadvantage h4 {
		font-size: 90%;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		color: #000033;
		margin: 0;
		padding: 10px 0 0 0;
		border-left: 1px solid #00267D;
		}
	#content #FFTadvantage dl {
		background: url("images/callout_advantageBTM.gif") no-repeat bottom left;
		margin: 0;
		padding: 10px 0 0 4px;
		border-left: 1px solid #00267D;
		}
	#content #FFTadvantage dt {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 80%;
		font-weight: normal;
		color: #6699CC;
		margin: 0;
		padding: 0;
		}
		#content #FFTadvantage dt a {
			font-style: italic;
			color: #003366;
			text-decoration: underline;
			}
		#content #FFTadvantage dt a:hover, #content #FFTadvantage dt a:active {
			color: #990000;
			text-decoration: none;
			}
	#content #FFTadvantage dd {
		margin: 0;
		padding: 10px 0 0 0;
		text-align: center;
		}

#FFTcallout {
	float: right;
	width: 170px;
	background: url("images/callout_general_img.gif") no-repeat top left #EEEDEB;
	margin: 5px 15px;
	padding: 40px 0 0 0;
	}
	#content #FFTcallout h4 {
		font-size: 90%;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: center;
		color: #BB0D32;
		margin: 0;
		padding: 10px 0 0 0;
		}
	#content #FFTcallout dl {
		margin: 0;
		padding: 10px 0 0 4px;
		}
	#content #FFTcallout dt {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 80%;
		font-weight: normal;
		color: #BB0D32;
		margin: 0;
		padding: 0;
		}
		#content #FFTcallout dt a {
			font-style: italic;
			color: #003366;
			text-decoration: underline;
			}
		#content #FFTcallout dt a:hover, #content #FFTcallout dt a:active {
			color: #990000;
			text-decoration: none;
			}
		
	#content #FFTcallout dd {
		margin: 10px 0 0 0;
		padding: 0;
		text-align: center;
		}