/*************** templates/main/css/global.defaults.css ***************/ /* ---------------- OVERRIDE BROWSER DEFAULT TYPOGRAPHY ---------------- */ /*@import url('https://fonts.googleapis.com/css?family=Arsenal|Dancing+Script|Philosopher|Roboto+Condensed');*/ /* font-family: 'Roboto Condensed', sans-serif; font-family: 'Lora', serif; font-family: 'Arsenal', sans-serif; font-family: 'Dancing Script', cursive; */ html{font-size: 62.5%} html, body {font-family: 'Arsenal', sans-serif;margin: 0;padding: 0;width: 100%} body{font-size: 1.5em;color:#333333;background:#edebf0} div#holder {/*font-family: Verdana, Arial, sans-serif;*/} h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,h7,.h7{ font-family:'Philosopher', sans-serif; } h1 {font-size: 2.2em;font-weight: normal; margin: 0 0 0.6em; line-height: 1.2} h2 {font-size: 1.2em;margin: 1.4em 0em 0em;font-weight: normal} h3 {font-size: 1em;margin: 1.2em 0em 0em;font-weight: normal} h4 {font-size: 1.5em;margin: 10px 0} h5 {font-size: 0.9em;font-weight: normal} h6 {font-size: 0.8em;margin: 1.2em 0em 1.2em;font-weight: bold} p, li {line-height: 1.2} p {font-size: 1em;/*color:#000;*/ margin: 0.9em 0em 1.2em} li > p {margin-top: 0.2em} ol, ul {margin-top: 0.2em;margin-bottom: 0.1em;margin-left: 0;list-style-type: square;/*font-size:13px;*/} img {border: 0 none} th {font-weight: normal;text-align: right;padding-right: 0.5em;text-align: center;font-weight: 600;background: #021a2b;color: #fff;border: 1px solid #fff} td {text-align: center;font-weight: 100!important;border: 1px solid #fff;background: #fff;text-align: center!important;vertical-align: middle!important} 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} sup.ordinal {text-transform: lowercase} .temperature {white-space: nowrap; /* prevent IE from word-breaking after degreee symbol */} /*************** templates/main/css/global.text.css ***************/ /* Global Element Styles */ p { text-align: justify; line-height:1.6} /* Global Section Styles */ /* Only new menu*/ #primary_nav_wrap {font-size: 1.2em; line-height: 1;margin-top: 63px;position: absolute;width: 100%;z-index: 2} #primary_nav_wrap ul {list-style: none;position: relative;float: right;right: 212px;height: 47px;margin: 0;padding: 0} #primary_nav_wrap ul a {display: block;color: #2F2F35;text-decoration: none;font-weight: 400;font-size: 1.2em; line-height: 2;padding: 0 10px} #primary_nav_wrap ul li {position: relative;float: left;margin: 0;padding: 8px 0px;height: 100%;line-height: 48px} #primary_nav_wrap ul li.current-menu-item > a,#primary_nav_wrap ul li:hover > a,#primary_nav_wrap ul ul li:hover{color:#122121;text-shadow:1px 1px 0 rgba(255,255,255,0.7)} #primary_nav_wrap ul ul {opacity: 8; filter:opacity(0); display:none;position:absolute;top:100%;left:0;background:#fff;padding:0} #primary_nav_wrap ul ul li {float: none;width: 200px;height: 35px; line-height: 35px;padding: 0;border-bottom: 1px solid #b5b5b5;background: rgba(255, 255, 255, 0.9)} #primary_nav_wrap ul ul a {padding-top:0.2em;font-size: 1em} #primary_nav_wrap ul ul ul {top:0;left:100%} #primary_nav_wrap ul li:hover > ul { opacity: 1; filter:opacity(100); transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-webkit-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s; display:block} /* Only new menu */ /* FONT FAMILIES */ div#holder, div#holder .ui-widget, #availability-checker .selector span, #availability-checker input, .review-content a.read-more {font-family:"open_sansregular", Helvetica, sans-serif} .best-price .rate, a.availability-button, #availability-checker h2, #main-content .month-filter-items .list-content h3, #mod_pukkaPackages .view-item-content .item-title, #mod_pukkaMeet .view-item-content .item-title, #mod_pukkaPackages .filter h3, #mod_pukkaSimpleRooms .sub-tabs .sub-tab-section, #mod_pukkaPress .view-item-content .item-title, #special-offers li .read-button {font-family:"open_sans_semiboldregular", Helvetica, sans-serif} .review-content, .review-content h3 {font-family:"open_sansitalic", Helvetica, sans-serif} /* FONT SIZES */ #ui-datepicker-div {font-size:0.55em;border: 1px solid #aaa;z-index: 100000!important;/*box-shadow: 2px 2px 3px 2px #bbb*/} #footer {font-size:0.65em} div#holder {font-size:0.7em} #header, #top-menu, #languages, #time, #weather, .best-price .from, .best-price .rate-guaranteed, #main-content .ui-accordion-content, #availability-checker .booking-form, .lt-ie9 #languages li.last a {font-size:0.8em} #availability-checker .selector span, #socialmedia .smo-title {font-size:0.9em} #availability-checker input, #special-offers li h3 {font-size:1em} #availability-checker h2, #main-content .categoryList .showMarker, #main-content a.link-button, #main-content .module-item-list #tab-titles li {font-size:1.1em} #mod_pukkaPress .select-title, .rotators .location h3, .floorPlankWraper li a, #mod_pukkaSimpleRooms .sub-tabs .sub-tab-section {font-size:1.15em} h3.map-category-title, #main-content .month-filter-items .list-content h3, #mod_pukkaPackages .filter h4, .category-section .items .month-content h3, .offer-rotator h3 {font-size:1.2em} .best-price .rate-section h3, a.availability-button, #availability-checker .go {font-size:1.25em} .view-item-content .bookingLink {font-size:1.3em} .rotators .location h4.sub-title, #main-content #tab-titles li {font-size:1.35em} #mod_pukkaPackages .filter h3, .offer-rotator h4 {font-size:1.4em} #mod_pukkaPress .view-item-content .item-title, #mod_pukkaPackages .view-item-content .item-title, .review-content h3 {font-size:1.5em} h2.subTitle, .view-item-content .item-title {font-size:1.65em} .best-price .amount {font-size:1.75em} /* TEXT COLORS */ #languages li a, .offer-rotator h4, .menu li a, .best-price .rate-section h3, #main-content .categoryList .showMarker, .rotators .location h4.sub-title, #mod_pukkaPackages .filter h4 {/*color:#29210e;*/} .menu li a {/*color:#ffffff;*/} #languages li:hover a, #languages li.active a, .menu li:hover a, .menu li.active-under a, .menu li.active a {/*color:#a7d8eb;*/} #temp_c, #time, #weather a, #main-content #tab-titles li, #tab-titles li a, #availability-checker input, #availability-checker select, .item-preview-title-wrapper a.itemPreviewViewLink, .review-content, .review-content h3 {color:#fff} .downloads .pdf a, .floorPlankWraper li a, .view-item-content .bookingLink, #main-content a.link-button, a.read-more:hover, a.availability-button, #availability-checker h2, #availability-checker .go, #special-offers li .read-button {color:#ffffff} #mod_pukkaSimpleRooms .sub-tabs li.sub-tab-section {color:#888787} .best-price .rate-guaranteed a:hover, #availability-checker .modify-booking:hover, #main-content .filter-by-month li.active, #main-content .filter-by-month li:hover, #guest-reviews a.read-more:hover, #mod_pukkaPackages .filter li, #tab-titles li:hover a, #mod_pukkaSimpleRooms .sub-tabs li.sub-tab-section:hover, #mod_pukkaSimpleRooms .sub-tabs li.active, .item-preview-title-wrapper a.itemPreviewViewLink:hover, .item-preview-title-wrapper a.itemPreviewViewLink.active, #main-content #tab-titles li.active a, #main-content #tab-titles li.active, #main-content #tab-titles li:hover {color:#021322} .offer-rotator, .address-details, .rotators .location, .floorPlankWraper li a:hover, #main-content a.link-button:hover, #main-content .filter-by-month li, .category-section .items .month-content, #availability-checker .go:hover, #mod_pukkaSimpleRooms .sub-tabs .sub-tab-content {color:#676766} #footer .section, a.phone-number, #availability-checker .modify-booking {color:#000000} #main-content .month-filter-items .event-content {color:#8d8d8d} #main-content .month-filter-items .valid-from-to {color:#29210E} .best-price .rate-guaranteed a {color:#8f8e8e} h4.offer-home {font-size: 1.8em} /* TEXT TRANSFROMS */ .best-price .from, .best-price .rate-guaranteed, a.availability-button, #availability-checker .go, #availability-checker input, #availability-checker .booking-form, h4.address-title, .downloads .pdf a, #languages li, .menu li, .floorPlankWraper li a, .view-item-content .bookingLink, #mod_pukkaSimpleRooms .sub-tabs .sub-tab-section, #main-content .month-filter-items .valid-from-to, #tab-titles li, a.read-more, #socialmedia .smo-title, #main-content a.link-button, .review-content a.read-more, #mod_pukkaPackages .filter li, #special-offers li .read-button {text-transform:uppercase} #footer-menu ul li.enews a, .review-content h3 {text-transform:none} /* TEXT ALIGN */ #tab-titles, .best-price .rate-guaranteed, a.availability-button, #availability-checker h2, #availability-checker .go, .floorPlankWraper li, #main-content a.link-button, .view-item-content .bookingLink, #special-offers li .offer-content {text-align:center} /* TEXT STYLES */ #main-content .jw-meetings-3col-lg .vcontent li em, #main-content .jw-meetings-3col-lg .vcontent li dfn {font-style:normal} /* TEXT DECORATION */ a.phone-number, a.availability-button, #availability-checker .modify-booking, .downloads .pdf a, #tab-titles li a, a.read-more, .best-price a, .view-item-content .bookingLink, #main-content a.link-button, .gallery-content .music-block a, .item-preview-title-wrapper a.itemPreviewViewLink, #main-content .categoryList .showMarker, .floorPlankWraper li a, #languages li a, .menu li a {text-decoration:none} #guest-reviews a.read-more:hover {text-decoration:underline} /* TEXT SHADOW */ #availability-checker .go, #main-content a.link-button, .floorPlankWraper li a {text-shadow:1px 0 1px #333} #availability-checker .go:hover, #main-content a.link-button:hover, .floorPlankWraper li a:hover {color:#fff} /*************** templates/main/css/global.layout.css ***************/ /* ----- START LAYOUT COMMON TO ALL PAGES ----- */ /* START ANTI-MARGIN-COLLAPSING */ div#something {margin-top: -1px;padding-top: 1px} /* END ANTI-MARGIN-COLLAPSING */ /* START FLOAT ENCLOSING ("EASY CLEARING") */ div#holder:after, div#main-content .left-col .mobile-content:after, div#something:after {content: '.';display: block;height: 0;clear: both;visibility: hidden} /* END FLOAT ENCLOSING ("EASY CLEARING") */ /* START OFFSCREEN */ div#languages h2, div#main-menu h2, div#branding h2, div#credits h2 {display: inline;position: absolute;overflow: hidden;margin: 0;border: 0;padding: 0;width: 0;height: 0} /* END OFFSCREEN */ /* color theme #edebf0 #85d2d8 #49a8ba #6696c4 #C2AD9B #dcbf9f */ .box_highlight{padding: 20px} .mobile, #main-content .moduleOutput .mobile, .ipad {display:none} #header {width:100%;height:110px;z-index: 100;top:0;position: fixed;left:0;background:rgba(255,255,255,0.9)} #header-wrapper, #availability-wrapper {width:996px;/*padding:0 14px;*/ padding:0;position:relative;margin:0 auto} #header-wrapper .top-section {width: 450px;height: 45px;right: 0px;float: right;position: absolute;border-bottom: solid 1px #000000} #header-wrapper .top-right-section {float:right;display:inline;position:relative;width: 180px;height: 45px;display:none;} .status{width: 179px; height: 45px;float: right;right: 0px;position: absolute} .mobile-status{width: 200px;height: 40px;margin: auto;text-align: center;position: relative} #icon > img{ height:100%} #line{width: 10%;height: 100%;float: left;text-align: center;color: #fff;font-size: 15px;font-weight: 100;padding-top: 6px} #line p { margin-top: 5px; text-align: center} #strickr{float: left;width:51%;height: 100%;margin-right: 6px} #time{float: left;width: 35%;font-size: 13px;font-weight: 100;padding-top: 16px} #icon{float: left;width: 50%;padding-top: 0px;height: 100%} #c{float: left;width: 50%;font-size: 13px;font-weight: 100;padding-top: 16px; padding-left: 5px} #strickr *, #line *, #time * { color: #000000} #languages {float: right;position: absolute;margin: 12px 0 0;right: 220px} #languages ul {margin:0;padding:0} #languages li {float:left;list-style:none;padding:0 3px;line-height:1} #languages li.item1 { /* border-right:1px solid #3f3a2d; */} #languages li.last {display: none;padding-right: 0} #branding {position:absolute;left:0;top:12px} #branding img { height: 100%; transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; } #main-visual {width:100%;height:650px;float:left;position:relative;overflow:hidden;z-index:0} #main-visual .slideshow img {width:100%;height:auto} #main-visual .toolbox-link {top:200px} .menu li {float:left;list-style:none} #menu-top-menu li {line-height: 100%;height: 100%} ul#menu-top-menu {overflow: hidden;display: block;height: 100%} #main-menu {position: absolute;top: 90px;float: left} #main-menu ul{position: absolute;top: 90px;float: left} #main-menu li a {padding:3px 10px} #mobile-menu .menuLevel2, #main-menu .menuLevel2 {display:none} #top-menu, #time, #weather {float:right;position:relative;text-align: center} #top-menu {float:left} #top-menu li a {padding:12px 10px} #weather {width:65px;margin:5px 10px 0} #weather h2 {display:none} #weather .weather-tempC {float:right;margin:5px} #weather .weather-image {float:left} #weather a {cursor: default} div#weather .weather-tempC:after {content:"C"} #availability-checker {width:198px;position:absolute;right:0;top:60px;padding:0 0 12px;z-index:50;background:rgba(204,204,204,0.7)} *+html #availability-checker {top:29px} .top-section{font-family: 'Arsenal', sans-serif} a.availability-button, #availability-checker h2 {line-height:48px;margin:0;background: rgba(2,19,34,1);cursor: pointer;font-size: 1.6em;font-family: 'Arsenal', sans-serif} #availability-checker .booking-form {padding:10px 14px} #availability-checker .date, #availability-checker .choose, #availability-checker .promo, #availability-checker label {float:left} #availability-checker .date {margin:0 0 0px} #availability-checker .date label { font-size: 1.5em; padding:3px 3px 1px;margin-bottom: 0px} #availability-checker input {width:100%;height:25px;border:1px solid #ccc;padding:4px 5px;background:url("../images/bg-sprite.png") no-repeat right -316px #fff;color: #16384d;margin-bottom: 5px} #availability-checker .date input {cursor:pointer} #availability-checker .promo {width:100%} #availability-checker .promo input {width:100%;background:#fff;float:left} #availability-checker .choose {width: 50%;margin: 5px 0px 5px 0;height: 50px} #availability-checker .promo label, #availability-checker .choose label {margin:0 0 3px;padding:0 0px} *+html #availability-checker .promo {width:130px;position: absolute;right: -8px;top:168px} *+html #availability-checker .children {width:60px;float:none} #availability-checker .adults { } #availability-checker div.choose label{cursor: default;margin-top: 3px;font-size: 9px} #availability-checker .choose select {width:100%;top:0;background:#fff;color: #000} #availability-checker .selector {padding:0;width:50px !important;position: relative;cursor:pointer} #availability-checker .selector span {width:100% !important;height:25px;line-height:21px;padding:0 5px;border:1px solid #ccc; background:url("../images/bg-sprite.png") no-repeat right -266px #fff} #availability-checker .go {width:170px;border:none;margin:5px 0 5px;padding:8px 0;background: rgba(2,19,34,1);cursor:pointer} #availability-checker .booking-arrow {width:27px;height:27px;display:block;position:absolute;left:0;right:0;bottom:-16px;margin:0 auto;cursor:pointer;background:url("../images/bg-sprite.png") no-repeat right -348px;background-position: -542px -348px} *+html #availability-checker .booking-arrow {left:85px;right:auto} #availability-checker.active .booking-arrow {background-position:-574px -348px} .best-price {float:left;padding:0 0px;display:none} .best-price .rate-section {padding:0 2px;position:relative;float:left;background:url("../images/submenu-bg.png") repeat-x 0 0} .best-price .best-rate {padding:5px 0 0} .best-price .rate-section h3 {margin:0;padding:12px 0 0;line-height:1} .best-price .rate-section .rate {float:right;margin:3px 6px 0 0} .best-price .rate-section .currency {padding:0 5px 0 0} .best-price .rate-guaranteed {width:100%;float:left;margin:0 0 10px} .best-price .arrow {width:10px;height:14px;/*float:right;*/ display:inline-block;margin:13px 0 0;padding:0 0 0 3px;background:url("../images/bg-sprite.png") no-repeat right -384px} h3.header { font-size: 2em} #branding a { display: block} *+html .best-price .arrow {float:none;display:inline;padding:0 0 0 15px} #weather .weather-tempF, #weather .weather-text {display:none} #holder-wrapper {width:100%;float:left;position:relative;padding:0 0 60px;background:url("../images/bottom-bg.png") repeat-x 0 bottom;z-index:1} #holder {width:996px;/* padding:0 14px; */ padding:0;position:relative;margin:0 auto} div#holder h1 {} #main-content ul, #main-content li {padding:0;margin:0;list-style:none} #main-content li {padding-left:10px;line-height:1.6;background:url("../images/list-bg.png") no-repeat 0 9px} #holder .unique-list, #holder .unique-list li, #footer .unique-list, #footer .unique-list li {padding:0;margin:0;list-style:none;background:none} .markers {display:none} .marker-image {float: right} #footer-wrapper {width:100%;float:left;_display:inline;position:relative;background: #02060A;color:#fff} #footer {width:100%;padding:0;position:relative;margin:0 auto} #footer-menu {float:left;display:inline;padding:10px 0} #footer-menu ul {margin:0;padding:0} #footer-menu ul li a {padding: 0px 5px;color: #fff;font-size: 15px} #footer-menu ul li a:hover {color:#5e646b} #footer-menu ul li.item1 a {padding-left:0} #footer .section {width:100%;position:relative;float:left} #footer .top-section {padding:10px 15px 2px;border-bottom:solid 1px #828890} #footer .bottom-section {padding-top:20px} #footer .bottom-left {width:300px;float:left;_display:inline} #socialmedia {float:right;display:inline;height: 25px} #socialmedia .smo-title {float: left;color: #fff;font-size: 1.5em; margin: auto 10px auto 0;line-height: 38px} #socialmedia img {margin:0 10px 0 0} #socialmedia img.instagram {margin:0} #socialmedia img.tripadvisor {width:38px} #socialmedia a {float:left;_display:inline;display:block} .loggedIn #socialmedia a {clear:both} #socialmedia a:hover .default-icon, #socialmedia .hover-icon {display:none} #socialmedia a:hover .hover-icon {display:block} #copyright {margin:0} #bottom-logos {float:right;_display:inline;margin:0 25px} #bottom-logos li {float:left} .mobile-pager {display:none} #socialmedia a:hover i {text-decoration: none;color: #000000} #socialmedia a:hover {background: #edebf0; border-color: #edebf0; transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s} /* OVERRITE DEFAULT FANCYBOX STYLES */ a#fancybox-close, span#fancybox-left-ico, span#fancybox-right-ico {background:url("../images/bg-sprite.png") -162px 0 no-repeat;width:22px;height:22px} span#fancybox-left-ico, span#fancybox-right-ico {width:28px;height:28px} a#fancybox-close {left:8px;top:auto;bottom:7px} a#fancybox-left {left:0} a#fancybox-right {right:0} #fancybox-content {border-bottom:35px solid #fff !important} a#fancybox-left span#fancybox-left-ico {background-position:-201px 0;right:auto;left:10px} a#fancybox-right span#fancybox-right-ico {background-position:-235px 0;left:auto;right:10px} #fancybox-title {bottom:20px;left:40px !important} #fancybox-title tr td {background:none;font-size: 1.4em;font-weight: normal;color:#333} .txt-footer{text-align: left} #btm-logo a img { width: 120px} /*************** templates/main/css/global.mediaquery.css ***************/ /* Large desktop */ @media(min-width: 1280px) { #availability-wrapper, #header-wrapper {width:1214px;padding:0 14px} #branding {top: 20px; display: block; overflow: hidden; height: 70px} #branding a {height: 100%; display: block} #btm-logo{text-align: right;margin-top:30px;} #holder {width:1214px;padding:0 14px} #footer {width:1282px;padding:0} #footer .section {width:100%;padding:0 14px} #footer .top-section {padding:10px 14px 2px} #footer .bottom-section {padding:20px 0px 20px 0px}} /* Portrait Tablet to Landscape and Desktop */ @media (min-width: 768px) and (max-width: 1023px) { #footer-menu{float: none;display: table;margin: auto} #socialmedia { float: none; display: table;height: 25px;margin: 20px auto} #primary_nav_wrap ul{right:0px} #primary_nav_wrap ul a{font-size: 14.5px} .ipad, .mobile, #main-content .moduleOutput .ipad {display:block} .non-ipad, .mobile, #main-content .moduleOutput .non-ipad {display:none} h1 {font-size:2.05em} #btm-logo{text-align: right; margin-top: 10px; } #header-wrapper, #footer {width:100%} #c,#time{padding-top: 13px} #line{padding-top: 3px} #header-wrapper .top-section {/*width:560px;*/ margin:0 10px 0 0} #holder {width:718px} #branding {left:0} #branding img {/*width:100%;*/ height:100%} #languages {right:220px; /*Edit*/} #main-menu ul, #top-menu ul {margin:0} #top-menu ul .item1 a {padding-left:5px} #main-menu {top:76px;left:auto;right:0} #main-menu li a.last {padding-right:10px} #availability-wrapper {float:left} #availability-wrapper, #availability-checker {width:100%;top: 45px} #availability-checker {top:65px;left:0;padding:0} #availability-checker .best-price, #availability-checker .booking-form {width:auto;padding:10px 0px 0px 0px;margin:0 auto;display: table} #availability-checker .best-price {float:none;padding:0 10px;height: 80px} #availability-checker h2 {font-size:1.25em;padding:12px 0} #availability-checker input {float: left;width: 90%} #availability-checker .date label, #availability-checker .promo label, #availability-checker .choose label {padding:4px 3px;font-size:0.9em;margin:0} #availability-checker .date label {padding-left: 0;position: relative;float: left;width: 100%} #availability-checker .promo {width:130px} #availability-checker .promo input {width:100px;height: 23px} #availability-checker .choose {width: 85px;margin: 0;float: left;position: relative} #availability-checker .choose .selector {width: 70px !important;right: 0;position: relative} #availability-checker .promo label{margin-top: 2px} #availability-checker .date{width: 125px} #availability-checker .go {width:105px;padding: 12px 0;margin-top: 8px;position: relative} #availability-checker .modify-booking {width: 145px;/* margin-top: 25px; */ float: right;margin-right: 15px;font-size: 0.8em} .best-price .rate-section {width:100%;background:none;padding: 0;margin: 0} .best-price .rate-section.best-rate {/*background:url("../../../templates/main/images/rate-bg.png") no-repeat right 0;*/} .best-price .rate-section h3 {} .best-price .rate-section .rate {padding:8px 0;line-height:20px;margin: 0 0 0 10px} .best-price .arrow {margin-top:3px} .best-price .rate-section h3, .best-price .rate-section .from {float:left;line-height:20px;padding:10px 0} .best-price .rate-section .from {font-size:1.3em;padding:10px 5px} .best-price .rate-guaranteed {width: 150px;clear: both;float: right;margin: 0 0 10px} #bottom-logos {margin:0 8px 0 25px} #bottom-logos img {width:80%;height:auto} #footer #bottom-logos li {margin:0 -9px}} /* Landscape Phone to Portrait Tablet */ @media (max-width: 767px) { #alltour img{ width: auto;height: 100%} .txt-footer{text-align: center} .non-mobile, #main-content .moduleOutput .non-mobile {display:none !important} .mobile, #main-content .moduleOutput .mobile {display:block} div#holder, #header-wrapper, #availability-wrapper, #mobile-menu-wrapper, #header-wrapper .top-section, #footer {width:100%} #alltour{ height:200px !important; } h4.cms-h3-10.offer-home,.seven.columns h4,.five.columns h4{margin: 30px 0 20px} .seven.columns h4{ font-size: 1.8em} #header {height:auto;position:relative;float:left;background:#011322} #branding, #branding img {/*width:100%;height:100%;*/} #branding img {visibility: hidden} #branding {top: 0 !important; position: relative; margin: 0 auto; padding: 10px; background: url(../images/logo-w.png) no-repeat center/90%; border-bottom: solid 1px #929292; text-align: center;float: none !important} #branding a {height: 100%; display: block} #btm-logo{text-align: center} #mobile-menu-wrapper {text-align:center;margin-top: 30px} .menu-icon {/* width: 150px; */ height: 40px;line-height: 38px;margin: 0 auto;display: inline-block;padding:0 0 0 0;/*background:url("../images/bg-sprite.png") no-repeat right -538px;*/ color:#fff;cursor:pointer;font-size: 1.2em;text-transform: uppercase} #header-wrapper .top-section {height:auto;background:#3a3a3a;display:none} #top-menu {width:320px;float:none;margin:12px auto} .menu li, .menu ul {padding:0;margin:0;text-align:center} #top-menu li {float:none;padding:5px 0;display:inline-block} #top-menu li a {padding:0 8px;display:block;line-height:13px;border-right:1px solid #dddad8;font-size:1.1em;color:#dddad8} #top-menu li:hover a, #top-menu li.active a {color:#626262} #top-menu li.contactus a, #top-menu li.guestreviews a {border:none} #top-menu li.guestreviews {width:160px} #mobile-menu {width:100%;float:left;margin:0 0 10px} #mobile-menu li {width:100%;margin:1px 0} #mobile-menu li:hover, #mobile-menu li.active, #mobile-menu li.active-under {background:#444444} #mobile-menu li a {display:block;padding:5px 0 4px;font-size:1.1em;color:#e4e4e4} #header-wrapper .top-right-section {width:290px;height:45px;float:none;margin:0 auto 15px;background:url("../images/bg-sprite.png") no-repeat left -557px} #languages {width: 70px;top: 105px;right: auto;left: auto;margin-left: 44%} /* #languages li.last{width:50px;background:red} */ #time span, #languages li a, #weather .weather-tempC {color:#eeeeee} #weather .weather-tempC {width:25px} #languages li.active a {color:#626262} #languages li.item1 {border-right:1px solid #eeeeee} #availability-wrapper {float:left} a.availability-button {line-height:20px;padding:10px 0} #holder-wrapper {padding:0 0 30px} div#main-visual, div#main-visual .slideshow, .no-tabs div#main-visual {height:auto;/*margin-top:-30px;*/} div#main-visual .slideshow, div#main-visual .slideshow .slide {width:100%;height: auto} div#main-visual .slideshow .slide {margin:0} #main-content .content-section p {margin-top:0} #main-content .content-link, #main-content .extra-content-link {float:left;display:block;padding:0 28px 0 0;overflow: hidden;cursor:pointer;background:url("../images/bg-sprite.png") no-repeat right -193px;text-transform:uppercase;color:#021322;white-space:nowrap} #main-content .intro-readless, #main-content .right-intro-readless {display:none;background-position:right -175px} #footer-menu {width:100%;margin:30px 0 0} #menu-footer-menu {margin: auto !important; width: 90%} #footer-menu li {padding:5px 0 4px;font-size:1.1em;text-align:center} #socialmedia {width:100%;position:absolute;top:10px;left:0;right:0;margin:0 auto;text-align: center} #socialmedia a, #socialmedia .smo-title {float: none;display: inline-block} #footer .bottom-left {width:100%;padding:0;margin:42px 0 0;text-align:center} #bottom-logos {/*width:280px;*/ width: 160px;top:10px;left:0;right:0;position:absolute;margin:0 auto} #footer #bottom-logos li {margin:0 4px} #footer #bottom-logos li.logo_music {margin:-5px -18px} #bottom-logos img {width:70px;height:auto} #bottom-logos img.music {width:50px}} /*************** 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.checker span, div.radio span, div.uploader, div.uploader span.action {background-image: url("../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/libs/jquery/jquery-datepicker/smoothness/jquery-ui-1.10.4.custom.css ***************/ /*! jQuery UI - v1.10.4 - 2014-03-05 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.2em&cornerRadius=0px&bgColorHeader=%23021322&bgTextureHeader=highlight_soft&bgImgOpacityHeader=0&borderColorHeader=%239e8056&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23e5e4df&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23021322&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23ffffff&bgTextureDefault=glass&bgImgOpacityDefault=0&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23ffffff&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%239e8056&fcHover=%239e8056&iconColorHover=%239e8056&bgColorActive=%23021322&bgTextureActive=glass&bgImgOpacityActive=0&borderColorActive=%239e8056&fcActive=%23ffffff&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .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; /* support: IE7 */} .ui-helper-zfix {width: 100%;height: 100%;top: 0;left: 0;position: absolute;opacity: 0;filter:Alpha(Opacity=0)} .ui-front {z-index: 100} /* Interaction Cues ----------------------------------*/ .ui-state-disabled {cursor: default !important} /* Icons ----------------------------------*/ /* states and images */ .ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat} /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%} .ui-datepicker {/*width: 17em;*/ padding: .2em .2em 0;display: none} .ui-datepicker .ui-datepicker-header {position: relative;padding: .8em 0;height: 30px;background: rgba(2,19,34,1)} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute;top: 2px;width: 1.8em;height: 1.8em;padding: 13px} .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-current-day{background: rgba(2,19,34,1)} .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;font-size: 12px} .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: 49%} .ui-datepicker table {width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em;border: none;background-color: #eee} .ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: none;width: 40px;min-width: 40px} .ui-datepicker td {border: 0;padding: 1px;height: 38px} .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} /* with multiple calendars */ .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} /* RTL support */ .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} /* Component containers ----------------------------------*/ .ui-widget {font-family: "open_sansregular", Helvetica, sans-serif;font-size: 1.2em} .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 #021322;*/ background: #fff;color: #222222} .ui-widget-content a {color: #222222} .ui-widget-header {/*border: 1px solid #021322;background: #021322 url("../images/ui-bg_highlight-soft_0_021322_1x100.png") 50% 50% repeat-x;*/ color: #ffffff;font-weight: bold} .ui-widget-header a {color: #ffffff} /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {font-weight: normal;color: #555555;text-align: center;border: none !important;background: transparent !important} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #555555;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 #021322;background: #ffffff url("../images/ui-bg_glass_75_ffffff_1x400.png") 50% 50% repeat-x;font-weight: normal;color: #021322} .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: #9e8056;text-decoration: none} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 1px solid #9e8056;background: #021322 url("../images/ui-bg_glass_0_021322_1x400.png") 50% 50% repeat-x;font-weight: normal;color: #ffffff} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #ffffff;text-decoration: none} /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fff;background: rgba(2,19,34,1);color: #ffffff !important} .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("../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 {background: transparent} .ui-state-disabled .ui-icon {filter:Alpha(Opacity=35); /* For IE8 - See #6059 */} /* Icons ----------------------------------*/ /* states and images */ .ui-icon {width: 16px;height: 16px} .ui-icon, .ui-widget-content .ui-icon {background-image: url("../images/ui-icons_888888_256x240.png")} .ui-widget-header .ui-icon {background-image: url("../images/ui-icons_ffffff_256x240.png")} .ui-state-default .ui-icon {background-image: url("../images/ui-icons_888888_256x240.png")} .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("../images/ui-icons_9e8056_256x240.png")} .ui-state-active .ui-icon {background-image: url("../images/ui-icons_454545_256x240.png")} .ui-state-highlight .ui-icon {background-image: url("../images/ui-icons_2e83ff_256x240.png")} .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("../images/ui-icons_cd0a0a_256x240.png")} /* positioning */ .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 is deprecated, use ui-icon-seek-start instead */ .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} /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius: 0px} .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius: 0px} .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 0px} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 0px} /* Overlays */ .ui-widget-overlay {background: #aaaaaa url("../images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity: .3;filter: Alpha(Opacity=30)} .ui-widget-shadow {margin: -8px 0 0 -8px;padding: 8px;background: #aaaaaa url("../images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity: .3;filter: Alpha(Opacity=30);border-radius: 8px} a.readmore {padding: 2px 15px 2px 5px;border: 1px solid #021322;background: url("../../../templates/main/images/bg-sprite.png") no-repeat right -110px #fff} #footer-wrapper p {color:#fff;font-size: 1.5em} #footer-wrapper a {color: #6F6F6F} .offer-content a.read-more:link {color:rgb(58,58,58)} .amenity{ padding-left: 30px !important; } .input-style {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #666666;color: #666666;font-size: 12px; height: 25px; margin: 5px 0px;line-height: 12px;padding: 3px;width: 350px} .txtarea-style{width: 350px;height: 100px} .txt-left p {font-size: 16px;line-height: 20px;margin: 7px 0px} .form-wrap select {background: rgba(2,19,34,1);border-bottom: 1px solid #CACACA;border-top: 1px solid #CACACA;color: #FFFFFF;font-size: 12px;font-weight: bold;height: 35px;line-height: 12px;margin: 0;padding: 6px 3px;width: 350px} .form-wrap .btn-submit {background: none repeat scroll 0 0 #1d628c;color: #FFFFFF;font-size: 12px;font-weight: bold;height: 29px;line-height: 12px;margin: 0;padding: 6px 3px;width: 70px;border-radius: 5px} .btn-book{} .btn-book a{background: none repeat scroll 0 0 #1d628c;color: #FFFFFF;float: right;padding: 5px;border-radius: 3px;margin-top: -50px} .form-wrap .btn-reset {background: none repeat scroll 0 0 #CCCCCC;color: #FFFFFF;font-size: 12px;font-weight: bold;height: 29px;line-height: 12px;margin: 0;padding: 6px 3px;width: 70px;border-radius: 5px} .offer-box{background: #eee;padding: 20px 30px;margin-bottom: 15px} .offer-box ul{padding-left: 20px;list-style: circle} .offer-box table{} .offer-box table td{border:1px solid #eee} .offer-box table th{border:1px solid #eee} .btn-gal{display: inline-block;padding: 5px 10px 0px 10px;margin-bottom: 0;font-size: 16px;line-height: 22px;text-align: center;vertical-align: middle;cursor: pointer;background-color: #f3f3f3;color: #021322;border: 0px solid #cccccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} #vertical-ticker{height: 240px;overflow:hidden;margin-top:50px;padding:0;/*-webkit-box-shadow:0 1px 3px rgba(0,0,0, .4);*/} #vertical-ticker li{padding: 18px 0px 0px 0px;display: block;height: 60px;border-bottom: 1px solid #ddd;text-align: center;font-size: 16px} #vertical-ticker li a{color: #000} .shortcuts li a{color:#000000} /*Initialize*/ ul#menu, ul#menu ul.sub-menu {padding:0; margin: 0} ul#menu li{list-style-type: none; display: inline-block} ul#menu ul.sub-menu li {list-style-type: none; display: inline-block;border-bottom: 1px solid #595959;width:100%} /*Link Appearance*/ ul#menu li a{text-decoration: none; padding: 5px; display:inline-block} ul#menu li ul.sub-menu li a {text-decoration: none; padding: 5px; display:inline-block} /*Make the parent of sub-menu relative*/ ul#menu li {position: relative} /*sub menu*/ ul#menu li ul.sub-menu {display:none; position: absolute; padding: 5px 5px; margin-top: 7px; left: 0; width: 155px; height: auto} ul#menu li:hover ul.sub-menu {display:block} #product_address {width: 300px;height: auto;/*height:20px;margin-top:20px;*/ position: relative;margin-top: 5px} .product-left {width: 30%;float: left;padding: 5px} .product-right {width: 70%;float: left;padding: 5px} .product-right h4 {font-size: 14px!important;line-height:100%;margin: 0px 0px!important;color: #1A2A37} .product-right p {font-size: 10px;line-height:12px} .arrow-slide{position: absolute;z-index: 9;top: 300px;width: 100%} .arrow-slide #prev{float: left} .arrow-slide #next{float:right} .cms-content-10 ul{margin-left: 5%;float: left;list-style: circle} .offer-rotator{margin-top: 50px} #wcl_celsius {margin-top: 13px; color: #ffffff} .offer-content.item-title-container{ background: rgb(2, 6, 10); } #socialmedia a { display: flex; padding: 0 !important; justify-content: center; align-items: center; } #socialmedia img { width: 15px; filter: brightness(0) saturate(100%) invert(41%) sepia(6%) saturate(6%) hue-rotate(358deg) brightness(102%) contrast(87%); margin: 0 0px 0 0; } @media screen and (max-width:1023px){ #availability-checker .best-price, #availability-checker .booking-form{ display:block; } #availability-checker h2{ line-height:1.3; } #availability-checker div.choose label{ margin-top:0; } #availability-checker .date{ width:20%; } #availability-checker .date input{ width: calc(100% - 10px); } #availability-checker .choose{ width:13%; } #availability-checker .choose .selector{ width: calc(100% - 10px) !important; } #availability-checker .promo{ width:15%; } #availability-checker .promo label{ margin-top: 18px; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s; } #availability-checker .promo label.active{ margin-top:2px; font-size: 9px; } #availability-checker .promo input{ height:25px; width: calc(100% - 10px) !important; } #availability-checker .go{ width:19%; padding: 5px 0; margin-top: 21px; } #primary_nav_wrap ul a{ font-size:16px; } #btm-logo a img{ width:100%; } } @media screen and (max-width:1023px){ #availability-checker .promo label{} } @media screen and (max-width:767px){ #socialmedia { display: flex; text-align: center; justify-content: center; } #footer #socialmedia a { margin: 0 5px; } #footer .top-section { margin-top: 10px; } }