@charset "utf-8";


body,td,th {
	font-family: helvetica, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	vertical-align:top;
}
body {
	background:#FFF url(layout/page_bg.jpg) center top repeat;
	margin: 0px;}
img {border:0px;}

a:link {color: #666666;}
a:visited {color: #666666;}
a:hover {color: #333333;}
a:active {color: #666666;}

h1 {font-size: 18px;
	color: #990000}
h2 {font-size: 18px;
	color: #666666;}
h3 {font-size: 16px;
	color: #000000;}
h4 {font-size: 15px;
	color: #000000;}
h5 {font-size: 14px;
	color: #666666;}
h6 {font-size: 13px;
	color: #666666;}
	
	
th {text-align:left;}	

.hometable { background-color:#FFFFFF; width:1042px;}
  .left { background:#FFFFFF url(layout/left_side.jpg) repeat; width:10px;}
  .right { background:#FFFFFF url(layout/right_side.jpg) repeat; width:8px;}

.header { 
	text-align:right;
	padding:20px 20px 20px 0;
	width:1024px;}

.header img{
	margin-left: 5px;
	margin-top: 0px;
	}

.menuarea {	background: #FFFFFF url(layout/homelayout_16.jpg) top left no-repeat;}
.menuareahome {	background: #FFFFFF url(layout/homelayout_60.jpg) top left no-repeat;}
	
.copyright {padding: 20px 0 0 25px; font-size:10px;}
  .footlinks{ padding: 20px 30px 0 0; font-size:10px; text-align:right;}
  .linespacex2{ letter-spacing:30px;}
.cowleytd {font-size:10px; text-align:right; padding:0px 8px 10px 0;}
	.cowley {font-size:10px; text-align:right; margin:15px 0px ;}

.lowmarg {margin:5px 0 3px 0;}
.zmarg {margin:0px;}
.note {Font-size:11px; font-style:oblique; color:#666; }

.websterbtn {
	margin-left: 3px;
}

.usedbtns {
	margin-left: 7px;
	}

.newcardeals {
	position: relative;
	width: 490px;
	height: 190px;
	float: left;
	margin-left: 2px;
	margin-top: 8px;
	}

#hsvcardeals {
	margin-left: 11px;
}

/* --------------------------- HOME PAGE -------------------------------------- */	
.fadearea {padding-left:5px; }
.flasharea {text-align:right; padding: 0 10px 10px 0;}

.specialsarea {	
	background: #FFFFFF url(layout/homelayout_23.jpg) no-repeat;
	padding:00px 00px 0px 00px ;}

.newcarsarea {	
	background: #FFFFFF url(layout/homelayout_24.jpg) no-repeat; 
	padding:0 30px 0 10px ;}
	
div.lefth {
	width: 50%;
	background: transparent;
	padding-right:8px;
	position: relative;
	float: left;}
div.righth {
	width: 45%;
	background: transparent;
	position: relative;
	float: right;}
	
#used_search {
	background: red;
	width: 225px;
	height: 350px;
	}

#mainButtons {
	margin-left: 5px;
	}

#buttons {
	margin-left:5px;
	height: 120px;
	}

#footer {
	margin-left:5px;
	height: 18px;
	text-align: center;
	font-size: 12px;
	}

#footer p { margin-top: 0px; }
#footer p a{ color: #000; }

.siteby {
	float: right;
}

.siteby a {
	text-decoration: none;
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 12px;
}

.copy {
	float: left;
	}

.buttons {
	padding: 0px 10px 10px 5px;
	}

.button {
	width: 250px;
	height: 170px;
	float: left;
	}

#clear {
	clear: both;
	}

.fade {
	position: relative;
	}

.fadestart {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 1;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	}

img.fadestart:hover {
	opacity: 0;	
	}

#holdenbtn { position: relative; margin: 0px 0px 5px 0px; }
#hsvbtn { position: relative; margin: 0px 5px 5px 10px; }
#hyundaibtn { position: relative; margin: 0px 0px 5px 5px; }
#nissanbtn { position: relative; margin: 5px 5px 0px 0px; }
#hondabtn { position: relative; margin: 5px 5px 0px 5px; }
#citroenbtn { position: relative; margin: 5px 0px 0px 5px; }

.bottomButtons { width: 199px; height: 120px; float: left; background: blue; margin-right: 2px;}
.bottomButtonsInside { width: 198px; height: 120px; float: left; background: blue; margin-right: 2px;}
.bottomButtonsNoRule { width: 201px; height: 120px; float: left; background: blue; }

#button_one { background: url(images/specials_btn.jpg); }		
#button_one:hover { background: url(images/specials_btn_hover.jpg); }

#button_two { background: url(images/finance_btn.jpg); }		
#button_two:hover { background: url(images/finance_btn_hover.jpg); }

#button_three { background: url(images/service_btn.jpg); }		
#button_three:hover { background: url(images/service_btn_hover.jpg); }

#button_four { background: url(images/contact_btn.jpg); }		
#button_four:hover { background: url(images/contact_btn_hover.jpg); }

#button_five { background: url(images/fb_btn.jpg); }		
#button_five:hover { background: url(images/fb_btn_hover.jpg); }

	
/* --------------------------- NEW CAR PAGE -------------------------------------- */	
	
.bodyarea {padding:15px 0px 10px 20px}
.bodyarea2 { vertical-align: bottom; padding-right:20px; text-align:right}
	
.Nnewcarsarea {	
	background: #FFFFFF url(layout/newlayout_44.jpg) no-repeat; 
	padding:0 30px 0 0px ;}
.newlogos {	
	background: #FFFFFF url(layout/newlayout_11.jpg) top center no-repeat; 
	padding:20px 20px 30px 20px; 
	text-align:center;
	padding-top:40px;}
. newlogotd {text-align:center;}
	
	
/* --------------------------- SERVICE, PARTS & BODYSHOP PAGE -------------------------------------- */	
.Srv-bodyarea2 {padding: 20px 8px 10px 185px}
div.serv-locat { background:#FFF url(layout/speciallayout_06.jpg) bottom left repeat-y; padding-bottom:8px;}
p.serloc-h { 
	font: bold 13px helvetica, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 10px 3px;
	text-transform:uppercase;}
p.serloc-b { 
	font: normal 13px helvetica, Verdana, Arial, Helvetica, sans-serif;
	margin: 3px 10px 10px;}
	
.prts1 {font-weight:normal; font-size:12px;}

/* --------------------------- SPECIALS PAGE -------------------------------------- */	
.sp-bodyarea {padding:15px 15px}
.sp-specials { background: url(layout/specials_bg.jpg) left bottom no-repeat;
	width:30%;}
.sp-div1 { 
	padding: 0px 0px 5px 0px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	}

ul.specu {list-style:square  url(layout/bulletgif.gif); margin:0px 0 8px 12px; padding:0px}
li.specl { margin: 3px 0 7px; font-size: 12px; line-height: 12px;}

.sp-bottomhr {	
	margin:5px 0 5px;
	text-align:center;
 }

.usedspecials {background: url(layout/usedspec_01.jpg) left bottom no-repeat; padding: 40px 0 10px 12px;}
.usedpeci {margin:7px 0px}

div.leftsp {
	width:50%;
	background: transparent;
	padding-top:0px;
	position: relative;
	float: left;}

div.righsp {
	width: 50%;
	background: transparent;
	position: relative;
	float: left;} 

/* --------------------------- FINANCE PAGE -------------------------------------- */	
.fin-rborder {border-right: 1px solid #999;}

/* --------------------------- CONTACT  PAGE -------------------------------------- */	
div.contactleft {
	width:70%;
	background: transparent;
	padding-top:0px;
	position: relative;
	float: left;}
div.contactleft2 {
	width:60%;
	background: transparent;
	padding-top:0px;
	position: relative;
	float: left;}

div.contactright {
	width: 30%;
	background:#FFF url(layout/contactlayout_06.jpg) bottom left repeat-y;	position: relative;
	float: left;} 
div.contactright2 {
	width: 40%;
	background:#FFF;
	position: relative;
	float: left;
	text-align:right;} 


.conloc-head {font-size: 11px; font-weight:bold; margin:1px 5px 1px 15px}
.conloc-body {font-size: 11px; font-weight:normal; margin:1px 5px 8px 15px}

/* --------------------------- CORPORATE -------------------------------------- */	
.posvac1 {background-image:url(layout/posvac_l.jpg); width:11px; background-repeat:no-repeat;}
.posvac2 {background-image:url(layout/posvac_bg.jpg); background-repeat:repeat-x;}
.posvac3 {background-image:url(layout/posvac_r.jpg); width:11px; background-repeat:no-repeat;}

#careerstab th {
text-align:left;
line-height:2.5em;
background-color:#ececec;
}

#careerstab td {
background-color:#e1e1e1;

/* ------------------- LINKS ------------------- */
a.footl:link { color: #0099FF;}
a.footl:visited { color: #0099FF;}
a.footl:hover { color: #333366;}
a.footl:active { color: #0099FF;}


/* ------------------- CSS MENU    ------------------- */
#container{
	padding:0 0 0 20px; width:100%; }

ul#menu{
	list-style-type:none;
	position:relative;
	font-size:12px;
	font-weight: lighter;
	margin:0;
	padding:0;}

ul#menu li{
	display:block;
	float:left;
	margin-left:3px;
}
ul#menu li.left{margin:0;}

ul#menu li a{
	display:block;
	float:left;
	color:#333;
	text-align:center;
	background: transparent ; 
	text-decoration:none;
	padding:5px 8px 15px 8px;}


ul#menu li a.right{padding-right:5px;}
ul#menu li a:hover{background: url(layout/menuhover.jpg) right top repeat-x;}
ul#menu li a.current{color:#FFF; background:url(layout/homelayout_13.jpg) right top no-repeat;}
ul#menu li a.current:hover{color:#FFF; background:url(layout/homelayout_13b.jpg) right top no-repeat;}