/* Clarke Mobility - Coded by Steve Goodwin */

@charset "utf-8";

html, span, applet, object, img, iframe, p, form, h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
border:0;
outline:0;
font-size:14px;
font-family:Arial;
}

.clear {
margin:0 0 0 0;
padding:0 0 0 0;
width:759px;
width:0px;
float:left;
}

body {
font-family:Arial;
color: #666666;
text-align: left;
margin:0 0 0 10px;
padding:0 0 0 0;
border:0;
outline:0;
}

p {
font-family:Arial;
color: #000000;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:14px;
}

a:link {
font-size:12px;
font-weight:normal;
color: #000000;
text-decoration:none;
background:none;
}
a:visited {
font-size:12px;
font-weight:normal;
color: #000000;
text-decoration:none;
background:none;
}
a:active {
font-size:12px;
font-weight:normal;
color: #000000;
text-decoration:none;
background:none;
}

a:hover {
font-size:12px;
font-weight:normal;
color: #000000;
text-decoration:underline;
}

/* Page Layout */

#Wrapper {
width:688px;
margin:0 auto 0 auto;
padding:0 0 0 0;
background:url(../images/bg.jpg) repeat-y top left;
}

#Wrapper #Inner {
width:659px;
margin:0 0 20px 15px;
padding:0 0 0 0;
float:left;
}

#Wrapper #Inner #Body {
width:659px;
margin:0 0 20px 0;
padding:0 0 0 0;
float:left;
}

#Wrapper #Footer {
width:688px;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
background:url(../images/footer.jpg) no-repeat top left #FFFFFF;
}

#Wrapper #Footer p {
width:688px;
height:20px;
margin:12px 0 0 0;
padding:0 0 10px 0;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
text-align:center;
}

#Wrapper #Footer b {
color:#244487;
}

/* Header Layout */

#Wrapper #Header {
width:659px;
height:125px;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:center;
float:left;
}

/* Menu Layout */

#Wrapper #Menu {
width:660px;
height:34px;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}

#Wrapper #Menu ul  {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float:left;
	background:none;
	border:none;
}

#Wrapper #Menu li {
	display: inline;
} 

#Wrapper #Menu li a {
	float: left;
	text-indent: -9000px;
	height: 34px;
	margin: 0 1px 0 0;
}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7 {
	background: url(../images/menu.png) no-repeat;
}

#menu1 {background-position: 0 0; width:54px}
#menu2 {background-position: 0 -68px; width:78px}
#menu3 {background-position: 0 -136px; width:124px}
#menu4 {background-position: 0 -204px; width:120px}
#menu5 {background-position: 0 -272px; width:70px}
#menu6 {background-position: 0 -340px; width:132px}
#menu7 {background-position: 0 -408px; width:75px}
#menu1:hover, #menu1:focus, #menu1.on {background-position: 0 -34px;}
#menu2:hover, #menu2:focus, #menu2.on {background-position: 0 -102px;}
#menu3:hover, #menu3:focus, #menu3.on {background-position: 0 -170px;}
#menu4:hover, #menu4:focus, #menu4.on {background-position: 0 -238px;}
#menu5:hover, #menu5:focus, #menu5.on {background-position: 0 -306px;}
#menu6:hover, #menu6:focus, #menu6.on {background-position: 0 -374px;}
#menu7:hover, #menu7:focus, #menu7.on {background-position: 0 -442px;}

/* Showroom Image Layout */

#Wrapper #Showroom {
width:659px;
height:404px;
margin:2px 0 0 0;
padding:0 0 0 0;
float:left;
}

/* Home txt Layout */

#Wrapper #hometxt {
width:659px;
margin:10px 0 0 0;
padding:0 0 0 0;
float:left;
}

#Wrapper #hometxt p {
width:630px;
margin:0 0 10px 10px;
padding:0 0 0 0;
float:left;
font-size:14px;
color: #000000;
}

/* Animated Image Layout */

#Wrapper #Animated {
width:659px;
height:240px;
margin:0 0 10px 10px;
padding:0 0 0 0;
float:left;
}

#Wrapper #AniImage {
width:320px;
height:240px;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}

#Wrapper #AniBullets {
width:320px;
height:240px;
margin:0 0 0 0;
padding:0 0 0 0;
float:right;
}

#Wrapper #AniBullets ul {
width:300px;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
list-style:none;
}

#Wrapper #AniBullets ul li {
width:300px;
margin:0 0 10px 0;
padding:0 0 0 0;
float:left;
display:list-item;
color:#000000;
font-size:14px;
}

#Wrapper #AniBullets ul li a, a:active, a:visited {
color:#000000;
font-size:14px;
text-decoration:none;
}

#Wrapper #AniBullets ul li a:hover {
color:#000000;
font-size:14px;
text-decoration:underline;
}

/* Service & Preparation Image Layout */

#Wrapper #Prep {
width:659px;
height:331px;
margin:2px 0 0 0;
padding:0 0 0 0;
float:left;
}

/* Finance Image Layout */

#Wrapper #Finance {
width:659px;
height:164px;
margin:2px 0 0 0;
padding:0 0 0 0;
float:left;
}

/* Page Text Layout */

#Wrapper #Inner h1 {
width:660px;
margin:0 0 10px 10px;
padding:0 0 0 0;
float:left;
color:#2C539E;
font-size:16px;
}

#Wrapper #Inner #Body h1 {
width:660px;
margin:10px 0 10px 10px;
padding:0 0 0 0;
float:left;
color:#2C539E;
font-size:16px;
}

#Wrapper #Inner #Body h2 {
width:640px;
margin:0 0 10px 10px;
padding:0 0 0 0;
float:left;
color:#2C539E;
font-size:14px;
line-height:18px;
}

#Wrapper #Inner #Body p {
width:630px;
margin:0 0 10px 10px;
padding:0 0 0 0;
float:left;
font-size:16px;
color: #000000;
}

#Wrapper #Inner #Body a, a:active, a:visited {
color:#D2005B;
font-size:14px;
text-decoration:none;
}

#Wrapper #Inner #Body a:hover {
color:#D2005B;
font-size:14px;
text-decoration:underline;
}

#Wrapper #Inner #Body ul {
width:630px;
margin:0 0 10px 10px;
padding:0 0 0 0;
float:left;
color:#000000;
font-size:14px;
color: #666666;
list-style:square;
display:list-item;
list-style-position:inside;
}

#Wrapper #Inner #Body li {
margin:0 0 5px 0;
padding:0 0 0 0;
color:#000000;
font-size:16px;
}

#Wrapper #Inner table {
margin:0 0 10px 10px;
padding:0 0 0 0;
float:left;
border:1px solid #000000;
}

#Wrapper #Inner th {
margin:0 0 0 0;
padding:4px 0 4px 7px;
background:url(../images/tbl_th.jpg) repeat-x top left;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:normal;
}

#Wrapper #Inner td {
margin:0 0 0 0;
padding:4px 0 4px 7px;
background:#F0F0F0;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:normal;
}



/* Latest Stock Layout */

#Wrapper #LatestStock {
width:660px;
margin:2px 0 0 0;
padding:0 0 0 0;
float:left;
list-style:none;
}

#Wrapper #LatestStock li {
width:146px;
height:242px;
margin:2px 5px 0 10px;
padding:0 0 0 0;
float:left;
list-style:none;
border:1px solid #000000;
}

#Wrapper #LatestStock img {
width:132px;
margin:7px 0 5px 7px;
padding:0 0 0 0;
float:left;
}

#Wrapper #LatestStock h1 {
width:132px;
height:30px;
margin:0 0 5px 7px;
padding:0 0 0 0;
float:left;
font-size:14px;
color: #254588;
line-height:16px;
}

#Wrapper #LatestStock p {
width:132px;
height:50px;
margin:0 0 0 7px;
padding:0 0 0 0;
float:left;
font-size:14px;
color: #000000;
line-height:16px;
font-weight:normal;
}

#Wrapper #LatestStock h2 {
width:132px;
height:14px;
margin:5px 0 0 7px;
padding:0 0 0 0;
float:left;
font-size:16px;
color: #CC0000;
line-height:18px;
}

#Wrapper #LatestStock h3 {
width:132px;
height:18px;
margin:3px 0 5px 0;
padding:0 0 0 0;
float:left;
}

#Wrapper #View h4 {
width:132px;
height:18px;
margin:0 0 0 10px;
padding:0 0 0 0;
float:left;
font-size:14px;
color: #000000;
line-height:16px;
font-weight:normal;
}

/* Latest Stock Layout */

#Wrapper #StockList {
width:630px;
margin:2px 0 0 10px;
padding:0 0 0 0;
float:left;
list-style:none;
}

#Wrapper #StockList li {
width:635px;
margin:0 0 10px 0;
padding:0 0 10px 0;
float:left;
list-style:none;
border:1px solid #BEBEBE;
}

#Wrapper #StockList img {
width:132px;
margin:10px 10px 0 10px;
padding:0 0 0 0;
float:left;
}

#Wrapper #StockList h1 {
width:460px;
height:28px;
margin:10px 20px 0 0;
padding:0 0 0 0;
float:right;
font-size:16px;
color: #254588;
line-height:18px;
}

#Wrapper #StockList p {
width:460px;
height:28px;
margin:0 20px 5px 0;
padding:0 0 0 0;
float:right;
font-size:14px;
color: #000000;
line-height:16px;
font-weight:normal;
}

#Wrapper #StockList h2 {
width:460px;
height:14px;
margin:5px 20px 0 0;
padding:0 0 0 0;
float:right;
font-size:16px;
color: #CC0000;
line-height:16px;
}

#Wrapper #StockList h3 {
width:460px;
height:22px;
margin:3px 20px 10px 0;
padding:0 0 0 0;
float:right;
}

#Wrapper #StockList no_img {
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}

/* View Car Layout */

#Wrapper #View {
width:660px;
margin:10px 0 0 0;
padding:0 0 0 0;
float:left;
}

#Wrapper #View h2 {
width:660px;
margin:0 0 10px 10px;
padding:0 0 0 0;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#2C539E;
}

#Wrapper #View h3 {
width:660px;
margin:0 0 10px 10px;
padding:0 0 0 0;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#CC0000;
}

#Wrapper #View p {
width:660px;
margin:0 0 10px 10px;
padding:0 0 0 0;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
font-weight:normal;
color:#000000;
}

#Wrapper #View p.small {
font-size:12px;
}

#Wrapper #View img {
width:172px;
height:131px;
margin:0 0 0 0;
padding:2px;
float:left;
border:1px solid #999999;
}

#Wrapper #View img.none {
height:18px;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
border:none;
}


#Wrapper #View ul {
width:550px;
margin:0 0 20px 10px;
padding:0 0 0 0;
float:left;
list-style:none;
display:inline;
}

#Wrapper #View li {
width:172px;
height:131px;
margin:0 10px 10px 0;
padding:0 0 0 0;
float:left;
color:#000000;
font-size:16px;
}

#Wrapper #View #Extras {
width:660px;
margin:0 0 20px 10px;
padding:0 0 0 0;
float:left;
list-style:none;
display:list-item;
}

#Wrapper #View #Extras li {
width:600px;
height:14px;
margin:0 10px 5px 0;
padding:0 0 0 15px;
background:url(../images/bullet.jpg) no-repeat;
background-position:3px 7px;
}