/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 8 Apr, 2015, 1:55:27 PM */ body{ font-family: "proxima-nova",sans-serif !important; } .BE-backto-operator{ float:right; margin:40px 30px 0px 0px;} .BE-backto-operator a{ color:#fff; font-size:18px; font-weight: 300;} .BE-backto-operator a:hover{ color:#d5eef9; text-decoration: none;} body div.wdDatePicker-Outer table.wdDatePicker_calendar td b{ padding-top:5px !important; padding-bottom: 18px !important;} body.functional-layout.tpse-product-details-template.BE_highDefinition.BE-calendar-open{ position: relative; } .be-operator-title{ font-size: 32px; color: #004563; line-height: 32px; margin-bottom: 20px;} .bookeasy-pg1 .shopping-cart.BE .noItems{ width: 90%; margin: 0 auto;} .bookeasy-pg1{ padding:20px 0px 0px 0px; min-height:300px;} .bookeasy-pg1 .shopping-cart.BE .noItems{ border:1px #dddddd solid; font-weight: 400; font-size: 18px; text-transform: uppercase; padding:32px 15px; margin-bottom:5px; color:#575756; line-height: 18px; } .bookeasy-pg1 .embedded-search .search-gadget.BE span.label{ text-align:left; color:#FFFFFF; font-size: 14px; font-weight: 400; text-transform: uppercase; padding-left: 0px; padding-right: 0px; } .bookeasy-pg1 div.embedded-search div.search-gadget.BE{ background: #004563;padding: 20px} .bookeasy-pg1 div.search-gadget.BE span.input select{ padding-left:20px; width: 77px; height: 29px; border:1px #e3e2db solid; color:#878381;} .bookeasy-pg1 div.search-gadget.BE div.date span.input{ background: none; width:152px; height:29px; border:1px #e3e2db solid; border-radius: 0px;} .bookeasy-pg1 div.search-gadget.BE div.date span.input span.pseudo{ padding-left: 5px; margin-top: 2px; color:#FFFFFF; text-transform: uppercase; height: 19px; } .bookeasy-pg1 div.details-gadget.BE div.priceGrid table thead td{ background: #dedee4; color:#00344a; text-transform: uppercase; font-weight: 400; font-size:18px;} .bookeasy-pg1 div.details-gadget.BE{ font-family: "proxima-nova",sans-serif;} .bookeasy-pg1 div.search-gadget.BE{ border: none;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid{ border: none; margin-top:6px;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.name a.has-hover{ font-size:18px; color:#333332; line-height: 20px; font-weight: 400; background-image:url(''); padding-right:10px;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table thead td a{ color:#00344a; font-size: 18px; font-weight: 400; text-transform: uppercase; opacity:0.7;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table thead td a.date{ color:#00344a; opacity:1;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.total a{ background: #00344a; width: 126px !important; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 600; font-family: "proxima-nova",sans-serif; padding-top:12px; padding-bottom:6px; border-radius: 0px;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.total span.book{ margin-bottom: 0px; font-size: 14px; font-weight: 600; line-height: 14px;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.total a:hover{ background: #237294; border-color:#237294;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td{ padding-top: 12px; padding-bottom: 7px;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr.odd td{ background:#f4f4f7} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr.even td{ background:#fff;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr:hover td{ background:#eff4f6;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.price{ font-size: 18px; font-weight: 600; color:#00344a;} .bookeasy-pg1 div.shopping-cart.BE, .bookeasy-pg1 div.cartInOverlay{ font-family: "proxima-nova",sans-serif; font-weight: 400; } .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.name{ width:460px;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.name a.has-hover{ line-height: 28px;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.quantity select{ border: 1px #e3e2db solid; padding:5px 0px 2px 15px; width:62px; color:#878381; } .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.item div.name a { color:#004563; font-size:18px; font-weight: 400; font-size:20px; display:inline-block; margin-bottom:7px;} .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.item div.name{ background: none; padding-left: 0px;} .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.item div.operator, .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.item div.date-nights{ padding-left: 0px; font-size: 15px; font-weight: 400; padding-bottom: 5px; font-family: "proxima-nova",sans-serif;} .bookeasy-pg1 div.shopping-cart.BE div.cartItems, div.cartInOverlay div.cartItems{ border-radius:0px; border-color: #dddddd; padding-top: 0px; padding-bottom: 70px; margin-bottom: 3px;width: 95%; margin: 0 auto; border: 0px;} .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.item, div.cartInOverlay div.cartItems div.item{ padding-top:10px; padding-bottom: 10px; margin-bottom: 0px; margin-top: 0px; } .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.item div.price label, .bookeasy-pg1 div.cartInOverlay div.cartItems div.item div.price label{ font-size:18px; font-weight: 800; color:#00344a; right:0px; } .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.item div.remove a, .bookeasy-pg1 div.cartInOverlay div.cartItems div.item div.remove a{ border: 1px #dedee4 solid; width:40px; height:40px; background: none; text-decoration: none;} .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.item div.remove, .bookeasy-pg1 div.cartInOverlay div.cartItems div.item div.remove{ right:7px; top:38px;} .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.item div.remove a:before, .bookeasy-pg1 div.cartInOverlay div.cartItems div.item div.remove a:before{ content: "\f00d"; color:#333332; font-family: 'FontAwesome'; text-decoration:none; margin-top: 7px; margin-left:13px; position: absolute;} .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.total, .bookeasy-pg1 div.cartInOverlay div.cartItems div.total{ position: static; text-align: right; padding-top: 15px; border-top:1px #e3e2db solid;} .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.total label, .bookeasy-pg1 div.cartInOverlay div.cartItems div.total label{ font-size:18px; color:#333332; text-transform: uppercase; font-weight: 800; padding-right: 12px;} .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.total span, .bookeasy-pg1 div.cartInOverlay div.cartItems div.total span{ font-size:18px; font-weight: 800; color:#333332;} .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.checkout a span, .bookeasy-pg1 div.cartInOverlay div.cartItems div.checkout a span{ font-size: 14px; font-weight: 600; color:#fff; text-transform: uppercase; text-align: center; border-radius:0px; padding:0px; background: none;} .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.checkout a, .bookeasy-pg1 div.cartInOverlay div.cartItems div.checkout a{ border-radius:0px; color:#fff; background: #6e8f16; margin:5px 0px 15px 0px; padding: 12px 20px; border:none; margin-right:7px;} .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.checkout a:hover, .bookeasy-pg1 div.cartInOverlay div.cartItems div.checkout a:hover{ text-decoration: none;} .bookeasy-pg1 div.shopping-cart.BE div.cartItems div.checkout a span:after, .bookeasy-pg1 div.cartInOverlay div.cartItems div.checkout a span:after{ content:"\f07a"; font-family: 'FontAwesome'; margin-left: 10px; } .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.name div.thumb{ border:none; width:54px; height: 54px; margin-right:12px;} /****BE PAYMENT PAGE CSS STARTS HERE ***/ body div.shopping-cart.BE.is-booking{ font-family: "proxima-nova",sans-serif; } body div.booking-gadget.BE{ font-family: "proxima-nova",sans-serif;} .be-payment-pg div.booking-gadget.BE h3{ padding: 0px; letter-spacing: 0px; margin: 0px; margin-top:20px; border:none; border-radius: 0px; background: none; text-align: left; color:#277da2; font-weight: 600; font-size:22px; line-height: 22px; font-family: "proxima-nova",sans-serif; text-transform: uppercase; margin-bottom: 15px;} .be-payment-pg div.booking-gadget.BE div.personalDetails label, .be-payment-pg div.booking-gadget.BE div.ccDetails label, .be-payment-pg div.booking-gadget.BE div.personalDetails div.required label, .be-payment-pg div.booking-gadget.BE div.ccDetails div.required label{ font-weight:400; font-size:14px;} .be-payment-pg .booking-gadget.BE .personalDetails div{ margin-top: 10px; } 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{ border:1px solid #bdbdbf; padding-left: 5px;} .be-payment-pg div.booking-gadget.BE div.personalDetails, div.booking-gadget.BE div.ccDetails{ padding-top:0px; padding-bottom: 0px; border-radius:0px; border-color:#dddddd;} .be-payment-pg div.booking-gadget.BE .personalDetails h3{ margin-bottom:25px; } .be-payment-pg div.booking-gadget.BE div.button a{ background: #6e8f16; border:none; padding: 12px 15px; border-radius: 0px; width: 120px; height: auto; font-weight: 600; text-transform: uppercase; margin-right: 18px; } .be-payment-pg div.booking-gadget.BE div.button a:hover{ background: #82a22b;} .be-payment-pg div.booking-gadget.BE div.button a span{ line-height: 16px; font-size:14px;} .be-payment-pg div.booking-gadget.BE div.ccDetails{ padding-top:0px; border-color:#dddddd; border-radius:0px;} .be-payment-pg div.booking-gadget.BE div.ccDetails div.cardTypes{ margin-bottom:10px;} .be-payment-pg div.booking-gadget.BE div.ccDetails div.cardTypes .cardList{ position:relative; top:5px; margin-left: 20px;} .be-payment-pg .booking-gadget.BE .ccDetails div{ margin-top:10px;} .be-payment-pg div.booking-gadget.BE div.ccDetails div.cardExpiry select{ width:27%;} .be-payment-pg div.booking-gadget.BE div.ccDetails div.deposits h3{ font-size:17px; color:#333; text-transform: none;} .be-payment-pg div.booking-gadget.BE div.ccDetails div.deposits .paymentItem > label{ float:left; width:75%; padding-right:35px;} .be-payment-pg div.booking-gadget.BE div.ccDetails div.deposits span{ float:left; width:17%;} .be-payment-pg div.booking-gadget.BE div.ccDetails div.deposits input{ width:25px;} .be-payment-pg div.booking-gadget.BE div.shopping-cart div.cartItems, .be-payment-pg div.booking-gadget.BE div.personalDetails, .be-payment-pg div.booking-gadget.BE div.ccDetails{ min-height: 762px;} .be-payment-pg div.booking-gadget.BE div.personalDetails div.required label, .be-payment-pg div.booking-gadget.BE div.ccDetails div.required label{ font-weight:600;} .be-payment-pg h2, .bookeasy-pg1 h2{ font-size:32px; color:#004563; line-height: 32px; margin-bottom: 20px;} .be-payment-pg div.booking-gadget.BE a{ color:#6e8f16; } .be-payment-pg .header-top-link-nav-wrapper, .bookeasy-pg1 .header-top-link-nav-wrapper{ display: none;} .be-payment-pg div.booking-gadget.BE div.button a{margin-top:5px; margin-bottom:0px;} /****BE PAYMENT PAGE CSS ENDS HERE ***/ /**** BE add to cart lightbox css starts here ****/ 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: none; color:#004563 ; float:none ; text-align: left; font-size:28px; margin:15px 0px 0px 0px; padding-bottom: 0px; padding-left:0px; padding-right: 220px;} 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: none; color:#6e8f16; font-size:20px; float:none; text-align: left; padding-bottom: 10px; margin-left:0px; padding-left: 0px;} div#wdOverlayContent div.add-to-cart-form div.name, div#wdOverlayContent div.item-details div.name, div#wdOverlayContent div.add-to-cart-form div.price, div#wdOverlayContent div.item-details div.price, div#wdOverlayContent div.add-to-cart-form div.quantity, div#wdOverlayContent div.item-details div.quantity, div#wdOverlayContent div.add-to-cart-form div.date, div#wdOverlayContent div.item-details div.date, div#wdOverlayContent div.add-to-cart-form div.dateEnd, div#wdOverlayContent div.item-details div.dateEnd, div#wdOverlayContent div.add-to-cart-form div.adults, div#wdOverlayContent div.item-details div.adults, div#wdOverlayContent div.add-to-cart-form div.children, div#wdOverlayContent div.item-details div.children, div#wdOverlayContent div.add-to-cart-form div.infants, div#wdOverlayContent div.item-details div.infants, div#wdOverlayContent div.add-to-cart-form div.concessions, div#wdOverlayContent div.item-details div.concessions, div#wdOverlayContent div.add-to-cart-form div.students, div#wdOverlayContent div.item-details div.students, div#wdOverlayContent div.add-to-cart-form div.observers, div#wdOverlayContent div.item-details div.observers, div#wdOverlayContent div.add-to-cart-form div.startdate, div#wdOverlayContent div.item-details div.startdate, div#wdOverlayContent div.add-to-cart-form div.period, div#wdOverlayContent div.item-details div.period, div#wdOverlayContent div.add-to-cart-form div.quotedprice, div#wdOverlayContent div.item-details div.quotedprice, div#wdOverlayContent div.add-to-cart-form div.family, div#wdOverlayContent div.item-details div.family { float:none !important; display:block !important; padding-left:25px; border-bottom:1px #dddddd solid; text-align: left !important; width:100% !important; margin-bottom: 0px !important; height:auto !important; padding-top:13px !important; padding-bottom:5px !important; } body div#wdOverlayContent div.add-to-cart-form div.name, body div#wdOverlayContent div.item-details div.name{ margin-bottom:30px; padding-top:0px !important;} div#wdOverlayContent div.add-to-cart-form div.name label, div#wdOverlayContent div.item-details div.name label, div#wdOverlayContent div.add-to-cart-form div.price label, div#wdOverlayContent div.item-details div.price label, div#wdOverlayContent div.add-to-cart-form div.quantity label, div#wdOverlayContent div.item-details div.quantity label, div#wdOverlayContent div.add-to-cart-form div.date label, div#wdOverlayContent div.item-details div.date label, div#wdOverlayContent div.add-to-cart-form div.dateEnd label, div#wdOverlayContent div.item-details div.dateEnd label, div#wdOverlayContent div.add-to-cart-form div.adults label, div#wdOverlayContent div.item-details div.adults label, div#wdOverlayContent div.add-to-cart-form div.children label, div#wdOverlayContent div.item-details div.children label, div#wdOverlayContent div.add-to-cart-form div.infants label, div#wdOverlayContent div.item-details div.infants label, div#wdOverlayContent div.add-to-cart-form div.concessions label, div#wdOverlayContent div.item-details div.concessions label, div#wdOverlayContent div.add-to-cart-form div.students label, div#wdOverlayContent div.item-details div.students label, div#wdOverlayContent div.add-to-cart-form div.observers label, div#wdOverlayContent div.item-details div.observers label, div#wdOverlayContent div.add-to-cart-form div.startdate label, div#wdOverlayContent div.item-details div.startdate label, div#wdOverlayContent div.add-to-cart-form div.period label, div#wdOverlayContent div.item-details div.period label, div#wdOverlayContent div.add-to-cart-form div.quotedprice label, div#wdOverlayContent div.item-details div.quotedprice label, div#wdOverlayContent div.add-to-cart-form div.family label, div#wdOverlayContent div.item-details div.family label { width:150px !important; display:inline-block !important; float:left !important; font-weight: 400 !important; } div#wdOverlayContent div.add-to-cart-form div.price span, div#wdOverlayContent div.item-details div.price span, div#wdOverlayContent div.add-to-cart-form div.quantity span, div#wdOverlayContent div.item-details div.quantity span, div#wdOverlayContent div.add-to-cart-form div.date span, div#wdOverlayContent div.item-details div.date span, div#wdOverlayContent div.add-to-cart-form div.dateEnd span, div#wdOverlayContent div.item-details div.dateEnd span, div#wdOverlayContent div.add-to-cart-form div.adults span, div#wdOverlayContent div.item-details div.adults span, div#wdOverlayContent div.add-to-cart-form div.children span, div#wdOverlayContent div.item-details div.children span, div#wdOverlayContent div.add-to-cart-form div.infants span, div#wdOverlayContent div.item-details div.infants span, div#wdOverlayContent div.add-to-cart-form div.concessions span, div#wdOverlayContent div.item-details div.concessions span, div#wdOverlayContent div.add-to-cart-form div.students span, div#wdOverlayContent div.item-details div.students span, div#wdOverlayContent div.add-to-cart-form div.observers span, div#wdOverlayContent div.item-details div.observers span, div#wdOverlayContent div.add-to-cart-form div.startdate span, div#wdOverlayContent div.item-details div.startdate span, div#wdOverlayContent div.add-to-cart-form div.period span, div#wdOverlayContent div.item-details div.period span, div#wdOverlayContent div.add-to-cart-form div.quotedprice span, div#wdOverlayContent div.item-details div.quotedprice span, div#wdOverlayContent div.add-to-cart-form div.family span, div#wdOverlayContent div.item-details div.family span { width:200px !important; display:inline-block !important; float:left !important; } body div#wdOverlayContent div.add-to-cart-form div.price span, body div#wdOverlayContent div.item-details div.price span{ font-weight: 400;} body div#wdOverlayContent div.add-to-cart-form div.AdditionalData, body div#wdOverlayContent div.item-details div.AdditionalData{ display: none;} body div#wdOverlayContent div.add-to-cart-form div.addButton{ margin:15px 0px 20px 0px; float:left; width:400px;} body div#wdOverlayContent div.add-to-cart-form div.addButton a.addToCart{ background: #004563; border: none; padding: 12px 15px; border-radius: 0px; height: auto; font-weight: 600; text-transform: uppercase; float:left; } body div#wdOverlayContent div.add-to-cart-form div.addButton a.checkOutNow{ background: #6e8f16; border: none; padding: 12px 15px; border-radius: 0px; height: auto; font-weight: 600; text-transform: uppercase; float:left; } body div#wdOverlayContent div.add-to-cart-form div.addButton a.addToCart span, body div#wdOverlayContent div.add-to-cart-form div.addButton a.checkOutNow span{ padding:0px; background: none;} #wdOverlayContent{ width:50% !important; left:25% !important; right: 25% !important; margin-left:0px !important; margin-right:0px !important;} /**** BE add to cart lightbox css ends here ****/ #wdHoverContainer h3{ color:#004563 !important; font-weight: 400 !important;} #wdHoverContainer h4{ color:#6e8f16 !important; font-weight: 400 !important; margin-top:5px !important; margin-bottom: 20px !important; font-style: normal !important;} #wdHoverContainer p{ color:#777 !important; text-align: left !important;} #wdHoverContainer span{ color:#333; padding-left: 0px;; font-size:14px; font-weight: 700 !important;} .BE-confirmation-page p{ font-size:15px; font-weight: 400; color:#666;} /*.priceGrid{*/ /*overflow-x: scroll;*/ /*}*/ .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.name a.has-hover{ display: block; } body div#wdOverlayContent div.item-details div.name{ padding-top: 0px !important; } div#wdOverlayContent div.item-details div.name span.operator-name, div#wdOverlayContent div.item-details div.name span.item-name{ vertical-align: middle; display: block; margin-top: 0; float: none !important; background-image: none !important; margin-left: 0px !important; border-radius: 0 !important; padding-left: 0px !important; background-color: transparent !important; } div#wdOverlayContent div.add-to-cart-form div.location, div#wdOverlayContent div.item-details div.location{ z-index: 100; } div#wdOverlayContent div.item-details div.removeItem a{ background-color: #004563 !important; background-image: none !important; padding: 12px 15px; border-radius: 0px !important; font-weight: 600; text-transform: uppercase; display: inline-block; border: none !important; } div#wdOverlayContent div.item-details div.location a{ color: #fff !important; background-color: #6e8f16 !important; background-image: none !important; padding: 6px 12px; border-radius: 0px !important; font-size: 14px; font-weight: 600; text-transform: uppercase; display: inline-block; border: none !important; } div#wdOverlayContent div.add-to-cart-form, div#wdOverlayContent div.item-details{ padding:0px !important;} body div#wdOverlayContent div.item-details div.removeItem a{ float:left; margin:15px 0px 20px 15px; } body div.details-gadget.BE div.priceGrid table tbody tr.instant-confirmation td.total a{background:rgba(0, 52, 74, 1); border: 1px #00344a solid;} body div.details-gadget.BE div.priceGrid table tbody tr.instant-confirmation td.total a:hover{ background:rgba(0, 52, 74, 0.8)} body div.details-gadget.BE div.priceGrid table tbody tr td.thumb div.thumb img{max-width: inherit;} .bookeasy-pg1 .search-gadget select, .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.quantity select { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; text-indent: 0.01px; background: url("/bundles/projectapp/images/bookeasy-dd-image.png") #fff 42px 11px no-repeat; } .bookeasy-pg1 .search-gadget select::-ms-expand, .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.quantity select::-ms-expand { display: none; } .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.quantity select{ background-position: 36px 12px; font-size:14px;} @-moz-document url-prefix() { .bookeasy-pg1 div.search-gadget.BE div.date span.input span.pseudo { margin-top:0px; background-position: right 1px; } } @media (max-width: 767px) { body div.details-gadget.BE div.priceGrid table tbody tr td.thumb div.thumb img{max-width: 100%;} #stg-page-content .bookeasy-pg1 .cart-button{ padding: 7px 30px;} div.embedded-search div.search-gadget.BE div.product, div.embedded-search div.search-gadget.BE div.date, div.embedded-search div.search-gadget.BE div.period, div.embedded-search div.search-gadget.BE div.adults, div.embedded-search div.search-gadget.BE div.children, div.embedded-search div.search-gadget.BE div.infants, div.embedded-search div.search-gadget.BE div.concessions, div.embedded-search div.search-gadget.BE div.students, div.embedded-search div.search-gadget.BE div.observers, div.embedded-search div.search-gadget.BE div.family{ float:none !important; margin-bottom: 18px !important; margin-right:0px !important;} .bookeasy-pg1 div.search-gadget.BE {padding: 20px} .bookeasy-pg1 div.search-gadget.BE span.input select{ width: 100%; height: 35px;} .bookeasy-pg1 div.search-gadget.BE div.date span.input{ width: 100%; height: 35px;} .bookeasy-pg1 div.search-gadget.BE div.date span.input span.pseudo{ margin-top:5px;} .container.bookeasy-pg1{ padding:35px 15px;} .bookeasy-pg1 div.embedded-search div.search-gadget.BE{padding:25px 20px 10px 20px;} .be-payment-pg h2, .bookeasy-pg1 h2{ margin-top:0px; margin-bottom: 30px;float: left} .bookeasy-pg1 .shopping-cart.BE .noItems{ padding:12px 15px; line-height: 26px; width: 90%; margin: 0 auto;} .bookeasy-pg1 .details-gadget.BE .priceGrid{ width:100%; overflow-x: scroll;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table thead td:first-child{ width:auto !important; padding-right:0px;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.name a.has-hover{ padding-right: 10px; font-size:16px;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td.price{ font-size:16px;} .be-payment-pg .shopping-cart.BE.is-booking, .be-payment-pg .personalDetails{ width:100% !important; padding-left:0px; padding-right:0px;} .be-payment-pg div.booking-gadget.BE div.shopping-cart, .be-payment-pg div.booking-gadget.BE div.personalDetails, .be-payment-pg div.booking-gadget.BE div.ccDetails{ min-height: inherit; margin-bottom: 25px; width: 100%; padding-bottom: 15px;} .be-payment-pg div.booking-gadget.BE div.shopping-cart div.cartItems{ min-height: inherit;} .be-payment-pg div.booking-gadget.BE div.ccDetails div.cardExpiry select{ width: 27%;} .BE-backto-operator{ margin-right: 0px;; position: absolute; left:0px; right: 0px; top:110px; text-align: center;} .header-full-width.BE-header-only{ height: 195px;} #wdHoverContainer{ width:300px !important;} #wdOverlayContent{ left: 20px !important; right: 20px !important; width: auto !important; margin-top: -212px !important; bottom: 20px !important; top: 20px !important; margin-top: 0 !important; } body div#wdOverlayContent div.add-to-cart-form div.addButton a.addToCart, body div#wdOverlayContent div.add-to-cart-form div.addButton a.checkOutNow{ float: none; display: block; margin-left: 20px; margin-right: 20px; } body div#wdOverlayContent div.add-to-cart-form div.addButton{ width: auto; float: none; } body div#wdOverlayContent div.add-to-cart-form div.name span.operator-name, body div#wdOverlayContent div.item-details div.name span.operator-name{font-size: 21px; line-height: 23px; padding-right: 0px;} body div#wdOverlayContent div.item-details div.name span.operator-name{ margin-top: 72px;} body div#wdOverlayContent div.add-to-cart-form div.name span.item-name, body div#wdOverlayContent div.item-details div.name span.item-name{ font-size:18px;} div#wdOverlayContent div.add-to-cart-form, div#wdOverlayContent div.item-details{ position: relative;} div#wdOverlayContent div.add-to-cart-form div.name label, div#wdOverlayContent div.item-details div.name label, div#wdOverlayContent div.add-to-cart-form div.price label, div#wdOverlayContent div.item-details div.price label, div#wdOverlayContent div.add-to-cart-form div.quantity label, div#wdOverlayContent div.item-details div.quantity label, div#wdOverlayContent div.add-to-cart-form div.date label, div#wdOverlayContent div.item-details div.date label, div#wdOverlayContent div.add-to-cart-form div.dateEnd label, div#wdOverlayContent div.item-details div.dateEnd label, div#wdOverlayContent div.add-to-cart-form div.adults label, div#wdOverlayContent div.item-details div.adults label, div#wdOverlayContent div.add-to-cart-form div.children label, div#wdOverlayContent div.item-details div.children label, div#wdOverlayContent div.add-to-cart-form div.infants label, div#wdOverlayContent div.item-details div.infants label, div#wdOverlayContent div.add-to-cart-form div.concessions label, div#wdOverlayContent div.item-details div.concessions label, div#wdOverlayContent div.add-to-cart-form div.students label, div#wdOverlayContent div.item-details div.students label, div#wdOverlayContent div.add-to-cart-form div.observers label, div#wdOverlayContent div.item-details div.observers label, div#wdOverlayContent div.add-to-cart-form div.startdate label, div#wdOverlayContent div.item-details div.startdate label, div#wdOverlayContent div.add-to-cart-form div.period label, div#wdOverlayContent div.item-details div.period label, div#wdOverlayContent div.add-to-cart-form div.quotedprice label, div#wdOverlayContent div.item-details div.quotedprice label, div#wdOverlayContent div.add-to-cart-form div.family label, div#wdOverlayContent div.item-details div.family label{ width:110px !important; } div#wdOverlayContent div.add-to-cart-form div.price span, div#wdOverlayContent div.item-details div.price span, div#wdOverlayContent div.add-to-cart-form div.quantity span, div#wdOverlayContent div.item-details div.quantity span, div#wdOverlayContent div.add-to-cart-form div.date span, div#wdOverlayContent div.item-details div.date span, div#wdOverlayContent div.add-to-cart-form div.dateEnd span, div#wdOverlayContent div.item-details div.dateEnd span, div#wdOverlayContent div.add-to-cart-form div.adults span, div#wdOverlayContent div.item-details div.adults span, div#wdOverlayContent div.add-to-cart-form div.children span, div#wdOverlayContent div.item-details div.children span, div#wdOverlayContent div.add-to-cart-form div.infants span, div#wdOverlayContent div.item-details div.infants span, div#wdOverlayContent div.add-to-cart-form div.concessions span, div#wdOverlayContent div.item-details div.concessions span, div#wdOverlayContent div.add-to-cart-form div.students span, div#wdOverlayContent div.item-details div.students span, div#wdOverlayContent div.add-to-cart-form div.observers span, div#wdOverlayContent div.item-details div.observers span, div#wdOverlayContent div.add-to-cart-form div.startdate span, div#wdOverlayContent div.item-details div.startdate span, div#wdOverlayContent div.add-to-cart-form div.period span, div#wdOverlayContent div.item-details div.period span, div#wdOverlayContent div.add-to-cart-form div.quotedprice span, div#wdOverlayContent div.item-details div.quotedprice span, div#wdOverlayContent div.add-to-cart-form div.family span, div#wdOverlayContent div.item-details div.family span{ width:140px !important;} body div#wdOverlayContent div.add-to-cart-form div.name, body div#wdOverlayContent div.item-details div.name{ padding-right: 20px;} .be-payment-pg div.booking-gadget.BE div.button a{ margin-right: 25px;} .bookeasy-pg1 div.details-gadget.BE div.priceGrid table tbody tr td{ padding-left:5px; padding-right:5px; } } @media (min-width: 768px) and (max-width:991px) { body div.details-gadget.BE div.priceGrid table tbody tr td.thumb div.thumb img{max-width: 100px;} .be-payment-pg div.booking-gadget.BE div.shopping-cart, .be-payment-pg div.booking-gadget.BE div.personalDetails, .be-payment-pg div.booking-gadget.BE div.ccDetails{ min-height: inherit; margin-bottom: 25px; width: 100%;} .be-payment-pg div.booking-gadget.BE div.shopping-cart div.cartItems, .be-payment-pg div.booking-gadget.BE div.personalDetails, .be-payment-pg div.booking-gadget.BE div.ccDetails{ min-height: inherit;} .container.be-payment-pg .col-sm-12{ padding-left:20px; padding-right:20px;} 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{ padding-top:4px; padding-bottom: 4px; width: 68% !important;} div.booking-gadget.BE div.personalDetails div.receiveENewsletter input, div.booking-gadget.BE div.ccDetails div.receiveENewsletter input, div.booking-gadget.BE div.personalDetails div.acceptCancellationPolicy input, div.booking-gadget.BE div.ccDetails div.acceptCancellationPolicy input{ width:auto !important;} .be-payment-pg div.booking-gadget.BE div.button{ margin-right: 10px} .be-payment-pg div.booking-gadget.BE div.ccDetails input{ width:69% !important;} .be-payment-pg div.booking-gadget.BE div.ccDetails label{ width:30% !important;} .be-payment-pg div.booking-gadget.BE div.ccDetails div.cardExpiry select{ width:34% !important; } .bookeasy-pg1 .col-sm-12{ padding-left:25px; padding-right:25px;} .BE-backto-operator{ margin-top: 28px;} #wdOverlayContent{ width:80% !important; left:10% !important; right:10% !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{ font-size:25px; line-height: 27px;} body div.booking-gadget.BE div.ccDetails{ margin-left: 0px;} .be-payment-pg div.booking-gadget.BE div.button a{ margin-right: 0px;} .be-payment-pg div.booking-gadget.BE div.personalDetails{ padding-bottom: 15px;} } @media (min-width: 992px) and (max-width:1199px) { body div.details-gadget.BE div.priceGrid table tbody tr td.thumb div.thumb img{max-width: 100px;} #wdOverlayContent{ width:80% !important; left:10% !important; right:10% !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{ font-size:25px; line-height: 27px;} } div#wdOverlayContent div.item-details div.location{ display:none;} body div#wdOverlayContent div.item-details div.name span.operator-name{ margin-top:15px;}