/*************** templates/main/css/global.defaults.css ***************/ /* ---------------- OVERRIDE BROWSER DEFAULT TYPOGRAPHY ---------------- */ html, body { margin: 0; padding: 0; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #333 } h1 { margin: 1.067em 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em } h2, h3 { margin: 0 auto 0.3em; font-family: Arial, Helvetica, sans-serif; font-size: 1.9em } h3 { font-size: 1.4em } h4 { margin: 1.2em 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em } h5 { margin: 1.2em 0 1.2em; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em } h6 { margin: 1.2em 0 1.2em; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em } p, li { line-height: 1.2 } p { font-size: 1em; margin: 0.8em 0 } li > p { margin-top: 0.2em } ol, ul { margin: 0 0 8px } img { border: 0 none } th { font-weight: normal; text-align: right; padding-right: 0.5em } td { text-align: center } form, button, input, select, textarea { margin: 0 } em { font-style: italic } strong { font-weight: bold } sup { font-size: 0.74em; /* avoid increased line-box height */ vertical-align: top; position: relative; top: -0.1em } /*************** templates/main/css/global.text.css ***************/ /** FONT FAMILY **/ body { font-family: Arial, Helvetica, sans-serif; font-weight: 400 } button, h3, h4, .footer-address, .primary-font, .booking-mask-widget input, .jw-guest-reviews-nav .pager, .column-top input, #page_news .column-right input, #page_news .events .itemPreviewTitle a { font-family: "Roboto", sans-serif; font-weight: 400 } h1, h2, .readmore-link, .view-all { font-family: "Open Sans", sans-serif; font-weight: 400 } .alt-font, .best-rate-content, #mod_sitemap, #footer #weather, #footer #weather h3, .flexFormBlockLabel, #page_contact .hotel-name, .view-list-viewItem h2, .view-list-viewItem .price, #page_careersapply .flexInputSimple, #page_careersapply .flexInputTextarea, #page_careersapply .flexInputSelect, #page_careersapply option, .multipage .item-extra-info, .page-selector, .mandatory-text, #page_events .column-left .ui-datepicker .ui-datepicker-title, #page_events .column-left .ui-datepicker .ui-datepicker-prev span.month-text, #page_events .column-left .ui-datepicker .ui-datepicker-next span.month-text, div.jw-agenda-4col-lg .ui-state-default .overlay h3, .flexibleFormContainer .flexInputSimple, .flexibleFormContainer .flexInputTextarea, .flexibleFormContainer .flexInputSelect, .flexibleFormContainer option, .flexFormInputBlock .flexInputDate, #page_contact form, #page_contact #mod_flexibleForms, #page_contact .moduleBody, #page_contact .flexibleFormContainer, #page_contact .flexInputSimple, #page_contact .flexInputTextarea, #page_gallery .caption .counter, .subpageForm .confirmation-form h3, .subpageForm .title, .map-wrapper .marker-content h3, .view-list-widget .itemPreview h3 a, .view-list-widget .itemPreviewPrice, .view-list-widget .itemPreviewPrice .from, .view-list-viewItem .has-category .sidebar ul li .title, #mod_pukkaJobs .flexInputSimple, #mod_pukkaJobs .flexInputTextarea, #mod_pukkaJobs .flexInputSelect, #mod_pukkaJobs option, #page_careers .title, #page_careers .item-details h3, #page_careers .rfp-form h3, #page_careers .item-extra-info, #page_news .column-right h2, #page_news .column-top h2 { font-family: "Muli", sans-serif } /** TOOLBOX FONTS **/ #condorAddBody, .dijitDialog, .toolbox-link { font-family: Arial, Helvetica, sans-serif } /** TEXT TRANSFORM **/ .uppercase, .menu, .ui-datepicker th { text-transform: uppercase } .no-text-transform { text-transform: none } .underline { text-decoration: underline } /** TEXT DECORATION **/ .no-text-decoration { text-decoration: none } /** TEXT MODIFICATION **/ .brw .rate { font-style: italic } h1, h2 { font-weight: 700; color: black } h1 { font-size: 32px } h2, .brw .units { font-size: 24px } h3 { font-size: 18px } #weather .weather-tempC { font-size: 21px; font-weight: 700 } #page_home h1, #holder h1 { font-size: 30px } #holder .secondary-title { font-size: 20px } #holder h1, #holder .secondary-title { font-weight: 400; text-transform: uppercase } .menu a, #top-block, .brw .rate, #middle-block, #main-content, .text-container, .booking-mask-widget label, #holder div.selector select { font-size: 14px; font-weight: 400 } #main-intro p, div#header .best-rate-wrapper .go, .readmore-link, #footer #weather h3, #footer #weather h3 span { font-size: 15px } #top-block p, #middle-block p { line-height: 25px } #breadcrumb, .brw .hotel, .newsletter input, .newsletter .submit, .footer-address { font-size: 12px } #languages a { font-weight: 400 } #languages, #footer h3, #footer .menu a { font-size: 12px } #ui-datepicker-div { font-size: 0.85em } #page_newsletter .flexFormSubmitBlock button { text-transform: uppercase; text-align: center; font-size: 12px } .best-rate .cents { font-size: 0.8em; margin-left: -4px } .best-rate .currency, .best-rate .amount { font-size: 24px; line-height: 26px; vertical-align: top } .best-rate-content.has-cents .currency { margin-left: 5px } .best-rate-content.has-cents .amount { margin-left: -3px } .best-rate-content.has-cents .currency, .best-rate-content.has-cents .amount { font-size: 23px } .readmore-link { text-transform: uppercase; cursor: pointer } #sitemap li.level2:before { font-size: 10px } #page_newsletter .flexibleFormContainer .flexInputSimple, #page_newsletter .flexibleFormContainer .flexInputTextarea, #page_newsletter .flexibleFormContainer .flexInputSelect, #page_newsletter .flexibleFormContainer option, #page_newsletter .flexFormInputBlock .flexInputDate { font-size: 12px } #page_newsletter .flexFormInputBlock .selector span { line-height: 31px; text-transform: uppercase; font-size: 13px; text-shadow: none } #page_careersapply .view-column-left .button .title { font-size: 13px; font-weight: 400 } /* BEST RATE WIDGET */ .best-rate a { font-weight: 700; font-size: 14px; text-transform: uppercase } div#header .best-rate-wrapper .best-rate .fromText { font-size: 12px } div#header .best-rate-wrapper .go { text-transform: uppercase; text-align: center } div#header .best-rate-wrapper .best-rate .currency, div#header .best-rate-wrapper .best-rate .amount { font-size: 20px; line-height: 22px; vertical-align: top } div#header .best-rate-wrapper .best-rate-content.has-cents .currency, div#header .best-rate-wrapper .best-rate-content.has-cents .amount { font-size: 16px } /* WHEATER WIDGET */ #weather a, #weather span { text-decoration: none; text-align: right; font-weight: 300; font-size: 0.9em } /* SITEMAP PAGE */ #mod_sitemap a { text-decoration: underline; text-transform: uppercase } #mod_sitemap .level2 a { text-transform: none } /*CONTENT BLOCOKS*/ .contentBlock p { font-size: 14px !important } /*Heading - toolbox style*/ /*Sub-heading - toolbox style*/ .contentBlock h4 { font-size: 15px !important; font-weight: 700 !important } .contentBlock li { font-size: 14px !important; line-height: 31px !important; font-style: italic !important } .contentBlock.type_accordionBlock .accordionTitle { text-transform: uppercase !important } .contentBlock .title a { font-size: 12px; text-decoration: underline; text-transform: uppercase } /* FOOTER */ .footer-menu.menu { text-align: left } @media (min-width: 1024px) and (max-width: 1179px) { .best-rate.has-cents .cents { margin-left: -6px } .best-rate-content.has-cents .amount { margin-left: -6px; font-size: 1.3em } div#header .best-rate-wrapper .best-rate .currency, div#header .best-rate-wrapper .best-rate .amount { line-height: 26px } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { #footer .menu a { font-family: "Muli", sans-serif } } /*************** templates/main/css/global.color.general.css ***************/ /* DO NOT CHANGE */ div#header.fixed { background: #2a2a2a } /* BORDERS */ .dark-color-border { border-color: #555 } .intermidate-border { border-color: #A4A2A2 } .middle-color-border, #page_careers .options-bar .selector-uniform-dropdown { border-color: #d9d8d8 } .light-color-border { border-color: #dcdbdb } .readmore-links { border-top-color: #eee } #page_attractions .view-list-widget .view-filters { border-right: 1px solid #FFF } #page_attractions .view-list-widget .list .itemPreview { border-bottom: 1px solid #D1D1D1 } .footer-address div { border-right: 1px solid #666 } #page_contact .get-directions input, #page_careers .formwrapper .uploader .action, #page_careers .selector-uniform-dropdown, #page_careersapply .uploader .action, .flexInputSimple, .flexInputTextarea, .flexInputSelect, .flexFormInputBlock .selector, input.flexInputDate { border: 1px solid #e7e7e7 } .flexInputInvalid.flexInputSimple, .flexInputInvalid.flexInputTextarea, .flexInputInvalid.flexInputSelect, .flexInputInvalid.flexInputDate, .flexFormInputBlock .flexInputInvalid.selector, .flexFormInputBlock input.flexInputDate.flexInputInvalid { border-color: #f00 } .itemPreviewDate { border-right: 1px dashed #a6a39d } #page_home .location { border: 1px solid #d4d2d2 } .slide-link { border: 10px solid #FFF } .view-list-widget .itemPreview:hover .button-links a, .view-list-viewItem .itemPreview:hover .button-links a, .booking-mask-widget .go:hover, .best-rate-wrapper .go:hover, .whatson-nav .carousel-nav:hover, .jw-guest-reviews-nav .carousel-nav:hover { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" } /* jw agenda */ div.jw-agenda-4col-lg .ui-datepicker td { border: 1px solid #c2c2c2 } div.jw-agenda-4col-lg .ui-state-default .overlay:after { border-color: #FFF transparent } div.jw-agenda-4col-lg .ui-widget-content, div.jw-agenda-4col-lg .ui-state-default .overlay { background: #fff } div.jw-agenda-4col-lg .ui-state-default .overlay, div.jw-agenda-4col-lg .ui-state-default .overlay::before { border-color: #d9d8d8 } /**CONTACT US**/ #main-content .tab.active, #main-content .tab-content { border-color: #dadad9 } /**careers seperators**/ #mod_pukkaJobs .itemPreview { border-bottom: 1px solid } #mod_pukkaJobs .items:last-child .itemPreview { border-bottom: none } /* Portrait tablet to Landscape */ @media (min-width: 768px) and (max-width: 1023px) { #page_news .viewList .column-left { border-top: 1px solid #d8d8d8 } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { /* BORDERS */ #page_news .viewList .itemPreview { border-top: 1px solid #d8d8d8 } div.jw-agenda-4col-lg .ui-datepicker-calendar td.layout_1 .more-items, div.jw-agenda-4col-lg .ui-datepicker-calendar td.layout_1 .more-items a { color: white } } /* 1) UI Style Guide 2)UI Color Guide 3)Header 3.1) Language Switcher 3.2) Best Rate & Booking Mask 4)Main Visual 5)Footer 5.1) Footer Styles 5.2) Weather 5.3) Newsletter Popup 6)Pages 6.1) Home 6.2) Common Main Content 6.3) Module Controls (Rooms / Offers / Meetings / Weddings / Dining) 6.4) Forms (Meetings RFP / Weddings RFP / Contact / Newsletter / Careers Apply) 6.5) Gallery 6.6) Get Directions & Map Popup Styles (Attractions / Contact Us) 6.7) Attractions 6.8) Contact Us 6.9) Events & Press date picker input color 6.10) Events 6.11) Facilities 6.12) Careers 6.13) Guest Reviews 6.14) Awards 6.15) Press & News 6.16) News Thistle - Body Content Fuchsia - H3 /home blocks text colors DarkGreen - h4 DarkOliveGreen - links / callout link color Cornsilk - link hover / callout link hover color BurlyWood - more menu bg CadetBlue - more menu link active Chartreuse - Portrait / Mobile border color HoneyDew - Footer links / weather MistyRose - Mobile footer call box Navy - Button bg GoldenRod - Button hover bg MintCream - Button text color YellowGreen - Callout box Violet - Callout box content color DarkBlue - Devider SlateGray - UI default bg SlateBlue - UI default text color Sienna - UI active bg Silver - UI active text color AliceBlue - lang dropdown AntiqueWhite - lang dropdown color Aqua - lang dropdown hover color Chocolate - Booking Mask Bg / Newsletter popup bg Coral - Booking Mask / Newsletter popup input color Bisque - best rate / Newsletter popup active text Crimson - Main Visual pager Tan - Footer bg Black - Footer bottom bg CornflowerBlue - Footer bottom address MediumVioletRed - Home Location address labels DeepSkyBlue - Home offer rotator prices Teal - Review Content color Tomato - List colors MediumSeaGreen - Breadcrumb SpringGreen - Module List / Grid view title SteelBlue - Module price tags SkyBlue - Submenu Category bg SeaGreen - Submenu Category color DarkMagenta - Module title color DarkSlateBlue - Module Control Bar Cyan - Module Content bar color DarkGoldenRod - Detailed nav buttons bg DarkGray - Detailed nav buttons text DarkCyan - Share button color Indigo - Form Labels MidnightBlue - Module item Filter drop downs FireBrick - Get directions input text color LightCoral - Attractions Ctegory box bg DarkSlateGray - Attractions Ctegory box text color DarkOrchid - Distance text MediumPurple - Contact info heading ForestGreen - Module filter date picker border colors HotPink - Facilities item title RoyalBlue - Careers table header MediumTurquoise - Careers Item Heading RosyBrown - Careers Item Content RebeccaPurple - News categories Plum - News rightside column headings DodgerBlue - Events page title and month text DimGray - Event Calendar thead bg DeepPink - Event Calendar thead text color DarkViolet - Event calendar layout_1 event day bg DarkTurquoise - Event calendar layout_1 event day text color DarkRed - Calendar popup heading color DarkSalmon - Calendar popup content color ________________________________________________________________________________________________________________*/ /*---------------START (1.0) UI STYLE GUIDE --------------*/ /* Updated PSDs Color Classes */ /* Text content default colors */ body, .content-color { color: #585c58 } h1 { color: #000 } h2 { color: #434343 } h3, h4, #main-content .item-services > h3 { color: #3c3c3c } /*---------------END (1.0) UI STYLE GUIDE --------------*/ /*---------------START (2.0) UI COLOR GUIDE --------------*/ /* Text Link Colors */ a, .alink, .readmore-link, #calendar td.layout_1 .calendar-info .overlay a, .grid-scrolldown-widget .itemPreviewContent a { color: #c99d28; -webkit-transition: color 0.2s; transition: color 0.2s } a:hover, .alink:hover, #calendar td.layout_1 .calendar-info .overlay a:hover, #breadcrumb a:hover, .grid-scrolldown-widget .itemPreviewContent a:hover { color: #0883b2 } #page_contact-and-location #main-content .contactInfo-content .hotel-phone a { color: #555655 } #page_contact-and-location #main-content .contactInfo-content .hotel-phone a:hover { color: #0883b2 } .content.text-container.float-l li { color: #969695 } /* ________________________________________________________________________________________________________________*/ /*Main Menu Please note: the background color of the Header changes while scrolling down the page - by default the background is transparent, but changes to a solid color on scroll. */ .menu .level1 a, .menu.mobile-nav .menuLevel2 li a { color: #fff; /* color of Main Menu link text */ } .menu .level1 a:hover { color: #0883b2; /* hover color of Main Menu text */ } .menu .level1.active a, .menu .level1.active a:hover { color: #c99d28; /* color of Main Menu Active link text */ } /* More Menu */ .menu .menuLevel2-wrapper { background-color: #3a3a3a; /* Background color of fullscreen More Menu overlay */ } .menu .menuLevel2 li a { color: #fff; /* Default color of More Menu link text */ } .menu .menuLevel2 li a:hover { color: #186889 } .menu .menuLevel2 li.active a, .menu .menuLevel2 li.active a:hover { color: #00aeef } /* ________________________________________________________________________________________________________________*/ /* Footer Link Colors*/ .footer-menu.menu a { color: #f1f1f1 } .footer-menu.menu a:hover { color: #00aeef } .footer-menu.menu .active a, .footer-menu.menu .active a:hover { color: #186889 } /* ________________________________________________________________________________________________________________*/ /* Primary and Secondary Button background-colors */ .primary-btn, .primary-btn-translucent:after, .flexFormSubmitBlock button, #header .best-rate-wrapper a.booking-link, #availability-checker button.booking-link, #footer .newsletter button { background-color: #c99d28; /* Default background-color of Primary buttons - .primary-btn-translucent:after Selector is for some areas that share the primary-btn background color, but have an opacity lower than 1*/ -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s } .primary-btn:hover, .flexFormSubmitBlock button:hover, #header .best-rate-wrapper a.booking-link:hover, #availability-checker button.booking-link:hover, #footer .newsletter button:hover { background-color: #00aeef; /* Hover background-color of Primary buttons */ } .primary-btn > a, .flexFormSubmitBlock button, #mod_pukkaJobs .apply-btn, #header .best-rate-wrapper a.booking-link, #availability-checker button.booking-link, #footer .newsletter button { color: #fff; /* The color of the button text for Primary buttons */ } .primary-btn-translucent > a { color: #2a2a2a; /* The color of the text that appears over translucent primary-btn background (for example, the "From" text in the booking section on Rooms grid view) */ } /* Pseudo element that holds translucent primary-btn background color - Don't remove this */ .primary-btn-translucent:after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.2 } .secondary-btn { background-color: #2d2d2d; /* Default background-color of Secondary buttons */ color: #fff; /* Change the button text color for Secondary buttons here */ -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s } .secondary-btn:hover { background-color: #00aeef; /* Hover background-color of Secondary buttons */ } /* ________________________________________________________________________________________________________________*/ /* Primary and Secondary Container (box) Colors */ .primary-box { background-color: #2a2a2a; /* Default background-color of Primary containers/boxes - includes the site Header section*/ } .primary-box-bottom-border { border-bottom: 1px solid; /* Used for Horizontal Rule under the main content of Homepage */ } .secondary-box { background-color: #1f5095; /* Default background-color of Secondary containers/boxes. Seems to currently only be used on the footer-top section */ } /* ________________________________________________________________________________________________________________*/ /* Callout Box Widget BG Color*/ .call-out-bg, .call-out-bg-translucent:after { background-color: #fdfbf7 } .call-out-bg-translucent:after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.6; z-index: 1 } .call-out-bg a { color: #555655; /*This can be the same link colors used in main content, but kept it seperated just in case if those differ*/ } .whatson-widget .activity-readmore { color: #c99d28 } .call-out-bg .email a { color: #cea73d } .call-out-bg a:hover, .whatson-widget .activity-readmore:hover { color: #00aeef; /*This can be the same link hover colors used in main content, but kept it seperated just in case if those differ*/ } .contact-us a { color: #c99d28 } /* ________________________________________________________________________________________________________________*/ /* Divider Color */ .divider, .primary-box-bottom-border, #page_home .col-block > h2:before, #page_home .hotel-feature-content > h2:before, #main-content .divider, #page_attractions .view-list-widget .list .itemPreview, #mod_pukkaJobs .itemPreview { border-color: #c99d28; /*The is needed to overwrite the default border declarition of each element using this divder color*/ } /* ________________________________________________________________________________________________________________*/ /*---------------- Multi purpose page accordions -----------*/ #main-content .blockCollection .type_accordionBlock.collapsed .accordionTitle { background-color: #2c2c2c; color: #c99d28 } #main-content .blockCollection .type_accordionBlock.expanded .accordionTitle { background-color: #c99d28; color: #2c2c2c } #main-content .item-extra-info { background: #fdfbf8 } #calendar td .ui-state-hover .events-list a { color: #00aeef } body .intro .readmore-links.divider { border-top: 1px solid #c99d28 } /* ________________________________________________________________________________________________________________*/ .pager { color: #555655 } .pager .page-selector { background: #2c2c2c; color: #c99d28 } .pager .page-selector.active { background: #c99d28; color: #2c2c2c } #main-content .share-buttons a { color: #c99d28 !important } #main-content .share-buttons a:hover { color: #0883b2 !important } /*---------------END (2.0) UI COLOR GUIDE --------------*/ /** Fix visual image overlapping issue when site go live in home page **/ body, #top-block { background: #fff } #footer .footer-address.footer-right { border-color: #b8b8b8 } /*---------------START (3.0) HEADER---------------------*/ /*** START (3.1) LANGUAGE SWITCHER ***/ #languages .lang-dropdown { background: transparent } #languages ul li a { color: #fff } #languages ul ul.lang-dropdown li a:hover { color: Aqua } /*** END (3.1) LANGUAGE SWITCHER ***/ /*** START (3.2) BEST RATE AND BOOKING MASK ***/ #availability-checker .bookingmask-bg, #header .best-rate-wrapper { background-color: #222 } #availability-checker input { background-color: #fff; color: #464646; border-color: #fff } #header .best-rate-content a { color: #fff } /* If amount color get changed */ #header .best-rate-content a .currency, #header .best-rate-content a .amount { color: #fff } /*** END (3.2) BEST RATE AND BOOKING MASK ***/ /*-----------------END (3.0) HEADER-------------------------*/ /*----------START (4.0) MAIN VISUAL---------------------*/ #main-visual #pager a { border-color: #fff } #main-visual #pager a.selected { background-color: #fff; border-color: #fff } /*----------END (4.0) MAIN VISUAL---------------------*/ /*----------START (5.0) FOOTER---------------------*/ /*** START (5.1) FOOTER STYLES ***/ #footer, #footer .top-bar { background-color: #333 } #footer .top-bar { border-color: LemonChiffon } #footer .bottom-bar { background-color: #2a2a2a } #footer .footer-address, #footer .footer-address a { color: #fff } #footer .footer-address.footer-right, #footer .footer-address.footer-right a { color: #b8b8b8 } #footer .footer-address div { border-color: #fff } #footer .footer-address a:hover { color: #00aeef } /*** END (5.1) FOOTER STYLES ***/ /*** START (5.2) WEATHER ***/ #weather, #weather h3, #weather a { color: #fff } /*** END (5.2) WEATHER ***/ /*** START (5.3) NEWSLETTER POPUP ***/ #footer .newsletter .newsletter-lbl, #footer .newsletter-link.open a { color: #fff } #footer .newsletter, #footer .newsletter-link.open { background-color: Chocolate } #footer .newsletter input { background-color: #fff; color: Coral } /*** END (5.3) NEWSLETTER POPUP ***/ /*----------END (5.0) FOOTER---------------------*/ /*----------START (6.0) PAGES---------------------*/ /*** START (6.1) HOME ***/ #top-block .col-block h2 span { background: #fff } #top-block .hotel-feature-content ul li { color: Tomato } #top-block .col-block h2, #middle-block .col-block h2 { color: #c99d28 } #middle-block .col-block h2 span { background: #fdfbf7 } #whats-on .activity-title, #whats-on .activity-body, #page_home .info, #offers .offers-rotator-widget .itemPreviewTitle h2 a { color: #555655 } /* Location Address , Tel Labels */ #page_home .info .label { color: #414142 } /* Offers Price*/ #offers .itemPreviewPrice { color: #585c58 } /* Guest Reviews Content */ #testimonials li .content { color: #585c58 } /*** END (6.1) HOME ***/ /*** START (6.2) MAIN CONTENT ***/ /* Main content lists */ .text-wrapper li, .readmore-wrapper-sub-slider li, .items-details-wrapper .text-container li, .no-contentblock .text-container li, .item-extra-info li, .item-content li, .rfp-form .intro li, .flexibleFormContainer li, #hotel-feature ul li, .item-services ul li, .marker-body .marker-description li { color: #969695 } /* Main-Content breadcrumb */ #breadcrumb, #breadcrumb a { color: #6f6f70 } /*** END (6.2) MAIN CONTENT ***/ /*** START (6.3) COMMON MODULE CONTROLS ***/ /* List & Grid intro content colors */ .view-list-widget .body a { color: #555655 } /* List & Grid intro title color */ .view-list-widget .grid .itemPreview h3, .view-list-widget .itemPreview h3 a, .view-list-viewItem .itemPreviewTitle { color: #3c3c3c } /* Rooms & Offers Price tag color */ #main-content .view-list-widget .itemPreviewPrice a, #main-content .view-list-viewItem .price, #main-content .view-list-viewItem .price a { color: #585c58 } /* Booking Links */ #main-content .booking-link, #top-block .booking-link { color: #fff } #main-content .booking-link:hover, #top-block .booking-link:hover { /* In case hover state has a different text color*/ color: #fff } /* Sub menu styles */ /* Category default state background & text color */ #main-content .view-column-left ul li .title, #main-content .view-column-left li.rfp-link, #main-content .view-column-right h3.view-category-title, #main-content .view-column-right h3.accordion-header, #main-content .view-column-right h3.rfp-button, .subpageForm .button-link { background-color: PowderBlue; color: PaleVioletRed } /* Category active state background & text color */ #main-content .view-column-left ul li.active .title, #main-content .view-column-right h3.view-category-title.active, #main-content .view-column-right h3.accordion-header.active, #main-content .view-column-right h3.rfp-button.active { background-color: SkyBlue; color: SeaGreen } /* Item default state background & text */ #main-content .view-column-left ul li.active ul li .title, #main-content .view-column-right .accordion-category h3.accordion-header.item-title { background-color: SlateGray; color: SlateBlue } /* Item active state background & text color */ #main-content .view-column-left ul li.active ul li.active .title, #main-content .view-column-right .accordion-category h3.accordion-header.item-title.active { background-color: Sienna; color: Silver } /* Module Detail page Title */ .items-details-wrapper h2, #main-content .moduleMeetings-content .item-info > h3, #main-content .moduleMeetings-content .rfp-form > h3, .agenda-viewItem h3.itemPreviewTitle, .agenda-viewItem .itemPreviewDate { color: #3c3c3c } /* Extra info box */ .item-extra-info h3, .item-extra-info h4 { color: #3c3c3c } .content-wrapper .item-extra-info p, .items-details-wrapper.from-calendar .agenda-viewItem .itemPreviewDate { color: #555655 } /*Module control bar */ .module-controls, .get-directions { background-color: #464646; /*background color of module button sections above module content */ } /*Module control bar text */ .module-controls #title-items, .module-controls .view-options-title, .module-controls label.extra-dark-color, .view-list-widget .view-filters { /*events page bar texts*/ color: #fff } /*Module control deailed pages nav colors */ .view-list-viewItem .navbar .nav-btn, .agenda-viewItem .navbar .nav-btn { background-color: #2c2c2c } /*Module control deailed pages nav text */ .module-controls .back-btn .text, .module-controls .back-btn .back-list, .subpageForm #main-content .button-link .title, .agenda-viewItem .module-controls .back-btn .back-calendar, .view-list-viewItem .nav-btn .text, .agenda-viewItem .nav-btn .text { color: #c99d28 } /*Module control deailed pages nav text Hover*/ .module-controls .back-btn .text:hover, .module-controls .back-btn .back-list:hover, .subpageForm #main-content .button-link .title:hover, .agenda-viewItem .module-controls .back-btn .back-calendar:hover, .view-list-viewItem .nav-btn .text:hover, .agenda-viewItem .nav-btn .text:hover { color: #0883b2 } /*Module control deailed share text */ .share-buttons a { color: #c99d28 !important } .share-buttons a:hover { color: #0883b2 !important } .view-list-widget .checkbox.bg { background-color: #fff } /*** END (6.3) COMMON MODULE CONTROLS ***/ /*** START (6.4) FORMS ***/ .flexibleFormContainer .section h3 { color: DarkGreen } .mandatory-text { color: #666766 } .flexFormBlockLabel, .flexibleFormContainer .uploader .filename, .flexibleFormContainer .uploader .action, .flexibleFormContainer .required-text, .flexibleFormContainer .required-text h4 { color: #666766 } .flexFormLabelInvalid { color: Red } .flexFormFieldHTML .selector span, .flexFormFieldHTML input, .flexFormFieldHTML select, .flexFormFieldHTML textarea { color: #666766 } .autoclear.float-l { color: #969595 } /*** START (6.4) FORMS ***/ /*** START (6.5) GALLERY ***/ /* ------- FILTER DROPDOWNS ------ */ .module-controls .selector span, .module-controls .selector select, .module-controls .selector select option { color: #555655 } .module-controls .selector { background: White } #gallery-content .caption, #gallery-content .caption .counter { color: White } /*** END (6.5) GALLERY ***/ /*** START (6.6) ATTRACTIONS / CONTACT GET DIRECTIONS & MAP POPUP ***/ /* get directions title*/ #main-content .get-directions h3 { color: #fff } /* get directions input box .get-directions #destination, .get-directions #from{ color:FireBrick; border-color:SeaGreen; }*/ /* get directions button colors*/ .get-directions .go-direction, .contactUs-content button, #mod_mailingList button { background-color: #2d2d2d; color: #fff } .map-wrapper .get-directions #from { color: #555655 } /* get directions button hover colors*/ .get-directions .go-direction:hover, .contactUs-content button:hover, #mod_mailingList button:hover { background-color: #00aeef } /* Map Popup title */ #mod_pukkaActivities .itemPreview .item-title, .marker-content h3 { color: #3c3c3c } /* Map Popup content */ .marker-description p, .marker-body p { color: #555655 } /* Map Popup jscrollpane */ .marker-body .jspTrack, .marker-body .jspDrag { background: #555655 } /*** END (6.6) ATTRACTIONS / CONTACT GET DIRECTIONS & MAP POPUP ***/ /*** START (6.7) ATTRACTIONS PAGE ***/ #mod_pukkaActivities .view-list-widget .body a { color: #c99d28 } #mod_pukkaActivities .view-list-widget .body a:hover { color: #0883b2 } #mod_pukkaActivities .view-categories li { background: none } /* Left Category selector */ #mod_pukkaActivities .view-column-left { background: LightCoral } #mod_pukkaActivities .view-column-left .middle-color { color: #c99d28; background: #2a2a2a } /* Distance text */ .map .marker-distance span, #mod_pukkaActivities .itemPreview .item-distance span { color: #3c3c3c } /*** END (6.7) ATTRACTIONS PAGE ***/ /*** START (6.8) CONTACT US PAGE ***/ /* Tabs */ #main-content .tab { background-color: #2c2c2c; color: #c99d28 } #main-content .tab.active { background-color: transparent; color: #000 } /* Tab- Content color */ .contactInfo-content { color: #555655 } .contactInfo-content h3 { color: #3c3c3c } /*** END (6.8) CONTACT US PAGE ***/ /*** START (6.9) EVENTS / PRESS PAGE ***/ /* Datepicker input color */ #main-content .date-filters .datepicker input { color: #969595 } .column-right .categories-selector li { border-color: #ababab; color: #555655 } #main-content .column-right .date-filters .datepicker input { color: #969695 } #main-content .column-right .downloads .itemDownload a::before { color: #555655 } /*** END (6.9) EVENTS / PRESS PAGE ***/ /*** START (6.10) EVENTS PAGE ***/ /* Event Calendar View */ #calendar .ui-datepicker-title, #calendar .month-text, #calendar .calendar-day { color: #555655 } #calendar .month-text:hover { color: #00aeef } #calendar thead th { background-color: #d4d2d2; color: #342d1f } #calendar td.ui-datepicker-current-day, #calendar td.ui-state-disabled { background: #eee } #calendar td.ui-datepicker-current-day .calendar-day { color: #fff } #calendar td.layout_1 { background: #c99d28 } #calendar td.layout_1 .calendar-day, #calendar td.layout_1 .calendar-info a { color: #555655 } #calendar .showMoreItems { background-color: DarkSlateBlue; color: Cyan } #calendar td.layout_1 .calendar-info .overlay h3 { color: #676a69 } #calendar td.layout_1 .calendar-info .overlay .summary, #calendar .more-items .calendar-info a { color: #969696 } /* Event List View */ #list .itemPreviewContent a { color: #555655 } #list .itemPreviewTitle a { color: #3c3c3c } #list .itemPreviewMapLink a { color: #555655 } #list .itemPreviewDate a { color: #555655 } /* Event Detailed Page */ .itemPreviewDate { border-color: #999 } #list .itemPreviewMapLink a:hover, #calendar .ui-datepicker td a:hover { color: #22a7e0 } .agenda-viewItem .itemPreviewDate { border-color: #3c3c3c } /*** END (6.10) EVENTS PAGE ***/ /*** START (6.11) FACILITIES PAGE ***/ /* Grid Expanded Content */ .grid-scrolldown-widget { color: #555655 } /* Item Title */ .grid-scrolldown-widget .itemPreviewTitle h2 { color: #3c3c3c } /* Item Read more */ .grid-scrolldown-widget .readmore-links { background-color: #2c2c2c } .grid-scrolldown-widget .readmore-links .readmore-link { color: #c99d28 } /* Item Read less */ .grid-scrolldown-widget .opened .readmore-links { background-color: #c99d28 } .grid-scrolldown-widget .opened .readmore-links .readmore-link { color: #3c3c3c } /*** END (6.11) FACILITIES PAGE ***/ /*** START (6.12) CAREERS PAGE ***/ /* Table header */ #mod_pukkaJobs .list-item-head { color: RoyalBlue } /* Item Heading */ #mod_pukkaJobs .itemPreview .title { color: Fuchsia } /* Item Content */ #mod_pukkaJobs .itemPreview .content { color: RosyBrown } /* Apply Section */ .intermidate-border.open { border-top-color: DarkBlue } .module-controls .selector, #page_careers .options-bar .selector-uniform-dropdown, #page_careers .formwrapper .uploader .action, #page_careers .selector-uniform-dropdown, #page_careersapply .uploader .action, .flexInputSimple, .flexInputTextarea, .flexInputSelect, .flexFormInputBlock .selector, input.flexInputDate { border-color: SeaGreen } #page_careers .selector-uniform-dropdown, #page_careers .formwrapper .uploader .action, #page_careersapply .uploader .action, #page_careersapply .flexFormInputBlock .selector { background: White } #page_careersapply .button-link, #page_careersapply .button-link .button .title { background-color: DarkSlateBlue; /*background color of module button sections above module content */ } #page_careersapply .flexibleFormContainer { background-color: YellowGreen } #page_careersapply .flexibleFormContainer { color: Violet } /*** END (6.12) CAREERS PAGE ***/ /*** START (6.13) GUEST REVIEWS PAGE ***/ /* Review Name / Country */ .guest-reviews-list .itemInfo { color: #3c3c3c } /* Review Content */ .guest-reviews-list .itemContent { color: #555655 } /*** END (6.13) GUEST REVIEWS PAGE ***/ /*** START (6.14) AWARDS PAGE ***/ /* Award title & Date */ #grid-items .itemPreview-title { color: #3c3c3c } #grid-items .date { color: #555655 } /*** END (6.14) AWARDS PAGE ***/ /*** START (6.15) PRESS / NEWS PAGE ***/ #mod_pukkaPress .itemPreview .itemPreviewTitleLink, #mod_pukkaPress .itemPreview .itemPreviewDate, #mod_pukkaNews .itemPreview .itemPreviewTitleLink, #mod_pukkaNews .itemPreview .itemPreviewDate { color: #3c3c3c } #mod_pukkaPress .itemPreviewContent .itemPreviewTitleLink, #mod_pukkaNews .itemPreviewContent .itemPreviewTitleLink { color: #555655 } /*** END (6.15) PRESS /NEWS PAGE ***/ /*** START (6.16) NEWS PAGE ***/ .itemPreviewCategories li { color: #c99d28; border-right-color: #989896 } #email-address { border-color: #ababab; color: #969695 } .column-right .date-filters label, .column-right .categories-selector h2, .column-right .downloads h2, .column-right .events h2, .date-filters .datepicker { color: #3c3c3c } .column-right .events .itemPreviewTitle a { color: #555655 } #breadcrumbs p { color: #5f6160 } /*** END (6.16) NEWS PAGE ***/ /*------------END (6.0) PAGES-----------------------------*/ /* Landscape tablet to desktop small screens */ /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 1023px) { /*---------------START (1.2) MAIN MENU --------------*/ #main-menu .menu-wrapper { background-color: #999 } #main-menu ul li a, #main-menu ul.menuLevel2 li a { color: #fff } #main-menu ul li a:hover, #main-menu ul.menuLevel2 li a:hover { color: #0883b2 } #main-menu ul li.active a, #main-menu ul.menuLevel2 li.active a { color: #c99d28 } #main-menu div.menu ul li { border-color: #d4d4d4 } #main-menu div.menu ul li.last { border-color: transparent } #footer .footer-address div { border-color: #b8b8b8 } /*---------------END (1.2) MAIN MENU --------------*/ } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { /*---------------START (1.1) LANGUAGES --------------*/ #header #languages, #header #languages ul, #header #languages ul li, #header .menu-btn { background: #333 } .view-filters.is-portrait.is-mobile { background-color: #464646 } #main-content #main-intro .readmore-wrapper-slider .divider { border-color: #c99d28 } /*---------------START (1.1) LANGUAGES --------------*/ /*---------------START (1.2) MAIN MENU --------------*/ #main-menu .menu-wrapper { background-color: #999 } #main-menu ul li a, #main-menu ul.menuLevel2 li a { color: #fff } #main-menu ul li a:hover, #main-menu ul.menuLevel2 li a:hover { color: #0883b2 } #main-menu ul li.active a, #main-menu ul.menuLevel2 li.active a { color: #c99d28 } #main-menu div.menu ul li { border-color: #d4d4d4 } /* Widget Styling */ .column-top-bar { background: #464646 } #page_home #hotel-feature li { color: #969695 !important } /*---------------END (1.2) MAIN MENU --------------*/ /*---------------START (1.3) BEST RATE --------------*/ #availability-checker .bookingmask-bg { background-color: #c99d28 } #availability-checker .bookingmask-bg:hover { background-color: #00aeef } #availability-checker .booking-link { color: #fff } /*---------------END (1.3) BEST RATE --------------*/ /*---------------START (1.3) FOOTER SEPERATOR --------------*/ #footer .footer-separator { border-color: #2a2a2a } #footer .hotel-address, #footer .footer-address.footer-right { border-color: #555 } #footer .direct-call-wrapper { background-color: #d5d5d5 } #footer .footer-address.footer-right, #footer .footer-address.footer-right a { color: #555 } #footer .footer-address.footer-right a:hover { color: #00aeef } #footer .footer-address div { border-color: #555 } /*---------------END (1.3) FOOTER SEPERATOR --------------*/ } /*************** templates/main/css/global.layout.css ***************/ /* ----- START LAYOUT COMMON TO ALL PAGES ----- */ /* DOUBLE CLICK FIX */ #condorAddBody #addBodyContent iframe { position: absolute } /* START ANTI-MARGIN-COLLAPSING */ div#something { margin-top: -1px; padding-top: 1px } /* END ANTI-MARGIN-COLLAPSING */ /* START FLOAT ENCLOSING ("EASY CLEARING") */ div#something:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* END FLOAT ENCLOSING ("EASY CLEARING") */ .hide { display: none !important } .float-l { float: left } .float-r { float: right } .no-bullets { list-style-type: none } .pointer { cursor: pointer } .relative { position: relative } .clearfix { clear: both } /* READ MORE */ .full-content { display: none } .intro-readmore, .intro-readless { display: none } .intro-readmore.open, .intro-readless.open { display: inline } /* GENERAL LAYOUT */ .bg, .list-icon ul li:before, .text-container ul li:before, .contentBlock ul li:before, .contentBlock.type_accordionBlock .accordionTitle:before, .contentBlock .title a:before { background: url(/templates/main/images/images_sprite.png); /*background-image: url(http://www.eastsidehotel.de/templates/main/images/images_sprite.svg), none;*/ } a:focus { outline: 0; /*removes the dotted border*/ } /* Remove borders radius in iOS devices */ input { -webkit-appearance: none; border-radius: 0 } textarea { -webkit-appearance: none; border-radius: 0; resize: none } .list-icon ul { position: relative } .list-icon ul li:before, .text-container ul li:before { position: absolute; background-position: -54px -127px; content: " "; left: -20px; width: 20px; height: 14px; margin-top: 7px } .text-container ul { list-style: none; padding: 0 } .text-container ol { padding-left: 15px } .text-container ul li:before { position: relative; float: left; left: inherit; background-position: -54px -128px; width: 18px } ul li, ol li, .text-container ul li, .text-container ol li { line-height: 22px } .text-container ol li { padding-left: 5px } .bg-transp { background: transparent } .checkbox { width: 18px; height: 17px } .checkbox.bg { background-position: -28px -613px } .checkbox.bg.active { background-position: -27px -582px } .wrapper { margin: 0 auto; width: 1180px; position: relative } div#holder { margin: 0 auto; position: relative } #holder .secondary-title { text-align: left; margin-top: 16px } div#header { position: absolute; top: 0; left: 0; width: 100%; height: 67px; transition: all 0.3s ease-out; z-index: 110 } div#header .wrapper { height: inherit } body.edge-to-edge div#header .wrapper { width: 100% } .shadow { display: none; position: absolute; left: 0; right: 0; bottom: -5px; height: 5px; background: url(/templates/main/images/header_shadow.png) top left repeat-x } div#branding { position: absolute; width: 208px; height: 104px; top: 0; left: 0; z-index: 24; transition: all 0.3s ease-out } div#branding span.bg { display: block; width: 100%; height: 100%; transition: all 0.3s ease-out; background: url(/templates/main/images/logo.png); background-image: url(/templates/main/images/logo.svg), none; background-repeat: no-repeat } .header-elem { float: right; height: 30px } .language-wrapper { position: absolute; top: 0; left: 0; right: 0 } div#languages { position: absolute; left: 189px; top: 4px; z-index: 200 } #languages > ul { padding-right: 18px } #languages .bg { position: absolute; background-position: -122px -624px; top: 4px; right: 0; width: 11px; height: 11px } #languages .open .bg { background-position: -141px -626px } .lang-dropdown { position: absolute; padding: 0; display: none; left: 30px } .lang-dropdown .selected { display: none !important } .lang-dropdown li { padding: 3px 24px 3px 11px } div#main-menu { margin-top: 18px; margin-right: 20px } div#main-menu .has-submenu span.bg { position: absolute; background-position: -190px -132px; cursor: pointer; display: block; left: 0; right: 0; width: 14px; height: 14px; margin: 0 auto } div#main-menu.is-portrait { display: none; position: absolute; left: 0; right: 0; top: 67px; margin: 0 } div#main-menu.is-portrait #navigation { text-align: right; padding: 10px 0 } div#main-menu.is-portrait #navigation > .menu-wrapper { margin-right: 10px } div#main-menu.is-portrait #navigation .menuLevel2-wrapper { top: 50px } .menu { text-align: justify; height: 100% } .menu ul span { position: relative; display: inline-block; width: 100%; height: auto } .menu ul li span { width: auto } .menu ul { display: inline; list-style: none; padding: 0 } .menu ul li { margin-right: 7px; height: 32px } .menu ul li.last { margin-right: 0 } .menu ul li, .menu ul li a { display: inline-block } .menu .has-submenu > a { cursor: default } .menu .level1.has-submenu.last > a { cursor: pointer } .menu .menuLevel2-wrapper { position: absolute; right: 0; left: 0; height: 0; overflow: hidden; top: 67px; padding-right: 20px; -webkit-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out } .no-mobile .shortcuts .has-submenu { cursor: pointer } .no-mobile .shortcuts .has-submenu > .relative { pointer-events: none; cursor: pointer } .no-mobile .menu .has-submenu.open .menuLevel2-wrapper { height: 36px } .menu ul.menuLevel2 { width: auto; float: right } .menu .menuLevel2 li { position: relative; display: block; float: left; height: 37px; line-height: 37px; margin-right: 12px } .menu .menuLevel2 li.active { cursor: default } .menu .menuLevel2 li a { display: block; width: 100% } .menu-btn { width: 67px; height: 67px; cursor: pointer } .menu-btn span.bg { display: block; width: 26px; height: 26px; background-position: -405px -120px; margin: 20px auto 0 auto } .menu-btn.open span.bg { background-position: -439px -120px } div#availability-checker, #booking-form, .best-rate { width: 100% } #availability-checker { position: absolute; top: 49px; z-index: 20 } .submenu-enabled #availability-checker { top: 65px } #availability-checker .content { position: absolute; top: 68px; width: 228px; right: 50px; z-index: 100; padding: 0 16px } .booking-mask { height: auto; position: relative } .booking-mask h2 { margin: 0; height: 63px; line-height: 63px } .best-rate { margin: 14px 0 10px 0 } .best-rate .currency { margin-left: 15px } div#header .best-rate-wrapper { display: none; width: 260px; height: 70px } div#header .best-rate-wrapper .booking-mask { margin-top: 7px } div#header .best-rate-wrapper .float-l { float: inherit } div#header .best-rate-wrapper .go { width: 166px; height: 30px; line-height: 30px; margin: 19px 0 20px; margin-right: 12px; float: right } div#header .best-rate-wrapper .booking-best-rate { width: 66px; margin-left: 12px; float: left } div#header .best-rate-wrapper .best-rate .fromText { width: 100%; float: left } div#header .best-rate-wrapper .best-rate .currency { margin-left: 0 } div#header .best-rate-wrapper .date, div#header .best-rate-wrapper .choose, div#header .best-rate-wrapper .bestrateText { display: none } #ui-datepicker-div { z-index: 110 !important } /*Scroll Header*/ div#header.fixed { position: fixed; height: 70px; z-index: 120 } /* uncomment these styles if Logo is supposed to collapse into Header when scrolling page */ /* div#header.fixed #branding{ height: 88px; overflow: hidden; }*/ /* div#header.fixed #branding span.bg{ margin-top: -8%; }*/ /* end collpasing logo */ div#header.fixed .shadow, div#header.fixed .best-rate-wrapper { display: block } #main-content { height: auto; min-height: 100px; margin-top: 517px; margin-bottom: 30px } #main-content p, #main-content .intro, .text-container p { line-height: 25px !important } #main-content p { min-height: 2px } #main-content #breadcrumb { margin-top: 20px } div#main-visual { position: absolute; top: 67px; width: 100%; height: 450px; z-index: 1; overflow: hidden } div#main-visual .toolbox-link { top: 98px } div#main-visual .wrapper { height: inherit } div#main-visual .wrapper div.imagecontainer { position: relative; display: block; visibility: hidden; height: 100%; width: 100%; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } div#main-visual .wrapper div.imagecontainer:first-child { visibility: visible } div#main-visual .wrapper div.imagecontainer img { height: auto } div#main-visual .slideshow { height: 100%; width: 100%; display: block } div#main-visual .slideshow, #main-visual .caroufredsel_wrapper { width: 1180px !important; height: 450px !important } #main-visual img { width: 1180px } div#main-visual .wrapper .caroufredsel_wrapper, div#main-visual .wrapper #carousel { position: absolute; overflow: hidden } div#pager-wrapper { left: 20px; position: absolute; bottom: 23px; right: 20px; z-index: 2 } div#pager a { width: 92px; height: 3px; float: left; position: relative; border: 2px solid white; text-indent: -5000px; margin: 0 10px 0 0 } div#pager a.last { margin: 0 } #pager span { background: transparent } div#pager a.selected span { width: 0; height: 3px; background: white; left: 0; position: absolute; top: 0 } /* edge-to-edge Main Visual enabled */ body.edge-to-edge div#main-visual .wrapper { width: 100% } body.edge-to-edge div#main-visual .slideshow, #main-visual .caroufredsel_wrapper { width: 100% !important } /* end edge-to-edge */ /* READ MORE FUNCTION */ .inline { display: inline !important } .readmore-wrapper-slider .short-text { display: block; overflow: hidden } .readmore-wrapper-slider .readmore-links, .readmore-wrapper-sub-slider .readmore-links { display: block; text-align: right; margin-top: 19px; padding-top: 20px; border-top-width: 1px; border-top-style: solid; cursor: pointer } .readmore-wrapper-slider .readmore-links.no-border { border-top: none } .readmore-wrapper p, .readmore-wrapper .readmore-links { display: inline } .readmore-wrapper-sub-slider .hiddencontentText { display: none } .editMode .readmore-wrapper-sub-slider .hiddencontentText { display: block } .readmore-wrapper-sub-slider .hiddencontentText p:first-child { margin: 0 } .editMode .readmore-wrapper-sub-slider .readmore-links { display: block !important } .readmore-wrapper-sub-slider.margin-bottom { margin-bottom: 35px } .readmore-wrapper .readmore-links i.bg, .readmore-wrapper-slider .readmore-links i.bg, .readmore-wrapper-sub-slider .readmore-links i.bg { display: inline-block; width: 15px; height: 11px; right: 0; margin-left: 4px; vertical-align: middle } .readmore-wrapper .readmore-links .intro-readmore i.bg, .readmore-wrapper-slider .readmore-links .intro-readmore i.bg, .readmore-wrapper-sub-slider .readmore-links .intro-readmore i.bg { background-position: -72px -135px } .readmore-wrapper .readmore-links .intro-readless i.bg, .readmore-wrapper-slider .readmore-links .intro-readless i.bg, .readmore-wrapper-sub-slider .readmore-links .intro-readless i.bg { background-position: -72px -125px } /* FANCYBOX GENERIC LAYOUT ======= */ .fancybox-wrap .fancybox-skin { padding: 0 !important; border-radius: 0 } .fancybox-wrap .fancybox-close { position: fixed !important; top: 10px !important; right: 5% !important; width: 21px; height: 21px; top: 10px; right: 10px; padding-right: 55px; line-height: 21px; background: url(/templates/main/images/fancybox/close.svg) no-repeat 0 0; background-size: 21px 21px; background-position: right } .fancybox-wrap .fancybox-nav span { width: 30px; height: 41px; background: url(/templates/main/images/fancybox/slideshow_nav.png) no-repeat 0 0; background-size: 55px 40px; visibility: visible } .fancybox-wrap .fancybox-prev { left: -80px } .fancybox-wrap .fancybox-next { right: -80px } .fancybox-wrap .fancybox-next span { background-position: -25px 0 } .fancybox-wrap .fancybox-title { position: absolute; top: -80px; width: 100%; height: 80px; text-transform: uppercase; font-size: 27px; font-family: "Varela Round", sans-serif; font-weight: normal } .fancybox-wrap .fancybox-title-float-wrap { margin-bottom: 0 } .fancybox-wrap .fancybox-title-float-wrap .child { background: none; padding: 0; text-shadow: none } input::-moz-placeholder { opacity: 1 } input::-webkit-placeholder { opacity: 1 } input::-ms-placeholder { opacity: 1 } input::placeholder { opacity: 1 } #footer { position: relative; width: 100% } #footer .shadow { display: block; top: 0; bottom: auto; height: 12px; background-size: 100% 13px; z-index: 1 } /* Footer newsletter */ #footer .newsletter { display: none; position: absolute; z-index: 5; top: 0; -webkit-transform: translate(0, -93%); transform: translate(0, -93%); padding: 30px 30px 20px; width: 230px; background: #333 } #footer .newsletter .fieldLabel { display: none } #footer .newsletter input { display: block; width: 230px; height: 34px; margin-bottom: 10px; text-indent: 10px; background: #5C5C5C } #footer .newsletter .newsletter-lbl { color: #fff; display: block; font: 300 13px Arial, sans-serif; margin-bottom: 15px } #footer .newsletter button { float: right; clear: both; height: 34px; padding: 0 20px; background: #FFF; color: #000; text-transform: uppercase } #footer .newsletter .newsletter-btn { position: absolute; top: 10px; right: 10px; display: block; width: 20px; height: 20px; background-position: -374px -159px; cursor: pointer } #footer .newsletter-link { position: relative; overflow: visible; color: #3A3B3B; height: auto } #footer .newsletter-link.open { background: #333; padding: 0 8px 0 5px; margin: 0 } #footer .newsletter-link.open + li a { border: none; padding: 0 } #footer .newsletter-link.open a { color: #fff; padding: 0 0 0 10px; border: 0 } .footer-bar { position: relative; height: 42px; border-bottom-width: 1px; border-bottom-style: solid; display: table } .top-footer-left, .top-footer-right { display: inline-block; vertical-align: top; width: 49% } #footer .menu ul li { margin-right: 7px; line-height: 36px; height: auto } #footer .menu a { padding-left: 12px; height: 11px; line-height: 10px; border-left: 1px solid #FFF } #footer .menu .item1 a { padding-left: 0; border: none } .followus { margin: 0 7px 0 0; line-height: 36px } .sm-icon { margin: 0 0 0 -10px } .sm-icon .icon { width: 36px; height: 34px; margin: 0; cursor: pointer } .sm-icon .share-this { width: 20px } #footer .sm-icon .share-this { margin-left: 5px } .sm-icon-list { margin: 0; padding: 0 } #footer .sm-icon-list { margin-top: 2px; text-align: right } .sm-icon-list li { list-style: none; display: inline-block } .facebook.bg { background-position: -16px -340px } .facebook.bg:hover { background-position: -16px -373px } .twitter.bg { background-position: -49px -340px } .twitter.bg:hover { background-position: -49px -373px } .youtube.bg { background-position: -181px -340px } .youtube.bg:hover { background-position: -181px -373px } .flickr.bg { background-position: -115px -340px } .flickr.bg:hover { background-position: -115px -373px } .gplus.bg { background-position: -148px -340px } .gplus.bg:hover { background-position: -148px -373px } .tripadvisor.bg { background-position: -82px -340px } .tripadvisor.bg:hover { background-position: -82px -373px } .foursquare.bg { background-position: -245px -340px } .foursquare.bg:hover { background-position: -245px -373px } .instagram.bg { background-position: -278px -340px } .instagram.bg:hover { background-position: -278px -373px } .linkedin.bg { background-position: -311px -340px } .linkedin.bg:hover { background-position: -311px -373px } .pinterest.bg { background-position: -344px -340px } .pinterest.bg:hover { background-position: -344px -373px } .wechat.bg { background-position: -376px -340px } .wechat.bg:hover { background-position: -376px -373px } .weibo.bg { background-position: -409px -340px } .weibo.bg:hover { background-position: -409px -373px } .share-this.bg { background-position: -218px -343px } .share-this.bg:hover { background-position: -218px -343px } .footer-info { width: 100%; float: left } .footer-info .top-bar { width: 100%; float: left; padding-bottom: 15px; height: auto; min-height: 140px } .footer-info .bottom-bar { float: left; width: 100%; height: 40px } .footer-hotels { margin-top: 15px } .hotel-icon { height: 100% } .hotel-icon .icon, .hotel-icon.tripadvisor-widget { width: 152px; height: 137px; margin-right: 2px; overflow: hidden } .hotel-icon.tripadvisor-widget > div { margin-left: -10px } #weather { margin-top: 15px } #weather h2, .weather-text, #weather.C .weather-tempF, #weather.F .weather-tempC { display: none } #weather #digital-clock, #weather .weather { display: block; position: relative } #weather .weather-image { margin: -5px 0 0 8px; float: right } #weather h3, .weather { float: left; height: 50px; line-height: 59px; margin: 0; padding-left: 8px } .weather { line-height: 55px } #digital-clock { float: rigth; clear: both } .footer-address { clear: both; height: 41px; line-height: 41px } .footer-address div { padding: 0 10px 0 7px; display: inline-block; height: 12px; line-height: 9px } .footer-address .address { padding-left: 0 } .footer-address .email { border-right: none; padding-right: 0 } .footer-right { clear: none } .footer-right .last { padding-right: 0; border: none } .footer-right .last a { text-decoration: none } /* SITEMAP PAGE */ #mod_sitemap ul { list-style-type: none; padding-left: 0 } #mod_sitemap ul.sitemap ul { width: 45%; margin-left: 8px } #mod_sitemap li { line-height: 33px } #mod_sitemap li:before { content: "•"; padding-right: 8px } #mod_sitemap li.has-submenu { float: left; margin: 1px 0 1px -8px; padding: 2px 0 5px 8px; width: 100% } #mod_sitemap li.has-submenu .relative { display: none } #mod_sitemap .menuLevel2-wrapper { float: right; width: 50%; display: inline } #mod_sitemap li.level2 { line-height: 28px } /* CONTENT BLOCKS STYLE */ /*Bullet list - toolbox style*/ .contentBlock ul { list-style: outside none none; padding: 0; margin-top: 20px; margin-bottom: 20px } .contentBlock ul li:before { background-position: -54px -127px; content: " "; height: 14px; left: 0; margin-top: 9px; position: absolute; width: 20px } .contentBlock li { margin-left: 29px } /* accordions */ .contentBlock.type_accordionBlock .accordionTitle { padding-left: 15px !important } .contentBlock.type_accordionBlock .accordionTitle:before { background-position: -156px -137px !important; content: "" !important; display: block !important; float: right !important; height: 16px !important; width: 23px !important } .contentBlock.type_accordionBlock.expanded .accordionTitle:before { background-position: -156px -121px !important } .contentBlock .title a:before { background-position: -335px -156px !important; content: "" !important; display: block !important; float: left !important; height: 26px !important; width: 29px !important } /* GENERIC FORMS */ .flexFormLabelInvalid { font-weight: 400 !important } /*__ SOCIAL TOOLBAR __*/ #socialToolbarHolder { margin: 0 auto !important; width: 1180px !important; position: relative !important; left: auto !important } #socialToolbarContainer { width: 100% !important } .socialToolbarControl .icon { top: 8px !important } #socialToolbarContainer .inner_toolbar .shareLeft .contentLeft:after { border-color: transparent !important } #socialToolbarContainer .inner_toolbar .contentRight { margin: 12px 8px 0 0 !important } .socialToolbarControl .icon { top: 21px !important } /* Fix for android tablet */ #socialToolbarContainer .only-icons, #socialToolbarContainer .only-icons:hover { text-indent: -999999px; overflow: hidden } /*__END SOCIAL TOOLBAR __*/ /* MEDIA QUERY FOR DESKTOP */ .is-desktop { display: block } .is-tablet, .is-landscape, .is-portrait, .is-mobile { display: none } /*************** templates/main/css/global.widgets.css ***************/ /*_________ WIDGETS OVERRIDE STYLE__*/ .whatson-nav .carousel-prev, .jw-guest-reviews-nav .carousel-prev { background-position: -112px -120px !important } .whatson-nav .carousel-next, .jw-guest-reviews-nav .carousel-next { background-position: -132px -120px !important } .whatson-nav .pager { line-height: 46px !important; font-size: 24px !important } .jw-guest-reviews-nav .pager { font-size: 18px; font-style: italic } .view-list-widget .view-options { background-position: -24px -662px !important } .view-list-widget .view-options .view-icon, .view-list-widget.no-label .view-options .view-option { width: 52px } .view-list-widget .view-options .view-icon.bg { top: 0; left: 0; height: 100%; padding: 0; margin: 0 } .view-list-widget.label .view-options .view-option { width: 104px } .view-list-widget .view-options .view-label { margin-left: 60px; background: none } .view-list-widget .view-categories li.bg, .view-list-viewItem .sidebar li.bg { background-position: -420px -425px } .view-list-widget .view-categories li.bg:hover, .view-list-viewItem .sidebar li.bg:hover { background-position: -420px -519px } .view-list-widget h3.view-category-title.bg { height: 17px } .view-list-widget h3.view-category-title.bg:hover { background-position: -23px -519px } .view-list-widget .view-categories li.bg.active { background-position: -420px -472px } .view-list-viewItem .sidebar li.bg.active .arrow.bg, .view-list-widget .view-categories li.bg.active .arrow.bg { float: right; width: 9px; height: 12px; margin: 18px 13px; background-position: -122px -607px } .view-list-viewItem .sidebar .view-categories > li { background-position: -420px -519px } .view-list-viewItem .sidebar .subitems li.active { background-position: -420px -472px } .grid-scrolldown-widget .readmore-link:before, .whatson-widget .activity-readmore:before, #page_careersapply .view-column-left .button:before, .jw-guest-reviews-nav ul.nav-wrapper li.view-all:before, .view-list-viewItem .sidebar .subitems li.active:before, .view-list-widget .view-categories li.active:before { position: absolute; background: url(/templates/main/images/images_sprite.png); /*background-image:url(http://www.eastsidehotel.de/templates/main/images/images_sprite.svg), none;*/ background-position: -122px -607px; display: block; content: " "; width: 20px; height: 14px; top: 17px; right: 0 } .view-list-widget .view-categories li.subitem-active:before, #mod_pukkaActivities .view-list-widget .view-categories li.active:before { background: none } .grid-scrolldown-widget .readmore-link { position: relative } .grid-scrolldown-widget .readmore-link:before { margin: 0 auto; width: 22px; height: 12px; top: 20px; left: 0; right: 0; background-position: -155px -139px } .grid-scrolldown-widget .intro-readless:before { background-position: -155px -122px } .whatson-widget .activity-readmore { display: inline-block; padding-right: 14px; position: relative } .whatson-widget .activity-readmore:before { position: relative; height: 16px; width: 11px; top: auto; right: auto; float: right; margin-right: -14px; background-position: -103px -158px } .jw-guest-reviews-nav ul.nav-wrapper li.view-all { position: relative; padding-right: 16px } .jw-guest-reviews-nav ul.nav-wrapper li.view-all:before { background-position: -103px -158px; width: 11px; height: 16px; top: 0; right: 0 } .view-list-widget h3.view-category-title .arrow.bg { float: right; width: 12px; height: 9px; margin: 4px 0; background-position: -122px -626px } .view-list-widget h3.view-category-title.active .arrow.bg { background-position: -140px -626px } .view-list-widget h3.view-category-title.bg.active { height: 17px } .view-list-widget .grid-view .view-icon.bg { background-position: -1144px -41px !important } .view-list-widget .grid-view:hover .view-icon.bg { background-position: -1197px -41px !important } .view-list-widget .grid-view.active .view-icon.bg { background-position: -1250px -41px !important } .view-list-widget .map-view .view-icon.bg { background-position: -1144px -167px !important } .view-list-widget .map-view:hover .view-icon.bg { background-position: -1197px -167px !important } .view-list-widget .map-view.active .view-icon.bg { background-position: -1250px -167px !important } .view-list-widget .list-view .view-icon.bg { background-position: -1144px -104px !important } .view-list-widget .list-view:hover .view-icon.bg { background-position: -1197px -104px !important } .view-list-widget .list-view.active .view-icon.bg { background-position: -1250px -104px !important } /* CSS3 FX*/ .view-list-widget .view-column-right { position: relative } .view-list-widget .tab-rad { display: none } .view-list-widget.has-category .tab-fade { position: absolute; z-index: 1; top: 54px; opacity: 0; height: 0; visibility: hidden; overflow: hidden; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out } .old-brw .view-list-widget.has-category .tab-fade { /* old browsers */ position: relative; height: auto; top: 0; opacity: 1; z-index: 5; overflow: visible; visibility: visible } .view-list-widget.has-category .tab-rad:checked + .tab-fade { position: relative; height: auto; top: 0; opacity: 1; z-index: 5; overflow: visible; visibility: visible } /*************** templates/main/css/template.mediaquery.css ***************/ /* Landscape tablet to desktop small screens */ @media (min-width: 1024px) and (max-width: 1179px) { .is-tablet, .is-landscape { display: block } .is-desktop, .is-portrait, .is-mobile { display: none } .wrapper { width: 920px } /*__ SOCIAL TOOLBAR __*/ #socialToolbarHolder { width: 920px !important } /*__END SOCIAL TOOLBAR __*/ .menu .menuLevel2 li { margin-right: 7px } #main-visual, #main-visual img { width: 920px; height: 466px !important } div#main-visual .slideshow, #main-visual .wrapper .caroufredsel_wrapper { width: 920px !important; height: 466px !important } body.edge-to-edge div#main-visual .slideshow, body.edge-to-edge #main-visual .caroufredsel_wrapper { width: 100% !important } #main-content { margin-top: 533px } .fancybox-wrap .fancybox-close { right: 22px !important } .fancybox-wrap .fancybox-prev span { left: 98px } .fancybox-wrap .fancybox-next span { right: 98px } #sitemap ul.shortcuts { width: 55% } #footer .menu ul li { line-height: 24px } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 1023px) { .is-desktop, .is-landscape, .is-mobile, .no-portrait, .followus { display: none } .is-tablet, .is-portrait { display: block } .wrapper { width: 684px } #main-visual, #main-visual img { width: 684px; height: 342px !important } div#main-visual .slideshow, #main-visual .wrapper .caroufredsel_wrapper { width: 684px !important; height: 342px !important } body.edge-to-edge div#main-visual .slideshow, body.edge-to-edge #main-visual .caroufredsel_wrapper { width: 100% !important } #navigation { height: inherit } /*__ SOCIAL TOOLBAR __*/ #socialToolbarHolder { width: 684px !important } /*__END SOCIAL TOOLBAR __*/ #main-content { margin-top: 409px } .fancybox-wrap .fancybox-prev { left: 0 } .fancybox-wrap .fancybox-next { right: 0 } .fancybox-wrap .fancybox-close { top: 34px !important } .hotel-icon .icon { width: 116px; height: 98px } .hotel-icon .icon img { width: 100%; height: 100% } #sitemap ul.shortcuts { width: 70% } /* CONVERT MAIN MENU INTO MOBILE MENU */ #main-menu { display: none; position: absolute; top: 67px; left: 0; right: 0; z-index: 22; margin: 0 !important; height: auto } #main-menu .shadow { display: block !important } #main-menu .menuLevel2-wrapper { background: none } #main-menu .menu ul, #main-menu .menu ul li, #main-menu .menu ul li a, #main-menu .menuLevel2-wrapper ul, #main-menu .menuLevel2-wrapper ul li, #main-menu .menuLevel2-wrapper ul li a { display: block; text-align: right } #main-menu .menu ul li, #main-menu .menuLevel2-wrapper ul li { border-bottom: 1px solid #CACACA; padding-right: 14px; line-height: 1.7em } #main-menu .menu ul li { margin: 0 } #main-menu .has-submenu { padding: 0 !important; height: auto } #main-menu .has-submenu > .relative, #main-menu .has-submenu > .menu-title { display: none } #main-menu .menuLevel2-wrapper { height: auto; position: relative; top: inherit; left: inherit; right: inherit; overflow: auto; padding: 0 } #main-menu ul.menuLevel2, #main-menu .menuLevel2-wrapper ul li { float: none; width: auto; margin: 0 } #navigation .active a, #navigation a:hover { text-shadow: none } /* END */ #footer .menu ul li { line-height: 24px } .footer-info .bottom-bar { height: auto; padding: 8px 0 } #footer .footer-address { float: left; height: 25px; line-height: 25px } #footer .copyright { padding: 0 } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .is-desktop, .is-tablet, .is-landscape, .is-portrait, .no-mobile, .intro-readless, #socialToolbarContainer { display: none } .is-mobile { display: block } .wrapper { width: 320px } #holder.wrapper, #main-content .wrapper { width: 280px } #navigation { height: inherit } #footer { padding-bottom: 0 !important } #footer .wrapper { width: 298px } .top-footer-left, .top-footer-right { width: 100% } .top-footer-left { padding-bottom: 10px } .top-footer-right { padding-top: 10px } #main-content p, #main-content .intro { line-height: 22px; font-size: 12px; margin: 0.5em 0 } .readmore-links { margin-bottom: 10px } div#header { height: 84px; position: fixed } div#header.menu-opened { position: absolute !important } div#branding { width: 136px; height: 84px; overflow: hidden } div#branding span.bg { background: url(/templates/main/images/logo_mobile.png); background-image: url(/templates/main/images/logo_mobile.svg), none; transform: scale(1.05); -webkit-transform: scale(1.05) } div#languages { background: white; height: 34px; top: 0; left: 136px; right: 0; z-index: 200 } #languages span.bg { margin-left: 4px; margin-top: 4px; position: static; display: inline-block } div#languages ul { width: 100%; background: white; padding: 0 0 3px 0; margin: 0; left: 0 } div#languages ul li { margin: 0; padding: 0; background-color: white; display: inline-block; width: 100% } div#languages ul li a { padding: 5px 0 0 8px; display: inline-block; vertical-align: top } .readmore-wrapper-slider .readmore-links, .readmore-wrapper-sub-slider .readmore-links { border-top: none; text-align: center } #main-intro .readmore-wrapper-slider .readmore-links, .intro .readmore-wrapper-slider .readmore-links, #main-intro .readmore-wrapper-sub-slider .readmore-links, .intro .readmore-wrapper-sub-slider .readmore-links { border-top: 1px solid; text-align: right } .menu-btn { margin-top: 34px; width: 50px; height: 50px } .menu-btn span.bg { margin-top: 12px } /* FANCYBOX */ .fancybox-wrap .fancybox-prev { left: -2px } .fancybox-wrap .fancybox-next { right: -2px } .fancybox-wrap .fancybox-close { right: 10% !important } /* CONVERT MAIN MENU INTO MOBILE MENU */ #main-menu { display: none; position: absolute; top: 84px; left: 0; right: 0; z-index: 22; margin: 0 !important; height: auto } #main-menu .shadow { display: block !important } #main-menu .menuLevel2-wrapper { background: none } #main-menu .menu ul, #main-menu .menu ul li, #main-menu .menu ul li a, #main-menu .menuLevel2-wrapper ul, #main-menu .menuLevel2-wrapper ul li, #main-menu .menuLevel2-wrapper ul li a { display: block; text-align: right } #main-menu .menu ul li, #main-menu .menuLevel2-wrapper ul li { border-bottom: 1px solid #CACACA; padding-right: 14px; line-height: 1.7em } #main-menu .menu ul li { margin: 0 } #main-menu .has-submenu { padding: 0 !important; height: auto } #main-menu .has-submenu > .relative, #main-menu .has-submenu > .menu-title { display: none } #main-menu .menuLevel2-wrapper { height: auto; position: relative; top: inherit; left: inherit; right: inherit; overflow: auto; padding: 0 } #main-menu ul.menuLevel2, #main-menu .menuLevel2-wrapper ul li { float: none; width: auto; margin: 0 } #navigation .active a, #navigation a:hover { text-shadow: none } /* END */ #main-visual { top: 84px !important } #main-visual, #main-visual img { width: 320px; height: 166px !important } div#main-visual .slideshow, #main-visual .wrapper .caroufredsel_wrapper { width: 320px !important; height: 166px !important } body.edge-to-edge div#main-visual .slideshow, body.edge-to-edge #main-visual .caroufredsel_wrapper { width: 100% !important } #availability-checker .content { position: absolute; top: -10px; left: 136px; right: 50px; z-index: 112 } #main-content { margin-top: 250px } .readmore-links span { font-size: 11px } #main-intro .readmore-links span, .intro .readmore-links span { font-size: 15px } .readmore-links i.bg { height: 8px } #sitemap ul.shortcuts, #sitemap .menuLevel2-wrapper { width: 100% } #sitemap .menuLevel2-wrapper { float: left; padding-left: 40px } .footer-menu, .footer-sm { display: block; width: 100% } .sm-icons-wrapper { text-align: center } #footer .menu a { font-size: 11px } #footer .menu ul li { line-height: 18px; float: left } .footer-separator { height: 1px; width: 100%; border-top-width: 1px; border-top-style: solid } #footer .sm-icon-list { text-align: center } .footer-bar { border: 0; border-bottom-width: 1px; border-bottom-style: solid } .footer-info .top-bar, #weather h3, .weather, #weather #digital-clock { height: 43px } .footer-info .top-bar { min-height: 43px } #weather { float: left !important; margin: 0 } #weather h3 { line-height: 43px; padding: 0 } .weather { line-height: 39px } #weather .weather-image { width: 27px; height: auto; margin: 5px 0 0 6px } #footer #weather h3, #footer #weather h3 span { font-size: 12px } #weather .weather-tempC { font-size: 16px } #weather #digital-clock { padding-left: 8px; line-height: 43px; font-size: 12px; display: inline } .footer-info .top-bar { padding-bottom: 0 } .footer-info .bottom-bar, .direct-call { height: auto } .footer-address { width: 244px; padding: 8px 0; line-height: 15px; font-size: 10px; display: table-cell; float: none } .footer-address div { height: 8px; line-height: 12px; padding: 0 5px 0 2px } .footer-address, .footer-address div { height: auto } .footer-address .address, .footer-address .fax { border: none } .footer-address .phone, .footer-address .email { padding-left: 0 } .footer-address.footer-right { width: 100%; border-top: 1px solid; display: block; clear: both } .direct-call .bg { background-position: -446px -154px; display: block; height: 34px; width: 13px } .hotel-address { position: relative; float: left; border-right: 1px solid; display: inline-block } .direct-call-wrapper { position: relative; float: right; width: 50px; height: 100%; display: inline-block } .direct-call { position: relative; float: left; left: 50%; margin-left: -5px; margin-top: 25%; display: block } } /*************** templates/main/css/template.home.css ***************/ #top-block, #middle-block { z-index: 1 } .row-block { width: 100%; float: left; position: relative; margin-bottom: 60px } .col-block { width: 580px; position: relative } .col-block h2 { position: relative; overflow: hidden; text-align: center; margin-top: 36px } .col-block > h2:before, .hotel-feature-content > h2:before { border-top-width: 2px; border-top-style: solid; content: ""; margin: 0 auto; position: absolute; top: 16px; left: 0; right: 0; bottom: 0; z-index: -1 } .col-block h2 span { padding: 0 10px; text-transform: uppercase; font-size: 19px; font-weight: 400 } .col-block h2.secondary-title span { padding: 0 } #page_home #holder h2.secondary-title { margin: 14px 0 -1px } #hotel-feature { max-height: 372px; overflow: hidden } #hotel-feature ul { list-style: none; margin: 0 0 0 28px; padding: 0 } #hotel-feature ul li { font-weight: 400; font-style: italic; line-height: 2.1em; font-size: 1em } .offers-rotator-widget { margin-top: 26px } #middle-block .whatson-widget { width: 100%; margin-top: 40px } #main-content { margin-top: 667px; margin-bottom: 0 } #main-content p.intro, #main-content .readmore-wrapper { margin-top: 40px } div#main-visual { height: 600px } div#main-visual .slideshow, #main-visual .caroufredsel_wrapper { height: 600px !important } body.edge-to-edge div#main-visual .slideshow, body.edge-to-edge #main-visual .caroufredsel_wrapper { height: 100% !important } #page_home h1 { left: 0; margin: 0; z-index: 101; text-transform: uppercase } #page_home .noBodyMiddle { top: 431px } /*MAP CONTROLS */ .map-controls { position: absolute; top: 0; left: 0; right: 0 } .map-controls .zoom { position: absolute; top: 10px; left: 10px } .map-controls .zoom .zoom-button { margin-bottom: 10px; width: 23px; height: 23px; background-color: #D8D8D8; cursor: pointer } .map-controls .zoom .zoom-in.bg { background-position: -84px -610px } .map-controls .zoom .zoom-out.bg { background-position: -53px -610px } /** HOTEL INFORMATION **/ .hotel-info, .location { float: left } .hotel-info { position: relative; width: 100%; margin: 32px 0 } .hotel-info p.info { margin: 20px 0 } .hotel-info .contact { float: right; width: 250px; text-align: center } .hotel-info .contact-us a { text-decoration: underline } .label { display: block; font-size: 14px; font-weight: 700; text-transform: uppercase } .info { font-size: 12px } .hotel-info .contact a { text-decoration: none } #main-intro, #main-intro .wrapper { width: 885px } #main-intro h3, #main-intro h4 { margin-bottom: 12px } .noHomeReviews { width: 100% !important } #testimonials { width: 280px } #testimonials .jw-guest-reviews-1col-lg { font-size: 14px; font-style: italic; text-align: center; line-height: 1.2em } #testimonials .jw-guest-reviews-1col-lg .rs-carousel-item a { text-decoration: none } /* Portrait & Landscape tablet to desktop small screens */ @media (min-width: 1024px) and (max-width: 1179px) { div.whatson-widget, div.whatson-widget .rs-carousel-item, .col-block.float-l { width: 290px } #bottom-block .col-block.float-l, #main-intro .wrapper { width: 620px } #page_home h1 { top: 920px } #page_home .noBodyMiddle { top: 475px } #main-content { margin-top: 533px } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 1023px) { .col-block { width: 328px } #page_home h1 { top: 1254px; width: 390px } #page_home .noBodyMiddle { top: 445px } #middle-block .col-block { width: 684px } #bottom-block .col-block.float-l, #main-intro .wrapper { width: 390px } #middle-block .location { margin-left: 26px } #middle-block .contact { margin-right: 40px } #main-content { margin-top: 409px } .map-controls { left: 26px } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .col-block, .hotel-feature-content { width: 280px; padding: 0 20px } .col-block.float-r { float: left } .hotel-feature-content { float: left } .row-block { margin-bottom: 30px } #holder.wrapper, #main-intro .wrapper { width: 280px } #page_home h1 { width: 100%; top: 1888px; text-align: center } #page_home .secondary-title { text-align: center } #page_home .noBodyMiddle { top: 741px } #main-content .readmore-wrapper { margin-top: 0 } /*Change order*/ #top-block > .wrapper { display: table } #hotel-feature { display: table-footer-group; float: none } #offers { display: table-header-group; margin-bottom: 26px } /*__ */ #hotel-feature ul li { font-size: 12px; line-height: 21px } .hotel-info .contact { float: left; width: 100% } #bottom-block { margin-bottom: 22px } #bottom-block .col-block.float-l { padding: 0 } #main-content { margin-top: 230px !important } #main-intro { width: 100%; text-align: center } .readmore-links { width: 100%; margin-top: 11px; text-align: center; display: block; font-size: 11px } .readmore-links i.bg { height: 8px } #testimonials { margin-top: 15px; padding: 0; width: 100% } div.jw-guest-reviews-1col-lg .rs-carousel-item { line-height: 20px } } /*************** templates/main/libs/jquery/carousel/jquery.rs.carousel.css ***************/ /* * jquery.rs.carousel.css 1.0.2 * https://github.com/richardscarrott/jquery-ui-carousel * * Copyright (c) 2013 Richard Scarrott * http://www.richardscarrott.co.uk * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * Depends: * a basic reset + items must have width & height */ .rs-carousel-mask { overflow: hidden } .rs-carousel-runner { position: relative } .rs-carousel-horizontal .rs-carousel-item { float: left } .rs-carousel-mask { position: relative } .rs-carousel-runner { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .rs-carousel-transition .rs-carousel-runner { -moz-transition: -moz-transform 0.4s ease; -webkit-transition: -webkit-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease } /*************** templates/main/libs/jquery/uniform/uniform.default.css ***************/ /* Uniform Theme: Uniform Default Version: 1.8 By: Josh Pyles License: MIT License --- For use with the Uniform plugin: http://uniformjs.com/ */ /* General settings */ div.radio span, div.uploader, div.uploader span.action { background-image: url(/templates/main/libs/jquery/uniform/images/sprite.png); background-repeat: no-repeat; -webkit-font-smoothing: antialiased } .checker, .radio, .uploader { display: -moz-inline-box; display: inline-block; zoom: 1; vertical-align: middle } .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader * { margin: 0; padding: 0 } .highContrastDetect { width: 0; height: 0 } /* Input & Textarea */ input.text, input.email, input.search, input.tel, input.url, input.datetime, input.date, input.month, input.week, input.time, input.datetime-local, input.number, input.color, input.password, select.uniform-multiselect, textarea.uniform { padding: 3px; outline: 0 } /* Remove default webkit and possible mozilla .search styles */ div.checker input, input.search, input.search:active { -moz-appearance: none; -webkit-appearance: none } /* Select */ div.selector { background-position: 0 -130px; line-height: 26px; height: 26px; padding: 0 0 0 10px; position: relative; overflow: hidden } div.selector.fixedWidth { width: 190px } div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background-position: right 0; height: 26px; line-height: 26px; padding-right: 25px; cursor: pointer; width: 100%; display: block } div.selector.fixedWidth span { width: 155px } div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 22px; top: 2px; left: 0; width: 100% } /* Checkbox */ div.checker, div.checker span, div.checker input { width: 19px; height: 19px } div.checker { position: relative } div.checker span { display: -moz-inline-box; display: inline-block; zoom: 1; text-align: center; background-position: 0 -260px } div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; zoom: 1 } div.checker span.checked { background-position: -76px -260px } div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span { background-position: -152px -260px } div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px } /* Radio */ div.radio, div.radio span, div.radio input { width: 18px; height: 18px } div.radio { position: relative } div.radio span { display: -moz-inline-box; display: inline-block; zoom: 1; text-align: center; background-position: 0 -279px } div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; zoom: 1; text-align: center } div.radio:active span, div.radio.active span { background-position: -18px -279px } div.radio.focus span, div.radio:hover span { background-position: -36px -279px } div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span { background-position: -54px -279px } div.radio span.checked { background-position: -72px -279px } div.radio:active span.checked, div.radio.active span.checked { background-position: -90px -279px } div.radio.focus span.checked, div.radio:hover span.checked { background-position: -108px -279px } div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked { background-position: -126px -279px } div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span { background-position: -144px -279px } div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px } /* Uploader */ div.uploader { background-position: 0 -297px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden } div.uploader span.action { background-position: right -409px; height: 28px; line-height: 28px; width: 82px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer } div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 85px; padding: 0 10px } div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100% } div.uploader.focus, div.uploader.hover, div.uploader:hover { background-position: 0 -353px } div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action { background-position: right -437px } div.uploader.active span.action, div.uploader:active span.action { background-position: right -465px } div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action { background-position: right -493px } div.uploader.disabled { background-position: 0 -325px } div.uploader.disabled span.action { background-position: right -381px } /* INPUT & TEXTAREA */ input.text, input.email, input.search, input.tel, input.url, input.datetime, input.date, input.month, input.week, input.time, input.datetime-local, input.number, input.color, input.password, select.uniform-multiselect, textarea.uniform { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; color: #777; border-top: solid 1px #aaa; border-left: solid 1px #aaa; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } input.text:focus, input.email:focus, input.search:focus, input.tel:focus, input.url:focus, input.datetime:focus, input.date:focus, input.month:focus, input.week:focus, input.time:focus, input.datetime-local:focus, input.number:focus, input.color:focus, input.password:focus, select.uniform-multiselect:focus, textarea.uniform:focus { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); border-color: #999 } /* PRESENTATION */ /* Buttons */ div.button span { font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase } div.button.disabled span { color: #bbb } /* Separate from above due to IE8 */ div.button:disabled span { color: #bbb } /* Select */ div.selector { font-size: 12px } div.selector select { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px } div.selector span { color: #666; text-shadow: 0 1px 0 #fff } div.selector.disabled span { color: #bbb } /* Checker */ div.checker { margin-right: 5px } /* Radio */ div.radio { margin-right: 3px } /* Uploader */ div.uploader span.action { text-shadow: #fff 0 1px 0; background-color: #fff; font-size: 11px; font-weight: bold } div.uploader span.filename { color: #777; border-right: solid 1px #bbb; font-size: 11px } div.uploader.disabled span.action { color: #aaa } div.uploader.disabled span.filename { border-color: #ddd; color: #aaa } /*************** templates/main/css/global.custom.css ***************/ /* Fonts */ @font-face { font-family: "open_sansbold"; src: url(/templates/main/libs/fonts/opensans-bold-webfont.eot); src: url(/templates/main/libs/fonts/opensans-bold-webfont.eot?#iefix) format("embedded-opentype"), url(/templates/main/libs/fonts/opensans-bold-webfont.woff) format("woff"), url(/templates/main/libs/fonts/opensans-bold-webfont.ttf) format("truetype"), url(/templates/main/libs/fonts/opensans-bold-webfont.svg#open_sansbold) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "open_sansbold_italic"; src: url(/templates/main/libs/fonts/opensans-bolditalic-webfont.eot); src: url(/templates/main/libs/fonts/opensans-bolditalic-webfont.eot?#iefix) format("embedded-opentype"), url(/templates/main/libs/fonts/opensans-bolditalic-webfont.woff) format("woff"), url(/templates/main/libs/fonts/opensans-bolditalic-webfont.ttf) format("truetype"), url(/templates/main/libs/fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "open_sansextrabold"; src: url(/templates/main/libs/fonts/opensans-extrabold-webfont.eot); src: url(/templates/main/libs/fonts/opensans-extrabold-webfont.eot?#iefix) format("embedded-opentype"), url(/templates/main/libs/fonts/opensans-extrabold-webfont.woff) format("woff"), url(/templates/main/libs/fonts/opensans-extrabold-webfont.ttf) format("truetype"), url(/templates/main/libs/fonts/opensans-extrabold-webfont.svg#open_sansextrabold) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "open_sansextrabold_italic"; src: url(/templates/main/libs/fonts/opensans-extrabolditalic-webfont.eot); src: url(/templates/main/libs/fonts/opensans-extrabolditalic-webfont.eot?#iefix) format("embedded-opentype"), url(/templates/main/libs/fonts/opensans-extrabolditalic-webfont.woff) format("woff"), url(/templates/main/libs/fonts/opensans-extrabolditalic-webfont.ttf) format("truetype"), url(/templates/main/libs/fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "open_sansitalic"; src: url(/templates/main/libs/fonts/opensans-italic-webfont.eot); src: url(/templates/main/libs/fonts/opensans-italic-webfont.eot?#iefix) format("embedded-opentype"), url(/templates/main/libs/fonts/opensans-italic-webfont.woff) format("woff"), url(/templates/main/libs/fonts/opensans-italic-webfont.ttf) format("truetype"), url(/templates/main/libs/fonts/opensans-italic-webfont.svg#open_sansitalic) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "open_sanslight"; src: url(/templates/main/libs/fonts/opensans-light-webfont.eot); src: url(/templates/main/libs/fonts/opensans-light-webfont.eot?#iefix) format("embedded-opentype"), url(/templates/main/libs/fonts/opensans-light-webfont.woff) format("woff"), url(/templates/main/libs/fonts/opensans-light-webfont.ttf) format("truetype"), url(/templates/main/libs/fonts/opensans-light-webfont.svg#open_sanslight) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "open_sanslight_italic"; src: url(/templates/main/libs/fonts/opensans-lightitalic-webfont.eot); src: url(/templates/main/libs/fonts/opensans-lightitalic-webfont.eot?#iefix) format("embedded-opentype"), url(/templates/main/libs/fonts/opensans-lightitalic-webfont.woff) format("woff"), url(/templates/main/libs/fonts/opensans-lightitalic-webfont.ttf) format("truetype"), url(/templates/main/libs/fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "open_sansregular"; src: url(/templates/main/libs/fonts/opensans-regular-webfont.eot); src: url(/templates/main/libs/fonts/opensans-regular-webfont.eot?#iefix) format("embedded-opentype"), url(/templates/main/libs/fonts/opensans-regular-webfont.woff) format("woff"), url(/templates/main/libs/fonts/opensans-regular-webfont.ttf) format("truetype"), url(/templates/main/libs/fonts/opensans-regular-webfont.svg#open_sansregular) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "open_sanssemibold"; src: url(/templates/main/libs/fonts/opensans-semibold-webfont.eot); src: url(/templates/main/libs/fonts/opensans-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(/templates/main/libs/fonts/opensans-semibold-webfont.woff) format("woff"), url(/templates/main/libs/fonts/opensans-semibold-webfont.ttf) format("truetype"), url(/templates/main/libs/fonts/opensans-semibold-webfont.svg#open_sanssemibold) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "open_sanssemibold_italic"; src: url(/templates/main/libs/fonts/opensans-semibolditalic-webfont.eot); src: url(/templates/main/libs/fonts/opensans-semibolditalic-webfont.eot?#iefix) format("embedded-opentype"), url(/templates/main/libs/fonts/opensans-semibolditalic-webfont.woff) format("woff"), url(/templates/main/libs/fonts/opensans-semibolditalic-webfont.ttf) format("truetype"), url(/templates/main/libs/fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic) format("svg"); font-weight: normal; font-style: normal } /* Fonts close */ /* Font Styles */ body, h3, h5, h6, .alt-font, .best-rate-content, #mod_sitemap, #footer #weather, #footer #weather h3, .flexFormBlockLabel, #page_contact .hotel-name, .view-list-viewItem h2, .view-list-viewItem .price, #page_careersapply .flexInputSimple, #page_careersapply .flexInputTextarea, #page_careersapply .flexInputSelect, #page_careersapply option, .multipage .item-extra-info, .page-selector, .mandatory-text, #page_events .column-left .ui-datepicker .ui-datepicker-title, #page_events .column-left .ui-datepicker .ui-datepicker-prev span.month-text, #page_events .column-left .ui-datepicker .ui-datepicker-next span.month-text, div.jw-agenda-4col-lg .ui-state-default .overlay h3, .flexibleFormContainer .flexInputSimple, .flexibleFormContainer .flexInputTextarea, .flexibleFormContainer .flexInputSelect, .flexibleFormContainer option, .flexFormInputBlock .flexInputDate, #page_contact form, #page_contact #mod_flexibleForms, #page_contact .moduleBody, #page_contact .flexibleFormContainer, #page_contact .flexInputSimple, #page_contact .flexInputTextarea, #page_gallery .caption .counter, .subpageForm .confirmation-form h3, .subpageForm .title, .map-wrapper .marker-content h3, .view-list-widget .itemPreview h3 a, .view-list-widget .itemPreviewPrice, .view-list-widget .itemPreviewPrice .from, .view-list-viewItem .has-category .sidebar ul li .title, #mod_pukkaJobs .flexInputSimple, #mod_pukkaJobs .flexInputTextarea, #mod_pukkaJobs .flexInputSelect, #mod_pukkaJobs option, #page_careers .title, #page_careers .item-details h3, #page_careers .rfp-form h3, #page_careers .item-extra-info, #page_news .column-right h2, #page_news .column-top h2, .footer-address, .jw-guest-reviews-nav .pager, .item-extra-info h4.title, .map-wrapper .gm-style, #main-content .date-filters .datepicker input, #main-content .ui-datepicker-title, #calendar td.layout_1 .calendar-info a span, #gallery-content div.selector select, .column-right h2, .column-top h2, .column-right input, .column-top input, #mod_pukkaNews .newsletter .submit { font-family: "open_sansregular", Helvetica, sans-serif } button, h4, .primary-font, .booking-mask-widget input, .column-top input, #page_news .column-right input, .map-wrapper .gm-style .marker-distance { font-family: "open_sansbold", Helvetica, sans-serif } #page_news .events .itemPreviewTitle a { font-weight: 400 } .wrapper .text-wrapper li, .wrapper .readmore-wrapper-sub-slider li, .wrapper .items-details-wrapper .text-container li, .wrapper .no-contentblock .text-container li, .wrapper .item-extra-info li, .wrapper .item-content li, .wrapper .rfp-form .intro li, .wrapper .flexibleFormContainer li, .wrapper #hotel-feature ul li, .wrapper .item-services ul li, .wrapper .marker-body .marker-description li, #main-content .itemPreviewContent.text-container.float-l li, .column-left.text-container.float-l li { font-size: 15px; color: #969695 } #main-content .itemPreviewContent.text-container.float-l li { font-style: italic; font-size: 13px } #page_home #hotel-feature li { font-size: 15px; color: #333 } .hotel-feature-content p { color: #000; font-size: 15px } #main-content .column-left .ui-datepicker thead th span, #footer .footer-address.footer-right { font-size: 11px } #calendar td.layout_1 .calendar-info a span, #main-content .view-grid-widget .itemPreview .date, #breadcrumbs p, #mod_pukkaNews .itemPreviewCategories li { font-size: 12px } #calendar .ui-datepicker td span, #calendar .ui-datepicker td a { text-align: left } p, .wrapper .offers-rotator-widget .itemPreviewPrice, div#header .best-rate-wrapper .best-rate .currency, div#header .best-rate-wrapper .best-rate .amount { font-size: 15px } .view-list-widget .view-filters, #main-content .date-filters label, #main-content .view-options-title, #main-content .column-top input, .flexFormSubmitBlock button, #footer .menu a, #footer #weather h3, #footer #weather h3 span, .view-list-widget #title-items, .view-list-widget .view-filters, #main-content .date-filters .datepicker input, #mod_pukkaNews .newsletter input, #mod_pukkaNews .newsletter .submit { font-size: 14px } .wrapper .col-block h2 span, .item-extra-info h4.title, .map-wrapper .marker-content h3, #main-content .view-list-viewItem h2, .items-details-wrapper.from-calendar .agenda-viewItem .itemPreviewTitle { font-size: 18px } .wrapper .rs-carousel-mask h2 span, #top-block, .brw .rate, #middle-block, #main-content, .text-container, .booking-mask-widget label, #holder div.selector select, #page_home .info .label, .map-wrapper .marker-description p, #calendar .ui-state-default .overlay .summary, #calendar .ui-state-default .overlay .summary p, #list .itemPreviewMapLink a, .events .itemPreviewTitle a, .events .itemPreviewTitle span, #main-content .date-filters label, #main-content .view-options-title, #main-content .column-top input, .hotel-info p, .info p, .item-extra-info p, .view-list-widget .text-wrapper.short-text > p, .view-list-widget .text-wrapper.short-text li, .map-wrapper .get-directions h3 { font-size: 13px; text-transform: none } .map-wrapper .get-directions #from, .map-wrapper .marker-distance span, .map .marker-distance span, #mod_pukkaActivities .itemPreview .item-distance span, .column-right h2, .column-top h2, .menu .menuLevel2 a, #main-content #mod_pukkaNews .readmore-link, #page_events #main-content .date-filters label { font-size: 13px; text-transform: uppercase } .map-wrapper .get-directions h3 { text-transform: uppercase } .wrapper .activity-wrapper .activity-content .activity-title, .jw-guest-reviews-nav .pager, .map-wrapper .go-direction, #gallery-content .caption .counter, #main-content .itemPreviewTitleLink, .contactInfo-content h3, .view-list-widget .view-categories li, #blockCollection .accordionTitle { font-size: 16px } #main-content .column-left .ui-datepicker .ui-datepicker-title, #main-content .view-list-widget .itemPreviewBookingLink { font-size: 20px } h4, .view-list-widget .view-filters, #calendar thead th { text-transform: uppercase } .item-extra-info h4.title, .column-right .categories-selector li, .ui-datepicker th, .get-directions h3, #gallery-content .categories .selector span, #gallery-content .categories select option { text-transform: none } .copyright a, #list .itemPreviewMapLink a { text-decoration: none } h5, h6, #main-content .itemReadMore a, #main-content .view-grid-widget .itemPreview .date { font-weight: 400 } .date-filters .datepicker, #page_home .activity-wrapper .activity-title, #main-content .view-list-widget .itemPreviewBookingLink { font-weight: 600 } .map .marker-distance span, #mod_pukkaActivities .itemPreview .item-distance span { font-weight: bold } #availability-checker .best-rate .currency, #availability-checker .best-rate .amount, #main-content .column-left .ui-datepicker .ui-datepicker-month, #calendar .calendar-day { font-size: 20px } #main-content .date-filters label, #main-content .view-options-title { line-height: 38px } .column-right .events .itemPreviewTitle { line-height: 40px } .content.text-container.float-l li { font-size: 15px; font-style: italic } .mandatory-text { font-style: normal } #page_home .whatson-nav .pager { font-style: italic } #page_home .hotel-info .label { text-transform: uppercase } #footer .footer-info .bottom-bar { overflow: hidden } #mod_pukkaActivities .view-list-widget .body a, #mod_pukkaActivities .view-list-widget .body a:hover { text-decoration: underline !important } div.agenda-viewItem .itemPreviewDate { padding: 0 14px 0 0 } #blockCollection .contentBlock li { line-height: 22px !important } /* Font Styles Close */ /* Widget styles */ #main-content .view-list-widget .itemPreview h3 a, #list .itemPreviewTitle a { font-size: 18px; font-weight: 100 } #main-content .view-list-viewItem .navbar .nav-btn { margin-left: 0 } #main-content .view-list-widget .view-list-viewItem .content-wrapper .column-right .share-buttons .share-btn span.bg, #main-content .share-buttons .share-btn span.bg { background-position: -215px -346px } #main-content .pdfAttachmentItem .title { text-decoration: none; font-size: 12px; font-weight: 100 } .view-list-widget .checkbox.bg { background-position: -30px -614px } .view-list-widget .view-categories li.active .checkbox { background-position: -29px -582px } .view-list-widget .checkbox { height: 15px; width: 15px } #calendar .ui-datepicker-calendar .ui-state-default .overlay .readmore .readmore-arrows.bg { background-position: -103px -162px } #gallery-wrapper .prev-nav.bg { background-position: -1143px -321px } #gallery-wrapper .next-nav.bg { background-position: -1143px -385px } #gallery-wrapper .fullscreen.bg { background-position: -1143px -510px } #gallery-wrapper .prev-nav.bg:hover { background-position: -1196px -321px } #gallery-wrapper .next-nav.bg:hover { background-position: -1196px -385px } #gallery-wrapper .fullscreen.bg:hover { background-position: -1196px -510px } #gallery-wrapper .caption { font-style: normal } #main-content .view-grid-widget .itemPreview h3 { font-size: 16px; font-weight: 400 } #page_press-and-news #main-content .text-container .readmore-links .readmore-link { float: right } #main-content #mod_pukkaNews .readmore-links .readmore-link { width: 100% } #main-content .text-container .readmore-links .intro-readmore .bg { background-position: -72px -135px !important } #page_press-and-news #main-content .text-container .readmore-links .intro-readmore .bg { margin-top: 9px } #page_press-and-news #main-content #mod_pukkaNews .intro-readmore .bg { margin-top: 4px } #page_press-and-news #main-content .text-container .readmore-links .intro-readless .bg { margin-top: 0 } #main-content .text-container .readmore-links .intro-readless .bg { background-position: -72px -125px !important } #mod_pukkaNews .intro-readmore { width: 100% } #main-content #mod_pukkaNews .readmore-links .intro-readmore .bg { background-position: -103px -183px !important } #main-content #mod_pukkaNews .readmore-links .intro-readless .bg { background-position: -123px -183px !important; float: right } #page_press-and-news #main-content .column-right .downloads .itemDownload a::before { background-image: none; content: "•"; float: left; width: 9px; margin-right: 9px } #main-content .column-right .downloads .itemDownload { width: auto } #page_press-and-news .column-top { background: #fdfbf7 } .content-wrapper .downloads.item-right, .content-wrapper .video.item-right { overflow: visible } .item-extra-info p { text-align: left } #page_home .activity-image .itemPreviewImage { height: 250px; width: 273px; margin-left: 26px } #calendar .events-list li::before { content: "" } #testimonials div.jw-guest-reviews-1col-lg.slideshow { background-position: -751px -13px } #page_home .activity-image .itemPreviewImage { margin-left: 0 } #blockCollection .contentBlock.type_accordionBlock .accordionTitle::before { background-position: -156px -134px !important; height: 18px !important } #blockCollection .contentBlock.type_accordionBlock.expanded .accordionTitle::before { background-position: -156px -117px !important } #calendar .ui-datepicker-year { display: none } #footer .top-footer-left { width: 80% } #footer .top-footer-right { width: 19% } #page_home #hotel-feature li:before { margin-top: 3px } div#branding { width: auto } #blockCollection .contentBlock li { margin-left: 0 } #page_art-exhibition .text-container ul li:before { margin-top: 5px } /* Widget styles close */ /* GLOBAL CUSTOM */ div#branding { left: 53px } div#branding span.bg { background: url(/templates/main/images/logo.png), none; height: 122px; width: 121px } /* Fix issue when going live */ div#top-block { z-index: 2 } #availability-checker input { border: 1px solid #3a3a3a; width: 98px } #availability-checker .datepicker .bg { margin-top: 8px } .booking-mask-widget .go span { line-height: 28px } /*Text content li & Ol alignments*/ .text-container ul { position: relative; margin-left: 20px } .text-container ul li::before { position: absolute; left: -20px; margin-top: 5px; float: none } #footer .top-bar { border-top: 1px solid #2a2a2a } #footer .footer-bar { border-bottom: none } #footer .newsletter-link.open a { padding-left: 3px } /* Home page */ #middle-block .activities-wrapper .activity-image { height: 250px; width: 273px } .readmore-wrapper-slider .text-wrapper.short-text.open ul li:before { background: rgba(0, 0, 0, 0) url(/templates/main/images/images_sprite.png) repeat scroll 0 0; background-position: -54px -127px; content: " "; height: 14px; left: 0; margin-top: 7px; position: absolute; width: 20px } .readmore-wrapper-slider .text-wrapper.short-text.open ul { list-style: none } .text-wrapper.short-text.open > ul { padding-left: 23px } /*----Module grid view - min height define if less content there-----*/ .view-list-widget .grid .itemPreview .body { clear: left; min-height: 71px } /*----Module content images-----*/ .slider-wrapper .rs-carousel-item img { display: block } /*----Main content lists-----*/ .text-wrapper li, .readmore-wrapper-sub-slider li, .items-details-wrapper .text-container li, .no-contentblock .text-container li, .item-extra-info li, .item-content li, .rfp-form .intro li, .flexibleFormContainer li, #hotel-feature ul li, .item-services ul li, .marker-body .marker-description li { font-style: italic } /*----Main content a- underline-----*/ .text-wrapper a, .readmore-wrapper-sub-slider a, .items-details-wrapper .text-container a, .no-contentblock .text-container a, .item-extra-info a, .item-content a, .rfp-form .intro a, .flexibleFormContainer a, .item-services a, .marker-body .marker-description a { text-decoration: underline } /* Module Detail Features titles */ .items-details-wrapper h3 { font-size: 15px } /* Module Detail Features */ .items-details-wrapper .column-left h4, #main-content .item-services > h3 { font-weight: 100; text-transform: uppercase; font-size: 1.1em } .items-details-wrapper .column-left h4 { font-size: 13px } /* Extra info box*/ .item-extra-info h4 { font-size: 15px; font-weight: normal } .item-extra-info .icon a { text-decoration: none } /*---------------- Use this block in Customs css for forms and need to make sure the order of the css, Otherwise border color getting default -----------*/ .module-controls .selector, #page_careers .formwrapper .uploader .action, #page_careers .selector-uniform-dropdown, #page_careersapply .uploader .action, .flexInputSimple, .flexInputTextarea, .flexInputSelect, .flexFormInputBlock .selector, input.flexInputDate { border: 1px solid #bfbfbf } /**ACCOMMONDATION SUB MENU ITEM SEPERATOR**/ #main-content .view-list-widget .subitems li .title { width: auto; padding: 0 25px } .view-list-widget .view-categories .subitems li:first-child { margin-top: 1px } .view-list-widget .view-categories .subitems li:last-child, #main-content .view-column-left li.rfp-link .title { margin-bottom: 0 } #main-content .view-column-left .category-item.active { background: none } .subpageForm .button-link a { display: block } /*---------------- Use in Customs css sub menu large titles Rooms / Meetings /Weddings -----------*/ #main-content .viewList .view-column-left .menu > li span.title { text-overflow: ellipsis; white-space: nowrap; padding-right: 25px; overflow: hidden } #page_meeting-rooms-rfp .button-link li { background-image: none } .flexibleFormContainer .flexInputInvalid .selector, #mod_mailingList .flexInputInvalid .selector { border: none } /* attractions / contact get directions */ .get-directions input { height: 15px !important; line-height: 26px; padding-top: 6px; padding-bottom: 5px } .get-directions #destination, .get-directions #from { border: 1px solid } /* attractions map popup get directions text*/ .marker-distance span { text-transform: uppercase; font-weight: bold } /* Jscrollpane track */ .marker-body .jspTrack { width: 1px; left: 2px } .marker-body .jspDrag { left: -1px; width: 3px } /*module body Ul & Li fixes*/ #mod_pukkaActivities .readmore-wrapper-slider .text-wrapper ol { padding-left: 15px } #mod_pukkaActivities .readmore-wrapper-slider .text-wrapper ul { list-style: none; padding-left: 0; margin-left: 20px; position: relative } #mod_pukkaActivities .readmore-wrapper-slider .text-wrapper ul li::before { background: url(/templates/main/images/images_sprite.png) no-repeat -54px -127px; content: " "; height: 14px; left: -20px; margin-top: 4px; position: absolute; width: 20px } #mod_pukkaActivities .view-list-widget h3 .icon.map-icon { background-position-y: 0 } /** Contact **/ #main-content .tab { border-bottom: none } /** Events **/ #calendar td a h3::before { content: none; padding-left: 0 } /**DOWNLOADS**/ #main-content .downloads .itemDownload a::before { background: url(/templates/main/images/images_sprite.png) no-repeat } #main-content .downloads .itemDownload .icon { display: none } #main-content .type_downloadList .title a::before, #main-content .downloads .itemDownload a::before { background-position: -335px -156px; content: ""; display: block; float: right; height: 26px; width: 29px } #main-content .downloads .itemDownload { -width: 100%; text-align: right; width: 50%; margin: 0 auto } #main-content .downloads .itemDownload .title { float: none } /**Multi Purpose page**/ /*----------------accordions -----------*/ #main-content .blockCollection .type_accordionBlock .accordionTitle { margin-bottom: 0 } #main-content .blockCollection .type_accordionBlock { margin-bottom: 4px } #main-content .contactInfo-content a { text-decoration: none } /**CAREERS**/ #mod_pukkaJobs .itemPreview .content ul { padding-left: 18px } #mod_pukkaJobs .itemPreview .content ul li::before { background: url(/templates/main/images/images_sprite.png) no-repeat -54px -127px; content: " "; height: 14px; left: -20px; margin-top: 7px; position: absolute; width: 20px } /* Careers dropdown arrow fix - **move to custom css */ #mod_pukkaJobs .selector-uniform-dropdown span.bg { background-position: -302px -213px } .intermidate-border.open { border-top: 1px solid } /**SITEMAP**/ #mod_sitemap ul { list-style-type: none; padding: 0; margin: 0 } #mod_sitemap ul li::before { content: none; padding: 0 } #mod_sitemap ul li a { text-decoration: none } /**GUEST REVIEWS**/ .guest-reviews-list .itemInfo { text-transform: uppercase; font-weight: bold } .guest-reviews-list .itemContent { clear: left } /**NEWS & PRESS**/ .intro-readmore.open, .intro-readless.open { display: inline-block } /**NEWS**/ .itemPreviewCategories li { margin: 15px 0 7px } .column-right .date-filters label { font-weight: bold } /** NEWSLETTER **/ #mod_mailingList .selector span { line-height: 30px } .text-container ul li, .text-container ol li { line-height: 25px } .pointer { cursor: default } .pointer li { cursor: pointer } /* Landscape tablet to desktop small screens */ @media (min-width: 1024px) and (max-width: 1179px) { #footer .float-r { float: right; height: auto } #footer .footer-address.float-r { float: left } #footer .footer-info .bottom-bar { height: auto } #footer .top-footer-left { width: 70% } #footer .top-footer-right { width: 29% } .copyright { padding-left: 0 !important } #footer .footer-address .copyright { border-color: #b8b8b8 } #main-content .get-directions #from { margin: 9px 0 6px 2px } .get-directions input { margin: 8px 0 6px 2px } #footer .top-footer-left { width: 89% } #footer .top-footer-right { width: 10% } /*#page_attractions .get-directions #from, #page_contact .get-directions input { padding: 0 0 3px 5px !important; }*/ } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 1023px) { #main-menu ul li a, #main-menu ul.menuLevel2 li a { height: 32px } .gallery-content .categories .selector span { width: 99% !important } .date-filters { margin-top: 0 } #footer .top-footer-left { float: left } #footer .top-footer-right { float: right } #footer .top-footer-left, #footer .top-footer-right { width: auto } .copyright > a { margin-right: 10px } #main-content .get-directions #from { margin: 9px 0 6px 2px } #footer .menu a { font-size: 13px } #page_home .activity-image .itemPreviewImage { margin-left: 26px } .get-directions input { margin: 8px 0 6px 2px } #footer .menu a { font-size: 12px } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { #main-menu ul li a, #main-menu ul.menuLevel2 li a { height: 32px } .wrapper .text-wrapper li, .wrapper .readmore-wrapper-sub-slider li, .wrapper .items-details-wrapper .text-container li, .wrapper .no-contentblock .text-container li, .wrapper .item-extra-info li, .wrapper .item-content li, .wrapper .rfp-form .intro li, .wrapper .flexibleFormContainer li, .wrapper #hotel-feature ul li, .wrapper .item-services ul li, .wrapper .marker-body .marker-description li, #main-content .itemPreviewContent.text-container.float-l li, .column-left.text-container.float-l li { font-size: 12px } #footer .top-footer-left { width: auto } #footer .top-footer-right { width: auto } #footer .top-footer-left, #footer .top-footer-right { width: 100% !important } #gallery-wrapper .prev-nav.bg, #gallery-wrapper .prev-nav.bg:hover { background-position: -476px -118px } #gallery-wrapper .next-nav.bg, #gallery-wrapper .next-nav.bg:hover { background-position: -507px -118px } } #page_home .activity-image .itemPreviewImage { height: 250px; width: 279px } #main-content .items-details-wrapper .booking-link, #main-content .view-list-widget .itemPreviewBookingLink { line-height: 30px } #main-content .view-list-widget .items-details-wrapper .booking-link { line-height: 33px } #main-content .grid-scrolldown-widget .itemPreview { -moz-text-align-last: left; text-align: left } .subpageForm .button-link li { background: none } .rfp-form h3, #main-content .rfp-form .intro { margin: 0 } .item-details ul li { font-size: 12px } .items-details-wrapper .agenda-viewItem .navbar .back-btn span.bg { top: -1px } .items-details-wrapper .agenda-viewItem .navbar .prev-btn .disabled-item .bg, .items-details-wrapper .agenda-viewItem .navbar .next-btn .disabled-item .bg { top: 19px } .view-options-icons .calendar-view:hover .view-icon { background-position: -1197px -229px } .confirmation-form .flexInputInvalid .selector { border: medium none !important } .confirmation-form .selector.flexInputInvalid { border: 1px solid #f00 } /* #page_home .footer-bar { border-bottom: 1px solid #e7e7e7; } */ .footer-bar { border-bottom: none } .ie9 #footer .newsletter { top: -205px } #mod_mailingList .flexibleFormContainer .flexInputSimple { padding: 0 3%; width: 94% } #mod_mailingList .flexFormInputBlock .selector { width: 97% !important; z-index: 0 } #mod_mailingList .flexFormInputBlock .flexInputInvalid .selector { border-right: none } .ie9 .ui-state-default .overlay .readmore .readmore-arrows.bg { background-position: -103px -163px } .confirmation-form .flexFormInputBlock .bg.datepicker { margin-top: 0; margin-bottom: 0; position: absolute; bottom: 10px; right: 0 } .view-list-widget .view-list-viewItem .content-wrapper .column-right .share-buttons .share-btn span.bg { background-position: -215px -377px } /*.view-list-widget .view-list-viewItem .content-wrapper .column-right .share-buttons .share-btn span.bg{ background-position:-215px -346px; if color not match }*/ .view-list-widget .cat-attractions h3 .icon.map-icon { background-position: -64px 64px } .view-list-widget .cat-historic h3 .icon.map-icon { background-position: -512px 64px } .view-list-widget .cat-culture h3 .icon.map-icon { background-position: -1248px 64px } .view-list-widget .cat-family h3 .icon.map-icon { background-position: -1120px 64px } .view-list-widget .cat-beach h3 .icon.map-icon { background-position: -128px 64px } .view-list-widget .cat-museum h3 .icon.map-icon { background-position: -672px 64px } .view-list-widget .cat-shopping h3 .icon.map-icon { background-position: -832px 64px } .view-list-widget .cat-park h3 .icon.map-icon { background-position: -800px 64px } .view-list-widget .cat-gastronomy h3 .icon.map-icon { background-position: -1152px 64px } .view-list-widget .cat-historic h3 #mod_mailingList .flexFormInputBlock .flexInputInvalid .selector { border-right: none } .items-details-wrapper .agenda-viewItem .content-wrapper .column-right .share-buttons .share-btn span.bg { background-position: -215px -378px } .ui-datepicker-calendar .ui-state-default .overlay .readmore .readmore-arrows.bg { background-position: -103px -163px } #ui-datepicker-div .ui-state-disabled, #ui-datepicker-div .ui-widget-content .ui-state-disabled, #ui-datepicker-div .ui-widget-header .ui-state-disabled { opacity: 0.35 !important } .jw-guest-reviews-nav ul.nav-wrapper li.view-all::before { top: 1px } .flexFormInputBlock .selector span { font-family: "Muli", sans-serif } /*meetings page, pager icons are bottom aligned*/ .item-preview .item-images .item-image { display: block } /**text underline for main content links to be more prominent**/ #main-content .text-wrapper a, #main-content .content-wrapper .text-container a, .rfp-form .intro a, #page_gallery .text-wrapper a, #blockCollection.contentBlock a, .marker-body a { text-decoration: underline } .items-details-wrapper .text-container a, .view-items-detail .column-left .item-details a { text-decoration: underline !important } /*Remove Max height for home page feature list*/ #hotel-feature { max-height: none } /* Read more Icon cut off fixes */ div.view-list-widget .readmore span.bg { margin-top: 5px } /* new Fixes by CD */ /* Home Page */ /* Adjust Height of the Wasts'on read more height */ #page_home .whatson-nav .pager { line-height: 52px !important } /* Hide disable state pagination buttons */ .rs-carousel-pagination-disabled { display: none } /* Events Page */ /* fixes gap of "view-options-title" width */ .view-mode .view-options .view-options-title { margin-right: 0 } .view-mode .view-options .view-options-icons { margin-left: 13px } @media (min-width: 1200px) { /* new Fixes by CD */ /* Amenities Page */ /* Item content align with other items in the content */ div.grid-scrolldown-widget .more-content { width: 86.1% } } @media (min-width: 1024px) and (max-width: 1179px) { #mod_pukkaMeetings .accordion-header.is-portrait, #mod_pukkaMeet .accordion-header.is-portrait { display: none !important } .view-list-widget.has-category .view-column-left { display: block !important } /*Agenda ipad landscape - datiled view content space is less*/ div.agenda-viewItem .content-wrapper .column-left { width: 500px } } @media (min-width: 768px) and (max-width: 1024px) { #footer .menu ul li { margin-top: 7px } #page_events .events-list { float: left } #page_attractions .go-direction { width: 100px } #page_attractions .get-directions #from, #page_contact .get-directions input { height: 15px; padding: 5px 0 4px 5px; margin-top: 8px } #main-content .text-container .readmore-links .intro-readmore .bg { margin-top: 0 } } @media (min-width: 768px) and (max-width: 1023px) { div#header .open + .best-rate-wrapper { display: none } .menu .menuLevel2 li { height: 32px } .column-left h3 { display: block } .moduleMeetings-content .column-left .item-info h3 { display: block } .moduleMeetings-content .column-left .item-info h3:first-child { display: none } #main-content .text-container .readmore-links .intro-readmore .bg { margin-top: 0 } } @media (max-width: 767px) { div#branding span.bg { background: url(/templates/main/images/logo_mobile.png), none; height: 84px; width: 83px } #header div#branding { left: 0; overflow: visible } #availability-checker .content, div#languages { left: 85px } .footer-menu.menu { margin-top: 5px } #mod_sitemap ul.sitemap ul { width: 80% } .menu .menuLevel2 li { height: 32px } .text-wrapper ul li { font-size: 12px } #main-intro ul li { text-align: left } .readmore-wrapper .readmore-links .intro-readmore i.bg, .readmore-wrapper-slider .readmore-links .intro-readmore i.bg { background-position: -72px -134px } #main-content .items-details-wrapper .agenda-viewItem .navbar .prev-btn .bg, #main-content .items-details-wrapper .agenda-viewItem .navbar .next-btn .bg { top: 19px } #page_events .readmore-arrows.bg { margin-top: 1px !important } .hotel-location .bg, .hotel-phone .bg { margin-top: 0 } .hotel-phone p { padding-right: 0 } .blockCollection .imageHolder-left { float: none !important } .controls .next-nav.bg, .controls .next-nav.bg:hover { background-position: -510px -118px } .controls .prev-nav.bg, .controls .prev-nav.bg:hover { background-position: -475px -118px } /* #page_gallery .booking-mask-widget .go{ margin-top:9px } */ #main-content .view-list-widget .readmore span.bg { margin-top: 3px } .footer-address { font-size: 11px } #main-content .view-list-widget .body, #main-content .view-list-widget .readmore, #main-content .readmore-links span, #main-content #mod_pukkaActivities .text-wrapper.short-text > p, #main-content #mod_pukkaActivities .text-wrapper.short-text > li, #mod_pukkaActivities .jspPane > p { font-size: 13px } #footer .footer-address div { border: none } /* new Fixes by CD */ /* General */ #main-content p, #main-content .intro, #main-content li, #main-content .intro li { font-size: 15px } /* Footer Section Center align */ /* Footer section menu center align */ #footer .footer-menu .menu-wrapper { width: 100%; /* Width should change according to content */ margin: 0 auto; text-align: center; padding: 0 } #footer .menu ul li { float: none } /* Footer section social media icon center */ #footer .top-footer-right .sm-icons-wrapper { float: none } #footer .menu a { font-size: 11px } /* Footer section weather section center align */ div#weather { float: none !important; margin: 0 auto; width: 186px; /* Width should change according to content */ } /* Footer section mobile icon height and width adjust */ #footer .direct-call-wrapper { height: 61px; /* Height should change according to content */ width: 53px; /* Width should change according to content */ } /* Copyright section center */ .footer-info .footer-address.footer-right { text-align: center } /* Home Page */ /* fixed main-visual bottom part cut off */ body div#top-block { z-index: 1 } /* Galley Page */ /* Fixes booking mask book now button alignment issue */ #page_gallery #availability-checker .content { top: -6px } /* Meeting RFP page */ /* Fixes position alignment issue "Other requirement" field */ .flexibleFormContainer .datepickers .flexFormInputBlock { margin: 4px 0 5px } /* Dining Page */ /* Show hidden booking links and adjust position of the readmore text */ #page_dining .view-list-widget .list .itemPreviewBookingLink { bottom: 208px } #page_dining .view-list-widget .list .readmore { bottom: 250px } #main-content #mod_pukkaNews .readmore-links .readmore-link { width: 100% } #main-content #mod_pukkaNews .readmore-links .intro-readmore .bg { margin-top: 0 } #main-content #mod_pukkaNews .readmore-links .intro-readless .bg { margin-top: 3px } #main-content .text-container .readmore-links .readmore-link { width: auto; float: right } /* Careers Page */ /* Fixes careers form open height issue */ #mod_pukkaJobs .formwrapper.open { height: 733px } #footer .footer-bar { width: 100% } #footer .top-footer-right { padding-top: 0 } } /*************** templates/main/../respwidgets/offers-rotator/template.layout.css ***************/ .offers-rotator-widget { width: 580px; clear: both; position: relative } .offers-rotator-widget a, .offers-rotator-widget a:hover, .offers-rotator-widget a:active, .offers-rotator-widget a:focus { outline: 0 } .offers-rotator-widget .carousel-container, .items-list { width: 100%; height: auto; padding: 0; overflow: hidden } .offers-rotator-widget .items-list { list-style: none } .offers-rotator-widget .itemPreview { position: relative; float: left; width: 280px; height: 276px; min-height: 270px; margin-right: 16px; text-align: center } .offers-rotator-widget .itemPreviewTitle { margin: 1px 0 1px 0; min-height: 42px; line-height: 16px; vertical-align: top } .offers-rotator-widget .itemPreviewTitle h2 { display: inline; font-weight: 400; color: #929293; background: none; text-align: left; margin: 0 } .offers-rotator-widget .itemPreviewTitle h2 a { text-decoration: none; color: #929293; font-size: 14px } .offers-rotator-widget .itemPreviewPrice { display: block; min-height: 19px; font-size: 16px; color: #555; font-weight: 400; padding: 10px 0 5px 0 } .offers-rotator-widget .booking-link { float: left; width: 100%; height: 100%; line-height: 32px; padding: 0; color: #cccaca; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 700 } .offers-rotator-widget .itemPreviewEditLink { position: absolute; bottom: 8; left: 20px } .offers-rotator-widget .itemPreviewEditLink a { color: white; font-weight: bold } .offers-rotator-widget .rs-carousel-pagination { position: absolute; width: 100%; left: 0; bottom: -35px; text-align: center; list-style: none; z-index: 1; margin: 0; padding: 0 } .offers-rotator-widget .rs-carousel-pagination-link { display: inline-block; width: 14px; height: 14px; margin: 0 3px; cursor: pointer; /* background-color: white; border:1px solid #d6d4d4; */ } .offers-rotator-widget .rs-carousel-pagination-link.bg { background-position: -25px -161px } .offers-rotator-widget .rs-carousel-pagination-link a { text-decoration: none; display: block; width: 100%; height: 100%; text-indent: -999999px } .offers-rotator-widget .rs-carousel-pagination-link-active.bg { /* border:1px solid #aeadad; background-color: #aeadad; */ background-position: -43px -161px } /*Only one item */ .offers-rotator-widget .rs-carousel.rs-carousel-disabled { opacity: 1 } .offers-rotator-widget.one-item .rs-carousel-pagination { display: none } .offers-rotator-widget.one-item .items-list { margin: 0 auto } /* Landscape tablet to desktop small screens */ /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 1023px) { .offers-rotator-widget { width: 328px } .offers-rotator-widget .itemPreview { padding: 0 13px } .offers-rotator-widget.one-item .items-list { margin: 0 } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .offers-rotator-widget { width: 280px } .offers-rotator-widget.one-item .items-list { margin: 0 } } /*************** templates/main/../respwidgets/whatson/template.layout.css ***************/ /* --------------------------------------------------[ css ]-- */ div.whatson-widget { position: relative; min-height: 150px } div.whatson-widget, div.whatson-widget .rs-carousel-item { width: 580px } div.whatson-widget ul li { list-style: none } .whatson-nav { width: 110px; position: absolute; width: 110px; right: 90px; bottom: 0 } .whatson-nav .pager { text-align: center; width: 100%; float: left; line-height: 50px; font-size: 30px } .whatson-nav .carousel-nav { position: absolute; left: 0; width: 19px; height: 36px; margin-top: 10px; /*background:url(http://www.eastsidehotel.de/templates/respwidgets/whatson/images/thumbs_arrows.png) no-repeat 0 -37px;*/ cursor: pointer; z-index: 2 } .whatson-nav .carousel-next { right: 0; left: auto; background-position: -19px -37px } /* content: */ .activity-wrapper .activity-image, .activity-wrapper .activity-content { width: 49%; text-align: center } .activity-wrapper .activity-image { float: left } .activity-wrapper .activity-content { margin-top: 20px; float: right } .activity-wrapper .activity-content .activity-title { color: #555; font-size: 14px; margin-bottom: 20px } .activity-wrapper .activity-content .activity-body { color: #929293; margin-bottom: 10px } .activity-wrapper .activity-content .activity-readmore { text-transform: uppercase; font-size: 12px; text-decoration: none; font-weight: 700 } .whatson-widget.ui-state-disabled, .ui-widget-content .whatson-widget.ui-state-disabled, .ui-widget-header .whatson-widget.ui-state-disabled { opacity: 1 !important } .ui-state-disabled + .whatson-nav, .ui-widget-content .ui-state-disabled + .whatson-nav, .ui-widget-header .ui-state-disabled + .whatson-nav { display: none } /* Landscape tablet to desktop small screens */ @media (min-width: 1024px) and (max-width: 1179px) { .activity-wrapper .activity-image { display: none } div.whatson-widget, div.whatson-widget .rs-carousel-item { width: 290px } .activity-wrapper .activity-image, .activity-wrapper .activity-content { width: auto } .whatson-nav { bottom: -70px; right: 96px } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 1023px) { div.whatson-widget, div.whatson-widget .rs-carousel-item { width: 684px } .whatson-nav { bottom: 0; right: 112px } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .activity-wrapper .activity-image, .activity-wrapper .activity-content { float: left; width: 100% } .whatson-widget { margin-bottom: 80px } .activity-wrapper .activity-body { display: none } div.whatson-widget, div.whatson-widget .rs-carousel-item { width: 288px; /*280*/ } .whatson-nav { bottom: 0; right: 105px } } /*************** templates/main/../jw/maps/template.flexcol-flex.css ***************/ /* --------------------------------------------------[ css ]-- */ .jw-maps-flexcol-flex { width: 100%; height: auto } .jw-maps-flexcol-flex .toolbox-link { position: absolute; padding: 5px 10px } .nojs div.map { display: none } div.markers { display: none } .nojs div.markers { display: block } div.marker-content { color: black } /*************** templates/main/../jw/guest-reviews/template.1col-lg.css ***************/ /* --------------------------------------------------[ css ]-- */ div.jw-widget.jw-guest-reviews-1col-lg { position: relative; width: 280px; min-height: 166px } div.jw-guest-reviews-1col-lg.slideshow { background-position: -751px -16px } div.jw-guest-reviews-1col-lg .rs-carousel-item { width: 280px } .jw-guest-reviews-nav { position: relative; vertical-align: middle; padding-left: 20px } div.jw-guest-reviews-1col-lg .reviews .content { margin-top: 8px; line-height: 25px !important; max-height: 155px; overflow: hidden } .jw-guest-reviews-nav ul.nav-wrapper { margin: 0; padding: 0 } .jw-guest-reviews-nav ul.nav-wrapper li { display: inline-block; vertical-align: middle } .jw-guest-reviews-nav .pager { text-align: center; width: 100%; float: left; line-height: 42px; padding-top: 1px } .jw-guest-reviews-nav ul.nav-wrapper li.view-all { float: right; margin-top: 12px; font-size: 15px } .jw-guest-reviews-nav .carousel-nav { width: 19px; height: 36px; margin: 7px 8px 0; cursor: pointer; z-index: 2 } .jw-guest-reviews-nav .carousel-next { background-position: -19px -37px } /*************** templates/main/../respwidgets/booking-mask/template.layout.css ***************/ .booking-mask-widget input, .booking-mask-widget .selector, .booking-mask-widget .selector span, .booking-mask-widget .selector select { float: left; height: 28px; line-height: 28px; color: #555 } .booking-mask-widget .datepicker { float: left; padding-right: 8px } .booking-mask-widget .datepicker.out { float: right; padding-right: 0 } .booking-mask-widget .hotel .selector { width: 202px !important } .booking-mask-widget label { float: left; height: 28px; line-height: 33px } .booking-mask-widget input { padding: 0 0 0 10px; width: 100px; background-color: #d4d2d2; color: #555; font-size: 12px; clear: both } .booking-mask-widget .datepicker .bg { position: absolute; background-position: -216px -162px; width: 14px; height: 14px; margin: 7px 0 0 -22px } .booking-mask-widget .date-out .bg { margin: 35px 52px } .sm-text { font-size: 12px; color: #725E34 } .promo-code input { background-image: none; width: 202px } .promo-code label { font-size: 0.6em } .booking-mask-widget .choose { float: right; width: 110px; padding: 0; background: #d4d2d2; color: #555 } .booking-mask-widget .choose label { display: inline; width: 70px; text-align: center; vertical-align: middle; line-height: 28px; font-size: 12px } .booking-mask-widget .choose select { display: inline } .booking-mask-widget .selector { float: left; width: 29px !important; border-left: 1px solid #929292; padding-left: 7px; height: 20px; margin-top: 5px; z-index: 2 } .booking-mask-widget .choose .bg { position: absolute; top: 5px; right: 5px; width: 14px; height: 14px; padding: 0; margin: 0; background-position: -302px -220px } .booking-mask-widget .selector span { margin-top: -5px; color: black; text-shadow: none } .booking-mask-widget .go { float: right; width: 100%; height: 30px; margin: 12px 0 20px 0 } .booking-mask-widget .go span { height: 100%; line-height: 30px; font-size: 14px; text-transform: uppercase } .booking-mask-widget option { padding: 2px 10px !important } input, button, select { border: none; cursor: pointer } .best-rate-text { position: relative; float: left; text-transform: uppercase; font-size: 17px; font-weight: 700; margin-bottom: 2px } #header.fixed .best-rate-text { font-size: 11px; margin-top: 4px; margin-left: -3px; letter-spacing: -1px } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { #availability-checker .content { padding: 0; width: auto; height: 50px; top: -15px } .booking-mask-widget .go { margin: 0; height: 100%; text-align: center } .booking-mask-widget .go span { font-size: 14px; font-weight: 700; vertical-align: top; display: inline-block; line-height: 50px } } /*************** templates/main/libs/jquery/jquery-datepicker/smoothness/jquery-ui.min.css ***************/ /*! jQuery UI - v1.11.4 - 2016-01-27 * http://jqueryui.com * Includes: core.css, datepicker.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=1px&bgColorHeader=%23333333&bgTextureHeader=flat&borderColorHeader=%23333333&fcHeader=%23ffffff&iconColorHeader=%23c99d28&bgColorContent=%23ffffff&bgTextureContent=flat&borderColorContent=%23ffffff&fcContent=%23333333&iconColorContent=%23ffffff&bgColorDefault=%23ffffff&bgTextureDefault=flat&borderColorDefault=%23ffffff&fcDefault=%23333333&iconColorDefault=%23c99d28&bgColorHover=%23ffffff&bgTextureHover=flat&borderColorHover=%23c99d28&fcHover=%23c99d28&iconColorHover=%23c99d28&bgColorActive=%23c99d28&bgTextureActive=flat&borderColorActive=%23c99d28&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%23a7a5a5&bgTextureHighlight=flat&borderColorHighlight=%23a7a5a5&fcHighlight=%23ffffff&iconColorHighlight=%23ffffff&bgColorError=%23fddfdf&bgTextureError=flat&borderColorError=%23cc0000&fcError=%23333333&iconColorError=%23cc0000&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px&bgImgOpacityHeader=&bgImgOpacityContent=&bgImgOpacityDefault=&bgImgOpacityHover=&bgImgOpacityActive=&bgImgOpacityHighlight=&bgImgOpacityError= * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-clearfix { min-height: 0 } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default !important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0 } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45% } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .ui-datepicker-rtl { direction: rtl } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em } .ui-widget .ui-widget { font-size: 1em } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em } .ui-widget-content { border: 1px solid #fff; background: #fff; color: #333 } .ui-widget-content a { color: #333 } .ui-widget-header { border: 1px solid #333; background: #333; color: #fff; font-weight: bold } .ui-widget-header a { color: #fff } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #fff; background: #fff; font-weight: normal; color: #333 } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333; text-decoration: none } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #c99d28; background: #fff; font-weight: normal; color: #c99d28 } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #c99d28; text-decoration: none } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #c99d28; background: #c99d28; font-weight: normal; color: #fff } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #a7a5a5; background: #a7a5a5; color: #fff } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #fff } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #c00; background: #fddfdf; color: #333 } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #333 } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #333 } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); font-weight: normal } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: Alpha(Opacity=35); background-image: none } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35) } .ui-icon { width: 16px; height: 16px } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_ffffff_256x240.png) } .ui-widget-header .ui-icon { background-image: url(/templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_c99d28_256x240.png) } .ui-state-default .ui-icon { background-image: url(/templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_c99d28_256x240.png) } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_c99d28_256x240.png) } .ui-state-active .ui-icon { background-image: url(/templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_ffffff_256x240.png) } .ui-state-highlight .ui-icon { background-image: url(/templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_ffffff_256x240.png) } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_cc0000_256x240.png) } .ui-icon-blank { background-position: 16px 16px } .ui-icon-carat-1-n { background-position: 0 0 } .ui-icon-carat-1-ne { background-position: -16px 0 } .ui-icon-carat-1-e { background-position: -32px 0 } .ui-icon-carat-1-se { background-position: -48px 0 } .ui-icon-carat-1-s { background-position: -64px 0 } .ui-icon-carat-1-sw { background-position: -80px 0 } .ui-icon-carat-1-w { background-position: -96px 0 } .ui-icon-carat-1-nw { background-position: -112px 0 } .ui-icon-carat-2-n-s { background-position: -128px 0 } .ui-icon-carat-2-e-w { background-position: -144px 0 } .ui-icon-triangle-1-n { background-position: 0 -16px } .ui-icon-triangle-1-ne { background-position: -16px -16px } .ui-icon-triangle-1-e { background-position: -32px -16px } .ui-icon-triangle-1-se { background-position: -48px -16px } .ui-icon-triangle-1-s { background-position: -64px -16px } .ui-icon-triangle-1-sw { background-position: -80px -16px } .ui-icon-triangle-1-w { background-position: -96px -16px } .ui-icon-triangle-1-nw { background-position: -112px -16px } .ui-icon-triangle-2-n-s { background-position: -128px -16px } .ui-icon-triangle-2-e-w { background-position: -144px -16px } .ui-icon-arrow-1-n { background-position: 0 -32px } .ui-icon-arrow-1-ne { background-position: -16px -32px } .ui-icon-arrow-1-e { background-position: -32px -32px } .ui-icon-arrow-1-se { background-position: -48px -32px } .ui-icon-arrow-1-s { background-position: -64px -32px } .ui-icon-arrow-1-sw { background-position: -80px -32px } .ui-icon-arrow-1-w { background-position: -96px -32px } .ui-icon-arrow-1-nw { background-position: -112px -32px } .ui-icon-arrow-2-n-s { background-position: -128px -32px } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px } .ui-icon-arrow-2-e-w { background-position: -160px -32px } .ui-icon-arrow-2-se-nw { background-position: -176px -32px } .ui-icon-arrowstop-1-n { background-position: -192px -32px } .ui-icon-arrowstop-1-e { background-position: -208px -32px } .ui-icon-arrowstop-1-s { background-position: -224px -32px } .ui-icon-arrowstop-1-w { background-position: -240px -32px } .ui-icon-arrowthick-1-n { background-position: 0 -48px } .ui-icon-arrowthick-1-ne { background-position: -16px -48px } .ui-icon-arrowthick-1-e { background-position: -32px -48px } .ui-icon-arrowthick-1-se { background-position: -48px -48px } .ui-icon-arrowthick-1-s { background-position: -64px -48px } .ui-icon-arrowthick-1-sw { background-position: -80px -48px } .ui-icon-arrowthick-1-w { background-position: -96px -48px } .ui-icon-arrowthick-1-nw { background-position: -112px -48px } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px } .ui-icon-arrowreturn-1-w { background-position: -64px -64px } .ui-icon-arrowreturn-1-n { background-position: -80px -64px } .ui-icon-arrowreturn-1-e { background-position: -96px -64px } .ui-icon-arrowreturn-1-s { background-position: -112px -64px } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px } .ui-icon-arrow-4 { background-position: 0 -80px } .ui-icon-arrow-4-diag { background-position: -16px -80px } .ui-icon-extlink { background-position: -32px -80px } .ui-icon-newwin { background-position: -48px -80px } .ui-icon-refresh { background-position: -64px -80px } .ui-icon-shuffle { background-position: -80px -80px } .ui-icon-transfer-e-w { background-position: -96px -80px } .ui-icon-transferthick-e-w { background-position: -112px -80px } .ui-icon-folder-collapsed { background-position: 0 -96px } .ui-icon-folder-open { background-position: -16px -96px } .ui-icon-document { background-position: -32px -96px } .ui-icon-document-b { background-position: -48px -96px } .ui-icon-note { background-position: -64px -96px } .ui-icon-mail-closed { background-position: -80px -96px } .ui-icon-mail-open { background-position: -96px -96px } .ui-icon-suitcase { background-position: -112px -96px } .ui-icon-comment { background-position: -128px -96px } .ui-icon-person { background-position: -144px -96px } .ui-icon-print { background-position: -160px -96px } .ui-icon-trash { background-position: -176px -96px } .ui-icon-locked { background-position: -192px -96px } .ui-icon-unlocked { background-position: -208px -96px } .ui-icon-bookmark { background-position: -224px -96px } .ui-icon-tag { background-position: -240px -96px } .ui-icon-home { background-position: 0 -112px } .ui-icon-flag { background-position: -16px -112px } .ui-icon-calendar { background-position: -32px -112px } .ui-icon-cart { background-position: -48px -112px } .ui-icon-pencil { background-position: -64px -112px } .ui-icon-clock { background-position: -80px -112px } .ui-icon-disk { background-position: -96px -112px } .ui-icon-calculator { background-position: -112px -112px } .ui-icon-zoomin { background-position: -128px -112px } .ui-icon-zoomout { background-position: -144px -112px } .ui-icon-search { background-position: -160px -112px } .ui-icon-wrench { background-position: -176px -112px } .ui-icon-gear { background-position: -192px -112px } .ui-icon-heart { background-position: -208px -112px } .ui-icon-star { background-position: -224px -112px } .ui-icon-link { background-position: -240px -112px } .ui-icon-cancel { background-position: 0 -128px } .ui-icon-plus { background-position: -16px -128px } .ui-icon-plusthick { background-position: -32px -128px } .ui-icon-minus { background-position: -48px -128px } .ui-icon-minusthick { background-position: -64px -128px } .ui-icon-close { background-position: -80px -128px } .ui-icon-closethick { background-position: -96px -128px } .ui-icon-key { background-position: -112px -128px } .ui-icon-lightbulb { background-position: -128px -128px } .ui-icon-scissors { background-position: -144px -128px } .ui-icon-clipboard { background-position: -160px -128px } .ui-icon-copy { background-position: -176px -128px } .ui-icon-contact { background-position: -192px -128px } .ui-icon-image { background-position: -208px -128px } .ui-icon-video { background-position: -224px -128px } .ui-icon-script { background-position: -240px -128px } .ui-icon-alert { background-position: 0 -144px } .ui-icon-info { background-position: -16px -144px } .ui-icon-notice { background-position: -32px -144px } .ui-icon-help { background-position: -48px -144px } .ui-icon-check { background-position: -64px -144px } .ui-icon-bullet { background-position: -80px -144px } .ui-icon-radio-on { background-position: -96px -144px } .ui-icon-radio-off { background-position: -112px -144px } .ui-icon-pin-w { background-position: -128px -144px } .ui-icon-pin-s { background-position: -144px -144px } .ui-icon-play { background-position: 0 -160px } .ui-icon-pause { background-position: -16px -160px } .ui-icon-seek-next { background-position: -32px -160px } .ui-icon-seek-prev { background-position: -48px -160px } .ui-icon-seek-end { background-position: -64px -160px } .ui-icon-seek-start { background-position: -80px -160px } .ui-icon-seek-first { background-position: -80px -160px } .ui-icon-stop { background-position: -96px -160px } .ui-icon-eject { background-position: -112px -160px } .ui-icon-volume-off { background-position: -128px -160px } .ui-icon-volume-on { background-position: -144px -160px } .ui-icon-power { background-position: 0 -176px } .ui-icon-signal-diag { background-position: -16px -176px } .ui-icon-signal { background-position: -32px -176px } .ui-icon-battery-0 { background-position: -48px -176px } .ui-icon-battery-1 { background-position: -64px -176px } .ui-icon-battery-2 { background-position: -80px -176px } .ui-icon-battery-3 { background-position: -96px -176px } .ui-icon-circle-plus { background-position: 0 -192px } .ui-icon-circle-minus { background-position: -16px -192px } .ui-icon-circle-close { background-position: -32px -192px } .ui-icon-circle-triangle-e { background-position: -48px -192px } .ui-icon-circle-triangle-s { background-position: -64px -192px } .ui-icon-circle-triangle-w { background-position: -80px -192px } .ui-icon-circle-triangle-n { background-position: -96px -192px } .ui-icon-circle-arrow-e { background-position: -112px -192px } .ui-icon-circle-arrow-s { background-position: -128px -192px } .ui-icon-circle-arrow-w { background-position: -144px -192px } .ui-icon-circle-arrow-n { background-position: -160px -192px } .ui-icon-circle-zoomin { background-position: -176px -192px } .ui-icon-circle-zoomout { background-position: -192px -192px } .ui-icon-circle-check { background-position: -208px -192px } .ui-icon-circlesmall-plus { background-position: 0 -208px } .ui-icon-circlesmall-minus { background-position: -16px -208px } .ui-icon-circlesmall-close { background-position: -32px -208px } .ui-icon-squaresmall-plus { background-position: -48px -208px } .ui-icon-squaresmall-minus { background-position: -64px -208px } .ui-icon-squaresmall-close { background-position: -80px -208px } .ui-icon-grip-dotted-vertical { background-position: 0 -224px } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px } .ui-icon-grip-solid-vertical { background-position: -32px -224px } .ui-icon-grip-solid-horizontal { background-position: -48px -224px } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px } .ui-icon-grip-diagonal-se { background-position: -80px -224px } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 1px } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 1px } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 1px } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 1px } .ui-widget-overlay { background: #aaa; opacity: 0.3; filter: Alpha(Opacity=30) } .ui-widget-shadow { margin: 0 0 0 0; padding: 5px; background: #666; opacity: 0.3; filter: Alpha(Opacity=30); border-radius: 8px }