/* ----- Master Style Sheet for Leasing Quote ----- */
/* ----- Author: Ableit - 0845 33 12 987  ----- */
/* ----- Year : 2007 ----------------- */
/* ----- CSS Document -----*/

body { font-family: Arial, Helvetica, sans-serif; margin: 0px auto; text-align: center; }
img { border: 0; }

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

#wrapper { position: relative; margin: 0 auto; top: 10px; width: 762px; text-align: left; background-color: #fff; }

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

#header { width: 760px; height: 90px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.logo-left { margin: 15px 0 0 15px; float: left; }
.logo-right { margin: 20px 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: 125px; 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; }

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

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

#menu_container {margin:0; position:relative; width:100%; height:25px; z-index:100; }
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}
#pmenu a, #pmenu a:visited {display:block; width:188px; 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; }

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

h1 { font-size: 1.3em; font-weight: normal; color: #333333; 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; }

#top { width: 100%; height: 330px; }
#middle { width: 760px; height: 60px; background-color: #23317C; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; 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; }

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

#content { width: 740px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 5px 10px 5px 10px; }

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

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

#intro { width: 100%; margin: 10px 0 10px 0; }
.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; padding-right: 20px; }
.intro-right { float: right; width: 120px; text-align: left; }

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

tr.d0 td { background-color: #CECECE; 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; padding: 10px; border:1px solid #000; left:0; top:-150px; } 
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; }

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

#intro-offers { width: 99%; 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 */ }
br { clear: left; } /* separate the list from what follows it */

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

.carselection { width: 225px; height: 20px; font-size: 0.8em; }
.makeselection { width: 200px; height: 25px; font-size: 15px; margin-bottom: 5px; }
.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; }
.quotefield2 { font-size: 1.0em; width: 15em; height: 5em; }

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

#links { width: 740px; 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-left: 1px solid #999; float: left; line-height: 1.1em; margin: 0 0.5em 0 -0.5em; padding: 0 0.75em 0 0.75em; white-space: nowrap; }
a.links { color: #23317C; text-decoration: none; }
a.links:hover { text-decoration: underline; }

#footer { width: 100%; height: 20px; background-color: #23317C; }

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

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

#new-keywords { display:block; position:absolute; z-index:3; top:710px; bottom:52px; background:#fff; margin-bottom: 5px; width: 100%; }
.new-keywords { font-size: 0.7em; color: #666; line-height: 1.7em; }
#keywords-left { float: left; width: 60%; }
#keywords-right { float: left; width: 39%; }