/* ==== Cardiff Honda ==== */

/* ==== common ==== */

body, html {
margin:0; 
padding:0;
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;
color:#383838;
font-size:11px;
line-height:18px;
font-weight:normal;
background: url(../images/body-bg.gif) top no-repeat #ebebeb;}
img {
margin:0; 
padding:0;
border:0;}
.notes {
font-size:10px;
line-height:15px;
color:#949494;}
.clear {
clear:both;
height:0px;
overflow:hidden;}
#pages {
width:980px;
margin:0 auto;
padding:0;}



/* ====== Header ====== */

#header {
width:980px;
height:81px;
margin:0;
padding:35px 0 0 0;}
.header-left {
float:left;
height: 47px;
color:#436472;
text-align:left;
margin:0;
padding:0 0 0 18px;}
.honda-logo {
float:left;
margin:0 10px 0 0;
padding:0;
display:block;}
.logo {
font-size:42px;
font-weight:bold;
color:#2d4856;
margin:0;
padding:0;}
.telephone {
float: right;}



/* ====== nav ====== */

#nav {
width:976px;
margin:0;
padding:0;}	
#nav ul {
width:976px;
float:left;
display:inline;
list-style:none;
margin:0;
padding:0;
background:url(/images/nav-bg.gif) repeat-x;}
#nav li {
font-size:11px;
float:left;
margin:0;
padding:0;
display:inline;
background:url(/images/nav-divide.gif) 100% 50% no-repeat;}
#nav a {
color:#b9b9b9;
text-decoration:none;
font-weight:bold;
display:block;
margin:0;
padding:10px 12px 9px 12px;
color: #bfbfbf;}
#nav ul li a:hover {
color:#fff;
background:url(/images/nav-hover.gif) repeat-x;} 
#nav li ul {
position:absolute;
left:-999em;
height:auto;
margin:0;
padding:0;
width:194px;
w\idth:190px;
border-top:none;
border-right:none;
border-bottom:none;
border-left:solid 3px #941616;}
#nav li ul a {
width:150px;
margin:0;
background:#242424;
color:#b9b9b9;
padding:9px 0 9px 10px;
line-height:1.4em;
border-bottom:solid 1px #151515;}
#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:150px;} 



/* ==== layout ==== */

#content-wrapper {
width:976px;
margin:0 0 20px 0;
padding:1px;
background:#fff;
border:1px solid #cacaca;}
#content {
width:976px;
margin:0 auto;
padding:30px 0 0 0;
background:url(/images/content-bg.gif) top no-repeat #eaeaea;}
#used-content { /*full page span for used car pages */
width:938px;
margin:0 auto;
padding:30px 20px 0 18px;
background:url(/images/content-bg.gif) top no-repeat #eaeaea;}
#main {
width:432px;
float:left;
margin:0;
padding:0 20px 0 18px;}
#main p {
margin:0 0 12px 0;}
#main a:link,
#main a:active,
#main a:visited {
color: #a9231c;
text-decoration:none;
font-weight:bold;}	 
#main a:hover {
color:#a9231c;
text-decoration:underline;
font-weight:bold;}
#main a:hover img {
text-decoration:none;}
#main img a:hover {
text-decoration:none;}
img a:hover {
text-decoration:none;}
#main ul  {
margin:0 0 15px 30px; 
padding:3px;
/*list-style-type:none;*/
list-style-type:disc;}	
#main ul li  {
/*background-image:url(/images/bullet.png);
background-position:0 .28em;
background-repeat:no-repeat;*/
padding:0 0 9px 5px;}
#right { /* Right banners */
width:484px;
float:left;
margin:0;
padding:1px;
border: 1px solid #c5c5c5;
background:#fff;}
#right p {
margin:0;}
#banner-wrapper { /* Right banners */
margin:0;
padding:8px 8px 0 8px;
background:#d9d9d9;}
.banner-left {
float:left;
margin:0 0 10px 0;
padding:0;
display:block;}
.banner-right{
float:right;
margin:0 0 10px 0;
padding:0;
display:block;}



/* ==== headers ==== */

h1 {
font-size:24px;
line-height: 30px;
color:#a9231c;
margin:0 0 10px 0;
padding:0;}
h2 {
font-size:24px;
line-height: 30px;
color:#a9231c;
margin:0 0 10px 0;
padding:0;}
h3 {
font-size:20px;
line-height: 1em;
color:#a9231c;
margin:0 0 10px 0;
padding:0;}
h4 {
font-size:20px;
line-height: 1em;
color:#a9231c;
margin:0 0 10px 0;
padding:0;}



/* ==== Home search ==== */

#home-search-wrapper {
width:958px;
height:275px;
margin:0;
padding:18px 0 0 18px;
background:url(/images/home-search/insite-bg-270710.jpg) top left no-repeat;}
.home-search-offer {
float:right;
margin:0;
padding:0;
display:block;}



/* === speedy search === */

#speedy-search {
width:340px;
float:left;
overflow:hidden;
padding:10px 15px 0 15px;
margin:0;
color: #fff;
background:url(/images/home-search/home-search-bg.gif) top repeat-x;}	
#speedy-search a:link,
#speedy-search a:active,
#speedy-search a:visited {
color:#fff;
font-weight:bold;
text-decoration:none;}
#speedy-search a:hover{
color:#fff;
text-decoration:underline;}
#speedy-search-header {
font-size:36px;
line-height: 1em;
margin:0;}
.search-dropdown-left {
width:165px;
height:23px;
float: left;
margin:0 0 10px 0;
padding:4px 0 0 0;
font-size:10px;
color:#5a5858;
font-weight:normal;
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;}
.search-dropdown-right {
width:165px;
height:23px;
float: right;
margin:0 0 10px 0;
padding:4px 0 0 0;
font-size:10px;
color:#5a5858;
font-weight:normal;
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;}
#search-prices {
width:165px;
height:23px;
float: right;}
.search-price-from {
width:77px;
height:23px;
float: left;
margin:0 0 5px 0;
padding:4px 0 0 0;
font-size:10px;
color:#5a5858;
font-weight:normal;
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;}
.search-price-to {
width:77px;
height:23px;
float: right;
margin:0 0 5px 0;
padding:4px 0 0 0;
font-size:10px;
color:#5a5858;
font-weight:normal;
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;}
#speedy-search input.search {
width:252px;
height:33px;
float:left;
margin:3px 0 10px 0;
padding:0;
border:none;
cursor:pointer;
background:url(/images/home-search/speedy-search-submit.gif) no-repeat;}
#speedy-search input.reset {
width:77px;
height:33px;
float:right;
margin:3px 0 10px 0;
padding:0;
border:none;
cursor:pointer;
background:url(/images/home-search/speedy-search-reset.gif) no-repeat;}
#dvVehicleCount {
color:#fff;
font-size:11px;
margin:0 0 10px 0;
padding:0;}
.stockvehicles {
font-size:14px;
font-weight:bold;}



/* === new car landing pages === */

.new-thumb {
margin:10px 0 0 0;}
.new-car-image {
margin:0;
padding:0;
display:block;}
.new-car-price {
font-size:16px;
font-weight:bold;
color:#a9231c;
margin:0 0 10px 0;
padding:0;}
#tell-me-more-wrapper { /* Right banners */
width:484px;
float:left;
margin:0 0 15px 0;
padding:1px;
border: 1px solid #c5c5c5;
background:#fff;}
#tell-me-more { /* Right banners */
margin:0;
padding:8px 8px 8px 8px;
background:#d9d9d9;}
.tell-me-more-title {
font-size:24px;
line-height: 30px;
color:#a9231c;
margin:0 0 4px 0;
padding:0;}
#tell-me-more p {
margin:0;
padding:0;
line-height:22px;}
.tell-me-more-left {
float:left;
width:215px;
margin:0;
padding:0;
display:block;}
.tell-me-more-right{
float:right;
width:229px;
margin:0;
padding:35px 0 0 0;
display:block;}
.tell-me-more-tel {
font-size:16px;
font-weight:bold;}
#tell-me-more-form table {
margin:0;
padding:0;}
#tell-me-more-form input { 
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;
color:#6f6f6f;
font-size:11px;
width:221px;
margin:0 0 5px 0;
padding:3px;}
#tell-me-more-form input.submit {
float:left;
width:229px;
height:33px;
margin:0 ;
padding:0;
border:none;
cursor:pointer;
background:url(../images/new-cars/tell-me-more-button.jpg) no-repeat;}	



/* Promotions */

.offer-title {
font-size: 16px;
line-height:20px;
font-weight:bold;
color:#a9231c;}
.offer-saving {
font-size: 16px;
line-height:20px;
font-weight: normal;
color:#a9231c;
}
.offer-thumb {
float:right;
margin:0 0 0 7px;}
.offer-apr {
font-size: 18px;
font-weight:bold;}



/* ==== data tables ==== */

td, th {
font:11px Arial, Tahoma, Trebuchet MS, sans-serif; color: #383838;}
.datatable {
border:1px solid #cacaca;
border-collapse:collapse;
margin:0 0 15px 0;
padding:0;}
.datatable td, .datatable th {
font:10px Arial, Tahoma, Trebuchet MS, sans-serif; color: #383838;}
.datatable p {
margin:0;
padding:0;}
.datatable td {
border:1px solid #cacaca;
padding:5px;}
.datatable th {
background-color:#dedede;
font-weight:bold;
text-align:left;
padding:5px;
color:#383838;}



/* ==== Used Car Search ==== */

#searchbox {
width:412px;
margin:0 0 20px 0;
padding:5px 10px 5px 10px;
background:url(/images/advanced-search-bg.gif) top left no-repeat;}
#searchbox p {
margin:0 0 5px 0;
padding:0;
color:#fff;}
#searchbox td {
margin: 0;
padding: 0 0 6px 0;}
#searchbox table {
margin:11px 0 0 0;
padding:0;
border-collapse:collapse;}
#searchbox form {
margin:0;
padding:0;}
#searchbox td {
margin:0;
padding:0 0 8px 0;}
.search-select {
width:201px;
height:23px;
margin:0 10px 6px 0;
padding:4px 0 0 2px;	
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;
color:#5a5858;
font-weight:normal;
font-size:10px;}
.search-select-last {
width:201px;
margin:0 0 6px 0;
padding:4px 0 0 2px;
height:23px;	
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;
color:#5a5858;
font-weight:normal;
font-size:10px;}
.advanced-search {
width:282px;
height:33px;
float:left;
margin:0 17px 10px 0;
padding:0;
border:none;
cursor:pointer;
background:url(/images/advanced-search-submit.gif) no-repeat;}
.advanced-reset {
width:113px;
height:33px;
float:left;
margin:0 0 10px 0;
padding:0;
border:none;
cursor:pointer;
background:url(/images/advanced-search-reset.gif) no-repeat;}
.searchtxt {
padding:0;
margin:0 0 -12px 0;}
#searchbox #dvVehicleCount {
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;
color:#fff;
font-size:12px;
font-weight:bold;}
.advancedstockvehicles {
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;
color:#fff;
font-size:15px;
font-weight:bold;}



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

.listrowdiv {
width:938px;	
background-color:#999999;
margin:0 0 11px 0;}
#dvVehicleList {
margin:-10px 0 0 0;}
#dvVehicleList p {
line-height:24px;}
#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: 936px;
background: #f2f2f2;
border:1px solid #c5c5c5;
margin-bottom: 11px;
color:#444444;}
.listpagination td {
color:#333;
font-size:13px;}
.listpagination a:link,
.listpagination a:active,
.listpagination a:visited {
color: #a9231c;
text-decoration:none;
font-weight:bold;}	 
.listpagination a:hover {
color:#a9231c;
text-decoration:underline;
font-weight:bold;}
.listthumb {
margin:4px 0;
width:185px;
height:131px;
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:938px;
font-size:12px ;
padding:3px 0 3px 0;
padding:0 20px 0 0;
display:block;}
#dvVehicleList .nostripe {
background-color:#f2f2f2;
margin-bottom:11px;
width:936px;
line-height:19px;
padding:0 20px 0 0;
border:1px solid #c5c5c5;}
#dvVehicleList .stripe {
background-color:#f2f2f2;
margin-bottom:11px;
width:936px;
line-height:19px;
padding:0 20px 0 0;
border:1px solid #c5c5c5;}
#dvVehicleList .nostripeover, #dvVehicleList .stripeover  {
background-color: #f2f2f2;
cursor:hand;
cursor:pointer;
border:1px solid #c5c5c5;
margin-bottom:11px; 
width:936px;
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 Details Page */

#dvVehicleDetail table {
border:0;}
#used-title {
display:block;
font:normal 22px  Arial, Helvetica, sans-serif; color: #dae0eb;
padding:0;
margin:-15px 0 0 0;
color:#a9231c;}
#details-main {
float:left;
width:680px;
margin:0;
padding:20px 0 0 0;}
#details-left {
float:left;
width:340px;
margin:0;
padding:0}
#details-photos-container {
float:right;
width:316px;
margin:0;
padding:1px;
border:1px solid #dbdbdb;
background:#fff;}
#details-photos {
float:right;
width:300px;
margin:0;
padding:8px;
background:#e3e3e3;}
.mainimg {
width:300px;
height:225px;
margin:0 0 9px 0;}
.thumb {
margin:0 0 6px 0;}
.thumb2 {
margin:0 6px 6px 6px;}
.imgsubtitle {
margin:0;
padding:2px 0 2px 10px;
background: #d8d8d8;
text-transform:capitalize;}
.details-divide {
margin: 5px 0 15px 0;}
#details-right {
float:right;
width:238px;
margin:0;
padding:20px 0 0 0;}
#would-like-to-container {
margin:0 0 15px 0;
padding:1px;
border:1px solid #dbdbdb;
background:#fff;}
#would-like-to {
margin:0;
padding:8px;
background:#e3e3e3;}
#would-like-to ul,
#details-left ul {
margin:0 0 0 20px; 
padding:3px;
list-style-type:disc;}	
#would-like-to ul li,
#details-left ul li{
padding:0 0 9px 5px;}
#would-like-to a:link,
#would-like-to a:active,
#would-like-to a:visited {
color: #a9231c;
text-decoration:none;
font-weight:bold;}	 
#would-like-to a:hover {
color:#a9231c;
text-decoration:underline;
font-weight:bold;}
#dealer-details-container {
margin:0;
padding:1px;
border:1px solid #dbdbdb;
background:#fff;}
#dealer-details {
margin:0;
padding:8px;
background:#e3e3e3;}
#details-tel {
font-size:18px;
color:#3a3636;
font-weight:bold;
margin:10px 0 0 0;}



/* Find Us */

#directions  {
width:310px;
background-color:#f2f2f2;
margin:10px 0 15px 0;
padding:10px 10px;
font:normal 11px Arial, Helvetica, sans-serif; color: #383838;
border:1px solid #c5c5c5;}
#directions form {
margin:0;
padding:0;
font:normal 11px/16px Arial, Helvetica, sans-serif;}
#directions input {
font:normal 11px/16px Arial, Helvetica, sans-serif; color: #4d4d4d;
width:100px;
margin:0;
padding:2px;}
#directions input.submit {
font:normal 11px/16px Arial, Helvetica, sans-serif;
width:30px;
margin:0;
padding:0;}



/* Contact Form  */

#contact-form {
float:left;
width:410px;
margin:0;
padding:10px;
background:#f2f2f2;
border:1px solid #c5c5c5;}
#contact-form table {
margin:0;}
#contact-form td {
margin:0;
padding:0 0 5px 0;}
#contact-form  p {
margin:0;
padding:0;
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;
color:#383838;
font-size:11px;}
#contact-form form {
margin:0;
padding:0;}
#contact-form input {
margin-top:5px;}
#contact-form select {
width:244px;
float:right;
margin:0 0 6px 0;
padding:4px 0 0 2px;
height:24px;	
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;
color:#383838;
font-size:11px;}
.contactwidth {
width:240px;
float:right;
margin:0 0 6px 0;
padding:4px 0 0 2px;
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;
color:#383838;
font-size:11px;
height:18px;}
#contact-form  input.chkbox {
margin:0 6px 0 0;
padding:0;
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;
color:#383838;
font-size:11px;
border:0;}
.contact-textarea {
width:240px;
height:130px;
float:right;
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;
color:#383838;
font-size:11px;
margin:0 0 0 0;
padding:2px 0 0 4px;}
#txtEnquiry {
width:200px;
margin:10px 0 0 5px;
padding:2px 0 0 4px;
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;
color:#383838;
font-size:11px;}
.chkbox {
margin:10px 5px 0 0;
float:left;}
.white {
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;
color:#383838;
font-size:11px;}
#dvOriginalDisclaimer {
float:left;	
font-family:Arial, Tahoma, Trebuchet MS, sans-serif;
color:#383838;
font-size:11px;
color:#686e70;
margin:10px 0 5px 0;}
.contactsearchbutton {
width:246px;
height:32px;
float:right;
margin:0;
padding:0;
border:none;
cursor:pointer;
background:url(/images/contact-form-button.gif) no-repeat;}
#contact-description {
color:#6b6b6b;
font-size:11px;
margin:0 0 20px 0;}



/* ==== footer ==== */

#footer {
width:940px;
margin:20px auto 0 auto;
padding:10px 0 20px 0;
border-top:1px solid #cacaca;}
#footer p {
margin:0;
padding:0;
font-size: 11px;
color:#888888;}
#footer a:link,
#footer a:active,
#footer a:visited {
color:#888888;
text-decoration:none;}	
#footer a:hover {
color:#383838;
text-decoration:underline;}

	

/* ====== Sifr ====== /*


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .logo, h1, h2, h3, h4, #speedy-search-header, .tell-me-more-title {
	visibility: hidden;
}