/*===================GLOBAL================== */

*{ margin:0px; padding:0px; color:#575757;}

html,body{ width:100%; height:100%; font-family:arial, sans-serif; font-size:11px; background-color:#efefef; }

a{ text-decoration:none; color:#ff8402; font-weight:bold;}
a:hover{ color:#d8320a;}

img{ border:0px;}

ol,ul{ list-style:none;}

h1{ color:#808080; font-size:24px; width:auto;}
h2{ color:#808080; font-size:14px}
h3{ color:#808080; font-size:14px}
/*===================GLOBAL CLASS================== */

.cleaner{ clear:both;}

.left{ width:auto; height:auto; float:left;}
.right{ width:auto; height:auto; float:right;}
.hidden{ display:none;}
.pdflink{ text-decoration:underline; background:url(../graphics/icon/pdf.gif) left center no-repeat; padding:10px 0px 10px 45px;}
.text{ color:#575757;}

/*===================LAYOUT================== */

#layout{ width:968px; height:auto; margin:0px auto; background:#e3e3e3; border:#FFFFFF 1px solid; padding:12px; position:relative;}
#smalllayout{ width:700px; height:auto; background:#FFFFFF; margin:0px auto; min-height:600px;}

#layout #header{ width:968px; height:55px; background:#FFFFFF; position:absolute; top:13px; left:12px; z-index:5;}
	#layout #header .dealername{ width:auto; height:auto; float:left; margin:8px 0px 0px 15px;}
	#layout #header .logo{ width:auto; height:auto; float:right; margin-right:70px;}

#smalllayout #header{ width:auto; height:55px; background:#FFFFFF; border-bottom: #CCCCCC 3px solid; border-top: #CCCCCC 3px solid;}
	#smalllayout #header .dealername{ width:auto; height:auto; float:left; margin:8px 0px 0px 15px;}
	#smalllayout #header .logo{ width:auto; height:auto; float:right; margin-right:70px;}
	
#smalllayout #main{ width:auto; height:auto; background:#FFFFFF; position:relative; padding:15px;}

#layout #main{ width:auto; height:auto; background:#FFFFFF; position:relative; padding-bottom:15px; margin-top:55px;}
#layout #mainhistoryflash{ width:967px; height:491px; background:#FFFFFF; position:relative; padding-bottom:15px; margin-top:55px;}
#layout #maingalleryflash{ width:967px; height:364px; background:#FFFFFF; position:relative; padding-bottom:15px; margin-top:55px;}
#layout #mainhitlistflash{ width:967px; height:542px; background:#FFFFFF; position:relative; padding-bottom:15px; margin-top:55px;}
	#layout #main #bannerhome{ width:967px; height:360px; margin-bottom:70px; position:relative; margin-top:4px;}
	#layout #main #banner{ width:967px; height:300px; position:relative;}
	#layout #main #bannernewcars{ width:967px; height:364px; position:relative;}
	
	#layout #main .welcome{ width:200px; height:200px; position:absolute; top:110px; left:60px; z-index:1; color:#FFFFFF;}
	#layout #main .welcome p{ color:#FFFFFF; margin:3px 0;}
	#layout #main #promo{ position:absolute; top:20px; right:30px; z-index:1;}
	#layout #main #promo1{ position:absolute; top:50px; right:30px; z-index:1;}
	#layout #main #promo2{ position:absolute; top:10px; left:125px; z-index:1;}
	#layout #main #promo3{ position:absolute; top:200px; left:-25px; z-index:1;}
	#layout #main .mininav{ position:absolute; top:310px; left:60px; z-index:1; color:#FFFFFF;}
	#layout #main .mininav ul li a{ color:#808080; font-size:14px;}
	#layout #main .mininav ul li a:hover{ color:#d8320a;}
	/*===================COL1 layout================== */

	#layout #main .col1{ width:650px; height:auto; min-height:200px; margin-left:125px;}
		#layout #main .col1 .contentarea{ width:100%; height:auto; padding-top:10px; margin-top:10px;}
		#layout #main .col1 .contentarea p{ margin:10px 0px;}
		#layout #main .col1 .contentarea .link{ width:240px; height:60px; float:right; clear:right; margin-left:30px;}
		#layout #main .col1 .contentarea .link a{ background:url(../graphics/icon/link.gif) 2px left no-repeat; padding-left:25px; font-size:13px;}
		#layout #main .col1 .contentarea .link a:hover{ background:url(../graphics/icon/link_hover.gif) 2px left no-repeat;}
		
		#layout #main .col1 .contentarea ul{ padding-top:25px;}
		#layout #main .col1 .contentarea ul li{ padding-bottom:25px;}
		
		#layout #main .col1 .contentarea .shortitem{ width:200px; height:auto; margin-bottom:10px; display:list-item; list-style:none;}
		#layout #main .col1 .contentarea .item{ width:auto; height:auto; /*float:left;*/ margin-bottom:10px; display:list-item; list-style:none;}
		#layout #main .col1 .contentarea .item h1{ width:100px;}
		#layout #main .col1 .contentarea .itemdetail{ width:auto; height:auto; margin-bottom:10px; display:list-item; list-style:none; float:left;}
		#layout #main .col1 .contentarea .itemimage { width:200px; float:right;}
		#layout #main .col1 .contentarea .itemimage img { width:200px; height:auto; margin-bottom:15px; }
	#layout #main .col1directions{ width:650px; height:auto; min-height:200px; margin-left:245px;}	

	#layout #main .col1home{ width:900px; height:auto; margin:0px auto; margin-top:35px;}
		#layout #main .col1home h3{ width:auto; height:auto; text-align:center;}
		#layout #main .col1home p{ text-align:center; /* color:#808080; */}	
	/*===================COL3 layout================== */
	
	#layout #main .col3{ width:300px; height:auto; float:left; margin-left:15px; position:relative;}
		#layout #main .col3 img{ width:128px; height:92px; float:left;}
		#layout #main .col3 .text{ width:160px; height:auto; float:right;}
		#layout #main .col3 h3{ width:160px; height:auto; float:right; margin-bottom:5px;}
		#layout #main .col3 .text p{ color:#575757; margin-bottom:5px;}

	#layout #main .textcol5{ width:170px; height:auto; float:left; margin-left:17px;}
		#layout #main .textcol5 .text{ width:auto; height:auto; float:right;}
		#layout #main .textcol5 h2{ width:auto; height:auto; float:right; margin-bottom:5px;}
			#layout #main .textcol5 h2 a{}
			#layout #main .textcol5 h2 a:hover{}
		#layout #main .textcol5 .text p{ color:#575757; margin-bottom:5px;}

	/*===================COL4 layout================== */
	#layout #main .col4{ width:225px; height:100px; float:left; margin-left:5px; margin-top:5px; position:relative; background-color:#efefef; padding:5px}
		#layout #main .col4 .text{ width:200px; height:50px; position:relative;}
		#layout #main .col4 h2{ width:200px; height:auto;  margin-bottom:15px;}
			#layout #main .col4 a{}
			#layout #main .col4 a:hover{}
		#layout #main .col4 .text p{ color:#575757;}	
		//home page car mini list
		#layout #main .col4 .text ul{ width:auto; height:auto; position:relative;}
			#layout #main .col4 .text ul li{ width:auto; height:auto; border-bottom:#999999 1px dotted; position:relative;}
				#layout #main .col4 .text a{ color:#808080; }
				#layout #main .col4 .text a:hover{ color:#d8320a;}
				#layout #main .col4 .text li .fullspec{ width:301px; height:142px; display:none; top:-140px; left:40px; z-index:100; background:url(../graphics/tool-tip.png) top left no-repeat; padding:5px 10px;}
					#layout #main .col4 .text li:hover .fullspec{ display:block; position:absolute; }
				#layout #main .col4 .text li .fullspec .labels{ width:90px; height:auto; float:left;}
					#layout #main .col4  li .fullspec .labels li{ border:none; font-weight:bold; padding-bottom:2px;}
					#layout #main .col4 li .fullspec .details { width:180px; height:auto; float:left;}
					#layout #main .col4 li .fullspec .details li{ border:none; font-weight:bold; padding-bottom:2px;}
					
	/*===================DEALER MAP/ADDRESS/OPEN HOURS================== */
	#layout #main #address{ position: absolute; height:200px; top:40px; left:40px}
	#layout #main #address p{ margin-bottom:10px;}
	#layout #main #googleMap{ border: #cccccc 1px solid; position: absolute; background-color: #ffffff; padding:10px 10px 0px 10px; height:280px; top:10px; left:245px;}
	#layout #main .map{}	
	#layout #main #directions{}
	#layout #main #mapDirections{ width:485px; height:auto; background:url(../graphics/background/map_directions_bg.png) top left no-repeat; padding:10px}	
		#layout #main #mapDirections h1{ width:190px; height:auto; float:left;}
		#layout #main #mapDirections form{ width:auto; height:auto; float:right; padding-top:5px;}
	#layout #main #openhours{}	

/*===================FOOTER================== */
#layout #footer{ width:auto; height:20px;}
	#layout #footer .menu{ width:auto; height:auto; float:left;}
	#layout #footer .menu ul{ padding:4px;}
	#layout #footer .menu ul li{ display:inline;}
	#layout #footer .menu ul li a{ color:#808080; font-size:0.9em; line-height:1.5em; font-weight:bold; padding-right:5px;}
	#layout #footer .menu ul li a:hover{ color:#000;}
	
	#layout #footer .sidemenu{ width:auto; height:auto; float:right;}
	#layout #footer .sidemenu ul{ padding:4px;}
	#layout #footer .sidemenu ul li{}
	#layout #footer .sidemenu ul li a{ color:#808080; font-size:0.9em; line-height:1.5em; font-weight:bold;}
	#layout #footer .sidemenu ul li a:hover{ color:#000;}
/*===================FORMS================== */

#form { width:670px; height:auto;}
#form h3 { width:100%; height:auto; border-top: #CCCCCC 1px solid; padding-top:10px; padding-left:10px; margin-top:15px; clear:both;}
#form p { margin-left:0px; padding:5px 0px 10px 10px; width:315px; height:30px; float:left;}
#form p.small { margin-left:0px; padding:5px 0px 10px 10px; width:150px; height:30px; float:left; vertical-align:middle;}
#form p.long { margin-left:0px; padding:3px 0px 3px 10px; width:670px; height:auto; float:left; vertical-align:middle;}
#form label { font-weight:normal;}
#form p.long label { font-weight:normal; width:170px; float:left; margin-right:10px;}
#form input[type="text"] { width:100%; margin-top:2px; clear:left;}
#form p.long input[type="text"] { width:100px; margin-top:2px; clear:none;} 
#form p.small input[type="text"] { width:50px; margin-top:2px; margin-right:80px; clear:none;} 
#form p.small select { width:120px; margin-top:2px; clear:none;} 
#form .submit{ width:100%; height:auto; border-top:#CCCCCC 2px solid; margin-top:10px; text-align:right; padding:3px; clear:both;}

#form textarea.cantfind{ width:450px; height:55px}
#form textarea.contact{ width:450px; height:55px; margin-left:10px;}

/*===================OTHER================== */

#staffmember{ float:right; width:auto; height:auto; padding:5px; border:#CCCCCC 1px solid;}

#timetable {
	margin-left:50px;
}
#timetable li {
	float:left;
}
 #timetable li .odd {
}
 #timetable h6 {
	font-size:11px;
	margin:0px;
	padding:2px 5px 2px 5px;
}
 #timetable p {
	line-height:normal;
	margin:0px;
	padding:2px 5px 2px 5px;
}