*{margin: 0 0; padding: 0 0;}
hr{ height: 1px; }
h5,h4,h3,h2,h1 { margin: 4px 0px; }

.addressLine1{ display: block; }
.address{ font-weight: bold; }
.phoneNumber{ font-weight: bold; padding: 0 .4em; font-size: 150%; }
.hours{ min-height: 8em; }
.hoursDay{ float: left; clear: left; width: 90px; text-align: left; padding-bottom: 2px; }
.hoursTime{ float: left; width: 145px; padding-bottom: 2px; font-weight: bold; text-align: center; } 
.hoursTitle{ display: block; font: 13pt/18pt arial; font-weight: bold; clear: both; }
.contactItem input{ width: 50%; margin-bottom: .5em; }

/* CURRENT ACCENT COLOR: ffffff( should be changed in 11 styles ) */

pre{ font: 10pt/18pt verdana; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; padding-right: 30px; }

body{ background-image: url('https://www.cardealerwebs.com/templates/classy/i/bg.png'); font-family: georgia, times;  background-color: #ffffff;}

a:link { color: #FFFFFF; text-decoration: none; }
a:visited { color: #FFFFFF; text-decoration: none; }
a:hover{ color: #ef5324; text-decoration: underline; }
a:active{ color: #FFFFFF; text-decoration: none; }

a.detailsButton:link{    color: #222222; border: 2px solid #ebebeb; background-color: #ffffff; padding: 8px 2px; margin: 0px auto 3px; text-align: center; width: 175px; display: table; font: 13pt/15pt arial; font-weight: bold; text-decoration: none; }
a.detailsButton:visited{ color: #222222; border: 2px solid #ebebeb; background-color: #ffffff; padding: 8px 2px; margin: 0px auto 3px; text-align: center; width: 175px; display: table; font: 13pt/15pt arial; font-weight: bold; text-decoration: none; }
a.detailsButton:hover{   color: #ffffff; border: 2px solid #ebebeb; background-color: #5c5c5c; padding: 8px 2px; margin: 0px auto 3px; text-align: center; width: 175px; display: table; font: 13pt/15pt arial; font-weight: bold; text-decoration: none; }
a.detailsButton:active{  color: #222222; border: 2px solid #ebebeb; background-color: #ffffff; padding: 8px 2px; margin: 0px auto 3px; text-align: center; width: 175px; display: table; font: 13pt/15pt arial; font-weight: bold; text-decoration: none; }

a.invRow:link    { text-decoration: none; font: 14pt/17pt tahoma; font-weight: bold; color: #444444; }
a.invRow:visited { text-decoration: none; font: 14pt/17pt tahoma; font-weight: bold; color: #444444; }
a.invRow:hover   { text-decoration: none; font: 14pt/17pt tahoma; font-weight: bold; color: #631700; }
a.invRow:active  { text-decoration: none; font: 14pt/17pt tahoma; font-weight: bold; color: #444444; }
ul.paymentCalc{ list-style: none; padding-left: 0px; margin-left: 0px; }
ul.paymentCalc li{ clear: left; }
ul.paymentCalc li label{ width: 100px; float: left; }
ul.paymentCalc li input{ width: 65px; text-align: right; padding: 0px 4px; }
ul.socialButtons{ list-style: none; padding: 0px; color: #333; }
ul.socialButtons li{ clear: left; font: 16pt/36pt arial; font-weight: bold; color: #333; }
ul.socialButtons li img{ border: 0px; float: left; margin-right: 5px; color: #333; }
ul.twoColumnList li{ float: left; width: 170px; }
ul.socialButtons a:link { color: #333;}
ul.socialButtons a:active { color: #333;}
ul.socialButtons a:visited{ color: #333;}
ul.check{ list-style-image: url('i/check.jpg'); line-height: 22pt; margin-bottom: 0px; letter-spacing: 0px; }

.goldBox{	background-color: #fcfbd6;
		border: 1px solid #f8f478;
		padding: 15px 15px 10px 15px;
		margin: 20px 0px; }
		
dt{ font-weight: bold; }


.clear {clear: both; height: 1px;}


.container	{
				margin: 0px auto;
				padding-top: 10px;
				width: 965px;
			}
			
			
/*TOP MENU BAR*/	
.menuBar	{
				height: 50px;
				width: 948px;
				margin-left: 10px;
			}
.menu{text-shadow: #888888 2px 2px 2px; margin-left: 20px; font-size: 1.1em;}
a.menu:link{ color: #333333; text-decoration: none; }
a.menu:visited{ color: #333333; text-decoration: none; }
a.menu:hover{ color: #631700; text-decoration: none; }
a.menu:active{ color: #333333; text-decoration: none; }


/*END MENU BAR*/

/* HEADER */
.header 		{
				background-color: #ebebeb;
				width: 965px;
				height: 295px;

			}
.header h1	{
				text-align: center;
				color: #000000;
				font-size: 3em;
				font-weight: 200;
				margin-top: 80px;
				width: 450px;
				margin-left: 30px;
				float: left;
				text-align: left;
				text-shadow: #666666 2px 2px 2px;
			}
.headerPhone{
				text-shadow: #666666 2px 2px 2px;
				float: left;
				text-align: right;
				width: 410px;
				padding-right: 10px; 
				font-size: 2.1em; 
				font-weight: 600;
				letter-spacing: 2pt;
				color: #000000;
				margin-top: 90px;
				margin-left: 32px;
			 }			
.header h3	{
				text-align: center;
				color: #000000;
				font-size: 1.6em;
				margin-top: 2px;
				font-weight: 200;
				width: 410px;
				margin-left: 30px;
				float: left;
				text-align: right;
				text-shadow: #666666 2px 2px 2px;
			}
.header h6	{
				font-size: .3em;
				letter-spacing: .3em;
			}
/* END HEADER*/
.footerCon	{
				clear: both;
				border-top: 1px solid #666666;
				background-image: url('https://www.cardealerwebs.com/templates/classy/i/tile_footer.png');
				color: #ffffff;
				-moz-box-shadow: inset 0 10px 30px #000000;
				-webkit-box-shadow: inset 0 10px 30px #000000;
				box-shadow: inset 0 10px 30px #000000;
			}
.footer		{
				width: 968px;
				margin: 0px auto;
				padding: 20px 0;
			}

.divideBar		{
				width: 948px;
				margin-left: 10px;
				float: left;
				height: 18px;
				background-color: #282828;
			}
			 
.top8		{
				background-color: #282828; 
				width: 938px; 
				float: left; 
				margin-top: 4px;
				margin-left: 13px; 
				padding-bottom: 11px; 
				padding-top: 28px;
			}
		
.quickBtn	{
				width: 256px;
				height: 75px;
				float: left;
				margin-left: 4px;
				margin-top: 4px;
			}
			
.homeBox	{
				width: 925px;
				padding: 0px 20px 14px;
				text-align: justify;
				background-color: #ebebeb;
				float: left;
				margin-top: 8px;
				color: #222222;
				line-height: 1.5em;
			}
.makeBox	{
				width: 938px;
				padding: 10px 0px 10px 18px;
				text-align: justify;
				float: left;
				margin-left: 13px;
				margin-top: 4px;
				color: #444444;
			}	

ul.makeList{ padding-left: 0px; float: left; margin-left: 0px; }
ul.makeList li{ list-style: none; width: 132px; line-height: 19pt; }
ul.makeList li a:link {color: #444;}
ul.makeList li a:hover {color: #0006ff; text-decoration: none;}
ul.makeList li a:active {color: #444;}
ul.makeList li a:visited {color: #444;}
			
.searchBox	{
				color: #FFF;
				width: 254px;
				float: left;
				margin-top: 0px;
				text-align:center;
				background-color: #cccccc;
				margin-top: 8px;
			}
			
.about		{
				width: 925px;
				padding: 0px 20px 14px;
				text-align: justify;
				background-color: #ebebeb;
				float: left;
				margin-top: 8px;
				color: #222222;
				line-height: 1.5em;
			}
/* Contact Page */
.contactForm{
				float: left;
				padding: 0px 20px 14px;
				margin-top: 8px;
				color: #222222;
				width: 530px;
				background-color: #ebebeb;
			}
			
.contactHours{
				width: 260px;
				float: left;
				margin-top: 30px;
				margin-left: 55px;
			}

.contactHours h3{
				font-size: 1.4em;
			}
			
.contactHours hr{
				border: 0;
				color: #9E9E9E;
				background-color: #9E9E9E;
				height: 1px;
				width: 80%;
				text-align: left;
				margin-bottom: 10px;
			}
.conHoursDay{
				float: left;
				width: 105px;
				text-align: left;
				padding-bottom: 2px;
				font-weight: normal;
				font-size: 1em;
				color: #222;
			}
.conHoursTime{
				float: left;
				width: 105px;
				text-align: left;
				padding-bottom: 2px;
				font-weight: normal;
				font-size: 1.1em;
				color: #222;
			}
/* end contact page */
.vehDec { color #333; }

.vpp { color: #333;}
.vsort {color: #333; }

.cellPhoto{ border: 1px solid #c4c4c4; margin: 0px 8px 8px 0px; float: left; }
.cellBlock{ clear: both; margin-top: 15px; }

.contactItem input{ width: 245px; margin-bottom: 8px;}
.invRowLabel{ float: left; width: 75px; margin-left: 4px; }
.invRowValue{ float: left; width: 115px; }

.light { color: #222222; }
.thumb { border: 1px solid #950101; }
.navButton{ border: 0px; }

.mapForm{ color: #222222; }
.mapHeader{ color: #222222; }
.mapBubble{ color: #222222; }

.normal{ font: 13pt/16pt arial; }
.title{ font: 13pt/15pt arial; font-weight: bold; letter-spacing: -1px; }
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }

.gold{ color: #fbe452; }
.small{ font-size: 8pt; }
.red{ color: #FF0000; }
.white{ color: #FFFFFF; }
.black{ color: #000000; }
.grey{ color: #999999; }
.u{ text-decoration: underline; }
.tiny{ font: 8pt/13pt tahoma; letter-spacing: 2px; }

.pageTitle{ font: 20pt/20pt arial; font-weight: bold; }
.pageContent{ font: 13pt/15pt arial; font-weight: bold; letter-spacing: -1px; }
.pageMenu{ font: 17pt/17pt arial; font-weight: bold; letter-spacing: -1px; }

.galleryPhoto{ width: 225px; border: 1px solid #b00807; }
.galleryDiv{ float: left; text-align: left; padding: 0px 0px 10px; width: 250px; }

#picDiv,#bigPic{ clear: left; }
#thePic{ cursor: pointer; border: 1px solid #c4c4c4; margin-bottom: 4px; }
.thumbnail { cursor: pointer; border: 1px solid #c4c4c4; }

.smalllink { font-size: 9pt; } 

.input { border: 1px solid #000000; padding-left: 4px; }
.photo { border: 1px solid #ffffff; }

.detail { padding: 2px;  
		  width: 120px;
		  border: 1px solid #333333; }
		  
.button { height: 20px; padding: 0px 10px 2px;		  
		  border: 1px solid #666666;
		  border-right: 2px solid #666666;
		  border-bottom: 2px solid #666666;
		  background-color: #C4C4C4;
		  font: 10pt/12pt verdana; }
		  
		  
.mousebutton { height: 20px; padding: 0px 10px 2px;			  
			   border: 1px solid #666666;
			   border-right: 2px solid #666666;
			   border-bottom: 2px solid #666666;
		 	   background-color: #B3B3B3;
		 	   font: 10pt/12pt verdana; }
		 	   
.consumer { width: 450px;
			font: 8pt/15pt tahoma;
			letter-spacing: 1px;
			line-height: 15pt;
			text-align: left; }
			
.crashRatings { float: left;
				width: 220px;
				padding: 0px 0px 0px 4px; }
				
.techTitle { float: left; 
			 width: 275px;
			 font: 8pt/15pt tahoma;
			 letter-spacing: 1px; }
			 
.techText { float: left;
			width: 175px; }
			
.mpg { font: 14pt/14pt tahoma; font-weight: bold }
.mpgTitle { font: 8pt/10pt tahoma; letter-spacing: 2px; }
.chrome { font: 6pt/9pt tahoma; letter-spacing: 2px; }

.imageLink { border: 0px; cursor: pointer; }

.detailsLabelCell { background-image: url(https://www.cardealerwebs.com/templates/classy/i/text_fade.jpg);
					border-bottom: thin solid #CCCCCC;
					color: #070707;
					font-family: Arial, Sans-Serif;
					font-size: 8pt;
					font-weight: bold;
					padding: 4px 5px 4px 5px;
					text-align: left; }

.detailsDataCell { background-color: #FFFFFF;
				   border-left: thin solid #CCCCCC;
				   border-top: 1px solid #EFEFEF;
				   font-family: Arial, Sans-Serif;
				   font-size: 9pt;
				   padding: 2px 5px 2px 5px; }

.dataRow { border: thin solid #000000; }

/* -- Special -- */
.slide_show {
	margin: 8px 0px 0px 7px;
	position: relative;
	float: left;
	width: 440px;
}
.window {
	height:318px;
	width: 440px;
	overflow: hidden; 
	position: relative;
	border: 1px solid #000;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left; border: 0; width: 440px;}

.caption { 
	background-image: url('https://www.cardealerwebs.com/templates/classy/i/captionBG.png');
	position: absolute;
	top: 0; width: 440px;
	z-index: 9999;
	height: 30px;
	color: #fff;
	text-decoration: none;
	font-family: arial;
	line-height: 28px;
	font-size: 10pt;
	padding-left: 1px;
	text-align: center;
	}

.paging {
	position: absolute;
	bottom:0px; left: 0px;
	width: 100%; height:15px;
	z-index: 100; 
	text-align: center;	
	display: none; 
}
.paging a {
	height: 10px;
	width: 10px;
	background-image: url('https://www.cardealerwebs.com/templates/classy/i/pagedot.png');
	background-repeat: no-repeat;
	text-decoration: none;
	
}
.paging a.active {
background-image: url('https://www.cardealerwebs.com/templates/classy/i/pagedotcurrent.png');
}
.paging a:hover {background-image: url('https://www.cardealerwebs.com/templates/classy/i/pagedotcurrent.png');}
