/* CSS Document */ /** Crystal the finest page - SOME CSS OVERWRITES CURRENT STYLES SO KEEP AT BOTTOM OF PAGE **/ body.groupFinest #pageContent .contribute .content .introduction .inside {background:none; padding:0; float:left; width:auto;} body.groupFinest #pageContent .contribute .content .introduction .inside .text {float:none; margin:0; width:auto} #pageContent .contribute .content {overflow:hidden} #pageContent .contribute .content .introduction #finestHomeHero {background:url(/cms/thefinest/images/heroFinestHome.jpg) left bottom no-repeat #000; display:block;float:left; width:750px } #pageContent .contribute .content .introduction #finestFamiliesHero {background:url(/cms/thefinest/images/heroFinestFamilies.jpg) left bottom no-repeat #000; display:block;float:left; width:750px } #pageContent .contribute .content .introduction #finestServiceHero {background:url(/cms/thefinest/images/heroFinestService.jpg) left bottom no-repeat #000; display:block;float:left; width:750px } #pageContent .contribute .content .introduction .finestNav div {width:100%; margin-top:250px; background: #000; /* The Fallback */ background: rgba(0, 0, 0, 0.5); display:block; float:left; width:750px} #pageContent .standardPage .introduction .text .finestNav div h1 {display:block; float:left; width:300px; text-indent:-10000px; background:url(/cms/thefinest/images/finestLogo.gif) 19px 15px no-repeat; min-height:60px; *height:60px} #pageContent .finestNav div ul#finestSubNav {display:block; float:right; width:436px;padding:22px 0;} .standardPage a, .standardPage a:hover {color:#666666; font-weight:bold; text-decoration:underline} .introduction {position:relative;} #finestSubNav li {display:block; float:left;} #finestSubNav li a {border-left:1px solid #fff;color:#ccc;display:block;float:left;font-size:1em;margin:0;padding:4px 40px 5px; text-decoration:none} #finestSubNav li a:hover {background:#ccc; color:#000000;text-decoration:none;} #finestHomeHero #finestSubNav li.finest a, #finestServiceHero #finestSubNav li.service a, #finestFamiliesHero #finestSubNav li.families a {background:#ffffff; color:#000000;text-decoration:none;} #pageContent .contribute .content .pageContent .thefinestIntro {width:718px;} #pageContent .contribute .content .pageContent h2 {font-size:1.1em; font-weight:bold; color:#666; padding-right:60px; display:block;} #pageContent .contribute .content .pageContent .thefinestIntro p { padding-right:60px} #pageContent .contribute .content .pageContent .introText h3{color:#000000;} #pageContent .contribute .pageContent ul.thefinest {width:718px;} #pageContent .contribute .pageContent ul.thefinest li {clear:none;float:left;padding-left:10px;width:354px;} #pageContent .contribute .pageContent ul.thefinest li.first {padding-left:0;} #pageContent .contribute .pageContent ul.thefinest li h4 a {color:#666666;} #pageContent .contribute .pageContent ul.thefinest li .text {width:164px;} #theFinestCountries {padding-top:10px;width:718px;} #theFinestCountries h3 {border:0 none;color:##333333;font-size:100%;margin:0;padding:0 0 10px;width:auto; clear:left} #theFinestCountries h4 {font-size:91%;margin-bottom:6px;padding-bottom:0;} #theFinestCountries p {color:#000000;font-size:81%;line-height:1.4;} #theFinestCountries ul {width:auto;} #theFinestCountries ul li {float:left;list-style:none;padding:0 6px 12px 10px;width:126px; font-size:0.95em; } #theFinestCountries ul li.popular {width:344px; margin-top:4px} #theFinestCountries ul li.first {clear:left;padding-left:0;} #theFinestCountries ul li h4 a {clear:both;display:block;height:auto;overflow:hidden;width:auto; text-decoration:none; color:#000} #theFinestCountries ul li a.img {width:120px;} #theFinestCountries ul li img {width:120px; height:90px} #theFinestCountries ul li.popular img {width:344px; height:120px} #theFinestCountries ul li ul.resortList {font-size:0.8em;margin:10px 0 3em;position:relative;width:auto; min-height:110px} * html #theFinestCountries ul li ul.resortList {height:5em; } #theFinestCountries ul li.popular ul.resortList {width:100px; display:block; float:left; margin-right:10px} #theFinestCountries ul li ul.resortList li {padding:0 0 2px 0;width:auto;} #theFinestCountries ul li ul.resortList li a {float:left; display:block;width:120px;display:block;overflow:none; text-decoration:none; padding:1px;} #theFinestCountries ul li ul.resortList li a em {display:inline-block;width:6px; height:10px; overflow:hidden; text-indent:-10000px; background:url(/cms/thefinest/images/arrow-right.gif) 0 1px no-repeat;} #theFinestCountries ul li.popular ul.resortList li a {width:100px; margin-right:5px;} #theFinestCountries ul li ul.resortList li a:hover em{background:url(/cms/thefinest/images/arrow-right-hi.gif) 0 1px no-repeat;} #theFinestCountries ul li ul.resortList li a:hover {background:#333; color:#fff} #theFinestCountries ul li ul.resortList li.viewAll {bottom:10px;list-style:none;margin-left:0;padding:0;position:absolute;right:0;} #theFinestCountries ul li ul.resortList li.viewAll a {color:#666666;float:right;} #pageContent .productDescription {display:block; float:left; width:419px;} #pageContent .contribute .pageContent .productDescription .introText, #pageContent .contribute .pageContent .productDescription ul.contributeSections, #pageContent .contribute .pageContent .productDescription ul.contributeSections li {width:380px; margin-bottom:2px} #pageContent .contribute .content .pageContent .productDescription h2 {padding-right:0px; font-size:1.1em} #pageContent .photos {display:block; float:left; width:112px;margin-left:6px} #pageContent .photos img {border:1px solid #000; margin-bottom:12px; } #pageContent .standardPage .sectionNavigation ul a {text-decoration:none} #pageContent .standardPage .sectionNavigation ul li {border-bottom:1px solid #444; border-top:none} #pageContent .standardPage .sectionNavigation ul li a.selected, #pageContent .standardPage .sectionNavigation ul li a:hover{background-color:#ccc; border-top:none} #pageContent .contribute .pageContent ul.contributeSections li h4 { font-size:100%} #pageContent .contribute .pageContent ul.contributeSections li {border:none}