

   
/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin: 0; 
	font: .7em/1.5em verdana, arial, sans-serif;
	/*font: 12px Trebuchet MS, Sans-Serif;*/ 
	
	background: #000 url(../images/BG1.png); 
	color: #454545; 
}

a:link { color: #3399CC;}
a:visited { color: #3399CC;}
a:hover { color: #6C757A;}

h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FFF; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; text-decoration: underline; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #3399CC; background: inherit; }
h5 { 
	font: 16px verdana, arial, sans-serif;
	padding: 0 0 0 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #336699;
	font-weight: bold;
}



	
a { outline: none; }

p {	margin: 2px 0 5px 10px; }

ul { margin: 0; padding : 0; list-style : none; }

/*li { margin: 0; padding : 0 0 0 10px; list-style : none; }*/

li { margin: 0; padding : 0; list-style : none; }

.paginat {margin: 2px 0 5px 10px; font-size: 12px; }

/*
form { 	margin: 0; }

input.search { 
	width: 292px; 
	border: 0;
	background: #FFF url(../images/input.gif) no-repeat;
	padding: 4px; 
	color: #E0691A;
	font-weight: bold;
}

input.submit {
	background: #E0691A url(../images/submit.gif) no-repeat;
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}

input.login { 
	width: 150px;
	border: none; 
	
	padding: 4px; 
}
*/

/* layout
   ------ */

#topbar {
	height: 30px;
	/*background: #336699 url(../images/barbg.png) repeat-x;
	border-bottom: 3px solid #336699;*/
}
	
	#topbar a { 
		font-weight: bold;
		color: #FFF; 
		padding: 7px 10px 6px 10px;
		text-decoration: none;
		outline: none;
	} 
	
 	
	#topbar a:hover { 
		color: #3399cc;
		padding: 9px 10px 7px 10px;
		outline: none;		
	}



#topbar p {
	margin: 0 auto;
	padding-top: 10px;
	width: 780px;
	font: 1em verdana, arial, sans-serif;
	color: #fff;

	}



#content { 
	margin: 0 auto;
	width: 780px;
	padding: 3px; 
	background-color: #fff;
	border-top: 5px solid #336699;
	border-right: 5px solid #336699;
	border-left: 5px solid #336699;
	border-bottom: 7px solid #336699;
	
}

/* HEADER IMAGES START */
#headermain { 
	color: #808080;
	margin: 3px 0;
	padding: 0 0 0 0;
	background: #fff url(../images/top_images/store.png) no-repeat;
	width: 780px;
	height: 206px;
}


#headermainaccent { 
	color: #808080;
	margin: 3px 0;
	padding: 0 0 0 0;
	background: #fff url(../images/top_images/accent.png) no-repeat;
	width: 780px;
	height: 206px;
}

#headermainazera { 
	color: #808080;
	margin: 3px 0;
	padding: 0 0 0 0;
	background: #fff url(../images/top_images/azeura.png) no-repeat;
	width: 780px;
	height: 206px;
}

#headermainsantafe { 
	color: #808080;
	margin: 3px 0;
	padding: 0 0 0 0;
	background: #fff url(../images/top_images/santafe.png) no-repeat;
	width: 780px;
	height: 206px;
}


#headermainelantra { 
	color: #808080;
	margin: 3px 0;
	padding: 0 0 0 0;
	background: #fff url(../images/top_images/elantra.png) no-repeat;
	width: 780px;
	height: 206px;
}


#headermainsonata { 
	color: #808080;
	margin: 3px 0;
	padding: 0 0 0 0;
	background: #fff url(../images/top_images/sonata.png) no-repeat;
	width: 780px;
	height: 206px;
}


#headermaintiburon { 
	color: #808080;
	margin: 3px 0;
	padding: 0 0 0 0;
	background: #fff url(../images/top_images/tib.png) no-repeat;
	width: 780px;
	height: 206px;
}


#headermaintucson { 
	color: #808080;
	margin: 3px 0;
	padding: 0 0 0 0;
	background: #fff url(../images/top_images/tucson.png) no-repeat;
	width: 780px;
	height: 206px;
}

#headermainentourage { 
	color: #808080;
	margin: 3px 0;
	padding: 0 0 0 0;
	background: #fff url(../images/top_images/entourage.png) no-repeat;
	width: 780px;
	height: 206px;
}

#headermainveracruz { 
	color: #808080;
	margin: 3px 0;
	padding: 0 0 0 0;
	background: #fff url(../images/top_images/veracruz.png) no-repeat;
	width: 780px;
	height: 206px;
}

#headermaingenesis { 
	color: #808080;
	margin: 3px 0;
	padding: 0 0 0 0;
	background: #fff url(../images/top_images/genesis.png) no-repeat;
	width: 780px;
	height: 206px;
}

#headermainelantratouring { 
	color: #808080;
	margin: 3px 0;
	padding: 0 0 0 0;
	background: #fff url(../images/top_images/elantratouring.png) no-repeat;
	width: 780px;
	height: 206px;
}


#headerservice { 
	color: #808080;
	margin: 3px 0;
	padding: 0 0 0 0;
	background: #fff url(../images/top_images/service.png) no-repeat;
	width: 780px;
	height: 206px;
}



/* HEADER IMAGES END */


.top_info {
	float: right;
	width: 310px;
	padding: 5px 0 4px 0;
	margin-top: 56px;
	border-bottom: 1px solid #eee;
	background: #eee;
	color: #808080;
}

	.top_info_left {
		width: 200px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 290px;
		padding: 0 10px 0 0;
		border-left: 1px solid #eee;
		clear: all;
	}

.browse_category  {
	width: 90px;
	color: #FFF;
	background: inherit;
	}



#logo {
	background: url(../images/Ghlogo.gif) no-repeat;
	margin: 0 0 0 15px;
	padding: 0;
	width: 279px;
	height: 100px;
	}
	
.logowords {
	padding: 5px 0 0 250px;

}

#cars {
	position:absolute;
	padding: 0;
	margin: -75px 0 0 270px;
	background: #fff url(../images/cars.png) no-repeat;
	width: 500px;
	height: 77px;

}

.bar { 
	clear: both;
	height: 30px; 
	color: #FFF;
	margin: 0 0 0 0px; 
	background: #3399CC url(../images/barbg.png) repeat-x;
	z-index:100;
}

/* ---------------------------------------------------

	.bar ul {
		margin:0;
		padding:0 0 0 10px;
		list-style-type: none;
	
	}

	.bar li { 
		margin: 0; 
		padding:7px 0 0 0;
		color: #FFF;
		background: #3399CC url(../images/barbg.png) repeat-x;
		display:block;
		float: left; 
	}
	
	.bar li.active { 
		background: #A9C0CE url(../images/bar.gif) no-repeat center top; 
		color: #fff;
		padding: 5px 0 8px 0;
	}
	
	.bar li a { 
		font-weight: bold;
		color: #FFF; 
		padding: 7px 10px 6px 10px;
		background: inherit;
		text-decoration: none;
	} 
	
 	


	.bar li a:hover { 
		background:  url(../images/bar.gif) no-repeat center top; 
		color: #333;
		padding: 9px 10px 7px 10px;
		
	} 

--------------------------------------*/

	
	
	
.search_field { 
	background: #fff; 
	color: #000;
	clear: both;
	font-weight: normal;
	padding: 7px 25px 10px 10px;
	margin: 5px 0;
}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form { float: right; }

.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}





/* left side
   --------- */

.left {
	float: left;
	width: 65%;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #fff;
}



/*.left h3 {
	clear: both;
	color: #336699;
	border-bottom: #3399cc 2px solid;
	height: 16px;
	padding: 20px 0 2px 2px;
	font: bold 12px verdana, arial, sans-serif;
	margin: 0;
	}
*/
.left h4 {
	clear: both;
	color: #336699;
	border-top: #3399cc 2px solid;
	height: 16px;
	padding: 4px 0 2px 2px;
	font: bold 14px verdana, arial, sans-serif;
	margin: 0;
	}


.left strong {
	font: bold 1em verdana, arial, sans-serif;
	margin: 0;
	color: #006699;
}


.left h3.red {
	clear: both;
	color: #cc0000;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

	.left_side {
		float: left;
		width: 200px;
		height: 160px;
		padding: 0 5px 10px 10px;
		margin-top: -20px;
	}
	
	/*.right_side a { color: #336699; background: #FFF; padding: 2px 2px;}
	.right_side a:hover { color: #fff; background: #336699; }*/


	.left_side_index {
		float: left;
		width: 160px;
		padding: 7px 0 0 5px;
		margin: 0;
	}

		
	.right_side {
		float: right;
		width: 255px;
		height: 140px;
		padding: 7px 0 0 3px;
		background-color: #fff;
	}
		
	.left_box { margin: 0 0 0 0; color: #000; background: #FFF; padding: 0 4px 0 2px; }
	
	.left_box p {padding: 3px 5px;}
	
	
	
		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 34.6%;
	margin: 5px 0 10px 0;
	background-color: #fff;
}

.right h3 {
	background: #6C757A  url(../images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

	.right_articles {
		/*background: #f5f5f5;*/
		background: #fff;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
	
}

.footer a { color: #808080; background: #fff; }




			#navcontainer
			{
			position:absolute;
			margin: -102px 0 0 400px;
			padding: 0;
			height: 20px;
			border-right:1px solid #336699;
			}
			
			html>body #navcontainer {
			margin: -105px 0 0 400px;
			}


			#navcontainer ul
			{
			border: 0;
			margin: 0;
			padding: 0;
			list-style-type: none;
			text-align: center;
			}
			
			#navcontainer ul li
			{
			display: block;
			float: left;
			text-align: center;
			padding: 0;
			margin: 0;
			}
			
			#navcontainer ul li a
			{
			background: #fff;
			width: 78px;
			height: 18px;
			border-top: 1px solid #336699;
			border-left: 1px solid #336699;
			border-bottom: 1px solid #336699;
			border-right: none;
			padding: 0;
			margin: 0 0 0 0;
			color: #336699;
			text-decoration: none;
			display: block;
			text-align: center;
			font: normal 10px/18px verdana, lucida, sans-serif;
			}
			
			#navcontainer ul li a:hover
			{
			color: #fff;
			background: #336699;
			}
			
			.navcontainer a:active
			{
			background: #336699;
			color: #fff;
			}
			
			#navcontainer li#active a
			{
			background: #336699;
			border: 1px solid #336699;
			color: #fff;
			}

  
  
  
  /* ------------------------------
  #container {
  	position: absolute;
	margin: -24px 0 0 400px;
	padding: 0 0 0 0;
	}


#menu {
  text-align:center;
  }
  
  
.box {
  float:left; 
  margin-top:0;
  }
#menu a, #menu a:visited {
  position:relative; 
  text-decoration:none; 
  background-color:#A9C0CE; 
  color:#fff; 
  display:block; 
  width:70px; 
  height:15px; 
  padding:5px 5px 5px 5px;
  margin:0 1px;
  }
  
 html>body #menu a, #menu a:visited {
  padding:5px 5px 7px 5px;
}
 
#menu a .topleft, #menu a .topright {
  position:absolute; 
  top:0; 
  width:0; 
  height:0; 
  overflow:hidden;
  border-top:10px solid #fff;
  }
#menu a .topleft {
  left:0; 
  border-right:10px solid #A9C0CE; 
  }
#menu a .topright {
  left:70px; 
  border-left:10px solid #A9C0CE; 
  }
#menu a:hover {
  background-color:#000; 
  }
#menu a:hover .topleft {
  border-right:10px solid #000; 
  border-top:10px solid #fff;
  }
#menu a:hover .topright {
  border-left:10px solid #000; 
  border-top:10px solid #fff;
  }

-------------------------------------*/
  
  /*email form shit*/
  

		
		
	.emaillist{
	margin: 0 0 -10px 0;
	padding: 5px 20px 20px 30px;
	color: #666;
}

.emaillist li{
	color: #666;
	list-style-type:none;
	text-transform:none;
	background: #fff url(../images/icons/email.png) no-repeat 0 7px;
	padding-top: 5px;
}




.emaillist a:link, .emaillist a:visited {	
	font: 11px Arial, Helvetica, Sans-Serif;
	line-height: 18px;
	color: #666;
	text-decoration: none;
	padding-left: 22px;
	}


.emaillist a:hover {	
	font: 11px Arial, Helvetica, Sans-Serif;
	line-height: 18px;
	color: #3399CC;
	text-decoration: none;
	padding-left: 22px;
	}
	
.emaillist a:active {	
	font: 11px Arial, Helvetica, Sans-Serif;
	line-height: 18px;
	color: #666;
	text-decoration: none;
	padding-left: 22px;
	}	


	
.errorlist{
	margin: 0 0 -10px 0;
	padding: 5px 20px 5px 40px;
	color: #EE2C2C;
}

.errorlist li{
	color: #EE2C2C;
	list-style-type:none;
	text-transform:none;
}



/* FORM Styles */


form {
	margin: 0;
	padding: 0;

}

label {
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	
	display: block;
	}

.radiod {
	margin: 0;
	padding: 2px 0 2px 15px;
}


.radiod input {
	margin:0 4px 0 0;
	padding: 0;
	border: 0;
	color: #666;
}

.radio {
	margin: 0;
	padding: 2px 0 2px 15px;
}


.radio input {
	margin:0 4px 0 0;
	padding: 0;
}


.submit input {
	color: #FFF;
	background: #A9C0CE;
	font-weight: bold;
	font-size: 9px;
	border: 1px solid #CCC;
	margin-left: 200px;
	}

*:first-child+html .submit input {margin-left: 219px;}
	

.submit2 input {
	color: #FFF;
	background: #A9C0CE;
	border: 1px solid #000;
	width: 100px;
	}

	
fieldset {
	border: #A9C0CE 1px solid;
	width: 460px;
	margin-left: 10px;
	padding-top: 5px;
	}

	html>body fieldset {
   padding-top: 0;
   margin-top: 5px;
   }


legend {
	color: #fff;
	font-weight: bold;
	background: #A9C0CE;
	border: 1px solid #CCC;
	padding: 2px 6px;
	}



#picturebox { 
	float: right;
	margin: 0 5px 0 0;
	padding: 3px 0 15px 0;
}



.img-ilus {
	margin: 5px 0 0 0;
	padding: 0;
	outline: none;
}

.img-ilus a img {
		outline: none;
		border: none;
		}

.img-ilus a:visited img {
		outline: none;		
		border: none;
		}

.img-ilus a:hover img {
		outline: none;		
		border: none;
		}

.img-ilus a:active img {
		outline: none;
		border: none;
		}




/*
#menu {list-style-type:none; margin:0; padding:0;}
#menu li {float:left; padding:0; margin:0; position:relative; width:80px; height:30px; z-index:100; text-align: center;}

#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:20px;}
#menu li:hover dt, #menu li a:hover dt {background:  url(../images/bar.gif) no-repeat center top; text-align: center;}


#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 80px; margin: 0; padding: 0; text-align:center; cursor:pointer;}
#menu dt {margin:0; padding: 5px 0 8px 0; font-weight: bold; color: #fff; text-align: center;}
#menu .one {background: #transparent url(top.gif) no-repeat top left;}

#menu dd {margin:0; padding:0 0 0 5px; color: #fff; background: #336699; text-align:left; width:185px;}

.gallery dt a, .gallery dt a:visited {display:block;}
.gallery dt a, .gallery dt a:active {background: #A9C0CE url(../images/bar.gif) no-repeat center top;}

.gallery dd a, .gallery dd a:visited {color:#000; text-decoration:none; display:block; margin:0; padding:0 5px 4px 10px;
background: #fff url(arrow.gif) no-repeat 10px 10px; width:170px;
}
.gallery dd a:hover {background: #258 url(arrowr.gif) no-repeat 11px 10px; color:#fff;}
*/



 /* MENU 2 */
.menu2 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px; margin:0; 
}
.menu2 ul {
padding:0;margin:0;list-style-type:none;
}
.menu2 ul li {
float:left; position:relative; z-index:200; 
}
.menu2 ul li.group {display:block; text-indent:10px; color:#ff0; width:172px; padding:4px 0;}

.menu2 ul li a, .menu2 ul li a:visited {
float:left; display:block; text-decoration:none; color:#fff; font-weight: bold; padding:0px 10px; line-height:25px; height:30px;
}

.menu2 ul li:hover {width:auto;}

.menu2 ul li a:hover {background:#A9C0CE; color:#000;}

.menu2 ul li:hover a {background:#A9C0CE; color:#000;}

.menu2 ul li ul {
display: none;
}
.menu2 table {
margin:0; padding:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

.small {font-family: verdana, arial, sans-serif; font-size:9px;}


/* specific to non IE browsers */
.menu2 ul li:hover ul {
display:block; position:absolute;top:29px; background:#A9C0CE; margin-top:1px; left:0; width:204px; /*controls width of year*/
}

.menu2 ul li:hover ul.scroller {
height:138px; width:172px; overflow:auto;}

.menu2 ul li:hover ul.endstop {
left:-90px;
}
.menu2 ul li:hover ul li ul {
display: none;
}
.menu2 ul li:hover ul li a {
display:block; background:#A9C0CE; color:#fff;height:auto;line-height:15px;padding:4px 16px; width:172px; /*changes the width of the drop down for FF*/
}
.menu2 ul li:hover ul li a.drop {
background:#888;
}
.menu2 ul li:hover ul li a:hover {
color:#ff0; background: #888;
}
.menu2 ul li:hover ul li a:hover.drop {
background: #888; color:#ff0;
}
.menu2 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-70px; color:#000; left:152px; height:138px; width:172px; overflow:auto; background:#888;
}
.menu2 ul li:hover ul li:hover ul li a {background:#888;}
.menu2 ul li:hover ul li:hover ul li.group {width:152px; padding:5px 0;}


.menu2 ul li:hover ul li:hover ul.left {
left:-172px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#666; color:#0ff;}



/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:29px; background:#A9C0CE;left:0; marg\in-top:1px;
}
.menu2 ul li a:hover ul.scroller {
height:138px; overflow:auto;}

.menu2 ul li a:hover ul.endstop {
left: -90px;
}
.menu2 ul li a:hover ul li a {
display:block; background:#A9C0CE; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:172px; w\idth:172px; /*changes the width of the drop down for IE*/
}
.menu2 ul li a:hover ul li a.drop {
background:#888; padding-bottom:5px;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu2 ul li a:hover ul li a:hover {
color:#ff0; background: #888;
}
.menu2 ul li a:hover ul li a:hover.drop {
 background: #888; color:#ff0;
}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:138px; width:170px; overflow:auto; background:#888;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#666; color:#0ff;}


.left {clear:both;}



	.lightbox {

		padding: 10px 40px;

		margin: 0;

		}



	.lightbox a img {

		color: #3399cc;

		background-color: #fff;

		outline: none;

		border: 1px solid #3399CC;

		}

	

	.lightbox a:visited img {

		color: #fff;

		background-color: #fff;

		outline: none;		

		border: 1px solid #3399cc;

		}

	

	.lightbox a:hover img {

		color: #fff;

		background-color: #3399cc;

		outline: none;		

		border: 1px solid #666;

		}

		

	.lightbox a:active img {

		color: #808080;

		background-color: #fff;

		text-decoration: underline;

		outline: none;

		border: 1px solid #3399CC;

		}
		


/* used car link button */


a.afcsbrollover {

    display: block;

    width: 237px;

    height: 173px;

    background: url(../images/afcstarburst.png) 0 0 no-repeat;

    text-decoration: none;

}

 

a:hover.afcsbrollover {

    background-position: -237px 0;

}	


	