*{margin: 0 0; padding: 0 0; font-family: arial;}
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: 81c239 ( 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 {text-align: center; margin: 0px auto; padding: 0px 0px; background: #131313; background-image: url('../i/bg.jpg'); background-repeat: repeat-x; }

@font-face {
    font-family: garamond;
    src: url('https://cardealerwebs.com/templates/Journey/GARABD.ttf') format('truetype');
	src: local('Garamond'), local('Garamond'), url('https://cardealerwebs.com/templates/Journey/GARABD.ttf') format('truetype');}
.garamond{ font:21px bold italic Arial;}


a:link { color: #FFFFFF; text-decoration: none; }
a:visited { color: #FFFFFF; text-decoration: none; }
a:hover{ color: #e6d563; text-decoration: underline; }
a:active{ color: #FFFFFF; text-decoration: none; }

a.detailsButton:link{    color: #FFFFFF; border: 2px solid #ebebeb; background-color: #81c239; 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: #FFFFFF; border: 2px solid #ebebeb; background-color: #81c239; 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: #FFFFFF; border: 2px solid #ebebeb; background-color: #81c239; 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: #81c239; }
a.invRow:visited { text-decoration: none; font: 14pt/17pt tahoma; font-weight: bold; color: #81c239; }
a.invRow:hover   { text-decoration: none; font: 14pt/17pt tahoma; font-weight: bold; color: #e6d563; }
a.invRow:active  { text-decoration: none; font: 14pt/17pt tahoma; font-weight: bold; color: #81c239; }
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; }
ul.socialButtons li{ clear: left; font: 16pt/36pt arial; font-weight: bold; }
ul.socialButtons li img{ border: 0px; float: left; margin-right: 5px; }
ul.twoColumnList li{ float: left; width: 170px; }
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; }

.simVeh{ float: left; width: 140px; text-align: left; }
.simVeh img{ border: 1px solid #81c239; margin: 0px 5px 0px 0px; }

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

.fadeBg	{
			background: #282828;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222');
			background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
			background: -moz-linear-gradient(top,  #444,  #222);
		}
		
.cBorder{border: 1px solid #81c239;}

.container	{
				margin: 0px auto;
				padding-top: 0px;
				width: 950px;
			}
.ctContain	{
				margin: 0px auto;
				padding: 20px 40px 50px;
				clear:both;
				background: url('https://cardealerwebs.com/templates/Journey/i/tile.jpg') no-repeat  #000000;
			}
/*TOP MENU BAR*/	
.menuBar 	{
				width: 950px;
				margin: 0px auto;
				height: 48px;
				background-image: url('https://cardealerwebs.com/templates/Journey/i/menu_green.jpg');
			}

ul#menu 	{
				width: 100%;
				height: 48x;
				margin: 0px 0px 0px 23px;
				list-style: none;
			}

ul#menu li 	{ display: inline; }
	
ul#menu li a 	{
				display: block;
				float: left;
				height: 48px;
				background-image: url('https://cardealerwebs.com/templates/Journey/i/menu_green.jpg');
				text-indent: -9999px;
			}

ul#menu li a.home {width: 148px; background-position: -1px 0;	}
ul#menu li a.inventory {width: 176px; background-position: -148px 0;}
ul#menu li a.aboutus {width: 177px; overflow: hidden; background-position: -324px 0;}
ul#menu li a.directions {width: 192px; background-position: -501px 0;}	
ul#menu li a.contact {width: 200px; background-position: -693px 0;}

ul#menu li a.home:hover, ul#menu li a.home:focus {background-position: -1px -48px;}
ul#menu li a.inventory:hover, ul#menu li a.inventory:focus {background-position: -148px -48px;}
ul#menu li a.aboutus:hover, ul#menu li a.aboutus:focus {background-position: -324px -48px;	}
ul#menu li a.directions:hover, ul#menu li a.directions:focus {background-position: -501px -48px;}
ul#menu li a.contact:hover, ul#menu li a.contact:focus {background-position: -693px -48px;	}

a { outline: none; }
/*END MENU BAR*/

/* HEADER */
.headerPhone{
				text-shadow: #222222 2px 2px 2px;
				float: right; 
				text-align: right;
				padding-top: 6px; 
				padding-right: 10px; 
				font-size: 1.4em; 
				letter-spacing: 2pt;
				color: #ffffff;
			 }
.header 		{
				margin-left: 0px;
				background-image: url('https://cardealerwebs.com/templates/Journey/i/header_green.jpg');
				width: 950px;
				height: 274px;
			}
.header h1	{
				text-align: center;
				color: #FFFFFF;
				font-size: 4.4em;
				text-shadow: 0px 0px 3px #ffffff;
				width: 660px;
				letter-spacing: .09em;
				font-family: garamond, Verdana, Tahoma;
				margin: 0px auto;			
				text-align: center;
			}
.header span.colored {
				color: #81c239;
				font-family: garamond, Verdana, Tahoma;
			}
.header span.phone {
				float: right;
				margin-top: .8em;
				margin-right: 0.35em;
				color: #FFF;
				text-shadow: 0px 0px 3px #333;
				font-family: Verdana, Tahoma;
				font-size: 1.4em;
			}
.header h3	{
				text-align: center;
				color: #FFFFFF;
				font-size: 1.6em;
				margin-top: 90px;
				font-weight: 200;
				width: 410px;
				margin-left: 30px;
				float: left;
				text-align: right;
			}
.header h6	{
				font-size: .3em;
				letter-spacing: .3em;
			}
/* END HEADER*/

.footer		{
				clear: both;
				padding: 20px 0px;
				margin: 30px 10px 0px;
				color: #ffffff;
				width: 100%;
				background-color: #090909;
				border-top:  1px solid #81c239;;
			}

.divideBar		{
				width: 948px;
				margin-left: 10px;
				float: left;
				height: 18px;
				background-color: #282828;
			}
			 
.top8		{
				width: 610px; 
				float: left; 
				min-height: 280px;
				margin-top: 4px;
				padding-bottom: 11px; 
				padding-top: 28px;
				border-right: 1px solid #81c239;
			}
			
.quickBtn	{
				width: 256px;
				height: 75px;
				float: left;
				margin-left: 4px;
				margin-top: 4px;
			}
			
.homeBox	{
				width: 100%;
				text-align: justify;
				float: left;
				margin-top: 4px;
				color: #ffffff;
			}
.searchBox	{
				color: #FFF;
				width: 250px;
				float: left;
				padding: 10px 0px;
				margin-top: 18px;
				text-align:center;
			}
			
.searchBox span.display {
	float: right;
	margin-top: .8em;
	margin-right: 0.35em;
	color: #FFF;
	text-shadow: 0px 0px 3px #000;
	font-family: Flytrap, garamond, Verdana, Tahoma;
	font-size: 1.4em;
			}
			
.about		{
				clear: both;
				padding: 0px 45px;
				color: #fff;
				text-align: left;
			}
/* Contact Page */
.contactForm{
				float: left;
				padding: 30px 0px 0px 0px;
				color: #ffffff;
				width: 530px;
			}
.contactForm p{ margin: 1em auto; }
			
.contactHours{
				width: 260px;
				float: left;
				margin-top: 30px;
				margin-left: 55px;
				text-align: left;
				color: #FFFFFF;				
			}

.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: #ffffff;
			}
.conHoursTime{
				float: left;
				width: 105px;
				text-align: left;
				padding-bottom: 2px;
				font-weight: normal;
				font-size: 1.1em;
				color: #ffffff;
			}
/* end contact page */

		
.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: 85px; margin-left: 4px; }
.invRowValue{ float: left; width: 125px; }

.light { color: #e6d563; }
.thumb { border: 1px solid #950101; }
.navButton{ border: 0px; }

.mapForm{ color: #FFFFFF; }
.mapHeader{ color: #FFFFFF; }
.mapBubble{ color: #000000; padding: .5em; min-height: auto; min-width: auto; }

.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 #81c239; }

.detail { padding: 2px;  
		  width: 120px;
		  border: 1px solid #333333; }
		 	   
.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 { 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; }

button{
	/* display:block;
	float:left; */
	margin:0 7px 0 0;
	background-color:#f5f5f5;
	border:1px solid #bebebe;
	border-top:1px solid #cecece;
	border-left:1px solid #cecece;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	color:#565656;
	cursor:pointer;
	padding:5px 10px 6px 7px; /* Links */
}
button.noMarge{ margin: 0px; }
button, *:first-child+html button{
	width:auto;
	overflow:visible;
	padding:4px 10px 3px 7px; /* IE6 */
	padding:5px 10px 5px 7px; /* Firefox */
	line-height:17px; /* Safari */
}
button img{
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}	
button:hover{
	background-color:#ddf2bf;
	border:1px solid #a3d669;
	color:#529243;
}
button.buttonCancel:hover{
	background-color:#fbe3e4;
	border:1px solid #fab4b6;
	color:#d12f19;
}