/**************************************************/ /* Offer styles: listed and stacked - Created by Oz 16th Nov 2009 http://www.just-oz.co.uk */ /**************************************************/ /**************************************************/ /* Terms styles */ /**************************************************/ #pageContent .contribute .description {overflow:visible;} #pageContent .contribute .description ul.contributeSections li .text .quote {color:#EB0D8B; font-size:113%; display:block; width:755px} #pageContent .contribute .description ul.contributeSections li .text .quote em {color:#313131; font-size:75%;} #pageContent .contribute .description ul.contributeSections li .text .quote img.open {float:left; margin:0; padding:0 10px 0 0; } #pageContent .contribute .description ul.contributeSections li .text .quote img.closed {float:right; margin:0; padding:0; margin:-18px 438px 0 0; } #pageContent .contribute .description .contentBlurb {padding:0; clear:both; float:left; width:755px; color:#000;} #pageContent .contribute .description .contentBlurb span {clear:both; float:left; padding:0; margin:0; background:#f2f2f2; padding:10px; width:735px; border:1px solid #dcdcdc;} #pageContent .contribute .description .contentBlurb span h6 {font-weight:bold; clear:both; font-size:81%;} #pageContent .contribute .description .contentBlurb p { float:left; margin:0; padding:0; } /**************************************************/ /* Global styles */ /**************************************************/ /* Global reset based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui customised for contents of a div - remove as neccessary*/ /* Fullwidth styles */ #pageContent .standardPage .description .fullWidth div#reset div, #pageContent .standardPage .description .fullWidth div#reset dl, #pageContent .standardPage .description .fullWidth div#reset dt, #pageContent .standardPage .description .fullWidth div#reset dd, #pageContent .standardPage .description .fullWidth div#reset ul, #pageContent .standardPage .description .fullWidth div#reset ol, #pageContent .standardPage .description .fullWidth div#reset li, #pageContent .standardPage .description .fullWidth div#reset h1, #pageContent .standardPage .description .fullWidth div#reset h2, #pageContent .standardPage .description .fullWidth div#reset h4, #pageContent .standardPage .description .fullWidth div#reset h5, #pageContent .standardPage .description .fullWidth div#reset h6, #pageContent .standardPage .description .fullWidth div#reset pre, #pageContent .standardPage .description .fullWidth div#reset form, #pageContent .standardPage .description .fullWidth div#reset label, #pageContent .standardPage .description .fullWidth div#reset fieldset, #pageContent .standardPage .description .fullWidth div#reset input, #pageContent .standardPage .description .fullWidth div#reset blockquote, #pageContent .standardPage .description .fullWidth div#reset th, #pageContent .standardPage .description .fullWidth div#reset td , #pageContent .standardPage .description .fullWidth div#reset .carousel-wrapper li span.rating{ margin:0; padding:0 } #pageContent .standardPage .description .fullWidth div#reset table { border-collapse:collapse; border-spacing:0 } #pageContent .standardPage .description .fullWidth div#reset fieldset, #pageContent .standardPage .description .fullWidth div#reset img { border:0 } #pageContent .standardPage .description .fullWidth div#reset fieldset {display:inline;} address, caption, cite, code, dfn,#pageContent .standardPage .description .fullWidth div#reset em,#pageContent .standardPage .description .fullWidth div#reset strong, th, var { font-style:normal; font-weight:normal } #pageContent .standardPage .description .fullWidth div#reset ul, #pageContent .standardPage .description .fullWidth div#reset li { list-style:none; } caption, th { text-align:left } #pageContent .standardPage .description .fullWidth div#reset h1, #pageContent .standardPage .description .fullWidth div#reset h2, #pageContent .standardPage .description .fullWidth div#reset h3, #pageContent .standardPage .description .fullWidth div#reset h4, #pageContent .standardPage .description .fullWidth div#reset h5, #pageContent .standardPage .description .fullWidth div#reset h6{ font-size:16px;} /* Stacked styles */ #pageContent .standardPage .description .fullWidth .stacked div#reset div, #pageContent .standardPage .description .fullWidth .stacked div#reset dl, #pageContent .standardPage .description .fullWidth .stacked div#reset dt, #pageContent .standardPage .description .fullWidth .stacked div#reset dd, #pageContent .standardPage .description .fullWidth .stacked div#reset ul, #pageContent .standardPage .description .fullWidth .stacked div#reset ol, #pageContent .standardPage .description .fullWidth .stacked div#reset li, #pageContent .standardPage .description .fullWidth .stacked div#reset h1, #pageContent .standardPage .description .fullWidth .stacked div#reset h2, #pageContent .standardPage .description .fullWidth .stacked div#reset h4, #pageContent .standardPage .description .fullWidth .stacked div#reset h5, #pageContent .standardPage .description .fullWidth .stacked div#reset h6, #pageContent .standardPage .description .fullWidth .stacked div#reset pre, #pageContent .standardPage .description .fullWidth .stacked div#reset form, #pageContent .standardPage .description .fullWidth .stacked div#reset label, #pageContent .standardPage .description .fullWidth .stacked div#reset fieldset, #pageContent .standardPage .description .fullWidth .stacked div#reset input, #pageContent .standardPage .description .fullWidth .stacked div#reset blockquote, #pageContent .standardPage .description .fullWidth .stacked div#reset th, #pageContent .standardPage .description .fullWidth .stacked div#reset td , #pageContent .standardPage .description .fullWidth .stacked div#reset .carousel-wrapper li span.rating{ margin:0; padding:0 } #pageContent .standardPage .description .fullWidth .stacked div#reset table { border-collapse:collapse; border-spacing:0 } #pageContent .standardPage .description .fullWidth .stacked div#reset fieldset, #pageContent .standardPage .description .fullWidth .stacked div#reset img { border:0 } #pageContent .standardPage .description .fullWidth .stacked div#reset fieldset {display:inline;} address, caption, cite, code, dfn,#pageContent .standardPage .description .fullWidth .stacked div#reset em,#pageContent .standardPage .description .fullWidth .stacked div#reset strong, th, var { font-style:normal; font-weight:normal } #pageContent .standardPage .description .fullWidth .stacked div#reset ul, #pageContent .standardPage .description .fullWidth .stacked div#reset li { list-style:none; } caption, th { text-align:left } #pageContent .standardPage .description .fullWidth .stacked div#reset h1, #pageContent .standardPage .description .fullWidth .stacked div#reset h2, #pageContent .standardPage .description .fullWidth .stacked div#reset h3, #pageContent .standardPage .description .fullWidth .stacked div#reset h4, #pageContent .standardPage .description .fullWidth .stacked div#reset h5, #pageContent .standardPage .description .fullWidth .stacked div#reset h6{ font-size:16px;} q:before, q:after { content:''} a { text-decoration:none } /* Global reset-RESET :) restores some sensible defaults */ /* Fullwidth styles */ #pageContent .standardPage .description .fullWidth div#reset strong { font-weight:bold } #pageContent .standardPage .description .fullWidth div#reset em { font-style:italic } #pageContent .standardPage .description .fullWidth div#reset * a { position:relative } /* Gets links displaying over a PNG background */ #pageContent .standardPage .description .fullWidth div#reset a img { border:none } /* Gets rid of IE's blue borders */ #pageContent .standardPage .description .fullWidth div#reset {font-family:Arial, Helvetica, sans-serif} /* Stacked styles*/ #pageContent .standardPage .description .fullWidth .stacked div#reset strong { font-weight:bold } #pageContent .standardPage .description .fullWidth .stacked div#reset em { font-style:italic } #pageContent .standardPage .description .fullWidth .stacked div#reset * a { position:relative } /* Gets links displaying over a PNG background */ #pageContent .standardPage .description .fullWidth .stacked div#reset a img { border:none } /* Gets rid of IE's blue borders */ #pageContent .standardPage .description .fullWidth .stacked div#reset {font-family:Arial, Helvetica, sans-serif} /**************************************************/ /*Full width offer styles*/ /**************************************************/ /*results headers*/ .bodytext b { margin-left:0px; margin-top:10px; width:750px; display:block; color:#eb0d8b; border-bottom:1px solid #c3dae2; padding-bottom:5px; } span.resultheaders { width:750px; height:15px; float:left; padding-top:20px; padding-bottom:10px; font-weight:bold; } span.resortaccommodationheader { width:190px; height:25px; float:left; font-size:12px; text-align:left; margin-left:15px; } span.resortheader { width:190px; height:25px; float:left; font-size:12px; text-align:left; } span.resortratingheader { width:123px; height:25px; float:left; font-size:12px; text-align:left; } span.resortdepartureheader { width:90px; height:25px; float:left; font-size:12px; text-align:left; } span.resortboardheader {width:60px; height:25px; float:left; font-size:12px; text-align:left; } span.resortpriceheader {width:40px; height:25px; float:left; font-size:12px; text-align:left; } #pageContent .standardPage .description .fullWidth div#reset h3 {width:100%; float:left; clear:both;} #pageContent .standardPage .description img {float:right!important} #pageContent .standardPage .description .fullWidth div#reset ul {display:block; clear:left; height:100%; overflow:visible; float:left; width:100%; margin-bottom:18px} #pageContent .standardPage .description .fullWidth div#reset li {display:block;} #pageContent .standardPage .description .fullWidth div#reset li a {display:block; background:#e3ecf0 url(/cms/ski-lift-discount/images/1410arrow.gif) no-repeat right 15px; margin-bottom:1px; border-bottom:1px solid #c6d9e0; padding:15px 0 12px 15px; font-size:0.7em; color:#000; float:left;width:736px} #pageContent .standardPage .description .fullWidth div#reset li.even a{background-color:#e3ecf0} #pageContent .standardPage .description .fullWidth div#reset li a:hover {background-color:#c6d9e0; text-decoration:none} #pageContent .standardPage .description .fullWidth div#reset li a span { cursor:pointer} #pageContent .standardPage .description .fullWidth div#reset li a span.accommodationName {display:block; float:left; width:190px; font-weight:bold; text-decoration:underline;margin-top:0px; } #pageContent .standardPage .description .fullWidth div#reset li a span.resortName {display:block; float:left; width:190px; font-weight:bold; margin-top:0px;} #pageContent .standardPage .description .fullWidth div#reset li a span.starrating {display:block; float:left; background:url(/cms/ski-lift-discount/images/starratings.gif) 0px 4px no-repeat; width:100px; text-indent:-10000px; overflow:visible; height:14px; margin-top:4px;} #pageContent .standardPage .description .fullWidth div#reset li a span.sharingBasis {display:block; float:left; width:120px; padding-right:90px; line-height:12px;margin-top:2px;display:none} #pageContent .standardPage .description .fullWidth div#reset li a span.departureDate {display:block; width:100px; float:left; margin-top:5px; color:#000; margin-left:-40px; } #pageContent .standardPage .description .fullWidth div#reset li a span.board { display:block; width:50px; float:left; margin-top:5px; font-weight:bold; } #pageContent .standardPage .description .fullWidth div#reset li a span.priceLabel {display:block; float:left; width:28px; margin-top:0px;display:none; } #pageContent .standardPage .description .fullWidth div#reset li a span.price {color:#eb0d8b; font-size:15px; display:block; float:left; width:50px; line-height:0.75em; margin-top:0px; font-weight:bold;margin-top:1px;display:block; } #pageContent .standardPage .description .fullWidth div#reset li a span.price p { color:#000; font-weight:normal; font-size:11px; margin-bottom:-10px; margin-top:-10px; width:50px; display:block; float:left;} #pageContent .standardPage .description .fullWidth div#reset li a span.accomImage {display:none;} #pageContent .standardPage .description .fullWidth div#reset li a span.callToAction {color:#EB0D8B; display:block; float:left; width:110px; margin-top:5px; font-weight:bold; font-size:1.05em } #pageContent .standardPage .description .fullWidth div#reset li a span.featuretext {display:none} #pageContent .standardPage .description .fullWidth div#reset li a span.perecntRating {display:none} #pageContent .standardPage .description .fullWidth div#reset li a span.saveUpTo {display:none} /*star ratings*/ #pageContent .standardPage .description .fullWidth div#reset li a span.rated15 {background-position:0px 0px;} #pageContent .standardPage .description .fullWidth div#reset li a span.rated20 {background-position:0px -13px;} #pageContent .standardPage .description .fullWidth div#reset li a span.rated25 {background-position:0px -26px;} #pageContent .standardPage .description .fullWidth div#reset li a span.rated30 {background-position:0px -39px;} #pageContent .standardPage .description .fullWidth div#reset li a span.rated35 {background-position:0px -52px;} #pageContent .standardPage .description .fullWidth div#reset li a span.rated40 {background-position:0px -65px;} #pageContent .standardPage .description .fullWidth div#reset li a span.rated45 {background-position:0px -77px;} #pageContent .standardPage .description .fullWidth div#reset li a span.rated50 {background-position:0px -91px;} .backtotopcontainer { width:610px; height:100%; float:left; } /**************************************************/ /*Stacked offer styles*/ /**************************************************/ #pageContent .standardPage .description .fullWidth .stacked div#reset h3 {width:100%} #pageContent .standardPage .description .fullWidth .stacked div#reset ul {display:block; clear:left; height:100%; overflow:visible; float:left; width:100%; margin-bottom:18px;} #pageContent .standardPage .description .fullWidth .stacked div#reset li { background:url(/cms/ski-season-offers/images/structure-offer-header.gif) no-repeat top left; padding:21px 0 0 0; width:234px; position:relative;display:block; float:left; margin-right:18px; margin-bottom:15px;} #pageContent .standardPage .description .fullWidth .stacked div#reset li.last {display:block; float:left; margin-right:0;} #pageContent .standardPage .description .fullWidth .stacked div#reset li a { font-size:0.81em; color:#000; width:234px; padding:0; font-weight:bold; background:url(/cms/ski-season-offers/images/structure-offer-content-bg.gif) bottom left #FFF; width:232px; min-height:263px; margin:30px 0 0 0; text-align:left; clear:both; float:left; border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;} #pageContent .standardPage .description .fullWidth .stacked div#reset li a:hover {text-decoration:none} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span { cursor:pointer; clear:both; float:left} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.countryName { font-weight:bold; padding-left:5px; width:100px} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.accommodationName {margin:-41px 0 0 10px; padding:0; color:#fff; width:220px; position:relative; text-decoration:none; display:inline} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.resortName { font-weight:bold; padding-right:5px; margin:-22px 0 0 10px; color:#fff; width:200px;position:relative; display:inline} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.accomImage { clear:both; display:block} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.accomImage img {margin:0 0 0 0; padding:0; clear:both; width:232px; min-height:116px; height:116px; float:left!important; } #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.perecntRating {color:#5b5b5b; font-weight:normal; margin:-106px 0 0 10px ; padding:7px 0 26px 10px; width:90px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cms/ski-season-offers/images/structure-rating-bg.png', sizingMethod='image'); overflow:hidden;font-size:0.85em; z-index:4000; display:none} * > #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.perecntRating {background:url(/cms/ski-season-offers/images/structure-rating-bg.png) no-repeat 0 0;} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.perecntRating strong {font-size:1.9em} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.starrating { background:url(/cms/ski-season-offers/images/starratings.gif) 0px 0 no-repeat; width:200px; text-indent:-10000px; overflow:hidden; height:14px;clear:both; margin-left:9px; display:inline; overflow:hidden;margin-top:4px;} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.boardBasis { line-height:29px; clear:both; margin-left:12px; width:200px; padding:0; display:block;} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.sharingBasis {display:block; float:left; width:120px; padding-right:90px; line-height:12px;margin-top:2px; clear:both} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.priceLabel { float:left; margin-top:7px; width:35px; margin-left:12px; font-weight:normal; clear:left; display:inline } #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.price {color:#eb0d8b; font-size:3.13em; width:120px; line-height:0.75em; margin-top:7px; margin-left:12px; font-weight:bold; clear:left;display:inline} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.saveUpTo { margin-top:4px; clear:both; margin-left:12px; line-height:21px; width:90px; display:block; } #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.callToAction { margin:10px 0 0 10px; padding-bottom:11px; clear:both; display:block; background:url(/cms/ski-season-offers/images/button-see-more.gif) no-repeat 0 0; width:100px; height:35px; text-indent:-9999em;display:inline } /*star ratings*/ #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.rated15 {background-position:0px 0px;} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.rated20 {background-position:0px -13px;} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.rated25 {background-position:0px -26px;} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.rated30 {background-position:0px -39px;} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.rated35 {background-position:0px -52px;} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.rated40 {background-position:0px -65px;} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.rated45 {background-position:0px -77px;} #pageContent .standardPage .description .fullWidth .stacked div#reset li a span.rated50 {background-position:0px -91px;} #pageContent .standardPage .description .fullWidth p {clear:left} /*Countdown timer*/ #pageContent .standardPage .description .fullWidth p.ctimer { display:block; clear:both; margin-bottom:16px; float:left; width:430px; font-size:70%} span.spanTitle {display:block; float:right; width:130px; font-size:1em; margin-top:6px; padding-right:10px; font-style:oblique} span.countdowntimer, span.countdowntimer span {display:inline;} span.countdowntimer span.countdown_section {display:block; float:left; width:65px; font-size:1em; text-align:center; background:#418199; margin-right:2px; padding:2px 0 2px 0; color:#fff} span.countdowntimer span.countdown_section span {font-size:250%; font-weight:bold}