/* 
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; }
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; float:left; }

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; }
#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; }

/* 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; }
#panel-enews div { padding:4px 0; }

/* 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; }


/* VEHICLE PAGE */
#vehicles #vehicle-image,
#exfleet #vehicle-image { float:left; padding:0 0 10px 0; }
#vehicles #vehicle-details,
#exfleet #vehicle-details { display:table; width:240px; float:right; padding:20px 0 0 0; margin:0 0 20px 0; }
#vehicles #contract-options { float:left; clear:left; padding:0 0 0 0;margin:0 20px 20px 0;}
#vehicles #contract-options h2, #vehicles #contract-details h2 { margin:0; padding:0; }
#vehicles #contract-options form { width:280px; margin-bottom:0; }
#vehicles #contract-details { width:240px; float:right; padding:0 0 0 0; }
#vehicles #price,
#exfleet #price { color:#1b94d4; font-size:24px; line-height:1.4em;  }

#vehicles #vehicle-summary form {background:url(images/contract-options-form-bg.gif) no-repeat transparent; border:none; width:284px; height:114px; overflow:hidden; padding:10px; }

#vehicles .content #vehicle-form,
#exfleet .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; }
#vehicle-form-header { height:10px; background:url(images/veh-form-header.gif) no-repeat; }
#vehicle-form-footer { height:10px; background:url(images/veh-form-footer.gif) no-repeat; }

#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; }
ul#small-print{ font-size:10px; line-height:10px; color:#3D3B46; padding:0; margin:0 0 4px 16px; }

/* 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, #vehicle-summary, #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 */
#why-lease-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; }
#why-lease-link:hover { background:#17628A; }
#why-lease-link span { border:solid #fff; border-width:1px 0 1px 0; display:block; padding:5px 0; }

#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: "."; }