/* INITIAL */ body,h1,h2,h3,h4,h5,h6,a,ul,ol,li,p,div,span,table,td,tr,blockquote,dl,dt,dd,form,button { margin: 0 0 0 0; padding: 0 0 0 0; text-indent: 0; float: none; } body { background-color: black; } h1 { font-size: 1.4em; margin-bottom: 1em; text-transform: uppercase; } h2 { font-size: 1.2em; color: #016A9C; text-transform: uppercase; } h2.organization-name { font-size: 1.1em; text-transform: none; } h3 { font-size: 1.1em; } h4 { font-size: 1em; } p, #contentPane table { margin-bottom: 0.57em; } a { text-decoration: none; color: #016A9C; font-weight:bold; } a:hover { text-decoration: underline; } .note { font-size: smaller; display: inline; } .alert { color: red; } li.alert { list-style-position: inside; } .error { border: 1px solid red; } /* --LAYOUT-- */ body { font-size: 76%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } body #main { margin: 1em auto; width: 980px; position: relative; background-color: #000; padding: 0 0 0 0; border: none; } /* MAIN MENU */ #dynamicMenu { background: url(american/menu-bar2.jpg) repeat-x 0 0; height: 30px; font-size: 1em; text-transform: uppercase; width: 980px; } #dynamicMenu li { list-style: none; float: left; position: relative; z-index: 1; } #dynamicMenu li a { line-height: 30px; color: #CCC; padding: 0; width: 157px; display: block; text-align: center; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; border-right: 1px solid black; } #dynamicMenu li a:hover { background: url(american/hover-btn.jpg) repeat-x 0 0; text-decoration: none; } body.about-us #dynamicMenu li.AboutUs a, body.listingItemList #dynamicMenu li.CarsampRates a, body.listingItemDetails #dynamicMenu li.CarsampRates a, body.reservationForm #dynamicMenu li.Reservations a, body.home #dynamicMenu li.Home a, body.cars-and-rates #dynamicMenu li.CarsampRates a, body.faq #dynamicMenu li.FAQ a, body.contact #dynamicMenu li.ContactUs a, #dynamicMenu li a:active { background: url(american/bown-btn.jpg) repeat-x 0 0; } #dynamicMenu ul.level2 { display: none; position: absolute; top: 34px; left: 0; } #dynamicMenu ul.level2 a { background-color: #FE9900; width: 190px; height: auto; padding: 0; border-top: 1px solid #FED067; border-bottom: 1px solid #D27E02; background-image: none; font-size: 0.85em; text-align: left; padding: 0 18px 0 15px; line-height: 25px; } /*#dynamicMenu ul.level2 li.RecommendedRealtors a { line-height: 20px; }*/ #dynamicMenu li:hover ul, #dynamicMenu li.over ul { display: block; } #dynamicMenu .level2 li a { display: block; color: white; width: 11.5em; } #dynamicMenu .level2 a:hover { background-color: #FE9900; color: #C24E02; text-decoration: underline; } #dynamicMenu .level2 ul { display: none; } /* HEADER */ #header { background: transparent url(american/bg_header.jpg) no-repeat 0 0; } #obj1 { position: relative; z-index: 0; } #logo { width: 375px; height: 130px; position: absolute; top: 12px; left: 65px; z-index: 5; } #logo img { display: none; } #logo a { width: 375px; height: 130px; display: block; } #logo a:hover { text-decoration: none; } #siteMenu { position: absolute; right: 10px; top: 90px; } #siteMenu li { margin-left: 20px; float: left; } #siteMenu li.firstItem { list-style: none; } #siteMenu li a { border: none; color: black; } #siteSearchForm { position: absolute; top: 0.8em; right: 1em; } #siteSearchForm input { border: 1px solid black; width: 150px; background-color: #D5CCBB; } #siteSearchForm button { width: 17px; height: 20px; background: url(american/go-button.gif) no-repeat 0 2px; border: none; text-indent: -1000em; margin-left: 0.75em; cursor: pointer; } #siteSearchForm #searchErrors { position: absolute; z-index: 2; width: 350px; right: 0; top: 32px; text-align: center; font-weight: bold; background-color: #CC0001; color: white; line-height: 2em; } /* OUTER */ #inner { position: relative; z-index: 1; width: 980px; } #contentPane { background-color: #E7F4F5; min-height: 26.75em; padding: 1em; position: relative; } * html #contentPane { height: 25.75em; } body.viewArticle #contentPane, body.faq #contentPane, body.contact #contentPane, body.cars-and-rates #contentPane, body.sitePage #contentPane, body.home #contentPane, body.listingItemList #contentPane, body.reservationForm #contentPane, body.listingItemDetails #contentPane { border: 1px solid #BFDEE8; border-width: 0 350px 0 230px; position: relative; } body.viewArticle #contentPane, body.faq #contentPane, body.contact #contentPane, body.sitePage #contentPane, body.listingItemList #contentPane, body.reservationForm #contentPane, body.listingItemDetails #contentPane { border-width: 0 0 0 158px; background: #E7F4F5 url(american/faq_arrow.gif) no-repeat 0 17px; } body.viewArticle #contentPane h1, body.faq #contentPane h1, body.sitePage #contentPane h1, body.contact #contentPane h1, body.listingItemList #contentPane h1, body.reservationForm #contentPane h1, body.listingItemDetails #contentPane h1 { position: absolute; left: -158px; color: #016A9C; width: 158px; text-align: center; } #contentPane #itemsPerPageField { float: right; margin-bottom: 0.57em; } #contentPane table th, #contentPane table td { border: 1px solid #343F43; text-align: center; padding: 0 0.5em; } #contentPane table th.empty, #contentPane table td.empty { border-width: 0; } #contentPane table td.rates { width: 100px; } body.cars-and-rates #contentPane .legend { border: 1px solid #343F43; width: 606px; } body.cars-and-rates #contentPane .legend p { margin-bottom: 0; font-weight: bold; padding: 0.3em; } body.cars-and-rates #contentPane .legend .season { width: 100px; display: block; float: left; clear: left; } body.cars-and-rates #contentPane .legend .high { background-color: #D21C64; } body.cars-and-rates #contentPane .legend .mid { background-color: #6CD0FF; } body.cars-and-rates #contentPane .legend .low { background-color: #FFFFB4; } #featuredArticles { position: absolute; top: 0; left: -230px; width: 210px; padding: 10px; } #featuredArticles h1 { color: #016A9C; } #featuredArticles div.imageleft img, #featuredArticles div.imageright img { width: 81px; height: 48px; float: left; border: 1px solid black; margin-right: 0.5em; } #featuredArticles h2 a { font-size: .75em; color: #000066; text-transform: capitalize; } #featuredArticles hr { visibility: hidden; clear: both; height: 5px; } #featuredArticles .details a { float: right; color: #FE0101; font-weight: bold; } #featuredArticles .membersonly { font-size: xx-small; margin: 0 0 0 0; } * html #featuredArticles .details, * html #featuredArticles .hr { margin-top: -1em; } #quickLinks { position: absolute; top: 0; right: -350px; } #quickLinks li {list-style:none;} #quickLinks li a { display: block; height: 150px; width: 350px; text-indent: -1000em; } #quickLinks li.Specials a { background: url(american/featured_specials.gif) no-repeat 0 0; overflow:hidden;} #quickLinks li.Locations a { background: #77BBCC url(american/location.gif) no-repeat 0 0; overflow: hidden; } /* view Article */ body.featured-specials #contentPane img, body.viewArticle #articleBody img {border:1px solid black;} /* SITEMAP */ body.siteMap #contentPane ul { margin-left: 1.2em; } body.siteMap #contentPane li { line-height: 1.5em; } body.siteMap #contentPane ul.level1 li { font-weight: bold; } body.siteMap #contentPane ul.level2 li { font-weight: normal; } /* CONTACT US */ .contact #contentPane br { clear: none; } #contentPane .adr { display: block; margin-bottom: 0.57em; width: 19em; float: right; padding: 0.2em; border: 1px solid #CCC; } #contactForm { margin-top: 1em; text-align: left; padding: 0; } #contactForm label { float: left; display: block; clear: left; margin: .2em; margin-bottom: .1em; width: 10em; text-align: right; line-height: 1.5em; } #contactForm input { display: inline; vertical-align: top; margin: .2em; width: 12em; } #contactForm textarea { display: inline; vertical-align: top; margin-left: .2em; } #contactForm #labelMessage { vertical-align: top; } #contactForm #labelMessage label { margin-bottom: .2em; } #contactForm input.button { width: auto; } #contactForm #labelOrg { display: none; } #contactForm address { border: 1px solid #EB1E0A; height: 150px; } #footer { background: url(american/menu-bar2.jpg) repeat-x 0 0; height: 30px; color: white; width: 980px; } #footer a { color: white; } #footer #footerText div { float: left; height: 22px; line-height: 30px; width: 225px; text-align: center; } #footer #footerText #copyright { text-align: left; padding-left: 10px; width: 255px; } #footer #footerText #poweredby { float: right; text-align: right; padding-right: 10px; width: 255px; } /* HIDE STUFF */ .menushim, #recentItems form, #dateBar, #subTitle, #extra1, #extra2, #extra3, #extra4, #extra5, #extra6, #siteSearchForm #searchTitle, li.More, #headerEnd, #modules, #contentEnd, #footerMenu, #footerEnd, #footer .adr { display: none; } body.faq #faqBreadCrumbs { margin-bottom: 2em; } body.faq div.faq h2 { margin-left: -12px; padding-left: 12px; } body.faq dl#faq h2 { margin-top: 0; background-image: none; } body.faq dl#faq { margin-left: 5em; } body.faq #faqBreadCrumbs li { margin-left: 4px; font-size: 1.5em; text-transform: uppercase; color: #016A9C; list-style: none; } body.faq #faqBreadCrumbs li a { color: #016A9C; } body.faq #faqBreadCrumbs li img { display: none; } body.faq #faqItems { margin: 2em 0 1em 5em; } body.faq #faqItems li { list-style-image: url(american/faq_small_arrow.gif); margin-bottom: 1em; } body.faq #faqItems li a { color: #016A9C; } body.faq div.pageLinks span { color: #EB1E0A; } /* CAR LISTINGS */ #listingItemListForm div.list h2 { background: black url(american/little-bar.jpg) repeat-x 0 0; color: #BFDEE8; text-align: center;position:relative;width:100%; } #contentPane table th.field_car_picture a { display: none; } #contentPane table td.field_car_picture img { border: 1px solid black; } #contentPane table td, #contentPane table th { border: none; } #contentPane div.list { margin: 2em 0; } #contentPane div.list table { width: 100%; } body.listingItemDetails div.field_car_picture { float: left; margin: 0 1em 0 0; width: auto; } body.listingItemDetails div.field_car_picture img { border: 1px solid black; } body.listingItemDetails .label { display: block; width: 10em; font-weight: bold; float: left; } body.listingItemDetails div.field_car_description { margin-top: 1em; } body.listingItemDetails div.field_car_picture .label, body.listingItemDetails div#item_1 div.field_car_name .label { display: none; } body.listingItemDetails div#item_1 div { margin-bottom: 1em; } body.listingItemDetails div.buttons input.button, body.listingItemDetails div.buttons button { float: left; margin-right: 1em; } body.listingItemList table th { background-color: #D3E3E8; color: #016A9C; width: 16.6%; } body.listingItemList table td.field_addCart { padding-right: 2em; } body.listingItemList table th a { color: #016A9C; } body.listingItemList table tr { padding: 0.5em 0; } body.listingItemList table tr.odd { background-color: #D3E3E8; } body.listingItemList table .field_car_picture { border-left-color: #D3E3E8 !important; } /* indent text of field value correctly */ body.listingItemDetails div#item_1 { float: left; } body.listingItemDetails div#item_1 div { float: left; margin: 1em 1em 0 10em; width: 12em; } body.listingItemDetails div#item_1 div.field_car_picture { display: block; margin-top:1em; width: auto} body.listingItemDetails div#item_1 .label { float: left; margin-left: -10em; width: 10em; } body.listingItemDetails div#item_1 div.field_car_picture, body.listingItemDetails div#item_1 div.field_car_name { margin-left: 0; } body.listingItemDetails div#item_1 div.field_car_name { width:9em; margin: 0 0 0 0; } body.listingItemDetails div#item_1 div.buttons { margin-left: -10em; } body.listingItemDetails div#item_1 div.field_car_name { position: absolute; left: -158px; color: #016A9C; width: 158px; text-align: center; font-size: 1.4em; margin-bottom: 1em; text-transform: uppercase; top: 12px; } * html body.listingItemDetails div#item_1 span { display: inline; } * html body.listingItemDetails div#item_1 .label { position:relative; } * html body.listingItemDetails div#item_1 div.field_car_picture .label { display: none; } * html body.listingItemDetails div#item_1 div { display:inline; } * html body.listingItemDetails div#item_1 div.buttons button, * html body.listingItemDetails div#item_1 div.buttons .button { position:relative; } /* list pages */ .pageLinks { float: right; clear: both; margin-top: -2em; } .pageLinks p { display: none; } .pageLinks .pageNumbers { color: #016A9C; font-size: 2em; display: inline; margin: 0 0.2em; } .pageLinks .pageNumbers a { font-size: 0.5em; margin-left: 0.5em; } #listFilter .pageLinks { margin-top: 0; } body.sitePage #contentPane ul { margin-bottom: 0.57em; } body.sitePage #contentPane li { list-style-position: inside; } body.optional_insurance h3 { background: black url(american/little-bar.jpg) repeat-x 0 0; color: #BFDEE8; } /* search results */ .searchResults dd, .searchResults dt, .searchResults .contentType { margin-top: 1em; } .searchResults .pageLinks { float: none; margin-top: 2em; } .searchResults .contentType { font-style: italic; } /* reservation form */ .reservationForm #contentPane h2 {font-size:1.3em;clear:both;background-color:beige;} .reservationForm #contentPane .required-indicator {font-size:smaller;margin-left:1em;line-height:2em;color:red;} .reservationForm #contentPane p.required-indicator {line-height:normal;margin-bottom:.75em} .reservationForm #contentPane .button {float:none;clear:both;display:block;margin:1em 0;} .reservationForm #contentPane form {border:1px solid silver;padding:1em;} .reservationForm #contentPane fieldset {width:47em;} .reservationForm #contentPane fieldset legend {margin-bottom:0.57em;} .reservationForm #contentPane fieldset fieldset {width:20em;margin-left:1em;float:left;} .reservationForm #contentPane fieldset fieldset legend {font-size:1.4em;} .reservationForm #contentPane fieldset #pickup {clear:left;position:relative;} .reservationForm #contentPane fieldset fieldset .field {width:20em;} /*.reservationForm #main { position: static; }*/ .reservationForm #contentPane legend { color: black; font-size: 1.5em; } .reservationForm #contentPane .field {width:40em;clear:both;} .reservationForm * html #contentPane .field {margin-bottom:0.57em;} .reservationForm #contentPane label, .reservationForm #contentPane div.time .label, .reservationForm #contentPane div#expDate .label {display:block;width:11em;float:left;text-align:right;padding-right:1em;} .reservationForm #contentPane label {width:12em;} .reservationForm #contentPane .conditions {margin-top:1em;} .reservationForm #contentPane .conditions label {width:20em;line-height:1.6em;} .reservationForm #contentPane fieldset fieldset label, .reservationForm #contentPane fieldset fieldset div.time .label {width:5em;} .reservationForm #contentPane fieldset fieldset div.time label, .reservationForm #contentPane div#expDate label {width:auto;} .reservationForm #contentPane select {width:15.2em} .reservationForm #contentPane .field {margin-bottom:0.57em;} .reservationForm #contentPane input, .reservationForm #contentPane select, .reservationForm #contentPane div.time .label, .reservationForm #contentPane div#expDate .label {float:left;margin-bottom:0.57em;} .reservationForm #contentPane input {width:15em;} .reservationForm #contentPane #pickup select, .reservationForm #contentPane #return select, .reservationForm #contentPane #pickup input, .reservationForm #contentPane #return input {width:10.5em;} .reservationForm #contentPane div.time, .reservationForm #contentPane div#expDate {clear:both;} .reservationForm #contentPane #pickup div.time select, .reservationForm #contentPane #return div.time select, .reservationForm #contentPane div#expDate select, .reservationForm #contentPane div#expDate select, .reservationForm #contentPane div.conditions input {width:auto;} .reservationForm #contentPane div.time .label, .reservationForm #contentPane div#expDate .label {margin-top:1em;} .reservationForm #contentPane div.time label, .reservationForm #contentPane div#expDate label {font-size:0.9em} .reservationForm #contentPane div#expDate label, .reservationForm #contentPane div#expDate input, .reservationForm #contentPane div.time label, .reservationForm #contentPane div.time input {display:block;float:none;text-align:left;} .reservationForm #contentPane div#expDate div, .reservationForm #contentPane div.time div {float:left;width:4.5em;clear:none;} .reservationForm .calendar { margin-left: 11em; } .reservationForm .extraInfo {font-size:smaller;} .reservationForm #contentPane .optionalInfo label { width: 14em; } .reservationForm #contentPane .checkbox { width:340px } .reservationForm #contentPane .checkbox input { width: auto; margin-top: 1px; } .reservationForm #contentPane .checkbox label { display: block; text-align: left; } * html .reservationForm #contentPane .checkbox label { line-height: 1.8em; } #securitySeal { float:right; } /* seo changes */ #homeContent { color: #333; line-height: 1.2em; } #homeContent h2 { color: #000; font-size: 1em; margin-bottom: .57em; } #homeContent p { margin-bottom: .57em; } #homeContent li {list-style-position:inside;}