/* search gadget styling */ #main div.search-gadget.BE span.input select {background: transparent;border: 0;border-radius: 0;color:#969696;font-size: 16px;font-weight:normal;line-height: 1;height: 30px;padding:5px 20px;-webkit-appearance: none;width:117%;margin-right:5px;} #main div.search-gadget.BE span.input {background: url(../images/gadget-arrow-box.png) no-repeat right 50% #fff;display:block;height: 30px;overflow: hidden;width: 90%;} #main div.search-gadget.BE div.button span.input {background:transparent;width:100%;height:auto;margin-top:10px;} #main div.search-gadget.BE div.date span.input, #main div.search-gadget.BE div.maxPrice span.input, #main div.search-gadget.BE div.nameFilter span.input{background:#FFF;border:0;border-radius:0;} #main div.search-gadget.BE div.maxPrice span.input input, #main div.search-gadget.BE div.nameFilter span.input input {background:#FFF;border:0;height: 30px;padding:0 5px;} /* sidebar gadget */ .left-top div.sidebar-gadget.module {background:#00693f;padding:0;margin:0;border:0; } .left-top div.sidebar-gadget.module > div {padding:0;} #main div.sidebar-gadget a {text-decoration: none;} #main div.sidebar-gadget h2 {color: #FFF;font-size: 22pt;padding: 10px 0 20px 0;text-align: center;} #main div.sidebar-gadget #searchGadget {background-color: #47b551;} #main div.sidebar-gadget div.search-gadget.BE {background:transparent; border: 0 none;border-radius: 0;box-shadow: none;padding: 20px;color:#969696;} #main div.sidebar-gadget div.search-gadget.BE {background:transparent;} #main div.sidebar-gadget div.search-gadget.BE a:hover {text-decoration:none;} #main div.sidebar-gadget div.search-gadget.BE div.hybridTabs {background-color:transparent;height:35px;padding:0;top:-35px;width:100%;} #main div.sidebar-gadget div.search-gadget.BE div.hybridTabs a.tab {background:transparent;border:none;font-family:'Alternate Gothic','Verdana',sans-serif;height:35px;margin: 0;padding:10px 0 0 0;width: 49%;text-align:center;text-transform: uppercase;} #main div.sidebar-gadget div.search-gadget.BE div.hybridTabs a.tab:hover {text-decoration: none;} #main div.sidebar-gadget div.search-gadget.BE div.hybridTabs a.tab.accom {width:63%;} #main div.sidebar-gadget div.search-gadget.BE div.hybridTabs a.tab.tours {width:35%;} #main div.sidebar-gadget div.search-gadget.BE div.hybridTabs a.tab span { color: #fff;font-size: 16pt;padding: 10px;letter-spacing:1px;} #main div.sidebar-gadget div.search-gadget.BE div.hybridTabs a.tab.current {background-color:#47b551;} #main div.sidebar-gadget div.search-gadget.BE span.label {width:100%;color:#FFF;font-weight:normal;text-align:left;} #main div.sidebar-gadget div.search-gadget.BE span.input select, #main div.sidebar-gadget div.search-gadget.BE span.input input {color:#969696;} #main div.sidebar-gadget div.search-gadget.BE div.date span.label { width:100%; } #main div.sidebar-gadget div.search-gadget.BE div.date span.input { width:auto; } #main div.sidebar-gadget div.search-gadget.BE div.date span.input span.pseudo {height:30px;padding:5px 0; background: transparent url('../images/gadget-calendar.png') no-repeat right 0;width:100%;} #main div.sidebar-gadget div.search-gadget.BE > div {width:100%;margin-bottom:10px;} #main div.sidebar-gadget div.search-gadget.BE div.period {width:33%;float:left;} #main div.sidebar-gadget div.search-gadget.BE div.adults {width:33%;float:left;} #main div.sidebar-gadget div.search-gadget.BE div.children {width:33%;float:left;} #main div.sidebar-gadget div.search-gadget.BE div.infants {display:none;} #main div.sidebar-gadget div.search-gadget.BE div.children span.input {width:100%;} #main div.sidebar-gadget div.search-gadget.BE .children span.input select {margin-right:0;} #main div.sidebar-gadget div.search-gadget.BE > div.refineTools > div {width:100%;margin-top:10px;} #main div.sidebar-gadget div.search-gadget.BE > div.refineTools > div span.input {width:100%;} #main div.sidebar-gadget div.search-gadget.BE > div.refineTools > div span.input select {width:110%;} #main div.sidebar-gadget div.search-gadget.BE > div.refineTools > div.locationFilter {margin-top:5px;} #main div.sidebar-gadget div.search-gadget.BE div.button{ clear:left;margin-bottom:5px;} #main div.sidebar-gadget div.search-gadget.BE div.button span.input a {background:#006633;border: 0 none;border-radius: 0;font-size: 10pt;font-weight: normal;padding: 5px 0;text-transform: uppercase;width: 100%;} #main div.sidebar-gadget div.search-gadget.BE div.showHideRefineTools{ clear:left;} #main div.sidebar-gadget div.search-gadget div.showHideRefineTools a {color:#fff;font-weight:normal;} #main div.sidebar-gadget #operator_ultrasearch {width: 100%;padding: 5px 0;border-radius:0;text-indent:5px;} /* embedded search - region and item gaget */ #main div.embedded-search div.search-gadget.BE span.input {width:100%;background: url(../images/gadget-arrow-dark.png) no-repeat 80% 50% #fff;color:#969696;font-size:10pt;} #main div.embedded-search div.search-gadget.BE div.date {height:30px;margin-right:15px;} #main div.embedded-search div.search-gadget.BE div.date span.input{ background:#fff;border: 0 none;border-radius: 0;display: block;height: 30px;padding:0 10px;width: auto;} #main div.embedded-search div.search-gadget.BE div.date span.input span.pseudo {padding:5px; background: transparent url('../images/gadget-calendar.png') no-repeat right 0;width:95%;} #main div.embedded-search div.search-gadget.BE div.refineTools span.input {background-position:90% 50%;} /* item gadget - pricesGrid */ /* region gadget - prices-grid */ #main div.region-gadget.BE .prices-grid a, #main div.region-gadget.BE .list-view a, #main div.region-gadget.BE .map-container a{color:#47b551;} #main #region-gadget-results .thumb, #main #region-gadget-results .thumb img {width:auto;height:auto;} #main #region-gadget-results .prices-grid .thumb {border: 3px solid #6b6a6a;padding:0;} #main #region-gadget-results .prices-grid .thumb img {width: 84px;height: 68px;} #main #region-gadget-results .list-view .thumb, #main #region-gadget-results .list-view .thumb img {width: 150px;height: 150px;} #main #region-gadget-legend {display:block;} #main #region-gadget-legend img.region-gadget-legend-24hrs {background: none repeat scroll 0 0 #6b6a6a;} #main div.region-gadget.BE div.list-view div.type-group div.list-item div.fromPrice a {width:80px;} #main div.region-gadget.BE div.list-view div.type-group div.list-item div.thumb img {width: 150px;height: 150px;} #main div.region-gadget.BE div.search-gadget.BE {background:#6b6a6a;border:0;min-height:100px;} #main div.region-gadget.BE div.search-gadget.BE span.input select {padding:5px 30px 5px 5px;} #main div.region-gadget.BE div.search-gadget.BE span.label {text-align:left;font-weight:normal;color:#FFF;} #main div.region-gadget.BE div.search-gadget.BE div.button {height:1px;display:none;} #main div.region-gadget.BE div.search-gadget.BE div.refineTools .sortBy {margin-top:10px;} #main div.region-gadget.BE div.tabs-group .view-choice a {height:30px;background:#47b551;color:#FFF;} #main div.region-gadget.BE div.tabs-group a.current {background:#6b6a6a;color:#FFF;} #main .BE .priceGrid table thead td, #main .BE .prices-grid table thead td, #main .BE .prices-grid table .inline-header td{vertical-align:middle;background-color: #47b551;color: #FFF;font-weight: normal;text-align:left;} #main #regionGadget .prices-grid table tbody tr.highlight td {padding-left:5px;padding-right:5px;} #main #regionGadget .prices-grid div.type-group table tbody tr td.property a.name {width:auto;} #main #regionGadget .prices-grid div.type-group table tbody tr td.property, #main #regionGadget .prices-grid div.type-group table tbody tr.highlight td.property {min-width:300px;width:35%;} #main #regionGadget .prices-grid div.type-group.tours table tbody tr td.property, #main #regionGadget .prices-grid div.type-group.tours table tbody tr.highlight td.property {min-width:300px;width:65%;} #main #regionGadget .search-gadget div.date {height:auto;width:160px;} #main #regionGadget thead td a, #main #regionGadget table .inline-header td.date a.day, #main #regionGadget table .inline-header td.date a.month {color:#fff;} #main #regionGadget .prices-grid table thead a.date, #main #regionGadget .priceGrid table thead td a.date, #main #regionGadget .priceGrid table .inline-header td a.date, #main #regionGadget table .inline-header td a.date {color:#dbb50b;} #main #regionGadget .prices-grid td.odContainer .priceGrid td.name {width:38%;min-width:300px;} #main #regionGadget .prices-grid .tours td.odContainer .priceGrid td.name {width:64%;} #main #regionGadget .prices-grid td.odContainer .priceGrid table thead td, #main #regionGadget .prices-grid td.odContainer .priceGrid table thead td a {background-color:#6b6a6a ;} #main #regionGadget .prices-grid td.odContainer .priceGrid td.total {padding:10px 0;} #main #regionGadget .prices-grid td.odContainer .priceGrid td.total span.book {font-size:8pt;} /* Button Colours */ #main .BE div.showHideRefineTools {} #main .BE div.showHideRefineTools a {} #main .BE div.resetRefineTools {} #main .BE .showHideRefineTools a, #main .BE div.resetRefineTools a {background:#47b551;border:0;border-radius:0;} #main .BE div.resetRefineTools.collapsedGadgetButton {} #main .BE div.resetRefineTools.collapsedGadgetButton a {} #main .BE .priceGrid table tr td.total a, #main .BE .prices-grid table tr td.total a .price, #main .BE .list-view .list-item .fromPrice a, #main .BE div.map-container div.mapInfoWindow div.button a { border:0;border-radius:0;font-weight: inherit; background:#6b6a6a;color:#FFF;vertical-align: middle; padding: 5px;text-shadow:none;} #main .BE .priceGrid table tr td.total a:hover, #main .BE .prices-grid table tr td.total a:hover .price, #main .BE .reseteRefineTools a:hover, #main .BE .showRefineTools a:hover, #main .BE .list-view .list-item .fromPrice a:hover { background-color:#47b551 !important; } #main .BE .priceGrid table tr td.total a.sold-out, #main .BE .prices-grid table tr td.total a.sold-out .price, #main .BE .showHideRefineTools a.sold-out, #main .BE .list-view .list-item .fromPrice a.sold-out { background-color:#b6cc42 !important; } #main .BE .priceGrid table tr td.total a.sold-out:hover, #main .BE .prices-grid table tr td.total a.sold-out:hover .price, #main .BE .showHideRefineTools a.sold-out:hover, #main .BE .list-view .list-item .fromPrice a.sold-out:hover { background-color:#b6cc42 !important; } #main .BE .priceGrid table tr.instant-confirmation td.total a, #main #regionGadget .list-view .list-item.instant-confirmation .fromPrice a {background: #fba705;} #main #regionGadget .list-view .list-item.instant-confirmation .fromPrice a.sold-out {background: #b6cc42;} /* cart */ #header div.shopping-cart.BE.auto-collapse div.cartItems div.totalDisplay {background: #fba705;color:#FFF;border:0;border-radius:0;} #header div.shopping-cart.BE.auto-collapse div.cartItems div.totalDisplay a {color:#FFF;} #toolbar-cart {position:relative;right:auto;top:auto;} #toolbar-cart .cartItems {padding:20px 20px 80px 20px;background-color: #f1f1f1;} #toolbar-cart .cartItems div.total {position:relative;right:auto;bottom:auto;text-align:right;} /* cart and booking */ body div#wdOverlayContent div.add-to-cart-form div.name span.item-name, body div#wdOverlayContent div.item-details div.name span.item-name {background-color: #47b551!important;} body div#wdOverlayContent div.add-to-cart-form div.name span.operator-name, body div#wdOverlayContent div.item-details div.name span.operator-name {background-color:#006633!important; } #toolbar-cart div.shopping-cart.BE div.cartItems div.checkout a, body div#wdOverlayContent div.cartInOverlay div.cartItems div.checkout a, body div#wdOverlayContent div.add-to-cart-form div.addButton a.checkOutNow, body div#wdOverlayContent div.add-to-cart-form div.removeItem a.checkOutNow, body div#wdOverlayContent div.item-details div.addButton a.checkOutNow, body div#wdOverlayContent div.item-details div.removeItem a.checkOutNow {background:#fba705!important;border:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;margin-right:10px; text-decoration: none; text-shadow: 1px 1px 1px #999;} body div#wdOverlayContent div.add-to-cart-form div.addButton a.addToCart, body div#wdOverlayContent div.item-details div.addButton a.addToCart, body div#wdOverlayContent div.add-to-cart-form div.removeItem a.addToCart, body div#wdOverlayContent div.item-details div.removeItem a.addToCart {background-color: #b6cc42!important;text-decoration: none; text-shadow: 1px 1px 1px #999;border:none; } div.booking-gadget.BE div.personalDetails div.required label, div.booking-gadget.BE div.ccDetails div.required label {display:block;width:100%;} div.booking-gadget.BE div.personalDetails select, div.booking-gadget.BE div.ccDetails select, div.booking-gadget.BE div.personalDetails input, div.booking-gadget.BE div.ccDetails input, div.booking-gadget.BE div.personalDetails textarea, div.booking-gadget.BE div.ccDetails textarea {width:90%;/*-webkit-appearance:listbox;*/} div.booking-gadget.BE div.personalDetails input[type="checkbox"] {} @media all and ( max-width: 992px ) { #main div.search-gadget.BE span.input {background: url('../images/gadget-arrow-box-sm.png') no-repeat 100% 50% #fff;} #main div.search-gadget.BE span.input select {padding: 5px 10px;} #header #toolbar-cart {right:310px;top:5px;} } @media all and ( max-width: 800px ) { #main div.sidebar-gadget div.search-gadget.BE div.hybridTabs a.tab span {letter-spacing: 0;} #main div.search-gadget.BE span.input {background-position: 110% 50% ;} #main div.search-gadget.BE .refineTools span.input {background-position: 100% 50% ;} } @media all and ( max-width: 768px ) { #main #regionGadget .search-gadget select {width:110%!important;} #main #regionGadget div.embedded-search div.search-gadget.BE span.input {background-position:95% 50%;} #main #regionGadget .search-gadget.BE div.date span.input span.pseudo {width:98%!important;} #main #regionGadget .search-gadget div.refineTools {margin-bottom:20px;} #main #regionGadget div.refineTools > div .input {width:98%!important;background-position:98% 50%!important;} } /*********************************** 640 x 960 - iPhone 4G ***********************************/ @media all and ( max-width: 670px ) { } /*========== Extra Small Devices, Phones ==========*/ /* 480 x 800 - iPhone 414 x 736 - iPhone 6Plus 384 x 640 - Google Nexus 4 375 x 667 - iPhone 6 */ @media all and (max-width : 480px) { #main div.search-gadget.BE span.input {background-position: 100% 50% ;} } @media only screen and (max-width : 360px) { }