/* * * Name: Econo Car Rental * Author: Gregory Carvalhal * Company: CaribMedia * */ @import "normalize.css"; /* =foundation - html elements ---------------------------------------*/ body { background: none #BB005E; font-size: 100%; font-family: 'open Sans', Arial, Helvetica, sans-serif; line-height: 1.613; } h1, h2, h3, h4, h5, h6, th { font-family: 'open sans', Arial, Helvetica, sans-serif; font-weight: 600; padding-bottom: 5px; } h1 { font-size: 1.75em; line-height: 1em; margin-top: 1em; margin-bottom: .5em; border-bottom: 1px solid #BB005E; } h2 { font-size: 1.5em; line-height: 1em; margin-top: 1.65em; margin-bottom: 0.67em; } h3 { font-size: 1.25em; line-height: 1em; margin-top: 2.175em; margin-bottom: .8em; } h4 { font-size: 1em; line-height: 1em; margin-top: 3em; margin-bottom: 1em; } h5 { font-size: .875em; line-height: 1em; margin-top: 3.55em; margin-bottom: 1.145em; } h6 { font-size: .75em; line-height: 1em; margin-top: 4.35em; margin-bottom: 1.334em; } h4, h5, h6 { letter-spacing: 0.125em; text-transform: uppercase; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: inherit; } p { margin-bottom: 1em; } pre { white-space: normal; padding: 0; margin: 0; } .hide { display: none; } .clearer { visibility: hidden; clear: both; height: 1px; margin: 0; padding: 0; display: block; } .img-centered { display: block; margin-left: auto; margin-right: auto; } .img-alignright { } .img-alignleft { } .link { text-decoration: underline; cursor: pointer; } .alert { color: red; } #skipToMainContent { position: absolute; clip: rect(0 0 0 0); left: 0; top: 0; } /* =Layout ---------------------------------------*/ #main { position: relative; margin: 0; padding: 0; } .wrapper { max-width: 1040px; margin: 0px auto; padding: 0 20px; position: relative; } #header { background: url(images/header_bg.png) repeat 0 0 #ffffff; -webkit-box-shadow: 0 0 4px #333333; -moz-box-shadow: 0 0 4px #333333; box-shadow: 0 0 4px #333333; padding: 10px 0; } #outer { } #inner { } #contentPane { } #footer { background: #000000; color: #ffffff; padding: 30px 0; font-size: 90%; } #footer a { color: #ffffff; text-decoration: none; } #footer a:hover, #footer a:active, #footer a:focus { text-decoration: underline; } #footer .adr .col { display: inline-block; vertical-align: top; padding-left: 80px; margin-bottom: 50px; } #footer .adr h2 { margin: 0 0 10px 0; padding: 0; font-size: 1.1em; font-weight: 600; } #footer .adr .col.visit { background: url(images/location.png) no-repeat 0 0 transparent; } #footer .adr .col.call { background: url(images/phone.png) no-repeat 0 0 transparent; } #footer .adr .col.contact { background: url(images/contact.png) no-repeat 0 0 transparent; } #footerText { overflow: hidden; padding: 5px 0; font-size: 80%; } #footerText, #footerText a { color: #666666; } /* =Header ---------------------------------------*/ #logo { } #logo a { } #subTitle { position: absolute; top: 0; left: 0; width: auto; height: auto; clip: rect(0 0 0 0); } #dateBar { } #tel { display: block; text-align: center; font-size: 1.5em; font-weight: 600; font-style: italic; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); margin: 20px auto; } #tel a { display: block; font-weight: 700; text-decoration: none; color: #333333; } /* =Search form ---------------------------------------*/ #siteSearchForm { border: 1px solid #bbbbbb; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ffffff; padding: 0; } #siteSearchForm label { display: none; } #siteSearchForm .button { padding: 0; } #siteSearchForm #searchText { border: none; background: none transparent; width: 93%; padding: 5px 4%; } #siteSearchForm .button { background: url(images/si.svg) no-repeat center center transparent; position: absolute; right: 0; top: 0; border: none; text-indent: 100px; white-space: nowrap; overflow: hidden; padding: 5px 0; width: 40px; } #siteSearchForm #searchErrors { } /* =Main nav ---------------------------------------*/ #main-nav { background-color: #ffffff; margin: 10px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px #aaaaaa; -moz-box-shadow: 0 1px 2px #aaaaaa; box-shadow: 0 1px 2px #aaaaaa; padding: 0; display: block; position: relative; z-index: 200; } #main-nav #nav ul { width: 100%; margin: 0; padding: 0; } #main-nav #nav ul, #main-nav #nav li { list-style: none; } #main-nav #nav li a { color: #333333; text-decoration: none; font-weight: 600; padding: 7px 0px; display: block; } /* =siteMenu ---------------------------------------*/ #siteMenu { padding: 5px 0; position: absolute; top: 12px; left: 583px; z-index: 3; } #siteMenu a { display: block; border-right-width: 1px; padding: 0 .7em; } #siteMenu .lastItem a { border: none; } #siteMenu ul { list-style: none; } #siteMenu li { float: left; display: inline; } #widgetMenu { position: absolute; top: 17px; left: 686px; z-index: 4; } #widgetMenu li { float: left; display: inline; margin: 0; padding: 0; } #widgetMenu li a { width: 6.2em; display: block; } /* =UI Elements ---------------------------------------*/ #listFilter { display: block; margin: 1em 0 0; width: 100%; float: left; } #listFilter #selectCategory { padding-top: 0.4em; float: left; } #listFilter #selectCategory span { margin: 0 .5em 1em 0; float: left; } #listFilter #selectCategory .fauxSelect { display: block; margin-right: 0.5em; float: left; } #listFilter #selectCategory .fauxSelect a { padding-left: 15px; display: block; } #listFilter #selectCategory .fauxSelect a.submenu { padding-left: 0; } #listFilter #selectCategory .fauxSelect ul { margin: 0 0 0 0; padding: 0 0 0 0; } #listFilter #selectCategory .fauxSelect li { float: none; margin: 0 0 0 1.2em; padding: 0 0 0 0; } #listFilter #selectCategory .fauxSelect span { float: left; margin: 0 0 0 0; } #listFilter #selectCategory .fauxSelect span.fold { display: block; width: 16px; height: 16px; } #listFilter #selectCategory .fauxSelect span.collapsed { display: block; width: 16px; height: 16px; } #itemsPerPageField { float: right; } #itemsPerPage select.input { width: 4em; } .pageLinks { margin: 1em 0; overflow: hidden; float: left; } .pageLinks li { float: left; display: inline; list-style: none; margin-left: 0; } .pageLinks .pageLinks { display: inline; margin: 0 0.2em; } .pageLinks .pageLinks a { display: block; padding: 0 1em; text-decoration: none; } .pageLinks .pageLinks li.current { background: silver; border: 1px solid gray; padding: 0 .5em; } .pageLinks .pageLinks a:hover { text-decoration: underline; } .pageLinks .range-display { clear: both; display: block; float: left; margin-top: 1em; } /* =Search Results ---------------------------------------*/ .searchResults #contentPane dt { margin-bottom: 0.1em; } .searchResults #contentPane #listFilter { float: right; } .searchResults .contentType { display: none; } /* =Content ---------------------------------------*/ #contentPane { background: #ffffff; padding: 20px; margin: 20px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .home #contentPane { background-color: #222222; background: -webkit-linear-gradient(#000000, #222222); background: -moz-linear-gradient(#000000, #222222); background: -o-linear-gradient(#000000, #222222); background: -ms-linear-gradient(#000000, #222222); background: linear-gradient(#000000, #222222); color: #ffffff; padding: 0; overflow: hidden; } #homeContent { padding: 20px; } #homeContent h1 { line-height: 1.3; margin-top: 0; } #homeContent dl { margin-bottom: 0; } #homeContent dt { font-weight: 600; } #homeContent dd { margin: 0 0 0.875em 0; } .home #rotatingArticles + #homeContent { width: calc(40% - 50px); display: inline-block; vertical-align: top; } .home #rotatingArticles { width: 60%; display: inline-block; vertical-align: top; position: relative; overflow: hidden; border-right: 1px solid #555555; -webkit-box-shadow: 0 0 50px #000000; -moz-box-shadow: 0 0 50px #000000; box-shadow: 0 0 50px #000000; } #homeContent a { color: #FF2D97; } .home .block.specials { background-color: #222222; background: -webkit-linear-gradient(#222222, #000000); background: -moz-linear-gradient(#222222, #000000); background: -o-linear-gradient(#222222, #000000); background: -ms-linear-gradient(#222222, #000000); background: linear-gradient(#222222, #000000); padding: 20px; border-radius: 5px; color: #ffffff; margin-bottom: 20px; } .home .block.specials > h2 { margin-top: 10px; } .home .covid-protocol { color:#333;background-color:#dedede;display:flex;flex-flow:row wrap;justify-content:space-evenly;padding:1em } .home .covid-protocol img { width:100%;height:auto;max-width:375px;max-height:249px;align-self:center } .home .disinfect-areas { min-width:190px;padding-left:1em } .home .disinfect-areas ul { padding-left:.5em } .home .disinfect-areas ul li::before { line-height:1.5 } .home .safety-info { background-color:#404040;color:#c7c7c7;padding:1em;line-height:1.25 } /* Slideshow */ #rotatingArticles .slide_item { position: absolute; width: 100%; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } #rotatingArticles .slide_item p { margin: 0; padding: 0; } #rotatingArticles .slide_item img { width: 100%; height: auto; } #rotatingArticles .slide_item .description { display: none; } #rotatingArticles #num_nav { position: absolute; z-index: 1; right: 20px; bottom: 10px; } #rotatingArticles #num_nav .button { width: 12px; height: 12px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; overflow: hidden; text-indent: 100px; white-space: nowrap; display: block; float: left; background-color: #ffffff; opacity: 0.35; margin-left: 10px; cursor: pointer; } #rotatingArticles #num_nav .button.selected { opacity: 0.75; } /* Reservation form */ #errors .required-indicator { display: none; } .cxl-form fieldset { margin-bottom: 20px; border: none; background-color: #E2E2E2; border-radius: 5px; padding: 20px; } .cxl-form fieldset h3 { margin: 0 0 20px 0; } .cxl-form .field-group { margin-bottom: 20px; } .cxl-form .field { display: inline-block; position: relative; margin-bottom: 20px; vertical-align: bottom; } .cxl-form .time .field { width: 27.5%; } .cxl-form .field.optionalInfo { width: auto; display: block; } .cxl-form .field label, .cxl-form .field-group .label { display: block; position: relative; } .required-indicator { display: inline-block; width: 7px; height: 7px; overflow: hidden; background-color: red; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; text-indent: 20px; margin-left: 10px; } .cxl-form .field input[type="text"], .cxl-form input#captcha-text { border: 1px solid #cccccc; padding: 5px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; width: calc(100% - 8px); } .cxl-form .field select { border: 1px solid #cccccc; padding: 5px 3px; border-radius: 3px; display: block; width: 100%; } .cxl-form .field textarea { width: 100%; display: block; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .cxl-form .field.checkbox { display: block; width: auto; } .cxl-form input[type="submit"], #contactForm input[type="submit"] { padding: 8px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #900049; background: -webkit-linear-gradient(top, #bb005e 0%, #900049 100%); background: -moz-linear-gradient(top, #bb005e 0%, #900049 100%); background: -o-linear-gradient(top, #bb005e 0%, #900049 100%); background: -ms-linear-gradient(top, #bb005e 0%, #900049 100%); background: linear-gradient(top, #bb005e 0%, #900049 100%); border: none; color: #ffffff; } #contactForm { max-width: 50%; background-color: #e2e2e2; padding: 20px; border-radius: 5px; } #contactForm .field { width: auto; display: block; margin-right: 0; } #contactForm #captcha { background-color: #ffffff; padding: 10px; border-radius: 5px; margin-bottom: 15px; } .contact #contentPane .adr { float: right; width: 40%; padding: 20px; } /* Cars & Rates */ .category-title { display: none; } .listing-item { position: relative; overflow: hidden; clear: both; margin-bottom: 3em; } .listing-item .group_left .field .label, .listing-item .group_top .field .label, .listing-item .group_right .field .label, .listing-item .group_bottom .field .label { display: none; } .listing-item .group_left { float: left; width: 30%; position: relative; margin-right: 2%; } .listing-item .group_left .field_image { width: 100%; } .listing-item .group_left .field_image img { width: 100%; } .listing-item .group_left .field_features { font-size: 0.75em; } .listing-item .group_left .field_features p { margin: 0; padding: 0; } .listing-item .group_top { background-color: #000000; color: #ffffff; -webbkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; display: block; width: calc(68% - 20px); float: left; padding: 5px 10px; } .listing-item .group_top .field { display: inline-block; vertical-align: top; } .listing-item .group_top .field_passengers, .listing-item .group_top .field_luggage { float: right; width: 40px; margin-right: 20px; text-align: right; height: 24px; } .listing-item .group_top .field_passengers .value, .listing-item .group_top .field_luggage .value { line-height: 1; vertical-align: text-bottom; display: inline-block; } .listing-item .group_top .field_passengers { background: url(images/passengers.png) no-repeat left center transparent; } .listing-item .group_top .field_luggage { background: url(images/luggage.png) no-repeat left center transparent; } .listing-item .group_middle { float: left; width: calc(34% - 20px); padding: 5px 10px; } .listing-item .group_middle { float: left; width: calc(34% - 20px); padding: 5px 10px; font-size: 0.875em; background-color: #BB005E; color: #ffffff; -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } .listing-item .group_middle .field { display: block; margin-bottom: 5px; } .listing-item .group_middle .field .label, .listing-item .group_middle .field .value { display: inline; } .listing-item .group_middle .field .label { margin-right: 5px; font-weight: bold; } .listing-item .group_middle .field .label:after { content: ":"; } .listing-item .group_right { float: left; width: calc(34% - 20px); padding: 5px 10px; font-size: 0.875em; background-color: #000000; background: -webkit-linear-gradient(#000000, #222222); background: -moz-linear-gradient(#000000, #222222); background: -o-linear-gradient(#000000, #222222); background: -ms-linear-gradient(#000000, #222222); background: linear-gradient(#000000, #222222); color: #ffffff; -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; } .listing-item .group_right .field_high_season_rates, .listing-item .group_right .field_low_season_rates { display: inline-block; width: calc(49% - 20px); vertical-align: top; } .listing-item .group_right .field_high_season_rates { text-align: right; padding-right: 10px; border-right: 1px solid #555555; } .listing-item .group_right .field_low_season_rates { text-align: left; padding-left: 10px; border-left: 1px solid #555555; } .listing-item .group_right .field_high_season_rates h3, .listing-item .group_right .field_low_season_rates h3 { margin: 0; font-size: 1.2em; } .listing-item .group_right .field_high_season_rates .value > span, .listing-item .group_right .field_low_season_rates .value > span { display: block; } .listing-item .group_right .field_high_season_rates .season-range, .listing-item .group_right .field_low_season_rates .season-range { margin-bottom: 10px; font-size: 90%; } .listing-item .group_right .field_reserve a { display: block; text-align: center; background-color: #bb005e; background: -webkit-linear-gradient(top, #bb005e 0%, #900049 100%); background: -moz-linear-gradient(top, #bb005e 0%, #900049 100%); background: -o-linear-gradient(top, #bb005e 0%, #900049 100%); background: -ms-linear-gradient(top, #bb005e 0%, #900049 100%); background: linear-gradient(top, #bb005e 0%, #900049 100%); color: #ffffff; margin: 15px; padding: 12px; border-radius: 5px; text-decoration: none; font-weight: 600; font-size: 1.5em; } .listing-item .group_bottom { margin-left: 32%; font-size: 0.875em; font-weight: bold; color: #bb005e; } /* =0 to 640 ---------------------------------------*/ @media screen and (max-width:640px) { .listing-item { background-color: #CCCCCC; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .listing-item .group_left { width: 100%; margin: 0; padding: 0; float: none; } .listing-item .group_left img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .listing-item .group_left .field_features { padding: 0 10px; } .listing-item .group_top { width: calc(100% - 20px); float: none; } .listing-item .group_middle { width: calc(100% - 20px); -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; height: auto !important; float: none; } .listing-item .group_right { padding-top: 10px; width: calc(100% - 20px); -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; height: auto !important; float: none; } .listing-item .group_bottom { margin-left: 0; } } /* =0 to 768 ---------------------------------------*/ @media screen and (max-width:800px) { #logo { text-align: center; } /* Search */ #siteSearchForm { position: relative; max-width: 100%; } /* Main Nav */ #main-nav #nav ul { display: flex; } #main-nav { padding: 0; overflow: hidden; } #main-nav .toggle { text-align: left; display: block; font-weight: 700; padding: 10px 20px; background: url(images/mmi.svg) no-repeat 20px center #BB005E; color: #ffffff; text-indent: 30px; cursor: pointer; } #main-nav .menu { display: none; } #main-nav .menu.toggled { display: block; } #main-nav #nav li { display: block; margin: 0; padding: 0; } #main-nav #nav li a { margin: 0 20px; border-bottom: 1px solid #cccccc; } #main-nav #nav li.lastItem a { border: none; } /* Reservation Form */ .cxl-form .field { width: auto; display: block; } .cxl-form .time .field { width: 27.5%; display: inline-block; } .cxl-form .multiple-fields { width: auto; display: block; position: relative; } .cxl-form .multiple-fields .field { width: 47%; display: inline-block; position: relative; } #contactForm { max-width: 100%; } .contact #contentPane .adr { float: none; width: auto; } /* Content */ #homeContent .tel { color: #ffffff; font-size: 1.3em; font-weight: 600; display: block; text-decoration: none; } #homeContent .tel + br { display: none; } .home #rotatingArticles + #homeContent { width: auto; display: block; } .home #rotatingArticles { width: 100%; display: block; } /* Cars and Rates*/ .listing-item .group_top .field_passengers, .listing-item .group_top .field_luggage { width: 36px; margin-right: 10px; } .listing-item .group_top .field_title { max-width: 100px; } /* Footer */ #footer .adr .col { width: auto; display: block; } #footerText > div { width: auto; display: block; float: none; margin-top: 5px; text-align: center; } } /* =640 to 900 ---------------------------------------*/ @media screen and (min-width:640px) and (max-width:900px) { .listing-item .group_left { width: 48%; } .listing-item .group_top { width: calc(50% - 20px); } .listing-item .group_middle { padding-top: 10px; width: calc(50% - 20px); -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; height: auto !important; float: right; } .listing-item .group_right { padding-top: 10px; width: calc(50% - 20px); -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; height: auto !important; float: right; clear: right; } .listing-item .group_bottom { margin-left: 50%; } } /* =750 to 769 ---------------------------------------*/ @media screen and (min-width:750px) and (max-width:769px) { } /* =768 and up ---------------------------------------*/ @media screen and (min-width:800px) { /* Misc Header */ #tel { position: absolute; width: 400px; top: 0; height: 100px; left: 0; right: 0; } #logo { display: inline-block; } #logo a { display: inline-block; max-width: 150px; } #logo a img { display: block; width: 100%; } /* Search */ #siteSearchForm { position: absolute; top: 20px; right: 20px; width: 200px; } /* Main Nav */ #main-nav { display: block; } #main-nav span.toggle { display: none; } #main-nav #nav ul { display: block; } #main-nav #nav li { display: inline-block; margin: 0 0 0 -24px; padding: 0 20px 0 0; flex-grow: 1;} #main-nav #nav li.firstItem { margin: 0; } /* #nav .items-4 li { width: 24%; } #nav .items-5 li { width: 19%; } #nav .items-6 li { width: 16%; } #nav .items-7 li { width: 14%; } */ #main-nav #nav li a { text-align: center; } .home #main-nav #nav li.firstItem, #main-nav #nav li.current, #main-nav #nav li:hover { background: url(images/arrow_right.png) no-repeat right 0 transparent; } #main-nav #nav li.current a, #main-nav #nav li:hover a { background: url(images/arrow_left.png) no-repeat left 0 #BB005E; color: #ffffff; } #main-nav #nav li.firstItem:hover a, .home #main-nav #nav li.firstItem a { background: none no-repeat left 0 #BB005E; color: #ffffff; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .home #main-nav #nav li.firstItem + li:hover a, #main-nav #nav li.current + li:hover a { background: url(images/arrow_left_hover.png) no-repeat left 0 #BB005E; color: #ffffff; } #main-nav #nav li:hover + li.current a { background: url(images/arrow_left_hover.png) no-repeat left 0 #BB005E; color: #ffffff; } /* Content */ .home #rotatingArticles + #homeContent { width: calc(40% - 50px); display: inline-block; vertical-align: top; } .home #rotatingArticles { width: 60%; display: inline-block; vertical-align: top; } #homeContent .tel { color: #ffffff; text-decoration: none; } /* Footer */ #footer .adr .col { width: calc(30% - 100px); padding-right: 20px; } #footerText > div { width: 25%; display: block; float: left; margin-top: 30px; } #footerText #termsofuse, #footerText #privacypolicy { text-align: center; } #footerText #poweredby { text-align: right; } /* Reservation Form */ .cxl-form .field { width: 44%; margin-right: 5%; } .multiple-fields { width: 47%; display: inline-block; position: relative; } } /* =less than 1080 ---------------------------------------*/ @media screen and (min-width:768px) and (max-width:1080px) { #rotatingArticles .slide_item img { width: auto; height: 100%; display: block; position: absolute; } } /* =IE8 ---------------------------------------*/ .ie8 #tel { position: absolute; width: 400px; top: 0; height: 100px; left: 0; right: 0; } .ie8 #logo { display: inline-block; } .ie8 #logo a { display: inline-block; max-width: 150px; } .ie8 #logo a img { display: block; width: 100%; } /* Search */ .ie8 #siteSearchForm { position: absolute; top: 20px; right: 20px; width: 200px; } /* Main Nav */ .ie8 #main-nav .toggle { display: none; } .ie8 #main-nav #nav ul { display: inline-block; } .ie8 #main-nav #nav li { display: inline-block; margin: 0 0 0 -24px; padding: 0 20px 0 0; } .ie8 #main-nav #nav li.firstItem { margin: 0; } .ie8 #nav .items-4 li { width: 24%; } .ie8 #nav .items-5 li { width: 19%; } .ie8 #nav .items-6 li { width: 16%; } .ie8 #nav .items-7 li { width: 14%; } .ie8 #main-nav #nav li a { text-align: center; } .ie8 .home #main-nav #nav li.firstItem, .ie8 #main-nav #nav li.current, .ie8 #main-nav #nav li:hover { background: url(images/arrow_right.png) no-repeat right 0 transparent; } .ie8 #main-nav #nav li.current a, .ie8 #main-nav #nav li:hover a { background: url(images/arrow_left.png) no-repeat left 0 #BB005E; color: #ffffff; } .ie8 #main-nav #nav li.firstItem:hover a, .ie8 .home #main-nav #nav li.firstItem a { background: none no-repeat left 0 #BB005E; color: #ffffff; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .ie8 .home #main-nav #nav li.firstItem + li:hover a, .ie8 #main-nav #nav li.current + li:hover a { background: url(images/arrow_left_hover.png) no-repeat left 0 #BB005E; color: #ffffff; } .ie8 #main-nav #nav li:hover + li.current a { background: url(images/arrow_left_hover.png) no-repeat left 0 #BB005E; color: #ffffff; } /* Content */ .ie8 .home #rotatingArticles + #homeContent { width: 36%; display: block; float: right; } .ie8 .home #rotatingArticles { width: 60%; display: block; float: left; } .ie8 #homeContent .tel { color: #ffffff; text-decoration: none; } /* Cars & rates */ .ie8 .listing-item .group_top { width: 660px; } .ie8 .listing-item .group_middle { width: 320px; } .ie8 .listing-item .group_right { width: 320px; } /* Footer */ .ie8 #footer .adr .col { width: 21%; padding-right: 20px; } .ie8 #footerText > div { width: 25%; display: block; float: left; margin-top: 30px; } .ie8 #footerText #termsofuse, .ie8 #footerText #privacypolicy { text-align: center; } .ie8 #footerText #poweredby { text-align: right; } /* Reservation Form */ .ie8 .cxl-form .field { width: 44%; margin-right: 5%; } .ie8 .cxl-form .time .field { width: 15%; } .ie8 .multiple-fields { width: 47%; display: inline-block; position: relative; } .ie8 .cxl-form .field input[type="text"], .ie8 .cxl-form input#captcha-text { width: 96%; } @media print { body, #main, #outer, #inner, #contentPane, #footer, h1, h2, h3, h4, h5, h6, p, a { background: none; color: black; } #siteMenu, #nav, #dynamicMenu, #dynamicMenuEnd, #footer, #bankNews, #frontpage, #modules, #dynamicMenu, #siteMenu, #sitesearch, #languageSelection, #styleswitcher, #recentItems, #header, #headerEnd, #obj1, .details, .button { display: none; } #outer, #inner, #contentPane { position: static; width: 100%; margin: 0; padding: 0; border: 0; background-image: none; } #contentPane { font-family: sans-serif; font-size: .9em; margin: 0 0 0 0; position: static; } #contentPane h1 { font-size: 1.4em; } #contentPane h2 { font-size: 1.2em; } #contentPane h3 { font-size: 1.1em; } #contentPane .article h1 { font-size: medium; } #header p#datebar { display: block; } #main { margin: 0 0 0 0; } /* Member Application */ body.viewMemberApplication #contentPane { font-size: 1em; margin-top: 2em; } body.viewMemberApplication #contentPane p { clear: left; } body.viewMemberApplication #contentPane #signature { width: 50%; } body.viewMemberApplication #contentPane h1 { position: absolute; top: 0; background: url(ahata/logo_top_print.png) no-repeat top right; height: 137px; width: 99.9%; } body.viewMemberApplication #contentPane h2 { background-color: silver; } body.viewMemberApplication #contentPane h3 { display: none; } body.viewMemberApplication #contentPane dd { border-bottom: 1px solid gray; } }