/*************************************************************** * START MOVE OF CSS FROM BRAND CRYSTAL for IE7 issue (26.02.13) * Moved from static/css/brand_crystal.css * To line 407 ***************************************************************/ /*************************** EPIC DRIVEN (EPIC DIMENSION) ********************************************/ /* New this season */ #page #content ul.searchResults li .bodyPanel .stay .offers ul li.anew-this-season, #content ul.destinationPageList li .featuresInfo .offers ul li.anew-this-season, #page.destinations #contentNavigation .featuresInfo .offers ul li.anew-this-season, #page ul.merchandisingList li.onePackage .features .offers ul li.anew-this-season, #page.bookingPage .inside #content .bookingBody ul.flightList li .offers ul li.anew-this-season, #page.dealsSection #content ul.deal li.anew-this-season a, #page.homePage .skiDealsLinks ul.ski-deals li.anew-this-season a {background-image: url(/static/images/crystalbrand/offericons/newthisseason_sml.png);} #page #content ul.columns li.col1 .featuresInfo .offers li.anew-this-season span.marker, #page.contentPage #content ul.contentPageList li .offers li.anew-this-season span.marker {background-image:url(/static/images/crystalbrand/offericons/newthisseason_lrg.png);} /***********Mandatory only*****************/ /* Web discount */ #bookingSummary .priceInfo .insidePrice .prices ul li.includes ul li.extraTypeWE, #bookingSummary ul.customisingList li ul li.extraTypeWE, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourHoliday .includesDiscounts ul li.extraTypeWE, #page.destinations #contentNavigation .featuresInfo .offers ul li.extraTypeWE {background-image: url(/static/images/crystalbrand/offericons/web_sml.png);} /* Free child discount */ #bookingSummary .priceInfo .insidePrice .prices ul li.includes ul li.freeChildDiscount, #bookingSummary ul.customisingList li ul li.freeChildDiscount, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourHoliday .includesDiscounts ul li.freeChildDiscount, #page.destinations #contentNavigation .featuresInfo .offers ul li.freeChildDiscount {background-image: url(/static/images/crystalbrand/offericons/free_sml.png);} /********************************************* END SPECIFIC OFFERS AND PROMOTIONS*******************************************************/ #page .inside #contentHeader .introduction .insideIntroduction .introText h1 .whereLocated, #page #contentHeader .introduction .insideIntroduction .introText .accommodationOptions {position:absolute; width:auto; float:left; display:inline; left:-3000px; } /******************************************************************************************************************/ /*************************************** NON-STANDARD BROWSER STYLES **********************************************/ /******************************************************************************************************************/ #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo h2.feedHeader {text-indent:-9000px; padding:0; width:100%; margin:0; height:20px; width:238px; display:block; background-color:transparent; background-repeat:no-repeat; background-position:top left; position:absolute;top: 20px; border:0px;} /**************Border radius*****************/ .cluetip-toolTip, .javaScriptOnSearch .insideSearchPanel {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #wrapper, #page #contentHeader.mediaPanelPageHeader .introduction .insideIntroduction, #page #content .opinionTable .insideBlock ul li .value, #page #content ul.columns li.col2 .twitterFeed .insideBlock, #page #content ul.columns li.col1 .specialOffers .insideBlock, #page #content ul.columns li.col1 .moneySavers .insideBlock, #page.contentPage #content .hotelsListHolder .insideHotelsList, #page.contentPage #content .hotelsListHolder .CollapsiblePanelTab, /*#page.contentPage #content .mainContent .linksBar li,*/ .contentPage #content .threeColPromo ul.inside3colPromo, /*#page.contentPage .sectionLinks .insideSectionLinks,*/ /*#page.contentPage .sectionLinks ul li a,*/ /*#page.contentPage .sectionLinks ul li h2,*/ #page.contentPage #content .subSection .inner, #page.contentPageTopLevel #content .freeText ul.ticklist, #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo, #page.homePage #content .mainContent .contentSection .insideContentSection .holidayDeals, .searchPanel fieldset .panelMessage .insidePanelMessage, #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd .insideOfferAd, #pageHolder .progress ul, #page #content .earlierLater ul li, #page.searchResults .inside #content .resultsAndTools h1 .searchSummary .mainResult a.changeSearch, #page.searchResults .inside #contentHeader .introduction h1 a.changeSearch, #page.searchResults #contentHeader .introduction .insideIntroduction .introText p.yourResults a, #page.searchResults #contentHeader .introduction .insideIntroduction .introText .weHelpedYou p, #page #content ul.searchResults li .bodyPanel .imageHolder ul.imagesCounter li, #page .sort .goButton input.go, #page.searchResults .paginationArea .pagination ul, #page.bookingPage .inside #content .boardBasisOptions .insideBoardBasisOptions, #page.bookingPage ul.roomsList li .childrenMessage .insideChildrenMessage, #page.bookingPage ul.roomsList li .addARoom, #page.bookingPage ul.roomsList li .allocatedRoom ul.information li, #page.bookingPage ul.roomsList li.choices ul.alternativeRooms li, #page.bookingPage ul.roomsList li p.addAnother a, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li .quantity a, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li .insidefullWidthExtraInfo p.removeContainer a, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li .selectPassengers .insidefullWidthExtraInfo, #page.bookingPage ul.passengerList li ul.formList li.lookUp .buttons input, #page .inside #contentHeader .introduction .insideIntroduction .introText h2 .printThis a, #footer .globalLinks .insideGlobalLinks .brandPromo .insideBrandPromo, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .insideGalleryNavigation, #page #contentHeader .introduction .insideIntroduction .introText .feedBack ul, #page.bookingPage #contentHeader .introduction .insideIntroduction .introText .feedBack ul, #page.dealsPage .offersGallery .sort .feedBack ul, #page.bookingPage ul.passengerList li ul.formList li.lookUp .feedback ul, .searchPanel .feedback ul, #page #content ul.columns li.col1 .insideCol1, #page #content ul.columns li.col2 .insideCol2, #page.selectedAccommodation #content ul.columns li.col1 .boardBasisInformation .insideBoardBasisInformation, #page.selectedAccommodation #content ul.columns li.col1 .accomInformation .insideAccomInformation, #page.errorPage #content .errorMessage .insideErrorMessage, #page.destinations #content.destinationsListLevelContent .insideContent .region .insideRegion, #page #contentNavigation .insideContentNavigation, #content .resortListHolder ul.destinationsResortList, #page.dealsPage .endText .list3Col, /*#page.contentPage #content .mainContent .contentSection .insideContentSection,*/ #page .merchandisingContent .contentSection .insideContentSection, #page.bookingPage ul.bookingFlowList li .insideListItem, #page.searchResults #content ul.searchResults li .insideSearchResult, #page.bookingPage .inside #content .bookingBody ul.flightList li .insideListItem, #page.bookingPage .inside #content .bookingBody ul.bookingFlowList li.bedBankGroupHolder .insideListItem, /*#page.contentPageLowerLevels #content .mainContent .contentSection .insideContentSection,*/ #page.dealsPage #content ul.dealsResults li .insideResult .insideResultContent, #page.dealsPage #content ul.dealsResults li .insideResult, /*#page.contentPage #content .mainContent .contentSection h2,*/ #page .merchandisingContent .contentSection h2, #page #content ul.columns li h2, #page #content ul.columns li.col1 h2, #page #content ul.columns li.col2 .factFile .insideBlock h2 span, #page.dealsPage .endText h2, #content .region h2, #page #contentNavigation .insideContentNavigation .headerArea h2, #page.bookingPage ul.bookingFlowList li h2, #page.bookingPage .inside #content .bookingBody ul .bedBankGroupHolder h2, #page.errorPage #content .errorMessage h2, #page #content .featuresContent h2, #footer .globalLinks .insideGlobalLinks .brandPromo .insideBrandPromo h2, #page #searchResultsFilters ul li ul li .insideItem, #header .mainNav ul li a, #header .mainNav ul li span, #page #content ul.columns li .block .insideBlock .abilitiesRatings p.viewAll a, #page.bookingPage ul.roomsList li.choices ul.alternativeRooms li .insideRoomsListItem .roomTypeDescription p.addRoom a, #page.bookingPage ul.roomsList li .addARoom p.removeContainer a, #page.bookingPage ul.roomsList li p.chooseYourOwn a.hide, #page.bookingPage ul.roomsList li p.chooseYourOwn a.show, #page #searchResultsFilters ul li ul li .insideItem, #page #contentNavigation .insideContentNavigation ul.accommodationGroups li ul.accommodationsPerRating li p, #page.bookingPage .inside .sortByList input, #page.homePage .countdown, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .pagination span, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .pagination a, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li .selectPassengers .insidefullWidthExtraInfo, #page.bookingPage ul.roomsPageList li .allocatedRoom ul.information li, #page.bookingPage ul.roomsPageList li.choices ul.alternativeRooms li, #page.bookingPage ul.roomsList li .addARoom, #page .sort .goButton input.go, #page #content .moreDetailsBar, #page.contentPageLowerLevels #content .freeText .factSection, #page #content ul.columns li .block .insideBlock p.moreAboutTheSkiing a, #page.roomsPage .inside #content .bookingBody .accommodationInformation .insideAccomInfo, #page.roomsPage .inside #content .bookingBody .accommodationInformation .insideAccomInfo h2, #page.bookingPage ul.passengerList li.voucherCodes .freeText .feedback ul, p.videoError, #page.bookingPage .inside #content .bookingBody ul.paymentList li.paymentDetails, #page .merchandisingListHolder .insideMerchandisingListHolder, #page .merchandisingListHolder ul.merchandisingList li.onePackage .buttonHolder p.go a, #page.contentPage .contentBottomArea .howToBook h2, #page.contentPageLowerLevels .contentBottomArea .howToBook h2, #page.contentPage .inside .cmsPageContent .contentBottomArea .mainContent .contentSection .insideContentSection, #page.contentPage .inside .cmsPageContent .contentBottomArea .mainContent .contentSection .insideContentSection h2, #page.contentPageTopLevel .contentBottomArea .contentSection .insideContentSection, #page.contentPageTopLevel .contentBottomArea .contentSection .insideContentSection h2, #page.contentPageLowerLevels .contentBottomArea .contentSection .insideContentSection h2, #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow input.submit, #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow, #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks .childPages .insideChildPages, #page.contentPage #content.contactUs .mainContent .contentSection .collapsibleInner, #page.contentPage #content.contactUs .mainContent .contentSection .collapsibleInner .collapsiblePanel, #page.contentPage .cmsFormContent .insideCustomerenquiryPanel h2, #page.bookingPage .inside #content .bookingBody ul.paymentList li.paymentDetails .whatCard input.chooseCard, #page.bookingPage .inside #content .bookingBody ul.paymentList li.paymentDetails input.button, #page.searchResults .inside #content .searchResultsHolder .searchResultsStraplinePanel p, div.cmsFormContent div.insideCustomerenquiryPanel div.feedback ul.feedbackPanel, #homePromotions.many #tabs .promoType1 .overlayContent ul.promoList, #page.homePage .countdown, #page.contentPage #content .freeText .ticklist, #page .merchandisingListHolder ul.merchandisingList li.onePackage, #pageHolder .insidePageHolder p.logOut a, #page .inside #content .bookingButtons .insuranceInformation .insideInsuranceInformation, #page.contentPage #content .mainContent .freeText img, #page.searchResults .inside #content .resultsAndTools .introduction, #page.searchResults .inside #content .resultsAndTools h1 .mainResult, #page.dealsSection #content .contentSection .insideContentSection, #page.dealsSection #content .contentSection .insideContentSection h2, #page.dealsSection .contentSection .insideContentSection h2, #page .howToBook .insideContentSection .contactType, #page .howToBook .insideContentSection .contactType h3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #page.searchResults #content .searchResultsTools, .searchPanel .insideSearchPanel, #bookingSummary .insideSummaryPanel, /*#page.contentPage #content .mainContent .linksBar ul li h3 a,*/ /*#page.contentPage #content .mainContent .linksBar ul li h3 span,*/ #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelNavigation li a, #bookingSummary .panelMessage .insidePanelMessage, .searchPanel, #bookingSummary, .insideSearchResultsToolsHolder, #header .mainNav ul.primaryNav li.twisty, #header .mainNav ul.primaryNav li a, #header .mainNav ul.primaryNav li span { -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; border-radius:3px 3px 0px 0px; } /*#page .inside #contentHeader .introduction,*/ #page #content .mediaPanelHolder {-moz-border-radius:3px 0px 0px 0px; -webkit-border-radius:3px 0px 0px 0px; border-radius:3px 0px 0px 0px; } #page.contentPage #content .mainContent .linksBar ul li h3 a span, #page.bookingPage ul.roomsList li .insideListItem, #page.bookingPage ul.bookingFlowList li .paymentAmounts h2, #page.searchResults .paginationArea .pagination ul ul, #page.bookingPage ul.roomsList li .allocatedRoom ul.information li li, #page.bookingPage ul.roomsList li.choices ul.alternativeRooms li li, #page.contentPage #content .mainContent .contentSectionNoEdge .insideContentSection, #page.selectedAccommodation #content ul.columns li.col1 .insideCol1, #header .mainNav ul li a span, #header .mainNav ul li span span, #page.bookingPage ul.roomsPageList li .allocatedRoom ul.information li li, #page.bookingPage ul.roomsPageList li.choices ul.alternativeRooms li li { -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px 0px 0px 0px; } /*******************Drop shadows************************************/ .contentPage #content .threeColPromo ul.inside3colPromo, .contentPage #content .threeColPromo ul.inside3colPromo, .cluetip-toolTip, #page.bookingPage ul.roomsList li .addARoom, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li .selectPassengers .insidefullWidthExtraInfo, #page #content ul.columns li .block .insideBlock p.moreAboutTheSkiing a { -moz-box-shadow: 2px 2px 3px #999; -webkit-box-shadow: 2px 2px 3px #999; } /**************Background colour transparency****************************/ #page.contentPage .sectionLinks .insideSectionLinks, #page.bookingPage ul.roomsList li .addARoom, #page.bookingPage ul.roomsList li .childrenMessage .insideChildrenMessage, #footer .globalLinks .insideGlobalLinks .brandPromo .insideBrandPromo, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li .selectPassengers .insidefullWidthExtraInfo {background-color:rgba(255, 255, 255, 0.8);} #page.homePage .countdown {background-color:rgba(0, 0, 0, 0.5);} #page.bookingPage ul.roomsList li .occupiedRoom, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li .addedToBooking .insidefullWidthExtraInfo {background-color:transparent;} /**************************Text shadows*******************************************/ #page.contentPage .sectionLinks ul li ul li, /*#page.contentPage #content .mainContent .linksBar ul li h3*/ {text-shadow: 0 1px 0 #fff; } #page.contentPage #content .mainContent .linksBar ul li.luxury h3, #page.contentPage #content .mainContent .linksBar ul li.promotion a span, #page.contentPage #content .mainContent .linksBar ul li h3 a:hover, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxHover a, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxClicked a, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxHover span, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxClicked span, #page.contentPage #content .mainContent .linksBar ul li.luxury h3 a:hover, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxHover a, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxClicked a, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxHover span, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxClicked span {text-shadow:none; } /************** Right panel gradient background *****************/ .insideSearchResultsToolsHolder {display:inline; float:left;} #page.bookingPage .searchPanel {background-image:none;} /*Fancybox*/ #fancybox-close {background-image:url(/static/images/crystalbrand/generalicons/closebox.gif);} /******************************************************************************************************************/ /********************************************** HIDE THINGS! **********************************************/ /******************************************************************************************************************/ #page #contentHeader.mediaPanelPageHeader .introduction .insideIntroduction .introText .usp {display:none; } /****************************Mega menus**********************************/ #header .mainNav ul.primaryNav li {margin-right:3px; position:relative;} #header .mainNav ul.primaryNav li.twisty {border:1px solid #fff; border-bottom:0px;} #header .mainNav ul.primaryNav li.twistyOpened {border:1px solid #e9e9e9; border-bottom:solid 1px #fff;} #header .mainNav ul.primaryNav li.twisty a {padding: 5px 12px 5px 18px; background:url(/static/images/crystalbrand/generalicons/twistyopen.png) no-repeat 2px 7px; } #header .mainNav ul.primaryNav li.twisty a:hover, #header .mainNav ul.primaryNav li.twistyClosed a:hover, #header .mainNav ul.primaryNav li.twistyOpened a {background-image:url(/static/images/crystalbrand/generalicons/twistyclose.png); } #header .mainNav ul.primaryNav li.twistyClosed a {background-image:url(/static/images/crystalbrand/generalicons/twistyopen.png);} .siteNav #megaMenu { } .siteNav #megaMenu .megaMenuPanel {width:100%; float:left; clear:both; } .siteNav #megaMenu .insideMegaMenuPanel {background-color:#fff; background-repeat:repeat-x; background-image:url(/static/images/crystalbrand/megamenuverticalstripe.png); background-position: top left; padding:20px 0px 20px 0px; width:908px; float:left; clear:both; border:#e9e9e9 1px solid; margin-top:-1px; } .siteNav #megaMenu .insideMegaMenuPanel p.loading {margin-left:12px; padding:3px 0px 3px 24px; font-size:70%; color:#666; background-image:url(/static/images/unbranded/ajaxloader.gif); background-position:center left; background-repeat:no-repeat;} .siteNav #megaMenu .insideMegaMenuPanel h2 {font-size:87%; font-weight:normal; padding-left:18px;} .siteNav #megaMenu .insideMegaMenuPanel ul li a, .siteNav #megaMenu .insideMegaMenuPanel ul li a span {font-weight:normal; text-decoration:none;} /*All menu lists*/ .siteNav #megaMenu .listSection {width:221px; float:left; border-left:solid 1px #e9e9e9;} .siteNav #megaMenu .listSection ul {list-style-type:none; width:100%; float:left; clear:both; padding:0px; } .siteNav #megaMenu .listSection ul li {font-size:81%; text-align:left; padding:0px 0px 6px 18px; width:204px; float:left;} /*Images menu lists*/ .siteNav #megaMenu .imageList p {padding:0;} .siteNav #megaMenu .imageList ul li {padding-bottom:12px;} .siteNav #megaMenu .imageList ul li a {display:block; float:left; clear:both;} .siteNav #megaMenu .imageList ul li a span {padding-top:6px; float:left; width:112px;} .siteNav #megaMenu .imageList ul li img {display:block; width:58px; height:43px; border:solid 1px #e9e9e9; float:left; margin-right:12px; } /*Override widths*/ .siteNav #megaMenu .colHalf ul li {width:92px;} .siteNav #megaMenu .cols2 {width:444px;} .siteNav #megaMenu .cols3 {width:666px;} .siteNav #megaMenu .cols4 {width:888px;} /*First one - no border or padding*/ .siteNav #megaMenu .first {border:0px;} /*"All" buttons*/ .siteNav #megaMenu .insideMegaMenuPanel p.moreButton {clear:both; width:100%; padding:12px 0px 0px 0px; float:left;} .siteNav #megaMenu .insideMegaMenuPanel p.moreButton a.moreLink {clear:both; font-size:81%; margin-right:20px;} /****************************End mega menus**********************************/ /********************************************* Payment page - Move to direct only at same time as datacash pages updated to include direct version of css *******************************************************/ #page.bookingPage .inside #content .bookingBody ul li.paymentDetails {/*padding-bottom:0;*/ } /*NEW card selection panel*/ #page.bookingPage .inside #content .bookingBody ul li.paymentDetails .paymentType h3 {clear:both;padding:15px 0 10px; float:left; } #page.bookingPage .inside #content .bookingBody ul li.paymentDetails .paymentType ul li span.note {padding-left:5px;} #page.bookingPage .inside #content .bookingBody ul li.paymentDetails .paymentType .paymentSelection {clear:both;padding:5px 0 5px;} #page.bookingPage .inside #content .bookingBody ul li.paymentDetails .paymentType .paymentSelection input.radio {padding-top:2px;display:inline;vertical-align:middle; border:0px;} #page.bookingPage .inside #content .bookingBody ul li.paymentDetails .paymentType .paymentSelection label {padding-right:40px;font-weight:bold;} #page.bookingPage .inside #content .bookingBody ul li.paymentDetails div.note {font-size:70%;padding-top:10px;} #page.bookingPage .inside #content .bookingBody ul li .paymentAmounts {float:left; clear:both; padding-top:15px; border:0px; width:636px; } #page.bookingPage .inside #content .bookingBody ul li .paymentAmounts ul {list-style-type:none; } #page.bookingPage .inside #content .bookingBody ul li .paymentAmounts li {width:708px; padding:10px 15px; float:left; clear:both; background-color:transparent; } #page.bookingPage .inside #content .bookingBody ul li .paymentAmounts ul li input {width:15px; border:0; float:left; margin-right:5px; margin-top:3px; background-color:transparent; } #page.bookingPage .inside #content .bookingBody ul li .paymentAmounts label {width:340px; float:left; margin:0px 15px 0px 0px; font-size:87%; color:#000; } #page.bookingPage .inside #content .bookingBody ul.paymentList li .errataBlock {float:left; clear:both; padding-top:15px; border:0px; width:636px; } #page.bookingPage .inside #content .bookingBody ul.paymentList li .optional {color:#666; font-weight:normal; } #page.bookingPage .inside #content .bookingBody ul.paymentList li ul.formList {padding:0; width:636px; border-top:solid 1px #efefef; margin-top:12px; border-bottom:solid 1px #efefef; } #page.bookingPage .inside #content .bookingBody ul.paymentList li ul.formList li {padding-left:15px; padding:12px 0px 12px 0px; width:636px; } #page.bookingPage .inside #content .bookingBody ul.paymentList li ul.formList li ul {width:723px; } #page.bookingPage .inside #content .bookingBody ul.paymentList li ul.formList li ul li {padding-left:0; } #page.bookingPage .inside #content .bookingBody ul.paymentList li ul.formList li label {width:204px; margin-right:12px; } #page.bookingPage .inside #content .bookingBody ul.paymentList li ul.formList li.cardDetails ul {width:636px; } #page.bookingPage .inside #content .bookingBody ul.paymentList li ul.formList li.cardDetails li {padding:0px 0px 6px 0px; } #page.bookingPage ul.paymentList li ul.formList {padding:0px; margin:0px;} #page.bookingPage .inside #content .bookingBody ul.paymentList li ul.radioButtons {border:0px;} #page.bookingPage .inside #content .bookingBody ul.paymentList li ul.radioButtons li {padding:0px 0px 6px 0px; border:0px; } #page.bookingPage .inside #content .bookingBody ul.paymentList li ul.radioButtons li label {width:376px; margin-right:12px; padding-bottom:0px; } #page.bookingPage .inside #content .bookingBody ul.paymentList li ul.radioButtons li .note {width:224px; } #page.bookingPage .inside #content .bookingBody ul.paymentList li ul.radioButtons li .note p {width:204px;} #page.bookingPage .inside #content .bookingBody ul.paymentList li.paymentDetails fieldset {width:100%; float:left; clear:both; padding:0px; } #page.bookingPage .inside #content .bookingBody ul.paymentList .termsAndConditions input {background-color:transparent; border:0 none; } #page.bookingPage ul.paymentList li ul.checkBoxList {width:636px; margin-top:12px; } #page.bookingPage ul.paymentList li ul.checkBoxList li label {font-weight:normal; font-size:75%; width:606px; } #page.bookingPage .inside #content .bookingBody ul.paymentList li ul.checkBoxList li.eComCheck {background-color:#fff; } #page.bookingPage ul.paymentList li ul.formList li .fields input.chooseCard {background-color:transparent; } #page.bookingPage .inside #content .bookingBody ul.paymentList li.errata .insideListItem p {float:left; margin-top:0px; width:100%;} #page.bookingPage .inside #content .bookingBody ul.paymentList li form {width:100%; padding:0px; margin:0px; float:left; clear:both;} #page.bookingPage .inside #content .bookingBody ul.paymentList li iframe {width:636px; border:0px; clear:both;} #page.paymentPage .inside #content .bookingBody iframe {width:636px; overflow-x:hidden;} /*************************************************************** * END MOVE OF CSS FROM BRAND CRYSTAL for IE7 issue (26.02.13) ***************************************************************/ /* Crystal branded sites - direct overrides */ /*Voucher strip*/ #voucherStrip {background:url(/content/direct/78/voucher/images/bg.jpg) repeat-x bottom #424242;height:40px;overflow:hidden;} #voucherStrip .voucherWrapper {width:960px;margin:0 auto;} #voucherStrip .voucherWrapper img {margin-top:2px;display:block;float:left;margin-left:148px} #voucherStrip p {background: url(/content/direct/78/voucher/images/icon.png) no-repeat 30px center;width:904px;margin:0 auto;text-align:left;padding:5px 0 5px 56px;color:#eee;font-size:85%;} #voucherStrip strong {font-weight:bold;color:#f3352f} #voucherStrip .terms {font-size:70%;color:#fff} #voucherStrip .voucherWrapper a.button {float:left;margin: 7px 0 0 20px;font-size:75%;width: auto;} /*GetSat emergency updates (homepage etc)*/ #gsfn_list_widget {width:100%; float:left; clear:both;} #gsfn_list_widget ul.answersPopulated {float:left; clear:both; list-style-type:none; width:100%; display:block;} #gsfn_list_widget ul.answersPopulated li {font-size:75%; width:90%; float:left; clear:both; padding:0px 0px 5px 0px;} #gsfn_list_widget ul.answersPopulated li a.gsfn_link {width:auto; float:left; clear:both; margin-right:10px;} #gsfn_list_widget ul.answersPopulated li span.time {font-size:87%; color:#666; width:auto; float:left; } #gsfn_list_widget ul.answersPopulated li .gsfn_summary {width:100%; float:left; clear:both; font-size:93%; color:#666;} #gsfn_list_widget p.poweredBy {font-size:75%; width:100%; float:left; clear:both;} #page.contentPage #content .freeText #gsfn_list_widget ul.answersPopulated li span.time {font-size:87%;} /**********Pay balance ************/ #pageHolder .insidePageHolder p.logOut {} #page.payBalancePage {overflow:visible;} #page.payBalancePage #content .signIn .signInForm form, #page.payBalancePage #content .signIn .signInForm form fieldset {width:100%; float:left; clear:both;} #page.payBalancePage #content .signIn .signInForm .field {width:100%; float:left; clear:both; padding-bottom:12px; overflow: hidden; } #page.payBalancePage #content .signIn .signInForm .field label { padding: 7px 0 5px; width:208px; float:left; margin-right:12px; display:block; font-size:81%; font-weight:bold; color:#333;} #page.payBalancePage #content .signIn .signInForm .field input { font-size: 100%; padding: 5px; width: 210px; } #page.payBalancePage #content .signIn .signInForm .field input.prettyDateInput { background-position: 195px center; } #page.payBalancePage #content .signIn .signInForm .field input.dateInput { padding: 0; border: none; width: 1px; } .payBalancePage .signInForm .dates .calendar { float: left; } #page.payBalancePage #content .informationArea, #page.payBalancePage #content .informationArea fieldset, #page.payBalancePage #content .passengers, #page.payBalancePage #content .payment, #page.payBalancePage #content .signIn .signInForm {width:100%; float:left; clear:both; padding-top:12px;} #page.payBalancePage #content .informationArea fieldset {padding:0px 0px 12px 0px;} #page.payBalancePage #content .informationArea p {font-size:75%; width:100%; clear:both;} #page.payBalancePage #content .payBalanceSummary {width:100%; float:left; clear:both;} #page.payBalancePage #content .payBalanceSummary ul {list-style-type:none; float:left; clear:both; padding:0px 0px 12px 0px; width:100%;} #page.payBalancePage #content .payBalanceSummary ul li {width:612px; float:left; clear:both; background-color:#fff; padding:6px 12px;} #page.payBalancePage #content .payBalanceSummary ul li.even {background-color:#F9F9F9;} #page.payBalancePage #content .payBalanceSummary ul li h4, #page.payBalancePage #content .payBalanceSummary ul li p {width:50%; float:left; clear:none; padding:0px;} #page.payBalancePage #content .payBalanceSummary ul li.outstandingAmount h4, #page.payBalancePage #content .payBalanceSummary ul li.outstandingAmount p {font-weight:bold;} #page.payBalancePage #content .payBalanceSummary ul li h4 span {display:block; clear:both; color:#333;} #page.payBalancePage #content .payBalanceSummary h3, #page.payBalancePage #content .passengers h3 {width:612px; float:left; clear:both; background-color:#eee; padding:6px 12px; font-size:75%;} #page.payBalancePage ul.passengerList li ul.formList {margin-top:0px; padding-bottom:12px;} #page.payBalancePage ul.passengerList li ul.formList li {padding-bottom:0px; border:0px;} #page.payBalancePage ul.passengerList li ul.formList li label {padding-bottom:1px;} #page.payBalancePage #content .continue {width:100%; float:left; clear:both; padding:12px 0px 12px 0px;} #page.payBalancePage #content .continue p {width:auto; float:right; padding:0px; margin-left:12px;} #page.payBalancePage #content .continue p span.or {width:auto; float:right; padding:6px 12px; margin:0px; display:block;} #page.payBalancePage #content .continue input {margin-left:12px;} #pageHolder .payBalanceProgress {width:100%; float:left; clear:both; background-color:#fff;} #pageHolder .payBalanceProgress ul {width:680px; float:left; clear:both;} #pageHolder .insidePageHolder p.logOut {width:214px; padding:6px 0px 6px 12px; background-color:#fff; float:right; text-align:right; clear:none; font-size:75%;} #pageHolder .insidePageHolder p.logOut a {padding:0px; background-color:#fff; } #page.payBalancePage #content .needHelp {width:100%; float:left; clear:both;} #page.payBalancePage #content .needHelp h3 {font-size:75%; padding:0px 0px 6px 0px; color:#000; font-weight:normal;} #page.payBalancePage #content .needHelp h3 strong {color:#000; font-weight:bold;} #page.payBalancePage #content .needHelp p {width:100%; padding:0px 0px 6px 0px;} #page.payBalancePage #content .needHelp p.note {font-size:70%;} #page.payBalancePage #content iframe {width:660px; border:0px; clear:both;} #page.payBalancePage fieldset.whatCard {width:100%; float:left; clear:both; } #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .amountOption {width:auto; float:left; } #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .ownAmount {width:350px;} #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .ownLabel {width:165px; padding:0px 6px 0px 0px; float:left;} #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .ownValue {width:179px; font-weight:bold; float:left; padding-top:3px;} #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .updateAmount .ownValue {padding-top:0px;} #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .ownValue input, #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .ownValue p.number span.number {width:110px; float:left; text-align:right;} #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .updateAmount .ownLabel p {width:100%; text-align:right;} #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .ownValue span.currency {width:auto; float:left; font-size:75%; padding-right:3px;} #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .ownValue p.number span.currency {font-size:100%;} #page.payBalancePage .inside #content .bookingBody ul li.paymentDetails .paymentType .paymentSelection .ownAmount label {padding-right:0px;} #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .updateAmount, #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .recalculate {width:100%; float:left; clear:both; padding:6px 0px 6px 0px;} #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .total {width:100%; float:left; clear:both;} #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .updateAmount p {padding:0px;} #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .recalculate p {padding:0px 12px 0px 0px; display:inline;} #page.payBalancePage .inside #content .bookingBody table, #page.payBalancePage .calendarChoices span.dayOfWeek {font-size:75%;} /* #page.payBalancePage .inside #content .bookingBody table {padding:0px; width:auto;} #page.payBalancePage .inside #content .bookingBody table td, #page.payBalancePage .inside #content .bookingBody table th {padding:1px; width:auto; border:0px; background-color:transparent;} */ /*********End pay balance***********/ /*Social icons */ .socialIconsWrap {float:right;} #header .socialIconsWrap {clear:none;width:156px;float:right;} #footer .socialIconsWrap {margin-top:-4px;} .socialIconsWrap ul.socialIcons {margin-bottom:0;width:100%;} .socialIcons li { float:left; list-style-type:none;margin:0px;} .socialIcons li a { display:block; width:28px; height:26px; background:url(/static/images/crystalbrand/socialIconSprite.png) no-repeat 0 0; } .socialIcons li a span { position:absolute; left:-10000px; } .socialIcons li a.twitter { background-position:-32px 0; } .socialIcons li a.google { background-position:-62px 0; } .socialIcons li a.youtube { background-position:-94px 0; } .socialIcons li a.flickr { background-position:-126px 0; width: 44px; } /* ----------- CONTACT US PAGE COLLAPSIBLE MENU ----------- */ #page.contentPage #content.contactUs .mainContent .contentSection .collapsibleWrap {margin-bottom:5px;} #page.contentPage #content.contactUs .mainContent .contentSection .collapsibleInner {padding:8px 8px 8px;background:#EFEFEF url("/static/images/crystalbrand/whitecellgradient.png") left top repeat-x;border-bottom: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF;} #page.contentPage #content.contactUs .mainContent .contentSection .collapsibleInnerSelected {background:#C9DBE9} #page.contentPage #content.contactUs .mainContent .contentSection .collapsiblePanelTrigger {width: 95%;margin: 10px 0;background-color: rgb(255, 255, 255);background-color: rgba(255, 255, 255, 0.8);-moz-box-shadow: 2px 2px 3px #999999;padding: 11px;border: 1px solid #CCCCCC; overflow: hidden;} #page.contentPage #content.contactUs .mainContent .contentSection .collapsibleInner h3 a {text-decoration:none;text-shadow:1px 1px 0 #fff;} #page.contentPage #content.contactUs .mainContent .contentSection .collapsibleInner h3 {padding:0 0 0 19px; background:url(/static/images/crystalbrand/generalicons/twistyblueopen.png) no-repeat 0 1px;} #page.contentPage #content.contactUs .mainContent .contentSection .collapsibleInner h3.triggerLink {background-image:url(/static/images/crystalbrand/generalicons/twistyblueclose.png);} #page.contentPage #content.contactUs .callUs {background:url(/static/images/unbranded/phoneicon.gif) no-repeat 0 1px;padding:0 0 11px 25px;} #page.contentPage #content.contactUs .callUs:after { content: ' \002a'; } #page.contentPage .col-1, #page.contentPage .col-2, #page.contentPage .col-3 {width: 31.3%; float: left;} #page.contentPage .col-2 { border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-right: 11px; padding: 0 11px 15px;} /*Twitter feed*/ #page #content ul.columns li.col2 .twitterFeed .insideBlock, #page #content .twitterFeed .insideBlock {margin-top:12px; width:610px; padding:11px 11px 0px 11px; background-color:#fff; background-position:bottom left; background-repeat:repeat-x;} #page #content .twitterFeed .insideBlock h3 {width:419px; float:left; clear:both; padding:6px 12px 12px 0px; } #page #content .twitterFeed .twitterMessage {width:419px; float:left; clear:both; padding:0px 12px 12px 0px; } #page #content .twitterFeed .twitterMessage a.twitter-timeline {font-size:75%;} #page #content .twitterFeed #twitter_div {position:relative;} #page #content .twitterFeed #twitter_div p.followMe { float:left; clear:none; width:119px; position:absolute; left:450px; bottom:-12px; font-size:70%; text-align:right; background-position:bottom right; background-repeat:no-repeat; padding:60px 60px 24px 0px; } #page #content .twitterFeed #twitter_div p.followMe a {width:100%; text-decoration:none; color:#000; float:left; clear:both; padding:15px 0px 0px 0px; background-image:none;} #page #content .twitterFeed #twitter_div p.followMe span {width:100%; display:block; float:left; padding:0px; } #page #content .twitterFeed #twitter_div p.followMe span.team {font-family:verdana, sans-serif; font-weight:bold; } /*Overrides for lower level (slimmer) pages*/ #page.contentPageLowerLevels #content .block {width:100%;} #page.contentPageLowerLevels #content .twitterFeed .insideBlock {width:440px;} #page.contentPageLowerLevels #content .twitterFeed .insideBlock h3, #page.contentPageLowerLevels #content .twitterFeed .twitterMessage {width:249px;} #page.contentPageLowerLevels #content .twitterFeed #twitter_div p.followMe {left:280px;} #page.contentPageLowerLevels #content .twitterFeed .twitterMessage {padding-top:90px;} #page.contentPageLowerLevels #content .twitterFeed #twitter_div ul#twitter_update_list {margin-top:-90px;} /************Add this button****************/ #page #content ul.columns li.col2 div.addThis {background:none; padding:12px 0 0 0; margin-bottom:-6px;} #page #content ul.columns li div.addThis div {float:left;} #page #content .bookingBody ul.columns li.col2 div.addThis{display:none} div.addThis div.addthis_32x32_style a {float:left; clear:none; margin-right:6px } #page #content.mediaPanelPageContent .mainContent .addThisSection {width:660px; margin-left:12px; padding:6px 0px 0px 0px; float:left; clear:both;} #page #content.mediaPanelPageContent .mainContent .addThisSection .addthis_toolbox {width:100%; clear:both;} #page #content.mediaPanelPageContent .mainContent .addThisSection .addThisList {list-style-type:none; width:auto; float:right; padding:0px;} #page #content.mediaPanelPageContent .mainContent .addThisSection .addThisList li.addThisItem {margin-left:12px; padding:0px; height:22px; overflow:hidden; width:auto; float:left;} #page #content.mediaPanelPageContent .mainContent .addThisSection .addThisList li.addThisItem a {padding:0px;} #page #content.mediaPanelPageContent .mainContent .addThisSection .addThisList li.addThisFacebook {width:45px;} #page #content.mediaPanelPageContent .mainContent .addThisSection .addThisList li.addThisTwitter {width:55px;} #page #content.mediaPanelPageContent .mainContent .addThisSection .addThisList li.addThisGooglePlusOne {width:32px;} #page #content.mediaPanelPageContent .mainContent .addThisSection .addThisList li.addThisShare {width:50px;} /******************* Start booking confirmation share panel " Join the conversation " - Facebook, Twitter, Get Satisfaction *******************/ #page.confirmationPage #content .bookingBody .linksBarShare {width:636px; padding-top:15px; float:left;} #page.confirmationPage #content .bookingBody .linksBarShare ul {width:100%;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare {border:solid 1px #e9e9e9; border-top: 0; clear: none; padding: 0; margin: 0 10px 15px 0; width: 203px; padding-top:95px; float:left;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare .insideLinkBoxShare {width:100%; float:left; clear:both; margin-top:-95px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare, #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare h3 a {-moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; border-radius:3px 3px 0px 0px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare img {width:203px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.lastShare {margin-right:0;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare h3 {padding:0px; width:203px; font-size:81%; font-weight:bold; text-shadow: 0 1px 0 #fff; line-height:1.2;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare h3 a {width:179px; display:block; float:left; padding:8px 12px 8px 12px; background-color:#e9e9e9; color:#333; text-decoration:none;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare h3 span {width:179px; display:block; float:left; padding:8px 12px 8px 12px; background-color:#e9e9e9; color:#333; text-decoration:none; } #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare h3 a span {width:auto; background-color:transparent; color:#333; cursor:pointer; padding:0px 10px 0px 0px; background-image:url(/static/images/crystalbrand/generalicons/linkarrow.png); background-position:center right; background-repeat:no-repeat;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare h3 a span em {color:#ec1d24;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare h3 a:hover {background-color:#0166B1; background-image:none; color:#fff; text-shadow:none;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare h3 a:hover span {color:#fff; background-image:url(/static/images/crystalbrand/generalicons/linkarrowwhite.png);} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare .shareIcons {width:179px; padding:12px; float:left; clear:both; } #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare p.facebookShare {padding:0px; float:left; width:37px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare p.firstShareP {width:100%; float:left; clear:both; padding:0px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare p.firstShareP a {width:129px; padding:12px 12px 12px 62px; float:left; clear:both; background-position:10px 10px; background-repeat:no-repeat;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare p.twitterShare a {background-image:url(/static/images/crystalbrand/bookingConfirmation/twitterIcon.png);} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare p.helpShare a {background-image:url(/static/images/crystalbrand/bookingConfirmation/helpIcon.png);} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare p .facebookAddthis {width:32px; height:32px; float:left; background:url(/static/images/crystalbrand/bookingConfirmation/facebookAddthis.png) no-repeat;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare .addthis_toolbox {padding:0; float:left; height:32px;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare .addthis_toolbox a {margin:0 5px 0 0; padding:0; width:32px; height:32px; float:left;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li ul li.linkBoxShare .addthis_toolbox a.addthis_button_compact {margin-right:0;} /*NEW CTA PANELS (ALPINEFRESH-5804) --------------------------------------*/ .htb-boxes, .howToBookBoxes {float: left; width: 100%;} #page.contentPage .howToBook .insideContentSection .contactType {min-height:180px;margin-top:20px;width:180px;float:left;background:#f5fafd;border:1px solid #e3e7e8;padding:10px;} #page.contentPage .howToBook .insideContentSection .contactTypeOnline {clear:both;} #page.contentPage .howToBook .insideContentSection .contactTypeOnline, #page.contentPage .howToBook .insideContentSection .contactTypeTel {margin-right:15px;} #page.contentPage .howToBook .insideContentSection .contactType h3 {font-size:100%;} #page.contentPage #content .howToBook .insideContentSection .contactType .freeText, #page.contentPage.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .contactType .freeText, #page.contentPageTopLevel .contentBottomArea .howToBook .insideContentSection .contactType .freeText {width:100%; float: none;} #page.contentPage #content .howToBook .insideContentSection .contactType .freeText p, #page.contentPage.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .contactType .freeText p, #page.contentPageTopLevel .contentBottomArea .howToBook .insideContentSection .contactType .freeText p {clear: both;font-size:70%;color:#666;} #page.contentPage #content .howToBook .insideContentSection .contactType .freeText .button, #page.contentPage.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .contactType .freeText .button, #page.contentPageTopLevel .contentBottomArea .howToBook .insideContentSection .contactType .freeText .button {float:left;font-size:70%;margin-bottom:7px;} #page.contentPage #content .howToBook .insideContentSection .contactTypeTel .freeText .number, #page.contentPage.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .contactTypeTel .freeText .number, #page.contentPageTopLevel .contentBottomArea .howToBook .insideContentSection .contactTypeTel .freeText .number{color:#0050A4; font-weight:bold; font-size:110%; padding-bottom:2px; float:left; width:97%; clear:both;margin-bottom:10px;} #page.contentPage #content .howToBook .insideContentSection .contactTypeInstore img, #page.contentPage.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .contactTypeInstore .freeText img, #page.contentPageTopLevel .contentBottomArea .howToBook .insideContentSection .contactTypeInstore .freeText img {float: left;margin: 0;border:1px solid #c7c7c8;width:178px;} #page.contentPage #content .howToBook .insideContentSection .contactType .altButton, #page.contentPage.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .contactType .freeText .altButton, #page.contentPageTopLevel .contentBottomArea .howToBook .insideContentSection .contactType .freeText .altButton {padding:5px 10px 5px 28px;background:url(/static/images/crystalbrand/generalicons/email2.png) no-repeat 6px center #0166B1;float:left;} #page.contentPage #content .howToBook .insideContentSection .contactType li, #page.contentPage.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .contactType li, #page.contentPageTopLevel .contentBottomArea .howToBook .insideContentSection .contactType li {margin-bottom:3px;} #page.contentPage.contentPageLowerLevels .howToBook .insideContentSection h2, #page.contentPageTopLevel .contentBottomArea .howToBook .insideContentSection h2{margin-bottom:7px;} #page.contentPage.contentPageLowerLevels .howToBook .insideContentSection .contactType {min-height:160px;width:202px;} #page.contentPage.contentPageLowerLevels .howToBook .insideContentSection .contactType.contactTypeInstore {min-height:auto;margin-right:0;width:441px;} #page.contentPage.contentPageLowerLevels #content .howToBook .insideContentSection .contactTypeInstore img, #page.contentPage.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .contactTypeInstore .freeText img{width:439px;float:left;margin:0;} #page.contentPage.contentPageLowerLevels .howToBook .insideContentSection .contactTypeTel {margin-right:0;} #page .contentBottomArea .howToBook .insideContentSection .freeText {font-size:100%} #page .contentBottomArea .howToBook .insideContentSection .freeText ol {margin-left:20px;} /*HIDE PANEL*/ #page.bookingPage .inside #content .bookingBody ul.confirmationList .share .linksBarShare ul li .addthis_toolbox a.addthis_button_myspace, #page.bookingPage .inside #content .bookingBody ul.confirmationList .share .linksBarShare ul li .addthis_toolbox a.addthis_button_reddit {display: none;} /* Home page feeds */ #page.homePage #content .mainContent .contentSection .insideContentSection .fbPeople {width:312px; float:left; clear:both; margin-right:12px; padding-top:12px; } #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo {width:242px; position:relative; margin-top:11px; background-image:url(/static/images/crystalbrand/whitetogrey.gif); background-position:top left; background-repeat:repeat-x; padding:32px 34px 9px 34px; background-color:#eee; border:solid 1px #eee; float:left; clear:none;} #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo h3 {font-size:87%; padding-bottom:6px; padding-top:3px;} #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo h3 a {text-decoration:none;} #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo p {font-size:70%; color:#333; line-height:1.45; width:100%; float:left; clear:both; } #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo .rssViewport {/*height:200px;*/ padding-top:200px; width:238px; overflow:hidden; position:relative; } #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo .arrowButton {width:32px; height:150px; position:absolute; top:55px; z-index:1000; background-position:center; background-repeat:no-repeat; cursor:pointer;} #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo .leftControl {left:0px; background-image:url(/static/images/crystalbrand/generalicons/arrowback.png); } #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo .rightControl {right:0px; background-image:url(/static/images/crystalbrand/generalicons/arrownext.png);} #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo .rssContent {float:left; margin-top:-200px; padding-top:18px; width:2618px; position:relative; left:0;} #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo .rssContent .rssItem {padding:0; float:left; width:238px; /*height:200px;*/ } #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo .rssContent .rssItem p.rssDate {font-size:70%; padding-bottom:6px; } #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo .blogRep {z-index:900; float:left; clear:both; background-repeat:no-repeat; background-position:bottom right; display:block; bottom:-6px; right:0px; position:absolute; width:60px; height:120px; } #page.homePage .inside #content .insideContent .mainContent .insideContentSection .blogInfo .source {width:100%; float:left; clear:both; padding-top:6px;} #page.homePage .inside #content .insideContent .mainContent .insideContentSection .blogInfo .source a {font-weight:normal; text-decoration:none; width:auto; float:left; clear:both; font-size:70%; padding:2px 73px 16px 0px; background-position:top right; background-repeat:no-repeat;} #page.homePage .inside #content .insideContent .mainContent .insideContentSection .blogInfo .source a span {position:absolute; left:-3000px; width:auto; float:left; clear:both;} #page.homePage .inside #content .insideContent .mainContent .insideContentSection .blogInfo .skibuzz a {background-image:url(/static/images/crystalbrand/feedlogos/skibuzznew.png);} #page.homePage .inside #content .insideContent .mainContent .insideContentSection .blogInfo .twitter a {background-image:url(/static/images/crystalbrand/feedlogos/twitternew.png);} /*********************** Promotions on the homepage ********************************/ /*Shared*/ #homePromotions {width:684px; margin:0px; padding-top:430px; float:left; clear:both; position:relative;} #homePromotions #tabs {width:684px; padding:0px; float:left; clear:both; margin-top:-430px;} #homePromotions #tabs .promoType1 {width:684px; padding:0px; clear:both; float:left; background-position:top left; background-repeat:no-repeat;} #homePromotions #tabs .promoType1 .overlayContent {width:660px; float:left; clear:both; padding:430px 12px 0px 12px; background-image:url(/static/images/crystalbrand/mediapanelcorner.png); background-position:0px 0px; background-repeat:no-repeat;} #homePromotions #tabs .promoType1 .overlayContent .insideOverlayContent {width:100%; float:left; clear:both; margin-top:-430px; padding:18px 0px 12px 0px;} #homePromotions #tabs .promoType1 .overlayContent p {padding:0px; width:100%; float:left; clear:both; font-size:75%; } #homePromotions #tabs .promoType1 .overlayContent h2 {padding:6px 24px 9px 12px; font-size:175%; line-height:1.2; font-weight:500; letter-spacing:0; width:auto; float:left; clear:both;} #homePromotions #tabs .promoType1 .overlayContent h2 a {font-weight:normal; text-decoration:none; color:#fff;} #homePromotions #tabs .promoType1 .overlayContent h3 {width:100%; float:left; clear:both; padding:0px;} #homePromotions #tabs .promoType1 .overlayContent h3 span {padding:6px 24px 9px 12px; display:block; width:auto; float:left; background-color:#fff; font-size:100%; font-weight:bold; clear:both;} /*Many ads tabbed*/ #homePromotions.many #tabs ul.navForPromos { display:block; width:auto; float:left; clear:both; font-size:75%; position:absolute; right:12px; top:0px; z-index:30; padding:5px 4px 3px 20px; } #homePromotions.many #tabs ul.navForPromos li {display:block; width:auto; float:left; margin-right:2px;} #homePromotions.many #tabs ul.navForPromos li a {display:block; float:left; width:21px; height:19px; padding:0px; background-position:0px 0px; background-repeat:no-repeat; text-decoration:underline;} #homePromotions.many #tabs ul.navForPromos li a.promo1 {background-position:0px 0px;} #homePromotions.many #tabs ul.navForPromos li a.promo2 {background-position:-24px 0px ;} #homePromotions.many #tabs ul.navForPromos li a.promo3 {background-position:-47px 0px ;} #homePromotions.many #tabs ul.navForPromos li a.promo4 {background-position:-70px 0px ;} #homePromotions.many #tabs ul.navForPromos li a.promo5 {background-position:-93px 0px ;} #homePromotions.many #tabs ul.navForPromos li a.promo1:hover, #homePromotions.many #tabs ul.navForPromos li.ui-tabs-selected a.promo1 {background-position: 0px -19px ;} #homePromotions.many #tabs ul.navForPromos li a.promo2:hover, #homePromotions.many #tabs ul.navForPromos li.ui-tabs-selected a.promo2 {background-position: -24px -19px;} #homePromotions.many #tabs ul.navForPromos li a.promo3:hover, #homePromotions.many #tabs ul.navForPromos li.ui-tabs-selected a.promo3 {background-position: -47px -19px;} #homePromotions.many #tabs ul.navForPromos li a.promo4:hover, #homePromotions.many #tabs ul.navForPromos li.ui-tabs-selected a.promo4 {background-position: -70px -19px;} #homePromotions.many #tabs ul.navForPromos li a.promo5:hover, #homePromotions.many #tabs ul.navForPromos li.ui-tabs-selected a.promo5 {background-position: -93px -19px;} #homePromotions.many #tabs ul.navForPromos li a span {display:inline; width:auto; float:left; padding:0px; position:absolute; left:-5000px; } /*Promo Links*/ #homePromotions.many #tabs .promoType1 .overlayContent ul.promoList {width:178px; float:left; clear:both; list-style-type:none; padding:11px; } #homePromotions.many #tabs .promoType1 .overlayContent ul.promoList li {width:178px; font-size:75%; color:#fff; padding:0px 0px 6px 0px; display:block; float:left; clear:both;} #homePromotions.many #tabs .promoType1 .overlayContent ul.promoList li a {padding:0px 15px 0px 0px; width:auto; float:left; clear:both; color:#fff; background-image:url(/static/images/crystalbrand/generalicons/twistywhiteopen.png); background-repeat:no-repeat; background-position:right center;} #homePromotions.many #tabs .promoType1 .overlayContent ul.twoCols li {width:89px; clear:none;} #homePromotions.many #tabs .promoType1 .overlayContent .contentArea {width:100%; float:left; clear:both; padding-top:220px; } #homePromotions.many #tabs .promoType1 .overlayContent .contentArea .insideContentArea {width:100%; float:left; clear:both; margin-top:-220px;} #homePromotions.many #tabs .promoType1 .overlayContent .buttons {width:100%; float:left; clear:both;} #homePromotions.many #tabs .promoType1 .overlayContent p.action {width:70%; float:right; clear:both; font-size:100%; } #homePromotions.many #tabs .promoType1 .overlayContent p.terms {width:30%; float:right; clear:none; } #homePromotions.many #tabs .promoType1 .overlayContent p.terms a { color: #00ce9b; width:auto; float:left; clear:both; padding:6px 0px 6px 12px; } #homePromotions.many #tabs .promoType1 .overlayContent p.terms a.white {color:#fff;} /*Promo text simple - straight text with no bg*/ #homePromotions.many #tabs .promoType1 .promoText {margin-top: 160px; font-size: 90%; line-height: 1.6; width:334px; float:left; clear:both; list-style-type:none; padding:12px 0px 0px 0px; } #homePromotions.many #tabs .promoType1 .promoText p {line-height:1.4; font-weight:bold; text-shadow:1px 1px 6px #fff;} #homePromotions.many #tabs .promoType1 .promoText p, #homePromotions.many #tabs .promoType1 .promoText p a {color:#000;} #homePromotions.many #tabs .promoType1 .promoText ul {list-style-type:none; padding:0px; width:100%; float:left; clear:both;} #homePromotions.many #tabs .promoType1 .promoText ul li {width:auto; float:left; clear:none; color:#000; border-left:solid 1px #333; font-size:75%; padding:0px 6px 0px 6px; line-height:1.2;} #homePromotions.many #tabs .promoType1 .promoText ul li.first {border-left:0px; padding-left:0px;} #homePromotions.many #tabs .promoType1 .promoText ul li a {width:auto; float:left; clear:both; padding:0px;} #homePromotions.many #tabs .promoType1 ul.promoText a {color:#e40046;} /*Promo text box - has a black box around it*/ #homePromotions.many #tabs .promoType1 .promoTextBox {padding:11px; width:310px;} #homePromotions.many #tabs .promoType1 .promoTextBox p {font-weight:normal; text-shadow:1px 1px 6px #000;} #homePromotions.many #tabs .promoType1 .promoTextBox p, #homePromotions.many #tabs .promoType1 .promoTextBox p a {color:#fff;} #homePromotions.many #tabs .promoType1 .promoTextBox ul li {color:#fff;} #homePromotions.many #tabs .promoType1 .promoTextBox ul li a {color:#fff;} /*Promo stickers*/ #homePromotions.many #tabs .promoType1 p.promoTextSticker {width:620px; float:left; clear:both; padding:0px 0px 0px 0px; margin-top:12px; background-position:top left; background-repeat:no-repeat;} #homePromotions.many #tabs .promoType1 p.promoTextSticker span.offer {width:auto; float:left; clear:both; border-radius:5px; padding:6px 12px 6px 12px; background-position:bottom left; background-repeat:repeat-x; background-color:#ff6661; background-image:url(/static/direct/images/crystalbrand/winter/homepromo/stickerbg.png);} #homePromotions.many #tabs .promoType1 p.promoTextSticker span.offer.inline {clear:none;margin-right:10px;} #homePromotions.many #tabs .promoType1 p.promoTextSticker span.offer span {width:100%; float:left; clear:both; text-align:center;} #homePromotions.many #tabs .promoType1 p.promoTextSticker span.offer span.small {font-size:93%; color:#fff; font-weight:bold; line-height:1.1;} #homePromotions.many #tabs .promoType1 p.promoTextSticker span.offer span.large {font-size:250%; color:#fff; font-weight:bold; line-height:1.1;} /* #homePromotions.many #tabs .promoType1 p.promoTextSticker span.offer { transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -moz-transform: rotate(-5deg); } */ /*javascript applied styles*/ #homePromotions #tabs.ui-tabs .promoType1 .clickable {cursor:pointer;} #homePromotions.many #tabs.ui-tabs {position:relative;} #homePromotions.many #tabs.ui-tabs ul.ui-tabs-nav {margin:0px; } #homePromotions.many #tabs.ui-tabs .ui-tabs-panel {position:absolute; left:0px; top:0px;} #homePromotions.many #tabs.ui-tabs .ui-tabs-hide {display:none;} /*Countdown timer*/ #homePromotions.many #tabs.ui-tabs .countdown {position: absolute; top: 210px; width:310px; float:left; clear:both; color:#fff; padding:0px 11px 0px 11px;} #homePromotions.many #tabs.ui-tabs .countdown .countdownContainer {font-weight:bold; font-size:200%; float:right; width:200px; padding:3px 0px 6px 9px; clear:both;} #homePromotions.many #tabs.ui-tabs .countdown .countdownMessage {float:right; width:100px; font-size:75%; font-weight:bold; padding:6px 0px 6px 0px; clear:none; display:block;} #homePromotions.many #tabs.ui-tabs .countdown .finalCountdown {color:#f00;} #homePromotions.many #tabs.ui-tabs .countdown .countdownContainer .timerElement {float:left; width:50px; line-height:1; padding:0px;} #homePromotions.many #tabs.ui-tabs .countdown .countdownContainer .timerElement span {display:block; text-align:center; } #homePromotions.many #tabs.ui-tabs .countdown .countdownContainer .timerElement span.timerHeading {font-size:30%;} #homePromotions.many #tabs.ui-tabs .countdown .expiredMessage {display:block; font-size:75%; font-weight:normal; padding:12px 0px 12px 0px; text-align:center; } #homePromotions.many #tabs.ui-tabs .indexArea p {font-size:75%; } /*Black faded backgrounds, borders and rounded corners*/ #homePromotions.many #tabs .promoType1 .overlayContent ul.promoList, #homePromotions.many #tabs.ui-tabs .countdown, #homePromotions.many #tabs .promoType1 .promoTextBox {border:solid 1px #333; border:1px solid rgba(255, 255, 255, 0.5); background:#000; background:rgba(0, 0, 0, 0.5); margin:12px 0px 0px 0px;} #homePromotions #tabs .promoType1 .overlayContent h2, #homePromotions #tabs .promoType1 .overlayContent h3 span, #homePromotions.many #tabs .promoType1 .overlayContent ul.promoList, #homePromotions.many #tabs .promoType1 .promoTextBox {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} /* Video pages */ #page.contentVideo .inside #contentHeader .introduction .insideIntroduction .insideVideo {position:absolute; top:12px; left:0px; width:684px; height:385px; overflow:hidden;} #page.contentVideo .inside #contentHeader .introduction .insideIntroduction .introText h1 {z-index:300; position:relative;} #page.contentVideo #content {margin-top: -75px; } #page.contentVideo .sectionLinksHolder {top:412px;} /*Single ad*/ #page.homePage #content .mainContent .jointMarketingSection .imageHolder {width:300px; float:left; margin-right:12px;} #page.homePage #content .mainContent .jointMarketingSection .freeText {width:324px; line-height:1.4; float:left; clear:none; padding:0px; margin:0px;} /*Pdf button (content pages)*/ #page.contentPage .inside #content .mainContent .contentSection .freeText .weddingsBrochureSection {width:158px; float:right; clear:both; margin-top:-55px; background-position:top right; background-repeat:no-repeat; padding-top:156px;} #page.contentPage .inside #content .mainContent .contentSection .freeText .weddingsAustria {background-image:url(/static/direct/images/crystalbrand/weddingbrochure_austria.png);} #page.contentPage .inside #content .mainContent .contentSection .freeText .weddingsBled {background-image:url(/static/direct/images/crystalbrand/weddingbrochure_bled.png);} #page.contentPage .inside #content .mainContent .contentSection .freeText .weddingsCanada {background-image:url(/static/direct/images/crystalbrand/weddingbrochure_canada.png);} #page.contentPage .inside #content .mainContent .contentSection .freeText .weddingsItaly {background-image:url(/static/direct/images/crystalbrand/weddingbrochure_italy.png);} #page.contentPage .inside #content .contentSection .freeText a.pdfbutton, #page.contentPage .inside #content .contentSection .freeText a.pdfbutton:hover {background-image:url(/static/images/crystalbrand/generalicons/pdfshortwhite.png); padding-right:24px;}