/* CSS Document */

body {
text-align:left;
background-color:#CCCCCC;
color:#333333;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background:url(graphics/newbg.gif) repeat-y center top;

}

* {
margin:0;
padding:0;
}

a {
color:#666;}

a:hover {
color:#333}

h1 {
font-size:16px;
margin-bottom:5px;
}
h2 {
font-size:14px;
margin-bottom:4px;
}

h3 {
font-size:12px;
margin-bottom:2px;
}
	
#wrapper {
	width:1000px;
	height:auto;
	margin:0 auto;
	position:relative;
	z-index:10;
	}

#header {
width:998px;
height:200px;
border:1px solid #fff;
float:left;
clear:both;
margin-bottom:10px;
}

#left-bar {
width:200px;
float:left;
height:auto;
}

#nav-holder {
width:180px;
height:312px;
background:url(graphics/nav-bg.gif) top center no-repeat;
/*border:1px solid #333;*/
float:left;
background-color:#FFFFFF;
margin-left:5px;
padding:10px;
padding-top:12px;
}

#nav-sub {
width:200px;
float:left;
background-color:#FFFFFF;
margin-left:5px;
margin-top:10px;
}

#nav-address {
width:185px;
float:left;
height:129px;
background:url(graphics/left-contact.gif);
padding:5px;
padding-top:10px;
padding-left:10px;
background-color:#FFFFFF;
margin-left:5px;
margin-top:10px;
line-height:140%;

}

#top-offer{
width:760px;
float:left;
background:url(graphics/top-offer.jpg) top center repeat-y;
height:120px;
margin-bottom:5px;
padding:10px;
clear:none;
margin-left:20px;
}

#maincon {
width:760px;
float:left;
background:url(graphics/mainbg_mid.jpg) top center repeat-y;
padding:10px;
height:auto;
/*min-height:700px;*/
z-index:50;
margin-left:-12px;
}

#main-top,#main-bottom {
width:780px;
border:none;
float:left;
margin-left:-12px;
}

#main-top {
background:url(graphics/mainbg_top.jpg) top center no-repeat;
height:18px;
margin-top:20px;
}
#main-bottom {
background:url(graphics/mainbg_bottom.jpg) top center no-repeat;
height:17px;

}

#footer {
padding-top:5px;

float:left;
width:780px;
height:25px;
margin-top:30px;
text-align:center;
margin-left:-12px;
background:url(graphics/footer.jpg) top center no-repeat;
}

#nav-holder ul {
list-style:none;
margin:0;
padding:0;
}

#nav-holder li {
list-style:none;

}

#nav-holder li a {
height:23px;
padding-top:10px;
text-decoration:none;
list-style:none;
background:url(graphics/nav.gif) left top no-repeat;
margin-bottom:1px;
}

#nav-holder li a{
color:#FFFFFF;
display:block;
padding-left:5px;
font-size:12px;
background-color:#33609b;
text-transform:capitalize;
}

#nav-holder li a:hover {
color:#fff;
text-decoration:none;
background:url(graphics/nav-over.gif) left top no-repeat;
margin-bottom:1px;
}

#nav-holder li #red {
background:url(graphics/nav-red.gif) left top no-repeat;
}

#nav-holder li #red:hover {
background:url(graphics/nav-red-over.gif) left top no-repeat;
}

.col1 {
width:48%;
float:left;
line-height:160%;
margin-top:10px;
}
.col2 {
width:47%;
float:right;
margin-left:1%;
line-height:160%;
margin-top:10px;
}

.col1 #MakeDropDown, .col1 #ModelDropDown {
width:220px;
height:30px;
font-size:16px;
margin-bottom:5px;
margin-left:70px;
background-color:#E6E7E8;
color:#333333;
}
.col1 #MakeDropDown {
margin-top:70px;
}


#txtPostcodeA, #txtPostcodeB {
width:216px;
height:22px;
font-size:16px;
margin-bottom:5px;
background-color:#E6E7E8;
color:#333333;
padding:2px;

}
#btnShowDirections {
height:30px;
}

#txtPostcodeA {
margin-left:120px;
}
 
 
 .currentday {
 background:#26478b;
 color:#FFFFFF;
 }
 
#menu1 {
display:none;
position:absolute; 
left:200px; top:350px;
width:180px;
z-index:100;
} 
#menu2 {
display:none;
position:absolute; 
left:200px; 
top:428px;
width:180px;
z-index:110;
} 
 
#menu1 ul, #menu2 ul {
list-style:none;
margin:0;
padding:0;
}

#menu1 li, #menu2 li {
list-style:none;

}

#menu1 li a, #menu2 li a {
height:23px;
padding-top:10px;
text-decoration:none;
list-style:none;
background:url(graphics/nav-fly.gif) left top no-repeat;
margin-bottom:1px;

}

#menu1 li a, #menu2 li a{
color:#000000;
display:block;
padding-left:5px;
font-size:12px;
background-color:#f7941d;
text-transform:capitalize;
}

#menu1 li a:hover, #menu2 li a:hover  {

text-decoration:none;
background:url(graphics/nav-fly-over.gif) left top no-repeat;
}
 #search-bar {
	float: left;
	height: 32px;
	width: 580px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 180px;
	background-image: url(graphics/search-bar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
 #search-bar #MakeDropDown,  #search-bar #ModelDropDown {
width:200px;
height:22px;
font-size:14px;
color:#333333;
float:left;
}

#search-bar #ModelDropDown {
margin-left:10px;
}

#ModelsList {
width:200px;
height:24px;
float:left;
}


.new-wrap {
width:758px;
height:190px;
float:left;
margin-bottom:8px;
border:1px solid #CCCCCC;
}

.new-photo {
width:160px;
height:130px;
float:left;
margin-right:10px;
margin-left:5px;}

.new-makemodel {
width:568px;
height:15px;
padding:5px;
float:left;
font-weight:bolder;
}

.new-price {
width:568px;
height:15px;
padding:5px;
float:left;
font-weight:bold;
}

.new-spec1 {
width:200px;
height:50px;
padding:5px;
float:left;
margin-right:5px;
margin-bottom:10px;
}
	
.new-spec2 {
width:200px;
height:50px;
padding:5px;
float:left;
margin-bottom:10px;
}

.new-spec1 li, .new-spec2 li {
margin-left:22px;
list-style:circle;
}
	
.new-brochure a{
display:block;

width:120px;
height:15px;
padding:5px;
float:left;
margin-left:5px;
text-align:center;
text-decoration:none;
background-color:#CCCCCC;
color:#333333;
border:1px solid #333333;
margin-bottom:5px;
	}
	
.new-next a {
display:block;
width:120px;
height:15px;
padding:5px;
float:left;
margin-left:5px;
text-align:center;
text-decoration:none;
background-color:#CCCCCC;
color:#333333;
border:1px solid #333333;
}


.new-extra {
float:left;
width:748px;
padding:5px;
height:30px;
overflow:auto;
font-weight:bold;


}
.rightimg {
float:right;
margin:3px;
}

.leftimg {
float:left;
margin:3px;
}

.new-cars {	
	float:left;
	width:179px;
	height:182px;
	margin:3px 10px 3px 0;
	}
	
/* Forms */

#contact-form {
	float:left;
	width:550px;
	margin-top:5px;
	margin-bottom:20px;
	}

.name { 
	float:left; 
	width:250px; 
	height:20px; 
	margin-bottom:10px; 
	color:#000000; 
	clear:both; 
	}
	
.name span {
	color:#cf7f01;
	}
	
.form-text { 
	float:left; 
	width:484px; 
	height:20px; 
	margin-bottom:10px; 
	color:#cf7f01;
	padding-top:12px;
	border-top:1px dotted #cf7f01;
	}
	
.form-box1 { 
	float:left; 
	width:232px; 
	height:20px; 
	margin-bottom:12px; 
	border:1px solid #cccccc; 
	font-size:12px; 
	}
	
.form-box2 { 
	float:left; 
	width:232px; 
	height:58px; 
	margin-bottom:10px; 
	border:1px solid #cccccc; 
	font-size:12px; 
	}
	
.form-box3 { 
	float:left; 
	width:100px; 
	height:15px; 
	margin-bottom:12px; 
	border:1px solid #cccccc; 
	font-size:12px; 
	}

.form-tick { 
	float:left;
	width:15px;
	padding-top:3px;
	margin:0 0 12px 0;
	}
	
#send { 
	float:left; 
	width:50px; 
	height:21px; 
	font-size:10px; 
	padding:0 3px 0 3px; 
	color:#ffffff; 
	background-color:#000000;
	border:none;
	clear:left;
	}
