/* ----- Master Style Sheet for Leasing Quote ----- */
/* ----- Author: Mang Creative - 0845 33 12 987  ----- */
/* ----- Year : 2009 ----------------- */
/* ----- CSS Document -----*/

body { font-family: Arial, Helvetica, sans-serif; margin: 0px auto; text-align: center; }
#wrapper { position: relative; margin: 0 auto; top: 10px; width: 980px; text-align: left; background-color: #fff; }
img { border: 0; }
a { cursor: pointer; }

/************** header styles *****************/

#header-links { width: 100%; height: 21px; background-color: #23317C; }
.header-left { float: left; }
.header-right { float: right; }

#header { width: 978px; height: 75px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.logo-left { margin: 10px 0 0 15px; float: left; }
.logo-right { margin: 15px 20px 0 15px; float: right; }
 
/************** header menu styles *****************/
 
a.bookmark { cursor:hand; float: left; display: block; width: 127px; height: 20px; background: url("../images/header/bookmark.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.bookmark { cursor:hand; background-position: -140px 0; }
a.advertising { float: left; display: block; width: 135px; height: 20px; background: url("../images/header/advertising.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.advertising { background-position: -139px 0; }
a.text1 { float: right; display: block; width: 25px; height: 20px; background: url("../images/header/textsize-normal.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.text1  { background-position: -25px 0; }
a.text2 { float: right; display: block; width: 30px; height: 20px; background: url("../images/header/textsize-large.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.text2 { background-position: -30px 0; }

/************** main menu styles *****************/

#menu_container {margin:0; position:relative; width:100%; height:25px; z-index:100;  background:#23317C; }
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}
#pmenu a, #pmenu a:visited {display:block; width:130px; font-size:11px; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:10px; border:1px solid #fff; border-width:0 1px 1px 1px;}
#pmenu li ul li a, #pmenu li ul li a:visited {border-width: 1px 1px 0 1px;}

#pmenu li {float:left; background:#23317C; }
#pmenu li:hover {position:relative;}
#pmenu li:hover > a {background:#dfd7ca; color:#23317C;}
#pmenu li ul {display:none;}
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(../images/misc/transparent.gif); width:125px;}
#pmenu > li:hover > ul {left:-30px; top:16px;}

#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
* html #pmenu li a:hover {position:relative; background:#dfd7ca; color:#23317C;}
#pmenu li a:active, #pmenu li a:focus {background:#dfd7ca; color:#23317C;}
#pmenu li.fly, #pmenu li.drop {background:#23317C; }

* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(../images/misc/transparent.gif);}
#pmenu li a:hover ul ul{ visibility:hidden; }
#pmenu li a:hover ul { visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px; }

/************** breadcrumb styles *****************/

#breadcrumb { width: 958px; border-bottom: 1px solid #cecece; padding: 5px 0 10px 0; text-align: left; height: 12px;}
#breadcrumb-left { width: 50%; float: left;  }
#breadcrumb-right { width: 40%; float: right; text-align: right; }
.breadcrumb { font-size: 0.7em; color: #666; font-weight: bold; }
a.breadcrumb { color: #23317C; text-decoration: none; margin: 0 8px 0 8px; font-size: 1.0em; }
a.breadcrumb:hover { text-decoration: underline; }

a.print { margin: 0 10px 0 0; float: right; display: block; width: 36px; height: 16px; background: url("../images/options/header-print.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.print { background-position: -36px 0; }
a.email { margin: 0 10px 0 0; float: right; display: block; width: 36px; height: 16px; background: url("../images/options/header-email.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.email { background-position: -36px 0; }
a.save { margin: 0 10px 0 0; float: right; display: block; width: 36px; height: 16px; background: url("../images/options/header-save.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.save { background-position: -36px 0; }
a.saved { margin: 0 10px 0 0; float: right; display: block; width: 36px; height: 16px; background: url("../images/options/header-saved.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.saved { background-position: -36px 0; }
a.pages { margin: 0 10px 0 0; float: right; display: block; width: 69px; height: 16px; background: url("../images/options/header-pages.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.pages { background-position: -69px 0; }
a.share { margin: 0 10px 0 0; float: right; display: block; width: 36px; height: 16px; background: url("../images/options/header-shared.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.share { background-position: -36px 0; }

/************** homepage styles *****************/

#homepage { width: 958px; height: 335px; float: left; padding: 0 10px 0 10px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
#homepage-1 { background: url("../images/homepage/homepage-box-1.jpg") no-repeat;  padding: 15px; height: 290px; width: 310px; font-size: 0.85em; color: #000; float: left; }
#homepage-2 { background: url("../images/homepage/homepage-box-2.jpg") no-repeat;  padding: 15px; height: 290px; width: 400px; font-size: 0.85em; color: #000; float: left; }
#homepage-3 { background: url("../images/homepage/homepage-box-3.jpg") no-repeat;  padding: 15px 0 15px 15px; height: 290px; width: 173px; font-size: 0.85em; color: #000; float: left; }

.form-select-car { width: 200px; height: 25px; font-size: 1.15em; color: #000; margin: 48px 0 0 0; }
.form-select-van { width: 200px; height: 25px; font-size: 1.15em; color: #000; margin: 115px 0 0 0; }
*html .form-select-van { margin: 115px 0 0 0; }
.table-cars { margin: 45px 0 0 0; }
.font-news-title { font-size: 1.3em; color: #333; text-align: left; }
.font-news-body { font-size: 0.9em; line-height: 1.7em; color: #333; }
a.font-news-body { font-size: 0.9em; color: #23317C; text-decoration: none; }
a.font-news-body:hover { text-decoration: underline; }

.select-all { margin: 15px 0 8px 0; }
* html .select-all { margin: 15px 0 -17px 0; } 
a.select-all { font-size: 0.9em; color: #23317C; text-decoration: none; }
a.select-all:hover { text-decoration: underline; }

#nav-seo-locations { margin: 22px 0 0 0; overflow: auto; white-space: nowrap; height: 68px; width: 155px; padding-left: 2px; border: 1px #999 solid; background-color: #fff; }

a.type-hatchback { margin: 0 0 0 -5px; float: left; display: block; width: 90px; height: 50px; background: url("../images/homepage/type-hatchback.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.type-hatchback { background-position: -90px 0; }
a.type-saloon { margin: 0 5px 0 5px; float: left; display: block; width: 90px; height: 50px; background: url("../images/homepage/type-saloon.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.type-saloon { background-position: -90px 0; }
a.type-coupe { margin: 0; float: left; display: block; width: 90px; height: 50px; background: url("../images/homepage/type-coupe.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.type-coupe { background-position: -90px 0; }

a.type-estate { margin: 10px 0 0 -5px; float: left; display: block; width: 90px; height: 50px; background: url("../images/homepage/type-estate.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.type-estate { background-position: -90px 0; }
a.type-mpv { margin: 10px 5px 0 5px; float: left; display: block; width: 90px; height: 50px; background: url("../images/homepage/type-mpv.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.type-mpv { background-position: -90px 0; }
a.type-4x4 { margin: 10px 0 0  0; float: left; display: block; width: 90px; height: 50px; background: url("../images/homepage/type-4x4.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.type-4x4 { background-position: -90px 0; }

a.type-convertible { margin: 10px 0 0 -5px; float: left; display: block; width: 90px; height: 50px; background: url("../images/homepage/type-convertible.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.type-convertible { background-position: -90px 0; }
a.type-luxury { margin: 10px 5px 0 5px; float: left; display: block; width: 90px; height: 50px; background: url("../images/homepage/type-luxury.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.type-luxury { background-position: -90px 0; }
a.type-van { margin: 10px 0 0 0; float: left; display: block; width: 90px; height: 50px; background: url("../images/homepage/type-van.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.type-van { background-position: -90px 0; }

/************** content styles *****************/

h1 { font-size: 1.3em; font-weight: normal; color: #23317C; padding: 0 auto; margin: 10px 0 10px 0; }
h2 { font-size: 1.3em; font-weight: normal; color: #333333; padding: 0 auto; margin: 5px 0 10px 0; }

h1 a { color: #23317C; text-decoration: none; }
h1 a:hover { color: #333; }

.content { font-size: 0.725em; color: #0a0a0a; line-height: 1.7em; text-align: left; }
.content-inner { font-size: 0.725em; color: #0a0a0a; line-height: 1.7em; text-align: left; margin: 15px; }
.content-inner-cars { font-size: 0.725em; color: #0a0a0a; line-height: 1.7em; text-align: left; margin: 10px 15px 15px 15px; }

a.page-options { color: #23317C; text-decoration: none; }
.title-carselect { color: #23317C; font-size: 0.8em; padding: 10px 0 0 4px;}

#top { width: 100%; height: 330px; }
#middle { width: 980px; height: 60px; background-color: #23317C; border-bottom: 7px solid #23317C; border-top: 7px solid #23317C; }

#car-menu { background: url(../images/menu/carleasing.gif); width: 224px; height: 110px; float: left; padding: 40px 0 0 29px; }
.car-menu { margin: 0; padding: 0; }

#car-left { float: left; width: 49%;}
#car-right { float: right; width: 49%;}

.menuother { margin: none; float: left; border: 0; }

/************** layout styles *****************/

#content { width: 958px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 5px 10px 15px 10px; }
#content-container { width: 100%;  }
#content-left { float: left; width: 700px; margin: 0; background: #f1efe2; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#content-right { margin-left: 715px; background: #f1efe2; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#content-full { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#content-full-test { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 200px; }

#content-quote-1-full { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 240px; }
#content-quote-1-full-cars { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 315px; }
#content-quote-2-full { clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 310px;}
#content-quote-3-full { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 530px; }
#content-quote-4-full { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 750px; }

#content-quote-pickup-step1 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 240px; }
#content-quote-pickup-step2 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 400px; }

#content-sub { width: 762px; margin: 10px 0 5px 0; }

#content-left-2 { float: left; width: 49%;}
#content-right-2 { float: right; width: 49%;}

.divider { width: 100%; margin: 5px 0 0 0; padding: 0 auto; clear: both; }

#intro { width: 100%; margin: 10px 0 10px 0; height: 175px; }
.intro { font-size: 0.7em; color: #333; line-height: 1.7em; text-align: left; }
a.intro { color: #23317C; text-decoration: none; font-size: 1.0em; }
a.intro:hover { text-decoration: underline; }
.intro-left { float: left; width: 590px;  }
.intro-right { float: left; width: 130px; text-align: left; margin: 0 0 0 20px; }

#cars { width: 100%; padding: 10px 0 10px 0; }
.imglink { margin: 0 auto; padding: 0 auto; }

tr.d0 td { background-color: #F1EFE2; color: black; }

a.screen, a.screen:visited { position:relative; z-index:1; color: #23317C; text-decoration: none;}
a.screen b { position:absolute; visibility:hidden; width: 115px; height:0; border:1px solid #666; left:0; top:-105px; } 
a.screen:hover { text-decoration: underline;  border:0; z-index:1000; }
a.screen:hover b { background: #fff; visibility:visible; height:100px; cursor:pointer; z-index:500; }
a.screen:hover b img { border:0; text-align: center; }

/************** tabbed pages styles *****************/

.advertising-tabs { width: 100%; }
.advertising-tabs li { list-style:none; float:left; }
.advertising-tabs ul a { display:block; padding: 11px 0px 14px 45px; *height: 27px; width: 170px; text-decoration:none!important; margin-left:0; font-size: 0.7em; color:#666; background: url(../images/tabbed/advertising-off.gif) no-repeat; }
.advertising-tabs ul a:hover { background: url(../images/tabbed/advertising-hover.gif) no-repeat; } 
.advertising-tabs ul a.selected:hover { background: url(../images/tabbed/advertising-on.gif) no-repeat; } 
.advertising-tabs ul a.selected { margin-bottom:0; color:#23317C; background: url(../images/tabbed/advertising-on.gif) no-repeat; font-weight: bold; }
.advertising-tabs div { padding:15px; *padding-top:10px; *margin-top:-15px; clear:left; background:#f1efe2; font-size:0.725em; color:#0a0a0a; line-height:1.7em; text-align:left; border-bottom: 1px solid #ccc; }

.white-tabs { width: 100%; }
.white-tabs li { list-style:none; float:left; }
.white-tabs ul a { display:block; padding: 11px 0px 14px 45px; *height: 27px; width: 170px; text-decoration:none!important; margin-left:0; font-size: 0.7em; color:#666; background: url(../images/tabbed/white-off.gif) no-repeat; }
.white-tabs ul a:hover { background: url(../images/tabbed/white-hover.gif) no-repeat; } 
.white-tabs ul a.selected { margin-bottom:0; color:#23317C; background: url(../images/tabbed/white-on.gif) no-repeat; font-weight: bold; }
.white-tabs div { padding:15px; *padding-top:10px; *margin-top:-15px; clear:left; background:#fff; font-size:0.725em; color:#0a0a0a; line-height:1.7em; text-align:left; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }


/************** car styles *****************/

#content-cars { padding: 10px 0 10px 0; }
#content-cars-left { float: left; width: 350px; margin: 0; }
#content-cars-right { margin-left: 375px; padding: 0 0 0 25px; max-width: 36.25em; margin: 0; background: #f1efe2; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.model-list { border: 1px solid #cecece; margin: 0 0 10px 0; }

/************** offers login content styles *****************/

#intro-offers { width: 760px; margin: 10px 0 5px 0; }
.login { font-size: 0.7em; }
.login-error { color: #FF0000; font-weight: bold; font-size: 0.7em; }
.form-error { color: #FF0000; font-weight: bold; }

.offers-left { float: left; width: 120px; padding-right: 20px; }
.offers-right { float: right; width: 590px; text-align: left; }

/************** three column list styles *****************/

ol {  width: 57em; float: left; /* room for 3 columns */ }
ol li { float: left; width: 14em;  /* accommodate the widest item */ }

/************** form styles *****************/

.carselection { width: 225px; height: 20px; font-size: 0.8em; }
.button-submit { cursor: pointer; margin-top: 20px; background : url(../images/buttons/submit.gif); border: none; width: 155px; height: 20px; }

.field { font-size: 1.2em; width: 15em; }
.quotefield1 { font-size: 1.1em; width: 15em; }
.quotefield2 { font-size: 1.0em; width: 20em; height: 5em; }

.fleet-select { width: 11em; height: 1.5em; vertical-align: middle; }
.fleet-select-2 { width: 4em; }

/************** table styles *****************/

.tr-3-col { height: 30px; }

/************** links styles *****************/

.clear { clear: both; }

#links { width: 958px; font-size: 0.7em; padding: 10px; overflow: hidden; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
#linkslist { list-style-type: none; margin: 0; padding: 0; }
#linkslist li { border-right: 1px solid #999; float: left; line-height: 1.1em; margin: 0 0.5em 0 -0.5em; padding: 0 1em 0 1em; white-space: nowrap; }

#linkslist-2 { list-style-type: none; margin: 0; padding: 0; }
#linkslist-2 li { border-right: 1px solid #999; float: left; line-height: 1.1em; margin: 0 0.5em 0 -0.5em; padding: 0 1em 0 1em; white-space: nowrap; }

a.links { color: #23317C; text-decoration: none; }
a.links:hover { text-decoration: underline; }

#keywords { display:block; height: 15px; overflow: hidden; text-align: left; position:absolute; z-index:3; top:690px; bottom:52px; width:980px; background:#fff; color: #999; margin-bottom: 5px; }
.keywords { font-size: 0.7em;  color: #999; }

.tla a { font-size: 0.7em; color: #23317C; text-decoration: none; }

/************** footer menu styles *****************/

#footer { width: 100%; height: 20px; background-color: #23317C; }
 
a.dealers { float: left; display: block; width: 125px; height: 20px; background: url("../images/footer/cardealers.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.dealers { background-position: -139px 0; }
a.aboutus { float: left; display: block; width: 115px; height: 20px; background: url("../images/footer/aboutus.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.aboutus { background-position: -139px 0; }
a.sitemap { float: right; display: block; width: 90px; height: 20px; background: url("../images/header/sitemap.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.sitemap  { background-position: -140px 0; }
a.terms { float: right; display: block; width: 127px; height: 20px; background: url("../images/header/terms.gif") 0 0 no-repeat; text-decoration: none; overflow: hidden; }
a:hover.terms { background-position: -140px 0; }