/* layout */
html { background:url(../images/loading.svg) 50% 60% no-repeat; height:100%; }
#main { background:#fff; display:none; margin-top:10vh; }
@media screen and (max-width:767px) {
#main { margin-top:16vh; }
}
#downarrow { position:fixed; bottom:0; left:0; right:0; height:40px; background:#fff url(../images/downarrow.png) 50% 0 no-repeat; box-shadow:0 0 50px 50px #fff; cursor:pointer; }
/* breadcrumbs */
.breadcrumbs { background:#eee; padding:2vh 0; position:fixed; left:0; top:0; right:0; z-index:1000; }
.breadcrumbs__crumb { display:block; background:#ccc; color:#fff; text-transform:uppercase; font-size:1.9vh; }
.breadcrumbs__crumb:hover { background:#3FBFB0; color:#fff; text-decoration:none; }
.breadcrumbs__crumb_active { background:#333; }
.breadcrumbs__crumb span { display:block; background:url(../images/breadcrumbs_mask.png) 100% 50% repeat-y; line-height:6vh; padding:0 10px; background-size:contain; }
/* step 1 - search */
.step1buttons { }
.step1buttons__button { display:block; margin-top:2vh; background:#3FBFB0; color:#333; text-align:center; text-transform:uppercase; font-size:4vmax; font-weight:bold; text-decoration:none !important; }
.step1buttons__button_accom { background:url(../images/step1_accom.png) no-repeat; background-size:cover; }
.step1buttons__button_tours { background:url(../images/step1_tours.png) no-repeat; background-size:cover; }
.step1buttons__button_events { background:url(../images/step1_events.png) no-repeat; background-size:cover; }
.step1buttons__button_carhire { background:url(../images/step1_carhire.png) no-repeat; background-size:cover; }
.step1buttons__button_packages { background:url(../images/step1_packages.png) no-repeat; background-size:cover; }
.step1buttons__button span { display:block; padding:9vh 0; }
.step1buttons__button span:hover { background:#3FBFB0; background:rgba(63, 191, 176, 0.75); color:#fff; }
/* step 2 - date */
.step2buttons { }
.step2buttons__button { display:block; margin-top:2vh; background:#3FBFB0; color:#333; text-align:center; text-transform:uppercase; font-size:6.5vh; font-weight:bold; text-decoration:none !important; }
.step2buttons__button_today { background:url(../images/step2_today.png) no-repeat; background-size:cover; }
.step2buttons__button_tomorrow { background:url(../images/step2_tomorrow.png) no-repeat; background-size:cover; }
.step2buttons__button_choose { background:url(../images/step2_choose.png) no-repeat; background-size:cover; }
.step2buttons__button span { display:block; padding:9vh 0; }
.step2buttons__button span:hover { background:#3FBFB0; background:rgba(63, 191, 176, 0.5); color:#fff; }
#bootstrap-datepicker li { list-style:none; }
#datepicker-selected-date { text-align:center; background:#e9e9e9; padding:10px 0; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; margin-top:15px; font-weight:bold; }
#datepicker-continue { text-align:center; padding:10px 0 30px 0; }
/* step 3 - results */
.step3-results { }
.step3-results.results-loaded { padding-bottom:200px; }
.step3-results .search-gadget.BE .infants { display:none !important; }
.BE .im-grid table td { cursor:pointer; }
.BE .embedded-search { background:#3FBFB0; }
.BE .embedded-search .search-gadget.container { color:#fff; border:none; padding:3vh 15px; }
.BE .embedded-search .spinner { display:none !important; }
.BE .embedded-search .search-gadget.BE .showHideRefineTools { position:static; float:left; width:11vw; width:11%; text-align:center; margin-top:3vh; margin-right:2.1%; }
.BE .embedded-search .search-gadget.BE .showHideRefineTools a { border:none; background:#038172; color:#fff; height:6.9vh; font-size:1.5vw; line-height:6.0vh; padding:3px; overflow:hidden; text-transform:uppercase; display:block; font-weight:bold; }
.BE .embedded-search .search-gadget.BE .showHideMap { position:static; float:left; width:11vw; width:11%; text-align:center; margin-top:3vh; }
.BE .embedded-search .search-gadget.BE .showHideMap a { border:none; background:#FB535F; color:#fff; height:6.9vh; font-size:1.5vw; line-height:6.0vh; padding:3px; overflow:hidden; text-transform:uppercase; display:block; font-weight:bold; }
.BE .tabs-group,
.BE .im-grid table td.label,
.BE .im-grid table td.date,
.BE .im-grid table td.price,
.BE .im-grid table td.total .type_aaa,
.BE .im-grid table td.total .type_self { display:none; }
.BE .search-gadget.BE .product { display:none !important; }
.BE .search-gadget.BE > div { width:13%; }
.BE .search-gadget.BE .date { width:28.1%; }
.BE .search-gadget.BE .refineTools { width:auto; }
.BE .search-gadget.BE .refineTools > div { width:13%; margin-right:2.1%; }
.BE .search-gadget.BE .refineTools .sortBy { width:24%; margin-right:0; }
.BE .search-gadget.BE .refineTools .sortBy .byWhich { width:46%; margin-right:8% !important; }
.BE .search-gadget.BE .refineTools .sortBy .byOrder { width:46%; margin-right:0 !important; }
.BE .search-gadget.BE select { border:none !important; width:100% !important; }
.BE .search-gadget.BE span.input select { background-size:15%; }
.BE .search-gadget.BE .label { color:#333; font-size:1.1em; line-height:3vh; margin:0 !important; padding:0; font-weight:normal; text-align:left; border-radius:0; }
.BE .search-gadget.BE .input { background:#A0FBF0; width:10vw; width:100%; height:6.9vh; line-height:6.9vh; padding:0 10px; font-size:2.8vh; font-weight:bold; color:#333; }
.BE .search-gadget.BE .date .input { border:none; width:25vw; width:100%; height:6.9vh; line-height:6.9vh; padding:0 10px; }
.BE .search-gadget.BE .date .input .pseudo { background:none; height:6.9vh; line-height:6.9vh; padding:0px 0; font-size:2.8vh; font-weight:bold; }
.BE .search-gadget.BE div.refineTools div.nameFilter input,
.BE .search-gadget.BE div.refineTools div.maxPrice input { border:none; background:transparent; color:#333; }
.search-gadget.BE .product, .search-gadget.BE .date, .search-gadget.BE .period, .search-gadget.BE .adults,
.search-gadget.BE .children, .search-gadget.BE .infants, .search-gadget.BE .concessions, .search-gadget.BE .students,
.search-gadget.BE .observers, .search-gadget.BE .family { /*margin-right:2vw !important;*/ margin-right:2.1% !important; }
div.region-gadget.BE div.im-grid div.type-group table tbody tr td.total .im-btn span.price { display: block; width: auto !important; margin: 0px auto 5px;padding: 0.3em 0.5em 0.2em; border: 1px solid #AAA; }
div.region-gadget.BE div.im-grid div.type-group table tbody tr td.total .im-btn span.price span { width: auto !important; }
div.region-gadget.BE div.im-grid div.type-group table tbody tr td.total .im-btn span.book { display: block; font-size: 66.6%; font-weight: bold; white-space: nowrap; margin-bottom: 0.2em; }
div.region-gadget.BE div.im-grid div.type-group table tbody tr td.total .im-btn span.price span { width: auto !important; }
#results .map-container,
#results .map-container .product-list,
#results .map-container .map-window { height:74vh; }
#results .region-gadget.BE div.im-grid .container { width:auto; padding:0; }
#results .region-gadget.BE div.im-grid div.type-group table tr { display:block; width:100%; clear:both; border:none; }
#results .region-gadget.BE div.im-grid div.type-group table thead tr { height:60px; text-transform:uppercase; }
#results .region-gadget.BE div.im-grid div.type-group table tbody tr.instant-confirmation { display: table-row; height:100px; }
#results .region-gadget.BE div.im-grid div.type-group table tbody tr { display:none; }
#results .region-gadget.BE div.im-grid div.type-group table tbody tr:nth-child(even) { background:#EBEBEB; }
#results .region-gadget.BE div.im-grid div.type-group table tbody tr.inline-header { display:none; }
#results .region-gadget.BE div.im-grid div.type-group table tr td { display:block; float:left; padding:12px 0; background:transparent; }
#results .region-gadget.BE div.im-grid div.type-group table tr td.property { position:relative; width:70%; }
#results .region-gadget.BE div.im-grid div.type-group table tr td.total { position:relative; width:30%; text-align:center; }
#results .region-gadget.BE div.im-grid div.type-group table tr td.label,
#results .region-gadget.BE div.im-grid div.type-group table tr td.date,
#results .region-gadget.BE div.im-grid div.type-group table tr td.price { display:none; }
@media screen and (max-width:767px) {
#results .region-gadget.BE div.im-grid div.type-group table tr { padding:0 15px; }
}
@media screen and (min-width:768px) {
/* container width: 750px */
#results .region-gadget.BE div.im-grid div.type-group table tr td.property { left:50%; margin-left:-360px; width:470px; /*NOTE: 360 = ((750 / 2) - 15) */}
#results .region-gadget.BE div.im-grid div.type-group table tr td.total { position:absolute; left:50%; margin-left:180px; width:180px; /*NOTE: (180 + 180) = 360 */}
}
@media screen and (min-width:992px) {
/* container width: 970px */
#results .region-gadget.BE div.im-grid div.type-group table tr td.property { left:50%; margin-left:-470px; width:650px; /*NOTE: 470 = ((970 / 2) - 15) */}
#results .region-gadget.BE div.im-grid div.type-group table tr td.total { position:absolute; left:50%; margin-left:250px; width:220px; /*NOTE: (250 + 220) = 470 */}
}
@media screen and (min-width:1200px) {
/* container width: 1170px */
#results .region-gadget.BE div.im-grid div.type-group table tr td.property { left:50%; margin-left:-570px; width:810px; /*NOTE: 570 = ((1170 / 2) - 15) */}
#results .region-gadget.BE div.im-grid div.type-group table tr td.total { position:absolute; left:50%; margin-left:310px; width:260px; /*NOTE: (310 + 260) = 570 */}
}
#results .im-pricebutton { background:#333; color:#fff; text-transform:uppercase; font-size:170%; line-height:1em; border:none; height:100%; min-height: 77px;}
#results .im-pricebutton-label { font-size:66.6%; line-height:100%; padding-bottom:6px; margin:0; }
#results .im-pricebutton-amount { font-size:150%; line-height:100%; font-weight:bold; margin:0; }
#results .im-pricebutton-amount.characters-7 { font-size:130%; }
#results .map-container .im-pricebutton a { display:block; border:none; text-align:center; font-size:150%; line-height:77px; font-weight:bold; margin:0; padding:0; color:#fff; }
#results .map-container .im-pricebutton-label { line-height:77px; }
#results .region-gadget.BE div.im-grid .property .thumb { border:none; margin:0 16px 0 0; width:130px; height:78px; padding:0; overflow:hidden; }
#results .region-gadget.BE div.im-grid .property .thumb img { width:100%; height:auto; margin-top:-30px; }
#results .region-gadget.BE div.im-grid .property .name { font-size:120%; font-weight:bold; }
#results .region-gadget.BE div.im-grid .property .address { text-transform:uppercase; }
#results .region-gadget.BE div.map-container .map-sidebar-item { padding-left:12px; }
#results .region-gadget.BE div.map-container .map-sidebar-item .name { font-size:120%; font-weight:bold; color:#000; line-height:108%; padding-bottom:8px; }
#results .region-gadget.BE div.map-container .map-sidebar-item .location { text-transform:uppercase; }
.wdDatePicker-Outer { background: #EEE; border-radius: 3px; padding: 8px 15px; box-shadow:3px 3px 10px #000; }
.wdDatePicker-Outer * { box-sizing: content-box; }
.wdDatePicker-Outer select { width:100%; margin:8px 0; font-weight:normal; cursor:pointer; }
.wdDatePicker-Outer th,
.wdDatePicker-Outer td { text-align:right; padding:5px 8px; }
.wdDatePicker-Outer td.selected { background:#333; color:#fff; }
.wdDatePicker-Outer td:hover { background:#fff; color:#333; cursor:pointer; }
.wdDatePicker-Outer i { color:#666; }
#wdDatePicker-chronNav { min-height:21px; }
#wdDatePicker-previous { float:left; cursor:pointer; }
#wdDatePicker-next { float:right; cursor:pointer; }
/* step 4 - details */
.step4-details { padding-bottom:100px; }
.step4-details #wdOverlayContent,
.step4-details #wdOverlayBlockout { display:none !important; }
h1.operatorTitle { color:#3FBFB0; font-weight:bold; font-size:220%; }
div.location { font-size:80%; padding-bottom:20px; }
.operator-gadget .imageContainer { }
.operator-gadget .imageContainer img { width:22.5vw; height:16.01vw; float:left; max-width:25%; max-height:200px; padding-right:0.5vw; padding-bottom:0.5vw; }
/* LARGE IMAGE FORMAT (first image large, then 4 small images, then everything else not displayed)
.operator-gadget .imageContainer img:first-child { width:45vw; height:32vw; max-width:50%; max-height:400px; }
.operator-gadget .imageContainer img:nth-of-type(n+6) { display:none; }
*/
#detailsgadget .details-gadget.BE div.im-grid { border:none; }
#detailsgadget .details-gadget.BE div.im-grid .container { width:auto; padding:0; }
#detailsgadget .details-gadget.BE div.im-grid table tr { display:block; width:100%; clear:both; border:none; }
#detailsgadget .details-gadget.BE div.im-grid table thead tr { height:50px; text-transform:uppercase; }
#detailsgadget .details-gadget.BE div.im-grid table tbody tr { min-height:100px; }
#detailsgadget .details-gadget.BE div.im-grid table tbody tr:after { clear:both; content:""; display: table; }
#detailsgadget .details-gadget.BE div.im-grid table tbody tr:nth-child(even) { background:#EBEBEB; }
#detailsgadget .details-gadget.BE div.im-grid table tbody tr.inline-header { display:none; }
#detailsgadget .details-gadget.BE div.im-grid table tr td { display:block; float:left; padding:12px 0; background:transparent; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.name { position:relative; width:50%; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.name a.more { display:none; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.name .roominfo { float:left; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.name .roomname { line-height:100%; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.name .operatorname { text-transform:uppercase; font-size:90%; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.name .viewmore { background:#3FBFB0; color:#fff; padding:0 10px; line-height:39px; font-size:20px; margin-right:10px; float:left; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.name .specials { float:left; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.name .special { margin:0 10px 0 0; float:left; width:78px; height:39px; background-size:78px 39px; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.name .special.active.LM { background:url(../images/icon-lastminute.png); }
#detailsgadget .details-gadget.BE div.im-grid table tr td.name .special .name { display:none; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.quantity { position:relative; width:20%; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.quantity select { margin-top:20px; -moz-appearance:none; background:#A0FBF0 url(../images/icon-searchgadget-dropdown.png) no-repeat 100% 50%; border:none; height:39px; width:75px; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.total { position:relative; width:30%; text-align:center; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.title,
#detailsgadget .details-gadget.BE div.im-grid table tr td.date,
#detailsgadget .details-gadget.BE div.im-grid table tr td.price { display:none; }
@media screen and (max-width:767px) {
#detailsgadget .details-gadget.BE div.im-grid table tr { padding:0 15px; }
}
@media screen and (min-width:768px) {
/* container width: 750px */
#detailsgadget .details-gadget.BE div.im-grid table tr td.name { left:50%; margin-left:-360px; width:470px; /*NOTE: 360 = ((750 / 2) - 15) */}
#detailsgadget .details-gadget.BE div.im-grid table tr td.quantity { position:absolute; left:50%; margin-left:60px; width:120px; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.total { position:absolute; left:50%; margin-left:180px; width:180px; }
}
@media screen and (min-width:992px) {
/* container width: 970px */
#detailsgadget .details-gadget.BE div.im-grid table tr td.name { left:50%; margin-left:-470px; width:650px; /*NOTE: 470 = ((970 / 2) - 15) */}
#detailsgadget .details-gadget.BE div.im-grid table tr td.quantity { position:absolute; left:50%; margin-left:160px; width:140px; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.total { position:absolute; left:50%; margin-left:300px; width:170px; }
}
@media screen and (min-width:1200px) {
/* container width: 1170px */
#detailsgadget .details-gadget.BE div.im-grid table tr td.name { left:50%; margin-left:-570px; width:810px; /*NOTE: 570 = ((1170 / 2) - 15) */}
#detailsgadget .details-gadget.BE div.im-grid table tr td.quantity { position:absolute; left:50%; margin-left:260px; width:150px; }
#detailsgadget .details-gadget.BE div.im-grid table tr td.total { position:absolute; left:50%; margin-left:410px; width:160px; }
}
#detailsgadget .im-pricebutton { background:#333; color:#fff; text-transform:uppercase; font-size:170%; line-height:1em; border:none; height:100%; min-height: 77px; }
#detailsgadget .im-pricebutton-label { font-size:66.6%; line-height:100%; padding-bottom:6px; margin:0; }
#detailsgadget .im-pricebutton-amount { font-size:150%; line-height:100%; font-weight:bold; margin:0; }
#detailsgadget .im-pricebutton-amount.characters-7 { font-size:130%; }
#detailsgadget .sold-out { font-size: 140%; }
#detailsgadget .details-gadget.BE div.im-grid .name .thumb { border:none; margin:0 16px 0 0; width:130px; height:78px; padding:0; overflow:hidden; }
#detailsgadget .details-gadget.BE div.im-grid .name .thumb img { width:100%; height:auto; margin-top:-30px; }
#detailsgadget .details-gadget.BE div.im-grid .name a:first-child { font-size:120%; font-weight:bold; }
#detailsgadget .details-gadget.BE div.im-grid .name .address { text-transform:uppercase; }
#detailsdesc { max-height:500px; overflow:hidden; margin-bottom:28px; }
.details-gadget-difference { font-size:150%; color:#3FBFB0; line-height:110%; padding:50px 0; padding:28px 0; }
.directions h2,
.details-gadget-rooms h2,
.details-gadget-description > h2,
.details-gadget-cancellation > h2 { display:none; }
.details-gadget-facilities ul { margin:0; padding:0; list-style-type:none; }
.details-gadget-facilities li { margin:4px 0; padding:2px 8px; display:block; background:#A0FBF0; color:#333; font-size:80%; border-radius:3px; float:right; clear:both; }
.details-gadget-facilities li { background:#eee url(../images/tick-6.png) 0px 50% no-repeat; background-size:26px; padding-left:25px; border:solid 1px #ddd; border-radius:6px; float:left; clear:none; font-size:85%; margin:5px; }
#map_inner2,
#map_canvas { width:100%; height:400px; }
.rooms-left { margin-right: 2em; margin-bottom: 2em; }
.rooms-left img { width:200px; }
.panel-group .panel { border-radius:4px; border-color:#3FBFB0; }
.panel-default > .panel-heading { background:#3FBFB0; color:#fff; border-radius:4px; text-transform:uppercase; cursor:pointer; padding:0; }
.panel-title { font-weight:bold; display:block; }
.panel-title a { display:block; padding:10px 15px; }
.panel-body { border:none !important; }
/* step 5 - book */
#bookgadget h3 { text-transform:uppercase; font-size:20px; font-weight:bold; }
#bookgadget .BE { font-family:inherit; }
#bookgadget .BE .shopping-cart { float:left; width:38%; border:none; min-height:100px; margin-top:30px; }
#bookgadget .BE .cartItems { border:none; padding:0; min-height:100px; }
#bookgadget .BE .cartItems .item { background:#A0FBF0; padding:10px 150px 10px 15px; }
#bookgadget .BE .cartItems .total { position:static; border:none; }
#bookgadget .BE .cartItems .name { background:none; padding:0; }
#bookgadget .BE .cartItems .name a { color:#333; font-size:20px; font-weight:bold; line-height:125%; }
#bookgadget .BE .cartItems .operator { padding:0; color:#333; text-transform:uppercase; padding-bottom:16px; }
#bookgadget .BE .cartItems .price label { font-size:24px; font-weight:normal; }
#bookgadget .BE .cartItems .date-nights { padding:0; color:#333; }
#bookgadget .BE .cartItems .date-nights label { font-weight:normal; }
#bookgadget .BE .cartItems .date-nights span { font-weight:bold; }
#bookgadget .BE .personalDetails,
#bookgadget .BE .ccDetails { float:right; width:58.5%; background:#3FBFB0; border-radius:0; border:none; min-height:100px; margin-top:30px; padding:18px; position:relative; }
#bookgadget .BE .ccDetails { display:none; }
.personalDetails .address,
.personalDetails .city,
.personalDetails .state,
.personalDetails .postcode,
.personalDetails .country,
.personalDetails .comment,
.personalDetails .WhereDidYouHearId,
.personalDetails .event-tracking,
.personalDetails .receiveENewsletter { display:none; }
#bookgadget .BE .personalDetails .button a,
#bookgadget .BE .ccDetails .button a { position:absolute; top:10px; right:10px; background:#333; color:#fff; text-transform:uppercase; padding:5px 25px; border:none; border-radius:0; width:auto; margin:0; height:auto; line-height:100%; text-decoration:none; }
#bookgadget .BE .personalDetails label { display:block; width:100%; font-weight:normal; margin:0; padding:10px 0 2px 0; }
#bookgadget .BE .personalDetails select { width:100%; -moz-appearance:none; background:#A0FBF0 url(../images/icon-down.png) 97% 50% no-repeat; border:none; height:39px; }
#bookgadget .BE .personalDetails input { width:100%; -moz-appearance:none; background:#A0FBF0; border:none; height:39px; }
#bookgadget .BE .personalDetails .acceptCancellationPolicy input { width:35px; height:35px; position:static; }
.personalDetails .salutation { float:left; width:26%; }
.personalDetails .firstname { float:right; width:72%; }
.personalDetails .surname { float:left; width:56%; clear:both; }
.personalDetails .phone { float:right; width:42%; }
.personalDetails .email { clear:both; }
#bookgadget .BE .BE_error span.validationError { padding:0 8px; background:#990000; color:#fff; }
#bookgadget .BE .ccDetails label { display:block; width:100%; font-weight:normal; margin:0; padding:10px 0 2px 0; }
#bookgadget .BE .ccDetails select { width:49.5%; -moz-appearance:none; background:#A0FBF0 url(../images/icon-down.png) 97% 50% no-repeat; border:none; height:39px; }
#bookgadget .BE .ccDetails input { width:100%; -moz-appearance:none; background:#A0FBF0; border:none; height:39px; }
#bookgadget .BE .ccDetails .cardTypes { margin-top:-50px; margin-left:250px; }
/* step 6 - confirm */
#confirmgadget { display:none; }
.step6-confirm { padding-top:50px; }
.step6-confirm h1 { color:#3FBFB0; font-size:27px; margin:30px auto; padding:0; text-align:center; max-width:750px; }
.step6-confirm h2 { color:#333; font-size:27px; margin:50px auto; padding:0; text-align:center; max-width:750px; }
.step6-confirm p { color:#333; font-size:42px; margin:50px 0; padding:0; text-align:center; line-height:130%; }
.step6-confirm p a { color:#3FBFB0; text-decoration:underline; text-transform:uppercase; }
.clear { clear: both; }