/* BG GREY: #d1d1d1 DARK BLUE: #00034f MID BLUE: #17628a PALE BLUE: #b4d1ec DARK GREEN: #03773e */ /* GENERAL STYLES */ body,html { background:url(images/bg.gif) repeat-x #d1d1d1; font-family:"Trebuchet MS", tahoma, Arial, sans-serif; color:#444; } a { text-decoration: none; color:#000000; } a:hover { text-decoration:underline; } .content a { text-decoration:underline; } .content a:focus{outline:none;} .content a:hover { color:#03773e; } .content h1 {color:#17628a;font-size:30px; letter-spacing:1px; font-weight:normal; margin-top:0; } .content h2, .content h2 a {color:#17628a;font-size:16px; font-weight:bold; } .content hr { width:100%; clear:both; height:1px; color:#fff; background-color:#fff; border-top:dotted 1px #707070; margin: 10px 0 15px 0; display:block; } .content td.align-center { text-align:center; } img.floatRight { float:right; margin:5px 0 5px 10px; } img.floatLeft { float:left; margin:5px 10px 5px 0; } th.header { background: url(images/sort-bg.gif) no-repeat center left #17628A; cursor: pointer;padding-left:20px; color:#fff; } th.headerSortUp { background-image: url(images/asc.gif); color:#003551; background-color: #B4D1EC; } th.headerSortDown { background-image: url(images/desc.gif); color:#003551; background-color: #B4D1EC; } .content tr.odd { background:#E0E7EF; } .content table.hover tr:hover { background:#B4D1EC; } .content table.layout, .content table.layout td { border:none; } ul.horizontal li { float:left; } ul.horizontal li a { display:block; } /* MAIN BLOCKS */ #container { width:850px; margin: 0 auto; background:#fff; } #header-top { background:#00034f; height:22px; color:#fff; padding:12px 15px 0 15px; text-align:right; font-size:11px; } #header-top a { color:#fff; } #header-main { background:url(images/header-main-bg.jpg) no-repeat; height:152px; padding:0 15px; } #logo { margin:22px 0 0 4px; } #nav { background:#17628a; height:40px; color:#fff; font-size:14px; padding:0 0 0 8px; font-weight:bold; overflow:hidden; } #nav li { padding: 8px 0 0 0; } #nav li a { display:block; padding: 5px 10px; background:url(images/nav-divider.gif) no-repeat right; color:#fff; font-size:12px;} #nav li a:hover { text-decoration:underline; } #nav li a.last { background:none; } #car { width:281px; height:127px; position:relative; float:right; top:-157px; background:url(images/car.png) no-repeat; margin: 0 10px -167px 0; } #main { padding: 18px 18px 0 18px; } #content { width:600px; float:left; padding:0 18px 0 0; } #content-wide { overflow:hidden; padding:0 0 0 0; } #col-right { width:195px; float:right; overflow:hidden; } #footer { font-size:12px; color:#003551; text-align:center; padding:18px 18px 18px 18px;line-height:1.4em; clear:both;} #footer a {color:#003551; } #footer-nav a { color:#fff; } #footer-nav { text-align:left; background:#003551; color:#fff; margin: 0 0 10px 0; padding:10px 0; } #footer-nav div { float:left; width:27%; padding:0 3%; } #footer-nav h3 { font-size:18px; font-weight:normal; color:#1cafd8; border-bottom:solid 2px #1cafd8; margin: 0 0 7px 0; padding: 0 0 3px 0; } /* HOME PAGE */ .homepage-snippet { overflow:hidden; } .homepage-snippet h2 a { text-decoration:none; } .homepage-snippet h2 a:hover { text-decoration:underline; } .homepage-snippet img { float:left; margin:0 20px 0 0; } .homepage-snippet:hover img { float:left; margin:0 15px 0 5px; } .homepage-snippet:hover h2 a { text-decoration:underline; color:#03773E; } /* NEWS ITEMS */ .news-item {border-bottom:dotted 1px #17628a; margin:0 0 10px 0; padding:5px 10px 5px 0; } .news-item h2 {margin:5px 0; } .news-item img {float:left; margin:0 20px 10px 0; } .newsDate {color:#17628A; margin:0 0 5px 0; } #news #content h2 a { text-decoration:none; } /* PANELS */ .panel { margin:0 0 15px 0; } .panel .buttonrow { text-align:right; } .panel input { width:97%; } .panel .buttonrow input { width:auto; } #panel-search h3 { width:88px; height:16px; text-align:center; font-size:12px; padding:5px 0 0 0; background:url(images/tab-lblue.gif) no-repeat; color:#003551; } #panel-search {color:#003551; font-size:12px; line-height:1.2em;padding:2px 1px; } #panel-search .inner { background:#b4d1ec; padding:7px 10px; } #panel-search form { margin:4px 0 0 0; } #panel-search label { display:none; } #panel-search select { width:100%; } #panel-search form div { padding:4px 0; } #panel-enews { border-top:solid 2px #17628a; border-bottom:solid 2px #17628a; padding: 1px 0; color:#fff; font-size:12px; line-height:1.2em; } #panel-enews .inner { background:#17628a; padding:8px 10px 7px 10px; } #panel-enews h3 { font-size:18px; font-weight:normal; margin:0 0 8px 0; } #panel-enews form { margin:4px 0 0 0; } #panel-enews label { padding:0 0 2px 0; display:block; font-weight:bold; text-align:left; width:auto; float:none; display:inline-block; } #panel-enews div { padding:4px 0; } #panel-enews input { width:auto; } #panel-enews input[type=text] { width:170px; } /* FEATURE VEHICLES */ #featured-vehicles { padding: 0 0 0 0; } #featured-vehicles .vehicle { float: left; width:195px; } #featured-vehicles .vehicle-details { border-left:dotted 1px #707070; padding:0 0 0 20px; } #featured-vehicles .vehicle-details.no-border { border-left:none; } #featured-vehicles .vehicle img { display:block; margin:0 auto; } #featured-vehicles .title { color:#2b2b2b; text-transform:uppercase; font-weight:bold; display:block; } #featured-vehicles .title a { text-decoration:none; } #featured-vehicles .price, #vehicle-details .price { color:#1b94d4; font-size:18px; display:block; } #featured-vehicles .details { display:block; } #home-description { color:#003551; padding:0 0 0 25px; display:block; } #featured-vehicles .view-details-button { display:block; width:99px; height:21px; background:url(images/view-details-button.jpg) no-repeat left top; margin: 5px 0; } #featured-vehicles .view-details-button:hover { background-position:left bottom; } #featured-vehicles .view-details-button span { display:none; } #vehicles .next-button { display:block; width:99px; height:21px; background:url(images/next-button.jpg) no-repeat left top; margin: 5px 0; } #vehicles .next-button:hover { background-position:left bottom; } #vehicles .next-button span { display:none; } /* SPECIAL OFFERS PANEL */ #panel-offers { border-top:solid 2px #17628a; border-bottom:solid 2px #17628a; padding: 1px 0; color:#003551; font-size:12px; line-height:1.2em; } #panel-offers .inner { background:#b4d1ec; padding:7px 10px; } #panel-offers h3 { font-size:18px; font-weight:normal; margin:0 0 6px 0; } #panel-offers .offer { padding:5px 0; border-bottom:solid 1px #17628a; } #panel-offers .offer img { border:solid 1px #17628a; float: right; margin:0 0 5px 5px; } #panel-offers .offer .title { padding:0 0 0 0;font-size:12px; line-height:16px; color:#003551; display:block; font-weight:bold; } #panel-offers .offer .details { font-size:12px; display:block; } #panel-offers .offer .price { padding:10px 0 5px 0;display:block; font-size:16px; font-weight:bold; color:#ff0000; } #panel-offers .offer a { color:#003551; } .offer-type { font-weight:bold; display:block; font-size:13px; text-align:right; margin-bottom:5px; } #van-leasing #vehicle-image { float:left; padding:0 0 10px 0; } /* VEHICLE DETAILS PAGE */ #vehicle-summary { padding: 10px; overflow:hidden; background:none; clear:left; border-top:4px solid #17628A; } #contract-enquiry { padding: 10px; overflow:hidden; background:none; clear:left; border-top:4px solid #17628A; } #vehicle-image { float:left; padding:0 0 10px 0; } #vehicle-description { float:right; width:500px; margin:0 0 10px 0; } #available-contracts th { background:#003551; color:#fff; } #available-contracts table, #available-contracts th, #available-contracts td { border-color:#17628A; } #price { color:#1b94d4; font-size:24px; line-height:1.4em; } #available-contracts { float:right; clear:right; width:500px; margin:0 0 20px 0; } #vehicle-details, #contract-details { width:270px; float:left; clear:left; padding:15px 0 0 0; margin:0 0 20px 0; text-align:center; } #small-print { float:right; width:500px; } #small-print ul { padding:0; margin:0 0 0 15px; } #small-print li { font-size:11px; line-height:12px; color:#3D3B46; padding:0; margin:0 0 4px 0; } #vehicle-enquiry-form { width:500px; float:right; } #vehicle-enquiry-form form { margin:-2px 0 -2px 0; z-index:0; border:solid 2px #17628A; border-width:0 2px; } #vehicle-form-header { height:10px; background:url(images/veh-form-header.gif) no-repeat; z-index:10; position:relative; } #vehicle-form-footer { height:10px; background:url(images/veh-form-footer.gif) no-repeat; position:relative; } /* Ex fleet */ #van-leasing .content #vehicle-form {background:url(images/veh-form-bg.gif) repeat-y; border:none; width:404px; overflow:hidden; padding:15px 10px 15px 10px; margin:0; } #van-leasing-vehicle-summary {padding: 10px; width:580px; clear:left; border:solid 2px #17628A; float:left; position:relative; } .corner-tr { width:13px; height:13px; background:url(images/corner-tr.gif) no-repeat; position:absolute; top:-2px; right:-2px; } .corner-br { width:13px; height:13px; background:url(images/corner-br.gif) no-repeat; position:absolute; bottom:-2px; right:-2px; } .corner-bl { width:13px; height:13px; background:url(images/corner-bl.gif) no-repeat; position:absolute; bottom:-2px; left:-2px; } #van-leasing-enquiry {padding: 10px; width:580px; clear:left; border:solid 2px #17628A; float:left; position:relative; } .price-prefix { font-size:11px; color:#666666; } .price-suffix { font-size:11px; color:#666666; } #van-leasing #price { color:#1b94d4; font-size:24px; line-height:1.4em; text-align:right; display:block; float:right; padding-right:20px; } #van-leasing #vehicle-details { display:block; clear:both; width:240px; padding:20px 0 0 0; margin:0 0 20px 0; } #contact-form form {background:url(images/contact-form-bg.gif) no-repeat transparent; border:none; width:404px; height:338px; overflow:hidden; padding:10px 10px 10px 10px; } .caption { font-size:10px; text-align:center; line-height:10px; } p#prices { font-size:11px; line-height:12px; margin:0 0 4px 0; } /* TABBED CONTENT AREAS */ ul.tab-links { float:left; display:block; list-style: none; margin: 0; padding: 0;} ul.tab-links li { display: block;float:left; margin:0 1px 0 0;} ul.tab-links li a { width:120px;display:block; text-align:center; padding:3px 0;background:url(images/tab-bg-lblue.gif);color:#003551;text-decoration: none; margin-top:4px;} ul.tab-links li a.selected, ul.tab-links li a.selected:hover {background:url(images/tab-bg-blue.gif) #17628A; color:#fff;margin-top: 0;padding:5px 0; } ul.tab-links li a:hover {background-color: #B4D1EC;color:#003551;margin-top: 0px;padding:5px 0;} ul.tab-links li a:focus {outline: 0;} div.rounded {clear:left; padding: 10px; border:2px solid #17628A; -moz-border-radius-topright:2ex; -moz-border-radius-bottomright:2ex; -moz-border-radius-bottomleft:2ex; -webkit-border-top-right-radius:2ex; -webkit-border-bottom-right-radius:2ex; -webkit-border-bottom-left-radius:2ex; } /* hack for border surrounding google map page */ #branches, #contact-form {padding: 10px; width:580px; height:440px; background:url(images/rounded-bg.gif) no-repeat; clear:left;} div.tabs div h2 { margin-top: 0;} div.tabs h3 { margin-top:0; font-size:13px; color:#476616; } /* PRICE LIST TABLE */ #myTable { border:none; } #myTable td, #myTable th { border-right:none; border-bottom:none; padding-top:4px; padding-bottom:4px; padding-left:20px; } /* Forms */ .content form { margin: 10px 0 10px 0; padding: 15px 10px 5px 10px; background:#B4D1EC; width:400px; overflow:hidden; border:solid 1px #17628A; } p.legend { margin: 1em; } p.legend em { color: #C00; font-style: normal; } form p { margin: 0; } form p.note { margin: 0 0 0 120px; font-size: 90%; color: #333; } form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; } form legend { font-weight: bold; color: #888888; } form div { padding: 2px 10px; } form div:after { display:block; visibility:hidden; clear:both; height:0; content: "."; } form fieldset div { padding: 2px 0; } label, span.label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: right; position: relative; } label em, span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; } textarea { width:240px; height:130px; } input:focus,textarea:focus { background-color: #F0F9FD; border-color: #00AEEF; } div.controlset label, div.controlset input { display: inline; float: none; } div.controlset div { margin-left: 120px; } div.buttonrow { padding-left: 130px; } div.errors { } div.errors p { margin:0; } div.errors em { font-weight:bold; } div.errors li { color: #C00; } input.long { width: 200px; } /* MISC */ .subnav-link { background:#1B94D4; color:#fff; font-size:14px; padding:0 0; display:block; text-align:center; font-weight:bold; border:solid #17628A; border-width:1px 0 1px 0; margin:10px 0 0 0; } .subnav-link:hover { background:#17628A; } .subnav-link span { border:solid #fff; border-width:1px 0 1px 0; display:block; padding:5px 0; } #why-lease-link { margin-bottom:10px; } #download-pricelist { text-align:right; padding:0; position:relative; top:-50px; margin:0 0 -45px 0; } #download-pricelist img { vertical-align:middle; } #home-intro {color:#17628a; font-size:18px; letter-spacing:1px; font-weight:normal; line-height:1.4em; } .access { float:left; position:absolute; left:-3000px; } #map { width:380px; height:360px;} .clear { width:100%; clear:both; height:1px; padding:0; margin:0; } .align-right { text-align:right; } /* clearfix */ .clearfix:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }