/*Print css*/ /***************************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:0px; padding:0px; border:0px; outline:0px; 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:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} img {} /**************************END MASTER RESETS***************************/ /********************************************** General *****************************************************/ input, select, textarea {color:#333; line-height:1.2; margin:0px; padding:0px; border:1px solid #ccc; background-color:#FFF;} a {text-decoration:none; color:#333;} h1,h2,h3,h4,h5,h6 {margin:0px; padding:0px 0px 5px 0px; font-weight:bold;} p, ul, ol, dl {margin:0px; padding:0px 0px 5px 0px;} li {margin:0px; padding:0px;} .error {color:#990000;} img {font-size:70%; color:#a7a9ac; border:0px;} ul, ol {list-style-type:none;} dt {font-weight:bold;} body {font-family:arial, helvetica, verdana, sans-serif; background-color:#fff; color:#333; font-size:100%;} #header .headerNavigation, #pageHolder .progress, #footer .siteLinks, #page.bookingPage .inside #contentHeader .introduction .insideIntroduction .introText p.printThis, #header .branding .searchThomson, a.skipNav, .photoShow, #tools, #page.searchResults #content .searchResultsTools, #page.dealsPage .offersGallery .sort, #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd .go, #page.dealsPage #searchResultsFilters, #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice .bookNow p, #page.dealsPage .endText, #page.dealsPage .sort, #page.contentPage .sectionLinks, #content ul.destinationPageList li .links, #pageHolder .breadcrumbs, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelNavigation, #page #contentHeader .destinationsNav, #page #contentNavigation .insideContentNavigation p.viewAll, #content ul.destinationsResortList li .locationContent p.viewAll, #content ul.destinationPageList li .locationContent p.more, #page #content ul.columns li.col2 .skiAbilities p.viewAll, #page.bookingPage .inside #content .bookingBody table.flightList tr td p.continue, #page.bookingPage .inside #content .bookingBody table.flightList tbody .priceInfo h3 a, #page.bookingPage .inside #content .bookingBody .sortByList, #page.searchResults #contentHeader .introduction .insideIntroduction .introText .weHelpedYou, #page #contentHeader .introduction .insideIntroduction .introText .earlierLater, #page .sort, #page.searchResults #content .searchResultsTools, #page.searchResults .resultsNavigation, #page .searchResultsHolder .insideSearchResultsLists .paginationArea, #page #content ul.searchResults li .bodyPanel .imageHolder ul.imagesCounter, #page #content ul.searchResults li .bodyPanel .imageHolder .imageList, #page #content ul.searchResults li .bodyPanel .bookNow, #page #content ul.searchResults li .bodyPanel .price .insidePrice h3 a, #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice h3 a, #page.searchResults #contentHeader .introduction .insideIntroduction .introText h1 a, .boardBasisOptions .insideBoardBasisOptions ul.prices li .bookNow, .boardBasisOptions .insideBoardBasisOptions h3 a , #bookingSummary .priceInfo .insidePrice .prices h3 a, #page #contentHeader .introduction .insideIntroduction .introText .accommodationOptions, #page.bookingPage .allocatedRoom .text .continue a, #page.bookingPage ul.roomsList li.choices ul.nextLinks, #page.bookingPage ul.roomsList li.default .insideAllocatedRoom .continue, #page.bookingPage ul.roomsList li .text p.addRoom, #page.bookingPage ul.roomsList li p.addAnother, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li .insidefullWidthExtraInfo p.removeContainer, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li .quantity, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li.extrasHeadings, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li p.orRow, #page.bookingPage ul.extrasList li .ownInsurance, #page.bookingPage ul.passengerList li ul.formList li.lookUp, #page.homePage .homeColumns3 .columns3 .column p.all, #page .inside #contentHeader .introduction .insideIntroduction .introText h2 .printThis, #loginPanel, #page .inside #content .bookingButtons .insidebookingButtons, #page .inside #content .bookingButtons .bookingButtonsInside, #bookingSummary, ul.merchandisingList li.onePackage .buttonHolder p.go a, .detailedReport .moreLinks, .mainContent .addThisSection, #page.bookingPage #updateForm, .detailsArea.googleMap .galleryNavigation, #page.travelPage .inside .sortByList, #page.travelPage #contentHeader .introduction .insideIntroduction .introText p, #page.confirmationPage #content .bookingBody .linksBarShare {display:none;} h1 {font-size:100%;} h2 {font-size:87%;} h3 {font-size:81%;} h4, h5, h6, p, li, dt, dd, td, th {font-size:75%;} li h1 {font-size:150%;} li h2 {font-size:125%;} li h3 {font-size:116%;} li h4, li h5, li h6, li p, li li, li dt, li dd, li td, li th, th p, td p, td li, td h3 {font-size:100%;} th, td {padding:0px 10px 10px 0px; border-bottom:solid 1px #000;} #page.dealsPage .offersGallery ul.topSkiDeals, #page.dealsPage #content ul.dealsResults, #page.contentPage #content .hotelsListHolder ul.hotelsList, #page.contentPage #content ul.contentPageList, #page.contentPage #content .mainContent .linksBar, #page.contentPageLowerLevels #content .mainContent .freeText, #content ul.destinationPageList, #page #contentNavigation, #page.destinations #content .deals, #page #content .mainContent, #page #content .mediaPanelHolder, #page.searchResults #content ul.searchResults, .boardBasisOptions, #page.bookingPage ul.roomsList li.default, #page.bookingPage ul.roomsList li.choices, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras, #page.bookingPage ul.passengerList li, #page.bookingPage ul.paymentList, #recentlyViewed .insideRecentlyViewed, #page.homePage .homeColumns3 .columns3 .column, #page.homePage .whyBook, #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder, #footer, #page #content ul.columns li.col2 {border-top:solid 1px #000; margin-top:15px;} #page.contentPage #content .mainContent .linksBar, #page.contentPageLowerLevels #content .mainContent .freeText, #page #contentNavigation, #page.destinations #content .deals, #page #content .mainContent, #page #content .mediaPanelHolder, #page.searchResults #content ul.searchResults, .boardBasisOptions, #page.bookingPage ul.roomsList li.default, #page.bookingPage ul.roomsList li.choices, #page.bookingPage ul.passengerList li, #recentlyViewed .insideRecentlyViewed, #page.homePage .homeColumns3 .columns3 .column, #page.homePage .whyBook, #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder, #footer, #page #content ul.columns li.col2, .insideContentSection, .insideContent, .usp, .insideIntroduction .introText p, #page.bookingPage .inside #content, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourHolidayThanks .yourHolidayDetails p {padding-top:15px;} .insideContent, .insideContentSection, .usp, .insideIntroduction .introText p, #page.bookingPage .inside #content, #page p {clear:both;} #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd, #page.dealsPage #content ul.dealsResults li .insideResult, #page.contentPage #content .hotelsListHolder ul.hotelsList li .insideContentList, #page.contentPage #content ul.contentPageList li .insideContentList, #page.contentPage #content .mainContent .linksBar ul li.linkBox, #content ul.destinationPageList li .insideLocationList, #page #contentNavigation .insideContentNavigation ul li, #page.bookingPage .inside #content .bookingBody table.flightList tr.flightDetails td, #page.searchResults #content ul.searchResults li .insideSearchResult, .boardBasisOptions .insideBoardBasisOptions ul.prices li, #page.bookingPage ul.roomsList li.choices ul.alternativeRooms li, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li, #page.bookingPage ul.passengerList li .passengers, #page.bookingPage .inside #content .bookingBody ul.paymentList li fieldset {border-bottom:solid 1px #000; padding:15px 0px 15px 0px;} #page #contentNavigation .insideContentNavigation ul li ul.accommodationsPerRating li, #page.bookingPage ul.roomsList li.choices ul.alternativeRooms li li, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li li, #page.bookingPage ul.passengerList li li {padding:0px; border:0px;} #bookingSummary {margin-top:15px;} /*Confirmation and quote pages*/ #wrapper {width:100%; text-align:center;} #header, #pageHolder, #footer {width:684px; text-align:left; margin:0px auto 0px auto;} #page.confirmationPage .inside #contentHeader {clear:both; float:left; margin-top:24px; padding:0; width:684px;} #page.confirmationPage .inside #contentHeader .introduction {width:660px; padding:0px 12px 24px 12px; float:left; clear:both;} #page.confirmationPage .inside #contentHeader .introduction h2 {width:100%; float:left; clear:both; padding-top:12px; padding-bottom:0px;} #page.bookingPage .inside #content .bookingBody {width:100%; } #page.bookingPage .inside #content .bookingBody ul.confirmationList ul {border:0px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList ul li {border:0px; padding:0px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourFlights .direction, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourHoliday .holidayCostSummary .youHavePaid, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourHoliday .holidayCostSummary .priceBreakdown, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourAccommodation .accommodationText, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourAccommodation .accommodationImages, #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul.passengers li.leadPassenger, #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul.passengers li.otherPassengers, #page.bookingPage .inside #content .bookingBody ul.confirmationList .fullPriceBreakdown .itemisedTable, #page.bookingPage .inside #content .bookingBody ul.confirmationList .fullPriceBreakdown .includesDiscounts {width:50%; float:left; clear:none; overflow:hidden;} #page.bookingPage .inside #content .bookingBody ul.confirmationList {border-bottom:0px; border-top:0px; width:660px; padding:12px 12px 0px 12px; clear:both;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li {border:0px; margin:0px; padding:12px 0px 12px 0px; width:100%; clear:both;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem { width:636px; clear:both; padding:11px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem h2 {background-color:#000; color:#fff; width:auto; float:left; margin:-24px 0px 0px 0px; padding:6px 24px 6px 12px; } #page .inside #contentHeader .introduction .insideIntroduction .introText h1 {border:solid 1px #000; background-color:#000; color:#fff; font-size:175%; font-weight:normal; margin:0px; padding:6px 24px 6px 12px; width:auto; float:left; clear:both; margin-top:-12px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourAccommodation .image {background-color:#fff; border:1px solid #efefef; clear:both; float:left; height:237px; overflow:hidden; width:316px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourAccommodation .image .insideImage {border:0px; clear:both; float:left; height:238px; overflow:hidden; padding:0; text-align:center; width:316px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourAccommodation .image .insideImage img {width:316px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourAccommodation .accommodationText .accommodationHeader p.location {font-weight:bold;} #page .inside #contentHeader .introduction .insideIntroduction .introText h1, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem h2, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem {border:solid 1px #000; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#fff;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem .accommodationDetails, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem .travelInfo, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem .extrasBreakdown, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem .holidayCostSummary, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem .contactDetails, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem .important, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem ul.passengers, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.whatNext ul, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourHoliday .holidayCostSummary .youHavePaid, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourHolidayThanks .holidayCostSummary .youHavePaid, #page.bookingPage .inside #content .bookingBody ul.confirmationList .fullPriceBreakdown {width:100%; clear:both; padding-top:12px; } #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem .accommodationDetails:after, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem .travelInfo:after, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem .extrasBreakdown:after, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem .holidayCostSummary:after, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem .contactDetails:after, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem .important:after, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem ul.passengers:after, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.whatNext ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li .insideListItem ul.passengers {margin:0px; padding:0px; list-style-type:none;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourFlights ul li h4 {display:inline; margin-right:6px; font-weight:normal;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourFlights ul li p {display:inline;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourHoliday .holidayCostSummary ul li {width:100%; float:left; clear:both;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourHoliday .holidayCostSummary ul li h4 {font-weight:normal; float:left; width:138px; margin-right:6px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourHoliday .holidayCostSummary ul li p, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourHoliday .holidayCostSummary ul li ul {width:174px; float:left; clear:none;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourHoliday .holidayCostSummary .youHavePaid h3 span.number, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourHoliday .holidayCostSummary .youHavePaid h3 span.words {width:100%; display:block; clear:both;} #page.bookingPage .inside #content .bookingBody .signOff {padding:12px 12px 12px 12px; width:660px;} #page.bookingPage .inside #content .bookingBody .signOff p {font-size:87%; font-weight:bold;} #footer .protectedHolidays .protection .copyRight p {font-size:70%;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourHoliday .holidayCostSummary .youHavePaid h3 span.number {font-size:240%; color: #ED1C24;} #footer .protectedHolidays .protection ul.logoLinks {padding:0px; margin:0px; border-left:solid 1px #666; width:99%; float:left; clear:both;} #footer .protectedHolidays .protection ul.logoLinks li {width:auto; padding:0px 6px 0px 6px; font-size:70%; float:left; clear:none; border-right:solid 1px #666;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourFlights ul li.travelRoute, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourFlights ul li.arriveTimes, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourFlights ul li.airline {padding-bottom:6px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourFlights ul li.message {padding-top:6px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourFlights .direction h3 {font-size:100%;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourFlights ul.flightDetails li.travelRoute p {font-size:108%;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourFlights ul.flightDetails li.travelRoute p span {font-weight:bold;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li .postalAddress li.mobile *, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .postalAddress li.telephone *, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .postalAddress li.email * {font-weight:normal;} #page.bookingPage .inside #content .bookingBody ul.confirmationList .fullPriceBreakdown table th, #page.bookingPage .inside #content .bookingBody ul.confirmationList .fullPriceBreakdown table td {padding-bottom:6px; padding-right:12px; text-align:right;} #page.bookingPage .inside #content .bookingBody ul.confirmationList .fullPriceBreakdown table th.entryName {text-align:left;} #page.bookingPage .inside #content .bookingBody ul.confirmationList .fullPriceBreakdown table thead th {font-weight:bold;} #page.bookingPage .inside #content .bookingBody ul.confirmationList .fullPriceBreakdown table tr.totalPrice td, #page.bookingPage .inside #content .bookingBody ul.confirmationList .fullPriceBreakdown table tr.totalPrice th {border-top:1px solid #ccc; padding-top:6px;} #page.bookingPage .contentNote {width:100%; padding:12px 0px 0px 0px; clear:both; font-size:93%;} #page.bookingPage .contentNote p {padding:0px;} #header, #page.confirmationPage .inside #contentHeader {display:none;} #header p {padding:0px;} #footer {width:100%; padding:12px 0px 0px 0px; border-top:solid 1px #000;} /* sgExpand styles for accordion (see /static/js/sgExpand.js) To ensure that accordion items display when printed */ .screenOnlyHide { display: block; } .sgExpandContent ul { margin: 10px 20px; } .sgExpandContent ul li { margin-bottom: 10px; list-style: disc; padding-left: 10px; } .sgExpandContent table { width: 80%; margin: 10px auto; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; page-break-before:always; } .sgExpandContent th { font-weight: bold; } .sgExpandContent th, .sgExpandContent td { border-bottom: 1px solid #000; padding: 5px; } /*print styles*/ .main-header { display:none !important; } .printOnly { display: block !important; width: 684px; text-align: left; margin: 0px auto 1em auto; }