/***************************MASTER RESETS***************************/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0; padding:0; border:0; outline:0; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; letter-spacing:normal; } /* remember to define focus styles! */ :focus {outline:0; } /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse:separate; border-spacing:0; empty-cells:show; } * html table {border-collapse:collapse; } caption,th,td {text-align:left; vertical-align:top; font-weight:400; } blockquote:before,blockquote:after,q:before,q:after {content:""; } blockquote,q {quotes:""; } textarea { font-family: sans-serif; } sup {font-size:smaller !important;vertical-align:super;} /**************************END MASTER RESETS***************************/ .js #feedbackify {z-index: 99!important;} /**************************** Mega Menu Layout *******************************/ /* Copied from RWD CSS */ .headerNavigation {position: relative;} .headerNavigation ul {list-style: none;margin:0;} .headerNavigation.hamburgerCheck {width: 1000px;} .headerNavigation.hamburgerCheck ul {display: inline-block;} .navWrapper {list-style: none;padding-left:1.5em;overflow: hidden;} .navWrapper a { text-decoration: none;display: block;font-size: 0.8em;position: relative;padding: 0.7em 1em;transition: all 0.1s; -webkit-transition: all 0.1s; } .navWrapper a:hover, .navWrapper a:focus { text-decoration: underline; } .navWrapper .hasDropdown > a {padding-right: 2.5em;} .no-js .navWrapper .hasDropdown > a {padding-right: 0.6em;} .navWrapper .hasDropdown > a:after {content: "";width: 24px; height: 24px; display: block; border-radius: 50%;position: absolute; right: 7px;top: 9%;} .no-js .navWrapper .hasDropdown > a:after {display: none;} .navWrapper .subheading {padding-bottom: 0; } .navWrapper > li { float: left; } .navWrapper > li > a {text-transform: uppercase;} /*menudropdown*/ .menuContainer {border: solid 2px;padding: 30px 7px;position: absolute;min-width: 8em; background-repeat: no-repeat;background-position: center;width: 100%;left: 0;opacity: 1;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;z-index: 21;} .menuOpen .menuContainer {transition: opacity 0;} .dropdownClosed .menuContainer {opacity: 0; display: none;} .menuContainer.contentLoaded {background-image: none;padding: 10px 7px;} .menuContainer ul {padding-left: 0;} .menuContainer .columnLinks { padding: 0.5em 0 1em; } .submenu a {padding: 0.3em 0.6em;} .submenu > li {padding: 3px;} .submenu .submenuLink {font-weight: bold;} .submenu .submenuLink.viewAll:after {display: none;} .submenu .viewAll {padding-left: 1.7em;font-weight: bold;padding-top: 0.8em;} .submenu .viewAll:before {content: "";background: no-repeat 0 -341px; width: 10px; height: 15px; display: inline-block; margin-right: 5px; position: absolute;top: 33%; line-height: 1; left: 7px; } /*pure styles and other adjustments*/ .submenu.pure-g [class *="pure-u"] { box-sizing: border-box;-webkit-box-sizing: border-box;display:inline-block;vertical-align: top;} .submenu .pure-u-1 { width: 100%;} .submenu .pure-u-1-5 { width: 178px;} .submenu .pure-u-1-3 { width: 295px;} .submenu .pure-u-3-5 { width: 620px;} .columnLinks .pure-u-1-3 {width: 200px;} .navWrapper {padding-left: 0;} .menuContainer {width: 941px;top: 35px;} /******************************** Fancybox lightwindow - for all sites ************************************/ /* FancyBox - jQuery Plugin Simple and fancy lightbox alternative. Examples and documentation at:http://fancybox.net * Copyright (c) 2008 - 2010 Janis Skarnelis Version:1.3.1 (05/03/2010. Requires:jQuery v1.3+ * Dual licensed under the MIT and GPL licenses: http://www.opensource.org/licenses/mit-license.php, http://www.gnu.org/licenses/gpl.html*/ #fancybox-loading {position:fixed; top:50%; left:50%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:11004; display:none; } #fancybox-loading div {position:absolute; top:0; left:0; width:40px; height:480px; background-image:url(../images/unbranded/fancybox/fancybox.gif); } #fancybox-overlay {position:fixed; top:0; left:0; bottom:0; right:0; background:#000; z-index:20001; display:none; } #fancybox-tmp {padding:0; margin:0; border:0; overflow:auto; display:none; } #fancybox-wrap {position:absolute; top:0; left:0; margin:0; padding:20px; z-index:20001; display:none; } #fancybox-outer {position:relative; width:100%; height:100%; background:transparent; } #fancybox-inner {position:absolute; top:0; left:0; width:1px; height:1px; padding:0; margin:0; outline:none; overflow:hidden; } /* make fancybox work on phones */ @media (max-width: 568px) { #fancybox-inner {max-width: 280px!important;} #whosGoingContainer .packageInfo .accommodationName, #whosGoingContainer .javaScriptOnSearch .insideSearchPanel,#whosGoingContainer .javaScriptOnSearch form ul {width: 260px!important;} } #fancybox-hide-sel-frame {position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; } #fancybox-close {position:absolute; top:0; right:0; width:70px; height:28px; background-image:url(../images/unbranded/fancybox/closebox.gif); background-position:0 0; cursor:pointer; z-index:11003; display:none; } #fancybox_error {color:#444; font-size:75%; font-weight:normal; padding:7px; margin:0; } #fancybox-content {height:auto; width:auto; padding:0; margin:0; } #fancybox-img {width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top; } #fancybox-frame {position:relative; width:100%; height:100%; border:none; display:block; } #fancybox-left, #fancybox-right {position:absolute; bottom:0; height:100%; width:35%; cursor:pointer; outline:none; z-index:11002; display:none; } #fancybox-left {left:0; } #fancybox-right {right:0; } #fancybox-left-ico, #fancybox-right-ico {position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:11002; display:block; } #fancybox-left:hover span {left:20px; } #fancybox-right:hover span {left:auto; right:20px; } .fancy-bg {position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:10001; } /***New search panel non responsive bits***/ .full-width-search-close { display: none; } .searchPanel .dates label .details, .searchPanel .destination label .details, .searchPanel .departure label .details { display: block; padding-top: 5px; } .searchPanel .child-option {padding-bottom:0; width:45%; margin-right: 0.5em; float: left; } .searchPanel .child-ages-container {} .searchPanel .child-ages-container:after, .searchPanel .people-panel:after {content: "";display: table; clear: both;} /***Ajax Overlay***/ .overlay { background: rgb(255,255,255); background: rgba(255,255,255,0.8); float: left; height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 2000040; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .overlay:hover {cursor: wait;} .overlay-inner {background: none repeat scroll 0 0 #333333; opacity: 1; border-radius: 10px 10px 10px 10px; left: 43%; padding: 20px; position: absolute; text-align: center; top: 200px;} .overlay-inner p {color: #fff; font-weight: bold;} /* Airline logos */ p.flightInfo, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourFlights ul li p.flightInfo, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourFlights ul li p.pnr {width:100%;float:left;display:block;} p.flightInfo span.airlineLogo {display:block; background-repeat:no-repeat; clear:both; text-indent:-9999px; width:100%; height:30px; background-position:top left;} p.flightInfo span.adria {height:26px; background-image: url(/static/images/airline-logos/adria.png);} p.flightInfo span.aer-lingus {height:16px; background-image: url(/static/images/airline-logos/aer-lingus.png);} p.flightInfo span.air-berlin {height:28px; background-image: url(/static/images/airline-logos/air-berlin.png);} p.flightInfo span.air-canada {height:19px; background-image: url(/static/images/airline-logos/air-canada.png);} p.flightInfo span.air-contractors {height:24px; background-image: url(/static/images/airline-logos/air-contractors.png);} p.flightInfo span.air-transat {height:35px; background-image: url(/static/images/airline-logos/air-transat.png);} p.flightInfo span.alba-star {height:25px; background-image: url(/static/images/airline-logos/albastar.png);} p.flightInfo span.american-airlines {height:19px; background-image: url(/static/images/airline-logos/american-airlines.png);} p.flightInfo span.austrian {height:26px; background-image: url(/static/images/airline-logos/austrian.png);} p.flightInfo span.bmi-baby {height:20px; background-image: url(/static/images/airline-logos/bmi-baby.gif);} p.flightInfo span.british-airways {height:19px; background-image: url(/static/images/airline-logos/british-airways.png);} p.flightInfo span.british-midland {height:33px; background-image: url(/static/images/airline-logos/british-midland.png);} p.flightInfo span.croatia-airlines {height:11px; background-image: url(/static/images/airline-logos/croatia-airlines.png);} p.flightInfo span.czech {height:27px; background-image: url(/static/images/airline-logos/czech.png);} p.flightInfo span.delta {height:16px; background-image: url(/static/images/airline-logos/delta.png);} p.flightInfo span.easyjet {height:23px; background-image: url(/static/images/airline-logos/easyjet.png);} p.flightInfo span.eurostar {height:42px; background-image: url(/static/images/airline-logos/eurostar.png);} p.flightInfo span.flybe {height:27px; background-image: url(/static/images/airline-logos/flybe.png);} p.flightInfo span.germania {height:26px; background-image: url(/static/images/airline-logos/germania.png);} p.flightInfo span.hamburg-international {height:20px; background-image: url(/static/images/airline-logos/hamburg-international.png);} p.flightInfo span.jet2 {height:24px; background-image: url(/static/images/airline-logos/jet2.png);} p.flightInfo span.klm {height:30px; background-image: url(/static/images/airline-logos/klm.png);} p.flightInfo span.livingston-air {height:26px; background-image: url(/static/images/airline-logos/livingston-air.png);} p.flightInfo span.mistral-air {height:35px; background-image: url(/static/images/airline-logos/mistral-air2.png);} p.flightInfo span.monarch {height:20px; background-image: url(/static/images/airline-logos/monarch.png);} p.flightInfo span.norwegian, p.flightInfo span.norwegian-air {height:29px; background-image: url(/static/images/airline-logos/norwegian-air.png);} p.flightInfo span.scandanavian-air {height:45px; background-image: url(/static/images/airline-logos/scandanavian-airlines.png);} p.flightInfo span.scandinavian-airways {height:26px; background-image: url(/static/images/airline-logos/scandinavian-airways.png);} p.flightInfo span.swiss-air {height:31px; background-image: url(/static/images/airline-logos/swiss-air.png);} p.flightInfo span.thomas-cook {height:44px; background-image: url(/static/images/airline-logos/thomas-cook.png);} p.flightInfo span.thomson-airways {height:36px; background-image: url(/static/images/airline-logos/thomson-airways.png);} p.flightInfo span.titan {height:45px; background-image: url(/static/images/airline-logos/titan.png);} p.flightInfo span.united-airlines {height:30px; background-image: url(/static/images/airline-logos/united-airlines.png);} p.flightInfo span.virgin-atlantic {height:25px; background-image: url(/static/images/airline-logos/virgin-atlantic.png);} p.flightInfo span.volotea {height:30px; background-image: url(/static/images/airline-logos/volotea.png);} /*micro airline logos */ #page #content ul.searchResults p.flightInfo {width:100%; margin-bottom:3px; display:block;float:left;} #page #content ul.searchResults p.flightInfo .flightText {width:100%; float:left; clear:both; margin-top:6px;} #page #content ul.searchResults p.flightInfo span.airlineLogo {width:100%; padding:0; margin:5px 0; height:15px; display:block; text-indent:-9000px; float:left; clear:both; background-position:top left; background-repeat:no-repeat;} #page #content ul.searchResults p.flightInfo span.adria {background-image: url(/static/images/airline-logos/micro/adria.png);} #page #content ul.searchResults p.flightInfo span.aer-lingus {background-image: url(/static/images/airline-logos/micro/aer-lingus.png);} #page #content ul.searchResults p.flightInfo span.air-berlin {background-image: url(/static/images/airline-logos/micro/air-berlin.png);} #page #content ul.searchResults p.flightInfo span.air-canada {background-image: url(/static/images/airline-logos/micro/air-canada.png);} #page #content ul.searchResults p.flightInfo span.air-contractors {background-image: url(/static/images/airline-logos/micro/air-contractors.png);} #page #content ul.searchResults p.flightInfo span.air-transat {background-image: url(/static/images/airline-logos/micro/air-transat.png);} #page #content ul.searchResults p.flightInfo span.american-airlines {background-image: url(/static/images/airline-logos/micro/american-airlines.png);} #page #content ul.searchResults p.flightInfo span.austrian {background-image: url(/static/images/airline-logos/micro/austrian.png);} #page #content ul.searchResults p.flightInfo span.british-airways {background-image: url(/static/images/airline-logos/micro/british-airways.png);} #page #content ul.searchResults p.flightInfo span.british-midland {background-image: url(/static/images/airline-logos/micro/british-midland.png);} #page #content ul.searchResults p.flightInfo span.croatia-airlines {background-image: url(/static/images/airline-logos/micro/croatia-airlines.png);} #page #content ul.searchResults p.flightInfo span.czech {background-image: url(/static/images/airline-logos/micro/czech-airlines.png);} #page #content ul.searchResults p.flightInfo span.delta {background-image: url(/static/images/airline-logos/micro/delta.png);} #page #content ul.searchResults p.flightInfo span.easyjet {background-image: url(/static/images/airline-logos/micro/easyjet.png);} #page #content ul.searchResults p.flightInfo span.eurostar {background-image: url(/static/images/airline-logos/micro/eurostar.png);} #page #content ul.searchResults p.flightInfo span.flybe {background-image: url(/static/images/airline-logos/micro/flybe.png);} #page #content ul.searchResults p.flightInfo span.hamburg-international {background-image: url(/static/images/airline-logos/micro/hamburg-international.png);} #page #content ul.searchResults p.flightInfo span.jet2 {background-image: url(/static/images/airline-logos/micro/jet2.png);} #page #content ul.searchResults p.flightInfo span.klm {background-image: url(/static/images/airline-logos/micro/klm.png);} #page #content ul.searchResults p.flightInfo span.livingston-air {background-image: url(/static/images/airline-logos/micro/livingston-air.png);} #page #content ul.searchResults p.flightInfo span.monarch {background-image: url(/static/images/airline-logos/micro/monarch.png);} #page #content ul.searchResults p.flightInfo span.norwegian-air {background-image: url(/static/images/airline-logos/micro/norwegian-air.png);} #page #content ul.searchResults p.flightInfo span.scandinavian-airways {background-image: url(/static/images/airline-logos/micro/scandinavian-airways.png);} #page #content ul.searchResults p.flightInfo span.swiss-air {background-image: url(/static/images/airline-logos/micro/swiss-air.png);} #page #content ul.searchResults p.flightInfo span.thomas-cook {background-image: url(/static/images/airline-logos/micro/thomas-cook.png);} #page #content ul.searchResults p.flightInfo span.thomson-airways {background-image: url(/static/images/airline-logos/micro/thomson-airways.png);} #page #content ul.searchResults p.flightInfo span.titan {background-image: url(/static/images/airline-logos/micro/titan.png);} #page #content ul.searchResults p.flightInfo span.united-airlines {background-image: url(/static/images/airline-logos/micro/united-airlines.png);} #page #content ul.searchResults p.flightInfo span.virgin-atlantic {background-image: url(/static/images/airline-logos/micro/virgin-atlantic.png);} #page #content ul.searchResults p.flightInfo span.volotea {background-image: url(/static/images/airline-logos/micro/volotea.png);} /*Logout button*/ #pageHolder .insidePageHolder p.logOut {padding:0px; margin:0px;} /*************************** Rooms ****************************/ /*White Men*/ #page.bookingPage ul.roomsList li .addARoom .occupancy {background-image:url(/static/images/unbranded/occupants-sprite.png); background-repeat: repeat-x;background-position: 0 0;height: 32px;} /*Black Men*/ #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupancy .insideOccupancy {background-image:url(/static/images/unbranded/occupants-sprite.png);background-repeat: repeat-x;background-position: 0 -32px;height: 32px;} #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupiedBy0 {width: 0px;} #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupiedBy1, #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .roomTakes1 {width: 13px;} #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupiedBy2, #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .roomTakes2 {width: 26px;} #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupiedBy3, #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .roomTakes3 {width: 39px;} #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupiedBy4, #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .roomTakes4 {width: 52px;} #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupiedBy5, #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .roomTakes5 {width: 65px;} #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupiedBy6, #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .roomTakes6 {width: 78px;} #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupiedBy7, #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .roomTakes7 {width: 91px;} #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupiedBy8, #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .roomTakes8 {width: 104px;} #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupiedBy9, #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .roomTakes9 {width: 117px;} #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupiedBy10, #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .roomTakes10 {width: 130px;} #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupiedBy11, #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .roomTakes11 {width: 143px;} #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupiedBy12, #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .roomTakes12 {width: 156px;} #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .occupiedBy13, #page.bookingPage ul.roomsList li .addARoom .occupancyCounter .roomTakes13 {width: 169px;} /********New GMaps**********/ #map_canvas { overflow: visible !important; } #map_canvas a, #map_canvas strong { text-transform: capitalize; } #map_canvas a.read-more { text-transform: lowercase; } .googleMap {float: left;} #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelContent li.contentItem .detailsArea #map_canvas p {width: 250px; padding-top: 5px;} /* Utils styling */ #pageform.brochure-order p, #pageform.email-signup p {clear: both; font-size: 80%;} #pageform.brochure-order ul.feedbackPanel, #pageform.email-signup ul.feedbackPanel {width: 590px;} #pageform.brochure-order div.note {margin-top: 50px;} #pageform.brochure-order ul li input#emailOptIn {width: 10px; font-size: 80%;} #pageform.brochure-order #findAddressPanel ul, #pageform.email-signup #findAddressPanel ul {width: 500px;} #pageform.brochure-order #findAddressPanel .buttons, #pageform.email-signup #findAddressPanel .buttons {float: left;} #pageform.email-signup .signUpPage, #pageform.brochure-order .signUpPage {float: left; padding: 12px 0 6px; clear: both;} /*************************** Hidden ****************************/ #page.searchResults .resultsNavigation form, #page .destinationsNav, #page .inside #content .bookingButtons ul.backLinks, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.contentItem .detailsArea #show, #page.destinations #content ul.columns boardBasisInformation, #page.bookingPage ul.passengerList li ul.formList li.lookUp, .cluetip-toolTip p.backToTop, #wrapper .printOnly, p.logOutt, .bookingBody .updatePassengersHolder, .js .whatsIncludedContent, .js .ratingsdescription, .js .ratingsContent, .home #header .callUs {display:none; } .resort-finder .package-resort-image {overflow: hidden;} .resort-finder .package-resort-image img {height: 111px; width: auto;} .travellers.modal h3.sectionHeading {margin-bottom: 20px;} .resort-finder .resort-package-view-deals {text-align: left; } .resort-finder .resort-package-view-deals strong {font-size: 120%; clear: both; display: block;} .resort-finder .resort-package-view-deals small {font-weight: bold; font-size: 85%;} .resort-finder td.view-deals {padding: 30px 10px 30px 25px;} .resort-finder .resort-package-view-deals span {color: #E40046; font-size: 180%; font-weight: bold;} .resort-finder .package-rating {float: left;} .resort-finder .package-rating span {background-image: url("/static/images/crystalbrand/ratings/pisterating-sprite.png"); background-repeat: no-repeat; display: block; text-indent: -9999px; height: 10px;} .resort-finder .experts.package-rating span {background-color: #000;} .resort-finder .intermediates.package-rating span {background-color: #EC1D24;} .resort-finder .beginners.package-rating span {background-color: #0B51A2;} .resort-finder .boarders.package-rating span {background-color: #999999;} .resort-finder .rating1 span {width: 12px;} .resort-finder .rating2 span {width: 24px;} .resort-finder .rating3 span {width: 36px;} .resort-finder .rating4 span {width: 48px;} .resort-finder .rating5 span {width: 60px;} .searchPanel label:hover {cursor: pointer;} .searchPanel label.disabled input:hover, .searchPanel label.disabled:hover {cursor: not-allowed;} .js .modal .any-train {background: #ccc; padding: 10px 0 0 10px;} .js #page.dealsPage .goButton, .js #page.dealsPage .merchandisingListHolder + .searchPanelHolder {display: none;} /* line 62, ../sass/components/_buttons.scss */ .shortlist-total { color: #252a32; font-weight: bold; float:right; text-decoration:none; } /* line 70, ../sass/components/_buttons.scss */ .shortlist-total .shortlist-count { display: inline-block; color: #fff; width: 23px; height: 20px; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: 2px 0; margin-left: 5px; background-color: #00ce9b; } /* line 86, ../sass/components/_buttons.scss */ .shortlist-total:hover { text-decoration: none; } /*no js support for dealfinder */ .no-js .dealsFilterPanel .accommodation, .no-js .loading-panel {display: none;} .no-js .resort-finder .expand-child td {padding: 0; border-bottom: 0 none;} .no-js #page.dealsPage .expand-child .merchandisingListHolder {padding: 8px;} .no-js .dealsFilterPanel .searchPanel {width: 100%;} .no-js .dealsFilterPanel .col fieldset div {font-size: 75%;} .no-js .dealsFilterPanel .col ul li {padding: 0;} .no-js .dealsFilterPanel .col fieldset div {color: #fff;} .no-js #who-going .searchPanel {width: 100%;} .no-js #flying input[type="submit"], .no-js #destinations input[type="submit"], .no-js #who-going input[type="submit"] {font-size: 75%;} /* new header */ .brand { position: relative; overflow: hidden; padding: 1em; width: 100%; box-sizing: border-box; font-size: 14px; } .brand > div { box-sizing: border-box; } .brand__panel--identity { float: left; display: flex; padding-right: 0.5em; padding-top: 10px; width: 30%; } .logo { text-indent: -999%; font-size: 0; flex: 1; max-width: 200px; display: inline-block; text-decoration: none; } .logo img { display: block; width: 100%; height: auto; } .logo:hover { text-decoration: none; } .site-tag--agent { font-size: 12px; display: block; margin-top: 0.5em; width: 100%; text-indent: 0; text-decoration: none; color: #252a32; } .navigation-toggle__button { display: none; } .brand__panel--search { float: right; text-align: right; width: 30%; padding-top: 0; } .site-search-mobile { display:none; } .site-search-toggle__icon { background: #84329b url(/static/img/global/search-icon.png) center no-repeat; background-size: 20px; filter: none; width: 40px; height: 40px; min-width: 40px; font-family: inherit; font-size: 11px; font-weight: bold; color: #fff; margin: 0; padding: 0.75rem 1rem; text-indent: 900%; display: none; } .no-js .site-search-toggle__icon { display: none; } .no-js .toggle-icon--external { display: block; } .site-search__input { min-height: 31px; } .site-search__info { font-size: 12px; text-align: left; padding-top: 0.5em; } .site-search__info span { display: inline-block; } .site-search__info a { display: inline-block; margin-right: 0.1em; } .site-search { display: block; margin-top: 23px; } .site-search__full-width { display: none; } .gsc-completion-promotion-table .gsc-completion-title { color: #639BC6; } .gsc-completion-promotion-table .gsc-completion-title:hover { text-decoration: underline; color: #e40046; } .gsc-completion-promotion-table .gsc-completion-snippet { color: #252a32; } .gsc-input-box .gsst_a .gscb_a { display: none; } .gsc-input-box input.gsc-input { font-size: 14px; } .gsc-input-box .gsib_a { padding-top: 6px; } .brand__panel--promotion { float: right; clear: none; padding-top: 0; width: 40%; } .promotion__link { display: block; } .promotion__source { max-width: 100%; height: auto; } .mobile-search__button { display: none; background: url(/static/img/global/search-icon.png) 10px no-repeat; background-color: #c0023e; border-bottom: 4px solid; border-color: #a70236; background-size: 20px; height: 40px; padding: 10px; text-transform: uppercase; text-align: center; margin: 0.5em 0.5em 0; color: #fff; white-space: nowrap; overflow: hidden; position: relative; } .mobile-search__button:after { content: ''; width: 13px; height: 13px; position: absolute; top: 14px; right: 1em; background-image: url(/static/img/crystal/arrow-sprite.png); background-repeat: no-repeat; background-position: 4px -342px; } .mobile-search__button:hover, .mobile-search__button:focus, .mobile-search__button:active { background-color: #a70236; border-color: #8e012e; color: #fff; text-decoration: none; } .mobile-search__button span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* gooogle site search overrides */ .gsc-search-box .gsc-input { padding: 0 !important; font-size: 12px; } span.gscb_a { position: relative; font: normal 1.5rem/1rem Georgia, serif !important; } td.gsc-search-button { margin: 0 !important; padding: 0 !important; box-sizing: initial; } .gsc-search-button-v2 { -webkit-border-radius: 0 !important; border-radius: 0 !important; margin: 0 !important; } .gsc-search-box-tools .gsc-search-box .gsc-input { background: transparent !important; } .gssb_a, .gssb_a td { font-weight: bold !important; } .gssb_a b, .gssb_a td b { font-weight: normal !important; } /* mobile search button */ .mobile-search__button { display:none; } /* Static page HTML5 Video Styles */ #page #contentHeader.france-paradiski .introduction .insideIntroduction .introText { margin-bottom: 1em; } .video-holder video { width: 100%; } #page #content.static-page__video { margin-top: -195px; } #page.contentPage .sectionLinksHolder.static-page__nav__video { top: 486px; } /* Countdown Timer */ .brand__panel--promotion.has-countdown .countdown-wrap { border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 0.35); box-sizing: inherit; overflow: hidden; padding: 0.5em; } .countdown { clear: both; color: #fff; float: left; } .brand__panel--promotion .countdown-wrap { background-image: url(/static/img/thomson/tlm-header-promo-cta.png); background-repeat: no-repeat; background-position: left 50%; min-height: 55px; padding-left: 65px; } .brand__panel--promotion .countdown-wrap { box-sizing: inherit; min-height: 55px; padding-left: 65px; position: relative; width: 100%; } .countdown__message { clear: none; display: block; font-weight: bold; } .brand__panel--promotion .countdown__message { font-size: 14px; margin-bottom: 2px; text-transform: uppercase; } .countdown__container { clear: both; font-weight: bold; overflow: hidden; } .brand__panel--promotion .countdown__container { float: none; font-size: 150%; } .countdown__container .timer-element { float: left; width: 45px; line-height: 1; padding: 0; } .countdown__container .timer-element span { display: block; text-align: center; } .brand__panel--promotion .countdown__container .timer-element span { text-align: left; } .countdown__container .timer-element span.timer-heading { font-size: 0.45em; } .brand__panel--promotion .countdown__link { display: block; position: absolute; text-indent: -999em; top: 0; right: 0; bottom: 0; left: 0; } .brand__panel--promotion .terms-link { font-size: 80%; display: block; padding-top: 0.1rem; text-decoration: none; color: #fff; } .brand__panel--promotion .terms-link:hover { text-decoration: underline; } .brand__panel--promotion .terms-link:after { content: ' \00BB'; } /* UTILITY BAR: Contact centre */ .utility-bar__call-centre { float: left; } .utility__link--contactcentre > .contact-centre__phone-number, .utility__link--contactcentre > .contact-centre__phone-number a { color: #fff; text-decoration: none; } .utility__link--contactcentre > .contact-centre__phone-number a:hover { text-decoration: underline; } .contact-centre__open { color: #fff; display: none; } @media (min-width: 800px) { .contact-centre__open { display: inline-block; } } .utility-bar__call-centre .utility__link--contactcentre { border-width: 0; display: block; min-height: 44px; min-width: 44px; padding: 1em 0 1em 2em; position: relative; } .utility-bar__call-centre .utility__link--contactcentre .contact-centre__phone-number:before { background: url(/static/images/sprites/icons-spritesheet-old-non-responsive.png) no-repeat; background-position: -645px -85px; content: ' '; width: 14px; height: 18px; position: absolute; top: 1em; left: 0.5em; } .utility__link--contactcentre .contact-centre__phone-number > a:after { content: ' \002a'; } .utility-bar__call-centre .utility__link--contactcentre:hover { background-color: transparent; } .utility-bar__call-centre .utility__link--contactcentre:hover .message { text-decoration: underline; } .contactcentre-popup { background-color: #fff; border: 5px solid #005959; box-shadow: 5px 5px 5px 1px rgba(102, 102, 102, 0.5); cursor: default; display: none; padding: 1.5em; position: absolute; left: 0; top: 55px; width: 320px; z-index: 1; } .contactcentre-popup:before { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 16px solid #005959; position: absolute; top: -21px; left: 70px; content: ''; } .mfp-content .contactcentre-popup { position: static; display: block; width: 100%; } .mfp-content .contactcentre-popup:before { border: 0; } .contactcentre-popup .closed-msg { /*display: block;*/ display: none; font-weight: bold; } .contactcentre-popup .open-msg { display: none; } .contactcentre-popup .opening-hrs { list-style: none; margin: 0 auto 1em; max-width: 280px; padding: 0; } .contactcentre-popup .opening-hrs li { padding: 2px; } .contactcentre-popup .opening-hrs li:before, .contactcentre-popup .opening-hrs li:after { content: ""; display: table; } .contactcentre-popup .opening-hrs li:after { clear: both; } .contactcentre-popup .opening-hrs .day { float: left; } .contactcentre-popup .opening-hrs .day:after { content: ':'; } .contactcentre-popup .opening-hrs .times { float: right; } .contactcentre-popup .today-0 .day-0, .contactcentre-popup .today-1 .day-1, .contactcentre-popup .today-2 .day-2, .contactcentre-popup .today-3 .day-3, .contactcentre-popup .today-4 .day-4, .contactcentre-popup .today-5 .day-5, .contactcentre-popup .today-6 .day-6 { /*background-color: #dfeeef;*/ /*font-weight: 700;*/ } .contactcentre-popup .btn { width: 100%; } .contactcentre-popup .contact-centre__phone-number { display: none; } .contactcentre-popup .contact-centre__phone-number:after { content: ''; } .contactcentre-popup .contact-centre__phone-number.text { color: #252a32; display: block; } .contactcentre-popup .contact-centre__phone-number span { font-weight: bold; } .contactcentre-popup .contact-centre__phone-number span:after { content: ' \002a'; } .contactcentre-popup .contact-centre__contact-link { margin-bottom: 0; } .contactcentre-open.utility__link--contactcentre .message { background-color: #00ce9b; border-radius: 1em; padding: 0.3em 0.5em; } .contactcentre-open .closed-msg { display: none; } .contactcentre-open .open-msg { /*display: block;*/ } .contactcentre-open .contact-centre__phone-number.link { display: block; padding: 0.5em 0; } .contactcentre-open .contact-centre__phone-number.link .number { font-size: 16px; } .contactcentre-open .contact-centre__phone-number.text { display: none; } @media (min-width: 769px) { .contactcentre-open .contact-centre__phone-number.link { display: none; } .contactcentre-open .contact-centre__phone-number.text { display: block; } .contactcentre-open .contact-centre__contact-link { display: block; } }