/* -------------------------------------------------------------------- */
/* SITE STYLES -------------------------------------------------------- */



* {
margin:0 auto;
padding:0;

}

body {
background-image:url(/images/back2.jpg);
background-attachment:fixed;
}

#header {
width: 990px;
height:175px;
background-image:url(/images/Strohl_Logo_JPG.jpg);
background-repeat:no-repeat;
background-color:#FFF;
}

#wrapper {
width: 1015px;
margin: 0 auto;
}


#navigation {
width:530px;
float: right;
padding-right: 10px;
padding-top: 30px;

}

#navigation a {
width:125px;
height:36px;
font-family:Geneva, Arial, Helvetica, sans-serif;
display:inline-block;
text-align:center;
text-decoration:none;
line-height:38px;
font-weight:bold;
}

.home a:link {
background-color:#960322;
color:#FFFFFF;
}

.home a:visited {
background-color:#960322;
color:#FFFFFF;
}

.home a:hover {
background-color:#01008c;
color:#FFFFFF;
}

.home a:active{
background-color:#960322;
color:#FFFFFF;
}



.about a:link {
background-color:#d27303;
color:#FFFFFF;
}

.about a:visited {
background-color:#d27303;
color:#FFFFFF;
}

.about a:hover {
background-color:#01008c;
color:#FFFFFF;
}

.about a:active{
background-color:#d27303;
color:#FFFFFF;
}


.financing a:link {
background-color:#004187;
color:#FFFFFF;
}

.financing a:visited {
background-color:#004187;
color:#FFFFFF;
}

.financing a:hover {
background-color:#01008c;
color:#FFFFFF;
}

.financing a:active{
background-color:#004187;
color:#FFFFFF;
}



.specials a:link {
background-color:#4b7a0c;
color:#FFFFFF;
}

.specials a:visited {
background-color:#4b7a0c;
color:#FFFFFF;
}

.specials a:hover {
background-color:#01008c;
color:#FFFFFF;
}

.specials a:active{
background-color:#4b7a0c;
color:#FFFFFF;
}

.inventory a:link {
background-color:#f23333;
color:#FFFFFF;
}

.inventory a:visited {
background-color:#f23333;
color:#FFFFFF;
}

.inventory a:hover {
background-color:#01008c;
color:#FFFFFF;
}

.inventory a:active{
background-color:#f23333;
color:#FFFFFF;
}



.spacer {
height: 10px;
width: 511px;
clear:both;
}



.other a:link {
background-color:#eda314;
color:#FFFFFF;
}

.other a:visited {
background-color:#eda314;
color:#FFFFFF;
}

.other a:hover {
background-color:#01008c;
color:#FFFFFF;
}

.other a:active{
background-color:#eda314;
color:#FFFFFF;
}




.service a:link {
background-color:#0096ae;
color:#FFFFFF;
}

.service a:visited {
background-color:#0096ae;
color:#FFFFFF;
}

.service a:hover {
background-color:#01008c;
color:#FFFFFF;
}

.service a:active{
background-color:#0096ae;
color:#FFFFFF;
}




.currentad a:link {
background-color:#7ebd28;
color:#FFFFFF;
}

.currentad a:visited {
background-color:#7ebd28;
color:#FFFFFF;
}

.currentad a:hover {
background-color:#01008c;
color:#FFFFFF;
}

.currentad a:active{
background-color:#7ebd28;
color:#FFFFFF;
}


#topline {
float:right;
width: 500px;

}

#navigation .contactus a {
color:#ced5de;
background-color:#FFFFFF;
width: 117px;
height: 22px;
border: medium #ced5de solid;
line-height: 20px;
margin-left:35px;
}         




#navigation .contactus a:link {
background-color:#FFFFFF;
color:#ced5de;
}


#navigation .contactus a:visited {
background-color:#FFFFFF;
color:#ced5de;
}

#navigation .contactus a:hover {
background-color:#01008c;
color:#ced5de;
}

#navigation .contactus a:active{
background-color:#FFFFFF;
color:#ced5de;
}


<!-- those were a lot of link styles-->

.address {
color:#58595b;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding-left: 12px;
font-size:14px;

}

#content {
width: 1015px;
background-image:url(/images/contentback.png);
background-repeat:repeat-y;
margin: 0 auto;

}

#right {
float: right;
margin-right: 20px;
width: 399px;
}


#homeright {
float: left;
margin-left: 20px;
width: 500px;

}







#left {
float: left;
margin-left: 20px;
width: 399px;
}


#leftother {
float: left;
margin-left: 40px;
width: 500px;
}





#serviceright {
float: right;
margin-right: 11px;
}


#serviceleft {
float: left;
margin-left: 20px;
width: 545px;
}






h1 {
text-align:center;
color:#CC0000;
font-family:Geneva, Arial, Helvetica, sans-serif;
}


.chat {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;
}

#footer {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
width: 1015px;
}

#footer a {
margin-right: 30px;
text-decoration:none;
}


#footer a:link {
color:#181796;
}

#footer a:visited {
color:#181796;
}

#footer a:hover {
color:#ba161c;
}

#footer a:active {
color:#181796;
}

#cars {
width: 1015px;

}

	
a:focus, a:active { outline:none }
a { color:#4a7cbb; text-decoration:underline; }
a:hover { color:#5a5a5a; text-decoration:none; }

.clear { display:block; clear:both; font-size:1px }


	
	.maincontainer{
	width: 985px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../images/back2.png);

}

#menu {
float:right;
margin-right:24px;

}

	/*
	
	#wrapper {
	background:url('../images/webuy.gif'); background-position:bottom left; background-repeat:no-repeat;}
*/

#thistable {
width:700px;!important
}

#thistable img {

margin-left:12px;
}
				
/* -------------------------------------------------------------------- */
/* SPECIALS ----------------------------------------------------------- */


#carstable {
clear: both;

}



#carssearchtable {
width:680px;
float: right;
margin-right:4px;



}

#searchbox {
width: 680px;
border-top: 10px white solid;

}




#specials-area {
width:1100px;
float:left;
	margin-bottom: 10px;
	margin-top: 12px;
	margin-left: 12px;
	clear: both;
}

.special-block {
	padding:0;
	position:relative;
	width:325px;
	/* height:118px; */
	background:#F2F2F2 url('../graphics/specials_bg.gif') repeat-x;
	display:inline-block;
	float:left;
	margin-left:3px;
		margin-bottom:10px;
	
	
	 }
	

	
	.special-block .auto-image {
		float:left;
		width:100px;
		display:block;
		margin:0 12px 0 3px; }
	
	.special-block p {
		display:block;
		font-size:11px !important;
		padding:0px 0 25px 0px; 
		margin:0;
		float:left;
		width:210px;
		height: 65px;
		}
		
		.special-block p span.model { font-size:13px !important }
		.special-block p span.price { font-size:13px !important; 
		color:#264c7c !important }
		
	.special-block .details {
		font-weight:bold;
		padding:9px 3px 0 15px;
		display:block;
		text-align:right;
		position:absolute;
		width:160px;
		height:25px;
		right:0; bottom:0;
		background:url('../graphics/specials_details_bg.png') no-repeat }
		
		.details .photo-area { position:absolute; left:13px; top:9px }
		.details .camera-icon { position:relative; top:2px; left:2px }
		.details .viewdetails-icon { position:relative; top:0; left:-1px }
		
		
/* ---------------------------------------------------------------------------------------------------------------------- */	
/* VEHICLE LISTINGS PAGE ------------------------------------------------------------------------------------------------ */

.additional-info {
	display:block;
	font-weight:normal;
	margin:0 0 10px 0 !important;
	font-size:12px;
	line-height:18px }

.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;
	padding:0;
	position:relative;
	list-style:none }
	
	ul.listing-area li {
	cursor:hand;
	padding:0;
	width:721px;
	height:146px;
	margin:0;
	position:relative;
}

.preowned-image {
	width:195px;
	height:146px;
	display:block;
	margin:0; padding:0;
	position:absolute;
	top:0;
	left:0;
	border-top:none; border-bottom:none; border-left:none;
	border-right: 11px solid #FFF;
}

.image {
	width:195px;
	/*height:146px;*/
	display:block;
	margin:0; padding:0;
	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('../graphics/listing_bg.gif') no-repeat;
}

li a.listing:hover {
	cursor:hand;
	background:url('../graphics/listing_bg_over.gif') no-repeat;
}

.year-make-model {
	cursor:hand;
	position:absolute;
	left:206px;
	top:0;
	width:450px;
	padding:9px 0 0 13px;
	font-weight:bold;
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#3b3aa6; }
	
li a.listing .price {
	cursor:hand;
	position:absolute;
	right:0;
	top:0;
	padding:9px 0 0 0;
	width:125px;
	text-align:center;
	color:#03d239 !important;
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	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('../graphics/listing_split_line.gif') no-repeat top right;
	float:left;
	text-align:left;
	width:170px;
	margin:6px 20px 0 0;
	line-height:20px }
	
.listing-info-mid {
	background:url('../graphics/listing_split_line.gif') no-repeat top right;
	float:left;
	text-align:left;
	width:180px;
	margin:6px 15px 0 0;
	line-height:20px }
	
	.listing-info-mid a {
	display: none;	
	}
	
	.small-info {
				color:#454545;
		padding:10px 10px 10px 55px;
		text-align:left;
		min-height:35px;
		margin:0 0 10px 0 !important;
		position:relative;
		top:1px;
		width:656px;
		line-height:17px;
		font-size:12px !important }
	
.listing-info-right {
	float:left;
	text-align:left;
	position:relative;
	width:94px;
	margin:0 }
	
	.camera-block {
		width:62px;
		position:relative;
		display:block;
		height:43px;
		margin:3px 0 12px 20px;
		background:url('../graphics/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 }
	
img { border:none }
.clear { clear:both; font-size:1px }

/* ---------------------------------------------------------------------------------------------------------------------- */
/* VEHICLE INFO PAGE ---------------------------------------------------------------------------------------------------- */

.infopage-left {
	padding:0;
	width:440px;
	float:left;
	margin-left: 14px;
margin-right:6px;
	
	 }
	
.infopage-right {
	width:540px;
	margin:0;
	padding:0;
	float:right;
	 }

ul.info-tabs {
	display:block;
	width:440px;
	height:34px;
	list-style:none;
	margin:0; padding:0 }
	
	ul.info-tabs li {
		float:left;
		display:inline;
		background:url("../graphics/tab_inactive_left.gif") no-repeat;
		height:34px;
		margin:0 4px 0 0;
		padding:0 }
		
		ul.info-tabs li.selected { background: #181796 url("../graphics/tab_active_left.gif") no-repeat !important }
		
	ul.info-tabs li a {
		font-weight:bold;
		display:block;
		color:#527db2;
		text-decoration:none;
		font-size:14px;
		padding:9px 9px 0 9px;
		background:url("../graphics/tab_inactive_right.gif") top right no-repeat }
		
		ul.info-tabs li a:hover { color:#181796; text-decoration:none }
		
		ul.info-tabs li.selected a {
		color:#FFF;
		background:url("../graphics/tab_active_right.gif") top right no-repeat }
		
			ul.info-tabs li.selected a:hover { color:#FFF; text-decoration:none }
			
#contact, #equipment { display:none }

#contact input {
	background:#F1F1F1;
	height:25px;
	border:1px solid #aaa }

#contact .full-textbox, #contact .full-textarea {
	background:#F1F1F1;
	border:1px solid #aaa;
	font-family:Arial, Helvetica, sans-serif;
	width:289px }
	
#contact .full-textarea {
	background:#F1F1F1;
	border:1px solid #aaa;
	font-family:Arial, Helvetica, sans-serif;
	width:279px }
	
	#contact .full-textbox { font-size:11px; }
	#contact .full-textarea { font-size:12px; padding:5px }
	#contact .submit-button { background:#666; color:#FFF; border:none; font-weight:bold }
		
	strong.return-link a {
		display:block;
		text-align:center;
		font-size:14px;
		background:#ced5de;
		padding:7px 10px;
		text-decoration:none }
		
		strong.return-link a:hover {
			background:#FFFFFF;
			color:#000 }

#sandstabs {

}


#equipment ul.shadetabs {
	display:block;
	width:289px;
	margin:0 0 35px 0;
	list-style:none;
	padding:0 }
	
	#equipment ul.shadetabs li {
		display:block;
		float:left;
		font-size:14px;
		font-weight:bold;
		margin:0 10px 0 0 }

.gallery-area {
	width:400px;
	padding:10px;
	background:#181796;
	margin-left: 12px;
	}
	
	.gallery-area .inner {
		display:block;
		width:380px;
		padding:10px;
		background:#FFF }
		
		.gallery-area img { 
			border:none;
			margin:0; padding:0 }
		
	.gallery-area .enlarge-image {
		color:#000; text-transform:uppercase;
		display:block;
		font-size:14px; font-weight:bold;
		margin-top:1px;
		background:#FFFFFF;
		padding:7px 0;
		text-align:center }
	
	.gallery-area h2 {
		clear:both;
		font-size:16px;
		font-weight:bold;
		color:#000;
		margin:15px 0 5px 0;
		padding:0;
		
		 }
		
ul.photolist {
	text-align:left;
	display:block;
	padding:0;
	margin:0 0 10px 0;
	list-style:none }
	
	ul.photolist li {
		width:56px;
		float:left;
		margin:0 4px 4px 0 } ul.photolist li.lastcolumn { margin:0 0 4px 0 !important }
		
		ul.photolist li a {
			display:block;
			border:2px solid #000;
			width:52px } ul.photolist li a:hover { border:2px solid #FFF }
			
.print-brochure {
	display:block;
	float:left;
	width:152px;
	height:40px;
	margin: 20px 19px 0 0px;
	padding-left:12px; }
		
.email-friend, .window-sticker {
	display:block;
	float:right;
	width:168px;
	height:40px;
	margin: 20px 12px 0 0 }
	
a.interested {
	display:block;
	width:339px;
	height:40px;
	padding:0;
	margin:0 0 20px 0 }
	
.test-drive {
	display:block;
	width:339px;
	height:40px;
	margin:20px 0 0 0 }
	
	.print-brochure img, .email-friend img, a.interested img, .window-sticker img, .test-drive img {
		display:block;
		margin:0; padding:0 }
	
.right-block {
	width:399px;
	padding:10px;
	background:#181796;

	
	}
	
.extra-info-block {

	line-height:20px;
	text-align:justify;
	color:#FFF;


	margin-bottom: 10px;

	 }
	 

	 
	 
	 
	 
	 
	 
	 
	
	.right-block .inner {
		display:block;
		width:380x;
		padding:0px;
		background:#FFF }
		
	.right-block .inner h2 {
		font-size:18px !important;
		font-weight:normal !important;
		background:#181796;
		margin:0;
		color:#FFFFFF !important;
		padding:2px }
		
		
		
		.right-block .inner span {
			display:block;
			padding:18px }
		
		.right-block .inner span h3 {
			font-size:16px !important;
			font-weight:bold !important;
			color:#2f6a9f !important;
			padding:0;
			margin:0 0 15px 0 }
			
			.right-block .inner span p {
				margin:0 !important;
				width:150px;
				font-size:12px;
				line-height:18px;
				text-align:left;
				position:relative;
				left:105px }
				
				.right-block .inner span p em {
					font-weight:bold;
					position:absolute;
					left:-190px;
					top:16px;
					text-align:left;
					font-style:normal !important }


/* -------------------------------------------------------------------- */
/* CUSTOM TAG STYLES -------------------------------------------------- */

.service_pagetitle { font-size:16px; font-weight:bold; display:block; margin-bottom:5px; }



/* -------------------------------------------------------------------- */
/* FOOTER ------------------------------------------------------------- */



#under-footer {
	width:100%;
	height:72px;
	background:#f4f4f4 url('../graphics/accufind_bg.png') repeat-x }
	
	#under-footer span {
		text-align:center;
		padding:15px 0 0 0;
		display:block;
		width:1000px;
		margin:0 auto }
		
				.accufind {
		color:#FFFFFF;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:10px;
		}
		
		
		.theaddress {
		color:#FFFFFF;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:10px;
		}
		
#appointmentrequest .thisform{	
width:650px;
float:left;
display:block;

		}
		
		

		
		
#serviceconfirm {
width: 600px;

}
		
		#infobox .email {
		font-size:9px;
		color:#25597e;
			}


#bottomblurb {
width: 930px;
text-align:left;
font-size:10px;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
}



.sub_bg {
text-align:left;
}

/


	#bigbox {
			float: left;
			width: 660px;
			margin-left: 12px;

			}

#staff {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#000066;

}

#contactusform {
width: 991px;
background-image:url(images/image6.jpg); background-position:right; background-repeat:no-repeat;

}


#phone {
color:#000099;
font-weight:bolder;
padding-left: 2px;
text-decoration:underline;
font-size:20px;
font-stretch:extra-expanded;
text-align:right;
}


#aboutus {
width: 850px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
}

#aboutus span {
font-weight:bold
}


#aboutus img {
margin: 6px;
}




#otherstuff {
width: 450px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
}


		#vehiclelocation {
		padding: 0;
		margin: 0;

		}