/* CSS Document */

#page {
	margin: 5px auto;
	width: 698px;
}
#page2 {
	margin: 10px auto;
	padding:20px;
	border:1px solid #99a2be;
	border-bottom:5px solid #99a2be;
	width: 500px;
}
#pageError {
	margin: 10px auto;
	padding:20px;
	border:1px solid #CC0000;
	border-bottom:5px solid #CC0000;
	width: 500px;
}
body, td, th {
	font-family: Arial, Helvetica;
	font-size: 12px;
}
a:link, a:visited {
	color: #06cc6c;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
	color: #06cc6c;
}
h1 {
	font-size: 24px;
	padding:10px 0;
	font-weight:normal;
	margin:0;
}
h1 em {
	font-size:14px;
	font-style:italic;
}
 h2 {
	font-size: 14px;
	margin:10px 0;
	padding:0 6px;
	font-weight:normal;
	line-height:24px;
	border-top:3px double #99a2be;
	border-bottom:3px double #99a2be;
	background-color:#cccccc;
}
h4 {
	font-size: 14px;
	margin:10px 0;
	padding:2px 0;
	text-indent:6px;
	font-weight:bold;
	line-height:26px;
	border-bottom:3px double #99a2be;
	display:inline;
}
h6 {
	font-size:10px;
	margin-top:34px;
}
h3 {
	font-weight:bold;
	font-size:16px;
	margin:0;
	padding:0;
}
h3 a, h3 a:visited {
	color:#99a2be;
	text-decoration:none;
}
h3 a:hover, h3 a:active {
	color:#99a2be;
	text-decoration:underline;
}
.right {
	float: right;
	margin-left:12px;
}
.right2 {
	float: right;
	margin-left:15px;
	background-color:#cccccc;
	border:3px double #99a2be;
	padding:10px;
	font:16px;
}
.right2 a {
	color:#000000; text-decoration:none;
}
.right2 a:hover, a:active {
	color:#000000; text-decoration:underline;}
#main {
	background-image:url(../dirImages/bg_main.jpg);
	background-repeat:no-repeat;
	margin: 10px 0;
	padding-left:23px; padding-right:23px; padding-top:0; padding-bottom:0
}
#info {
	/*border:1px solid #99a2be;
	border-bottom:5px solid #99a2be;*/
	margin: 10px 0;/*
	padding:0 23px;*/
}
#info h1 {
	border-bottom:1px solid #06cc6c;
}
#info ol{
	margin:5px;
	padding:0;
}
#connect h1 {
	border-bottom:1px solid #06cc6c;
}
#connect h3 {
	font-size:20px;
	color:#99a2be;
}
.number {
	font-size:24px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#99a2be;
}
#info b {
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}
.desc {
	margin: 0 10px 0 20px;
	float: right;
	width: 350px;
	border-bottom: 3px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.desc td {
	padding:2px;
	margin: 0;
}
/*table 3 has the 3D effect cells*/	
.table3 
	{
	visibility: visible;
	width: 100%;
	position: relative;
	}
.table3 table   
	{
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent;
	}
.table3 td
	{
	background-color: #F5FAF5;
	padding: 0px 4px 0px 4px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	text-align: center;
	}
.table3 th
	{
	padding: 0px 4px 0px 4px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	background-color: #d5ddd5;
	text-align: center;
	}
	.caption 
    {
	font-size: 8pt;
	color: #666;
	}
	.table1 
	{
	width: 300px;
	background: #F6F7F2;
	border-bottom: 2px solid #999999;
	border-top: 1px solid #DDE7E8;
	border-right: 2px solid #999999;
	border-left: 1px solid #DDE7E8;
}
.button {
border: 1px solid #333;
color: #fff;
background: #EF7109;
}
.button:hover, .button:focus {
background: #333;
color: #fff;
}
/*This don't work with .net
#main form {
	margin:0;
	text-align:center;
}
*/
/*This is a quick fix*/
#mainform {
	margin:0;
	text-align:center;
}
hr {
	margin: 6px 0;
	height:1px;
	width:100%;
}
html>body hr {
	margin: 12px 0;
	height:1px;
	width:100%;
}
#footer {
	font-size: 10px;
}
/*#footer .right {
	background: #F6F9DA;
	border: 1px solid #ccc;
	/*border-bottom: 3px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 3px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px;
	width:285px;
	line-height: 250%;
}*/

#footer .right a {
	display: block;
	width:285px;
	padding: 10px 0;
	font-size: 13px;
	font-weight: bold;
	background: #f6f9da;
	float: right;
	text-align: center;
	border: 1px solid #ccc;
	}
#footer .right a:hover {
	background: #eee; /*#f1f1e5 #eee #dedecc #e5e5e5*/
	color: #99a2be;
	}
	
#footer .test a { color:#99a2be; text-decoration:none;}
.test a:hover, .test a:active { text-decoration:underline;}
input.set {
	width:120px;
}
textarea {
	height:75px;
}
.list ul {
	list-style:none;
	margin:10px 0;
	padding:0;
}
.list li{
	margin: 5px 0;
}
.list img {
	padding-right:5px;
}
#contact {
	float:right;
	background-color:#cccccc;
	border:3px double #99a2be;
	width:450px;
	padding:5px 23px;
}
#feedback {
	background-color:#cccccc;
	border:3px double #99a2be;
	width:650px;
	padding:5px 23px;
}
#feedback label  {
	width: 40px;
	float: left;
	padding: 0 0 0 0;
	margin: 0;
	text-align: left;
}
.feature {
	background-color: #F6F9DA;
	border-top: 1px dashed #333;
	border-bottom: 1px dashed #333;
	margin: 15px 0;
	padding:10px;
	line-height: 150%;
}
.dealerships_featured {
	background: #F6F9DA;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.dealerships_featured td, .dealerships td { padding:10px }
.dealerships_featured h2 {
	border:none;
	background-color:#f6f9da;
	font-weight:bold;
	text-indent:0;
	margin:0;
	color:#666666;
	font-size:16px;
}
.dealerships_featured .color, .dealerships .color{color:#666666; font-weight:normal}
.dealerships_featured h5, .dealerships h5, .salesmen h5 { margin:0; padding:0; font-weight:normal}
.dealerships h2 {
	border:none;
	background-color:#ffffff;
	font-weight:bold;
	text-indent:0;
	margin:0;
	font-size:16px;
}
.searches_div {
	margin:10px 0;
	border-top:3px double #99a2be;
	border-bottom:3px double #99a2be;
	background-color:#cccccc;
}
h5 {
	font-size:14px;
}
.alert {
	background-color:#CC0000;
	margin:10px 0;
	padding:10px;
	font-weight: bold;
	color:#ffffff
}
.alert ul { font-weight: normal; color:#ffffff}
.alert a, .alert a:visited { color:#000000; text-decoration:none;}
.alert a:hover, .alert a:active { text-decoration:underline;}
#contact .update { background-color:#cccccc }
#feedback .update { background-color:#cccccc }
.update { text-align:center; background-color:#06cc6c; padding:10px;}
#contact .update h2 { background-color:#cccccc}
#feedback .update h2 { background-color:#cccccc}
.update h2 {
	border:none;
	font-size:24px;
	color:#ffffff;
	font-weight:bold;
	background-color:#06cc6c;
}
/*.update a, .update a:visited { color:#ffffff; text-decoration:none;}
.update a:hover, .update a:active { color:#ffffff; text-decoration:underline;}*/
.salesmen {
	border-top:1px solid #cccccc;
	margin-bottom:10px;
}
.salesmen ul {
	list-style:none;
	margin:10px 0;
	padding:0;
}
.salesmen li {display:inline; margin-right:30px}

.salesmen h2 {
	border:none;
	background-color:#ffffff;
	font-weight:bold;
	text-indent:0;
	margin:0;
	color:#666666;
	font-size:16px;
}
.salesmen h6 {
font-weight:normal;
margin:5px 0 0 0;
padding:0;
font-size:12px;
}
.salesmen td { padding:10px }
.salesmen img {
	padding-right:5px;
}
.color {color:#666666; }
a.color2, a.color2:visited {color:#06cc6c; text-decoration:none; }
a.color2:hover, a.color2:active {color:#06cc6c; text-decoration:underline; }

.color2 {color:#99a2be; }

.listings {background-color:#99a2be;}
.listings2 {background-color:#cccccc;}
.listings td, .listings2 td {background-color:#ffffff;}
.listings img {padding-left:5px; }

.demo {background-color:#ffffff;border:3px double #99a2be; padding:5px}
/*index car image is 300 x 150 px*/

/* --------Leon's Css Add-on's Begins--------- */
.imgsite 
{
vertical-align:middle;
}
/*
.imgScreenShot 
{
	float: right;
}
*/
.notice {
background: #F6F7F2;
padding: 8px 8px 8px 8px;
margin: 10px 0 10px 0;
border: 1px dotted #ccc;
}
.dealerlist ul {
	list-style:none;
	margin: 5px 0 0 0;
	padding:0;
}
.dealerlist li{
	margin: 0 0 5px 0;
}
html>body .dealerlist li{
	margin: 0 0 2px 0;
}
.dealerlist img {
	padding-right:5px;
}
.dealerlist h2 {
	text-transform: uppercase;
	font-size:14px;
}
.benefits {
/*padding: 0 0 10px 23px;*/
margin: 5px 0 0 25px;
}
.benefits li {
padding: 5px 0;
line-height: 150%;
}

/*Leon start
.testleft {
float: left;
width: 330px;
padding: 0 5px 0 0;
}

.testright {
float: right;
margin: 0 0 0 10px;
width: 330px;
padding: 0 5px 0 0;
}

.testleft ul, .testright ul 
{
/*width: 200px;*/
/*height: 75px;*/
/*Leon Middle
list-style: disc;
padding: 0;
margin: 10px 0 0 20pt;
}
.testleft li, .testright li 
{
/*width: 200px;*/
/*height: 75px;*/
/*Leon End
padding: 0;
margin: 0 0 10px 0;
}
/*
.testleft h3 {
font-size: 15px;
margin: 0 0 3px 0;
}
*/
.attention {
background: #EEEEEE;
padding: 8px 8px 8px 8px;
border: 1px solid #ccc;
margin: 5px 0 5px 0;
}	
.inside {
padding: 5px 10px 15px 10px;
border: 6px solid #D5DFFF;
}
.inside li {
margin: 15px 0 10px 0;
background: url('../dirImages/arrow_right.gif') no-repeat 10px 0;
padding: 0 0 0 30px;
font-size:13px;
color:#666;
}
.inside ul {
margin: 0;
padding: 0 0 5px 10px;
list-style: none;
}
/*
.inside h5 {
/*background: url('../dirImages/arrow_right.gif') no-repeat 10px 0;*/
/*padding: 0 0 0 30px;
/*margin: 0;
/*font-style:normal;
font-variant:normal;*/
/*font-weight:normal;
font-size:13px;
color:#666;
}*/

.border {
border: 1px solid #06CC6C;
}
a.clickme, a.clickme:visited {
color:#fff;
background: #07CC6C;
text-decoration:none;
display: block;
width: 150px;
padding: 6px 0;
margin: 0 0 5px 0;
font-size: 15px;
font-weight: bold;
border: 1px solid #99a2be;
}
a.clickme:hover, a.clickme:active {
color:#111;
text-decoration:underline;
background: #999;
}


.dealerdemo {
border: 1px solid #333;
background: #ccc;
width: 330px;
height: 175px;
margin: 10px 0 10px 0;
}

.rightinfo {
	float: right;
}
.news {
background: #EEEEEE;
padding: 8px 8px 8px 8px;
border: 1px solid #ccc;
width: 260px;
margin: 20px 0 0 0;
}

#tour {
	margin: 0 auto;
	padding: 10px;
	border:1px solid #99a2be;
	border-bottom:5px solid #99a2be;
	width: 700px;
}
#tour h1 {
	font-size: 24px;
	padding:10px 0;
	font-weight:normal;
	margin:0;
}
.look {
background: #EEEEEE;
padding: 8px 8px 8px 12px;
border: 1px dotted #06CC6C;
margin: 0 0 15px 0;
}
.look h6 {
margin: 15px 0 15px 0;
font-size: 25px;
}

.submit {
width: 150px;
padding: 5px;
margin: 0;
font-size: 14px;
color:#fff;
background: #08AB5C;
border: 1px solid #333;
}

#faq 
{
margin: 15px 0 20px 35px;
}
#faq ul {
padding: 0;
margin: 0;
display:block;
list-style: none;
}
#faq li {
line-height: 23px;
text-align: left;
}
#faq a {
text-decoration: none;
font-size: 13px;
font-weight: bold;
}
#faq a:hover {
text-decoration: none;
color: #111;
text-decoration: underline;
}
#faq img {
margin: 0 20px 0 0;
float: left;
padding: 3px 0 0 0;
}
.faqtop {
text-align: left;
padding-right: 8px; 
margin: 5px 0 15px 0;
}



.infobar {
	float: left;
	width: 375px;
	margin: 5px 0 10px 0;
	padding: 7px 7px;
	/*font-size: 10px;*/
	background: #e8f0f0;
	}

.infobar li {
	float: left;
	margin: 0 7px 0 0;
	padding: 0 0 0 8px;
	border-left: 1px solid #d1d1c0;
	list-style: none;
	}

.infobar .first {
	padding-left: 0;
	border: none;
	}

/* quicknavi */
#quicknavi {
    margin: 5px 0 0 5px;
    font-size: 13px;
}
#quicknavi ul {
    list-style-type: none;
}

#quicknavi li {
    display: inline;
    padding: 0 8px 0 0;
}

.hot {
	background-color: #05CF47; /*#F8142F*/
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 10px 0;
	padding: 6px;
	font-size: 13px;
	line-height: 150%;
	text-align: center;
	color: #fff;
}

/*#IImagex {
	Z-INDEX: 100;
	Right: 472px; 
	POSITION: absolute; 
	TOP: 445px
}*/
#IImagex {
	Z-INDEX: 100;
	LEFT: 0px; 
	POSITION: relative; 
	TOP: 70px;
	margin: -30px 0 0 0;
}
.resourcelistleft {
	border: 1px solid #F5FDF8;
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	padding: 5px;  
	width: 225px;
	background-color:#F6F9DA
}
.resourcelistright {
	border: 1px solid #F5FDF8;
	display: inline;
	float: right; 
	margin: 0 0 0 10px;
	padding: 5px; 
	width: 225px;  
	background-color:#F6F9DA
}

/*
 .abc {
    background: #009900;
  }

  .abc td {
    background: #ffff00;
    padding: 20px;
    border: 2px #0000ff dotted;
  }

  .abc td.middle {
    border: 2px #ff0000 solid;
    padding-right: 25px;
  } */

#heromenu {
	CLEAR: both; BORDER-TOP: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid
}
#heromenu UL {
	padding: 0px 0px 0px 0px; 
	margin: 5px 0px; 
	list-style-type: none;
}
#heromenu UL LI {
	DISPLAY: inline;
}
#heromenu UL LI A {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	MARGIN: 5px 30px;
	/*COLOR: #777;*/
	TEXT-DECORATION: none
}
#heromenu UL LI A:hover {
	COLOR: #99a2be; TEXT-DECORATION: underline
}


#maincolumn {
	FLOAT: left; /*WIDTH: 450px; PADDING-TOP: 30px;*/
}


#maincolumn A {
	FONT-WEIGHT: bold; /*TEXT-DECORATION: underline*/
}


#maincolumn H3 {
	padding: 0 0 3px 0;
	font-weight: bold; 
	font-size: 13pt; 
	margin: 10px 0 0; 
	color: #777; 
	border-bottom: #ccc 1px solid;
}

#maincolumn H6 {
	/*padding: 0px 0px 3px 0px;*/
	font-weight: bold; 
	font-size: 11pt; 
	margin: 0 0 0 0; 
	color: #777; 
	/*border-bottom: #ccc 1px solid;*/
}


#othercolumn {
	/*FLOAT: right;*/ WIDTH: 260px
}
#othercolumn H3 {
	padding: 0px 0px 3px 0px;
	font-weight: bold; 
	font-size: 13pt; 
	margin: 10px 0px 0px; 
	color: #777; 
	border-bottom: #ccc 1px solid;
}

#othercolumn A {
	FONT-WEIGHT: bold; TEXT-DECORATION: underline
}