/* Global */
* { padding: 0; margin: 0; }
html { overflow-x: auto; overflow-y: scroll; }
html, body { height: 100%; }
body { font-size: 62.5%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(images/body-bg.jpg) repeat-y top center #ECECEC; }
img { border: 0; }
body, textarea, input, option, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
/* Classes */
.printonly { display:none;}
.warning { }
embed {padding-top:0; margin-top:0;}
/* Structure */
#banner { height: 26px; background: url(images/banner-bg.gif) repeat-x top left; }
#bar { width: 720px; margin: 0 auto; }
#branding-bar { float: left; width: 260px; }
#menu-bar { height: 26px; float: left; width: 460px; background: url(images/menu-bar-bg.gif) no-repeat top left #2B2B2B; }
#master-container { min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -94px 0; }
#container { width: 720px; margin: 0 auto; background-color: #FFF; }
#header { clear: both; height: 213px; }
#header-flash { height: 213px; width: 484px; float: left; }
#header-logo { height: 213px; width: 484px; float: left; }
#logo { padding: 43px 0 0 11px; }
#header-dashboard { height: 213px; width: 236px; float: right; background-color: #2B2B2B; }
#header-dashboard h3 { color: #FFFFFF; padding-left:15px;}
#header-dashboard h3 a, #header-dashboard h3 a:visited { color: #D52B20; }
#motor_mini { color: #e0e0e0; padding-left:15px;}
#bottom, .push { height: 94px; }
.push { clear: both; }
#bottom { clear: both; }
#footer { width: 720px; margin: 0 auto; height: 94px; }
/* Facebook */
#facebook_footer { position: absolute; top: 10px; left: 10px; width: 450px; }
/* ShareThis */
#with-sidebar .sharethis_button { padding: 8px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: 8px 0; }
/* Content */
#content { clear: both; background-color: #FFF; border:18px solid #fff; }
.content-module { float: left; width: 216px; background-color: #EBEBEB; margin-bottom: 18px; }
.content-module h2 { width: 209px; height: 32px; border-left: 7px solid #D52B20; }
.content-module h2 span { display: none; }
.content-module-box { height: 122px; padding: 14px; }
.new-cars-flipper { height: 150px; }
.content-module-offers { height: 60px; padding: 70px 0 0 16px; }
.content-module h2.search-our-stock { background: url(images/car-search-module.gif) no-repeat 9px 9px #D5D5D5; }
.content-module h2.our-services { background: url(images/repairs-maintenance.gif) no-repeat 9px 9px #D5D5D5; }
.content-module h2.in-stock-module { background: url(images/in-stock-cars.gif) no-repeat 9px 9px #D5D5D5; }
.content-module h2.about-us { background: url(images/h2-about-us.gif) no-repeat 9px 9px #D5D5D5; }
.content-module h2.our-news { background: url(images/h2-our-news.gif) no-repeat 9px 9px #D5D5D5; }
.content-module h2.media-zone { background: url(images/media-zone.gif) no-repeat 9px 9px #D5D5D5; }
.content-module h2.new-car-module { background: url(images/new-cars-module.gif) no-repeat 9px 9px #D5D5D5; }
.content-module-box ul { list-style: none; }
.content-module-box ul li { padding-left: 14px; font-size: 1.2em; line-height: 1.6; background: url(images/red-arrow-grey-bg.gif) 4px 7px no-repeat }
.content-module-box ul li a { color: #000; text-decoration: none; }
.module-offers-text { padding: 10px 0 0 10px; width: 190px; height: 46px; background: url(images/offer-bubble.png) no-repeat top left; }
.module-offers-text h3 { color: #DD2B1F; font-size: 1.5em; padding-left: 3px; }
.module-offers-text p { padding: 1px 0 0 1px; color: #DD2B1F; font-size: 1em; }
.module-offers-text h3 small { font-size: 0.6em; font-weight: normal; }
.rrp { color: #6A6A6A; }
.dropdown-search { font-size: 1em; width: 180px; }
.search-button { color: #FFF; border: 1px solid #D5D5D5; background-color: #707070; padding: 0; font-size: 1em; margin-left: 0px; }
.margin-six-bottom { margin-bottom: 6px; }
/* Banner */
#branding-bar h1 { width: 260px; height: 26px; background: url(images/title.gif) no-repeat 12px 0; }
#branding-bar h1 span { display: none; }
#menu-bar ul { padding: 0; margin: 0px; padding-left: 30px; list-style: none; }
#menu-bar ul li { float: left; padding: 0 0 0 4px; margin: 0px; }
/* Bottom of the page stuff */
#bottom-details { position: relative; clear: both; margin: 10px 0; height: 93px; }
#motability-bottom { height: 61px; float: left; width: 325px; background: url(images/mobility-and-ads.jpg) no-repeat top left; padding: 32px 0 0 125px; }
#motability-bottom p { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 1.1em; color: #38484D; line-height: 1.5; }
#motability-bottom p a, .icons-module p a { color: #0C2577; text-decoration: underline; }
#icons-bottom { float: right; width: 216px; }
.icons-module { float: left; width: 72px; }
.icons-module img { padding: 0 2px; }
.icons-module p { text-align: center; padding: 0; margin: 0; line-height: 1.2; font-size: 1.1em; }
/* Motability Page */
#motability-container { float: left; clear: both; margin: 10px 0 20px 0; }
.motability-module { float: left; width: 220px; }
.motability-module p { text-align: center; }
/*
#menu-bar ul li span { display: none; }
#menu-bar ul li.our-stock { background: url(images/our-stock.gif) no-repeat top left; width: 85px; height: 24px; }
#menu-bar ul li.our-services { background: url(images/our-services.gif) no-repeat top left; width: 101px; height: 24px; }
#menu-bar ul li.about-us { background: url(images/about-us.gif) no-repeat top left; width: 72px; height: 24px; }
#menu-bar ul li.contact-us { background: url(images/contact-us.gif) no-repeat top left; width: 88px; height: 24px; }
*/
/* Header */
#header-dashboard ul { padding: 10px 0 10px 10px; list-style: none; }
#header-dashboard ul li { padding-left: 14px; font-size: 1.1em; line-height: 1.7; background: url(images/red-arrow.gif) 4px 7px no-repeat;}
#header-dashboard ul li a { color: #FFF; text-decoration: none; }
#header-dashboard h2 span { display: none; }
#header-dashboard h2 { height: 32px; width: 236px; background: url(images/dashboard-link.gif) no-repeat 14px 10px #000; }
#header-dashboard form { margin: 0 16px 16px 16px; }
#header-dashboard .form-text { font-size: 1em; border: 1px solid #D5D5D5; margin-bottom: 4px; padding: 2px; width: 198px; }
#header-dashboard .form-button { font-size: 1em; border: 1px solid #D5D5D5; margin-left: 4px; background-color: #707070; color: #FFF; float: right; }
/* Footer */
#footer ul { list-style: none; padding: 5px 0 0 20px; clear: both; }
#footer ul li { display: inline; font-size: 1em; }
#footer ul li a { text-decoration: none; color: #DC2C21; }
#footer .mobility-logo { float: right; padding-right: 10px; }
#sidebar {width:220px;float:left; }
#with-sidebar {width:440px; float:left; border-left: 18px solid #ffffff; }
#with-sidebar H1 {font-size: 3em; background-color: #ffffff; }
#with-sidebar H2 {font-size: 2em; background-color: #ffffff; margin-top:6px; color: #DC2C21;}
#with-sidebar H3 {font-size: 1.5em; background-color: #ffffff; margin-top:4px; }
#with-sidebar p {font-size: 1.1em; background-color: #ffffff; margin-top:6px; }
#with-sidebar li {font-size: 1.1em; background-color: #ffffff; margin-top:4px; margin-left:25px;}
#with-sidebar img { }
#with-sidebar strong img {width:auto; border-left:0px none #D52B20; padding-right:5px; float:left;}
#with-sidebar a{ text-decoration:none; color:#000000; font-weight:bold;}
#with-sidebar a:hover{ text-decoration:underline; color:#DC2C21; font-weight:bold;}
#with-sidebar ul {}
#with-sidebar li{list-style: none; font-size:1.1em; padding:2px; }
#with-sidebar li a{ padding:2px; margin:2px; text-decoration:none; color:#000000; border-left:5px solid #DC2C21; font-weight:bold;}
#with-sidebar li a:Hover{ border-left:5px solid #000000;}
/* motors */
#registration,#make,#model,#specificaton,#colour,#engsize,#motorbody,#fuel, #trans, #motortrim,#regdate,#regyear ,#mileage ,#price,#owners,#motorstatus,#offer,#siteid,#glasscode,#capcode { font-size: 1.3em; margin-top:4px; }
#registration strong,#make strong ,#model strong,#specificaton strong ,#colour strong ,#engsize strong ,#motorbody strong,#fuel strong ,#trans strong,#motortrim strong ,#regdate strong ,#regyear strong ,#mileage strong,#price strong ,#owners strong,#motorstatus strong,#offer strong ,#siteid strong ,#glasscode strong ,#capcode strong{ font-size: 1.5em; }
#registration {}
#make {}
#model {}
#specificaton {}
#colour {}
#engsize { }
#motorbody {;}
#fuel { }
#trans { }
#motortrim {}
#regdate {}
#regyear {}
#mileage {}
#price { width:100%; clear:both; font-size:20px; border-top:1px solid #c0c0c0;}
#owners {}
#motorstatus {}
#offer {}
#siteid {}
#glasscode {}
#capcode {}
#registration strong{
font-size: 14px;
}
#make strong {
font-size: 14px;
}
#model strong{
color:#CA401E;
font-size: 14px;
}
#specificaton strong {
font-size: 14px;
}
#colour strong {
font-size: 14px;
}
#engsize strong {
font-size: 14px;
}
#motorbody strong{
font-size: 14px;
}
#fuel strong {
font-size: 14px;
}
#trans strong{
font-size: 14px;
}
#motortrim strong {
font-size: 14px;
}
#regdate strong {
font-size: 14px;
}
#regyear strong {
font-size: 14px;
}
#mileage strong{
font-size: 14px;
}
#price strong {
font-size:28px;
}
#owners strong{
font-size: 14px;
}
#motorstatus strong{
font-size: 14px;
}
#offer strong {
font-size: 14px;
}
#siteid strong {
font-size: 14px;
}
#glasscode strong {
font-size: 14px;
}
#capcode strong{
font-size: 14px;
}
.spec{
font-size: 14px;
width:430px;
min-height: 17px;
background-color: #FFFFFF;
display:block;
border-bottom:0px solid #b0b0b0;
padding: 4px;
font-size: 12px;
}
/* search */
#search_results {}
#search_results .search_car {
display:block;
border-bottom:1px solid #b0b0b0;
color:#404040;
}
#search_results .search_car img{
width:120px;
}
#search_results .search_car a, #search_results .search_car a:visited{
text-decoration:none;
color:#000000;
}
#search_results .search_car a strong {
color:#000000;
}
#search_results .search_car a .price {
font-size:12px;
color:#DC2C21;
}
#search_related .search_car_related {
display:block;
border-bottom:1px solid #b0b0b0;
color:#404040;
}
#search_related .search_car_related a {
text-decoration:none;
color:#000000;
}
#search_related .search_car_related .price {
font-size:12px;
color:#DC2C21;
}
.search_car{
background-color: #FFEEEE;
margin: 5px;
padding: 10px;
min-height:30px;
width: 400px;
font-size: 18px;
}
.search_car_related{
background-color: #EEEEEE;
margin: 2px;
padding: 10px;
min-height:30px;
width: 386px;
font-size: 18px;
}
#search_related{
min-height: 120px;
width: 100%;
}
#wideform{width: 440px; background:#ffffff;}
#wideform h2 { border-left: 7px solid #D52B20; padding-left:6px; background:#D5D5D5 ; text-transform:uppercase; padding-top:7px; padding-bottom:7px; padding-left:6px; font-size:12px; color:#000000;}
#wideform input, textarea, select, option { width:220px; font-size:1em;}
#colour, #engsize, #motorbody, #fuel, #trans, #mileage, #owners, #siteid { display:block; width:180px; float:left;}
#fancypanel {width:160px; float:right; border:1px dotted #ffffff; color:#ffffff; text-align:right; padding:5px; margin:5px;}
.formFinanceTable input, textarea, select, option {width:200px;}
.radio {width:20px;}
/* START OF STOCK PANEL CSS */
#panele {
width:216px;
height:150px;
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
overflow:hidden;
}
#avcoverlay {
padding:10px;
color:#ffffff;
width:100px;
height:150px;
font-size:10px;
font-weight:bold;
background:#000000;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}
#avcoverlay strong {
font-size:18px;}
#avcoverlay a , a:hover, a:visited{color:red; text-decoration:none;}
.hoverastic {font-size:10px; width:10px; height:12px; border:1px solid #ffffff; color:#ffffff; background:#808080; float:right; padding:4px; font-weight: bold; margin:6px; text-decoration:none; text-align:center; cursor:pointer; padding-top:2px; padding-bottom:2px;}
.hoverastic:hover { color:#808080; background:#e0e0e0; cursor:pointer; }
/* END OF STOCK PANEL CSS */