body { background:#b91c31 url(../images/homepageSummer/homepage-body-bg.gif) top center no-repeat; font-family:Arial, Helvetica, sans-serif;} #wrapper { background:url(../images/homepageSummer/homepage-bg.png) 0 0 repeat-y; width:916px; margin:0 auto; } #innerWrapper { width:900px; margin-left:8px; margin-right:8px; } /* main/top navigation */ #menu { min-height:77px; height:auto !important; height:77px; border-bottom:2px solid #fff; background:#dc3650 url(../images/homepageSummer/menu-bg.gif) 0 100% repeat-x; position:relative; } #menu #tools ul,#footer ul { float:right; margin:6px 7px 0 0; } /* #menu #tools, #footer { float:right; margin:6px 7px 0 0; } */ #menu #tools li, #footer li { float:left; font-size:0.7em; background: url(../images/homepageSummer/tools-seperator.gif) right no-repeat; padding-right:4px; margin-left:4px;} #menu #tools li.last, #footer li.last { background: none; padding-right:0px;} #menu a { color:#fff; text-decoration:none; overflow:hidden; } #menu a:hover { text-decoration:underline; } h1#logo-mw { background: url(../images/homepageSummer/logo-mw.gif) 0 0 no-repeat; float:left; width:98px; height:51px; margin:14px 0 0 22px; text-indent:-9999em; display:inline; } h1#logo-mw a { display:block; width:98px; height:51px; } .banner { float:left; display:block; position:relative; } #menu #top-nav { float:left; /*width:762px;*/ width:742px; position:absolute; bottom:0; /*left:130px;*/ left:150px; } /*#top-nav ul{ margin:-8px 0 0 4px !important; }*/ #top-nav li { float:left; height:47px; } #top-nav li a { text-indent:-999em; display:block; height:47px; } /*#top-nav ul li#top-nav-sun a { background: url(../images/homepageSummer/main-nav.gif) -83px 0 no-repeat; width:62px; } #top-nav ul li#top-nav-sun a:hover { background-position:-83px -116px; } #top-nav ul li#top-nav-ski a { background: url(../images/homepageSummer/main-nav.gif) -145px 0 no-repeat; width:67px; } #top-nav ul li#top-nav-ski a:hover { background-position:-145px -116px; } #top-nav ul li#top-nav-brochures a { background: url(../images/homepageSummer/main-nav.gif) -212px 0 no-repeat; width:104px; } #top-nav ul li#top-nav-brochures a:hover { background-position:-212px -116px; }*/ #top-nav li#top-nav-ski{ width:57px; } #top-nav li#top-nav-ski a{ width:57px; background:url(../images/homepageSummer/main-nav.gif) 0 top no-repeat; } #top-nav li#top-nav-ski a:hover{ background-position:0 -47px; } #top-nav li#top-nav-sun{ width:67px; } #top-nav li#top-nav-sun a{ width:67px; background:url(../images/homepageSummer/main-nav.gif) -62px top no-repeat; } #top-nav li#top-nav-sun a:hover{ background-position:-62px -47px; } #top-nav li#top-nav-guestLounge{ width:123px; } #top-nav li#top-nav-guestLounge a{ width:123px; background:url(../images/homepageSummer/main-nav.gif) -124px top no-repeat; } #top-nav li#top-nav-guestLounge a:hover{ background-position:-124px -47px; } #top-nav li#top-nav-why{ width:139px; } #top-nav li#top-nav-why a{ width:139px; background:url(../images/homepageSummer/main-nav.gif) -247px top no-repeat; } #top-nav li#top-nav-why a:hover { background-position:-247px -47px; } #top-nav li#top-nav-brochures{ width:109px; } #top-nav li#top-nav-brochures a{ width:109px; background:url(../images/homepageSummer/main-nav.gif) -386px top no-repeat; } #top-nav li#top-nav-brochures a:hover{ background-position:-386px -47px; } #top-nav ul li#top-nav-atol { background:none; float:right; height:41px; width:108px; } #top-nav ul li#top-nav-atol a { background: url(../images/homepageSummer/top-nav-atol.png) 0px 0px no-repeat; text-indent:-9999em; width:100px; height:41px; } a.info.summer {background-image:url(../images/flag-summer.png) !important; background-position: .3em .2em !important; background-repeat: no-repeat !important; padding-top:1px; padding-bottom:1px;} a.info.winter {background-image:url(../images/flag-winter.png) !important; background-position: .4em .2em !important; background-repeat: no-repeat !important; padding-top:1px; padding-bottom:1px;} /* */ /* Left Hand Side navigation area */ #lhs-nav { background:; float:left; width:280px; min-height:300px; display:inline; position:relative; } #quicksearch { background:#82050c; height:154px; } #quicklinks { background: url(../images/homepageSummer/leftColBack.gif) 0 0 no-repeat; min-height:515px; padding-bottom:6px } #quicklinks .lhs-item { margin:7px 0 0 6px; overflow:hidden; float:left; clear:both; width:270px; position:relative; } #holiday-quicksearch { background: url(../images/homepageSummer/button-holiday-quicksearch.gif) 0 0 no-repeat; width:280px; height:31px; text-indent:-9999em; float:left; } #search-sun { width:93px; height:27px; float:left; margin-right:1px; background:url(../images/homepageSummer/tab-quicksearch-sun-on.gif) 0 0 no-repeat; text-indent:-9999em; } #search-ski { width:93px; height:27px; float:left; background:url(../images/homepageSummer/tab-quicksearch-ski-off.gif) 0 0 no-repeat; text-indent:-9999em;} #search-sun a,#search-ski a { display:block; height:27px; overflow:hidden; outline:none; } #search-ski-box { display:none; } .quicksearch-bg { background: url(../images/homepageSummer/quicksearch-bg.gif) 0 0 no-repeat; height:123px; font-size:0.65em;float:left; width:280px; } #quicksearch .quicksearch-bg .dropdown { border:1px solid #8c3636; width:265px; margin-top:12px; } #quicksearch .quicksearch-bg .text { width:93px; } #quicksearch .quicksearch-bg .row {margin:12px 0 0 8px;} #quicksearch .quicksearch-bg .row img { margin-bottom:-4px; } .button-quicksearch { margin-right:7px; float:right; display:inline; margin-top:1px; } .duration { float:right; margin-right:7px; display:inline; } .advanced-options { margin-top:0px;} .advanced-options p { float:left; width:174px; margin:5px 0 0 8px; padding-left:8px; background: url(../images/homepageSummer/news-icon-arrow.gif) 0 .2em no-repeat; display:inline;} #advancedSearchSki .advanced-options input, #advancedSearchSun .advanced-options input { float:right; margin:-15px 20px 0 0; } #advancedSearchSun .advanced-options p, #advancedSearchSki .advanced-options p { margin:10px 0 0 8px; } #lhs-nav p a {color:#fff;text-decoration:underline;} #lhs-nav p a:hover { text-decoration:none;} #advancedSearchSun, #advancedSearchSki { position:absolute; left:0; top:154px; height:0; background:#913441 url(../images/homepageSummer/advanced-bg.gif) 0 0 no-repeat; width:280px; overflow:hidden; font-size:0.7em; color:#fff; z-index:99; } .advancedFooter { background:url(../images/homepageSummer/advanced-bg-bottom.gif); height:3px; width:280px; position:absolute; bottom:0; left:0; overflow:hidden; } #advancedSearchSun .divider, #advancedSearchSki .divider { float:left; clear:both; display:inline; height:1px; width:260px; overflow:hidden; background:url(../images/homepageSummer/dashed-hr.gif); margin:10px; } #advancedSearchSun .row, #advancedSearchSki .row { margin:2px 0; } #advancedSearchSun select, #advancedSearchSki select { padding:2px 0; border:none; } #btnHideAdvancedSun, #btnHideAdvancedSki { margin-top:5px; } #news .row input#fullName, #news .row input#emailAddress { font-size:11px } /* Main content area/page */ #page { float:left; width:471px; min-height:300px;font-size:0.75em;} #intro-shadow-top {background:url(../images/homepageSummer/intro-shadow-top.png) 0 0 no-repeat; width:471px; height:7px; font-size:0.5em; } #intro-shadow-bot {background:url(../images/homepageSummer/intro-shadow-bot.png) 0 0 no-repeat; width:471px; height:7px !important; font-size:0.5em;} h2#intro-heading { background: url(../images/homepageSummer/intro-heading.png) 0 0 no-repeat; width:389px; height:58px; text-indent:-9999em; margin-bottom:24px; } #intro { background: #fff url(../images/homepageSummer/intro-bg.gif) 0 0 no-repeat; padding:34px 34px 24px 34px; color:#662730; min-height:190px; } #intro a { color:#662730; text-decoration:underline;} #intro a:hover { text-decoration:none;} #news { background:#fff; color:#662730; min-height:204px; height:auto !important; height:204px; padding:3px 0 3px 0; margin-top:7px; } #news a { color:#662730; text-decoration:underline;} #news a:hover { text-decoration:none;} #news h3 { margin-left:14px; padding-left:13px; margin-bottom:3px; margin-top:7px; } #news h3.arrow { background: url(../images/homepageSummer/news-icon-arrow.gif) 0 0.2em no-repeat; padding-left:13px; } #news div.arrow { margin-left:14px; background: url(../images/homepageSummer/news-icon-arrow.gif) 0 0.2em no-repeat; padding-left:13px;} #news .newsContent { padding-right:15px;} #news p {margin-left:27px; } #news .news-pic {float:right; margin:0 10px 0 5px;} #news .breaker-dotted { background: url(../images/homepageSummer/breaker-dotted.gif) 0 0 repeat-x; height:7px; clear:both; margin:0 14px 14px 14px; } #news .useful-numbers { width:194px; float:left;} #news .subscribe-box { float:left; width:266px;} #news .row { margin:8px 0;} #news .row input.text { border:1px solid #999; width:144px; margin-left:27px; font-size:0.75em;} #news .row input.submit { background: url(../images/homepageSummer/button-subscribe.gif) 0 0 no-repeat; width:77px; height:15px; border:none; text-indent:-9999em; margin:0 0 -2px 10px; padding-top:15px; float:left;} /* */ /* Right Hand Side navigation area */ #rhs-shadow-top { background: url(../images/homepageSummer/rhs-shadow-top.png) 0 0 no-repeat; height:7px; float:left;font-size:0.01em; width:149px; } #rhs-nav { background: url(../images/homepageSummer/rhs-bg.png) 0 0 repeat-y; float:left; width:149px; font-size:0.7em; } #rhs-inside { background: url(../images/homepageSummer/rhs-top-bg.gif) 0 0 no-repeat; min-height:300px; margin-left:8px;} h4#special-offers { background: url(../images/homepageSummer/rhs-heading.png) 0 0 no-repeat; width:107px; height:37px; text-indent:-9999em; float:left; margin:16px 0 14px 9px;} #rhs-inside ul { clear:both; position:relative;} #rhs-inside ul a { color:#505050; text-decoration:none;} #rhs-inside ul a:hover { text-decoration:underline;} #rhs-inside ul li.icon-sun a span { color:#c60c30; } #rhs-inside li.icon-sun { background: url(../images/homepageSummer/icon-sun.gif) 0 0 no-repeat; padding-left:16px;padding-right:8px; margin-bottom:14px; margin-left:4px; } #rhs-inside li.icon-ski { background: url(../images/homepageSummer/icon-ski.gif) 0 0 no-repeat; padding-left:16px;padding-right:8px; margin-bottom:14px; margin-left:4px; } #rhs-inside ul li.icon-ski a span { color:#4d7fb2; } #rhs-inside p { color:#505050; margin-bottom:8px; margin-left:4px; padding-left:16px;} #rhs-inside .offers { float:left; padding-bottom:2px; } #rhs-shadow-bot { background: url(../images/homepageSummer/rhs-shadow-bot.png) 0 0 no-repeat; height:7px; float:right;font-size:0.01em; width:149px; } /* */ #footer { clear:both; width:916px; margin:0 auto; } #footer a { color:#ffffff; text-decoration:none; } #footer ul { float:right; margin:2px 7px 7px 0; } #footer li { float:left; font-size:0.7em; background: url(../images/homepage/tools-seperator.gif) right no-repeat; padding-right:5px; margin-left:4px; } #footer p { color:#fff; float:right;font-size:0.7em; margin-top:4px; margin-right:7px; clear:both; white-space:nowrap; } #footer p a { color:#fff; text-decoration:underline; } #footer p.smallTxt{ font-size:.6em; } .footer-shadow { width:916px !important; margin:0 auto; background:url(../images/homepageSummer/footer.png) 0 0 no-repeat; padding-top:8px; } /* global */ .note { font-size:0.85em;} .dashedRule { float:left; clear:both; width:440px; height:1px; background:url(../images/homepageSummer/dashed-hr.gif); margin:10px 0 4px 15px; overflow:hidden; display:inline; } a#btnAllSunOffers{ background:url(../images/homepageSummer/rhs-sun-offers.gif) 0 0 no-repeat; width:141px; height:32px; text-indent:-9999em; display:block; overflow:hidden; position:relative; } a#btnAllSkiOffers{ background:url(../images/homepageSummer/rhs-ski-offers.gif) 0 0 no-repeat; width:141px; height:32px; text-indent:-9999em; display:block; overflow:hidden; position:relative; } #destinattion-lists div{ float:left; display:inline; width:125px; color:#FFF; font-size:.7em; margin:10px 0 10px 10px; } #destinattion-lists h4{ } #destinattion-lists ul li{ font-weight:bold; padding-left:3px; } #destinattion-lists ul li a{ color:#FFF; } #destinattion-lists ul li a:hover{ text-decoration:none; } #news .newsContent table{ margin-left:27px; width:429px; }