.smallsep { display: block; background-color: #ccc; } .maininner { width:100%;} #header-head { border-width: 0; } .home-main { width:100%; max-width:1400px; height:600px; margin:0 auto; background-position:top center; background-repeat:no-repeat;} .home-load-trick, .home-load-trick img { width:0; height:0; display:none;} .toggle-wrap { right:0; left:0; text-align:center; z-index:12; position:absolute; height:51px; background:transparent url(../../psd/Luxury Hotels and Resorts Leading Hotels of the World_files/images/toggler_top_stripe.png) 0 0 repeat-x; padding-top:10px;} .browsetoggle { height:51px; display:inline-block; padding:0 30px; font-size:16px; font-style:italic; color:#fff; background:transparent url(../../psd/Luxury Hotels and Resorts Leading Hotels of the World_files/images/toggler_bg.png) 0 0 repeat-x; margin:0 auto; border-color:transparent; border-width:0 1px 1px 1px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; } .browsetoggle a { z-index:15; position:relative; color:#fff; text-decoration:none; background-position:top right; background-repeat:no-repeat; display:inline-block;} .browsetoggle a.selected { -mis-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:0.5;} .browsetoggle a.searchproplink { background-image:url(../../psd/Luxury Hotels and Resorts Leading Hotels of the World_files/images/searchproplink_bg.png); padding:12px 45px 6px 0; } .browsetoggle a.browsemaplink { background-image:url(../../psd/Luxury Hotels and Resorts Leading Hotels of the World_files/images/browsemaplink_bg.png); padding:12px 50px 6px 18px; } .browsetoggle .or-text { display:inline-block; background:url(../../psd/Luxury Hotels and Resorts Leading Hotels of the World_files/images/browsetoggle_or_bg.png) top center no-repeat; padding:13px 0 14px 0;} .home-big-car { width:100%; max-width:1400px; height:600px; overflow:hidden; background:#FFF; } .home-big-car .btn-2 { display:inline-block; border:0; cursor:pointer; } /* .btn class... carousel kills links when we have 2 classes btn and btn2... i dont get it but this fixes it */ .big-car-item { z-index:10 !important; text-align:center; background-position:top center; background-repeat:no-repeat; width:100%; max-width:1400px; height:600px; } .big-car-item .wrapper { margin-top:230px; color:#fff; display:inline-block; background:url(../../psd/Luxury Hotels and Resorts Leading Hotels of the World_files/images/greyfade.png) 0 0 repeat; padding:20px 40px;} .big-car-item a { color:#fff; } .big-car-item h4 { font-size:14px; line-height:normal; font-weight:normal; font-family:'SackersGothicW01-Heavy'; } .big-car-item p { font-size:32px; line-height:normal; padding-bottom:10px; font-style:italic;} .big-car-item .viewthemeslink { padding-right:20px; } /*map set up this way because hidden map doesnt put itself in the right place*/ .home-map { position:absolute; width:100%; left:-10000px; background:url(../../psd/corporate/images/small_loader.gif) 50% 50% no-repeat #EEEEEE;} .home-search { display:none; color:#fff; background:url(../../psd/Luxury Hotels and Resorts Leading Hotels of the World_files/images/greyfade.png) 0 0 repeat; padding:0;} .home-search .close-wrap, .home-map .close-wrap { padding:25px 0 0 0; width:960px; margin:0 auto; } .home-search .close-wrap a.search-closer, .home-map .mapcloser { position:relative; z-index:16; width:29px; height:29px; margin:0 0 0 930px; display:block; text-indent:-99999px; background:url(../../psd/Luxury Hotels and Resorts Leading Hotels of the World_files/images/home_overlay_closer.png) 0 0 no-repeat;} .home-search h2 {font-size:36px; padding:43px 0 0 0; font-weight:normal; text-align:center; color:#fff; line-height:normal;font-style:italic; } .home-search .smallsep { width:150px; height:3px; margin:15px auto 20px auto; } .home-search-bar label { font-size:16px; font-style:italic; min-height:27px; display:block; } .home-search .feat-prop { border-width: 1px 0 0 0; border-color: #434241; border-style: solid; padding:24px 0 0 0; clear:both; width:960px; margin:30px auto 0 auto; } .home-search .feat-prop h3 { font-style:italic; font-size:24px; font-weight:normal; text-align:center; } .home-search .property-links { clear:both; width:960px; height:149px; padding:25px 0; } .home-search .property-links a { margin-left:25px; display:block; float:left; text-align:center; width:303px; height:149px;} .home-search .property-links a:first-child { margin-left:0;} .home-search .property-links a img { position:absolute; z-index:10; display:block; width:303px; height:162px; } .home-search .property-links a span.wrapper { display:block; margin-left:30px; margin-top:40px; z-index:11; position:absolute; padding:5px; background:url(../../psd/hotels/images/blue_65_percent.png) 0 0 repeat; color:#fff; font-family:'SackersGothicW01-Heavy'; font-weight:normal; font-size:14px; line-height:16px;} .home-search .property-links a span.wrapper span { padding:15px; width:200px; background:transparent; border:1px solid #666; display:inline-block;} .home-search .property-links a span.wrapper span span.location { font-style:italic; color:#ccc; font-size:14px; line-height:16px; font-family:'Times New Roman'; border-width:0; padding:0; display:block; } .home-search .property-links a span.wrapper { display:none;} .home-search .property-links a:hover span.wrapper { display: block; } /* ORIGINAL SEARCH BAR .home-search-bar { width:764px; margin:0 auto;} .home-search-bar .location-wrap { float:left; width:406px; position:relative;} .home-search-bar .location-wrap label.infield { cursor:text; position:absolute; color:#666; margin:38px 0 0 30px;} .home-search-bar .location-wrap input { height:38px; width:388px;} .home-search-bar input.input-datepicker { height:38px; width:129px;} .home-search-bar .datepicker { width:187px;} .home-search-bar .checkin-wrap { float:left;} .home-search-bar .checkout-wrap { margin-left:592px;} .home-search-bar .find-room-btn { float:right; line-height:40px; height:40px; margin:25px 0 0 0; background:#325B7D; background-image: -o-linear-gradient(bottom, #325B7D 0%, #487AA3 100%); background-image: -moz-linear-gradient(bottom, #325B7D 0%, #487AA3 100%); background-image: -webkit-linear-gradient(bottom, #325B7D 0%, #487AA3 100%); background-image: -ms-linear-gradient(bottom, #325B7D 0%, #487AA3 100%); background-image: linear-gradient(bottom, #325B7D 0%, #487AA3 100%); } .home-search-bar .refine-search-btn { margin:30px 0 0 0; display:block; cursor:pointer; width:200px; padding:14px 20px 11px 20px; font-size:16px; font-style:italic; } .home-search-bar .refine-search-btn span { background:url(images/searchbar_refine_search_arrow.png) right center no-repeat; padding-right:22px;} .home-search-bar .refine-search-btn.active { background:#fff; border-width:0 0 1px 0; border-style:solid; border-color:#d1d1d1; color:#021322;} .home-search-bar .refine-search-btn.active span { background-image:url(images/searchbar_refine_search_arrow_active.png);} .home-search-bar .refine-search-pop { position:absolute; z-index:20; width:200px; padding:0 20px; color:#021322; background:#fff; -mox-box-shadow: 0 4px 8px 0px #7f7f7f; -webkit-box-shadow: 0 4px 8px 0px #7f7f7f; box-shadow: 0 4px 8px 0px #7f7f7f; } .home-search-bar .refine-search-pop .select-basic { width:200px; cursor:pointer;} .home-search-bar .refine-search-pop .input-checkbox { cursor:pointer;} .home-search-bar .refine-search-pop .input-checkbox span.title { font-style:normal; font-size:14px;} .home-search-bar .refine-search-pop .subheader { display:block; padding:5px 0 8px 0; font-family:'SackersGothicW01-Heavy'; font-size:16px; line-height:normal; text-transform:lowercase; } .home-search-bar .refine-search-pop .subheader.bordered { border-width:1px 0 0 0; border-style:solid; border-color:#d1d1d1; margin-top:20px;} .home-search-bar .roomcount-wrap, .home-search-bar .roomguests-wrap { display:none;} */ /* NEW HOME SEARCH WITH ADDED FIELDS */ .home-search-bar { width:764px; margin:0 auto; height:140px;} .home-search-bar .location-wrap { float:left; width:406px; position:relative;} .home-search-bar .location-wrap label.infield { cursor:text; position:absolute; color:#666; margin:38px 0 0 30px;} .home-search-bar .location-wrap input { height:38px; width:388px;} .home-search-bar input.input-datepicker { height:38px; width:129px;} .home-search-bar .datepicker { width:187px;} .home-search-bar .checkin-wrap { float:left;} .home-search-bar .checkout-wrap { margin-left:592px; margin-bottom:14px;} .home-search-bar .roomcount-wrap { margin-left:257px; float:left; width:117px; } .home-search-bar .refine-search { width:240px; padding:0; margin-top:20px; background:url(../../psd/Luxury Hotels and Resorts Leading Hotels of the World_files/images/home_refine_search_btn_bg.png) 0 0 no-repeat; position:absolute;} .home-search-bar .refine-search .subheader.rooms-subheader, .home-search-bar .refine-search .rooms-select-basic { display:none; width:0; height:0;} .home-search-bar .find-room-btn { float:right; z-index:900; line-height:40px; height:40px; margin:25px 0 0 0; background:#325B7D; background-image: -o-linear-gradient(bottom, #325B7D 0%, #487AA3 100%); background-image: -moz-linear-gradient(bottom, #325B7D 0%, #487AA3 100%); background-image: -webkit-linear-gradient(bottom, #325B7D 0%, #487AA3 100%); background-image: -ms-linear-gradient(bottom, #325B7D 0%, #487AA3 100%); background-image: linear-gradient(bottom, #325B7D 0%, #487AA3 100%); } .home-search-bar .refine-search-btn { margin:0 0 0 0 !important; display:block; cursor:pointer; width:200px; padding:0 20px 0 20px !important; font-size:16px; font-style:italic; } .home-search-bar .refine-search-btn span { display:block; height:40px; background:url(../../psd/Luxury Hotels and Resorts Leading Hotels of the World_files/images/searchbar_refine_search_arrow.png) right center no-repeat; padding:0 22px 0 0 !important; margin:0; line-height:40px;} .home-search-bar .refine-search-btn.active { background:#fff; border-width:0 0 1px 0; border-style:solid; border-color:#d1d1d1; color:#021322;} .home-search-bar .refine-search-btn.active span { background-image:url(images/searchbar_refine_search_arrow_active.png);} .home-search-bar .refine-search-pop { position:absolute; z-index:20; width:200px; padding:0 20px; color:#021322; background:#fff; -mox-box-shadow: 0 4px 8px 0px #7f7f7f; -webkit-box-shadow: 0 4px 8px 0px #7f7f7f; box-shadow: 0 4px 8px 0px #7f7f7f; } .home-search-bar .refine-search-pop .select-basic { width:200px; cursor:pointer;} .home-search-bar .refine-search-pop .input-checkbox { cursor:pointer;} .home-search-bar .refine-search-pop .input-checkbox span.title { font-style:normal; font-size:14px;} .home-search-bar .refine-search-pop .subheader { display:block; padding:5px 0 8px 0; font-family:'SackersGothicW01-Heavy'; font-size:16px; line-height:normal; text-transform:lowercase; } .home-search-bar .refine-search-pop .subheader.bordered { /*border-width:1px 0 0 0; border-style:solid; border-color:#d1d1d1;*/ margin-top:20px;} .home-search-bar .roomguests-wrap { float:left;} .home-search-bar .custom-dropdown { height:30px; z-index:13; } .home-search-bar .custom-dropdown-content { position:absolute; z-index:15; background:#EEE; border:1px solid #CCC; width:209px; } .home-search-bar .custom-dropdown-title { padding:7px 50px 7px 20px; color:#021322; font-size:14px; font-style:italic; cursor:pointer; background:#FFF url(../../psd/Luxury Hotels and Resorts Leading Hotels of the World_files/images/searchbar_refine_search_arrow_active.png) 185px 10px no-repeat; } .home-search-bar .custom-dropdown.expanded .custom-dropdown-title { background-image:url(images/searchbar_refine_search_arrow_active.png);} .home-search-bar .custom-dropdown-scroll { height:200px; overflow:hidden; } .home-search-bar .custom-dropdown-options { display:none; margin:10px; color:#021322; } .home-search-bar .custom-dropdown-options h3 { padding:10px 0 5px 0; font-size:14px; font-weight:bold; } .home-search-bar .custom-dropdown-options a { display:block; width:95%; font-size:12px; line-height:28px; color:#021322; text-decoration:none; cursor:pointer; border-top:1px solid #CCC; } .home-search-bar .custom-dropdown-options a:hover { color:#5381AC; } .home-search-bar .custom-dropdown-options a.current { color:#5381AC; cursor:default; } .home-search-bar .custom-dropdown.expanded .custom-dropdown-content { box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);} .home-search-bar .custom-dropdown.expanded .custom-dropdown-title { border-bottom:1px solid #CCC; } .home-search-bar .custom-dropdown .scrollbarpaper-track { right:1px; } .home-search-bar .custom-dropdown li { list-style-type:none; padding:15px 0 0 0; border-bottom:1px solid #CCC; overflow:hidden; } .home-search-bar .custom-dropdown .col { float:left; padding:0 0 15px 0; width:50%; } .home-search-bar .custom-dropdown .col .select-basic { width:70px !important;} .home-search-bar .roomcount-wrap .select-basic.validation-error { border-color:#fc0303; background-color:#ffcccc;} .home-search-bar .roomguests-wrap .custom-dropdown.validation-error .custom-dropdown-title { background-color:#ffcccc;} .home-search-bar .roomguests-wrap .custom-dropdown.validation-error .custom-dropdown-content { border-color:#fc0303;} .home-search-bar .custom-dropdown-content.disabled .custom-dropdown-title { color:#ccc; cursor:default;} .home-search-bar .btn.btn-1.find-room-btn.invisible { background:url(../corporate/images/small_loader.gif) center no-repeat; color:transparent; cursor:default;} .home-theme { background:url(../../psd/Luxury Hotels and Resorts Leading Hotels of the World_files/images/greyfade.png) 0 0 repeat; height:585px; padding-top:15px; display:none; width:100%; max-width:1400px;} .home-theme .theme-closer { width:29px; height:29px; margin:0 0 0 930px;display:block; text-indent:-99999px; background:url(../../psd/Luxury Hotels and Resorts Leading Hotels of the World_files/images/home_overlay_closer.png) 0 0 no-repeat;} .home-theme .inner { width:960px; margin:0 auto;} .home-theme .theme-car { width: 713px; height:352px; float: left; overflow:hidden; } .home-theme .prev-link, .home-big-car .prev-link { text-indent:-999999px; width:60px; height:60px; background:url(../../psd/global/images/prev_arrow_60.png) 0 0 no-repeat;} .home-theme .next-link, .home-big-car .next-link { text-indent:-999999px; width:60px; height:60px; background:url(../../psd/global/images/next_arrow_60.png) 0 0 no-repeat; } .home-theme .theme-car .theme-car-item { width:713px; background-position:0 0; background-repeat:no-repeat; height:352px; position:relative; } .home-theme .theme-car .theme-car-item .item-overlay { position:absolute; bottom:0; background:url(../../psd/hotels/images/blue_65_percent.png) 0 0 repeat; color:#fff; padding:0 6px 6px 6px;} .home-theme .theme-car .theme-car-item .item-overlay .inner { padding:15px; text-align:center;display:block; width:672px; border-width:0 1px 1px 1px; border-style:solid; border-color:#3b3f3e;} .home-theme .theme-car .theme-car-item .item-overlay .inner a { color:#fff; font-size:22px; line-height:normal; font-weight:normal; font-family:'SackersGothicW01-Heavy'; text-decoration:none; display:block;} .home-theme .theme-car .theme-car-item .item-overlay .inner span.location { color:#ccc; font-size:14px; font-style:italic; line-height:16px; } .home-theme .right-side { margin-left:740px; background-color:#eee; width:222px; text-align:center; font-size:12px; line-height:16px;} .home-theme .right-side div { margin:0 15px; border-style:solid; border-width:1px 0 0 0; border-color:#ccc; padding:15px 0; } .home-theme .right-side div:first-child { border-width:0; } .home-theme .right-side h4 { font-size:12px; line-height:normal; font-weight:normal; font-family:'SackersGothicW01-Heavy'; text-transform:lowercase;} .home-theme .right-side a { color:#5381ac;} .home-theme .right-side p { font-style:italic; } .home-theme .right-side .smallsep { width:61px; height:2px; margin:6px auto;} .home-theme .theme-links { clear:both; width:960px; height:149px; padding:25px 0; } .home-theme .theme-links a { margin-left:25px; display:block; float:left; text-align:center; width:303px; height:149px;} .home-theme .theme-links a:first-child { margin-left:0;} .home-theme .theme-links a img { position:absolute; display:block; } .home-theme .theme-links a span.wrapper { display:block; margin-left:30px; margin-top:40px; position:absolute; padding:5px; background:url(../../psd/hotels/images/blue_65_percent.png) 0 0 repeat; color:#fff; font-family:'SackersGothicW01-Heavy'; font-weight:normal; font-size:14px; line-height:16px;} .home-theme .theme-links a span.wrapper span { padding:15px; width:200px; background:transparent; border:1px solid #666; display:inline-block;} .home-bottom { background:url(../../psd/Luxury Hotels and Resorts Leading Hotels of the World_files/images/homebottom_bg.gif) 0 0 repeat-x; clear:both; padding:30px 0;} .home-bottom .inner { width:960px; margin:0 auto; } .home-bottom .lefty { width:482px; float:left;} .home-bottom .righty { margin-left:500px;} .home-bottom .righty:after { display:block; visibility:hidden; clear:both; content:"."; height:0;} .home-bottom .hand-picked { text-align:center; border-width:0 1px 0 0; border-style:solid; border-color:#c9c9c9; padding:40px 0 50px 0; } .home-bottom .hand-picked .smallsep { width:80px; height:3px; margin:20px auto; } .home-bottom .hand-picked h4 { font-style:italic; font-weight:normal; font-size:28px; line-height:32px; padding:0 12px;} .home-bottom .hand-picked p { font-style:italic; font-size:16px; line-height:20px; color:#1d4761; margin-bottom:10px; } .home-bottom .hand-picked a { font-size:14px; line-height:21px; color:#5381ac;} .home-bottom .join-lc { text-align:center;} .home-bottom .join-lc h4 { font-size:24px; line-height:normal; font-style:italic; font-weight:normal; } .home-bottom .join-lc p { color:#666; font-size:14px; line-height:14px; padding:15px 0;} .home-bottom .join-lc a { font-size:14px; line-height:21px; color:#5381ac;} .home-bottom .lc-book { text-align:center;} .home-bottom .lc-book h4 { font-size:20px; font-style:italic; font-weight:normal; line-height:24px;} .home-bottom .lc-book h5 {font-size:16px; font-weight:normal; line-height:normal;font-family:'SackersGothicW01-Heavy'; margin-bottom:18px; } .home-bottom .lc-book a { font-size:14px; line-height:21px; color:#5381ac;} .home-bottom .new-prop { text-align:center; } .home-bottom .new-prop h4 { font-size:18px; line-height:normal; font-weight:normal; font-style:italic; padding-bottom:20px;} .home-bottom .new-prop h5 { font-size:16px; font-weight:normal; line-height:normal;font-family:'SackersGothicW01-Heavy'; } .home-bottom .new-prop h6 { color:#666; font-size:14px; font-style:italic;} .home-bottom .new-prop a { font-size:14px; line-height:21px; color:#5381ac;} .home-bottom .new-prop img { width:259px; height:138px;} .hotel-search-info .results-num { margin-bottom:10px;} @media only screen and (max-device-width:1024px) { .home-big-car, .big-car-item { max-width:1000px !important;} .browsetoggle, .toggle-wrap { margin-top:-1px;} .home-search-bar .refine-search { margin-top:40px;} .home-search .property-links a span.wrapper { display:block !important;} } @media only screen and (max-device-width:1280px) and (orientation:landscape) { .home-big-car, .big-car-item, .home-main { max-width:1000px !important; } .home-search-bar .refine-search { margin-top:40px;} .home-search .property-links a span.wrapper { display:block !important;} .browsetoggle, .toggle-wrap { margin-top:-1px;} } @media only screen and (max-device-width:1280px) and (orientation:portrait) { .home-big-car, .big-car-item { max-width:980px !important; } .home-search .property-links a span.wrapper { display:block !important;} .browsetoggle, .toggle-wrap { margin-top:-1px;} }