html { width: 100% } body { background: #fff; color: #666; font-family: verdana, sans-serif; font-size: 8pt; margin: 0; padding: 0; width: 100% } fieldset, img { border: 0; margin: 0; padding: 0 } body a { color: #235f8e } body a:hover { text-decoration: none } h1 { color: #036; font-size: 14pt; margin: 0; padding: 0 } h2, h3, h4 { color: #036; font-size: 9pt; margin: 0; padding: 0 } h2 { font-size: 14px } ul { list-style: none; margin: 0; padding: 0 } form { margin: 0; padding: 0 } #idViewport { background-color: #fff; margin: 0 auto; max-width: 64pc; padding: 0 8px } #idTableBasicLayout { clear: both; margin: 9pt 0 0; vertical-align: top; width: 100% } .clsTableBasicLayoutLandingTd1 { padding-right: 14px; width: 39% } .clsTableBasicLayoutLandingTd2 { min-width: 450px } .clsTableBasicLayoutCountryLandingTr1Td1 { padding-right: 20px; width: 45% } .clsTableBasicLayoutCityLandingTr2Td1 { padding-right: 4px; vertical-align: top } .clsTableBasicLayoutCityLandingTr2Td2 { vertical-align: top; width: 225px } #idLeft { margin: 1em 0; padding: 0 8px 0 0; vertical-align: top; width: 238px } .clsLeftSmall { width: 21% } .clsLeftSmall .clsDivBox15 { max-width: 220px } #idRight { margin: 1em 0; padding: 0 8px 10px 9pt; vertical-align: top } table { border-spacing: 0; margin: 0; padding: 0; text-align: left; vertical-align: top } .clsInnerContentSwap { float: left; position: relative; width: 100% } .clsContentColomnSwap { margin: 0 0 0 250px } .clsLeftColomnSwap { float: left; margin-left: -100%; position: relative; top: 9pt; width: 225px } .clsBar { background: linear-gradient(180deg, #ffb56b, #ffb063 21%, #ff9e3b 33%, #f93); background-color: #f93; box-shadow: 0 2px 4px rgba(0, 0, 0, .4); display: block; height: 25px; left: 0; position: relative; text-align: left; top: 0; width: 100%; z-index: 1 } .clsBgBarTop { height: 19px; margin-top: 2px; padding-left: 5px; padding-right: 7px; position: relative; z-index: 1 } .clsBarContentSpace { margin-left: auto; margin-right: auto; max-width: 64pc; padding: 3px 0; position: relative; z-index: 390 } .clsBarContentSpaceInner { color: #fff; font-weight: 700; height: 17px; line-height: 15px; margin-left: 0; margin-top: 0; position: relative; text-align: left; z-index: 390 } .clsPosRelative { position: relative } .clsPosAbsolute { position: absolute } .clsEbContentBlock { margin-left: auto; margin-right: auto; max-width: 64pc; padding: 0 7px } .clsInlineBlock { display: inline-block; position: relative } .clsClear, .clsEbClear { clear: both } .clsEbFloatLeft { float: left } .clsEbFloatRight { float: right } .clsEbCursorHand { cursor: pointer } .clsClearRight { clear: right; height: 0; line-height: 0 } .clsFontWeightBold { font-weight: 700 } .clsHidden { display: none; visibility: hidden } .clsMoreBar { background: linear-gradient(180deg, #f89838, #f2673a); border-radius: 6px; box-shadow: 2px 2px 3px #777; height: 27px; margin-top: 20px; position: relative; text-align: center; width: 100% } .clsMoreBarInner { font-size: 13px; line-height: 25px } .clsMoreBar a { color: #fff; font-weight: 700 } .clsMoreBar a:hover { text-decoration: none } .clsCities, .clsEbHotelOverviewPhotos li { background: url(../images/EbShadowPieces.png) no-repeat -18px 1px; float: left; height: 71px; list-style: none; margin: 0 9px 5px 3px; padding: 3px 0 0 3px; text-align: left; width: 65px } .clsTitleBarBackground { background: linear-gradient(180deg, #ddedfa, #f4f7fc 19%, #f4f7fc 0, #eef3f9 84%, #ddedfa); border: 1px solid #c7d7e4; border-radius: 14px; clear: both; margin-top: 15px; position: relative; width: 100% } .clsTitleBarContent { margin-left: 15px } .clsTitleBarContent h2 { line-height: 30px } .clsBlueLink { color: #39c; text-decoration: underline } span.clsBlueLink { color: #39c; text-decoration: none } .clsBlue { color: #036 } span.clsStarsHotelName0, span.clsStarsHotelName1, span.clsStarsHotelName2, span.clsStarsHotelName3, span.clsStarsHotelName4, span.clsStarsHotelName5 { background: url(../images/starsHotelName.png); background-position: 0 0; display: inline-block; font-size: 0; line-height: 0; margin-left: 5px; padding-left: 60px; padding-top: 15px; position: relative; top: 2px } .clsStarsHotel0, .clsStarsHotel1, .clsStarsHotel2, .clsStarsHotel3, .clsStarsHotel4, .clsStarsHotel5 { height: 15px; position: static; width: 60px } .clsStarsHotel1, span.clsStarsHotelName1 { background: url(../images/starsHotelName.png); background-position: 0 -15px } .clsStarsHotel2, span.clsStarsHotelName2 { background: url(../images/starsHotelName.png); background-position: 0 -30px } .clsStarsHotel3, span.clsStarsHotelName3 { background: url(../images/starsHotelName.png); background-position: 0 -45px } .clsStarsHotel4, span.clsStarsHotelName4 { background: url(../images/starsHotelName.png); background-position: 0 -60px } .clsStarsHotel5, span.clsStarsHotelName5 { background: url(../images/starsHotelName.png); background-position: 0 -75px } .clsInputTypeCheckbox { margin-left: 0 } .clsRed { color: #d83d30 } .clsLightOrange { color: #f93 } .clsLightOrangeBold { color: #f93; font-weight: 700 } .clsDarkBlueBold { color: #036; font-weight: 700 } .clsDarkBlue { color: #036 } .clsDisplayBlock { display: block } .clsPaddingLeft10 { padding-left: 10px } .clsPaddingRight5 { padding-right: 5px } .clsPaddingRight7 { padding-right: 7px } .clsMarginLeft10 { margin-left: 10px } .clsPositionRelative { position: relative } .clsMarginTop0 { margin-top: 0 } .clsMarginTop14 { margin-top: 14px } .clsWidth50Percent { width: 50% } .clsMarginTop5 { margin-top: 5px } .clsDisplayNone { display: none } .clsScriptSwitchOnBlock { display: none } .clsScriptKeepOnBlock { display: block } .clsScriptKeepOff, .clsScriptSwitchOnInline { display: none } .clsHotelDescriptionBlock p { display: block; margin: 0; padding: 0 0 7px } .clsTxtAlignCenter { text-align: center } .clsTxtAlignRight { text-align: right } .clsSeachBoxDivAsLinkDown { background: url(../images/icons/SearchArrowDown.png) right center no-repeat; color: #fff; cursor: pointer; line-height: 15px; padding-right: 15px; width: 155px } .clsSearchBoxDivAsLinkUp { background: url(../images/icons/SearchArrowUp.png) right center no-repeat; color: #fff; cursor: pointer; line-height: 15px; padding-right: 15px; width: 155px } .clsHotelExtraIconList { float: left } .clsAirportIcon, .clsFromCityIcon, .clsGuestReviewIcon, .clsVideoIcon, .clsViewMapIcon { background: url(/images/sprite8bit.png) -380px 0 no-repeat; cursor: pointer; float: left; height: 19px; margin-right: 5px; margin-top: 5px; padding-left: 31px; padding-top: 10px } .clsVideoIcon { display: block; font-size: 0; margin-top: 6px; overflow: hidden; position: relative; text-indent: 5px; width: 0 } .clsGuestReviewIcon { background-position: -380px -27px } .clsGuestReviewIcon a { color: #f63; text-decoration: none } .clsGuestReviewIcon a:hover { text-decoration: underline } .clsViewMapIcon { background-position: -380px -81px; margin-right: 0 } .clsFromCityIcon { background-position: -380px -81pt; cursor: default; padding-left: 22px } .clsHotelListSmallIconsTxt { color: #f63; font-size: 7pt; list-style: none; /* margin-bottom: 15px; */ display: flex; margin-top: 5px } .clsRowIcon { display: block; height: 1px; overflow: hidden; padding-left: 30px; padding-top: 30px; text-indent: 10px; width: 1px } .clsRowIconCity { background: url(../images/icons/CityIconBig.png) no-repeat } .clsRowIconProvince { background: url(../images/icons/ProvinceIconBig.png) no-repeat } .clsRowIconIsland { background: url(../images/icons/IslandIconBig.png) no-repeat } .clsRowIconDistrict { background: url(../images/icons/DistrictIconBig.png) no-repeat } .clsRowIconCountry { background: url(../images/icons/CountryIconBig.png) no-repeat } .clsRowIconHotel { background: url(../images/icons/HotelIconBig.png) no-repeat } .clsRowIconAirport { background: url(../images/icons/AirportIconBig.png) no-repeat } .clsRowIconLandmark { background: url(../images/icons/LandmarkIconBig.png) no-repeat } .clsBreadCrumbNoLink { float: left; list-style: none; padding-left: 5px } .clsBreadCrumbLink a { color: #fff; text-decoration: underline } .clsBreadCrumbLink a:hover { text-decoration: none } .clsBreadCrumbLink { background: url(../images/header/BreadcrumbArrow.png) no-repeat bottom right; float: left; list-style: none; padding-left: 5px; padding-right: 15px } #idBreadCrumb { display: block; left: 75px; list-style: none; margin: 0; padding: 0; position: absolute; text-indent: 0; top: 2px; z-index: 22 } .tooltip { background-color: #f63; border: 2px solid #f63; color: #036; margin: 0; padding: 0; text-align: left; width: 200px; z-index: 50 } .tooltip .tip-title { background-color: #f63; color: #fff; font-size: 11px; font-weight: 700; margin: 0; padding: 5px; text-align: left } .tooltip .tip-text { background-color: #fff; color: #000; font-size: 11px; font-weight: 400; line-height: 20px; margin: 0; padding: 5px; text-align: left } .tooltip .tip { background-color: #fff; font-size: 10px; margin: 0; padding: 0; text-align: left } #idEbPopupInner { padding: 10px } .clsEbHotelOverviewPhotos { height: 308px; width: 250px } body#idEbBackgroundPopup { background: none #fff } #idEbPhotoCrop300x300 { border: 2px solid #fff; box-shadow: 2px 2px 4px #666; box-sizing: border-box; height: 100%; width: 100% } .clsPopRightPane { position: relative; top: 20px; width: 230px } .clsEbSmallShadowPhotos { display: block; margin-left: -4px } .clsEbSmallShadowPhotos a { color: #f93; text-decoration: none } .clsEbSmallShadowPhotos a:hover { text-decoration: underline } .clsEbSmallShadowPhotos ul { display: block; padding: 0 } .clsEbHotelRoomDetailPhotos li, .clsEbShadowImage, .clsEbSmallShadowPhotos .clsEbShadowImage, .clsEbSmallShadowPhotos li { float: left; height: 71px; list-style: none; margin: 0 4px 0 0; padding: 3px 0 0 3px; text-align: left; width: 65px } html:not(.photoview) .clsEbSmallShadowPhotos img { border: 1px solid #fff; box-shadow: 2px 2px 4px #666 } .clsEbImageShadow6060 { height: 71px; width: 70px } .clsEbImageShadow6060 img { border: 1px #fff solid; box-shadow: 2px 2px 4px rgba(0, 0, 0, .5) } .clsHotelsNearbyTitleOfBox { background: url(../images/icons/iconHotelNearbyArrow.png) no-repeat 2px 0; color: #036; font-size: 9pt; font-weight: 700; margin: 10px 0; padding: 0 0 2px 15px } .clsHotelsNearbyTitleOfBoxOpen { background: url(../images/icons/iconHotelNearbyArrow.png) no-repeat 0 -22px; color: #036; font-size: 9pt; font-weight: 700; margin: 10px 0; padding: 0 0 2px 15px } #idCheckinDay, #idCheckoutDay { color: #fff } .clsEbSearchBoxErrors { color: red; line-height: 15px } .clsAdvancedBoxA { padding-top: 10px; position: relative; text-align: center } .clsAdvancedBoxB { color: #fff; position: relative } .clsPlayButtonBig, .clsPlayButtonBigReview { background: url(../images/playButtonBig.png); cursor: pointer; height: 90px; position: absolute; width: 90px; z-index: 80 } .clsNoPlayButton60, .clsNoPlayButton90, .clsPlayButton60, .clsPlayButton90 { cursor: pointer; display: block; height: 1px; left: 0; overflow: hidden; position: absolute; top: 2px; width: 1px; z-index: 80 } .clsNoPlayButton90, .clsPlayButton90 { background: url(../images/playButton90.png) top left no-repeat; margin: 10px 0 0 9pt; padding-left: 89px; padding-top: 89px } .clsNoPlayButton60, .clsPlayButton60 { background: url(../images/playButton60.png) top left no-repeat; padding-left: 59px; padding-top: 59px } .clsNoPlayButton60, .clsNoPlayButton90 { background: url(../images/spacer.gif) center center no-repeat } .clsEbSmallShadowPhotos .clsPlayButton60 { left: 4px; top: 2px } .clsImgButton { cursor: pointer } .clsVerticalAlignBottom { vertical-align: bottom } .clsCalendarIcon { background: url(/images/sprite8bit.png) -18px -56px; cursor: pointer; display: block; float: left; height: 21px; margin-left: 3px; position: relative; top: 0; width: 1pc } .clsStaticInner { font-size: 9pt; padding-left: 10px; padding-right: 10px } .clsBodyPopVideos { margin: 0; padding: 0 } .clsButton, button, input[type=button], input[type=submit] { -webkit-appearance: none; background: linear-gradient(180deg, #e1e899, #c1d034 5%, #91bd3f 50%, #77b345 55%, #77b345); border: 1px solid #579b52; border-radius: 5px; box-sizing: border-box; color: #fff; cursor: pointer; font-family: verdana, sans-serif; font-size: 13px; font-weight: 700; min-width: 75px; padding: 5px 10px; position: relative; text-shadow: 0 0 5px #214800, 0 0 7px #214800; white-space: nowrap } button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner { border: 0 none; padding: 0 } .clsBtnStart { cursor: pointer; display: inline-block; left: -2px; position: relative; top: 0 } .clsLinkColorGray { color: #666 } .clsPreventFocus { outline-style: none } .clsPageNavigation { margin-bottom: 20px; text-align: center; width: 100% } .clsPageNavigationPages, .clsPageNavigationPagesActive { cursor: pointer; display: inline-block; margin: 3px; padding: 3px 0; text-align: center; width: 22px } .clsPageNavigationPages { border: 1px solid #bbb } .clsPageNavigationPages:hover { background-color: #fbefda; border: 1px solid #ffa700 } .clsPageNavigationPages a { color: #fb6151; cursor: pointer; font-weight: 700; text-decoration: none } .clsPageNavigationNext, .clsPageNavigationPrevious { cursor: pointer; display: inline-block; font-weight: 700; margin: 3px; padding: 3px; text-align: center; text-decoration: none } .clsPageNavigationPreviousDisabled { background: url(../images/icons/previousIconDisabled.png) no-repeat left center; color: #ccc; cursor: default; display: inline-block; font-weight: 700; margin: 3px; padding: 3px 3px 3px 30px; text-align: center; text-decoration: none } .clsPageNavigationNextDisabled { background: url(../images/icons/nextIconDisabled.png) no-repeat right center; color: #ccc; cursor: default; display: inline-block; margin: 3px; padding: 3px 30px 3px 3px; text-align: center; text-decoration: none } .clsPageNavigationPrevious { background: url(../images/icons/previousIcon.png) no-repeat left center; padding-left: 30px } .clsPageNavigationNext { background: url(../images/icons/nextIcon.png) no-repeat right center; padding-right: 30px } .clsPageNavigationPagesActive { background-color: #fbefda; border: 1px solid #ffa700; color: #fb6151; cursor: default; font-weight: 700; text-decoration: none } #idHeaderTop { z-index: 405 } #idHeaderContent { height: 60px; margin-left: auto; margin-right: auto; max-width: 64pc; position: relative } .clsTitleOneLeftBox { color: #ffa700; font-weight: 700; margin-bottom: 5px; position: relative; z-index: 50 } .clsTitleOneLeftBoxBigger { color: #ffa700; font-size: 1.5em; font-weight: 700; margin-bottom: 13px } .clsAutocompleterChoices, .clsHotelAutocomplete { background-color: #fff; border: 1px solid #7c7c7c; border-bottom-color: #ddd; border-left-color: #c3c3c3; border-right-color: #c3c3c3; font-family: arial, helvetica, clean, sans-serif; left: 0; list-style: none; margin: 0; overflow: hidden; padding: 0; position: absolute; text-align: left; top: 0; z-index: 50 } .clsAutocompleterChoices li { color: #000; cursor: pointer; display: block; float: none; font-size: 13px; font-weight: 400; height: 18px; line-height: 18px; margin: -2px 0 0; padding: 3px 20px 2px 5px; position: relative; white-space: nowrap } .clsHotelAutocomplete li { background-color: #f9f9f9; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fff; color: #000; cursor: pointer; display: block; float: none; font-size: 1.1em; font-weight: 400; height: auto; line-height: auto; margin: 0; padding: 3px 5px; position: relative; white-space: nowrap } .clsHotelFillUp { margin-top: -4px } ul .clsAutocompleteTitle { border-top: 1px dotted #ddd; cursor: default; font-size: 0; font-weight: 400; height: 1px; line-height: 0; margin: 3px 0 0; overflow: visible; padding: 0 0 3px; position: relative } .clsAutocompleteCatTitle { border: 0 solid #fff; color: #999; font-size: 13px; font-style: italic; height: 18px; line-height: 18px; margin-right: 30px; padding: 0; position: absolute; right: 0; text-align: right; z-index: 50 } .clsAutocompleteCatTitle div { border: 0 solid #000; height: 18px; overflow: hidden; position: absolute; right: -34px; top: 0; width: 30px; z-index: 50 } ul .clsAutocompleteClose { border-top: 1px dotted #ddd; color: #999; cursor: default; font-weight: 400; height: 18px; margin: 0; overflow: visible; padding: 0; position: relative } .clsAutocompleteClose div { color: #f90; cursor: pointer } .clsAutocompleteCatTitle .city { background: url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0 0 } .clsAutocompleteCatTitle .province { background: url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0 -126px } .clsAutocompleteCatTitle .island { background: url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0 -36px } .clsAutocompleteCatTitle .district { background: url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0 -90px } .clsAutocompleteCatTitle .country { background: url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0 -72px } .clsAutocompleteCatTitle .airport { background: url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0 -81pt } .clsAutocompleteCatTitle .hotel { background: url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0 -9pc } .clsAutocompleteCatTitle .landmark { background: url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0 -54px } .clsAutocompleterSelected { background-color: #f93; background-image: linear-gradient(180deg, #f93, #fd9130 52%, #f76e25 83%, #f46221); color: #000 } .clsHotelAutocomplete .clsAutocompleterSelected { background: #bcdeef } .clsAutocompleterChoices li span.clsAutocompleteMatch, .clsHotelAutocomplete li span.clsAutocompleteMatch { background-color: #ff0 } .clsAutocompleterChoices .clsAutocompleterSelected span.clsAutocompleteMatch { background-color: transparent; color: #fff } .clsHotelAutocomplete .clsAutocompleterSelected span.clsAutocompleteMatch { background-color: transparent; color: #f60 } .clsNrHotelSsListedAutoComp { padding-right: 5px; position: absolute; right: 0 } .clsSuggestionText em { color: #666; font-size: .9em; margin: 0 0 0 5px } .clsSmallSearchboxTxt { overflow: hidden; position: relative; width: 500px } .clsLargeSearchboxTxt { overflow: hidden; position: relative; width: 360px } .clsLBIcon { background: url(../images/messageBoxes/messageBox_pieces.png) 0 0; height: 24px; position: absolute; top: 22px; width: 24px } .clsLBIconDude { background: url(../images/messageBoxes/messageBox_pieces.png) 0 -2pc; height: 30px; position: absolute; top: 8px; width: 25px } .clsDivBox15Content a { color: #235f8e } .clsNoticeMessageBoxesPos { pointer-events: none; position: absolute; right: 10px; z-index: 999 } .clsTechnicalErrorBox { font-family: arial; margin: 0 auto 20px; max-width: 64pc; position: relative; width: 100% } #idSearchList .clsTechnicalErrorBox { margin-top: 30px } .clsTechnicalErrorBoxOuter { border: 5px solid #f3f3f3; border-radius: 5px } .clsTechnicalErrorBoxInner { border: 1px solid #d99798; color: #bc3532; font-size: 1.2em; letter-spacing: .05em; line-height: 25px; padding: 15px 5pc 15px 75pt; text-align: left } .clsTechnicalPhoneError { font-size: 1.2em; font-weight: 700 } .clsTechnicalErrorDude { background: url(/images/technical_error_dude.png); bottom: -2px; height: 119px; position: absolute; right: -5px; width: 93px } .clsThemeImageLeft, .clsThemeImageRight { display: none } .clsHighlightBP { background-color: #fa802b; color: #fff; cursor: pointer; display: inline-block; font-weight: 700; margin-top: 2px; padding: 1px 4px 2px } .clsHighlightBP span { background: url(/images/sprite8bit.png) -300px -103px no-repeat; display: inline-block; height: 11px; position: relative; width: 13px } .clsPayLater { position: relative; right: 20px } .clsPayLaterBtn { background-color: #fa802b; color: #fff; display: inline-block; font-weight: 700; margin: 3px auto 6px; max-width: 110px; padding: 2px 5px 4px; position: relative } .clsPayLaterBtn span { background: url(/images/sprite8bit.png) -300px -103px no-repeat; display: inline-block; height: 11px; position: relative; width: 13px } .clsPayLaterBtn em { background: url(/images/sprite8bit.png) -300px -119px no-repeat; bottom: -8px; display: block; height: 11px; left: 25%; position: absolute; width: 1pc } .clsAlignCenter { text-align: center } #loaderAnimation>div, #loaderAnimationDouble>div { -webkit-animation: spinnerAnim .9s infinite linear; -webkit-transform: translatez(0); animation: spinnerAnim .9s infinite linear; border-bottom: 3px solid hsla(0, 0%, 100%, .2); border-left: 3px solid #fff; border-right: 3px solid hsla(0, 0%, 100%, .2); border-top: 3px solid hsla(0, 0%, 100%, .2); font-size: 10px; height: 14px; left: 50%; margin: -10px 0 0 -7px; position: relative; top: 50%; transform: translatez(0); width: 14px } #loaderAnimation>div, #loaderAnimation>div:after, #loaderAnimationDouble>div, #loaderAnimationDouble>div:after { border-radius: 50%; height: 14px; width: 14px } @-webkit-keyframes spinnerAnim { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spinnerAnim { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .clsAlert { border-radius: 0; margin: 0 0 15px; padding: 6px 6px 6px 40px; position: relative } .clsAlertWarning { background-color: #fdfdd4; border: 1px solid #cea64b; padding: 10px 10px 10px 40px } .clsAlertWarning:before { background: url(../images/BookingPageF/sprite-checkout.png) -178px -4px; background-position: -257px -13px; content: ""; height: 26px; left: 6px; margin-top: -13px; position: absolute; top: 50%; width: 26px } #idDivPopUp, #idPopUp { display: none; position: absolute; visibility: hidden } #idDivPopUpInner { color: #fff; font-weight: 700; padding: 15px } #idPopUpInner { background: #fff; border: 3px solid #ff7f00; border-radius: 10px; box-shadow: 0 5px 20px rgba(0, 0, 0, .85); color: #333; cursor: move; font-weight: 700; padding: 15px } #idDivPopUpViewPort, #idPopUpViewPort { position: relative } #idDivPopUpHeader, #idPopUpHeader { height: 25px; position: relative } #idPopUpBody { background-color: #fff; border: 0; overflow: hidden; position: relative; visibility: hidden } .clsMyBookingPosition { font-size: 9pt; margin-left: auto; margin-right: auto; margin-top: 20px; position: relative; text-align: center; width: 25pc } .clsMyBookingPosition p { margin-bottom: 5px } .clsMyBookingPosition input[type=button] { margin-top: 20px; width: 100% } .clsMyBookingPosition input[type=text] { width: 100% !important } #idDivPopUpFooter, #idPopUpFooter { font-size: 10pt; font-style: italic; position: relative } #idDivPopUpCaption, #idPopUpCaption { float: left; position: relative } #idDivPopUpClose, #idPopUpClose { float: right; position: relative } #idDivPopUpCloseButton, #idPopUpCloseButton { background: 0; background-color: transparent; border: 0; color: #666; cursor: pointer; font-size: 9pt; font-weight: 700; height: 15px; padding: 0 14px 0 0; position: relative; text-decoration: underline; text-shadow: none } #idDivPopUpCloseButton:after, #idPopUpCloseButton:after { background: url(/images/sprite8bit.png) 0 -56px; content: ""; height: 15px; position: absolute; right: 0; top: 0; width: 15px } .clsLoadAnimation { left: 0; overflow: hidden; position: absolute; text-align: center; top: -25px; visibility: hidden; width: 25px; z-index: 750 } .clsSmallPopup { line-height: 20px; z-index: 200 } #idEbAboutUs { margin-bottom: 15px } #idEbAboutUs h3 { color: #036; font-size: 11pt; margin: 0; padding: 5px 0 } #idEbAboutUsH1Icon { background: url(../images/icons/AboutUsIcon.png) 0 0; float: left; height: 3pc; margin-bottom: 10px; margin-right: 10px; width: 46px } #idEbAboutUs h1 { padding-top: 10px } #idEbAboutUs p { padding-left: 5px; padding-right: 35px } .clsCheckIconBefore { background: url(../images/icons/AboutUsIcon.png) -46px 0 no-repeat; height: 3pc; width: 50px } #idEbBelowFooter { height: 70px; margin-left: auto; margin-right: auto; max-width: 64pc; position: relative } #idFooterImage { background: url(/images/sprite8bit.png) no-repeat -190px -39px; height: 102px; position: absolute; right: 0; top: 0; width: 107px } #idEbBelowFooter p { margin: 5px 0 0 10px } span#idEbCopyrightEurobookings { background-color: #fff; color: #036; font-size: 7pt; font-weight: 700 } #idEbCopyrightEurobookings a { color: #036 } #idEbFooterMenuTxt { padding: 15px 110px 0 0; position: relative } #idEbFooterMenuTxt ul { display: inline-block; list-style: none; margin: 0; padding: 0; width: 100% } #idEbFooterMenuTxt li { float: left; margin: 0 0 3px 5px } #idEbFooterMenuTxt .clsOrangeLinks a { color: #f93; font-family: arial; font-size: 9.5pt; font-weight: 700 } #idFooterAllLanguages a { color: #666; font-weight: 400; text-decoration: none } #idFooterAllLanguages a:hover { text-decoration: underline } .clsFooterLinkDivider { color: #f93; font-weight: 700; margin: 0; padding: 0 } .clsLoadAnimation, .clsLoadAnimationDouble { background: linear-gradient(180deg, #e1e899, #c1d034 5%, #91bd3f 50%, #77b345 55%, #77b345) } .clsLoadAnimation { height: 25px; left: 0; margin-top: 1px; overflow: hidden; position: absolute; text-align: center; top: -25px; visibility: hidden; width: 25px; z-index: 750 } .clsLoadAnimationDouble { height: 33px; left: 0; margin-top: 1px; overflow: hidden; position: absolute; text-align: center; visibility: hidden; width: 33px; z-index: 750 } .clsFooterBottomBox { background: url(/images/sprite8bit.png) no-repeat 0 -162px #f0f0f0; background-color: #f0f0f0; height: 60px; margin: 10px 0 10px 10px; padding: 10px; position: relative } .clsFooterBottomTxt { color: #1595d3; float: left; font-size: 1.2em; margin-left: 5px; margin-top: 5px; text-align: left; width: 220px } .clsFooterBottomTxt p { margin: 0; padding: 0 } .clsNewsLetterFollowUsBox { float: right; margin-right: 10px } .clsButtonNewsL { display: inline-block; margin-top: 0; min-width: 0; position: relative } .clsButtonNewsLTxt { cursor: pointer; margin-right: 30px; position: relative } .clsButtonNewsL:after { background: url(/images/sprite24bit.png) no-repeat -45px 0; content: " "; height: 20px; margin-top: -9px; position: absolute; right: 6px; top: 50%; width: 20px } .clsNewsletterFollowUsTxt { color: #036; display: block; font-weight: 700; padding-right: 3px; text-align: right } .clsNewsletterFollowUsTxtInFooter { padding-right: 13px } .clsNewsletterFollowUsNewsletterTxt { color: #036; font-weight: 700 } .clsFaceBookIcon, .clsGoogleIcon, .clsPinterestIcon, .clsTwitterIcon { background: url(/images/sprite8bit.png) -20px -93px; cursor: pointer; display: block; float: left; height: 24px; margin-right: 8px; width: 31px } .clsTwitterIcon { background-position: -56px -93px } .clsGoogleIcon { background-position: -95px -93px } .clsPinterestIcon { background-position: -133px -93px; margin-right: 0 } .clsMsgFollowUs { background-color: #ececec; border: 1px solid #ccc; border-radius: 4px; color: #036; display: none; font-family: Arial, Helvetica, sans-serif; height: 38px; line-height: 18px; padding: 4px; position: absolute; right: -50px; text-align: center; top: 40px; width: 250px; z-index: 120 } .clsPointerUp { background: url(../images/homepage/homepage_pieces.png) -22px -167px; display: block; height: 9px; left: 50%; margin-left: -15px; position: absolute; top: -8px; width: 15px; z-index: 125 } .clsPointerDown { background: url(../images/homepage/homepage_pieces.png) -1px -168px; bottom: -9px; display: block; height: 9px; left: 50%; margin-left: -20px; position: absolute; width: 15px; z-index: 125 } #idMsgFollowUsFacebookNews { right: 0 } #idMsgFollowUsTwitterNews { right: -41px } #idMsgFollowUsGoogleNews { right: -78px } #idMsgFollowUsPinterestNews { right: -118px } #idMsgFollowUsFacebookFooter { right: -5px; top: -44px } #idMsgFollowUsTwitterFooter { right: -45px; top: -44px } #idMsgFollowUsGoogleFooter { right: -82px; top: -44px } #idMsgFollowUsPinterestFooter { right: -90pt; top: -44px } .clsFollowQuestion { font-size: 13px; font-style: italic } .clsFollowAnswer { font-size: 14px; font-style: italic; font-weight: 700 } .clsTransparentBgFooterFollow, .clsTransparentBgFooterNews { background-color: rgba(0, 0, 0, .07); border-radius: 5px; margin-right: 15px; overflow: hidden; padding: 6px; position: relative } .clsTransparentBgFooterFollow { padding: 6px } .clsNewsletterInputInFooter { float: left; padding-bottom: 4px; padding-left: 4px; padding-top: 4px; width: 215px } .clsBookUsNowSeal { background: url(../images/homepage/homepage_pieces.png) -3pc -82px; height: 30px; margin-left: auto; margin-right: auto; position: relative; text-align: center; top: -17px; width: 52px; z-index: 2 } .clsUSPBoxHotelPage .clsBookUsNowSeal, .clsUSPBoxLandingPage .clsBookUsNowSeal { top: -7px } .clsUSPBoxHotelPage, .clsUSPBoxLandingPage { padding-top: 20px } .clsBookWithUsInner { margin: 0; overflow: hidden; padding-left: 23px; position: relative; z-index: 0 } .clsBookWithUsInner h5 { color: #1595d3; font-size: 14px; margin-bottom: 5px; margin-right: 45px; padding: 8px 0 } .clsBookWithUsCheck { background: url(../images/homepage/homepage_pieces.png) -282px 0 no-repeat; float: left; height: 1pc; margin-top: 5px; width: 1pc } .clsBookWithUsInner h6 { color: #036; font-size: 10px; line-height: 18px; margin: 0; padding: 3px 0 3px 30px; position: relative } .clsDudeBookWithUs { background: url(../images/homepage/homepage_pieces.png) -63px 0; height: 57px; position: absolute; right: 18px; top: 20px; width: 43px } .clsBookWithUsPhone { background: url(../images/homepage/homepage_pieces.png) 0 -83px; float: left; height: 26px; margin-bottom: 11px; width: 25px } .clsNeedSupportTxt span { color: #036 } .clsNeedSupportTxt a { color: #235f8e } .clsNeedSupportTxt { padding-left: 30px; padding-top: 6px } .clsMainContentTd2 .clsDivBox15 { margin-top: -30px } .clsSloganBoxSmall, .clsTableBasicLayoutLandingTd1 .clsDivBox15 { margin-top: -20px } .clsBookWithUsInner .clsDivBox15, .clsMainContentTd2 .clsDivBox15, .clsMainContentTd3 .clsDivBox15 { margin-bottom: -15px } .clsPositionNeedHelpTxt { bottom: 5px; position: absolute; width: 90% } .clsTripAdvisorPosContainer { display: inline-block; height: 15px; overflow: visible; position: relative; width: 99pt } .clsEbCollapseBoxContentTable { width: 100% } .clsEbCollapseBoxContentTable th { border-top: 1px solid #f93; font-weight: 400; padding: 5px 5px 5px 15px; position: relative; text-align: left; vertical-align: top } #idHotelDetailTabs p.clsHotelDetailMoreInfoHotelTitle:before, .clsEbCollapseBoxContentTable th:before { background: url(/images/sprite8bit.png) -2px -98px; content: ""; height: 8px; left: 2px; position: absolute; top: 2px; width: 4px } .clsEbCollapseBoxContentTable th:before { top: 7px } .clsEbCollapseBoxContentTable td { border-top: 1px solid #f93; padding: 5px; vertical-align: top } .clsEbCollapseBoxContentTable .clsEbCollapseBoxContentFirstRow { border-color: #fff } .clsEbCollapseBoxContentFirstColomn { width: 150px } #idCountryTabs, #idHotelDetailTabs, #idStarsTabs { margin: 10px 0 15px } #idCountryTabs, #idStarsTabs, .clsSquareTabs { clear: both } #idCountryTabs p, #idHotelDetailTabs p, #idStarsTabs p, .clsSquareTabs p { margin: 0; padding: 0 5px } .clsTabFirst { color: #036; cursor: pointer; float: left; position: relative } .clsTabContinued { cursor: pointer; float: left; position: relative } .clsSquareTabFirst { border: 1px solid #f93; border-bottom: 0; color: #036; cursor: pointer; padding: 10px 10px 10px 0; position: relative; z-index: 2 } .clsSquareTabContinued { border: 1px solid #f93; border-bottom: 0; cursor: pointer; margin-left: -1px; padding: 10px 10px 10px 0; position: relative; z-index: 2 } .clsSquareTabSelected { background-color: #fff6e3; background-image: none; border-bottom: 0 } .clsSquareTabContinued a, .clsSquareTabFirst a, .clsSquareTabSelected a { color: #036; text-decoration: none } .clsSquareTabSelected a { font-weight: 400 } .clsTabBlock { border: 1px solid #f93; border-radius: 0 9pt 9pt; clear: both; position: relative; z-index: 1 } .clsSquareTabBlock { background-color: #fff6e3; border: 1px solid #f93; clear: both; position: relative; top: -1px; width: 100%; z-index: 1 } .clsSquareTabBlockInner { padding: 10px } .clsSquareTabBlockPaddingTop { padding-top: 10px } .clsTabHotelDetail { display: block; position: relative; top: 0; z-index: 100 } .clsTabInner { background-color: #fff; border: 1px solid #f93; border-radius: 9pt 9pt 0 0; height: 14px; overflow: hidden; padding: 8px 11px; position: relative; top: 1px; z-index: 2 } .clsTabInnerSelected { background-color: #fff; border: 1px solid #f93; border-bottom: 1px solid #fff; border-radius: 9pt 9pt 0 0; height: 14px; overflow: hidden; padding: 8px 11px; position: relative; top: 1px; z-index: 2 } .clsTabContinued, .clsTabFirst { margin-right: -1px } .clsTabInnerSelected div a { color: #036; font-weight: 700; text-decoration: none } .clsTabInner div a { color: #666; font-weight: 400; text-decoration: none } .clsTabPadding { padding: 10px } span.clsTypeIconAirport, span.clsTypeIconArea, span.clsTypeIconCity, span.clsTypeIconCountry, span.clsTypeIconDistrict, span.clsTypeIconIsland, span.clsTypeIconLandmark, span.clsTypeIconProvince { background-image: url(../images/icons/autocompleteIcons_pieces.png); background-repeat: no-repeat; display: block; font-size: 0; left: 0; line-height: 0; margin-right: 5px; padding-left: 25px; padding-top: 18px; position: absolute } span.clsTypeIconCity { background-position: 0 0 } span.clsTypeIconProvince { background-position: 0 -126px } span.clsTypeIconIsland { background-position: 0 -36px } span.clsTypeIconDistrict { background-position: 0 -90px } span.clsTypeIconAirport { background-position: 0 -81pt } span.clsTypeIconLandmark { background-position: 0 -54px } span.clsTypeIconArea { background-position: 0 -163px } #idHotelDetailTabs p.clsHotelDetailMoreInfoHotelTitle { border: 0; margin: 5px 0 5px 1px; padding: 0 0 0 15px; position: relative } .clsBookingProcessTabs { background-color: #fff5e9; border: 1px solid #f93; font-size: 13px; margin-left: 300px; margin-top: 8px } .clsBPHeader { margin: 0; padding: 0; position: relative } .clsBPHeaderBox { padding-top: 5px } .clsBPLogoPlace { height: 60px; left: 0; position: absolute; top: 0; width: 300px } .clsBPEBLogo { background: url(/images/bookingProcess/logoPieces.png) no-repeat; cursor: pointer; display: block; height: 4pc; position: absolute; text-decoration: none; top: 0; width: 52px; z-index: 380 } .clsTblPriceBuildup td { padding: 0 5px 5px 0; text-align: right } .clsBPEBLogoTxt { background: url(/images/bookingProcess/logoPieces.png) -51px -2px no-repeat; cursor: pointer; display: block; height: 27px; left: 60px; position: absolute; text-decoration: none; top: 5px; width: 193px; z-index: 370 } .clsBPEBSloganHeader { border-bottom: 0; font-size: 9pt; height: 30px; left: 60px; position: absolute; text-decoration: none; top: 35px; white-space: nowrap; width: 193px; z-index: 49 } .clsBPEBSloganHeader a { color: #1595d3; font-weight: 700 } .clsBPTFirstSelected { background-color: #fff; border-right: 1px solid #f93; color: #369; float: left; font-weight: 700; padding-bottom: 3px; padding-top: 3px; text-align: center; width: 33% } .clsBPTSecondSelected { background-color: #fff; border-left: 1px solid #f93; border-right: 1px solid #f93; color: #369; float: left; font-weight: 700; padding-bottom: 3px; padding-top: 3px; text-align: center; width: 33% } .clsBPTThirdSelected { background-color: #fff; border-left: 1px solid #f93; color: #369; float: left; font-weight: 700; padding-bottom: 3px; padding-top: 3px; text-align: center; width: 33.5% } .clsBPTab { color: #369; float: left; padding-bottom: 3px; padding-top: 3px; text-align: center; width: 33% } .clsBPTabFirst, .clsBPTabSecond { border-right: 1px solid #f93; color: #369; float: left; padding-bottom: 3px; padding-top: 3px; text-align: center; width: 33% } .clsAgreeTerms { float: left; margin-right: 7px; padding-top: 5px } .clsBookingProcessBorderWide { width: 100% } .clsBookingProcess { background: #fff5e9; border: 1px solid #f93; color: #369; margin-top: 20px } .clsBookingProcess h3 { border-top: 1px solid #fff; margin: 10px 0; padding-top: 10px } .clsBPTitleHeader { background-color: #f93; color: #fff; font-size: 14px; font-weight: 700; padding: 1px 3px 3px 5px } .clsBPSubTitleHeader { color: #2d5b89; font-size: 1.1em; font-weight: 700; padding: 3px 3px 3px 5px; text-align: left } .clsBookingProcessData, .clsBookingProcessDataWithMargin { padding: 15px } .clsBPBookingConditions { font-size: .9em } .clsInputWidth1, .clsInputWidth2, .clsInputWidth3, .clsInputWidth4, .clsInputWidth5, .clsInputWidth6, .clsInputWidth7 { border: 1px solid #999; font-size: 9pt; margin-top: 2px; padding: 2px } .clsSelectWidth4 { width: 206px } .clsInputWidth1 { width: 200px } .clsInputWidth3 { width: 250px } .clsInputWidth4 { width: 200px } .clsInputWidth6 { width: 118px } .clsBookingProcessBoxPos { padding-top: 9pt } .clsBPError { color: red; display: block; font-weight: 400 } .clsErrorRedBorder { border: 1px solid red !important } .clsBookingProcessTable { font-size: 1.05em; width: 100% } .clsBookingProcessTable th { padding-left: 5px; padding-right: 9pt; text-align: left; white-space: nowrap } .clsBookingProcessTable td, .clsBookingProcessTable th { padding-bottom: 2px; padding-top: 2px } .clsBookingProcessTable th { width: 20% } .clsBookingProcessHotel th { font-size: 1.2em; padding-bottom: 4px; text-align: left } .clsBookingProcessHotel td { padding: 2px 3px 3px 0 } .clsBPHFirstRow { width: 90pt } .clsBPHAreaImage { vertical-align: top; width: 115px } .clsBPHotelCurrencyPrice { font-size: .8em; font-weight: 400 } .clsBPHTotalPriceTxt { margin: 0 7px 0 0 } .clsBPInclTaxTxt { color: #888; float: right; font-size: 8pt; font-style: italic; font-weight: 400; margin-right: 7px; padding-top: 5px; text-align: right } .clsBPHPrice { float: right; text-align: right } .clsBookingProcessHotelBorder { position: relative } .clsBPHotelImg { border: 1px solid #f93 } .clsBPCurrencyPayLocal { font-weight: 700 } .clsPosLinkBookingConditions { float: right; margin-top: 10px; text-align: right } .clsRequiredFieldDiv { margin: 10px 0 0 13px } .clsBPLimitWidth { width: 35pc } .clsBPSeperator { border-bottom: 1px dotted #f93; margin: 10px 0; padding: 0; width: 100% } .clsBPS3Box { background-color: #fff; border-bottom: 1px solid #f93; border-top: 1px solid #f93; line-height: 18px; margin-top: 7px; padding: 7px } .clsBPS3Box td { padding-bottom: 2px; padding-top: 2px; vertical-align: top } .clsBPS3Box h5 { font-size: 1em; margin: 0; padding: 0 } .clsBPS3Box p { margin-top: 0 } .clsBPS3FirstColomnTable { width: 150px } .clsIconPrinter { background-image: url(/images/printerIcon.png); float: left; height: 2pc; margin-right: 5px; width: 2pc } .clsPopupBookingTerms { padding: 10px } .clsPopupBookingConditions { overflow: auto; padding: 10px } .clsBPIconInfo { background-image: url(/images/BPIconInfo.png); cursor: pointer; float: left; height: 11px; margin-left: 5px; width: 9pt } .clsBookingAnswers { color: #036; font-size: 1em } .clsAnswer { color: #036; font-size: 1.1em; font-weight: 700 } .clsTitleBarContent { position: relative } .clsIconWarning { background-image: url(/images/WarningIcon.png); float: left; height: 14px; margin-right: 10px; width: 15px } .clsEbBPFooterMenuTxt { color: #369; font-size: 1.05em; font-weight: 700; margin-left: 9pt; margin-top: 7px } .clsPosRel { position: relative } .clsMsgPosCross { cursor: pointer; left: 302px; position: absolute; top: 8px; z-index: 100 } .clsMsgPosCross a { color: #999; text-decoration: none } .clsMessageBoxFields { border: 0; border-collapse: separate; left: 0; padding: 0; position: absolute; width: 20pc; z-index: 70 } .clsMessageBoxFields td { border: 0; border-collapse: separate; padding: 0 } .clsMsgOrangeTop { background: url(/images/bookingProcess/MsgOrangeTopBottom.png) left top no-repeat; border: 0; height: 1pc; overflow: hidden; text-align: right } .clsMsgOrangeCenter { background-color: #fbe0bd; font-size: 1.1em; position: relative } .clsMsgOrangeCenter p { margin: 0; padding: 0 } .clsMsgOrangeLeft { background: url(/images/bookingProcess/MsgOrangeLeftRight.png) left bottom no-repeat } .clsMsgOrangeRight { background: url(/images/bookingProcess/MsgOrangeLeftRight.png) right top no-repeat; border: 0; overflow: hidden; position: relative; vertical-align: top; width: 9pt } .clsMsgOrangeBottom { background: url(/images/bookingProcess/MsgOrangeTopBottom.png) right bottom no-repeat; border: 0; height: 18px; overflow: hidden } .clsMsgOrangeLeft { border: 0; overflow: hidden; position: relative; width: 9pt } .clsMsgOrangePointer { background: url(/images/bookingProcess/MsgOrangePointer.png) no-repeat; height: 20px; margin-left: -10px; position: absolute; top: 25px; width: 15px; z-index: 75 } .clsIconFieldMSG { display: none } .clsInputLoader { background: url(/images/bookingProcess/Loader.gif) 98% center no-repeat #fff } .clsInputCorrect { background: url(/images/bookingProcess/correctIcon.png) 98% center no-repeat #fff } .clsInputWrong { background: url(/images/bookingProcess/wrongIcon.png) 98% center no-repeat #fff } .clsWaitingBox { background-color: #fff5e9; border: 1px solid #f93; display: block; padding: 10px; position: relative; top: 70px } .clsWaitingTxtBox { float: left; margin-top: 50px } .clsWaitingTxt { color: #f93; font-size: 2em; font-weight: 700; margin-bottom: 10px } .clsWaitingTxtSmall { color: #666; font-size: 1.2em } .clsNoWrap { white-space: nowrap } .clsBPErrorWidth100 { width: 100% } .clsFieldsRequired { float: left; padding-top: 5px } .clsBookingProcessPhoneInHeader { margin-right: 10px } .clsLoyaltyTxt.clsAdditionalText { background-color: #fff; margin: 0; padding: 9pt 10px } @media(min-width:8in) { .clsLoyaltyTxt:before { background: url(/images/rewards-logo-small-eb.png) no-repeat 50% 50%; content: ""; display: inline-block; float: right; height: 30px; margin: -9px 0 0 10px; width: 118px } } @media(max-width:767px) { .clsLoyaltyTxt { padding: 0 10px } } .clsFirstColomn.clsLoyaltyTd { padding-right: 0 } .clsPaymentOptions { margin-top: 1pc } .clsPaymentOptions li { float: left; position: relative } .clsPaymentOptions label { border: 1px solid #97afc7; color: #036; display: block; font-weight: 700; line-height: 30px; margin: 0 10px 10px 0; padding: 0 10px 0 31px; white-space: nowrap } .clsPaymentOptions input[name=paymentOption] { display: block; margin: 9px 10px; position: absolute; width: auto } .clsPaymentOptions svg { fill: #999; float: left; height: 30px; margin-right: 5px; width: 24px } @media(max-width:767px) { .clsPaymentOptions li { float: none } .clsPaymentOptions label { line-height: 34px; margin: 0 } .clsPaymentOptions svg { height: 34px } .clsPaymentOptions li:not(:first-child) label { border-top: 0 } .clsPaymentOptions li:last-child label { margin-bottom: 10px } } .clsPayPalIcon { background: url(/images/BookingPageF/sprite-checkout.png) -3in -20px; display: inline-block; height: 19px; margin-right: 5px; vertical-align: middle; width: 1pc } .clsPaymentOptions input:checked+label { background: #fff } .clsBookingProcessBg .clsPaymentOptions input:focus { background-color: transparent } #idEbCustomerPageFormTable { width: 100% } #idEbCustomerPageFormTable td { line-height: 20px; padding: 3px } #idFaqIconCustomerServicePage { background: url(../images/icons/CustomerServiceIcons.png) -56px 0; float: left; height: 50px; margin: 15px; width: 44px } .clsFaqIconCustomerServiceInner { float: left; margin: 0; padding: 0; width: 85% } .clsIHaveAReservation { height: 30px; vertical-align: top } .clsLineOneCustomerService { margin: 15px 0 0; padding: 0 } .clsCustomerServiceForm { clear: both; float: left; min-width: 25pc; width: 60% } .clsCustomerServiceRequired { margin-bottom: 7px } .clsCustomerServiceBoxesLength { width: 250px } .clsPosButtonCustomerService { padding-top: 5px; position: relative } .clsPosButtonCustomerService input { width: 90pt } .clsCustomerServiceBetween { float: left; height: 5in; width: 3% } .clsCustomerServiceRightTelephones { float: left; min-width: 250px; width: 35% } .clsCustomerServiceRightTelephones .clsDivBox6 { min-height: 540px; width: 16pc } .clsTelephoneNumbersTable { width: 226px } .clsOpeningHourSCustomerService { margin: 0 5px 10px } .clsInternationalPhone { border-bottom: 1px solid #d1d1d3; border-top: 1px solid #d1d1d3; margin-top: 0; padding-bottom: 1px; padding-top: 7px; position: relative; z-index: 410 } .clsEUPhone { border-bottom: 1px solid #ccc } .clsUSPhoneTop { border-top: 1px solid #ccc } .clsOpeningsHoursTxt { margin-bottom: 6px; margin-top: 4px; text-align: center; width: 100% } .clsOpeningsHoursSwitchedTxt { margin-bottom: 6px; margin-top: 6px; text-align: center; width: 100% } .clsInternationalFlag { float: left; padding-left: 5px } .clsTollFree { color: #999 } .clsInternationalPhoneText { float: left; text-align: left } .clsCustomerServicePhones { background-color: #fff; padding-left: 6px; padding-right: 6px; padding-top: 6px } .clsCustomerServiceFlags { float: left; width: 50px } .clsCustomerServicePhoneText { float: left; text-align: left } .clsPhoneNumbersCountriesDiv { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc } .clsPhoneNumberCountries { background: url(../images/flag/CustomerService.png); height: 54px; margin-bottom: 10px; margin-left: 6px; margin-top: 10px; width: 207px } .clsCustomerServicePhone { background: url(../images/flag/CustomerService.png) 0 -63px; height: 175px; left: -1px; margin: -4pc 0 0; position: absolute; width: 258px; z-index: 400 } .clsCustomerServiceHeightFix { height: 90px } .clsGroupBookingForm input, .clsGroupBookingForm label, .clsGroupBookingForm select { display: block } .clsGroupBookingForm select { margin-bottom: 5px } .clsGroupBookingForm label { margin-bottom: 2px } .clsGroupBookingForm input { margin-bottom: 5px; width: 300px } .clsGroupBookingForm textarea { font-family: verdana; font-size: 11px; height: 5pc; width: 305px } .clsContactDetails, .clsStayDetails { background-color: #f6fafe; border: 1px solid #fff; padding: 15px 15px 15px 30px } .clsContactDetailsBorder, .clsStayDetailsBorder { border: 1px solid #e6eff7; margin-bottom: 20px } .clsFormBlockTitle { color: #369; font-size: 13px; font-weight: 700; margin-bottom: 30px; margin-left: -10px; position: relative; text-shadow: 1px 1px 0 #ddd } .clsDottedInTitle { border-bottom: 1px dashed #ccc; position: absolute; top: 13px; width: 360px; z-index: 1 } .clsFormBlockTitleTxt { background-color: #f6fafe; padding-right: 7px; position: absolute; z-index: 999 } .clsButtonSearchHotel.clsButtonSearchHotelL { color: #fff; display: inline-block; float: right; font-size: 1.2em; font-weight: 700; margin-top: 0; min-width: 25px; padding-left: 10px; position: relative } .clsButtonSearchHotel:after { background: url(/images/sprite24bit.png) no-repeat -45px 0; content: " "; height: 20px; margin-top: -9px; position: absolute; right: 8px; top: 50%; width: 20px } .clsSearchHotelInput { font-size: 11pt; height: 24px } .clsButtonSearchHotelTxt { cursor: pointer; margin-right: 13px; position: relative } .clsGoogleMap { z-index: 10 } .clsGoogleMap h3 { line-height: 30px; margin-bottom: 0; margin-left: 4px; margin-top: 8px; padding: 0 } .clsMainContentTd1 .clsGoogleMapImage { margin-left: 4px } .clsGoogleMapImage { border: 1px solid #036; margin-left: 0; margin-top: 7px; width: 98% } .clsGoogleMapSpacer { height: 10px } .clsMarginBelowLink { color: #39c; line-height: 20px; position: relative; z-index: 2 } #idEbHotelDetailIntro { color: #004677; padding-left: 10px } .clsEbColorBlue { color: #235f8e } .clsHotelImagePositioning { left: 0; margin-right: 10px; position: relative; top: 0 } .clsIconsRoomAtBottom { margin-bottom: 10px } #idEbHotelDetailRooms { border-bottom: 1px solid #c9d6de; border-top: 1px solid #c9d6de; color: #004677; font-size: 8pt; margin: 10px 0 10px 10px; padding: 4px 0 } #idEbHotelDetailRooms p { clear: left; float: left; margin: 2px 0 0; padding: 0 } .clsHotelDetailWifiIconPos { float: right } .clsHotelDetailWifiIcon { height: 18px; width: 41px } .clsEbIconBeforeLink { color: #f93; font-size: 10px; line-height: 22px; margin: 0; padding: 5px 0 5px 20px; position: relative; text-decoration: none } .clsEbIconBeforeLink:before { background: url(/images/sprite8bit.png) -2px -76px; content: ""; height: 14px; left: 0; position: absolute; top: 4px; width: 14px } .clsEbIconBeforeLink:hover { text-decoration: underline } .clsPaddingTop10 { padding-top: 10px } .clsGuestReviewTxtDecoration { color: #235f8e; text-decoration: underline } .clsHotelLargePhotoLink { left: 0; position: relative; top: 0 } .clsHotelLargePhoto { border: 2px solid #fff; box-shadow: 2px 2px 3px #777; position: relative; top: 0 } .clsRightPad5 { padding-right: 5px } .clsTopPad1 { padding-top: 1px } .clsTabBlockReviews { bottom: 0; height: 27px; left: 0; position: absolute; width: 100% } .clsGuestReviewOneOfThree { float: left; margin: 0; text-align: right; width: 33% } .clsChangeWidth3 { width: 32% } .clsChangeWidth2 { width: 49% } .clsChangeWidth1 { width: 98% } .clsGuestReviewLink { background-color: #fff; color: #235f8e; cursor: pointer; position: relative; z-index: 99999 } .clsHotelDescriptionTab li { list-style-type: disc; margin-bottom: 5px; margin-left: 9pt; padding-left: 0 } .clsDotFacilities { padding: 1px 0 1px 35px; position: relative } .clsDotFacilities:before { background: #f93; content: ""; display: inline-block; height: 7px; left: 20px; position: absolute; top: 7px; width: 7px } .clsBookButtonImg { margin-bottom: 2px } .clsRoomPhotoAvailability { ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135, Strength = 3)" } .clsEbHotelListWhiteBackground td { width: 100% } .clsEvenRowLeft, .clsOddRowLeft { line-height: 18px; padding-left: 5px } .clsEvenRowHotels, .clsOddRowHotels { color: #39c; width: 90px } .clsEvenRowHotels p, .clsOddRowHotels p { font-style: normal; font-weight: 400; margin: 0; padding: 0; text-align: center } .clsEvenRowHotels { background: #ffeeca; border-bottom: 1px solid #f93; border-top: 1px solid #f93 } .clsEvenRowLeftLast, .clsOddRowLeftLast { width: 60px } .clsEvenRowLeft { background: #ffeeca; border-bottom: 1px solid #f93; border-top: 1px solid #f93 } .clsEvenRowLeftFirst { border-left: 1px solid #f93 } .clsEvenRowLeftLast { border-right: 1px solid #f93 } .clsOddEvenTableLeft { color: #036; font-style: italic; font-weight: 700; margin-top: 7px; width: 100% } .clsOddEvenTableLeft a { font-style: normal; text-decoration: none } .clsOddEvenTableLeft a:hover { text-decoration: underline } .clsStarsWidth { width: 70px } .clsDivBoxContentLayout1 { min-height: 75pt } .clsDivBoxContentLayout1 p { color: #fff; margin: 0 0 5px; padding: 0 } .clsDivBoxContentLayout1 h4 { border-bottom: 1px solid #fff; color: #fff; font-size: 11pt; margin-bottom: 5px; margin-top: 10px; padding-bottom: 5px } .clsEbAreaTable td { vertical-align: top } #idAllCountriesDeals1, #idAllCountriesDeals2, #idAllCountriesDeals3, #idAllCountriesDeals4, #idAllCountriesDeals5, #idAllCountriesDeals6, #idAllCountriesDeals7, #idAllCountriesDeals8, #idAllCountriesDeals9 { background: url(../images/deals/area_pieces.jpg) -273px -84px; height: 84px; width: 136px } .clsEbAreaTableSecondColomn { color: #f93; line-height: 18px; padding: 10px 15px 0 0 } #idAllCountriesDeals1 { background: url(../images/deals/area_pieces.jpg) -273px -84px } #idAllCountriesDeals2 { background: url(../images/deals/area_pieces.jpg) 0 -84px } #idAllCountriesDeals3 { background: url(../images/deals/area_pieces.jpg) -136px 0 } #idAllCountriesDeals4 { background: url(../images/deals/area_pieces.jpg) -273px -169px } #idAllCountriesDeals5 { background: url(../images/deals/area_pieces.jpg) 0 -169px } #idAllCountriesDeals6 { background: url(../images/deals/area_pieces.jpg) 0 0 } #idAllCountriesDeals7 { background: url(../images/deals/area_pieces.jpg) -273px 0 } #idAllCountriesDeals8 { background: url(../images/deals/area_pieces.jpg) -136px -169px } #idAllCountriesDeals9 { background: url(../images/deals/area_pieces.jpg) -136px -84px } .clsRowHighlight td, tr.clsRowHighlight th { background-image: url(/images/layout/DivBox12ListBg.png); background-position: right bottom; background-repeat: repeat-x; height: 25px; padding-left: 10px; text-align: left; vertical-align: middle } .clsRowHighlight .clsLastColumn { padding-bottom: 3px; padding-top: 3px; text-align: right; width: 10pc } .clsRowHighlight td a { color: #1595d3 } .clsUlFirst, .clsUlSecond { float: left; width: 49% } .clsUlFirstContinent, .clsUlSecondContinent, .clsUlThirdContinent { float: left; width: 32% } .clsUlFirst li:hover, .clsUlFirstContinent li:hover, .clsUlSecond li:hover, .clsUlSecondContinent li:hover, .clsUlThirdContinent li:hover { padding: 0 0 0 10px } .clsUlFirst li, .clsUlFirstContinent li, .clsUlSecond li, .clsUlSecondContinent li, .clsUlThirdContinent li { color: #fff; padding: 0 0 0 10px } .clsUlFirst a, .clsUlFirstContinent a, .clsUlSecond a, .clsUlSecondContinent a, .clsUlThirdContinent a { color: #666; display: block; padding: 3px 0 3px 10px; text-decoration: none } .clsUlFirst a:hover, .clsUlFirstContinent a:hover, .clsUlSecond a:hover, .clsUlSecondContinent a:hover, .clsUlThirdContinent a:hover { background-color: #f8992a; color: #fff; display: block; padding: 3px 0 3px 10px } .clsUlFirst h3, .clsUlFirstContinent h3, .clsUlSecond h3, .clsUlSecondContinent h3, .clsUlThirdContinent h3 { font-size: 8pt; margin: 0; padding: 0 } .clsContinentMapContainer, .clsWorldMapContainer { left: 0; max-width: 740px; position: absolute; top: 30px; width: 100% } .clsContinentMapImage { margin-left: auto; margin-right: auto; position: relative; width: 40pc } .clsContinentMapLeftFade, .clsContinentMapRightFade { height: 100%; position: absolute; width: 50px; z-index: 25 } .clsContinentMapLeftFade { background-image: url(../images/destinations/left.png); background-repeat: repeat-y; left: 0; top: 0 } .clsContinentMapRightFade { background-image: url(../images/destinations/right.png); background-repeat: repeat-y; right: 0; top: 0 } .clsAreaTxt { clear: both; padding-top: 15px } .clsAreaTxt p { padding-left: 20px } #idEbAvailability { color: #fff } #idEbAvailability p { margin: 0; padding: 0 } .clsDivBoxAvailability.clsDivBox1Content { margin: 0; padding: 0; position: relative; top: 0 } .clsDivBoxAvailabilityInner { padding: 5px 15px 8px } .clsEbAvailabilityBlockBorder { background-color: #c9d6de; border: 1px solid #fff; margin-bottom: 7px; position: relative } .clsSmallLink { font-size: 7pt; text-decoration: none } .clsPromo { font-weight: 700 } #idEbAvailabilityContent p { padding-bottom: 7px } .clsEbAvailFirstCol { background-color: #fff; color: #004677; float: left; font-size: 100%; font-weight: 700; margin: 5px 30px 5px 5px; min-width: 200px; width: 30% } .clsEbAvailSecCol { background-color: #fff; color: #004677; float: left; font-size: 100%; font-weight: 700; margin: 5px 0; min-width: 200px; width: 30% } .clsAvailabilityCheckOut { float: left; width: 195px } .clsAvailabilityInnerBorder { background-color: #fff; height: 100%; margin: 1px; position: relative; width: 100% } .clsAvailDivToFix { height: 0; overflow: hidden; width: 157px } .clsPosBookButton { margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; position: relative; text-align: center; z-index: 25 } .clsEbAvailThirdCol { float: right; margin-right: 5px; min-width: 210px; width: 30% } .clsEbAvailabilityError { color: #d83d30; font-size: 9pt; font-weight: 700 } .clsEbAvailabilityErrorIcon { background: url(../images/iconExclamation.gif) no-repeat left center; float: left; height: 14px; margin-right: 5px; width: 14px } .clsEbAvailabilityError a { font-size: 9pt; font-weight: 700 } #idEbAvailabilityRoomsTable { background-color: #fff; border: 1px solid #dadde4; border-collapse: collapse; margin: 10px 0 7px; width: 100% } #idEbAvailabilityRoomsTable th { background-color: #fff; background-image: none; border: 0; border-bottom: 1px solid #89a7c5; color: #004677; font-weight: 700; height: 30px; text-align: center; white-space: nowrap } #idEbAvailabilityRoomsTable .clsEbAvailabilityRoomsTh1 { padding-left: 7px; text-align: left; width: 40% } .clsEbAvailabilityRoomsTh3 { padding: 0; text-align: left } .clsEbRoomsLeftTxt { border-bottom: 1px dotted red; color: red; cursor: help; font-size: 7pt; text-decoration: none } .clsEbRoomsLeftTxt a { border-bottom: 1px dotted red; color: red; cursor: help; text-decoration: none } .clsAvailableTxt { color: #690 } .clsEbAvailabilityRoomsTh5 { min-width: 130px; padding: 0; text-align: center } .clsEbAvailabilityRoomsTd1 { padding: 5px } .clsEbAvailabilityRoomsTd3A { color: #036; text-align: right; text-decoration: line-through; white-space: nowrap } .clsEbAvailabilityRoomsTd3B { color: #004677; font-weight: 700; text-align: left; white-space: nowrap } span.clsFullPrice.clsEbAvailabilityRoomsTd3B { color: #004677 } #idEbAvailabilityRoomsTable li { position: relative } .clsRatePolicy .clsShowTips:before, .clsUspList li:before { background: #f93; content: ""; display: inline-block; height: 7px; left: 10px; position: absolute; top: 3px; width: 7px } .clsRatePolicy .clsShowTips { position: relative } .clsFacilitiesTitle { color: #f93; font-weight: 700 } .clsEbFacilityList { float: left; line-height: 18px; list-style: none; width: 48% } .clsMoreRoomInfo, .clsMoreRoomInfoOn { color: #548faa; cursor: pointer; font-weight: 700; padding: 0 0 5px 5px } #idEbAvailabilityRoomsTable span.clsGlow { color: #64963a } #idEbAvailabilityRoomsTable span.clsNote { color: #888; font-weight: 400 } .clsNoMoreRoomInfo { background: 0; color: #548faa; cursor: auto; font-size: 100%; font-weight: 700; padding: 0 0 2px } .clsDivBox1 .clsMoreRoomInfoTxt { color: #036; display: inline-block; padding: 0 15px 2px 0; text-decoration: underline } .clsMoreRoomInfoTxt:hover { color: #036; text-decoration: none } .clsMoreRoomInfoTxt:after { background: url(/images/sprite8bit.png) -83px 0 no-repeat; content: ""; display: inline-block; height: 9pt; margin-left: 7px; margin-right: -14px; vertical-align: middle; width: 7px } .clsMoreRoomInfoOn .clsMoreRoomInfoTxt:after { background-position: -90px 0; margin-left: 4px; width: 9pt } .clsEbAvailabilityRoomsBlockText { padding: 5px 5px 10px } .clsEbAvailabilityRoomsBlockTextInner { background-color: #fffefc; border: 1px solid #f93; color: #004677; margin-bottom: 0; padding: 5px } .clsEbAvailabilityRoomsBlockTextInner p { line-height: 20px; margin: 0; padding: 0 0 2px 20px } .clsEbAvailabilityRoomsBlockTextInner p:not(.clsParNoArrow) { background: url(../images/icons/iconAvailabilityRoomArrow.png) no-repeat left top } .clsEbCloseRoomIconPos { position: relative; width: 100% } .clsEbCloseRoomIcon { background: url(../images/icons/AvailabilityIcons.png) 0 -13px; height: 7px; overflow: hidden; position: absolute; right: 0; top: 0; width: 7px } #idCheckinAvailDay, #idCheckoutAvailDay { color: #999 } .clsPricePadding { padding: 7px 5px } .clsPriceTotal, .clsPriceTotalError { background-color: #fff1f1; border: 1px solid red; color: red; margin: 4px auto; padding: 2px; width: 86px } .clsPriceTotal { background-color: #fafafa; border: 1px solid #ccc; color: #690 } .clsPriceTotal strong { font-size: 1.1em; font-weight: 700 } input[type=button].clsChkAvailBttnMarg { margin-right: 15px; min-width: 220px } .clsEbAvailabilityRoomsTd1.clsHasImage .clsEbAvailabilityRoomsList { padding-left: 125px } .clsRoomPhotoAvailability { display: block; height: 90pt; width: 90pt } .clsRoomPhotoWrap { cursor: zoom-in; float: left; padding: 0; position: relative } .clsRoomPhotoWrap:after { background: url(/images/sprite24bit.png) -65px 0; bottom: 0; content: " "; height: 34px; pointer-events: none; position: absolute; right: 0; width: 35px } #idRoomImageEnlarged { background-color: #fff; border-radius: 5px; box-shadow: 0 5px 20px rgba(0, 0, 0, .7); display: none; margin-left: 130px; margin-top: -10px; min-height: 75pt; min-width: 75pt; padding: 10px; position: absolute; z-index: 999 } #idRoomImageEnlarged.visible { display: block } #idRoomImageEnlarged>img { position: relative } #idRoomImageEnlarged:after { border: solid transparent; border-color: transparent #fff transparent transparent; border-width: 15px; content: " "; height: 0; margin-top: -15px; pointer-events: none; position: absolute; right: 100%; top: 5pc; width: 0 } #idRoomImageEnlarged>div { -webkit-animation: spinnerAnim .7s infinite linear; -webkit-transform: translatez(0); animation: spinnerAnim .7s infinite linear; border-bottom: 3px solid hsla(0, 0%, 100%, .2); border-left: 3px solid #009dd9; border-right: 3px solid hsla(0, 0%, 100%, .2); border-top: 3px solid hsla(0, 0%, 100%, .2); font-size: 10px; left: 50%; margin: -10px 0 0 -10px; position: absolute; top: 50%; transform: translatez(0); width: 20px } #idRoomImageEnlarged>div, #idRoomImageEnlarged>div:after { border-radius: 50%; height: 20px; width: 20px } @media(max-width:750pt) { .clsEbAvailabilityRoomsTd1.clsHasImage .clsEbAvailabilityRoomsList { padding-left: 85px } .clsRoomPhotoAvailability { height: 5pc; width: 5pc } #idRoomImageEnlarged { margin-left: 90px } #idRoomImageEnlarged:after { top: 50px } } #idEbAvailabilityRoomsTable td { vertical-align: top } #idEbAvailabilityRoomsTable td.clsAlignCenter { vertical-align: middle } #idEbAvailabilityRoomsTable .clsPriceTd { border-width: 1px 0 } #idEbAvailabilityRoomsTable .clsRoomsBlockText td { border-top: 0 } #idEbAvailabilityRoomsTable .clsEbAvailabilityRoomsTd1 { border-bottom: 0 } .clsRatePolicy { padding-right: 7px; vertical-align: top } .clsRatePolicy .clsShowTips { margin-top: 7px; padding: 0 0 6px 26px } .clsRatePolicy .clsUntilDate { display: none } .clsRateFreeCancellation { color: #690; font-weight: 700 } .clsRateFreeCancellation, .clsRateNonRefundable { cursor: help } .clsRateFreeCancellation:after, .clsRateNonRefundable:after { background-color: #036; border-radius: 5px; color: #fff; content: "?"; display: inline-block; float: right; font-size: 11px; font-weight: 700; height: 15px; line-height: 13px; position: relative; text-align: center; width: 15px } .clsPromo { margin-bottom: 7px; margin-left: 10px } .clsUspList { padding-bottom: 6px; padding-top: 2px } .clsUspList li { background-position: -9px 3px; color: #036; font-size: 11px; padding: 0 0 2px 26px } @media(min-width:8in) { #idEbAvailabilityRoomsTable td { border: 1px solid #89a7c5 } } @media(max-width:64pc) and (min-width:8in) { #idEbAvailabilityRoomsTable .clsEbAvailabilityRoomsTh1 { width: 32% } .clsEbAvailabilityRoomsTd3A { display: block; text-align: center } } @media(max-width:767px) { #idEbAvailabilityRoomsTable { margin: auto } td.clsEbAvailabilityRoomsTd1 { padding-top: 10px } #idEbAvailabilityRoomsTable tr:not(:nth-child(2)) td.clsEbAvailabilityRoomsTd1 { border-top: 1px solid #89a7c5; margin-top: 20px } #idEbAvailabilityRoomsTable tr { display: flex; flex-flow: row wrap; justify-content: flex-end } #idEbAvailabilityRoomsTable .clsPriceTd { flex-basis: auto; float: right } #idEbAvailabilityRoomsTable td { flex-basis: 100% } td.clsRatePolicy:first-child { border-top: 1px solid #89a7c5 } td.clsRatePolicy { margin-left: 35px } #idEbAvailabilityRoomsTable td.clsAlignCenter { margin-left: 35px; padding-bottom: 10px } .clsPricePadding { padding: 7px 10px } } @media(max-width:64pc) and (min-width:8in) { .photoview .clsDivBox1 { margin-left: -10px; margin-right: -10px } } @media(max-width:64pc) { .photoview .clsDivBoxAvailabilityInner { padding: 5px 10px 10px } } .clsBorderAroundScoring { border: 1px solid #9d9d9d; padding: 10px; width: 620px } #idEbScoring { background: #fff; margin: 0; padding: 0 } #idEbScoring th { color: #004677; font-size: 11px; height: 21px; text-align: center } #idEbScoring td { height: 26px; text-align: center } .clsEbScoringQuestionOdd, .clsEbScoringQuestionOddTxt { background-color: #f6f4f5 } #idEbScoring td.clsEbScoringQuestion, #idEbScoring td.clsEbScoringQuestionOddTxt, #idEbScoring th.clsEbScoringQuestion { padding: 0 2px 0 15px; text-align: left } .clsScoringThumbDown, .clsScoringThumbDownTxt { background: url(../images/reviewPage/iconThumbsDown.png) no-repeat; font-size: 1px; height: 19px; overflow: hidden; width: 19px } .clsScoringThumbUp, .clsScoringThumbUpTxt { background: url(../images/reviewPage/iconThumbsUp.png) no-repeat; font-size: 1px; height: 19px; overflow: hidden; width: 19px } .clsReviewTabBlock { border: 2px solid #f93; clear: both; min-width: 650px; padding-bottom: 10px; padding-left: 20px; padding-right: 10px } .clsReviewTabPadding p { padding-top: 7px } .clsReviewTab { float: left; margin-right: 10px; position: relative; top: 2px } .clsReviewTabInnerSelected { background-color: #fff; border: 2px solid #f93; border-bottom: 2px solid #fff; padding: 7px 30px 7px 20px } .clsReviewTabInnerSelected a { color: #004677; font-size: 1.1em; font-weight: 700; text-decoration: none } .clsReviewTabInner a { color: #fff; font-size: 1.1em; font-weight: 700; text-decoration: none } .clsReviewTabInner { background-color: #f93; border: 2px solid #f93; padding: 7px 30px 7px 20px } .clsReviewTextColor { color: #004677 } .clsReviewNormalFont { font-weight: 400 } .clsReviewWidth275 { width: 275px } .clsReviewFillinWhyBlock { border: 2px solid #e8cb98; float: left; margin-left: 15px; margin-top: 33px; padding: 10px; width: 27% } .clsReviewFillinWhyBlock h2 { color: #036; font-size: 9pt } .clsReviewFillinWhyBlock p { margin: 0 0 5px 15px } .clsReviewFillinWhyBlockGray { border-bottom: 1px solid #e8cb98; margin-bottom: 15px; padding-bottom: 15px } .clsReviewFillinWhyBlockGray p { color: #666 } .clsReviewFillinSmallBlockCreme { background-color: #e8cb98; clear: both; float: left; height: 7px; margin-top: 4px; width: 7px } .clsReviewFillinSmallBlockBlue { background-color: #036; float: left; height: 7px; margin-top: 4px; width: 7px } .clsReviewFillinParagraphs { margin-top: 20px } #idEbFirstBlockUnderTab, #idEbFirstBlockUnderTabReviewpage { clear: both; margin-top: 5px; padding: 10px 0 } #idEbFirstBlockUnderTabReviewpage>table { margin-bottom: 10px } .formsteps .clsBookingProcessBg { min-height: 530px } .progress-bar { background-color: #e5eef5; border: 1px solid #c6d3e3; border-width: 1px 0 1px 1px; display: block; margin-bottom: 10px; overflow: hidden; overflow-x: auto; width: 100% } .progress-bar-item { background: #e5eef5; border-right: 1px solid #c6d3e3; box-sizing: border-box; padding: 8px 10px; position: relative; text-align: center; width: 33.33% } @media(max-width:785px) { .progress-bar-item { font-size: 9pt } } .progress-bar-item:after, .progress-bar-item:before { border: solid transparent; content: " "; height: 0; left: 100%; pointer-events: none; position: absolute; top: 50%; width: 0; z-index: 1 } .progress-bar-item:last-child:after, .progress-bar-item:last-child:before { display: none } .progress-bar-item:after { border-color: transparent transparent transparent #e5eef5; border-width: 10px; margin-top: -10px } .progress-bar-item:before { border-color: transparent transparent transparent #c6d3e3; border-width: 11px; margin-top: -11px } .progress-bar-item.progress-active { background-color: #fff; color: #690; font-weight: 700 } .progress-bar-item.progress-active:after { border-left-color: #fff } .formsteps #formId>div.clsJsFormContainer>.clsBoxPositioning { display: none } .formsteps #formId>div.clsJsFormContainer>.clsBoxPositioning.form-step-show { display: block } .formsteps .continue-button { box-sizing: border-box; display: inline-block; margin-top: 10px; text-align: center; width: 100% } @media(min-width:786px) { .formsteps .continue-button { margin-left: 20px; width: auto } } .formsteps .clsBookingButton, .formsteps .continue-button { background: linear-gradient(180deg, #e1e899, #c1d034 4%, #91bd3f 49%, #77b345 52%, #77b345); border: 1px solid #38794a; border-radius: 6px; box-shadow: 0 3px 4px rgba(0, 0, 0, .3); color: #fff; cursor: pointer; font-size: 1pc; font-weight: 700; height: auto; margin-bottom: 6px; padding: 10px 20px; text-shadow: 0 0 7px #000 } .formsteps .clsBookingButton:hover, .formsteps .continue-button:hover { box-shadow: 0 6px 8px rgba(0, 0, 0, .5) } .formsteps .clsButtonPos { width: 100% } .formsteps .clsBoxWhiteLine h1 { background: #fff; border-color: #c6d3e3; color: #036; font-size: 18px; font-weight: 700; text-shadow: none } .clsCityHotelStarsTable { line-height: 20px; width: 100% } .clsStarsCity0, .clsStarsCity1, .clsStarsCity2, .clsStarsCity3, .clsStarsCity4, .clsStarsCity5, .clsStarsCityOff1, .clsStarsCityOff2, .clsStarsCityOff3, .clsStarsCityOff5, div.clsStarsCityOff0, div.clsStarsCityOff4 { background: url(../images/starsHotelNameCityPage.png); background-position: 0 0; background-repeat: no-repeat; display: inline-block; height: 15px; margin-left: 5px; position: relative; width: 60px } .clsStarsCity1 { background-position: 0 -15px; width: 9pt } .clsStarsCity2 { background-position: 0 -30px; width: 24px } .clsStarsCity3 { background-position: 0 -45px; width: 36px } .clsStarsCity4 { background-position: 0 -60px; width: 3pc } .clsStarsCity5 { background-position: 0 -75px; width: 60px } .clsStarsCityOff1 { background-position: -60px -15px; width: 9pt } .clsStarsCityOff2 { background-position: -60px -30px; width: 24px } .clsStarsCityOff3 { background-position: -60px -45px; width: 36px } .clsStarsCityOff4 { background-position: -60px -60px; width: 3pc } .clsStarsCityOff5 { background-position: -60px -75px; width: 60px } .clsStarsTab { width: 95% } .clsPositionTabCities { padding-left: 10px; position: relative } #idEbCountryHotelStars h1 { font-size: 1pc; margin-right: 10px } .clsMarginLeft0 { margin-left: 0 } #idTravelVideos h1 { color: #fff; font-size: 1.2em } #idTravelVideos h4 { font-size: 1em; font-weight: 400; line-height: 15px; padding: 8px 3px } .clsTravelVideosHeaderTotal { background: url(../images/TravelVideos/TravelVideosHeaderTotal.png) repeat-x; height: 167px; margin-bottom: 20px; margin-top: 10px; position: relative; width: 100% } .clsTravelVideosHeaderBegin { background-image: url(../images/TravelVideos/TravelVideosHeaderBegin.png); height: 167px; left: 0; position: absolute; top: 0; width: 83px } .clsTravelVideosHeaderEnd { background-image: url(../images/TravelVideos/TravelVideosHeaderEnd.png); height: 167px; position: absolute; right: 0; top: 0; width: 21px } .clsTravelVideosHeaderTitlePosition { font-size: 1.4em; left: 5pc; position: absolute; top: 65px } .clsTVRecentlyAdded { background-color: #fcf4ea; border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding: 10px } .clsTVRecentlyAddedTitle h2 { color: #036 !important; font-size: 1.5em !important; font-weight: 700 !important; margin-bottom: 20px !important; margin-top: 0 } .clsTVRecentlyAddedTitle h3 { color: #036 !important; font-size: 1.3em !important; font-weight: 700 !important; margin-bottom: 15px !important } .clsTVRecentlyAddedBorder { border-bottom: 1px solid #ffb86c; border-top: 1px solid #ffb86c; margin-bottom: 15px } .clsTVRecentlyAddedBorderMain { border-top: 1px solid #ffb86c; margin-bottom: 15px } .clsTVRecentlyAddedMain { background-color: #fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding-bottom: 10px; padding-top: 10px } .clsTVOrangeBorder { background: url(../images/layout/HotelListBoxTransp.png) no-repeat top center; height: 121px; margin: 0 auto; width: 121px } .clsTV4OnARow { float: left; text-align: center; width: 25% } .clsTVImageDiv { margin-left: auto; margin-right: auto; padding-top: 2px !important; position: relative; width: 110px } .clsVideoImageBox { background-color: #fff !important; border: 3px solid #fff !important; height: 90px; left: -1px; margin-left: -3px; overflow: hidden; padding: 0; position: relative; top: -1px; width: 90px } .clsTVPopularCityVideos { margin: 15px 0 } .clsTVOrangeBorderSmall { background: url(../images/layout/HotelListBoxSmall.png) no-repeat top left; float: left; height: 88px; width: 88px } .clsTVImageDivSmall { position: relative; width: 70px } .clsTVImageBoxSmall { background-color: #fff !important; border: 2px solid #fff; height: 60px; left: 1px; overflow: hidden; padding: 2px; position: relative; width: 60px } .clsHotelImageBoxPaddingSmall { padding: 9px 8px 8px !important } .clsTVDate { color: #aaa; font-size: .9em } .clsTVVideoWithDataBox { float: left; height: 105px; width: 33% } .clsTVVideoData, .clsTVVideoDataInner { padding: 0 5px 0 95px } .clsTVRelatedVideoTitle { color: #235f8e; font-size: 1.3em; font-weight: 700; margin-bottom: 15px } .clsTVEmbed { background-color: #fbf4ea; border: 1px solid #feca8f; height: 50px; margin-left: auto; margin-right: auto; width: 580px } .clsTVEmbedInner { margin: 15px 0; text-align: center } .clsTVEmbedInner span { color: #036; font-weight: 700 } .clsTVEmbedInner input { border: 1px solid #ccc } .clsAddToFavoritesImage { background: url(../images/TravelVideos/AddToFavorites.png); cursor: pointer; height: 17px; margin: 0 auto; width: 18px } .clsTVDetailOptionRow { margin-bottom: 10px; margin-left: auto; margin-right: auto; text-align: left; width: 5in } .clsTVDetailOptionRow span { color: #036; font-weight: 700 } .clsTVDetailOptionRow td { vertical-align: top } span.clsStarsTV, span.clsStarsTV0, span.clsStarsTV05, span.clsStarsTV1, span.clsStarsTV15, span.clsStarsTV2, span.clsStarsTV25, span.clsStarsTV3, span.clsStarsTV35, span.clsStarsTV4, span.clsStarsTV45, span.clsStarsTV5 { background: url(../images/TravelVideos/starsRating_pieces.png); background-position: 0 0; display: inline-block; font-size: 0; line-height: 0; padding-left: 50px; padding-top: 15px; position: relative; top: 10px } span.clsStarsTV, span.clsStarsTV0 { background: url(../images/TravelVideos/starsRating_pieces.png); background-position: 0 0 } span.clsStarsTV05 { background: url(../images/TravelVideos/starsRating_pieces.png); background-position: 0 -15px } span.clsStarsTV1 { background: url(../images/TravelVideos/starsRating_pieces.png); background-position: 0 -30px } span.clsStarsTV15 { background: url(../images/TravelVideos/starsRating_pieces.png); background-position: 0 -45px } span.clsStarsTV2 { background: url(../images/TravelVideos/starsRating_pieces.png); background-position: 0 -60px } span.clsStarsTV25 { background: url(../images/TravelVideos/starsRating_pieces.png); background-position: 0 -75px } span.clsStarsTV3 { background: url(../images/TravelVideos/starsRating_pieces.png); background-position: 0 -90px } span.clsStarsTV35 { background: url(../images/TravelVideos/starsRating_pieces.png); background-position: 0 -105px } span.clsStarsTV4 { background: url(../images/TravelVideos/starsRating_pieces.png); background-position: 0 -90pt } span.clsStarsTV45 { background: url(../images/TravelVideos/starsRating_pieces.png); background-position: 0 -135px } span.clsStarsTV5 { background: url(../images/TravelVideos/starsRating_pieces.png); background-position: 0 -150px } .clsTravelVideoByDestination { margin-top: 10px } .clsTravelVideoByDestination { line-height: 18px } .clsTravelVideoByDestination a { font-weight: 700 } .clsTVArticleVideo { background-color: #fff; border: 5px solid #fff; border-left-width: 4px; padding: 0 } .clsTVVideoPadding { margin-bottom: -3px; padding-bottom: 0; padding-top: 9pt; position: relative } .clsTVArticleDescription span { font-size: 1.1em; font-weight: 700; line-height: 30px } .clsTVArticleDescription { color: #036; margin-bottom: 15px; margin-top: 15px } .clsTVRatingVideo { background: url(/images/TravelVideos/TravelVideosRatingGrayStar.png); height: 17px; position: relative; width: 84px } .clsTVCurrentRatingVideo0, .clsTVCurrentRatingVideo05, .clsTVCurrentRatingVideo1, .clsTVCurrentRatingVideo15, .clsTVCurrentRatingVideo2, .clsTVCurrentRatingVideo25, .clsTVCurrentRatingVideo3, .clsTVCurrentRatingVideo35, .clsTVCurrentRatingVideo4, .clsTVCurrentRatingVideo45, .clsTVCurrentRatingVideo5 { background: url(/images/TravelVideos/TravelVideosRatingYellowStar.png); height: 17px; left: 0; position: absolute; top: 0 } .clsTVCurrentRatingVideo1 { width: 0% } .clsTVCurrentRatingVideo05 { width: 10% } .clsTVCurrentRatingVideo1 { width: 20% } .clsTVCurrentRatingVideo15 { width: 30% } .clsTVCurrentRatingVideo2 { width: 40% } .clsTVCurrentRatingVideo25 { width: 50% } .clsTVCurrentRatingVideo3 { width: 60% } .clsTVCurrentRatingVideo35 { width: 70% } .clsTVCurrentRatingVideo4 { width: 80% } .clsTVCurrentRatingVideo45 { width: 90% } .clsTVCurrentRatingVideo5 { width: 100% } .clsTVRatingVideo1, .clsTVRatingVideo2, .clsTVRatingVideo3, .clsTVRatingVideo4, .clsTVRatingVideo5 { cursor: pointer; height: 17px; position: absolute; top: 0 } .clsTVRatingVideo1 { left: 0; width: 17px } .clsTVRatingVideo2 { left: 17px; width: 17px } .clsTVRatingVideo3 { left: 34px; width: 17px } .clsTVRatingVideo4 { left: 51px; width: 17px } .clsTVRatingVideo5 { left: 68px; width: 17px } .clsDoubleButton { background: url(../images/buttons/doubleButtonBg.png); height: 35px; position: absolute; right: 20px; top: 60px; width: 148px } .clsDoubleButtonInner h3 { color: #fff; font-size: 11.5px; font-weight: 700; margin-top: 2px !important; text-align: center } .clsTVTopBar { background: url(/images/TravelVideos/EuropeBackground.png) top right no-repeat; color: #fff; margin-right: -10px; min-height: 180px; padding-bottom: 2px; padding-top: 25px; position: relative } .clsTVTopBar h1 { font-size: 1.9em !important; margin-bottom: 10px } .clsTVDude { background: url(/images/TravelVideos/TravelVideosDude.png) no-repeat; height: 186px; left: 10px; position: absolute; top: -27px; width: 113px } .clsTVSelectCountry { position: absolute; top: 7px } .clsTVTopBarCountrySelect .clsTVSelectCountry { right: 20px } .clsTVTopBarCountrySelectHome .clsTVSelectCountry { right: 5px } .clsTVTopBarCountryRightSubpage { background: url(/images/TravelVideos/TravelVideoCountryRight.png) no-repeat; height: 34px; position: absolute; right: 9pt; top: 0; width: 8px } .clsTVTopBarCountryRight { background: url(/images/TravelVideos/TravelVideoCountryRight.png) no-repeat; height: 34px; position: absolute; right: -6px; top: 0; width: 8px } .clsTVTopBarPadding { background: #fca464; height: 22px; margin-left: 4px; margin-right: 20px; padding-top: 9pt } .clsTVTopBarCountrySelectHome { background: none repeat scroll 0 0 #fca464; height: 22px; margin-left: -13px; padding-top: 9pt; position: relative; text-align: center; width: 100% } .clsTVTopBarCountrySelect { height: 22px; position: absolute; text-align: center; top: 7pc; width: 100% } .clsTVTopBarCountrySelect h2, .clsTVTopBarCountrySelectHome h2 { color: #036 !important; font-weight: 700 !important; margin-top: -4px } .clsTVTopBarInner { float: left; height: 159px; padding-right: 20px; width: 117px } .clsTVTopBarInnerTxtAlign { left: -20px; line-height: 20px; position: relative; text-align: center } .clsTVTopBarCountryTxt { padding-right: 10pc; white-space: nowrap } .clsTVArticleBox { margin-left: auto; margin-right: auto; width: 550px } .clsTVDetailDividers { background-color: #ccc; height: 35px; margin: 0 5px; width: 1px } .clsTVDetailTitleHeight { margin-bottom: 3px; white-space: nowrap } .clsTVRatingStarA { display: block; height: 17px; width: 15px } .clsTVCategoryOuter { border-bottom: 1px solid #ffb86c; margin-bottom: 7px; padding-bottom: 7px } .clsTVCategoryInner { margin-left: 15px } .clsTVCategoryTitle { color: #235f8e; font-size: 1.2em; font-weight: 700; margin-bottom: 20px; margin-top: 10px } .clsTVSelectCountryWidth { width: 150px } .clsTVNumberOfViewsTxtSize { font-size: 1.2em; font-weight: 400 !important } .clsRelatedVideosLeftSubTitle { color: #036; font-weight: 700; margin-bottom: 3px } #idHotelNearbyListTravelVideos h2 { color: #ffa700 !important; font-size: 1em; font-weight: 700; margin-bottom: 10px !important } .clsTravelVideoFromPosition { margin-top: 35px } .clsTVCustomText { color: #036; padding-bottom: 10px } .clsTVCustomText p { margin: 0; padding: 0 } #idCopyButtonSizer { float: right; margin-right: 20px; position: relative } #idSwfCopyContainer { left: 0; position: absolute; top: 0 } .clsVideoEmbedFloat { float: left; padding-left: 20px } .clsTnTopBar { background-color: #fbf4ea; background-image: url(/images/travelnews/top_background.jpg); background-position: top right; background-repeat: no-repeat; border: 1px solid #dfb56b; height: 139px; margin-bottom: 20px; padding-left: 20px; padding-top: 5px } .clsTnEasySelect { color: #1c6383; font-size: 13px; font-weight: 700; margin-bottom: 10px; margin-top: 5px; padding: 0 } .clsTnPaddingMarginNul { margin: 0; padding: 0 } .clsSelectPrefixNrTn { color: #1c6383; float: left; font-size: 13px; font-weight: 400; width: 17px } .clsTnSelectBox { margin-bottom: 3px; width: 184px } .clsTnButtons { height: 24px; margin-left: 15px; width: 54px } #idTravelNews h5, #idTravelNews h6, #idTravelNews p { margin: 0; padding: 0 } #idTravelNews h4 { color: #036; font-size: 13px; margin: 18px 0 13px } #idTravelNews h5 { color: #f63; font-size: 11px } #idTravelNews h6 { background: url(../images/icons/TravelNewsIcon.png) no-repeat; color: #666; font-size: 9px; font-weight: 400; margin: 3px 0; padding: 0 0 0 13px } #idTravelNews p { color: #000; font-size: 10px; margin: 5px 0 } .clsTravelNewsArticle { background-color: #fbf4ea; border: 1px solid #dfb56b; margin-bottom: 20px; padding: 20px } .clsTravelNewsArticle h1 { color: #177caa; font-size: 15px; font-weight: 700; padding: 0 0 10px } .clsTravelNewsArticle a { text-decoration: underline } .clsTravelNewsArticle h1 a { color: #177caa; font-size: 15px; font-weight: 700; padding: 0 0 10px; text-decoration: none } .clsTravelNewsArticle a { color: #177caa; font-weight: 400; text-decoration: underline } .clsTravelNewsSelectBox { background: url(../images/TravelNews/TravelNewsBackground.png) right } .clsTravelNewsOuterBox { background-color: #fbf4ea; border: 1px solid #dfb56b; padding: 10px; position: relative } .clsTravelNewsOuterBox label { color: #069; font-size: 13px } #idTravelNews h1 { color: #177caa; font-size: 15px; font-weight: 700; padding: 0 0 10px } #idTravelNews a { text-decoration: underline } #idTravelNews h3 { color: #333; font-size: 11px; margin: 0; padding: 0 } .clsTNCities a { color: #369; font-size: 9pt; font-weight: 700; text-transform: none } #idArticleShortList h3 { color: #177caa; font-size: 9pt; font-weight: 700; padding: 15px 0 0 } #idArticleShortList a { color: #177caa; text-decoration: underline } #idArticleShortList h3 a { color: #177caa; font-size: 9pt; font-weight: 700; padding: 0; text-decoration: none } .clsArticleShortListBorderTop { border-top: 1px solid #ccc } .clsArticleShortListArticleTitle { margin: 2px 0 0; padding: 0 } .clsArticleShortListSmallFont { font-size: 9px } .clsArticleShortListP { margin: 5px 0 } .clsArticleSortListTitelRecently { color: #f93; font-size: 15px; font-weight: 700; margin-bottom: 10px; margin-top: 8px } #idOverallRatingBox { float: left; margin: 10px 0 0; text-align: center } .clsHROverallRatingTxtName { float: left } .clsOverAllRatingTxt { color: #036; font-size: 11pt; font-weight: 700; margin: 0; padding: 0; white-space: nowrap } .clsLinkToMoreReviews { margin-right: 10px; padding: 5px 0; text-align: right } .clsHRBasedOnReviewsTxt { color: #036; float: right; font-size: 10px; margin: 0; padding: 0 } .clsOverAllHotelName { color: #666; font-size: 7pt; margin: 0; padding: 0 } .clsHRHotelOverviewButtonPos { float: right; margin-right: 10px } .clsHRHotelOverviewButtonPos .clsButton { background: linear-gradient(180deg, #ffdfc4, #ffa659 5%, #ff8316 50%, #ed6d0b 54%, #ed6612); border: 1px solid #b35600; display: block; text-decoration: none; text-shadow: 0 0 5px #733700, 0 0 7px #733700 } .clsHROverallRatingTotal { background: url(../images/reviewPage/iconOverallRating.png) no-repeat; height: 138px; width: 114px } .clsHRButtonPositions { float: right; margin-bottom: 10px } .clsReviewLanguagesList { padding: 0 0 10px 7px; width: 100% } .clsReviewLanguagesListTitle { border-bottom: 1px solid #e9e5d3; font-weight: 700; margin-bottom: 5px; padding-bottom: 5px; width: 100% } .clsReviewFlagsPos { line-height: 20px; width: 33% } .clsLinkSpriteFlagReviews { float: left; margin-right: 10px } .clsReviewLanguagesBottomLine { border-bottom: 1px solid #e9e5d3; clear: both; width: 100% } .clsEbGuestReviewWhatYouLikeIcon { background: url(/images/sprite8bit.png) -1in -31px; height: 14px; left: 0; position: absolute; top: 0; width: 15px } .clsEbGuestReviewWhatYouDisLikeIcon { background: url(/images/sprite8bit.png) -81px -31px; height: 14px; left: 0; position: absolute; top: 0; width: 15px } .clsEbGuestReviewWhatYouLikeDislike { padding-bottom: 8px; padding-left: 20px; position: relative } .clsHRMainReason { color: #036; font-weight: 700; padding-bottom: 2px; padding-left: 25px; padding-top: 2px; position: relative } .clsHRMainReason:before { background: url(/images/sprite8bit.png) -5pc -9pt; content: ""; height: 1pc; left: 0; position: absolute; top: 0; width: 1pc } .clsEbGuestReviewWhatYouDisLike:first-letter, .clsEbGuestReviewWhatYouLike:first-letter, .clsFirstCapital:first-letter { text-transform: capitalize } .clsHRGuestReviewMarginTop { left: 0; margin-top: 10px; position: relative; top: 0; width: 100% } .clsHRGuestScoreWidth { width: 20px } .clsHDKindTravellerPos, .clsHRKindTravellerPos { left: 0; position: absolute; top: 5px; width: 75pt } .clsHDKindTravellerText { color: #036; padding-bottom: 10px; text-align: center; width: 75pt } .clsHRGuestSumScoreTableContainer { padding-left: 90pt; padding-right: 110px; position: relative } .clsHDGuestSumScoreTableContainer { padding-right: 110px; position: relative } .clsHRGuestSumScoreTable { width: 100% } .clsHRGuestSumm { color: #036 } .clsHRGuestName { color: #e8892a; font-size: 9.5pt; font-weight: 700 } .clsHRPosted { color: #666; font-size: 7pt; font-weight: 700 } .clsHRGuestSumm p { margin: 0; padding: 0 } .clsHRGuestScore1, .clsHRGuestScore10, .clsHRGuestScore2, .clsHRGuestScore3, .clsHRGuestScore4, .clsHRGuestScore5, .clsHRGuestScore6, .clsHRGuestScore7, .clsHRGuestScore8, .clsHRGuestScore9 { border-radius: 5px; box-shadow: 1px 1px 2px #777; height: 10px; position: relative; width: 143px } .clsHRGuestScore10:after, .clsHRGuestScore1:after, .clsHRGuestScore2:after, .clsHRGuestScore3:after, .clsHRGuestScore4:after, .clsHRGuestScore5:after, .clsHRGuestScore6:after, .clsHRGuestScore7:after, .clsHRGuestScore8:after, .clsHRGuestScore9:after { background-color: #a5ce50; border-radius: 5px; box-shadow: 0 0 6px #739838 inset; content: ""; height: 10px; left: 0; position: absolute; top: 0 } .clsHRGuestScore1:after { width: 10% } .clsHRGuestScore2:after { width: 20% } .clsHRGuestScore3:after { width: 30% } .clsHRGuestScore4:after { width: 40% } .clsHRGuestScore5:after { width: 50% } .clsHRGuestScore6:after { width: 60% } .clsHRGuestScore7:after { width: 70% } .clsHRGuestScore8:after { width: 80% } .clsHRGuestScore9:after { width: 90% } .clsHRGuestScore10:after { width: 100% } .clsHRGuestScoreTxt { color: #036; min-width: 95px; padding-right: 5px; text-align: right } .clsHRGuestScoreTxtOverall { color: #036; font-weight: 700; height: 30px; padding-right: 5px; text-align: right; width: auto } .clsHRGuestOverallRatingTxt { color: #036; margin: 0 0 5px } .clsHRKindTraveller0, .clsHRKindTraveller1, .clsHRKindTraveller2, .clsHRKindTraveller3, .clsHRKindTraveller4, .clsHRKindTraveller5, .clsHRKindTraveller7, .clsHRKindTraveller8 { background: url(../images/reviewPage/imgGuestReviewTypes_pieces.png) 0 -5in no-repeat; height: 5pc; width: 75pt } .clsHRKindTraveller0 { background-position: 0 -5in } .clsHRKindTraveller1 { background-position: 0 -10pc } .clsHRKindTraveller2 { background-position: 0 -5pc } .clsHRKindTraveller3 { background-position: 0 -20pc } .clsHRKindTraveller4 { background-position: 0 0 } .clsHRKindTraveller5 { background-position: 0 -15pc } .clsHRKindTraveller7 { background-position: 0 -35pc } .clsHRKindTraveller8 { background-position: 0 -25pc } .clsHRGuestScoreOrange { color: #e8892a; font-weight: 700; padding-left: 10px } .clsHRGuestOverallRating { background: linear-gradient(180deg, #fe961d, #f46b0e); border-radius: 7px; height: 50px; width: 67px } .clsHRGuestOverallRatingPos { position: absolute; right: 10px; text-align: center; top: 5px } .clsHRGuestOverallRatingInner { color: #fff; font-size: 20pt; padding-top: 10px } .clsHROverallRatingTotalInner { color: #fff; font-size: 18pt; padding-left: 10px; padding-top: 10px; text-align: center } .clsHotelLargePhotoLink { cursor: pointer; left: 0; position: relative; top: 0 } .clsHotelImagePositioning, .clsHotelLargePhoto { left: 0; position: relative; top: 0 } .clsGoogleTranslated { background: url(../images/icons/AttentionIcon.png) no-repeat left top; border-bottom: 1px solid #f5e8dc; margin-left: 3px; margin-right: 3px; margin-top: 5px; padding-left: 22px } .clsGoogleTranslatedTxt { color: #036; font-size: 10px } .clsViewOriginalTxt { color: #036; font-size: 10px; margin-left: 10px } .clsSpaceBetweenNameReview { float: right; text-align: right } .clsEbGuestReviewDescription { margin-top: 15px } .clsGuestReviewBarEnd { background: url(/images/reviewPage/GuestReviewBarStart.png); float: right; height: 22px; width: 8px } .clsGuestReviewBarStart { background: url(/images/reviewPage/GuestReviewBarEnd.png) no-repeat left center #ff7f00; float: left; height: 22px; width: 100% } .clsGuestReviewPurposeTxt { color: #fff; font-weight: 700; margin: 4px 0 0 9pt } .clsGuestReviewFilterTitle { color: #036; font-size: 1pc; font-weight: 700; margin-top: 10px } .clsReviewFilterItemsTable { font-size: 10px; padding: 5px 0 0 9px; width: 96% } .clsReviewFilterItemsTable tr th { width: 50% } .clsReviewFilterItemsTable tr td { padding-left: 10px } .clsCheckboxNormal { color: #000 } .clsOriginalReviewLink { color: #f63; cursor: pointer; text-decoration: underline } #idEbAreaH1Icon, #idEbCustomerServiceH1Icon, #idEbGroupBookingH1Icon, #idEbLanguagesH1Icon, #idEbOfficeLocationsH1Icon, #idEbPrivacyH1Icon, #idEbTermsH1Icon { background: url(../images/icons/PrivacyIcon.png) 0 0; float: left; height: 3pc; margin-bottom: 10px; margin-right: 10px; width: 38px } #idEbTermsH1Icon { background: url(../images/icons/icons_pieces.png) -72px -42px } #idEbCustomerServiceH1Icon { background: url(../images/icons/CustomerServiceIcons.png) 0 0; height: 50px; width: 56px } #idEbGroupBookingH1Icon { background: url(../images/icons/CustomerServiceIcons.png) 0 -50px; height: 50px; width: 56px } #idEbLanguagesH1Icon { background: url(/images/flag/LanguagePage_pieces.jpg) 0 -20pc no-repeat } #idStaticPage h1, #idStaticPageLanguage h1, .clsStaticDestinations h2 { padding-top: 10px } .clsStaticDestinations h1 { color: #1595d3 } #idStaticPage h2 { color: #000 } #idStaticPage p, #idStaticPageLanguage p { padding-left: 35px; padding-right: 35px } #idStaticPage, #idStaticPageLanguage { margin-bottom: 15px } #idStaticPage h3 { color: #036; font-size: 11pt; margin: 0; padding: 5px 0 } #idStaticPageLanguage h3 { color: #666; font-size: 1.5em; font-weight: 400; margin: 25px 0 8px } .clsLanguageOuterBox { float: left; min-width: 225px; padding: 20px 0; width: 33% } .clsCMSLanguageName { float: left; margin-top: 3px } .clsCMSLanguageName a { color: #666; text-decoration: none } .clsLanguageRegion { border-top: 1px solid #ccc; font-size: 1.14em; width: 100% } .clsLanguageFlag_bg, .clsLanguageFlag_ca, .clsLanguageFlag_cs, .clsLanguageFlag_da, .clsLanguageFlag_de, .clsLanguageFlag_el, .clsLanguageFlag_en, .clsLanguageFlag_es, .clsLanguageFlag_fi, .clsLanguageFlag_fr, .clsLanguageFlag_hu, .clsLanguageFlag_it, .clsLanguageFlag_ja, .clsLanguageFlag_nl, .clsLanguageFlag_no, .clsLanguageFlag_pl, .clsLanguageFlag_pt, .clsLanguageFlag_ro, .clsLanguageFlag_ru, .clsLanguageFlag_sv, .clsLanguageFlag_tr, .clsLanguageFlag_zh { background: url(../images/flag/LanguagePage_pieces.jpg) no-repeat; float: left; height: 35px; margin: 0 8px 0 0; width: 43px } .clsLanguageFlag_en { background-position: 0 0 } .clsLanguageFlag_de { background-position: -50px 0 } .clsLanguageFlag_nl { background-position: -75pt 0 } .clsLanguageFlag_fr { background-position: 0 -40px } .clsLanguageFlag_es { background-position: -50px -40px } .clsLanguageFlag_ca { background-position: -75pt -40px } .clsLanguageFlag_it { background-position: 0 -5pc } .clsLanguageFlag_pt { background-position: -50px -5pc } .clsLanguageFlag_no { background-position: -75pt -5pc } .clsLanguageFlag_fi { background-position: 0 -90pt } .clsLanguageFlag_sv { background-position: -50px -90pt } .clsLanguageFlag_da { background-position: -75pt -90pt } .clsLanguageFlag_cs { background-position: 0 -10pc } .clsLanguageFlag_hu { background-position: -50px -10pc } .clsLanguageFlag_ro { background-position: -75pt -10pc } .clsLanguageFlag_ja { background-position: 0 -200px } .clsLanguageFlag_zh { background-position: -50px -200px } .clsLanguageFlag_pl { background-position: -75pt -200px } .clsLanguageFlag_el { background-position: 0 -15pc } .clsLanguageFlag_ru { background-position: -50px -15pc } .clsLanguageFlag_tr { background-position: -75pt -15pc } .clsLanguageFlag_bg { background-position: 0 -280px } .clsDatepicker { height: 205px; left: 0; overflow: hidden; position: absolute; top: 0; width: 388px; z-index: 100 } .clsDatepicker .content { background: #f63; border: 2px solid #f30; box-shadow: 3px 3px 6px #666; font-size: 11px; height: 188px; left: 5px; line-height: normal; overflow: hidden; position: absolute; top: 5px; width: 373px } .clsDatepicker .header { background: #f63; height: 21px; padding-bottom: 3px; padding-top: 3px; position: relative; z-index: 120 } .clsDatepicker .header .title { height: 25px; margin: 0; padding-top: 1px; position: relative; text-align: left } .clsDatepicker .header .titleText { color: #fff; float: left; font-weight: 700; text-align: left } .clsDatepicker .header .next, .clsDatepicker .header .previous { color: #fff; cursor: pointer; font-weight: 700; height: 15px; position: absolute; top: 5px; width: 20px; z-index: 120 } .clsDatepicker .clsCalendarSelectMonth { margin-left: 0; position: relative } .clsDatepicker .header .closeButton { color: #fff; cursor: pointer; font-weight: 700; height: 15px; position: absolute; right: 5px; top: 5px; width: 20px; z-index: 120 } .clsDatepicker .header .previous { left: 5px } .clsDatepicker .header .next { right: 20px } .clsDatepicker .body { height: 175px; left: 4px; overflow: hidden; position: relative; top: 0; width: 370px } .clsDatepicker .days { border: 2px solid #f93; position: absolute; width: 175px } .clsDatepicker .days .day { background: #fff; border-left: 1px solid #999; border-top: 1px solid #999; color: #036; cursor: pointer; float: left; font-size: .9em; height: 17px; overflow: hidden; padding-top: 3px; text-align: center; width: 24px } .clsDatepicker .days .title { background: #e0f2fe; border-left: 1px solid #e0f2fe; border-top: 1px solid #e0f2fe; color: #000; cursor: default; font-size: .85em; font-weight: 700; text-align: center } .clsDatepicker .days .day1 { border-left: 1px solid #f93 } .clsDatepicker .days .day0 { margin-right: 0 } .clsDatepicker .days .week5 .day { margin-bottom: 0 } .clsDatepicker .days .otherMonth { background: #ccc; color: #999 } .clsDatepicker .selected { background: #d0e2fe; color: #000; font-weight: 700 } .clsDatepicker .days .week .day:hover, .clsDatepicker .months .month:hover, .clsDatepicker .years .year:hover { background: #d0e2fe; color: #000 } .clsDatepicker .unavailable { background: #fff; color: #ccc; cursor: default; text-decoration: line-through } .clsDatepicker .unavailable:hover { background: #fff; color: #ccc; cursor: default } .clsCMSMenuItemSelected { color: #f63; font-weight: 700 } #idCustomerServiceIconInfoBox { background: url(../images/icons/InfoBoxIcons_pieces.png) 0 0; height: 31px; width: 35px } #idAboutUsIconInfoBox { background: url(../images/icons/InfoBoxIcons_pieces.png) 0 -31px; clear: both; height: 31px; width: 35px } #idGroupBookingIconInfoBox { background: url(../images/icons/InfoBoxIcons_pieces.png) 0 -254px; clear: both; height: 31px; width: 35px } #idOurOfficeLocationsIconInfoBox { background: url(../images/icons/InfoBoxIcons_pieces.png) 0 -62px; clear: both; height: 31px; width: 35px } #idFaqIconInfoBox { background: url(../images/icons/InfoBoxIcons_pieces.png) 0 -93px; clear: both; height: 31px; width: 35px } #idHotelOwnersIconInfoBox { background: url(../images/icons/InfoBoxIcons_pieces.png) 0 -93pt; clear: both; height: 31px; width: 35px } #idTermsIconInfoBox { background: url(../images/icons/InfoBoxIcons_pieces.png) 0 -155px; clear: both; height: 31px; width: 35px } #idPrivacyIconInfoBox { background: url(../images/icons/InfoBoxIcons_pieces.png) 0 -186px; clear: both; height: 31px; width: 35px } #idLanguageIconInfoBox { background: url(../images/icons/InfoBoxIcons_pieces.png) 0 -221px; clear: both; height: 31px; width: 35px } #idInfoBoxTable { margin-top: 15px; padding-right: 30px; width: 250px } #idInfoBoxTable td { padding-bottom: 5px; padding-top: 5px } #idInfoBoxTable div { left: -5px; position: relative } #idInfoBoxTable a { color: #036; font-weight: 700; text-decoration: underline } #idInfoBoxTable a:hover { text-decoration: underline } #idEbHotelDetailTitle { margin-bottom: 10px; margin-top: 10px } #idEbHotelDetailTitle h1 { color: #004677; float: left; font-size: 14pt; margin: 0; padding: 0 } #idEbHotelDetailTitle h2 { clear: both; color: #666; font-size: 8pt; font-weight: 400; line-height: 15px; padding: 0 } #idGuestReviewBalloon { float: right; height: 31px; padding-right: 45px; position: relative } #idGuestReviewBalloon:before, .clsHotelDetailIntroPhotoGallery:before { background: url(/images/sprite8bit.png) -297px -70px; content: ""; height: 31px; position: absolute; right: 0; top: 0; width: 36px } .clsHotelDetailIntroPhotoGallery:before { background-position: -290px -39px } .clsHotelDetailIntroPhotoGallery { float: right; height: 31px; margin-right: 5px; padding-right: 35px; position: relative } .clsGuestReviewBalloonTxt { color: #fff; font-size: 9px; font-weight: 700; position: absolute; right: 2px; text-align: center; top: 1px; width: 1pc } .clsHotelDetailIntroIconsTxt { margin-top: 1pc; white-space: nowrap } #idEbHotelOwner { margin-bottom: 15px } #idEbHotelOwnerH1Icon { background: url(../images/icons/HotelOwnerIcon.png) 0 0; float: left; height: 3pc; margin-bottom: 10px; margin-right: 10px; width: 45px } #idEbHotelOwner h1 { padding-top: 10px } .clsHotelOwnerTable { width: 100% } .clsHotelOwnerTable td { line-height: 20px; padding: 3px } .clsHotelOwnerTable input, .clsHotelOwnerTable textarea { width: 220px } .clsHotelOwnerTable select { width: 226px } .clsHotelOwnerButtonPos { padding-top: 5px; position: relative } .clsHotelOwnerButtonPos input { width: 90pt } .clsHotelOwnerFormTxt { width: 30% } .clsProxToLandmarkWidth { width: 110px } .clsMeasurementsHotelOwnersSmall { max-width: 59px } .clsHotelNotAvailabileOuterBox { border: 1px solid #c00; margin: 10px 0; padding: 15px 20px 20px 15px } .clsHotelsAlternativeMessage { color: #c00; font-size: 1.1em; font-weight: 700; margin-bottom: 10px; margin-left: 3px } .clsHACheckText { left: 5px; position: absolute; top: 2px } .clsHADaySelect { left: 23px; position: absolute; top: 19px; width: 55px } .clsHAMonthSelect { left: 83px; position: absolute; top: 19px; width: 110px } .clsHACalendarIcon { background: url(/images/sprite8bit.png) -18px -56px; cursor: pointer; display: block; float: left; height: 21px; left: 4px; position: absolute; top: 17px; width: 1pc } .clsHotelNAFirstCol, .clsHotelNASecCol { color: #004677; float: left; font-size: 10px; font-weight: 700; height: 45px; margin: 0 0 0 5px; min-width: 200px; position: relative } .clsHNAChangeDateTxt { color: #004677; font-size: 1.2em; font-weight: 700 } .clsHNASelectHotelNearby { color: #999; font-size: 90%; font-weight: 700 } .clsHATitleTxt { margin: 5px 0 5px 10px } .clsHAOuterBorder { border: 1px solid #ababab; padding-right: 2px; position: relative; width: 100% } .clsHABorder { background-color: #efefef; border: 1px solid #fff; border_right: 1px solid #efefef; position: relative; width: 100% } .clsHACheckBttnPos { bottom: 5px; float: right; margin-right: 5px; padding-top: 20px; position: relative; right: 5px } .clsHotelNotAvailableBg { float: left; height: 125px; padding-right: 10px; width: 115px } .clsHAPageTitleTxt { color: #036; font-size: 1pc; font-weight: 700; margin: 0 0 15px; padding: 0 0 5px } .clsHAPageTitle { border-bottom: 1px solid #ccc; margin-bottom: 20px; margin-top: 20px } .clsHAPageTitle h2 { margin: 0 } .clsButtonShadow { font-family: arial; font-size: 13px; font-weight: 400; letter-spacing: .05em; text-align: center; text-shadow: 0 0 4px #000 } .clsLastBlockAboutUs { margin-left: 30px } #idEbBestPriceH1Icon { background: url(../images/icons/AboutUsIcon.png) -3pc 0; float: left; height: 3pc; margin-bottom: 10px; margin-right: 10px; width: 46px } .clsLowestPriceParagraph { margin: 1em 0 2em } .clsLowestPriceUnorderedList { list-style: initial; margin: 1em 0; padding: 0 0 0 40px } .clsCheckInDate .clsCalendarIcon { float: right } #idEbBestPriceFormTable td { line-height: 20px; padding: 3px } .clsLowestPriceOrderedList { list-style-type: none; margin: 10px 0 0; overflow: hidden; padding: 0 } .clsLowestPriceOrderedList li { border: 1px solid #f93; border-radius: 15px; box-shadow: 0 3px 6px rgba(0, 0, 0, .25); box-sizing: border-box; float: left; margin: 20px 3% 20px 0; min-height: 92px; padding: 25px 10px; position: relative; text-align: center; width: 31% } .clsLowestPriceOrderedList li:last-child { margin-right: 0 } .clsLowestPriceOrderedList li strong { color: #036 } @media(max-width:767px) { .clsLowestPriceOrderedList li { margin: 20px 0 10px; width: 100% } } .clsLowestPriceOrderedList li:nth-child(1):before, .clsLowestPriceOrderedList li:nth-child(2):before, .clsLowestPriceOrderedList li:nth-child(3):before { background-color: #f93; border-radius: 20px; color: #fff; content: "1"; font-size: 1pc; height: 30px; left: 50%; line-height: 30px; margin-left: -10px; position: absolute; text-align: center; top: -15px; width: 30px } .clsLowestPriceOrderedList li:nth-child(1):before { content: "1" } .clsLowestPriceOrderedList li:nth-child(2):before { content: "2" } .clsLowestPriceOrderedList li:nth-child(3):before { content: "3" } .clsPopupBookingConditions { box-sizing: border-box; height: 340px; overflow-x: auto !important; overflow-y: scroll; padding: 10px } .photoview #idEbHeaderMenu { width: 20pc !important } .hotelreview .clsLinkSpriteFlagReviews { position: relative } .photoview .clsEbContentBlock { font-size: 10pt } .photoview #idEbFirstBlockUnderTab #idEbHotelDetailRooms+div, .photoview #idEbFirstBlockUnderTab .clsRightPad5, .photoview #idEbHotelDetailTitle .clsEbFloatRight, .photoview #idLeftColumn, .photoview .clsBarBottom, .photoview .clsViewMapIcon { display: none; visibility: hidden } .photoview .clsEbContentBlock { box-sizing: border-box; max-width: none; padding: 0 10px } .photoview .clsEbContentBlock>br, .photoview body>br { display: none } @media(min-width:1025px) { .hotelreview.photoview .clsDivBox11, .hotelreview.photoview .clsDivBox4, .hotelreview.photoview .clsHotelContent, .photoview #idEbFirstBlockUnderTab table, .photoview #idEbHotelDetailIntro, .photoview #idEbHotelDetailRooms, .photoview #idHotelDetailTabs, .photoview .clsDivBox1, .photoview .clsDivBox10, .photoview .clsMoreBar { margin-left: auto; margin-right: auto; max-width: 64pc } } .photoview #idEbHotelDetailTitle .clsEbFloatLeft { box-sizing: border-box; margin: 0 auto; max-width: 64pc; padding-left: 45px; padding-right: 300px } .photoview #idEbHotelDetailTitle { background-color: #004f9d; margin: 0 -10px; padding: 20px 10px } .altheader #idEbHotelDetailTitle .clsStarsHotelName1, .altheader #idEbHotelDetailTitle .clsStarsHotelName2, .altheader #idEbHotelDetailTitle .clsStarsHotelName3, .altheader #idEbHotelDetailTitle .clsStarsHotelName4, .altheader #idEbHotelDetailTitle .clsStarsHotelName5, .photoview #idEbHotelDetailTitle .clsStarsHotelName1, .photoview #idEbHotelDetailTitle .clsStarsHotelName2, .photoview #idEbHotelDetailTitle .clsStarsHotelName3, .photoview #idEbHotelDetailTitle .clsStarsHotelName4, .photoview #idEbHotelDetailTitle .clsStarsHotelName5 { background: url(/images/sprite24bit.png) no-repeat -136px 0; float: left; height: 22px; margin: 3px 0 0; padding: 0 } .altheader #idEbHotelDetailTitle .clsStarsHotelName1, .photoview #idEbHotelDetailTitle .clsStarsHotelName1 { width: 18px } .altheader #idEbHotelDetailTitle .clsStarsHotelName2, .photoview #idEbHotelDetailTitle .clsStarsHotelName2 { width: 35px } .altheader #idEbHotelDetailTitle .clsStarsHotelName3, .photoview #idEbHotelDetailTitle .clsStarsHotelName3 { width: 52px } .altheader #idEbHotelDetailTitle .clsStarsHotelName4, .photoview #idEbHotelDetailTitle .clsStarsHotelName4 { width: 70px } .altheader #idEbHotelDetailTitle .clsStarsHotelName5, .photoview #idEbHotelDetailTitle .clsStarsHotelName5 { width: 88px } .photoview #idEbHotelDetailTitle .clsEbFloatLeft { float: none } .altheader #idEbHotelDetailTitle h1, .photoview #idEbHotelDetailTitle h1 { font-size: 24px; position: relative } @media(min-width:8in) { .altheader #idEbHotelDetailTitle h1:after, .photoview #idEbHotelDetailTitle h1:after { background: url(/images/sprite24bit.png) -75pt 0; content: ""; height: 22px; left: 0; position: absolute; top: 4px; width: 34px } } .photoview #idEbHotelDetailTitle div[itemprop=address], .photoview #idEbHotelDetailTitle h1 { color: #fff; margin-left: -45px; padding-left: 45px; padding-right: 10px } .photoview #idHeader, .photoview #idHeaderContent { height: 30px } .photoview #idEurobookingsLogo, .photoview #idHotelsOneLogo { display: none } .photoview .clsBarTop { background: 0 } .photoview .clsBar { background: 0; box-shadow: none; box-sizing: border-box; margin: -4px 0 5px; padding: 0 10px; z-index: 300 } .photoview #idBreadCrumb { left: 0 } .photoview .clsBreadCrumbLink a, .photoview .clsBreadCrumbNoLink { color: #aaa; font-weight: 400; padding: 0 } .photoview .clsBreadCrumbLink { background: 0; padding-left: 0; padding-right: 7px } .photoview .clsBreadCrumbLink:after { color: #aaa; content: " >"; padding-left: 4px } .photoview #idHeaderTop>.clsPositionRelative { position: absolute; top: 8px; width: 25pc; z-index: 500 } .photoview #idEurobookingsLogoTxt, .photoview #idHotelsOneLogoTxt { background: 0; display: inline; font-size: 14px; font-weight: 700; position: static; top: 0; width: auto } .photoview #idHotelsOneLogoTxt:before { color: #ff8700; content: "Hotels" } .photoview #idHotelsOneLogoTxt:after { color: #0096dd; content: "One" } .photoview #idEurobookingsLogoTxt:before { color: #004676; content: "eurobookings" } .photoview .clsEurobookingsSloganHeader { display: inline; height: auto; position: static; top: 0 } .photoview .clsBgBarTop { padding-right: 0; right: 0; top: 50px } .photoview #idEbHeaderMenuPos { right: 0; top: 110px } .photoview #idEbHeaderMenu a { color: #fff } .photoview .clsHotelContent { position: relative } .photoview #idEbFirstBlockUnderTab { margin-top: 210px } .photoview .clsHotelContent .clsEbSmallShadowPhotos { background-color: #ccc; height: 194px; left: 0; margin: 0 -10px; overflow: hidden; position: absolute; right: 0; text-align: center; top: -210px } .photoview .clsHotelContent .clsEbSmallShadowPhotos ul { display: inline-block; width: 250pc } .photoview .clsHotelContent .clsEbSmallShadowPhotos li { background: 0; height: 194px; margin: 0; padding: 0; width: auto } .photoview .clsHotelContent .clsEbSmallShadowPhotos li img { height: 194px } .photoview .clsEbIconBeforeLink { height: 0 } .photoview .clsEbIconBeforeLink:before { display: none } .photoview .wrapGalleryButton { margin: 0 auto; max-width: 64pc; position: relative } .photoview .clsEbIconBeforeLink { background: #fff; border-radius: 4px; box-shadow: 0 4px 8px rgba(0, 0, 0, .6); display: block; font-size: 9pt; font-weight: 700; height: 30px; line-height: 30px; margin: auto; padding: 0 15px; position: absolute; right: 10px; text-align: right; top: -50px; z-index: 500 } .photoview #idEbHotelDetailTitle h1 { font-size: 24px } .photoview .clsContentColomnSwap { margin: 0 } .photoview #idEbHotelDetailIntro { padding: 0 } .photoview #idEbHotelDetailRooms { margin-left: 0 } .photoview #idEbFirstBlockUnderTab { overflow: hidden } .photoview .clsMarginLeft10 { margin-left: 0 } .photoview .clsHotelContent .clsEbSmallShadowPhotos img { width: auto } .photoview #idEbFirstBlockUnderTab { padding-bottom: 0 } .photoview #expandQuickDescrp .clsSmallLink strong { border: 1px solid #aaa; border-radius: 3px; display: inline-block; font-size: 9pt; font-weight: 400; padding: 3px 6px; position: relative; width: auto } .photoview .clsHotelListSmallIconsTxt { display: none } .photoview.hotelreview .clsHRButtonPositions { margin-top: 10px } .photoview.hotelreview #idEbHotelDetailTitle .clsEbFloatRight { display: none } .newtabs #idEbFirstBlockUnderTab #idEbHotelDetailRooms+div, .newtabs #idEbHotelDetailTitle .clsEbFloatRight, .newtabs .clsViewMapIcon { display: none; visibility: hidden } #newTabs { display: block; font-size: 9pt; margin: -10px auto 10px; overflow: hidden } .photoview #newTabs { font-size: 100%; margin: 0 auto 15px; max-width: 64pc } #newTabs li { float: left } #newTabs li a { background-color: #009dd9; border: 0 solid #54c4ef; border-right-width: 1px; color: #fff; line-height: 29px; padding: 5px 9pt; text-decoration: none } #newTabs li:first-child a { border-radius: 5px 0 0 } #newTabs li:last-child a { border-radius: 0 5px 0 0 } .changeDateButton { background-color: hsla(0, 0%, 100%, .6); border-radius: 4px; font-weight: 700; margin-left: 5px; padding: 4px 8px; text-decoration: none; white-space: nowrap } .changeDateButton:hover { background-color: #fff } #rooms { display: block } #rooms>div>p { margin: 10px 0 } #idEbAvailabilityRoomsTable .clsPromo strong, #idEbAvailabilityRoomsTable .discountLabel, #newTabs li:first-child .discountLabel a { background: #d50d0d; border: 1px solid #e05555; border-radius: 5px; border-width: 1px 0 0; box-shadow: 0 -3px 5px rgba(0, 0, 0, .4); color: #fff; line-height: normal; padding: 6px 10px; position: absolute; top: -2pc; z-index: 1 } #newTabs .discountLabel a span { font-size: 14px; font-weight: 700 } #idEbAvailabilityRoomsTable .promoArrow:after, #newTabs .discountLabel a:after { border: solid transparent; border-color: #d50d0d transparent transparent; border-width: 5px; content: " "; height: 0; left: 34px; margin-left: -5px; pointer-events: none; position: absolute; top: 100%; width: 0 } #idEbAvailabilityRoomsTable .clsPromo strong, #idEbAvailabilityRoomsTable .discountLabel { box-shadow: 0 2px 5px rgba(0, 0, 0, .3); display: inline-block; font-size: 10px; padding: 3px 5px; position: relative; top: 0 } #idEbAvailabilityRoomsTable .promoArrow { margin-left: 5px } #idEbAvailabilityRoomsTable .promoArrow:after { border-color: transparent #d50d0d transparent transparent; left: auto; margin-top: -5px; right: 100%; top: 50% } #calendar { display: block } .disabledAvailability { opacity: .4 } .changeDateButton { display: none } @media(min-width:8in) { .altheader.logo #idEbHotelDetailTitle .clsEbFloatLeft, .photoview.logo #idEbHotelDetailTitle .clsEbFloatLeft { padding-left: 195px; padding-top: 25px; position: relative } .altheader.logo #idEbHotelDetailTitle .clsEbFloatLeft .hotelLogo, .photoview.logo #idEbHotelDetailTitle .clsEbFloatLeft .hotelLogo { background: #fff none no-repeat 10px 10px; border-radius: 0 0 3px 3px; box-shadow: 0 3px 5px rgba(0, 0, 0, .4); height: 75pt; left: 0; position: absolute; text-align: center; top: 0; width: 180px; z-index: 1 } .altheader.logo #idEbHotelDetailTitle .clsEbFloatLeft .hotelLogo:before, .photoview.logo #idEbHotelDetailTitle .clsEbFloatLeft .hotelLogo:before { content: " "; display: inline-block; height: 100%; vertical-align: middle } #newTabs li a { border-color: hsla(0, 0%, 100%, .3) } .altheader.logo #idEbHotelDetailTitle .clsEbFloatLeft .hotelLogo img, .photoview.logo #idEbHotelDetailTitle .clsEbFloatLeft .hotelLogo img { display: inline-block; vertical-align: middle } .altheader.logo #idEbHotelDetailTitle, .photoview.logo #idEbHotelDetailTitle { padding: 0 0 25px } .altheader.logo #idEbHotelDetailTitle h1, .photoview.logo #idEbHotelDetailTitle h1 { float: left; font-size: 18px } .altheader.logo #idEbHotelDetailTitle h1:after, .photoview.logo #idEbHotelDetailTitle h1:after { display: none } .altheader.logo #idEbHotelDetailTitle .clsEbFloatLeft>span, .photoview.logo #idEbHotelDetailTitle .clsEbFloatLeft>span { font-size: 1pc; margin: 0 0 3px } .altheader.logo .hotelCity { clear: both; color: #fff; font-size: 10pt; padding-right: 10px } .altheader.logo .clsBookingProcessPhoneInHeader { top: 56px; z-index: 1 } .altheader.logo #idEbHeaderMenu { width: 20pc } .clsPriceInReservationTotalPrice, .logo .clsBoxWhiteLine h1, .logo .clsReservationTotalPriceBar, .logo .clsTextInReservationTotalPrice { border-bottom: 0 } .altheader .clsEbContentBlock>.hotelLogo { display: none } .logoRestricted .hotelLogo { float: left; margin: 0 20px 15px 0 } } @media(max-width:767px) { .hotelLogo { margin: 0 0 10px; text-align: center } .altheader .hotelLogo { margin-top: 20px } #idEbHotelDetailTitle .hotelLogo { display: none } .logo .formsteps .clsBoxWhiteLine h1, .logoRestricted .formsteps .clsBoxWhiteLine h1 { background-color: #fff } } .photoview.logoRestricted #idEbFirstBlockUnderTab { overflow: visible } .altheader.logoRestricted .clsSideOverview .clsThawteLogoHeader { background: 0; height: auto; width: auto } .clsNewsletterBoxTop { background: url(../images/newsletter/NewsletterBox_pieces.png) 0 0; color: #fff; margin: 0; padding: 0; position: relative; width: 228px } .clsNewsletterBoxBottom { background: url(../images/newsletter/NewsletterBox_pieces.png) 0 -174px; height: 126px; margin: 0; padding: 0; position: relative; width: 228px } .clsNewsletterBoxTopInner { margin: 15px 20px 0; padding: 10px 10px 10px 0 } .clsNewsletterBoxBottomInner { margin: 0 8px 20px 20px; padding: 0 8px 10px 0 } .clsNewsletterInputBg { background-color: rgba(0, 0, 0, .07); border-radius: 5px; margin-left: -6px; overflow: hidden; padding: 6px; position: relative; width: 11pc } .clsNewsletterBoxInput { display: inline-block; padding: 4px 0 3px 4px; width: 125px } .clsNewsletterBoxTopInner p { margin: 0 } .clsNewsletterTitle { font-size: 9pt; font-weight: 700; margin-bottom: 5px; margin-top: 5px } .clsNewsletterFollowUsBg { background-color: rgba(0, 0, 0, .07); border-radius: 5px; overflow: hidden; padding: 8px; position: relative } .clsTableBasicLayoutCityLandingTr2Td2 .clsDivBox15 { margin-bottom: 0 } .clsButtonNewsL.clsButtonNewsLNewsletter { min-width: 33px; padding-left: 0 } .clsButtonNewsL.clsButtonNewsLNewsletter .clsButtonNewsLTxt { margin-right: 20px } .clsStarSearchBox1, .clsStarSearchBox2, .clsStarSearchBox3, .clsStarSearchBox4, .clsStarSearchBox5 { background: url(../images/starSearchBoxPieces.png) 0 0 no-repeat; height: 13px; width: 54px } .clsStarSearchBox2 { background-position: 0 -13px } .clsStarSearchBox3 { background-position: 0 -26px } .clsStarSearchBox4 { background-position: 0 -39px } .clsStarSearchBox5 { background-position: 0 -52px } #idEbSearchBoxTable { color: #004677; margin: 5px 0 0 } .clsBigSearchBackgroundAdding table { width: 100% } .clsStartANewSearchInner { color: #fff; font-weight: 700; margin-top: 10px; text-align: left } .clsStartANewSearchInnerP { color: #fff; display: block; font-size: 15px; margin: 0 0 5px; padding: 0; text-align: left; width: 190px } .clsPosBigSearchButton { margin: 10px 0 0; text-align: right } .clsPosBigSearchButton #submitBtn { min-width: 136px } @media(min-width:8in) { .clsPosBigSearchButton #submitBtn { font-size: 1pc; padding-bottom: 3px; padding-top: 3px } } .clsAroundButtonSearchPos { padding-top: 10px; position: relative; text-align: center } .clsEbSearchBoxTxtInput { font-size: 11px; font-weight: 700; width: 190px } .clsEbSearchBoxLabels { font-weight: 700; margin: 3px 0 0; padding: 4px 0 } .clsErrorMessageJS { background: red; color: #fff; font-size: 1em; font-weight: 700; height: 0; line-height: 20px; overflow: hidden; padding-left: 17px; padding-right: 5px; position: relative } .clsErrorMessageJS:after, .clsGeneralErrorMessage:after { background: url(/images/sprite8bit.png) -10px -1in; content: ""; height: 13px; left: 7px; position: absolute; top: 5px; width: 10px } .clsEbSearchBoxHelpIcon { background: url(/images/sprite8bit.png) -34px -56px; float: left; height: 13px; margin: 4px 0 0 5px; width: 13px } #idEbSearchBoxBigOnlyAvailHotel, #idEbSearchBoxOnlyAvailHotel { border: 0; color: #fff; float: left; font-size: 8pt; font-weight: 700; margin: 0; padding: 0; width: 200px } #idEbSearchBoxOnlyAvailHotel { font-size: 10px; margin: 5px 0 0 } #idEbSearchBoxBigOnlyAvailHotel { margin: 4px 0 0; width: 350px } .clsEbSearchBoxBigOnlyAvailHotelFirsTd { width: 25px } .clsShowAdvancedOptionsBigSearchUp { background: url(../images/icons/arrowWhiteUpDownPieces.png) 0 -18px no-repeat; padding-left: 9px; text-decoration: none } .clsShowAdvancedOptionsBigSearchDown { background: url(../images/icons/arrowWhiteUpDownPieces.png) 0 0 no-repeat; padding-left: 9px; text-decoration: none } .clsEbSearchBoxSelectWidth { float: left; margin-right: 3px; min-width: 110px } .clsCheckInOutDay { float: left; margin-right: 3px; width: 55px } .clsSmallSearchbox { overflow: hidden; padding-bottom: 0; padding-left: 10px; padding-right: 6px; position: relative; width: 201px } .clsSmallSearchbox input[type=button] { width: 100% } #idSearchLegenda { width: 190px } .clsLegendaTitle, .clsLegendaTitleNoBorder { border-top: 1px solid #fff; color: #666; font-style: italic; padding-top: 5px } .clsLegendaBottomSpace { padding-bottom: 5px } .clsLegendaTitleNoBorder { border-top: 0; padding-top: 0 } .clsPaddingBottom10 { padding-bottom: 10px } .clsCheckInSmallSearch { width: 200px } .clsCheckOutSmallSearch { padding-bottom: 10px; width: 200px } .clsSearchBoxBigAdvancedSearchPos { margin-top: 10px } .clsSearchBoxBigAdvancedSearch { color: #fff; margin: 0; padding: 0; width: 100% } .clsSearchBoxBigAdvancedSearchBorderTd { background-color: #f49a4a; border: 1px solid #fff; font-weight: 700; margin-top: 0; padding: 5px } .clsSearchBoxBigInputText { font-size: 13pt; width: 99% } .clsOrBrowseDestinationLink { color: #fff; font-weight: 700; padding: 7px 0 7px 15px } .clsSearchBigFirstCol { background-color: #feb762; min-width: 130px } .clsSearchBigFirstColInner { margin-right: 0; padding: 5px 10px 5px 5px } .clsSearchBigFirstColInner p { font-size: 8pt; font-weight: 700; margin: 0 0 6px } .clsSearchBigSecondCol { background: #feb762; min-width: 130px } .clsSearchBigSecondColInner { margin-right: 0; padding: 5px 10px 5px 5px } .clsSearchBigSecondColInner p { font-size: 8pt; font-weight: 700; margin: 0 0 6px } .clsFacilitiesTable { width: 100% } .clsShowAdvancedOptions { background-color: #f93; border-radius: 0 0 8px 8px; bottom: -23px; box-shadow: 0 2px 3px rgba(0, 0, 0, .5) inset; margin-top: -4px; position: absolute; right: 20px; z-index: 1 } .clsShowAdvancedOptionsContent { padding: 5px 9px } .clsGeneralErrorMessage { background: red; color: #fff; font-weight: 700; line-height: 20px; overflow: hidden; padding-left: 17px; padding-right: 5px; position: relative } .clsGeneralErrorMessage a { color: #fff } .clsDivBlock { display: block; position: relative } .clsSearchBigFirstColInner, .clsSearchBigSecondColInner { min-width: 157px } .clsEbGiveSomeRoomMoz { height: 10px } .clsRadiusFloatLeft { display: inline; float: left; line-height: 22px } .clsSelectFloatLeft { display: inline; float: left } .clsHotelDetailBackDiv { margin: 5px 0 } .clsHotelDetailBack { font-weight: 700 } .clsIconBackToSearchResults { background: url(../images/iconBackToSearchResults.png) top left no-repeat; font-weight: 400; padding-left: 20px } .clsBoxPersonsInRoom { background-color: #ffa539; border: 1px solid #ffd192 } .clsBoxPersonsInRoom_b { background-color: #ffa539; border: 1px solid #ffdcad; margin-bottom: 3px } .clsBoxPersonsInRoom_s { border: 1px solid #ffb763 } .clsTablePersonsInRoom_b, .clsTablePersonsInRoom_s { border-top: 1px solid #ffb763; padding: 0; width: 100% } .clsTablePersonsInRoom_b td, .clsTablePersonsInRoom_b th, .clsTablePersonsInRoom_s td, .clsTablePersonsInRoom_s th { padding: 4px; vertical-align: top } .clsTablePersonsInRoom_b th, .clsTablePersonsInRoom_s th { font-size: .85em; font-weight: 700; height: 25px } .clsRoomContentRowOddColor { background-color: #ffb763 } .clsRoomEvenColor { background-color: #ffa539; border-right: 1px solid #ffdcad } .clsRoomEvenColor_a { border-right: 1px solid #ededed } .clsTextAlignRight { text-align: right } .clsTextAlignCenter { text-align: center } .clsChildrenOddColor { background-color: #fdc37e; padding: 4px 4px 4px 5px } .clsChildrenEvenColor { background-color: #ffb85c; padding: 4px 4px 4px 5px } .clsBoxPersonsInRoom_b select, clsboxpersonsinroom_s select { width: 45px } .clsAgeTextPos { padding-top: 2px } .clsRoomBorderTop { border-top: 1px solid #ffd192; padding-left: 5px } .clsRoomBorderTop_a { border-top: 1px solid #ededed; padding-left: 5px } .clsRoomsTxt { font-weight: 700; height: 25px; padding-left: 4px } .clsBoxPersonsInRoom_a { background-color: #f0f0f0; border-top: 1px solid #ededed; color: #004677; margin-bottom: 5px; margin-top: 5px; width: 100% } .clsBoxPersonsInRoom_a th { background-color: #fff; font-size: .95em; height: 10px } .clsBoxPersonsInRoom_a select { width: 45px } .clsTablePersonsInRoom_a td, .clsTablePersonsInRoom_a th { color: #004677; vertical-align: top } .clsTablePersonsInRoom_a th { font-size: .85em; font-weight: 700 } .clsRoomContentRowOddColor_a { background-color: #fff; height: 20px } .clsChildrenOddColor_a { background-color: #f5f5f5; padding: 4px 4px 4px 5px } .clsChildrenEvenColor_a { background-color: #f9f9f9; padding: 4px 4px 4px 5px } .clsTablePersonsInRoom_a select { width: 45px } .clsRoomsTxt_a { font-weight: 700; height: 25px; padding-left: 3px } .clsFootNoteRooms_a { color: #666; float: right; font-size: .8em; margin-right: 5px } .clsFootNoteRooms_b, .clsFootNoteRooms_s { color: #666; font-size: .8em } .clsDivButton:after { background: url(/images/sprite24bit.png) 0 0 no-repeat; content: " "; height: 21px; margin-top: -10px; position: absolute; right: 6px; top: 50%; width: 22px } .clsHotelSearchBox h2 { color: #235f8e; margin: 15px 0 5px } .clsHotelSearchBox form input { border: 1px solid #91afc6; margin: 0 0 7px; width: 98% } #idEbCountry { margin-bottom: 15px } #idEbCountry h1 { padding-top: 10px } #idEbCountry h2 { color: #004677 } #idAlphabet ul { display: block; list-style: none; margin: 0; padding: 0 } #idAlphabet li { float: left; font-size: 9pt; font-weight: 700; margin-right: 7px } #idEbCountryH1Icon { background: url(../images/country_pieces.png); float: left; height: 45px; margin-bottom: 10px; margin-right: 10px; width: 38px } .clsCountryTab { line-height: 20px } .clsLandMarkCatName { margin-top: 7px } .clsDestinationTab { background: #ffb56b; box-shadow: 0 -5px 9pt -1px #ff9a34 inset; width: 95% } .clsPositionTabCountries { padding-left: 30px; position: relative } #idTab0 { padding-top: 10px } .clsSquarTabBlockContentAZ { background-color: #ffe8c8; padding: 5px } .clsTabCountryCities { clear: both; margin-top: 10px } .clsEbCountryLinks { width: 100% } .clsEbCountryLinks th { text-align: left } .clsEbCountryLinks tr td { vertical-align: top } .clsEbCountryLinks tr td ul, .clsEbCountryLinks tr td ul li { line-height: 165% } #idEbHomepage { margin-bottom: 15px } #idEbHomepage h1 { font-size: 14px; margin-bottom: 5px } #idEbHomepage h2 { color: #004677 } .clsHomepageTopCities { float: left; height: 90px; margin-bottom: 10px; position: relative; width: 180px } .clsHomepageTopCities img { border: 1px solid #fff; box-shadow: 3px 3px 4px #777; float: left; margin-right: 8px; margin-top: 2px } .clsViewAllCountriesLinkPos { float: right; margin-right: 15px; margin-top: -25px; position:relative; z-index: 999; } .clsHomepageTopCityNrHotels { color: #39c; display: block; font-size: 9px; font-weight: 700; line-height: 24px; text-decoration: none } #idMainContent { padding-top: 10px } .clsMainContentTd1 { position: relative; vertical-align: top } .clsMainContentTd2 { padding-right: 1%; width: 40% } .clsMainContentTd3 { padding-left: 10px; padding-right: 10px; width: 60% } .clsMainContentTd4 { padding-left: 5px; padding-top: 30px; vertical-align: top; width: 225px } .clsOfficeLocationImage { background: url(../images/officeLocations/officeLocationsComplete.png); height: 234px; margin-bottom: 15px; margin-top: 10px; position: relative; width: 100% } .clsOfficeLocationImageOverLay { background: url(../images/officeLocations/officeLocationsRight.png); height: 234px; position: absolute; right: 0; top: 0; width: 284px } .clsOfficeLocationsTable { clear: both; width: 100% } .clsOfficeLocationsTable td, .clsOfficeLocationsTable th { text-align: left; vertical-align: top } .clsOfficeLocationsTable th { border-bottom: 1px solid #666; font-weight: 400 } #idStaticPage .clsOfficeLocationsTable p { margin: 3px 0; padding: 0 } .clsOfficeLocationsTable h4 { color: #f93; font-size: 8pt; margin: 0; padding: 0 } .clsMarginRight { margin-right: 0 } .clsOfficeLocationEmailNL { height: 11px; overflow: hidden; width: 125px } .clsOfficeLocationEmailBE { height: 11px; overflow: hidden; width: 129px } .clsOfficeLocationEmailFR { height: 11px; overflow: hidden; width: 93pt } .clsOfficeLocationEmailMX { height: 11px; overflow: hidden; width: 133px } .clsOfficeLocationEmailIT { height: 11px; overflow: hidden; width: 122px } .clsOfficeLocationEmailUS { height: 11px; overflow: hidden; width: 127px } .clsOffLocWithBorderWidth { border-bottom: 1px solid #666; width: 45% } .clsOffLocWithBorder { border-bottom: 1px solid #666 } .clsOffLocWith10Perc { width: 10% } div#idEbSearchResultPage { margin-bottom: 5px; width: 100% } .clsSearchResultPageTitle { margin-bottom: 10px } .clsSearchResultPageTitle h2 { margin: 0 } .clsSearchResultPageTitleTxt { color: #036; font-size: 1pc; font-weight: 700; margin: 5px 0 0; padding: 0 } .clsSearchResultPageTitleTxtOrange { color: #f93; font-size: 1pc; font-weight: 700; margin: 0; padding: 0 } .clsLinkInTitleSearchResult { color: #036; display: block; float: right; margin-bottom: 5px } .clsHotelNameMarginTop { margin-top: 4px } .clsHotelNameSearchResults { color: #004677; font-size: 10pt; font-weight: 700; margin-top: 3px } .clsEbHotelListWhiteBackground { background-color: #fff } .clsSearchFilterTxt { color: #f63; font-weight: 700; line-height: 24px } .clsHotelListHotelDescription { line-height: 1pc; margin: 5px 0 0; padding-right: 20px } .clsHotelListHotelDescription br { display: none; margin: 0; padding: 0 } .clsHotelListPriceTd { color: #690; text-align: center; width: 75pt } .clsDivBox3Price { font-size: 7pt; margin-bottom: 5px; padding: 0 5px } .clsSelectSpace { margin-left: 5px; margin-right: 5px } .clsHotelListPriceTxt { font-size: 11pt; font-weight: 700; padding: 1px; white-space: nowrap } .clsRoomNoPriceTxt { font-size: 1.1em; text-align: center } .clsRoomToggleLink a { color: #036; font-weight: 700; padding-left: 13px; text-decoration: underline } .clsRowRoomToggleButton .clsRoomToggleLink a { background: url(../images/icons/iconAvailabilityMoreRoomsOpenClose.png) no-repeat } .clsRowRoomToggle .clsRoomToggleLink a { background: url(../images/icons/iconAvailabilityMoreRoomsOpenClose.png) no-repeat 0 -9pt } .clsHotelListAvailable { background: #fef9f3; margin-top: 15px } .clsHotelListAvailable th { background: linear-gradient(180deg, #f93, #ff6733); color: #fff; line-height: 21px } .clsHotelListAvailable th:first-child { border-radius: 0 0 0 8px } .clsHotelListAvailable th:last-child { border-radius: 0 8px 0 0 } @media(min-width:8in) { .clsHotelListAvailable .clsHotelImageDiv { background: #f93; border-radius: 8px 8px 0 0; bottom: -.6px; box-shadow: 4px 0 4px -2px #777 } .clsHotelListAvailable .clsHotelImageDiv:after { background: radial-gradient(ellipse at 100% 0, transparent, transparent 69%, #f93 70%, #f93); bottom: 0; content: ""; display: block; height: 15px; position: absolute; right: -.1562in; width: 15px } } .clsHotelListAvailable td { height: 18px } .clsHotelListAvailableCenter { text-align: center } .clsHotelListPricePos { padding-left: 0; white-space: nowrap } .clsHotelListPrice { color: #d83d30; font-weight: 700; padding-right: 0; white-space: nowrap } .clsHotelListFromPricePos { padding-left: 10px; padding-right: 0; text-align: right; white-space: nowrap } .clsHotelListFromPrice { padding-right: 0; text-decoration: line-through; white-space: nowrap } .clsButtonMargin { margin: 2px 0 } .clsStarsHotelName0, .clsStarsHotelName1, .clsStarsHotelName2, .clsStarsHotelName3, .clsStarsHotelName4, .clsStarsHotelName5 { margin-top: 0 } .clsHotelImageTd { background-color: #fff; position: relative; width: 118px } .clsHotelImageTdNoAvailability { height: 125px; padding-right: 10px; width: 115px } @media(min-width:8in) { .clsHotelImageDiv { background: linear-gradient(180deg, #ff9833, #ff6733); border-radius: 8px; box-shadow: 2px 2px 3px #777; padding: 10px; width: 1in } } .clsHotelImageDiv { position: relative } .clsHotelImageDiv img { border: 3px solid #fff; outline: 1px solid #ccc } .clsHotelInfoBlokBesideImage { background-color: #fff; padding-left: 15px } .clsThirdColHotelWithAvailability { padding-left: 15px; padding-right: 15px; text-align: center } .clsHotelWithAvailBottomPos { background-color: #fff; height: 15px; padding-bottom: 20px } .clsHotelWithAvailBottomLine { background-color: #fef9f3; border-bottom: 1px solid #ee9366; border-radius: 0 0 14px; border-right: 1px solid #ee9366; box-shadow: 0 3px 3px -1px #777; height: 15px; position: relative } .clsHotelListAvailRightSide { border-right: 1px solid #ee9366; width: 1pc } .clsLineTop { border-top: 1px solid #f7e7c6 } .clsButtonSpacing { margin: 0 5px } #idEbSearchResultPage h1 { color: #004677; display: block; font-size: 10pt; margin: 0 0 10px; padding: 0 0 0 1pc } #idEbSearchResultPage>table { border-top: 1px solid #eda747; width: 100% } #idEbSearchResultPage>table>tbody>tr>td { border-bottom: 1px solid #eda747; padding-bottom: 2px; padding-top: 10px } div.clsEbAddressDivSearchResults { margin-top:4px;font-size:1.05em } #idCityLandingPage h2 { color: #004677 } .clsHotelDetailWifiIconPosLeft { float: left; margin-left: 5px; } .clsHotelDetailWifiIcon { background: url(/images/sprite8bit.png) -67px -57px; height: 18px; width: 41px } .clsHotelDetailWifiIconSmall { background: url(../images/logos/wifiLogoSmall.png); height: 9pt; margin-top: 5px; width: 27px } .clsPromo { color: #690; display: block; font-weight: 700 } .clsSorting { border-collapse: collapse; height: 18px; margin: 0; padding: 0 0 0 70px; position: relative; width: 100%; z-index: 1 } .clsSortArrow { background: url(/images/hotelList/hsprite.png) 0 -264px no-repeat; color: #fff; display: block; font-weight: 700; height: 29px; left: -10px; line-height: 28px; padding-left: 2px; position: absolute; text-align: center; top: -4px; width: 95px; z-index: 2 } .clsSorting tr { background: linear-gradient(180deg, #5e5d5d 13%, #3e3d3d 65%, #383737 73%); border-bottom: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; height: 18px } .clsSorting td { border-left: 1px solid #000; padding: 0 } .clsSorting td div { color: #fff; cursor: pointer; display: block; height: 1pc; margin: 0; padding-top: 2px; text-align: center; text-decoration: underline } .clsSorting td div:hover { text-decoration: none } .clsSorting td .clsSelected { background: linear-gradient(180deg, #383737, #4d4c4c); color: #ff953d; font-weight: 700; text-decoration: none } .clsSorting .clsArrDown { background: url(/images/sprite24bit.png) 0 -23px no-repeat; display: inline-block; height: 4px; margin-left: 4px; position: relative; top: -1px; width: 6px } .clsSorting .clsArrUp { background: url(/images/sprite24bit.png) -8px -23px no-repeat; display: inline-block; height: 4px; margin-left: 4px; position: relative; top: -1px; width: 6px } .clsBelowSortArrow { width: 70px } span.clsGlow { color: #64963a } span.clsNote { color: #999 } #hotelListAvail:not(.clsHotelListAvailable)>tbody>tr>td { padding-bottom: 2px; padding-top: 10px } @media(min-width:8in) { #hotelListAvail:not(.clsHotelListAvailable)>tbody>tr>td { border-bottom: 1px solid #eda747 } } #idHeader { height: 66px; margin-left: auto; margin-right: auto; max-width: 64pc; padding: 0 10px; position: relative; z-index: 405 } #idHeaderContentRightDiv { height: 4pc; position: absolute; right: 0; z-index: 405 } #idEbLanguageUl { list-style: none; text-align: right } #idEbLanguageUl li { display: inline-block; margin-right: 5px } #idEbLanguageUl a { text-decoration: none } @media(min-width:8in) { #idEurobookingsLogo { background: url(/images/eurobookings_logo.png) no-repeat; cursor: pointer; display: block; height: 82px; position: absolute; text-decoration: none; top: 2px; width: 72px; z-index: 380 } #idEurobookingsLogoTxt { background: url(/images/eurobookings_logo.png) -72px 0 no-repeat; cursor: pointer; display: block; height: 38px; left: 72px; position: absolute; text-decoration: none; top: 2px; width: 232px; z-index: 370 } } .clsEurobookingsSloganHeader { border-bottom: 0; color: #0098db; font-size: 9pt; font-weight: 700; height: 30px; left: 75px; position: absolute; text-decoration: none; top: 42px; white-space: nowrap; width: 230px; z-index: 360 } #idEbHeaderMenuPos { bottom: 0; clear: both; height: 20px; position: absolute; right: 7px; text-align: right; z-index: 350 } #idEbHeaderMenu { color: #f93; font-weight: 700; position: relative; right: 0; top: 0 } @media(min-width:8in) { #idEbHeaderMenu>li { display: inline-block } #idEbHeaderMenu>li:not(:last-child):after { content: " | " } } #idEbHeaderMenu a { display: inline-block; vertical-align: bottom } #idEbHeaderMenu a.clsDropdown { padding-right: 1pc; position: relative } #idEbHeaderMenu a.clsDropdown:after { background: url(//s1.hocdn.com/images/sprite8bit.png) -91px -1px; content: ""; display: inline-block; height: 9px; margin-left: 4px; width: 11px } #idEbHeaderMenu li { position: relative; vertical-align: middle } #idEbHeaderMenu ul { text-align: left } #idEbHeaderMenu ul a { padding-left: 20px } @media(min-width:8in) { #idEbHeaderMenu ul { background-color: #fff; border: 1px solid #f93; margin-top: 8px; padding: 4px 0; position: absolute; width: 75pt } #idEbHeaderMenu ul a { display: block; padding: 5px 8px } .clsLoyaltyMenuItem>a[data-target=idProfileMenu] { display: inline-block; max-width: 75pt; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #idEbHeaderMenu a.clsDropdown:after { position: absolute; right: 0; top: 2px } } #idEbHeaderMenu a { color: #f93; font-weight: 700 } #idEbHeaderMenu a:hover { text-decoration: none } .clsHeaderFlagbg, .clsHeaderFlagbgSelected, .clsHeaderFlagca, .clsHeaderFlagcaSelected, .clsHeaderFlagcs, .clsHeaderFlagcsSelected, .clsHeaderFlagda, .clsHeaderFlagdaSelected, .clsHeaderFlagde, .clsHeaderFlagdeSelected, .clsHeaderFlagel, .clsHeaderFlagelSelected, .clsHeaderFlagen, .clsHeaderFlagenSelected, .clsHeaderFlagenUS, .clsHeaderFlagenUSSelected, .clsHeaderFlages, .clsHeaderFlagesMX, .clsHeaderFlagesMXSelected, .clsHeaderFlagesSelected, .clsHeaderFlagfi, .clsHeaderFlagfiSelected, .clsHeaderFlagfr, .clsHeaderFlagfrSelected, .clsHeaderFlaghu, .clsHeaderFlaghuSelected, .clsHeaderFlagit, .clsHeaderFlagitSelected, .clsHeaderFlagja, .clsHeaderFlagjaSelected, .clsHeaderFlagnl, .clsHeaderFlagnlSelected, .clsHeaderFlagno, .clsHeaderFlagnoSelected, .clsHeaderFlagpl, .clsHeaderFlagplSelected, .clsHeaderFlagpt, .clsHeaderFlagptSelected, .clsHeaderFlagro, .clsHeaderFlagroSelected, .clsHeaderFlagru, .clsHeaderFlagruSelected, .clsHeaderFlagsv, .clsHeaderFlagsvSelected, .clsHeaderFlagtr, .clsHeaderFlagtrSelected, .clsHeaderFlagzh, .clsHeaderFlagzhSelected { background: url(/images/sprite8bit.png) no-repeat 0 0; cursor: pointer } .clsLinkSpriteFlag { font-size: 0; height: 11px; left: 3px; margin-right: 8px; margin-top: -6px; overflow: hidden; position: absolute; text-decoration: none; top: 50%; width: 1pc } .clsHeaderFlagnl, .clsHeaderFlagnlSelected { background-position: -1pc 0 } .clsHeaderFlagde, .clsHeaderFlagdeSelected { background-position: -2pc 0 } .clsHeaderFlages, .clsHeaderFlagesSelected { background-position: -3pc 0 } .clsHeaderFlagca, .clsHeaderFlagcaSelected { background-position: -4pc 0 } .clsHeaderFlagfi, .clsHeaderFlagfiSelected { background-position: 0 -11px } .clsHeaderFlagel, .clsHeaderFlagelSelected { background-position: -1pc -11px } .clsHeaderFlagfr, .clsHeaderFlagfrSelected { background-position: -2pc -11px } .clsHeaderFlaghu, .clsHeaderFlaghuSelected { background-position: -3pc -11px } .clsHeaderFlagit, .clsHeaderFlagitSelected { background-position: -4pc -11px } .clsHeaderFlagja, .clsHeaderFlagjaSelected { background-position: 0 -22px } .clsHeaderFlagno, .clsHeaderFlagnoSelected { background-position: -1pc -22px } .clsHeaderFlagpt, .clsHeaderFlagptSelected { background-position: -2pc -22px } .clsHeaderFlagpl, .clsHeaderFlagplSelected { background-position: -3pc -22px } .clsHeaderFlagsv, .clsHeaderFlagsvSelected { background-position: -4pc -22px } .clsHeaderFlagru, .clsHeaderFlagruSelected { background-position: 0 -33px } .clsHeaderFlagzh, .clsHeaderFlagzhSelected { background-position: -1pc -33px } .clsHeaderFlagtr, .clsHeaderFlagtrSelected { background-position: -2pc -33px } .clsHeaderFlagenUS, .clsHeaderFlagenUSSelected { background-position: -2pc -44px } .clsHeaderFlagda, .clsHeaderFlagdaSelected { background-position: -3pc -33px } .clsHeaderFlagro, .clsHeaderFlagroSelected { background-position: -4pc -33px } .clsHeaderFlagbg, .clsHeaderFlagbgSelected { background-position: 0 -44px } .clsHeaderFlagcs, .clsHeaderFlagcsSelected { background-position: -1pc -44px } .clsHeaderFlagesMX, .clsHeaderFlagesMXSelected { background-position: -3pc -44px } .clsCurrencySelector { float: right; margin-top: -2px } .clsCurrencyTitle { float: right; margin-right: 5px } .clsFontSmaller { font-size: 11px } .clsPayOff { text-decoration: none } .clsLanguagesDropdownPos { cursor: pointer; position: absolute; right: 215px; top: 5px; width: 204px; z-index: 2 } .clsCurrencyDropdownPos { cursor: pointer; position: absolute; right: 0; top: 5px; width: 204px; z-index: 2 } .clsDivBoxHDR1Content { background: #fffcf8; border: 1px solid #f89929; border-radius: 4px; margin-left: -3px; padding: 2px 0 2px 7px; position: relative; text-align: left } .clsCurrencyListBox, .clsLanguageListBox { border-top: 1px solid #ccc; height: 143px; margin-top: 2px; overflow: auto; width: 2in } .clsCurrencyListTitle { color: #939292; display: block; font-size: .8em } .clsCurrencyList li { color: #676767; cursor: pointer; font-size: 8pt; margin-left: 7px; padding: 2px 0 } .clsLanguageList li { cursor: pointer; margin: 0; padding: 2px 0; position: relative } .clsCurrencyDropdownList li:hover, .clsLanguageList li:hover { background: #fff6e9 } .clsDropdownArrowDown { background: url(/images/sprite8bit.png) -98px -22px; font-size: 0; height: 6px; margin: 0; overflow: hidden; padding: 0; position: absolute; right: 8px; top: 7px; width: 11px } .clsLanguageName { margin-bottom: 2px; margin-top: 0; padding-left: 25px } .clsFlagLanguage { height: 14px; overflow: hidden; padding-bottom: 1px; padding-top: 1px; position: relative } @media(min-width:8in) { #idMobileMenuBtn { display: none } } .clsTopCountriesLinks { margin: 10px 10px 0 } .clsTopCountriesLinks h5 { color: #1595d3; font-size: 14px; margin-bottom: 5px; margin-top: 14px } .clsTopCountriesLinks a { color: #235f8e; display: block; line-height: 18px } .clsDudeTopCountries { background: url(../images/homepage/homepage_pieces.png); bottom: 20px; height: 73px; position: absolute; right: 18px; width: 54px } .clsTopCitiesLinks p, .clsTopCitiesWithImages p, .clsTopCountriesLinks p { line-height: 18px; margin: 0; padding: 0 } .clsTopCitiesWithImages h3 { font-size: 14px; margin-bottom: 10px } .clsTopCitiesBox { float: left; height: 75pt; margin-bottom: 10px; padding-right: 10px; position: relative; width: 175px } .clsTopCitiesBox img { border: 1px solid #fff; box-shadow: 3px 3px 4px #777; float: left; margin-right: 8px; margin-top: 2px } .clsTopCitiesBoxWidth { width: 200px } .clsTopCitiesNrHotels { color: #39c; display: block; font-size: 9px; font-weight: 700; line-height: 24px; text-decoration: none } .clsIconForTopCities, .clsIconForTopCountries { margin-right: 0 } @media(min-width:8in) { #idHotelsOneLogo { background: url(/images/sprite8bit.png) -114px 0 no-repeat; cursor: pointer; display: block; height: 92px; position: absolute; text-decoration: none; top: 0; width: 76px; z-index: 4 } #idHotelsOneLogoTxt { background: url(/images/sprite8bit.png) -2in 0 no-repeat; cursor: pointer; display: block; height: 38px; left: 78px; position: absolute; text-decoration: none; top: 0; width: 180px; z-index: 1 } } .clsPayOff { color: #808285; font-weight: 400; margin-left: 7px } .clsOfficeLocationEmailNL { background: url(../../../images/officeLocationsEmail_Ho.png) -2px -2px; height: 11px; overflow: hidden; width: 125px } .clsOfficeLocationEmailBE { background: url(../../../images/officeLocationsEmail_Ho.png) -130px -2px; height: 11px; overflow: hidden; width: 129px } .clsOfficeLocationEmailFR { background: url(../../../images/officeLocationsEmail_Ho.png) -2px -15px; height: 11px; overflow: hidden; width: 93pt } .clsOfficeLocationEmailMX { background: url(../../../images/officeLocationsEmail_Ho.png) -130px -15px; height: 11px; overflow: hidden; width: 133px } .clsOfficeLocationEmailIT { background: url(../../../images/officeLocationsEmail_Ho.png) -2px -28px; height: 11px; overflow: hidden; width: 122px } .clsOfficeLocationEmailUS { background: url(../../../images/officeLocationsEmail_Ho.png) -130px -28px; height: 11px; overflow: hidden; width: 127px } .clsBPHOLogo { background: url(/images/bookingProcess/logoPieces.png) 0 -4pc no-repeat; cursor: pointer; display: block; height: 4pc; position: absolute; text-decoration: none; top: 0; width: 52px; z-index: 380 } .clsBPHOLogoTxt { background: url(/images/bookingProcess/logoPieces.png) -51px -66px no-repeat; cursor: pointer; display: block; height: 27px; left: 60px; position: absolute; text-decoration: none; top: 5px; width: 193px; z-index: 370 } .clsBPHOSloganHeader { border-bottom: 0; font-size: 9pt; height: 30px; left: 65px; position: absolute; text-decoration: none; top: 40px; white-space: nowrap; width: 193px; z-index: 360 } .clsBPHOSloganHeader a { color: #808285 } .altheader #idEbFirstBlockUnderTab #idEbHotelDetailRooms+div, .altheader .clsBarBottom { display: none; visibility: hidden } .altheader .clsLeftColomnSwap { top: 99px } .altheader #idEbHotelDetailTitle .clsEbFloatLeft { box-sizing: border-box; margin: 0 auto; max-width: 64pc; padding-left: 45px; padding-right: 300px } .altheader #idEbHotelDetailTitle .clsEbFloatRight { margin-top: 27px; position: absolute; right: 0 } .altheader #idEbHotelDetailIntro { margin-top: 27px } .altheader #idEbHotelDetailTitle { background-color: #004f9d; padding: 20px 10px } .altheader #idEbHotelDetailTitle .clsEbFloatLeft { float: none } .altheader #idEbHotelDetailTitle .clsClear, .altheader #idEbHotelDetailTitle h1 { color: #fff; margin-left: -45px; padding-left: 45px; padding-right: 10px } .altheader .clsHeaderBookProcessF { height: 36px; padding: 0 10px } .altheader #idEurobookingsLogo, .altheader #idHotelsOneLogo { display: none } .altheader .clsBarTop { background: 0 } .altheader .clsNewBar { background: 0; border: 0; box-sizing: border-box; margin: -10px 0 5px; padding: 0 10px } .altheader #idBreadCrumb { left: 0 } .altheader .clsBreadCrumbLink a, .altheader .clsBreadCrumbNoLink { color: #aaa; font-weight: 400; padding: 0 } .altheader .clsBreadCrumbLink { background: 0; padding-left: 0; padding-right: 6px } .altheader .clsBreadCrumbLink:after { color: #aaa; content: " >"; padding-left: 4px } .altheader .clsHeaderBookProcessF>.clsPositionRelative { position: absolute; top: 8px } .altheader #idEurobookingsLogoTxt, .altheader #idHotelsOneLogoTxt { background: 0; display: inline; font-size: 14px; font-weight: 700; position: static; top: 0; width: auto } .altheader #idHotelsOneLogoTxt:before { color: #ff8700; content: "Hotels" } .altheader #idHotelsOneLogoTxt:after { color: #0096dd; content: "One" } .altheader #idEurobookingsLogoTxt:before { color: #004676; content: "eurobookings" } .altheader .clsEurobookingsSloganHeader { display: inline; height: auto; position: static; top: 0 } .altheader .clsBookingProcessPhoneInHeader { font-size: 13px; position: absolute; right: 0; top: 50px } .altheader #idEbHeaderMenuPos { top: 110px } .altheader #idEbHeaderMenu a { color: #fff } .altheader.hotelreview .clsHRButtonPositions { margin-top: 10px } .altheader.hotelreview #idEbHotelDetailTitle .clsEbFloatRight { display: none } .altheader .clsSecureTextHeader { padding-top: 8px } .altheader .clsBreadCrumbPosInNewBar { font-size: 8pt } .altheader .clsSecureTextHeader { padding-left: 390px } .altheader .clsHeaderBookProcessF>.clsPositionRelative { width: 25pc } .altheader .hotelCity { clear: both; color: #fff; font-size: 10pt; padding-right: 10px } input[type=text]::-ms-clear { display: none } .clsBookingProcessBg { background-color: #f4f7fc; border-left: #e1ebf4; border-right: #e1ebf4; font-family: arial; font-size: 9pt; padding: 20px } .clsBookingProcessBg input:focus, .clsBookingProcessBg select:focus, .clsBookingProcessBg textarea:focus { background-color: #ff9 } .clsPrintEurobookingsImage, .clsPrintEurobookingsImage img, .clsPrintHotelsOneImage, .clsPrintHotelsOneImage img { display: none } .clsBoxPositioning { margin-bottom: 22px; position: relative; width: 100% } .clsHotelReservationBox { margin-top: -19px } .clsBoxOuterline { border: 1px solid #c6d3e3; position: relative } .clsBoxOuterline:after, .clsBoxOuterline:before { background: #777; bottom: 15px; box-shadow: 0 15px 15px rgba(0, 0, 0, .2); content: ""; left: 5px; max-width: 300px; position: absolute; top: 80%; transform: rotate(-3deg); width: 50%; z-index: 0 } .clsBoxOuterline:after { left: auto; right: 5px; transform: rotate(3deg) } .clsSideOverview .clsBoxOuterline:before { display: none } .clsSideOverview .clsBoxOuterline:after { border-radius: 75pt/20px; bottom: 0; box-shadow: 0 0 20px rgba(0, 0, 0, .4); left: 10px; max-width: none; right: 10px; top: 50%; transform: none; width: auto } .clsRoomPolicyData { display: none } .clsCVCTextInner img { margin: 4px 0 } .clsPositionRequiredText { color: #369; font-size: .85em; position: absolute; right: 0; top: -17px } .clsBoxWhiteLine { background-color: #e5eef5; border: 1px solid #fff; position: relative; z-index: 1 } .clsBoxWhiteLine h1 { background: linear-gradient(180deg, #346397, #173f7d); background-color: #306091; color: #fff; font-size: 1.1em; font-weight: 700; letter-spacing: .3pt; padding: 4px 13px 5px; text-shadow: 1px 1px 0 #0b1c38 } .clsBoxWhiteLine h3 { font-size: 1.5em; line-height: 110%; margin-top: 5px } .clsBoxContent { background: #e5eef5; background-image: linear-gradient(180deg, #e5eef5, #d4dbe8); background-position: left bottom; background-repeat: no-repeat; background-size: 100% 5pc; padding: 20px; position: relative; z-index: 2 } .clsSideOverview .clsBoxContent { background-image: none } .clsBoxContentTable { position: relative; width: 100% } .clsContentPayment { margin-top: 20px } .clsBoxContentTable th, .clsSideBySideHeading { color: #036; font-weight: 700; text-align: left } .clsRoomOccupancyTitle { padding-right: 90pt; position: relative } .clsRoomOccupancyTitle:before { border-bottom: 1px dashed #3d658d; bottom: 3px; content: ""; display: block; left: 0; position: absolute; width: 100% } .clsPolicyTxt { bottom: 6px; color: #036; cursor: pointer; float: right; font-size: .9em; max-width: 105px; overflow: hidden; padding-right: 13px; position: absolute; right: 0; text-overflow: ellipsis; white-space: nowrap } .clsIconPolicyNR { background: url(/images/BookingPageF/sprite-checkout.png) -261px 0; display: inline-block; height: 11px; margin-right: 5px; width: 9px } .clsPolicyArrowDown, .clsPolicyArrowRight { background: url(/images/BookingPageF/sprite-checkout.png) -245px 2px; height: 11px; position: absolute; right: 0; top: 0; width: 6px } .clsPolicyArrowDown { background-position: -245px -15px; width: 9px } .clsBoxContent h2 { background-color: #e5eef5; display: inline; position: relative } .clsBlueLine { border-right: 1px solid #a1b8d0; font-size: 0; margin: 0; padding: 0; width: 1px } .clsWhiteLinePadding { border-left: 1px solid #fff; padding-left: 20px } .clsFirstColomn { padding-left: 20px; padding-right: 15px } .clsCommentsInBox, .clsCommentsInBoxRoom { color: #92a8c1; padding: 4px 10px 0 25px; text-align: center; text-shadow: 1px 1px 0 #fff; vertical-align: middle; width: 40% } .clsCommentCreditcard { padding-top: 40px; vertical-align: top } @media(max-width:64pc) { .clsCommentCreditcard, .clsCommentsInBox, .clsCommentsInBoxRoom { padding: 0 0 0 10px } } .clsRequired { color: #f60 } .clsBookingProcessBg input { border: 1px solid #97afc7; color: #000; display: block; font-size: 1em; margin-bottom: 10px; margin-top: 3px; padding-bottom: 1px; padding-left: 4px; padding-top: 1px; width: 100% } .clsInputQuestionMark { background: url(/images/BookingPageF/questionmark.png) no-repeat 50% 50%; cursor: pointer; height: 1pc; left: 130px; padding: 3px; position: absolute; top: 2px; width: 1pc } .clsBookingProcessSelectBoxWide { margin-bottom: 10px; margin-top: 3px; width: 100% } .clsBookingProcessSelectBoxSmall { margin-bottom: 10px; margin-top: 3px } .clsBoxTopText { color: #90a7be; font-size: 1.2em; padding: 2px 0; text-align: center; text-shadow: 1px 1px 0 #fff } .clsHotelInfo { color: #036; margin-bottom: 15px; margin-top: 15px; width: 100% } .clsCellHotelImage { width: 135px } .clsHotelInfo td { font-size: .9em; line-height: 10px; padding: 0; vertical-align: top } .clsHotelInfo th { padding-bottom: 13px; text-align: left; vertical-align: top } .clsImageFrame { border: 4px solid #fff; box-shadow: 0 0 3px #444; display: inline-block; margin: 5px 5px 0 0 } .clsRoomOccupants { font-size: .9em; font-style: italic } .clsRondCheckIconSpace { padding: 8px 0 5px 5px } .clsRoundCheckIconSpaceStep1 { padding: 3px 0 3px 3px; width: 2pc } .clsGreenMessage { background: -o-linear-gradient(top, #a5de73, #96ce65); background-color: #94d161; background-repeat: repeat-x; border: 1px solid #90b97a; color: #036; margin-bottom: 15px } .clsSpaceInGreenMessage { padding: 0 7px } .clsHotelRoom { color: #036; margin-bottom: 0; width: 100% } .clsHotelRoom td, .clsHotelRoom th { vertical-align: top } .clsHotelRoom th { font-size: 1.1em; padding-right: 6px; text-align: left } .clsRoomDay { color: #686868; font-size: .9em } .clsRoomDay:before { border-bottom: 1px dotted #b7bcc1; content: ""; display: block; position: relative; top: 9px } .clsRoomDayPrice { text-align: right; width: 10% } .clsRoomDayFromPrice { color: #999; text-align: right; text-decoration: line-through; width: 10% } .clsRoomDayHideBg { background-color: #e5edf5; position: relative } .clsRoomDayName { background-color: #e5edf5; float: left; padding-right: 3px } th.clsTotalRoomPrice { color: #369; font-size: 1em; padding: 5px 0; text-align: right } .clsRoomNameText { font-size: 1.1em } .clsRoomNameText .clsNote { color: #777 } .clsRoomNameText .clsGlow { color: #690 } .clsPolicyType.clsRefun { color: #64963a } .clsPolicyType.clsNonRefun { color: #777 } .clsRoomNameText .clsPolicyType { font-size: .8em } .clsRoomDivider { border-top: 1px dotted #cad9ea; height: 10px; margin-bottom: 11px; margin-top: 9px; width: 102% } .clsRoomsTotalWithoutTaxes { margin-top: 15px } .clsRoomsTotalWithoutTaxes, .clsRoomsTotalWithoutTaxesFirst { color: #369; font-size: .9em; font-weight: 700; position: relative } .clsRoomsTotalWithoutTaxes:before, .clsRoomsTotalWithoutTaxesFirst:before { border-top: 1px dotted #369; content: ""; display: block; position: relative; top: 9px } .clsTxtInRoomsTotalWithoutTaxes { background-color: #e8eff6; display: inline-block; padding-right: 4px; position: relative } .clsPriceOfRoomsTotalWithoutTaxes { background-color: #e8eff6; padding-left: 4px; position: absolute; right: 0; top: 0 } .clsThawteLogoHeader { background: url(/images/BookingPageF/sprite-checkout.png) 2px 1px; float: right; height: 37px; margin-left: 5px; margin-top: 9pt; width: 175px } .clsSideOverview .clsThawteLogoHeader { float: left } .clsEbContentBlock .clsThawteLogoHeader { margin-top: 9px } .clsSecureBookingSmall { background: url(/images/BookingPageF/sprite-checkout.png) -210px -6px; height: 18px; left: -15px; position: absolute; top: -2px; width: 14px } .clsSecureBookingTxtPos { color: #777; font-weight: 400; left: 20px; position: relative; white-space: nowrap } .clsHeaderBookProcessF { height: 66px } .clsSecureTextHeader { color: #919191; font-size: 1.4em; padding-left: 300px; padding-top: 26px; text-align: center } .clsAmountDueNow, .clsReservationTotalPriceBar { position: relative; z-index: 2 } .clsPriceInReservationTotalPrice, .clsReservationTotalPriceBar, .clsTextInReservationTotalPrice { background: linear-gradient(180deg, #346397, #173f7d) } .clsReservationTotalPriceBarInner { padding: 2px 0; position: relative; z-index: 1 } .clsReservationTotalPriceBarInner:before { border-bottom: 1px dashed #fff; content: ""; display: block; position: relative; top: 1pc } .clsAmountDueNow { background-color: #afe472; border-bottom: 1px solid #90b97a; border-left: 1px solid #90b97a; border-right: 1px solid #90b97a; padding: 5px 0 } .clsDueNowText { color: #363; float: left; font-size: 1.1em; padding: 4px 4px 4px 20px; position: relative; z-index: 2 } .clsDueNowPrice { color: #363; float: right; font-size: 1.5em; font-weight: 700; letter-spacing: .3pt; padding: 1px 20px 0 4px; position: relative; z-index: 2 } .clsDescGuarantee { color: #777; display: block; font-size: .9em; font-weight: 400; margin-bottom: 3px; position: relative; top: -8px } .clsTextInReservationTotalPrice { color: #fff; float: left; font-size: 1.1em; padding: 4px 4px 4px 20px; position: relative; text-shadow: 1px 1px 0 #0b1c38; z-index: 2 } .clsPriceInReservationTotalPrice { color: #fff; float: right; font-size: 1.7em; font-weight: 700; letter-spacing: .3pt; padding: 1px 20px 0 4px; position: relative; text-shadow: 1px 1px 0 #0b1c38; z-index: 2 } .clsTextBesideButton { color: #97afc7; font-size: 1.2em; margin-right: 10px; padding: 2px 0; text-align: center; text-shadow: 1px 1px 0 #fff } .clsButtonPos { padding-top: 9pt; text-align: right } .clsBookingButton { font-size: 1.2em; overflow: visible; padding: 6px 47px 6px 20px; position: relative; white-space: nowrap } .clsBookingButton:after { background: url(/images/sprite24bit.png) 0 0 no-repeat; content: " "; height: 21px; margin-top: -10px; position: absolute; right: 6px; top: 50%; width: 22px } .clsCityGuideButton { background: url(/images/BookingPageF/Sprites.png) 0 -517px; color: #fff; cursor: pointer; display: block; font-size: 1.6em; font-weight: 700; height: 31px; padding: 13px 47px 6px 70px; position: relative; text-shadow: 0 0 2px #000; white-space: nowrap } .clsCityGuideButtonRight { background: url(/images/BookingPageF/Sprites.png) -466px -517px; cursor: pointer; height: 50px; position: absolute; right: 0; top: 0; width: 34px } .clsCityGuidePosBox { position: relative; text-align: left } .clsCityBookingInfo { position: relative; width: 60% } .clsNewBar { background: linear-gradient(180deg, #fcac53, #f49421); border-bottom: 1px solid #bf6c19; height: 25px } .clsBreadCrumbPosInNewBar { font-size: 1.1em; margin-left: auto; margin-right: auto; max-width: 64pc; padding-top: 4px } .clsBreadCrumbInNewBar { color: #fff } .clsCopyRightTextInFooter { margin-top: 15px } .clsStepBar { background: url(/images/BookingPageF/Sprites.png) 0 -76px; color: #fff; float: left; font-size: 1.1em; font-weight: 700; height: 27px; position: relative; text-shadow: 0 0 2px #000; width: 31.5% } .clsStepSelected { background: url(/images/BookingPageF/Sprites.png) 0 -8pc } .clsTextInStep { padding-top: 6px; text-align: center; white-space: nowrap; width: 100% } .clsStep1, .clsStep2 { margin-right: 18px } .clsStepBarEnd { background: url(/images/BookingPageF/Sprites.png) -5in -76px; height: 27px; position: absolute; right: -20px; top: 0; width: 20px } .clsStepBarEndSelected { background: url(/images/BookingPageF/Sprites.png) -5in -8pc } .clsBookingProcessTxt { color: #369; font-style: italic; letter-spacing: .2pt; margin-top: 25px; text-align: right; text-shadow: 1px 1px 0 #fff } .clsBookingProcessTxt ul { line-height: 20px; list-style: none } .clsPolicyClosed { margin: 20px -10px 15px; padding: 5px 10px } .clsPolicyOpened { background-color: #fff; margin: 20px -10px 15px; padding: 5px 10px } .clsPolicyOpened h2 { background-color: #fff } .clsPolicyTextOpened { margin-left: 20px; margin-top: 5px } .clsPolicyOpened .clsPolicyType { background-color: #fff; padding-right: 5px } .clsPolicyClosed .clsPolicyType { background-color: #e5eef5; padding-right: 5px } .clsMessageBoxPos { display: inline-block; max-width: 246px; position: relative; top: 0; width: 100% } .clsMessageBoxPosLimited { display: inline-block; position: relative; top: 0; width: 90pt } .clsMessageBoxOuter { display: none; min-height: 20px; position: absolute; right: -10pc; top: 0; width: 165px } .clsMessageBoxLatin { min-height: 20px; position: absolute; right: -10pc; top: 0; width: 165px } .clsMessageBoxCVC { font-weight: 400; min-height: 20px; position: absolute; right: -340px; top: 0; width: 20pc } .clsMessageBoxCVC .clsMessageBox, .clsMessageBoxLatin .clsMessageBox { opacity: 1 } .clsMessageBoxCVC .clsMessageBox { top: -90pt } .clsMessageBox { background-color: #fff; border: 1px solid #d9d5d1; box-shadow: 2px 2px 4px #777; left: 35px; min-height: 20px; opacity: .85; overflow: visible; padding: 10px; position: relative; top: 0; z-index: 1 } .clsBPSideBySide { display: inline-block } .clsMessageBoxArrow { background: url(/images/BookingPageF/sprite-checkout.png) -292px -6px; height: 14px; left: 0; position: absolute; top: 0; width: 43px; z-index: 2 } .clsCloseCross { background: url(/images/BookingPageF/sprite-checkout.png) -228px -11px; cursor: pointer; height: 8px; overflow: hidden; position: absolute; right: 3px; top: 3px; width: 8px } .clsCursorPointer { cursor: pointer } .clsWarningBoxAtTop { background-color: #fff; padding: 10px } .clsWarningText { color: #036 } .clsCheckBoxNewsLetter { border: 0; float: left; margin-right: 10px; width: 15px } .clsNewsLetterCell { color: #036; padding-left: 15px; text-align: left } .clsNewsLetterText { float: left } .clsGuestMailingLabel { position: relative; top: 4px } .clsPaymentGroup th { border-right: 1px solid #ccc; padding-right: 5px } .clsPaymentLine { border-left: 1px solid #fff; overflow: hidden; width: 1px } .clsSomeSpaceBetweenTitleFormIE6fix { display: none } .clsEndOfStep2 { padding-top: 6px; position: relative; text-align: right; z-index: 4 } .clsEndOfStep2 table { position: relative } .clsPayLocalCur { color: #369; margin-top: 15px; text-shadow: 1px 1px 0 #fff; width: 100% } .clsPayLocalCurTxt { float: left; margin-left: 23px; margin-right: 23px } .clsTaxFee { margin-top: 15px; width: 100% } .clsNewTotalTxt, .clsTaxFeeTxt { float: left; margin-left: 23px } .clsNewTotalTxt { clear: left; margin-top: 10px } .clsNewTotalPrice { float: right; margin-right: 23px; margin-top: 10px } .clsPayLocalCurPrice { color: #369; float: right; margin-right: 25px; text-shadow: 1px 1px 0 #fff } .clsRoundCheckIcon { background: url(/images/BookingPageF/sprite-checkout.png) -178px -4px; height: 26px; width: 26px } .clsCheapestText { font-weight: 700 } .clsBookingProcessBgStep3 { background-color: #f4f7fc; border-left: #e1ebf4; border-right: #e1ebf4; font-size: 9pt; padding: 20px } .clsBookingProcessBgStep3 h2 { color: #f93; font-family: verdana; font-size: 1.6em; font-weight: 400; padding: 15px 0 5px; text-shadow: 1px 1px 0 #fff } .clsSt3Inner { margin-top: 25px } .clsSt3Inner a { color: #f93; text-decoration: underline } .clsYourBookingStep3 { float: left; margin-right: 40px } h3.clsHotelNameStep3 { font-size: 1.4em; margin-bottom: 10px; padding-left: 130px } .clsBookingDetailsStep3 { position: relative } .clsBookingDetailsStep3 th, .clsBookingInfoStep3 th, .clsYourBookingStep3 th { color: #5c6369; font-weight: 400; padding: 4px 0; text-align: left } .clsBookingDetailsStep3 td, .clsBookingInfoStep3 td, .clsYourBookingStep3 td { color: #2d91cd; font-weight: 700; padding: 4px 0; vertical-align: top } .clsYourBookingStep3 td, .clsYourBookingStep3 th { padding-right: 7px } .clsBookingInfoStep3 { margin-top: 10px } .clsBookingDetailsRoomStep3 { margin-right: 0 } .clsBookingDetailsRoomStep3 td, .clsBookingDetailsStep3 td, .clsBookingInfoStep3 td { padding-right: 10px } .clsTableGreenRow { margin-top: 20px; width: 100% } .clsTableGreenRow td { vertical-align: top } .clsBoxOuterlineType1 { background-color: #e2f2d5; position: relative; text-shadow: 1px 1px 0 #fff } .clsBoxType1Title { color: #2d91cd; font-family: georgia; font-size: 1.4em; font-style: italic; margin-left: 9pt } .clsBoxContentInnerType1 { padding: 15px 5px } .clsBoxContentInnerType1 p { color: #036; line-height: 18px; margin-left: 9pt } .clsIconPrinterF { background: url(/images/BookingPageF/Sprites.png) 0 -402px; cursor: pointer; height: 50px; position: relative; width: 52px } .clsPrintBox td { vertical-align: middle } .clsTextPrinterCell { padding-left: 10px } .clsArrowWithExcl { background: url(/images/BookingPageF/Sprites.png) -77px -401px; height: 50px; left: -92px; position: absolute; width: 62px } .clsFullReservationText { color: #036; margin-top: 3px; padding-left: 130px } .clsDivStep3Info { padding-left: 130px } .clsBookingDetailsSubTitle, .clsContactSubTitle { color: #036; font-size: 1.1em; font-weight: 700 } .clsContactSubTitle { margin-bottom: 15px; margin-top: -10px } .clsBookingPolicyBoxStep3 { color: #666; line-height: 18px; margin-top: 15px } .clsContactBoxSt3 { background-color: #fff; border: 1px solid #c5d2e2; color: #036; padding: 25px; position: relative } .clsContactEmail, .clsContactPhone { float: left; position: relative; width: 25% } .clsContactFacebook { cursor: pointer; float: left; position: relative; width: 25% } .clsContactTitle { color: #2d91cd; display: block; font-weight: 700; margin-bottom: 3px } .clsTelephoneIconF { background: url(/images/BookingPageF/Sprites.png) -175px -406px; float: left; height: 40px; margin-right: 10px; width: 38px } .clsEmailIconF { background: url(/images/BookingPageF/Sprites.png) 0 -5in; float: left; height: 29px; margin-right: 10px; width: 36px } .clsFacebookIconF { background: url(/images/BookingPageF/Sprites.png) -52px -5in; float: left; height: 30px; margin-right: 10px; width: 30px } .clsRightBoxInContact { float: right; position: relative; width: 25% } .clsBoxContactHandwriteTitle { color: #2d91cd; font-family: georgia; font-size: 1.4em; font-style: italic; margin-bottom: 3px; text-shadow: 1px 1px 0 #ccc } .clsBoxWhiteLineInStep3 { background-color: #e7f4fc; color: #036 } .clsDownloadCityGuide { margin-bottom: 8px } .clsNonCancellationStep3 { color: #900 } .clsFreeCancellationStep3 { color: #73b444 } .clsSt3ImagePos { left: 20px; position: absolute; top: 20px } .clsTrustPilotLogo { background: url(/images/BookingPageF/Sprites.png) -33px -1401px; height: 18px; left: 10px; position: absolute; top: 14px; width: 152px } .clsTrustPilotBg { background: url(/images/BookingPageF/Sprites.png) 0 -1455px; height: 51px; position: relative; width: 100% } .clsTrustPilotReviewButton { background: url(/images/BookingPageF/Sprites.png) 0 -1518px; color: #fff; cursor: pointer; display: block; font-size: 1.6em; font-weight: 700; height: 31px; padding: 13px 47px 6px 70px; position: relative; text-shadow: 0 0 2px #000 } .clsTrustPilotReviewButtonRight { background: url(/images/BookingPageF/Sprites.png) -466px -1518px; cursor: pointer; height: 50px; position: absolute; right: 0; top: 0; width: 34px } span.clsNotPaid { color: #f93; font-size: .9em } span.clsPaid { color: #73b444; font-size: .9em } .clsAdditionalText { color: #777; font-weight: 400 } .clsCCIcon { display: inline; margin-left: 340px; margin-top: -35px; position: absolute } .clsCCVisa { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 0; display: block; height: 30px; width: 3pc } .clsCCAmericanExpress { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -2pc; display: block; height: 30px; width: 3pc } .clsCCMasterCard { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -1in; display: block; height: 30px; width: 3pc } .clsCCDinersClubInternational { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -14pc; display: block; height: 30px; width: 3pc } .clsCCMaestro { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -28pc; display: block; height: 30px; width: 3pc } .clsCCBC { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -4pc; display: block; height: 30px; width: 3pc } .clsCCCarteBlanche { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -8pc; display: block; height: 30px; width: 3pc } .clsCCChinaUnionPay { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -10pc; display: block; height: 30px; width: 3pc } .clsCCDiscover { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -2in; display: block; height: 30px; width: 3pc } .clsCCCarteSi { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -16pc; display: block; height: 30px; width: 3pc } .clsCCBleue { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -3in; display: block; height: 30px; width: 3pc } .clsCCVisaDankort { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -20pc; display: block; height: 30px; width: 3pc } .clsCCDelta { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -22pc; display: block; height: 30px; width: 3pc } .clsCCElectron { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -4in; display: block; height: 30px; width: 3pc } .clsCCJCB { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -26pc; display: block; height: 30px; width: 3pc } .clsCCSwitch { background: url(../../images/bookingProcess/ccsprite.png) no-repeat 0 -5in; display: block; height: 30px; width: 3pc } .clsSideOverview { left: 50%; margin-left: 69px; padding-bottom: 10px; position: absolute; top: 0 } .clsSideOverview.fixed { position: fixed } .clsSideOverview.fixed.preventFixed { position: absolute } .clsSideOverview.bottom { bottom: 0; position: absolute; top: auto } .clsSideOverview.bottom.preventFixed { bottom: auto; top: 0 } @media(max-width:767px) { .clsCardNameLabel { display: inline-block; font-weight: 400; margin-bottom: 10px; padding: 5px 5px 5px 0 } .clsCardNameLabelChange { font-weight: 400 } } .clsImageFrame { cursor: zoom-in; position: relative } .clsImageFrame img { height: 110px; width: 110px } @media(min-width:1025px) { .clsImageFrame:after { background: url(/images/sprite24bit.png) -65px 0; bottom: 0; content: " "; height: 34px; position: absolute; right: 0; width: 35px } } @media(max-width:750pt) { .clsHotelRoom .clsImageFrame img { height: 5pc; width: 5pc } #idRoomImageEnlarged.clsCheckout>img { max-width: 450px } } #idRoomImageEnlarged.clsCheckout:after { border-left-color: #fff; border-right-color: transparent; left: 100%; right: auto; top: 70px } #reservation-waiting-popup { background-color: rgba(0, 0, 0, .5); height: 100%; left: 0; position: fixed; text-align: center; top: 0; white-space: nowrap; width: 100%; z-index: 800 } #reservation-waiting-popup:before { content: ""; display: inline-block; height: 100%; margin-right: -.25em; vertical-align: middle } .reservation-waiting-popup-inner { background-color: #fff; border: 2px solid #ff7f00; border-radius: 5px; box-shadow: 0 5px 15px rgba(0, 0, 0, .7); box-sizing: border-box; display: inline-block; font-size: 10pt; max-height: 95%; max-width: 95%; padding: 50px 20px 20px; position: relative; text-align: left; vertical-align: middle; white-space: normal; width: 600px } #reservation-waiting-popup .popup-message { font-size: 1pc; font-weight: 700; height: 40px; position: relative } #reservation-waiting-popup .loading:after { -webkit-animation: spinnerAnim 1.6s infinite linear; -webkit-transform: translatez(0); animation: spinnerAnim 1.6s infinite linear; border-bottom: 3px solid rgba(0, 157, 217, .2); border-left: 3px solid #009dd9; border-radius: 50%; border-right: 3px solid rgba(0, 157, 217, .2); border-top: 3px solid rgba(0, 157, 217, .2); content: ""; font-size: 10px; height: 20px; left: 50%; margin: -20px 0 0 -17px; position: absolute; top: 35px; transform: translatez(0); width: 20px; z-index: 1 } @media(max-width:767px) { #reservation-waiting-popup .popup-message { height: 60px } } #reservation-waiting-popup .message { position: absolute; text-align: center; top: 0; width: 100% } #reservation-waiting-popup .message1 { -webkit-animation: message1 24s infinite; animation: message1 24s infinite } #reservation-waiting-popup .message2 { -webkit-animation: message2 24s infinite; animation: message2 24s infinite } #reservation-waiting-popup .message3 { -webkit-animation: message3 24s infinite; animation: message3 24s infinite } #reservation-waiting-popup .message4 { -webkit-animation: message4 24s infinite; animation: message4 24s infinite } @-webkit-keyframes message1 { 0%, 22%, to { opacity: 1 } 25%, 97% { opacity: 0 } } @-webkit-keyframes message2 { 0%, 22%, 50%, to { opacity: 0 } 25%, 47% { opacity: 1 } } @-webkit-keyframes message3 { 0%, 47%, 75%, to { opacity: 0 } 50%, 72% { opacity: 1 } } @-webkit-keyframes message4 { 0%, 72%, to { opacity: 0 } 75%, 97% { opacity: 1 } } @keyframes message1 { 0%, 22%, to { opacity: 1 } 25%, 97% { opacity: 0 } } @keyframes message2 { 0%, 22%, 50%, to { opacity: 0 } 25%, 47% { opacity: 1 } } @keyframes message3 { 0%, 47%, 75%, to { opacity: 0 } 50%, 72% { opacity: 1 } } @keyframes message4 { 0%, 72%, to { opacity: 0 } 75%, 97% { opacity: 1 } } .clsDivBox1, .clsDivBox10, .clsDivBox11, .clsDivBox12, .clsDivBox13, .clsDivBox14, .clsDivBox15, .clsDivBox16, .clsDivBox17, .clsDivBox18, .clsDivBox19, .clsDivBox2, .clsDivBox3, .clsDivBox4, .clsDivBox5, .clsDivBox6, .clsDivBox7, .clsDivBox8, .clsDivBox9 { background-position: bottom; background-repeat: repeat-x; padding: 0; position: relative } .clsDivBox1 { background-color: #f93; background-image: linear-gradient(180deg, #f93, #fd9130 52%, #f76e25 83%, #f46221); background-size: 100% 180px; margin-bottom: 10px } @media(min-width:1025px) { .clsDivBox1 { border-radius: 11px; box-shadow: 2px 2px 4px rgba(0, 0, 0, .5) } } .clsDivBox1 a, .clsDivBox2 a { color: #fff } .clsDivBox10Content, .clsDivBox11Content, .clsDivBox12Content, .clsDivBox13Content, .clsDivBox14Content, .clsDivBox15Content, .clsDivBox16Content, .clsDivBox17Content, .clsDivBox18Content, .clsDivBox19Content, .clsDivBox1Content, .clsDivBox1ContentSearch, .clsDivBox2Content, .clsDivBox3Content, .clsDivBox4Content, .clsDivBox5Content, .clsDivBox6Content, .clsDivBox7Content, .clsDivBox8Content, .clsDivBox9Content { padding: 1px 15px 20px 13px; position: relative } .clsDivBox1ContentSearch { margin: 0; padding: 0; position: relative; top: 0 } .clsDivBox1ContentSearchInner { border: 0; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; position: relative } .clsDivBox1ContentSearch h3 { color: #036; font-size: 14pt; margin-bottom: 5px } .clsDivBox1Content h1, .clsDivBox1Content h2, .clsDivBox2Content h1, .clsDivBox2Content h2 { color: #fff; font-size: 14px; margin: 10px 0 0; padding: 0 } .clsDivBox1AttachTop { border-radius: 0 0 11px 11px; margin-bottom: 9pt; margin-top: -9pt; padding-top: 9pt } .clsDivBoxesLeft { max-width: 220px } .clsLandingPageLeftWidth { max-width: 388px } .clsDivBox1ContentSearchSmall { margin: 0; padding: 0; position: relative; top: 0 } .clsDivBox3 { border: 1px solid #84ba42; border-radius: 14px; font-size: 10px; margin-bottom: 10px; padding: 10px 0; position: relative } .clsDivBox4 { background-color: #fff; border: 1px solid #f93; border-radius: 14px; box-shadow: 1px 1px 2px #777; margin-bottom: 10px } .clsDivBox4 h2 { color: #036 } .clsDivBox5 { background-color: #fff; border: 1px solid #036; border-radius: 14px; box-shadow: 2px 2px 3px #777; margin-bottom: 10px } .clsDivBox5Content h3 { color: #036 } .clsDivBox6 { background-color: #fff; border: 1px solid #d1d1d3; border-radius: 14px; margin-bottom: 10px; overflow: hidden; width: 100% } .clsDivBox6Top { background: linear-gradient(180deg, #ddedfa, #f4f7fc 19%, #f4f7fc 0, #eef3f9 84%, #ddedfa); box-shadow: 0 2px 3px rgba(0, 0, 0, .1) inset; height: 2pc; width: 100% } .clsDivBox6TopTitle { color: #036; font-size: 10pt; font-weight: 700; height: 20px; padding: 6px 7px 6px 9pt } .clsDivBox6Content { padding: 20px } .clsDivBox6Content p { margin: 0; padding: 0 } .clsDivBox7 { background: linear-gradient(180deg, #fff, #e7e7e7); background-color: #fff; background-position: left bottom; background-repeat: repeat-x; background-size: 100% 110px; border: 1px solid #f93; border-radius: 14px; margin-bottom: 10px } .clsDivBox7.clsDivBoxesLeft { max-width: 250px } .clsDivBox7Content h3 { color: #036 } .clsDivBox9 { background-color: #fff; border: 1px solid #f93; border-radius: 14px; margin-bottom: 10px; overflow: hidden } .clsDivBox9Content h3 { color: #036 } .clsDivBox9Top { background-color: #f93; width: 100% } .clsDivBox9TopTitle { color: #fff; font-size: 10pt; font-weight: 700; padding: 7px 7px 7px 9pt } .clsDivBox9Content { padding: 10px 20px 20px } .clsDivBox9Content p { margin: 0; padding: 0 } .clsDivBox10 { background-color: #fff; border: 1px solid #c0bebf; border-radius: 11px; margin-bottom: 10px } .clsDivBox10Top { background: #e7e7e5; border-radius: 11px 11px 0 0; width: 100% } .clsDivBox10TopTitle { color: #036; font-size: 10pt; font-weight: 700; padding: 6px 7px 6px 9pt } .clsDivBox10Content { padding: 10px 20px 20px 10px } .clsDivBox10Content p { margin: 0; padding: 5px 5px 5px 15px; position: relative; vertical-align: top } .clsDivBox10Content p:before { background: url(/images/sprite8bit.png) -2px -98px; content: ""; height: 8px; left: 2px; position: absolute; top: 7px; width: 4px } .clsDivBox10LogoThawte { background: url(/images/sprite8bit.png) 0 -118px; height: 30px; position: absolute; right: 9pt; top: 2px; width: 149px } .clsDivBox11 { background: linear-gradient(180deg, #fffffe, #fde3c8); background-color: #fff; background-position: left bottom; background-repeat: no-repeat; background-size: 100% 110px; border: 1px solid #ddad7f; border-radius: 14px; box-shadow: 1px 1px 2px #777; margin-bottom: 10px } .clsDivBox11Content h3 { color: #036 } .clsDivBox13 { background-color: #fde3c8; border: 1px solid #ddad7f; border-radius: 14px; margin-bottom: 10px } .clsDivBox13Content h3 { color: #036 } .clsDivBox15 { background-color: #f5fbff; border: 1px solid #cde6f4; border-radius: 14px; box-shadow: 1px 1px 2px #777; margin-bottom: 10px; position: relative; z-index: 0 } .clsDivBox15Content { padding: 1px 10px 10px 13px } .clsDivBox16, .clsDivBox17 { background-repeat: no-repeat; border-radius: 5px; box-shadow: 0 3px 4px #999; cursor: pointer; margin-bottom: 5px; margin-right: 5px; position: relative } .clsDivBox16 { background: linear-gradient(180deg, #1595db, #0b66b5) } .clsDivBox17 { background: linear-gradient(180deg, #f57d1e 1%, #df6007) } .clsDivBox16:after, .clsDivBox17:after { border: solid transparent; border-color: #0b66b5 transparent transparent; border-width: 6px; content: " "; height: 0; left: 14px; pointer-events: none; position: absolute; top: 100%; width: 0 } .clsDivBox16Content, .clsDivBox17Content { margin: 0; padding: 9px } .clsDivBox17:after { border-top-color: #df6007 } .clsDivBox16Inner, .clsDivBox17Inner { color: #fff; margin-left: 4px; padding: 7px 5px; text-align: center } .clsDivBox18 { background-color: hsla(0, 0%, 78%, .8); background-repeat: no-repeat; border: 3px solid #fff; border-radius: 14px; box-shadow: 0 0 8px #777; margin: 7px 1pc 10px 3px; position: relative } .clsDivBox18Content { padding-top: 5px } .clsDivBox18Inner { padding: 10px 25px 10px 5px; width: 155px } .clsLBTxt { color: #444; font-weight: 700; line-height: 15px; padding-left: 25px; padding-right: 0; text-align: center; text-shadow: 1px 1px 1px #fff; width: 148px } .clsImgAttachedTop { border-radius: 0 0 11px 11px; box-shadow: 2px 2px 3px #777; height: 110px; margin-top: -9pt; max-width: 413px; position: relative; z-index: 5 } .clsImgAttachedTxt h1 { bottom: 10px; color: #fff; font-size: 1pc; font-weight: 700; left: 10px; margin: 0; padding: 0; position: absolute; text-shadow: 0 1px 2px #000; width: 95% } .clsDivBox4Box { margin-bottom: 10px; padding-bottom: 10px } .clsLeftTitle { margin: 0; padding: 0 } .clsSeveralTitle h5 { color: #036; font-size: 9pt; line-height: 18px; margin: 0; padding: 0 } .clsLeftTitle h3 { color: #666; line-height: 18px; margin: 0; padding: 0 } .clsRightTitle { margin: 0; padding: 0 } .clsRightTitle h1 { color: #036 } .clsCitiesNearby { border-bottom: 1px solid #f93; margin-top: 10px } .clsDestinationVideosInner { float: left; margin-top: 10px; width: 33% } .clsPointsOfInterest { border-bottom: 1px solid #f93; left: 0; margin-top: 10px; position: relative; top: 0 } .clsPointsOfInterestInner { float: left; left: 0; position: relative; top: 0; vertical-align: top; width: 100% } .clsCitiesNearbyIcon { background: url(../images/icons/LeftBoxIcons_pieces.png) no-repeat; height: 43px; width: 52px } .clsHotelWithAirportShuttleIcon { background: url(../images/icons/LeftBoxIcons_pieces.png) 0 -86px no-repeat; height: 43px; width: 52px } .clsMapIcon { background: url(../images/icons/LeftBoxIcons_pieces.png) 0 -43px no-repeat; height: 43px; width: 52px } .clsAirportsNearby { border-bottom: 1px solid #f93; border-top: 1px solid #f93; margin: 10px 0; padding-bottom: 10px } .clsAirportsNearbyIcon { background: url(../images/icons/LeftBoxIcons_pieces.png) 0 -129px no-repeat; height: 43px; width: 52px } .clsVideoIconLeft { background: url(../images/icons/LeftBoxIcons_pieces.png) 0 -172px no-repeat; height: 43px; width: 52px } .clsHotelWithAirportShuttle { border-bottom: 1px solid #f93; padding-top: 5px } .clsHotelsWithShuttleMoreLink { display: block; padding-left: 5px; padding-top: 10px } .clsPointsOfInterestDiv { float: left; margin: 0; padding: 0; width: 100% } .clsPOIContainer { float: left; min-width: 140px; padding-bottom: 10px; padding-right: 10px; position: relative; vertical-align: top; width: 45% } .clsPOIContainer h4 { color: #666; font-size: 8pt; margin: 0 0 5px; padding-top: 10px } .clsPOIList { list-style: none } .clsPOIList li { padding-bottom: 5px } .clsFont90Percent { font-size: 90% } .clsHotelsNearby { border-top: 1px solid #f63; padding-top: 10px; position: relative; top: -2px } .clsHotelsNearby p { color: #036; font-weight: 700 } .clsDistanceHotelsNearby { color: #d83d30 } .clsNearbyHotelIcon { background: url(/images/sprite8bit.png) -380px -81pt no-repeat; height: 30px; width: 30px } .clsHotelsNearbyTitle { margin: 0 0 3px } .clsHotelsNearbyTitle a { color: #036; font-weight: 700 } .clsHotelsNearbyStarPos { height: 15px; margin-bottom: 3px; margin-left: 76px } .clsHotelsNearbyPricePos { margin: 0 0 0 76px } span.clsHotelsNearbyPrice { color: #d83d30; font-size: 120%; white-space: nowrap } .clsInBetweenPageTable { line-height: 20px; width: 100% } .clsDivDivider { border-top: 1px solid #fc9; height: 1px; overflow: hidden } .clsInBetweenSomeSpace { padding: 0 10px 0 0 } .clsInBetweenAmountHotels, .clsInBetweenSuggestionName { color: #036; font-size: 14px; font-weight: 700; text-decoration: none } .clsInBetweenAmountHotels:hover, .clsInBetweenCountry:hover, .clsInBetweenSuggestionName:hover { text-decoration: underline } .clsInBetweenAmountHotels { font-size: 9pt; margin: 0 10px; white-space: nowrap } .clsInBetweenCountry { background-position: 0 2px; background-repeat: no-repeat; color: #036; padding-left: 20px; text-decoration: none } .clsDivBoxesInner { margin: 8px 4px } #idEbFaq { margin-bottom: 15px } #idEbFaqH1Icon { background: url(../images/icons/faqIcon.png) 0 0; float: left; height: 3pc; margin-bottom: 10px; margin-right: 10px; width: 45px } .clsEbFaqH2Icon { background: url(../images/icons/faqIcon.png) -45px 0; height: 30px; margin-right: 7px; width: 24px } .clsDivBoxFaq h2 { color: #036; margin: 0; padding: 0; text-decoration: none } #idEbFaq h1 { padding-top: 10px } .clsFaqQuestionsBox { margin-left: 33px } p.clsFaqQuestion { background: url(../images/icons/faqIcon.png) -46px -30px no-repeat; color: #036; font-weight: 700; padding: 0 0 5px 15px } p.clsFaqQuestionOpen { background: url(../images/icons/faqIcon.png) -46px -63px no-repeat; color: #036; font-weight: 700; padding: 0 0 5px 15px } p.clsFaqAnswer { color: #666; font-size: 100%; padding: 0 0 5px 15px } .clsFaqAnswerList { list-style-type: disc; margin-bottom: 7px; margin-left: 25px; padding-left: 20px } @media(max-width:767px) { html { -webkit-text-size-adjust: 100% } .photoview #idHeaderTop>.clsPositionRelative { line-height: 30px; top: 0; width: auto } .photoview .clsEbIconBeforeLink:before { z-index: 390 } .photoview .clsEbContentBlock { font-size: 14px } .clsButton, button, input[type=button], input[type=submit] { -webkit-appearance: none; font-size: 1pc; padding-bottom: 10px; padding-top: 10px } #idEbHeaderMenuPos, .photoview .clsEurobookingsSloganHeader { display: none } .photoview .clsBar { height: 0 } .photoview #idEbHotelDetailTitle .clsEbFloatLeft { padding-left: 10px; padding-right: 10px } .altheader #idEbHotelDetailTitle, .photoview #idEbHotelDetailTitle { padding: 30px 0 10px; text-align: center } .altheader #idEbHotelDetailTitle { margin-top: 5px } .altheader #idEbHotelDetailTitle h1, .photoview #idEbHotelDetailTitle h1 { background: 0; font-size: 1pc } .altheader #idEbHotelDetailTitle h1, .photoview #idEbHotelDetailTitle div[itemprop=address], .photoview #idEbHotelDetailTitle h1 { float: none; margin-left: 0; padding: 0 } .photoview .clsBgBarTop { float: none; text-align: center; top: 8px; z-index: 300 } .photoview .clsBgBarTop span { text-decoration: underline } .photoview #idEbHotelDetailTitle .clsStarsHotelName1, .photoview #idEbHotelDetailTitle .clsStarsHotelName2, .photoview #idEbHotelDetailTitle .clsStarsHotelName3, .photoview #idEbHotelDetailTitle .clsStarsHotelName4, .photoview #idEbHotelDetailTitle .clsStarsHotelName5 { float: none; margin: 0 } .phonevar .clsEbFloatRight.clsBgBarTop span { margin-right: -90px; right: 50%; top: 0 } .phonevar.photoview #idEbHotelDetailTitle { padding-top: 50px } #idBreadCrumb li, .clsBreadCrumbInNewBar, .phonevar #idEbHotelDetailTitle .phone-small, .photoview .clsBreadCrumbLink:after, .photoview.logo #idEbHotelDetailTitle .clsEbFloatLeft .hotelLogo { display: none } .clsBar, .clsBarContentSpace, .clsBarContentSpaceInner, .clsBarTop { position: static } .photoview .clsBreadCrumbLink a { position: absolute; text-indent: -999px } #idBreadCrumb li:nth-last-child(2) { display: block } #idBreadCrumb li:nth-last-child(2) a:before { color: #ff8700; content: "\2039"; display: block; font-size: 24px; height: 30px; left: 0; line-height: 25px; position: absolute; text-align: center; text-indent: 0; top: 0; width: 30px } .photoview #idHeader { margin-left: 20px } .clsDivBoxHDR1Content { border: 0 } .clsLanguagesDropdownPos { right: 150px; width: 45px } .clsDropdownArrowDown { right: 3px } .clsLanguageName { display: none } .clsLanguageListBox .clsLanguageName { display: block } .clsCurrencyDropdownPos { width: 78pt } #idLanguageBox { background-color: #fff; border: 1px solid #f8992a; margin-left: -38px; margin-top: 8px; overflow: auto; padding-left: 5px; width: 2in } #idCurrencySelectorBox .clsFlagLanguage>div { overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 5pc } #idCurrencyBox { background-color: #fff; border: 1px solid #f8992a; margin-left: -75pt; margin-top: 8px; padding-left: 5px } .clsCurrencyList li, .clsLanguageList li { line-height: 36px } .clsLanguageList .clsLinkSpriteFlag { top: 15px } #idCurrencySelector, .clsLanguageListBox { height: 300px } #idHeader, #idHeaderContent { height: 30px; margin-left: 20px } #idBreadCrumb { left: 0; top: 0 } .clsBreadCrumbLink a, .clsBreadCrumbLink a:visited { color: #aaa; font-weight: 400; position: absolute; text-indent: -999px } .clsBreadCrumbLink { padding: 0 } #idHeaderTop>.clsPositionRelative { line-height: 30px; position: absolute; top: 0; z-index: 500 } #idEurobookingsLogoTxt, #idHotelsOneLogoTxt, .altheader #idEurobookingsLogoTxt, .altheader #idHotelsOneLogoTxt, .photoview #idEurobookingsLogoTxt, .photoview #idHotelsOneLogoTxt { background: 0; display: inline; font-size: 13px; font-weight: 700; padding-left: 0; position: static; text-decoration: none; top: 0; width: auto } #idHotelsOneLogoTxt:before { color: #ff8700; content: "Hotels" } #idHotelsOneLogoTxt:after { color: #0096dd; content: "One" } #idEurobookingsLogoTxt:before { color: #004676; content: "eurobookings" } .clsBgBarTop { float: none; text-align: center; top: 0; z-index: 300 } #idEbHeaderMenuPos { top: 110px } #idEbHeaderMenu a { color: #fff } .photoview .clsHotelContent .clsEbSmallShadowPhotos { top: -195px } .photoview #idEbFirstBlockUnderTab { margin-top: 195px } .photoview .clsEbIconBeforeLink { display: none } .photoview .clsHotelContent .clsEbSmallShadowPhotos ul { -webkit-overflow-scrolling: touch; display: block; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; width: 100% } .photoview .clsHotelContent .clsEbSmallShadowPhotos li { display: inline-block; float: none } .clsEbSmallShadowPhotos a { cursor: default } #newTabs li a, #newTabs li:first-child a, #newTabs li:last-child a { border: 0; border-radius: 10px 10px 0 0; line-height: 39px; padding: 11px 7px } #newTabs li:nth-child(2) { display: none } #newTabs li { margin-bottom: 2px; margin-right: 1px } .photoview #newTabs { margin: -5px 0 15px } .clsDivBox10LogoThawte { top: -20px } .clsDivBox10 { margin-top: 20px } .clsAvailabilityBookNowPayLaterBG { display: none } .clsAvailabilityInnerBorder { background-color: #fff !important } #idEbAvailability .clsAvailabilityInnerBorder>tbody>tr>td { box-sizing: border-box; display: block; padding-left: 7px !important; text-align: left !important; width: 100% !important } #idEbAvailability select { height: 40px } .clsAvailabilityCheckOut, .clsEbAvailFirstCol { margin-left: 0; width: auto } #idEbAvailabilityRoomsTable th { display: none } #idEbAvailabilityRoomsTable td { display: block } #idEbAvailabilityRoomsTable .clsDisplayNone { display: none } #idEbAvailabilityRoomsTable .clsEbAvailabilityRoomsTd1 { box-sizing: border-box; width: 100% } #idEbAvailabilityRoomsTable .clsAlignCenter { display: block; text-align: left } .clsBookButtonImg { width: 100% } .clsEbAvailabilityRoomsTd3B { font-size: 15px } #flashLoader, .clsLoadAnimation { height: 39px } .clsPayLater { left: 0 } .clsPayLater .clsPayLaterBtn { margin-left: 0 } .clsPayLaterBtn { margin: 3px 10px 6px } #idPopUp, #idPopUpBody { left: 0 !important; width: 100% !important } .videoPlayer video { height: auto; width: 100% } #idPopUp>table { width: 100% } #idPopUpInner { padding: 25px 5px 5px } .clsTabInner { border-bottom-color: #fff } .clsHRGuestSumScoreTable>tbody>tr>td { padding-left: 10px !important } .clsHDGuestSumScoreTableContainer { padding-right: 10px } .clsHDKindTravellerPos { display: none } .clsHRGuestOverallRatingPos { margin-left: 10px; position: static } .clsHRGuestOverallRatingPos p { text-align: left } .clsEbCollapseBoxContentFirstRow { display: block } .clsEbAvailabilityRoomsList, .clsEbFacilityList { width: 100% } #idFooterImage { display: none } #idEbFooterMenuTxt { padding: 10px } .clsNewsletterInputInFooter { width: 125px } .tooltip { display: none } .hotelreview #idEbFirstBlockUnderTabReviewpage .clsDivBox5 table td { display: inline-block; width: auto } .hotelreview #idEbFirstBlockUnderTabReviewpage .clsDivBox5 table td:first-child { height: 18px; text-align: left; width: 100% } .hotelreview .clsDivBox5 .clsEbFloatRight { float: left } .hotelreview .clsDivBox5 .clsClearRight { clear: left } .hotelreview .clsHDKindTravellerPos { position: static } .hotelreview .clsHotelContent>div>div, .hotelreview .clsHotelContent>div>div>iframe { width: auto } .clsNewBar { height: 0 } .altheader .clsHeaderBookProcessF>.clsPositionRelative { width: auto } .altheader #idBreadCrumb { display: none } #formId>div { clear: both; padding-bottom: 0; position: static; width: 100% !important } #formId { margin-top: 5px } .altheader .clsEurobookingsSloganHeader, .altheader .clsHotelReservationBox h3, .clsBookingProcessTxt, .clsBoxPositioning:first-child .clsGreenMessage, .clsBoxTopText, .clsCellHotelImage:first-child, .clsEurobookingsSloganHeader, .clsHotelReservationBox .clsGreenMessage, .clsHotelRoom td[colspan="4"]>div>span, .clsHotelRoom th[rowspan="4"], .clsImageFrame, .clsNewsLetterCell, .clsPayLocalCur, .clsPositionRequiredText, .clsRoomDay, .clsRoomDivider, .clsRoomNameText .clsGlow, .clsRoomNameText .clsNote, .clsSecureTextHeader, .clsShadowHotelBox, .clsSideOverview .clsThawteLogoHeader, .clsThawteLogoHeader, .clsTotalRoomPrice span, br.clsClear { display: none } .clsPayLocalCur.clsAdditionalTaxes { box-sizing: border-box; display: block; padding: 0 10px 5px } .clsTaxFee { overflow: hidden } .clsNewTotalTxt, .clsTaxFeeTxt { margin-left: 0 } .clsNewTotalPrice { margin-right: 0 } .clsHotelInfo>tbody { float: left; width: 100% } .clsHotelInfo tr:nth-child(odd) { clear: right; float: left } .clsHotelInfo tr:nth-child(even) { float: right } .clsHotelInfo th { padding-bottom: 4px } .clsHotelInfo td { font-size: 1em; line-height: inherit } .clsRoomNameText { font-size: 1em; padding-right: 5px } .clsHotelRoom .roomNameRow th, .clsHotelRoom tr { display: none } .clsHotelRoom .roomNameRow { clear: both; display: block; float: left } .clsHotelRoom .totalRoomPriceRow { display: block; float: right } .clsTotalRoomPrice { padding: 0 } .clsRoomsTotalWithoutTaxes { margin-top: 5px } .clsHotelReservationBox { margin-top: 0 } .clsBookingProcessBg { font-size: 14px; padding: 0 } .clsCommentsInBoxRoom, .clsWhiteLinePadding { box-sizing: border-box; display: inline-block; padding-left: 10px; text-align: left; width: 100% } .clsCommentsInBox, .clsPaymentLine { display: none } .clsBoxPositioning { margin-bottom: 10px } .clsBoxContent { padding: 10px } .clsFirstColomn { padding: 0 } textarea[name=guestRemarks] { max-width: none !important } .additionalTaxesToggle { border-bottom: 1px dotted #369; display: inline; font-size: .9em; position: relative } .clsHotelReservationBox>br, .hidden { display: none } .clsBoxContent h2 { font-size: 1em } .clsPolicyTxt { margin-right: 0; max-width: 106px; overflow: hidden; padding-right: 0; text-overflow: ellipsis } .clsPolicyArrowDown, .clsPolicyArrowRight { float: right; margin-left: 4px; position: static } .clsRoomOccupancyTitle { padding-right: 106px } .clsPolicyClosed, .clsPolicyOpened { margin-bottom: 5px; margin-top: 5px } .clsMessageBoxArrow { display: none } .clsMessageBoxOuter { margin-bottom: 15px; margin-top: -5px; min-width: 260px; position: static; width: 100% } .clsMessageBox, .clsMessageBoxLatin { background-color: transparent; border: 0; box-shadow: none; left: 0; padding: 0; position: static } .clsBookingButtonRight, .clsCloseCross, .clsShadowMsgBoxBottomLeft, .clsShadowTopRight, .clsTextBesideButton { display: none } .guestRemarksToggle { padding-bottom: 10px; padding-top: 10px; text-decoration: underline } .clsNewsLetterCell { padding-left: 0 } .clsMessageBoxPos { max-width: none } .clsMessageBoxPosLimited { display: flex; flex-direction: column; width: 100% } .clsMessageBoxCVC { background-color: #fdfdd4; border: 1px solid #cea64b; box-sizing: border-box; order: 2; padding: 5px 10px; position: static; width: 100% } input.clsCvcInputWidth[type=text] { width: 90pt } .clsInputQuestionMark { padding: 10px } .cvcForceVisible { display: block !important; opacity: 1 !important; visibility: visible !important } .cvcForceHide { display: none } .clsEndOfStep2 { text-align: left } .clsBookingButton { padding-right: 20px; width: 100% } .clsPaymentGroup th { border: 0; padding: 0 } .altheader #idEbHotelDetailTitle .clsEbFloatLeft { padding: 0 10px } .altheader .clsBookingProcessPhoneInHeader { right: auto; text-align: center; top: 9px; width: 100% } .altheader .clsBookingProcessPhoneInHeader strong { text-decoration: underline } .clsHotelInfo { margin-bottom: 10px; margin-top: 0 } .clsDueNowPrice, .clsPriceInReservationTotalPrice { font-size: 1.1em; padding: 4px 10px 4px 4px } .clsDueNowText, .clsTextInReservationTotalPrice { font-size: 1em; padding-left: 10px } .clsCCIcon, .hotelreview .clsHRKindTravellerPos { display: none } .hotelreview .clsHRGuestSumScoreTableContainer { padding-left: 0; padding-right: 0 } .hotelreview .clsHRGuestSumScoreTable>tbody>tr>td { display: inline-block; padding: 3px 0 } .hotelreview .clsHotelImagePositioning, .hotelreview .clsHotelLargePhoto { height: auto; max-width: 300px } #idEbFirstBlockUnderTab>table td, #idEbFirstBlockUnderTabReviewpage>table td { display: block } #idEbFirstBlockUnderTab>table td .clsEbShadowBottomCenter, #idEbFirstBlockUnderTab>table td .clsEbShadowBottomRight, #idEbFirstBlockUnderTab>table td .clsEbShadowCenterRight, #idEbFirstBlockUnderTabReviewpage>table td .clsEbShadowBottomCenter, #idEbFirstBlockUnderTabReviewpage>table td .clsEbShadowBottomRight #idEbFirstBlockUnderTab>table td.clsRightPad5>div, #idEbFirstBlockUnderTabReviewpage>table td .clsEbShadowCenterRight, #idEbFirstBlockUnderTabReviewpage>table td.clsRightPad5>div { display: none } #idEbHotelDetailTitle { padding-top: 25px } .clsHotelImagePositioning { height: auto !important; margin-bottom: 15px; width: auto !important } .clsHotelLargePhoto { height: auto } #idEbHotelDetailIntro { padding: 0 } #idEbHotelDetailRooms { margin: 10px 0 } .clsHeaderBookProcessF { height: 36px } .clsHeaderBookProcessF>.clsPositionRelative { top: 8px } } @media(min-width:8in) and (max-width:1023px) { .clsBookingProcessBg { padding: 20px 7px } .clsEbContentBlock { box-sizing: border-box } } @media(max-width:767px) { input[type=email], input[type=password], input[type=tel], input[type=text], select { box-sizing: border-box; font-size: 14px; height: 36px } #idEbFooterMenuTxt li { line-height: 30px } img { max-width: 100% } #idTableBasicLayout .clsHotelListSmallIconsTxt, #idTableBasicLayout .clsViewMapIcon { display: block; overflow: hidden; visibility: visible } .clsHotelListSmallIconsTxt>li>span { display: none } .clsEbContentBlock { font-size: 14px; padding: 0 10px } .clsHotelAutocomplete { width: 289px } ul .clsAutocompleteTitle .clsAutocompleteCatTitle { text-indent: 75pt; width: 0 } .clsSuggestionText { overflow: hidden; text-overflow: ellipsis } #idEbBelowFooter { margin-top: 15px } .clsButtonNewsL { padding-bottom: 7px; padding-top: 7px } #idTableBasicLayout { margin: 0 } #idTableBasicLayout>tbody>tr { display: flex; flex-flow: column } #idTableBasicLayout>tbody>tr>td { display: block; padding: 0; width: 100% } #idTableBasicLayout>tbody>tr>td:first-child { order: 2 } #idTableBasicLayout>tbody>tr>td:last-child { margin: 0 0 20px; order: 1 } .home #idHeader { margin-left: 10px } #idEbSearchBoxBigOnlyAvailHotel { width: auto } .clsDivBox1 { border-radius: 0; box-shadow: 0 3px 4px rgba(0, 0, 0, .5); margin-bottom: 20px; margin-left: -10px; margin-right: -10px } .clsDivBox1TopShadow { display: none } .clsTableBasicLayoutLandingTd2 { min-width: 0 } .clsOrBrowseDestinationLink { display: none } .clsSearchBigFirstCol { margin-top: 8px } .clsSearchBigFirstCol, .clsSearchBigSecondCol { background-color: transparent; display: block } .clsSearchBigFirstColInner, .clsSearchBigSecondColInner { padding: 5px 0 } .clsSearchBigFirstColInner p, .clsSearchBigSecondColInner p { font-size: 100% } #idRoomsInHotel_b { background-color: transparent !important; padding: 2px 0 !important } .clsCalendarIcon { margin-left: 10px; top: 7px } .clsShowAdvancedOptions { bottom: -27px } .clsSearchBoxBigAdvancedSearch>tbody>tr>td, .clsWidth50Percent { display: block; width: auto } .clsSearchBoxBigAdvancedSearchBorderTd td:nth-child(2n) { width: 100% } .clsCalendarSelectMonth { height: auto } .clsPosBigSearchButton input[type=button] { margin-top: 10px; width: 100% } .clsMainContentTd1, .clsMainContentTd2, .clsMainContentTd3, .clsMainContentTd4, .clsTableBasicLayoutCityLandingTr2Td1, .clsTableBasicLayoutCityLandingTr2Td2 { display: block; margin: 20px 0 0; padding: 0; width: 100% } .clsHomepageTopCities, .clsTopCitiesBox { height: auto; width: 100% } .clsHomepageTopCities a, .clsTopCitiesBox a { line-height: 30px } .clsHomepageTopCities a span, .clsTopCitiesBox a span { font-size: 9pt } .clsTopCountriesLinks a { line-height: 35px } .clsNewsletterBox { background-color: #3ea8e1; border-radius: 14px; box-shadow: 2px 2px 4px #666 } .clsNewsletterBoxBottom, .clsNewsletterBoxTop { background: 0; width: 100% } .clsNewsletterBoxInput { width: 100% } .clsNewsletterInputBg { margin-bottom: 10px; width: auto } .clsButtonNewsLNewsletter { margin-top: -1pc; padding-bottom: 7px; padding-top: 7px; position: absolute; right: 0; top: 50% } .clsEbCountryLinks { table-layout: fixed } .clsEbCountryLinks td, .clsEbCountryLinks th { overflow: hidden; text-overflow: ellipsis } .clsSeveralTitle h5 { padding: 10px 0 5px } .clsImgAttachedTop { margin-top: 0 } .clsHotelImageTdNoAvailability { background: 0; float: left; height: auto } #idEbSearchResultPage>table { border: 0 } #idEbSearchResultPage>table>tbody>tr>td { border: 0; display: block; margin-bottom: 5px; padding-top: 0; width: auto } #idEbSearchResultPage>table>tbody>tr>td .clsHotelNameMarginTop { margin: 0 } #idEbSearchResultPage>table>tbody>tr>td .clsClear { clear: none; height: 8px } .clsHotelListPriceTd { margin-bottom: 15px } .clsDivBox3Price { float: left; width: 50% } .clsDivBox3Price br { display: none } .clsMarginTop5 { margin-top: 2px } .clsLinkInTitleSearchResult { padding: 10px 0 } .clsDivBox3 { margin-bottom: 25px } .clsHotelImageDiv img { height: 50px; padding: 2px; width: 50px } .clsHotelImageDiv .clsNoPlayButton90, .clsHotelImageDiv .clsPlayButton90 { margin: -5px 0 0 -2px; padding: 50px 0 0 50px } .clsPlayButton90 { background: url(../images/playButton60.png) top left no-repeat } .clsHotelImageBox, .clsHotelImageBoxPadding { border: 0; padding: 0 } .clsHotelImageDiv img { border: 1px solid #999; height: 50px; padding: 2px; width: 50px } .clsDivBox15Content { padding-bottom: 20px } .clsLandingPageLeftWidth { max-width: none } .clsPOIContainer { width: 100% } .clsSortArrow { background: 0; color: #999; height: 22px; position: static; text-align: left } #idEbSearchResultPage h1 { margin-top: 15px } .clsSorting td .clsSelected { background: 0 } .clsSorting .clsBelowSortArrow { display: block; height: 0; padding: 0 } .clsSorting td { border: 0; display: inline-block; padding: 0 8px 0 0 } .clsSorting td div:not(.clsSelected) { color: #004677 } .clsSorting tr { background: 0; border: 0 } #hotelListAvail>tbody>tr>td, .clsHotelListAvailable table>tbody>tr>td, .clsHotelListAvailable>tbody>tr>td { display: block; height: auto; width: auto } .clsHotelListAvailable { background: #fff; margin-top: 0 } .clsHotelListAvailable>tbody>tr>td>table:before { border-top: 1px solid #999; content: ""; display: block; margin: 15px -10px } .clsHotelImageTd { background: 0; float: left; margin-bottom: 10px; margin-right: 10px } .clsHotelInfoBlokBesideImage .clsEbFloatLeft { display: inline; float: none } .clsHotelInfoBlokBesideImage .clsClear { clear: none; height: 8px } .clsHotelInfoBlokBesideImage, .clsHotelListHotelDescription { padding: 0 0 10px } .clsLineTop { border: 0 } .clsPaddingLeft10 { padding-left: 0 } .clsHotelListAvailable th { display: none } .clsHotelListFromPricePos, .clsHotelListPricePos { float: left; line-height: 44px; padding: 0 20px 0 0 } .clsHotelWithAvailBottomLine, .clsHotelWithAvailBottomRight { display: none } .clsHotelListAvailable .clsTextAlignRight { border-bottom: 1px dotted #aaa; margin-bottom: 5px; padding-bottom: 5px } .clsHotelWithAvailBottomPos { padding-bottom: 10px } .clsRoomToggleLink { line-height: 30px } .clsLeftSmall, .clsSmallSearchbox { width: auto !important } .clsCheckInSmallSearch, .clsCheckOutSmallSearch { width: auto } .clsEbSearchBoxTxtInput { width: 100% } .clsSeachBoxDivAsLinkDown, .clsSearchBoxDivAsLinkUp { width: 90% } .clsDivBox7.clsDivBoxesLeft, .clsDivBoxesLeft, .clsLeftSmall .clsDivBox15 { max-width: none } .clsGoogleMapImage { width: 195px } .changeSearchParams { display: block; margin-bottom: 5px; text-align: center; text-decoration: none } #idRight div[id*=H1Icon] { margin-top: 10px } #idRight h1 { padding-top: 20px } #idStaticPage p { padding: 0 } #idFaqIconCustomerServicePage, .clsEbFaqH2Icon { display: none } .clsDivBox6Content { padding: 10px } .clsDivBoxFaq h2 { padding: 10px 0 } .clsFaqQuestionsBox { margin-left: 0 } p.clsFaqQuestion, p.clsFaqQuestionOpen { background: 0; font-weight: 400; position: relative } .clsFaqQuestion:before, .clsFaqQuestionOpen:before { background: url(../images/icons/faqIcon.png) -46px -30px no-repeat; content: ""; height: 15px; left: 0; position: absolute; top: 2px; width: 15px } .clsFaqQuestionOpen:before { background: url(../images/icons/faqIcon.png) -46px -63px no-repeat } .clsFaqIconCustomerServiceInner { float: none; width: 100% } .clsCustomerServiceForm, .clsCustomerServiceRightTelephones, .clsCustomerServiceRightTelephones .clsDivBox6, .clsTelephoneNumbersTable { min-height: 0; min-width: 0; width: 100% } #idEbCustomerPageFormTable td, #idEbLowestPriceFormTable td, .clsHotelOwnerTable td { display: block; padding: 0 0 5px; text-align: left; width: 100% } #idEbCustomerPageFormTable .clsTextAlignRight, #idEbCustomerPageFormTable .clsTxtAlignRight, #idEbLowestPriceFormTable .clsTextAlignRight, #idEbLowestPriceFormTable .clsTxtAlignRight, .clsHotelOwnerTable .clsTextAlignRight, .clsHotelOwnerTable .clsTxtAlignRight { margin-top: 5px } #idEbCustomerPageFormTable td input[type=text], #idEbCustomerPageFormTable td select, #idEbCustomerPageFormTable td textarea, #idEbLowestPriceFormTable td input[type=text], #idEbLowestPriceFormTable td select, #idEbLowestPriceFormTable td textarea, .clsHotelOwnerTable td input[type=text], .clsHotelOwnerTable td select, .clsHotelOwnerTable td textarea { width: 100% } #idEbCustomerPageFormTable td .clsEbFloatLeft, #idEbLowestPriceFormTable td .clsEbFloatLeft, .clsHotelOwnerTable td .clsEbFloatLeft { float: none } #idEbBestPriceFormTable .clsCalendarIcon { float: none; margin-bottom: 10px; margin-left: 0 } .clsCustomerServiceBetween, .clsCustomerServiceHeightFix, .clsCustomerServicePhone, .clsOfficeLocationImage { display: none } .clsOfficeLocationsTable td, .clsOfficeLocationsTable th { display: block; margin-top: 20px; padding-bottom: 10px; width: 100% } .clsOfficeLocationsTable .clsOffLocWith10Perc { display: none } #idInfoBoxTable { width: 100% } .clsContinentMapContainer, .clsWorldMapContainer { display: none } .clsUlFirst, .clsUlFirstContinent, .clsUlSecond, .clsUlSecondContinent, .clsUlThirdContinent { width: 100% } .clsUlFirst a, .clsUlFirstContinent a, .clsUlSecond a, .clsUlSecondContinent a, .clsUlThirdContinent a { line-height: 30px } #idDestinationLinks { padding-top: 20px !important } .clsInBetweenPageTable td { display: block; padding-left: 40px } .clsInBetweenPageTable td:last-child { padding-bottom: 20px } .clsInBetweenPageTable td:first-child { left: 0; padding-left: 20px; position: absolute } .clsHotelFillUp { display: none } .clsDivStep3Info, .clsFullReservationText, .clsHotelNameStep3, h3.clsHotelNameStep3 { padding-left: 0 } .altheader #idEbHotelDetailTitle span[class^=clsStarsHotelName] { float: none } .clsBookingProcessBgStep3 { padding: 0 } .clsBookingProcessBgStep3 h2 { margin-bottom: 10px; margin-top: 15px } .clsBookingProcessBgStep3 td, .clsBookingProcessBgStep3 th { display: block } .clsBookingProcessBgStep3 th { padding: 0 0 8px } .clsBookingDetailsStep3 { width: 100% !important } .clsTrustPilotReviewButton { background: linear-gradient(180deg, #e1e899, #c1d034 5%, #91bd3f 50%, #77b345 55%, #77b345); border: 1px solid #72ab82; border-radius: 6px; float: none !important; height: auto; margin: 0 9pt; padding: 8px; text-align: center } .clsIconPrinterF, .clsTrustPilotReviewButtonRight { display: none } .clsBoxType1Title, .clsTextPrinterCell>p { margin-left: 0 } .clsTableGreenRow td { box-sizing: border-box; display: block; overflow: hidden; width: 100% !important } .clsBPShareTwitter { margin: 0 0 10px 9pt; text-align: left !important } .clsNewsletterBoxSt3, .clsTravelNewsBoxSt3 { margin-bottom: 10px; padding: 0; width: 100% } .clsNewsletterBoxSt3Inner, .clsNewsletterMargin { height: auto } .clsNewsletterBoxSt3Inner { background: #3ea8e1 } .clsNewsletterSpaceStep3 { position: static } .clsNewsletterSpaceStep3 input { width: 100% } .clsFollowUsOnStep3, .clsTravelNewsbuttonPos { position: static } .clsTravelNewsbuttonPos .clsBookingButton { box-sizing: border-box; height: auto; padding: 10px; text-align: center } .clsContactEmail, .clsContactFacebook, .clsContactPhone, .clsRightBoxInContact { float: none; margin-top: 20px; width: 100% } .clsInnerContentSwap { float: none } .clsContentColomnSwap { margin: 0 0 20px } .clsLeftColomnSwap { margin: 0; width: 100% } #idSearchLegenda, .clsStartANewSearchInnerP { width: 100% } .clsHotelAlternatives { margin-top: 30px } .clsHotelAlternatives .clsHotelImageBox, .clsHotelAlternatives .clsHotelNotAvailableBg { background: 0; height: auto; width: 60px !important } .clsHotelAlternatives .clsHotelNotAvailabileOuterBox>div:last-child { margin-left: 60px !important } .clsHotelAlternatives #ac_availability_form { clear: both; margin-left: -60px } .clsHotelAlternatives .clsHotelNAFirstCol, .clsHotelAlternatives .clsHotelNASecCol { height: 65px; width: 100% } .clsHotelAlternatives .clsHACheckBttnPos { float: none; margin: 20px 0 10px 10px; position: static } .clsAirportIcon, .clsFromCityIcon, .clsGuestReviewIcon, .clsVideoIcon, .clsViewMapIcon { height: 20px } .clsButtonPos { width: 100% } #idTravelNews .clsTnTopBar { background-image: none; height: auto; padding-bottom: 10px } .clsTechnicalErrorBoxInner { padding-left: 10px } .clsReviewTextColor { padding-top: 20px } #idHotelReviewTabs>div, .clsReviewTabBlock { margin-left: 0; min-width: 0 !important; width: auto !important } .clsBorderAroundScoring, textarea[name=what_you_disliked], textarea[name=what_you_liked] { box-sizing: border-box; width: 100% !important } .clsReviewTabBlock { border-width: 2px 0; padding-left: 0; padding-right: 0 } #idEbScoring { width: 100% } #idEbScoring th.clsEbScoringQuestion { display: none } #idEbScoring td, #idEbScoring th { display: inline-block; margin: 0; padding: 0; width: 8.33% } #idEbScoring .clsEbScoringQuestion, #idEbScoring .clsEbScoringQuestionOddTxt { display: block; width: auto } .clsAutocompleterChoices li:not(.clsAutocompleteTitle) { padding-top: 9px; padding-bottom: 8px } .clsAutocompleteCatTitle>div { top: 10px } .clsAutocompleterChoices { -webkit-overflow-scrolling: touch } } .clsDeals, .clsBetterRates { float: left; color: #cc0000; margin-top: 16px; margin-left: 10px; } .clsBetterRates { margin-top: 16px; } .clsDeals { margin-top: 14px; font-size: 11px; } .clsBetterRatesLoginBtn { text-decoration: none; float: left; margin-top: 13px; background: #cc0000; color: white; border-radius: 5px; padding: 3px 8px; margin-left: 5px; } .userStatus { font-size: 1.1em; margin-bottom: 10px; /*background-color: #fdf9f3;*/ border-top: 1px solid #f39e44; border-bottom: 1px solid #f39e44; padding: 20px 10px 20px 80px; } .userStatus>a.clsButton { text-decoration: none; } .userStatus>p.unlockTitle { color: #004677; font-weight: bold; font-size: 14px; margin: 0px; } .userStatus>p { margin: 2px 0px 14px 0px; } .userStatus.addMargin { margin-top: 22px; } .userStatus::before { background-image: url(../images/members/blue-man-discount.png); content: ''; /*margin-top: -32px;*/ margin-top: 7px; position: absolute; z-index: 5; width: 51px; height: 56px; margin-left: -60px; } #idEbSearchResultPage>table>tbody>tr.ignoreBorder>td { border-bottom: 0px !important; } @media(min-width:8in) { .changeSearchParams { display: none } .required-fields { position: absolute; right: 10px; top: -17px; font-size: 10px; color: #666; } } @media(max-width:8in) { #hotelListAvail>tbody>tr:nth-child(7)>td>table:before { border-top: 0px; } } /*HEADER*/ @media (max-width: 767px) { #idEbHeaderMenuPos { display: block; float: right; top: 8px; position: relative; margin-right: 165px; } #idEbHeaderMenu { color: #FFFF; font-size: 0px } #idEbHeaderMenu:first-child>a { display: none; } /*#idEbHeaderMenu:first-child>a:first-child {color: #f93; display: block; font-size: 10.6667px; }*/ #idEbHeaderMenu:first-child>a:first-child { display: none; } } .clsHotelInfoBlokBesideImage p { min-width: 330px; } #idEbFNPLH1Icon { background-image: url(../images/icons/fnplIcon.jpg); width: 48px; height: 48px; float: left; margin-right: 10px; background-size: contain; margin-bottom: 10px; } ul.fnplList { list-style: disc; margin-left: 50px; } #fnpleligible { display: flex; justify-content: space-around; } .fnplimage { align-self: center; background: url(../images/icons/fnplSprite.jpg); height: 50px; width: 50px; background-size: 100%; margin-bottom: 10px; } #fnpleligible>.item>div.age { background-position: 0 0; } #fnpleligible>.item>div.flag { background-position: 0 150px; } #fnpleligible>.item>div.phone { background-position: 0 300px; } #fnpleligible>.item>div.cards { background-position: 0 450px; } #fnpleligible>div.item { display: flex; flex-direction: column; padding: 10px; } #fnpleligible>.item>span { display: block; font-size: 1.2em; font-weight: bold; align-self: center; } #fnpleligible>.item>i { font-style: normal; align-self: center; font-size: 0.9em; } #popup-member { display: none; position: absolute; opacity: 0; z-index: 10; top: 0; left: 10px; right: 10px; box-sizing: border-box; color: #333; background: #fff; border: 3px solid #f09; overflow: hidden; border-radius: 8px; box-shadow: 0 5px 20px rgba(0, 0, 0, .85) } @media (min-width:768px) { #popup-member { left: 50%; right: auto; margin-left: -220px; width: 440px } } @media (min-width:1045px) { #popup-member.popup-large { left: 50%; right: auto; margin-left: -400px; width: 800px } } @media (min-width:768px) { #popup-member.popup-medium { left: 50%; right: auto; margin-left: -300px; width: 600px } } @media (min-width:768px) and (max-width:1044px) { #popup-member.popup-large { right: 20px; left: 20px; margin-left: 0; width: auto } } #popup-member iframe { border: none; width: 100%; height: 100% } .popup-member-header { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; position: relative; padding: 20px 10px; background: #f09; background: linear-gradient(135deg, #f09, #cc007a) } .popup-member-header h1 { color: #fff; margin: 0 auto 0 0; padding-left: 60px; font-size: 15px } .popup-member-header:before { content: ""; position: absolute; left: 15px; bottom: -10px; width: 50px; height: 56px; background-image: url(../images/members/blue-man-discount.png) } .popup-member-header .popup-member-close { color: #fff } .member-popup-container { display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; height: 100%; width: 100% } .member-popup-container .disclaimer { font-size: 86% } .member-popup-container .button { width: auto } .member-popup-header { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; padding: 10px } .member-popup-header h1 { margin: 0 auto 0 0 } .popup-member-content { -ms-flex-positive: 1; flex-grow: 1 } .popup-member-close { display: -ms-flexbox; display: flex; font-size: 9pt; margin: 0 -5px; color: #666; height: 15px; font-weight: 700 } .popup-member-close:after { content: ""; background: url(../images/sprite2-24bit.png) 0 -56px; width: 15px; height: 15px; margin: 0 5px } .popup-body { padding: 10px; max-height: 100%; font-size: 85%; overflow-y: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box } .popup-body ol, .popup-body ul { padding: 0 0 0 2em } .popup-body ol { list-style-type: decimal } .popup-body ul { list-style-type: disc } .popup-body h1 { font-size: 21px; font-weight: 400; color: #f93 } .loggedInMember { margin-top: -3px; background-image: url(/images/members/MemberIcon.png); background-size: 100%; width: 20px; height: 20px; } .navigation.mbl { display: none; } .dsktp { display: block; } @media(max-width:767px) { .navigation.mbl { display: block; } .dsktp { display: none; } .clsCurrencyDropdownPos { margin-right: 35px; } } .p-menu1 { height: 100%; } /* Hamburger */ .hamburger1 { height: 20px; display: -ms-grid; display: grid; justify-items: center; z-index: 120; width: 30px; position: absolute; right: 0px; top: 7px; } .hamburger1 div { background-color: rgb(51, 51, 51); position: relative; width: 20px; height: 2px; margin-top: 0px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #toggle1 { display: none; } #toggle1:checked+.hamburger1 .top { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 7px; } #toggle1:checked+.hamburger1 .meat { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -5px; } #toggle1:checked+.hamburger1 .bottom { -webkit-transform: scale(0); transform: scale(0); } #toggle1:checked~.menu1 { height: 95px; padding: 0px 10px; } /* Menu */ .menu1 { width: 100%; background-color: #FFF; margin: 0; margin-top: 30px; display: -ms-grid; display: grid; grid-template-rows: 1fr repeat(4, 0.5fr); grid-row-gap: 25px; padding: 0; list-style: none; clear: both; width: auto; box-shadow: 0 2px 8px rgb(0 0 0 / 60%); text-align: left; height: 0px; overflow: hidden; transition: height .4s ease; z-index: 120; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .menu1 a:first-child { margin-top: 20px; } .link1 { width: 100%; margin: 0; padding: 0px 0; color: rgb(51, 51, 51); text-decoration: none; } .link1:hover { background-color: #fff; color: rgb(61, 61, 61); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .clsHotelInfoBlokBesideImage p { min-width: 0; } .extraIcons { color:#686767;display:flex; } .extraIconFlag { width:15px; height:15px; float:left; margin-left:10px; margin-right:3px; fill:#004677; } .rateArea { color:#686767;display:flex } .extraIconThumb { width:15px;height:15px;float:left;margin-right:5px;fill:#690;margin-top:1px; } .rateHotel { font-size:1.3em;font-weight:600;color:#690 } .amenities{ font-size: 13px; list-style-type: none; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .amenities li { /* padding: 0 5px; */ padding-right: 5px; color:#999; line-height: 25px;; } .amenities .icon { width: 18px; height: 18px; /* margin: 0 5px; */ } .amenities .icon, .amenities span { display: inline-block; vertical-align: middle; } .guest-rating { font-size: 80%; } .guest-rating .rating-label, .guest-rating .rating-value { font-size: 13px; display: inline-block; vertical-align: middle; font-weight: 700; line-height: 25px; } .rating-value { font-size: 14px; } .guest-rating .rating-total { font-size:0.9em; }