/*************** 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:#333333; } h1 { margin: 1.067em 0em 0em; font-family:Arial, Helvetica, sans-serif; font-size:.8em; } h2, h3 { margin:0 auto .3em; font-family:Arial, Helvetica, sans-serif; font-size:1.9em; } h3 { font-size:1.4em; } h4 { margin: 1.2em 0em 0em; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; } h5 { margin: 1.2em 0em 1.2em; font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; } h6 { margin: 1.2em 0em 1.2em; font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; } p, li { line-height: 1.2; } p { font-size: 1em; margin:.8em 0; } li > p { margin-top:.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*/ .contentBlock h3 { } /*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.yellow.css ***************/ /* DO NOT CHANGE */ /* BORDERS */ .dark-color-border{ border-color:#555555; } .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; } .rs-carousel-mask .activity-readmore { color: #490805; } #page_attractions .view-list-widget .view-filters{ border-right: 1px solid #FFFFFF; } #page_attractions .view-list-widget .list .itemPreview{ border-bottom: 1px solid #D1D1D1; } .marker-description h2, .marker-description h4{ color:#000; } .footer-address div{ border-right:1px solid #666666; } #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 #ababab; } .flexInputInvalid.flexInputSimple, .flexInputInvalid.flexInputTextarea, .flexInputInvalid.flexInputSelect, .flexInputInvalid.flexInputDate, .flexFormInputBlock .flexInputInvalid.selector, .flexFormInputBlock input.flexInputDate.flexInputInvalid{ border-color:#ff0000 ; } .itemPreviewDate{ border-right:1px dashed #a6a39d; } /* #page_home .location{ border:1px solid #d4d2d2; } */ .slide-link { border:10px solid #FFF; } .light-color-border{ background:#490805; } #page_news .light-color-border, #page_reviews .light-color-border{ background:#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:#FFFFFF 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; } .contactUs-content .flexibleFormContainer{ color:#666666; } .contactUs-content .moduleBody{ color:#666666; } .contactUs-content .mandatory-text{ color:#333333; } .activities-wrapper .pager{ color:#555655; } .tabs-content .hotel-phone a[href^="tel"]{ color: #555655; } /**careers seperators**/ #mod_pukkaJobs .itemPreview{ border-bottom:1px solid; } #mod_pukkaJobs .items:last-child .itemPreview{ border-bottom:none; } /* newsletter page */ #page_newsletter .flexFormInputBlock #uniform-ff_country1.selector select, #page_newsletter .flexFormInputBlock #uniform-ff_country1.selector span, #page_newsletter .flexibleFormContainer .flexFormBlockLabel { color:#333333; } .flexibleFormContainer .flexFormBlockLabel{ color: #585c58; } .flexFormInputBlock .selector{ background:#fff; } .column-right .call-out-bg a[href^="mailto"]{ color: #490805; } .call-out-bg a[href^="mailto"]:hover{ color:#310805; } /* Portrait tablet to Landscape */ @media (min-width: 768px) and (max-width: 1023px) { #page_news .viewList .column-left{ border-top:1px solid #d8d8d8; } } /* 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 #363636 - 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 #000000 - 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{ color: #585c58; } .content-color{ color:#000000; } h1{ color: #000000; } h2{ color: #434343; } h3{ color: #3c3c3c; } ul{ color:#969695; } 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{ color: #490805; -webkit-transition: color .2s; transition: color .2s; } #calendar td.layout_1 .calendar-info .overlay a:hover, #breadcrumb a:hover{ color: #310805; } a:hover, .alink:hover{ color:#310805; } /* ________________________________________________________________________________________________________________*/ /*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: #cc9900; /* hover color of Main Menu text */ } .menu .level1.active a:hover{ color: #cc9900; /* color of Main Menu Active link text */ } .menu .level1.active a{ color:#cc9900; } /* More Menu */ div#header.fixed .wrapper{ background-color: #000000; } #header.fixed .menuLevel2-wrapper{ background-color: none; /* Background color of fullscreen More Menu overlay */ } .menu .menuLevel2 li a{ color: white; /* Default color of More Menu link text */ } .menu .menuLevel2 li a:hover{ color: #cc9900; } .menu .menuLevel2 li.active a:hover{ color: #490805; } .menu .menuLevel2 li.active a{ color:#cc9900; } /* ________________________________________________________________________________________________________________*/ /* Footer Link Colors*/ .footer-menu.menu a{ color: #fff; } .footer-menu.menu a:hover{ color: #cc9900; } .footer-menu.menu .active a, .footer-menu.menu .active a:hover{ color: #cc9900; } /* ________________________________________________________________________________________________________________*/ /* 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: #cc9900; /* 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 .2s; -moz-transition:background-color .2s; -o-transition:background-color .2s; transition:background-color .2s; } .primary-btn:hover, #header .best-rate-wrapper a.booking-link:hover, #availability-checker button.booking-link:hover, #footer .newsletter button:hover{ background-color: #310805; /* Hover background-color of Primary buttons */ color:#cc9900; } .primary-btn > a, #mod_pukkaJobs .apply-btn, #header .best-rate-wrapper a.booking-link, #footer .newsletter button{ color: #310805; /* The color of the button text for Primary buttons */ } .flexFormSubmitBlock button{ color:#fff; background-color:#424243; } .flexFormSubmitBlock button:hover{ background-color: #310805; } #availability-checker button.booking-link{ color:#000; } .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: .2; } .secondary-btn{ background-color: #424243; /* Default background-color of Secondary buttons */ color: #424243; /* Change the button text color for Secondary buttons here */ -webkit-transition:background-color .2s; -moz-transition:background-color .2s; -o-transition:background-color .2s; transition:background-color .2s; } .secondary-btn:hover{ background-color: #310805; /* Hover background-color of Secondary buttons */ } /* ________________________________________________________________________________________________________________*/ /* Primary and Secondary Container (box) Colors */ /* .primary-box{ background-color: #000000; /* 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:#f6f7f5; } .call-out-bg-translucent:after{ display: block; content: ""; width:100%; height:100%; position: absolute; top:0; left:0; opacity: .6; z-index: 1; } .call-out-bg a[href^="mailto"]{ color:#490805; /*This can be the same link colors used in main content, but kept it seperated just in case if those differ*/ } .call-out-bg a[href^="tel"]{ color:#555655; /*This can be the same link colors used in main content, but kept it seperated just in case if those differ*/ } .item-extra-info .call-out-bg a[href^="tel"]{ color:#666766; } .call-out-bg .email a{ color:#000000; } .call-out-bg a:hover{ color:#310805; /*This can be the same link hover colors used in main content, but kept it seperated just in case if those differ*/ } /* ________________________________________________________________________________________________________________*/ /* Divider Color */ .primary-box-bottom-border, #page_home .hotel-feature-content > h2:before, #main-content .divider, #page_attractions .view-list-widget .list .itemPreview, #mod_pukkaJobs .itemPreview{ border-color: #000000; /*The is needed to overwrite the default border declarition of each element using this divder color*/ } .divider,#page_news #main-content .divider{ border-color:#afafaf; } #page_home .col-block > h2:before{ color:#000000; } #page_home #offers > h2:before{ color:#000000; } /* ________________________________________________________________________________________________________________*/ /*---------------- Multi purpose page accordions -----------*/ #main-content .blockCollection .type_accordionBlock.collapsed .accordionTitle{ background-color: #d5d5d5; color: #959595; } #main-content .blockCollection .type_accordionBlock.expanded .accordionTitle{ background-color: #b7b7b7; color: #5a5b5d; } /* ________________________________________________________________________________________________________________*/ .pager{ color:#555655; } .pager .page-selector{ background:#d5d5d5; color:#959595; } .pager .page-selector.active{ background:#b7b7b7; color:#5a5b5d; } /*---------------END (2.0) UI COLOR GUIDE --------------*/ /** Fix visual image overlapping issue when site go live in home page **/ body, #top-block{ background:#fff; } /*---------------START (3.0) HEADER---------------------*/ /*** START (3.1) LANGUAGE SWITCHER ***/ /* #languages .lang-dropdown{ background:#000000; } */ #languages ul li a{ color:#fff; } #languages ul ul.lang-dropdown li a:hover{ color:#0883b2; } /*** END (3.1) LANGUAGE SWITCHER ***/ /*** START (3.2) BEST RATE AND BOOKING MASK ***/ #availability-checker .bookingmask-bg, #header .best-rate-wrapper{ background-color:#000; } #availability-checker input{ background-color:#fff; color:#000; border-color:#3a3a3a; } #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:#ffffff; } /*** END (3.2) BEST RATE AND BOOKING MASK ***/ /*-----------------END (3.0) HEADER-------------------------*/ /*----------START (4.0) MAIN VISUAL---------------------*/ #main-visual #pager a{ border-color:ffffff; } #main-visual #pager a.selected{ background-color:#ffffff; border-color:#ffffff; } /*----------END (4.0) MAIN VISUAL---------------------*/ /*----------START (5.0) FOOTER---------------------*/ /*** START (5.1) FOOTER STYLES ***/ #footer, #footer .top-bar{ background-color:#000000; } #footer .top-bar{ border-color:#666666; } #footer .bottom-bar{ background-color:#e2e2e2; } #footer .footer-address, #footer .footer-address a{ color:#555555; } #footer .footer-right.footer-address, #footer .footer-right.footer-address a{ color:#555555; } #footer .footer-address a[href^="mailto"]{ color:#555555; } #footer .footer-address div{ border-color:#686868; } #footer .footer-right.footer-address div{ border-color:#686868; } #footer .footer-address a:hover{ color:#310805; } #footer .footer-address a.active{ color:#310805; } /*** 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:Bisque; } #footer .newsletter, #footer .newsletter-link.open{ background-color: #434343; } #footer .newsletter input{ background-color: #fff; color: #363636; } /*** 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 a{ color:#310805; } #top-block .hotel-feature-content ul li, #top-block .hotel-feature-content ul li a:hover{ color:#000; } #top-block .col-block h2{ color:#000; } #middle-block .col-block h2{ color:#000000; } #middle-block .col-block h2 span{ background:#f6f7f5; } #offers .offers-rotator-widget .itemPreviewTitle h2 a{ color:#555655; } #whats-on .activity-body{ color:#555655; } #whats-on .activity-title{ color:#000000; } #page_home .info{ color:#333333; } /* Location Address , Tel Labels */ #page_home .info .label{ color:#414142; } /* Offers Price*/ #offers .itemPreviewPrice{ color:#490805; } /* 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, { color:#000000; } .marker-body .marker-description li{ color:#969695; } /* Main-Content breadcrumb */ #breadcrumb, #breadcrumb a{ color:#5f6160; } /*** 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-viewItem .price, #main-content .view-list-viewItem .price a, #main-content .view-list-widget .itemPreviewPrice a{ color:#490805; } .has-category .column-left h2{ color:#3c3c3c; } /* 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:MintCream; } /* 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:#cd9a00; color:#fff; } /* 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: #000000; color: #fff; } /* 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:#dcb840; color:#fff; } /* 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:#fbd567; color:#5a5b5d; } /* 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:#4a4a4a; } .item-extra-info p{ color:#666766; } .column-right .item-extra-info{ background:#f6f7f5; } /*Module control bar */ .get-directions{ background-color:#000000; /*background color of module button sections above module content */ } .module-controls{ background-color:#e2e2e2; } /*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:#000000; } /*Module control deailed pages nav colors */ .view-list-viewItem .navbar .nav-btn, .agenda-viewItem .navbar .nav-btn{ background-color:#d5d5d5; } /*Module control deailed pages nav 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:#959595; } #page_weddings-rfp #main-content .view-column-left ul li .title{ color:#fff; } .item-details-view.active .module-controls a{ color:#fff; } .module-controls .back-btn .text{ color:#959595; } /*Module control deailed share text */ .column-right .share-buttons a{ color:#490805 !important; } .wrapper .share-buttons .share-btn span.bg{ background-position: -215px -343px; } /*** END (6.3) COMMON MODULE CONTROLS ***/ /*** START (6.4) FORMS ***/ .flexibleFormContainer .section h3{ color: #3c3c3c; } .mandatory-text{ color:#424243; } .flexibleFormContainer .uploader .filename, .flexibleFormContainer .uploader .action, .flexibleFormContainer .required-text, .flexibleFormContainer .required-text h4{ color: #000000; } .flexFormBlockLabel{ color:#fff; } #page_contact .flexFormBlockLabel{ color:#333333; } .flexFormLabelInvalid{ color: Red; } .flexFormFieldHTML .selector span, .flexFormFieldHTML input, .flexFormFieldHTML select, .flexFormFieldHTML textarea{ color: #585c58; } /*** START (6.4) FORMS ***/ /*** START (6.5) GALLERY ***/ /* ------- FILTER DROPDOWNS ------ */ .module-controls .selector span, .module-controls .selector select, .module-controls .selector select option{ color: #363636; } .module-controls .selector{ background: #fff; } #gallery-content .caption, #gallery-content .caption .counter{ color:#948e8e; } /*** END (6.5) GALLERY ***/ /*** START (6.6) ATTRACTIONS / CONTACT GET DIRECTIONS & MAP POPUP ***/ /* get directions title*/ #page_attractions #main-content .get-directions h3{ color:#000; } #page_contact #main-content .get-directions h3{ color:#fff; } /* get directions input box*/ .get-directions #from{ color:#555655; border-color:#ababab; } .get-directions #destination{ color:#666666; } /* get directions button colors*/ .get-directions .go-direction, .contactUs-content button, #mod_mailingList button{ background-color:#424243; color:#fff; } /* get directions button hover colors*/ .get-directions .go-direction:hover, .contactUs-content button:hover, #mod_mailingList button:hover{ background-color:#310805; } /* Map Popup title */ #mod_pukkaActivities .itemPreview .item-title { color:#3c3c3c; } .marker-content h3{ color:#000000; } /* Map Popup content */ .marker-description p, .marker-body p{ color:#000; } /* Map Popup jscrollpane */ .marker-body .jspTrack, .marker-body .jspDrag{ background:#000; } /*** END (6.6) ATTRACTIONS / CONTACT GET DIRECTIONS & MAP POPUP ***/ /*** START (6.7) ATTRACTIONS PAGE ***/ #mod_pukkaActivities .view-list-widget .body a{ color:#490805; } #mod_pukkaActivities .view-list-widget .body a:hover{ color: #310805; } .readmore-wrapper-slider{ color:#555655; } #mod_pukkaActivities .view-categories li{ background:none; } /* Left Category selector */ #mod_pukkaActivities .view-column-left{ background:#000; } #mod_pukkaActivities .view-column-left .middle-color{ color:#959595; background:#d5d5d5; } /* 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:#d5d5d5; color:#959595; } #main-content .tab.active{ background-color:#fff; color:#444444; } .tabs-content{ background:#fff; } /* 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{ border-color:#ababab; color:#969595; } /*** 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:DodgerBlue; } #calendar thead th{ background-color:DimGray; color:DeepPink; } #calendar td.ui-datepicker-current-day{ background:DarkSlateBlue; } #calendar td.ui-datepicker-current-day .calendar-day{ color:Cyan; } #calendar td.layout_1{ background:DarkViolet; } #calendar td.layout_1 .calendar-day, #calendar td.layout_1 .calendar-info a{ color:DarkTurquoise; } #calendar .showMoreItems{ background-color:DarkSlateBlue; color:Cyan; } #calendar td.layout_1 .calendar-info .overlay h3{ color:DarkRed; } #calendar td.layout_1 .calendar-info .overlay .summary, #calendar .more-items .calendar-info a{ color:DarkSalmon; } /* Event List View */ #list .itemPreviewContent a{ color:Thistle; } #list .itemPreviewTitle a{ color:SpringGreen; } #list .itemPreviewMapLink a{ color:SpringGreen; } #list .itemPreviewDate a{ color:SpringGreen; } /* Event Detailed Page */ .itemPreviewDate { border-color:#9f9f9f; } .agenda-viewItem .itemPreviewDate{ border-color:DarkMagenta; } /*** END (6.10) EVENTS PAGE ***/ /*** START (6.11) FACILITIES PAGE ***/ /* Grid Expanded Content */ .grid-scrolldown-widget{ color:#333333; } /* Item Title */ .grid-scrolldown-widget .itemPreviewTitle h2{ color:#748687; } /* Item Read more */ .grid-scrolldown-widget .readmore-links { background-color:#d5d5d5; } .grid-scrolldown-widget .readmore-links .readmore-link { color:#959595; } .readmore-link:hover{ color:#310805; } /* Item Read less */ .grid-scrolldown-widget .opened .readmore-links { background-color:#b7b7b7; } .grid-scrolldown-widget .opened .readmore-links .readmore-link{ color:#5a5b5d; } .readless-link:hover{ color:#0883b2; } /*** 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: #ababab; } #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:#000000; } /* Review Content */ .guest-reviews-list .itemContent{ color:#000000; } /*** END (6.13) GUEST REVIEWS PAGE ***/ /*** START (6.14) AWARDS PAGE ***/ /* Award title & Date */ #grid-items .itemPreview-title, #grid-items .date{ color:SpringGreen; } /*** 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:#555655; } #mod_pukkaPress .itemPreviewContent .itemPreviewTitleLink, #mod_pukkaNews .itemPreviewContent .itemPreviewTitleLink{ color:Thistle; } #mod_pukkaNews .secondary-btn{ color:#fff; } #page_news #main-content .downloads .itemDownload a::before{ background: none; content: "•"; display: block; float: left; height: 26px; width: 16px; } #mod_pukkaNews .categories-selector ul{ color:#555655; } /*** END (6.15) PRESS /NEWS PAGE ***/ /*** START (6.16) NEWS PAGE ***/ .itemPreviewCategories li{ color:#490805; border-right-color:#757675; } #email-address{ border-color:#ababab; color:#969595; } .column-right .date-filters label, .column-right .categories-selector h2, .column-right .downloads h2, .column-right .events h2{ color:#3c3c3c; } .column-right .events .itemPreviewTitle a{ color:#555655; } /*** END (6.16) NEWS PAGE ***/ /*------------END (6.0) PAGES-----------------------------*/ /* Landscape tablet to desktop small screens */ @media (min-width: 1024px) and (max-width: 1179px) { .tabs-content .hotel-phone a[href^="tel"]{ color: #333333; } } /* 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:#000000; } #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:#cc9900; } #main-menu ul li.active a, #main-menu ul.menuLevel2 li.active a{ color:#cc9900; } #main-menu div.menu ul li{ border-color:#afafaf; } .call-out-bg a[href^="mailto"]{ color: #490805; } .call-out-bg a[href^="mailto"]:hover{ color:#310805; } .tabs-content .hotel-phone a[href^="tel"]{ color: #333333; } /*---------------END (1.2) MAIN MENU --------------*/ } /* Landscape phone to portrait tablet */ /* 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 ; } .tabs-content .contactInfo-content h3, .tabs-content .contactInfo-content, #page_contact .flexFormBlockLabel{ color:#666766 !important; } .call-out-bg a[href^="mailto"]{ color: #490805; } #main-content .tab.active{ background-color:#b7b7b7; color:#5a5b5d; } ol{ text-align: left; } #footer .top-bar{ border-top: 1px solid #000000; } .call-out-bg a[href^="mailto"]:hover{ color:#310805; } .tabs-content .hotel-phone a[href^="tel"]{ color: #000000; } .mandatory-text{ color:#000000; } .rfp-form .mandatory-text{ color:#424243; } /*---------------START (1.1) LANGUAGES --------------*/ #header #languages, #header #languages ul, #header #languages ul li{ background:#000000; } /*---------------START (1.1) LANGUAGES --------------*/ /*---------------START (1.2) MAIN MENU --------------*/ #main-menu .menu-wrapper { background-color:#000000; } #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:#cc9900; } #main-menu ul li.active a, #main-menu ul.menuLevel2 li.active a{ color:#cc9900; } #main-menu div.menu ul li{ border-color:#afafaf; } /*---------------END (1.2) MAIN MENU --------------*/ /*---------------START (1.3) BEST RATE --------------*/ #availability-checker .bookingmask-bg{ background-color:#cc9900; } #availability-checker .booking-link{ color:#fff; } /*---------------END (1.3) BEST RATE --------------*/ /*---------------START (1.3) FOOTER SEPERATOR --------------*/ /* #footer .footer-separator{ border-color:Black; } */ #footer .footer-address.footer-right{ border-color:#000000; } #footer .hotel-address{ border-color: #e2e2e2; } #footer .direct-call-wrapper { background-color:#d5d5d5; } .module-controls #title-items{ color:#000000; } #mod_pukkaActivities .view-filters{ background:#e2e2e2; } .contactUs-content .mandatory-text{ color:#666766; } .map-wrapper .get-directions{ height:112px; } .map-wrapper .get-directions input{ margin:6px 0 0 13px; } .map-wrapper .get-directions input{ width:160px; } .map-wrapper .go-direction{ width:85px; margin:6px 0; } .activities-wrapper .pager{ color:#666666; } .tabs-content .hotel-phone a[href^="tel"]{ color: #666766; } .footer-bar .footer-separator{ color:#fff; } } /*************** 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(../../../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 .5s ease-in-out; transition:height .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: 477px; 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:0px; -webkit-transform:translate(0, -93%); transform:translate(0, -93%); padding:30px 30px 20px; width:230px; background:#333333; } #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:#FFFFFF; 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:#333333; 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: 0px 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:"\002022"; 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(../../../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 .5s ease-in-out; transition:opacity .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; } .menuLevel2 li.moved-item{ display: none; } } /* 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; } .menuLevel2 li.moved-item{ display: none; } } /* 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.subpage.css ***************/ /*#main-content .intro{ margin-top: 20px; }*/ .view-list-widget{ margin-top: 40px; } #breadcrumb .breadcrumb-separator{ padding:0 7px; font-size:14px; } #page_events .column-top,.grid-scrolldown-widget .moduleMeetings-content,#mod_pukkaNews,#mod_pukkaPress { margin-top: 40px; } /* NEWSLETTER FORM */ #mod_mailingList .flexibleFormContainer, #mod_mailingList form, #mod_mailingList .flexibleFormContainer .flexFormInputBlock, #mod_mailingList .flexibleFormContainer .flexFormFieldHTML, #mod_mailingList .flexibleFormContainer .flexInputSimple{ position:relative; float:left; } #mod_mailingList .flexibleFormContainer{ width:70%; } #mod_mailingList form{ width:45%; } #mod_mailingList .flexibleFormContainer .flexFormInputBlock, #mod_mailingList .flexibleFormContainer .flexFormFieldHTML, #mod_mailingList .flexibleFormContainer .flexInputSimple{ width:99%; } #mod_mailingList .flexFormBlockLabel{ margin-bottom:6px; } #mod_mailingList .flexibleFormContainer .flexFormInputBlock{ clear:both; } #mod_mailingList .flexibleFormContainer .flexInputSimple{ width:94%; height:30px; line-height:30px; padding:0 4%; } #mod_mailingList .flexibleFormContainer option{ border:none; } #mod_mailingList .flexFormInputBlock select{ display: inline; } #mod_mailingList .flexFormInputBlock .selector{ float:left; width:99% !important; height:31px; z-index: 2; } #mod_mailingList .flexFormInputBlock .selector .bg{ position:absolute; top:7px; right:10px; width:14px; height:14px; padding:0; margin: 0; background-position: -302px -220px; } .flexFormInputBlock .selector .bg{ pointer-events:none; } #mod_mailingList .flexFormSubmitBlock button{ float:right; width:154px; height:30px; margin-top:15px; } #mod_mailingList .flexibleFormContainer{ margin-left:15%; } /* Portrait & Landscape tablet to desktop small screens */ @media (min-width: 1024px) and (max-width: 1179px) { #holder h1{ top:568px; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 1023px) { #holder h1{ top:444px; } #mod_mailingList .flexibleFormContainer{ width:90%; margin-left:5%; } #mod_mailingList form{ width:60%; padding-left:17%; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { #page_careers{ overflow-x:hidden; } #holder h1 { top: 282px; } .viewItem{ margin-top: 30px; } #mod_mailingList .flexibleFormContainer{ width:100%; margin-left:0; padding:0; } #mod_mailingList form{ width:100%; } } /*************** 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: 0px; height: 0px; } /* 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: 0px; 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: 0px 0px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 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 0px 1px 0px; 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 ***************/ /* GLOBAL CUSTOM */ /* Fix issue when going live */ body.edge-to-edge div#header .wrapper { background: rgba(0, 0, 0, 0) url(../../../templates/main/images/menu_bg.png) repeat-x scroll 0 0; height: inherit; width: auto; } #header.fixed div#branding span.bg { background-size: 70% auto; background-position:8px 0; } body.edge-to-edge div#header { height: 193px; } div#branding { height: 196px; } div#main-visual .toolbox-link{ top:210px; } div#main-visual{ top:0px; } #page_home div#main-visual{ height:667px; } h4{ font-weight: bold; } div#top-block{ z-index:2; } .whatson-activities .activity-wrapper .activity-content .activity-title{ font-size:17px; font-weight:500; } #availability-checker input{ border:1px solid; width:97px; } #availability-checker .datepicker .bg{ margin-top:8px; } .booking-mask-widget .go span{ line-height:28px; } .booking-mask-widget .currency{ font-size:15px; vertical-align: none; margin-left:-5px; line-height:28px; } div#header .best-rate-wrapper .best-rate .currency, div#header .best-rate-wrapper .best-rate .amount { font-size: 17px; line-height: 25px; } .content .best-rate .amount{ font-size:17px; padding-left:8px; } div#header .best-rate-wrapper .best-rate .units { float:left; } #header.fixed .best-rate-content .amount{ margin-left:0; } div#header.fixed .best-rate-wrapper .best-rate .currency{ font-size:12px; margin-left:3px; line-height:27px; } #offers .itemPreviewPrice{ text-transform: uppercase; } .column-right .item-extra-info p{ text-align:left; } .offers-rotator-widget .rs-carousel-pagination-link-active a{ cursor: default; } #page_home #main-intro .wrapper{ width:100%; } .menu a, #top-block, .brw .rate, #middle-block, #main-content, .text-container, .booking-mask-widget label, #holder div.selector select,div.view-list-widget .itemPreview .body { text-align:justify; } /* MENU */ .menu .menuLevel2 li{ margin-right:20px; } .only-landscape.hide { display: inline-block !important; } #offers .offers-rotator-widget .booking-link{ font-weight: normal; } /* .best-rate-content .amount{ margin-left:16px; } */ .text-wrapper ul li::before{ background: rgba(0, 0, 0, 0) url(../../../templates/main/images/images_sprite.png) no-repeat scroll -54px -127px; content: " "; height: 14px; left: 0; margin-top: 5px; position: absolute; width: 20px; } .text-wrapper ul { list-style-type: none; padding-left: 18px; position: relative; } .text-wrapper ol, .text-container ol{ padding-left:16px; } .view-items-detail ol{ padding-left:14px; } .grid-scrolldown-widget .more-content ul{ font-style: italic; } /*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-info{ border-top:1px solid #373352; } #whats-on .whatson-nav .pager{ font-size:20px !important; } /* weather widget */ .footer-info #weather .weather-image { float: right; height: 21px; margin: 18px 0 0 7px; } .weather-tempC::after { content: "c"; display: block; font-size: 17px; font-weight: normal; position: absolute; right: 0; top: -17px; } #weather .weather-tempC { padding-right: 11px; position: relative; } #weather{ margin-top:53px; } #footer .footer-address a[href^="mailto"]{ padding:0 0 0 5px; } .followus{ display: none; } .footer-info .footer-address { font-size:11px; } .footer-address div{ height:9px; } .view-list-widget .view-filters{ text-transform: uppercase; } .footer-info .last.privacy{ border-right:1px solid #fff; padding-right:10px; } .footer-address a{ text-decoration: none; } #footer .top-bar{ border-top:1px solid #fff; } #footer .footer-bar{ border-bottom:none; } #footer .newsletter-link.open a{ padding-left:3px; } .hotel-icon{ margin-left:20px; } .hotel-icon .icon, .hotel-icon.tripadvisor-widget { margin-right: 11px; } .hotel-icon .icon, .hotel-icon.tripadvisor-widget,.loggedIn .hotel-icon img, .hotel-icon a span { width:auto !important; } .hotel-icon.tripadvisor-widget { height:auto !important; } #page_newsletter .flexFormSubmitBlock button{ font-size:15px; } .flexFormInputBlock #uniform-ff_salutation1.selector option, .flexFormInputBlock #uniform-ff_country1.selector option{ padding:0 2.5%; } .activities-wrapper span.pager{ font-style: italic; } #footer .newsletter button{ background:#887e3a; } #footer .newsletter input{ background-color:#fff; color:#363636; } #page_home #holder h2.secondary-title{ margin:14px 0 9px !important; } .blockCollection .contentBlock .pdf .title a::before{ float: right !important; } .blockCollection .contentBlock .pdf h3{ float: left; } .item-extra-info ul li{ list-style-type: none; margin-left:-17px; } .item-extra-info 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:24px; margin-top: 5px; position: absolute; width: 20px; } .column-right .item-extra-info ol{ margin-left:-26px; } #page_special-offers .item-extra-info{ display: none; } /*----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, .column-left ol 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, #main-content .contactInfo-content .hotel-email a{ text-decoration: underline; } .item-extra-info a{ text-decoration:none; } /* 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:bold; text-transform:uppercase; font-size:1.1em; } .items-details-wrapper .column-left h4{ font-size:12px; } /* Extra info box*/ .item-extra-info h4{ font-size:17px; font-weight:normal; } .item-extra-info .icon a{ text-decoration:none; } .gallery-navigation .caption .counter{ font-size:17px; } .gallery-navigation .categories .selector span, .gallery-navigation .categories select option{ text-transform: none; } #page_gallery .fullScreen .fullscreen-close.bg{ background-position:-1143px -573px; } #page_gallery .fullScreen .fullscreen-close.bg:hover{ background-position:-1249px -573px; } #page_gallery .fullScreen .fullscreen.bg{ background-position:-1142px -509px; } #page_gallery .fullScreen .fullscreen.bg:hover{ background-position:-1250px -446px; } .grid-scrolldown-widget .itemPreviewContent{ padding-top:15px; } /*---------------- Use this block in Customs css for forms and need to make sure the order of the css, Otherwise border color getting default -----------*/ #page_careers .formwrapper .uploader .action, #page_careers .selector-uniform-dropdown, #page_careersapply .uploader .action, .flexInputSimple, .flexInputTextarea, .flexInputSelect, .flexFormInputBlock .selector, input.flexInputDate { border: 1px solid #dadad9; } .module-controls .selector{ border: 1px solid #cccccc; } .gallery-navigation .caption{ font-style:normal; } /**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; } .downloads ul.downloads-list{ float: left; } .items-details-wrapper .view-list-viewItem h2{ font-size:18px; } .wrapper .view-list-widget .itemPreview h3 a{ font-size:18px; font-weight: normal; } .wrapper .view-list-widget .view-categories li{ font-weight: normal; } #page_rooms .item-extra-info{ display: none; } .items-details-wrapper .downloads{ margin-top:13px; } /*---------------- 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; } .confirmation-form .flexFormInputBlock .selector{ width:260px !important; } #holder .view-list-widget .view-categories li.category-item.active::before{ background: rgba(0, 0, 0, 0) url(../../../templates/main/images/images_sprite.png) repeat scroll -120px -681px; content: " "; display: block; height: 14px; position: absolute; right: 0; top: 17px; width: 20px; } .view-column-left ul li.active span.extra-dark-color::before { background: rgba(0, 0, 0, 0) url(../../../templates/main/images/images_sprite.png) repeat scroll -121px -683px; content: " "; display: block; height: 14px; position: absolute; right: 5px; top: 17px; width: 20px; } #page_rooms #holder .view-list-widget .view-categories li.middle-color.active:before{ background: rgba(0, 0, 0, 0) url(../../../templates/main/images/images_sprite.png) repeat scroll -122px -645px; content: " "; display: block; height: 14px; position: absolute; right: 0; top: 17px; width: 20px; } #page_meeting-rooms-rfp .button-link li{ background-image: none; } .flexibleFormContainer .flexInputInvalid .selector, #mod_mailingList .flexInputInvalid .selector { border: none; } #mod_pukkaMeet .view-column-left .menu-item.active .arrow.bg{ background-position: -122px -681px; height: 12px; margin-top: -8px; position: absolute; right: 13px; top: 50%; width: 9px; } /* attractions / contact get directions */ .get-directions input{ height:27px; line-height:27px; padding-top:0; padding-bottom:0; } .get-directions #destination { border:1px solid; } .get-directions #from{ border:1px solid #ababab; text-transform: uppercase; margin-top:7px; } #attraction-map .infoBox > img{ height: 18px; margin: 10px -4px 0 0 !important; padding: 10px; width: 18px; } .go-direction{ line-height:32px; } /* attractions map popup get directions text*/ .marker-distance span{ text-transform:uppercase; font-weight:bold; font-size:13px; } .item-distance{ display: none; } /* 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: 0px; } /** Contact **/ #main-content .tab{ border-bottom:none; } .contactUs-content .flexFormSubmitBlock button{ font-size:16px; } .contactUs-content .mandatory-text{ font-style: normal; } /* .tabs-info .tab{ width:288px; } */ /** 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%; } #main-content .downloads .itemDownload .title { float:none; text-decoration: 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; } .blockCollection .contentBlock .pdf h3 a{ text-decoration: none; } .blockCollection .contentBlock li{ margin-left:0; line-height:24px !important; } /**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; } /* BREAKFAST*/ #page_breakfast .item-extra-info, #page_aboutus .item-extra-info, #page_gardenvilla .item-extra-info{ display: none; } /**NEWS & PRESS**/ .intro-readmore.open, .intro-readless.open{ display:inline-block; width:100%; } /**NEWS**/ .itemPreviewCategories li{ margin:15px 0 7px; } #page_news .text-wrapper p{ line-height:26px !important; } #page_news .text-wrapper ul{ padding:5px 0; } .column-right .date-filters label{ font-weight:bold; } /* .readmore-links i.bg{ margin-top:5px; } */ #mod_pukkaNews .intro-readless i.bg{ float: right; } /** NEWSLETTER **/ #mod_mailingList .selector span{ line-height:30px; } #mod_mailingList .flexFormSubmitBlock button{ margin-right:5px; } /* Landscape tablet to desktop small screens */ @media (min-width: 1024px) and (max-width: 1179px) { .go-direction{ width:90px; } #page_attractions .get-directions #from, #page_contact .get-directions input{ height:27px !important; } div#main-content{ margin-top:469px; } .activities-wrapper .whatson-nav{ bottom:-52px; } #page_home #middle-block .whatson-widget{ margin-top:25px; } #page_special-offers .view-list-widget .list .readmore{ bottom:0; } div#header.fixed .best-rate-wrapper .best-rate .currency{ line-height: 26px; } /* div#main-content{ margin-top:516px; } */ } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 1023px) { div#main-content{ margin-top:340px; } #main-menu ul li a, #main-menu ul.menuLevel2 li a{ height:32px; } .gallery-content .categories .selector span{ width:99%!important; } #footer .copyright a{ padding-right:10px!important; } #mod_pukkaActivities .readmore-links{ border:none; } .view-list-widget .view-filters .bg{ right:6px; } #main-content p, #main-content .intro, .text-container p{ line-height:26px !important; } #page_attractions .get-directions #from, #page_contact .get-directions input{ height:27px !important; } /* .tabs-info .tab{ width:340px; } */ #mod_pukkaNews .date-filters .datepicker label{ font-weight: bold; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { /* div#main-content{ margin-top:240px; } */ body.edge-to-edge div#header{ height:84px; } #header div#branding span.bg{ background-image: url(../../../templates/main/images/logo_mobile.png), none; height: 154px; overflow: hidden; padding: 0; width: 132px; background-repeat:no-repeat; } div#branding{ height:154px; width:132px; } #main-menu ul li a, #main-menu ul.menuLevel2 li a{ height:32px; } .weather-tempC::after { content: "c"; display: block; font-size: 15px; font-weight: normal; position: absolute; right: 0; top: -12px; } } #main-content .view-list-widget .itemPreviewBookingLink{ line-height:34px; font-weight:bold; } #main-content .items-details-wrapper .booking-link { line-height: 32px; } #main-content .view-list-widget .items-details-wrapper .booking-link { line-height: 33px; } #main-content .grid-scrolldown-widget .itemPreview{ -moz-text-align-last:center; text-align:center; } #main-content .grid-scrolldown-widget .itemPreview ol,#main-content .grid-scrolldown-widget .itemPreview ul{ -moz-text-align-last:left; text-align:left; } .text-container ol li{ font-style:italic; } .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 -346px; } /*.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 2px; } .view-list-widget .cat-historic h3 .icon.map-icon { background-position: -512px 2px; } .view-list-widget .cat-culture h3 .icon.map-icon { background-position: -1248px 2px; } .view-list-widget .cat-family h3 .icon.map-icon { background-position: -1120px 2px; } .view-list-widget .cat-beach h3 .icon.map-icon { background-position: -128px 2px; } .view-list-widget .cat-museum h3 .icon.map-icon { background-position: -672px 2px; } .view-list-widget .cat-shopping h3 .icon.map-icon { background-position: -832px 2px; } .view-list-widget .cat-park h3 .icon.map-icon { background-position: -800px 2px; } .view-list-widget .cat-gastronomy h3 .icon.map-icon { background-position: -1152px 3px; } .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; } .menu .level1 a.group-link, .menu.mobile-nav .menuLevel2 li a.group-link{ color: #FFB718 !important; text-decoration: none; } .menu .level1 a.group-link:hover, .menu.mobile-nav .menuLevel2 li a.group-link:hover{ color: #cc9900; } @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%; } /* #page_home div#pager-wrapper{ bottom:154px; } */ /* #page_home div#main-content{ margin-top:651px; } */ } @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; } .footer-info .bottom-bar{ height:55px; } .footer-address{ float: left; height: 25px; line-height: 25px; } .footer-address .copyright{ padding:0 10px 0 0; } /* .tabs-info .tab{ width:230px; } */ .get-directions input{ width:230px; } } @media (min-width: 768px) and (max-width: 1024px) { .menu .menuLevel2 li.only-landscape { display: none; } #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:22px; } .prev-btn .disabled-item .text{ margin-left:-9px; } .booking-mask-widget .currency{ font-size:14px; } } @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; } .view-list-widget h3.view-category-title.active .arrow.bg { background-position: -141px -702px; } .view-list-widget h3.view-category-title .arrow.bg{ background-position:-121px -702px; } .view-list-widget.has-category .view-category-title{ text-transform: uppercase; } #page_rooms .wrapper .view-list-widget .list .itemPreviewPrice{ right:142px; } .rfp-button.active .arrow.bg, .view-items-detail h3.accordion-header.active .arrow.bg{ background-position:-140px -702px; } .rfp-button .arrow.bg, .view-items-detail h3.accordion-header .arrow.bg{ background-position:-122px -702px; } .hotel-icon .icon { margin-top: 23px; } } @media (max-width: 767px) { div#header .wrapper{ background:url(../../../templates/main/images/mob-header-back.png) repeat-x 0 0 !important; } .footer-menu.menu{ margin-top:5px; } div#branding { 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; } .view-list-widget h3.view-category-title .arrow.bg{ background-position:-122px -702px; } #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; } .view-list-widget.has-category .view-category-title{ text-transform: uppercase; } .footer-info #weather .weather-image{ margin:10px 0 0 7px; } /* new Fixes by CD */ /* General */ /* Contact */ .accordion-header.active .arrow.bg{ background-position:-140px -664px; } .accordion-header .arrow.bg{ background-position:-121px -742px; } /* Footer Section Center align */ .footer-address div{ line-height:8px; padding:0 10px 0 7px; } #footer .wrapper{width:100%;} #footer .hotel-address{margin-left:4%;} .footer-info .footer-address .copyright, .footer-info .footer-address .privacy,.footer-info .footer-address .termsandcondition{ font-size:10px; } #footer .footer-right.footer-address .copyright{ border: none; line-height:14px; } /* 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-address .fax{ padding-left:5px; } /* Footer section weather section center align */ div#weather { float: none !important; margin: 0 auto; width: 135px; /* 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; } /* Rooms page */ .view-list-widget h3.view-category-title.active .arrow.bg { background-position: -140px -702px; } /* Home Page */ /* fixed main-visual bottom part cut off */ body div#top-block { z-index: 1; } /* Galley Page */ #gallery-content .gallery-navigation .caption .counter{ padding:0 17px 0 0; } /* Fixes booking mask book now button alignment issue */ #page_gallery #availability-checker .content { top: -6px; } /* Meeting RFP page */ .readmore-wrapper-slider .readmore-links, .readmore-wrapper-sub-slider .readmore-links{ text-align: right; } /* 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; } /* Attraction */ .get-directions #from{ width:144px; } .infoBox{ height:279px !important; } .map-wrapper .go-direction{ margin:6px 4px; } /* 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; } /* Wedding */ .rfp-button.active .arrow.bg, .view-items-detail h3.accordion-header.active .arrow.bg{ background-position:-140px -702px; } .rfp-button .arrow.bg, .view-items-detail h3.accordion-header .arrow.bg{ background-position:-122px -701px; } /* News */ .date-filters .datepicker label{ font-weight: bold; } #mod_mailingList .flexFormSubmitBlock button{ margin-right:3px; } #page_home div#main-visual, #main-visual, #main-visual img, div#main-visual .slideshow, #main-visual .wrapper .caroufredsel_wrapper { height: 250px !important; } div#main-visual { top: 0 !important; } .language-wrapper { display: none; } } /*************** 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:#555555; } .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:#555555; 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:.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-03-08 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * 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-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.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:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .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:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .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 .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-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(../../../templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(../../../templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;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 #999;background:#dadada url(../../../templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.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:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(../../../templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(../../../templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(../../../templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.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:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.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_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(../../../templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(../../../templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_888888_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_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(../../../templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(../../../templates/main/libs/jquery/jquery-datepicker/smoothness/images/ui-icons_2e83ff_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_cd0a0a_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:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}