BODY {FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif;
background-image:url(images/bck4.gif);
background-repeat:repeat-x;

}

* {
padding: 0;
margin: 0 auto;
}

#wrapper {
width:770px;
margin: 0 auto;

}

#content {
background-color:#FFFFFF;
width:770px;
margin: 0 auto;
}

#content td {
padding-left: 3px;
}

#content li {
list-style-position:inside;
padding-left: 6px;
}



.bodytext {FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 19px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif}

.clear { clear:both }

A {text-decoration:underline; color:#4177B7}  
a:hover {text-decoration:none; color:#C23000}

.text {FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 19px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif}
.whtext {FONT-SIZE: 11px; COLOR: #FFFFFF; LINE-HEIGHT: 19px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif}
.lghtext {FONT-SIZE: 11px; COLOR: #719B7C; LINE-HEIGHT: 19px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif}
.grtext {FONT-SIZE: 11px; COLOR: #395E4A; LINE-HEIGHT: 19px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif}
.footer {FONT-SIZE: 9px; COLOR: #666666; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

.hdtitle {FONT-SIZE: 16px;COLOR: #000000;  LINE-HEIGHT: 19px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight: bold;}
.titleboldrd {FONT-SIZE: 14px;COLOR: #CC0000;  LINE-HEIGHT: 19px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight: bold;}

.title {FONT-SIZE: 14px;COLOR: #000000;  LINE-HEIGHT: 19px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight: bold;}
.titlerd {FONT-SIZE: 14px;COLOR: #CC0000;  LINE-HEIGHT: 19px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight: bold;}

.small {FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif}
.whsmall {FONT-SIZE: 9px; COLOR: #FFFFFF; FONT-FAMILY: arial, helvetica, sans-serif;font-weight: bold;}


.header {FONT-SIZE: 12px;COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif;}
.headerbold {FONT-SIZE: 12px;COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif;font-weight: bold;}
.headerunderline {FONT-SIZE: 12px;COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif;font-weight: bold; text-decoration:underline;}

.accuFind	{ font-family: arial; font-size: 10px; color: #ffffff; }
A.af:LINK		{ color: #FF9600; text-decoration: none; }
A.af:VISIT		{ color: #FF9600; text-decoration: none; }
A.af:VISITED	{ color: #FF9600; text-decoration: none; }
A.af:HOVER		{ color: #39A956; text-decoration: underline; }

A.button:LINK		{ color: #ffffff; font-family: arial; font-size: 12px; font-weight: bold; text-decoration: none; background-color: #AB0000; }
A.button:VISIT		{ color: #ffffff; font-family: arial; font-size: 12px; font-weight: bold; text-decoration: none; background-color: #AB0000; }
A.button:VISITED	{ color: #ffffff; font-family: arial; font-size: 12px; font-weight: bold; text-decoration: none; background-color: #AB0000; }
A.button:HOVER		{ color: #FFCC00; font-family: arial; font-size: 12px; font-weight: bold; text-decoration: underline; background-color: #000000; }

.text2		{ font-family: arial; font-size: 11px; color: #6E6E6E; }
.title1		{ font-family: arial; font-size: 12px; color: #FFC539; }
.title2		{ font-family: arial; font-size: 12px; color: #FFC539; font-weight: bold; }
.title3		{ font-family: arial; font-size: 14px; color: #FFC539; }
.title4		{ font-family: arial; font-size: 14px; color: #FFC539; font-weight: bold; }

.header1 { font-family: arial; font-size: 12px; color: #ffffff; font-weight: bold; }

A.roll:LINK		{ color: #D40000; text-decoration: none; } 
A.roll:VISIT		{ color: #D40000; text-decoration: none; } 
A.roll:VISITED	{ color: #D40000; text-decoration: none; } 
A.roll:HOVER		{ color: #FF9600; text-decoration: underline; } 

.srText		{ font-size: 12px; font-family: arial; }

.form		{ background-image: url('images/formbg.gif'); background-repeat: no-repeat; }
.textareabg	{ background-image: url('images/textareabg.gif'); background-repeat: no-repeat; }
.blackborder {
	border: 1px solid #000000;
}

/* FINANCE DISPLAY ---------------------------------    */

.fin_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
	font-weight: bold;
}
.fin_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000
}
.fin_note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000
}
.fin_field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.fin_radio {
	color:#000000
}
.fin_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.fin_alert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FF0000
}
.fin_headerbox {
	background-color: #cecece;
}
.fin_hr {
	height: 1px;
	width: 100%;
}

/* NEW LISTING DESIGN STYLES */

.pagination {
	font-size:12px;
	position:relative;
	top:15px }

h1.listing-title {
	font-weight:bold;
	font-family:arial, helvetica;
	font-size:16px;
	width:721px;
	color:#4174b5;
	display:block;
	margin:25px 0 15px 0 !important;
	padding:0 !important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #888888 }
	
ul.listing-area {
	width:721px;
	height:146px;
	margin:0 0 10px 0 !important;
	padding:0;
	position:relative;
	list-style:none }
	
	ul.listing-area li {
	cursor:hand;
	padding:0;
	width:721px;
	height:146px;
	margin:0 0 10px 0 !important;
	position:relative;
}
	
.image {
	width:195px;
	height:146px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	border-top:none; border-bottom:none; border-left:none;
	border-right: 11px solid #FFF;
}

li a.listing {
	margin-left:205px;
	display:block;
	width:516px;
	text-decoration:none;
	height:146px;
	background:url('images/listing_bg.gif') no-repeat;
}

li a.listing:hover {
	cursor:hand;
	background:url('images/listing_bg_over.gif') no-repeat;
}

.year-make-model {
	cursor:hand;
	position:absolute;
	left:206px;
	top:0;
	padding:9px 0 0 13px;
	font-weight:bold;
	font-size:16px;
	color:#FFF }
	
.price {
	cursor:hand;
	position:absolute;
	right:0;
	top:0;
	padding:9px 0 0 0;
	width:125px;
	text-align:center;
	color:#FFF;
	font-size:16px;
	font-weight:bold }

.listing-info {
	cursor:hand;
	position:absolute;
	left:216px;
	color:#454545;
	font-size:12px;
	display:block;
	padding:10px;
	width:495px;
	height:90px;
	top:36px }
	
	.listing-info a {
	color:#236b94;
	text-decoration:underline }
	
	.listing-info a:hover {
	cursor:hand;
	color:#454545;
	text-decoration:none }
	
.listing-info-left {
	background:url('images/listing_split_line.gif') no-repeat top right;
	float:left;
	width:170px;
	margin:6px 20px 0 0;
	line-height:20px }
	
.listing-info-mid {
	background:url('images/listing_split_line.gif') no-repeat top right;
	float:left;
	width:180px;
	margin:6px 15px 0 0;
	line-height:20px }
	
.listing-info-right {
	float:left;
	position:relative;
	width:94px;
	margin:0 }
	
	.camera-block {
		width:62px;
		position:relative;
		display:block;
		height:43px;
		margin:3px 0 12px 20px;
		background:url('images/icon_camera.gif') no-repeat top left }
		
	.camera-block span {
		width:20px;
		position:absolute;
		left:36px;
		top:9px;
		color:#FFF;
		font-weight:bold;
		font-size:11px;
		text-align:center }
		
	.more-info-block {
		width:94px;
		height:26px;
		display:block;
		position:absolute;
		left:0;
		background:url('images/button_more_info.gif') no-repeat;
		top:58px }
	
img { border:none }
.clear { clear:both; font-size:1px }

/* VEHICLE SPECS PAGE */

ul.gallery-images {
	list-style:none;
	margin:0;
	position:relative;
	left:6px;
	top:-8px;
	width:440px;
	padding:0 }
	
	ul.gallery-images li {
		margin:0 10px 0 0; padding:0;
		float:left;
		display:block }
		
	ul.gallery-images li img {
		display:block; margin:0 }

.vehicle-info-area {
	position:relative;
	width:721px;
	padding:20px }
	
	.vehicle-info-area .left {
		width:442px;
		display:block;
		position:absolute;
		top:20px;
		left:20px; }
		
		.vehicle-info-area .left .image-gallery {
			width:442px;
			height:330px;
			margin-bottom:20px }
			
			.image-gallery .image-area {
				position:relative;
				width:442px;
				height:330px;
				z-index:-2000px;
				background:url('../images/infopage_image_bg.jpg') no-repeat }
				
				.pushpin-left, .pushpin-right {
					position:absolute;
					width:18px;
					height:18px;
					background:url('../images/infopage_pushpin.gif') no-repeat }
					
					.pushpin-left { left:12px; top:6px }
					.pushpin-right { right:12px; top:6px }
					
				.image-area .image {
					position:relative; display:block; z-index:-2000px; top:10px; left:0; width:408px; height:302px; border: 1px solid #FFF }
		
		.vehicle-info-area .left .detailed-specs {
			width:442px;
			font-size:12px }
			
			.detailed-specs h2 { text-align:left; background:#c58600; padding:8px; margin:0; font-size:14px; font-weight:bold; color:#FFF }
			.detailed-specs h3 { position:relative; text-align:left; background:#f0eadd; width:442px; padding:8px 0 8px 0; font-weight:normal; margin:0; font-size:12px; color:#454545 }
			.detailed-specs h4 { position:relative; text-align:left; background:#e7dec9; width:442px; padding:8px 0 8px 0; font-weight:normal; margin:0; font-size:12px; color:#454545 }
				.detailed-specs h3 em, .detailed-specs h4 em { position:relative; left:180px; display:block; width:240px; margin:0; font-style:normal }
				.detailed-specs h3 span, .detailed-specs h4 span { position:absolute; width:300px; left:12px; top:9px; font-weight:bold }
				
	.vehicle-info-area .right {
		width:259px;
		margin-left:462px }
		
		.vehicle-info-area .right .main-info-block {
			background:url(images/showroom_infopanel.jpg) no-repeat top left;
			width:259px;
			height:173px;
			line-height:20px;
			padding:20px;
			margin:0 0 11px 0;
			font-size:12px;
			text-align:left }
			
			.main-info-block h2 { margin:0; padding:0; font-size:16px; letter-spacing:-1px; font-weight:bold; color:#4f6273 }
			
		.vehicle-info-area .right .location-block {
			margin-bottom:10px;
			background:url(images/showroom_location.jpg) no-repeat;
			width:259px;
			height:111px;
			line-height:20px;
			padding:20px;
			color:#e2e9f1;
			font-size:12px;
			text-align:left }
			
			.location-block h2 { margin:0; padding:0; font-size:16px; letter-spacing:-1px; font-weight:bold; color:#FFF }
			
		.vehicle-info-area .right .interested-button {
			display:block;
			margin-bottom:20px }
			
		.vehicle-info-area .right .tabbed-area {
			width:259px;
			font-size:12px }
			
/* TABS */
.tabberlive {
	position:relative;
	width:500px;
	height:37px;
	margin:0 !important }
	
	.tabcontent { text-align:left; width:239px; position:absolute; top:37px; left:0; display:none; background:#CED9E6 url(images/tabbed_area_top.gif) no-repeat top; padding:10px }
	
	.tabberlive .tabbernav {
		margin:0;
		padding:0;
		/*position: absolute;
		top: 0;
		left: 0;*/
		list-style:none;
		font: bold 14px Arial, Helvetica, sans-serif }

	.tabberlive .tabbernav li {
		background: url(/images/main_tab_off_right.gif);
		background-repeat:no-repeat;
		background-position:top right;
		float:left;
		margin:0 2px 0 0;
/*		this is a problem with the tab right between IE and FF*/
		padding-right:1px;
		position:relative }
		

		
		
		
		
	
	.tabberlive .tabbernav li span {
		background: url(/images/main_tab_off_left.gif) no-repeat left top;
		float:left;
		height:23px;
		padding: 10px 13px 10px 14px;
		position:relative }

	.tabberlive .tabbernav li a {
		float:left;
		display:block;
		text-decoration:none;
		color: #FFF }
			
	.tabberlive .tabbernav li a:hover {
		color: #CAD5E3 }
		
	.tabberlive .tabbernav li.selected a:hover {
		color: #454545 }
		
	.tabberlive .tabbernav li.selected {
		float:left;
		display:block;
		background: url(/images/main_tab_on_right.gif);
		background-repeat: no-repeat;
		background-position: top right;
		margin: 0 2px 0 0;
		padding-right: 3px;
		color: #454545 }
		
		.tabberlive .tabbernav li.selected a {
			color: #454545 }

	.tabberlive .tabbernav li.selected span {
		text-align:center;
		float:left;
		background: url(/images/main_tab_on_left.gif) no-repeat left top }
		
.tabbertab { font-size:12px; color:#AAA; padding-top:20px }
.tabbertabhide { display:none }

/* SIMILAR TRUCKS */

.similar-listing { color:#454545; width:239px; display:block; height:65px; position:relative }
	.similar-listing a { color:#4174b5 }
	.similar-listing a:hover { color:#454545 }
	
.similar-image { position:absolute; display:block; width:83px; height:61px; top:0; left:0; border: 2px solid #FFF }
.similar-info { margin-left:94px }

.similar-stock { display:block; font-size:11px; margin:3px 0 15px 0 }
.similar-price { font-size:14px }
.similar-more-info { position:absolute; right:0; bottom:0 }

.similar-split {
	font-size:1px;
	background:url('images/similar_split.gif') no-repeat;
	width:239px;
	height:1px;
	display:block;
	margin:10px 0 }
	
/* CONTACT FORM */

#contact { color:#454545; font-weight:bold }

.contact-row { margin:3px 0; position:relative; width:239px; height:23px }
.contact-row .textbox { position:absolute; border:1px solid #ababab; right:0; width:129px; height:21px }
#contact .textarea { margin:3px 0; border:1px solid #ababab; right:0; width:237px; height:60px }
