/* 
Copyright 2005 Jackie's Rent A Car. All Rights Reserved. 
Author: Mat Wiseman 
------------------------------------------------------
General Elements
Page Structure
Typography
Links
Navigation
Footer
Forms
------------------------------------------------------ */
/* GENERAL ELEMENTS */
html { 
padding: 0;
margin: 0;
}
body {
font: normal 11px/20px Verdana, Helvetica, Arial, sans-serif;
color: #000;
background: #A6CBDE url(images/bg.gif);
text-align: center;
margin: 0;
padding: 0;
}
/* PAGE STRUCTURE */
#wrap {
width: 770px;
margin: 0 auto;
padding: 0;
background: url(images/copybg.gif) top left repeat-y;
}
#content {
margin: 0;
padding: 0;
width: 770px;
text-align: left;
}
#left {
width: 250px;
padding: 0;
margin: 0;
float: left;
background: url(images/leftbg.gif) top left repeat-y;
}
#copy {
width: 520px;
padding: 0;
margin: 0;
float: right;
}
#copyinside {
width: 520px;
padding: 0;
margin: 0;
float: right;
background: #A6CBDE;
}
#steps {
width: 520px;
height: 199px;
padding: 0;
margin: 0;
background: url(images/steps.jpg) top left no-repeat;
float: right;
}
#display {
width: 520px;
height: 150px;
padding: 0;
margin: 0;
background: url(images/display.jpg) top left no-repeat;
float: right;
}
#displayinside {
width: 520px;
height: 150px;
padding: 0;
margin: 0;
background: url(images/displayinside.gif) top left no-repeat;
float: right;
}
.howto {
width: 160px;
float: left;
padding: 50px 0 0 10px;
margin: 0;
}
#colleft {
width: 260px;
float: left;
padding: 0;
margin: 0;
}
#colright {
width: 260px;
float: right;
padding: 0;
margin: 0;
}
#words {
width: 520px;
float: left;
padding: 0;
margin: 0;
}
.group {
width: 520px;
float: left;
padding: 0 0 10px 0;
margin: 0;
border-bottom: 1px solid #B8D8E8;
}
/* TYPOGRAPHY */
.howto p {
margin: 0; 
padding: 5px 0; 
font: normal 11px/16px Verdana, Helvetica, Arial, sans-serif;
color: #fff;
}
p {
margin: 0; 
padding: 5px 20px; 
}
h1 {
font: bold 18px/25px Arial, Verdana, "Trebuchet MS", sans-serif;
color: #fff;
padding: 47px 0 0 220px; 
letter-spacing: 1px;
margin: 0;
}
h2 {
font: bold 12px "Lucida Grande", Verdana, "Trebuchet MS", sans-serif;
color: #CCCC99;
padding: 0; 
margin: 0;
}
h2 span {
font: bold 20px Arial, Verdana, "Trebuchet MS", sans-serif;
color: #FFFFCC;
padding: 0 2px;
}
h3.fleet {
font: bold 12px/31px Verdana, "Trebuchet MS", sans-serif;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: url(images/h3fleet.gif) repeat-x;
margin: 0;
height: 31px;
}
h3.hiring {
font: bold 12px/31px Verdana, "Trebuchet MS", sans-serif;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
background: url(images/h3hire.gif) repeat-x;
margin: 0;
height: 31px;
}
h4 {
color: #006699;
margin: 0; 
padding: 5px 20px; 
font: bold 12px/20px Verdana, "Trebuchet MS", sans-serif;
}
.division {
padding: 0;
width: 150px;
margin: 30px 10px 0 70px;
border-top: 1px solid #B8D8E8;
float: right;
color: #006699;
font: normal 10px/14px Verdana, Helvetica, Arial, sans-serif;
}
em {
font: italic 10px/14px Verdana, Helvetica, Arial, sans-serif;
}
.more {
background: #8DC2DD;
margin: 5px;
border: 1px solid #B8D8E8;
color: #fff;
}
/* LINKS */
a.logo {
width: 250px;
height: 179px;
background: url(images/logo.gif) no-repeat;
float: right;
padding: 0;
margin: 0;
}
a.logo:hover {
background: url(images/logo.gif) 250px 0;
}
.thumb {
margin: 0;
padding: 10px;
}
.slide {
margin: 7px;
padding: 3px;
float: left;
border: 1px solid #B8D8E8;
}
a {
color: #336699;
text-decoration: none;
padding: 2px;
background: #B8D8E8;
}
a:hover, a:active {
background: #fff;
}
a img {
border: none;
}
.howto a {
color: #CCCC99;
background: none;
}
.howto a:hover {
color: #fff;
background: none;
}
h3 a {
color: #fff;
background: url(images/arrow.gif) 100% 50% no-repeat;
padding: 0 20px;
}
h3 a:hover {
color: #fff;
background: url(images/arrowon.gif) 100% 50% no-repeat;
}
#quickmenu ul {
margin: 0 10px 0 0;
padding: 0;
list-style: none;
float: right;
width: 150px;
}
#quickmenu li {
font: normal 10px/14px Verdana, Helvetica, Arial, sans-serif;
margin: 0;
padding: 5px 0;
}
#quickmenu a:link, #quickmenu a:visited {
margin: 0;
display: block;
padding: 0 20px 0 0;
background: url(images/arrow.gif) 100% 50% no-repeat;
}
#quickmenu a:hover {
color: #336699;
background: #B8D8E8;
}
/* NAVIGATION */
ul#menu {
margin: 0;
padding: 33px 0 0 0;
list-style-type: none;
width: 203px;
height: 167px;
float: right;
background: url(images/nav.gif) top right no-repeat;
}
ul#menu a {
font: bold 12px Arial, Times, "Times New Roman", "Lucida Grande", "Trebuchet MS", serif;
display: block;
color: #fff;
margin: 0;
text-decoration: none;
height: 15px;
padding: 4px 0 4px 40px;
letter-spacing: 1px;
background: none;
}
#menu li.current a {
color: #AC0000;
}
#menu a:hover {
color: #006699;
}
/* FOOTER */
#footer {
font: normal 9px/17px Verdana, Helvetica, Arial, sans-serif;
text-align: right;
padding: 50px 0 0 0;
clear: both;
width: 770px;
margin: 0;
color: #006699;
background: url(images/footerbg.gif) no-repeat top left;
}
#footerinside {
font: normal 9px/17px Verdana, Helvetica, Arial, sans-serif;
text-align: right;
padding: 40px 0 0 0;
clear: both;
width: 770px;
margin: 0;
color: #006699;
background: url(images/footerinsidebg.gif) no-repeat top left;
}
#footer a {
font-size: 9px;
color: #336699;
}
#footer a:hover {
text-decoration: none
}
/* FORMS */
dl.fleetinfo {
margin: 0;
padding: 0 2px; 
float: left;
height: 146px;
}
.fleetinfo dt {
color: #006699;
font: bold 12px/20px Verdana, "Trebuchet MS", sans-serif;
}
.fleetinfo dd {
margin: 0 0 5px 0;
padding: 0;
} 
dl.contact {
margin: 0;
padding: 30px 10px 0 0; 
float: right;
text-align: right;
}
dt {
margin: 0;
padding: 5px 0; 
font-weight: bold;
}
dd {
margin: 0 0 5px 0;
padding: 0 12px; 
}
#copy form {
width: 200px;
padding: 0;
margin: 0 10px;
}
label { 
width: 100%; 
display: block; 
font: normal 11px/30px Verdana, Helvetica, Arial, sans-serif;
color: #006699;
}
.inp {
width: 180px;
border: 1px solid #B8D8E8;
color: #000;
background: #8DC2DD;
}
select {
width: 180px;
border: 1px solid #B8D8E8;
color: #006699;
background: #8DC2DD;
font: normal 11px/18px Verdana, Helvetica, Arial, sans-serif;
}
textarea { 
border: 1px solid #B8D8E8;
color: #000;
background: #8DC2DD;
}
.rates {
width: 510px;
padding: 0;
margin: 0 0 0 10px;
float: left;
display: inline;
}
th {
font: bold 10px/14px Verdana, Helvetica, Arial, sans-serif;
color: #006699;
border-bottom: 1px solid #B8D8E8;
letter-spacing: 1px;
text-align: left;
padding: 6px 6px 6px 12px;
}
th.nobg {
border-top: 0;
border-left: 0;
background: none;
color: #ffffcc;
font: bold 10px/14px Verdana, Helvetica, Arial, sans-serif;
padding: 0;
margin: 0;
}
td {
border-right: 1px solid #B8D8E8;
border-bottom: 1px solid #B8D8E8;
background: none;
padding: 6px 6px 6px 12px;
font: normal 10px/14px Verdana, Helvetica, Arial, sans-serif;
color: #fff;
}
td.alt {
background: #8DC2DD;
}
td.conditions {
background: #6AB6DD;
border-left: 1px solid #B8D8E8;
}
th.type {
border-left: 1px solid #B8D8E8;
border-top: 0;
background: none;
font: normal 10px/14px Verdana, Helvetica, Arial, sans-serif;
letter-spacing: 0;
text-transform: none;
color: #006699;
}
th.typealt {
border-left: 1px solid #B8D8E8;
border-top: 0;
background: #8DC2DD;
font: normal 10px/14px Verdana, Helvetica, Arial, sans-serif;
letter-spacing: 0;
text-transform: none;
color: #006699;
}