/* main.css Global Stylesheet Created: Creator: Matt Kircher */ /* Imported Styles --------------------------------------------------------*/ @import url("reset.css"); @import url("forms.css"); @import url("clearing.css"); /* General --------------------------------------------------------*/ body{ font-family:Arial, Helvetica, sans-serif; font-size:1em; text-align:center; color:#843304; background-color:#2D840F; } a{ color:#000; font-weight:bold; text-decoration:none; } a:hover{ color:#000; } h1{ font-size:1.8em; } h2{ font-size:1.5em; } h3{ font-size:1.125em; } h4{ font-size:1em; } h5{ font-size:0.875em; } h6{ font-size:0.75em; } h1, h2, h3, h4, h5, h6{ margin-bottom:7px; color:#AB2A05; } p, blockquote{ margin-bottom:7px; } a{ color:#2D840F; } a:hover{ color:#2D840F; } hr{ margin:20px 0px; width:100%; height:1px; color:#D5EFBA; background-color:#D5EFBA; border:none; } /* Classes --------------------------------------------------------*/ /*-GRIDS-*/ .grid2{ clear:both; } .grid2 > .left{ float:left; width:50%; } .grid2 > .right{ float:right; width:49%; } .padded_grid > .grid2 > .left{ width:48%; padding-right:2%; } .grid2_offset_left{ clear:both; } .grid2_offset_left > .left{ float:left; width:33%; } .grid2_offset_left > .right{ float:right; width:65%; } .padded_grid > .grid2_offset_left > .left{ width:31%; padding-right:2%; } .grid2_offset_right{ clear:both; } .grid2_offset_right > .left{ float:left; width:66%; } .grid2_offset_right > .right{ float:right; width:33%; } .padded_grid > .grid2_offset_right > .left{ width:64%; padding-right:2%; } .grid3{ clear:both; } .grid3 > div{ float:left; width:33%; } .padded_grid > .grid3 > div{ width:31%; padding-right:2%; } /*-AREAS-*/ a.button, button{ display:block; float:left; overflow:hidden; text-indent:-10000px; background-image:url(../images/content/buttons_bg.png); background-repeat:no-repeat; background-color:transparent; } .french a.button, .french button{ background-image:url(../images/content/buttons_bg_fr.png); } .english_button{ height:46px; width:162px; background-position:0px 0px; } .french_button{ height:46px; width:162px; background-position:-162px 0px; } .montblanc_button{ height:33px; width:195px; background-position:0px -46px; } .enter_jungle_button{ height:46px; width:220px; background-position:-324px 0px; } .more_button_small{ height:33px; width:121px; background-position:-374px -46px; } .print_coupon_button{ height:33px; width:121px; background-position:-495px -46px; } .submit_button{ height:33px; width:115px; background-position:-141px -79px; } .reset_button{ height:33px; width:115px; background-position:-256px -79px; } .generate_button{ height:33px; width:155px; background-position:-371px -79px; } button.submit_button, button.reset_button, button.generate_button{ border:0px; cursor:pointer; } button.submit_button, button.generate_button{ margin-right:10px; } .module p, .yellow_box p{ font-size:0.75em !important; } .module{ background-color:#FFF; border:1px solid #D5EFBA; padding:10px; text-align:center; margin-bottom:5px; } .module h4{ padding-bottom:5px; border-bottom:1px solid #D5EFBA; } .yellow_box{ background:url(../images/content/yellow_box_bg.jpg) bottom left repeat-x #FCF7BF; border:1px solid #CCC; padding:20px 10px; margin:12px 0px; } .grid3{ clear:both; } .grid3 > div{ float:left; width:33%; } /*-APPEARANCES-*/ .subhead{ font-size:0.875em; color:#843304; } p.note, span.note{ color:#B85D0B; font:10px Arial, Helvetica, sans-serif !important; } .detail_text p, .detail_text li, .detail_text blockquote{ font-size:0.689em !important; } .detail_text li{ background-position:0px 3px !important; } .double_list li{ float:left; width:44%; margin-right:1%; } .double_list, .inline_list{ padding-left:0px !important; } .inline_list li{ float:left; margin-right:7px; padding-left:7px; } .inset_image_left{ float:left; margin:0px 12px 12px 0px; } .inset_image_right{ float:right; margin:0px 0px 12px 12px; } .animal, .balloon{ background-image:url(../images/content/animals_bg.png); background-repeat:no-repeat; background-color:transparent; position:relative; z-index:2; } .lion_facing_left { width:206px; height:213px; margin:0px -206px -213px 0px; background-position:-347px -50px; } .lion_facing_right { width:206px; height:213px; margin:0px -206px -213px 0px; background-position:-141px -50px; } .monkey_facing_left { width:129px; height:107px; margin:0px -129px -107px 0px; background-position:-553px -163px; } .monkey_facing_right { width:129px; height:107px; margin:0px -129px -107px 0px; background-position:-12px -163px; } .giraffe_facing_left { width:141px; height:163px; margin:0px -141px -163px 0px; background-position:-553px 0px; } .giraffe_facing_right{ width:141px; height:163px; margin:0px -141px -163px 0px; background-position:0px 0px; } .balloon{ z-index:3; display:block; float:right; overflow:hidden; text-align:center; line-height:1.2em; } .balloon_small_left { width:73px; height:54px; padding:11px 17px 29px 19px; margin:0px -109px -94px 0px; background-position:-153px -270px; } .balloon_small_right{ width:73px; height:54px; padding:11px 17px 29px 19px; margin:0px -109px -94px 0px; background-position:-415px -270px; } .balloon_large_left { width:82px; height:64px; padding:14px 52px 16px 19px; margin:0px -153px -135px 0px; background-position:0px -270px; } .balloon_large_right{ width:82px; height:44px; padding:14px 52px 16px 19px; margin:0px -153px -135px 0px; background-position:-262px -270px; } /* Wrap --------------------------------------------------------*/ #wrap{ text-align:left; margin:auto; width:1000px; min-height:920px; background:url(../images/page_bg.jpg) top center no-repeat #2D840F; } #header, #footer{ padding:0px 115px; clear:both; } /* Header --------------------------------------------------------*/ #header{ height:230px; } /* Logo --------------------------------------------------------*/ #logo{ display:inline; } #logo a{ display:block; overflow:hidden; text-indent:-10000px; float:left; width:315px; height:228px; margin-right:-315px; margin-bottom:-228px; position:relative; left:-110px; background:url(../images/logo.png) top left no-repeat transparent; cursor:pointer; } .splashpage #logo a{ width:100%; height:360px; left:0px; margin:0px; background:url(../images/splash_logo.png) top center no-repeat transparent; z-index:2; } /* Navigation --------------------------------------------------------*/ #navigation{ display:inline; } /* functional-nav */ #functional-nav ul{ float:right; height:60px; } #functional-nav li{ display:inline; } #functional-nav li.end_nav{} #functional-nav li a{ display:block; float:left; margin-right:10px; padding-right:10px; border-right:1px solid #63AE35; color:#F5E625; font-size:0.75em; margin-top:12px; } #functional-nav li.end_nav a{ margin-right:0px; padding-right:0px; border:none; } #functional-nav li a:hover{ color:#FFF; } #functional-nav li.photo_video_tab a{ height:45px; width:115px; padding-left:60px; background:url(../images/functional_nav_video_tab.jpg) top left no-repeat; color:#843304; margin-top:0px; padding-top:12px; } #functional-nav li.photo_video_tab a:hover{ color:#E20A16; } .french #functional-nav ul{ position:relative; left:30px; } .french #functional-nav li a{ margin-right:7px; padding-right:7px; } /* main-nav */ #main-nav ul{ clear:right; float:right; margin-top:70px; padding-left:170px; height:80px; width:580px; background:url(../images/main_nav_bar.png) top right no-repeat transparent; } #main-nav li{ float:left; padding:20px 12px 5px 0px; margin:10px 12px 0px 0px; background:url(../images/main_nav_divider.jpg) top right no-repeat; } #main-nav li.end_nav{ margin-right:0px; padding-right:0px; background:none; } #main-nav li a{ display:block; float:left; text-indent:-1000px; overflow:hidden; height:24px; background-image:url(../images/main_nav_bg.png); background-repeat:no-repeat; background-color:transparent; } #main-nav li a:hover, #main-nav li.selected a{} #main-nav #mn1{ width:110px; background-position:0px 0px; } #main-nav #mn2{ width:90px; background-position:-110px 0px; } #main-nav #mn3{ width:92px; background-position:-200px 0px; } #main-nav #mn4{ width:159px; background-position:-292px 0px; } #main-nav #mn1:hover, #main-nav li.selected #mn1{ background-position:0px -24px; } #main-nav #mn2:hover, #main-nav li.selected #mn2{ background-position:-110px -24px; } #main-nav #mn3:hover, #main-nav li.selected #mn3{ background-position:-200px -24px; } #main-nav #mn4:hover, #main-nav li.selected #mn4{ background-position:-292px -24px; } .french #main-nav li a{ height:24px; } .french #main-nav #mn1{ width:97px; background-position:0px -48px; } .french #main-nav #mn2{ width:86px; background-position:-97px -48px; } .french #main-nav #mn3{ width:101px; background-position:-183px -48px; } .french #main-nav #mn4{ width:171px; background-position:-284px -48px; } .french #main-nav #mn1:hover, .french #main-nav li.selected #mn1{ background-position:0px -73px; } .french #main-nav #mn2:hover, .french #main-nav li.selected #mn2{ background-position:-97px -73px; } .french #main-nav #mn3:hover, .french #main-nav li.selected #mn3{ background-position:-183px -73px; } .french #main-nav #mn4:hover, .french #main-nav li.selected #mn4{ background-position:-284px -73px; } /* sub-nav */ #sub-nav{} #sub-nav li{} #sub-nav li.end_nav{} #sub-nav li a{} #sub-nav li a:hover, #sub-nav li.selected a{} /* Masthead --------------------------------------------------------*/ #masthead{} /* Content --------------------------------------------------------*/ #content{ clear:both; background-color:#E9F6DA; margin:0px 115px 20px; padding:20px 20px 20px; color:#843304; min-height:400px; } #content p, #content li, #content blockquote{ line-height:1.35em; font-size:0.875em; } #content ol, #content ul{ margin-bottom:10px; padding-left:20px; } #content ul li{ padding-left:15px; background:url(../images/content/list_bullet.gif) 0px 6px no-repeat transparent; } /* splash page */ .splashpage .subhead{ color:#FFF; } .splashpage #content{ padding:20px 200px; text-align:center; background:none; } .splashpage #content .yellow_box{ margin:auto; padding-top:200px; position:relative; margin-top:-200px; margin-bottom:20px; } .splashpage #mb_link{ margin:auto; width:195px; } /* animals */ .home #monkey{ top:-70px; left:330px; } .home #monkey .balloon{ top:-70px; left:-70px; height:35px; padding-top:30px; } .jungle #monkey{ top:-90px; left:95px; } .ski_play #monkey{ top:150px; left:225px; } .home #giraffe{ left:-151px; } .jungle #giraffe{ left:730px; top:-24px; } .rates #giraffe{ left:-140px; top:150px; } .home #lion, .jungle #lion{ top:-30px; left:130px; } .home #lion .balloon, .jungle #lion .balloon{ top:20px; left:-275px; } /*IE7*/ * + html .home #lion, * + html .jungle #lion{ top:240px; left:270px; } /* home */ #home-kids-image{ position:relative; left:40px; margin-left:-40px; z-index:2; } /* jungle */ .jungle #content{ padding-bottom:100px; } .jungle #topper-content{ padding-right:500px; margin-top:-50px; margin-bottom:80px; padding-top:50px; background:url(../images/content/jungle_wide_area_shot.png) top right no-repeat transparent; border-bottom:1px solid #D5EFBA; } .jungle #jungle-parts{ width:320px; margin-bottom:-30px; } .jungle #main-content .left #bottom_image{ width:196px; height:188px; margin-bottom:-188px; maring-right:-196px; float:left; top:10px; left:-10px; position:relative; background:url(../images/content/jungle_kids_image.png) bottom left no-repeat; } div[class="subpage jungle french"] #main-content .left #bottom_image{ top:-36px; left:-5px; } /* ski / play */ .ski_play #ski_play-kids-image{ position:relative; margin-top:-26px; margin-right:-23px; } /* modules */ #module-date-time strong, #module-group-pricing strong, #module-pricing strong{ font-size:14px; } #module-group-pricing strong, #module-pricing strong{ letter-spacing:-0.05em; } #module-contact-info .name{ font-weight:bold; margin-top:20px; } #module-contact-info .street-address{} #module-contact-info .locality{ display:block; } #module-contact-info .region{} #module-contact-info .postal-code{} #module-contact-info .country-name{ display:block; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #D5EFBA; } #module-contact-info .tel1, #module-contact-info .tel2{ font-size:1.09em !important; } #module-contact-info .email1{ display:block; margin-top:15px; } #module-media{ text-align:center; } #module-media a{ margin:auto; display:block; width:240px; height:116px; text-indent:-10000px; overflow:hidden; background:url(../images/content/media/media_banner_bg_eng.jpg) top left no-repeat transparent; border:none; padding:0px; } .french #module-media a{ background-image:url(../images/content/media/media_banner_bg_fr.jpg); } #module-coupon{ text-align:center; } #module-coupon a{ margin:auto; display:block; width:240px; height:116px; text-indent:-10000px; overflow:hidden; background:url(../images/content/coupon_banner_bg_eng.jpg) top left no-repeat transparent; border:none; padding:0px; } .french #module-coupon a{ background-image:url(../images/content/coupon_banner_bg_fr.jpg); } /* media */ #photo-container{} #photo-container ul{ padding-left:0px !important; } #photo-container li{ float:left; margin:0px 5px 5px 0px; padding-left:0px !important; background:none !important; } #photo-container img{ width:50px; height:auto; } #video-container{ margin-bottom:20px; } #video-container ul{ padding-left:0px !important; } #video-container li{ float:left; margin:0px 5px 5px 0px; padding-left:0px !important; background:none !important; } #video-container img{ width:68px; height:auto; } #media-spotlight{ text-align:center; width:460px; overflow:hidden; } #media-object{ position:relative; top:0px; left:0px; display:none; margin:auto; overflow:hidden; text-align:center; } #media-object img{ margin:auto; } #media-spotlight p.title{ margin:auto; width:460px; margin-top:1px; padding:20px 0px 10px; font-weight:bold; } /* site pages */ #site-info-block{ margin:10px 0px 20px; padding-top:20px; border-top:1px solid #D5EFBA; } /* coupon */ #generated-coupon{ background:none; } #generated-coupon #coupon-image{ float:left; position:relative; z-index:1; margin-bottom:-240px; top:-240px; } #generated-coupon p.coupon{ width:400px; height:240px; position:relative; z-index:2; } #generated-coupon p.coupon span{ display:block; float:left; clear:left; position:relative; left:0px; } #generated-coupon p.coupon span.date{ top:10px; left:30px; } #generated-coupon p.coupon span.name{ top:145px; left:80px; } #generated-coupon p.coupon span.mail{ top:145px; left:80px; } /* Sub-content --------------------------------------------------------*/ #sub-content{} /* Footer --------------------------------------------------------*/ #footer{ padding-bottom:20px; } .splashpage #footer{ margin-top:-150px; } .splashpage #footer h3{ color:#F8EB00; } .splashpage #footer p{ color:#FFF; font-size:0.875em; } .splashpage #footer .left, .splashpage #footer .right{ text-align:center; } .splashpage #footer .left p, .splashpage #footer .right p{ text-align:justify; } /* navigation */ #footer-nav{ display:inline; } #footer-nav ul{ float:right; } #footer-nav li{ display:inline; } #footer-nav li.end_nav{} #footer-nav li a{ display:block; float:left; margin-right:10px; padding-right:10px; border-right:1px solid #63AE35; color:#F5E625; font-size:0.75em; } #footer-nav li.end_nav a{ margin-right:0px; padding-right:0px; border:none; } #footer-nav li a:hover{ color:#FFF; } .french #footer-nav li a{ margin-right:7px; padding-right:7px; font-size:0.689em; } /* copyright */ #copyright{ float:left; color:#FFF; font-size:0.625em; } .splashpage #copyright{ width:100%; text-align:center; margin-top:20px; } /* designed by */ #designed-by{}