/********************************************************************************************** CSS on Sails Title: Oodles Author: XHTMLized (http://www.xhtmlized.com/) Date: June 2009 *********************************************************************************************** 1. BASE 1.1 Reset 1.2 Accessibility Navigation & Hide 1.3 Clearfix 1.4 Default Styles 2. LAYOUT 2.1 Header 2.2 Content 2.3 Sidebar 2.4 Footer ***********************************************************************************************/ /*--- Victor's changes -----------*/ /* for Twitter Tag */ div.header span.Twitter { display: block; overflow: hidden; width: 395px; height: 122px; } div.header span.Twitter { position: absolute; top: 0; left: 0; z-index: 0; background: url(../images/logo-for-twitter.png) no-repeat; } div.header span.Twitter { cursor: pointer; } /* end Twitter Tag */ /* from old css */ .customerSTATEMENTS { font-size:1.2em; font-family:Arial, Helvetica, sans-serif; color:#004a80; font-weight:bold; font-weight:bold; padding:2px 2px 2px 5px; width:87%; height:100px; } .pageSTATEMENT { text-align:left; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; color:#004a80; font-weight:bold; padding:2px 2px 2px 5px; width:480px; height:90px; overflow:hidden; } .linkLOCATION { font-size:12px; color:gray; padding:2px; } a.linkLOCATION { font-size:12px; color:gray; padding:2px; } a:HOVER.linkLOCATION { font-size:12px; color:red; padding:2px; } a:ACTIVE.linkLOCATION { font-size:12px; color:gray; padding:2px; } a:VISITED.linkLOCATION { font-size:12px; color:gray; padding:2px; } .linkfooter { font-size:10px; color:gray; padding:2px; } ul.greenList { list-style-image: url(../images/green_tick.jpg); margin-left: 15px; padding-left: 10px } ul.greenList li { padding-bottom: 5px; padding-left: 5px; line-height: 1.5; color: #dd2211; font-size: 1.2em } /* end old css */ /* added CSS */ .mainDiv{font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #666666;} .mainDiv ul li { margin-left: 30px; list-style: circle; } .headingDiv{ font-weight:bold; margin-top: 10px; } .headingDiv ul { margin-left: 30px} .headingDiv li { list-style: circle; font-size: 1.1em;} .headingDiv li strong { font-size: 1.0em;} .headingDiv li ul li { list-style: square; font-size: 1.0em;} .normalText{ font-weight:normal; margin-top:2px; line-height:16px;} .headingDiv ul li strong { font-size: 1.0em;} .hr1 { display: block; border-top: solid 1px gray; visibility: visible; margin-bottom: 20px;} div.common-content div.promo-3-steps { display: block; padding-bottom: 11px; color: #004a80; font-size: 1.1em; border-bottom: 1px solid #bfe0ec; text-align: right; margin-bottom: 11px; } div.common-content div.promo-3-steps strong {font-size: 1.0em; } /* end added CSS */ /*--- End Victor's changes -----------*/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } address { font-style: normal; } /* 1.2 Accessibility Navigation & Hide -----------------------------------------------------------------------------------------------*/ ol.accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } /* 1.3 Clearfix -----------------------------------------------------------------------------------------------*/ fieldset.login-details li:after, div.main:after, div.homepage-updates:after, div.actions-menu:after, ul.whats-new-options:after, div.todays-deals li:after, div.form-search:after, ul.rental-process-menu:after, div.search-expand:after, fieldset.search-memberships li:after, fieldset.search-discount-codes li:after, fieldset.search-child-seats ol:after, div.footer:after, div.footer-sitemap:after, ul.footer-social-links:after, ul.footer-alt-links:after, ul.privacy-terms:after, div.popup-content:after, div.search-results-header:after, div.search-results-content:after, div.booking-with:after, div.booking-section:after, div.booking-vehicle-details:after, div.booking-price-details dt:after, div.booking-price-details dd:after, div.form-booking-details fieldset:after, div.booking-form-container:after, fieldset.booking-personal-details li:after, fieldset.booking-optional-details li:after, fieldset.booking-optional-details li:after, fieldset.checkin-personal-details li:after, div.checkin-preferred:after, div.checkin-rewards:after, div.checkin-programs li:after, div.booking-vehicle-details ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* 1.4 Default Styles -----------------------------------------------------------------------------------------------*/ body { font: 62.5% Helvetica, Arial, sans-serif; text-align: center; color: #555; } hr { display: none; } strong { font-weight: bold; } em { font-style: italic; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } input, textarea, select { font: 1.2em Arial, Helvetica, sans-serif; } input.text {padding-left:0;padding-right:0;} a { color: #004a80; text-decoration: none; } a:hover { color: #004a80; text-decoration: underline; } /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ html { background: #e9f4f7 url(../images/bg_html.gif) top left repeat-x; } body { background: url(../images/bg_body.png) center 31px no-repeat; } div.container { background: url(../images/bg_body.png) center 31px no-repeat; } div.container { width: 980px; position: relative; margin: 0 auto; text-align: left; } div.header { height: 156px; overflow: hidden; background: url(../images/bg_header.gif) 407px 0 no-repeat; } div.main { background: #fff; border-bottom: 1px solid #bfe0ec; } div.content, div.sidebar { position: relative; } div.navigation { position: absolute; top: 7px; right: 0; } div.footer { padding-bottom: 50px; font-size: 1.1em; } body.home div.main { background: url(../images/bg_main_home.gif) top left repeat-y; } body.home div.content { width: 440px; float: left; display: inline; margin-left: 26px; } body.home div.sidebar { width: 490px; float: right; } body.compare div.container div.sidebar { padding: 0; width: 244px } body.compare div.container div.content, body.book div.container div.content { padding-right: 15px; } body.rightside div.main { background: #fff url(../images/bg-sidebar_right.png) repeat-y center; } body.rightside div.content, body.leftside div.content { width: 692px; float: left; padding: 20px 22px } body.rightside div.sidebar, body.leftside div.sidebar { width: 208px; float: right; padding: 20px 18px } body.leftside div.main { background: #fff url(../images/bg_main_compare.gif) } body.leftside div.content { float: right } body.leftside div.sidebar { float: left } body.location div.sidebar { padding: 0; width: 244px } /* 2.1 Header -----------------------------------------------------------------------------------------------*/ /* Logo */ div.header h1, div.header h1 span, div.header a.logo, div.header a.logo span { display: block; overflow: hidden; width: 395px; height: 122px; } div.header h1, div.header a.logo { position: relative; } div.header h1 span, div.header a.logo span { position: absolute; top: 0; left: 0; z-index: 10; background: url(../images/logo.png) no-repeat; } div.header a.logo span { cursor: pointer; } div.header-logo { padding-top: 31px; float: left; } div.header p.slogan { position: absolute; top: 7px; left: 0; color: #aaa; font-size: 1.2em; font-weight: bold; } /* Check in */ div.header div.check-in { width: 467px; float: right; padding-top: 55px; } div.header div.check-in div.register { width: 215px; float: left; color: #fff; } div.header div.check-in div.register h3 { display: block; padding-bottom: 7px; font-size: 1.4em; font-weight: bold; } div.header div.check-in div.register p { font-size: 1.1em; line-height: 1.2; } div.header div.check-in div.register p a { display: block; padding-top: 5px; color: #fff; font-weight: bold; } div.header div.check-in div.form-login { width: 225px; float: right; } div.header div.check-in div.form-login fieldset.login-details ol { padding-bottom: 3px; } div.header div.check-in div.form-login fieldset.login-details li { padding-bottom: 5px; } div.header div.check-in div.form-login fieldset.login-details span { display: block; float: left; padding-top: 3px; color: #fff; font-size: 1.4em; font-weight: bold; } div.header div.check-in div.form-login fieldset.login-details input { display: block; width: 146px; float: right; } div.header div.check-in div.form-login fieldset.login-remember { width: 140px; float: left; color: #fff; font-size: 1.1em; } div.header div.check-in div.form-login fieldset.login-remember a { display: block; padding-bottom: 6px; color: #fff; } div.header div.check-in div.form-login fieldset.login-remember label { font-weight: bold; } div.header div.check-in div.form-login fieldset.login-remember label input { margin: 0 3px 0 0; } div.header div.check-in div.form-login fieldset.login-submit { width: 75px; float: right; text-align: right; } /* Already checked in */ div.header div.checked-in { width: 467px; float: right; padding-top: 5px; text-align: right; color: #fff; font-size: 1.1em} div.header div.checked-in h3 { font-size: 1.27em; padding-bottom: 3px } div.header div.checked-in h3 em { font-style: normal } div.header div.checked-in h3 a { font-weight: normal; padding-left: 5px } div.header div.checked-in ul { margin-bottom: 3px } div.header div.checked-in ul li { line-height: 15px } div.header div.checked-in a { color: #fff; font-weight: bold } /* Navigation */ div.navigation ul li { display: inline; } div.navigation ul li a { display: block; float: left; padding: 0 8px; background: url(../images/bg_navigation_item.gif) top right repeat-y; color: #aaa; font-size: 1.2em; font-weight: bold; } div.navigation ul li a:hover {color:#aaa;} div.navigation ul li.last a { padding-right: 0; background: none; } /* 2.2 Content -----------------------------------------------------------------------------------------------*/ /* Breadcrumbs */ p.breadcrumbs { background: #b9e2f1; padding: 8px 14px; font-size: 1.2em; font-weight: bold; } p.breadcrumbs, p.breadcrumbs a { color: #004a80; } body.home p.breadcrumbs { background: #b9e2f1 url(../images/bg_breadcrumbs.gif) bottom left no-repeat; } /* Common Styling */ div.content div.section-content { padding-bottom: 10px; } div.content div.section-content h2 { display: block; padding-bottom: 11px; color: #004a80; font-size: 1.8em; } div.content div.section-content p { padding-bottom: 11px; font-size: 1.8em; } div.content div.section-content p a { font-weight: bold; } div.content div.actions-menu { padding-bottom: 35px; } div.content div.actions-menu a { display: block; float: left; padding-right: 20px; } div.content div.actions-menu a.actions-register-now { display: block; float: right; padding-right: 0; width: 152px; height: 39px; position: relative; } div.content div.actions-menu a.actions-register-now span { background: url(../images/btn_register_now.gif) top left no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div.common-content { background: white} div.common-content h1, div.common-content h2, body.rightside div.sidebar h4, body.leftside div.sidebar h4 { font-size: 1.8em; color: #004a80; padding-bottom: 8px; border-bottom: 1px solid #bfe0ec; margin-bottom: 15px } div.common-content h2 { margin-top: 12px } div.common-content h3 { display: block; padding-bottom: 7px; font-size: 1.4em; font-weight: bold; } div.common-content dd, div.common-content td { font-size: 1.3em;} div.common-content div.common-content br, div.common-content p { font-size: 1.3em; line-height: 1.2; text-align: justify; } div.common-content strong { font-size: 1.2em; line-height: 1.2; text-align: justify; } div.common-content input { font-size: 1.0em; height: 1.1; margin: 5px ; } div.faqs dl { margin-top: -12px } div.faqs dd.more { text-align: right; padding-bottom: 0 } div.faqs a { color: #26a2d1 } div.common-content h1 span, div.common-content h2 span { font-weight: normal } /* Homepage */ div.content div.featured-image { position: relative; height: 177px; } div.content div.featured-image img { position: absolute; top: 0; left: -26px; } div.content div.homepage-updates { padding-bottom: 35px; } div.content div.homepage-updates h3 { display: block; padding-bottom: 8px; margin-bottom: 7px; border-bottom: 1px solid #bfe0ec; color: #004a80; font-size: 1.8em; } div.content div.homepage-updates { width: 418px; float: left; } div.content ul.whats-new-options { padding: 0 0 13px; } div.content ul.whats-new-options li { float: left; } div.content ul.whats-new-options li.alt { float: right; } div.content ul.whats-new-options li a { color: #26a2d1; font-size: 1.2em; } div.content ul.whats-new-list li { font-size: 1.2em; padding-bottom: 15px; } div.content ul.whats-new-list li a { color: #26a2d1; font-weight: bold; } div.content div.homepage-updates div.todays-deals { width: 418px; float: right; } div.content div.todays-deals p { font-size: 1.2em; padding-bottom: 15px;} div.content div.todays-deals ul li { padding-bottom: 15px; } div.content div.todays-deals ul li div.todays-deals-image { width: 40px; float: left; } div.content div.todays-deals ul li div.todays-deals-content { width: 209px; float: right; } div.content div.todays-deals ul li p { font-size: 1.1em; padding: 0; } div.content div.todays-deals ul li p a { font-weight: bold; color: #26a2d1; } div.content div.todays-deals h4 { color: #004a80; font-size: 1.2em; } /* Popup */ div.popup { position: absolute; width: 857px; top: 208px; left: 61px; z-index: 999; background: url(../images/bg_popup_top.png) top left no-repeat; padding-top: 60px; display: none } div.popup-bot { background: url(../images/bg_popup_bot.png) bottom left no-repeat; padding-bottom: 60px; } div.popup-mid { background: url(../images/bg_popup_mid.png) bottom left repeat-y; padding: 26px 33px 0 33px; position: relative; } div.popup strong.popup-title { position: absolute; top: -20px; left: 45px; color: #fff; font-weight: bold; font-size: 1.2em; } div.popup a.popup-close { display: block; position: absolute; top: -20px; right: 40px; width: 14px; height: 14px; background: url(../images/ico_close.gif) top left no-repeat; text-indent: -9999em; } div.popup div.popup-content { padding-bottom: 15px; } div.popup div.popup-offer { width: 585px; float: left; background: url(../../_media/images/logo_budget_large.gif) 27px 0 no-repeat; } div.popup div.popup-offer h2 { display: block; padding-bottom: 5px; color: #004a80; font-size: 1.8em; font-weight: bold; padding-left: 135px; } div.popup div.popup-offer p { font-size: 1.2em; padding: 0 0 5px 135px; } div.popup div.popup-code { width: 200px; float: right; text-align: center; } div.popup div.popup-code strong { font-size: 2.4em; color: #26a2d1; display: block; padding-bottom: 10px; } div.popup div.popup-code a.popup-apply-code { display: block; width: 152px; height: 39px; position: relative; margin-left: 24px; } div.popup div.popup-code a.popup-apply-code span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/btn_apply_code.gif) top left no-repeat; } div.popup div.popup-terms { background: #f2fafc; border-top: 1px solid #bfe0ec; padding: 20px 25px 0 25px; font-size: 1.1em; } div.popup div.popup-terms h3 { display: block; padding-bottom: 5px; color: #004a80; } div.popup div.popup-terms ul li { background: url(../images/bullet_popup.gif) 0 0.6em no-repeat; padding-left: 8px; line-height: 1.4; } /* Rental Process Menu */ /* Homepage */ div.sidebar ul.rental-process-menu { padding: 10px 0 7px 24px; border-bottom: 1px solid #bfe0ec; } div.sidebar ul.rental-process-menu li { display: inline; } div.sidebar ul.rental-process-menu li a { display: block; float: left; height: 55px; position: relative; font-size: 1.8em; } div.sidebar ul.rental-process-menu li a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg_rental_process_menu_sidebar.gif) top left no-repeat; } div.sidebar ul.rental-process-menu li.rental-process-search a { width: 124px; } div.sidebar ul.rental-process-menu li.rental-process-compare a { width: 208px; } div.sidebar ul.rental-process-menu li.rental-process-book a { width: 106px; } div.sidebar ul.rental-process-menu li.rental-process-compare a span { background-position: -124px 0; } div.sidebar ul.rental-process-menu li.rental-process-book a span { background-position: -332px 0; } div.sidebar ul.rental-process-menu li.rental-process-search a.selected span { background-position: 0 -55px; } div.sidebar ul.rental-process-menu li.rental-process-compare a.selected span { background-position: -124px -55px; } div.sidebar ul.rental-process-menu li.rental-process-book a.selected span { background-position: -332px -55px; } /* Compare / Book */ div.content ul.rental-process-menu { padding: 10px 0 30px 0; } div.content ul.rental-process-menu li { display: inline; } div.content ul.rental-process-menu li a { display: block; float: left; height: 55px; position: relative; font-size: 1.8em; } div.content ul.rental-process-menu li a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg_rental_process_menu.gif) top left no-repeat; } div.content ul.rental-process-menu li.rental-process-search a { width: 194px; } div.content ul.rental-process-menu li.rental-process-compare a { width: 322px; } div.content ul.rental-process-menu li.rental-process-book a { width: 162px; } div.content ul.rental-process-menu li.rental-process-compare a span { background-position: -194px 0; } div.content ul.rental-process-menu li.rental-process-book a span { background-position: -516px 0; } div.content ul.rental-process-menu li.rental-process-search a.selected span { background-position: 0 -55px; } div.content ul.rental-process-menu li.rental-process-compare a.selected span { background-position: -194px -55px; } div.content ul.rental-process-menu li.rental-process-book a.selected span { background-position: -516px -55px; } div.content ul.rental-process-menu li.rental-process-search a.completed span { background-position: 0 -110px; } div.content ul.rental-process-menu li.rental-process-compare a.completed span { background-position: -194px -110px; } div.content ul.rental-process-menu li.rental-process-book a.completed span { background-position: -516px -110px; } /* Compare */ div.content p.search-sort { text-align: center; font-size: 1.4em; line-height: 1.4; } div.content p.search-sort strong { color: #004a80; } div.content p.search-sort a { color: #26a2d1; } div.content p.search-sort a.current-sort { font-weight: bold; } div.content p.search-sort span.separator { color: #aaa; } div.content ul.search-results { width: 682px; padding: 10px 0 10px; } div.content ul.search-results li { background: #b9e2f1; padding: 0px 1px 0px 1px;} div.search-results-header { padding: 6px 0 0 15px; } div.search-results-header strong { width: 100px; float: left; padding-top: 5px; color: #004a80; font-size: 1.2em; } div.search-results-header ul { width: 555px; float: right; } div.content div.search-results-header ul li { display: inline; padding: 0; } div.search-results-header ul li a { display: block; float: left; width: 97px; height: 31px; margin-right: 5px; background: url(../images/bg_search_results_tabs.gif) top left no-repeat; text-align: right; color: #999; font-size: 1.2em; font-weight: bold; } div.search-results-header ul li a:hover, div.search-results-header ul li a.selected { background-position: 0 -31px; color: #555; } div.search-results-header ul li a span { display: block; padding: 9px 11px 0 0; } div.search-results-header ul li.search-results-header-budget a span { background: url(../../_media/images/logo_budget_blue_xsmall.gif) 10px 8px no-repeat; } div.search-results-header ul li.search-results-header-avis a span { background: url(../../_media/images/logo_avis_blue_xsmall.gif) 10px 10px no-repeat; } div.search-results-header ul li.search-results-header-hertz a span { background: url(../../_media/images/logo_hertz_blue_xsmall.gif) 10px 10px no-repeat; } div.search-results-header ul li.search-results-header-thrifty a span { background: url(../../_media/images/logo_thrifty_blue_xsmall.gif) 10px 10px no-repeat; } div.search-results-header ul li.search-results-header-europcar a span { background: url(../../_media/images/logo_europcar_blue_xsmall.gif) 10px 10px no-repeat; } div.search-results-header ul li.search-results-header-budget a:hover span, div.search-results-header ul li.search-results-header-budget a.selected span { background: url(../../_media/images/logo_budget_white_xsmall.gif) 10px 8px no-repeat; } div.search-results-header ul li.search-results-header-avis a:hover span, div.search-results-header ul li.search-results-header-avis a.selected span { background: url(../../_media/images/logo_avis_white_xsmall.gif) 10px 10px no-repeat; } div.search-results-header ul li.search-results-header-hertz a:hover span, div.search-results-header ul li.search-results-header-hertz a.selected span { background: url(../../_media/images/logo_hertz_white_xsmall.gif) 10px 10px no-repeat; } div.search-results-header ul li.search-results-header-thrifty a:hover span, div.search-results-header ul li.search-results-header-thrifty a.selected span { background: url(../../_media/images/logo_thrifty_white_xsmall.gif) 10px 10px no-repeat; } div.search-results-header ul li.search-results-header-europcar a:hover span, div.search-results-header ul li.search-results-header-europcar a.selected span { background: url(../../_media/images/logo_europcar_white_xsmall.gif) 10px 10px no-repeat; } div.search-results-content { padding: 15px 8px 15px 12px; background: #fff; } div.search-results-images { width: 145px; float: left; } div.search-results-info { width: 365px; float: left; } div.search-results-data { width: 140px; float: right; text-align: right; } div.search-results-images img.search-results-car { margin-right: 8px; } div.search-results-images img { vertical-align: middle; } div.search-results-info h2 { font-size: 1.4em; } div.search-results-info span, div.search-results-info strong { display: block; float: left; } div.search-results-info span { padding-top: 3px; padding-right: 8px; } div.booking-section span.desc { padding: 0; display: block; float: left; } strong.search-results-passengers, strong.search-results-baggages { display: block; float: left; opacity:0.7;filter:alpha(opacity=70) } strong.search-results-passengers span { padding-top: 15px; width: 6px; height: 13px; padding: 0; text-indent: -9999em ; text-align: left; display: block; float: left; } strong.search-results-passengers span.passengers-2 { width: 12px; } strong.search-results-passengers span.passengers-3 { width: 18px; } strong.search-results-passengers span.passengers-4 { width: 24px; } strong.search-results-passengers span.passengers-5 { width: 30px; } strong.search-results-baggages span { padding: 0 ; color: #fff; font-weight: bold; width: 20px; height: 14px; background: url(../images/ico_suitcase.gif) top no-repeat; text-align: center; display: block; float: left; font-size: 10px; line-height: 15px; overflow: hidden; } div.booking-section strong.search-results-passengers, div.booking-section strong.search-results-baggages { margin: 17px 0 0 8px; } div.search-results-info strong.search-results-passengers { margin-right: 5px; } div.search-results-data div.search-results-total { float: right; } div.search-results-data em { font-style: normal; float: left; } div.search-results-data strong { color: #004a80; font-size: 1.4em; float: left; } div.search-results-data a.search-results-book-now { display: block; float: right; position: relative; width: 74px; height: 25px; margin-top: 5px; } div.search-results-data a.search-results-book-now span { position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: url(../images/btn_book_now.gif) top left no-repeat; } /* Booking */ div.booking-with h3 { display: block; width: 130px; float: left; color: #004a80; font-size: 1.4em; } div.booking-with img { float: right; } div.booking-with, div.sidebar-section { padding-bottom: 25px; } div.sidebar-section h3 { color: #004a80; font-size: 1.4em; display: block; padding-bottom: 7px; } div.sidebar-section p { padding-bottom: 6px; font-size: 1.4em; line-height: 1.2;} div.sidebar-section p a { font-weight: bold; } div.sidebar-section a.more { display: block; text-align: right; font-size: 1.4em; font-weight: bold; } div.booking-section, fieldset.booking-section, fieldset.checkin-section { padding: 0 17px 0 17px; position: relative; background: url(../images/bg_booking_section.gif) top left no-repeat; } div.booking-section h3, fieldset.booking-section h3, fieldset.checkin-section h3 { display: block; padding-bottom: 28px; color: #fff; font-size: 1.4em; margin-bottom: -1px; padding-top: 10px } fieldset.booking-section input.checkbox { border: 0; } div.booking-section img.booking-header-graphic { position: absolute; top: -17px; right: -10px; } div.booking-section div.booking-pick-up-details, div.booking-section div.booking-drop-off-details { width: 310px; float: left; } div.booking-section div.booking-drop-off-details { float: right; } div.booking-times-locations p { padding-bottom: 20px; font-size: 1.4em; } div.booking-times-locations h4 { font-size: 1.4em; color: #004a80; } div.booking-vehicle-details { padding-bottom: 20px; } div.booking-vehicle-details strong.label { display: block; float: left; width: 105px; clear: both; color: #004a80; font-size: 1.4em; } div.booking-vehicle-details p { width: 300px; float: right; padding:3px 0 1px; font-size: 1.4em; } div.booking-vehicle-details img.detail-thm-car { float: right; padding:10px 35px 0 0 } div.booking-vehicle-details ul{ float: left; width: 410px } div.booking-optional-extras p { padding-bottom: 15px; font-size: 1.2em; line-height: 1.4; } div.booking-optional-extras p a { color: #555; font-weight: bold; } div.booking-optional-extras p.note { font-size: 1.0em; font-weight: bold; } div.booking-price-details { padding-left: 0; padding-right: 0; } div.booking-price-details h3 { padding: 10px 0 10px 17px; } div.booking-price-details dl { width: 680px; } div.booking-price-details dt { background: #f2fafc; border-top: 1px solid #bfe0ec; border-bottom: 1px solid #bfe0ec; color: #004a80; font-weight: bold; } div.booking-price-details dt, div.booking-price-details dd { padding: 10px 18px; font-size: 1.4em; } div.booking-price-details dl strong, div.booking-price-details dl span { display: block; float: left; } div.booking-price-details dl em { display: block; float: right; font-style: normal; } div.booking-price-details dl.booking-additional-charges dt { margin-bottom: 10px; } div.booking-price-details dl.booking-additional-charges dd { padding: 0 18px 5px 18px; } div.booking-price-details dl.booking-additional-charges dd.total { color: #004a80; font-weight: bold; padding-top: 15px; padding-bottom: 15px; } div.booking-price-details ul { padding-bottom: 15px; } div.booking-price-details ul li { font-weight: bold; padding-left: 25px; background: url(../images/bullet_booking_price.gif) 18px 0.5em no-repeat; line-height: 1.4; } fieldset.booking-personal-details, fieldset.booking-optional-details { padding-left: 0; padding-right: 0; } fieldset.booking-personal-details h3, fieldset.booking-optional-details h3 { padding: 10px 0 10px 17px; } fieldset.booking-personal-details strong.header-additional, fieldset.checkin-personal-details strong.header-additional { display: block; position: absolute; top: 12px; right: 25px; color: #fff; font-size: 1.4em; font-weight: normal; } fieldset.booking-personal-details strong.header-additional em, fieldset.checkin-personal-details strong.header-additional em { color: #26a2d1; } div.booking-form-container { background: #f2fafc; width: 680px; } div.booking-form-container ol { width: 310px; float: left; padding: 20px 0 10px; margin: 0 0 0 17px; display: inline; } div.booking-form-container ol.alt { float: right; margin: 0 17px 0 0; } fieldset.booking-personal-details li { padding-bottom: 8px; } fieldset.booking-personal-details li strong.label { display: block; padding-top: 3px; width: 105px; float: left; color: #004a80; font-size: 1.2em; } fieldset.booking-personal-details li strong.label em { color: #26a2d1; } fieldset.booking-personal-details li input, fieldset.booking-personal-details li select { width: 195px; float: right; padding: 2px 0 } fieldset.booking-personal-details li select { width: 197px; } fieldset.booking-personal-details li input { padding: 3px 0} fieldset.booking-optional-details ol.booking-program-details strong.label { display: block; padding-bottom: 10px; color: #004a80; font-size: 1.2em; } ol.booking-program-details label img { float: left; } ol.booking-program-details input { width: 195px; float: right; padding: 3px 0 } ol.booking-program-details p { padding: 10px 0 15px 110px; font-size: 1.1em; } ol.booking-program-details p strong { color: #004a80; } ol.booking-program-details p a { font-weight: bold; color: #26a2d1; } fieldset.booking-optional-details ol.alt { font-size: 1.2em; } fieldset.booking-optional-details ol.alt li { padding-bottom: 10px; } fieldset.booking-optional-details ol.alt li h4 { color: #004a80; } fieldset.booking-optional-details ol.alt li strong.label { display: block; width: 105px; float: left; padding-top: 3px; } fieldset.booking-optional-details ol.alt li input, fieldset.booking-optional-details ol.alt li select { width: 195px; float: right; font-size: 12px } fieldset.booking-optional-details ol.alt li select { width: 197px; } fieldset.booking-optional-details ol.alt li input { padding: 3px 0 } fieldset.booking-submit-form, fieldset.checkin-submit-form { background: #fff; padding: 15px 13px 50px 15px; } fieldset.booking-submit-form ol, fieldset.checkin-submit-form ol { width: 335px; float: left; } fieldset.booking-submit-form ol li, fieldset.checkin-submit-form ol li { padding-bottom: 3px; } fieldset.booking-submit-form ol li input, fieldset.checkin-submit-form ol li input { margin: 0 3px 0 0; } fieldset.booking-submit-form ol li label, fieldset.checkin-submit-form ol li label { font-size: 1.1em; } fieldset.booking-submit-form div.booking-buttons { width: 317px; float: right; } fieldset.checkin-submit-form div.checkin-buttons { width: 251px; float: right; } fieldset.booking-submit-form div.booking-buttons a, fieldset.checkin-submit-form div.checkin-buttons a { display: block; position: relative; height: 39px; float: left; } fieldset.booking-submit-form div.booking-buttons a span, fieldset.checkin-submit-form div.checkin-buttons a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } fieldset.booking-submit-form div.booking-buttons a.booking-form-back, fieldset.checkin-submit-form div.checkin-buttons a.checkin-form-back { width: 81px; margin-right: 18px; display: inline;} fieldset.booking-submit-form div.booking-buttons a.booking-form-complete { width: 218px; } fieldset.checkin-submit-form div.checkin-buttons a.checkin-register-now { width: 152px; } fieldset.booking-submit-form div.booking-buttons a.booking-form-back span, fieldset.checkin-submit-form div.checkin-buttons a.checkin-form-back span { background: url(../images/btn_back.gif) top left no-repeat; } fieldset.booking-submit-form div.booking-buttons a.booking-form-complete span { background: url(../images/btn_complete_booking.gif) top left no-repeat; } fieldset.checkin-submit-form div.checkin-buttons a.checkin-register-now span { background: url(../images/btn_register_now.gif) top left no-repeat; } /* About us */ .the-team { overflow: hidden; margin-left: -23px } .the-team li { width: 334px; margin: 6px 0 0 23px; float: left; display:inline; } .the-team li div.bio { width: 208px; float: right } .the-team li img { float: left; margin-top: 3px } .the-team li div.bio p { line-height: 15px; font-size: 1.2em } .the-team li div.bio h3 { font-size: 1.4em; color: #555; padding-bottom: 2px } div.news { font-size: 1.2em } div.news ol li { margin-top: 12px } div.news ol li h5 { color: #004a80 } div.news ol li ul li { line-height: 16px } div.news ol li ul li a { font-weight: bold } /* FAQs*/ div.qs li { list-style: decimal; font-size: 1.2em; color: #004a80; margin-left: 18px; padding: 5px 0 0 5px; font-weight: bold } div.qs { padding: 7px 0 25px 0 } div.faqs dl { margin-top: -12px } div.faqs dd.more { text-align: right; padding-bottom: 0 } div.faqs a { color: #26a2d1 } /* Locations */ div.common-content div.content-heading, div.common-content div.content-heading-alt { position: relative } div.common-content div.content-heading a, div.common-content div.content-heading-alt a { position: absolute; right: 0; top: 6px; font-size: 1.4em } div.common-content div.content-heading-alt a {color: #26a2d1 } div.common-content div.content-heading-alt a strong { font-size: 1.1em } div.common-content ul.state-list, div.common-content div.location-list ul.the-list div.state ul.state-list { overflow: hidden; padding-top: 20px } div.common-content ul.state-list li, div.common-content div.location-list ul.the-list div.state ul.state-list li { font-size: 1.2em; float: left; width: 192px; padding: 0 0 3px 35px } div.common-content ul.state-list li a { color: #26a2d1 } div.common-content .subheading-alt { border: none; margin-bottom: 5px; font-size: 1.4em } div.common-content .subheading-alt span { font-weight: normal } div.common-content ul.things-to-see { list-style: disc; margin:0 0 15px 40px; color: #004a80; } div.common-content ul.things-to-see h3 { font-size: 1.4em } div.common-content ul.things-to-see p { color: #555 } div.common-content div.oneway-deals { background: url(../images/bg-one_way_deals.png) no-repeat left top; padding: 5px 0 20px 105px; margin-top: 15px } div.common-content div.oneway-deals h3 { font-size: 1.8em; color:#004a80; padding: 0px 0 5px; } div.common-content div.oneway-deals p { font-size: 1.2em; line-height: 16px } div.common-content div.oneway-deals p a, div.common-content ul.global-location li div.top-location li a { color: #26a2d1 } div.common-content ul.global-location li { overflow: hidden } div.common-content ul.global-location li div.country-location { float: left; width: 510px; } div.common-content ul.global-location li div.country-location img { float: left; margin-top: 3px } div.common-content ul.global-location li div.country-location div.overview { float: right; width: 393px } div.common-content ul.global-location li div.country-location div.overview p { font-size: 1.2em; line-height: 1.5em } div.common-content ul.global-location li div.top-location { float: right; width: 162px;color: #004a80; font-size: 1.0em } div.common-content ul.global-location li div.top-location ul { margin-top: 5px } div.common-content div.country-tab { background: #b9e2f1; height: 36px; position: relative } div.common-content div.country-tab h2 { border: none; font-size: 1.4em; padding: 9px 0 0 12px } div.common-content div.country-tab ul { height: 31px; width: 440px; position: absolute; bottom: 0; left: 147px; overflow: hidden } div.common-content div.country-tab ul li a { width: 199px; margin-left: 5px; float: left; height: 22px; background: url(../images/bg-tab_location_country.png) no-repeat center top; text-align: center; padding-top: 9px; font-size: 1.2em } div.common-content div.country-tab ul li.active a, div.common-content div.country-tab ul li a:hover { background-position: center -31px; text-decoration: none } div.common-content div.country-tab ul li.active a { font-weight: bold; padding-top: 6px; height: 25px } div.common-content div.location-list ul.expand-collpse { overflow: hidden; padding: 0 16px } div.common-content div.location-list ul.expand-collpse li { font-size: 1.2em; float: left; padding: 12px 0; width: 95px } div.common-content div.location-list ul.expand-collpse li a, div.common-content div.location-list ul.the-list a { color: #26a2d1; padding-left: 20px } div.common-content div.location-list ul.expand-collpse li.expand { background: url(../images/ico_expand.gif) no-repeat left 12px } div.common-content div.location-list ul.expand-collpse li.collapse { background: url(../images/ico_collapse.gif) no-repeat left 12px } div.common-content div.location-list ul.the-list li { padding: 8px 16px; background: #f2fafc; border-top: 1px solid #b9e2f1; position: relative } div.common-content div.location-list ul.the-list li.even { background: #fff } div.common-content div.location-list ul.the-list li div.location-heading { background: url(../images/ico_expand.gif) no-repeat left 3px } div.common-content div.location-list ul.the-list li div.location-heading h3 { font-size: 1.4em; color: #004a80; padding-left: 21px; cursor: pointer; } div.common-content div.location-list ul.the-list li div.location-heading h3 a { padding-left: 5px; font-weight: normal } div.common-content div.location-list ul.the-list li div.location-heading h3 span { font-weight: normal } div.common-content div.location-list ul.the-list li div.location-heading a.view-location { position: absolute; right: 20px; top: 11px; font-size: 1.4em } div.common-content div.location-list ul.the-list { border-bottom: 1px solid #b9e2f1 } div.common-content div.location-list ul.the-list div.state { display: none } div.common-content div.location-list ul.the-list div.active { display: block } div.common-content div.location-list ul.the-list div.state ul.state-list li { padding-left: 0 ; border: none; background: none } div.common-content div.location-list ul.the-list div.state ul.state-list { padding: 15px 0 10px 2px } div.common-content div.location-list ul.the-list li div.expanded { background: url(../images/ico_collapse.gif) no-repeat left 3px } /* Check in */ fieldset.checkin-personal-details, fieldset.checkin-optional-details { padding-left: 0; padding-right: 0; } fieldset.checkin-personal-details h3, fieldset.checkin-optional-details h3 { padding: 10px 0 10px 17px; } fieldset.checkin-personal-details ol { background: #f2fafc; width: 680px; padding: 20px 0 10px; } fieldset.checkin-personal-details ol li { padding: 0 321px 8px 17px; } fieldset.checkin-personal-details ol li strong.label { width: 140px; display: block; float: left; padding-top: 3px; color: #004a80; font-size: 1.2em; } fieldset.checkin-personal-details ol li strong.label em { color: #27a3d1; } fieldset.checkin-personal-details ol li input, fieldset.checkin-personal-details ol li select { width: 195px; float: right; padding: 3px 0 } fieldset.checkin-personal-details ol li select { width: 197px; position: relative; left: 0 } div.checkin-programs { background: #f2fafc; width: 680px; } div.checkin-preferred { padding-bottom: 15px; } div.checkin-rewards { padding-bottom: 30px; } div.checkin-preferred { border-bottom: 1px solid #bfe0ec; } fieldset.checkin-optional-details h4 { display: block; padding: 20px 17px 10px; color: #004a80; font-size: 1.2em; } fieldset.checkin-optional-details div.checkin-rewards h4 { padding-bottom: 15px; } div.checkin-preferred ol { width: 375px; float: left; } div.checkin-preferred ol li { padding-left: 17px; } div.checkin-preferred ol li div.checkin-program-image { width: 120px; float: left; } div.checkin-preferred ol li div.checkin-program-content { width: 220px; float: right; } div.checkin-preferred ol li input { width: 91px; float: left; margin: 0 4px 10px 7px; padding: 3px 0 } div.checkin-preferred div.join-today { width: 300px; float: right; } div.checkin-programs div.join-today p { padding-right: 115px; font-size: 1.1em; line-height: 1.4; } div.checkin-programs div.join-today p strong { color: #004a80; } div.checkin-programs div.join-today p a { color: #27a3d1; font-weight: bold; } div.checkin-rewards ol { width: 420px; float: left; } div.checkin-rewards ol li { padding-left: 17px; } div.checkin-rewards ol li strong.label { font-size: 1.2em; display: block; width: 140px; float: left; } div.checkin-rewards ol li select, div.checkin-rewards ol li input { width: 91px; margin: 0 4px 0 7px; float: left; padding: 3px 0 } div.checkin-rewards ol li select{ padding: 2px 0; width: 93px; margin-left: 5px; margin-right: 11px; } div.checkin-rewards ol li div.checkin-program-image { width: 120px; float: left; } div.checkin-rewards ol li div.checkin-program-content { width: 220px; float: right; } div.checkin-rewards ol li input { float: left; margin: 0 10px 10px 0; } div.checkin-rewards ol li em { font-style: normal; font-size: 1.2em; } div.checkin-rewards ol li a.checkin-add { width: 45px; height: 25px; float: right; position: relative; } div.checkin-rewards ol li a.checkin-add a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/btn_add.gif) top left no-repeat; } div.checkin-rewards div.join-today { width: 245px; float: right; } div.checkin-rewards div.join-today p { padding-right: 70px; } /* 2.3 Sidebar -----------------------------------------------------------------------------------------------*/ /* Common styling */ div.sidebar a { color: #26a2d1; } div.sidebar fieldset { padding: 9px 0 15px 25px; border-bottom: 1px solid #bfe0ec; } div.sidebar div.search-intro { padding-bottom: 15px; border-bottom: 1px solid #bfe0ec; text-align: center; } div.sidebar div.common-list { padding-top: 3px } div.sidebar div.common-list ul li { font-size: 1.2em; font-weight: bold; padding-top: 5px } div.sidebar div.common-list ul li span { position: relative; top: -1px } /* Search form */ div.search-intro h3 { display: block; padding: 15px 0 12px; color: #004a80; font-size: 1.4em; font-size: bold; } div.search-intro h3 em { font-weight: normal; font-style: normal; } div.search-intro p.company-list img { padding: 0 10px; vertical-align: middle; } div.form-search fieldset.search-pickup li, div.form-search fieldset.search-dropoff li, div.form-search fieldset.search-driver li { float: left; width: 225px; } div.form-search fieldset.search-pickup li.alt, div.form-search fieldset.search-dropoff li.alt, div.form-search fieldset.search-driver li.alt { float: right; } div.form-search strong.label { display: block; padding-bottom: 5px; color: #004a80; font-size: 1.4em; font-weight: bold; } div.form-search input, div.form-booking-details input, fieldset.checkin-personal-details ol li input, fieldset.checkin-personal-details ol li select, div.checkin-preferred ol li input, div.checkin-rewards ol li input, div.checkin-rewards ol li select, fieldset.booking-optional-details ol.alt li select, form-booking-details select, fieldset.booking-personal-details li select, div.form-search select { border: 1px solid #7f9db9; } div.form-search fieldset.search-pickup input { width: 190px; padding: 2px 0 2px 2px; } div.form-search li.alt input { width: 80px; padding-left: 5px; } div.form-search li.alt img { vertical-align: middle; padding: 0 5px; border-bottom: 5px solid #f2fafc; } div.form-search li.alt select { width: 70px; padding: 1px 0 1px 5px; } fieldset.booking-optional-details ol.alt li select { padding: 2px 0 } div.form-search fieldset.search-dropoff li label { display: inline; font-size: 1.4em; line-height: 1.4; } /*sohial - edited display from block to inline*/ div.form-search fieldset.search-dropoff li label input { margin: 0; border: 0; } div.form-search fieldset.search-driver li label { font-size: 1.2em; display: inline; width: 90px; float: left; } div.form-search fieldset.search-driver li label input { margin: 0; border: 0; } div.form-search fieldset.search-driver li.alt label strong.label { font-size: 1.2em; } div.form-search fieldset.search-driver li.alt select { width: 190px; padding: 2px 0 2px 5px; font-size: 1em } div.form-search fieldset.search-driver li.extra-label { clear: both; display: inline; padding-top: 15px; } div.form-search div.search-expand { padding: 3px 30px 0 0; } div.form-search div.search-expand a { display: block; float: left; font-size: 1.4em; } div.form-search div.search-expand a.search-toggle { padding: 0 15px 0 20px; color: #004a80; font-weight: bold; } div.form-search div.search-expand a.search-toggle-expand { background: url(../images/ico_expand.gif) center left no-repeat; } div.form-search div.search-expand a.search-toggle-collapse { background: url(../images/ico_collapse.gif) center left no-repeat; } div.form-search div.search-expand a.search-expand-add { float: right; } div.form-search div.search-memberships-content, div.form-search div.search-discount-codes-content, div.form-search div.search-child-seats-content { display: none; padding-top: 15px; } div.form-search div.expanded { display: block; } div.form-search div.expanded a.search-expand-add { display: none; } div.form-search fieldset.search-memberships p { font-size: 1.4em; line-height: 1.2; padding-bottom: 20px; } div.form-search fieldset.search-memberships ol { width: 320px; float: left; } div.form-search fieldset.search-memberships ol li div.search-memberships-image { width: 112px; float: left; } div.form-search fieldset.search-memberships ol li div.search-memberships-input { width: 200px; float: right; } div.form-search fieldset.search-memberships ol input { width: 85px; padding: 2px 0 2px 2px; margin: 0 7px 10px 0; border: 1px solid #7f9db9; } div.form-search fieldset.search-memberships div.join-today { width: 145px; float: right; } div.form-search fieldset.search-memberships div.join-today p { padding-right: 30px; font-size: 1.1em; } div.form-search fieldset.search-memberships div.join-today p strong { color: #004a80; } div.form-search fieldset.search-memberships div.join-today p a { font-weight: bold; } div.form-search fieldset.search-discount-codes p { font-size: 1.4em; line-height: 1.2; padding-bottom: 20px; } div.form-search fieldset.search-discount-codes ol li div.search-discount-codes-image { width: 75px; float: left; } div.form-search fieldset.search-discount-codes ol li div.search-discount-codes-input { float: left; padding-bottom: 10px; } div.form-search fieldset.search-discount-codes ol li a { font-size: 1.4em; } div.form-search fieldset.search-discount-codes input { width: 110px; padding: 2px 0 2px 2px; margin-right: 10px; border: 1px solid #7f9db9; } div.form-search fieldset.search-child-seats ol li { width: 75px; float: left; font-size: 1.4em; } div.form-search fieldset.search-child-seats ol li strong.label { font-size: 1em; font-weight: normal; color: #555; } div.form-search fieldset.search-child-seats ol li.search-child-seats-guide { width: 225px; float: right; padding-top: 18px; } div.form-search fieldset.search-child-seats ol li select { width: 50px; } div.form-search fieldset.search-child-seats p { padding: 5px 0 0 75px; font-size: 1.1em; } div.form-search fieldset.search-reductions, div.form-search fieldset.search-submit { padding: 22px 0 0 0; border: 0; } div.form-search fieldset.search-reductions { width: 220px; float: left; } div.form-search fieldset.search-reductions p { padding-left: 25px; font-size: 1.1em; } div.form-search fieldset.search-reductions p a { font-weight: bold; } div.form-search fieldset.search-submit { width: 225px; float: right; text-align: right; } div.form-search fieldset.search-submit input { border: 0; margin-right: 30px; } /* Subpage specific styles */ body.leftside div.sidebar div.best-rates-guarantee p, body.rightside div.sidebar div.best-rates-guarantee p { padding-top: 15px; font-size: 1.2em } body.leftside div.sidebar div.best-rates-guarantee, body.rightside div.sidebar div.best-rates-guarantee { padding-left: 18px; padding-right: 18px; background-position: 15px 10px } body.leftside div.sidebar div.best-rates-guarantee h3, body.rightside div.sidebar div.best-rates-guarantee h3 { padding-left: 100px; padding-top: 5px } body.leftside div.form-search fieldset.search-pickup li, body.leftside div.form-search fieldset.search-dropoff li, body.leftside div.form-search fieldset.search-driver li, body.rightside div.form-search fieldset.search-pickup li, body.rightside div.form-search fieldset.search-dropoff li, body.rightside div.form-search fieldset.search-driver li { width: 219px; padding-bottom: 15px; padding-top: 5px } body.leftside div.sidebar fieldset, body.rightside div.sidebar fieldset { padding-bottom: 0 } body.leftside div.form-search fieldset.search-driver li.alt select, body.rightside div.form-search fieldset.search-driver li.alt select { font-size: 1em } body.leftside div.form-search fieldset.search-driver li.extra-label, body.rightside div.form-search fieldset.search-driver li.extra-label { padding-bottom: 5px } body.leftside div.form-search div.search-expand, body.rightside div.form-search div.search-expand { padding: 6px 25px 12px 0; } body.leftside div.form-search fieldset.search-driver li.alt select, body.rightside div.form-search fieldset.search-driver li.alt select { width: 195px } body.leftside div.form-search li.alt select, body.rightside div.form-search li.alt select { width: 78px } body.leftside div.form-search fieldset.search-pickup input, body.rightside div.form-search fieldset.search-pickup input { width: 193px } body.leftside div.form-search li.alt input, body.rightside div.form-search li.alt input { width: 80px } body.leftside div.form-search fieldset.search-reductions, body.leftside div.form-search fieldset.search-submit, body.rightside div.form-search fieldset.search-reductions, body.rightside div.form-search fieldset.search-submit { padding-top: 15px; padding-bottom: 0px } body.leftside div.form-search fieldset.expand, body.rightside div.form-search fieldset.expand { padding: 0; border: 0 } body.leftside div.form-search div.search-memberships-content, body.leftside div.form-search div.search-discount-codes-content, body.leftside div.form-search div.search-child-seats-content, body.rightside div.form-search div.search-memberships-content, body.rightside div.form-search div.search-discount-codes-content, body.rightside div.form-search div.search-child-seats-content { display: none; padding-top: 5px; padding-bottom: 10px; } body.leftside div.form-search fieldset.search-memberships ol, body.rightside div.form-search fieldset.search-memberships ol { width: 100%; } body.leftside div.form-search fieldset.search-memberships ol li div.search-memberships-input, body.rightside div.form-search fieldset.search-memberships ol li div.search-memberships-input { float: none; } body.leftside div.form-search fieldset.search-memberships div.join-today, body.rightside div.form-search fieldset.search-memberships div.join-today { float: none; width: 100%; } body.leftside div.form-search fieldset.search-memberships div.join-today p, body.rightside div.form-search fieldset.search-memberships div.join-today p { padding-right: 30px; } body.leftside div.form-search fieldset.search-discount-codes p, body.rightside div.form-search fieldset.search-discount-codes p { padding-bottom: 10px; } body.leftside div.form-search div.search-child-seats-content p, body.rightside div.form-search div.search-child-seats-content p { padding-top: 10px; padding-bottom: 5px; } /* Booking sidebar */ div.sidebar-section h2 { display: block; padding-bottom: 15px; color: #004a80; font-size: 1.8em; } body.checkin div.sidebar-section { padding-bottom: 5px; } body.checkin div.sidebar-section p { padding-bottom: 12px; font-size: 1.4em } div.sidebar div.earn-points { background: url(../images/btn_earn_points.gif) top left no-repeat; padding-top: 20px; } div.sidebar div.earn-points h3 { display: block; padding: 0 0 15px 100px; color: #004a80; font-size: 1.8em; } div.sidebar div.earn-points p { font-size: 1.2em; padding-left: 10px; line-height: 1.2; } /* Other sidebar sections */ div.best-rates-guarantee { background: url(../images/btn_best_rates.gif) 15px 25px no-repeat; padding: 40px 30px 50px 120px; clear: both; border: none; } div.best-rates-guarantee { background: url(../images/btn_best_rates.gif) 15px 25px no-repeat; padding: 40px 30px 50px 120px; clear: both; border: 1px solid #f2fafc; } div.best-rates-guarantee h3 { color: #004a80; font-size: 1.8em; font-weight: bold; } div.best-rates-guarantee p { padding-top: 5px; font-size: 1.2em; line-height: 1.4em; } /* 2.4 Footer -----------------------------------------------------------------------------------------------*/ div.footer a { color: #5db3d3; } div.footer-info { width: 240px; float: left; display: inline; padding-top: 30px; margin-left: 23px; } div.footer-links { width: 705px; float: right; padding-top: 35px; } /* Footer info */ div.footer-info a.footer-logo { display: block; width: 173px; height: 41px; position: relative; margin-bottom: 18px; } div.footer-info a.footer-logo span { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/logo_footer.png) top left no-repeat; } div.footer-info p { line-height: 1.4; } div.footer-info p.report { padding: 15px 0; } div.footer-info p a { font-weight: bold; } div.footer-info p span.separator { font-weight: bold; } /* Footer sitemap */ div.footer-sitemap { padding-bottom: 20px; } div.footer-sitemap div.c1 { width: 143px; float: left; } div.footer-sitemap div.c2 { width: 222px; float: left; } div.footer-sitemap div.c3 { width: 185px; float: left; } div.footer-sitemap div.c4 { width: 150px; float: right; } /* Footer links */ div.footer-links h4 { display: block; padding: 5px 0; } div.footer-links h4 a { color: #5db3d3; } div.footer-links ul { padding-bottom: 7px; } div.footer-links ul li { background: url(../images/bullet_footer_links.gif) 1px 0.5em no-repeat; padding: 0 0 1px 10px; } div.footer-links ul li a { color: #555; } div.footer-links p a { font-weight: bold; } div.footer-links p span.separator { font-weight: bold; padding: 0 5px; } div.footer-links div.footer-sitemap p span.separator { padding: 0; } div.footer-links ul.footer-alt-links { padding-top: 5px; } div.footer-links ul.footer-alt-links li, ul.privacy-terms li { float: left; padding: 0; background: none; } div.footer-links ul.footer-alt-links li a, ul.privacy-terms li a { background: url(../images/bg-li.png) no-repeat center left; display: block; padding: 0 7px; font-weight: bold; color: #5db3d3; } div.footer-links ul.footer-alt-links li.first a, ul.privacy-terms li.first a { background: none; padding-left: 0; } div.footer-links ul.footer-social-links { padding: 5px 0 10px; } div.footer-links ul.footer-social-links li { display: inline; padding: 0; background: none; } div.footer-links ul.footer-social-links li a { display: block; float: left; padding: 6px 12px 6px 27px; color: #5db3d3; font-weight: bold; } div.footer-links ul.footer-social-links li.twitter a { background: url(../images/ico_twitter.gif) center left no-repeat; } div.footer-links ul.footer-social-links li.facebook a { background: url(../images/ico_facebook.gif) center left no-repeat; color: #3d61b2; } /*--- Start Sohail's changes -----------*/ /*-------------------------------- CUSTOM CLASSES, NOT DELIVERED WITH TEMPLATE --------------------------------------------------------*/ .cursor { cursor: pointer; } div.search-results-header_edited strong { padding: 6px 0 0 15px; width: 100px; float: left; padding-top: 5px; color: #004a80; font-size: 1.2em; } .search-results-description { width: 180px; } .BookBtn { display: block; float: right; position: relative; width: 74px; height: 25px; margin-top: 5px; } .OodlesTab { width: 97px; } .OodlesMultipage { position: relative; left:116px; width: 520px; } .SortSupplier { position:relative; left:140px; width:680px; padding-top: 20px;} .ImgSuppSort1 { float:left;width:100px;} .ImgSuppSort2 { float:left;width:100px;} .ImgSuppSort3 { float:left;width:100px;} .ImgSuppSort4 { float:left;width:100px;} .vehicle_descp_image {padding-left: 410px;} .childseats_table {background-color: #eee; width: 685px; font-size: 12px;} .checkin-info {font-size: 12px;} .Search_CatName { position: absolute; z-index: 0; margin-left: 12px; margin-top: 7px; font-weight: bold; color: #004a80; font-size: 1.2em; } .LastMultipage { padding-bottom: 1px; } .search-results-header_edited { padding-top: 6px; } /*---------------------------*/ /*AutoComplete flyout */ .autocomplete_completionListElement1 { margin : 0px!important; background-color : inherit; color : windowtext; border : buttonshadow; border-width : 1px; border-style : solid; cursor : 'default'; overflow : auto; height : 200px; text-align : left; list-style-type : none; } /* AutoComplete highlighted item */ .autocomplete_highlightedListItem1 { background-color: #ffff99; color: black; padding: 1px; } /* AutoComplete item */ .autocomplete_listItem1 { background-color : window; color : windowtext; padding : 1px; } /*---------------------------*/ .btnSearchIE { z-index: 200; position: relative; top: 20px; left: 247px; } .lblOptionalExtrasIE { margin-left: 0px; margin-top: 25px; } .FeaturesIndex { text-align: center;} /*--- End Sohail's changes -----------*/