@charset "utf-8";
/* CSS Document */

body {
 background-color: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #373634;
 margin-top: 0px;
 margin-bottom: 0px;
}

#wrap {
 width: 868px;
 margin: 0px auto;
}

#header {
 width: 868px;
 height: 171px;
 background-image: url(images/find-my-ride_header.jpg);
 background-repeat: no-repeat;
}

#menu {
 width: 848px;
 height: 31px;
 position: absolute;
 padding-left: 20px;
 top: 140px;
}

#specials {
 width: 868px;
 height: 245px;
 background-image: url(images/specials-background.jpg);
 background-repeat: no-repeat;
}

#car-logos {
 width: 278px;
 float: right;
}

#content-block {
 width: 590px;
 background-image: url(images/content-background.gif);
 background-repeat: repeat-y;
 text-align: justify;
 float: left;
}

#block {
 width: 590px;
 min-height: 496px;
 background-image: url(images/content.jpg);
 background-repeat: no-repeat;
}

#content-footer {
 width: 590px;
 height: 34px;
 background-image: url(images/content-footer.gif);
 background-repeat: no-repeat;
}

#content-block-specials {
 width: 859px;
 background-image: url(images/content-background-specials.gif);
 background-repeat: repeat-y;
 text-align: justify;
 float: left;
}

#block-specials {
 width: 859px;
 min-height: 496px;
 background-image: url(images/content-specials.jpg);
 background-repeat: no-repeat;
}

#content-footer-specials {
 width: 859px;
 height: 34px;
 background-image: url(images/content-footer-specials.gif);
 background-repeat: no-repeat;
}


.content {
 width: 460px;
 padding-left: 80px;
 padding-top: 25px;
}

.content-specials {
 width: 760px;
 padding-left: 80px;
 padding-top: 25px;
}

h1 {
 font: normal 24px Arial, Helvetica, sans-serif;
 color: #373634;
 text-align: left;
}

h2 {
 font: normal 18px Arial, Helvetica, sans-serif;
 color: #6c780f;
 text-align: left;
}

h3 {
 font: bold 15px Arial, Helvetica, sans-serif;
 color: #6c780f;
 text-align: left;
 padding-top: 0px;
 margin-top: 0px;
 padding-bottom: 0px;
 margin-bottom: 0px;
}

.bold-black {
 font: bold 15px Arial, Helvetica, sans-serif;
 text-align: left;
}

#footer {
 width: 868px;
 height: 190px;
 background-image: url(images/footer-background.gif);
 background-repeat: no-repeat;
 font-size: 10px;
 color: #ffffff;
 text-align: center;
}

.footer-text {
 width: 848px;
 padding-left: 20px;
 padding-top: 70px;
}

a {
 color: #bacc2c;
 text-decoration: underline;
}

a:hover {
 color: #000000;
 text-decoration: none;
}
 
.green { color: #475306; }

.long {
 width: 200px;
 border: 1px solid #a3a3a3;
}

.button {
 width: 175px;
 height: 60px;
 background-image: url(images/submit.gif);
 background-repeat: no-repeat;
 border: 0px solid #a3a3a3;
}

.button-quote {
 width: 175px;
 height: 60px;
 background-image: url(images/get-quote.gif);
 background-repeat: no-repeat;
 border: 0px solid #a3a3a3;
}


/* MENU */
.chromestyle{
   width: 780px;
   font-weight: bold;
   padding-left: 29px;
   padding-top: 2px;
   font-size: 11px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
   
}

.chromestyle ul{
   border: 0px solid #cdcdcd;
   width: 100%;
   padding: 8px 0;
   margin: 0;
   text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
   display: inline;
}

.chromestyle ul li a{
   color: #ffffff;
   padding: 8px 7px;
   margin: 0;
   text-decoration: none;
   border-right: 1px solid #4f4f4f;
}

.chromestyle ul li a:hover{
   color: #4f4f4f;
   text-decoration: none;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
   content: " v";/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
   position:absolute;
   top: 0;
   border: 1px solid #BBB; /*THEME CHANGE HERE*/
   border-bottom-width: 0;
   font: normal 12px Arial;
   line-height: 18px;
   z-index: 100;
   background-color: white;
   width: 200px;
   visibility: hidden;
   filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
   width: auto;
   display: block;
   text-indent: 3px;
   border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
   padding: 2px 0;
   text-decoration: none;
   font-weight: bold;
   color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
   width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
   background-color: #F0F0F0;
}