:focus { outline: 0; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* ------------ basic styles - please don't add layout, sizing, or page-specific rules here! ------------ */ body { line-height: normal; font-family: Verdana, sans-serif; font-size: 10px; color: #7a7a7a; background-repeat: repeat-x; } address { font-style: normal; } select, option, input, button { line-height: normal; font-family: Verdana, sans-serif; font-size: 10px; color: #7a7a7a; } strong { font-weight: normal; } sup { font-size: 7px; } p { line-height: 1.5; } ol { list-style: decimal outside; margin-left: 20px; } select, option, input, textarea { color: #565656; margin: 0; } input.input_newsl_side { width: 140px; height: 14px; } input.submit_button_blue { background-color: #FB8E25; border: 0; color: #FFFFFF; padding: 2px 6px; height: 18px; } textarea.text { line-height: 1.3; font-family: Verdana, sans-serif; font-size: 10px; } a.iblock { display: inline-block; padding: 2px 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .blue { color: #01adef; } .debug_ok { background-color: #deffbd; } .debug_miss { background-color: #fffbbd; } .hide { display: none; } div.hide { display: none; } .debug_hide { display: none; } .amt_text { color: #4b3e36; } .on_request_orange { color: rgb(255, 102, 0) !important; cursor: help; } .on_request_orange2 { color: rgb(255, 102, 0) !important; width: 400px; margin-bottom: 20px; } /* ------------ layouts ------------ */ /****************************************************************************** FLOATFIX + FLOATING STYLES - Standard compliant rules ******************************************************************************/ .floatfix { display: block; padding-top:10 px; padding-bottom:10 px; } .floatfix:after { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; } .floatfix-left:after { clear: left; } .floatfix-right:after { clear: right; } .hbox { float: left; } .hbox-right { float: right; } /****************************************************************************************** NOTE: There are IE6 + 7 rules defined in their respective stylesheets (enables valid css) ******************************************************************************************/ /** wrapper for absolute positioning. useful for popups */ /* NOTE: What is this used for? */ .relative_fix { position: relative; width: 1px; height: 1px; } /****************************************************************************************** SELECT FIX HACK FOR INTERNET EXPLORER 6 - this is to prevent it from displaying on std compliant browsers ******************************************************************************************/ iframe.selectfix{ display: none; } iframe.selectfix2{ display: none; } /***************************************************************************** SHARED GLOBAL STYLES *****************************************************************************/ /* Big blue title */ .shared h1, h1.shared{ color: #01ADEF; font-family: Times New Roman, serif; font-size: 22px; font-weight: normal; } /* Big grey title */ .shared h2, h2.shared{ color: #666666; font-size: 16px; font-weight: bold; } /* Non-bold title */ .shared h3, h3.shared{ color: #666666; font-size: 12px; font-weight: normal; } /* SEO Friendly H1 tag */ .shared h4, h4.shared{ color: #01ADEF; font-family: Times New Roman, serif; font-size: 22px; font-weight: normal; } .shared h5, h5.shared{ color: #01ADEF; font-family: Times New Roman, serif; font-size: 18px; font-weight: normal; } /* Shared form styles */ .shared form label{ display: inline-block; vertical-align: top; } .shared form label.long{ width: inherit !important; } .shared form .entry{ display: inline-block; } /************************************************************ LOGIN AREA STYLES ************************************************************/ .login_area h4{ margin-bottom: 10px; } .login_area form div{ margin-bottom: 5px; } .login_area form .entry{ width: 140px; } .login_area .submit{ margin-left: 10px; margin-bottom: 10px; } .login_area .forgot_area{ display: none; } .login_area .forgot_area .submit_button{ margin-bottom: 5px; } /************************************************************ SHARED MENU LOGIN AREA STYLES ************************************************************/ .shared_menu .login_area{ position: relative; padding: 15px 10px; margin-bottom: 20px; background-color: #D9D9D9; } .shared_menu .login_area .top_corner{ position: absolute; right: 0; top: 0; } .shared_menu .login_area .bottom_corner{ position: absolute; right: 0; bottom: 0; } .shared_menu .login_area .signup_area{ position: relative; width: 160px; height: 30px; padding: 10px; margin-top: 10px; background-color: #FFFFFF; text-align: center; } .shared_menu .login_area .signup_area a{ color: #FB8E25; font-weight: bold; } .shared_menu .login_area .signup_area .top_left_corner{ position: absolute; top: 0; left: 0; } .shared_menu .login_area .signup_area .top_right_corner{ position: absolute; top: 0; right: 0; } .shared_menu .login_area .signup_area .bottom_left_corner{ position: absolute; bottom: 0; left: 0; } .shared_menu .login_area .signup_area .bottom-right_corner{ position: absolute; bottom: 0; right: 0 } /***************************************************************************** ABSOLUTE LAYOUT STYLES *****************************************************************************/ .main_container{ position: relative; } #la_header_2_column_satellite, #la_header_3_column_landing{ padding-top: 315px; } #la_no_header_2_column, #la_fullscreen_page{ padding-top: 105px; } #header{ position: absolute; top: 0; left: 0; width: 100%; } .page{ width: 1000px; margin: 0 auto; position: relative; } /***************************************************************************** SHARED POPUP STYLES *****************************************************************************/ .popup_parent{ position: relative; } .popup{ position: absolute; display: none; /* width: 422px; height: 418px; */ right: 0; top: 25px; background-color: #FFFFFF; border: 1px solid #DFDCDA; padding: 0px; z-index: 2; } .popup_plain { top: 0 !important; padding: 0 !important; } .popup .arrow{ position: absolute; right: 30px; top: -8px; } .popup .entry{ margin-bottom: 5px; } .ajax .sending{ display: inline-block; margin: -3px 5px; visibility: hidden; } .ajax .message{ display: none; margin-top: 5px; } .ajax .error-message{ color: #CC0000; } .ajax .success-message{ color: #00CC00; } .ajax .dont-erase{ display: block !important; } /***************************************************************************** CUSTOMER CARE HEADER STYLES *****************************************************************************/ #header .head_row_1{ margin-bottom: 10px; } #header .head_row_1 a{ display: inline-block; } #header .head_row_1 .hbox-right{ text-align: right; } #header .head_row_1 .top_link{ padding-top: 11px; } #header .customercare_phone{ font-family: Times New Roman; font-size: 20px; font-weight: bold; color: #FB8E25; display: inline-block; } #header .open-customer-care{ text-align: right; margin-right: 10px; } /***************************************************************************** BOOKINGS MINI POPUP STYLES *****************************************************************************/ #header #booking_link .popup .forgot{ width: 100px; } #header #booking_link .popup form{ width: 200px; } #header #booking_link .popup .login_now{ color: #01ADEF; font-size: 11px; margin-bottom: 10px; } #header #booking_link .popup label{ width: 135px; text-align: right; font-size: 10px; } #header #booking_link .popup form .overlay{ position: relative; } #header #booking_link .popup form .entry{ width: 190px; } #header #booking_link .popup form .overlay .hideme{ position: absolute; } #header #booking_link .popup .message{ margin-top: 5px; } /***************************************************************************** NEWSLETTER MINI POPUP STYLES *****************************************************************************/ #header .newsletter_link .popup .entry{ display: inline-block; width: 220px; margin-bottom: 0; } #header .newsletter_link .popup p{ margin-bottom: 5px; } #header .newsletter_link .popup .message{ margin-top: 5px; } /***************************************************************************** SIGN IN MINI POPUP STYLES *****************************************************************************/ #header #signin_link .popup .entry{ width: 150px; margin-bottom: 5px; } #header #signin_link .popup .hideme{ position: absolute; } #header #signin_link .popup .register{ color: #01ADEF; font-size: 11px; } #header #signin_link .popup .hbox-right{ width: 125px; } #header #signin_link .popup .hbox-right a{ display: block; line-height: 20px; } #header #signin_link .popup form{ width: 180px; } #header #signin_link .popup form .sending{ margin: 0 5px; } #header #signin_link .popup form div{ line-height: 15px; } #header #signin_link .popup form .overlay{ position: relative; } #header #signin_link .popup form .overlay div{ position: absolute; top: 2px; left: 2px; color: #565656; } #header #signin_link .popup .message{ margin-top: 5px; } /***************************************************************************** NAVIGATION BAR STYLES *****************************************************************************/ .navigation_bar { padding: 3px 0 0 5px; font-size: 11px; } .navigation_bar strong a { text-decoration: none !important; } .navigation_bar strong a:link { text-decoration: none !important; } .navigation_bar strong a:visited { text-decoration: none !important; } .navigation_bar strong a:hover { text-decoration: none !important; } .navigation_bar strong a:active { text-decoration: none !important; } /***************************************************************************** FAVOURITE BAR STYLES *****************************************************************************/ .favourite_bar .button{ display: inline-block; margin: 0; padding: 0; border-top: 1px solid #DEDEDE; border-left: 1px solid #FFFFFF; border-right: 1px solid #ABABAB; cursor: pointer; height: 21px; background-repeat: no-repeat; } .favourite_bar .buttonRight { border-right: 0 !important; } .favourite_bar .buttonLeft { border-left: 0 !important; } .favourite_bar .button span{ display: inline-block; line-height: 21px; vertical-align: top; margin: 0 5px; } .favourite_bar a, .favourite_bar a span{ text-decoration: none; } .favourite_bar #save_favourite_link{ background-image: url("/images/favourite/bt_save_favourite_over.gif"); } .favourite_bar #share_link{ background-image: url("/images/favourite/bt_share_over.gif"); } .favourite_bar #send_friend_link{ background-image: url("/images/favourite/bt_send_friend_over.gif"); } .favourite_bar .newsletter_link{ background-image: url("/images/favourite/bt_newsletter_over.gif"); } /***************************************************************************** HEADER REORDER STYLES These are hacks to re-order the z-index in the header area so all the popups sit at the correct layer *****************************************************************************/ .top_bar .head_row_1, .top_bar .head_row_1 * { z-index: 4; } .top_bar .head_row_2, .top_bar .head_row_2 * { z-index: 3; } .icon_top_bar, .icon_top_bar * { z-index: 2; } .box_image_bar, .box_image_bar * { z-index: 1; } .icon_top_bar { background: url("../image/bg_navigation_bar.gif"); background-repeat: x-repeat no-repeat; margin-bottom: 5px; height: 22px; } .box_image_bar { height: 204px; margin-bottom: 5px; position: relative; } /* remove the floats from here??? */ .left_box { float: left; background-color: #FB8E25; } .right_image { float: right; } .right_image img{ display: block; } .icon_bottom_bar { margin-top: 5px; width: 100%; height: 22px; background-color: #f1efee; border-bottom: 1px solid #dfdcda; } .no_bot_margin { margin-bottom: 0; } .column_left { width: 203px; border: 1px solid #DFDCDA; } .column_left_listing { /** WARNING: Will delete float style soon */ float: left; width: 205px; border: 0; padding: 0; } .column_left_top_box { margin-bottom: 5px; background: #FB8E25; } .column_left_bot_box { width: 203px; border: 1px solid #DFDCDA; } .logo_visa { margin-top: 5px; float: left; } .version_string { float: right; margin-top: 2px; } .column_right { float: right; width: 788px; margin-left: 5px; border: 1px solid #DFDCDA; } .landing_column_right { float: left; width: 790px; border: 0; } .sub_column_left { float: left; width: 340px; } .sub_column_right { float: left; width: 450px; } .sub_column_right_with_borders { float: left; width: 428px !important; border: 1px solid #DFDCDA; padding: 10px; } .content_bot_bar { clear: both; padding-bottom: 50px; padding-top: 5px; } .bot_bar { clear: both; width: 100%; height: 120px; background: url("../image/bottom.gif") repeat-x; background-color: #4b3e36; color: #776B63; line-height: 1.2; } .bot_bar_content { width: 1000px; margin: auto; padding: 20px 0; } .bot_bar_content a { color: #776B63; text-decoration: none; } .bot_bar_content a:link { color: #776B63; text-decoration: none; } .bot_bar_content a:visited { color: #776B63; text-decoration: none; } .bot_bar_content a:hover { color: #776B63; text-decoration: underline; } .bot_bar_content a:active { color: #776B63; text-decoration: none; } .bot_bar p { line-height: 1.2; } .left_filler { background: url("/images/misc/splendia_logo_frame.gif") no-repeat; background-position: 45px 100px; width: 173px; height: 2000px; border: 1px solid #DFDCDA; padding: 10px; margin-left: 5px; margin-top: 5px; } /* ------------ components ------------ */ .menu_body { float: right; margin: 10px 0 5px 0; width: 780px; font-size: 10px; color: #7a7a7a; } .menu_body .sep{ margin: 0 0 0 20px; } .menu_body a{ font-size: 10px; text-decoration: none; } .menu_body a:link { text-decoration: none; } .menu_body a:visited { text-decoration: none; } .menu_body a:hover { text-decoration: none; color: #4b3e37; } .menu_body a:active { text-decoration: none; } /****************************************************************************************** FLAT SELECTOR / COMBO BOX STYLES ******************************************************************************************/ .flat_selector { float: right; background-color: #f2f1f0; width: 42px; height: 15px; background: url("../image/down_blue.gif") no-repeat #F2F1F0; background-position: 35px 6px; padding-left: 4px; cursor: pointer; position: relative; } .flat_list { background-color: white; border: 1px solid #f2f1f0; width: 44px; display: none; margin-left: -4px; margin-top: 14px; position: absolute; z-index: 10; cursor: pointer; overflow: hidden; } .flat_list li { height: 15px; } .flat_list li a { padding-left: 3px; display: block; height: 15px; width: 42px; } .flat_list { text-decoration: none; } .flat_list:link { text-decoration: none; } .flat_list:visited { text-decoration: none; } .flat_list:hover { text-decoration: none; } .flat_list:active { text-decoration: none; } .flat_list a { text-decoration: none; } .flat_list a:link { text-decoration: none; } .flat_list a:visited { text-decoration: none; } .flat_list a:hover { text-decoration: none; background-color: #f2f1f0; } .flat_list a:active { text-decoration: none; } .rooms_c_selector { color: #565656; display: block; width: 86px; height: 16px; background: url("../image/arrow_select_rooms.gif") no-repeat white; background-position: 74px 0px; background-color: #fcfcfc; float: left; } .rooms_c_selected { color: #565656; display: block; width: 86px; text-decoration: none; } .rooms_c_selected:link { color: #565656; display: block; width: 86px; text-decoration: none; } .rooms_c_selected:visited { color: #565656; display: block; width: 86px; text-decoration: none; } .rooms_c_selected:hover { color: #565656; display: block; width: 86px; text-decoration: none; } .rooms_c_selected:active { color: #565656; display: block; width: 86px; text-decoration: none; } .rooms_c_list { color: #565656; width: 88px; margin-top: 16px; } .rooms_c_list li { color: #565656; width: 86px; } .rooms_c_list li a { color: #565656; width: 85px; } .rooms_c_list li a:hover { background-color: #f2f1f0; } #currency_list li a { width: 41px; } #lang_selector { width: 103px; background-position: 95px 6px; } #lang_selected { display: block; padding-left: 23px; background: url("../image/flags_big.gif") no-repeat; width: 79px; } #currency_selected { display: block; width: 39px; } #lang_selector .tlangEN { background-position: 0px 0px; } #lang_selector .tlangFR { background-position: 0px -15px; } #lang_selector .tlangES { background-position: 0px -30px; } #lang_selector .tlangGE { background-position: 0px -45px; } #lang_selector .tlangIT { background-position: 0px -60px; } #lang_selector .tlangPT { background-position: 0px -75px; } #lang_selector .tlangRU { background-position: 0px -90px; } #lang_list { width: 105px; } #lang_list li a { padding-left: 26px; background: url("../image/flags_little.gif") no-repeat white; width: 79px; } #lang_list li a:hover { background-color: #f2f1f0; } #lang_list li a.langEN { background-position: 0px 5px; } #lang_list li a.langFR { background-position: 0px -10px; } #lang_list li a.langES { background-position: 0px -25px; } #lang_list li a.langGE { background-position: 0px -40px; } #lang_list li a.langIT { background-position: 0px -55px; } #lang_list li a.langPT { background-position: 0px -70px; } #lang_list li a.langRU { background-position: 0px -85px; } #currency_list li a { width: 41px; } .search_box { color: white; padding: 10px; width: 185px; height: 184px; background: #FB8E25; } .search_box_title { width: 180px; height: 35px; font-family: Times New Roman, serif; font-size: 22px; } .search_box .ac_input { display: block; float: left; width: 169px; height: 16px; margin: 2px 0 10px 0; padding: 0; border: 0; } .ac_error .ac_error_c { padding: 5px; background-color: rgb(254,239,131); } .search_box .ac_input_locs { display: block; float: left; width: 16px; height: 16px; margin: 2px 0 10px 0; padding: 0; border: 0; } .radio_row { height: 17px; } .radio_selected { background: url("../image/radiobutton_YES.gif") 0px 7px no-repeat; } .radio_unselected { background: url("../image/radiobutton_NO.gif") 0px 7px no-repeat; } #radio_destination { float: left; padding-top: 5px; padding-left: 16px; font-weight: bold; cursor: pointer; } #radio_hotel { float: right; padding-top: 5px; padding-left: 16px; font-weight: bold; cursor: pointer; } .search_input_row { width: 185px; } .search_box label { font-weight: bold; } .cancel_block { margin: 10px 0 0 0; height: 16px; clear: both; } .cancel_block .nights { display: block; float: right; } .cancel_block .cancel { display: none; float: right; text-decoration: underline; color: white; text-align: right; } a.optional_nights { color: white; } a.optional_nights:link { color: white; } a.optional_nights:visited { color: white; } a.optional_nights:hover { color: white; } a.optional_nights:active { color: white; } /*.search_box*/ .date_picker_input { display: block; float: left; border: 0; padding: 0; margin: 0; height: 16px; width: 74px; background-color: #fcfcfc; color: #3b3b3b; cursor: pointer; } /*.search_box*/ .ui-datepicker-trigger { display: block; float: left; border: 0; padding: 0; margin: 0; cursor: pointer; } .search_box .daterow { margin: 4px 0 10px 0; height: 16px; } .search_box .roomrow { margin: 20px 0 10px 0; height: 16px; clear: both; } .search_box .roomrow2 { margin: 12px 0; height: 16px; clear: both; } .search_box .buttonrow { margin: 15px 0 0 0; height: 16px; clear: both; } .search_box .rooms_opts_row { margin: 15px 0 0 0; height: 16px; clear: both; } .search_box .options { text-decoration: underline; margin-left: 5px; } .search_box .submit { height: 20px; width: 185px; border: 0; /* padding: 0; margin: 0;*/ color: white; background-color: #4b3e36; font-weight: bold; } .search_box .submit_disabled { background-color: #7a7a7a; border-color: #7a7a7a; } .search_box select, .search_box option { border: 0; margin: 0; padding: 0; height: 16px; width: 90px; } #datestart { } #dateend { } /* --- autocomplete --- */ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; margin-top: 2px; z-index: 20000; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } /** FIXME: There is a .selectfix class now that we can use instead of this 1) put inside your container you want to be on top of selects an iframe, 2) apply .selectfix class 4) it should now work 5) PROFIT */ .ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ /*IE5? we still support thaT??*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:300px; /** NOTE: Why 3000px??? Hax? */ height:3000px; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 97%; border-bottom: 1px solid #EEEEEE; overflow: hidden; } .ac_loading { background-color: white; } .ac_over { background-color: blue; color: white; } /****************************************************************************************** calendar 2.0 ******************************************************************************************/ #date_picker_anchor_l { width: 1px; height: 1px; } #date_picker_anchor_r { width: 1px; height: 1px; margin-left: 100px; } .sc_container { margin-top: 3px; display: none; position: absolute; width: 330px; /*height: 145px;*/ padding: 5px; border: 1px solid gray; background: white; z-index: 10000; } .sc_container table.month { font-family: Verdana, sans-serif; font-size: 10px; border-collapse: collapse; border-spacing: 0px; } .sc_container table.month th { text-align: right; padding: 1px 2px 1px 5px; border: 1px solid white; cursor: default; font-weight: normal; color: black; -moz-user-focus: ignore; -moz-user-input: disabled; -moz-user-select: none; } .sc_container table.month td { text-align: right; padding: 1px 2px 1px 5px; border: 1px solid white; cursor: default; color: black; -moz-user-focus: ignore; -moz-user-input: disabled; -moz-user-select: none; } .sc_container table.month td.noday { color: #999; } .sc_container table.month td.cl { cursor: pointer !important; } .sc_container table.month td.cl:hover { background: #FEAD5F; color: black; } .sc_container table.month td.day { background: #F1EFEE; } .sc_container table.month td.today { border: 1px solid #DFDCDA; } .sc_container table.month td.sel { background: #FB8E25; color: white; } .sc_container .month_panel { } .sc_container .month_panel .month_name { text-align: center; margin-bottom: 5px; color: black; cursor: default; -moz-user-focus: ignore; -moz-user-input: disabled; -moz-user-select: none; } .sc_container .pager { border: 1px solid #aaa; width: 14px; height: 14px; cursor: pointer; } .sc_container .month_left { float: left; } .sc_container .month_left .pager { float: left; background: url('../images/arrow_left.gif') no-repeat; background-position: 4px 4px; background-color: #F1EFEE; } .sc_container .month_right { float: right; } .sc_container .month_right .pager { float: right; background: url('../images/arrow_right.gif') no-repeat; background-position: 4px 4px; background-color: #F1EFEE; } .sc_footer { clear: both; color: black; } .sc_footer .close { float: right; color: #7a7a7a; cursor: pointer; text-decoration: underline; } /****************************************************************************************** POPUP LOCATIONS SEARCH AREA STYLES ******************************************************************************************/ #popup_locations_trigger { cursor: pointer; } #popup_locations { position: absolute; display: none; /*width: 750px;*/ /*height: 400px;*/ color: #7a7a7a; background-color: white; border: 1px solid #DFDCDA; padding: 20px; z-index: 20000; } #popup_locations .close { position: absolute; top: 0; right: 0; } #popup_locations .column { float: left; width: 140px; padding: 5px; } #popup_locations a:link { text-decoration: none; } #popup_locations a:visited { text-decoration: none; } #popup_locations a:hover { text-decoration: none; color: #4b3e37; } #popup_locations a:active { text-decoration: none; } #popup_locations h5 { color: #FB8E25; margin-bottom: 20px; } /****************************************************************************************** BOOK TABS STYLES ******************************************************************************************/ .details_tabs_container { margin: 40px -9px 0 -11px; } .details_tabs_container .tab_chooser { position: absolute; margin-top: -22px; z-index: 2; height: 23px; overflow: hidden; } /* Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { .details_tabs_container .tab_chooser { margin-top: -21px; } } .details_tabs_container .tab_chooser li { float: left; background: #999999; padding: 2px 10px; border: 1px solid #c4c4c4; margin-top: 2px; margin-right: 1px; margin-bottom: 1px; cursor: pointer; color:#FFFFFF; } .details_tabs_container .tab_chooser li.left { margin-left: 5px; } .details_tabs_container .tab_chooser li.selected { background: #FF9900; padding: 3px 10px 4px 10px; margin-top: 0; border-color: #afafaf; border-bottom: 2px solid white; color: #FFFFFF; } .details_tabs_container div.show { display: block; } .details_tabs_container .tab { background-color:#FFF; display: none; border: 1px solid #afafaf; position: relative; } /****************************************************************************************** GOOGLE MAP STYLES ******************************************************************************************/ .map2_dialog { position: absolute; width: 700px; height: 475px; border: 1px solid black; padding: 10px; background: white; z-index: 20000; } .map2_dialog .close { position: absolute; top: 0; right: 0; } #map_dialog { /*display: none; width: 540px; height: 395px;*/ z-index: 20000; overflow: hidden; } #map_dialog_map { width: 698px; height: 474px; display: none; } .map_box img.map { display: block; width: 203px; height: 120px; cursor: pointer; } .map_box .map_hotel_marker { position: absolute; width: 203px; height: 120px; cursor: pointer; z-index: 0; background: url("/images/mapmarkers/ic_hot_big.gif") no-repeat 91px 36px; } .map_box .map_label { display: block; background: #a6a6a6; color: white; height: 14px; font-size: 9px; padding-left: 12px; padding-top: 1px; cursor: pointer; } /****************************************************************************************** HOME LEFT MENU STYLES ******************************************************************************************/ .home_left_menu { padding: 10px; width: 183px; } .home_left_menu .bl { display: block; } .home_left_menu .blf { display: block; float: left; margin-right: 5px; } .home_left_menu p { margin-top: 5px; } .home_left_menu p.c { text-align: center; } .home_left_menu h3 { font-family: Times New Roman, serif; font-weight: normal; font-size:17px; color: #FB8E25; margin-top: 5px; margin-bottom: 10px; } .home_left_menu h3.m { margin-top: 25px; } /****************************************************************************************** LANDMARK STYLES ******************************************************************************************/ .landmarks { padding: 10px 10px 0 10px; width: 183px; } .landmarks h3 { color: #FB8E25; font-size: 17px; text-transform: none; font-family: Times New Roman, serif; font-weight: normal; margin-bottom: 10px; clear: none; } .landmarks h4 { font-weight: bold; margin-bottom: 10px; } .landmarks .landmarks_header img { padding-top: 5px; margin-right: 5px; float: right; cursor: help; } .landmarks .landmarks_header img.up { padding-top: 0; margin-right: 5px; float: right; cursor: help; } .landmarks p { border-bottom: 1px dashed #ddd; margin: 5px 0 10px 0; padding-bottom: 5px; } .landmarks dl.refiner dt { margin: 5px 0; } .landmarks dl.refiner li { height: 14px; margin: 0; cursor: pointer; } .landmarks dl.refiner li.zeroF { color: #ddd !important; background: white !important; } .landmarks dl.refiner li.markedF { background: #f1f0ee url("/images/misc/refine_check.gif") no-repeat !important; background-position: 2px 3px !important; color: #4b3e38; } .landmarks dl.refiner li.facilityC { background: url("/images/misc/refine_uncheck.gif") no-repeat; background-position: 2px 4px; padding-left: 13px; } .landmarks dl.refiner li div.text { height: 14px; margin: 0; cursor: pointer; clear: none; } .landmarks dl.refiner li div.count { float: right; margin-right: 5px; text-align: right; width: 20px; } .landmarks dl.refiner li img.bullet { margin-right: 5px; } .landmarks dl.refiner li img.mark { float: right; } .landmarks dl.refiner ul { margin-bottom: 15px; } .landmarks dl.refiner ul.end { margin-bottom: 0px; } .landmarks dt { /*color: #555;*/ font-weight: bold; } .landmarks dt.kind { /*color: #555;*/ font-weight: bold; font-style: italic; } .landmarks li { /*color: #555;*/ margin: 3px 0 0 0; } .landmarks li.hide { display: none; } .landmarks li a span.h { display: none; } .landmarks ul { margin-bottom: 15px; } .rand_wide_hotel_photo { height: 200px; /*background-color: blue;*/ overflow: hidden; width: 740px; margin-top: 5px; margin-left: 5px; } .ad_square { background: #eee; width: 335px; } .ad_square img { display: block; margin: auto; } .ad_square object { display: block; margin: auto; } .ad_square embed { display: block; margin: auto; } .wide_content { padding: 20px; position: relative; } .wide_content_no_top { padding-top: 0 !important; } .wide_content .ccare_session_info { background: #eee; color: rgb(136, 136, 136); padding: 2px 5px; width: 170px; position: absolute; right: 20px; top: 10px; } .booking_promo_optional { display: none; } .booking_promo_right { float: right; width: 180px; margin-top: 50px; } .booking_content .ccare_session_info { background: white; color: rgb(136, 136, 136); padding: 2px 5px; width: 170px; position: absolute; left: 560px; } .wide_content h1 { font-family: Times New Roman, serif; font-size: 22px; font-weight: normal; color: #FB8E25; margin-bottom: 15px; margin-top: -10px; } .wide_content h1.listing { margin-top: 15px; } .wide_content h1.listing a { color: #FB8E25; text-decoration: none; } .wide_content h1.listing a:link { text-decoration: none; } .wide_content h1.listing a:visited { text-decoration: none; } .wide_content h1.listing a:hover { text-decoration: underline; } .wide_content h1.listing a:active { text-decoration: none; } .wide_content h1.hotel { margin-bottom: 3px; } .wide_content h1.hotel img { margin-bottom: 4px; } .wide_content h5.hotel { font-weight: normal; margin-bottom: 3px; width: 550px; } .thiner_content { border: 1px solid #DFDCDA; padding: 10px; width: 313px; margin-bottom: 5px; margin-right: 5px; } .thiner_content input { line-height: 1.3; font-family: Verdana, sans-serif; font-size: 10px; color: #7a7a7a; border: 1px solid #A9A9A9; color: #7a7a7a; margin: 10px 10px 0 0; } .thiner_content h2 { font-family: Times New Roman, serif; font-weight: normal; font-size: 18px; color: #FB8E25; margin-bottom: 10px; } .thin_content { /* border: 1px solid #DFDCDA; padding: 10px; width: 428px; */ } .thin_content h2 { font-family: Times New Roman, serif; font-weight: normal; font-size: 18px; color: #FB8E25; margin-bottom: 10px; } .destinations_list2 { } .destinations_list2 li { float: left; width: 98px; margin-top: 5px; } .destinations_list { float: left; width: 103px; } .destinations_list li { margin-top: 5px; } .destinations_list li b { text-transform: uppercase; } .content_menu_footer { position: relative; width: 1000px; height: 114px; border-top: 1px solid #e0dcd9; background-color: #f1f0ee; font-size: 10px; color: #7a7a7a; } .content_menu_footer h3 { font-size: 10px; font-weight: bold; text-transform: uppercase; } .content_menu_footer a { text-decoration: none; } .content_menu_footer a:link { text-decoration: none; } .content_menu_footer a:visited { text-decoration: none; } .content_menu_footer a:hover { text-decoration: none; color: #4b3e37; } .content_menu_footer a:active { text-decoration: none; } .content_menu_footer a.hl { color: #4b3e37; } #footer_logo { position: absolute; top: 24px; left: 0px; } #footer_block_1 { position: absolute; top: 24px; left: 311px; } #footer_block_2 { position: absolute; top: 24px; left: 476px; } #footer_block_3 { position: absolute; top: 24px; left: 653px; } #footer_block_4 { position: absolute; top: 24px; left: 853px; } .recommed_place { margin-top: 20px; } .recommed_place img { display: inline; float: left; background: #f0f0f0; width: 150px; height: 90px; margin-right: 10px; } .recommed_place .locations { margin-left: 155px; } .recommed_place .locations a.r_local { padding-top: 4px; padding-bottom: 5px; padding-left: 3px; display: block; } .recommed_place .locations a.r_local .price { float: right; padding-right: 3px; } .recommed_place .locations .cityname { border-bottom: 1px solid #e0dcd9; padding-bottom: 3px; padding-right: 3px; margin-bottom: 9px; padding-left: 3px; } .recommed_place .locations .cityname b { text-transform: uppercase; } .recommed_place .locations .cityname .count { float: right; } a.r_local { text-decoration: none; } a.r_local:link { text-decoration: none; } a.r_local:visited { text-decoration: none; } a.r_local:hover { text-decoration: none; color: #4b3e37; background: url("/images/misc/bg_menu_frame.jpg") repeat-x; } a.r_local:active { text-decoration: none; } a.r_title { font-weight: bold; text-decoration: none; } a.r_title:link { font-weight: bold; text-decoration: none; } a.r_title:visited { font-weight: bold; text-decoration: none; } a.r_title:hover { font-weight: bold; text-decoration: underline; } a.r_title:active { font-weight: bold; text-decoration: none; } a.r_total { color: #FB8E25; } a.r_total:link { color: #FB8E25; } a.r_total:visited { color: #FB8E25; } a.r_total:hover { color: #FB8E25; } a.r_total:active { color: #FB8E25; } /* hotel listing */ .sidebar_vertical_ad { margin-top: 30px; margin-left: 10px; height: 610px; width: 165px; overflow: none; } .listing_ad_area { text-align: center; margin-top: 20px; position: relative; } .listing_ad_area img { display: inline-block; } .listing_nearby { font-family: Times New Roman, serif; font-size: 14px; margin-top: -15px; margin-bottom: 6px; } .listing_dates { color: #FB8E25; margin-bottom: 10px; } #hotel_list_order { display: block; float: right; background: #f1f0ee; border: 1px solid #7a7a7a; } .listing_found_hotels { font-size: 12px; font-weight: bold; } .listing_found_count_total { display: none; } .back_to_the_top { border-top: 1px solid #dfdcda; margin: 10px -20px 0 -20px; padding-left: 20px; padding-right: 20px; padding-top: 20px; text-align: right; } .extra_pad_bttt { margin-top: 50px; } .left_bttt { display: block; float: left; } .right_bttt { display: block; float: right; } .listed_hotel { border-top: 1px solid #dfdcda; margin: 10px -20px 0 -20px; padding-left: 20px; padding-top: 10px; } .listed_hotel .info_part { float: left; width: 540px; } .listed_hotel .inline_h { display: inline; font-size: 10px; font-weight: normal; } .listed_hotel .text_block { float: left; width: 360px; margin-left: 20px; height: 92px; overflow: hidden; } .listed_hotel .text_block ul { width: 355px; } .listed_hotel .text_block ul li { height: 15px; line-height: 15px; margin: 0; padding: 0; border: 0; } .listed_hotel .text_block ul li.free { height: auto; } .listed_hotel .text_block ul li.double { height: 32px; line-height: 15px; } .listed_hotel .text_block ul li.triple { height: 48px; line-height: 15px; } .listed_hotel .text_block ul li.club_li { color: #FB8E25; } .listed_hotel .text_block .rating_text { float: left; } .listed_hotel .text_block .rating { border: 1px solid #adadad; height: 3px; width: 100px; background: #f9f9f9; margin: 0; padding: 0; font-size: 0; float: left; margin-top: 6px; margin-left: 6px; } .rec .rating { display: inline-block; border: 1px solid #adadad; height: 3px; width: 100px; background: #f9f9f9; margin: 0; padding: 0; font-size: 0; margin-top: 6px; margin-left: 6px; } .listed_hotel .rooms_block { float: left; width: 215px; height: 92px; text-align: right; } .listed_hotel .rooms_block .avg { margin-bottom: 5px; } .listed_hotel .rooms_block table { float: right; } .listed_hotel .rooms_block a.more_info { color: #FB8E25; font-weight: bold; } .listed_hotel .rooms_block td { margin: 0; padding: 3px 5px; border: 0; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; cursor: pointer; } .listed_hotel .rooms_block table .price { color: #4c3d36; font-weight: bold; } .listed_hotel .rooms_block table .strike_price { color: #7a7a7a; text-decoration: line-through; } .listed_hotel .rooms_block table .off_price { color: #FF0099; font-weight: bold; } .listed_hotel .rooms_block td.last { border-right: 0; padding-right: 0; padding-left: 0; } .listed_hotel .rooms_block td.nob { border: 0; color: #FF0099; } .listed_hotel .rooms_block td.cur { border-right: 0; } .listed_hotel .rooms_block td.ra { text-align: right; } .listed_hotel .rooms_block td.zw { width: 1px; padding: 0; } .listed_hotel .rooms_block tr.last td { border: 0; border-right: 1px solid #dbdbdb; } .listed_hotel .rooms_block tr.last td.nob { border-right: 0; } .listed_hotel .rooms_block tr.last td.last { border-right: 0; padding-right: 0; padding-left: 0; } .listed_hotel .rooms_block tr.last td.cur { border-right: 0; } .listed_hotel h2 { text-transform: uppercase; color:#4b3c35; font-weight: bold; font-size: 11px; } .listed_hotel h2 .exp { text-transform: lowercase !important; color: #7a7a7a !important; font-weight: normal !important; font-size: 10px !important; text-decoration: underline !important; } .listed_hotel h2 a { text-transform: uppercase; color:#4b3c35; font-weight: bold; font-size: 11px; } .listed_hotel h2 a { text-transform: uppercase; color:#4b3c35; font-weight: bold; font-size: 11px; text-decoration: none; } .listed_hotel h2 a:link { font-weight: bold; color: #4b3c35; text-decoration: none; } .listed_hotel h2 a:visited { font-weight: bold; color: #4b3c35; text-decoration: none; } .listed_hotel h2 a:hover { font-weight: bold; color: #4b3c35; text-decoration: underline; } .listed_hotel h2 a:active { font-weight: bold; color: #4b3c35; text-decoration: none; } .listed_hotel h5 { font-weight: normal; margin-bottom: 10px; } .listed_hotel p { margin: 3px 0; line-height: 1.2; } .listed_hotel a.thumb { display: block; width: 150px; height: 90px; z-index: 0; } .listed_hotel img.thumb { display: block; width: 150px; height: 90px; z-index: 0; } .listed_hotel .thumb_layer { float: left; width: 150px; height: 90px; } .listed_hotel .thumb_layer .club_badge { background: transparent url(/images/misc/minilogo_hotelist.png) no-repeat scroll 0 0; position: absolute; width: 40px; height: 43px; z-index: 1; } /* hotel details */ .details_image_block { margin-top: 15px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; width: 747px; height: 300px; } .details_image_thumb { display: block; border: 0; border-left: 1px solid white; border-bottom: 1px solid white; width: 150px; height: 90px; cursor: pointer; } .details_image_block .blank { width: 150px; height: 90px; border-left: 1px solid white; border-bottom: 1px solid white; background: #F1F0EE; } .details_image { display: block; float: left; width: 445px; height: 300px; position: absolute; } .details_image_thumb_block { position: absolute; margin-left: 445px; width: 302px; height: 300px; } .details_image_thumb_page { display: none; position: absolute; } .details_image_thumb_page_show { display: block; } .load_p { position: absolute; display: none; font-weight: bold; margin-left: 200px; margin-top: 145px; color: black; z-index: 2; } .details_image_thumb_pager { background: #f1f0ee; border-left: 1px solid white; width: 301px; height: 20px; padding-top: 7px; text-align: center; } .details_image_thumb_pager a { font-weight: bold; color: #7a7a7a; text-decoration: none; } .details_image_thumb_pager a:link { font-weight: bold; color: #7a7a7a; text-decoration: none; } .details_image_thumb_pager a:visited { font-weight: bold; color: #7a7a7a; text-decoration: none; } .details_image_thumb_pager a:hover { font-weight: bold; color: #7a7a7a; text-decoration: underline; } .details_image_thumb_pager a:active { font-weight: bold; color: #7a7a7a; text-decoration: none; } .details_image_thumb_pager a.current { color: #4b3e38; } .details_small_desc { margin-top: 11px; } .details_small_desc li { padding-top: 3px; } .details_small_desc li.club_li { color: #FB8E25; } .details_small_desc li.rec { float: right; cursor: pointer; } .details_small_desc li.rec .pct { color: #FB8E25; } /* HOTEL LISTING TAB WIDTH */ .hotel_listing .details_tabs_container { width: 768px; } .hotel_listing .details_tabs_container .tab { background: #f3f3f3; width: 766px; } .details_tabs_container .tab_np { background: white; } .details_tabs_container .tab p { text-align: justify; } .details_tabs_container .tab select { border: 1px solid #ababab; } .details_tabs_container .tab h5 { font-weight: bold; text-transform: uppercase; } .details_tabs_container .tab .desc_block { margin-bottom: 26px; } .details_tabs_container .tab .desc_block p { margin-bottom: 13px; } .details_tabs_container .tab .desc_block br { margin-bottom: 13px; } .details_tabs_container .tab h3 { font-weight: bold; font-size: 11px; text-transform: uppercase; margin-bottom: 15px; } .details_tabs_container .tab .serv_table td { padding-bottom: 3px; } #rooms_header { min-height: 25px; height: auto !important; height: 25px; background: #f1f0ee; margin: 1px 1px 0 1px; padding: 10px 0 0 0; } .rooms_header_tall { min-height: 35px !important; height: auto !important; height: 35px !important; } #rooms_header .msg { float: left; color: #00adf1; font-weight: bold; margin-left: 10px; display: inline; } #rooms_header .msg_plain { color: #7a7a7a !important; font-weight: normal !important; padding-bottom: 10px; width: 300px; } #rooms_header .msg_plain2 { color: #7a7a7a !important; font-weight: normal !important; padding-bottom: 10px; width: 360px; } #rooms_header_with_dates { background: #f1f0ee; height: 25px; width: 764px; margin: 1px 1px 0 1px; padding: 10px 0 0 0; top: 0; } #rooms_header_with_dates .msg { float: left; font-size: 11px; font-weight: bold; margin-left: 10px; display: inline; } #rooms_header_with_dates a { display: block; float: left; color: #00adf1; font-size: 11px; margin-left: 50px; display: inline; } #searchButton_r { float: left; font-weight: bold; background: #00adf1; border: 1px solid #FB8E25; color: white; padding: 2px; margin: -2px 0 0 10px; display: inline-block; width: 170px; } #rooms_header .date_picker_input { margin-left: 10px; } .details_tabs_container .tab .room_name_fragment { display: inline-block; } .details_tabs_container .tab .no_disp_notice { padding: 100px; text-align: center; } .details_tabs_container .tab .room_info img.thumb { display: block; float: left; width: 90px; height: 54px; margin-right: 10px; cursor: pointer; } .details_tabs_container .tab .room_info h5 { margin-bottom: 7px; cursor: pointer; } .details_tabs_container .tab .room_block { border-top: 1px solid #e2e2e2; padding: 8px 10px; } .details_tabs_container .tab .room_block_first { border-top: 0; } .details_tabs_container .tab .room_products { margin-top: 10px; } .details_tabs_container .tab .room_products .prod_desc { float: left; width: 475px; } .details_tabs_container .tab .room_products .prod_price { float: left; width: 260px; } .product_info_popup_trigger { vertical-align: top; } .product_info_popup_trigger2 { cursor: pointer; } /*.details_tabs_container .tab*/ .desc_popup { display: none; position: absolute; width: 445px; border: 1px solid black; background: white; padding: 15px 25px 15px 25px; z-index: 1000; left: 0; top: 0; } /*.details_tabs_container .tab*/ .desc_popup .close { position: absolute; top: 0; right: 0; } /*.details_tabs_container .tab*/ .desc_popup h4 { font-weight: bold; font-size: 11px; text-transform: uppercase; margin-bottom: 10px; } /*.details_tabs_container .tab*/ .desc_popup h5 { font-weight: bold; font-size: 10px; text-transform: none; margin-top: 10px; margin-bottom: 5px; } .pegasus_popup { display: none; position: absolute; width: 445px; border: 1px solid black; background: white; padding: 15px 25px 15px 25px; z-index: 100; } .pegasus_popup .close { position: absolute; top: 0; right: 0; } .pegasus_popup h4 { font-weight: bold; font-size: 11px; text-transform: uppercase; margin-bottom: 10px; } .pegasus_popup h5 { font-weight: bold; font-size: 10px; text-transform: none; margin-top: 10px; margin-bottom: 5px; } .room_desc_popup_extra_filler { display: none; height: 400px; } .desc_room_image { display: none; } .desc_room_image_first { display: block; } a.desc_room_image_selector { text-decoration: none; } a.desc_room_image_selector_current { color: #483d37; } /* .details_tabs_container .tab .occ_info_popup { display: none; position: absolute; width: 435px; border: 1px solid black; background: white; padding: 15px 25px 15px 25px; top: 20px; z-index: 100; } */ .details_tabs_container .tab .occ_info_popup .close { position: absolute; top: 0; right: 0; } .details_tabs_container .tab .occ_info_popup h4 { font-weight: bold; font-size: 11px; text-transform: uppercase; } .details_tabs_container .tab .occ_info_popup h5 { font-weight: bold; font-size: 10px; text-transform: none; margin-top: 10px; margin-bottom: 5px; } .details_tabs_container .tab .occ_info_popup h5.ex { color: #FF0099; } .details_tabs_container .tab .room_products .amt { color: #4b3e36; } .details_tabs_container .tab .with_booking_col { border-right: 1px solid #e2e2e2; min-height: 250px; height: auto !important; height: 250px; width: 650px; } .details_tabs_container .tab .with_booking_col_content { width: 630px; } .details_tabs_container .tab .prod_table_container { background: white; } .details_tabs_container .tab .content_container { background: white; padding: 20px 10px; } .details_tabs_container .tab .total_price_container { position: absolute; top: 50%; width: 114px; height: 130px; margin-top: -45px; /*left: 651px;*/ right: 0; text-align: center; } .warn_mixed_rates { display: none; } .submitBookingTop { display: block; position: absolute; margin-top: 10px; right: 20px; width: 100px; border: 1px solid #FB8E25; background: #FB8E25; color: white; font-weight: bold; padding: 2px 4px; } .submitBookingTopErr { display: none; position: absolute; margin-top: 5px; right: 120px; width: 150px; text-align: right; color: white; font-weight: bold; padding: 2px 4px; } .submitBookingPegasus { border: 1px solid #FB8E25; background: #FB8E25; color: white; font-weight: bold; padding: 2px 4px; } .details_tabs_container .tab .total_price_container .submitBooking { border: 1px solid #FB8E25; background: #FB8E25; color: white; font-weight: bold; padding: 2px 4px; width: 100px; } .details_tabs_container .tab .total_price_container input.disabled { background: #FEAD5F; } .details_tabs_container .tab .total_price_container .totalPriceLine { color: #4a3d35; } .details_tabs_container .tab .total_price_container .sideNoRoomsMsg { display: none; font-weight: bold; } .details_tabs_container .tab .prod_table th { font-weight: bold; padding-bottom: 8px; } .details_tabs_container .tab .prod_table .c { text-align: center; } .details_tabs_container .tab .prod_table .p { padding-left: 12px; } .details_tabs_container .tab .prod_table a.pop_days_container { display: block; } .hover_saver { display: block; position: relative; width: 1px; height: 1px; } .details_tabs_container .tab .prod_table a { text-decoration: none; cursor: help; } /* for braindead browsers */ .details_tabs_container .tab .prod_table a:hover { text-indent: 0; } .bd_fix a:hover { text-indent: 0; } .pop_env { display: block; top: 0; z-index: 100; position: absolute; visibility: hidden; } .price_col { float: right; width: 94px; border-left: 1px solid black; margin: 5px 0; padding-left: 5px; text-align: center; } .prods_small_fill { width: 1px; height: 5px; } a:hover .pop_env { background: url("/images/misc/1px.gif"); text-indent: 0; display: block; visibility: visible; } a:hover .pop { z-index: 101; display: block; margin-top: 5px; background: #fcfad3; color: black; border: 1px solid black; padding: 10px; min-height: 50px; height: auto !important; height: 50px; } .details_tabs_container .tab .prod_table .pop_env table th { text-align: center; font-weight: normal; padding: 0; } .details_tabs_container .tab .prod_table .pop_env table td { text-align: center; } .of_price { text-decoration: line-through; } .real_price { color: #FF0099; font-weight: bold; } .details_tabs_container .tab .prod_table .pop { } .details_tabs_container .tab p.opinion b { color: #FB8E25; } .details_tabs_container .tab .customer_comments li { margin-bottom: 15px; } .details_tabs_container .tab .review_lines { margin-bottom: 25px; } .details_tabs_container .tab .review_lines li { margin-top: 3px; } .details_tabs_container .tab .review_lines li p.label { float: left; width: 200px; } .details_tabs_container .tab .review_lines li p.bar { float: left; width: 150px; border: 1px solid #5f5148; background: #f5f5f5; height: 3px; margin-top: 5px; font-size: 0; } .details_tabs_container .tab .review_lines li.overall p.bar { border: 1px solid #FB8E25; margin-top: 7px; } .details_tabs_container .tab .review_lines li p.rating { margin-left: 15px; float: left; } .details_tabs_container .tab .review_lines li p.rating b { color: #5d504a; } .details_tabs_container .tab .review_lines li.overall p.rating { font-size: 12px; } .details_tabs_container .tab .review_lines li.overall p.rating b { color: #FB8E25; } .details_tabs_container .tab .review_lines li.overall { margin: 12px 0; } .details_footer_desc { margin-top: 20px; } .details_footer_desc h4 { font-weight: bold; } .details_tabs_container .pegasus_rooms .msg { float: left; } .details_tabs_container .pegasus_rooms .control_block { float: left; width: 220px; padding-bottom: 10px; } .details_tabs_container .pegasus_rooms .control_block .flat_selector { margin-left: 10px; margin-top: 5px; } .details_pegasus_logo { margin-top: 40px; font-size: 9px; } .details_tabs_container .tab .room_block_pegasus { border-top: 1px solid #e2e2e2; } .details_tabs_container .tab .room_block_pegasus_first { border-top: 0; } .details_tabs_container .pegasus_price_table { float: right; width: 275px; margin-left: 50px; } .details_tabs_container .pegasus_main_col { width: 620px; border-right: 1px solid #E2E2E2; padding: 15px 10px; min-height: 90px; height: auto !important; height: 90px; } .details_tabs_container .pegasus_book_col { width: 122px; padding: 15px 0 0 0; float: right; text-align: center; font-weight: bold; } /* satellites */ .satellite_menu_block { } .satellite_menu_block ul { margin-bottom: 20px; } .satellite_menu_block li { } .satellite_menu_block li.selected { color: #4b3e37; background: url("/images/misc/bg_menu_frame.jpg") no-repeat; } .satellite_menu_block li.selected a { color: #4b3e37; } .satellite_menu_block li a { display: block; height: 14px; padding: 5px 20px; } .satellite_menu_block h1.addr { padding: 25px 20px 0 20px; color: #FB8E25; font-size: 19px; font-weight: normal; font-family: Times New Roman, serif; margin: 0; border: 0; } .satellite_menu_block address { padding: 15px 20px; } .satellite_menu_block address strong { font-weight: bold; text-transform: uppercase; line-height: 1.8; } .satellite_menu_block address.alt { background-color: #f1f0ee; } .satellite_menu_block a { text-decoration: none; } .satellite_menu_block a:link { text-decoration: none; } .satellite_menu_block a:visited { text-decoration: none; } .satellite_menu_block a:hover { text-decoration: none; color: #4b3e37; } .satellite_menu_block a:active { text-decoration: none; } .satellite_content { padding: 23px; } .satellite_content h1 { font-family: Times New Roman, serif; font-size: 22px; font-weight: normal; color: #FB8E25; margin-bottom: 15px; margin-top: -10px; } .satellite_content h2 { font-family: Verdana, sans-serif; font-size: 10px; color: #7a7a7a; margin-top: 40px; margin-bottom: 15px; } .satellite_content h2.small { font-weight: bold; } .satellite_content h2.thin { margin: 0; } .satellite_image_table1 td img { width: 146px; height: 97px; display: block; background: #ccf; margin: 4px 4px 0 0; border: 0; } .satellite_info_table1 td { vertical-align: middle; } .satellite_info_table2 td div { margin-left: 30px; margin-bottom: 14px; } a.satellite_contact_box { color: white; text-decoration: none; } a.satellite_contact_box:link { color: white; text-decoration: none; } a.satellite_contact_box:visited { color: white; text-decoration: none; } a.satellite_contact_box:hover { color: white; text-decoration: none; } a.satellite_contact_box:active { color: white; text-decoration: none; } .satellite_contact_box { font-family: Times New Roman, serif; background: #505050; font-size: 14px; color: white; display: block; padding: 20px; text-decoration: none; } .satellite_contact_box_b { margin-top: 30px; } .satellite_contact_box h5 { margin-top: -5px; margin-bottom: 5px; font-size: 18px; color: #FB8E25; font-style: normal; font-weight: normal; } .satellite_contact_box em { color: #FB8E25; font-style: normal; } .satellite_content p.margins { margin: 15px 0; } .satellite_content div.press_entry { padding-top: 15px; padding-bottom: 15px; text-align: justify; } .satellite_content div.alt { background: #f1f0ee; margin-left: -23px; margin-right: -23px; padding-left: 23px; padding-right: 23px; } .satellite_content img.press_thumb { display: block; border: 0; padding: 0; margin: 0; width: 110px; height: 138px; background: #ccf; } .satellite_content img.pdf { margin: 3px 3px 0px 3px; } .satellite_press_table1 td { vertical-align: bottom; height: 250px; } .satellite_press_table1 ul { width: 145px; } .satellite_content a { color: #FB8E25; } .satellite_content .page_selector { padding-top: 4px; color: #FB8E25; float: right; } .satellite_content .page_selector a.current { color: white !important; background: #FB8E25 !important; } .satellite_content .page_selector a { padding: 2px; } .satellite_content .page_selector a { text-decoration: none !important; color: #FB8E25; } .satellite_content .page_selector a:link { text-decoration: none !important; color: #FB8E25; } .satellite_content .page_selector a:visited { text-decoration: none !important; color: #FB8E25; } .satellite_content .page_selector a:hover { text-decoration: none !important; color: #FB8E25; } .satellite_content .page_selector a:active { text-decoration: none !important; color: #FB8E25; } .satellite_content .print { float: right; } .satellite_content .cform { background-color: #f1f0ee; border: 1px solid #7f9db9; } .satellite_content p.spaced { padding-bottom: 20px; } .satellite_privacy h2{ font-weight: bold; margin-top: 0; margin-left: 0; } .satellite_privacy li { margin-top: 10px; margin-left: 30px; } .satellite_privacy .pp_entry { text-align: justify; padding-top: 20px; padding-bottom: 20px; } .satellite_content .j { text-align: justify; } .satellite_content .caps { font-size: 11px; text-transform: uppercase; } .satellite_content .close { margin-top: 10px; margin-bottom: 10px; } .satellite_content .reasons li { font-weight: bold; } .satellite_content .reasons li span { font-weight: normal; } /****************************************************************************************** Affiliates 2.0 styles ******************************************************************************************/ .affiliates_content .reason { margin-top: 20px; } .affiliates_content .reason img { display: inline; float: left; margin-right: 20px; } .affiliates_content .reason h3 { margin-bottom: 20px; color: #01ADEF; font-weight: bold; } .affiliates_content .reason p { text-align: justify; } .affiliates_content .buttons { display: inline; float: right; } .affiliates_content .buttons a, .affiliates_content .aff_submit, .affiliates_content .big_but { display: inline-block; background: #01ADEF; color: white; font-size: 12px; padding: 15px 0; width: 150px; margin: 5px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 0; } .affiliates_content h3.min { margin-top: 20px; margin-bottom: 10px; color: #01ADEF; font-weight: bold; } .affiliates_content .contract { background: #e0e0e0; padding: 8px; } .affiliates_content .contract .text { background: white; height: 140px; padding: 8px; overflow-x: hidden; overflow-y: scroll; } .affiliates_content .contract .acc { margin-top: 8px; margin-left: 8px; margin-bottom: 4px; } .affiliates_content .affiliates_form th { font-weight: bold; text-align: left; } .affiliates_content .affiliates_form td, .affiliates_content .affiliates_form th { padding: 5px 0; } .affiliates_content .affiliates_form input.t { width: 180px; border: 1px solid #aaa; } .affiliates_content .affiliates_form select.s { width: 180px; border: 1px solid #aaa; } .affiliates_content .affiliates_form span.m { color: #01ADEF; } .affiliates_content .fail select, .affiliates_content .fail input, .affiliates_content .fail label.hl_error { background: rgb(254,239,131); } .affiliates_content div.err { display: none; font-size: 9px; color: rgb(254,153,1); } .affiliates_content .fail div.err { display: block !important; } /****************************************************************************************** ABOUT US SATELLITE STYLES ******************************************************************************************/ .about_us{ padding: 25px; } .about_us .links{ margin-top: 10px; } .about_us .links li{ padding: 5px 0; } .about_us .links li a{ color: #01ADEF; } .about_us p{ text-align: justify; } .about_us { padding: 20px; } /****************************************************************************************** JOBS SATELLITE STYLES ******************************************************************************************/ .jobs{ /** refactor this */ padding: 23px; } .jobs p{ text-align: justify; } .jobs table{ margin: 20px 0 0 0; } .jobs table thead tr { background: #f1f0ee; } .jobs table tbody tr { cursor: pointer; } .jobs table th { font-weight: bold; padding: 7px; } .jobs table tr.b td{ color: #4b3e37; } .jobs table tr.b2 td { color: #4b3e37; } .jobs table td { border-bottom: 1px solid #f1f0ee; padding: 7px; } .jobs table td.r { border-right: 1px solid #f1f0ee; } .jobs table td.l { border-left: 1px solid #f1f0ee; } .jobs .list{ height: 500px; } .jobs .list dl.entry{ display: none; text-align: justify; margin-top: 20px; } .jobs .list dl.entry h2{ font-weight: bold; font-size: 11px; } .jobs .list dl.entry dt{ margin-top: 12px; margin-bottom: 3px; font-weight: bold; } /****************************************************************************************** FAQ SATELLITE STYLES ******************************************************************************************/ .faqs{ padding: 23px; } .faqs .list { min-height: 250px; height: auto !important; height: 250px; margin-top: 20px; } .faqs .list .entry { display: none; text-align: justify; } .faqs ul li a { text-decoration: none !important; color: #7a7a7a; } .faqs ul li a:link { text-decoration: none !important; color: #7a7a7a; } .faqs ul li a:visited { text-decoration: none !important; color: #7a7a7a; } .faqs ul li a:hover { text-decoration: none !important; color: #4b3e37; } .faqs ul li a:active { text-decoration: none !important; color: #7a7a7a; } .faqs ul li a.selected { color: #4b3e37 !important; } /****************************************************************************************** GENERIC FORM STYLES ******************************************************************************************/ form .submit_button { background-color: #FB8E25; border: 1px solid #FB8E25; color: #FFFFFF; } form .submit_button_to_freind { background-color: #FB8E25; border: 0px solid; font-weight: bold; font-size:10px; text-align:center; vertical-align:middle; color: #FFFFFF; height: 20px; font-family:Verdana, Arial, Helvetica, sans-serif; } form .entry{ border: 1px solid #CDCDCD; } form .star{ color: #FB8E25; } form .form-error-border{ border-color: #FF7D1E; } form .form-error-background{ background-color: #FEEF83; color: #000000; } /****************************************************************************************** SEND TO A FRIEND STYLES ******************************************************************************************/ .send_to_friend{ position: relative; width: 410px; padding: 23px; } .send_to_friend h4{ margin-bottom: 10px; } .send_to_friend .row{ margin-bottom: 5px; } .send_to_friend .newsletter{ margin-left: 100px; } .send_to_friend .newsletter label{ width: 280px; margin-left: 10px; } .send_to_friend label{ width: 100px; line-height: 18px; display: inline-block; vertical-align: top; } .send_to_friend .entry{ width: 179px; margin-right: 6px; display: inline-block; } .send_to_friend #submit{ margin-left: 100px; } .send_to_friend .submit_button{ display: inline-block; } .send_to_friend .message{ margin-left: 100px; } .favourite_bar #send_friend_link .popup{ position: absolute; display: none; margin-top: 30px; margin-right: 50px; background-color: transparent; border: 0; } .favourite_bar #send_friend_link .close_button{ position: absolute; top: 1px; right: 1px; z-index: 5; } .favourite_bar #send_friend_link .send_to_friend{ position: absolute; background-color: #FFFFFF; top: 0; right: 0; border: 1px solid #000000; } /************************************************************ PRESS: PRESS KIT STYLES ************************************************************/ .press_kit .section{ border-top: 1px solid #7a7a7a; margin-top: 20px; padding-top: 20px; } .press_kit .section h2{ margin-top: 0; } .press_kit .the_guide .text{ width: 300px; height: inherit; margin: 10px 0 0 20px; } /************************************************************ PRESS: THE GUIDE ************************************************************/ .press_the_guide{ height: 600px; } /****************************************************************************************** CUSTOMER CARE STYLES ******************************************************************************************/ .customer_care p{ margin: 10px 0; } .customer_care .office_info .hbox, .customer_care .office_info .hbox-right{ width: 40%; } .customer_care .current_office{ background-color: #F1F0EE; padding: 20px; width: 350px; text-align: left; } .customer_care .current_office .country{ display: inline-block; font-size: 12px; color: #ADADAD; margin: 0 5px; } .customer_care .current_office .phone{ display: inline-block; font-size: 16px; color: #000000; margin-left: 10px; } .customer_care table{ margin-top: 10px; } .customer_care .contact_numbers{ margin: 10px 0; font-weight: bold; } .customer_care .contact_numbers .country{ margin-right: 20px; font-size: 12px; color: #7a7a7a; } .customer_care .contact_numbers .phone{ color: #4b3e37; font-size: 14px; font-weight: bold; } .customer_care .contact_numbers{ padding-top: 40px; margin-bottom: 20px; } .customer_care .contact_numbers h2{ font-weight: bold; margin: 0; width: 240px; text-align: center; /* min height hack for all browsers */ min-height: 30px; height: auto !important; height: 30px; } .customer_care .contact_numbers table{ width: 240px; border-collapse: collapse; } .customer_care .contact_numbers .centre_column{ margin-left: 10px; margin-right: 10px; } .customer_care .contact_numbers table th{ font-weight: bold; background-color: #F1F0EE; color: #7a7a7a; } .customer_care .contact_numbers .other, .customer_care .contact_numbers table thead th, .customer_care .contact_numbers table tbody td{ height: 35px; padding: 5px; } .customer_care .contact_numbers table thead th, .customer_care .contact_numbers table tbody td{ border: 1px solid #F1F0EE; vertical-align: top; } .customer_care .contact_numbers table tbody td span{ line-height: 12px; width: 80px; } .customer_care .contact_numbers table tbody td img{ margin-right: 4px; } .customer_care .contact_numbers table tfoot td{ padding: 5px; } /****************************************************************************************** CUSTOMER CARE SHARED STYLES ******************************************************************************************/ #customercare_link .office_state, .customer_care .office_state{ font-weight: bold; margin: 10px 0; } #customercare_link .office_open_state, .customer_care .office_open_state{ color: #1AB61A; } #customercare_link .office_closed_state, .customer_care .office_closed_state{ color: #FF0000; } /****************************************************************************************** CUSTOMER CARE POPUP STYLES ******************************************************************************************/ .customercare_link { } .customercare_link .popup{ top: 50px; left: -420px; width: 420px; background-color: #FFFFFF; z-index: 5; padding: 0; } .customercare_link .popup h4{ font-family: Times New; color: #FB8E25; font-size:22px; font-weight:normal; } .customercare_link .popup .tab_chooser{ padding-left: 5px; } .customercare_link .popup .details_tabs_container{ margin: 0; } .customercare_link .popup .details_tabs_container .tab{ border-width: 1px 0 0 0; } .customercare_link .popup .top{ padding: 25px 25px 35px 25px; } .customercare_link .popup .top .close_button{ position: absolute; top: 0; right: 0; } .customercare_link .popup .tab{ padding: 25px; } .customercare_link .popup #tab_customer_care_phone{ padding-bottom: 50px; } .customercare_link .popup #tab_customer_care_phone select{ width: 100%; margin-top: 5px; } .customercare_link .popup #tab_customer_care_phone .jsclock{ display: inline-block; width: 75px; } .customercare_link .popup p{ margin: 10px 0; } .customercare_link .popup .regional_phone span{ width: 100px; } .customercare_link .customer_care_form{ width: inherit; margin-bottom: 0; } /****************************************************************************************** CUSTOMER CARE FORM STYLES ******************************************************************************************/ .customer_care_form{ width: 380px; margin-bottom: 20px; text-align: right; } .customer_care_form .row{ margin-bottom: 5px; } .customer_care_form label{ width: 120px; margin-right: 10px; display: inline-block; vertical-align: top; } .customer_care_form .entry{ background-color: #EFEFEF; width: 225px; display: inline-block } .customer_care_form select{ width: 227px; border: 1px solid #ABABAB; } .customer_care_form .submit_row{ text-align: right; } .customer_care_form .message{ margin-top: 10px; } /****************************************************************************************** CONTACT FORM STYLES ******************************************************************************************/ .contact_form{ width: 730px; } .contact_form .row{ margin-bottom: 5px; } .contact_form label, .contact_form .contact_method label.normal{ width: 20%; } .contact_form .entry{ width: 27.6%; margin-right: 2%; background-color: #f1f0ee; border: 1px solid #7f9db9; height: 14px; } .contact_form select.entry{ width: 27.9%; height: 18px; } .contact_form textarea.entry{ width: 77.4%; height: 50px; } .contact_form .contact_method label{ width: 10%; margin-left: 1%; } .contact_form .align_right{ margin-right: 4.3%; text-align: right; } /************************************************************ CLUB CONTENT: LEAF TEXT ENCLOSURE STYLES ************************************************************/ .club .leaf{ position: absolute; right: 0; bottom: -10px; width: 372px; padding: 16px 0; margin-bottom: 10px; background-color: #F1F1F1; } .club .leaf .top{ background-image: url("../images/club/leaf_top.gif"); position: absolute; width: 100%; height: 16px; top: 0; left: 0; } .club .leaf .bottom{ background-image: url("../images/club/leaf_bottom.gif"); position: absolute; width: 100%; height: 16px; bottom: 0; left: 0; } .club .leaf .text{ height: inherit; width: 340px; padding: 0 15px; margin: 0; font-size: 9px; line-height: 11px; border-left: 1px solid #DFDCDA; border-right: 1px solid #DFDCDA; } /************************************************************ CLUB MENU STYLES ************************************************************/ .club_menu{ height: 500px; } /************************************************************ CLUB SHARED STYLES ************************************************************/ .club{ padding: 23px; } .club h1{ margin: 0; padding: 0; } .club h2{ margin-top: 0; } .club p{ margin: 10px 0; } .club h2{ font-size: 14px; font-weight: bold; margin: 20px 0; color: #FB8E25; } .club .row{ margin-bottom: 10px; } .club .row.spacing{ margin-top: 10px; } .club .submit{ text-align: center; } .club .submit .button{ background-image: url("../images/club/bt_blue_background.gif"); background-repeat: repeat-x; position: relative; display: inline-block; height: 18px; } .club .submit .button .left{ position: absolute; top: 0; left: 0; } .club .submit .button .right{ position: absolute; top: 0; right: 0; } .club .submit .button input{ display: inline-block; background-color: transparent; border: 0; color: #FFFFFF; margin: 1px 0; } /************************************************************ CLUB HOME STYLES ************************************************************/ .club_home li{ background: transparent url("../images/club/list_arrow.gif") no-repeat scroll 0 7px; margin: 0; padding: 0 0 0 10px; line-height: 19px; } .club_home .details{ position: relative; width: 742px; height: 230px; margin-bottom: 40px; } .club_home .details .corner{ position: absolute; top: 33px; left: 0; z-index: 1; } .club_home .details .logo{ position: absolute; top: 0; right: 0; z-index: 1; } .club_home .details .content{ background-color: #F1F1F1; position: relative; width: 450px; height: 185px; padding: 15px 40px 0 20px; top: 34px; } .club_home .details .content p{ margin-top: 0; margin-bottom: 10px; } .club_home .details .content h3{ color: #FB8E25; font-weight: bold; display: inline; font-size: 12px; text-transform: uppercase; } .club_home .details .content h4{ color: #FB8E25; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-top: 10px; } .club_home .details .content h5{ color: #97804C; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-top: 10px; } .club_home .details .content h6{ color: #222222; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-top: 10px; } .club_home .button{ position: relative; height: 27px; width: 167px; margin: 40px auto; } .club_home .button img{ position: absolute; left: 0; } .club_home .button .normal{ top: 0; } .club_home .button .reflect{ top: 28px; } /************************************************************ CLUB BENEFITS STYLES ************************************************************/ .club_benefits{ height: 500px; } .club_benefits .member_types a{ position: relative; z-index: 24; width: 15px; height: 14px; margin-left: 10px; } .club_benefits .member_types a:hover{ z-index: 25; background-color: #FFFFFF; } .club_benefits .member_types a img{ display: inline; } .club_benefits .member_types a span{ display: none; } .club_benefits .member_types a:hover span{ display: block; position: absolute; left: -120px; top: -100px; width: 200px; height: 100px; } .club_benefits .member_types a:hover span .text{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 10px; z-index: 2; background-color: #FFFFFF; border: 1px solid #DFDCDA; font-size: 10px; color: #7a7a7a; } .club_benefits .member_types a:hover span .shadow{ position: absolute; width: 100%; height: 100%; left: 5px; top: 5px; padding: 10px; z-index: -1; opacity: 0.2; background-color: #000000; } .club_benefits .member_types p{ margin-bottom: 0; } .club_benefits .member_types .hbox{ width: 228px; margin-right: 19px; } .club_benefits .member_types h3{ font-size: 10px; margin-bottom: 10px; position: relative; } .club_benefits .member_types img{ display: block; } .club_benefits .member_types ul{ margin: 0 10px; list-style-image: url("/images/club/list-arrow.gif"); } .club_benefits .member_types .top_body{ height: 190px; padding: 0 10px; border-left: 1px solid #DFDCDA; border-right: 1px solid #DFDCDA; } .club_benefits .member_types .bottom_body{ position: relative; height: 150px; background-color: #F1F1F1; padding: 20px 10px 10px 10px; border-style: solid; border-color: #DFDCDA; border-width: 0 1px 1px 1px; } .club_benefits .member_types .bottom_body .corner{ position: absolute; right: -1px; bottom: -1px; } .club_benefits .member_normal h3{ color: #FB8E25; } .club_benefits .member_normal .bottom_body ul{ margin-bottom: 25px; } .club_benefits .member_gold h3{ color: #97804C; } .club_benefits .member_platinum h3{ color: #000000; } /************************************************************ CLUB LOGIN STYLES ************************************************************/ .club_login h1{ color: #FB8E25; } .club_login h2{ color: #FB8E25; font-size: 10px; margin: 0 0 5px 0; } .club_login h3{ font-size: 10px; margin: 0 0 5px 0; } .club_login .central_column{ padding: 50px 90px; } .club_login .column{ width: 220px; margin-top: 50px; } .club_login form .row{ margin-bottom: 5px; } .club_login form .entry{ margin-right: 5px; } /************************************************************ CLUB BOOKINGS STYLES ************************************************************/ .club_bookings table{ width: 100%; padding-top: 10px; border-collapse: collapse; border: 1px solid #EFEFEF; } .club_bookings table td{ height: 31px; line-height: 31px; border-bottom: 1px solid #EFEFEF; padding: 0 5px; vertical-align: bottom; } .club_bookings table thead td{ background-color: #EFEFEF; color: #7a7a7a; font-weight: bold; } .club_bookings table tbody td{ vertical-align: top; } .club_bookings table tbody tr.cancelled{ background-color: #FCCCCC; } .club_bookings table tbody tr.cancelled .management{ background-color: #FFFFFF; } .club_bookings table tbody td .dates{ font-size: 10px; line-height: 14px; padding-left: 10px; } .club_bookings table tbody td .dates span{ width: 50px; display: inline-block; padding-right: 10px; } .club_bookings table tbody .date{ text-align: center; } .club_bookings table tbody tr.cancelled .destination span{ color: #FF0000; font-weight: bold; } .club_bookings table tbody .management{ width: 100px; text-align: center; } .club_bookings table tbody .management div{ height: 26px; padding-top: 5px; } .club_bookings .key{ line-height: 20px; height: 20px; margin-top: 10px; } .club_bookings .key .hbox{ margin-right: 20px; } .club_bookings .key span{ vertical-align: top; } /************************************************************ CLUB PROFILE STYLES ************************************************************/ .club_profile .signup_stage1 .row label{ width: 196px; } .club_profile .submit{ margin-bottom: 30px; } /************************************************************ CLUB HOTELS STYLES ************************************************************/ .club_hotels .list{ font-size: 10px; } .club_hotels .country{ border-bottom: 1px solid #7a7a7a; position: relative; line-height: 16px; min-height: 17px; height: auto !important; height: 17px; } .club_hotels .show_country{ border-bottom: 0 !important; } .club_hotels .show_country .group{ display: block !important; } .club_hotels .country .title{ position: absolute; z-index: 2; text-decoration: none; } .club_hotels .list .title:hover{ font-weight: bold; } .club_hotels .country .group{ position: relative; background-color: #F5F4F4; display: none; } .club_hotels .country .group .city { padding-left: 150px; line-height: 17px; border-bottom: 1px solid #7a7a7a; } .club_hotels .country .group .name{ width: 150px; } .club_hotels .country .group .number{ width: 180px; } .club_hotels .country .group .view{ color: #FB8E25; width: 250px; } .club_hotels .highlighted_hotels{ margin: 40px 0; } .club_hotels .highlighted_hotels .hotel{ position: relative; width: 318px; height: 135px; padding: 15px; border-left: 1px solid rgb(223, 220, 218); border-right: 1px solid rgb(223, 220, 218); font-family: Verdana; } .club_hotels .highlighted_hotels .hotel .info{ display: block; text-align: right; } .club_hotels .highlighted_hotels .hotel h3{ color: #FB8E25; margin-bottom: 10px; } .club_hotels .highlighted_hotels .hotel .curve-top{ position: absolute; top: 0; left: -1px; } .club_hotels .highlighted_hotels .hotel .curve-bottom{ position: absolute; bottom: 0; left: -1px; } .club_hotels .highlighted_hotels .hotel p{ width: 150px; margin: 0 0 5px 0; } .club_hotels .highlighted_hotels .hotel .detail_img{ width: 150px; height: 90px; } /************************************************************ CLUB SIGNUP STAGE 1 STYLES ************************************************************/ .club .signup_stage1{ text-align: justify; } .club .signup_stage1 p{ margin-bottom: 5px; } .club .signup_stage1 h2{ font-family: Tahoma; font-size: 14px; font-weight: bold; color: #FB8E25; } .club .signup_stage1 .intro{ height: 220px; } .club .signup_stage1 .intro .left{ width: 319px; margin-right: 51px; } .club .signup_stage1 .intro .right{ width: 319px; } .club .signup_stage1 .intro .right ul{ list-style-image: url("../images/misc/whyarrow.gif"); } .club .signup_stage1 .intro .right ul li{ padding-bottom: 5px; } .club .signup_stage1 form{ width: 50%; padding-bottom: 50px; } .club .signup_stage1 form .leaf{ left: 100%; right: inherit; } .club .signup_stage1 .row label{ width: 160px; } .club .signup_stage1 .row .entry{ width: 150px; } .club .signup_stage1 .row select.entry{ width: 154px; } .club .signup_stage1 .row select.day{ width: 40px; margin-right: 4px; } .club .signup_stage1 .row select.month{ width: 50px; margin-right: 4px; } .club .signup_stage1 .row select.year{ width: 56px; } .club .signup_stage1 .reservation_number{ position: relative; margin: 0pt 0pt 40px 0; } .club .signup_stage1 .reservation_number .row label{ font-weight: bold; } .club .signup_stage1 .identification{ position: relative; margin: 0pt 0pt 20px 0; } .club .signup_stage1 .personal_details{ position: relative; margin: 0pt 0pt 20px 0; } .club .signup_stage1 .personal_details .leaves{ position: absolute; right: 0; top: 25px; height: 232px; } .club .signup_stage1 .personal_details .leaves .leaf { position: relative; } .club .signup_stage1 .personal_details .leaves .leaf .mobile{ position: absolute; bottom: 0; } .club .signup_stage1 .personal_details .nobottom { bottom: auto !important; } /************************************************************ CLUB SIGNUP STAGE 2 STYLES ************************************************************/ .club .signup_stage2 .group{ position: relative; } .club .signup_stage2 .group h3{ font-size: 11px; font-weight: bold; margin: 20px 0; } .club .signup_stage2 .row{ position: relative; } .club .signup_stage2 .row .left{ width: 350px; } .club .signup_stage2 .row .left label{ width: 200px; } .club .signup_stage2 .row .left label.long{ width: 250px; } .club .signup_stage2 .row .left .hbox-right{ text-align: right; } .club .signup_stage2 .row .left .hbox-right .entry{ margin-top: 2px; } .club .signup_stage2 .row .leaf{ bottom: -6px; } .club .signup_stage2 .row .entry.short{ width: 90px; } .club .signup_stage2 .preference_options{ margin-bottom: 10px; } .club .signup_stage2 .preference_options .hbox{ margin: 0 10px 0 5px; } .club .signup_stage2 .preference_options .hbox div{ margin-bottom: 5px; } .club .signup_stage2 .preference_options input{ margin-right: 10px; } .club .signup_stage2 .submit{ width: 100px; margin: 20px auto 0 auto; } /************************************************************ HOTELIER SHARED STYLES ************************************************************/ .hotelier_shared{ padding: 25px; } .hotelier_shared h2{ color: #FB8E25; font-size: 14px; font-family: Times New Roman,serif; margin-bottom: 10px; } /************************************************************ HOTELIER MENU STYLES ************************************************************/ .hotelier_menu .login{ background-color: #D9D9D9; padding: 20px; } .hotelier_menu .login label{ display: block; margin-bottom: 2px; } .hotelier_menu .login .entry{ width: 12em; border: 1px solid #AFAFAF; } .hotelier_menu .login .submit{ background-color: #FB8E25; color: #FFFFFF; border: 0; padding: 1px; } .hotelier_menu .login .error{ color: #CC0000; font-weight: bold; } .hotelier_menu .login .remember_me{ margin: 10px 0 20px 0; } .hotelier_menu .login .remember_me input{ padding: 0; margin: 0; } .hotelier_menu .login .remember_me label{ display: inline; } .hotelier_menu .login h1{ color: #FB8E25; font-size: 16px; font-family: Times New Roman,serif; margin-bottom: 10px; } .hotelier_menu .login a{ color: #FB8E25; } .hotelier_menu .login div{ margin-bottom: 5px; } .hotelier_menu .contact_details{ padding: 20px; } .hotelier_menu .contact_details h1{ color: #FB8E25; font-size: 16px; font-family: Times New Roman,serif; margin-bottom: 10px; } .hotelier_menu .contact_details p{ margin: 10px 0; } /************************************************************ HOTELIER JOIN US PASSWORD STYLES ************************************************************/ .hotelier_join form{ margin: 20px 0; } .hotelier_join form .row{ margin-bottom: 5px; } .hotelier_join label{ display: inline-block; width: 150px; margin-right: 10px; } .hotelier_join .entry{ width: 180px; margin-right: 20px; } .hotelier_join textarea.entry{ width: 546px; height: 100px; overflow-y: auto; } .hotelier_join select.entry{ width: 182px; } .hotelier_join .align_right{ text-align: right; padding-right: 18px; } .hotelier_join .message{ margin-top: 10px; } /************************************************************ HOTELIER MISSION STATEMENT STYLES ************************************************************/ .hotelier_mission .facts_figures{ margin: 20px 0; } .hotelier_mission .figures .hbox{ width: 246px; height: 300px; } .hotelier_mission .figures .hbox h3, .hotelier_mission .figures .hbox .image{ text-align: center; margin: 10px 0; } .hotelier_mission .figures .hbox p{ width: 200px; margin: 0 auto; } /************************************************************ HOTELIER TESTAMONIALS STYLES ************************************************************/ .hotelier_reference h3{ font-weight: bold; margin: 20px 0 5px 0; } .hotelier_reference em{ margin: 5px 0; } /************************************************************ RECAPTCHA STYLES ************************************************************/ #recaptcha_widget{ color: #FF0000; margin-left: 4px; } #recaptcha_widget #recaptcha_image{ position: relative; width: 300px; height: 57px; border: 1px solid #7a7a7a; margin: 5px 0; padding: 1px; z-index: 2; } #recaptcha_widget .recaptcha_image_text{ position: absolute; width: 300px; height: 57px; z-index: 1; font-family: Times New Roman, serif; color: #FB8E25; font-size: 14px; line-height: 25px; text-align: center; margin: 7px 2px; padding: 0; } #recaptcha_widget .recaptcha_is_showing_audio .recaptcha_only_if_image, #recaptcha_widget .recaptcha_isnot_showing_audio .recaptcha_only_if_audio, #recaptcha_widget .recaptcha_had_incorrect_sol .recaptcha_only_if_no_incorrect_sol, #recaptcha_widget .recaptcha_nothad_incorrect_sol .recaptcha_only_if_incorrect_sol { display: none !important; } #recaptcha_widget #recaptcha_response_field{ width: 180px; } #recaptcha_widget .change-recaptcha{ text-align: center; text-decoration: none; width: 110px; padding: 1px 0 2px 0; } /* booking *****************************************************/ .booking_content { } .booking_content .text_pad { padding: 18px 22px; } .booking_content .extra_pad { padding: 24px 22px; } .booking_content .border_top { border-top: 1px solid #e0dcd9; } .booking_content .gray_bg { background: #f1f0ee; } .booking_content h1 { padding: 0 22px; background: #b9b8b6; color: white; font-weight: bold; font-size: 11px; padding-top: 4px; height: 19px; text-transform: uppercase; } .booking_content h4 { font-weight: bold; } .booking_content h4.pad { margin-top: 15px; } .booking_content .options_min_h { min-height: 84px; height: auto !important; height: 84px; } .booking_content .control_row { margin-top: 15px; } .booking_content .control_row_extra { margin-top: 35px; } .booking_content .control { float: left; display: inline; min-height: 36px; height: auto !important; height: 36px; margin-right: 16px; } .booking_content .controlb { float: left; display: inline; padding-top: 14px; min-height: 22px; height: auto !important; height: 22px; margin-left: 16px; } .booking_content textarea { display: block; } .booking_content .control .m { color: #00acee; } .booking_content .control input { display: block; margin-top: 3px; height: 14px; border: 1px solid #aaa; color: #555555; font-size: 9px; } .booking_content .control select { display: block; margin-top: 3px; height: 18px; border: 1px solid #aaa; color: #555555; font-size: 9px; } .booking_content .fail select, .booking_content .fail input, .booking_content .fail label.hl_error { background: rgb(254,239,131); } .booking_content .fail2 .failer { background: rgb(254,239,131); border:1px solid #AAAAAA; } .booking_content span.error_message { display: none; } .booking_content .fail span.error_message { display: inline !important; color: rgb(254,153,1); font-size: 9px; } .booking_content .control option { color: #555555; font-size: 9px; } .booking_content .c_1 { width: 50px; } .booking_content .c_1_5 { width: 70px; } .booking_content .c_2 { width: 100px; } .booking_content .c_3 { width: 150px; } .booking_content .c_4 { width: 200px; } .booking_content .c_5 { width: 250px; } .booking_content .i_1x input, .booking_content .i_1x select { width: 60px; float: left; margin-right: 3px; display: inline } .booking_content .i_1 input, .booking_content .i_1 select { width: 45px; } .booking_content .i_1_5 input, .booking_content .i_1_5 select { width: 65px; } .booking_content .i_2 input, .booking_content .i_2 select { width: 95px; } .booking_content .i_3 input, .booking_content .i_3 select { width: 145px; } .booking_content .i_4 input, .booking_content .i_4 select { width: 195px; } .booking_content .i_5 input, .booking_content .i_5 select { width: 245px; } .booking_content td.r { text-align: right; } .booking_content td.rpad { padding-right: 10px; } .booking_content td.caps { text-transform: uppercase; } .booking_content tr.bpad td { padding-bottom: 10px; } .booking_content tr.tpad td { padding-top: 10px; } .booking_content .amt { color: #4b3e36; } .booking_content .submit { color: white; background: #FB8E25; border: 1px solid #FB8E25; padding: 2px 10px; font-weight: bold; } .booking_content .submit_small { color: white; background: #FB8E25; border: 1px solid #FB8E25; padding: 0px 5px; font-weight: bold; } .booking_content .payment_logos_container { position: absolute; margin-left: 580px; width: 175px; height: 100px; } .booking_content .payment_logos_container img.t { display: block; float: left; margin: 8px 8px 0 0; } .booking_content .payment_logos_container p { padding: 8px; } .booking_content .options_comments_container { position: absolute; margin-left: 420px; width: 320px; height: 70px; } .booking_content .options_comments_container textarea { width: 315px; height: 66px; border: 1px solid #adaea9; } .booking_content .mandatory_text_container { position: absolute; right: 0; margin-right: 20px; } .booking_content .mandatory_text_container span { color: #FB8E25; } .booking_content .occ_info_popup2 { display: none; position: absolute; width: 435px; border: 1px solid black; background: white; padding: 15px 25px 15px 25px; top: 20px; z-index: 100; } .booking_content .occ_info_popup .close { position: absolute; top: 0; right: 0; } .booking_content .occ_info_popup h4 { font-weight: bold; font-size: 11px; text-transform: uppercase; } .booking_content .occ_info_popup h5 { font-weight: bold; font-size: 10px; text-transform: none; margin-top: 10px; margin-bottom: 5px; } .booking_content .occ_info_popup h5.ex { color: #FF0099; } #optional_club_login_sub_form { display: none; } .booking_content .login_enabled { background: #e1f5fe; padding-top: 10px; padding-left: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; } .booking_content .creation_enabled { background: #e1f5fe; padding-top: 10px; padding-left: 10px; padding-bottom: 10px; margin-top: 10px; } .booking_content .optout { display: none; } .booking_content .creation_enabled .creation { display: block !important; } .booking_content .u { font-weight: bold; font-size: 11px; text-transform: uppercase; } .booking_content sup { color: black; } .booking_content a.final_link { color: #00adf2; } .booking_content .header_confirmation .personal { } .booking_content .header_confirmation .title { float: right; width: 300px; text-align: right; } .booking_content .header_confirmation h4 { color: #00adee; font-size: 11px; margin-bottom: 15px; } .booking_content .header_confirmation h5 { font-size: 12px; font-weight: bold; } .booking_content input.check { margin: 3px 3px 0 0; } .booking_content p.club_block { color: #FB8E25; } #booking_internal_error { font-weight: bold; font-size: 10px; color: rgb(254,153,1); margin-bottom: 20px; width: 500px; } /************************************************************ RANDOM FRONT/LANDINGS STYLES ************************************************************/ .whybook h2 { font-family: Times New Roman, serif; font-weight: normal; font-size: 18px; color: #FB8E25; margin-bottom: 10px; } .whybook li { padding-left: 10px; margin-top: 8px; background: url("/images/misc/whyarrow.gif") no-repeat; background-position: 0 5px; } /* extra-specific selectors to not clash with legitimate ads */ .default_ad_content div.splendia { border: 1px solid #DFDCDA; padding: 10px; width: 313px; margin-right: 5px; background: white; } .default_ad_content div.splendia h6.splendia { font-family: Times New Roman, serif; font-weight: normal; font-size: 18px; color: #FB8E25; margin-bottom: 10px; } .ad_square div.splendia p.splendia { margin-bottom: 10px; } .ad_square div.splendia img.splendia { display: block; } .ad_square div.splendia { border: 1px solid #DFDCDA; padding: 10px; width: 313px; margin-right: 5px; background: white; } .ad_square div.splendia h6.splendia { font-family: Times New Roman, serif; font-weight: normal; font-size: 18px; color: #FB8E25; margin-bottom: 10px; } .ad_square div.splendia p.splendia { margin-bottom: 10px; } .ad_square div.splendia img.splendia { display: block; } /************************************************************ CONFIRMATION DOCUMENT STYLES ************************************************************/ .confirmation_document{ width: 788px; margin: 20px auto; border: 1px solid #E3E3E3; } .confirmation_document .title{ display: block; } /************************************************************ wcc ************************************************************/ .wcc_warn { background: #f7edce; border: 1px solid #e9d18b; color: #555; padding: 10px; } .wcc_warn_top { position: absolute; margin-left: 400px; margin-top: 5px; width: 150px; text-align: center; } .emailEnvoiAmi { width:182px; height:17px; } .commentaireEnvoiAmi { width:182px; height:71px; } #divAffichageApercu { position: absolute; height:400px; width:400px; top:0; left:0px; /*display:none;*/ }