/* CSS Document */
/* Global 
======================================================*/
/* normalize browser defaults */
html,body,ul,p,h1,h2{margin:0;padding:0}
ul{list-style:none}
img{border:0}


html,body{height:100%}
body { background:#ddd url(../images/bg.gif) center repeat-y}
/* body{font-family:verdana,arial,geneva,sans-serif;font-size: 11px}*/
/* body{font: bold italic 1.1em/1em Times, serif;} */

body{font: 1.2em/1.1em arial,verdana,serif;}

a{color:#000}
a:hover{color:#e50000}

/* #wrapper{width:930px;padding:0 25px;margin:auto;min-height:100%;background:#fff} */
#wrapper{width:930px;padding:0 23px;margin:auto;min-height:100%;background:#fff}

.red {color: red;}

/* content 
==================================================================================*/
#content {
  font-size:11px;
  line-height:15px;
  color:#666
  }
.wide #content {
   background:0;
   padding-top:0
   }

/*misc
==================================================================================*/
#topnav {
 float:right;
/* background: {background:  url(images/topbg.gif) center repeat-y;  */
 background: url(images/topbg.gif) center top repeat-x ; 
 }
 
#tools {
 float:right;
/*  margin-top:7px; */
  margin-top:0;
  padding-right: 5px;
 }
 
.icons li {
  display:inline;
  font-size:10px;
  color:#999;
  }
  
.icons a {
  text-decoration:none;
  font-size:10px;
  color:#999;
  padding-right:5px;
  padding-left:5px;
  font: bold 1.1em/1em "trebuchet ms" tahoma, arial,verdana,serif;  
  }
  
.icons a:hover {
  color:#e50000;
  }
  
#logo {
 clear:both;
 position: relative;
 padding-left: 10px;
 }  
 
 .clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}

.red {color: red;}
 
 /* top-level navigation
==============================================================================*/
#nav {
    clear:both;
	position:relative;
	/*height: 33px; */
	/*margin-bottom: 7px; check bug on ie7*/
	list-style: none;
	}
#nav li {
    margin-top: 10px;
	float: left;
	/* margin-right: 1px; */
	height: 33px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}

#nav li a {
	display: block;
	line-height: 33px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#navShowroom {
		width: 117px;
		background: url(../images/navShowroom.gif) no-repeat;
		}
	#navServices {
		width: 99px;
		background: url(../images/navServices.gif) no-repeat;
		}
	#navParts {
		width: 170px;
		background: url(../images/navParts.gif) no-repeat;
		}
	#navFacilities {
		width: 100px;
		background: url(../images/navFacilities.gif) no-repeat;
		}
	#navAutofinancing {
		width: 146px;
		background: url(../images/navAutofinancing.gif) no-repeat;
		}
	#navInsurance {
		width: 114px;
		background: url(../images/navInsurance.gif) no-repeat;
		}
	#navCustomer {
		width: 184px;
		background: url(../images/navCustomer.gif) no-repeat;
		}
#nav li a:hover {
	background-position: 50% -33px;
	}
	#nav li a.currentSection,
	#nav li a.currentSection:hover {
		background-position: 50% -66px;
		}	
		
		
/* Content
================================================================*/

#content {
   font normal 1.1em/1em arial, verdana;
   color:#666
   }		
   
#flashmain { 
    clear:both;
	position:relative;
	height:350px;
	background-color:#fff;
	padding-top:1px;
	}

#spacer-clear {
    /*clear:both; 
	width:930px;
	*/
	height:16px;
		
	}

#spacer-bg {
    clear:both;
	height:16px;
	width:930px;
	background: url(../images/spacer-bg.gif) repeat-x;
	}

#spacer-bg2 {
    clear:both;
	height:14px; 
	width:930px;
	background: url(../images/spacer-bg2.gif) top repeat-x;
	}

#showroom-banner {
    clear:both;
	height:90px;
	width:930px;
	/*background: url(../images/showroom-banner-1.jpg) top no-repeat; */
	}

/* Info
================================================================*/

div.info {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #ddd;	
	margin: 2px;
	background: url(../images/bginfo.gif) no-repeat;
	width:305px;
	min-height: 124px;
	}
	
div.info p {
	padding: 5px;
}	
/*	
div.info img {
	margin-right:.25in;
	}

div.info h1 {
	margin-right:.50in;
	margin-top:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808080;
	}
	
div.info p {
	margin-top:1em;
	}


div.info_text p {
	margin-top:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px
	}
  */ 
  
  /* home about us
==============================================================================*/
#about {
	position: relative;
	padding: 7px;
	min-height: 124px;
	/*float: left;
	 width: 497px;*/
	overflow: hidden;
	
	}
	
	#about h2 {
		margin: 6px 0 3px;
		width: 214px;
		height: 11px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(../images/hdr-welcome.gif) no-repeat;
		}
		
	#about h3 {
		margin: 15px 0 -5px 15px;
		font: normal 1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
			
	#about p {
        /* margin: 5px 0 5px 5px; */
		font: normal 1.0em/1.45em 'lucida grande',tahoma,sans-serif;
		color: #777;
		}
		
		#about p a {
			color: #777;
			}
		#about p a:hover {
			color: #333;
			text-decoration: underline;
			background: #ffc;
			}
			
 /* home promo
==============================================================================*/
#promo {
	position: relative;
	padding: 3px;
	min-height: 124px;
	text-align: center;
	/*float: left;
	 width: 497px;
	overflow: hidden;*/

	}
	#promo h2 {
		margin: 6px 0 3px;
		width: 214px;
		height: 11px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(../images/hdr-promotions.gif) no-repeat;
		}
/*		
	#promo h3 {
		margin: 15px 0 -5px 15px;
		font: normal 1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
*/		
/*			
	#promo p {
		font: normal 1.0em/1.45em 'lucida grande',tahoma,sans-serif;
		color: #777;
		}
		
		#promo p a {
			color: #777;
			}
		#promo p a:hover {
			color: #333;
			text-decoration: underline;
			background: #ffc;
			}
*/				

 /* home quick links
==============================================================================*/
#quicklinks {
	position: relative;
	padding: 3px;
	min-height: 124px;
	/*float: left;
	 width: 497px;
	overflow: hidden;*/

	}
	#quicklinks h2 {
		margin: 6px 0 3px;
		width: 103px;
		height: 11px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(../images/hdr-quicklinks.gif) no-repeat;
		}


/* quicklinks information
==============================================================================*/
#quicklinksInfo {
	position: relative;
	float: right;
	/*right: 5px;
	 width: 369px; */
	}
	
	/*
	#quicklinksInfo a {
		color: #2388ff;
		font-weight: bold;
		}
	#quicklinksInfo a:hover {
		text-decoration: underline;
		color: #333;
		background: #ffc;
		}
	#quicklinksInfo .left {
		position: relative;
		left: 5px;
		margin-right: 5px;
		}
	#quicklinksInfo h3 {
		margin: 15px 0 -5px 15px;
		font: normal 1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
	#quicklinksInfo p {
		margin: 10px 0 5px 15px;
		font: normal 1.1em/1.45em 'lucida grande',tahoma,sans-serif;
		color: #777;
		}
	#quicklinksInfo ul {
		clear: left;
		margin: 10px 0 10px 15px;
		padding: 15px;
		list-style: none;
		font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		background: #ffc;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}
	#quicklinksInfo ul li {
		margin: 5px 0;
		}
		
			#quicklinksInfo ul {
		clear: left;
		margin: 10px 0 10px 15px;
		padding: 15px;
		list-style: none;
		font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		background: #ffc;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}
*/

#bulletList {
	position: relative;
	float: left; /* prevents margin collapse */
	/* width: 128px; */
	padding-top: 10px;
	padding-left: 3px;
	list-style: none;	
	font: bold 1.2em/1.2em 'lucida grande',tahoma,sans-serif;
	color: #777;
	}
	
	#bulletList ul {
		clear: left;
		margin: 10px 0 10px 15px;
		padding: 15px; }
	
	#bulletList li {
	   margin: 0 0 .63em;
	   padding-left: 15px;
	   margin: .09em 0;
	   list-style: none;
	   background: url(../images/icon-quick.gif) 0 50% no-repeat;
		}


#quickList {
	position: relative;
	float: left; /* prevents margin collapse */
	/* width: 128px; */
	padding-top: 10px;
	padding-left: 3px;
	list-style: none;	
	font: bold 1.0em/1.0em 'lucida grande',tahoma,sans-serif;
	color: #777;
	}
	
	#quickList ul {
		clear: left;
		margin: 10px 0 10px 15px;
		padding: 15px; }
	
	#quickList li {
	   margin: 0 0 .63em;
	   padding-left: 15px;
	   margin: .09em 0;
	   list-style: none;
	   background: url(../images/icon-quick.gif) 0 50% no-repeat;
		}
		
	/*	
	#quickList li ul {
		margin: 0 0 .63em;
		list-style: none;		
		}
		
	#quickList li ul li {
		position: relative;
		margin: 0;
		padding-left: 11px;
		font-weight: normal;
		background: url(../icon-quick.gif) 0 50% no-repeat;
		} 
		*/
#quickList a,
#quickList span {
	display: block;
	/* min-height: 1.0em;
	padding-top: .45em; */
	color: #777;
	cursor: pointer; /* forces hyperlink cursor, just in case */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-color: transparent;
	}
	#quickList span { cursor: default; }
#quickList a:hover {
	color: #2388ff;
	background: white;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

			
/* inline images
==============================================================================*/
img {
	border: 0; /* removes border in case images get have anchor around them */
	}
.inlineImage {
	text-align: center;
	font: normal 1.0em 'lucida grande',tahoma,sans-serif;
	color: #999;
	}
	.inlineImage img {
		padding: 2px;
		border: 1px solid #ccc;
		}
	.noStyle img {
		padding: 0;
		border: 0 none;
		}
.right {
	float: right;
	margin: 1.3em 0 0 2em;
	}
.left {
	float: left;
	margin: 1.1em 1.2em 0 0;
	}
.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}
			
/* footer
========================================================*/

#footer {
   clear:both;
   width:930px;
   height: 32px;
   position: relative;
   background:#ddd url(../images/footerbg.gif) center repeat-x;
   text-align: left; 
      }
	  
div.footerx {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 2px;
	width:460px;
	min-height: 32px;
	}
	
div.footerx p {
	padding: 5px;
}	


div.footerx p a {
			color: #fff;
			text-decoration: none;
			}
		div.footerx p a:hover {
			color: #333;
			text-decoration: underline;
			background: #ffc;
			}

/* content-nav
================================================================*/
div.content-wrapper {
   float: left;
   margin-right: 5px;
   /* background-color: #ddd;  */
	margin-bottom: 2px;
	margin-top: 2px;

   }

#content-nav {
   position: relative;
   width: 280px;  
   }

#content-info {
   position: relative;
   overflow:hidden; /*added*/
   width: 640px;
   }
   


div.left-panel {
	padding: 0 10px;
	/* background-color: #ebebeb; */
	margin-bottom: 5px;
	width: 280px;
	}
	
div.left-panel p {
	font-size: 1em;
	margin: 3px 0;
}



#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		
		}
		
#button li {
		border-bottom: 1px solid #cccccc;
		margin: 0;
		width: 235px;
		}
#button li.last {
	border-bottom: none;
	}

#button li a {
		display: block;
		padding: 5px;
		/*border-left: 10px solid #1958b7;
		border-right: 10px solid #508fc4; 
		background-color: #2175bc;*/
		color: #000;
		text-decoration: none;		
		font: bold 1.0em/1em tahoma, arial,verdana,serif;  
		}

#button li a:link, #button li a:visited {
        color: #000;
		}

#button li a:hover
       {
		/* border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0; 
		background-color: #2586d7;*/
		color: red;
		}
   
#button li#current a
		{
		/* border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0; 
		background-color: #2586d7;*/
		color: red;
		}


/* Round Corners
==============================================*/
/* set millions of background images */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 250px;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
/* .rbroundbox { width: 50%; margin: 1em auto; }*/
.rbroundbox { width: 250px; }

/*Display Dynamic Ads
=======================================*/
#ads {
   padding-top:20px;
   padding-bottom:5px;
   }



/* CONTENT */
	/* main content */
h1{color:#666;font-size:16px;margin-bottom:8px;}
h1 strong{color:#e50000;}
h2{font-size:11px;color:#000;margin-bottom:2px;}
h3{font-size:14px;color:#000;margin-bottom:2px;}
p{line-height:14px}
/*img.inline{float:left;margin-right:6px}
img.full{display:block}
#content,#content ul,#content p{margin-bottom:7px} */
#main ul,#car-content ul{list-style-type:square;margin-left:15px;}
#main div{margin-bottom:18px;clear:left;}


#intro{font-size:12px;line-height:16px;color:#666;margin-bottom:16px} 
#intro p{margin:0;line-height:16px;margin-top:10px;margin-bottom:18px}


/* Showroom Main Page */
#intro p{margin-bottom:18px}
#index-auto{width:637px;overflow:visible;padding-top:8px;padding-left:8px;padding-right:8px}
#index-auto ul{width:637px;clear:both}
#index-auto li{width:200px;float:left;margin-right:6px;padding-bottom:10px}
#index-auto img{display:block;width:200px;height:107px}
#index-auto div{background:url(../images/bgsm.gif) repeat-x;line-height:12px;color:#666;padding:6px 4px;font-size:11px;color:#000}
/* #index-auto strong{color:#000} */
#index-auto span{color:red}
#index-auto.wide ul{margin:0}
#index-auto.wide li{width:618px;float:none;padding-bottom:21px;	background:url(../images/bgsm.gif) 0 74px repeat-x}
#index-auto.wide div{background:transparent}
#index-auto.wide img{display:inline;float:left;margin-right:6px}

/*Index Parts */
#index-parts{width:637px;overflow:visible;padding-top:8px;padding-left:8px;padding-right:8px}
#index-parts ul{ width:637px;clear:both}
#index-parts li{width:300px;float:left;margin-right:6px;padding-bottom:10px}
#index-parts img{display:block;width:95px;height:75px}

hr {
  border:0;
  border-top: 1px solid #E19832;
  height: 0;
  background: #E19832;
}

/* #index-auto.narrow{width:382px}*/

/*
div.left-panel ul {
    border-top: 1px solid #ffffff;
	list-style: none: 
	}

div.left-panel li {
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
	}

div.left-panel li.last {
	border-bottom: none;
	}
	*/

/* TAB styling for Car Model
===============================================*/

   #tabsG {
      float:left;
      width:100%;
      /* background:#c4c4c4; */
      font-size:96%;
      line-height:normal;
      }
    #tabsG ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsG li {
      display:inline;
      margin:0;
      padding:0;

      }
    #tabsG a {
      float:left;
      background:url("../images/tableftG.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;	  
      text-decoration:none;
      font: bold 1.0em/1.1em tahoma, arial,verdana,serif;
      }
    #tabsG a span {
      float:left;
      display:block;
      background:url("../images/tabrightG.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsG a span {float:none;}
    /* End IE5-Mac hack */
    #tabsG a:hover span {
      color:#FFF;
      }
    #tabsG a:hover {
      background-position:0% -42px;
      }
    #tabsG a:hover span {
      background-position:100% -42px;
      }

        #tabsG #current a {
                background-position:0% -42px;
        }
        #tabsG #current a span {
                background-position:100% -42px;
        }

/* 
table {
   margin: 0 auto;   
   }

*/

/*TAB FOR CAR HIGHLIGHTS
======================================*/
#hilite ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#hilite ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#hilite ul li a {
        background: #fff;
        width: 140px;
        height: 18px;
        border-top: 1px solid #f5d7b4;
        border-left: 1px solid #f5d7b4;
        border-bottom: 1px solid #f5d7b4;
		border-right: 1px solid #f5d7b4;        
        padding: 0;
        margin: 0 0 10px 0;
        /*color: #f5d7b4;*/
		color: #6a5a48;
        text-decoration: none;
        display: block;
        text-align: center;
        font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#hilite ul li a:hover {
        color: #930;
        background: #f5d7b4;
}

#hilite a:active {
        background: #c60;
        color: #fff;
}

#hilite li#active a {
        background: #c60;
        border: 1px solid #c60;
        color: #fff;
}

.hilite_oil {
   background: #fff;
   padding:10px 15px;
   width: 600px;
   display:block;
   clear:both;
   text-align: left;
   margin:0 auto;
   }

.hilite_chem {
   background: #fff;
   padding:10px 15px;
   width: 600px;
   display:block;
   clear:both;
   text-align: left;
   margin:0 auto;
   }

.hilite_styling {
   background: #f2f2f2;
   padding:10px 15px;
   width: 600px;
   display:block;
   clear:both;
   text-align: left;
   margin:0 auto;
   }

.hilite_comfort {
   background: #e8e6e4;
   padding:10px 15px;
   width: 600px;
   display:block;
   clear:both;
   text-align: left;
   margin:0 auto;
   }

.hilite_power {
   background: #f2f2f2;
   padding:10px 15px;
   width: 600px;
   display:block;
   clear:both;
   text-align: left;
   margin:0 auto;
   }

.hilite_safety {
   background: #e8e6e4;
   padding:10px 15px;
   width: 600px;
   display:block;
   clear:both;
   text-align: left;
   margin:0 auto;
   }

.short_specs {
   background: #fff;
   padding:10px 15px;
   width: 600px;
   display:block;
   clear:both;
   text-align: left;
   margin:0 auto;
   }

 .full_specs {
   background: #fff;
   padding:10px 15px;
   width: 600px;
   display:block;
   clear:both;
   text-align: left;
   margin:0 auto;
   }

/* column 1
=====================================*/
#column {
   position: relative;
   width: 300px;    
   margin-top: 20px;
   padding:top: 20px; 
   padding-bottom:5px;
   
   }

div.gallery {
 text-align: center;
 padding: 20px;
 }

 /*form styling
 ==================================*/
 .allborder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	border: 1px solid #666666;
}
form{
	margin-bottom:0px;
	
}

.arialblack {
	padding-top:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}
.feature-heading {display: block;	background: #E6E5E5 url(../images/service-feature-title.gif) 0 0 repeat-x; padding: 5px 0 5px 10px; @padding: 5px 0 4px 10px; font-size: 0.9em; margin: 0 0 0 0; color: #333; font-weight: bold;} /* IE hack */	

.contact {
background: transparent url(../images/contact.gif) no-repeat left;
padding: 0 0 0 20px;
font-weight: bold;
} 

/*Job Opening*/

div#careers{width:550px;margin: 0 auto;
    font: 90% Arial,sans-serif;text-align:left}


dl{width: 100%;overflow: auto;margin: 0 0 1em;
    background: url(dot.gif) repeat-x 0 1.2em}
dt{background: #FFF;font-size: 120%;font-weight: bold;}
dt{float: left;padding-right: 3px;color:#333333;}
dd{margin:0}
dd.jobdetails{float: left;width: 100%;padding: 3px 0;
   font: normal 100% Arial,Times,sans-serif;color: #555}

div.bullet-square ul {
list-style-type: square; padding: 0; margin-left: 20px; 
}