/* ====== Rates Ford stylesheet ====== */

/* ====== common ====== */
body, html {
margin: 0 0 10px 0;
padding: 0;
background: #FFF url(../images/bg-blue-test.jpg) repeat-x;
background-position: top } 
#pages {
width: 860px;
margin: 10px auto 0 auto;
padding: 14px;
border: 1px solid #d9d9d9;
background-color: #FFF;  }
* html #pages {
height: 100%; }
.clear {
clear:both;
height:1px;
overflow:hidden; }
img {
margin: 0;
padding: 0;
border: 0; }

h4{ 
font-size: 16px;
margin: 10px 0 10px 0;
}



/* ====== header ====== */
#header {
width: 860px;
margin: 0;
padding: 0;
height: 54px; }
.logo {
float: left;
margin: 0;
padding: 2px 0 0 0; }
.telephone {
float: right;
margin: 0;
padding: 5px 0 0 0;
border: 0; }

/* ====== nav ====== */
#navcontainer {
width: 860px;
height: 33px;
text-align: left;
margin: 0 auto 4px auto;
padding: 0;
background: url(../images/menu-bg.gif) repeat-x; }
#nav, #nav ul {
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0; }
#nav li {
float: left;
margin: 0;
padding: 0;
display: inline; }
#nav a {
font: bold 11px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #FFFFFF;
text-decoration: none;
display: block;
margin: 0;
padding: 9px 6px; }
#nav a:hover {
color: #FFF;
text-decoration: none;
background: url(../images/menu-hover.gif) repeat-x; }
#nav ul li a:hover {
font: bold 11px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
padding-left: 13px;
line-height: 1.4em;
background: url(../images/menu-hover.gif) repeat-x; } 
#nav li ul {
position: absolute;
left: -999em;
height: auto;
margin: 0;
padding: 0;
width: 164px;
w\idth: 160px; }
#nav li ul a {
width: 164px;
w\idth: 160px;
margin: 0;
padding: 5px 3px 5px 8px;
background: #003399;
color: #FFF;
font: bold 11px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
padding-left: 13px;
line-height: 1.4em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
width: 164px; }

/* ====== content container ====== */
#content {
width: 860px;
margin: 0 auto;
padding: 0;
clear: both; }
#content p {
font: 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #5B5B5B;
line-height: 1.7em;
margin: 0;
padding: 6px 0; }
#content a, #content a:visited {
color: #003399;
text-decoration: none; }
#content a:hover {
color: #003399;
text-decoration: underline; }
#pages .notes {
font: normal 10px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #848484; }
.red {
color: #FF0000; }
.internal {
margin: 0;
padding: 0;
background: url(../images/small-arrow.gif) no-repeat 0 .45em; }
.internal:hover {
background: url(../images/arrow.gif) no-repeat 0 .45em; }

/* ====== main content ====== */

#main{
width: 860px;
float: left; 
}


#mainleft {
float: left;
width: 600px;
margin: 0;
padding: 0;
background-color: #FFF;
font: 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #5B5B5B; }
#mainleft .bigmap{
	margin: 0px;
	padding: 0px;
	border: 1px solid #d9d9d9;
}
#mainleft ul {
font: 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #5B5B5B;
margin: 10px 0 5px 30px; 
padding: 3px 0;
list-style-type: disc; }
#mainleft ul li {
padding: 0 0 7px 0; }
.photos {
float: left;
margin: 0 30px 0 0;
padding: 0; }
.left {
float: left;
width: 350px;
margin: 0;
padding: 0; }
#right {
float: right;
width: 232px;
margin: 0 0 5px 0;
padding: 10px 10px 6px 10px;
background-color: #e7e7e7;
font: 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #5B5B5B; }
#right ul {
font-weight: bold;
margin: 9px 0 0 0; 
padding: 5px;
list-style-type: none; }
#right  ul li {
color: #082b12;
padding: 0 0 9px 12px;
background-image: url(../images/small-arrow.gif);
background-repeat: no-repeat;
background-position: 0 .45em; }
#advert {
float: right;
width: 252px;
margin: 10px 0 0 0;
padding: 0;
font: 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #5B5B5B; }
#address1 {
float: left;
width: 220px;
margin: 0 20px 0 0;
padding: 0; }
#address2 {
float: right;
width: 220px;
margin: 0;
padding: 0; }
.slash {
font: bold 20px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; 
color: #FF0000;
text-decoration: line-through; }
.service-now {
font: bold 20px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; 
color: #003399; }
#msflashcontainer {
float: left;
width: 305px;
margin: 0;
padding: 0;
background: red;
position:relative;}



/* ====== headings ====== */
h1  {
font: bold 14px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #003399;
margin: 9px 0 6px 0;
padding: 0; }
h2  {
font: bold 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
margin: 0 0 7px 0;
padding: 3px 4px;
background-color: #ffae00;
clear: both; }
p.newcar-price, .newcar-price{
	font: bold 22px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #003399;
	margin: 9px 0 6px 0;
	padding: 0;
}

p.used-offer-price, .used-offer-price{
	font: bold 22px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #003399;
	margin: 9px 0 6px 0;
	padding: 0; }

p.newcar-offer, .newcar-offer {
	font-size: 26px;
	font-weight: bold;
	color: #ffae00;
	line-height: 24px;
	letter-spacing: -1px;
}

p.offerheader, .offerheader  {
font: bold 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
margin: 3px 0 7px 0;
padding: 1px 4px;
background-color: #605c55;
float: left;
clear: both; }
.offerlink  {
font: 11px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
margin: 0;
padding: 2px 0 0 6px;
float: right;
background: url(../images/small-arrow.gif) no-repeat 0 .66em; }

/* ====== basic forms ====== */
#form {
width: 580px;
padding: 0;
margin: 14px 0 14px 0; }
#form p {
font: 12px Arial, Tahoma, Times New Roman, serif; color: #333;
padding: 0;
margin: 4px 0;
line-height: 1.7em; }
#form td {
padding: 0;
margin: 0; }
#form th {
background-color: #ebecea;
font-weight: bold;
text-align: left;
padding: 0;
color: #fc6701; }
#form .button {
font: 12px Arial, Tahoma, Times New Roman, serif; color: #FFF;
width: 80px;
height: 18px;
background-color: #fc6701;
border: 0;
padding: 1px 0 2px 0;
margin: 0; }
#form .name{
font: 12px Arial, Tahoma, Times New Roman, serif; color: #2d2d2d;
width: 384px;
margin: 0; }
#form td {
margin: 0;
padding: 0; }
#form input {
font: 12px Arial, Tahoma, Times New Roman, serif; #2d2d2d;
margin: 0;
padding: 0; }
#form textarea  {
font: 12px Arial, Tahoma, Times New Roman, serif; color: #2d2d2d;
width: 382px;
margin: 0; }
#form select {
font: 12px Arial, Tahoma, Times New Roman, serif; color: #2d2d2d;
width: 60px;
margin: 0;
padding: 0; }

/* ==== data tables ==== */
td, th {
font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #5B5B5B;
line-height: 1.7em; }
.datatable {
border: 1px solid #cacaca;
border-collapse: collapse;
margin: 10px 0;
padding: 0;  }
.datatable p {
margin: 0;
padding: 0; }
.datatable td {
border: 1px solid #cacaca;
padding: 4px; }
.datatable th {
border-left: 1px solid #cacaca;
border-right: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
background-color: #ebecea;
font-weight: bold;
padding: 4px;
color: #003399; }
.datatable tr:hover, .datatable tr.hilite {
background-color: #E9E9E9 }
.title p {
color: #FFF;
font: bold 12px Tahoma, Arial, Helvetica, sans-serif; }
.title2 {
background-color: #b5b5b5; }
.title2 p {
color: #FFF;
font: bold 11px Tahoma, Arial, Helvetica, sans-serif; }

/* ==== New Car Offer table ==== */
.newcartable {
border: 1px solid #cacaca;
border-collapse: collapse;
margin: 10px 0;
padding: 0;  }
.newcartable p {
margin: 0;
padding: 0; }
.newcartable td {
border: 1px solid #cacaca;
padding: 4px; }

.newcartable th {
border-left: 1px solid #cacaca;
border-right: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
background-color: #ebecea;
font-weight: bold;
padding: 4px;
color: #003399; }

/* new car specs table */

#car-specs {
margin: 0;
padding: 0;
}

#car-specs td ul{
margin: 0px 0px 0px 15px;
font-size: 10px;
}

#car-specs td li{
padding-bottom: 5px;
font-weight: normal;
}
/* ====== contact form ====== */
#contact {
width: 580px;
background-color: #efefef;
border: 1px solid #cacaca;
margin: 0px 0px 15px 0px;
padding: 8px 10px 0px 10px;
font: normal 11px/16px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #000; }

#contact .field-box{
	width: 160px;
	float: left;
	text-align: right;
}

#contact .label-box{
	width: 120px;
	float: left;
	text-align: right;
}

#contact table{
float: left;
}

#contact form {
margin: 0 10px;
padding: 0; }
#contact p {
margin: 0 0 10px 0;
padding: 10px 0 0 0;
font: bold 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #003399; }
#contact table {
margin: 0 0 10px 0;
padding: 0;
border: none; }

#contact p{

}

#contact textarea{
width: 260px;
}

#chkboxMarketing, #chkboxExisting {
margin: 0 8px 0 0;
padding: 0; }

#contact .submit-button {
	width: 250px;
	height: 21px;
	padding: 0;
	float: right;
	margin-right: 25px;
	border: none;
	font: normal 11px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #fff;
	background:url(/images/contact-submit.jpg) no-repeat;
}





/* ====== home search ====== */
#homesearchcontainer {
width: 236px;
height: 233px;
float: right;
padding: 0;
margin: 2px 0 0 0;
background: url(../images/search-bg.gif) no-repeat; }
#homesearch {
width: 166px;
padding: 10px 0;
margin: 20px 0 0 8px; }
#homesearch p {
padding: 0;
margin: 0;
font: 11px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
color: #353333; }
#homesearch select {
font: 11px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #000;
width: 153px;
margin: 2px 0;
padding: 0;
height: 20px; }
#homesearch .dropdown {
font: 11px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #000;
width: 70px;
margin: 2px 5px 0 0;
padding: 0;
height: 20px; }
#homesearch .home-search {
font: bold 11px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #FFF;
width: 153px;
margin: 4px 0 0 0;
padding: 0;
border: 0;
height: 24px;
background-color: #003399;
background-image:url(../images/home-search-btn.gif);
}

/* ====== car search ====== */
#searchbox {
width: 430px;
background-color: #efefef;
border: 1px solid #cacaca;
margin: 0; }
#searchbox table{
margin: 10px;
}
#searchbox td {
margin: 0;
padding: 0 0 5px 0; 
font-weight: bold;}
#searchbox p {
margin: 0 0 0 10px;
padding: 0;
font: bold 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #003399; }
input {
margin: 5px 0 0 5px;
font: 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; }
.used-dropdown{
	width: 200px;
	margin: 0;
}

.usedfrom{
	width: 98px;
	margin: 0;
}

.usedto{
	width: 98px;
	margin: 0;
}

#searchbox .search{
background-image: url(../images/used-search-btn-blue.jpg);
border: 0;
width: 200px;
height: 21px;
padding: 0;
margin: 0;
}

/* ====== Home car search ====== */
#home-searchbox {
width: 394px;
background-color: #efefef;
border: 1px solid #cacaca;
padding: 10px 5px 10px 10px;
margin: 0; }
#home-searchbox table{
margin: auto;
}
#home-searchbox td {
margin: 0;
padding: 0 0 5px 0; 
font-weight: bold;}
#home searchbox p {
margin: 0 0 0 10px;
padding: 0;
font: bold 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #003399; }
input {
margin: 5px 0 0 5px;
font: 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; }
.home-used-dropdown{
	width: 200px;
	margin: 0;
}

.home-usedfrom{
	width: 98px;
	margin: 0;
}

.home-usedto{
	width: 98px;
	margin: 0;
}

#home-searchbox .search{
background-image: url(../images/used-search-btn-blue.jpg);
border: 0;
width: 200px;
height: 21px;
padding: 0;
margin: 0;
}


textarea  {
margin: 5px 0 0 5px;
font: 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; }
select {

margin: 0 5px 0 5px;
padding: 0;
font: 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; }
#DropdownPriceFrom, #DropdownPriceTo {
width: 70px;
font: 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; }

/* ==== Used Car List ==== */

.listrowdiv {
	width: 603px;	
	background-color: #999999;
	margin: 0 0 11px 0;
}
#dvVehicleList {
	margin: -10px 0 0 0;
}
#dvVehicleList td {
	margin: 0;
	padding: 2px 0 2px 0;
}
#dvVehicleList tr {
	padding: 4px 0;
}
.detailtext{
	color: #dae0eb;
}
.listdescription  {
	font-family: Arial, Tahoma, Trebuchet MS, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2d4856; 
	margin: 16px 0 12px 0;
}
.listnotes {
	font-size:10px;
	margin-left: 11px;
	color: #333;
}
.listpagination {
	width: 603px;
	background: #dce4eb; /*d1d1d1*/
	margin-bottom: 11px;
	color: #444444;
}
.listpagination td {
	color: #333;
	font-size: 13px;
}
.listpagination a:link,
.listpagination a:active,
.listpagination a:visited {   
	color: #436472;
	border-bottom: none;
	text-decoration: none;
	font-weight: bold;
}	
.listpagination a:hover {
	color: #f8b600;
	text-decoration: none;
	font-weight: bold;
}
.listthumb {
	margin: 4px 0;
	width: 185px;

	margin-right: 16px;
	margin-left: 11px;
}
#dvVehicleList .subtitle2 {
	text-align: left;
	font: normal 12px Arial, Tahoma, Trebuchet MS, sans-serif; color: #282828;
	padding: 2px 4px 6px 10px;
}
#dvVehicleList .subtitle2 a:link {
	color: #282828;
	text-decoration: none;
	font-weight:normal;
}
#dvVehicleList .subtitle2 a:hover {
	color: #282828;
	text-decoration: underline;
	font-weight:normal;
}
#dvVehicleList .subtitle2 a:visited {
	color: #282828;
	text-decoration: none;
	font-weight:normal;
}
#dvVehicleList .stripe, .nostripe, .nostripeover, .stripeover {
	text-align: left;
	width: 603px;
	font-size: 12px ;
	padding: 3px 0 3px 0;
	padding: 0 20px 0 0;
	display: block;
}
#dvVehicleList .nostripe {
	background-color: #f2f2f2;
	margin-bottom: 11px;
	width: 603px;
	line-height:19px;
	padding: 0 20px 0 0;
	border: 1px solid #dedede;
}
#dvVehicleList .stripe {
	background-color: #f2f2f2;
	margin-bottom: 11px;
	width: 603px;
	line-height: 19px;
	padding: 0 20px 0 0;
	border: 1px solid #dedede;
}
#dvVehicleList .nostripeover, #dvVehicleList .stripeover  {
	background-color: #f2f2f2;
	cursor:hand;
	cursor:pointer;
	border: 1px solid #dedede;
	margin-bottom: 11px; 
	width: 603px;
	line-height: 19px;
}
.listprice {
	font-size: 16px;
	color: #2d4856;
}
.listgrey {
	color: #444c4f;
	font-size: 11px;
	font-weight: bold;
}
.nonlistgrey {
	color: #373f42;
	font-size: 11px;	
}
.carspec {
	color: #444c4f;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
}

/* ==== used car details ==== */
#dvVehicleDetail {
margin: 0;
padding: 0; }
#dvVehicleDetail table {
margin: 0;
padding: 0;
border: 0; }
.finance table {
margin: 0;
padding: 0;
border-collapse: collapse; }
.finance td {
font: bold 12px/16px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #ab2626; }
.block {
margin:0;
padding: 0;
color: #FFFFFF; }
.grey {
font: bold 12px/16px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #4c4c4c;
padding: 0 0 0 6px; }
.disclaimer {
font: 12px Tahoma, "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #4c4c4c;
padding: 10px 0 10px 0; }
.apr {
font: bold 16px/16px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #ab2626; }
.title {
display: block;
width: 596px;
font: bold 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #4c4c4c;
padding: 2px 0 2px 4px;
margin: 0;
background-color: #e4e5e6; }
.subtitle {
display: block;
font: bold 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #4c4c4c;
padding: 2px 10px 2px 4px;
margin: 0 10px 0 0;
background-color: #e4e5e6; }
.imgsubtitle {
display: block;
font: bold 12px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #4c4c4c;
padding: 2px 10px 2px 4px;
margin: 0;
background-color: #e4e5e6; }
.spec, .address, .actions {
font: normal 12px/16px "Lucida Sans", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; color: #4c4c4c;
padding: 6px 10px 10px 0px;
background-color: #FFF; }

/* ====== images only ====== */
img {
	margin-left: 0px;
	margin: 0;
}
.homeimage {
margin: 0;
padding: 0 0 10px 0; }
.button {
margin: 0 0 10px 0; }
.camera {
margin: 2px 0 0 5px; }
.mainimg {
margin: 10px 0 6px 0; }
.thumb {
margin: 0 0 6px 0; }
.thumb2 {
margin: 0 6px 6px 6px; }
.offer-thumb {
float: left;
margin: 0 10px 10px 0;
padding: 0;
border: 1px solid #333334; }

/* ====== footer ====== */
#footer {
width: 860px;
background: url(../images/footer-bg.gif) repeat-y;
margin: 0 auto;
padding: 0;
height: 33px;
clear: both; }
.footerleft {
float: left;
width: 400px;
margin: 0;
padding: 13px 0 0 10px;
text-align: left; }
.footerright {
float: right;
width: 400px;
margin: 0;
padding: 13px 10px 0 0;
text-align: right; }
#footer p {
font: normal 11px "Lucida Sans", Tahoma, Arial, Times New Roman, serif; color: #6a6a6a;
margin: 0;
padding: 0; }
#footer a {
color: #6a6a6a; text-decoration: none; }
#footer a:hover {
color: #6a6a6a; text-decoration: underline; }

/* ====== t&cs popup ====== */
#terms {
padding: 2px 0 0 0;
font: normal 11px/14px "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #999; 
background-color: #FFF; }
#terms p {
margin: 0 5px 10px 6px; }
#terms h2 {
font: bold 11px/14px "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #999; 
margin: 0 0 2px 6px; }
#terms a {
color: #003399; text-decoration: none; font-weight: bold; }
#terms a:hover {
color: #003399;
text-decoration: underline; }	

#right input{
	width: 222px;
}

#right textarea{
width: 222px;
height: 120px;
}

#right .submit {
width: 222px;
}

#mainleft p{
	font-weight: normal;
}

#mainleft .big{
font-size: 14px;
color:#003399; 
}

#business-table, #business-table td, #business-table tr{
border: none;
border-color: #fff;
}