/***********Ski overrides - Crystal brand**************/ @font-face { font-family: 'Brandon Grotesque Regular'; src: url('fonts/brandon-grotesque/brandon-grotesque-regular.eot'); src: url('fonts/brandon-grotesque/brandon-grotesque-regular.eot?#iefix') format('embedded-opentype'), url('fonts/brandon-grotesque/brandon-grotesque-regular.woff') format('woff'), url('fonts/brandon-grotesque/brandon-grotesque-regular.ttf') format('truetype'); font-style: normal; font-weight: normal; } h1 { background-color: #252a32; font-family: Brandon Grotesque Regular; } h1 sup { text-transform: none; } .searchResults h1 { background-color: #fff; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; } #header .nav-wrapper .button a { font-size: 90%; text-transform: uppercase; } #header .branding .logosArea p { position: relative; } #header .branding .logosArea p a { background-image:url(/static/direct/images/crystalbrand/crystal-logo.png); height: 58px; background-position: 10px 0; } #header .branding .logosArea p.TelNumber a { background-image:none; height: auto; } .searchPanel h2.searchHeading span {color:#fff;} .searchPanel p, .searchResultsTools p { color: #fff; } .searchPanel a, .searchResultsTools a { color: #00ce9b; } #page #content ul.searchResults li .bodyPanel .price .insidePrice h3, #page.bookingPage .inside #content .boardBasisOptions ul.boardBasisContent li .price .insidePrice h3, #page.bookingPage ul.roomsList li .priceHolder .price .insidePrice h3 { color: #252a32; } /***New search panel non responsive bits***/ .searchPanel .submit-container input { background-color: #00ce9b; width: 100px; float: right; padding: 5px 0; color: #fff; text-decoration: none; font-weight: bold; background-image: url(/static/images/crystalbrand/generalicons/arrow-sprite.png); background-position: right -336px; background-repeat: no-repeat; } .searchPanel .people-panel { padding-top: 10px; clear: both; } .searchPanel .passenger-select .details { color: #999; } #footer .bookingFlowHelp {background-color:#333;} #footer .bookingFlowHelp ul li a:hover {color:#ed1c24;} .progress li.selected, .progress li.complete { background:url(/static/images/crystalbrand/generalicons/arrow-sprite.png) no-repeat transparent right -86px; } .progress ul { padding: 5px; width: 100%; background:#eee; } /******************************************************************************************************************/ /********************************************** PAGES - SNOW REPORTS **********************************************/ /******************************************************************************************************************/ #page.snowReports #content.snowReportsContent .insideContent { width: 100%; } #page.snowReports #content.snowReportsContent .insideContent .locations .insideLocations .introText { padding-top: 15px; width: 100%; float: left; clear: both; } #page.snowReports #content.snowReportsContent .insideContent .locations .insideLocations .locationsHolder { width: 70%; float: left; clear: both; overflow: hidden; padding-top: 0; } #page.snowReports #content.snowReportsContent .insideContent .locations .insideLocations .locationsHolder .locations { float: left; width: 100%; } #page.snowReports #content.snowReportsContent .insideContent .locations .insideLocations .topSpots { float: left; width: 30%; } #page.snowReports #content.snowReportsContent .insideContent .locations .insideLocations .topSpots ul { list-style: none outside none; padding: 0 0 20px; margin: 0; } #page.snowReports #content.snowReportsContent .insideContent .locations .insideLocations .topSpots ul li { margin-bottom: 6px; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection p.note {font-size:70%; color:#a8a8a8;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .contentArea .childPagesLinks h3 { font-size: 100% !important; margin-bottom: 10px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .contentArea .locationsHolder .snowConditions .freeText h3 { padding-bottom: 0; padding-top: 10px; } #page.snowReportsSection #content p.dataCredit {background-image:url(/static/img/crystal/on-the-snow.png); background-position:top right; background-repeat:no-repeat; font-size: 70%; font-weight: bold; margin-top: 24px; float: left; clear: both; padding:0px 127px 24px 0px; width:337px;} #page.snowReportsSection #content p.dataCredit span { display: block; clear: both; } #page.snowReportsSection #content p.dataCredit span.lastUpdated { font-weight: normal; color: #666; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder { width: 464px; float: left; clear: both; } #page.contentPageTopLevel .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder { margin-right: 24px; margin-top: 15px; } #page.contentPageTopLevel .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .introText {padding-top:0px;} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks { width: 148px; float: left; padding-top:15px;} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations { width: 100%; float: left; clear: both; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .snowConditions .location { float: left; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .snowConditions .location h3 { margin-top: 20px; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .snowConditions .location table { width: 45%; float: left; clear: none; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .introText { float: none; } /* Country page tabs */ #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .contentArea .childPagesLinks .childPages .insideChildPages h4 { font-size: 84%; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .contentArea .childPagesLinks .childPages .insideChildPages .slopeSection h4 { font-size: 70%; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks .childPages { width: 100%; clear: both; float: left; clear: both; padding-bottom: 15px; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks .childPages .insideChildPages { padding: 12px; width: 124px; clear: both; float: left; background-color: #EEE; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks .childPages ol { float: left; list-style: none; padding:0px;} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks .childPages ol li {background-position:0px 3px; background-repeat:no-repeat; font-weight: bold; float: left; clear: both; line-height: 1; padding: 0 0 0 30px; margin-bottom: 6px; color: #cdcdcd; font-size: 200%; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks .childPages ol li a {width:100%; font-weight: normal; font-size: 50%; line-height: 1.4; display: block; clear:both; float:left; text-decoration: none; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks .childPages ol li.noOne { background-image: url(/static/images/crystalbrand/generalicons/noOne.png); } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks .childPages ol li.noTwo { background-image: url(/static/images/crystalbrand/generalicons/noTwo.png); } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks .childPages ol li.noThree { background-image: url(/static/images/crystalbrand/generalicons/noThree.png); } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks .childPages ol li a span { clear: both; display: block; width: 100%; float: left; clear: both; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks .childPages ol li a span.location { font-size: 80%; font-weight: bold; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks .childPages ol li a span.measurement { width: auto; padding-right: 9px; font-size: 70%; color: #a8a8a8; background-image: url(/static/images/crystalbrand/greyarrow.gif); background-position: center right; background-repeat: no-repeat; } /****Tabs styles general*****/ #page.contentPage .inside #content.snowReportsContent .mainContent ul.tabs { width:100%; float: left; clear: both; list-style-type: none; padding: 0px 0px 12px 0px;} #page.contentPage .inside #content.snowReportsContent .mainContent ul.ui-tabs-nav {background-image:url(/static/images/crystalbrand/generalicons/pixeleee.png); background-position:bottom left; background-repeat:repeat-x;} #page.contentPage .inside #content.snowReportsContent .mainContent ul.tabs li {width:auto; float: left; clear: none; padding:0; margin: 0; border-radius: 3px 3px 0 0; } #page.contentPage .inside #content.snowReportsContent .mainContent ul.tabs li a { font-size:75%; font-weight:normal; display: block; margin-right:12px; padding:0px 15px 6px 0px; float:left; text-decoration:none; background-image: url(/static/images/crystalbrand/generalicons/twistyblueclose.png); background-position:top right; background-repeat:no-repeat;} #page.contentPage .inside #content.snowReportsContent .mainContent ul.ui-tabs-nav li a {color: #666; font-weight:bold; padding:6px 12px 6px 12px; margin:0px; background-color:#eee; background-image: url(/static/images/crystalbrand/whitecellgradient.png); background-position:top left; background-repeat:repeat-x; border:solid 1px #eee; border-radius: 3px 3px 0 0;} #page.contentPage .inside #content.snowReportsContent .mainContent ul.ui-tabs-nav li.ui-state-active a {background-image:none; background-color:transparent; border-bottom:solid 1px #fff;} #page.contentPage .inside #content.snowReportsContent .mainContent ul.ui-tabs-nav li a:hover {color:#000; background-image:none; background-color:transparent;} #page.contentPage .inside #content.snowReportsContent .mainContent ul.ui-tabs-nav li.ui-state-active a, #page.contentPage .inside #content.snowReportsContent .mainContent ul.ui-tabs-nav li.ui-state-active a:hover { color: #000; } #page.contentPage .inside #content.snowReportsContent .mainContent ul.ui-tabs-nav li.ui-state-active a, #page.contentPage .inside #content.snowReportsContent .mainContent ul.ui-tabs-nav li.ui-state-active a:hover { cursor: default; } #page.contentPage .inside #content.snowReportsContent .mainContent .ui-tabs-hide { display: none; } #page.contentPage .inside #content.snowReportsContent .mainContent .tabsContent { width: 100%; clear: both; float: left; padding-bottom:15px; } #page.contentPage .inside #content.snowReportsContent .mainContent .tabsContent h4 { padding: 0; } /* Top Spots tabs overrides*/ #page.contentPage #content.snowReportsContent .mainContent .childPages .tabsContent h4 { padding-bottom: 6px; } #page.contentPage #content.snowReportsContent .mainContent .childPages .ui-tabs-panel h4 { display:none; } #page.contentPage #content.snowReportsContent .mainContent .childPages p { padding-bottom: 0; text-align: right; font-size: 70%; width: 100%; clear: both; } #page.contentPage #content.snowReportsContent .mainContent .childPages ul.ui-tabs-nav { background-image: url(/static/images/crystalbrand/generalicons/pixelccc.png); } #page.contentPage #content.snowReportsContent .mainContent .childPages ul.tabs li a { font-size: 70%; } #page.contentPage #content.snowReportsContent .mainContent .childPages ul.ui-tabs-nav li { width:60px; } #page.contentPage #content.snowReportsContent .mainContent .childPages ul.ui-tabs-nav li a { background-color: #EEE; border-color: #CCC; font-weight: normal; padding: 3px 12px 6px 12px; } #page.contentPage #content.snowReportsContent .mainContent .childPages ul.ui-tabs-nav li.ui-state-active a { border-bottom: solid 1px #EEE; } /*********End tabs styling**************/ /* Table styling */ #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table { width: 464px; border-top: 1px solid #EEE; border-radius: 3px 3px 3px 3px; padding: 0; margin-top: 12px; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table.halfWidthLeft { width: 226px; clear: none; margin-right:12px; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table.halfWidthRight { width: 226px; clear: none; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table thead tr.reportSummary th, #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tbody tr.reportSummary td { text-align: center; font-size: 75%;border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; padding: 6px; background-position: top left; background-repeat: repeat-x; background-image: url(/static/images/crystalbrand/whitecellgradient.png); } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tbody tr.reportSummary td { background-color: #EEE; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tbody tr.noBorder td { border-bottom: none; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tr.reportSummary .destination { border-left: 1px solid #EEE; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tr.reportSummary td.destination { text-align: left;} /*Hover*/ #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tbody tr.hover td { background-color: #DDD; cursor: pointer; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tr.reportSummary .destination a.twisty {padding-left:15px; display:block; margin-top:4px; padding-top:2px; float:left; clear:both; font-weight:bold; background-position:top left; background-repeat:no-repeat; cursor:pointer; background-image:url(/static/images/crystalbrand/generalicons/twistyblueopen.png); } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tr.reportSummary .destination a.twisty:hover {color:#0166B1; text-decoration:none;} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tr.reportSummary .destination a.twistyLoading {background-image:url(/static/images/crystalbrand/generalicons/twistyblueopen.png);} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tr.reportSummary .destination a.twistyOpened {background-image:url(/static/images/crystalbrand/generalicons/twistyblueclose.png);} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tr.reportSummary .destination a.twistyClosed {background-image:url(/static/images/crystalbrand/generalicons/twistyblueopen.png);} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table thead tr.reportSummary th { font-size: 70%; background-color: #ddd; width:55px; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tbody tr.reportSummary td p { padding: 4px; margin: 0 auto 0 auto; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tbody tr.reportSummary td span { display: block; width: 100%; line-height: 1; clear: both; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tbody tr.reportSummary td span.number { font-size: 116%; color: #000; font-weight: bold; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tbody tr.reportSummary td span.unit { color: #666; font-size: 93%; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table thead tr.reportSummary th.destination {width:122px;} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table.fullWidth thead tr.reportSummary th {width:100px;} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table.halfWidth thead tr.reportSummary th {width:50px;} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table.fullWidth thead tr.reportSummary th.destination, #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table.halfWidth thead tr.reportSummary th.destination {width:auto;} /*Re-sets for table cell holding the snow report as it already has its own styling*/ #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tbody tr.reportHolder td { padding: 0; font-size: 100%; text-align: left; border: 0; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tbody tr.reportHolder td .detailedReportHolder {width:100%; clear:both; float:left;} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tbody tr.reportHolder td .detailedReport {margin:0px; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tbody tr.reportHolder td .detailedReport p.loading {width:420px; float:left; clear:both; padding:3px 0px 3px 24px; background-image:url(/static/images/unbranded/ajaxloader.gif); background-position:center left; background-repeat:no-repeat; font-size:70%; color:#666;} /*Table sorter styles*/ #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table thead tr.reportSummary th.header p {padding-left:15px; clear:both; background-image:url(/static/images/crystalbrand/generalicons/sortarrows_unsorted.png); background-repeat:no-repeat; background-position:3px 3px; cursor:pointer;} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table thead tr.reportSummary th.headerSortDown, #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table thead tr.reportSummary th.headerSortUp {background-color:#a7a5a5; background-image:url(/static/images/crystalbrand/greycellgradient.png); color:#000;} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table thead tr.reportSummary th.headerSortDown p {background-image:url(/static/images/crystalbrand/generalicons/sortarrows_sortdown.png);} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table thead tr.reportSummary th.headerSortUp p {background-image:url(/static/images/crystalbrand/generalicons/sortarrows_sortup.png);} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .locationsHolder .locations table tbody tr.reportSummary td span.srDateHidden { display: none; } /* Resort page */ #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport { float: left; padding: 10px 5px 10px 5px; margin:10px 0 20px 0; box-shadow: 0 0 3px rgb(136, 136, 136) inset; background-color: #E7ECF0; width: 454px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer h3 { font-size: 90%; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .briefReport { float: left; padding-bottom: 20px; width: 100%; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .briefReport .briefIntro { padding: 18px 12px 0 12px; float: left; width: 288px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .briefReport .briefIntro p { font-weight: bold; font-size: 80%; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .briefReport .na p { font-weight:normal; color:#666;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon {float: left; height: 64px; margin-right: 10px; width: 64px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p {padding:0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; float: left; clear:both; height: 64px; width:58px; background-image: url(/static/images/crystalbrand/weather/snow-reports-sprite.png); background-repeat:no-repeat; background-position:1000px 1000px; font-size:75%;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p span { position: absolute; top: -3000px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .tempIcon {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; height: 64px; width: 64px; float: left; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .tempIcon p {padding:0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; height: 64px; width: 64px; float:left; clear:both; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .tempIcon p span {display:block; width:100%; clear:both; padding-top: 22px; text-align: center; font-weight: bold; color: #FFF;} /*Individual weather icons*/ #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.na {background-image: none; border:solid 1px #fff; width:62px; height:62px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.na span { position:static; top: 0; display: block; width: 100%; padding-top: 15px; text-align: center; color: #666; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherCloud { background-position: -66px -69px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherFair { background-position: -124px 0; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherLightsnow { background-position: -180px -69px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherSnow { background-position: -293px 0; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherHeavysnow { background-position: -180px 0; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherRainsnow { background-position: -237px 0; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherBlizzard { background-position: -9px -69px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherSun { background-position: -293px -69px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherSuncloud { background-position: -350px 0; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherChangeable { background-position: -66px 0; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherWind { background-position: -350px -69px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherFohn { background-position: -9px 0; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherSleet { background-position: -237px -69px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherFog { background-position: -124px -69px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .weatherIcon p.weatherRain { background-position: -407px 0; } /* Temps */ #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .tempIcon p.na {border:solid 1px #fff; width:62px; height:62px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .tempIcon p.na span { padding-top: 15px; font-size: 75%; font-weight: normal; color: #666; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .tempIcon p.temp-21 { background-color: #424579; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .tempIcon p.temp-20to-5 { background-color: #007AAA; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .tempIcon p.temp-4to10 { background-color: #6D9CF5; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .tempIcon p.temp11to25 { background-color: #A8D379; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .tempIcon p.temp26plus { background-color: #FFD300; } /* Detailed snow report container */ #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer { float: left; width: 100%; clear:both; background-image: url("/static/images/crystalbrand/generalicons/gridstripes.png"); background-position:top left; background-repeat:repeat-y; margin-bottom: 10px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer h3 { padding-bottom:12px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .categoryData { width: 69px; float: left; clear: none; padding: 0 12px 0 12px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths { width: 139px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowConditions {width:79px;} /*Long charts*/ #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .categoryData ul {list-style-type:none; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .categoryData ul li {width:50px; margin:auto; clear:both; padding:0px; font-size: 81%; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .categoryData ul li p {width:100%; clear:both; padding:0px;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li {width:50%; float:left; clear:none;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .categoryData ul li span {display:block; width:100%; clear:both; font-weight:bold; text-align:center;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowConditions ul li {padding-bottom:12px;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowConditions ul li span {text-align:left;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .categoryData ul li span.value {font-weight:normal; color:#666;} /*icons styling*/ #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li {padding:0px; margin-top:130px; background-image: url(/static/images/crystalbrand/generalicons/bar-body.png); background-position:top center; background-repeat:repeat-y;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li p {padding-top:18px; background-image: url(/static/images/crystalbrand/generalicons/bar-top.png); background-position:top center; background-repeat:no-repeat;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .categoryData ul li p span {background-color:#E7ECF0;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li p span.value {padding-top:15px; background-image: url(/static/images/crystalbrand/generalicons/bar-bottom.png); background-position:top center; background-repeat:no-repeat;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.na, #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth0 {margin-top:105px; background-image:none;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.na p, #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth0 p {padding-top:18px; background-image:none;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.na p span.value { padding-top: 32px; background-image: url(/static/images/crystalbrand/weather/nadatabar.png); } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth0 p span.value { padding-top: 32px; background-image: url(/static/images/crystalbrand/weather/nosnowbar.png); } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth1-31 { margin-top: 122px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth1-31 p { padding-top: 18px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth32-50 { margin-top: 114px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth32-50 p { padding-top: 26px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth51-70 { margin-top: 106px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth51-70 p { padding-top: 34px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth71-90 { margin-top: 98px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth71-90 p { padding-top: 42px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth91-110 { margin-top: 90px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth91-110 p { padding-top: 50px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth111-130 { margin-top: 82px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth111-130 p { padding-top: 58px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth131-150 { margin-top: 74px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth131-150 p { padding-top: 66px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth151-170 { margin-top: 66px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth151-170 p { padding-top: 74px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth171-190 { margin-top: 58px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth171-190 p { padding-top: 82px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth191-210 { margin-top: 50px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth191-210 p { padding-top: 90px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth211-230 { margin-top: 42px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth211-230 p { padding-top: 98px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth231-250 { margin-top: 34px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth231-250 p { padding-top: 106px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth250plus { margin-top: 9px; background-image: url(/static/images/crystalbrand/generalicons/bar-body-lots.png); } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth250plus p { padding-top: 131px; background-image: url(/static/images/crystalbrand/generalicons/bar-top-lots.png); } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .snowDepths ul li.depth250plus p span.value { background-image: url(/static/images/crystalbrand/generalicons/bar-bottom-lots.png); } /*Snowflake charts*/ #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .recentSnow li.chart, #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .forecastSnow li.chart { padding-top: 155px; overflow: hidden; background-image: url("/static/images/crystalbrand/weather/snowflakesprite.png"); background-position: 1000px 1000px; background-repeat: no-repeat; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .recentSnow li.na, #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .forecastSnow li.na { background-image: url("/static/images/crystalbrand/weather/nadata.png"); background-position: center 134px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .recentSnow li.noFlakes, #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .forecastSnow li.noFlakes { background-image: url("/static/images/crystalbrand/weather/nosnow.png"); background-position: center 123px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .recentSnow li.oneFlake, #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .forecastSnow li.oneFlake { background-position: -89px 5px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .recentSnow li.twoFlakes, #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .forecastSnow li.twoFlakes { background-position: -42px 5px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .recentSnow li.threeFlakes, #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .detailedReportContainer .forecastSnow li.threeFlakes { background-position: 5px 5px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .reportInfoContainer { float: left; width: 100%; text-align: center; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .reportInfoContainer p { font-size:81%;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .reportInfoContainer p.lastUpdated { font-size:70%; clear:both; padding:0px 12px 0px 12px; text-align:left; color:#666;} #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .reportInfoContainer .snowDepthsInfo, #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .reportInfoContainer .recentSnowInfo, #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .reportInfoContainer .forecastSnowInfo { float: left; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .reportInfoContainer .snowDepthsInfo { width: 111px; margin-right: 10px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .reportInfoContainer .recentSnowInfo { width: 89px; margin-right: 10px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .reportInfoContainer .forecastSnowInfo { width: 89px; margin-right: 10px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .reportInfoContainer .snowDepthsInfo .lowerSlopes, #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .reportInfoContainer .snowDepthsInfo .upperSlopes { float: left; width: 50%; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .moreLinks { float: left; clear: both; width: 100%; padding: 0 0 12px 0; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .moreLinks ul { list-style: none; padding: 0px 0px 0px 12px; margin: 0; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .moreLinks ul li { float: left; font-size: 80%; margin-right: 20px; } #page.contentPage #content.snowReportsContent .mainContent .contentSection .insideContentSection .detailedReport .moreLinks ul li a { font-weight: normal; } /*Find snow panel*/ #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow { padding: 12px; width: 440px; float: left; clear: both; margin-top:24px; background-color: #252a32; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow form p { padding: 0; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow form p label { display: block; color: #FFF; clear: both; font-weight: 500; font-size: 150%; padding: 0 0 6px 0; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow form p select { width:50%; float:left; clear:both; margin-right:12px; margin-top:6px; } /*Find snow feedback*/ #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow .feedBack {width:100%; float:left; clear:both; padding:0px;} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow .feedBack ul {background-image:url(/static/images/crystalbrand/generalicons/erroriconwhite.png); background-position:top left; background-repeat:no-repeat; width:200px; float:left; clear:both; list-style-type:none; padding:0px 0px 0px 20px;} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow .feedBack ul li {color:#fff; font-size:75%; clear:both; padding:0px 0px 6px 0px; width:100%; float:left; } /*Snow type key*/ #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection ul.snowTypeKey { width: 100%; float: left; clear: both; padding: 0 0 6px 0; list-style-type: none; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection ul.snowTypeKey li { width: auto; float: right; clear: none; padding: 6px 0 6px 30px; font-size: 70%; color: #666; background-repeat: no-repeat; background-position: 14px 50%; } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection ul.snowTypeKey li.mostSnow { background-image: url(/static/images/crystalbrand/generalicons/reddot.png); } #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection ul.snowTypeKey li.freshestSnow { background-image: url(/static/images/crystalbrand/generalicons/bluedot.png); } /*Merchandising snow reports overrides*/ #page.contentPageLowerLevels #content.snowReportsContent .merchandisingListHolder {padding:0px; background-image:none; border:0px;} #page.contentPageLowerLevels #content.snowReportsContent .merchandisingListHolder ul.merchandisingList {border-top: 1px solid #ccc; margin-top: 18px; padding-top:6px;} #page.contentPageLowerLevels #content.snowReportsContent .merchandisingListHolder ul.merchandisingList li.onePackage {border: 0 none;} #page.contentPageLowerLevels #content.snowReportsContent .merchandisingListHolder {width:100%;} /*Special properties - Riders Lodge*/ #page.bookingPage ul.whosGoingList li.freestyle .insideListItem, #page.confirmationPage ul.bookingFlowList li.freestyle .insideListItem, #page.dealsPage #content ul.dealsResults li.freestyle .insideResult, #page .merchandisingListHolder ul.merchandisingList li.freestyle {background-color:#eee;} #content ul.destinationPageList li.freestyle .locationImageHolder .locationImage, #recentlyViewed ul li.freestyle .image, .searchResultsTools #recentlyViewed ul li.freestyle .image, #page #content ul.searchResults li.freestyle .bodyPanel .image, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.freestyle .accommodationImages .image, #page.contentPage #content.freestyle .hotelsListHolder ul.hotelsList li .contentImageHolder, #page.contentPage #content .hotelsListHolder ul.hotelsList li.freestyle .contentImageHolder, #page.bookingPage ul.whosGoingList li.freestyle .image, #page #content ul.destinationPageList li.freestyle .locationImageHolder .locationImage, #page .merchandisingListHolder ul.merchandisingList li.freestyle .locationImageHolder .locationImage, #page.bookingPage #content ul.whosGoingList li.freestyle .image {border:solid 1px #ccc; } #content ul.destinationPageList li.freestyle .locationImageHolder .locationImage a, #recentlyViewed ul li.freestyle .image a, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.freestyle .accommodationImages .image, #page.contentPage #content.freestyle .hotelsListHolder ul.hotelsList li .contentImageHolder .contentImage, #page.contentPage #content .hotelsListHolder ul.hotelsList li.freestyle .contentImageHolder .contentImage, #page.bookingPage ul.whosGoingList li.freestyle .image .insideImage #recentlyViewed .insideRecentlyViewed ul li.freestyle .image, #page .merchandisingListHolder ul.merchandisingList li.freestyle .locationImageHolder .locationImage, #page.bookingPage #content ul.whosGoingList li.freestyle .image .insideImage {background-color:#ccc; } #page.destinations .inside #accomPage #contentHeader.freestyle .introText, #page.bookingPage .inside .insideBookingContent #contentHeader.freestyle .introText {background-image:url(/static/images/crystalbrand/riderslodgeaccomicon.png);} #page.contentPage #content.freestyle ul.hotelsList li .locationContent, #page.bookingPage ul.whosGoingList li.freestyle .insideListItem .image .marker, /*#page #content .freestyle .mediaPanelHolder .insideMediaPanel .ui-tabs .marker, - no image for freestyle*/ #page #content ul.searchResults li.freestyle .bodyPanel .imageHolder .marker, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.freestyle .accommodationImages .marker {background-image:url(/static/images/crystalbrand/riderslodgetag.png); } #content ul.destinationPageList li.freestyle .locationImageHolder .marker, #page.contentPage #content .hotelsListHolder ul.hotelsList li.freestyle .locationContent, #page.dealsPage #content ul.dealsResults li.freestyle .insideResult .insideResultContent, #page .merchandisingListHolder ul.merchandisingList li.freestyle .locationImageHolder .marker {background-image:url(/static/images/crystalbrand/riderslodgetagsmall.png); } #recentlyViewed ul li.freestyle .marker, .searchResultsTools #recentlyViewed .insideRecentlyViewed ul li.freestyle .marker {background-image:url(/static/images/crystalbrand/riderslodgetagtiny.png);} #page #contentNavigation .insideContentNavigation ul.accommodationGroups li ul.accommodationsPerRating li.freestyle p {background-image:url(/static/images/crystalbrand/riderslodgetagtinyblack.png);} #page.bookingPage ul.whosGoingList li.freestyle .insideListItem, #page.confirmationPage ul.bookingFlowList li.freestyle .insideListItem, #page.dealsPage #content ul.dealsResults li.freestyle.insideResult, #page .merchandisingListHolder ul.merchandisingList li.freestyle {background-image:url(/static/images/crystalbrand/riderslodgegradient.gif); } #page .merchandisingListHolder ul.merchandisingList li.onePackage .productTypes p.freestyle a {background-image:url(/static/images/crystalbrand/site78/ridersLodge/rltagtinyShortblack.jpg); } /********Ski plus ********/ #page #content ul.columns li.col1 .skiPlus .insideBlock {width:610px; padding:11px 11px 5px 11px; background-color:#fff; background-position:bottom left; background-repeat:repeat-x;} #page #contentNavigation .insideContentNavigation ul li h3.skiPlus a span, #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.skiPlus .text a.where span.resortName {padding-left:35px; display:block; float:left; width:97px; background-repeat:no-repeat; background-position:top left; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.skiPlus .text a.where span.resortName {padding-left:35px; display:block; float:left; width:auto; } #page #content ul.columns li .skiPlus .insideBlock h3 {background-position:top left; background-repeat:no-repeat; height:35px; display:block; float:left; padding:0px; } #page #content ul.columns li .skiPlus .insideBlock h3 span {position:absolute; left:-3000px; } #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li .extra p.skiPlusItem {width:auto; float:left; margin-right:6px; padding:0px;} #content ul.destinationPageList li .locationContent h3.skiPlus a span, #page.bookingPage .inside #content .boardBasisOptions .heading h3 a span.skiPlus, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .extrasBreakdown ul li p.skiPlusItem a span, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourAccommodation p.skiPlusItem a span, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li .extra p.skiPlusItem span a span, #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.skiPlus .text a.where span.skiPlus {width:auto; float:left; position:absolute; left:-3000px; display:inline; } #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourAccommodation p.skiPlusItem a {width:124px; padding:40px 0px 0px 0px; float:left; clear:both; background-position:top left; background-repeat:no-repeat; } #page #contentNavigation .insideContentNavigation ul li h3.skiPlus a span {background-position:top left; width:auto;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li .extrasBreakdown ul li p.skiPlusItem {padding:0px; margin-right:6px; float:left; width:auto; } #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourAccommodation p.skiPlusItem {width:100%; float:left; clear:both; padding-top:12px; } #content ul.destinationPageList li .locationContent h3.skiPlus a {width:277px; background-position:top left; padding-bottom:5px; } #page #contentNavigation .insideContentNavigation ul li h3.skiPlus a {width:97px; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.skiPlus .text a.where span.resortName {padding-left:35px; width:auto; } #page #content ul.searchResults li .bodyPanel .details .stay p.skiPlusItem a, #page #content ul.columns li .block p.skiPlusItem a, #page.bookingPage ul.whosGoingList li.youSelected .dealDetails p.skiPlusItem a, #page.bookingPage .inside #content .bookingBody ul.confirmationList li.yourAccommodation p.skiPlusItem a, #page #content ul.columns li .skiPlus .insideBlock h3 {background-image:url(/static/images/crystalbrand/site78/skiplussticker.png); } #content ul.destinationPageList li .locationContent h3.skiPlus a, #page #contentNavigation .insideContentNavigation .listArea ul.accommodationGroups li ul.accommodationsPerRating li p.skiPlus a span.accomName, #page.dealsPage #content ul.dealsResults li .bodyPanel p.skiPlusItem a, #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd p.skiPlusItem a, #page.bookingPage .inside #content .bookingBody ul.confirmationList li .extrasBreakdown ul li p.skiPlusItem a, #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.skiPlus .text a.where span.resortName, #page.bookingPage .inside #content .boardBasisOptions .heading h3 a, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li .extra p.skiPlusItem a, #page #content ul.searchResults li .bodyPanel .details .stay .alsoAvailable ul li.skiPlus, #whosGoingContainer .packageInfo .productTypes p.skiPlusItem a, #page .merchandisingListHolder ul.merchandisingList li.onePackage .productTypes p.skiPlusItem a {background-image:url(/static/images/crystalbrand/site78/skiplusstickertiny.png); } .view-deals-btn .primaryBtn { display: block; background: #84329b url(/static/images/crystalbrand/generalicons/arrow-sprite.png) no-repeat right -335px; color: #fff; font-size: 13px; padding: 6px 20px 6px 10px; text-align: center; text-decoration: none; position: absolute; bottom: 20px; right: 195px; } .btnInline { display: inline-block; clear: both; width: 100%; } .btnInline .primaryBtn { display: inline-block; position: relative; bottom: auto; right: auto; float: right; } /*Ski abilities*/ /* #page #content .skiAbilities {padding-top:0px; } #page #content ul.columns li .skiAbilities {padding-top:0px; } */ /*Abilities ratings*/ #page #content .block .insideBlock .abilitiesRatings ul li p.pisteRating {height:15px; padding:0px; width:68px; background-position:top left; background-repeat:no-repeat; clear:none; } #page #content .block .insideBlock .abilitiesRatings ul li p.pisteRating {background-image:url(/static/images/crystalbrand/ratings/pisterating-sprite.png); height: 10px; } #page #content .block .insideBlock .abilitiesRatings ul li.beginners p.pisteRating {background-color: #0B51A2; } #page #content .block .insideBlock .abilitiesRatings ul li.intermediates p.pisteRating {background-color: #EC1D24; } #page #content .block .insideBlock .abilitiesRatings ul li.advanced p.pisteRating {background-color: #000000; } #page #content .block .insideBlock .abilitiesRatings ul li.boarders p.pisteRating {background-color: #999999; } #page #content .block .insideBlock .abilitiesRatings ul li p.pisteRating1 {width: 12px;} #page #content .block .insideBlock .abilitiesRatings ul li p.pisteRating2 {width: 24px;} #page #content .block .insideBlock .abilitiesRatings ul li p.pisteRating3 {width: 36px;} #page #content .block .insideBlock .abilitiesRatings ul li p.pisteRating4 {width: 48px;} #page #content .block .insideBlock .abilitiesRatings ul li p.pisteRating5 {width: 60px;} #page #content ul.destinationPageList li .locationContent .skiAbilities .abilitiesRatings {width:100%; } #page #content ul.destinationPageList li .locationContent .skiAbilities .abilitiesRatings ul {width:100%; } #page #content ul.destinationPageList li .locationContent .skiAbilities .abilitiesRatings ul li {width:100%; } #page #content ul.destinationPageList li .locationContent .skiAbilities .abilitiesRatings ul li.featureLogo {width:50px; padding-bottom:10px;} #page #content ul.destinationPageList li .locationContent .skiAbilities .abilitiesRatings ul li.featureLogo p {width:100%; padding:0px; font-size:70%;} #page #content ul.columns li.col2 .skiAbilities {width:311px; margin-right:12px; float:left; clear:both; } #page .block .insideBlock .abilitiesRatings ul li p.pisteRating {height:15px; padding:0px; width:68px; background-position:top left; background-repeat:no-repeat; float:left; clear:none; } #page .block .insideBlock .abilitiesRatings ul li p.pisteRating span {position:absolute; left:-3000px; display:inline; } #page .block .insideBlock .abilitiesRatings ul li p.pisteRating {background-image:url(/static/images/crystalbrand/ratings/pisterating-sprite.png); background-position: 0 0; height: 10px; width: 54px; } /* New piste sprites */ #page #content .block .abilitiesRatings p {padding-bottom: 0px;} #page ul.destinationsResortList li .insideLocationList {padding: 15px 0 50px 15px;} #page .block .insideBlock .abilitiesRatings ul li h4 {width:88px;} #page .block .insideBlock .abilitiesRatings ul li h4 span {position:relative; left:0px; display:inline; font-size:70%; } #page.dealsPage .block .insideBlock .abilitiesRatings ul li h4 span {font-size:90%; } #page .block .insideBlock .abilitiesRatings ul li.advanced p.pisteRating1 {background-position: -13px -5px; } #page .block .insideBlock .abilitiesRatings ul li.advanced p.pisteRating2 {background-position: -13px -17px; } #page .block .insideBlock .abilitiesRatings ul li.advanced p.pisteRating3 {background-position: -13px -29px; } #page .block .insideBlock .abilitiesRatings ul li.advanced p.pisteRating4 {background-position: -13px -41px; } #page .block .insideBlock .abilitiesRatings ul li.advanced p.pisteRating5 {background-position: -13px -53px; } #page .block .insideBlock .abilitiesRatings ul li.intermediates p.pisteRating1 {background-position: -91px -5px; } #page .block .insideBlock .abilitiesRatings ul li.intermediates p.pisteRating2 {background-position: -91px -17px; } #page .block .insideBlock .abilitiesRatings ul li.intermediates p.pisteRating3 {background-position: -91px -29px; } #page .block .insideBlock .abilitiesRatings ul li.intermediates p.pisteRating4 {background-position: -91px -41px; } #page .block .insideBlock .abilitiesRatings ul li.intermediates p.pisteRating5 {background-position: -91px -53px; } #page .block .insideBlock .abilitiesRatings ul li.beginners p.pisteRating1 {background-position: -172px -5px;} #page .block .insideBlock .abilitiesRatings ul li.beginners p.pisteRating2 {background-position: -172px -17px;} #page .block .insideBlock .abilitiesRatings ul li.beginners p.pisteRating3 {background-position: -172px -29px;} #page .block .insideBlock .abilitiesRatings ul li.beginners p.pisteRating4 {background-position: -172px -41px;} #page .block .insideBlock .abilitiesRatings ul li.beginners p.pisteRating5 {background-position: -172px -53px;} #page .block .insideBlock .abilitiesRatings ul li.boarders p.pisteRating1 {background-position: -250px -5px;} #page .block .insideBlock .abilitiesRatings ul li.boarders p.pisteRating2 {background-position: -250px -17px;} #page .block .insideBlock .abilitiesRatings ul li.boarders p.pisteRating3 {background-position: -250px -29px;} #page .block .insideBlock .abilitiesRatings ul li.boarders p.pisteRating4 {background-position: -250px -41px;} #page .block .insideBlock .abilitiesRatings ul li.boarders p.pisteRating5 {background-position: -250px -53px;} /* end of new piste sprites */ #page ul.destinationPageList li .locationContent .skiAbilities .abilitiesRatings {width:100%; } #page ul.destinationPageList li .locationContent .skiAbilities .abilitiesRatings ul {width:100%; } #page ul.destinationPageList li .locationContent .skiAbilities .abilitiesRatings ul li {width:100%; } #page ul.destinationPageList li .locationContent .skiAbilities .abilitiesRatings ul li.featureLogo {width:50px; padding-bottom:10px;} #page ul.destinationPageList li .locationContent .skiAbilities .abilitiesRatings ul li.featureLogo p {width:100%; padding:0px; font-size:70%;} #page ul.columns li.col2 .skiAbilities {width:311px; margin-right:12px; float:left; clear:both; } /******************************** Feature icons ****************************************/ /*Specific - search results*/ #page #content ul.searchResults li .bodyPanel .stay ul.features li a.swimmingpool {background-image:url(/static/images/crystalbrand/site78/featuresicons/swimmingpoolmedium.png); } #page #content ul.searchResults li .bodyPanel .stay ul.features li a.wellnessfacilities {background-image:url(/static/images/crystalbrand/site78/featuresicons/wellnessfacilitiesmedium.png); } #page #content ul.searchResults li .bodyPanel .stay ul.features li a.bestforsingletravellers {background-image:url(/static/images/crystalbrand/site78/featuresicons/bestforsingletravellersmedium.png); } #page #content ul.searchResults li .bodyPanel .stay ul.features li a.closetotheslopes {background-image:url(/static/images/crystalbrand/site78/featuresicons/closetotheslopesmedium.png); } #page #content ul.searchResults li .bodyPanel .stay ul.features li a.doorstepskiing {background-image:url(/static/images/crystalbrand/site78/featuresicons/doorstepskiingmedium.png); } #page #content ul.searchResults li .bodyPanel .stay ul.features li a.doorstepskiiing {background-image:url(/static/images/crystalbrand/site78/featuresicons/doorstepskiingmedium.png); } #page #content ul.searchResults li .bodyPanel .stay ul.features li a.bestforfamilies {background-image:url(/static/images/crystalbrand/site78/featuresicons/bestforfamiliesmedium.png); } #page #content ul.searchResults li .bodyPanel .stay ul.features li a.childcarefacilities {background-image:url(/static/images/crystalbrand/site78/featuresicons/childcaremedium.png); } #page #content ul.searchResults li .bodyPanel .stay ul.features li a.crystalgoldaward {background-image:url(/static/images/crystalbrand/site78/featuresicons/crystalgoldmedium.png); } #page #content ul.searchResults li .bodyPanel .stay ul.features li a.accessibleholidays {background-image:url(/static/images/crystalbrand/site78/featuresicons/accessibleholidaysmedium.png); } #page #content ul.searchResults li .bodyPanel .stay ul.features li a.bestforgroups {background-image:url(/static/images/crystalbrand/site78/featuresicons/bestforgroupsmedium.png); } #page #content ul.searchResults li .bodyPanel .stay ul.features li a.exclusive {background-image:url(/static/images/crystalbrand/site78/featuresicons/exclusivemedium.png); } #page #content ul.searchResults li .bodyPanel .stay ul.features li a.hotelcredit {background-image:url(/static/images/crystalbrand/site78/featuresicons/hotelcreditmedium.png); } /*Specific - larger ones*/ #page #content .featuresContent .swimmingpool .featureInclude, #cluetip .swimmingpool .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/swimmingpoollarge.png); } #page #content .featuresContent .wellnessfacilities .featureInclude, #cluetip .wellnessfacilities .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/wellnessfacilitieslarge.png); } #page #content .featuresContent .bestforsingletravellers .featureInclude, #cluetip .bestforsingletravellers .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/bestforsingletravellerslarge.png); } #page #content .featuresContent .closetotheslopes .featureInclude, #cluetip .closetotheslopes .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/closetotheslopeslarge.png); } #page #content .featuresContent .doorstepskiing .featureInclude, #cluetip .doorstepskiing .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/doorstepskiinglarge.png); } #page #content .featuresContent .doorstepskiiing .featureInclude, #cluetip .doorstepskiiing .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/doorstepskiinglarge.png); } #page #content .featuresContent .bestforfamilies .featureInclude, #cluetip .bestforfamilies .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/bestforfamilieslarge.png); } #page #content .featuresContent .childcarefacilities .featureInclude, #cluetip .childcarefacilities .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/childcarelarge.png); } #page #content .featuresContent .crystalgoldaward .featureInclude, #cluetip .crystalgoldaward .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/crystalgoldlarge.png); } #page #content .featuresContent .accessibleholidays .featureInclude, #cluetip .accessibleholidays .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/accessibleholidayslarge.png); } #page #content .featuresContent .bestforgroups .featureInclude, #cluetip .bestforgroups .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/bestforgroupslarge.png); } #page #content .featuresContent .exclusive .featureInclude, #cluetip .exclusive .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/exclusivelarge.png); } #page #content .featuresContent .hotelcredit .featureInclude, #cluetip .hotelcredit .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/hotelcreditlarge.png); } /*Board basis stickers*/ #page #content ul.columns li.col2 ul.features li a.halfboard, #page #content .boardBasisContent .halfboard .featureInclude, #cluetip .halfboard .featureInclude h3{background-image:url(/static/images/crystalbrand/site78/boardbasisicons/halfboard.png); } #page #content ul.columns li.col2 ul.features li a.allinclusive, #page #content .boardBasisContent .allinclusive .featureInclude, #cluetip .allinclusive .featureInclude h3{background-image:url(/static/images/crystalbrand/site78/boardbasisicons/allinclusive.png); } #page #content ul.columns li.col2 ul.features li a.roomonly, #page #content .boardBasisContent .roomonly .featureInclude, #cluetip .roomonly .featureInclude h3{background-image:url(/static/images/crystalbrand/site78/boardbasisicons/roomonly.png); } #page #content ul.columns li.col2 ul.features li a.fullboard, #page #content .boardBasisContent .fullboard .featureInclude, #cluetip .fullboard .featureInclude h3{background-image:url(/static/images/crystalbrand/site78/boardbasisicons/fullboard.png); } #page #content ul.columns li.col2 ul.features li a.selfcatering, #page #content .boardBasisContent .selfcatering .featureInclude, #cluetip .selfcatering .featureInclude h3{background-image:url(/static/images/crystalbrand/site78/boardbasisicons/selfcatering.png); } #page #content ul.columns li.col2 ul.features li a.cateredchalet, #page #content .boardBasisContent .cateredchalet .featureInclude, #cluetip .cateredchalet .featureInclude h3{background-image:url(/static/images/crystalbrand/site78/boardbasisicons/catered.png); } #page #content ul.columns li.col2 ul.features li a.bedandbreakfast, #page #content .boardBasisContent .bedandbreakfast .featureInclude, #cluetip .bedandbreakfast .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/boardbasisicons/bedandbreakfast.png); } /** Resort features stickers **/ #page #content ul.columns li.col2 .resortFeatures {float: left; width: 313px;} /* Pistes over 2,500m */ #page #content ul.columns li.col2 ul.features li a.pistesover, #page #content .boardBasisContent .pistesover .featureInclude, #cluetip .pistesover .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/highaltitudelarge.png); } /* Ski area with glacier skiing */ #page #content ul.columns li.col2 ul.features li a.skiareawithglacier, #page #content .boardBasisContent .skiareawithglacier .featureInclude, #cluetip .skiareawithglacier .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/glacierlarge.png); } /* Best for aprés-ski and nightlife */ #page #content ul.columns li.col2 ul.features li a.nightlife, #page #content .boardBasisContent .nightlife .featureInclude, #cluetip .nightlife .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/nightlifelarge.png); } /* Less than 2 hour transfer */ #page #content ul.columns li.col2 ul.features li a.lessthan2hourtransfer, #page #content .boardBasisContent .lessthan2hourtransfer .featureInclude, #cluetip .lessthan2hourtransfer .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/shorttransferlarge.png); } /* Free ski/board social service */ #page #content ul.columns li.col2 ul.features li a.freeskiandboard, #page #content .boardBasisContent .freeskiandboard .featureInclude, #cluetip .freeskiandboard .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/skiawaydayslarge.png); } /* Green credentials */ #page #content ul.columns li.col2 ul.features li a.greencredentials, #page #content .boardBasisContent .greencredentials .featureInclude, #cluetip .greencredentials .featureInclude h3 {background-image:url(/static/images/crystalbrand/site78/featuresicons/greenresortlarge.png); } #footer .bookingFlowHelp {background-color:#333;} #footer .bookingFlowHelp ul li a:hover {color:#ed1c24;} #footer .globalLinks .insideGlobalLinks .brandPromo {background-image:url(/static/images/crystalbrand/site78/footerpromobg.jpg);} #footer .globalLinks .insideGlobalLinks .globalLinksContent { background-color: #252a32; } #pageHolder .titleBox, #pageHolder #searchResultsFilters .titleBox { background-color: #00ce9b; float: left; padding: 5px 10px; width: 184px; } #pageHolder .titleBox h3 { background-color: #00ce9b; color: #fff; font-size: 95%; padding: 5px 0; text-transform: uppercase; } #pageHolder #searchResultsFilters .titleBox { width: 182px; } #pageHolder .insidePageHolder .hpContentToolWrap, #pageHolder .insidePageHolder, #page.searchResults .inside #content .resultsAndTools { background-image:url(/static/images/crystalbrand/sitestripe.gif); } #pageHolder .insidePageHolder .hpContentToolWrap {background-repeat:repeat-y; background-position:708px 10px;float:left;} body.home .hpContentToolWrap #tools {background-color:transparent;} /* Luxury */ #page.contentPage .inside #contentHeader.luxury .introduction .insideIntroduction .introText h1, #page.contentPage #content.luxury .mainContent .contentSection .insideContentSection h2, #page.contentPage #content .mainContent .linksBar ul li.luxury h3 a, #homePromotions #tabs .promoType1 .overlayContent .luxury h2, #page.destinations .inside #accomPage #contentHeader.luxury .insideIntroduction, #page.bookingPage .inside .insideBookingContent #contentHeader.luxury .insideIntroduction, #page.homePage .inside #content .luxuryDeals h2 {background-color:#000; text-shadow:1px 1px 6px #000; background:-webkit-linear-gradient(left, #000, #666 10%, #000 30%, #000 50%, #000 90%, #000 100%); background:-o-linear-gradient(left, #000, #666 10%, #000 30%, #000 50%, #000 90%, #000 100%); background:-moz-linear-gradient(to right, #000, #666 10%, #000 30%, #000 50%, #000 90%, #000 100%); color:#fff;} #page h2 strong, #page h3 strong {color:#ed1c24;} #page h3 a:hover strong {color:#fff} #fancybox-inner .searchPanel {background-color:#e0e0e0; background-image: -moz-linear-gradient(20% 20% 90deg, #e0e0e0, #fff); background-image: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#fff),to(#e0e0e0));} #fancybox-inner .searchPanel h3, #fancybox-inner .searchPanel p, #fancybox-inner .searchPanel label { color: #252a32; } #tools .searchPanel .child-ages {color: white;font-size: 74%;} #tools .searchPanel .child-ages select {font-size: 110%;margin-bottom: 1em;} #page #content .twitterFeed .insideBlock, #page #content ul.columns li.col1 .moneySavers .insideBlock, #page #content ul.columns li.col1 .specialOffers .insideBlock, #page #content ul.columns li.col1 .skiPlus .insideBlock {background-image:url(/static/images/crystalbrand/site78/palegreystripe.gif); border:solid 1px #efefef; } /*Search panel overlay version overrides*/ /*.javaScriptOnSearch .insideSearchPanel,*/ #page #content ul.columns li .block .insideBlock table td, #page #content ul.columns li.col1 .featuresInfo .offers li .insideOffer, #page.contentPage #content ul.contentPageList li .offers li .insideOffer, #page.bookingPage #content ul.columns li.col1 .featuresInfo .offers li .insideOffer, #page.bookingPage .contentNote {background-color:#efefef;} #page.bookingPage ul.roomsList li.choices ul.alternativeRooms li {background-color:#eee;} #page.bookingPage .inside #content .boardBasisOptions .insideBoardBasisOptions ul.boardBasisContent li.selected, #page.bookingPage ul.roomsList li div.bestValue, #page.bookingPage .inside #content .bookingBody ul.extrasList li ul.extras li.chosenExtra {background-color:#CCF5EB;} #page #contentHeader .introduction .insideIntroduction .introText p {width:50%} #page #searchResultsFilters ul li ul li.selected .insideItem {background-color:#ccc; background-image:url(/static/images/crystalbrand/site78/filterbgselected.gif);} #page #content .twitterFeed #twitter_div p.followMe {background:url(/static/images/crystalbrand/site78/twitterrep3.png) 102px 10px no-repeat;} /************************************************ Please wait *******************************************************/ #pleaseWait {background-color:#E8F3FF; background-image:url(/static/images/crystalbrand/site78/customerservices.gif); border:solid 2px #C4E2FF;} /************************************************ Confirmation page Important message *******************************************************/ #page.bookingPage .bookingContent .bookingFlowList li.share .important {display:none;} /************************************************ Enquiry Form *******************************************************/ #page.contentPage .cmsFormContent #pageform.enquiryform form input#form-submit:hover {color:#000; background-image:url(/static/images/crystalbrand/generalicons/buttonarrowblack.png); } /* Green buttons */ .searchPanel .buttons input, .searchAgainPanel p a, #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow input.submit { background-color: #00ce9b; } #fancybox-inner .searchPanel .buttons input { background-color: #e40046; } #page.dealsPage #content ul.dealsResults li .bodyPanel .price .sortByAdult .prices p.adultPrice .number, #page #content ul.searchResults li .bodyPanel .price .sortByAdult .prices p.adultPrice .number, #page.bookingPage .inside #content .boardBasisOptions ul.boardBasisContent li .price .sortByAdult .prices p.adultPrice .number, #page.bookingPage .inside #content .bookingBody ul.flightList li .price .sortByAdult .prices p.adultPrice .number, #page.bookingPage ul.roomsList li .priceHolder .price .sortByTotal .prices p.totalPartyPrice .number, #page.bookingPage ul.roomsList li .priceHolder .price .sortByAdult .prices p.adultPrice .number, #page.dealsPage #content ul.dealsResults li .bodyPanel .price .sortByTotal .prices p.totalPartyPrice .number, #page #content ul.searchResults li .bodyPanel .price .sortByTotal .prices p.totalPartyPrice .number, #page.bookingPage .inside #content .boardBasisOptions ul.boardBasisContent li .price .sortByTotal .prices p.totalPartyPrice .number, #page.bookingPage .inside #content .bookingBody ul.flightList li .price .sortByTotal .prices p.totalPartyPrice .number, #page.bookingPage ul.roomsList li .priceHolder .price .sortByTotal .prices p.totalPartyPrice .number, #page.bookingPage ul.roomsList li .priceHolder .price .sortByAdult .prices p.adultPrice .number, #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder .prices p.adultPrice .number, #page.searchResults .inside #content .searchResultsHolder .searchResultsStraplinePanel p span, #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder .prices p.adultPrice .number { color: #e40046; } /* start personPrice test */ #page.dealsPage #content ul.dealsResults li .bodyPanel .price .sortByAdult .prices p.personPrice .number, #page #content ul.searchResults li .bodyPanel .price .sortByAdult .prices p.personPrice .number, #page.bookingPage .inside #content .boardBasisOptions ul.boardBasisContent li .price .sortByAdult .prices p.personPrice .number, #page.bookingPage .inside #content .bookingBody ul.flightList li .price .sortByAdult .prices p.personPrice .number, #page.bookingPage ul.roomsList li .priceHolder .price .sortByTotal .prices p.totalPartyPrice .number, #page.bookingPage ul.roomsList li .priceHolder .price .sortByAdult .prices p.personPrice .number, #page.dealsPage #content ul.dealsResults li .bodyPanel .price .sortByTotal .prices p.totalPartyPrice .number, #page #content ul.searchResults li .bodyPanel .price .sortByTotal .prices p.totalPartyPrice .number, #page.bookingPage .inside #content .boardBasisOptions ul.boardBasisContent li .price .sortByTotal .prices p.totalPartyPrice .number, #page.bookingPage .inside #content .bookingBody ul.flightList li .price .sortByTotal .prices p.totalPartyPrice .number, #page.bookingPage ul.roomsList li .priceHolder .price .sortByTotal .prices p.totalPartyPrice .number, #page.bookingPage ul.roomsList li .priceHolder .price .sortByAdult .prices p.personPrice .number, #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder .prices p.personPrice .number, #page.searchResults .inside #content .searchResultsHolder .searchResultsStraplinePanel p span, #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder .prices p.personPrice .number {color:#e40046; } /* end personPrice test */ /*Booking flow*/ #page.searchResults .inside #contentHeader .introduction {background-image:url(/static/images/crystalbrand/site78/searchresultsheaderpic.jpg);} #page.roomsPage .inside #contentHeader .introduction {background-image:url(/static/images/crystalbrand/site78/roomsheaderpic.jpg);} #page.passengerPage .inside #contentHeader .introduction {background-image:url(/static/images/crystalbrand/site78/passengerheaderpic.jpg);} #page.paymentPage .inside #contentHeader .introduction {background-image:url(/static/images/crystalbrand/site78/dealsheaderpic.jpg);} #page.confirmationPage .inside #contentHeader .introduction {background-image:url(/static/images/crystalbrand/site78/confirmationheaderpic.jpg);} #page.roomsPage .inside #contentHeader .introduction .insideIntroduction .introText p {color:#333;} #page.paymentPage .inside #contentHeader .introduction .insideIntroduction .introText p { width: 75%;} /*Pay balance*/ #page.payBalancePage .inside #contentHeader .introduction {background-image:url(/static/images/crystalbrand/site78/dealsheaderpic.jpg);} /*Destinations*/ #page.destinations .inside #contentHeader.topLevelHeader .introduction {background-image:url(/static/images/crystalbrand/site78/destinationstoplevelheaderpic.jpg)} #page.destinations .inside #contentHeader.resortList .introduction {background-image:url(/static/images/crystalbrand/site78/destinationsresortlistheaderpic.jpg)} #page.destinations .inside #contentHeader.accomList .introduction {background-image:url(/static/images/crystalbrand/site78/destinationsaccomlistheaderpic.jpg)} /*Error pages*/ #page.errorPage .inside #contentHeader .introduction {background-image:url(/static/images/crystalbrand/site78/errorpagesheaderpic.jpg)} /*System maintenance*/ #page.errorPage .inside #contentHeader .maintenance {background-image:url(/static/images/crystalbrand/HoldingPageBanner_skier.jpg);} #page.errorPage #content .errorMessage {margin-top: 140px;} /*Snow reports*/ #page.contentPage .inside #contentHeader.snowReports .introduction {background-image:url(/static/images/crystalbrand/site78/snowreportshero.jpg); } /*Home page*/ #page.homePage #content .mainContent .contentSection .insideContentSection .holidayDeals {background-image:url(/static/images/crystalbrand/site78/greyverticalstripe.gif);} #page.homePage #content .mainContent .contentSection .insideContentSection .holidayDeals .dealsContent h2 {background-image:url(/static/images/crystalbrand/site78/dealshomepageheader.gif);} #footer .globalLinks .insideGlobalLinks .globalLinksContent .bookingTerms ul li a.external {background-image:url(/static/images/crystalbrand/generalicons/externalshort.png);} #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo h2.feedHeader {background-image:url(/static/images/crystalbrand/site78/latesttalkhomepageheader.png);} #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo .blogRep {background-image:url(/static/images/crystalbrand/site78/twitterrep.gif);} /*Homepage Mid-Page-Banner*/ #page.homePage #content .mainContent .midPageBanner {margin:0 0 35px;} #page.homePage #content .mainContent .midPageBanner a img {border: 1px solid #eee;} /*Hovers etc*/ #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.linkBoxHover {background-color:#e3eff4;} #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.linkBoxHover .text a.where:hover, #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.linkBoxHover .text a.where .resortName {color:#0792D5;} #page.bookingPage .inside #content .bookingBody ul.confirmationList li .extrasBreakdown ul li p.skiPlusItem a {width:32px; height:24px; padding:0px 0px 0px 0px; display:block; float:left; clear:both; background-position:top left; background-repeat:no-repeat; } /*Deals section(s)*/ #page #content ul.deal-menu li.departuredate a {background: url("/static/images/crystalbrand/dealicons/winter/departuredate.png") no-repeat scroll 2px 0px transparent;} #page #content ul.deal-menu li.country a {background: url("/static/images/crystalbrand/dealicons/winter/country.png") no-repeat scroll 2px 0px transparent;} #page #content ul.deal-menu li.departureairport a {background: url("/static/images/crystalbrand/dealicons/winter/departureairport.png") no-repeat scroll 2px 0px transparent;} #page #content ul.deal-menu li.boardbasis a {background: url("/static/images/crystalbrand/dealicons/winter/boardbasis.png") no-repeat scroll 2px 0px transparent;} #page #content ul.deal-menu li.crystalrating a {background: url("/static/images/crystalbrand/dealicons/winter/crystalrating.png") no-repeat scroll 2px 0px transparent;} #page #content ul.deal-menu li.specialoffers a {background: url("/static/images/crystalbrand/dealicons/winter/2-for-1.png") no-repeat scroll 2px 0px transparent;} #page.dealsSection #content ul.deal-menu li { background: url("/static/images/crystalbrand/dealicons/winter/bg-winter-down.png") no-repeat right top; } #page.dealsSection #content ul.deal-menu li:hover { background-position: -104px top;} #page.dealsSection #content ul.deal-menu li:active, #page.dealsSection #content ul.deal-menu li:focus { background-position: left top; } #page.homePage #content .dealsHomeSection .insideContentSection .insideColumn ul.deal-menu li { background: url("/static/images/crystalbrand/dealicons/winter/bg-winter-right.png") no-repeat right top; } #page.homePage #content .dealsHomeSection .insideContentSection .insideColumn ul.deal-menu li:hover {background-position: -104px top; } #page.homePage #content .dealsHomeSection .insideContentSection .insideColumn ul.deal-menu li:active, #page.homePage #content .dealsHomeSection .insideContentSection .insideColumn ul.deal-menu li:focus {background-position: left top; } #page.homePage #content .dealsHomeSection .insideContentSection .insideColumn h2.dealFinder {background-image: url(/static/images/crystalbrand/site78/dealshomepageheader.gif);} /*Order brochure page*/ .brochure-order .pdf-links li a {font-size: 0.8em;} /* sgExpand styles for accordion (see /static/js/sgExpand.js) */ ul.contentPageList .locationContent .bodyContent h3.sgOpened, .sgExpandWrap>h3.sgOpened { background: #C9DBE9; border-radius: 3px 3px 0 0;} ul.contentPageList .locationContent .bodyContent h3, .sgExpandWrap>h3 { background: url(/static/images/crystalbrand/whitecellgradient.png) 0 -6px repeat-x #E9E9E9; margin: 10px 0 0 0; width: 100%; border-radius: 3px 3px 3px 3px; } .sgExpandWrap>h3 a { display: inline-block; color: #0166B1; background: transparent url(/static/images/crystalbrand/generalicons/twistyblueopen.png) no-repeat 10px 5px; font-size: 110%; line-height: 1.5; padding-left: 30px; text-decoration: none; } .sgExpandWrap>h3 a:hover { background-color: transparent; color: #ed1c24; } .sgExpandWrap>h3 a.active, .sgExpandWrap>h3 a.active:hover { background-image: url(/static/images/crystalbrand/generalicons/twistyblueclose.png); } .sgExpandArea { padding: 0 10px 10px; margin: 0 0 10px 0; background: #C9DBE9; border-radius: 0 0 3px 3px; } .sgExpandContent { overflow: auto; border: 1px solid #ccc; padding: 11px; background: rgba(255, 255, 255, 0.8); } #page #content .freeText .sgExpandContent ul li { background-image: url(/static/images/crystalbrand/generalicons/bullet.png); margin-bottom: 5px; } #page #content .freeText .sgExpandContent .no-point {background:none; text-decoration:underline;} #page #content .freeText .sgExpandContent caption { text-transform: uppercase; font-size: 100%; font-weight: 700; padding: 1.5em 0 1em;} #page #content .freeText .sgExpandContent table { float: none; padding: 0; border-color: #eee; border-width: 2px 2px 0 2px; border-style: solid; width: 100%; } #page #content .freeText .sgExpandContent table th, #page #content .freeText .sgExpandContent table td { border-color: #eee; border-width: 0 0 2px 0; border-style: solid; padding: 5px 10px; vertical-align: middle; } #page #content .freeText .sgExpandContent th.center { text-align: center; } #page #content .freeText .sgExpandContent th.two-col { border-width: 0; text-align: center; } .screenOnlyHide { display: none; } /*no collaps panels - colours */ #page.contentPage .panelWrapper {background-color: #F4F8FB; } /* Utils styling */ #page.contentPageTopLevel .inside #contentHeader.email-signup .introduction, #page.contentPageTopLevel .inside #contentHeader.brochure .introduction {background-image:url("/content/direct/78/utils/images/hero.jpg");} /* Megamenu */ #header .nav-wrapper li a.heading {background: none repeat scroll 0 0 #005959;} /* Deal finder bits */ .js .modal {background-color: #E0E0E0; background-image: -moz-linear-gradient(20% 20% 90deg, #E0E0E0, #FFFFFF);} /* Resort Features List Styling */ #page #content ul.columns li.col2 .skiAbilities.skiResortFeatures {width: 100%;} #page.destinations #content .block .insideBlock .abilitiesRatings ul.skiRatings {width: 70%;} #page.destinations #content .block .insideBlock .abilitiesRatings ul.skiRatings li {width: 50%;} #page.destinations #content .block .insideBlock .abilitiesRatings ul.skiRatings h4 {margin-right: 10px;} /* Booking flow brand changes */ #page.passengerPage #contentHeader .introduction .insideIntroduction .introText p {color: #fff;} /*New sub menu for full width pages*/ #page.fullWidthContent .sectionLinksHolder {display: block; position: relative; top: 0px; left: 0px; width: 96%; padding: 10px;} #page.fullWidthContent .sectionLinks, #page.fullWidthContent .sectionLinks .insideSectionLinks {width: 100%;} #page.fullWidthContent .sectionLinks ul li {width: 100%;} #page.fullWidthContent .sectionLinks ul li ul li {width: 30%; float: left; margin-right: 20px; clear: none;} #page.fullWidthContent .sectionLinks ul li ul li ul li {width: 100%} /* New Crystal childcare pages */ .crystalBrand h3 {color: #005959; text-transform: uppercase; font-weight: normal; font-size: 1.2em; margin:0 0 10px 0; padding: 0; } .crystalBrand h4 {text-transform: uppercase;} .crystalBrand h4 a {color: #005959; text-decoration: none; background: url(/static/images/crystalbrand/generalicons/arrow-sprite.png) right -467px no-repeat; width: auto; padding-right: 25px;} .crystalBrand .fullWidth {background: url(/static/images/crystalbrand/divider-bg.png) top center no-repeat; width: 100%; padding: 30px 0px; overflow: hidden; font-size: 0.8em;} .crystalBrand .overflow {overflow:visible;} #page .inside #content .crystalBrand .fullWidth a.button {float: none;margin-top:10px; width:70%; font-size: 1.2em; } .crystalBrand .pageLeft {width: 46%; float: left;} .crystalBrand .pageRight {width: 50%; margin-left: 20px; float: right;} .crystalBrand .pepi {position: relative;} #page .inside #content .crystalBrand .pepi .freeText {width: 60%; margin-right: 12px; margin-bottom: 30px;} .crystalBrand .pepi .statBox { width: 28%; padding: 10px; float: left; background:#fff; height: 180px; position: absolute; right: 15px; top: -80px; text-align: center;} .crystalBrand .pepi .statBox .percentage {font-size:30px;font-size:3.0rem;font-weight:700; display: block;margin-top:10px;} .crystalBrand .pepi .statBox p {line-height:1.6;font-size:.9rem;padding:0 10px;} .crystalBrand .packageItem {margin-right: 10px; width: 32%; float: left;} .crystalBrand .packageItem h4 {padding: 0; margin: 0 0 10px 0;font-size: 1.2em;font-weight:600;} .crystalBrand .packageItem ul {border-top:2px solid #83b8b4;border-bottom:2px solid #83b8b4;margin:0 10px;padding:10px 0;color: #000; } .crystalBrand .packageItem li {list-style: none; background: url(/static/images/crystalbrand/generalicons/ticks.png) no-repeat;padding: 10px 10px 10px 30px;} .crystalBrand .packageItem a {color:#252a31;} .crystalBrand .packageItem a:hover {color: #e40046;} .crystalBrand .packageItem .last-list-child {border-bottom: none;} .crystalBrand .packageItem.primary {background: #d9f8f0;} .crystalBrand .packageItem li {background-position: 0px 10px;} .crystalBrand .packageItem.secondary {background: #f2fdfa;} /*.crystalBrand .packageItem.secondary li {background-position: 0px -101px;}*/ .crystalBrand .packageItem.tertiary {background: #d9f8f0; margin-right: 0px;} /*.crystalBrand .packageItem.tertiary li {background-position: 0px -44px;}*/ .crystalBrand .packageInnerContainer {padding: 20px;} #page .inside #content .crystalBrand .packageInnerContainer .btn { float: none; } .crystalBrand .innerContainer {padding: 10px;} .crystalBrand .offerSection {background: #fbd8d6; padding: 20px; margin: 0 0 24px 0; overflow: hidden;} .crystalBrand .insideOfferSection h3 {color: #e30248; font-size: 1.2em;} #page .inside #content .crystalBrand .insideOfferSection .btn { width: auto; float: left; } #page .inside #content .crystalBrand .insideOfferSection .btn:nth-child(3) { margin-right: 22px; } .crystalBrand .childcareSuppliersBox {border:1px solid #252A32; overflow: hidden;} .crystalBrand .boxImgBorder {width: 33%; float:left; border-right: 3px solid #fff;} .crystalBrand .boxImgBorder img {width: 100%;} .crystalBrand .boxContentBorder {width: 63%; padding: 10px; float:left; position: relative; } .crystalBrand .boxContentBorder .innerLeft {float: left; width: 50%; margin-right: 20px;} #page .inside #content .crystalBrand .boxContentBorder .btn { position: absolute; bottom: 10px; right: 10px; } .crystalBrand .boxContent {width: 62%; padding: 10px; float:left; } #page .inside #content .crystalBrand a.button.rightAlign {float: right; width: auto; margin-right: 0px;} .crystalBrand .boxImg {width: 34%; float:left;} .crystalBrand .boxImg img {width: 100%;} .crystalBrand .essentialsBox {margin-right: 12px; width: 32%; float: left; margin-top: 10px;} .crystalBrand .essentialsBox.last {margin-right: 0px;} .crystalBrand .essentialsBox img {width: 100%;} .crystalBrand .essentialsBoxContainer {padding: 10px; background: #CCF5EB; border-top: 3px solid #fff; height: 100px;} #page .inside #content .crystalBrand .linksBar ul {width: 100%;} /* New Crystal Families page */ .crystalBrand .freeTextHalfPage {font-size: 0.8em; clear:both; padding-top: 15px; width: 50%; float: left;} .crystalBrand .crystalFeatures {width: 46%; background: #eafbf5; float: right; margin: 15px 0px 30px 0px; font-size: 0.8em;} .crystalBrand .crystalFeatures h3 {background: #00CE9B; color: #fff; padding: 10px; margin: 0;} .crystalBrand .primaryListItem {list-style: none; background: url(/static/images/crystalbrand/generalicons/ticks.png) 0px 10px no-repeat; padding: 10px 10px 0px 30px;} .crystalBrand .primaryListItem p {border-bottom: 1px solid #cac4ce; margin:0; padding: 0 0 10px 0;} .crystalBrand .secondaryListItem {list-style: none; background: url(/static/images/crystalbrand/generalicons/ticks.png) 0px 10px no-repeat; padding: 10px 10px 10px 30px; font-weight: bold;} .crystalBrand .inlineListItem {list-style: none; background: url(/static/images/crystalbrand/generalicons/ticks.png) 0px 10px no-repeat; padding: 10px 10px 10px 30px; width: 40%; display: block; float: left; font-weight: bold; overflow: hidden;} .crystalBrand .numberedListItem {background: url(/static/images/crystalbrand/generalicons/numbers-sprite.png) 0px 8px no-repeat; padding: 10px 10px 0px 6px; color: #fff; list-style: none;} .crystalBrand .numberedListItem.two {background-position: 0px -51px;} .crystalBrand .numberedListItem.three {background-position: 0px -110px;} .crystalBrand .numberedListItem.four {background-position: 0px -172px;} .crystalBrand .numberedListItem.five {background-position: 0px -234px;} .crystalBrand .numberedListItem p {color: #000; margin-left: 30px; border-bottom: 1px solid #cac4ce; padding-bottom: 10px; } .crystalBrand .borderBox {width: 31%; border: 1px solid #005959; margin-right: 19px;} .crystalBrand .borderBox h4 a {color: #0166b1; background: none; text-decoration: underline; text-transform: none;} .crystalBrand .borderBox h4 a:hover {color: #e40046; text-decoration: none;} .crystalBrand .borderBox img {width: 100%;} .crystalBrand .borderBox .primaryListItem {font-weight: bold; } .crystalBrand .bookPackagesBox { background: #eafaf7; padding: 20px; margin: 0 0 24px 0; overflow: hidden; font-size: 75%; } #page .inside #content .crystalBrand .fullWidth .btn, #page .inside #content .crystalBrand .bookPackagesBox .btn { font-size: 120%; } #page .inside #content .crystalBrand .insideOfferSection .btn { font-size: 100%; } #page .inside #content .crystalBrand .resortCarousel .btn { float: none; width: 70%; position: absolute; bottom: 10px; } #page.contentPage #content .mainContent .linksBar ul .santaClaus p { font-size: 100%; } /* Ski Area page */ #page.contentPage #content .mainContent .contentSection .h2SkiArea { margin: 0px 0px 10px; } #content .skiArea { width: 630px; border:1px solid #eee; overflow: auto; margin-bottom: 10px; margin-top: 10px; } #content .skiAreaLeft { width:210px; float:left; } #content .skiAreaRight { width:400px; padding: 10px 10px 0px; float:left; } #content .skiAreaRight p, #content .skiAreaPages { font-size: 75%; } /*footer*/ .main-footer h3 { font-family: "Brandon Grotesque Regular", sans-serif; } .main-footer a { color: #00ce9b; } .main-footer .ways-to-book a { background: url(/static/img/crystal/arrow-sprite.png) right -214px no-repeat; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; } .main-footer .ways-to-book a:hover { background-position: right -339px; } .main-footer .ways-to-book .online { background: url(/static/img/crystal/how-to-book-icons.png) 0 -438px no-repeat; } .main-footer .ways-to-book .phone { background: url(/static/img/crystal/how-to-book-icons.png) 0 -200px no-repeat; } .main-footer .ways-to-book .in-store { background: url(/static/img/crystal/how-to-book-icons.png) 0 11px no-repeat; } .main-footer .footer-content .secure-booking .atol a { background: url(/static/img/crystal/partner-logos.png) -4px 0 no-repeat; } .main-footer .footer-content .secure-booking .atol a:hover { background-position: -4px -47px; } .main-footer .footer-content .secure-booking .iata a { background: url(/static/img/crystal/partner-logos.png) -81px 0 no-repeat; } .main-footer .footer-content .secure-booking .iata a:hover { background-position: -81px -47px; } .main-footer .footer-content .secure-booking .abta a { background: url(/static/img/crystal/partner-logos.png) -155px 0 no-repeat; } .main-footer .footer-content .secure-booking .abta a:hover { background-position: -155px -47px; } .main-footer .footer-content .secure-booking .itof a { background: url(/static/img/crystal/partner-logos.png) -229px 0 no-repeat; } .main-footer .footer-content .secure-booking .itof a:hover { background-position: -229px -47px; } /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 30px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { left: 0; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(/static/images/unbranded/ajaxloader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #00ce9b; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #09a883 } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: -40px; background: url(/static/images/crystalbrand/generalicons/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: -40px; background: url(/static/images/crystalbrand/generalicons/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0 } .bx-wrapper .bx-next:hover { background-position: -43px 0 } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/static/images/crystalbrand/generalicons/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0 } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/static/images/crystalbrand/generalicons/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* Childcare carousel */ .resortCarouselContainer {clear:both;padding:20px 34px 0;} .js .resortCarouselContainer .essentialsBox {min-height:372px;margin-top:0;} #page .inside #content .fullWidth .resortCarouselContainer a.button {bottom:10px;position:absolute;} /*certain overrides*/ #page #contentHeader.advancedSkiHolidays .introduction .insideIntroduction .introText p { color: #252a32 ; } #page.contentPage .inside #contentHeader.crystal-ski-explorer-app .introduction { background-image: none; padding-bottom: 0; margin-bottom: -40px; } .main-footer .app-logo { margin: 1em 0; max-width: 190px; width: 80%; } .main-footer .app-logo a { display: block; } .main-footer .app-logo img { display: block; width: 100%; height: auto; } /* utility bar */ .utility-bar { background-color:#005959; } .utility-bar__links { border-left:1px solid #002626; } @media (min-width: 568px) { .utility-bar__links--your-account { border-left:1px solid #002626; } } .utility__link { background-color:#005959; border-left:1px solid #008c8c; border-right:1px solid #002626; } .utility__link:hover { background-color:#008c8c; } .shortlist-count { background-color: #00ce9b; } @media (min-width: 568px) { .utility__link--logout { border-left:1px solid #008c8c; border-right:1px solid #002626; } } .recently-seen { border:2px solid #005959; } @media (min-width: 370px) { .recently-seen { border:5px solid #005959; } } .recently-seen:before { border-bottom:16px solid #005959; } .recently-seen__tabs-menu li { border-top:2px solid #005959; border-right:2px solid #005959; border-left:2px solid #005959; background:#005959; } .recently-seen__tabs-menu li.selected { border-top:2px solid #d5d5d5; border-right:2px solid #d5d5d5; border-left:2px solid #d5d5d5; } .recently-seen__tabs-menu .selected a { color:#252a32; } .recently-seen__tab { border-top:2px solid #d5d5d5; } .recently-seen__accommodation:hover,.recently-seen__search:hover { background-color:#F7F7F7; border-top:1px solid #005959; border-bottom:1px solid #005959; } .utility__link--shortlist { border-right:0; } /*new header*/ .brand__panel--promotion { padding-right: 1em; } /* Countdown overrides */ .brand__panel--search { display: none; } .brand__panel--promotion .countdown-wrap { background-image: none; } .brand__panel--promotion.has-countdown .countdown-wrap { /*border-color: rgba(124, 124, 124, 0.35);*/ border-color: rgba(57,72,83,0.3); background-image: url(/content/direct/78/header/promo-banner/cski-header-promo-bg.png); background-position: right bottom; background-repeat: no-repeat; color: #005959; font-family: 'Brandon Grotesque Bold', sans-serif; font-weight: 400; overflow: hidden; padding-left: 0.5em; position: relative; } .brand__panel--promotion .countdown__message { max-width: 260px; } .brand__panel--promotion .countdown__message:after { background-image: url(/static/img/crystal/arrow-sprite.png); background-position: right -466px; background-repeat: no-repeat; content: ""; width: 15px; height: 15px; display: inline-block; margin-left: 0.5em; } .brand__panel--promotion .countdown { background-image: none; padding-left: 0; } .countdown { color: #005959; } .brand__panel--promotion .terms-link { color: #639BC6; } .brand__panel--promotion .terms-link:hover { color: #ed1c24; text-decoration: none; } /* Styles for Thomson Ski migration modal/pop-up (moved in from Maxymiser) */ .thomson-modal-container { position: fixed; left: 50%; top: 100px; z-index: 5000; display: none; } .thomson-modal-container .thomson-modal h2 { color: #005959; font-size: 25px; margin-bottom: 0.5em; } .thomson-modal { position: relative; left: -50%; overflow: auto; text-align: center; background-color: #ccf5eb; border-color: #005959; border-style: solid; border-width: 2px; } .thomson-modal .logo { margin: 0 0 20px; text-align: center; } .thomson-modal p { font-family: 'Brandon Grotesque Regular', sans-serif; font-size: 18px; } .thomson-modal__content { margin: 0.5em; border-color: #005959; border-style: dashed; border-width: 2px; padding: 2em; } .thomson-modal__content .btn { background-color: #c0023e; border-color: #a70236; border-style: solid; border-width: 0 0 4px; color: #fff; cursor: pointer; display: inline-block; float: none; font-size: 14px; font-weight: 700; line-height: 1.4; padding: 10px 1em 7px 1em; padding-right: 35px; position: relative; text-align: center; text-transform: uppercase; } .thomson-modal__content .btn: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; } /* Styles for Agent support popup */ .agent-support-panel-content { background-color: #008c8c; color: #fff; max-width: 1048px; margin: auto; padding: 10px; text-align: left; font-size: 90%; } .agent-support-panel-content h2 { background-color: transparent; padding: 0 0 10px; color: #fff; font-family: 'Brandon Grotesque Regular', sans-serif; font-size: 24px; font-weight: normal; text-transform: uppercase; } .agent-support-panel-content h3, .agent-support-panel-content h4 { font-family: 'Brandon Grotesque Regular', sans-serif; font-weight: normal; margin: 0; padding: 0; } .agent-support-panel-content h3 { font-size: 20px; } .agent-support-panel-content h4 { font-size: 18px; } .agent-support-panel-content > ul { display: -ms-flexbox; -ms-flex-flow: row wrap; display: -webkit-flex; -webkit-flex-flow: row wrap; display: -ms-flexbox; -ms-flex-flow: row wrap; display: -webkit-flex; -webkit-flex-flow: row wrap; } .agent-support-panel-content .pure-u-1-3 { padding: 0 10px; border-right: 1px solid #002626; display: inline-block; vertical-align: top; width: 30%; } .agent-support-panel-content .first { padding-left: 0; } .agent-support-panel-content .pure-u-1-3:last-child { border-right: none; } .agent-support-panel-content .pure-u-1-3 li { margin-bottom: 1em; } .agent-support-panel-content .pure-u-1-3 li p { margin: 0; padding: 0; } .agent-support-panel-content a { color: #F3C900; } .agent-support-panel-content .tel a { text-decoration: none; font-weight: 700; } .searchPanel .insideSearchPanel .csum-migration-text { display: none;}