/******************************************************************************************************************/ /********************************************** GENERAL SETUP *****************************************************/ /******************************************************************************************************************/ /*********************************************General*****************************************************/ input, select, textarea { background-color: #fff; border: 1px solid #A7A7A7; color: #000; font-size: 75%; line-height: 1.4; margin: 0; padding: 0; } /* Lines 13-16. Replicate anchor styles for sort on column headers * Default style - Leave in brand styles to prompt change for other * brand sites (Ski, summer etc...). */ a {color:#0166b1; text-decoration:underline; cursor:pointer; } a:hover {color:#e40046; text-decoration:none; } a.skipNav {margin-left:-3000px; display:inline; width:0; float:left; } h1,h2,h3,h4,h5,h6 {margin:0; padding:0 0 10px; } p,ul,ol,dl {margin:0; padding:0 0 10px; } li {margin:0; padding:0; } .error {color:#900; } img {font-size:70%; color:#a7a9ac; border:0; } a.external, a.email, a.edit, a.pdf {padding-right:20px; background-position:right center; background-repeat:no-repeat;} a.external {background-image:url(/static/images/crystalbrand/generalicons/externalshort.png);} a.email {background-image:url(/static/images/crystalbrand/generalicons/email.png);} a.pdf {padding-right:23px; background-image:url(/static/images/crystalbrand/generalicons/pdfshortwhite.png);} a.newtab:after { background-image: url(/static/img/crystal/externalshort.png); background-repeat: no-repeat; content: ''; padding-right: 1.4em; margin-left: 0.25em; } span.phone, .howToBook .insideContentSection .freeText .guideToBook .viaPhone p.number, .howToBook .insideContentSection .contactTypeTel .number {background-image:url(/static/images/unbranded/phoneicon.gif); background-position:center left; background-repeat:no-repeat; padding-left:25px; font-weight:bold; color:#0050A4;} em,i {font-style:normal; } /*Non-float fixes*/ #wrapper:after, #contentNav:after, #contentNavigation:after, #page #contentNavigation .insideContentNavigation:after, .destinations #page #content.resortContent .tab-panel .resortAtAGlance .block ul li:after, .searchAgainPanel .inside p:after, #page #content .insideBlock:after, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.contentItem .slideshow:after, .slideshow-controller li a:after, #page #content ul.columns li.column:after, #page #content ul.columns li h2:after, #page #content ul.columns li.col2 .factFile:after, #footer .globalLinks .insideGlobalLinks .globalLinksContent .marker:after, #page.homePage #content .mainContent .contentSection .insideContentSection .people h2:after, #page.contentPageLowerLevels #content .mainContent .contentSection .insideContentSection:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } /*********************************************Layout*****************************************************/ body {font-size:99.9%; text-align:center; color:#333; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; background:#efefef; line-height:1.3; } #wrapper {margin:0 auto 0px auto; text-align:left; background-color:#fff; width:958px; overflow:visible; } #pageHolder {clear:both; padding:5px 0 15px; float:left; position:relative; width:910px; margin-left:24px; display:inline; } #pageHolder .insidePageHolder {width:100%; clear:both; padding:0; float:left; background-repeat:repeat-y; background-position:684px 10px; } /******************************************************************************************************************/ /********************************************** PAGE AREAS ********************************************************/ /******************************************************************************************************************/ /************************************************ Header ***************************************/ #header {float:left; clear:both; padding:5px 0px 0px 0px; overflow:visible; background-position:0px 0px; background-repeat:no-repeat; width:910px; margin-left:24px; display:inline; } #header .insideHeader {background-color:#fff; width:100%; float:left; clear:both; padding-bottom:5px; } #header .bookingHeader {padding-bottom:5px; } #header em {font-style:normal; } #header .siteNav {width:100%; float:left; clear:both; } #header .headerNavigation {width:100%; float:left; clear:both; border-top: 1px solid #BEBFC1; margin-top: 19px; } #header .headerNavigation .navWrapper { padding-top: 5px; margin-left: -10px; } #header .globalNav {width:auto; clear:both; text-align:right; } #header .globalNav ul {width:auto; float:right; clear:both; list-style-type:none; } #header .globalNav ul li {float:left; width:auto; font-size:87%; } #header .globalNav ul li a {display:block; float:left; width:auto; } #header .branding {width:100%; float:left; clear:both; padding-top:20px; } #header .branding .brandingInside {width:100%; float:left; clear:both; } #header .branding .logosArea { float:left; width: 250px; } #header .branding .logosArea p { display:block; float:left; margin:0px; font-size:100% ; } #header .branding .logosArea p a { display:block; width:400px; height:21px; float:left; background-position:12px -5px; background-repeat:no-repeat; } #header .branding .logosArea p span { display:none; } #header .branding .logosArea p.TelNumber span { display:inline-block; } #header .branding .linksArea { float:right; } #header .branding .linksArea ul.helpLinks { width:auto; clear:none; padding:0 0 48px 0; list-style-type:none; } #header .branding .linksArea ul.helpLinks li {width:auto; float:left; padding:5px 0px 0px 12px; margin:0; } #header .branding .linksArea ul.helpLinks li a {padding:0px; display:block; float:left; width:auto; clear:both; font-size:80%; color:#999; text-decoration:none; } #header .branding .linksArea ul.helpLinks li a:hover {color:#ed1c24; text-decoration:none;} #header .branding .linksArea ul.helpLinks li a.external {background-image:url(/static/images/crystalbrand/generalicons/externalshort.png); background-position:right center; background-repeat:no-repeat; padding-right:20px; } #header .branding .linksArea ul.helpLinks li.navAccount { display: none; } #header .branding .searchArea {width:226px; float:left; } #header .branding .searchArea p {color:#666; font-size:75%; font-style:italic; } #header .branding .callUs p.TelNumber {color:#333; width:auto; font-size:100%; float:right; line-height:1; clear:both; } #header .branding .callUs p.footnote {background-image:none;color:#666; width:166px; font-size:70%; float:right; line-height:1; clear:both; padding:0; text-align: right;} #header .callUs {display: inline-block; padding-left: 10px; } .home #header .callUs {display: inline-block; padding-left: 10px; } .holder {margin:0 auto; text-align:center; width:967px; float:left; clear:both; } #header .mainNav {clear:both; float:left; width:100%; } #header .mainNav .insideMainNav {clear:both; float:left; width:100%; } #header .mainNav ul.primaryNav {clear:both; list-style-type:none; margin:0; padding:0; width:100%; float:left; } #header .mainNav ul.primaryNav li {float:left; width:auto; display:inline; font-size:93%; border:0px; font-family:"Helvetica Neue", helvetica, arial, sans-serif; margin-right:10px; } #header .mainNav ul.primaryNav li.first {border-left:0px; } #header .mainNav ul.primaryNav li a, #header .mainNav ul.primaryNav li span {display:block; float:left; width:auto; background-position:left top; background-repeat:repeat-x; color:#333; padding:5px 10px; text-decoration:none; border:solid 1px #fff; border-bottom:0px; background-color:transparent; } #header .mainNav ul.primaryNav li a span, #header .mainNav ul.primaryNav li span span {cursor:pointer; border:0px; background-color:transparent; padding:0px; } #header .mainNav ul.primaryNav li span span {cursor:default; } #header .mainNav ul.primaryNav li a:hover, #header .mainNav ul.primaryNav li a:hover span, #header .mainNav ul.primaryNav li.first em span, #header .mainNav ul.primaryNav li a.selected {color:#ed1c24; } #header .mainNav ul.primaryNav li a.external {background-image:none; padding:5px 10px;} /************************************** Breadcrumbs ********************************************/ .breadcrumbs { width:100%; float:left; clear:both; background-color: #fff; } /* Level 1 */ .breadcrumbs ul.breadcrumbLinks {font-size:75%; width:100%; float:left; clear:both; margin:0; padding:0 0 10px; position:relative; list-style-type:none; cursor:default; } .breadcrumbs ul.breadcrumbLinks li.crumb {font-size:100%; margin:0; padding:0 0 0 6px; list-style-type:none; position:relative; cursor:pointer; width:auto; float:left; background-image:url(/static/images/crystalbrand/generalicons/progressarrow.gif); background-position:top left; background-repeat:no-repeat; color:#999;} .breadcrumbs ul.breadcrumbLinks li.crumb a {display:block; width:auto; cursor:pointer; color:#999; padding:0px 10px 0px 10px; } .breadcrumbs ul.breadcrumbLinks li.crumb a:hover {color:#ed1c24; } .breadcrumbs ul.breadcrumbLinks li.crumb a.selected {color:#999; text-decoration:none; cursor:default; } .breadcrumbs ul.breadcrumbLinks li.home {background-image:none; display:block; padding-left:12px; } .breadcrumbs ul.breadcrumbLinks li.home a {display:inline; } .breadcrumbs ul.breadcrumbLinksContent li.first {background-image:url(/static/images/crystalbrand/generalicons/progressarrow.gif); } .breadcrumbs ul.breadcrumbLinksContent li.first a {background-color:transparent; } .breadcrumbs ul.breadcrumbLinksContent li.home a {background-color:transparent; padding-left:10px; display:inline; } /*Level 2*/ .breadcrumbs ul.breadcrumbLinks ul.innerCrumb {list-style-type:none; width:auto; padding:0 10px 0 0; float:left; } .breadcrumbs ul.breadcrumbLinks ul.innerCrumb li {width:auto; float:left; clear:none; } .breadcrumbs ul.breadcrumbLinks ul.innerCrumb li.linkHolder a {padding-right:5px; } .breadcrumbs ul.breadcrumbLinks ul.innerCrumb li.dropDownHolder a.select {display:block; padding:0; width:15px; height:15px; background-image:url(/static/images/crystalbrand/generalicons/menuBarDown.gif); background-repeat:no-repeat; background-position:bottom right; text-decoration:none; } .breadcrumbs ul.breadcrumbLinks ul.innerCrumb li.dropDownHolder a.select:hover {color:#ed1c24; background-image: url(/static/images/crystalbrand/generalicons/menuBarDownHover.gif); } .breadcrumbs ul.breadcrumbLinks ul.innerCrumb li.dropDownHolder a.select span {margin-left:-3000px; } /* Level 3 */ .breadcrumbs ul.breadcrumbLinks ul.innerCrumb li.dropDownHolder ul {background-color:#fff; visibility:hidden; position:absolute; top:100%; left:-10px; margin:0; clear:both; float:left; padding:0; list-style-type:none; z-index:21; cursor:pointer; width:auto; border:solid 1px #efefef; border-top:0px; font-size:100%; } .breadcrumbs ul.breadcrumbLinks ul.innerCrumb li.dropDownHolder ul li {width:100%; background-color:#fff; background-image:none; padding:0; float:none; } .breadcrumbs ul.breadcrumbLinks ul.innerCrumb li.dropDownHolder ul a {width:157px; padding:5px 10px; border:0; border-top:solid 1px #efefef; font-size:100%; color:#0166B1; } .breadcrumbs ul.breadcrumbLinks ul.innerCrumb li.dropDownHolder ul a:hover { border:0; border-top:solid 1px #efefef; background-color:#efefef; color:#ed1c24; } /* And beyond */ ul.dropdown ul ul {left:100%; top:0; } ul.dropdown li:hover > ul {visibility:visible; } /***************************************** Page **************************************************/ #page {width:684px; float:left; margin:0px; padding:0; } #page .inside {width:684px; clear:both; position:relative; float:left; padding:0; } .CollapsiblePanel, .CollapsiblePanel .CollapsiblePanelTab, .CollapsiblePanel .CollapsiblePanelContent {width:100%; float:left; clear:both; overflow:visible; } #page #content .moreDetailsBar {background-color:#ED1C24; display:block; padding:5px; color:#fff; min-width:20px; font-weight:bold;-moz-box-shadow: 1px 1px 3px #665665; float:left; font-size:105% !important;} /**********************Content header**************************/ #page #contentHeader {width:684px; padding:0; float:left; clear:both; margin-top:12px; } #page #contentHeader .introduction {float:left; clear:both; background-position:top left; background-repeat:no-repeat; padding-top:260px; padding-bottom:200px; background-color:transparent; width:100%; } #page #contentHeader .introduction .insideIntroduction {width:684px; float:left; clear:both; padding:0 0 15px; margin-top:-225px; } #page #contentHeader .introduction .insideIntroduction .introText {float:left; clear:both; width:660px; padding:0px 12px 0px 12px; background-color:transparent; border:0px; } #page #contentHeader .introduction .insideIntroduction .introText h1 {margin-top:-45px; color:#fff; padding:8px 24px 8px 12px; width:auto; float:left; clear:both; font-size:175%; font-weight: normal; line-height:1.2; letter-spacing:0; } #page #contentHeader.marketingVoucher .introduction .insideIntroduction .introText h1 {margin-top: -17px;} #page #contentHeader.marketingVoucher .introduction .insideIntroduction .introText h2 {background: #FFFFFF; border-radius: 3px;padding: 6px 24px 9px 12px; width: auto; } span.book-now-span {background: #ED1C24; border-radius: 3px; padding: 5px; color: #fff;} #page #contentHeader .introduction .insideIntroduction .introText h1 a {text-decoration:none; color:#fff; cursor:default; } #page #contentHeader .introduction .insideIntroduction .introText h1 .smaller {color:#333; font-size:87%; } #page #contentHeader .introduction .insideIntroduction .introText h1 .whereLocated {font-size:43%; display:inline; position:absolute; left:-3000px; } #page #contentHeader .introduction .insideIntroduction .introText h2 {margin:0; font-size:100%; font-weight:bold; line-height:1.2; color:#333; padding-bottom:10px; width:100%; float:left; clear:both; padding-top:12px; } #page #contentHeader .introduction .insideIntroduction .introText p {color:#fff; font-size:100%; font-weight:bold; clear:both; padding-top:10px; padding-bottom:0px; } #page #contentHeader .introduction .insideIntroduction .introText p.rating {width:120px; } #page #contentHeader .introduction .insideIntroduction .introText ul {list-style-type:none; padding:0; clear:both; } #page #contentHeader .introduction .insideIntroduction .introText ul li {padding:0 0 5px; font-size:87%; line-height:1.6; } #page #contentHeader .introduction .insideIntroduction .introText .headingText {width:546px; margin-right:15px; float:left; } #page #contentHeader .introduction .insideIntroduction .introText .headingText h2 {width:546px; } #page #contentHeader .introduction .insideIntroduction .introText .headingText p {width:546px; } #page #contentHeader .introduction .insideIntroduction .introText .headingText ul {width:546px; } #page #contentHeader .introduction .insideIntroduction .introText .headingText .image {width:160px; height:119px; border:solid 1px #ccc; overflow:hidden; float:left; margin-right:15px; } #page #contentHeader .introduction .insideIntroduction .introText .headingText .image .insideImage {width:156px; height:115px; border:solid 2px #fff; text-align:center; overflow:hidden; } #page #contentHeader .introduction .insideIntroduction .introText .headingText .image .insideImage img {width:156px; } #page #contentHeader .introduction .insideIntroduction .introText .headingText .words {width:369px; float:left; } #page #contentHeader .introduction .insideIntroduction .introText .headingInfo {width:162px; float:left; clear:none; } #page #contentHeader .introduction .insideIntroduction .introText .headingInfo h2 { font-size:75%; padding:0px; line-height:1.3; color:#333; } #page #contentHeader .introduction .insideIntroduction .introText .headingInfo p {font-size:75%; padding:0px; line-height:1.3; color:#333; } #page #contentHeader .introduction .insideIntroduction .introText .headingInfo p.printThis {background-image:url(/static/images/crystalbrand/generalicons/printicon.png); padding-left:20px; background-repeat:no-repeat; background-position:top left; } #page #contentHeader .introduction .insideIntroduction .introText .rating, #page #contentHeader .introduction .insideIntroduction .introText .rating a {width:105px; } #page #contentHeader .introduction .insideIntroduction .introText .earlierLater {width:100%; padding:0px; } #page #contentHeader .introduction .insideIntroduction .introText .earlierLater p {padding-bottom:10px; } #page #contentHeader .introduction .insideIntroduction .introText .earlierLater ul li {font-size:70%; } #page #contentHeader .introduction .insideIntroduction .introText .earlierLater ul li.dateOption a span.date {color:#3250BE; } #page #contentHeader .tabIntro {width:753px; float:left; clear:both; } #page #contentHeader .tabIntro h1 {margin:0; padding:0; color:#000; font-size:120%; font-weight:normal; line-height:1.2; } #page #contentHeader .tabIntro p {padding:0; color:#000; font-size:87%; font-weight:normal; line-height:1.6; } /****************************Content area **********************************/ #page .contentHolder {width:100%; float:left; clear:both; } #page #content {width:660px; padding:15px 0px 0px 12px; float:left; clear:both; overflow:visible; margin-top:-175px; position:relative;} #page #content .insideContent {width:100%; padding-bottom:0px; } #page #content .insideContent .mainContent {width:100%; float:left; clear:both; padding-bottom:0; } #page #content .block {width:660px; float:left; clear:both; padding-bottom:15px; } #page #content .block .insideBlock {clear:both; width:100%; display:block; position:static; } #page #content .block h2 {padding:0 0 5px; width:100%; color:#000; float:left; font-size:100%; font-weight:bold; } #page #content .block h3, #page .block h3 {padding:0 0 5px; width:100%; color:#000; float:left; font-size:87%; font-weight:bold; } #page #content .block p {padding-bottom:5px; font-size:75%; } #page #content .block p p {font-size:100%;} #page #content .block dl {font-size:75%; } #page #content table .width10 {width:55px; } #page #content table .width20 {width:130px; } #page #content table .width30 {width:205px; } #page #content table .width40 {width:280px; } #page #content table .width50 {width:355px; } #page #content table .width60 {width:430px; } #page #content table .width70 {width:505px; } #page #content table .width80 {width:580px; } #page #content table .width90 {width:655px; } #page #content table .width100 {width:730px; } #page #content table .width25 {width:167px; } #page #content table .width75 {width:542px; } #page #content table .width33 {width:227px; } #page #content table .width66 {width:475px; } #page #content .mainContent table {width:100%; float:left; clear:both; padding-bottom:15px; } #page #content .introText .insideIntroText p {width:561px; } #page #content ul.columns li .introText .insideIntroText p {padding:0 0 5px; width:100%; float:left; color:#000; font-size:87%; font-weight:bold; line-height:1.4; } #page #content ul.columns li .introText .insideIntroText .countryFactFile .insideBlock ul li h2 {font-size:75%; color:#000; } #page #content ul.columns li .introText .insideIntroText .countryFactFile .insideBlock p {font-size:75%; line-height:normal; } /**************************************************** TOOLS PANEL ***************************************************/ #tools {float:left; clear:none; padding-top:0; width:226px; margin-left:0px; display:inline; } /***New search panel non responsive bits***/ .searchPanel .calendar label, .searchPanel .countries label, .searchPanel .departure label { font-size: 1em; font-weight: bold; padding-top: 5px; } .searchPanel .countries label span, .searchPanel .departure label span { font-weight: normal; font-size: 75%; } /* Search panel */ .searchPanel {width:196px; float:left; clear:both; margin:0; display:inline; } .searchPanel .insideSearchPanel {float:left; clear:both; background-color:transparent; padding:11px; width:202px; } .searchPanel h2 {float:left; clear:both; padding:0px 0px 5px 0px; width:100%; } .searchPanel h2.searchHeading {font-size:125%; font-weight:bold; width:auto; padding:2px 0px 0px 0px;} .searchPanel h2.searchHeading span {width:100%; float:left; clear:both;} .searchPanel p.strapline { font-weight: normal; font-size: 75%; padding-left: 2px; } .searchPanel p.strapline span { font-weight: bold; } .searchPanel .insideSearchPanel > h3 {width:100%; padding:5px 0 8px; font-size:87%; color: #fff; } .searchPanel h4 {width:100%; float:left; clear:both; display:block; padding:0 0 2px; margin:0; font-size:70%; color:#333; font-weight:normal; } .searchPanel .toggle {font-size:1em;font-weight:bold;padding-top:5px;color:#fff;cursor:pointer;} .searchPanel p {width:100%; float:left; padding:0 0 5px; clear:both; font-size:70%; } .searchPanel p.note {padding-bottom:0; font-size:70%; } .searchPanel ul { list-style: none; } .searchPanel form {float:left; clear:both; padding-top:3px; width:100%; } .searchPanel form ul {list-style-type:none; float:left; clear:both; width: 588px; padding:0 0 10px; border:0; } .searchPanel form ul li {width:100%; float:left; display:inline; clear:both; padding:5px 0; border:0px; } .searchPanel form ul li.dates {padding-top:0; } .searchPanel form ul li ul {padding:0; } .searchPanel form ul li ul li {padding:0; border:0; } .searchPanel form ul li .insideSearchPanelSection {width:100%; } .searchPanel form ul li .insideSearchPanelSection .fieldset {width:100%; } .searchPanel form ul li .insideSearchPanelSection .field {width:100%; } .searchPanel label {width:100%; float:left; clear:both; display:block; padding:0 0 2px; margin:0 10px 0 0; font-size:75%; color: #fff; } .searchPanel .destination label, .searchPanel .departure label {margin-right:0; } .searchPanel label span.optional, .searchPanel label span.normal { color:#999; } .searchPanel fieldset {width:100%; padding:0; float:left; clear:both; } .searchPanel fieldset .panelMessage { padding:0px 0px 18px 0px; float:left; clear:both; width:100%; background-image:url(/static/images/crystalbrand/speechbubble.gif); background-position:bottom left; background-repeat:no-repeat; } .searchPanel fieldset .panelMessage .insidePanelMessage {float:left; clear:both; border-style:solid; border-color:#ccc; border-width:1px 1px 0px 1px; background-color:#fff; color:#333; padding:9px; width:182px; } .searchPanel fieldset .panelMessage .insidePanelMessage h4 {width:137px; float:left; padding-left:20px; padding-bottom:5px; background-position:top left; background-repeat:no-repeat; font-size:70%; color:#000; background-image:url(/static/images/crystalbrand/generalicons/information.png); font-weight:bold; } .searchPanel fieldset .panelMessage .insidePanelMessage p { color:#252a32; padding-bottom:5px; width:100%; } .searchPanel fieldset .panelMessage .insidePanelMessage p.undo {text-align:right; text-decoration:underline; cursor:pointer; color:#3250BE; padding-bottom:0px; } .searchPanel fieldset .panelMessage .insidePanelMessage p.undo:hover {text-decoration:none; } .searchPanel .field {width:100%; float:left; clear:both; padding:0px 0px 9px 0px; } .searchPanel .checkBox {width:100%; float:left; clear:both; } .searchPanel .checkBox input {width:15px; float:left; } .searchPanel .checkBox label {clear:none; width:auto; } .searchPanel input {width:100%; float:left; margin:0 0 5px; border:0px; text-decoration:underline; cursor:pointer; } .searchPanel input:hover {text-decoration:none; } .searchPanel select {width:100%; height: 22px; float:left; clear:none; margin:0; } .searchPanel .buttons {width:100%; padding:0 0 10px; float:left; clear:both; } .searchPanel .submit-container input, #page.contentPage .inside #content .contentSection .freeText a.button {border:0; text-decoration:underline; cursor:pointer; font-size:81%; } .searchPanel .submit-container input:hover {text-decoration:none; } .searchPanel .infants label, .searchPanel .adults label, .searchPanel .children label {width:120px; margin-right:10px; } .searchPanel .infants select, .searchPanel .adults select, .searchPanel .children select {width:auto; clear:none; } .searchPanel .childAges {padding-bottom:0; width:100%; display:inline; float:left; clear:both; } .searchPanel .childAges h4 {padding:0; color:#000; width:100%; float:left; clear:both; display:none;} .searchPanel .childAges .childOption {width:88px; clear:none; overflow:hidden; float:left; padding:5px 0; } .searchPanel .childAges .childOption select {width:auto; } .searchPanel .childAges .childOption label {width:88px; margin:0; font-size:70%; } #whosGoingContainer .searchPanel {width: 612px;} #whosGoingContainer .searchPanel h2, #whosGoingContainer .searchPanel label {text-align: left;} #whosGoingContainer .insideSearchPanel {width: 590px;} #whosGoingContainer .dates, #whosGoingContainer .travellers {width: 202px;float: left;clear: none;margin-right: 1em;} #whosGoingContainer .child-ages {font-size: 74%;text-align: left;} #whosGoingContainer .child-ages select {font-size: 110%;} .searchPanel .details-sub {text-align: left;} /* Recent searches */ .recentSearchHolder {display:inline; clear:both; } #recentSearches {display:inline; padding:0px 0 6px; width:100%; float:left; clear:both; border:0px; } #recentSearches .insideRecentSearches {width:100%; float:left; padding:0px 0px 0px 0px; clear:both; } #recentSearches h3 {width:100%; float:left; clear:both; padding:5px 0; font-size:87%; font-weight:bold; } #recentSearches p {font-size:70%; } #recentSearches .CollapsiblePanel { padding-bottom:5px; width:100%; float:left; clear:both; border-bottom: 1px solid #00ce9b; } #recentSearches .CollapsiblePanelTab h3 { padding:6px 0 6px 20px; width:187px; cursor:pointer; float:left; background-image:url(/static/images/crystalbrand/generalicons/arrow-sprite.png); background-repeat:no-repeat; } #recentSearches .CollapsiblePanelOpen h3 { background-position: 0 -115px; } #recentSearches .CollapsiblePanelClosed h3 { background-position: 0 -208px; } #recentSearches ul {list-style-type:none; float:left; width:100%; clear:both; padding:0; } #recentSearches ul li {width:100%; float:left; clear:both; border:0px; padding:6px 0px 6px 0px; } #recentSearches ul li .text {width:100%; float:left; clear:both; } #recentSearches ul li p {padding:0; clear:both; font-size:70%; width:100%; } #recentSearches ul li p.route {padding-bottom:3px; } #recentSearches ul li p.route a span.flyingFrom, #recentSearches ul li p.route a span.goingTo {clear:both; display:block; cursor:pointer; text-decoration:underline; } #recentSearches ul li p.route a:hover span.flyingFrom, #recentSearches ul li p.route a:hover span.goingTo {text-decoration:none; } #recentSearches ul li p.date span.duration {text-transform:lowercase; } /* Non bookable online */ .nonBookableOnline {width:177px; padding:14px; border:solid 1px #ccc; background-color:#fff; float:left; clear:both; } .nonBookableOnline .insideNonBookable {width:177px; float:left; clear:both; } .nonBookableOnline .insideNonBookable h2 {padding:0 0 5px 20px; float:left; font-size:87%; color:#000; font-weight:normal; background-image:url(/static/images/crystalbrand/generalicons/information.png); background-position:top left; background-repeat:no-repeat; } .nonBookableOnline .insideNonBookable p {padding:0; clear:both; font-size:75%; } /******************************************** Footer ****************************************************/ #footer {clear:both;margin:0 auto;width:100%;max-width:960px;} /************************************************ Please wait *******************************************************/ #pleaseWait {width:467px; margin:15% auto 0; background-color:#E8F3FF; background-image:url(/static/images/crystalbrand/customerservices.gif); background-position:bottom left; background-repeat:no-repeat; padding:181px 13px 13px 151px; border:solid 2px #C4E2FF; } #pleaseWait .insidePleaseWait {width:467px; float:left; clear:both; padding:65px 0px 0px 0px; margin:-166px auto 0px auto; background-image:url(/static/images/crystalbrand/logo-small.gif); background-position:top right; background-repeat:no-repeat; } #pleaseWait .insidePleaseWait h2 {font-weight:normal; font-size:110%; color:#000; padding-bottom:5px; } #pleaseWait .insidePleaseWait p {font-size:87%; } /* Media panel pages content header overrides */ #page #contentHeader.mediaPanelPageHeader .introduction {padding:0px; margin:0; background-color:transparent; position:absolute; z-index:20; left:0; top:0; width:436px; background-image:url(/static/images/crystalbrand/mediapanelcorner.png); background-position:0px 12px; background-repeat:no-repeat; } #page #contentHeader.mediaPanelPageHeader .introduction .insideIntroduction { margin:0 0 0 12px; background-color: #252a32; background-image:none; width:auto; clear:both; color:#fff; float:left; padding:8px 24px 8px 12px; display:inline; } #page #contentHeader.mediaPanelPageHeader .introduction .insideIntroduction .introText {width:auto; padding:0; margin:0; background-color:transparent; background-image:none; } #page #contentHeader.mediaPanelPageHeader .introduction .insideIntroduction .introText .headingText {width:auto; padding:0px; margin:0px 12px 0px 0px; background-color:transparent; background-image:none; } #page #contentHeader.mediaPanelPageHeader .introduction .insideIntroduction .introText .headingInfo {margin:0px; background-color:transparent; background-image:none; padding:0px; float:left; clear:none; width:auto; } #page #contentHeader.mediaPanelPageHeader .introduction .insideIntroduction .introText h1 { padding:0px; margin:0px; } #page #contentHeader.mediaPanelPageHeader .introduction .insideIntroduction .introText .usp blockquote {font-size:75%; color:#fff; width:auto; clear:both; } #page #contentHeader.mediaPanelPageHeader .introduction .insideIntroduction .introText .headingInfo h3 {font-size:70%; color:#ccc; font-weight:normal; display:inline; padding:0px; } #page #contentHeader.mediaPanelPageHeader .introduction .insideIntroduction .introText .headingInfo p {font-size:70%; color:#ccc; font-weight:normal; display:inline; padding:0px; } #page .inside #content.mediaPanelPageContent {margin-top:0px; width:684px; padding:0px; } #page #content ul.columns {list-style-type:none; float:left; clear:both; padding:0; width:660px; margin-left:12px; padding-bottom:0px; padding-top:12px; display:inline; background-color:transparent; border:0px; } #page #content ul.columns li.column {width:561px; float:none; padding-bottom:15px; } #page #content ul.columns li h2 {padding:0; width:100%; } /*Blocks general*/ #page #content ul.columns li .blockHolder {width:100%; display:inline; } #page #content ul.columns li .block {font-size:70%; width:100%; border:0px; padding:0px 0px 12px 0px; } #page #content ul.columns li .block .block {font-size:100%; border:0; padding:0; } #page #content ul.columns li .block .insideBlock {width:100%; } #page #content ul.columns li .block p {font-size:100%; } #page #content ul.columns li .block .insideBlock table {width:100%; clear:both; padding-bottom:10px; border-top:solid 1px #fff; } #page #content ul.columns li .block .insideBlock table td {padding:5px 15px; border-bottom:solid 1px #fff; color:#4c4c4c;} #page #content ul.columns li .block .insideBlock table th {padding:5px 15px; color:#000; } #page #content ul.columns li .block .insideBlock table td strong {font-weight:normal; color:#000; } #page #content ul.columns li .block .insideBlock table td b {font-weight:normal; color:#000; } #page #content ul.columns li .block .insideBlock p, #page #content ul.columns li .block .insideBlock h4 {clear:both; font-size:100%; } #page #content .block p.viewAll a {width:100%; display:block; float:left; clear:both; } #page #content ul.columns li .block .insideBlock h4 {padding-bottom:6px;} /*Main content area*/ #page #content ul.columns li.col1 {overflow:hidden; } #page #content ul.columns li.col1 .block {border-bottom:0; padding:12px 0px 3px 0px; } #page #content ul.columns li.col1 .introText {font-size:100%; padding-bottom:6px; } #page #content ul.columns li.col1 .introText .resortQuote {width:614px; padding:0px 0px 6px 22px; float:left; clear:both; background-image:url(/static/images/crystalbrand/generalicons/openquote.gif); background-position:top left; background-repeat:no-repeat;} #page #content ul.columns li.col1 .introText .resortQuote blockquote {color:#333; float:left; font-size:100%; font-weight:bold; line-height:1.4; padding:0px 22px 0px 0px; width:auto; background-image:url(/static/images/crystalbrand/generalicons/closequote.gif); background-position:bottom right; background-repeat:no-repeat;} #page #content ul.columns li.col1 .flyFrom h2 {font-size:100%; } #page #content ul.columns li.col1 .flyFrom p {font-size:100%; } /*Fact file area*/ #page #content ul.columns li.col2 {margin:0; width:177px; float:right; } #page #content ul.columns li.col2 .block {margin:0px; font-size:100%; border:0px; display:block; position:static; padding:0px; width:100%; clear:both; } #page #content ul.columns li.col2 .block .insideBlock {padding:12px 0px 0px 0px; width:100%; display:block; position:static; } #page #content ul.columns li.col2 .factFile {font-size:75%; margin:0px; clear:none; } #page #content ul.columns li.col2 .col2Info {width:636px; overflow:visible; clear:both; } #page #content ul.columns li.col2 .resortFactFile {clear: none; } #page #content ul.columns li.col2 .countryFactFile {clear: none; } #page #content ul.columns li.col2 .accommodationFactFile {clear: none; } #page #content ul.columns li.col2 .block .insideFeatures {width:100%; padding:12px 0px 0px 0px; } #page #content ul.columns li.col2 .block .insideBlock table {width:100%; } /*************Specific blocks of content**********************/ /*Quick stats*/ #page #content ul.columns li .block .insideBlock .quickStats, #page #content .mainContent .contentSection .freeText .quickStats {width:100%; float:left; clear:both; } #page #content ul.columns li .block .insideBlock .quickStats ul, #page #content .mainContent .contentSection .freeText .quickStats ul {list-style-type:none; border:0px; width:100%; padding:0px; float:left; clear:both; } #page #content ul.columns li .block .insideBlock .quickStats ul li, #page #content .mainContent .contentSection .freeText .quickStats ul li {border:0px; width:100%; float:left; clear:left; margin-right:0px; padding:0px 0px 5px 0px; display:inline; } #page #content ul.columns li .block .insideBlock .quickStats ul li h3, #page #content .mainContent .contentSection .freeText .quickStats ul li h3 {clear:both; padding:0; color:#000; font-weight:bold; font-size:93%; width:auto; float:none; margin-right:6px; display:inline; } #page #content ul.columns li .block .insideBlock .quickStats ul li p, #page #content .mainContent .contentSection .freeText .quickStats ul li p {padding:0; clear:none; width:auto; float:none; display:inline; font-size:93%; } #page #content ul.columns li .block .insideBlock .quickStats table {width:100%; border:0; padding:0; padding-top:2px; } #page #content ul.columns li .block .insideBlock .quickStats table th {padding:0px 6px 3px 0px; border:0; background-color:transparent; } #page #content ul.columns li .block .insideBlock .quickStats table td {border:0; background-color:transparent; padding:0px 6px 3px 0px; } #page #content ul.columns li .block .insideBlock .quickStats ul li.usps .facts-panel { overflow: hidden; } #page #content ul.columns li .block .insideBlock .quickStats .col2Info { width: 104px; float: right; clear: none; } #page #content ul.columns li .block .insideBlock .quickStats ul li, #page #content .mainContent .contentSection .freeText .quickStats ul li {background-image:none;} #page #content ul.columns li .block .insideBlock .quickStats ul li.usps { font-size:93%; width: 100%; } #page #content .mainContent .contentSection .freeText .quickStats ul li.usps {font-size:80%;} #page #content ul.columns li .block .insideBlock .quickStats ul li.usps ul li, #page #content .mainContent .contentSection .freeText .quickStats ul li.usps ul li {font-size:100%; background: url(/static/images/crystalbrand/generalicons/bullet.png) left top no-repeat; padding-left: 20px; width:616px;} #page #content ul.columns li .block .insideBlock .quickStats ul li.usps p, #page #content .mainContent .contentSection .freeText .quickStats ul li.usps p {width:100%; clear:both; display:block; font-size:100%;} #page #content ul.columns li.col2 .factFile .quickStats ul li.usps ul li {width:400px} #page .block .insideBlock .abilitiesRatings ul li.featureLogo {width:auto;} #page ul.columns li .block .insideBlock .abilitiesRatings li.featureLogo p {padding:0px; width:100%;} #page .block .insideBlock .abilitiesRatings {width:100%; float:left; clear:both; padding-bottom:0px; } #page #content .block .insideBlock .abilitiesRatings ul, #page .block .insideBlock .abilitiesRatings ul {width:100%; border:0; float:left; clear:both; list-style-type:none; padding:0; } #page #content .block .insideBlock .abilitiesRatings ul li, #page .block .insideBlock .abilitiesRatings ul li {border:0; background-image:none; display:inline; width:153px; float:left; padding:0px 0px 2px 0px; margin:0px; clear:none; } #page ul.columns li .block .insideBlock .abilitiesRatings ul li p {clear:none; } #page ul.columns li #hideLink .insideBlock p.viewAll {display:none; } #page ul.columns li .block .insideBlock .abilitiesRatings p {font-size:70%; padding-bottom:6px; width:100%; float:left; clear:both; position:relative; } #page ul.columns li .block .insideBlock .abilitiesRatings p.viewAll {font-size:100%; margin-top:12px; width:100%; float:left; clear:both;} #page ul.columns li .block .insideBlock .abilitiesRatings p.viewAll a {width:auto; float:left; } #page ul.columns li .block .insideBlock .abilitiesRatings p.viewAll a:hover {color:#fff; } #page.destinations #content .block ul li.resortFeaturesList {background: url(/static/images/crystalbrand/featuresicons/crystaltick_4.jpg) no-repeat; float: left; padding: 3px 10px 10px 25px; font-size: 0.8em; margin: 10px 0px; width:auto; margin-right: 10px;} #page .block .insideBlock .abilitiesRatings ul li h4 {color:#000; font-weight:400; width:80px;background-position:top left; background-repeat:no-repeat; float:left; padding:0px; } #page .block .insideBlock .abilitiesRatings ul li h4 span {position:absolute; left:-3000px; display:inline; } #page.destinations div.inside div.contentHolder div#content.mediaPanelPageContent div.mainContent ul.columns li.column div.insideCol2 .whyNotTry td {font-size:75%;} /*Deals section(s)*/ #page.dealsSection #content ul.deal-menu {clear: both; width: 100%; margin-top:29px; list-style-type:none;} #page.dealsSection #content ul.deal-menu li {width: 104px; margin: 0 1px; float: left; list-style: none; text-align: center; height: 120px; } #page.dealsSection #content ul.deal-menu li a { text-decoration: none; font-size: 75%; display: block; height: 45px; padding-top: 65px; } #page.dealsSection #content ul.deal-menu li a span {clear: both; display: block; font-weight: normal; color: #333333; } #page.dealsSection #content ul.deal-menu li p {padding: 0;} #page.dealsSection ul.deal {clear: both; float:left; width:100%; margin-top:12px; list-style-type:none;} #page.dealsSection ul.deal li {width:auto; border: 1px solid #EEEEEE; float: left; white-space:nowrap; margin: 0 3px 3px 0; background-color:#fff; background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); background: -o-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%);} #page.dealsSection ul.deal li a {font-size:75%; text-decoration: none; font-weight:normal; text-align: left; padding:9px 12px 9px 12px; display: block; float:left; clear:both; width:auto; } #page.dealsSection ul.deal li a:hover {background-color: #EEEEEE;} #page.dealsSection ul.deal li a span {cursor:pointer;} #page.dealsSection ul.deal li a span.category {font-weight:bold;} #page.dealsSection ul.deal li a span.deal-wrapper {color: #ED1C24; padding-right: 12px; background-image: url(/static/images/crystalbrand/dealicons/arrow.png); background-repeat:no-repeat; background-position:right center; line-height:1.2; } #page.dealsSection ul.deal li a span.deal-wrapper span.from {font-size:93%;} #page.dealsSection ul.deal li a span.deal-wrapper span.number {font-weight:bold;} #page.dealsSection ul.deal.departure {margin-top: 0;} #page.dealsSection #content strong {clear: both; width: 100%; display: block; padding: 10px;} /* End new deals section */ /*Holiday features*/ #page #content .featuresContent { float:left; clear:both; padding-bottom:15px; width:660px; padding-left:12px; } #page #content .featuresContent .insideFeatures { float:left; clear:both; border:solid 1px #efefef; width:636px; padding:11px; } #page #content .featuresContent .feature { float:left; clear:both; padding:12px 0px 0px 0px; width:100%; } #page #content .featuresContent .feature .featureInclude { padding-bottom:10px; background-repeat:no-repeat; background-position:top left; float:left; clear:both; padding-left:42px; width:594px; padding-top:0px; } #page #content .featuresContent .feature .holidayFeatureInclude {padding-left:42px; width:594px;} #page #content .featuresContent .feature h3 {padding-bottom:0; } #page #content .featuresContent .feature p {padding-bottom:0; font-size:75%; color:#333; } #page #content .featuresContent p.backToTop {width:100%; float:left; clear:both; text-align:right; padding:0; font-size:70%; } #page #content ul.columns li.col2 .featuresPanel {width:100%; float:left; margin-right:0px; /*clear:none;*/ clear: both; } /*What's included*/ #page .whatsIncludedContent { float:left; clear:both; padding:15px 0px 15px 0px; border-top:solid 1px #eee; border-bottom:solid 1px #eee; margin-bottom:15px; } #page .whatsIncludedContent .insideWhatsIncludedContent .tooltipInformation p{clear:both;font-size:75%} #page .whatsIncludedContent .insideWhatsIncludedContent p.backToTop {font-size:70%;} /* #page .whatsIncludedContent .insideWhatsIncludedContent { float:left; clear:both; border:solid 1px #efefef; width:636px; padding:11px; } #page .whatsIncludedContent .insideWhatsIncludedContent {width:612px;} */ /*Money savers*/ #page #content ul.columns li.col1 .moneySavers .insideBlock {position:static; width:610px; padding:11px 11px 5px 11px; background-color:#fff; background-position:bottom left; background-repeat:repeat-x;} /* Adaptive*/ #page #content ul.columns li.col1 .adaptive {padding-top:10px; } #page #content ul.columns li.col1 .adaptive .insideBlock {position:static; width:610px; padding:11px 11px 5px 11px; background-color:#fff; background-image:url(/static/images/crystalbrand/palegreystripe.gif); background-position:bottom left; background-repeat:repeat-x; border:solid 1px #efefef; } #page #content ul.columns li.col1 .adaptive .insideBlock h2 {background-image:none; position:static; top:0; height:auto; } #page #content ul.columns li.col1 .adaptive .insideBlock h2 span {font-size:100%; margin:0px; line-height:1.2; } /*Opinion table*/ #page #content .opinionTable .insideBlock ul {width:100%; padding:0px; float:left; clear:both; list-style-type:none; border:0; } #page #content .opinionTable .insideBlock ul li {width:143px; padding:0px 12px 5px 0px; float:left; clear:none; border:0; } #page #content .opinionTable .insideBlock ul li h4 {width:85px; margin-right:12px; float:left; padding:0; font-weight:normal; display:block; position:static; top:0px; } #page #content .opinionTable .insideBlock ul li .value {width:36px; background-color:#319cc8; font-size:116%; line-height:1; color:#fff; float:left; padding:3px; } #page #content .opinionTable .insideBlock ul li .horizontalPercentage {position:relative; width:36px; border:0px!important; float:left; } #page #content .opinionTable .insideBlock ul li .horizontalPercentage strong.bar {display:block; width:auto; padding-top:0px; padding-bottom:0px; float:left; background-color:transparent!important; font-weight:400; background-image:none!important; } #page #content .opinionTable .insideBlock ul li .horizontalPercentage strong.bar span {color:#fff; font-weight:bold; } #page #content ul.columns li .opinionTable li {font-size:70%; } #page #content ul.columns li.col2 .opinionTable {width:311px; margin-right:12px; float:left; clear:both; } /*Special offers*/ #page #content ul.columns li.col1 .specialOffers .insideBlock {width:610px; padding:11px 11px 5px 11px; background-color:#fff; background-position:bottom left; background-repeat:repeat-x;} /*Resort promotions*/ #page #content ul.columns li.col2 .resortPromotion {width:104px; padding:0; float:right; } #page #content ul.columns li.col2 .resortPromotion .insideBlock {width:90px; padding: 3px; border:solid 1px #efefef; float: right; } #page #content ul.columns li.col2 .resortPromotion .insideBlock img {float:left; margin-right:12px; width:90px; } /***************************Destinations lists navigation***********************/ #page #contentNavigation {width:660px; padding:0px 0px 15px 12px; clear:both; float:left; margin-top:15px; margin-left:12px; display:inline; } #page #contentNavigation .insideContentNavigation {width:100%; border:solid 1px #ccc; float:none; padding:0 0 10px; background-color:#eee; } #page #contentNavigation .insideContentNavigation .resortLink {/*margin-bottom:15px;*/ } #page #contentNavigation .insideContentNavigation .headerArea {float:left; clear:both; background-image:none; background-color:transparent; width:100%; padding:0px; } #page #contentNavigation .insideContentNavigation .headerArea h2 {padding:0 0 10px 15px; } #page #contentNavigation .insideContentNavigation .headerArea h2 a {color:#fff; text-decoration:none; } #page #contentNavigation .insideContentNavigation .listArea {float:left; clear:both; width:645px; padding:11px 0px 11px 0px; } #page #contentNavigation .insideContentNavigation .listArea p, #page #contentNavigation .insideContentNavigation p.viewAll {float:left; clear:both; font-size:75%; width:636px; padding:0px; } #page #contentNavigation .insideContentNavigation .listArea ul {width:645px; } #page #contentNavigation .insideContentNavigation .listArea ul {list-style-type:none; width:100%; padding:0px; margin:0px; float:left; clear:both;} #page #contentNavigation .insideContentNavigation .listArea ul li {float:left; width:100%; margin:0px; padding:0px; clear:both;} #page #contentNavigation .insideContentNavigation .listArea ul li .insideListItem {width:100%; clear:both; float:left; } #page #contentNavigation .insideContentNavigation .listArea ul li a {clear:both; display:block; margin:0; float:left; padding:0px; width:100%; } #page #contentNavigation .insideContentNavigation .listArea ul li a.selected {color:#000; text-decoration:none; } #page #contentNavigation .insideContentNavigation .listArea ul li h3 { float:left; clear:both; font-weight:bold; font-size:75%; width:100%; padding:0px 0px 3px 0px; } #page #contentNavigation .insideContentNavigation .listArea ul li p {width:100%; font-size:75%; padding:0px; line-height:1.5;} /*Resort lists only*/ #page #contentNavigation .insideContentNavigation .listArea ul.navCarousel {width:636px; float:left; clear:both;} #page #contentNavigation .insideContentNavigation .listArea ul.navCarousel li.item {padding:6px 0px 6px 0px; border-top:solid 1px #efefef;} #page #contentNavigation .insideContentNavigation .listArea ul.navCarousel li .image {overflow:hidden; float:left; clear:both; padding:0; width:80px; height:60px; margin:0px 12px 0px 0px; border:1px solid #efefef; background-color:#fff; } #page #contentNavigation .insideContentNavigation .listArea ul.navCarousel li .image a {overflow:hidden; float:left; clear:both; padding:0; text-decoration:none; text-align:center; border:0px; width:80px; height:60px; background-color:transparent; } #page #contentNavigation .insideContentNavigation .listArea ul.navCarousel li .image a img {width:80px; color:#fff; } #page #contentNavigation .insideContentNavigation .listArea ul.navCarousel li .bodyCopy {width:542px; float:left;} #page #contentNavigation .insideContentNavigation .listArea ul.navCarousel li .featuresInfo .offers ul li h3 {font-size:70%;} /*Accom lists only*/ #page #contentNavigation .insideContentNavigation .listArea ul.accommodationGroups li ul {padding:0; background-image:none; } #page #contentNavigation .insideContentNavigation .listArea ul.accommodationGroups li ul li h3 {padding:0;} #page #contentNavigation .insideContentNavigation .listArea ul.accommodationGroups li ul.accommodationsPerRating {width:130px; } #page #contentNavigation .insideContentNavigation .listArea ul.accommodationGroups li .rating {width:132px; padding:0; float:left; clear:both; } #page #contentNavigation .insideContentNavigation .listArea ul.accommodationGroups li p.rating {/*padding:0px 0px 10px 0px;*/ margin: 5px 0; width:132px; } /*Overrides for accom lists*/ #page #contentNavigation .insideContentNavigation .listArea ul.accommodationGroups li ul.accommodationsPerRating {padding:6px 0px 0px 6px; background-color:#efefef; width:630px; clear:both; } #page #contentNavigation .insideContentNavigation .listArea ul.accommodationGroups li ul.accommodationsPerRating li {float:left; clear:none; margin-right:12px; padding-bottom:3px; width:198px;} #page #contentNavigation .insideContentNavigation .listArea ul.accommodationGroups li ul.accommodationsPerRating li p {width:auto; float:left; clear:both; } #page #contentNavigation .insideContentNavigation .listArea ul.accommodationGroups li ul.accommodationsPerRating li p a {width:auto; float:left; padding:3px 0px 3px 0px; } #page #contentNavigation .insideContentNavigation .listArea ul.accommodationGroups li ul.accommodationsPerRating li p a span.accomName {padding-bottom:3px; padding-top:2px;} #page #contentNavigation .insideContentNavigation .listArea ul.accommodationGroups li ul.accommodationsPerRating li p a span.promotionItem {position:absolute; top:-3000px; text-indent:-3000px; } #page #contentNavigation .insideContentNavigation .listArea ul.accommodationGroups li ul.accommodationsPerRating li p.specialPackage a span.accomName {padding-left:36px; background-position:top left; background-repeat:no-repeat; display:block;} /*Overrides for simple accom lists*/ /*#page #contentNavigation .insideContentNavigation .accomMerchandisingHolder .listArea {padding-top:0px; }*/ #page #contentNavigation .insideContentNavigation .listArea ul.simpleAccomList {padding:6px 0px 6px 6px; background-color:#efefef; width:630px; clear:both; } #page #contentNavigation .insideContentNavigation .listArea ul.simpleAccomList li {float:left; clear:none; margin-right:6px; padding-bottom:3px; padding-left:6px; width:198px;} #page #contentNavigation .insideContentNavigation .listArea ul.simpleAccomList li p {width:auto; float:left; clear:both; } #page #contentNavigation .insideContentNavigation .listArea ul.simpleAccomList li p a {width:auto; float:left; padding:3px 0px 3px 0px; } #page #contentNavigation .insideContentNavigation .listArea ul.simpleAccomList li p a span.accomName {padding-bottom:3px; padding-top:2px;} #content ul.destinationPageList li .locationContent h3.promotionItem a {display: block; float: left; padding-left: 35px;background-position: left top; background-repeat:no-repeat; padding-bottom: 5px; width:277px;} /******************************************************************************************************************/ /********************************************** PAGES - CONTENT ***************************************************/ /******************************************************************************************************************/ /*********************************************** Content pages ****************************************************/ #page.contentPage .inside #contentHeader .introduction {width:684px; } #page .inside .cmsPageContent {width:684px; float:left; padding:0px; overflow:visible; } #page.contentPage a {font-weight:bold; } #page.contentPage #content .mainContent h2 {width:100%; float:left; clear:both; border-bottom:0 none; } #page.contentPage #content ul.contentPageList {list-style-type:none; float:left; clear:both; border-top:0; width:636px; margin:0; padding:0 0 15px; } #page.contentPage #content ul.contentPageList ul {list-style-type:none; padding:0; border-top:2px solid #eee; width:636px; float:left; clear:both; } #page.contentPage #content ul.contentPageList li {width:636px; float:left; clear:both; border-bottom:2px solid #eee; padding:12px 0px 12px 0px; } #page.contentPage #content ul.contentPageList li .contentImageHolder {overflow:hidden; width:148px; height:111px; float:left; border:1px solid #ccc; margin-right:12px; } #page.contentPage #content ul.contentPageList li .contentImageHolder .contentImage {width:144px; height:107px; border:solid 2px #ccc; } #page.contentPage #content ul.contentPageList li .contentImageHolder .contentImage img {width:144px; } #page.contentPage #content ul.contentPageList li .contentImageHolder .contentImage a {text-align:center; text-decoration:none; } #page.contentPage #content ul.contentPageList li .locationContent {float:left; width:474px; } #page.contentPage #content ul.contentPageList li .locationContent h2 {border:0; font-size:100%; font-weight:bold; color:#000; padding-bottom:5px; } #page.contentPage #content ul.contentPageList li .locationContent h3 {font-size:100%; font-weight:bold; color:#000; padding-bottom:5px; } #page.contentPage #content ul.contentPageList li .locationContent h4 {font-size:87%; font-weight:bold; color:#000; } #page.contentPage #content ul.contentPageList li .locationContent h5 {font-size:87%; font-weight:normal; color:#000; } #page.contentPage #content ul.contentPageList li .locationContent p {font-size:75%; line-height:1.4; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent {float:left; clear:both; width:474px; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent ul {border:0; padding:0 0 10px; width:474px; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent ul li {padding:0 0 5px 20px; background-repeat:no-repeat; background-position:top left; border:0; background-image:url(/static/images/crystalbrand/generalicons/bullet.png); font-size:75%; width:462px; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent dl {width:501px; border:0; padding:0 0 10px; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent dl dt {width:501px; padding:0 0 2px; font-size:87%; color:#000; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent dl dd {width:501px; padding:0 0 5px; font-size:75%; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent dl.cols2 {width:501px; float:left; clear:both; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent dl.cols2 dt {width:177px; float:left; clear:both; margin-right:15px; font-size:81%; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent dl.cols2 dd {width:369px; clear:none; float:left; font-size:81%; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent dl.resortsCountries dt {width:77px; float:left; clear:both; margin-right:15px; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent dl.resortsCountries dd {width:469px; float:left; } #page.contentPage #content ul.contentPageList li .locationContent .links {width:501px; float:left; clear:both; } #page.contentPage #content ul.contentPageList li .locationContent .links p {padding:0 0 5px; font-size:75%; } #page.contentPage #content ul.contentPageList li .locationContent table {width:501px; font-size:75%; } #page.contentPage #content ul.contentPageList li .locationContent table th {color:#000; } #page.contentPage #content .mainContent .introText {padding-top:15px; width:100%; float:left; clear:both; } #page.contentPage #content .mainContent .freeText, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText, #page .contentBottomArea .howToBook .insideContentSection .freeText, #page.contentPage .inside .cmsPageContent .contentBottomArea .mainContent .contentSection .insideContentSection .freeText, #page.contentPageTopLevel .contentBottomArea .contentSection .insideContentSection .freeText{width:636px; padding-top:15px; width:100%;} #page.contentPage #content .mainContent table {width:636px; } #page.contentPage #content .mainContent .freeText.afterSmallPromo {margin-top: -20px; } #page.contentPage #content .mainContent .group-discount{border: 1px solid ; border-collapse: collapse;margin-bottom: 10px;} #page.contentPage #content .mainContent .group-discount td{border: 1px solid;text-align: center;} /** 2/3 - 1/3 top columns **/ #page.contentPage #content ul.columns {border:0; } #page.contentPage #content ul.columns li.col1 {width:497px; } #page.contentPage #content ul.columns li.col2 {width:241px; } #page.contentPage #content ul.columns li.col2 .block {width:241px; } #page.contentPage #content ul.columns li.col2 .block .insideBlock {width:100%; } #page.contentPage #content ul.columns li.col2 .textBlock {padding-top:0; border:0; } #page.contentPage #content ul.columns li.col2 .textBlock p {line-height:1.6; font-size:110%; } #page.contentPage #content ul.columns li.col2 .topTen {border:0; padding-top:0; } #page.contentPage #content ul.columns li.col2 .topTen ol {width:221px; padding-left:20px; clear:both; } #page.contentPage #content ul.columns li.col2 .topTen ol li {width:100%; float:left; clear:both; font-size:108%; } /* Long panel link boxes. Our policies page */ #page.contentPage #content.longPanel .mainContent .linksBar li {width: 634px;} #page.contentPage #content.longPanel .mainContent .linksBar ul li h3 a {width: 610px;} #page.contentPage #content.longPanel .mainContent .linksBar li, #page.contentPage #content.longPanel .mainContent .linksBar li .insideLinkBox {margin:0; padding:0;} #page.contentPage #content.longPanel .mainContent .linksBar li {margin-top:15px;padding:0;} #page.contentPage #content.longPanel .mainContent .linksBar ul li p {clear:both;padding: 12px; width: 610px;} /* 3 image Link boxes */ #page.contentPage #content .mainContent .linksBar {clear:both; float:left; width:636px; padding-top:15px;} #page.contentPage #content .mainContent .linksBar ul {clear:both; float:left; padding-bottom:5px; list-style-type:none; overflow:hidden; width:648px; } #page.contentPage #content .mainContent .linksBar li {float:left; clear:none; width:202px; margin-bottom:15px; padding-top:290px; margin-right:12px; border-style:solid; border-color:#e9e9e9; border-width:0px 1px 1px 1px;} #page.contentPage #content .mainContent .linksBar li .insideLinkBox {width:100%; float:left; clear:both; margin-top:-290px; } #page.contentPage #content .mainContent .linksBar li .insideLinkBox .image {width:100%; clear:both;} #page.contentPage #content .mainContent .linksBar li ul {margin:-12px 12px 12px 12px; display:inline; } #page.contentPage #content .mainContent .linksBar li li {margin:0; padding:0; width:auto; display:block; float:left; font-size:75%; border:none; } #page.contentPage #content .mainContent .linksBar li .insideLinkBox img {width:202px; } #page.contentPage #content .mainContent .linksBar ul li h2 {padding:10px 15px 5px; border:0; width:209px; float:none; font-size:87%; font-weight:normal; } #page.contentPage #content .mainContent .linksBar ul li h3 {padding:0px; width:178px; font-size:81%; font-weight:bold; line-height:1.2; } #page.contentPage #content .mainContent .linksBar ul li h3 a {width:178px; display:block; float:left; padding:8px 12px 8px 12px; background-color:#e9e9e9; color:#333; text-decoration:none; } #page.contentPage #content .mainContent .linksBar ul li h3 span {width:178px; display:block; float:left; padding:8px 12px 8px 12px; background-color:#e9e9e9; color:#333; text-decoration:none; } #page.contentPage #content .mainContent .linksBar ul li h3 a span {width:auto; background-color:transparent; color:#333; cursor:pointer; padding:0px 10px 0px 0px; background-image:url(/static/images/crystalbrand/generalicons/linkarrow.png); background-position:center right; background-repeat:no-repeat; } #page.contentPage #content .mainContent .linksBar ul li h3 a:hover span {background-image:url(/static/images/crystalbrand/generalicons/linkarrowwhite.png);} #page.contentPage #content .mainContent .linksBar ul li h3 a span em {color:#ec1d24; } #page.contentPage #content .mainContent .linksBar ul li p {background-position:bottom left; background-repeat:no-repeat; width:178px; padding:12px; font-size:75%; } #page.contentPage #content .mainContent .linksBar ul li.linkBox ul {width:178px; margin-top:0px; padding:0px; } #page.contentPage #content .mainContent .linksBar ul li.linkBox ul li {width:100%; clear:both; margin:0px; padding:0px 0px 3px 0px; } #page.contentPage #content .mainContent .linksBar ul li.promotion {width:634px; padding-top:80px; background:#f9f9f9; border-top:1px solid #efefef; margin-right:0px;} #page.contentPage #content .mainContent .linksBar ul li.promotion .insideLinkBox {margin-top:-80px; padding-left:96px; } #page.contentPage #content .mainContent .linksBar ul li.promotion.smallIcon a.insideLinkBox {padding:0 0 5px 65px; min-height:90px; width:397px; } /* added 01/03/11 John Williams */ #page.contentPage #content .mainContent .linksBar ul li.promotion a {background:none; font-weight:normal; color:#333; text-decoration:none; width:539px; float:none; display:block;} #page.contentPage #content .mainContent .linksBar ul li.promotion .chaletDealsOfferTerms a {background:none;} #page.contentPage #content .mainContent .linksBar ul li.promotion a:hover {background-color:#efefef; } #page.contentPage #content .mainContent .linksBar ul li.promotion a span { color:#fff; background-image:url(/static/images/crystalbrand/generalicons/linkarrowwhite.png); } #page.contentPage #content .mainContent .linksBar ul li.promotion img {float:right; } #page.contentPage #content .mainContent .linksBar ul li.promotion p em {font-weight:bold; color:#ed1c24; } #page.contentPage #content .mainContent .linksBar ul li.promotion p {clear:left; width:470px; padding:0 10px 10px; } #page.contentPage #content .mainContent .linksBar ul li.promotion p.headline {font-size:150%; line-height:0.9; letter-spacing:-0.05em; padding:14px 10px 8px 10px ; } #page.contentPage #content .mainContent .linksBar li.linkBoxHover, #page.contentPage #content .mainContent .linksBar li.linkBoxClicked {cursor:pointer; background:url(/static/images/crystalbrand/vertical-grad-white-grey-150.jpg) left bottom repeat-x; } #page.contentPage #content .mainContent .linksBar ul li h3 a:hover, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxHover a, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxClicked a, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxHover span, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxClicked span, #page.contentPage #content .mainContent .linksBar ul li.luxury h3 a:hover, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxHover a, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxClicked a, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxHover span, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxClicked span {color:#fff;} #page.contentPage #content .mainContent .linksBar ul li h3 a:hover span, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxHover a span, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxClicked a span, #page.contentPage #content .mainContent .linksBar ul li.luxury h3 a:hover span, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxHover a span, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxClicked a span {color:#fff; } /* New linkBox offer */ #page.contentPage #content .mainContent .linksBar ul li h3 a.linkBoxNewOffer, #page.contentPage #content .mainContent .linksBar ul li h3 a.linkBoxNewOffer:hover, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxHover a.linkBoxNewOffer, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxClicked a.linkBoxNewOffer {background-image: url(/static/images/crystalbrand/offericons/offernewsmall.png); background-repeat: no-repeat; background-position:165px 6px;} #page.contentPage #content .mainContent .linksBar ul li p.chaletDealsOfferTerms {padding-left:105px;} #page.contentPage #content .mainContent .linksBar ul li p.chaletDealsOfferTerms a {background:none; width:70px;} #page.contentPage #content .mainContent .linksBar ul li p.chaletDealsOfferTerms a:hover {color:#ed1c24; background:none;} /* 3 col promo */ .contentPage #content .threeColPromo {width:753px; float:left; clear:both; padding:0 0 15px; } .contentPage #content .threeColPromo ul.inside3colPromo {float:left; clear:both; width:723px; padding:15px; list-style-type:none; overflow:hidden; background-color:#93C9FF;} .contentPage #content .threeColPromo ul.inside3colPromo li {width:231px; margin-right:15px; float:left; clear:none; background-color:transparent; } .contentPage #content .threeColPromo ul.inside3colPromo li.col3 {margin-right:0; } .contentPage #content .threeColPromo ul.inside3colPromo li .headers {width:100%; float:left; clear:both; background-color:transparent; } .contentPage #content .threeColPromo ul.inside3colPromo li .headers h3 {padding:0 0 5px; width:231px; background-color:transparent; float:left; clear:both; font-size:87%; font-weight:normal; } .contentPage #content .threeColPromo ul.inside3colPromo li .headers h4 {width:211px; padding:10px 10px 0; float:left; clear:both; color:#000; font-size:87%; background-color:#fff; } .contentPage #content .threeColPromo ul.inside3colPromo li .headers p {width:211px; padding:0 10px 10px; float:left; clear:both; font-size:75%; } .contentPage #content .threeColPromo ul.inside3colPromo li .image {width:211px; padding:0 10px 10px; float:left; clear:both; background-color:#fff; } .contentPage #content .threeColPromo ul.inside3colPromo li .image .insideImage {width:209px; border:solid 1px #E0DAC8; } .contentPage #content .threeColPromo ul.inside3colPromo li .image .insideImage a {width:205px; border:solid 2px #fff; display:block; overflow:hidden; } .contentPage #content .threeColPromo ul.inside3colPromo li .image .insideImage a img {width:205px; } .contentPage #content .threeColPromo ul.inside3colPromo li .text {width:211px; padding:0 10px 10px; float:left; clear:both; background-color:#fff; } .contentPage #content .threeColPromo ul.inside3colPromo li .text ul {width:100%; padding:0; float:left; clear:both; list-style-type:none; } .contentPage #content .threeColPromo ul.inside3colPromo li .text ul li {width:196px; padding-left:15px; background-image:url(/static/images/crystalbrand/generalicons/bullet.png); font-size:75%; background-repeat:no-repeat; background-position:top left; } /*Section links*/ #page.contentPage .sectionLinksHolder {float:left; clear:both; width:162px; margin:0px; position:absolute; top:312px; left:510px; } #page.contentPage .sectionLinks {width:162px; float:left; clear:both; padding-bottom:18px;} #page.contentPage .sectionLinks .insideSectionLinks {float:left; clear:both; background-color:#fff; font-size:100%; border:solid 1px #eee; clear:both; width:160px; margin:0px;} #page.contentPage .sectionLinks ul {width:100%; float:left; clear:both; padding:0; list-style-type:none; } #page.contentPage .sectionLinks ul li {width:148px; margin:0px; padding:0px 6px 6px 6px; float:left; clear:both; } #page.contentPage .sectionLinks ul li a, #page.contentPage .sectionLinks ul li h2 {width:auto; float:left; font-weight:bold; font-size:75%; margin:-9px 0px 0px 0px; display:block; border:0px; background-color:#ccc; text-decoration:none; color:#000; padding:8px 12px 8px 12px; position:relative; } #page.contentPage .sectionLinks ul li h2 a {padding:0px; font-size:100%; background-color:transparent; margin:0px;} #page.contentPage .sectionLinks ul li a {font-weight:normal;} #page.contentPage .sectionLinks ul li a.selected {text-decoration:none; color:#0050A4; } #page.contentPage .sectionLinks ul li a.selected:hover {background-color:#0050A4; color:#fff; } #page.contentPage .sectionLinks ul li ul {margin:0px; padding-bottom:12px; } #page.contentPage .sectionLinks ul li ul li {background-color:transparent; width:100%; padding:0px; color:#333; border-style:solid; border-color:#efefef; border-width:0px 0px 1px 0px;} #page.contentPage .sectionLinks ul li ul li a {text-decoration:none; width:100%; margin:0px; font-size:70%; background-color:transparent; padding:6px 0; color:#000; display:block; position:static; } #page.contentPage .sectionLinks ul li ul li a:hover {color:#ed1c24; background-color:transparent; } #page.contentPage .sectionLinks ul li ul li a.selected {text-decoration:none; cursor:default; color:#ed1c24; background-color:transparent; } #page.contentPage .sectionLinks ul li ul li a.selected:hover {text-decoration:none; color:#ed1c24; background-color:transparent; } #page.contentPage .sectionLinks ul li ul li ul {display:none; width:100%; padding:0px; } #page.contentPage .sectionLinks ul li ul li ul li {border:0px; } #page.contentPage .sectionLinks ul li ul li ul li a {padding:6px 15px 6px 12px; width:auto; } #page.contentPage .sectionLinks ul li ul li ul li ul li a {padding:6px 15px 6px 24px; width:auto; } #page.contentPage .sectionLinks ul li ul li ul li a:hover {text-decoration:none; } #page.contentPage .sectionLinks ul li ul li.selectedParent a {color:#000; font-weight:bold; } #page.contentPage .sectionLinks ul li ul li.selectedParent a.selected {color:#ed1c24; background-color:transparent; } #page.contentPage .sectionLinks ul li ul li.selectedParent a:hover {color:#ed1c24; background-color:transparent; } #page.contentPage .sectionLinks ul li ul li.selectedParent ul {display:block; } #page.contentPage .sectionLinks ul li ul li.selectedParent ul li a {background-image:url(/static/images/crystalbrand/generalicons/twistyopenblack.png); background-position:right 6px; background-repeat:no-repeat; background-color:transparent; font-weight:normal; } #page.contentPage .sectionLinks ul li ul li.selectedParent ul li a:hover {background-image:url(/static/images/crystalbrand/generalicons/twistyopen.png);} #page.contentPage .sectionLinks ul li ul li.selectedParent ul li a.selected {background-image:none; color:#ed1c24; background-color:transparent; } #page.contentPage .sectionLinks ul li ul li.selectedParent ul li a a {font-weight:normal} #page.contentPage .sectionLinks ul li ul li.selectedParent ul li.selectedParent a {font-weight:bold;} #page.contentPage .sectionLinks ul li ul li.selectedParent ul li.selectedParent ul li a {font-weight:normal} #page.contentPage .sectionLinks hr {width:100%; height:2px; background-color:#666; border:0; float:left; clear:both; margin:12px 0; } /*Collapsible versions - for use in deals section*/ #page.contentPage .sectionLinks ul li ul li.dealsSectionLinks span.topLevel {width:136px; background-image:url(/static/images/crystalbrand/generalicons/twistyclose.png); background-position:-4px center; background-repeat:no-repeat; margin:0px; font-size:70%; background-color:transparent; padding:6px 0px 6px 12px; cursor:pointer; color:#000; display:block; clear:both; } #page.contentPage .sectionLinks ul li ul li.dealsSectionLinks span.topLevel:hover {color:#ED1C24; /*background-image:url(/static/images/crystalbrand/generalicons/twistyopen.png);*/} #page.contentPage .sectionLinks ul li ul li.dealsSectionLinks ul {display:block;} #page.contentPage .sectionLinks ul li ul li.dealsSectionLinks ul ul {display:none;} #page.contentPage .sectionLinks ul li ul li.dealsSectionLinks ul li.selectedParent ul {display:block;} /*js only*/ #page.contentPage .sectionLinks ul li ul li.dealsSectionClosed span.topLevel {background-image:url(/static/images/crystalbrand/generalicons/twistyopen.png);} #page.contentPage .sectionLinks ul li ul li.dealsSectionClosed span.topLevel:hover {/*background-image:url(/static/images/crystalbrand/generalicons/twistyclose.png);*/} #page.contentPage .sectionLinks ul li ul li.dealsSectionClosed ul {display:none;} #page.contentPage .sectionLinks ul li ul li.dealsSectionOpened ul {display:block;} /*Top spots ol overrides*/ #page.contentPage .sectionLinksHolder .topSpots li ol {list-style-type:decimal; list-style-position:inside;} #page.contentPage .sectionLinksHolder .topSpots li ol li a {width:120px; background-color:red; float:none;} /*Hotels list*/ #page.contentPage #content .hotelsListHolder {float:left; clear:both; overflow:hidden; width:636px; border:0px; margin:0px; padding:0px 0px 15px 0px; background-color:#fff; background-image:url(/static/images/crystalbrand/accombottom.gif); background-position:bottom center; background-repeat:no-repeat; } #page.contentPage #content .hotelsListHolder .insideHotelsList {width:626px; padding:4px; float:left; clear:both; border:solid 1px #eee; background-color:#fff; } #page.contentPage #content .hotelsListHolder h2 {padding:10px 14px; width:723px; background-color:#67AA1F; background-image:none; } #page.contentPage #content .hotelsListHolder h3 {padding:15px 0px 15px 12px; width:614px; font-size:100%; color:#333; } #page.contentPage #content .hotelsListHolder .CollapsiblePanelTab {width:100%; float:left; clear:both; background-image:url(/static/images/crystalbrand/greyfadestripe.gif); background-position:top right; background-repeat:repeat-y; } #page.contentPage #content .hotelsListHolder .CollapsiblePanelTab h3 {width:610px; padding:15px 0px 15px 16px; cursor:pointer; background-repeat:no-repeat; background-position:center left; } #page.contentPage #content .hotelsListHolder .CollapsiblePanelOpen .CollapsiblePanelTab h3 {background-image:url(/static/images/crystalbrand/generalicons/twistyclose.png); } #page.contentPage #content .hotelsListHolder .CollapsiblePanelClosed .CollapsiblePanelTab h3 {background-image:url(/static/images/crystalbrand/generalicons/twistyopen.png); } #page.contentPage #content .hotelsListHolder ul.hotelsList {width:626px; padding:0px; border-top:solid 2px #eee; margin-top:4px; } #page.contentPage #content .hotelsListHolder ul.hotelsList li {width:622px; margin:0px; padding:0px; border-style:solid; border-color:#eee; border-width:0px 2px 2px 2px; float:left; clear:both; background-color:#fff; } #page.contentPage #content .hotelsListHolder ul.hotelsList li .insideContentList {width:100%; float:left; clear:both; margin:0px; padding:0px; } #page.contentPage #content .hotelsListHolder ul.hotelsList li .contentImageHolder {width:165px; height:123px; background-color:#fff; margin:0; } #page.contentPage #content .hotelsListHolder ul.hotelsList li .contentImageHolder .contentImage {width:161px; height:119px; overflow:hidden; } #page.contentPage #content .hotelsListHolder ul.hotelsList li .contentImageHolder .contentImage img {width:161px; } #page.contentPage #content .hotelsListHolder ul.hotelsList li .locationContent {width:469px; margin:0px; padding:0px; } #page.contentPage #content .hotelsListHolder ul.hotelsList li .locationContent h3 {padding:10px 10px 3px; width:147px; font-size:81%;} #page.contentPage #content .hotelsListHolder ul.hotelsList li .locationContent h4 {width:100%; float:left; clear:both; padding:0px; margin:0px; color:#333; font-size:75%; } #page.contentPage #content .hotelsListHolder ul.hotelsList li .locationContent h4 a {text-decoration:none; color:#333; width:457px; float:left; clear:both; padding:6px 12px 6px 0px; background-image:url(/static/images/crystalbrand/generalicons/linkarrow.png); background-position:457px 12px; background-repeat:no-repeat; } #page.contentPage #content .hotelsListHolder ul.hotelsList li .locationContent h4 a:hover {color:#333; background-color:#dfedf3; } #page.contentPage #content .hotelsListHolder ul.hotelsList li .locationContent div.rating {padding:8px 0px 0px 12px; background-color:transparent; clear:both; float:left; width:141px; } #page.contentPage #content .hotelsListHolder ul.hotelsList li .locationContent .bodyContent {width:147px; padding:0 10px; } #page.contentPage #content .hotelsListHolder ul.hotelsList li .locationContent .bodyContent ul {padding:0; width:147px; margin:0; } #page.contentPage #content .hotelsListHolder ul.hotelsList li .locationContent .bodyContent ul li {width:132px; margin:0; padding:0 0 3px 12px; font-size:75%; color:#333; } #page.contentPage #content .hotelsListHolder ul.hotelsList li.linkBoxHover {background-color:#dfedf3; } #page.contentPage #content .hotelsListHolder ul.hotelsList li .photo {width:80px; border:solid 1px #eee; height:60px; overflow:hidden; margin:3px 6px 3px 3px;} #page.contentPage #content .resortListHolder ul.hotelsList li .insideContentList .locationContent {width:100%; margin:0px; padding:0px; } #page.contentPage #content .resortListHolder ul.hotelsList li .insideContentList .locationContent h4 {width:100%; float:left; clear:both; padding:0px; margin:0px; color:#333; font-size:70%; } #page.contentPage #content .resortListHolder ul.hotelsList li .insideContentList .locationContent h4 a {text-decoration:none; color:#333; width:598px; float:left; clear:both; padding:6px 12px 6px 12px; background-image:url(/static/images/crystalbrand/generalicons/linkarrow.png); background-position:610px 12px; background-repeat:no-repeat; } #page.contentPage #content .resortListHolder ul.hotelsList li .insideContentList .locationContent h4 a span.country {width:140px; float:left; clear:both; display:block; } #page.contentPage #content .resortListHolder ul.hotelsList li .insideContentList .locationContent h4 a span.resort {width:458px; float:left; display:block; color:#0792D5; } #page.contentPage #content .resortListHolder ul.hotelsList li .insideContentList .locationContent h4 a:hover {color:#333; background-color:#dfedf3; } /*resort list in links bar*/ #page.contentPage #content .mainContent .linksBar .resortList {width:194px; float:left; clear:both; padding:5px 4px 4px 4px; } #page.contentPage #content .mainContent .linksBar .resortList ul {width:100%; padding:0px; margin:0; float:left; clear:both; border-top:1px solid #dfdfdf; } #page.contentPage #content .mainContent .linksBar .resortList ul li { margin:0; padding:0; width:100%; border:0px; float:left; clear:both; } #page.contentPage #content .mainContent .linksBar .resortList ul li a {width:174px; background:#f6f6f6 url(/static/images/crystalbrand/generalicons/arrows.png) right 2px no-repeat; border-style:solid; border-color:#dfdfdf; border-width:0px 1px 1px 1px; font-size:75%; padding:4px 9px; margin:0; display:block; float:left; clear:both; text-decoration:none; } #page.contentPage #content .mainContent .linksBar .resortList ul li a:hover {background:#7bbada url(/static/images/crystalbrand/generalicons/arrows.png) right -14px no-repeat; color:#fff; text-decoration:none; } #page.contentPage #content .mainContent .linksBar ul.insideLinkBoxNav {width:200px; display:block; float:left; padding:12px 0px 0px 0px; clear:none; } #page.contentPage #content .mainContent .linksBar ul.insideLinkBoxNav li {padding-bottom:6px; display:block; } #page.contentPage #content .mainContent .linksBar ul.insideLinkBoxNav p {padding-bottom:6px; display:block; } /*Quotes*/ #page.contentPage #content ul.contentPageList li .locationContent .quote {clear:both; padding-left:30px; background-image:url(/static/images/crystalbrand/generalicons/quoteleft.png);background-repeat:no-repeat; background-position:top left; } #page.contentPage #content ul.contentPageList li .locationContent .quote blockquote {clear:both; padding-right:30px; background-repeat:no-repeat; background-position:bottom right; background-image:url(/static/images/crystalbrand/generalicons/quoteright.png); font-size:87%; color:#000;} #page.contentPage #content ul.contentPageList li .locationContent .quote p {color:#666; font-style:italic; width:100%; } /*Hotels list inside main list*/ #page.contentPageTopLevel #content ul.contentPageList li .locationContent .bodyContent .hotelsListHolder {width:559px; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent .hotelsListHolder ul.hotelsList {padding:0 0 14px 14px; width:546px; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent .hotelsListHolder ul.hotelsList li {background-color:#fff; border:0; margin-right:15px; margin-top:15px; padding:350px 0 0; width:167px; clear:none; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent .hotelsListHolder ul.hotelsList li .locationContent .bodyContent {padding:0 10px; width:147px; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent .hotelsListHolder ul.hotelsList li .locationContent .bodyContent ul {width:147px; padding:0; } #page.contentPage #content ul.contentPageList li .locationContent .bodyContent .hotelsListHolder ul.hotelsList li .locationContent .bodyContent ul li {width:127px; padding:0 0 0 20px; margin:0; } #page.contentPageTopLevel .sectionLinksHolder {display:none; } /*NEW Highlighted links list to replace simple lists that are incorrectly using hotels list*/ #page.contentPage .highlightedLinks {float:left; clear:both; overflow:hidden; width:100%; border:0px; margin:12px 0px 0px 0px; padding:0px 0px 15px 0px; background-color:#fff; background-image:url(/static/images/crystalbrand/accombottom.gif); background-position:bottom center; background-repeat:no-repeat; } #page.contentPage .highlightedLinks .insideHighlightedLinks {width:626px; padding:4px; float:left; clear:both; border:solid 1px #eee; background-color:#fff; } #page.contentPage .highlightedLinks h3 {padding:9px 12px 9px 12px; width:606px; font-size:87%; color:#333; } #page.contentPage .highlightedLinks .CollapsiblePanelTab {width:100%; float:left; clear:both; background-image:url(/static/images/crystalbrand/greyfadestripe.gif); background-position:top right; background-repeat:repeat-y; } #page.contentPage .highlightedLinks .CollapsiblePanelTab h3 {cursor:pointer;} #page.contentPage .highlightedLinks ul.highlightedLinksList {width:626px; padding:0px; border-top:solid 2px #eee; margin-top:4px; list-style-type:none;} #page.contentPage .highlightedLinks ul.highlightedLinksList li {width:622px; margin:0px; padding:0px; border-style:solid; border-color:#eee; border-width:0px 2px 2px 2px; float:left; clear:both; background-color:#fff; } #page.contentPage .highlightedLinks ul.highlightedLinksList li.linkBoxHover {background-color:#dfedf3; } #page.contentPage .highlightedLinks ul.highlightedLinksList li h4 {width:100%; float:left; clear:both; padding:0px; margin:0px; color:#333; font-size:75%; font-weight:normal;} #page.contentPage .highlightedLinks ul.highlightedLinksList li h4 a {text-decoration:none; font-weight:normal; width:598px; float:left; clear:both; padding:6px 12px 6px 12px; background-image:url(/static/images/crystalbrand/generalicons/linkarrow.png); background-position:610px 12px; background-repeat:no-repeat; } #page.contentPage .highlightedLinks ul.highlightedLinksList li h4 a:hover {color:#333; background-color:#dfedf3; } #page.contentPage .highlightedLinks ul.highlightedLinksList li h4 span.resort {width:150px; float:left; font-weight:bold;} #page.contentPage .highlightedLinks ul.highlightedLinksList li h4 span.country {color:#333;} #page.contentPage .highlightedLinks ul.highlightedLinksList li h4 span.descriptive {font-size:93%; width:100%; padding-top:6px; clear:both; display:block; color:#666;} /*Overrides for lower level pages*/ #page.contentPageLowerLevels .highlightedLinks .insideHighlightedLinks {width:454px;} #page.contentPageLowerLevels .highlightedLinks h3, #page.contentPageLowerLevels .highlightedLinks .CollapsiblePanelTab h3 {width:430px;} #page.contentPageLowerLevels .highlightedLinks ul.highlightedLinksList {width:454px;} #page.contentPageLowerLevels .highlightedLinks ul.highlightedLinksList li {width:450px;} #page.contentPageLowerLevels .highlightedLinks ul.highlightedLinksList li h4 a {width:426px; background-position:436px 12px;} /*Features information list (content pages)*/ #page.contentPage .contentSection .insideContentSection ul.featuresInformation {width:100%; float:left; clear:both; border-top:solid 1px #eee; list-style-type:none;} #page.contentPage .contentSection .insideContentSection ul.featuresInformation li.informationBox {border:solid 1px #eee; border-top:0px; padding:11px 78px 11px 11px; width:373px; float:left; clear:both; background-position:398px 12px; background-repeat:no-repeat;} #page.contentPage .contentSection .insideContentSection ul.featuresInformation li.informationBox h3 {} #page.contentPage .contentSection .insideContentSection ul.featuresInformation li.informationBox p {font-size:75%;} /*Free text area for details pages*/ #page.contentPage #content .freeText, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText, #page .contentBottomArea .howToBook .insideContentSection .freeText, #page .contentBottomArea .insideContentSection .freeText, #page.dealsSection #content .freeText{width:753px; float:left; clear:both; } #page.contentPage #content .freeText .contentImageHolder {width:177px; float:left; margin:0 15px 15px 0; } #page.contentPage #content .freeText h2 {border:0; clear:none; float:none; color:#67AA1F; font-size:100%; font-weight:normal; } #page.contentPage #content .freeText h3 {padding-bottom:5px; } #page.contentPage #content .freeText h4, #page.contentPage .contentBottomArea .contentSection .freeText .guideToBook h4 {padding-bottom:5px; color:#000; font-size:87%; font-weight:bold; } #page.contentPage #content .freeText h5 {font-size:75%; font-weight:bold; padding-bottom:6px;} #page.contentPage #content .freeText p, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText p, #page .contentBottomArea .insideContentSection .freeText, #page.contentPageTopLevel .contentBottomArea div.contentSection .freeText .guideToBook .viaWeb p{ font-size: 75%; line-height: 1.4; } #page .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook{ font-size: 130%; } #page.contentPage #content .freeText ol, #page.contentPage .contentBottomArea .contentSection .freeText ol { margin-left:30px; clear: both; } #page.contentPage #content .freeText ol li, #page.contentPage .contentBottomArea .contentSection .freeText ol li { clear: both; } #page.contentPage #content .freeText ul, #page.destinations #content .insideBlock ul, #page.destinations #content .block ul li, #page .whatsIncludedContent .insideWhatsIncludedContent .tooltipInformation ul, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaWeb ul, #page .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaWeb ul, #page.contentPage .inside .cmsPageContent .contentBottomArea .mainContent .contentSection .insideContentSection .freeText ul, #page .contentBottomArea .insideContentSection .freeText ul, #page.contentPageLowerLevels .contentBottomArea .contentSection .insideContentSection .freeText ul{ list-style-type: none; clear: none; } #page.destinations #content .block ul { float: left; width: 100%;} /* Grey bullet points */ #page.contentPage #content .freeText ul li, #page.destinations #content .block ul li, #page .whatsIncludedContent .insideWhatsIncludedContent .tooltipInformation ul li, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaWeb ul li, #page .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaWeb ul li, #page.contentPage .inside .cmsPageContent .contentBottomArea .mainContent .contentSection .insideContentSection .freeText ul li, #page.contentPageLowerLevels .contentBottomArea .contentSection .insideContentSection .freeText ul li{padding-left:20px; background-position:top left; background-repeat:no-repeat; background-image:url(/static/images/crystalbrand/generalicons/bullet.png); clear:none;} /* Override grey bullet points for error messages and optionTable list items - destinations page */ #page.destinations #content .opinionTable ul li, #page.destinations #content .block ul.feedbackPanel li {padding-left:0; background:none;} /****/ #page.contentPage #content .freeText ul li.tick { background: url(/static/images/crystalbrand/tick_tiny.png) no-repeat top left; padding: 0 0 8px 17px; } /* Style for lower alpha ordered lists */ .alpha-list {list-style-type: lower-alpha;} #page.contentPage #content .freeText li, #page .whatsIncludedContent .insideWhatsIncludedContent .tooltipInformation ul li, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText ul li, #page .contentBottomArea .howToBook .insideContentSection .freeText ul li, /*#page.contentPage .contentBottomArea .contentSection .freeText ol li{font-size:75%;} COMMENTED TO FIX SMALL LIST FONT SIZE IN LOWER MERCHANDISING PANELS*/ #page.contentPage .contentBottomArea .contentSection .freeText ol li{font-size:75%;} #page.destinations #content .insideIntroText li {font-size:85%;} #page.contentPage #content .freeText dt {width:177px; float:left; clear:both; margin-right:15px; padding-bottom:5px; font-size:81%; color:#000; } #page.contentPage #content .freeText dd {width:369px; float:left; clear:none; padding-bottom:5px; font-size:75%; } #page.contentPage #content .freeText dl.airCodes dt {width:77px; } #page.contentPage #content .freeText dl.airCodes dd {width:469px; } #page.contentPage #content .freeText table td {font-size:70%; border-bottom:solid 2px #fff; padding:3px 6px;} #page.contentPage #content .freeText table th {font-size:70%; color:#000; font-weight:bold; padding:3px 6px;} #page.contentPage #content .freeText em {font-weight:700; } #page.contentPage #content .freeText li h2 {font-size:133%; } #page.contentPage #content .freeText li h3 {font-size:116%; } #page.contentPage #content .freeText li h4 {font-size:108%; } #page.contentPage #content .freeText li p {font-size:100%;} #page.contentPage #content .freeText li li {font-size:100%;} #page.contentPage #content .freeText li table td {font-size:93%;} #page.contentPage #content .freeText li table th {font-size:93%;} #page.contentPage #content .freeText p * {font-size:100%; } #page.contentPage #content .freeText li * {font-size:100%; } #page.contentPage #content .freeText dt * {font-size:100%; } #page.contentPage #content .freeText dd * {font-size:100%; } #page.contentPage #content .freeText td * {font-size:100%; } #page.contentPage #content .freeText table th * {font-size:100%; } #page.contentPage #content .freeText table td * {font-size:100%; } #page.contentPage #content .freeText ul.bigList {clear:none; width:308px; float:left; } #page.contentPage #content .freeText ul.bigList li {background-image:url(/static/images/crystalbrand/generalicons/bullet.png); clear:none; font-size:87%; font-weight:bold; padding-bottom:5px; } #page.contentPage #content .mainContent .freeText img {width:auto; clear:both; float:right; margin:0px 0px 12px 12px; } #page.contentPage #content .mainContent .freeText img.left {float:left; margin:0px 12px 12px 0px; } /* Added in due to an img.left in cms.css over riding the class above */ #page.contentPage #content .mainContent .freeText img.imgLeft {float:left; margin: 0px 12px 12px 0px;} #page.contentPage #content .mainContent .freeText img.block {float:none;margin: 10px 0px 0px; padding: 0px; } /* Holiday agreements page */ .contentPage .anchor-list-holder { margin-bottom: 1em; padding: 0 1em; } #page.contentPage #content.holiday-agreements .freeText .anchor-list li { padding-bottom: 0.5em; } #page.contentPage #content.holiday-agreements .freeText .anchor-sublist { padding: 0.2em 0; } #page.contentPage #content.holiday-agreements .freeText .anchor-sublist li { background-image: none; margin: 0; padding: 0.2em 0 0.2em 1em; } #page.contentPage #content.holiday-agreements .freeText .anchor-sublist li:last-child { padding-bottom: 0 0 0 1em; } #page.contentPage #content.holiday-agreements .freeText .terms-list { margin: 1em 0; padding: 0 1.5em; } #page.contentPage #content.holiday-agreements .freeText .terms-list > li { padding-bottom: 1.5em; } #page.contentPage #content.holiday-agreements .freeText .terms-list__heading { font-weight: 700; padding-bottom: 1em; } #page.contentPage #content.holiday-agreements .terms-list__content ol { margin: 0 2em; padding-bottom: 0.5em; } #page.contentPage #content.holiday-agreements .terms-list__content ol > li { padding-bottom: 0.5em; } #page.contentPage #content.holiday-agreements .freeText .terms-list__subheading { padding-bottom: 1em 0 0.5em; } #page.contentPage #content.holiday-agreements .mainContent .freeText p:last-child { padding: 0; } #page.contentPage #content.holiday-agreements .mainContent .freeText .footnote { font-size: 90%; } #page.contentPage #content.holiday-agreements .freeText table { margin-bottom: 1.5em; } #page.contentPage #content .mainContent .freeText .guideToBook, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook, #page .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook {background-color:#f8f8f8; display:block; float:left; clear:both; width:612px; padding:12px; } #page.contentPage #content .mainContent .freeText .guideToBook .viaWeb, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaWeb, #page .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaWeb {display:block; float:left; width:352px; padding-right:12px; border-right:1px solid #ddd; } #page.contentPage #content .mainContent .freeText .guideToBook .viaFacebook, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaFacebook, #page .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaFacebook {display:block; float:left; width:328px; padding-left:12px; margin-left:12px; border-left:1px solid #ddd; } #page.contentPage #content .mainContent .freeText .guideToBook .viaPhone, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaPhone, #page .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaPhone {display:block; float:left; width:235px; padding-left:12px; } #page.contentPage #content .mainContent .freeText .guideToBook .viaPhone h4, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaPhone h4, #page .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaPhone h4 {padding-bottom:0px; } #page.contentPage #content .mainContent .freeText .guideToBook .viaPhone p.number, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaPhone p.number, #page .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaPhone p.number {color:#0050A4; font-weight:bold; font-size:110%; padding-bottom:2px; float:left; width:97%; clear:both; } #page.contentPage #content .mainContent .freeText .guideToBook .viaPhone p.footnote, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaPhone p.footnote, #page .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaPhone p.footnote {width:100%; clear:both; } #page.contentPage #content .freeText .footnote, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .footnote, #page .contentBottomArea .howToBook .insideContentSection .freeText .footnote {font-size:70%; color:#666; padding:0px; } #page.contentPage #content .freeText table .footnote {font-size:93%;} #page.contentPage #content .mainContent img.inlineicon {display:inline; float:none; margin:-2px 0px; padding:0px; } #page.contentPage #content .mainContent .freeText .guideToBook img.inlineicon {margin:0 4px; border:3px; display:inline; float:none; position:absolute; } /*#page.contentPage #content .mainContent .contentSection .emergencyMessage h2 {background-color:#ed1c23; }*/ #page.contentPage #content .mainContent {width:660px; display:inline; float:left; clear:both; padding:0px; } #page.contentPage #content .mainContent .introText p {font-weight:bold; font-size:100%; color:#222; } #page.contentPage #content .mainContent .contentSectionNoEdge h2 {display:none; } #page.contentPage #content .mainContent .contentSectionNoEdge .linksBar {padding-top:0px; } #page.contentPage #content .mainContent .locationSection .insideContentSection {background-image:url(/static/images/crystalbrand/contentlocationbg.gif); background-position:top left; background-repeat:no-repeat; } /*Contribute pages general list*/ #page.contentPage #content .mainContent .contentSection h2 a {text-decoration:none; color:#fff; font-weight:normal; } #page.contentPage #content .mainContent .contentSection .CollapsiblePanel .CollapsiblePanelTab h2 span {background-repeat:no-repeat; background-position:8px 12px; padding-left:24px; cursor:pointer; } #page.homePage #content .mainContent #recentlyViewed .CollapsiblePanel .CollapsiblePanelTab h2 span { background-image:url(/static/images/crystalbrand/generalicons/arrow-sprite.png); background-repeat:no-repeat; padding-left:18px; cursor:pointer; } #page.homePage #content .mainContent #recentlyViewed .CollapsiblePanelOpen .CollapsiblePanelTab h2 span { background-position:0 -240px; } #page.homePage #content .mainContent #recentlyViewed .CollapsiblePanelClosed .CollapsiblePanelTab h2 span { background-position:0 -335px; } #page.contentPage #content .textArea q {padding-bottom:12px; font-style:italic; display:block; } /*Sub sections*/ #page.contentPage #content .subSection {float:right; width:202px; border:1px solid #efefef; margin:12px 0px 10px 10px; background-image:url(/static/images/crystalbrand/vertical-grad-white-grey-150.jpg); background-position:left bottom; background-repeat:repeat-y; } #page.contentPage #content .subSection .inner {padding:12px; } #page.contentPage #content .subSection .inner .textArea {width:100%; padding-top:10px; } #page.contentPage #content .subSection .inner h3 {color:#000; padding:0px ; line-height:1; font-style:italic; font-weight:normal; font-size:110%; margin-top:-12px; display:block; } #page.contentPage #content .subSection .inner ul {width:100%; font-weight:bold;} #page.contentPage #content div.subSection .inner p {width:100%; } /*Tick list*/ #page.contentPage #content .freeText .ticklist, #page.contentPage #content .freeText .bulletlist {border:1px solid #eee; padding:12px; width:610px; float:left; clear:both; margin-bottom:3px; } #page.contentPage #content .freeText .bulletlist { margin-bottom: 10px; } #page.contentPage #content .freeText .ticklist ul, #page.contentPage #content .freeText .ticklist dl {width:438px; float:left; clear:both; list-style-type:none; padding:0px;} #page.contentPage #content .freeText .ticklist li, #page.contentPage #content .freeText .ticklist dl dt {background-image:url(/static/images/crystalbrand/tick.gif);} #page.contentPage #content .freeText .ticklist dl dt {background-repeat:no-repeat; background-position:top left; font-size:87%; font-weight:bold; width:433px; padding:0px 0px 6px 15px;} #page.contentPage #content .freeText .ticklist dl dd {width:100%; padding-bottom:12px;} #page.contentPage #content .freeText .ticklist p {width:100%; float:left; clear:both; padding-top:12px; padding-bottom:0px;} #page.contentPage #content .freeText .ticklist p.more {width:172px; float:left; clear:none; padding:0px; } #page.contentPageLowerLevels #content .freeText .ticklist {width:438px;} #page.contentPageLowerLevels #content .freeText .ticklist p.more {width:100%;} #page.contentPageTopLevel #content .freeText .withImage {width:416px; clear:none;} #page.contentPageTopLevel #content .freeText .withImage .ticklist {width:390px; clear:none; float:none;} #page.contentPageLowerLevels #content .freeText .withImage {width:280px; clear:none;} #page.contentPageLowerLevels #content .freeText .withImage .ticklist {width:254px; clear:none; float:none;} #page.contentPage #content .subSection .inner p.footnote {font-size:65%; } #page.contentPageLowerLevels #content .freeText .factSection {float:left; width:154px; margin:0 0 0 10px; padding:10px; background-color: #efefef;} #page.contentPageLowerLevels #content .freeText .factSection h4 {font-size:75%;} /*******************Confidence page************************/ #page.contentPage #content.confidence .mainContent .freeText .section {clear:both;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee} #page.contentPage #content.confidence .mainContent .freeText .section .text{float:right;width:65%;margin-top:25px} #page.contentPage #content.confidence .mainContent .freeText .leftAlign{width:35%;float:left;margin-top: 25px; } #page.contentPage #content.confidence .mainContent .freeText .leftAlign img {display: block;float: none ;margin: 20px auto 0 ;padding:0;} /*********Content pages lower levels overrides***************/ #page.contentPageLowerLevels #content .mainContent {width:500px; } #page.contentPageLowerLevels #content .mainContent .contentSection, #page.contentPageLowerLevels .merchandisingContent .whatsIncludedContent {width:488px; background-image:url(/static/images/crystalbrand/contentshadowslim.png);} #page.contentPageLowerLevels #content .mainContent .contentSection .insideContentSection, #page.contentPageLowerLevels .merchandisingContent .whatsIncludedContent .insideWhatsIncludedContent{width:464px; float:none;} #page.contentPageLowerLevels #content .mainContent .linksBar {width:470px;} #page.contentPageLowerLevels #content .mainContent .linksBar ul {width:464px;} #page.contentPageLowerLevels #content .mainContent .linksBar li {float:left; clear:none; width:210px; margin: 0 10px 15px 10px; _margin: 0 9px 15px 6px; padding-top:280px;} #page.contentPageLowerLevels #content .mainContent .linksBar li .insideLinkBox {margin-top:-280px;} #page.contentPageLowerLevels #content .mainContent .linksBar li .insideLinkBox img {width:210px;} #page.contentPageLowerLevels #content .mainContent .linksBar ul li h2 {width:207px;} #page.contentPageLowerLevels #content .mainContent .linksBar ul li h3, #page.contentPageLowerLevels #content .mainContent .linksBar ul li h3 a, #page.contentPageLowerLevels #content .mainContent .linksBar ul li h3 span, #page.contentPageLowerLevels #content .mainContent .linksBar ul li.linkBox ul, #page.contentPageLowerLevels #content .mainContent .linksBar ul li p {width:186px;} #page.contentPageLowerLevels #content .mainContent .linksBar ul li h3 a span {width:auto;} #page.contentPageLowerLevels #content .mainContent .linksBar ul li h3 a span em {color:#ec1d24;} #page.contentPageLowerLevels #content .mainContent .linksBar ul li p {float:left;} #page.contentPageLowerLevels #content .mainContent .linksBar li .insideLinkBox .image {padding: 0; width: 210px;} /* affects content page lower levels full width linksbar like Crystal Ski terms and condition page */ #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle {padding-top:0;} #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle li {width:462px; clear:both; margin:12px 0 0 0; float:left; clear:none; padding-top:0px;} #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle ul li h2 {font-size:81%; } #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle ul li h3 {width:462px; } #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle ul li h3 a, #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle ul li h3 span, #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle ul li p {width:438px; } #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle ul li p {float:left;} #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle li .locationContent .rating, #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle li .locationContent .bodyContent ul {float:left; padding:0; margin:0;} #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle li .locationContent .bodyContent ul {width:440px;} #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle li .locationContent {float:left; padding:11px; width:auto;} #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle li .locationContent h4 {font-size: 88%; padding:0;} #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle li .locationContent .bodyContent {padding-top:10px; float:left;} #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle li .locationContent ul li {width:422px; padding-bottom:4px; background:url(/static/images/crystalbrand/tick.gif) 0 4px no-repeat; padding-left:18px;} #page.contentPageLowerLevels #content .mainContent .linksBar ul li.promotion {width:462px; margin:0 0 12px 0;} #page.contentPageLowerLevels #content .mainContent .linksBar ul li.promotion p {width:289px; } #page.contentPageLowerLevels #content .mainContent .linksBar ul li.promotion p.headline {font-size:150%; line-height:1.1; letter-spacing:-0.05em; padding:14px 12px 8px 12px ; } #page.contentPageLowerLevels #content .mainContent .linksBar ul li.promotion a {width:366px; } #page.contentPageLowerLevels #content .mainContent .linksBar ul li.promotion p.w1112promo {width:386px; padding-right:0; } /* added 01/03/11 John Williams */ #page.contentPageLowerLevels #content .mainContent .linksBar ul li.promotion a {width:100%; } #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle li .insideLinkBox {margin:0px; } #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle li .insideLinkBox img {width:212px;} #page.contentPageLowerLevels #content .mainContent .linksBar.linksBarSingle li .insideLinkBox .image {display:none; } #page.contentPageLowerLevels #content .mainContent .linksBar .resortList {width:216px; } #page.contentPageLowerLevels #content .mainContent .linksBar .resortList ul li a {width:196px; } #page.contentPageLowerLevels #content .mainContent .freeText .guideToBook, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook {width:440px; } #page.contentPageLowerLevels #content .mainContent .freeText .guideToBook .viaWeb, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaWeb {width:249px; } #page.contentPageLowerLevels #content .mainContent .freeText .guideToBook .viaFacebook, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaFacebook {width:227px; } #page.contentPageLowerLevels #content .mainContent .freeText .guideToBook .viaPhone, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook .viaPhone {width:166px; } #page.contentPage #content .mainContent .freeText .viaFacebook img {margin:0px; float:left; clear:both; padding:0px;} #page.contentPageLowerLevels #content ul.contentPageList li .contentImageHolder {width:144px; height:109px; margin-right:12px; } #page.contentPageLowerLevels #content ul.contentPageList li .contentImageHolder .contentImage {width:140px; height:105px; } #page.contentPageLowerLevels #content ul.contentPageList li .contentImageHolder .contentImage img {width:140px; } #page.contentPageLowerLevels #content ul.contentPageList li .locationContent, #page.contentPageLowerLevels #content ul.contentPageList li .locationContent .bodyContent, #page.contentPageLowerLevels #content ul.contentPageList li .locationContent .bodyContent ul {width:306px; } #page.contentPageLowerLevels #content ul.contentPageList li .locationContent .bodyContent ul li {width:286px; } #page.contentPageLowerLevels #content .subSection {width:224px; } #page.contentPageLowerLevels #content .mainContent .introText {width:464px; } #page.contentPageLowerLevels #content .mainContent .freeText, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText, #page.contentPageLowerLevels .contentBottomArea .contentSection .insideContentSection .freeText, #page.contentPageLowerLevels #content ul.contentPageList, #page.contentPageLowerLevels #content ul.contentPageList ul, #page.contentPageLowerLevels #content .mainContent .linksBar {width:464px; } #page.contentPageLowerLevels #content ul.contentPageList li {width:100%; } #page.contentPageLowerLevels #content .mainContent table {width:100%; font-size:100%; } #page.contentPageLowerLevels .inside #content .highlight, #page.contentPageLowerLevels .inside #content .highlight .insideBlock, #page.contentPageLowerLevels .inside #content .highlight .insideBlock h2, #page.contentPageLowerLevels .inside #content .highlight .insideBlock p {width:440px; } #page.contentPageLowerLevels #content .hotelsListHolder {width:464px; margin-top:12px;} #page.contentPageLowerLevels #content .hotelsListHolder .insideHotelsList {width:454px; } #page.contentPageLowerLevels #content .hotelsListHolder h3 {width:442px; } #page.contentPageLowerLevels #content .hotelsListHolder ul.hotelsList {width:454px; } #page.contentPageLowerLevels #content .hotelsListHolder ul.hotelsList li {width:450px; } #page.contentPageLowerLevels #content .hotelsListHolder ul.hotelsList li .insideContentList div.rating {width:137px; } #page.contentPageLowerLevels #content .hotelsListHolder ul.hotelsList li .insideContentList .locationContent {width:301px; } #page.contentPageLowerLevels #content .hotelsListHolder ul.hotelsList li .insideContentList .locationContent h4 a {width:289px; background-position:289px 12px; } #page.contentPageLowerLevels #content .hotelsListHolder .CollapsiblePanelTab h3 {width:436px; } #page.contentPageLowerLevels #content .resortListHolder ul.hotelsList li .insideContentList .locationContent h4 a {width:426px; background-position:438px 12px; } #page.contentPageLowerLevels #content .resortListHolder ul.hotelsList li .insideContentList .locationContent h4 a span.country {width:140px; } #page.contentPageLowerLevels #content .resortListHolder ul.hotelsList li .insideContentList .locationContent h4 a span.resort {width:286px; } /*Luxury override*/ #page.contentPage #content .platinumHotels ul.inside3colPromo {background-color:#666; } #page.contentPage #content .platinumHotels ul.inside3colPromo li .headers h3 {color: #fff; } /************************************************* Home page *********************************************************/ #page .emergencyMessage {float:left; clear:both; width:100%; padding:0px;display:none;} #page .emergencyMessage .insideEmergency {width:723px; padding:14px 14px 9px; float:left; clear:both; border:solid 1px #ccc; background-color:#eee; } #page .showOnce .emergencyMessage .insideEmergency {margin-top:0; } #page .emergencyMessage .insideEmergency ul {list-style-type:none; width:100%; padding-bottom:5px; } #page .emergencyMessage .insideEmergency ul li {width:708px; padding-left:15px; clear:both; padding-bottom:2px; /*background-image:url(/static/images/unbranded/bullet.gif); */background-position:top left; background-repeat:no-repeat; } #page .emergencyMessage .insideEmergency .closeWindow {width:177px; float:right; clear:both; text-align:right; margin-top:-5px; } #page .emergencyMessage .insideEmergency .closeWindow p a {padding-left:20px; /*background-image:url(/static/images/unbranded/close.gif); */background-position:center left; background-repeat:no-repeat; padding-top:2px; padding-bottom:2px; } #page .emergencyMessage .insideEmergency h2 {width:541px; padding-bottom:10px; } #page .emergencyMessage .insideEmergency .includeContent {width:723px; clear:both; } /* Banner text snow-extras dare2b */ #page .inside #contentHeader.dare2B .introduction .insideIntroduction .introText p {color:#000;} #page.homePage .promotions, #page.contentPage .promotions {width:684px; float:left; clear:both; } #page.homePage #contentHeader h1, #page.contentPage #contentHeader.slideshow h1 {position:absolute; left:-3000px; width:auto; float:left; padding:0; } #homePromos {width:753px; float:left; clear:both; background-color:#CCC; } #homePromos #flowTabs {width:256px; float:left; } #homePromos #flowTabs ul {list-style-type:none; width:100%; float:left; clear:both; padding:0; } #homePromos #flowTabs ul li {width:256px; float:left; clear:both; } #homePromos #flowTabs ul li a {width:226px; display:block; padding:15px; float:left; } #homePromos #flowTabs ul li a span {display:block; clear:both; } #homePromos #flowTabs ul li a:hover {text-decoration:none; } #homePromos #flowTabs ul li a.current {color:#000; background-color:#fff; text-decoration:none; } #homePromos #flowPanes {overflow:hidden; width:496px; float:left; } #homePromos #flowPanes ul.items {position:relative; list-style-type:none; width:100%; float:left; clear:both; padding:0; padding-top:247px; } #homePromos #flowPanes ul.items li {position:absolute; float:left; width:496px; background-color:#fff; display:none; margin-top:-247px; } #homePromos #flowPanes ul.items li .insidePane {width:100%; float:left; clear:both; } #homePromos #flowPanes ul.items li .insidePane .text {position:absolute; margin-left:-3000px; } #page.homePage #contentHeader {width:684px; } /* #page.homePage #contentHeader .introduction {width:753px; background-image:url(/static/images/crystalbrand/greywhitetopstripewide.gif); } #page.homePage #contentHeader .introduction .insideIntroduction {width:753px; background-image:url(/static/images/crystalbrand/greywhitebottomstripewide.gif); } #page.homePage #contentHeader .introduction .insideIntroduction .introText {width:728px; background-image:url(/static/images/crystalbrand/greywhitestripewide.gif); }*/ #page.homePage #content, #page.contentPage #content.slideshow {width:660px; padding-left:12px; padding-right:0px; padding-top:0; margin-top:-135px; position:relative; } #page.homePage #content .mainContent {padding:15px 0px 0px 0px; } #page.homePage #content .mainContent .info {width:660px; float:left; clear:both; } #page.homePage #content .mainContent .showOnce .closeWindow {width:177px; float:right; margin-top:-5px; text-align:right; } #page.homePage #content .mainContent .showOnce .closeWindow p {font-size:75%; } #page.homePage #content .mainContent .showOnce .closeWindow p a {padding-left:20px; background-position:top left; background-repeat:no-repeat; background-image:url(/static/images/crystalbrand/generalicons/close.png); } #page.homePage .homeColumns3 {width:753px; float:left; clear:both; padding-bottom:15px; overflow:hidden; } #page.homePage .homeColumns3 .columns3 {width:768px; float:left; clear:both; padding:0; } #page.homePage .homeColumns3 .columns3 .column {width:241px; float:left; clear:none; margin-right:15px; overflow:hidden; } #page.homePage .homeColumns3 .columns3 .column ul {width:241px; float:left; clear:both; padding:0 0 5px; list-style-type:none; } #page.homePage .homeColumns3 .columns3 .column ul li {width:241px; float:left; clear:both; } #page.homePage .homeColumns3 .columns3 .column h3 {padding:0 0 5px; } #page.homePage .homeColumns3 .columns3 .column p {line-height:1.4; padding-bottom:5px; } #page.homePage .homeColumns3 .columns3 .column p.all {line-height:1.4; text-align:right; padding:0; } #page.homePage .homeColumns3 .columns3 .column .destinationList {width:241px; float:left; clear:both; padding-bottom:15px; } #page.homePage .homeColumns3 .columns3 .column .destinationList ul li {width:120px; float:left; clear:none; border-bottom:1px solid #ccc; padding:10px 0 5px; } #page.homePage #content .mainContent .contentSection .insideContentSection .destinationsList {width:282px; float:left; margin-right:12px; } #page.homePage #content .mainContent .contentSection .insideContentSection .destinationsList .holidayDestinations {width:288px; float:left; clear:both; padding-top:10px; padding-left:6px; } #page.homePage #content .mainContent .contentSection .insideContentSection .destinationsList ul {width:100%; float:left; clear:both; list-style-type:none; } #page.homePage #content .mainContent .contentSection .insideContentSection .destinationsList ul li {width:144px; float:left; color:#333; clear:none; padding-bottom:5px; font-size:81%; } #page.homePage #content .mainContent .contentSection .insideContentSection .destinationsList ul li a {font-weight:bold; padding-bottom:3px; background-repeat:no-repeat; background-position:top right;} #page.homePage #content .mainContent .contentSection .insideContentSection .destinationsList ul li a.newOffer {background-image:url(/static/images/crystalbrand/offericons/offernewsmall.png); padding-right:38px;} #page.homePage #content .mainContent .contentSection .insideContentSection .destinationsList ul li a:hover {color:#ed1c23; } #page.homePage #content .mainContent .contentSection .insideContentSection .destinationsList ul li span.price {color:#ed1c23; font-weight:bold; } #page.homePage .homeColumns3 .columns3 .column h2 {width:100%; float:left; clear:both; height:auto; padding-bottom:5px; } #page.homePage .homeColumns3 .columns3 .column .destinationPromotion {width:241px; float:left; clear:both; } #page.homePage .homeColumns3 .columns3 .column .destinationPromotion .image {width:239px; border:solid 1px #ccc; float:left; clear:both; } #page.homePage .homeColumns3 .columns3 .column .destinationPromotion .image a {display:block; width:235px; border:solid 2px #fff; float:left; clear:both; } #page.homePage .homeColumns3 .columns3 .column .destinationPromotion .text p {padding-bottom:5px; padding-top:10px; width:100%; float:left; clear:both; } #page.homePage .homeColumns3 .columns3 .column .holidayTypes {width:241px; float:left; clear:both; } #page.homePage .homeColumns3 .columns3 .column .holidayTypes ul li {border-bottom:1px solid #ccc; padding:10px 0 5px; } #page.homePage .homeColumns3 .columns3 .column .holidayTypes ul li .image {width:64px; float:left; clear:both; margin-right:10px; border:1px solid #ccc; } #page.homePage .homeColumns3 .columns3 .column .holidayTypes ul li .image a {width:60px; border:solid 2px #fff; float:left; clear:both; } #page.homePage .homeColumns3 .columns3 .column .holidayTypes ul li .text {width:165px; float:left; clear:none; } #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder {width:241px; float:left; clear:both; } #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder ul.hotelsList {padding:0; width:241px; border:0; } #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder ul.hotelsList li {border-bottom:1px solid #ccc; padding:10px 0 5px; } #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder ul.hotelsList li .insideContentList {width:100%; float:left; clear:both; } #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder ul.hotelsList li .contentImageHolder {width:64px; background-color:#fff; border:1px solid #ccc; margin-right:10px; float:left; } #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder ul.hotelsList li .contentImageHolder .contentImage {width:60px; border:solid 2px #fff; float:left; clear:both; } #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder ul.hotelsList li .contentImageHolder .contentImage img {width:60px; } #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder ul.hotelsList li .locationContent {width:165px; float:left; } #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder ul.hotelsList li .locationContent h3 {padding:0 0 3px; width:165px; } #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder ul.hotelsList li .locationContent h4 {padding:0 0 5px; width:165px; } #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder ul.hotelsList li .locationContent div.rating {padding:0 0 5px; width:165px; background-color:#fff; clear:both; float:left; } #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder ul.hotelsList li .locationContent .bodyContent {width:165px; padding:0; } #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder ul.hotelsList li .locationContent .bodyContent ul {padding:0; width:165px; margin:0; } #page.homePage .homeColumns3 .columns3 .column .hotelsListHolder ul.hotelsList li .locationContent .bodyContent ul li {width:150px; background-image:url(/static/images/crystalbrand/generalicons/bullet.gif); background-position:top left; background-repeat:no-repeat; margin:0; padding:0 0 3px 15px; border:0; } #page.homePage .whyBook {width:753px; clear:both; padding-bottom:15px; overflow:hidden; } #page.homePage .whyBook ul.columns4 {list-style-type:none; width:771px; float:left; clear:both; padding:0; } #page.homePage .whyBook ul.columns4 li.column {width:180px; float:left; clear:none; margin-right:12px; overflow:hidden; } #page.homePage .whyBook ul.columns4 li.column .text {width:170px; padding:0 5px; } #page.homePage .indexArea {width:100%; padding-top:15px; float:left; clear:both; } #page.homePage #content .mainContent .contentSection .insideContentSection .dealsList {width:312px; float:left; } /*Home page deals panel*/ #page.homePage .holidayDeals .insideColumn {width:100%; float:left; clear:both; } #page.homePage .holidayDeals .insideColumn .dealsContent {width:100%; float:left; clear:both; } #page.homePage .holidayDeals .insideColumn .dealsContent p {width:100%; float:left; clear:both; font-size:70%; line-height:1.2; color:#333; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals {background-image:url(/static/images/crystalbrand/dealsheadings.gif); background-position:top left; background-repeat:no-repeat; width:100%; float:left; clear:both; padding-top:15px; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals p {padding:0px; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul {float:left; clear:both; list-style-type:none; width:286px; border-style:solid; border-color:#eee; border-width:1px 1px 0px 1px; padding:0px 0px 6px 0px; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal{ padding:0px; border-bottom:solid 1px #eee; width:286px; float:left; clear:both; background-color:#fff; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal .text {width:100%; float:left; clear:both; padding:0px; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal .text p {padding:0px; font-size:75%; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal .text a { background-color:transparent; width:264px; display:block; float:left; clear:both; padding:4px 11px 4px 11px; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal .text p a {text-decoration:none; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal .text p a span {cursor:pointer; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal .text a.where {float:left; clear:both; width:154px; padding-right:0px; font-weight:bold; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal .text a.where span {cursor:pointer; display:block; width:auto; float:left; margin-right:4px; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal .text a.where span.resortName {display:block; width:auto; float:left; clear:both; padding:3px 0px 3px 0px; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal .text a.howMuch {float:left; display:block; width:100px; text-align:right; clear:none; padding-left:0px; padding-right:20px; padding-top:5px; text-decoration:none; color:#333; font-size:87%; background-image:url(/static/images/crystalbrand/generalicons/linkarrowblue.png); background-repeat:no-repeat; background-position:106px center; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal .text a.howMuch span.number {font-size:140%; color:red; font-weight:bold; } #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal .text a.where span.in, #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal .text a.where span.country, #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal .text a.howMuch span.from {display:none; } #page.homePage #content .mainContent .contentSection .insideContentSection .holidayDeals {width:288px; padding:14px 11px 11px 11px; border:solid 1px #eee; background-color:#fff; background-repeat:repeat-x; background-position:bottom left; float:left; clear:none; } #page.homePage #content .mainContent .contentSection .insideContentSection .holidayDeals .dealsContent h2 {padding:0px 0px 28px 0px; border:0px; width:100%; margin:0px; background-color:transparent; background-repeat:no-repeat; background-position:top left; } #page.homePage #content .mainContent .contentSection .insideContentSection .holidayDeals .dealsContent h2 span {position:absolute; left:-5000px; width:auto; float:left; } /*Hovers etc*/ #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.linkBoxHover {cursor:pointer; text-decoration:none;} #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.deal .text a.howMuch:hover {text-decoration:underline;} #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.linkBoxHover .text a.howMuch:hover {text-decoration:none;} #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.linkBoxHover .text a.where:hover {text-decoration:underline;} #page.homePage .holidayDeals .insideColumn .dealsContent .homePageDeals ul li.linkBoxHover .text a.where .resortName {text-decoration:underline;} /*End home page deals panel*/ /*More ski deals*/ #page.homePage .skiDealsLinks {margin:12px 0px 0px 0px; padding:0px; float:left; clear:both; width:100%;} #page.homePage .skiDealsLinks ul {font-size:75%;list-style-type:none;padding:0; width:100%; float:left; clear:both;} #page.homePage .skiDealsLinks ul li {width:100%; float:left; clear:both; padding-bottom:6px;} #page.homePage .skiDealsLinks ul li a { clear: both; float: left; padding: 10px 20px 10px 10px; background: url(/static/images/crystalbrand/generalicons/twistyblueopen.png) right 10px no-repeat;} #page.homePage .skiDealsLinks ul li a:hover {background-image:url(/static/images/crystalbrand/generalicons/twistyopen.png);} /* Advert */ #page.homePage #content .mainContent .contentSection .insideContentSection .advert p {font-size:75%; width:100%; clear:both;} /*Homepage adverts*/ #page.homePage #content .mainContent .contentSection .insideContentSection .advert { float: left; /*margin-top: 18px;*/ width: 340px; padding: 15px 0 0; border: 1px solid #EEEEEE; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); } #page.homePage .inside #content .insideContent .mainContent .insideContentSection .advert ul {position: relative; overflow: hidden; padding: 0;} #page.homePage .inside #content .insideContent .mainContent .insideContentSection .advert ul li {float: left; width: 290px; list-style: none; overflow: hidden;} #page.homePage .inside #content .insideContent .mainContent .insideContentSection .advert ul li img {max-width: 290px; height: auto;} /* Recently viewed accommodation*/ #recentlyViewed {width:100%; float:left; padding:0px; clear:both; margin:0; display:inline; } #recentlyViewed .insideRecentlyViewed {float:left; padding:0px; clear:both; margin:0; display:inline; border:0px; width:100%; background-color:#efefef; } #recentlyViewed h2 { color: #fff; padding:5px 0; width:100%; float:left; } #recentlyViewed .CollapsiblePanelContent {width:100%; overflow:hidden; } #recentlyViewed .CollapsiblePanelTab h2 { padding-left:20px; cursor:pointer; background-image:url(/static/images/crystalbrand/generalicons/arrow-sprite.png); background-repeat:no-repeat; font-size: 87%; } #recentlyViewed .CollapsiblePanelOpen h2 { background-position: 0 -108px; } #recentlyViewed .CollapsiblePanelClosed h2 { background-position: 0 -201px; } #recentlyViewed ul {list-style-type:none; float:left; border:0px; width:648px; clear:both; padding:0; } #recentlyViewed ul li {float:left; padding:10px 0; width:117px; margin-right:12px; } #recentlyViewed ul li .imageHolder {width:117px; float:left; clear:both; } #recentlyViewed ul li .image {overflow:hidden; float:left; text-align:center; border:solid 1px #efefef; width:115px; height:86px; } #recentlyViewed ul li .image a {overflow:hidden; float:left; display:block; text-decoration:none; background-color:#fff; width:115px; height:86px; border:0px; } #recentlyViewed ul li .image a img {width:118px; } #recentlyViewed ul li .text {float:left; clear:both; margin-top:-15px; padding-top:25px; font-size:70%; width:117px; } #recentlyViewed ul li p {padding:0; width:100%; clear:both; } #recentlyViewed ul li h3 {padding:0 0 5px; font-weight:normal; } /*Why book*/ #page.homePage .whyBook h2 {padding:0; width:753px; } #page.homePage .whyBook ul.columns4 li.column h3 {width:177px; padding:5px 0; } #page.homePage .whyBook ul.columns4 li.column p {width:177px; } #page.homePage #content .mainContent .contentSection .insideContentSection .people {width:100%; float:left; clear:both; } #page.homePage .people ul.columns4 li.column h3 {font-size:81%; } #page.homePage .people ul.columns4 li.column p {font-size:70%; line-height:1.4; } #page.homePage .contentSectionHolder {width:100%; float:left; clear:both; } #page.homePage p.bannerSection {width:100%; float:left; clear:both; padding-bottom:24px;} /*********************Dynamic Nav pages (like lower level content pages*********************/ #page.dynamicNavPage .sectionLinksHolder {clear:none; left:0px; top:0px; position:static;} #page.dynamicNavPage #content .mainContent {width:498px;} /******************************************************************************************************************/ /********************************************** PAGES - DEALS *****************************************************/ /******************************************************************************************************************/ /*********************************************** Deals pages ****************************************************/ #page.dealsPage #content {/*margin-top:-285px;*/ overflow:hidden; } #page.dealsPage #contentHeader .introduction .insideIntroduction .introText .headingText {width:546px; float:left; } #page.dealsPage #contentHeader .introduction .insideIntroduction .introText .earlierLater {padding-top:10px; } #page.dealsPage #contentHeader .introduction .insideIntroduction .introText p {width:100%; float:left; clear:both; } #page.dealsPage #contentHeader .introduction .insideIntroduction .introText p.rss a {background-image: url(/static/images/crystalbrand/generalicons/rsssmall.png); background-position: left center; background-repeat: no-repeat; color: #fff; display: block; float: left; padding: 2px 0 2px 25px; width: auto; clear:both;} #page.dealsPage #content .offersGallery {overflow:hidden; float:left; clear:both; padding:0 0 5px; border:0px; width:660px; } #page.dealsPage #content .offersGallery .sort {width:100%; float:left; text-align:left; margin-right:0; padding-bottom:20px; } #page.dealsPage #content .offersGallery .sort form {width:100%; float:left; clear:both; } #page.dealsPage #content .offersGallery .sort h2 {margin-right:10px; background-color:#333; color:#fff; padding:3px; width:auto; float:left; font-weight:bold; font-size:75%; } #page.dealsPage #content .offersGallery .sort label {margin-right:10px; background-color:#333; color:#fff; padding:3px; width:auto; float:left; font-weight:bold; font-size:75%; } #page.dealsPage #content .offersGallery ul.topSkiDeals {width:672px; float:left; clear:both; padding:0; list-style-type:none; } #page.dealsPage #content .offersGallery ul.topSkiDeals li {min-height:320px;height:auto;width:156px; float:left; margin-right:12px; padding-bottom:6px; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd {width:156px; float:left; clear:both; border:0px; padding:0px 0px 10px 0px; background-image:url(/static/images/crystalbrand/contentshadowsmall.png); background-repeat:no-repeat; background-position:bottom center; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd .insideOfferAd {float:left; clear:both; padding:280px 0px 10px 0px; background-color:#fff; width:154px; border:1px solid #eee; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd .insideOfferAd .text {width:100%; float:left; clear:both; position:relative; margin-top:-300px; padding-top:20px; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd .insideOfferAd .flag {float:left; clear:both; margin-top:-10px; width:100%; padding:0px; height:32px; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd .insideOfferAd .flag p {float:right; clear:both; background-image:url(/static/images/crystalbrand/generalicons/sticker_freekids.png); background-color:transparent; border:0px; padding:0px 0px 0px 0px; width:54px; height:32px; background-position:top left; background-repeat:no-repeat; margin-top:0px; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd .insideOfferAd .flag p span {position:absolute; left:-3000px; } #page.dealsPage #content .offersGallery p.topDealsNote {width:100%; float:left; clear:both; padding:0px 0px 18px 0px; font-size:75%; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd .heading {float:left; clear:both; padding-top:0px; padding-bottom:0px; width:134px; padding-left:10px; padding-right:10px; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd .pricing {float:left; clear:both; width:134px; padding-left:10px; padding-right:10px; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd .go {width:134px; float:left; clear:both; padding:6px 10px 6px 10px; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd h3 {font-size:100%; color:#000; padding:0px; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd h3 span {font-size:87%; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd h4 {clear:both; padding:0; font-size:70%; color:#000; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd p {padding:0px; font-size:75%; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd p.hurry {background-color:#fff; float:left; display:inline; font-size:70%; color:#498F3F; width:100%; padding:0px 0px 3px 0px; border:0px; margin-left:0px; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd p.date, #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd p.boardBasis {font-size:70%; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd p.price {float:left; clear:both; padding:6px 0px 6px 0px; width:100%; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd p.price span.from {width:auto; display:block; float:left; margin-right:5px; font-size:87%; color:#333; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd p.price span.number {width:auto; display:block; float:left; padding-right:31px; background-position:center right; background-repeat:no-repeat; color:red; font-size:275%; font-weight:bold; padding:0px; line-height:1; background-image:none; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd p.price span.person {font-size:93%; color:#000; font-weight:bold; display:block; width:100%; clear:both; } #page.dealsPage #content .offersGallery ul.topSkiDeals li .offerAd p.goButton {width:auto; float:right; clear:none; margin-top:5px; padding:0; } #page.dealsPage .list3Col {float:left; clear:both; width:636px; padding:0px; overflow:visible; } #page.dealsPage .list3Col .insideList {list-style-type:none; float:left; clear:both; width:636px; } #page.dealsPage .list3Col .childColumn {float:left; clear:none; width:100%; margin:0px; padding:12px 0px 0px 0px; overflow:hidden; } #page.dealsPage .list3Col .childColumn h2 {padding-bottom:5px; } #page.dealsPage .list3Col .childColumn h3 {font-size:100%; font-weight:normal; color:#333; padding-bottom:12px; } #page.dealsPage .list3Col .childColumn ul {list-style-type:none; float:left; clear:both; border:0px; width:624px; padding:12px 12px 6px 12px; background-color:#f0f0f0; } #page.dealsPage .list3Col .childColumn ul li { border:0px; padding:0px 12px 6px 0px; float:left; clear:none; width:144px; font-size:75%; } #page.dealsPage .list3Col .childColumn ul li a {text-decoration:none; width:auto; float:left; clear:both; padding-right:12px; background-image:url(/static/images/crystalbrand/generalicons/arrownextsmall.png); background-repeat:no-repeat; background-position:center right; } #page.dealsPage .list3Col .childColumn ul li a:hover {background-image:url(/static/images/crystalbrand/generalicons/arrownextredsmall.png);} #page.dealsPage .list3Col .childColumn ul li a span.category {cursor:pointer; text-decoration:underline; } #page.dealsPage .list3Col .childColumn ul li a span.price {font-size:130%; color:#000; } #page.dealsPage .list3Col .childColumn ul li a:hover span.category {text-decoration:none; } #page.dealsPage .list3ColSlim {width:561px; } #page.dealsPage .list3ColSlim .insideList {width:576px; } #page.dealsPage .list3ColSlim .childColumn {width:177px; } #page.dealsPage .list3ColSlim .childColumn ul li {padding:4px 0; } #page.dealsPage #searchResultsFilters {clear:none; width:156px; background-color:#f0f0f0; overflow:hidden; } #page.dealsPage .dealsHolder {padding:0px 0px 12px 0px; width:660px; float:left; clear:both; } #page.dealsPage #content .dealsNavigation {width:660px; float:left; padding-bottom:12px; } #page.dealsPage #content .dealsResultsList {float:left; width:504px; margin-right:0px; } #page.dealsPage #content ul.dealsResults {padding-bottom:15px; list-style-type:none; width:488px; } #page.dealsPage #content ul.dealsResults li {float:left; clear:both; border:0px; width:488px; background-color:transparent; margin-bottom:0px; } #page.dealsPage #content ul.dealsResults li li {background-color:transparent; background-image:none; padding:0; width:100%; } #page.dealsPage #content ul.dealsResults li .insideResult {float:left; clear:both; border:0px; width:100%; } #page.dealsPage #content ul.dealsResults li .insideResultContent {width:530px; float:left; clear:both; border-bottom:solid 1px #ccc; border-right:solid 2px #ccc; padding:15px 10px 12px 15px; } #page.dealsPage #content ul.dealsResults li .bodyPanel {width:100%; padding-top:0; padding-bottom:0; } #page.dealsPage #content ul.dealsResults li .bodyPanel .details {float:left; width:248px; margin-right:12px; } #page.dealsPage #content ul.dealsResults li .bodyPanel .price {width:auto; float:left; } #page.dealsPage #content ul.dealsResults li .bodyPanel .heading {float:left; clear:both; width:100%; margin:0px; padding-bottom:0px; } #page.dealsPage #content ul.dealsResults li .bodyPanel .heading .title {float:left; width:100%; margin:0px; } #page.dealsPage #content ul.dealsResults li .bodyPanel .heading .title h2 {padding:0; font-size:100%; color:#000; } #page.dealsPage #content ul.dealsResults li .bodyPanel .heading .title p {padding:0; font-size:75%; font-weight:bold; color:#000; } #page.dealsPage #content ul.dealsResults li .bodyPanel .heading .title div.rating {clear:both; margin-top:5px; } #page.dealsPage #content ul.dealsResults li .bodyPanel .heading .subTitle {width:100%; float:left; clear:both; margin:0px; padding:6px 0px 0px 0px; } #page.dealsPage #content ul.dealsResults li .bodyPanel .heading .subTitle p {padding:0; float:left; clear:both; font-size:75%; color:#000; width:100%; } #page.dealsPage #content ul.dealsResults li .bodyPanel .heading .subTitle p span.board {display:inline; clear:none; } #page.dealsPage #content ul.dealsResults li .bodyPanel .heading .rating {width:100%; } #page.dealsPage #content ul.dealsResults li .bodyPanel .holidayDetails {float:left; clear:both; padding-bottom:5px; width:100%; margin:0px; } #page.dealsPage #content ul.dealsResults li .bodyPanel .holidayDetails p {padding:0 0 5px; font-size:75%; color:#000; } #page.dealsPage #content ul.dealsResults li .bodyPanel .holidayDetails p.boardDetails {color:#000; } #page.dealsPage #content ul.dealsResults li .bodyPanel .holidayDetails p.departFrom {padding-bottom:0; font-weight:bold; } #page.dealsPage #content ul.dealsResults li .bodyPanel .more {float:left; clear:both; width:100%; margin:0px; } #page.dealsPage #content ul.dealsResults li .bodyPanel .more p {padding:0; font-size:75%; } #page.dealsPage #content ul.dealsResults li .bodyPanel .more p a {width:auto; float:left; clear:both; padding:0px 0px 0px 0px; } #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice .bookNow p {padding:10px 0 0; width:100%; } #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice .bookNow p a {width:auto; float:left; background-color:#f00; color:#fff; font-size:81%; } #page.dealsPage #content ul.dealsResults li .bookNow p a {background-color:#f00; } #page.dealsPage .endText ul {width:100%; list-style-type:none; } #page .searchResultsHolder .sort h2 {width:auto; float:left; margin-right:15px; padding:0; font-size:81%; font-weight:normal; } /*Deals pages overrides*/ #page.dealsPage .sort {width:660px; } #page.dealsPage #searchResultsFilters .insideSearchResultsFilters {border:0; width:132px; padding:0px 12px 0px 12px; } #page.dealsPage #searchResultsFilters h2 {padding-top:0; width:100%;} #page.dealsPage #searchResultsFilters .activeRefinements {padding:0px; width:100%; float:left; clear:both;} #page.dealsPage #searchResultsFilters .activeRefinements ul.byCriteria {padding:12px 12px 6px 12px; width:132px; float:left; clear:both;} #page.dealsPage #searchResultsFilters .activeRefinements ul li {padding:0 0 6px; } #page.dealsPage #searchResultsFilters .activeRefinements ul li ul li {padding:0; } #page.dealsPage #searchResultsFilters .activeRefinements h3 {display:none; } #page.dealsPage #searchResultsFilters ul li ul li .insideItem {width:130px; } #page.dealsPage #searchResultsFilters ul li ul li .insideItem .featureName {width:118px; } /******************************************************************************************************************/ /********************************************** PAGES - ERRORS **********************************************/ /******************************************************************************************************************/ /************************************************ Error pages ******************************************************/ #page.errorPage #content {margin-top:-285px; } #page.errorPage #content .errorMessage h2 {font-size:100%; padding:0 0 5px; } #page.errorPage #content .errorMessage h3 {padding:0 0 5px; border-bottom:solid 2px #fff; } #page.errorPage #content .errorMessage p {font-size:75%; clear:both; width:100%; float:left; padding:12px 0px 0px 0px; } #page.errorPage #content .errorMessage p.note {font-size:70%;} #page.errorPage #content .errorMessage .errorLinks {overflow:hidden; width:100%; padding:12px 0px 0px 0px; clear:both; } #page.errorPage #content .errorMessage .errorLinks ul {width:100%; list-style-type:none; padding:0px; margin:0px; float:left; clear:both;} #page.errorPage #content .errorMessage .errorLinks ul li {width:100%; float:left; clear:both; padding:0px 0px 6px 0px; font-size:75%;} #page.errorPage #content .errorMessage .errorLinks ul li li, #page.errorPage #content .errorMessage .errorLinks ul li h2, #page.errorPage #content .errorMessage .errorLinks ul li h3 {font-size:100%;} #page.errorPage #content .errorMessage .errorLinks ul.fullWidth3Cols {width:648px;} #page.errorPage #content .errorMessage .errorLinks ul.fullWidth3Cols li {float:left; clear:none; background-color:#efefef; padding:12px; margin-right:12px; width:180px; } #page.errorPage #content .errorMessage .errorLinks ul.fullWidth3Cols li ul {width:100%; list-style-type:none; padding-top:0px; } #page.errorPage #content .errorMessage .errorLinks ul.fullWidth3Cols li ul li {font-size:100%; clear:both; background-color:transparent; padding:0px 0px 6px 0px; margin:0px; width:100%; } #page.errorPage #content .errorMessage .errorLinks ul.fullWidth3Cols li a, #page.errorPage #content .errorMessage .errorLinks ul.fullWidth3Cols li a span {line-height:normal; display:inline; } /******************************************************************************************************************/ /********************************************** PAGES - EMERGENCY **********************************************/ /******************************************************************************************************************/ /****************************Emergency holding page**********************/ body.emergencyHoldingPage #header {padding-top:165px; } body.emergencyHoldingPage #header .insideHeader {margin-top:-165px; } body.emergencyHoldingPage #page #contentHeader .introduction .insideIntroduction .introText h1 {position:static; left:0; padding:5px 0; width:100%; } body.emergencyHoldingPage #page #contentHeader .introduction .insideIntroduction .introText p {padding-bottom:10px; clear:none; } body.emergencyHoldingPage #page.homePage #contentHeader img {width:177px; margin:0 0 15px 15px; float:right; clear:both; } body.emergencyHoldingPage #page.homePage #content {padding-top:15px; } /******************************************************************************************************************/ /********************************************** SITE-WIDE - WIDGETS **********************************************/ /******************************************************************************************************************/ /**************************************** Tooltip *****************************************/ .cluetip-toolTip {color:#333; text-align:left; background-color:#fff; padding:6px 11px 17px 11px; border:solid 1px #ccc; -webkit-box-shadow: 0px 0px 35px rgba(50, 50, 50, 0.25);-moz-box-shadow: 0px 0px 35px rgba(50, 50, 50, 0.25);box-shadow: 0px 0px 35px rgba(50, 50, 50, 0.25);} .cluetip-holder {background-color:#eee; border:solid 1px #ccc; text-align:left; } .cluetip-holder h3 {padding:0 0 5px; margin:0; border-bottom:0px; font-size:87%; font-weight:bold; color:#000;} .cluetip-toolTip h3 {border:0px; padding-bottom:6px; } .cluetip-toolTip #cluetip-close {width:100%; text-align:right; float:left; display:block; clear:both; font-weight:normal; font-size:70%; } .cluetip-toolTip #cluetip-close a {width:auto; float:right; display:inline;} .cluetip-toolTip .accommodationInformation h3 {display:none;} .cluetip-toolTip p {padding:0; padding-top:5px; font-size:75%; } .cluetip-toolTip p p {font-size:100%;} .cluetip-toolTip ul {padding:0; padding-top:5px; list-style-type:none; } .cluetip-toolTip ul li {width:95%; padding-left:5%; background-image:url(/static/images/crystalbrand/generalicons/bullet.png); font-size:75%; background-position:top left; background-repeat:no-repeat; } #cluetip #cluetip-outer .featureInclude h3 {background-image:none;padding-left:0; padding-top:6px; padding-bottom:6px;} #cluetip .holidayFeatureInclude h3 {padding-left:0;} #cluetip .boardBasisFeatureInclude h3 {padding-left:0;} #cluetip .featureInclude, #cluetip .tooltipInformation {width:100%; float:left; clear:both; } .cluetip-toolTip .feature {width:100%; float:left; clear:both; } /* ratings tooltip on non responsive pages fix */ #cluetip-title {display:none !important;} .resort-merchandising .ratingsContent {display: none;} .packagesList .backToTop {display: none;} /************************************* Media panel and image slideshow *************************/ /*Media panel plain*/ #page #content .mediaPanelHolder {width:100%; float:left; clear:both; background-color:transparent; } #page #content .mediaPanelHolder .insideMediaPanel {width:100%; float:left; clear:both; } #page #content .mediaPanelHolder .tabs {margin-top:100px; height:0; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelNavigation {width:100%; float:left; clear:both; list-style-type:none; padding:0px 0px 0px 0px; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent {width:100%; float:left; clear:both; list-style-type:none; padding:0px; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelNavigation li {width:auto; float:left; clear:none; font-size:75%; font-weight:bold; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelNavigation li a {display:block; width:auto; float:left; clear:none; padding:10px; background-color:transparent; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.contentItem {width:100%; float:left; clear:both; padding:0px 0px 0px 0px; background-color:transparent; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.contentItem .detailsArea {width:100%; float:left; clear:both; } /*Image slideshow plain*/ #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.contentItem .detailsArea .galleryContent {width:100%; float:left; clear:both; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.contentItem .detailsArea .galleryNavigation {padding:15px; width:auto; float:left; clear:both; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent .detailsArea .galleryNavigation p {font-size:70%; padding:0px; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.contentItem .detailsArea .galleryNavigation ul.thumbs {width:100%; float:left; clear:both; list-style-type:none; padding:0px; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.contentItem .detailsArea .galleryNavigation ul.thumbs li {width:auto; float:left; clear:none; margin-right:10px; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.contentItem .detailsArea .galleryNavigation ul.thumbs li a {display:block; float:left; width:57px; height:42px; overflow:hidden; background-color:#666; text-align:center; border:solid 1px #0166B1; text-decoration:none; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.contentItem .detailsArea .galleryNavigation ul.thumbs li a img {margin:auto; width:57px; } #page #content .pisteMapKey {width:636px; padding-bottom:0px; } #content .pisteMapKey .insideBlock {width:100%; } #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelContent li.contentItem .pisteMapKey {padding:0px; } #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelContent li.contentItem .pisteMapKey h2 {padding:0px; font-size:70%; } /*JS applied styles - media panel tabs*/ #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs {width:100%; background-color:transparent; float:left; clear:both; position:relative; padding-top:553px; margin-top:0px; z-index: 18;} #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelNavigation {width:636px; float:left; clear:both; padding:0px; left:24px; bottom:79px; position:absolute; z-index:19; } #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelContent {width:100%; float:left; clear:both; position:absolute; top:0px; } #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelNavigation li {margin-right:6px; } #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelNavigation li a {padding:6px 60px 6px 12px; background-color:#333; color:#fff; text-decoration:none; background-position:top right; background-repeat:repeat-y; background-image:url(/static/images/crystalbrand/buttongradient.gif); border-bottom:solid 1px #eee; } #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelNavigation li a:hover {background-color:#fff; color:#333; background-image:none; } #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelNavigation li.ui-state-active a {background-color:#fff; cursor:default; color:#333; background-image:none; border-bottom:solid 1px #fff; } #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelContent li.contentItem {padding:513px 0px 0px 0px; border:0px; } #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelContent li.contentItem .detailsArea {margin-top:-513px; background-color:#efefef; background-image:url(/static/images/crystalbrand/mediapanelgradientshort.png); background-position:bottom left; background-repeat:repeat-x; } #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelContent li.ui-tabs-hide {display:none; } #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelContent li.contentItem .detailsArea p {color:#333; width:100%; float:left; clear:both; } #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelContent li.contentItem .detailsArea p br {display:none;} #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelContent li.contentItem .detailsArea .pdfLink a { background-position: left center; padding: 0 0 0 20px; } /*JS applied styles - gallerriffic image gallery*/ #page #content .mediaPanelHolder li.ui-tabs-panel .slideshow-container {width:100%; float:left; clear:both; } #page #content .mediaPanelHolder li.ui-tabs-panel .slideshow-container .slideshow {text-align:center; width:100%; float:left; clear:both; } #page #content .mediaPanelHolder li.ui-tabs-panel .slideshow-container .image-wrapper {position:absolute; width:100%; top:0px; left:0px; text-align:center; height:513px; overflow:hidden; } #page #content .mediaPanelHolder li.ui-tabs-panel .slideshow-container .image-wrapper a {display:inline; width:100%; float:left; clear:both; padding:0px; } #page #content .mediaPanelHolder li.ui-tabs-panel .slideshow-container .image-wrapper a img {clear:both; padding:0px; margin:0!important; } /* #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.contentItem .detailsArea .galleryNavigation ul.noscript {display:none;} */ #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation { float:left; clear:both; width:660px; background-color:transparent; padding:80px 12px 0px 12px; border:0px; position:absolute; z-index:30; top:473px; left:0; background-image:url(/static/images/crystalbrand/mediapanelgradient.png); background-position:bottom left; background-repeat:repeat-x; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation ul.thumbs li.selected a.thumb {border:solid 1px #000; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation ul.thumbs {width:489px; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .pagination {width:147px; float:left; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .pagination span, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .pagination a {padding:2px 4px 2px 4px; display:block; float:left; clear:none; margin-right:6px; margin-bottom:6px; color:#fff; text-decoration:none; font-size:70%; line-height:1; border:solid 1px #0166B1; background-color:#0166B1; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .pagination a.Next, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .pagination a.Prev {display:none; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .pagination a:hover {background-color:#fff; color:#333; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .pagination span {background-color:#fff; color:#333; border-color:#eee; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .insideGalleryNavigation {width:636px; float:left; clear:both; padding:11px; border:solid 1px #eee; margin-top:-80px; display:block; background-color:#fff; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation ul.thumbs li {margin-right:10px; display: inline; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .controls {width:147px; padding:0px 0px 0px 0px; float:left; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .controls .ss-controls {width:100%; float:left; clear:both; padding:0px 0px 6px 0px; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .controls .nav-controls {width:100%; float:left; clear:both; padding:0px; display:none; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .controls a {display:block; color:#39c; width:auto; float:left; padding:0px 0px 0px 0px; background-position:top left; background-repeat:no-repeat; font-size:70%; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryContent {height:513px; overflow:hidden; } .mediaPanelContent .galleryContent img {width: 100%} #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea.googleMap .galleryNavigation, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea.pisteMaps .galleryNavigation, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea.video .galleryNavigation {position:relative; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea.googleMap .galleryContent, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea.pisteMaps .galleryContent, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea.video .galleryContent {margin-top:-80px; } #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea.video .galleryContent object, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea.video .galleryContent iframe {display:block; margin-right:auto; margin-left:auto; height:417px; width:684px; } /*Gmap styles*/ /*#page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .googleMap .gMap {height:403px; width: 684px; }*/ #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .googleMap .gMap .locationContent {width:250px;height:250px;overflow:auto;} #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .googleMap .gMap .locationContent .locationInfoHolder p {font-size:85%} /********New GMaps**********/ #map_canvas { margin-top: -80px; height: 513px; width: 684px; font-size: 75%; color: #333333; clear: both; float: left; } #map_canvas a { color: #0166B1; } #map_canvas a:hover {text-decoration: none; color: #ED1C24;} /*Mini image gallery on search results etc*/ .resultsGallery {width:157px; height:155px; overflow:hidden; float:left; margin-right:10px; } .resultsGallery div.galleryControls a.prev, .summaryGallery div.galleryControls a.prev {float:left; } .resultsGallery div.galleryControls a.next, .summaryGallery div.galleryControls a.next {float:right; } .resultsGallery div.galleryControls, .summaryGallery div.galleryControls {font-size:75%; text-align:center; } .resultsGallery ul.imageList, .summaryGallery ul.imageList {display:none; } /****************Feedback*******************/ .feedBack, .feedback {padding:0; margin:0; display:inline; clear:both; } #page #contentHeader .introduction .insideIntroduction .introText .feedBack ul, #page.dealsPage .offersGallery .sort .feedBack ul, .searchPanel .feedback ul, div.cmsFormContent div.insideCustomerenquiryPanel div.feedback ul.feedbackPanel, p.videoError {float:left; clear:both; list-style-type:none; width:616px; background:url(/static/images/crystalbrand/generalicons/erroricon.png) no-repeat 11px 11px #efefef; background:url(/static/images/crystalbrand/generalicons/erroricon.png) no-repeat 11px 11px rgba(255,255,255,0.9); padding:10px 10px 10px 30px; border:solid 1px #eee; border:1px solid rgba(255, 255, 255, 0.5); margin-top:12px; } div.cmsFormContent div.insideCustomerenquiryPanel div.feedback ul.feedbackPanel {width:414px;} #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelContent li.contentItem .detailsArea p.videoError, p.videoError {font-size:14px;width:618px;margin:40px 12px;background-color:#ffffff;} #page #contentHeader .introduction .insideIntroduction .introText .feedBack ul li, #page.dealsPage .offersGallery .sort .feedBack ul li,.searchPanel .feedback ul li, div.cmsFormContent div.insideCustomerenquiryPanel div.feedback ul.feedbackPanel li {clear:both; float:left; padding-bottom:3px; line-height:1.4; font-size:75%; color:#c00; width:100%; } p.videoError {width:844px; background-image:url(/static/images/crystalbrand/generalicons/information.png); color:#333;} .searchPanel .feedback ul {padding:0px 0px 0px 20px; border:0px; background-color:transparent; width:182px; background-position:0px 0px; } /* override for Fancy-box panels */ .javaScriptOnSearch .feedback ul {width:90%; padding-bottom: 11px; } #page.selectedAccommodation #contentHeader .introduction .insideIntroduction .introText .feedBack ul {width:auto; padding:0px 0px 11px 20px; background-position:top left; background-color:transparent; border:0px; } #page #contentHeader .introduction .insideIntroduction .introText .feedBack ul li * {color:#c00; font-weight:normal; width:100%; font-size:100%; padding:0px; } .searchPanel .feedback ul li {font-size:70%; } /*Contact us fancybox*/ #page.contentPage .panelWrapper {border-radius: 3px;margin: 10px 0;background-color: rgb(255, 255, 255);background-color: rgba(255, 255, 255, 0.8);-moz-box-shadow: 2px 2px 3px #999999;padding: 11px;border: 1px solid #CCCCCC; overflow: hidden;} #page.contentPage .inside #content .contentSection .freeText .col-3 a.button {float: left;} #pageform.js-on-contactForm, .js #customerServices.js-on-contactForm {display:block;width: 590px;} .js-on-contactForm { background-color: #E0E0E0; background-image: -moz-linear-gradient(20% 20% 90deg, #E0E0E0, #FFFFFF); text-align: left; border-radius: 3px 3px 0 0; } .js-on-contactForm form {padding: 11px;} .js-on-contactForm #form-submit {float: right; margin-bottom: 11px;} .js-on-contactForm .hide, .js-on-contactForm .holidayType {display: none;} #pageform.js-on-contactForm .feedbackPanel {font-size: 75%; width: 547px;} #customerServices.js-on-contactForm .feedbackPanel {font-size: 75%;margin:11px;width: 90%;} #pageform .feedbackPanel, #customerServices .feedbackPanel {color: #ED1C24; background: url("/static/images/crystalbrand/generalicons/erroricon.png") no-repeat scroll 11px 11px; border: 1px solid rgba(255, 255, 255, 0.5); clear: both; float: left; list-style-type: none; margin-top: 12px; margin-bottom: 12px; padding: 10px 10px 10px 30px; width: 100%;} #pageform.js-on-contactForm #formSubmit, #customerServices.js-on-contactForm .form-submit {margin-bottom: 12px;} #pageform #confirmationMessage, #customerServices #confirmationMessage {color: #ED1C24; font-size: 75%; margin-bottom: 12px;} /* ----------- Enquiry Form ----------- */ .spacer{clear:both; height:5px;} .enquiryform {width:100%;padding:0px; margin:0px;} .labelReplacement{font-weight: bold;float: left;width: 100px;} /* ----------- Form Style ----------- */ div.cmsFormContent {margin-left:12px; width:488px; float:left; clear:both;} div.cmsFormContent div.insideCustomerenquiryPanel div.contentSection {background-color: transparent;background-image: url("/static/images/crystalbrand/contentshadowslim.png");background-position: center bottom;background-repeat: no-repeat;border: 0 none;clear: both;float: left; padding: 0 0 18px;width: 488px;} div.cmsFormContent div.insideCustomerenquiryPanel div.contentSection div.insideContentSection h2 {display:none; color:#000; clear: both; float: left; font-size: 112%; font-weight: 500; letter-spacing: 0.03em;line-height: 1.1;} div.cmsFormContent div.insideCustomerenquiryPanel div.contentSection div.insideContentSection {border-radius: 3px 3px 3px 3px;background-color:#fff; border: 1px solid #eee; clear: both;float: left;padding:5px 11px 11px 11px; width: 464px; font-size: 100%;font-style: inherit;letter-spacing: normal;margin: 0;outline: 0 none;vertical-align: baseline;} #pageform.enquiryform fieldset ul li.preferredDate div.fields label#durationsmall {margin: 13px 0 0 0; width:40px; font-weight:normal; font-size:75%;} .js #customerServices {display:none;} #pageform, #customerServices {clear:both;display:block;width:100%; float:left;margin-top:0px;} #pageform fieldset, #pageform fieldset .horizontal, #customerServices fieldset {width:100%; float:left; clear:both; border-top:solid 1px #eee; padding:12px 0px 6px 0px;} #pageform #mobilePhone, #pageform #emailAddress { width: 260px; } #pageform .field.with-note { padding-bottom: 9px; } #pageform fieldset.aboutYou {border:0px;} #pageform fieldset.additionalPreferences {border:0px; padding-top:0px;} #pageform fieldset.additionalPreferences h3 {display:none;} #pageform #submitMessageWrap, #customerServices {width:100%; float:left; clear:both;} #pageform #submitMessageWrap p, #customerServices p {font-size:75%;} #pageform label, #pageform p.labelReplacement, #customerServices label, #customerServices p.labelReplacement {display:block;text-align:left;width:182px; padding:0px 12px 0px 0px; float:left; font-weight: bold; font-size:75%;} #pageform ul, #customerServices ul {margin:0px; list-style-type:none; width:100%; float:left; clear:both; padding:0px;} #pageform ul li, #customerServices ul li {width:100%; float:left; clear:both; padding:0px 0px 9px 0px;} #pageform ul li label, #customerServices ul li label {font-weight:bold;} #pageform ul li .fields, #customerServices ul li .fields {width:264px; float:left; clear:none;} #pageform ul li input, #customerServices ul li input {width:260px; padding:0px;} #pageform .childAgeDetails input { width: 175px; } #pageform #budgetCat { width: 145px; } #pageform ul li textarea, #customerServices ul li textarea {width:260px;} #pageform ul li .fields .field, #customerServices ul li .fields .field {width:100%; float:left; clear:both; padding-bottom:6px;} #pageform ul li .fields .field label, #customerServices ul li .fields .field label {font-weight:normal; color:#000;} #pageform ul li select, #customerServices ul li select {padding:0px;} #pageform ul li.customerWho label {width:120px; margin-right:10px; padding:0px; color:#000;} #pageform ul li.customerWho label span {color:#333; font-size:93%;} #pageform ul li.customerWho .childAgeDetails label {width:100%; color:#333; font-size:70%;} #pageform ul li.preferredDate select#departure-choose {margin-top:12px;} #pageform .yui-skin-sam {font-size:75%;} #pageform fieldset h3 {padding:0px 0px 12px 0px; font-size:87%; font-weight:bold; color:#000;} #pageform ul li.houseNumber .fields input, #pageform ul li.postcode .fields input, #pageform ul li.whereGoing .country input, #pageform ul li.whereGoing .resort input {width:180px;} #pageform ul li label span.optional, #customerServices ul li label span.optional, #pageform ul p.labelReplacement span.optional, #customerServices ul p.labelReplacement span.optional, #pageform.enquiryform fieldset p.optionalInfo {color:#666; font-size:100%; font-weight: normal;} #pageform.enquiryform p.optionalInfo {font-size:70%; width:100%; float:left; clear:both; display:none;} /*#pageform.enquiryform h3 {display:none;}*/ /******************** Merchandising ********************/ #page .merchandisingContent {width:660px; display:inline; clear:both; float:left; margin-left:12px;} #page #content .merchandisingContent {margin-left:0px;} #page .merchandisingContent .contentSection h2 span {color:#ED1C24;} #page .merchandisingListHolder {background-color:#fff; background: url(/static/images/crystalbrand/accombottom.gif) center bottom no-repeat; border: 0 none; float: left; width:636px; clear: both; padding: 0 0 15px; margin: 0; overflow: hidden;} #page .merchandisingListHolder .insideMerchandisingListHolder {margin-top:12px; background-color: #FFF; border: 1px solid #EEE; float: left; clear: both; padding: 4px; width: 626px;} #page .merchandisingListHolder .insideMerchandisingListHolder .headingText {border-radius: 3px 3px 3px 3px; background-image: url(/static/images/crystalbrand/greyfadestripe.gif); background-position: right top; background-repeat: repeat-y; float: left; clear: both; width: 100%;} #page .merchandisingListHolder .insideMerchandisingListHolder .headingText h3 {font-size:87%; background-position: left center; background-repeat: no-repeat; padding:9px 0 9px 12px;} #page .merchandisingListHolder ul.merchandisingList {float: left; clear: both; list-style: none; margin: 4px 0 0; padding: 0;} #page .merchandisingListHolder ul.merchandisingList li.onePackage {border: 1px solid #E0E2E1; float: left; margin-bottom:6px; padding: 6px; width: 612px;} #page .merchandisingListHolder ul.merchandisingList li.onePackage p.location {float: left; font-size:75%; padding-bottom:0px; width:100%; clear:both;} #page .merchandisingListHolder ul.merchandisingList li.onePackage p.location a { font-weight: normal;text-decoration: none;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .packageInfo {width:456px; float:left; clear:both; margin-right:12px; } #page .merchandisingListHolder ul.merchandisingList li.onePackage .locationImageHolder {float:left; width:82px; margin-right:10px; padding-top:1px;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .locationImageHolder .locationImage {float:left; clear:both; width:80px; height:60px; border:solid 1px #eee; overflow: hidden;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .locationImageHolder .locationImage a {width:100%; float:left; clear:both;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .accommodationName {float:left; width:364px} #page .merchandisingListHolder ul.merchandisingList li.onePackage .accommodationName .insideAccommodationName {float:left; clear:both; width:312px; margin-right:12px; } #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder {float:left; width:144px;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .locationImageHolder img {width:80px;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .accommodationName h4 {font-size:87%; margin: 0; padding: 0;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .accommodationName h4 a {text-decoration: none; color: #000;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .accommodationName .rating {width:100%; padding-bottom:0px; float:left; clear:both;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .accommodationName .priceBasis {width:100%; float:left; clear:both;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .accommodationName .priceBasis p {font-size:75%; padding: 0;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder .prices, #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder .buttonHolder {float:left; clear:both; width:100%; padding-top:3px;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .features {clear:both;width:100%;float:left;margin-top:10px; } #page .merchandisingListHolder ul.merchandisingList li.onePackage .features .featuresInfo {width:100%; float:left; clear:both;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .features .featuresInfo ul {width:100%; float:left; clear:both; padding:0px;font-size:75%;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .features .offers {float:left; clear:both;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .features .offers ul li {clear:none;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .features .offers ul li .insideOffer h3 {color:#000000; font-size:70%; padding:0; width:100%;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .productTypes {width:40px; padding-top:1px; float:left;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .buttonHolder {float: left;width: 140px;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .buttonHolder p.go a {font-size: 75%;} #page.contentPageTopLevel .merchandisingListHolder ul.merchandisingList li.onePackage .features .offers ul li {width:100px;} /* Content pages - lower levels*/ #page.dealsSection .merchandisingContent, #page.contentPageLowerLevels .merchandisingContent {width:464px;} #page.dealsSection .merchandisingListHolder, #page.contentPageLowerLevels .merchandisingListHolder {width:464px;} #page.dealsSection .merchandisingListHolder .insideMerchandisingListHolder, #page.contentPageLowerLevels .merchandisingListHolder .insideMerchandisingListHolder {width:454px;} #page.dealsSection .merchandisingListHolder ul.merchandisingList li.onePackage, #page.contentPageLowerLevels .merchandisingListHolder ul.merchandisingList li.onePackage {width:440px;} #page.dealsSection .merchandisingListHolder ul.merchandisingList li.onePackage .packageInfo, #page.contentPageLowerLevels .merchandisingListHolder ul.merchandisingList li.onePackage .packageInfo {width:284px;} #page.dealsSection .merchandisingListHolder ul.merchandisingList li.onePackage .accommodationName, #page.contentPageLowerLevels .merchandisingListHolder ul.merchandisingList li.onePackage .accommodationName {width:192px;} #page.dealsSection .merchandisingListHolder ul.merchandisingList li.onePackage .accommodationName .insideAccommodationName, #page.contentPageLowerLevels .merchandisingListHolder ul.merchandisingList li.onePackage .accommodationName .insideAccommodationName {width:140px;} #page.dealsSection .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder, #page.contentPageLowerLevels .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder {width:144px;} #page.dealsSection .merchandisingListHolder ul.merchandisingList li.onePackage .features .offers ul li, #page.contentPageLowerLevels .merchandisingListHolder ul.merchandisingList li.onePackage .features .offers ul li {width:90px;} /*price includes js off version*/ /*****************Content pages bottom area to go after the merchandising lists!**********************/ #page.contentPage .contentBottomArea {width:660px; display:inline; clear:both; float:left; margin-left:12px; } /*Slim versions for lower level content pages*/ #page.contentPageLowerLevels .contentBottomArea {width:464px; margin-left:0px;} #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection .freeText .guideToBook {font-size:130%} /**************************Tooltip underlines********************************/ #page #contentHeader .introduction .insideIntroduction .introText .accommodationOptions ul li.print a, #page #content ul.columns li.col2 ul.features li a span, #page #contentHeader .introduction .insideIntroduction .introText p.printThis a, #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice h3 a, #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder h5 a {background-position:bottom left; background-repeat:repeat-x; text-decoration:none; cursor:pointer; font-weight:normal; background-image:url(/static/images/crystalbrand/tooltipunderline.gif); color:#0166B1; } #page #contentHeader .introduction .insideIntroduction .introText .accommodationOptions ul li.print a:hover, #page #content ul.columns li.col2 ul.features li a:hover span, #page #contentHeader .introduction .insideIntroduction .introText p.printThis a:hover, #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice h3 a:hover, #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder h5 a:hover {background-image:none; } /*End tooltip underlines*/ /***************************Curved block holders with drop shadows********************************************/ #page #content ul.columns li.col1, #page #content ul.columns li.col2, #page.errorPage #content .errorMessage, #page.destinations #content.destinationsListLevelContent .insideContent .region, #page #contentNavigation, #page.destinations #content .deals, #page #content .resortListHolder, #content ul.destinationPageList li.groupHeader, #page.dealsPage .endText, #page.contentPage #content .mainContent .contentSection, #page.roomsPage .inside #content .bookingBody .accommodationInformation, #page.contentPage .contentBottomArea .howToBook, #page.contentPage .inside .cmsPageContent .contentBottomArea .mainContent .contentSection, #page.contentPageTopLevel .contentBottomArea .contentSection, #page.contentPageLowerLevels.dealsSection .dealsContent .contentSection, #page.contentPageLowerLevels #content .mainContent .contentSection.fullWidth {width:660px; /*background-image:url(/static/images/crystalbrand/contentshadowwide.png);*/ background-repeat:no-repeat; background-position:center bottom; float:left; clear:both; padding:0px 0px 24px 0px; margin:0px; overflow:visible; border:0px; background-color:transparent; } #page #content ul.columns li.col1 .insideCol1, #page #content ul.columns li.col2 .insideCol2, #page.selectedAccommodation #content ul.columns li.col1 .boardBasisInformation .insideBoardBasisInformation, #page.selectedAccommodation #content ul.columns li.col1 .accomInformation .insideAccomInformation, #page.errorPage #content .errorMessage .insideErrorMessage, #page.destinations #content.destinationsListLevelContent .insideContent .region .insideRegion, #page #contentNavigation .insideContentNavigation, #page #content .resortListHolder ul.destinationsResortList, #page.dealsPage .endText .list3Col, #page.contentPage #content .mainContent .contentSection .insideContentSection, #page.contentPage .merchandisingContent .contentSection .insideContentSection, #page.roomsPage .inside #content .bookingBody .accommodationInformation .insideAccomInfo, #page.contentPage .contentBottomArea .howToBook .insideContentSection, #page.contentPage .inside .cmsPageContent .contentBottomArea .mainContent .contentSection .insideContentSection, #page.contentPageTopLevel .contentBottomArea .contentSection .insideContentSection, #page .inside #content .bookingButtons .insuranceInformation .insideInsuranceInformation, #page.contentPageLowerLevels.dealsSection .dealsContent .contentSection .insideContentSection, #page.destinations .contentSection .insideContentSection, #page.contentPageLowerLevels #content .mainContent .contentSection.fullWidth .insideContentSection {width:636px; padding:11px; border:solid 1px #eee; float:left; clear:both; background-color:#fff; } #page.roomsPage .inside #content .bookingBody .accommodationInformation .insideAccomInfo .block {width:100%; padding:12px 0px 0px 0px;} #page .inside #content .bookingButtons .insuranceInformation .insideInsuranceInformation {padding:11px 11px 11px 36px; width:612px;} #page.selectedAccommodation #content ul.columns li.col1, #page.contentPage #content .mainContent .contentSectionNoEdge {background-image:none; padding:0px 0px 0px 0px; width:auto; } #page.contentPage #content .mainContent .contentSectionNoEdge .insideContentSection {padding:0px 12px 12px 12px; border:0px; } #page.selectedAccommodation #content ul.columns li.col1 .insideCol1 {width:100%; padding:0px; border:0px; background-color:transparent; } /***********Slim versions of the curved corner with drop shadow block*************/ #page.contentPageLowerLevels #content .mainContent .contentSection, #page.contentPageLowerLevels .merchandisingContent .contentSection, #page.dealsPage #content ul.dealsResults li, #page.contentPageLowerLevels .contentBottomArea .howToBook, #page.contentPageLowerLevels .contentBottomArea .contentSection {width:488px; background-image:url(/static/images/crystalbrand/contentshadowslim.png); background-repeat:no-repeat; background-position:center bottom; float:left; clear:both; padding:0px 0px 18px 0px; margin:0px; overflow:visible; border:0px; background-color:transparent; } #page.contentPageLowerLevels #content .mainContent .contentSection .insideContentSection, #page.contentPageLowerLevels .merchandisingContent .contentSection .insideContentSection, #page.dealsPage #content ul.dealsResults li .insideResult .insideResultContent, #page.contentPageLowerLevels .contentBottomArea .howToBook .insideContentSection, #page.contentPageLowerLevels .contentBottomArea .contentSection .insideContentSection {width:464px; padding:11px; border:solid 1px #eee; float:left; clear:both; background-color:#fff; } /***********************H2 blob styles***************************************/ #page.contentPage #content .mainContent .contentSection h2, #page #content ul.columns li h2, #page #content ul.columns li.col1 h2, #page #content ul.columns li.col2 .factFile .insideBlock h2 span, #page.dealsPage .endText h2, #page.dealsPage .dealsContainer h2, #page #content .region h2, #page #contentNavigation .insideContentNavigation .headerArea h2, #page.errorPage #content .errorMessage h2, #page #content .featuresContent h2, #footer .globalLinks .insideGlobalLinks .brandPromo .insideBrandPromo h2, #page.roomsPage .inside #content .bookingBody .accommodationInformation .insideAccomInfo h2, #page .merchandisingContent .contentSection h2, #page.contentPage .contentBottomArea .howToBook h2, #page.contentPageLowerLevels .contentBottomArea .howToBook h2, #page.contentPage .inside .cmsPageContent .contentBottomArea .mainContent .contentSection .insideContentSection h2, #page.contentPageTopLevel .contentBottomArea .contentSection .insideContentSection h2, #page.contentPageLowerLevels .contentBottomArea .contentSection .insideContentSection h2, #page.dealsSection #content .contentSection .insideContentSection h2, #page .howToBook .insideContentSection .contactType h3 {width:auto; margin-top:-20px; background-image:none; padding:6px 24px 6px 12px; background-color: #252a32; color:#fff; font-family: Brandon Grotesque Regular; font-size:120%; font-weight:500; letter-spacing:0.03em; float:left; clear:both; } #footer .globalLinks .insideGlobalLinks .brandPromo .insideBrandPromo h2 { display:inline; } /****************************Matching h3 styles*****************************************************/ #page #content ul.columns li .block .insideBlock h3, #page.homePage #content .mainContent .contentSection .insideContentSection .destinationsList h3, #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo h3, #page ul.destinationPageList li .locationContent h2, #page ul.destinationPageList li .locationContent h3, #page.errorPage #content .errorMessage h3, #page.contentPage #content .freeText h3, #page.dealsPage .list3Col .childColumn h3, #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd h3, #page #content .featuresContent h3, #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks h3, #page .inside #content .bookingButtons .insuranceInformation h3, #page.contentPage #content p.introCopy strong {font-size:87%; color:#000; font-weight:bold; padding:0px 0px 6px 0px; width:100%; clear:both; border:0px; } #page.contentPage #content p.introCopy strong {font-size:116%;} #content .freeText table + h3 {margin-top: 10px; display: inline-block;} #page.dealsPage #searchResultsFilters h2 {font-size:87%;} #page #content ul.columns li.col1 .block .insideBlock h3 {font-size:136%; } /* Primary buttons */ #page .inside #content .bookingButtons ul.nextLinks li a, #page .inside #content .bookingButtons ul.nextLinks li input, .boardBasisOptions .insideBoardBasisOptions ul.boardBasisContent li .bookNow p a, #tools #summaryPanel .searchAgain p a, .searchPanel .submit-container input, .searchAgainPanel p a, #page #contentNavigation .insideContentNavigation p.viewAll a, #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd p.goButton a, #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice .bookNow p a, #page .inside #content .bookingButtons ul.nextLinks li a, #voucherStrip .voucherWrapper a.button, #page.contentPage .inside #content.exclusiveOffers .contentSection .headers a.button, #page.contentPage .inside #content .contentSection .freeText a.button, #page.contentPage .howToBook .insideContentSection .contactType .button, #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow input.submit, #page.contentPage .cmsFormContent #pageform.enquiryform form input#form-submit, .enquiryform form input.form-submit, #page.logInPage #content .signIn .signInForm .submitField input, .siteNav #megaMenu .insideMegaMenuPanel a.moreLink, #pageform.enquiryform fieldset #form-submit, #page .merchandisingListHolder ul.merchandisingList li.onePackage .buttonHolder p.go a, #homePromotions.many #tabs .promoType1 .overlayContent p.action a, #page.payBalancePage #content .continue p a, #page.payBalancePage #content .continue input, .homepageTabs .buttons input, .homepageTabs .goButton a, .homepageSnowReports .goButton a, .altButton, #pageform.js-on-contactForm #formSubmit, #pageform #formSubmit, #pageform.brochure-order .buttons input, #pageform.email-signup .buttons input, #page.contentPage #content .mainContent .freeText p.action a, #page .inside #content .crystalBrand .btn-primary, #page.homePage #content .dealsHomeSection .insideContentSection .insideColumn .dealsHome p.goButton a, .searchPanel .primaryBtn, #whosGoingContainer .btn-primary {float:right; overflow:visible; width:auto; cursor:pointer; outline:none; display:block; background-color: #e40046; color:#fff; font-family: inherit; font-size: 87%; font-weight:bold; border:0px; text-decoration:none; line-height:1.2; padding:6px 23px 6px 12px; background-image:url(/static/images/crystalbrand/generalicons/arrow-sprite.png); background-position: right -335px; background-repeat:no-repeat; } #page.payBalancePage #content .continue p a.logOut {background-image:none; padding:6px 12px;} #page.contentPage #content .mainContent .freeText p.action a {font-size: 100%; margin-top: 10px;} #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow input.submit {float:left;} #page .inside #content .bookingButtons ul.nextLinks li a:hover, #page .inside #content .bookingButtons ul.nextLinks li input:hover, .boardBasisOptions .insideBoardBasisOptions ul.boardBasisContent li .bookNow p a:hover, #tools #summaryPanel .searchAgain p a:hover, .searchPanel .submit-container input:hover, .searchAgainPanel p a:hover, .homepageTabs .buttons input:hover, .homepageTabs .goButton a:hover, .homepageSnowReports .goButton a:hover, #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd p.goButton a:hover, #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice .bookNow p a:hover, #page .inside #content .bookingButtons ul.nextLinks li a:hover, #voucherStrip .voucherWrapper a.button:hover, #page.contentPage .howToBook .insideContentSection .contactType .button:hover, #page.contentPage .inside #content.exclusiveOffers .contentSection .headers a.button:hover, #page.contentPage .inside #content .contentSection .freeText a.button:hover, #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow input.submit:hover, #page.contentPage .cmsFormContent #pageform.enquiryform form input#form-submit:hover, #page.logInPage #content .signIn .signInForm .submitField input:hover, .siteNav #megaMenu .insideMegaMenuPanel a.moreLink:hover, #pageform.enquiryform fieldset #form-submit:hover, #page .merchandisingListHolder ul.merchandisingList li.onePackage .buttonHolder p.go a:hover, #homePromotions.many #tabs .promoType1 .overlayContent p.action a:hover, #page.payBalancePage #content .continue p a:hover, #page.payBalancePage #content .continue input:hover, #page .inside #content .crystalBrand .btn-primary:hover { color:#252a32; background-image:url(/static/images/crystalbrand/generalicons/arrow-sprite.png); background-position: right -84px; } #page.payBalancePage #content .continue p a.logOut:hover {background-image:none;} #pageform.email-signup .buttons { text-align: right; } #pageform.email-signup .buttons input { float: none; display: inline-block; } /* (secondary) buttons */ #page #content ul.columns li .block .insideBlock p.moreAboutTheSkiing {font-size:100%; margin-top:6px;} #page.homePage #content .dealsHomeSection .insideContentSection .insideColumn .dealsHome p.goButton a { background-position: right -335px; font-size: 100%; padding-right: 30px; margin-right: 10px; margin-top: 4px; } #page #content ul.columns li .block .insideBlock .abilitiesRatings p.viewAll a, #page .sort .goButton input.go, #page .inside #contentHeader .introduction .insideIntroduction .introText h2 .printThis a, #page #content ul.columns li .block .insideBlock p.moreAboutTheSkiing a, #page .inside #contentHeader .introduction .insideIntroduction .introText h2 .printThis a, #page.payBalancePage fieldset.whatCard .paymentType .paymentSelection .recalculate input, #page .altButton, .brochure-order #findAddressPanel input[type="button"], #pageform.email-signup #findAddressPanel .buttons input, #page #contentNavigation .insideContentNavigation p.viewAll a {background-color:#84329b; font-size:70%; background-image:url(/static/images/crystalbrand/generalicons/arrow-sprite.png); background-position: right -336px; background-repeat:no-repeat; cursor:pointer; font-weight:bold; padding:6px 23px 6px 12px; color:#fff; border:0px; text-decoration:none; line-height:1.2; } #page .sort .goButton input.go {padding:4px 6px;} #page .inside #content .bookingButtons ul.nextLinks li.printQuote a, #page .inside #content .bookingButtons ul.nextLinks li.printNow a, #page .inside #contentHeader .introduction .insideIntroduction .introText h2 .printThis a {background-color: #0166B1; background-image: none; color:#fff;font-size: 81%; font-weight: bold; padding: 6px 18px; text-decoration: none;} #page .inside #contentHeader .introduction .insideIntroduction .introText h2 .printThis a {font-size:87%;} #page #content ul.columns li .block .insideBlock .abilitiesRatings p.viewAll a:hover, #page .sort .goButton input.go:hover, #page .inside #contentHeader .introduction .insideIntroduction .introText h2 .printThis a:hover, #page #content ul.columns li .block .insideBlock p.moreAboutTheSkiing a:hover, #page .inside #contentHeader .introduction .insideIntroduction .introText h2 .printThis a:hover, #page #contentNavigation .insideContentNavigation p.viewAll a:hover, #page #content .altButton:hover, #pageform.brochure-order #findAddressPanel .buttons input:hover, #pageform.email-signup #findAddressPanel .buttons input:hover { color: #252a32; } #page #content ul.columns li .block .insideBlock .abilitiesRatings p.viewAll a, #page #content ul.columns li .block .insideBlock p.moreAboutTheSkiing a, #page #contentNavigation .insideContentNavigation p.viewAll a { width:auto; font-size:100%; } #page #content ul.columns li .block .insideBlock .abilitiesRatings p.viewAll a:hover, #page #content ul.columns li .block .insideBlock p.moreAboutTheSkiing a:hover, #page #contentNavigation .insideContentNavigation p.viewAll a:hover { background-image:url(/static/images/crystalbrand/generalicons/arrow-sprite.png); background-position: right -85px; } #page #content ul.columns li .block .insideBlock p.moreAboutTheSkiing a {font-size:100%;} /*************Ratings********************/ #page .rating p { font-size:75%; padding:0; } #page .rating p.rating { width:120px; height:12px; float:left; clear:both; background-repeat:no-repeat;background-image:url(/static/images/crystalbrand/ratings/ratings-sprite.png); } #page .rating .rating a { width:120px; height:12px; display:block; float:left; } #page .rating .rating span { font-size:0; line-height:0; width:0; height:0; overflow:hidden; margin-left:-3000px; } #page .rating h4.rating { width:120px; height:15px; float:left; clear:both; background-repeat:no-repeat; background-position:center left; } #page .rating .rating5 { background-position: 0 -96px; } #page .rating .rating4half { background-position: 0 -84px; } #page .rating .rating4 { background-position: 0 -72px; } #page .rating .rating3half { background-position: 0 -60px; } #page .rating .rating3 { background-position: 0 -48px; } #page .rating .rating2half { background-position: 0 -36px; } #page .rating .rating2 { background-position: 0 -24px; } #page .rating .rating1half { background-position: 0 -12px; } #page .rating .rating1 { background-position: 0 0; } /******************Price panels general*********************/ #page.dealsPage #content ul.dealsResults li .bodyPanel .price {width:204px; } #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice, #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice .prices {width:100%; float:left; clear:both; } #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice .prices {padding-bottom:12px; } #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice .prices {padding-bottom:15px; } #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice h3, #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder h5 {font-weight:bold; font-size:87%; color:#000; padding:0px; width:100%; clear:both; border:0px; } #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice h3 a, #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder h5 a {font-weight:normal; font-size:81%; } #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice .prices p, #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder .prices p {color:#000; font-size:70%; width:100%; clear:both; padding:0px; } #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice .prices p.internetDiscount span, #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder .prices p.internetDiscount span {font-weight:bold; color:#333;} /*Making prices change size when sort by total party price */ #page.dealsPage #content ul.dealsResults li .bodyPanel .price .sortByAdult .prices p.adultPrice, #page.dealsPage #content ul.dealsResults li .bodyPanel .price .sortByTotal .prices p.totalPartyPrice, #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder .prices p.adultPrice {font-weight:bold;} #page.dealsPage #content ul.dealsResults li .bodyPanel .price .sortByAdult .prices p.adultPrice .number, #page.dealsPage #content ul.dealsResults li .bodyPanel .price .sortByTotal .prices p.totalPartyPrice .number, #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder .prices p.adultPrice .number {font-size:250%; color:red; line-height:1; font-weight:bold;} /* start personPrice test */ .prices p.personPrice {font-weight:bold;display:block;} .prices p.adultPrice { display:none; } .sortByTotal .prices p.totalPartyPrice .number, .sortByAdult .prices p.personPrice .number, #page.dealsPage #content ul.dealsResults li .bodyPanel .price .insidePrice .prices p.personPrice .number, #page .merchandisingListHolder ul.merchandisingList li.onePackage .priceHolder .prices p.personPrice .number {font-size:250%; color:red; line-height:1; font-weight:bold;} /* end personPrice test */ /******************************************************************************************************************/ /********************************************** SITE-WIDE - MULTI BROCHURES ***************************************/ /******************************************************************************************************************/ /**************************Multi brochures******************************/ /********General*********/ #page #content ul.columns li .block p.promotionItem, #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd p.promotionItem, #page.dealsPage #content ul.dealsResults li .bodyPanel p.promotionItem, #page .merchandisingListHolder ul.merchandisingList li.onePackage .productTypes .promotionItem, #page .merchandisingListHolder ul.merchandisingList li.onePackage .productTypes .promotionItem a, #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd p.promotionItem a, #page.dealsPage #content ul.dealsResults li .bodyPanel p.promotionItem a, #page #content ul.columns li .block p.promotionItem a, #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd p.promotionItem a, #page.dealsPage #content ul.dealsResults li .bodyPanel p.promotionItem a, #whosGoingContainer .packageInfo .productTypes .promotionItem a {width:auto; float:left; padding:0px; } #page #content ul.columns li .block p.promotionItem {width:55px; margin-right:12px; } #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd p.promotionItem, #page.dealsPage #content ul.dealsResults li .bodyPanel .heading p.promotionItem {margin-top:-24px; } #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd p.promotionItem a, #page.dealsPage #content ul.dealsResults li .bodyPanel .heading p.promotionItem a {clear:both; padding-left:32px; padding-top:25px; background-position:top left; background-repeat:no-repeat; } #page #content ul.columns li .block p.promotionItem a, #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd p.promotionItem a, #page.dealsPage #content ul.dealsResults li .bodyPanel p.promotionItem a, #whosGoingContainer .packageInfo .productTypes .promotionItem a, #page .merchandisingListHolder ul.merchandisingList li.onePackage .productTypes .promotionItem a {clear:both; background-position:top left; background-repeat:no-repeat; } #page #content ul.columns li .block p.promotionItem a {width:50px; height:38px; padding:0; } #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd p.promotionItem a, #page.dealsPage #content ul.dealsResults li .bodyPanel p.promotionItem a, #whosGoingContainer .packageInfo .productTypes .promotionItem a, #page .merchandisingListHolder ul.merchandisingList li.onePackage .productTypes .promotionItem a {width:32px; padding:24px 0 0; } #page.selectedAccommodation .inside #content .boardBasisOptions .heading h3 a {width:161px; } #page #content ul.columns li .block p.promotionItem a span, #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd p.promotionItem a span, #page.dealsPage #content ul.dealsResults li .bodyPanel p.promotionItem a span, #page .merchandisingListHolder ul.merchandisingList li.onePackage .productTypes .promotionItem a span, #whosGoingContainer .packageInfo .productTypes .promotionItem a span {position:absolute; left:-3000px; width:auto; float:left; display:inline; } /********Special properties - new way to accommodate luxury and riders lodge*********/ #page.dealsPage #content ul.dealsResults li.specialProperty .insideResult, #page .merchandisingListHolder ul.merchandisingList li.specialProperty, #page.contentPage #content .hotelsListHolder ul.hotelsList li.specialProperty {background-position:top left; background-repeat:repeat-x; } #content ul.destinationPageList li.specialProperty .locationImageHolder, #recentlyViewed ul li.specialProperty .imageHolder, #page .merchandisingListHolder ul.merchandisingList li.specialProperty .locationImageHolder, #page.contentPage #content .hotelsListHolder ul.hotelsList li.specialProperty .photo {position:relative; } #content ul.destinationPageList li.specialProperty .locationImageHolder .marker, #page #content .specialProperty .mediaPanelHolder .insideMediaPanel .ui-tabs .marker, #recentlyViewed ul li.specialProperty .marker, #content ul.destinationPageList li.specialProperty .locationImageHolder .marker, #page .merchandisingListHolder ul.merchandisingList li.specialProperty .locationImageHolder .marker, #page.contentPage #content .hotelsListHolder ul.hotelsList li.specialProperty .photo .marker {display:block; float:left; position:absolute; z-index:50; top:0px; left:0; height:45px; width:100%; background-repeat:no-repeat; background-position:top right; } #page.contentPage #content .hotelsListHolder ul.hotelsList li.specialProperty .locationContent {padding-top:20px; background-repeat:no-repeat; background-position:top left; margin-top:-20px; } .searchResultsTools #recentlyViewed ul li.specialProperty .marker {height:15px; } #page.dealsPage #content ul.dealsResults li.specialProperty .insideResult .insideResultContent {background-position:top right; background-repeat:no-repeat; padding-top:25px; background-color:transparent; } #page #contentNavigation .insideContentNavigation ul.accommodationGroups li ul.accommodationsPerRating li.specialProperty p a:hover {color:#ed1c24; } #page #content .specialProperty .mediaPanelHolder .insideMediaPanel .marker {background-image:none; } #recentlyViewed ul li.specialProperty .marker, .searchResultsTools #recentlyViewed .insideRecentlyViewed ul li.specialProperty .marker {background-position:top right; background-repeat:no-repeat; height:20px;} #page #contentNavigation .insideContentNavigation ul.accommodationGroups li ul.accommodationsPerRating li.specialProperty p {background-position:0px 3px; background-repeat:no-repeat; width:auto; color:#000; background-color:transparent; padding-left:42px;} #page.destinations .inside #accomPage #contentHeader.specialProperty .introText {padding:0 0 0 55px; background-repeat:no-repeat; background-position:top left;} /*Special properties - luxury*/ #page.dealsPage #content ul.dealsResults li.luxury .insideResult, #page .merchandisingListHolder ul.merchandisingList li.luxury, #page.contentPage #content .hotelsListHolder ul.hotelsList li.luxury {background-color:#ccc;} #content ul.destinationPageList li.luxury .locationImageHolder .locationImage, #recentlyViewed ul li.luxury .image, .searchResultsTools #recentlyViewed ul li.luxury .image, #page.contentPage #content.luxury .hotelsListHolder ul.hotelsList li .contentImageHolder, #page.contentPage #content .hotelsListHolder ul.hotelsList li.luxury .contentImageHolder, #page #content ul.destinationPageList li.luxury .locationImageHolder .locationImage, #page .merchandisingListHolder ul.merchandisingList li.luxury .locationImageHolder .locationImage, #page.contentPage #content .hotelsListHolder ul.hotelsList li.luxury .photo img {border:solid 1px #333; } #content ul.destinationPageList li.luxury .locationImageHolder .locationImage a, #recentlyViewed ul li.luxury .image a, #page.contentPage #content.luxury .hotelsListHolder ul.hotelsList li .contentImageHolder .contentImage, #page.contentPage #content .hotelsListHolder ul.hotelsList li.luxury .contentImageHolder .contentImage, #recentlyViewed .insideRecentlyViewed ul li.luxury .image, #page .merchandisingListHolder ul.merchandisingList li.luxury .locationImageHolder .locationImage, #page.contentPage #content .hotelsListHolder ul.hotelsList li.luxury .photo {background-color:#333; } #page.destinations .inside #accomPage #contentHeader.luxury .introText {background-image:url(/static/images/crystalbrand/luxuryaccomicon.png);} #page.contentPage #content.luxury ul.hotelsList li .locationContent, #page #content .luxury .mediaPanelHolder .insideMediaPanel .ui-tabs .marker, #page #content ul.searchResults li.luxury .bodyPanel .imageHolder .marker {background-image:url(/static/images/crystalbrand/luxurytag.png); } #content ul.destinationPageList li.luxury .locationImageHolder .marker, #page.contentPage #content .hotelsListHolder ul.hotelsList li.luxury .locationContent, #page.dealsPage #content ul.dealsResults li.luxury .insideResult .insideResultContent, #page .merchandisingListHolder ul.merchandisingList li.luxury .locationImageHolder .marker {background-image:url(/static/images/crystalbrand/luxurytagsmall.png); } #recentlyViewed ul li.luxury .marker, #page.contentPage #content .hotelsListHolder ul.hotelsList li.luxury .photo .marker, .searchResultsTools #recentlyViewed .insideRecentlyViewed ul li.luxury .marker {background-image:url(/static/images/crystalbrand/luxurytagtiny.png);} #page #contentNavigation .insideContentNavigation ul.accommodationGroups li ul.accommodationsPerRating li.luxury p {background-image:url(/static/images/crystalbrand/luxurytagtinyblack.png);} #page.confirmationPage ul.bookingFlowList li.luxury .insideListItem, #page.dealsPage #content ul.dealsResults li.luxury .insideResult, #page .merchandisingListHolder ul.merchandisingList li.luxury, #page.contentPage #content .hotelsListHolder ul.hotelsList li.luxury {background-image:url(/static/images/crystalbrand/luxurygradient.gif); } /*Content pages, collate al's styles and then sort this out*/ #page.contentPage .inside #contentHeader.luxury .introduction .insideIntroduction .introText h1 {background:#000; font-weight:100; } #page.contentPage .inside #contentHeader.luxury .introduction .insideIntroduction .introText p { font-size:120%; font-style:normal; color:#000; } #page.contentPage .inside #contentHeader.luxury .introduction .insideIntroduction .introText p a {color:#555; } #page.contentPage #content.luxury .mainContent .contentSection .insideContentSection h2 { font-weight:100; font-style:normal; font-size:130%; background:#000; letter-spacing:0.02em; } #page.contentPage #content.luxury .mainContent .contentSection .insideContentSection h2 strong {font-weight:500; color:#fff; } #page.contentPage #content.luxury a {color:#999; } #page.contentPage #content .hotelsListHolder ul.hotelsList li.luxury .insideContentList .locationContent {background-image:url(/static/images/crystalbrand/fineststripe.gif); background-position:top right; background-repeat:repeat-y; } #page.contentPage #content .hotelsListHolder ul.hotelsList li.luxury .insideContentList .locationContent h4 a {width:397px; padding-right:72px; background-image:url(/static/images/crystalbrand/thefinest.png); background-position:385px 8px; } #page.contentPageLowerLevels #content .hotelsListHolder ul.hotelsList li.luxury .insideContentList .locationContent h4 a {width:229px; background-position:217px 8px; } #page.contentPage #content .mainContent .linksBar ul li.luxury h3 a {background-color:#000; background-image:none; } #page.contentPage #content .mainContent .linksBar ul li.luxury h3 a span {color:#fff; background-image:url(/static/images/crystalbrand/generalicons/linkarrowwhite.png); } /*End content pages*/ /*And sort this out*/ /* 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 /*{background:#000; background:-webkit-gradient(linear, 100% 0%, 0% 0%, from(#000000), to(#000000), color-stop(.9,#666666),color-stop(.7,#000000),color-stop(.3,#000000),color-stop(.1,#666666)); background: -moz-linear-gradient(0% 0% 0deg,#000000, #000000, #666666 15%,#000000 30%,#000000 70%,#666666 85%,#000000 100%);}*/ {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.contentPage #content .mainContent .linksBar ul li h3 a:hover, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxHover a, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxClicked a, #page.contentPage #content .mainContent .linksBar ul li.luxury h3 a:hover, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxHover a, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxClicked a {background:none; background-color:#005959; color:#fff; } #page.contentPage #content .mainContent .linksBar ul li h3 a:hover span, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxHover a span, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxClicked a span, #page.contentPage #content .mainContent .linksBar ul li.luxury h3 a:hover span, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxHover span, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxClicked span {background-image: url(/static/images/crystalbrand/generalicons/linkarrowwhite.png); background-position:center right; background-repeat:no-repeat; color:#fff; } /*Snow Extras iFrame*/ #page.contentPage .inside #content.snowReports .mainContent .contentSection .insideContentSection iframe{position:relative;left:-5px;margin-bottom:5px;width:640px;height:620px;} /*End Snow Extras iFrame*/ /******************************************************************************************************************/ /********************************************** SITE-WIDE - FEATURES AND OFFERS ***********************************/ /******************************************************************************************************************/ /******************************** Feature icons ****************************************/ /*Features general*/ #page #content ul.columns li.col2 ul.features {list-style-type:none; width:100%; padding:0px 0px 0px 0px; float:left; clear:both ; } #page #content ul.columns li.col2 ul.features li {background: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QTkzM0RCNTZDQkQxMUUzODYzMkQwNjZEQkNFRjkzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QTkzM0RCNjZDQkQxMUUzODYzMkQwNjZEQkNFRjkzMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlBOTMzREIzNkNCRDExRTM4NjMyRDA2NkRCQ0VGOTMwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlBOTMzREI0NkNCRDExRTM4NjMyRDA2NkRCQ0VGOTMwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+tg7kLAAAAoNJREFUeNpiZIiMZMAC2IDYB4iFgZgTiP8D8S8oDcKvgXgbVAwFsGAxzBuIVYB4BRC/ZMAOxIE4E4jvAvEWZAlGJBcyA3EWEB9lKHU6x0AM6N5nBCStgXgaEP8FCTEhSScB8WqiDWNgMAeqfQrWA9HLgGygLxCfBCp4QYxJcUKq9uyMzEfZGJl0oXpOQs0AGwiKAEWgxCViDEsT1mA59e31RmV23je//v/bAxUG6VUCmQUyMBCIVxLpTYbHv7+uvf3zI78Gh0AsmhQoEoOYoEnjJTGGxQqp+O79/MzPnEvs9LoPD3ajSYPMEAYZ+A9JEBTTWji8ynH068vlHExM/8RYOIJw2PmXCRbdINApZVbIxMB4Ech0Qld579fn7fd+fua24BJbsuHjwyc4DPzHhJzanXmlLnnxyzKzMjKthyZuMIgSVI468OW5gwwr9zdgGKbgCxYm5LRocnPDrgxhza3AJMHLxsi8AyjED/Qq35GvL+f9+f+PwYhLuPz6jw+/8ZkHMkwAWUSClTM7Q0Tj96//f5WBhq678fPDvke/vrDrcQo93vTx0RQC8cYFMhCUMCWRXPkoWECxUY2dnwFoqNOhLy+MgQmYQZGNN5KAYSAzXoAMXAvEMcgywDDsLRbTfcwIy2PcYoc3fnx4lFAGApkFi5TbwIyuh+TKn8ZcIik+/HIMgszsf3mZWEMIGAbSexOIfzIz6OqCBG4AsT/DsftPGawVv4AEZr29cXeKrJWELBv3bCD7MJ4SRwKUQIB4KbbiqxiIdwPz9Xkiiy9DIOkGxD2w9MyIpcQGlRpi0IITXwHrAy25NxEqsTdDS6AAIBaB2vwfXiBDfPIGiBdjqwIAAgwApCTBryO5P2sAAAAASUVORK5CYII=) no-repeat; float: left; padding: 3px 10px 10px 25px; font-size: 0.8em; margin: 10px 0px; width:auto; margin-right: 10px;} #pageHolder #page #content ul.columns li.col2 ul.features li a {background-image:none;color:#0166b1;text-decoration:underline;clear:none; float:left; margin:0; display:block; padding:0px;} #pageHolder #page #content ul.columns li.col2 ul.features li a:hover {text-decoration:none;} #page #content ul.columns li.col2 ul.features li a span {background-image:none;} /******************************** Offers icons ***********************************/ #page #content .columns .featuresInfo .offers { background: #F2F2F2; padding:1em; box-sizing:border-box; overflow:hidden; } #page #content .columns .featuresInfo .offers ul { background: #fff; padding:1em; box-sizing:border-box; } #page #content .columns .featuresInfo .offers ul li * { background: #fff; /* override*/ } #page #content .columns .featuresInfo .offers ul li { padding:1em 1em 1em 3em; width: 50%; float:none; clear: none; display: inline-block; vertical-align: top; box-sizing:border-box; min-height: 1px; } #page #content .columns .featuresInfo .offers ul h3 { font-weight: bold; font-size: 100%; } #page #content ul.destinationPageList li .featuresInfo .offers ul li, #page.destinations #contentNavigation .featuresInfo .offers ul li, #page .merchandisingListHolder ul.merchandisingList li.onePackage .features .offers ul li {float:left; margin:0; width:110px; padding:3px 0 9px 40px; margin:2px 0; font-size:100%;list-style-type:none;} #page .merchandisingListHolder ul.merchandisingList li.onePackage .features .offers ul li .insideOffer > p{font-size:70%;} /* Marketable Extras - Summary panel, Search results, extras page, offers panel (sml) */ /*Deals*/ #page.dealsSection #content ul.deal li.offer a {padding-left:46px; } #page.homePage .skiDealsLinks ul.ski-deals li.offer a {padding-left:46px; width:220px;} /*********************************************SPECIFIC OFFERS AND PROMOTIONS*******************************************************/ /********************JFA DRIVEN (SUB 70 DIMENSION)*********************/ /*************************************************************** * START MOVE OF CSS FROM BRAND CRYSTAL for IE7 issue (26.02.13) * Moved from static/css/brand_crystal.css * To line 519 ***************************************************************/ /*************************** EPIC DRIVEN (EPIC DIMENSION) ********************************************/ /********************************************* END SPECIFIC OFFERS AND PROMOTIONS*******************************************************/ #page .inside #contentHeader .introduction .insideIntroduction .introText h1 .whereLocated, #page #contentHeader .introduction .insideIntroduction .introText .accommodationOptions {position:absolute; width:auto; float:left; display:inline; left:-3000px; } /******************************************************************************************************************/ /*************************************** NON-STANDARD BROWSER STYLES **********************************************/ /******************************************************************************************************************/ #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo h2.feedHeader {text-indent:-9000px; padding:0; width:100%; margin:0; height:20px; width:238px; display:block; background-color:transparent; background-repeat:no-repeat; background-position:top left; position:absolute;top: 20px; border:0px;} /**************Border radius*****************/ .cluetip-toolTip, .javaScriptOnSearch .insideSearchPanel {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #wrapper, #page #contentHeader.mediaPanelPageHeader .introduction .insideIntroduction, #page #content .opinionTable .insideBlock ul li .value, #page #content ul.columns li.col2 .twitterFeed .insideBlock, #page #content ul.columns li.col1 .specialOffers .insideBlock, #page #content ul.columns li.col1 .moneySavers .insideBlock, #page.contentPage #content .hotelsListHolder .insideHotelsList, #page.contentPage #content .hotelsListHolder .CollapsiblePanelTab, /*#page.contentPage #content .mainContent .linksBar li,*/ .contentPage #content .threeColPromo ul.inside3colPromo, /*#page.contentPage .sectionLinks .insideSectionLinks,*/ /*#page.contentPage .sectionLinks ul li a,*/ /*#page.contentPage .sectionLinks ul li h2,*/ #page.contentPage #content .subSection .inner, #page.contentPageTopLevel #content .freeText ul.ticklist, #page.homePage #content .mainContent .contentSection .insideContentSection .blogInfo, #page.homePage #content .mainContent .contentSection .insideContentSection .holidayDeals, .searchPanel fieldset .panelMessage .insidePanelMessage, #page.dealsPage .offersGallery ul.topSkiDeals li .offerAd .insideOfferAd, #page #content .earlierLater ul li, #page.searchResults .inside #content .resultsAndTools h1 .searchSummary .mainResult a.changeSearch, #page.searchResults .inside #contentHeader .introduction h1 a.changeSearch, #page.searchResults #contentHeader .introduction .insideIntroduction .introText p.yourResults a, #page.searchResults #contentHeader .introduction .insideIntroduction .introText .weHelpedYou p, #page #content ul.searchResults li .bodyPanel .imageHolder ul.imagesCounter li, #page .sort .goButton input.go, #page.searchResults .paginationArea .pagination ul, #page .inside #contentHeader .introduction .insideIntroduction .introText h2 .printThis a, #footer .globalLinks .insideGlobalLinks .brandPromo .insideBrandPromo, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .insideGalleryNavigation, #page #contentHeader .introduction .insideIntroduction .introText .feedBack ul, #page.dealsPage .offersGallery .sort .feedBack ul, .searchPanel .feedback ul, #page #content ul.columns li.col1 .insideCol1, #page #content ul.columns li.col2 .insideCol2, #page.selectedAccommodation #content ul.columns li.col1 .boardBasisInformation .insideBoardBasisInformation, #page.selectedAccommodation #content ul.columns li.col1 .accomInformation .insideAccomInformation, #page.errorPage #content .errorMessage .insideErrorMessage, #page.destinations #content.destinationsListLevelContent .insideContent .region .insideRegion, #page #contentNavigation .insideContentNavigation, #content .resortListHolder ul.destinationsResortList, #page.dealsPage .endText .list3Col, /*#page.contentPage #content .mainContent .contentSection .insideContentSection,*/ #page .merchandisingContent .contentSection .insideContentSection, /*#page.searchResults #content ul.searchResults li .insideSearchResult,*/ /*#page.contentPageLowerLevels #content .mainContent .contentSection .insideContentSection,*/ #page.dealsPage #content ul.dealsResults li .insideResult .insideResultContent, #page.dealsPage #content ul.dealsResults li .insideResult, /*#page.contentPage #content .mainContent .contentSection h2,*/ #page .merchandisingContent .contentSection h2, #page #content ul.columns li h2, #page #content ul.columns li.col1 h2, #page #content ul.columns li.col2 .factFile .insideBlock h2 span, #page.dealsPage .endText h2, #content .region h2, #page #contentNavigation .insideContentNavigation .headerArea h2, #page.errorPage #content .errorMessage h2, #page #content .featuresContent h2, #footer .globalLinks .insideGlobalLinks .brandPromo .insideBrandPromo h2, #page #searchResultsFilters ul li ul li .insideItem, #header .mainNav ul li a, #header .mainNav ul li span, #page #content ul.columns li .block .insideBlock .abilitiesRatings p.viewAll a, #page #searchResultsFilters ul li ul li .insideItem, #page #contentNavigation .insideContentNavigation ul.accommodationGroups li ul.accommodationsPerRating li p, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .pagination span, #page #content .mediaPanelHolder .insideMediaPanel ul.mediaPanelContent li.ui-tabs-panel .detailsArea .galleryNavigation .pagination a, #page .sort .goButton input.go, #page #content .moreDetailsBar, #page.contentPageLowerLevels #content .freeText .factSection, #page #content ul.columns li .block .insideBlock p.moreAboutTheSkiing a, #page.roomsPage .inside #content .bookingBody .accommodationInformation .insideAccomInfo, #page.roomsPage .inside #content .bookingBody .accommodationInformation .insideAccomInfo h2, p.videoError, #page .merchandisingListHolder .insideMerchandisingListHolder, #page .merchandisingListHolder ul.merchandisingList li.onePackage .buttonHolder p.go a, #page.contentPage .contentBottomArea .howToBook h2, #page.contentPageLowerLevels .contentBottomArea .howToBook h2, #page.contentPage .inside .cmsPageContent .contentBottomArea .mainContent .contentSection .insideContentSection, #page.contentPage .inside .cmsPageContent .contentBottomArea .mainContent .contentSection .insideContentSection h2, #page.contentPageTopLevel .contentBottomArea .contentSection .insideContentSection, #page.contentPageTopLevel .contentBottomArea .contentSection .insideContentSection h2, #page.contentPageLowerLevels .contentBottomArea .contentSection .insideContentSection h2, #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow input.submit, #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .findSnow, #page.contentPage .inside #content.snowReportsContent .mainContent .contentSection .insideContentSection .childPagesLinks .childPages .insideChildPages, #page.contentPage #content.contactUs .mainContent .contentSection .collapsibleInner, #page.contentPage #content.contactUs .mainContent .contentSection .collapsibleInner .collapsiblePanel, #page.contentPage .cmsFormContent .insideCustomerenquiryPanel h2, #page.searchResults .inside #content .searchResultsHolder .searchResultsStraplinePanel p, div.cmsFormContent div.insideCustomerenquiryPanel div.feedback ul.feedbackPanel, #homePromotions.many #tabs .promoType1 .overlayContent ul.promoList, #page.contentPage #content .freeText .ticklist, #page .merchandisingListHolder ul.merchandisingList li.onePackage, #pageHolder .insidePageHolder p.logOut a, #page .inside #content .bookingButtons .insuranceInformation .insideInsuranceInformation, #page.contentPage #content .mainContent .freeText img, #page.searchResults .inside #content .resultsAndTools .introduction, #page.searchResults .inside #content .resultsAndTools h1 .mainResult, #page.dealsSection #content .contentSection .insideContentSection, #page.dealsSection #content .contentSection .insideContentSection h2, #page.dealsSection .contentSection .insideContentSection h2, #page .howToBook .insideContentSection .contactType, #page .howToBook .insideContentSection .contactType h3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #page.searchResults #content .searchResultsTools, .searchPanel .insideSearchPanel, /*#page.contentPage #content .mainContent .linksBar ul li h3 a,*/ /*#page.contentPage #content .mainContent .linksBar ul li h3 span,*/ #page #content .mediaPanelHolder .insideMediaPanel .ui-tabs ul.mediaPanelNavigation li a, .insideSearchResultsToolsHolder, #header .mainNav ul.primaryNav li.twisty, #header .mainNav ul.primaryNav li a, #header .mainNav ul.primaryNav li span { -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; border-radius:3px 3px 0px 0px; } /*#page .inside #contentHeader .introduction,*/ #page #content .mediaPanelHolder {-moz-border-radius:3px 0px 0px 0px; -webkit-border-radius:3px 0px 0px 0px; border-radius:3px 0px 0px 0px; } #page.contentPage #content .mainContent .linksBar ul li h3 a span, #page.searchResults .paginationArea .pagination ul ul, #page.contentPage #content .mainContent .contentSectionNoEdge .insideContentSection, #page.selectedAccommodation #content ul.columns li.col1 .insideCol1, #header .mainNav ul li a span, #header .mainNav ul li span span { -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px 0px 0px 0px; } #page.contentPage #content .mainContent .contentBufferMinor {margin-bottom:120px;} #page.contentPage #content .mainContent .contentBuffer {margin-bottom: 380px;} #page.contentPage #content .mainContent .contentBufferAirline {margin-bottom: 580px;} #page.contentPage #content .mainContent .buffer-150 {margin-bottom: 150px;} #page.contentPage #content .mainContent .buffer-200 {margin-bottom: 200px;} #page.contentPage #content .mainContent .buffer-300 {margin-bottom: 300px;} #page.contentPage #content .mainContent .buffer-350 {margin-bottom: 350px;} #page.contentPage #content .mainContent .buffer-400 {margin-bottom: 400px;} #page.contentPage #content .mainContent .buffer-450 {margin-bottom: 450px;} #page.contentPage #content .mainContent .buffer-500 {margin-bottom: 500px;} #page.contentPage #content .mainContent .buffer-600 {margin-bottom: 600px;} #page.contentPage #content .mainContent .buffer-650 {margin-bottom: 650px;} #page.contentPage #content .mainContent .buffer-700 {margin-bottom: 700px;} /*******************Drop shadows************************************/ .contentPage #content .threeColPromo ul.inside3colPromo, .contentPage #content .threeColPromo ul.inside3colPromo, .cluetip-toolTip, #page #content ul.columns li .block .insideBlock .abilitiesRatings p.viewAll a, #page #content ul.columns li .block .insideBlock p.moreAboutTheSkiing a { -moz-box-shadow: 2px 2px 3px #999; -webkit-box-shadow: 2px 2px 3px #999; } #page #contentHeader .introduction .insideIntroduction .introText h1, #page #contentHeader.mediaPanelPageHeader .introduction .insideIntroduction { -moz-box-shadow: 1px 1px 3px #666;} #page #contentHeader.mediaPanelPageHeader .introduction .insideIntroduction .introText h1 {-moz-box-shadow: 0px 0px 0px transparent;} /**************Background colour transparency****************************/ #page.contentPage .sectionLinks .insideSectionLinks, #footer .globalLinks .insideGlobalLinks .brandPromo .insideBrandPromo {background-color:rgba(255, 255, 255, 0.8);} /**************************Text shadows*******************************************/ #page.contentPage .sectionLinks ul li ul li, /*#page.contentPage #content .mainContent .linksBar ul li h3*/ {text-shadow: 0 1px 0 #fff; } #page.contentPage #content .mainContent .linksBar ul li.luxury h3, #page.contentPage #content .mainContent .linksBar ul li.promotion a span, #page.contentPage #content .mainContent .linksBar ul li h3 a:hover, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxHover a, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxClicked a, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxHover span, #page.contentPage #content .mainContent .linksBar ul li h3.linkBoxClicked span, #page.contentPage #content .mainContent .linksBar ul li.luxury h3 a:hover, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxHover a, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxClicked a, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxHover span, #page.contentPage #content .mainContent .linksBar ul li.luxury h3.linkBoxClicked span {text-shadow:none; } /************** Right panel gradient background *****************/ .insideSearchResultsToolsHolder {display:inline; float:left;} /*Fancybox*/ #fancybox-close {background-image:url(/static/images/crystalbrand/generalicons/closebox.gif);} /******************************************************************************************************************/ /********************************************** HIDE THINGS! **********************************************/ /******************************************************************************************************************/ #page #contentHeader.mediaPanelPageHeader .introduction .insideIntroduction .introText .usp {display:none; } /****************************Mega menus**********************************/ #header .mainNav ul.primaryNav li {margin-right:3px; position:relative;} #header .mainNav ul.primaryNav li.twisty {border:1px solid #fff; border-bottom:0px;} #header .mainNav ul.primaryNav li.twistyOpened {border:1px solid #e9e9e9; border-bottom:solid 1px #fff;} #header .mainNav ul.primaryNav li.twisty a {padding: 5px 12px 5px 18px; background:url(/static/images/crystalbrand/generalicons/twistyopen.png) no-repeat 2px 7px; } #header .mainNav ul.primaryNav li.twisty a:hover, #header .mainNav ul.primaryNav li.twistyClosed a:hover, #header .mainNav ul.primaryNav li.twistyOpened a {background-image:url(/static/images/crystalbrand/generalicons/twistyclose.png); } #header .mainNav ul.primaryNav li.twistyClosed a {background-image:url(/static/images/crystalbrand/generalicons/twistyopen.png);} .siteNav #megaMenu { } .siteNav #megaMenu .megaMenuPanel {width:100%; float:left; clear:both; } .siteNav #megaMenu .insideMegaMenuPanel {background-color:#fff; background-repeat:repeat-x; background-image:url(/static/images/crystalbrand/megamenuverticalstripe.png); background-position: top left; padding:20px 0px 20px 0px; width:908px; float:left; clear:both; border:#e9e9e9 1px solid; margin-top:-1px; } .siteNav #megaMenu .insideMegaMenuPanel p.loading {margin-left:12px; padding:3px 0px 3px 24px; font-size:70%; color:#666; background-image:url(/static/images/unbranded/ajaxloader.gif); background-position:center left; background-repeat:no-repeat;} .siteNav #megaMenu .insideMegaMenuPanel h2 {font-size:87%; font-weight:normal; padding-left:18px;} .siteNav #megaMenu .insideMegaMenuPanel ul li a, .siteNav #megaMenu .insideMegaMenuPanel ul li a span {font-weight:normal; text-decoration:none;} /*All menu lists*/ .siteNav #megaMenu .listSection {width:221px; float:left; border-left:solid 1px #e9e9e9;} .siteNav #megaMenu .listSection ul {list-style-type:none; width:100%; float:left; clear:both; padding:0px; } .siteNav #megaMenu .listSection ul li {font-size:81%; text-align:left; padding:0px 0px 6px 18px; width:204px; float:left;} /*Images menu lists*/ .siteNav #megaMenu .imageList p {padding:0;} .siteNav #megaMenu .imageList ul li {padding-bottom:12px;} .siteNav #megaMenu .imageList ul li a {display:block; float:left; clear:both;} .siteNav #megaMenu .imageList ul li a span {padding-top:6px; float:left; width:112px;} .siteNav #megaMenu .imageList ul li img {display:block; width:58px; height:43px; border:solid 1px #e9e9e9; float:left; margin-right:12px; } /*Override widths*/ .siteNav #megaMenu .colHalf ul li {width:92px;} .siteNav #megaMenu .cols2 {width:444px;} .siteNav #megaMenu .cols3 {width:666px;} .siteNav #megaMenu .cols4 {width:888px;} /*First one - no border or padding*/ .siteNav #megaMenu .first {border:0px;} /*"All" buttons*/ .siteNav #megaMenu .insideMegaMenuPanel p.moreButton {clear:both; width:100%; padding:12px 0px 0px 0px; float:left;} .siteNav #megaMenu .insideMegaMenuPanel p.moreButton a.moreLink {clear:both; font-size:81%; margin-right:20px;} /****************************End mega menus**********************************/ /*Search results tools*/ .searchResultsTools {width:226px; float:left; } .searchResultsTools .insideSearchResultsTools {float:left; clear:both; background-color:#efefef; border:0px; padding:12px; width:202px; background-image:url(/static/images/crystalbrand/searchpanelgradient.gif); background-position:bottom left; background-repeat:repeat-x; } /*Search results search panel*/ #page.bookingPage .searchPanel {width:202px; } #page.bookingPage .insideSearchPanel {width:100%; border:0; padding:0; float:left; text-align:left; } .searchResultsTools .searchPanel .insideSearchPanel {padding-top:0px; } /*Search panel overlay version overrides*/ #page.bookingPage .javaScriptOn {width:868px; float:left; display:none; } .javaScriptOnSearch {width:892px; display:block; padding:0; position:relative; } .javaScriptOnSearch .insideSearchPanel {float:left; text-align:left; width:868px; background-image:none; } .javaScriptOnSearch .insideSearchPanel form {background-image:none; padding-top:0px; } .javaScriptOnSearch form ul {width:100%; padding-bottom:10px; } .javaScriptOnSearch form ul li {float:left; padding:0; border:0; width:202px; margin-right:12px; clear:none; } .javaScriptOnSearch form ul li .childAges ul {width:177px; padding:0; } .javaScriptOnSearch form ul li .childAges ul li {width:100%; clear:both; padding:0; padding-top:5px; } .javaScriptOnSearch .buttons {width:100%; padding-bottom:0; padding-top:10px; border:0px; } .javaScriptOnSearch .buttons .insideSearchButtons {width:100%; clear:both;} .javaScriptOnSearch .buttons .insideSearchButtons input {float: right; width: auto; padding: 10px; color: #fff;} #updateForm .javaScriptOnSearch {width:612px;} #updateForm .javaScriptOnSearch .insideSearchPanel {width:588px;} #updateForm .javaScriptOnSearch form ul {width:588px;} .no-js #updateForm .searchPanel h3 { color: #000; } /*Special product type branding footer*/ .addressContainerTrue, .addressErrorShow {display: block;} .addressContainerFalse,.hidden, .addressErrorHide {display: none;} /* Styles for #whosGoingContainer fancyBox functionality */ #whosGoingContainer { position: relative; overflow: visible; border: 1px solid #ddd; } #whosGoingContainer .searchPanelHolder, #whosGoingContainer.javaScriptOn {width:612px; height: 300px; float:left; display:none; } #whosGoingContainer .javaScriptOnSearch {width:612px; border-radius: 0; } #whosGoingContainer .javaScriptOnSearch .insideSearchPanel {width:590px; border-width: 1px 0 0; border-style: solid; border-radius: 0; } #whosGoingContainer .javaScriptOnSearch form ul {width:588px;} #whosGoingContainer .packageInfo { background: #fff; overflow: hidden; padding: 11px; text-align: left; } #whosGoingContainer .packageInfo h3 { font-size: 87%; padding: 0 0 8px; text-align: left; } #whosGoingContainer .packageInfo .dealDetails { overflow: hidden; padding: 0 11px 11px; } #whosGoingContainer .packageInfo .dealDetails p { font-size: 75%; margin: 5px 0; padding: 0; } #whosGoingContainer .packageInfo .dealDetails h3 { width:auto; margin-right:10px; padding:0; float:left; color:#333; font-size:97%; line-height:1.1; } #whosGoingContainer .packageInfo .dealDetails .rating {width:120px; float:left; padding-top:2px; } #whosGoingContainer .packageInfo .dealDetails .rating .rating {padding-top:0px; margin-top: 2px; } #whosGoingContainer .rating p {font-size:75%; padding:0; } #whosGoingContainer .rating .rating {width:120px; height:12px; float:left; clear:both; background-repeat:no-repeat;background-image:url(/static/images/crystalbrand/ratings/ratings-sprite.png); } #whosGoingContainer .rating .rating a {width:120px; height:12px; display:block; float:left; } #whosGoingContainer .rating .rating span {font-size:0; line-height:0; width:0; height:0; overflow:hidden; margin-left:-3000px; } #whosGoingContainer .rating h4.rating {width:120px; height:15px; float:left; clear:both; background-repeat:no-repeat; background-position:center left; } /* Ratings on pale bg */ /*#page .rating .rating5half {background-position: 0 -90px; }*/ #whosGoingContainer .rating .rating5 {background-position: 0 -96px; } #whosGoingContainer .rating .rating4half {background-position: 0 -84px; } #whosGoingContainer .rating .rating4 {background-position: 0 -72px; } #whosGoingContainer .rating .rating3half {background-position: 0 -60px; } #whosGoingContainer .rating .rating3 {background-position: 0 -48px; } #whosGoingContainer .rating .rating2half {background-position: 0 -36px; } #whosGoingContainer .rating .rating2 {background-position: 0 -24px; } #whosGoingContainer .rating .rating1half {background-position: 0 -12px; } #whosGoingContainer .rating .rating1 {background-position: 0 0; } #whosGoingContainer .packageInfo .subTitle, #whosGoingContainer .packageItem .holidayDetails { text-align: left; clear: both; } /* EDIT for FancyBox overrides */ #whosGoingContainer .packageInfo p.location {float: left; font-size:75%; padding-bottom:0px; width:100%; clear:both;} #whosGoingContainer .packageInfo p.location a { font-weight: normal;text-decoration: none;} #whosGoingContainer .packageInfo .locationImageHolder {float:left; width:82px; margin-right:10px; padding-top:1px;} #whosGoingContainer .packageInfo .locationImageHolder .locationImage {float:left; clear:both; width:80px; height:60px; border:solid 1px #eee; overflow: hidden; } #whosGoingContainer .packageInfo .locationImageHolder .locationImage a {width:100%; float:left; clear:both;} #whosGoingContainer .packageInfo .accommodationName {float:left; width:440px;} #whosGoingContainer .packageInfo .accommodationName .insideAccommodationName {float:left; clear:both; width:auto; margin-right:12px; } #whosGoingContainer .packageInfo .locationImageHolder img {width:80px;} #whosGoingContainer .packageInfo .accommodationName h4 {font-size:87%; margin: 0; padding: 0;} #whosGoingContainer .packageInfo .accommodationName h4 a {text-decoration: none; color: #000;} #whosGoingContainer .packageInfo .accommodationName .rating {width:100%; padding-bottom:0px; float:left; clear:both;} #whosGoingContainer .packageInfo .priceHolder {float:left; width:144px;} #whosGoingContainer .packageInfo .accommodationName .priceBasis {width:100%; float:left; clear:both;} #whosGoingContainer .packageInfo .accommodationName .priceBasis p {font-size:75%; padding: 0;} #whosGoingContainer .packageInfo .productTypes {width:40px; padding-top:1px; float:right;} /* Utils section */ #pageform.brochure-order ul.feedbackPanel span, #pageform.email-signup ul.feedbackPanel span {clear: both; font-size: 80%;} /***Mega Menu Colours***/ /***Copied from RWD styles***/ .navToggle a {background: #006a6d;color: #fff;} .navToggleIcon {background: #fff;} .navToggleIcon:before, .navToggleIcon:after {background: #fff;} .headerNavigation {background:#fff;} .navWrapper a { color:#252a32; } .navWrapper a:hover, .navWrapper a:focus { color: #000; } .navWrapper .heading {background: #17777a;} .navWrapper .nested a {background: #33888a;} .navWrapper .hasDropdown > a {background: #33888a;color:#fff; } .no-js .navWrapper .hasDropdown > a {background: transparent; color: #252a32;} .navWrapper .dropdownClosed > a {background: transparent; color: #252a32;} .navWrapper .hasDropdown > a:after {background: url(/static/images/crystalbrand/generalicons/arrow-sprite.png) no-repeat 6px -272px; } .navWrapper .dropdownClosed > a:after {background-position: 6px 10px;} .menuContainer {background-image: url(/static/images/crystalbrand/menu-loader.gif);background-color: #fff;border-color: #33888a;} .submenu a {color:#333;} .submenu a:hover, .submenu a:focus {color: #333;} .submenu .submenuLink {background-color: #dfeeef;} .submenu .submenuLink.viewAll {background-color: #fff;} .submenu .viewAll:before {background-image: url(/static/images/crystalbrand/generalicons/arrow-sprite.png);background-position: 0 -90px;} /* trip advisor - no js */ .no-js .trip-ratings, .no-js #trip-reviews { display: none; } /*fix broken brochure order page styling*/ .brochure-order .addressPanel { position: relative;} .brochure-order .addressPanel .field { width: 500px; float: left; padding: 0 0 9px 0; } .brochure-order .addressPanel .field .btn { position: absolute; top:40px; right:0; width: 105px; } .brochure-order .addressPanel .field input, .brochure-order .addressPanel .field select { width:260px; } .brochure-order .addressPanel .field input#txtHouseNumber { width:180px; } .brochure-order #unrecognisedPostcodeLookup2.hidden {display: none;} .brochure-order .addressPanel #addressContainerId.hidden {display: none;} .brochure-order .addressPanel .header h2, .brochure-order .addressPanel .sub-title{display:none;} .brochure-order .addressPanel .insideCheckBoxItem {display:none;} .brochure-order .addressPanel .insideCheckBoxItem input{ width: 10px; float:left;} #pageform.brochure-order .addressPanel .insideCheckBoxItem label{ float:left;font-weight: normal;width:95%;} .brochure-order #addressContainerId, .brochure-order .check-box-wrapper { display: none; } .brochure-order #addressContainerId.visible { display: block; } /*side-by-side-links*/ .side-by-side { display: inline-block; } /*footer generic across ski and summer*/ .main-footer .pure-u-3-8, .main-footer .pure-u-1-4, .main-footer .pure-u-1-3, .main-footer .pure-u-2-3, .main-footer .pure-u-1-2, .main-footer .pure-u-1 { box-sizing: border-box; float: left; display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; text-rendering: auto; } .main-footer .pure-u-1-4 { width: 25%; } .main-footer .pure-u-1-3 { width: 33.3333%; } .main-footer .pure-u-3-8 { width: 36%; } .main-footer .pure-u-1-2 { width: 50%; } .main-footer .pure-u-2-3 { width: 66.6667%; } .main-footer .pure-u-1 { width: 100%; } .main-footer h2, .main-footer h3 { text-transform: uppercase; padding: 0; font-weight: normal; color: white; } .main-footer ul { list-style-type: none; overflow: hidden; padding: 0; } .main-footer .footer-content a, .main-footer .footer-content p { font-size: 13px; } .main-footer a { text-decoration: none; } .main-footer a:hover { color: white; } .main-footer .ways-to-book, .main-footer .footer-content { padding: 1em; background-color: #252a32; overflow: hidden; } .main-footer .ways-to-book .online, .main-footer .ways-to-book .phone, .main-footer .ways-to-book .in-store { padding-bottom: 2em; border-bottom: 1px solid #51555b; } .main-footer .ways-to-book h4 { margin: 0 0 0 60px; font-weight: 400; } .main-footer .ways-to-book h3 { margin: 0 0 0 60px; padding: 0; } .main-footer .ways-to-book a { padding-right: 1.2em; } .main-footer .ways-to-book .phone__number:after { content: ' \002a'; } .main-footer .ways-to-book .online { padding: 1em 0 11px; } .main-footer .ways-to-book .phone { padding: 1em 0 11px; } .main-footer .ways-to-book .in-store { padding: 1em 0 11px; width:27%; } .main-footer .footer-content p { color: #fff; } .main-footer .footer-content .group { padding: 0 .5em; } .main-footer .footer-content .group li { padding: 8px 0; border-bottom: 1px solid #51555b; } .main-footer .footer-content .group li:last-child { border-bottom: 0; } .main-footer .footer-content .secure-booking li { width: auto; border-bottom: 0; float: left; margin-right: .5em; padding: 0 0 .5em 0; } .main-footer .footer-content .secure-booking a { display: block; height: 46px; padding: 0; width: 66px; } .main-footer .footer-content .secure-booking a span { display: inline; position: absolute; top: -3000px; } .main-footer .footer-content-sublinks { overflow: hidden; margin-top: 1em; clear:both; } .main-footer .footer-content-sublinks > ul { float: left; } .main-footer .footer-content-sublinks > ul li { display: inline; margin-right: .5em; } .main-footer .footer-content-sublinks .social-icons-container { float: right; } .main-footer .footer-content-sublinks .social-icons-container p { text-align: right; padding-right: 1em; float: left; } .main-footer .footer-content-sublinks .social-icons-container ul { float: left; } .main-footer .footer-content-sublinks .social-icons-container li { display: inline; float: left; margin-right: .5em; } .main-footer .footer-content-sublinks .social-icons-container li a { display: block; background: url(/static/img/crystal/social-icons.png) no-repeat; width: 25px; height: 25px; } .main-footer .footer-content-sublinks .social-icons-container li a.twitter { background-position: -25px 0; } .main-footer .footer-content-sublinks .social-icons-container li a.google { background-position: -49px 0; } .main-footer .footer-content-sublinks .social-icons-container li a.youtube { width: 47px; background-position: -75px 0; } .main-footer .footer-content-sublinks .social-icons-container li a.flickr { width: 25px; background-position: -122px 0; } .main-footer .footer-content-sublinks .social-icons-container li a span { position: absolute; left: -10000px; } .main-footer .colophon { padding: 1em 1em 0 1em; text-align: center; font-size: 13px; } .main-footer .colophon .policy-links li { display: inline; padding: 0 5px; } .main-footer .colophon .policy-links a { color: #639bc6; } .main-footer .colophon .company-info { padding: 1em 0 0; } .main-footer .colophon .company-info a { color: #639bc6; } .main-footer .colophon .company-info a:hover { color: #639bc6; text-decoration: underline; } .secure-page .main-footer .group { display: none; } .secure-page .main-footer .group.secure-booking { display: block; width: 100%; } .secure-page .main-footer .footer-content-sublinks { display: none; } .main-footer .your-acccount-logged-in { display: none; } .your-account .main-footer .your-acccount-logged-in { display: block; } .main-footer .footer-content .tui-legal { border-style: solid; border-width: 1px 0; border-color: #51555b; font-size: 90%; margin: 1.5em 0; } .main-footer .tui-legal .secure-booking, .main-footer .tui-legal .kbyg { padding: 0 0.5em; } .main-footer .footer-content .tui-legal.group { padding: 2em 0; } .main-footer .footer-content .tui-legal.group p:last-child { margin-bottom: 0; padding-bottom: 0; } /* main header */ .main-header { max-width: 1048px; margin: 0 auto; background: #fff; } /* utility bar */ .utility-bar { padding-left:.5em; min-height:46px; font-size: 0.868em; } .utility-bar * { box-sizing: border-box; } @media (min-width: 569px) { .utility-bar { padding-left:1em; } } .utility-bar__call-centre { float: left; } .utility__link--callcentre > .call-centre__phone-number, .utility__link--callcentre > .call-centre__phone-number a { color: #fff; } .call-centre__message { color: #fff; display: none; } @media (min-width: 1000px) { .call-centre__message { display: inline-block; } } .call-centre__open { color: #fff; display: none; } @media (min-width: 800px) { .call-centre__open { display: inline-block; } } /* .call-centre__phone-number { background: none; padding-left: 0; @if ($siteId != 71) and ($siteId != 81) { &:after { content: ' \002a'; } } @media (min-width: 569px) { // display: inline-block; // padding-left: 1.5em; // background: $iconsSprite; // background-repeat: no-repeat; // content: ''; // background-position: $phone-offset-x $phone-offset-y; // height: $phone-height; } .youraccount-login & { display: inline-block; padding-left: 1.5em; background: $iconsSprite; background-repeat: no-repeat; content: ''; background-position: $phone-offset-x $phone-offset-y; height: $phone-height; } } */ .utility-bar__call-centre .utility__link--callcentre { border-width: 0; display: block; min-height: 44px; min-width: 44px; padding: 1em 0; position: relative; } @media (min-width: 370px) { .utility-bar__call-centre .utility__link--callcentre { padding-left: 2em; } } @media (min-width: 370px) { .utility-bar__call-centre .utility__link--callcentre .call-centre__phone-number:before { background: url(/static/img/crystal/summer/icons-spritesheet.png) no-repeat; background-position: -633px -85px; content: ' '; width: 14px; height: 18px; position: absolute; top: 1em; left: 0.5em; } } .utility-bar__call-centre .utility__link--callcentre .call-centre__phone-number > a:after { content: ' \002a'; } .utility-bar__call-centre .utility__link--callcentre:hover { background-color: #55AB27; } .utility-bar__call-centre .utility__link--callcentre:hover .message { text-decoration: underline; } .callcentre-popup { background-color: #fff; border: 2px solid #09253d; box-shadow: 5px 5px 5px 1px rgba(102, 102, 102, 0.5); cursor: default; display: none; padding: 1.5em; position: absolute; left: -110%; top: 55px; width: 300px; z-index: 1; } @media (min-width: 370px) { .callcentre-popup { border: 5px solid #09253d; width: 320px; left: 0; } } .callcentre-popup:before { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 16px solid #09253d; position: absolute; left: 167px; top: -18px; content: ''; } @media (min-width: 370px) { .callcentre-popup:before { top: -21px; left: 70px; } } .mfp-content .callcentre-popup { position: static; display: block; width: 100%; } .mfp-content .callcentre-popup:before { border: 0; } .callcentre-popup .closed-msg { display: block; font-weight: bold; } .callcentre-popup .open-msg { display: none; } .callcentre-popup .opening-hrs { margin: 1em auto; max-width: 280px; } .callcentre-popup .opening-hrs li { padding: 2px; } .callcentre-popup .opening-hrs li:before, .callcentre-popup .opening-hrs li:after { content: ""; display: table; } .callcentre-popup .opening-hrs li:after { clear: both; } .callcentre-popup .opening-hrs .day { float: left; } .callcentre-popup .opening-hrs .day:after { content: ':'; } .callcentre-popup .opening-hrs .times { float: right; } .callcentre-popup .today-0 .day-0, .callcentre-popup .today-1 .day-1, .callcentre-popup .today-2 .day-2, .callcentre-popup .today-3 .day-3, .callcentre-popup .today-4 .day-4, .callcentre-popup .today-5 .day-5, .callcentre-popup .today-6 .day-6 { background-color: #dfeeef; font-weight: 700; } .callcentre-popup .btn { width: 100%; } .callcentre-popup .call-centre__phone-number { display: none; } .callcentre-popup .call-centre__phone-number:after { content: ''; } .callcentre-popup .call-centre__phone-number.text { color: #252a32; display: block; } .callcentre-popup .call-centre__phone-number span { font-weight: bold; } .callcentre-popup .call-centre__phone-number span:after { content: ' \002a'; } .callcentre-popup .call-centre__contact-link { margin-bottom: 0; } .callcentre-open.utility__link--callcentre .message { background-color: #00ce9b; border-radius: 1em; padding: 0.3em 0.5em; } .callcentre-open .closed-msg { display: none; } .callcentre-open .open-msg { display: block; } .callcentre-open .call-centre__phone-number.link { display: block; padding: 0.5em 0; } .callcentre-open .call-centre__phone-number.link .number { font-size: 1.6rem; } .callcentre-open .call-centre__phone-number.text { display: none; } @media (min-width: 769px) { .callcentre-open .call-centre__phone-number.link { display: none; } .callcentre-open .call-centre__phone-number.text { display: block; } .callcentre-open .call-centre__contact-link { display: block; } } .youraccount-login .call-centre__phone-number { display:inline-block; padding-left:1.5em; background:url(/static/images/sprites/icons-spritesheet-old-non-responsive.png) no-repeat; background-repeat:no-repeat; content:''; background-position:-645px -85px; height:18px; } .utility-bar__call-centre,.utility__link,.utility-bar__links,.utility-bar__logged-status,.utility-bar__logged-in { display:inline-block; } .utility-bar__links { float:right; height: 34px; } .utility-bar__links--your-account { border:0; } .utility__link { float:left; height: 46px; line-height: 1.4em; } .utility__link:hover { cursor:pointer; } .utility__link > a { display:block; color:#fff; padding:1em .5em; text-decoration: none; } @media (min-width: 400px) { .utility__link > a { padding:1em; } } .utility__link > a:hover { text-decoration:none; } .utility__link > a:before { background:none; padding-left:0; } @media (min-width: 370px) { .utility__link > a:before { padding-left:1.5em; background-color:transparent; background:url(/static/images/sprites/icons-spritesheet-old-non-responsive.png) no-repeat; background-repeat:no-repeat; content:' '; position:relative; left:-3px; top:1px; } } .utility__link > a:focus { outline:none; } .utility-bar__shg-logo { float:left; } .utility-bar__logged-status { padding:.4em 0; float:left; } .utility-bar__logged-in { color:#fff; padding:.6em 1em; } .utility__link--feedback { display:none; } @media (min-width: 700px) { .utility__link--feedback { display:block; } } @media (min-width: 568px) { .youraccount-login .utility__link--feedback,.your-account .utility__link--feedback { display:block; } } .utility__link--feedback a:before { background-position:-707px -25px; width:15px; height:14px; } .utility__link--youraccount { display:none; background-image:url(/static/img/crystal/externalshortwhite.png); background-position:100% 50%; background-repeat:no-repeat; padding-right:1em; background-image:none; padding:0; } @media (min-width: 569px) { .utility__link--youraccount { display:block; } } /* when the user is not logged in */ .utility__link--youraccount-not-logged a:before { background-image: url(/static/img/crystal/ski/icons/not-logged-in.png); width:18px; height:20px; top:-2px; } /* when the user is logged in */ .utility__link--youraccount-logged a:before { background: url(/static/img/crystal/ski/icons-spritesheet.png); background-position: -687px -144px; width: 18px; height: 20px; top: 0px; } .utility__link--agent-support a:before { background-position:-722px -13px; width:14px; height:12px; } .utility__link--recentlyseen { position:relative; } .utility__link--recentlyseen.open a:before { background-position:-327px -417px; width:19px; height:39px; } .utility__link--recentlyseen.closed a:before { background-position:-327px -442px; } .utility__link--shortlist { position:relative; border-right:0; padding-right:1.5em; } .utility__link--shortlist:hover { border-right:0; } .utility__link--shortlist.full a:before { background-position:-376px -350px; width:13px; height:37px; } .utility__link--shortlist.empty a:before { background-position:-376px -375px; } .shortlist-count { position: absolute; top: 33%; display: inline-block; color: #fff; width: 20px; height: 20px; text-align: center; border-radius: 50%; background-clip: padding-box; padding: 0 0 3px 0; margin-left: 5px; vertical-align: top; } .utility__link--logout { border:0; } .your-account .utility__link--logout a { padding:1em 0; } @media (min-width: 400px) { .your-account .utility__link--logout a { padding:1em; } } .utility__link--logout a:before { padding-left:1.5em; background-color:transparent; background:url(/static/images/sprites/icons-spritesheet-old-non-responsive.png) no-repeat; background-repeat:no-repeat; background-position:-675px -55px; width:17px; height:14px; content:' '; position:relative; left:-3px; top:1px; } .utility__link--logout-text { display:none; } @media (min-width: 568px) { .utility__link--logout-text { display:inline-block; } } .recently-seen { box-shadow:-5px 5px 5px 1px rgba(102,102,102,0.5); width:300px; left:-110%; display:none; position:absolute; top:55px; z-index:1; background:#fff; cursor:default; } @media (min-width: 370px) { .recently-seen { width:320px; left:-110px; } } .recently-seen:before { width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; position:absolute; left:167px; top:-18px; content:''; } @media (min-width: 370px) { .recently-seen:before { top:-21px; } } .mfp-content .recently-seen { position:static; display:block; width:100%; } .mfp-content .recently-seen:before { border:0; } .recently-seen__no-results { padding:1em 1em 0; } .recently-seen__tabs-menu { padding:.75em; } .recently-seen__tabs-menu li { float:left; margin-right:-1px; cursor:pointer; padding:1em 0.5em; list-style-type: none; } .recently-seen__tabs-menu .selected a { font-weight: bold; cursor: default; } .recently-seen__tabs-menu .selected a:hover { text-decoration: none; } @media (min-width: 370px) { .recently-seen__tabs-menu li { margin-right:3px; } } .recently-seen__tabs-menu .selected { position:relative; background-color:#fff; border-bottom:1px solid #fff; z-index:5; cursor: default; } .recently-seen__tabs-menu a { color:#fff; text-decoration: none; } .mfp-content .recently-seen__tabs-menu { margin-top:2em; } .recently-seen__tab { background-color:#fff; margin-top:37px; } .recently-seen__tab .trip-ratings-list-link { float:left; width:auto; padding:0; border:0; } .recently-seen__tab .ta-review-link, .recently-seen__tab .trip-ratings-list-link__header { display:inline-block; } .recently-seen__tab .trip-ratings-list-link__overall-reviews { width:70px; margin-right: 5px; } .recently-seen__tab-content { display:none; } .recently-seen__tab-content.accommodations { display:block; } .recently-seen__tab-content.accommodations,.recently-seen__tab-content.searches { max-height:300px; overflow-y:auto; float: left; width: 100%; } .recently-seen__accommodation,.recently-seen__search { float:left; width:100%; padding:1em; } .recently-seen__accommodation,.recently-seen__search { border-top:1px solid transparent; border-bottom:1px solid transparent; } .recently-seen__accommodation:first-child,.recently-seen__search:first-child { border-top:0; } .recently-seen__accommodation:last-child,.recently-seen__search:last-child { border-bottom:0; } .recently-seen__accommodation:first-child:hover,.recently-seen__search:first-child:hover { border-top:0; } .recently-seen__accommodation:last-child:hover,.recently-seen__search:last-child:hover { border-bottom:0; } .recently-seen__thumb { float:left; display:inline-block; width:104px; height:78px; padding-right:1em; } /* TODO: This is to fix a spacing issue from TRADING-261. Should be fixed in the backend.*/ .recently-seen__accommodation span:before { content: ' '; } /*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */ .pika-single { z-index: 9999; display: block; position: relative; color: #333333; background: #ffffff; border-bottom-color: #bbbbbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); z-index: 2000021; } .pika-single:before, .pika-single:after { content: ' '; display: table; } .pika-single:after { clear: both; } .pika-lendar { float: left; width: 240px; } .pika-title { position: relative; text-align: center; border-bottom: 1px solid #bbbbbb; height: 46px; background: #005959; color: #005959; } .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 26px; height: 37px; } .pika-title select.pika-select-year { left: 142px; } .pika-label { display: inline-block; *display: inline; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; } .pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: 1; *position: absolute; *top: 0; } .pika-prev:hover, .pika-next:hover { opacity: 0.5; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: 0.2; } .pika-prev, .is-rtl .pika-next { float: left; background: url(/static/img/crystal/arrow-sprite.png); background-position: right -293px; *left: 0; } .pika-next, .is-rtl .pika-prev { float: right; background: url(/static/img/crystal/arrow-sprite.png); background-position: right -326px; *right: 0; } .pika-select { display: inline-block; *display: inline; font-size: 1em; } .pika-table { width: 100%; border-left: 1px solid #bbb; } .pika-table th, .pika-table td { width: 14.2857142857%; padding: 0; font-weight: bold; border-color: #bbbbbb; border-style: solid; border-width: 0 1px 1px 0; } .pika-table th { color: #999999; font-size: 12px; line-height: 25px; text-align: center; } .pika-table abbr { border-bottom: 0; } .pika-button { cursor: pointer; display: block; box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5; font-weight: bold; } .is-today .pika-button { color: #33aaff; font-weight: bold; } .is-selected .pika-button { color: #ffffff; font-weight: bold; background: #e40046; } .is-disabled .pika-button { pointer-events: none; cursor: default; color: #999999; opacity: 0.3; } .pika-button:hover { color: #ffffff; background: #d5d5d5; } .pika-week { font-size: 11px; color: #999999; } .no-js .datepicker, .js .no-js-datepicker, .js .split-day, .js .split-month, .js .split-year { display: none; } .field input[type="text"].datepicker { background: url('/static/img/crystal/ski/calendar_icon_winter.png') #fff; background-position: 95% center; background-repeat: no-repeat; cursor: pointer; color: #252a32; padding: 10px; box-sizing: border-box; } .datepicker__footnote { position: absolute; top: 45px; left: 0; z-index: 10000; background-color: rgba(255, 255, 255, 0.93); padding: 40px 1em; height: 45%; text-align: center; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); border: 1px solid #bbbbbb; } /* Offers */ .offers { clear: both; margin-top: 0.5em; } .offers__special .offers, .offers__country .offers { margin-bottom: 1em; } .offers__accomm .offers { background-color: #ffffff; padding: 1em; } .offers__list-item { background: url(/static/img/crystal/ski/extras_sprite_ski_uk.png) no-repeat; background-position: -374px 0px; padding-left: 2.4em; padding-top: 0.4em; display: block; min-height: 30px; } @media screen and (min-width: 35.5625em) { .offers__half .offers__list-item { width: 50%; display: inline-block; vertical-align: top; } .offers__half .offers__list-item:nth-child(odd) { padding-right: 1em; } } .offers__accomm { clear: left; background-color: #efefef; padding: 1em; margin-bottom: 1em; } .agent-tlm-migration { display: none; }