/*Homepage style for Thomson ski*/ /*Written by Al Stevens*/ /**************************************************/ /* Offer listing created originally for P&V £100 saving offer */ /**************************************************/ /* Global reset based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui customised for contents of a div - remove as neccessary*/ div#reset div, div#reset dl, div#reset dt, div#reset dd, div#reset ul, div#reset ol, div#reset li, div#reset h1, div#reset h2, div#reset h3, div#reset h4, div#reset h5, div#reset h6, div#reset pre, div#reset form, div#reset label, div#reset fieldset, div#reset input, div#reset p, div#reset blockquote, div#reset th, div#reset td , div#reset .carousel-wrapper li span.rating{ margin:0; padding:0 } div#reset table { border-collapse:collapse; border-spacing:0 } div#reset fieldset, div#reset img { border:0 } div#reset fieldset {display:inline;} address, caption, cite, code, dfn,div#reset em,div#reset strong, th, var { font-style:normal; font-weight:normal } div#reset ul, div#reset li { list-style:none; } caption, th { text-align:left } div#reset h1, div#reset h2, div#reset h3, div#reset h4, div#reset h5, div#reset h6{ font-size:16px;} q:before, q:after { content:''} a { text-decoration:none } /* Global reset-RESET :) restores some sensible defaults */ div#reset strong { font-weight:bold } div#reset em { font-style:italic } div#reset * a { position:relative } /* Gets links displaying over a PNG background */ div#reset a img { border:none } /* Gets rid of IE's blue borders */ /*Promotions on the homepage*/ #pageContent {width:784px} #pageContent {overflow:hidden} #pageContent .homeIntro { background:none; border-bottom:none; margin:0; padding:0; width:786px } div#reset #promotions{ margin:0 0 15px 0px; clear:left; width:787px; padding:0; } /*javascript applied styles*/ div#reset #promotions #tabs ul.ui-tabs-nav{ margin-top:286px; *margin-top:276px; z-index:10000; height:85px} div#reset #promotions #tabs div.ui-tabs-panel {margin-top:-363px;} div#reset #promotions #tabs .ui-tabs-hide {display:none} div#reset #promotions #tabs ul {display:block; text-align:center; font-size:0.9em; line-height:1.2em; z-index:10000; clear:both; background:transparent url(/cms/images/homepage/promo.tab.back.jpg) no-repeat scroll 0 4px; width:786px } div#reset #promotions #tabs ul li {display:block; float:left; padding:13px 0 0} div#reset #promotions #tabs ul li a {width:196px; display:block; float:left; height:64px;color:#fff;text-decoration:underline;} div#reset #promotions #tabs ul li a span {display:block;padding:10px 12px 10px 12px; margin-top:7px; text-decoration:underline; *margin-bottom:8px; font-size:90%; } div#reset #promotions #tabs ul li a.first span {border-left:none;} div#reset #promotions #tabs ul li.ui-state-active a {text-decoration:none;} div#reset #promotions #tabs ul li.ui-state-active a span{background:transparent url(/cms/images/homepage/2009.tabs.hi.png) no-repeat scroll center 7px; position:absolute; width:180px; min-height:4em; padding:42px 18px 33px 18px; z-index:200000; border:none;margin-top:-26px; margin-left:-8px; font-weight:bold; *margin-left:-130px; *width:228px; z-index:20000; text-decoration:none; font-size:100% } /*THREE promos*/ div#reset #promotions #tabs.three ul {background:transparent url(/cms/images/homepage/promo.tab.3.back.jpg) no-repeat scroll 0 4px;} div#reset #promotions #tabs.three ul li a{width:256px} div#reset #promotions #tabs.three ul li.ui-state-active a span{background:transparent url(/cms/images/homepage/2009.tabs.3.hi.png) no-repeat scroll center 7px;width:254px;*margin-left:-140px } /*TWO promos*/ div#reset #promotions #tabs.two ul {background:transparent url(/cms/images/homepage/promo.tab.2.back.jpg) no-repeat scroll 0 4px;} div#reset #promotions #tabs.two ul li a{width:386px} div#reset #promotions #tabs.two ul li.ui-state-active a span{background:transparent url(/cms/images/homepage/2009.tabs.3.hi.png) no-repeat scroll center 7px;width:384px;*margin-left:-200px } /*Promo area*/ div#reset .promoType1 {display:block; float:left; background:#ccc; border-top:none; height:295px; width:787px} div#reset .promoType1 h2 {font-size:32px; color:#3366cc; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; display:block; float:left; line-height:1em; letter-spacing:-0.05em; margin:6px;margin-right:300px; font-weight:bold; text-indent:-9999em} div#reset .promoType1 .buttonType2 a {position:absolute; display:block; text-indent:-9999px; height:283px; cursor:pointer; overflow:hidden; width:786px; } div#reset .promoType1 .buttonType2 span {position:absolute; display:block; text-indent:-9999px; height:283px; cursor:pointer; overflow:hidden; width:786px; } /*Promo 1*/ div#reset div#promo1 {background:url(/cms/images/homepage/2011savemore.jpg) top left no-repeat;) top left no-repeat;} div#reset div#promo1 .termsLink {margin:245px 0 0 32px;font-size:76% } div#reset div#promo1 .termsLink a {color:#FF0000;text-decoration:underline} /*Promo 2*/ div#reset div#promo2 {background:url(/cms/images/homepage/2011.chalet.savings.jpg) top left no-repeat;} div#reset div#promo2 .promoTitle {width:500px; height:25px;position:absolute; margin-top:222px;float:left; color:#000; text-indent:0; padding-left:20px } div#reset div#promo2 .termsLink {margin:245px 0 0 32px;font-size:76% } div#reset div#promo2 .termsLink a {color:#FFF;text-decoration:underline} /*Promo 3*/ div#reset div#promo3 {background:url(/cms/images/homepage/2011feb.mar.jpg) top left no-repeat;} div#reset div#promo3 h2 {margin-right:70px; } div#reset div#promo3 .positionOne a {width:104px; height:25px; text-indent:-10000px; position:absolute; margin-top:202px; margin-left:538px; float:left;} div#reset div#promo3 .positionTwo a {width:104px; height:25px; text-indent:-10000px; position:absolute; margin-top:237px; margin-left:538px; float:left;} div#reset div#promo3 .positionThree a {width:104px; height:25px; text-indent:-10000px; position:absolute; margin-top:202px; margin-left:662px; float:left;} div#reset div#promo3 .positionFour a {width:104px; height:25px; text-indent:-10000px; position:absolute; margin-top:237px; margin-left:662px; float:left;} div#reset div#promo3 .positionTerms a {width:64px; height:11px; text-indent:-10000px; position:absolute; margin-top:250px; margin-left:25px; float:left;} div#reset div#promotions div#tabs.four div#promo3.promoType1 div.feb a span { top:130px; margin-left:25px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; text-decoration: underline; position:absolute; float:left; width:200px;} div#reset div#promotions div#tabs.four div#promo3.promoType1 div.mar a span { top:170px; margin-left:25px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; text-decoration: underline; position:absolute; float:left; width:200px;} /*promo 4*/ div#reset div#promo4 {background:url(/cms/images/homepage/crystal.move.jpg) top left no-repeat;} div#reset div#promo4 .positionTerms a {color: #000;font-size: 12px;padding: 20px;float: left;margin-top: 205px;} div#reset div#promo4 .termsLink {margin:245px 0 0 32px;font-size:76% } div#reset div#promo4 .termsLink a {color:#FFF;text-decoration:underline} /*promo 5*/ div#reset div#promo5 {background:url(/cms/images/homepage/2011.nye.jpg) top left no-repeat;} div#reset div#promo5 .promoTitle {width:500px; height:25px;position:absolute; margin-top:222px;float:left; color:#000; text-indent:0; padding-left:20px;} /*Homepage secondary area*/ body td.homePageTeasers li.first .csteaserpanel img {margin-left:10px;} body td.homePageTeasers li .csteaserpanel img {margin-bottom:10px;} /*Overwrites*/ #pageContent .homeIntro, #pageContent .teasers {border:none} #pageContent .newtsrs .teasers .teasersWorded {width:766px;display:block; margin:0; padding:0 0 0px;} #pageContent .newtsrs .teasers .teasersWorded .teaserColumn {width:160px; float:left; padding:0 15px 15px; display:block;} #pageContent .newtsrs .teasers .teasersWorded .wide {width:350px; float:left; padding:0 15px 15px; display:block;} #pageContent .newtsrs .teasers .teasersWorded div.loner {margin-top:-75px; *margin-top:-49px} #pageContent .newtsrs .teasers .teasersWorded .teaserColumn ul {list-style-image:none; margin:0;padding:0; list-style-position:none; } #pageContent .newtsrs .teasers .teasersWorded .teaserColumn ul li {width:176px; padding:0; margin:0; font-size:0.75em; *margin-left:-16px; } #pageContent .newtsrs .teasers .teasersWorded .teaserColumn ul li a {background-image:url(/images/layout/greyarrow.gif); background-position:right center; background-repeat:no-repeat; display:block; float:left; padding:2px 10px 2px 0; width:auto; clear:left; font-size:1.15em; text-decoration:underline;line-height:1.2em} #pageContent .newtsrs .teasers .teasersWorded .teaserColumn ul li a:hover {background-image:url(/images/layout/blackarrow.gif);color:#000000;text-decoration:none;} #pageContent .newtsrs .teasers .teasersWorded .teaserColumn h2 {clear:both;color:#418199; font-size:18px; border-bottom:1px solid #c3dae2; padding:0 0 10px; margin:0 0 10px; width:auto; font-weight:bold } #pageContent .newtsrs .teasers .teasersWorded .vail {position:relative;} #pageContent .newtsrs .teasers .teasersWorded .vail ul {margin:-70px 0 0;position:absolute;width:350px;} #pageContent .newtsrs .teasers .teasersWorded .vail ul li {display:block;float:left;height:66px;text-indent:-99999em;width:160px;} #pageContent .newtsrs .teasers .teasersWorded .vail ul li.first {margin-right:3px;} #pageContent .newtsrs .teasers .teasersWorded .vail ul li.second {margin-right:3px;} #pageContent .newtsrs .teasers .teasersWorded .vail ul li.third {margin-right:20px;} #pageContent .newtsrs .teasers .teasersWorded .whistlerpromotx {margin-left:0px;font-size: 0.75em;color: #000;} #pageContent .newtsrs .teasers .teasersWorded .bclogo {float: left; } #pageContent .newtsrs .teasers .teasersWorded .vail ul li a {background:none;height:66px;width:170px;} #pageContent .newtsrs .teasers .teasersWorded .vail ul li a:hover {background:none;} .teaserExtra {float:left;padding:0;width:380px;} #pageContent .newtsrs .teasers .teasersWorded .teaserExtra .extraPromo {font-size:0.8em;padding:20px 0 0 15px;} #pageContent .newtsrs .teasers .teasersWorded .teaserExtra .extraPromo h3 {color:#418199;font-size:1.2em;} #pageContent .newtsrs .teasers .teasersWorded .teaserExtra .extraPromo img {float:left;margin:0 10px 10px 0;} div.subContent {margin-bottom:6px} div.subContent img { border:1px solid #418199; clear:left; float:left; margin:0px 0 0 0px; } div.subContent h3 { float:left; margin:0px 0 0 10px; padding-bottom:4px; width:260px; } div.subContent h3 a {color:#418199; text-decoration:underline} div.subContent p { float:left; font-size:1.2em; margin:0 0 0 10px; width:260px; font-size:0.75em; margin-bottom:6px } img.contentBanner {position:absolute; margin-top:250px; display:block;} span.clickbox {display:block;} div#reset #promotions #tabs .linksboxcontainer { width:400px; height:auto; float:left; margin-top:144px; padding-left:30px;} div#reset #promotions #tabs .linksbox { width:150px; height:auto; float:left;} div#reset #promotions #tabs .promobox { width:150px; height:auto; float:left;font-size:85%;} div#reset #promotions #tabs .promobox a { width:150px; height:auto; float:left; color:#FFF; font-size:12px; line-height:16px; font-weight:bold; text-decoration:underline; text-align:left; } div#reset #promotions #tabs .promobox a:visited { width:150px; height:auto; float:left; color:#FFF; font-size:12px; font-weight:bold; text-decoration:underline; text-align:left; } div#reset #promotions #tabs .promobox a:active { width:150px; height:auto; float:left; color:#FFF; font-size:12px; font-weight:bold; text-decoration:none; text-align:left; } div#reset #promotions #tabs .promobox a:hover { width:150px; height:auto; float:left; color:#FFF; font-size:12px; font-weight:bold; text-decoration:none; text-align:left; } div#reset #promotions #tabs .promobox a span {color:#FFF;font-size:90%;font-weight:normal;}