/* main.css Global Stylesheet Created: July 15, 2008 Creator: Matt Kircher */ /*--Imports --------------------------------------------------------*/ @import url("css_reset.css"); @import url("clearing.css"); @import url("forms.css"); @import url("ads.css"); @import url("photo_gallery.css"); @import url("thickbox.css"); /*--General --------------------------------------------------------*/ body{ font-family:Arial, Helvetica, sans-serif; font-size:.75em; text-align:center; background:url(../images/page_bg_top.jpg) top center no-repeat #1A124C; } html body#video-popup{ background:none; background-color:#FFF; } a{ color:#F9CB48; font-weight:bold; text-decoration:none; } a:hover{ color:#FFF; } html body#video-popup a{ color:#1A124C; } html body#video-popup a:hover{ color:#9BABCA; } p + p, p + ul, p + ol, p + blockquote{ margin-top:8px; } h1{ font-size:2.0em; } h2{ font-size:1.8em; } h3{ font-size:1.6em; } h4{ font-size:1.4em; } h5{ font-size:1.2em; } h6{ font-size:1.0em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#8DCBEC; } strong{ font-weight:bold; } hr{ color:#4D6090; background-color:#4D6090; border:none; margin:20px 0px; height:1px; } ol{ list-style:decimal !important; margin:0px !important; padding:0px 0px 0px 20px !important; } a img{ border:none; } /*--Classes --------------------------------------------------------*/ /*colors*/ .deep_purple { color:#1A124C; } .yellow_gold { color:#F9CB48; } .dark_lavendar{ color:#446395; } .med_lavendar { color:#9BABCA; } .medium_azur { color:#8DCBEC; } .dark_azur { color:#397CA9; } /*general elements*/ .clear_block{ clear:both !important; } .notification_bar{ background-color:#FFFFB5; font-weight:bold !important; padding:5px 0px; position:fixed; top:0px; left:0px; z-index:1000000; width:100%; } .notification_bar a{ color:#9BABCA; } b.important, span.important{ text-transform:uppercase; font-weight:bold; } p.important{ font-size:1.2em !important; } .advisory_notes{ font-size:.8em; color:#F9CB48; } .advisory_notes b, .advisory_notes strong{ font-family:Verdana, Arial, Helvetica, sans-serif; } /*--grids--*/ .grid2{ clear:both; } .grid2 > .left{ float:left; width:50%; } .grid2 > .right{ float:right; width:49%; } .grid2_offset_left{ clear:both; } .grid2_offset_left > .left{ float:left; width:33%; } .grid2_offset_left > .right{ float:right; width:65%; } .grid2_offset_right{ clear:both; } .grid2_offset_right > .left{ float:left; width:66%; } .grid2_offset_right > .right{ float:right; width:33%; } .grid3{ clear:both; } .grid3 > div{ float:left; width:33%; } /*formatted 'display' grid*/ .display_grid .grid2, .display_grid .grid2_offset_left, .display_grid .grid2_offset_right, .display_grid .grid3{ margin-bottom:30px; } .display_grid .grid2 > .left{ width:48%; padding-right:2%; } .display_grid .grid3 > div{ width:31%; padding-right:2%; } .display_grid .grid3 > div.end_col{ width:33%; padding-right:0%; } .display_grid .vertically_bordered{ border-right:1px solid #4D6090; } /*--special items--*/ .callout_box{ background:url(../images/callout_bar1_bg.jpg) top left repeat-x #4E95C2; padding:15px 20px 20px 35px; } #main-content .callout_box{ position:relative; left:-35px; width:645px; } .labeled_listing{ margin:10px 0px; } .labeled_listing li b{ display:block; width:200px; float:left; color:#FFF; } .labeled_listing li b sup, .labeled_listing li b sub, .labeled_listing li b span{ font-size:.9em; font-weight:normal !important; color:#9BABCA; } .labeled_listing li{ margin-bottom:4px; color:#F9CB48; font-weight:bold; } p.pdf_link{ padding-left:23px; background:url(../images/icon_pdf_small.gif) left center no-repeat; } p.image_link, span.image_link{ padding-left:23px; background:url(../images/icon_camera_small.gif) left center no-repeat; } span.image_link{ display:block; } p.purchase_link{ font-size:1.3em; font-weight:bold; } ul.checklist li{ line-height:1.1em; margin-bottom:5px; } ul.checklist, ul.interest_listing{ list-style:url(../images/checkmark_blue.gif); padding:10px 15px; } ul.interest_listing b{ display:block; font-size:1.2em; } ul.interest_listing span{ display:block; font-size:.85em; color:#9BABCA; } ul.interest_listing li{ margin-bottom:10px; } .all_weather_button{ position:relative; top:10px; left:-5px; z-index:20; display:block; width:123px; height:30px; background-image:url(../images/full_weather_report_button_bg.png); background-repeat:no-repeat; text-indent:-10000px; overflow:hidden; } .english .all_weather_button{ background-position:0px 0px; } .english .all_weather_button:hover{ background-position:0px -30px; } .french .all_weather_button{ background-position:-123px 0px; } .french .all_weather_button:hover{ background-position:-123px -30px; } /*--accordian--*/ .info_accordian{ margin:10px 0px 30px; } .info_accordian dt{ margin-bottom:1px; background:url(../images/gallery/mini_gallery_bg.jpg) bottom left repeat-x #2974A6; } .info_accordian dt a{ display:block; padding:10px 15px; color:#1A124C; } .info_accordian dt span.title{ float:left; font-size:1.272em; width:85%; } .info_accordian dt span.desc{ float:left; font-size:0.909em; color:#1A124C; font-style:italic; } .info_accordian dt.hover, .info_accordian dt.open:hover{ background-color:#F9CB48; } .info_accordian dt.open{ background-color:#FFF; } .info_accordian dt.open a{ color:#FFF !important; } .info_accordian dd{ display:none; padding:10px 20px; } .info_accordian_nav{ margin-top:10px; } .info_accordian .event_title{ padding-right:30%; } .info_accordian .event_date{ font-weight:bold; } .info_accordian .event_time{ font-style:italic; } .info_accordian .event_desc{ margin-bottom:25px; } /*--rating icons--*/ .ratings_box{ display:block; color:#F9CB48; font-size:10px !important; height:12px; } .ratings_box span{ display:table; float:left; margin-right:5px; overflow:hidden; text-indent:-10000px; height:12px; background:url(../images/icon_star_small.gif) left repeat-x transparent; } ._1stars span{ width:12px; } .english ._1stars:after{ content:'1-star'; } .french ._1stars:after{ content:'1-\00E9toile'; } ._2stars span{ width:24px; } .english ._2stars:after{ content:'3-stars'; } .french ._2stars:after{ content:'3-\00E9toiles'; } ._3stars span{ width:36px; } .english ._3stars:after{ content:'3-stars'; } .french ._3stars:after{ content:'3-\00E9toiles'; } ._4stars span{ width:48px; } .english ._4stars:after{ content:'4-stars'; } .french ._4stars:after{ content:'4-\00E9toiles'; } /*--Wrap --------------------------------------------------------*/ #wrap{ text-align:left; margin:auto; width:965px; padding:0px; padding-left:50px; } /* IE6 */ * html #wrap.home{ padding-left:265px !important; } /* IE7 */ * + html #wrap{ padding-left:50px; } /*--Header --------------------------------------------------------*/ #header{ height:100px; padding-top:30px; } /*(logo)*/ #logo{ width:213px; height:58px; position:relative; float:left; margin-left:35px; margin-top:30px; margin-bottom:-10px; } #logo h1 a{ display:block; width:213px; height:58px; background:url(../images/logo.png) no-repeat top left; text-indent:-100000px; overflow:hidden; } #logo h2{ display:none; } /* IE6 */ * html #logo h1 a{ background:url(../images/logo.gif) no-repeat top left !important; } /*(navigation)*/ #language-nav ul, #functional-nav ul, #main-nav ul, #sub-nav ul{ list-style:none; } #language-nav li, #functional-nav li, #main-nav li, #sub-nav li{ position:relative; float:left; } /*(language-nav)*/ #language-nav{ float:right; margin-left:102px; margin-right:20px; } .french #language-nav{ margin-left:90px; } #language-nav li a{ display:block; width:35px; height:12px; background:url(../images/language_titles.png) top left no-repeat; text-indent:-100000px; overflow:hidden; } #language-nav li a:hover, #language-nav li.selected a{ background:url(../images/language_titles_over.png) top left no-repeat; } #language-nav li.eng{ padding-right:3px; margin-right:6px; border-right:1px solid #679CBE; } #language-nav li.fr a{ background-position:top right !important; } /* IE6 */ * html #language-nav li a{ background-image:url(../images/language_titles.gif) !important; } * html #language-nav li a:hover, * html #language-nav li.selected a{ background-image:url(../images/language_titles_over.gif) !important; } /*(functional-nav)*/ #functional-nav{ float:right; color:#FFF; margin-right:37px; } #functional-nav li{ padding-left:20px; background:url(../images/functional_nav_bullets.jpg) no-repeat 8px 7px; } #functional-nav li.nobullet{ padding-left:0; background:none; } #functional-nav a{ color:#446395; font-size:.75em; } #functional-nav a:hover, #functional-nav li.selected a{ color:#FFF; } /* IE6 */ * html #functional-nav{ margin-right:15px; } /*(main-nav)*/ #main-nav{ height:22px; width:400px; clear:both; float:left; clear:both; position:relative; left:350px; z-index:100; } .french #main-nav{ left:340px; width:440px; } #main-nav li{ margin-right:25px; } .english #main-nav li a{ display:block; height:22px; background:url(../images/english/main_nav_menus.png) no-repeat top left; text-indent:-100000px; overflow:hidden; } .english #main-nav li a:hover, .english #main-nav li.selected a{ background-image:url(../images/english/main_nav_menus_over.png); } .french #main-nav li a{ display:block; height:22px; background:url(../images/french/main_nav_menus.png) no-repeat top left; text-indent:-100000px; overflow:hidden; } .french #main-nav li a:hover, .french #main-nav li.selected a{ background-image:url(../images/french/main_nav_menus_over.png); } /* IE6 */ * html #main-nav{ clear:both !important; float:left; width:965px; position:relative; left:358px; margin-right:-358px; } * html .subpage #main-nav{ margin-bottom:-15px; } * html .english #main-nav li a{ background:url(../images/english/main_nav_menus.gif) no-repeat top left; } * html .english #main-nav li a:hover, * html .english #main-nav li.selected a{ background-image:url(../images/english/main_nav_menus_over.gif); } * html .french #main-nav li a{ background:url(../images/french/main_nav_menus.gif) no-repeat top left; } * html .french #main-nav li a:hover, * html .french #main-nav li.selected a{ background-image:url(../images/french/main_nav_menus_over.gif); } .drop_down_nav{ display:none; float:left; position:relative; z-index:20 !important; margin-right:-700px; left:-15px; top:0px; padding:10px 0px 10px 0px; background-color:#6EA0C5; } .drop_down_nav ul li{ width:100px !important; float:none !important; padding:0px 15px 2px 15px; border-bottom:1px solid #7DAFD4; border-bottom:1px solid #7DAFD4; margin:0px 5px 2px 5px !important; } .drop_down_nav ul li a{ background:none !important; text-indent:0px !important; overflow:auto; height:auto; display:inline !important; } .drop_down_nav ul li.selected a{ color:#FFF; } /* IE6 */ * html .drop_down_nav{ margin-bottom:-10000px !important; } /* IE7 */ * + html .drop_down_nav{ height:auto !important; } /*--media-nav--*/ #media-nav{ float:right; position:relative; z-index:100; position:relative; left:-15px; } /* IE6 */ * html #media-nav{ clear:both; width:220px; top:63px; } /* IE7 */ * + html #media-nav{ clear:both; width:210px; top:63px; } #media-nav li{ display:inline; } #media-nav li a{ display:block; float:left; margin-left:10px; height:34px; position:relative; top:-12px; margin-bottom:-12px; background-image:url(../images/media_nav_bg.png); background-repeat:no-repeat; text-indent:-10000px; overflow:hidden; } #media-nav li a.photos{ width:37px; background-position:0px 0px; } #media-nav li a.movies{ width:37px; background-position:-37px 0px; } #media-nav li a.twitter{ width:28px; background-position:-74px 0px; } #media-nav li a.facebook{ width:29px; background-position:-102px 0px; } #media-nav li a.youtube{ width:28px; background-position:-131px 0px; } /*(sub-nav)*/ #sub-nav{ position:relative; float:left; z-index:5; top:195px; left:35px; width:700px; margin-top:-15px; } #sub-nav li{} #sub-nav li{ padding-right:5px; margin-right:5px; border-right:1px solid #4D6090; } #sub-nav li.end_nav{ padding-right:0px; margin-right:0px; border:none; } #sub-nav a{ color:#1A124C; font-size:9px; font-family:Verdana, Geneva, sans-serif; } .english #sub-nav a{ color:#1A124C; font-size:11px; font-family:Arial, Helvetica, sans-serif; } #sub-nav a:hover, #sub-nav li.selected a{ color:#446395; } /* IE6 */ * html #sub-nav{ clear:left; top:210px; } /* IE7 */ * + html #sub-nav{ clear:left; } /*(masthead)*/ #masthead{ clear:both; height:200px; width:965px; position:relative; background:url(../images/mastheads/masthead_ski.jpg) top left no-repeat #FFF; } /* IE7 */ * + html #masthead{ top:0px; margin-bottom:0px; } /* IE6 */ * html .index_page #masthead{ background:url(../images/mb_index_bg.gif) top left no-repeat; } #wrap div.index { background:url(../images/mastheads/masthead_home_bg.jpg) top left no-repeat; height:422px; } #wrap div.ski { background:url(../images/mastheads/masthead_ski2.jpg) top right no-repeat #FFF; } #wrap div.stay { background:url(../images/mastheads/masthead_stay.jpg) top right no-repeat #FFF; } #wrap div.stay_hotel { background:url(../images/mastheads/masthead_stay_hotel.jpg) top right no-repeat #FFF; } #wrap div.stay_condominiums { background:url(../images/mastheads/masthead_stay_condominiums.jpg) top right no-repeat #FFF; } #wrap div.rates { background:url(../images/mastheads/masthead_rates2.jpg) top right no-repeat #FFF; } #wrap div.kids { background:url(../images/mastheads/masthead_kids.jpg) top right no-repeat #FFF; } #wrap div.realestate { background:url(../images/mastheads/masthead_realestate.jpg) top right no-repeat #FFF; } #wrap div.order { background:url(../images/mastheads/masthead_rates.jpg) top right no-repeat #FFF; } #wrap div.mont_blanc { background:url(../images/mastheads/masthead_mont_blanc2.jpg) top right no-repeat #FFF; } #wrap div.mont_blanc_st_hubert { background:url(../images/mastheads/masthead_alt1.jpg) top right no-repeat #FFF; } #wrap div.mont_blanc_ckoi { background:url(../images/mastheads/masthead_alt2.jpg) top right no-repeat #FFF; } #wrap div.contact { background:url(../images/mastheads/masthead_rates.jpg) top right no-repeat #FFF; } #media-area{ width:205px; height:200px; float:right; margin-bottom:-200px; } #wrap div#masthead.index #media-area{ height:422px; margin-bottom:-422px; } /*(gallery module)*/ #gallery-module{ width:205px; height:164px; background:url(../images/gradient_fill1.jpg) top left repeat-x #CEDFEA; } #gallery-teaser{ height:45px; width:190px; padding:10px 0px 0px 15px; overflow:hidden; } #gallery-teaser ul{ list-style:none; margin:0px; padding:0px; } #gallery-teaser ul li{ display:none; float:left; margin-right:8px; } #gallery-teaser ul li a{ display:block; overflow:hidden; height:35px; width:35px; border:2px solid #FFF; } #demo-reel{ margin:1px 0px 0px 35px; } /*(newsletter module)*/ #newsletter-module{ width:180px; height:77px; padding-top:15px; padding-left:25px; background:none; } #newsletter-module h3{ margin-bottom:5px; margin-left:15px; } .english #newsletter-module h3{ width:106px; height:16px; background:url(../images/english/header_newsletter.png) top left no-repeat; text-indent:-10000px; overflow:hidden; } .french #newsletter-module h3{ width:130px; height:16px; background:url(../images/french/header_newsletter.png) top left no-repeat; text-indent:-10000px; overflow:hidden; } #newsletter-module div.newsletter_icon{ float:left; position:relative; top:10px; left:-36px; height:42px; width:41px; margin-right:-42px; margin-bottom:-41px; background:url(../images/icon_letter.png) top left no-repeat; } /* IE6 */ * html .english #newsletter-module h3{ background:url(../images/english/header_newsletter.gif) top left no-repeat; } * html .french #newsletter-module h3{ background:url(../images/french/header_newsletter.gif) top left no-repeat; } /*(ski conditions module)*/ #ski-conditions-module{ width:150px; height:106px; padding-top:10px; padding-left:40px; background:url(../images/gradient_fill3.jpg) top left repeat-x #1D1750; color:#FFF; } .home #ski-conditions-module{ padding-top:30px; height:225px; } #ski-conditions-module h3{ margin-bottom:10px; } .english #ski-conditions-module h3{ width:86px; height:13px; background:url(../images/english/header_ski_conditions.png) top left no-repeat; text-indent:-10000px; overflow:hidden; } .french #ski-conditions-module h3{ width:104px; height:13px; background:url(../images/french/header_ski_conditions.png) top left no-repeat; text-indent:-10000px; overflow:hidden; } #ski-conditions-module ul li{ font-weight:bold; font-size:.85em; cursor:default; padding-left:50px; margin-bottom:3px; } #ski-conditions-module ul li b{ display:block; position:relative; float:left; width:50px; left:-50px; margin-right:-50px; color:#F9CB48; } .french #ski-conditions-module ul li{ margin-left:10px; } .french #ski-conditions-module ul li b{ left:-65px; } .subpage #ski-conditions-module ul li.forecastTomorrow, .subpage #ski-conditions-module ul li.new_snow, .subpage #ski-conditions-module ul li.surface, .subpage #ski-conditions-module ul li.base{ display:none; } #ski-conditions-module div.ski_conditions_icon{ float:left; position:relative; top:-20px; left:-55px; height:46px; width:66px; margin-right:-46px; margin-bottom:-66px; background:url(../images/icon_weather.png) top left no-repeat; } /*(news / headline module)*/ #news-module{ width:155px; height:151px; padding-top:10px; padding-left:40px; padding-right:10px; background:url(../images/gradient_fill2.jpg) top left repeat-x #0E6098; color:#FFF; } #news-module h3{ margin-bottom:10px; } .english #news-module h3{ width:101px; height:13px; background:url(../images/english/header_news_headlines.png) top left no-repeat; text-indent:-10000px; overflow:hidden; } .french #news-module h3{ width:101px; height:13px; background:url(../images/french/header_news_headlines.png) top left no-repeat; text-indent:-10000px; overflow:hidden; } #news-module h4, #news-module h5, #news-module h6{ font-weight:bold; font-size:1em !important; color:#F9CB48; } #news-module p{ font-size:.9em !important; } #news-module div.news_icon{ float:left; position:relative; top:-20px; left:-55px; height:40px; width:38px; margin-right:-38px; margin-bottom:-40px; background:url(../images/icon_notes.png) top left no-repeat; } #masthead-content{ margin-right:215px; float:left; height:416px; width:750px; } .subpage #masthead-content{ display:none; } #masthead-content div#leadin{ padding:0px 20px 0px 35px; position:relative; top:305px; color:#1A124C !important; } .french #masthead-content div#leadin h1{ font-size:1.5em !important; } #masthead-content div#leadin p{ font-size:1em; line-height:1.4 !important; } #masthead-content div#leadin p a{ color:#397CA9; } #masthead-content div#leadin p a:hover{ color:#8DCBEC; } #preload_bgs{ display:none; } #masthead-content-blocks{ float:right; position:relative; top:10px; left:-10px; } #masthead-content-blocks ul li{ display:none; } #masthead-content-blocks ul li{ padding:5px 15px; /*background-color:#FFF;*/ text-align:right; } #masthead-content-block4{ text-align:left !important; width:680px; } #masthead-content-blocks ul li h3{ font-size:1.1em; color:#FFF; font-weight:bold; } #masthead-content-blocks ul li p{ font-size:.8em; color:#FFF; } #masthead-content-block1 p{ color:#1A124C !important; } #masthead-content-block4 p{ width:220px; } #masthead-content-blocks ul li a{ display:none !important; } #masthead-gallery{ height:325px; width:750px; float:left; margin-right:-750px; margin-bottom:-325px; } #masthead-content div#masthead-gallery.feature1{ background:url(../images/mastheads/2009_10/masthead_home1.jpg) top left no-repeat #FFF; } #masthead-content div#masthead-gallery.feature2{ background:url(../images/mastheads/2009_10/masthead_home2.jpg) top left no-repeat #FFF; } #masthead-content div#masthead-gallery.feature3{ background:url(../images/mastheads/2009_10/masthead_home3.jpg) top left no-repeat #FFF; } #masthead-content div#masthead-gallery.feature4{ background:url(../images/mastheads/2009_10/masthead_home4.jpg) top left no-repeat #FFF; } /*--Content --------------------------------------------------------*/ #content{ /*clear:both;*/ margin-right:15px; color:#FFF; background:url(../images/content_bg.jpg) bottom left repeat-x #1A124C; min-height:604px; } /* IE6 */ * html #content{ height:604px; overflow:visible; } /*main-content*/ #main-content{ position:relative; float:left; width:700px; padding:20px 15px 50px 35px; background:url(../images/content_home_accent.gif) 45px 0px no-repeat; } #content div.wide#main-content, .index_page #main-content{ float:none; width:890px; padding-right:15px; } /*(main-content items)*/ #main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6{ color:#8DCBEC; font-weight:bold !important; } .index_page #main-content h3{ font-size:1.4em; } .index_page #main-content h4{ font-size:1.2em; } .index_page #main-content h5{ font-size:1em; } #main-content #leadin, .index_page #main-content .leadin{ margin-bottom:20px; } .home #leadin{ display:none; } #leadin p, .index_page .leadin p{ font-size:1.1em; line-height:1.5; } #directions-map{ margin:0px 0px 20px 20px !important; } #contact-info{ margin:10px 0px; } #contact-info .org{ font-weight:bold; } #contact-info .adr{ margin:7px 0px; } #contact-info .street-address, #contact-info .postal-code, #contact-info .country-name{ display:block; } #contact-info .tel b{ display:block; width:90px; float:left; clear:left; } /*(trail map)*/ #trail-map{ background:url(../images/trail_map/trail_map_bg.jpg) top left no-repeat; width:888px; height:503px; border:1px solid #19134D; overflow:hidden; position:relative; } #trail-map h3{ display:none; } #trail-map #trail-map-controls{ float:right; margin-bottom:-1000px; position:relative; z-index:11; top:12px; left:-12px; } #trail-map-controls li{ float:left; margin-right:20px; } #trail-map-controls label{ color:#19134D; width:auto !important; } #trail-map-controls label[for="toggleEasyTrails"]{ padding-left:20px; background:url(../images/trail_rating_easy.png) left no-repeat; } #trail-map-controls label[for="toggleDifficultTrails"]{ padding-left:20px; background:url(../images/trail_rating_difficult.png) left no-repeat; } #trail-map-controls label[for="toggleVeryDifficultTrails"]{ padding-left:20px; background:url(../images/trail_rating_very_difficult.png) left no-repeat; } #trail-map-controls label[for="toggleExpertTrails"]{ padding-left:24px; background:url(../images/trail_rating_expert.png) left no-repeat; } #trail-map-controls input{ margin-right:5px; position:relative; top:2px; border:none; } #trail-map .overlay{ display:none; background-position:top left; background-repeat:no-repeat; background-color:transparent; width:890px; height:505px; position:absolute; top:10px; left:0px; } #trail-map .overlay li{ display:none; } #trail-map #trail-lifts{ background-image:url(../images/trail_map/trail_map_lifts.png); z-index:5; } #trail-map #trail-services{ background-image:url(../images/trail_map/trail_map_misc.png); z-index:6; } #trail-map #easy-trails{ background-image:url(../images/trail_map/trail_map_trails_easy.png); z-index:7; } #trail-map #difficult-trails{ background-image:url(../images/trail_map/trail_map_trails_difficult.png); z-index:8; } #trail-map #very-difficult-trails{ background-image:url(../images/trail_map/trail_map_trails_very_difficult.png); z-index:9; } #trail-map #expert-trails{ background-image:url(../images/trail_map/trail_map_trails_expert.png); z-index:10; } #trail-map-legend{ background:url(../images/trail_map/trail_map_legend.jpg) top left no-repeat; width:888px; height:265px; border:1px solid #19134D; overflow:hidden; position:relative; margin:0px 0px 20px; } /*(rate tables)*/ #main-content table.rate_table{ margin:10px 0px; } #main-content table.rate_table caption{ margin-top:15px;} #main-content table.rate_table a, #main-content table.rate_table a:hover{ color:#446395 !important; } #main-content table thead{ background-color:#446395; color:#FFF; } #main-content table.rate_table th{ font-weight:bold !important; padding:6px 8px; } #main-content table.rate_table thead tr.subheaders th{ font-size:.9em; font-weight:normal !important; background-color:#DBE2EE; color:#446395; } #main-content table.rate_table tbody tr.subheaders th{ font-weight:bold; padding-top:15px; padding-bottom:15px; } #main-content table.rate_table tbody{ background-color:#DBE2EE; color:#446395; font-size:.9em; } #main-content table.rate_table td{ padding:3px 8px; } #main-content table.rate_table tfoot{} /*(weather tables)*/ #access-bar{} .current_date{ font-size:14px; color:#F9CB48; } #weather-overview{} #weather-overview td, #weather-overview th{ text-align:center; } #weather-overview td.actions{ text-align:left !important; } #weather-overview td.actions ul{ list-style:disc; padding-left:14px; clear:both; } #weather-overview td.actions .print, #weather-overview td.actions .email{ display:inline; } #weather-overview td.actions .print a, #weather-overview td.actions .email a{ text-align:center; display:block; padding-top:46px; width:46px; font-size:10px; } #weather-overview td.actions .print a{ float:left; background:url(../images/weather_print_button.png) top left no-repeat transparent; margin-left:10px; } #weather-overview td.actions .email a{ float:right; background:url(../images/weather_email_button.png) top left no-repeat transparent; margin-right:10px; } #weatherReportForm{ display:none; } #weather-overview td strong{ display:block; } #weather-overview td.temperature, #weather-overview td.snowfall, #weather-overview td.trails_open, #weather-overview td.lifts_running{ font-size:20px; } #weather-overview td.resort_news{ text-align:left; } /*(special vmb callout)*/ #vmb-callout{ padding-left:175px; width:525px !important; } #vmb-callout div.vmb_callout_image{ width:195px; height:108px; float:left; position:relative; top:0px; left:-175px; margin-right:-195px; background:url(../images/home_vmb_callout.gif) top left no-repeat; } /* IE6 */ * html #vmb-callout{ margin-top:20px; } /*(event calendar)*/ #event-calendar-listing{} #event-calendar-listing h3{ color:#F9CB48; } #event-calendar-listing ul li{ margin:10px 0px 10px 15px; padding-bottom:10px; border-bottom:1px solid #1A124C; } #event-calendar-listing ul li b, #event-calendar-listing ul li span{ display:block; margin-bottom:2px; } #event-calendar-listing ul li span{ font-size:.8em; font-weight:bold; margin-bottom:10px; } #event-calendar-listing ul li span b{ font-size:1.2em !important; color:#9BABCA; } /*(specials listing)*/ #specials-listing{} #specials-listing h3{ margin-bottom:15px !important; color:#FFFFFF; } #specials-listing ul li{ padding:10px; margin-bottom:20px; background-color:#28285E; } #specials-listing ul.checklist li{ margin-bottom:5px; } #specials-listing ul.checklist li, #specials-listing p{ font-size:.8em; } #specials-listing b, #specials-listing a{ font-family:Verdana,Arial,Helvetica,sans-serif; } #specials-listing ul li ul li{ margin-bottom:auto; padding:0px; background-color:none; } #specials-listing ul li h4{} #site-map{} #site-map .section{ float:left; width:30%; margin-right:3%; margin-bottom:10px; } #site-map .clear{ clear:left; } /*(coupons)*/ #coupon{ margin:auto; width:600px; height:230px; text-align:left; background:url(../images/coupon_template.gif) no-repeat top left #FFF; } * html #coupon{ padding-top:30px; } #coupon div{ position:relative; color:#000; margin:0px; padding:0px; } #coupon div p{ margin:0px; padding:0px; } #coupon_address{ width:100px; top:70px; left:35px; } * html #coupon_address { top:40px; } #coupon_address p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; } #coupon_title{ width:380px; top:-60px; left:200px; } #coupon_title h3, #coupon_title h4{ margin:0px; padding:0px; } #coupon_title h4{ font-weight:normal; font-style:italic; font-size:14px; } #coupon_user{ width:240px; top:-35px; left:200px; } * html #coupon_user{ top:-50px; } #coupon_user h2{ font-size:16px; } #coupon_codes{ width:130px; top:-70px; left:450px; } * html #coupon_codes{ top:-85px; } #coupon_conditions{ width:430px; left:35px; top:-10px; } .english #coupon_conditions{ top:0px; } * html #coupon_conditions{ top:-50px; } #coupon_conditions p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; } #coupon_print_button{ padding:10px 0px; text-align:center; } /*sub-content*/ #sub-content{ position:relative; float:right; width:165px; padding:30px 10px 50px 15px; font-size:.9em; } /* IE6 */ * html #sub-content{ width:150px; } #sub-content h1, #sub-content h2, #sub-content h3, #sub-content h4, #sub-content h5, #sub-content h6{ font-weight:bold; } #quick-links{ position:relative; left:-15px; padding:0px 10px 15px 40px; width:150px; margin-right:-15px; margin-bottom:20px; background:url(../images/quick_links_bg.jpg) bottom left no-repeat; } html > body #quick-links{ min-height:133px; } #quick-links h4{ margin-bottom:7px; } .english #quick-links h4{ height:15px; width:69px; background:url(../images/english/header_quick_links.png) top left no-repeat; text-indent:-100000px; overflow:hidden; } .french #quick-links h4{ height:15px; width:69px; background:url(../images/french/header_quick_links.png) top left no-repeat; text-indent:-100000px; overflow:hidden; } #quick-links ul{ padding-right:10px; } #quick-links ul li{ margin-bottom:3px; padding-bottom:3px; border-bottom:1px solid #4D6090; } #quick-links ul li.noborder{ margin-bottom:0px; padding-bottom:0px; border-bottom:none; } #quick-links ul li a{ font-size:1em; } #quick-links div.quick_link_icon{ float:left; position:relative; width:35px; height:40px; left:-55px; margin-right:-35px; margin-bottom:-40px; background:url(../images/icon_star.png) top left no-repeat; } /* IE6 */ * html #quick-links{ width:140px; height:133px; overflow:visible; padding-right:10px; left:-5px; } * html .english #quick-links h4{ background:url(../images/english/header_quick_links.gif) top left no-repeat; } * html .french #quick-links h4{ background:url(../images/french/header_quick_links.gif) top left no-repeat; } /*--Footer --------------------------------------------------------*/ #footer{ clear:both; text-align:center; width:965px; padding-right:192px; margin-right:-192px; height:244px; background:url(../images/footer_bg.jpg) top left no-repeat; } #footer-navigation{ width:500px; margin:auto; padding-top:100px; } #footer-navigation .drop_down_nav{ display:none; } #footer-functional-nav, #footer-language-nav{ clear:both; margin-bottom:12px; } #footer-functional-nav{ margin:0px 30px; } .french #footer-functional-nav{ margin-left:0px; width:500px; } #footer-main-nav ul, #footer-functional-nav ul, #footer-language-nav ul{ list-style:none; display:inline-block; } #footer-main-nav li, #footer-functional-nav li, #footer-language-nav li{ float:left; padding-left:20px; } #footer-main-nav a{ color:#FFF; } #footer-main-nav a:hover, #footer-main-nav li.selected a{ color:#F9CB48; } .index_page #footer-main-nav ul{ clear:left !important; } #footer-functional-nav a{ color:#8DCBEC; font-size:.75em; } #footer-functional-nav a:hover, #footer-functional-nav li.selected a{ color:#FFF; } #footer-functional-nav li{ background:url(../images/footer_functional_nav_bullets.jpg) no-repeat 8px 7px; } #footer-functional-nav li.nobullet{ padding-left:0px !important; background:none; } .index_page #footer-functional-nav ul{ clear:left !important; } .index_page #footer-functional-nav ul li{ padding-left:10px; background-position:3px 7px; } #footer-language-nav li a{ display:block; width:26px; height:17px; background:url(../images/language_flags.png) top left no-repeat; text-indent:-100000px; overflow:hidden; } #footer-language-nav li.fr a{ background-position:top right !important; } /* IE6 */ * html #footer-main-nav ul{ margin-left:60px; } * html #footer-functional-nav ul{ margin-left:30px; } * html #footer-language-nav ul{ margin-left:165px; } /* place IE6 footer edge */ * html #footer div.ie6_footer_edge{ position:relative; float:left; width:192px; height:244px; margin-right:-192px; margin-bottom:-244px; left:965px; background:url(../images/footer_bg.jpg) top right no-repeat; } #copyright{ clear:both; color:#0D619F; font-size:.75em; margin-top:35px; position:relative; } .index_page #copyright{ margin-top:0px; padding-top:35px; } #copyright b{ display:block; color:#8DCBEC; padding:5px 0px; } #designed-by{ margin-top:12px; }