/* HOME */ /****************/ #home #homeFeature { width: 100%; height: 360px; } /* HOME BANNER */ #home #homeFeature #featureDisplay { width: 757px; height: 100%; float:left; } #home #homeFeature #featureRight { float: left; background: #e1daca; height: 100%; padding: 0 10px; position: relative; width: 184px; } #home #homeFeature #featureRight h1 { font-size: 32px; color: #3d2b22; margin: 15px 0 2px; padding: 0; text-transform: none; font-weight: normal; border: none; } #home #homeFeature #featureRight h1 img { margin: 0 0 6px; } #home #homeFeature #featureRight p { font-size: 11px; line-height: 14px; } #home #homeFeature #featureRight .line { float: left; height: 1px; width: 100%; border-top: 1px solid #878379; margin: 0 0 8px; } #home #homeFeature #featureRight #btns { float: left; margin: 10px 0; } #home #homeFeature #featureRight #btns .btn { float: left; margin: 6px 0 0; } #home #homeFeature #featureRight .note { color: #4b352a; font-size: 10px; line-height: 14px; margin: 15px 0 0; } /* HOME CTAs */ #home #homeCTAs { width: 100%; float: left; margin: 14px 0 0; } #home #homeCTAs .cta { width: 185px; height: auto; float: left; padding: 0 9px 0 0; } #home #homeCTAs .last { padding: 0; } #home #homeCTAs .cta h2 { width: 178px; padding: 0 0 4px; margin: 2px 0 10px; border-bottom: 1px solid #d9d9d9; background: none; } #home #homeCTAs .cta h2 a { font-size: 13px; color: #3d2b22; text-transform: uppercase; } #home #homeCTAs .cta .ctaImage { float: left; width: 185px; height: 96px; padding: 6px 7px 3px 6px; margin: 0 0 0 -3px; background: url(../images/cta-bg.jpg) no-repeat; } #home #homeCTAs .cta p { width: 100%; padding: 0 10px 0 0; } /* RESORT LANDING */ /**********/ #resort { width: 100%; height: 100%; float:left; } #resort h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; line-height: 26px; } #resort .sectionLeft { float: left; width: 543px; padding: 0 25px 0 0; } #resort .sectionRight { float: left; width: 393px; } /* RESORT CTAs */ #resort .sectionRight #sectionCTAs { float: left; margin: 54px 0 0; } #resort .sectionRight #sectionCTAs .cta { width: 185px; height: auto; float: left; padding: 0 0 0 4px; } #resort .sectionRight #sectionCTAs .cta h2 { width: 178px; padding: 0 0 4px; margin: 2px 0 10px; border-bottom: 1px solid #d9d9d9; background: none; } #resort .sectionRight #sectionCTAs .cta h2 a { font-size: 13px; color: #61310b; text-transform: uppercase; } #resort .sectionRight #sectionCTAs .cta .ctaImage { float: left; width: 185px; height: 96px; padding: 6px 7px 3px 6px; margin: 0 0 0 -3px; background: url(../images/cta-bg.jpg) no-repeat; } #resort .sectionRight #sectionCTAs .cta p { width: 100%; padding: 0 10px 0 0; } #resort .sectionRight .logoSection { float: left; width: 100%; } #resort .sectionRight .logoSection .logo { float: left; width: 116px; margin: 0 10px 0 0; } #resort .sectionRight .logoSection .sect { float: left; width: 267px; } /* Horizontal Divider */ #resort #divider { float:left; width:100%; margin: 15px 0 0; } #resort #divider #divL { background:url(../images/divider-left.gif) no-repeat; width: 5px; height: 12px; float: left; } #resort #divider #divM { background:url(../images/divider-mid.gif) repeat-x; max-width: 951px; width:100%; height: 12px; float: left; } #resort #divider #divR { background:url(../images/divider-right.gif) no-repeat; width: 5px; height: 12px; float: left; } /* ROOMS LANDING */ /****************/ #rooms { width: 100%; height: 100%; float:left; margin: 16px 0 0; } #rooms h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; line-height: 26px; } #rooms .sectionLeft { float: left; width: 543px; padding: 0 25px 0 0; } #rooms .sectionRight { float: left; width: 393px; } /* ROOMS CTAs */ #rooms .sectionRight #sectionCTAs { float: left; margin: 5px 0 0; } #rooms .sectionRight #sectionCTAs .cta { width: 185px; height: auto; float: left; padding: 0 0 0 4px; } #rooms .sectionRight #sectionCTAs .cta h2 { width: 178px; padding: 0 0 4px; margin: 2px 0 10px; border-bottom: 1px solid #d9d9d9; background: none; } #rooms .sectionRight #sectionCTAs .cta h2 a { font-size: 13px; color: #61310b; text-transform: uppercase; } #rooms .sectionRight #sectionCTAs .cta .ctaImage { float: left; width: 185px; height: 96px; padding: 6px 7px 3px 6px; margin: 0 0 0 -3px; background: url(../images/cta-bg.jpg) no-repeat; } #rooms .sectionRight #sectionCTAs .cta p { width: 100%; padding: 0 10px 0 0; } /* OUR GARDEN */ /********************/ #garden { width: 100%; height: 100%; float:left; margin: 16px 0 0; } #garden h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; line-height: 26px; } #garden h3 { margin: 21px 0 10px 0px; padding: 0; font-size: 14px; background: none; border: none; } #garden #sectionLeft { float: left; width: 460px; margin: 0 41px 0 0; } #garden #sectionRight { float: left; width: 460px; } #garden #harvesting { float: left; width: 300px; min-height: 250px; border: 6px solid #B16742; padding: 15px 15px 25px; background: #222222; -moz-box-shadow: 0 0 4px #666666; -webkit-box-shadow: 0 0 4px #666666; } #garden #harvesting p { color: #C3DFD4; font-size: 24px; } #garden #viewGarden { float: left; margin: 0 0 20px; } /* DINING LANDING */ /******************/ #dining { width: 100%; height: 100%; float:left; } #dining h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; line-height: 26px; } #dining h2 { background: url(../images/h2-icon-dining.gif) no-repeat left top; } #dining .sectionLeft { float: left; width: 354px; padding: 0 25px 0 0; } #dining .sectionRight { float: left; width: 582px; } /* DINING CTAs */ #dining .sectionRight #sectionCTAs { float: left; margin: 50px 0 0; } #dining .sectionRight #sectionCTAs .cta { width: 185px; height: auto; float: left; padding: 0 0 0 4px; } #dining .sectionRight #sectionCTAs .cta h2 { width: 178px; padding: 0 0 4px; margin: 2px 0 10px; border-bottom: 1px solid #d9d9d9; background: none; } #dining .sectionRight #sectionCTAs .cta h2 a { font-size: 13px; color: #61310b; text-transform: uppercase; } #dining .sectionRight #sectionCTAs .cta .ctaImage { float: left; width: 185px; height: 96px; padding: 6px 7px 3px 6px; margin: 0 0 0 -3px; background: url(../images/cta-bg.jpg) no-repeat; } #dining .sectionRight #sectionCTAs .cta p { width: 100%; padding: 0 10px 0 0; } /* DINING - OUR CHEFS */ /**********************/ #ourChefs { width: 100%; height: 100%; float:left; } #ourChefs h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #77513e; margin: 16px 0 13px; padding: 0; line-height: 26px; } #ourChefs #sectionLeft { float: left; width: 460px; margin: 0 41px 0 0; } #ourChefs #sectionRight { float: left; width: 460px; } #ourChefs .chefPhoto { background: url(../images/chefs-bg.jpg) no-repeat; float: left; width: 190px; height: 143px; padding: 7px 0 0 8px; } #ourChefs p { float: none; width: auto; } /* DINING - MENUS */ /******************/ #menus { width: 100%; height: 100%; float:left; } #menus h1 { float: left; margin: 0 0 5px; padding: 0; border: none; width: 100%; } #menus h2 { float: left; margin: 0 16px 4px 0; padding: 0; border: none; } #menus h3 { float: left; margin: 15px 0 2px; width: 100%; font-weight: normal; text-transform: uppercase; } #menus h4 { float: left; margin: 15px 0 0; padding: 0 0 2px; font-weight: bold; } #menus .bullet { background: url(../images/bullet-circle.gif) no-repeat center 5px; width:4px; height: 4px; padding: 0 2px; margin: 0 8px 0 4px; } #menus p, #menus li { font-size: 11px; line-height: 16px; } #menus p.dessert { margin: 15px 0 0; } #menus p { float: none !important; } #menus #menusNav { float: left; width: 240px; height: 100%; } #menus #menusNav ul { list-style: none; margin: 16px 0 0; } #menus #menusNav ul li { display: block; line-height: 17px; } #menus #menusNav ul li a { float: left; width: 180px; padding: 3px 0 3px 5px; margin: 0 0 1px; color: #3d2b22; font-size: 11px; text-decoration: none; text-transform: uppercase; } #menus #menusNav ul li:hover a, #menus #menusNav ul li#activeParent a:hover { background: #c4bf35; text-decoration: none; } #menus #menusNav ul li a:active, #menus #menusNav ul li.active ul li a:active { color: #FFFFFF; } #menus #menusNav ul li#activeParent a { background: none; } #menus #menusNav ul li.active a { background: #c4bf35; } #menus #menusNav ul li.active ul { display: block; } #menus #menusNav ul li ul { display: none; list-style: none; margin: 0; } #menus #menusNav ul li.active ul li { display: block; } #menus #menusNav ul li.active ul li a { float: left; width: 170px; padding: 3px 0 3px 5px; margin: 0 0 3px 10px; background: none; color: #3d2b22; font-size: 11px; text-decoration: none; text-transform: uppercase; } #menus #menusNav ul li.active ul li:hover a, #menus #menusNav ul li#activeParent ul li.active a { text-decoration: none; background: #DFDB6F; } #menus #menusNav ul li#activeParent:hover ul li.active a { text-decoration: none; background: #DFDB6F; } #menus #menusContent { float: left; width: 691px; height: 100%; padding: 0 0 0 29px; border-left: 1px solid #c4bfbc; } #menus #menusContent p { font-size: 12px; line-height: 17px; padding: 15px 0 0 0; padding-top:0;} #menus #menusContent #leftCol { float: left; width: 329px; margin: 0 33px 0 0; } #menus #menusContent #rightCol { float: left; width: 329px; } /* WINE LIST */ #menus #menusContent #winelist { float: left; width: 100%; } #menus #menusContent #winelist h3 { margin: 25px 0 2px; } #menus #menusContent #winelist ul { float: left; list-style: none; margin: 15px 0 0; } #menus #menusContent #winelist ul.features li ul li.wine { width: 451px; } #menus #menusContent #winelist ul li { float: left; display: block; width: 100%; } #menus #menusContent #winelist ul li ul { float: left; list-style: none; margin: 0; } #menus #menusContent #winelist ul li ul li.bin, #menus #menusContent #winelist ul li ul li.b, #menus #menusContent #winelist ul li ul li.g, #menus #menusContent #winelist ul li ul li.ml { width: 75px; } #menus #menusContent #winelist ul li ul li.wine { width: 376px; padding: 0 15px 0 0; } #menus #menusContent #winelist ul li.white ul li { font-weight: bold; padding-bottom: 2px; color: #55a51c; } #menus #menusContent #winelist ul li.red ul li { font-weight: bold; padding-bottom: 2px; color: #910505; } #menus #menusContent #winelist ul li ul li .small { font-size: 10px; } /* CONFERENCES LANDING */ /****************/ #conferences { width: 100%; height: 100%; float:left; } #conferences h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; line-height: 26px; } #conferences h2 { background: url(../images/h2-icon-conferences.gif) no-repeat left top; } #conferences .sectionLeft { float: left; width: 354px; padding: 0 25px 0 0; } #conferences .sectionRight { float: left; width: 582px; } /* CONFERENCES CTAs */ #conferences .sectionRight #sectionCTAs { float: right; margin: 54px 0 0; } #conferences .sectionRight #sectionCTAs .cta { width: 185px; height: auto; float: left; padding: 0 0 0 4px; } #conferences .sectionRight #sectionCTAs .cta h2 { width: 178px; padding: 0 0 4px; margin: 2px 0 10px; border-bottom: 1px solid #d9d9d9; background: none; } #conferences .sectionRight #sectionCTAs .cta h2.request { padding: 0 0 2px; } #conferences .sectionRight #sectionCTAs .cta h2 a { font-size: 13px; color: #61310b; text-transform: uppercase; } #conferences .sectionRight #sectionCTAs .cta .ctaImage { float: left; width: 185px; height: 96px; padding: 6px 7px 3px 6px; margin: 0 0 0 -3px; background: url(../images/cta-bg.jpg) no-repeat; } #conferences .sectionRight #sectionCTAs .cta p { width: 100%; padding: 0 10px 0 0; } /* CONFERENCES - REQUEST FOR PROPOSAL */ /************************/ #request { width: 100%; height: 100%; float:left; } #request h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; line-height: 26px; } h1.request { background: url(../images/h1-icon-conferences.gif) no-repeat left -1px; padding: 9px 0 1px 35px; } #request #sectionLeft { float: left; width: 580px; } #request #validation { margin-top: 15px; } #request #validation .fields { width: 717px; } #request #form { float: left; width: 100%; padding: 15px 0 0; } #request #form #leftCol { float: left; width: 325px; margin: 0 70px 0 0; } #request #form #rightCol { float: left; width: 566px; } #request .requestInfo { margin: 16px 0 0; } #request .field { float: left; width: 100%; margin: 0 0 6px; } #request .field label { float: left; padding: 4px 0 0; text-align: left; color: #382f2a; line-height: 15px; } #request #leftCol .field label { width: 144px; } #request #rightCol .field label { width: 224px; } #request .field input, #request .field textarea, #request .field select { float: left; border: 1px solid #B2B2B2; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #817872; margin: 0; } #request .field input { width: 176px; height: 16px; padding: 4px 0 0 2px; } #request .field textarea { width: 174px; height: 45px; padding: 4px 2px; } #request .field select { width: 180px; height: 22px; padding: 3px 2px 2px 0; } #request .field input#phoneAreaCode, #request .field input#faxAreaCode { width: 30px; } #request .field input#phone3, #request .field input#fax3 { width: 30px; margin: 0 0 0 2px; } #request .field input#phone4, #request .field input#fax4 { width: 40px; } #request .field span.lb { float: left; margin: 6px 2px 0 0; color: #817872; } #request .field span.punc { float: left; margin: 6px 2px; color: #817872; } #request .field select#fromMonth, #request .field select#toMonth { width: 62px; margin: 0 7px 0 0; } #request .field select#fromDay, #request .field select#toDay { width: 50px; margin: 0 7px 0 0; } #request .field select#fromYear, #request .field select#toYear { width: 54px; margin: 0 7px 0 0; } #request .field input.required, #request .field textarea.required, #request .field select.required, #request .field input.invalid, #request .field select.invalid, #request .field textarea.invalid{ border: 1px solid #FF0000; } #request #rightCol input#submit { float: left; margin: 10px 0 0 344px; background: url(../images/submit-request.gif) no-repeat left top; width: 64px; height: 22px; border: none; cursor: pointer; } #request #rightCol input#submit:hover { background: url(../images/submit-request.gif) no-repeat left bottom; width: 64px; height: 22px; } /* if radio inputs instead #request #rightCol .field #hear { float: left; width: 342px; padding: 6px 0 0; } #request #rightCol .field #hear .field { margin: 0 0 3px; } #request #rightCol .field #hear input { float: left; margin: 0 5px 0 0; width: auto; } #request #rightCol .field #hear label { float: left; width: auto; padding: 1px 0 0;} */ /* SPA */ /*******/ #spa { width: 100%; height: 100%; float:left; } #spa h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; line-height: 26px; } #spa h2 { background: url(../images/h2-icon-spa.gif) no-repeat left top; } #spa .sectionLeft { float: left; width: 354px; padding: 0 25px 0 0; } #spa .sectionRight { float: left; width: 582px; } /* SPA CTAs */ #spa .sectionRight #sectionCTAs { float: left; margin: 54px 0 0; } #spa .sectionRight #sectionCTAs .cta { width: 185px; height: auto; float: left; padding: 0 0 0 4px; } #spa .sectionRight #sectionCTAs .cta h2 { width: 178px; padding: 0 0 4px; margin: 2px 0 10px; border-bottom: 1px solid #d9d9d9; background: none; } #spa .sectionRight #sectionCTAs .cta h2 a { font-size: 13px; color: #61310b; text-transform: uppercase; } #spa .sectionRight #sectionCTAs .cta .ctaImage { float: left; width: 185px; height: 96px; padding: 6px 7px 3px 6px; margin: 0 0 0 -3px; background: url(../images/cta-bg.jpg) no-repeat; } #spa .sectionRight #sectionCTAs .cta p { width: 100%; padding: 0 10px 0 0; } #spa .sectionLeftLower { float: left; width: 354px; margin: 0 80px 0 0; } #spa .sectionRightLower { float: left; width: 526px; } #spa .sectionLeftLower ul { float: left; margin: 10px 0 0 15px; list-style-type: none; } #spa .sectionLeftLower ul li { float: left; width: 100%; background: url(../images/bullet-circle.gif) no-repeat left 8px; padding: 0 0 0 12px; font-size: 11px; line-height: 16px; } #spa .sectionRightLower .productsSection { float: left; width: 100%; margin: 15px 0 0; } #spa .sectionRightLower .productsSection .photo { float: left; width: 186px; height: 133px; background: url(../images/spa-bg.jpg) no-repeat; padding: 7px 0 0 7px; } #spa .sectionRightLower .productsSection .sect { float: left; width: 333px; } #spa .sectionRightLower .productsSection .sect h2 { margin-top: 0; } #spa .sectionRightLower .productsSection .sect h2 a { color: #61310B; } #spa .sectionRightLower .productsSection .sect h2 a:hover { color: #be9272; } #spa .sectionRightLower .productsSection .sect p { float: left; } /* SPA - Horizontal Divider */ #spa #divider { float:left; width:100%; margin: 15px 0 0; } #spa #divider #divL { background:url(../images/divider-left.gif) no-repeat; width: 5px; height: 12px; float: left; } #spa #divider #divM { background:url(../images/divider-mid.gif) repeat-x; max-width: 951px; width:100%; height: 12px; float: left; } #spa #divider #divR { background:url(../images/divider-right.gif) no-repeat; width: 5px; height: 12px; float: left; } /* SPA SERVICES PAGES */ /********************/ #spaServices { width: 100%; height: 100%; float:left; } #spaServices h1 { float: left; margin: 0 0 20px; padding: 0; border: none; width: 100%; font-size: 23px; } #spaServices h2 { float: left; margin: 0 16px 4px 0; padding: 0; border: none; } #spaServices #servicesNav { float: left; width: 240px; height: 100%; } #spaServices #servicesNav ul { list-style: none; margin: 16px 0 0; } #spaServices #servicesNav ul li { display: block; line-height: 17px; } #spaServices #servicesNav ul li a { float: left; width: 220px; padding: 3px 0 3px 5px; margin: 0 0 1px; color: #3d2b22; font-size: 11px; text-decoration: none; text-transform: uppercase; } #spaServices #servicesNav ul li a:hover { background: #c4bf35; text-decoration: none; } #spaServices #servicesNav ul li a:active { color: #FFFFFF; } #spaServices #servicesNav ul li.active a { background: #c4bf35; } #spaServices #servicesContent { float: left; width: 691px; height: 100%; padding: 0 0 0 29px; border-left: 1px solid #c4bfbc; } #spaServices #servicesContent h3 { float:left; width: 100%; background: none; border: none; font-size: 16px; text-transform: none; color: #77513e; margin: 25px 0 15px; padding: 0; line-height: 26px; } #spaServices #servicesContent ul { float: left; margin: 10px 0 0 15px; list-style-type: none; } #spaServices #servicesContent ul li { width: 100%; background: url(../images/bullet-circle.gif) no-repeat left 8px; padding: 0 0 0 12px; } #spaServices #servicesContent #additions { float: left; margin: 15px 0 0; } #spaServices #servicesContent #additions .row { float: left; width: 275px; margin: 6px 0 0; clear: both; } #spaServices #servicesContent #additions .row .l { float: left; } #spaServices #servicesContent #additions .row .r { float: right; } /* WEDDINGS LANDING */ /****************/ #weddings { width: 100%; height: 100%; float:left; margin: 16px 0 0; } #weddings h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #77513e; margin: 16px 0 13px; padding: 0; line-height: 26px; } #weddings h2 { background: url(../images/h2-icon-weddings.gif) no-repeat left top; } #weddings .sectionLeft { float: left; width: 354px; padding: 0 25px 0 0; } #weddings .sectionRight { float: left; width: 582px; } #weddings .sectionRight #sectionRightTop { float: left; width: 100%; height: 69px; margin: 10px 0 0; } #weddings .sectionRight #sectionRightTop .btn { margin: 5px 0 20px; } /* WEDDINGS CTAs */ #weddings .sectionRight #sectionCTAs { float: left; margin: 0; } #weddings .sectionRight #sectionCTAs .cta { width: 185px; height: auto; float: left; padding: 0 0 0 4px; } #weddings .sectionRight #sectionCTAs .cta h2 { width: 178px; padding: 0 0 4px; margin: 2px 0 10px; border-bottom: 1px solid #d9d9d9; background: none; } #weddings .sectionRight #sectionCTAs .cta h2 a { font-size: 13px; font-weight: bold; color: #61310b; text-transform: uppercase; letter-spacing: -1px; } #weddings .sectionRight #sectionCTAs .cta .ctaImage { float: left; width: 185px; height: 96px; padding: 6px 7px 3px 6px; margin: 0 0 0 -3px; background: url(../images/cta-bg.jpg) no-repeat; } #weddings .sectionRight #sectionCTAs .cta p { width: 100%; padding: 0 10px 0 0; } #weddings .sectionLeftLower { float: left; width: 460px; margin: 0 41px 0 0; } #weddings .sectionRightLower { float: left; width: 460px; } /* WEDDINGS - Horizontal Divider */ #weddings #divider { float:left; width:100%; margin: 15px 0 0; } #weddings #divider #divL { background:url(../images/divider-left.gif) no-repeat; width: 5px; height: 12px; float: left; } #weddings #divider #divM { background:url(../images/divider-mid.gif) repeat-x; max-width: 951px; width:100%; height: 12px; float: left; } #weddings #divider #divR { background:url(../images/divider-right.gif) no-repeat; width: 5px; height: 12px; float: left; } /* WEDDING INQUIRY */ /*******************/ #inquiry { width: 100%; height: 100%; float:left; margin: 16px 0 0; } #inquiry h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; line-height: 26px; } #inquiry #sectionLeft { float: left; width: 500px; } #inquiry #sectionLeft form { float: left; margin: 20px 0; } #inquiry #sectionLeft .field { float: left; width: 100%; margin: 0 0 6px; } #inquiry #sectionLeft .field label { float: left; width: 170px; padding: 6px 4px 0 0; text-align: left; color: #382f2a; } #inquiry #sectionLeft .field input, #inquiry #sectionLeft .field select, #inquiry #sectionLeft .field textarea { float: left; width: 205px; height: 16px; padding: 4px 0 0 2px; border: 1px solid #B2B2B2; font-size: 11px; color: #817872; } #inquiry #sectionLeft .field input#phoneAreaCode { width: 30px; } #inquiry #sectionLeft .field input#phone3 { width: 30px; margin: 0 0 0 2px; } #inquiry #sectionLeft .field input#phone4 { width: 40px; } #inquiry #sectionLeft .field span.lb { float: left; margin: 6px 2px 0 0; color: #817872; } #inquiry #sectionLeft .field span.punc { float: left; margin: 6px 2px; color: #817872; } #inquiry #sectionLeft .field select { width: 159px; height: 22px; padding: 3px 2px 2px 0; } #inquiry #sectionLeft .field select#doiMonth { width: 62px; margin: 0 7px 0 0; } #inquiry #sectionLeft .field select#doiDay { width: 50px; margin: 0 7px 0 0; } #inquiry #sectionLeft .field select#doiYear { width: 54px; margin: 0 7px 0 0; } #inquiry #sectionLeft .field textarea { width: 290px; height: 138px; font-family: Verdana, Arial, Helvetica, sans-serif; overflow: auto; } #inquiry #sectionLeft p.note { font-size: 10px; color: #382f2a; font-style: italic; margin: 0 0 0 175px; } #inquiry #sectionLeft input#submit { background: url(../images/submit-contact.gif) no-repeat left top; width: 52px; height: 22px; margin-left: 175px; border: none; cursor: pointer; } #inquiry #sectionLeft input#submit:hover { background: url(../images/submit-contact.gif) no-repeat left bottom; width: 52px; height: 22px; } #inquiry #sectionLeft .field input.required, #inquiry #sectionLeft .field select.required, #inquiry #sectionLeft .field textarea.required, #inquiry #sectionLeft .field input.invalid, #inquiry #sectionLeft .field select.invalid, #inquiry #sectionLeft .field textarea.invalid{ border: 1px solid #FF0000; } /* WEDDINGS PHOTO GALLERY */ /**************************/ #weddingsGallery { width: 842px; height: 540px; } #weddingsGallery #tabsClose { float: left; width: 100%; height: 20px; margin: 0 0 5px; text-align: right; background: none; } #weddingsGallery #tabsClose a { font-size: 18px; color: #FFFFFF; text-decoration: none; } #weddingsGallery #tabsClose a:hover { color: #9c9100; text-decoration: none; } #weddingsGallery #tabsTopEdge { float: left; position: relative; width: 100%; background: url(../images/white-overlay.png) repeat-x; height: 11px; z-index: 2050; } #weddingsGallery #tabs { float: left; position: relative; width: 100%; padding: 22px 0 20px; margin: -5px 0 0; background: #f2f1e3; } #weddingsGallery #tabs h2 { background: url(../images/h2-icon-weddings-tabs.gif) no-repeat left top; padding: 5px 0 4px 30px; margin: -9px 0 10px 15px; font-size: 23px; } #weddingsGallery #tabs #tabNav { float: left; width: 175px; } #weddingsGallery #tabs #tabNav ul { float: left; list-style: none; } #weddingsGallery #tabs #tabNav ul li { display: block; } #weddingsGallery #tabs #tabNav ul li a { float: left; width: 160px; padding: 3px 0 3px 15px; font-size: 13px; margin: 0; color: #3d2b22; text-decoration: none; cursor: pointer; } #weddingsGallery #tabs #tabNav ul li a:hover { background: #C4BF35; text-decoration: none; } #weddingsGallery #tabs #tabNav ul li a:active { color: #FFFFFF; } #weddingsGallery #tabs #tabNav ul li a.current { background: #C4BF35; } #weddingsGallery #tabs #tabNav #roomInfo { display: block; float: left; width: 175px; padding: 20px 0 4px 15px; line-height: 14px; } #weddingsGallery #tabs #tabNav #avinfo { display: block; float: left; width: 175px; margin: 25px 0 0 15px; font-size: 11px; font-weight:bold; } #weddingsGallery #tabs #contentWrap { float: left; width: 470px; margin: 28px 40px 0 35px; } #weddingsGallery #tabs #contentWrap #display{ float: left; width: 100%; height: 360px; position: relative; } #weddingsGallery #tabs #contentWrap #display #loader { position: absolute; left: 288px; top: 149px; } #weddingsGallery #tabs #contentWrap #thumbsNav { float: left; width: 600px; height: 31px; margin: 8px 0 0; } #weddingsGallery #tabs #contentWrap #thumbsNav #thumbs { float: left; } #weddingsGallery #tabs #contentWrap #thumbsNav #thumbs img { float: left; margin: 0 2px 0 0; border: 1px solid #FFFFFF; } #weddingsGallery #tabs #contentWrap #thumbsNav #thumbs a.current img { border: 1px solid #61310B; } /* SAMPLE MENUS */ #sampleMenus { width: 720px; height: 540px; } #sampleMenus #tabsClose { float: left; width: 100%; height: 20px; margin: 0 0 5px; text-align: right; background: none; } #sampleMenus #tabsClose a { font-size: 18px; color: #FFFFFF; text-decoration: none; } #sampleMenus #tabsClose a:hover { color: #9c9100; text-decoration: none; } #sampleMenus #tabsTopEdge { float: left; position: relative; width: 100%; background: url(../images/white-overlay.png) repeat-x; height: 11px; z-index: 2050; } #sampleMenus #tabs { float: left; position: relative; width: 100%; padding: 22px 0 20px; margin: -5px 0 0; background: #f2f1e3; } #sampleMenus #tabs h2 { background: url(../images/h2-icon-weddings-tabs.gif) no-repeat left top; padding: 5px 0 4px 30px; margin: -9px 0 10px 15px; font-size: 23px; } #sampleMenus #tabs #tabNav { float: left; width: 175px; } #sampleMenus #tabs #tabNav ul { float: left; list-style: none; } #sampleMenus #tabs #tabNav ul li { display: block; } #sampleMenus #tabs #tabNav ul li a { float: left; width: 170px; padding: 3px 0 3px 15px; font-size: 11px; margin: 0 0 1px; color: #3d2b22; text-decoration: none; cursor: pointer; } #sampleMenus #tabs #tabNav ul li a:hover { background: #C4BF35; text-decoration: none; } #sampleMenus #tabs #tabNav ul li a:active { color: #FFFFFF; } #sampleMenus #tabs #tabNav ul li a.current { background: #C4BF35; } #sampleMenus #tabs #contentWrap { float: left; width: 470px; padding: 0 40px 0 35px; margin: 28px 0 0; } #sampleMenus #tabs #contentWrap .tab { display: none; } #sampleMenus #tabs #contentWrap .tab .content { float: left; padding: 15px 0 0; width: auto; } #sampleMenus #tabs #contentWrap .tab .content h3 { float:left; width: 100%; background: none; border: none; font-size: 15px; text-transform: none; color: #77513e; margin: 4px 0 0; padding: 0; line-height: 26px; } #sampleMenus #tabs #contentWrap .tab .content h4 { float: left; margin: 15px 0 2px; width: 100%; font-weight: normal; text-transform: uppercase; } #sampleMenus #tabs #contentWrap .tab .content h5 { float: left; margin: 3px 0 0; padding: 0 0 2px; font-weight: bold; line-height: 15px; } #sampleMenus #tabs #contentWrap .tab .content .bullet { background: url(../images/bullet-circle.gif) no-repeat center 5px; width:4px; height: 4px; padding: 0 2px; margin: 0 8px 0 4px; } #sampleMenus #tabs #contentWrap .tab .content .small { font-size: 10px; margin: 25px 0 0; } /* GOLF LANDING */ /****************/ #golf { width: 100%; height: 100%; float:left; } #golf h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #77513e; margin: 16px 0 13px; padding: 0; line-height: 26px; } #golf h2 { background: url(../images/h2-icon-golf.gif) no-repeat left top; } #golf .sectionLeft { float: left; width: 377px; padding: 0 15px 0 0; } #golf .sectionRight { float: left; width: 567px; } #golf .sectionBottomLeft { float: left; width: 354px; padding: 0 25px 0 0; } #golf .sectionBottomRight { float: left; width: 582px; } #golf .sectionRight #sectionRightTop { float: left; width: 100%; height: 79px; } #golf .sectionRight #sectionRightTop .btn { float: left; margin: 17px 0 0; } /* GOLF CTAs */ #golf .sectionRight #sectionCTAs { float: right; } #golf .sectionRight #sectionCTAs .cta { width: 185px; height: auto; float: left; padding: 0 0 0 4px; } #golf .sectionRight #sectionCTAs .cta h2 { width: 178px; padding: 0 0 4px; margin: 2px 0 10px; border-bottom: 1px solid #d9d9d9; background: none; } #golf .sectionRight #sectionCTAs .cta h2 a { font-size: 14px; color: #61310b; text-transform: uppercase; } #golf .sectionRight #sectionCTAs .cta .ctaImage { float: left; width: 185px; height: 96px; padding: 6px 7px 3px 6px; margin: 0 0 0 -3px; background: url(../images/cta-bg.jpg) no-repeat; } #golf .sectionRight #sectionCTAs .cta p { width: 100%; padding: 0 10px 0 0; } #golf .sectionBottomLeft .iconSection { float: left; width: 100%; margin: 15px 0; } #golf .sectionBottomLeft .enviro { margin: 10px 0 0; } #golf .sectionBottomLeft .iconSection .icon { float: left; width: 35px; } #golf .sectionBottomLeft .iconSection .sect { float: left; width: 319px; } #golf .sectionBottomLeft .iconSection .sect h2 { background: none; margin-top: 0; padding: 10px 0 4px; width: 180px; } #golf .sectionBottomLeft .iconSection .sect h2#enviro { margin-top: -3px; } #golf .sectionBottomLeft .iconSection .logoSection { float: left; width: 100%; } #golf .sectionBottomLeft .iconSection .logoSection .logo { float: left; width: 116px; margin: 0 10px 0 0; } #golf .sectionBottomLeft .iconSection .logoSection p { float: none; width: auto; } #golf .sectionBottomRight .leftCol { float: left; width: 278px; margin: 0 26px 0 0; } #golf .sectionBottomRight .rightCol { float: left; width: 278px; } /* Horizontal Divider */ #golf #divider { float:left; width:100%; margin: 15px 0 0; } #golf #divider #divL { background:url(../images/divider-left.gif) no-repeat; width: 5px; height: 12px; float: left; } #golf #divider #divM { background:url(../images/divider-mid.gif) repeat-x; max-width: 951px; width:100%; height: 12px; float: left; } #golf #divider #divR { background:url(../images/divider-right.gif) no-repeat; width: 5px; height: 12px; float: left; } /* GOLF TOURNAMENTS */ /********************/ #tournaments { width: 100%; height: 100%; float:left; margin: 16px 0 0; } #tournaments h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; line-height: 26px; } #tournaments h3 { margin: 21px 0 10px 0px; padding: 0; font-size: 14px; background: none; border: none; } #tournaments #sectionLeft { float: left; width: 460px; margin: 0 41px 0 0; } #tournaments #sectionRight { float: left; width: 460px; } #tournaments #sectionRight .row { float: left; width: 330px; margin: 6px 0 0; } #tournaments #sectionRight .spacer { margin: 10px 0 0; } #tournaments #sectionRight .doubleSpacer { margin: 15px 0 0; } #tournaments #sectionRight .tripleSpacer { margin: 25px 0 0; } #tournaments #sectionRight .row .l { float: left; } #tournaments #sectionRight .row .r { float: right; } #tournaments #sectionRight .redundant { float: left; margin: 15px 0 0; color: #910505; } #tournaments #sectionRight form { float: left; margin: 20px 0; } #tournaments #sectionRight .field { float: left; width: 100%; margin: 0 0 6px; } #tournaments #sectionRight .field label { float: left; width: 125px; padding: 6px 4px 0 0; text-align: left; color: #382f2a; } #tournaments #sectionRight .field input, #tournaments #sectionRight .field textarea { float: left; width: 205px; height: 16px; padding: 4px 0 0 2px; border: 1px solid #B2B2B2; font-size: 11px; color: #817872; } #tournaments #sectionRight .field span.lb { float: left; margin: 6px 2px 0 0; color: #817872; } #tournaments #sectionRight .field span.punc { float: left; margin: 6px 2px; color: #817872; } #tournaments #sectionRight .field textarea { width: 290px; height: 138px; font-family: Verdana, Arial, Helvetica, sans-serif; } #tournaments #sectionRight input#submit { background: url(../images/submit-contact.gif) no-repeat left top; width: 52px; height: 22px; margin-left: 129px; border: none; cursor: pointer; } #tournaments #sectionRight input#submit:hover { background: url(../images/submit-contact.gif) no-repeat left bottom; width: 52px; height: 22px; } #tournaments #sectionRight .field input.required, #tournaments #sectionRight .field textarea.required, #tournaments #sectionRight .field input.invalid, #tournaments #sectionRight .field textarea.invalid{ border: 1px solid #FF0000; } /* GOLF PURCHASES */ /********************/ #golfPurchases { width: 100%; height: 100%; float:left; margin: 15px 0 0; } #golfPurchases h1 { float: left; margin: 0 0 20px 0; padding: 0; border: none; width: 100%; font-size:23px; } #golfPurchases h2 { float: left; margin: 0 16px 4px 0; padding: 0; border: none; } #golfPurchases p { font-size: 11px; line-height: 16px; } #golfPurchases #purchasesNav { float: left; width: 240px; height: 100%; } #golfPurchases #purchasesNav ul { list-style: none; } #golfPurchases #purchasesNav ul li { display: block; line-height: 17px; } #golfPurchases #purchasesNav ul li a { float: left; width: 220px; padding: 3px 0 3px 5px; margin: 0 0 1px; color: #3d2b22; font-size: 11px; text-decoration: none; text-transform: uppercase; } #golfPurchases #purchasesNav ul li a:hover { background: #C4BF35; text-decoration: none; } #golfPurchases #purchasesNav ul li a:active { color: #FFFFFF; } #golfPurchases #purchasesNav ul li.active a { background: #C4BF35; } #golfPurchases #purchasesContent { float: left; width: 691px; padding: 0 0 0 29px; border-left: 1px solid #c4bfbc; } #golfPurchases #purchasesContent #listing { width: 100%; float: left; } #golfPurchases #purchasesContent #listing .item { width: 100%; float: left; margin: 0 0 15px; } #golfPurchases #purchasesContent #listing .item .itemPhoto { background: url(../images/golf-purchases-item-bg.jpg) no-repeat; float: left; width: 171px; height: 107px; padding: 8px 9px 9px 8px; } #golfPurchases #purchasesContent #listing .item .itemInfo { float: left; width: 498px; height: 124px; padding: 6px 0 0 5px; } #golfPurchases #purchasesContent #listing .item .itemInfo h2 { float: left; padding: 0 0 3px; margin: 0 0 10px; border-bottom: 1px solid #d9d9d9; } #golfPurchases #purchasesContent #listing .item .itemInfo .price { width: 100%; height: 20px; float: left; } #golfPurchases #purchasesContent #listing .item .itemInfo .details { width: 100%; height: 54px; float: left; overflow: hidden; } #golfPurchases #purchasesContent #listing .item .itemInfo p { line-height: 13px; float: left; } #golfPurchases #purchasesContent #listing .item .itemInfo .moreInfoBtn { float: left; position: relative; top: 1px; left: 0; font-size: 11px; } #golfPurchases #purchasesContent #listing .item .moreInfo { display: none; float: left; } #golfPurchases #purchasesContent #listing .item .moreInfo .itemTools { width: 100%; border-top: 1px solid #c4bfbc; border-bottom: 1px solid #c4bfbc; padding: 8px 0; margin: 10px 0; float: left; } #golfPurchases #purchasesContent #listing .item .moreInfo .itemTools a.slide { float: left; width: 140px; text-align: left; padding: 4px 0 0; } #golfPurchases #purchasesContent #listing .item .moreInfo .itemTools a.purchase { float: left; width: 140px; text-align: left; padding: 3px 0 0; color: #77513e; text-decoration: underline; } #golfPurchases #purchasesContent #listing .item .moreInfo .itemTools a.purhcase:hover { text-decoration: none; } #golfPurchases #purchasesContent #listing .item .moreInfo .itemTools .addthis_button { float: right; width: 144px; text-align: right; padding: 2px 0 0; position: static; z-index: 60; } /* #golfPurchases #purchasesContent #golfPromos { width: 187px; height: 100%; float: left; } #golfPurchases #purchasesContent #golfPromos ul { list-style: none; } #golfPurchases #purchasesContent #golfPromos ul li { float: left; width: 163px; padding: 10px 12px 5px; height: auto; background: #ebe8e5; } #golfPurchases #purchasesContent #golfPromos ul li p { float: left; } #golfPurchases #purchasesContent #golfPromos ul li.promoTitle { width: auto; margin: 0 0 4px; padding: 10px 0 5px 8px; } #golfPurchases #purchasesContent #golfPromos ul li h2 { color: #77513e; } #golfPurchases #purchasesContent #golfPromos ul li h3 { padding: 0 0 1px; margin: 0 0 10px; border-bottom: 1px solid #d9d9d9; } */ /* GOLF ANNUAL CHARITY EVENT */ #charityEvent #form { float: left; width: 100%; padding: 15px 0 0; margin: 0; } #charityEvent #form #thankyou h1 { float: none; margin: 0 auto; border: none; padding: 0 0 10px; } #charityEvent #form .redundant { padding: 20px 0; color: #FF0000; } #charityEvent #form form { float: left; margin: 30px 0 0; } #charityEvent #form .field { float: left; width: 961px; margin: 0 0 6px; } #charityEvent #form .field label { float: left; padding: 4px 20px 0 0; width: 400px; text-align: right; color: #382f2a; line-height: 15px; } #charityEvent #form .field input { width: 224px; } #charityEvent #form input, #charityEvent #form textarea, #charityEvent #form select { float: left; border: 1px solid #B2B2B2; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #817872; margin: 0; } #charityEvent #form input { width: 176px; height: 16px; padding: 4px 0 0 2px; } #charityEvent #form textarea { width: 174px; height: 45px; padding: 4px 2px; } #charityEvent #form select { width: 180px; height: 22px; padding: 3px 2px 2px 0; } #charityEvent #form input.areaCode { width: 30px; } #charityEvent #form input.phone3 { width: 30px; margin: 0 0 0 2px; } #charityEvent #form input.phone4 { width: 40px; } #charityEvent #form span.lb { float: left; margin: 6px 2px 0 0; color: #817872; } #charityEvent #form span.punc { float: left; margin: 6px 2px; color: #817872; } #charityEvent #form input.required, #charityEvent #form textarea.required, #charityEvent #form select.required, #charityEvent #form input.invalid, #charityEvent #form select.invalid, #charityEvent #form textarea.invalid{ border: 1px solid #FF0000; } #charityEvent #form input#submit { float: none; clear: both; margin: 20px auto 40px; background: url(../images/submit-request.gif) no-repeat left top; width: 64px; height: 22px; border: none; cursor: pointer; } #charityEvent #form input#submit:hover { background: url(../images/submit-request.gif) no-repeat left bottom; width: 64px; height: 22px; } #charityEvent #form .block { float: left; width: 961px; margin: 40px 0 0; } #charityEvent #form .block #sponsorLogo { float: left; margin: 0 25px 0 175px; } #charityEvent #form .block #sponsorType { float: left; width: 440px; } #charityEvent #form .block #sponsorType .field { width: 440px; } #charityEvent #form .block #sponsorType .field input { float: left; width: auto; height: auto; padding: 0; border: none; } #charityEvent #form .block #sponsorType .field label { float: left; width: auto; padding: 0; margin: 0 25px 0 5px; } #charityEvent #form .block h2 { padding: 0 0 15px; margin: 0; font-size: 14px; color: #000000; text-transform: uppercase; font-weight: normal; border: none; } #charityEvent #form .block .colName { float: left; width: 300px; padding: 0 0 0 220px; text-align: left; } #charityEvent #form .block .colName input { float: left; width: 296px; margin: 0 0 4px 0; } #charityEvent #form .block .colCheck { float: left; width: 60px; padding: 0 0 0 20px } #charityEvent #form .block .colCheck.dinner { width: 115px; } #charityEvent #form .block .colCheck .field { width: 60px; padding: 5px 0 0; } #charityEvent #form .block .colCheck .field input { float: left; width: auto; height: auto; padding: 0; border: none; } #charityEvent #form .block .colCheck .field label { float: left; width: auto; padding: 0; margin: 0 0 0 5px; } #charityEvent #form .clear { display: block; clear: both; } #charityEvent #form #validation { text-align: center; } #charityEvent #form #validation .req { float: none; margin: 0 auto; } #charityEvent #form #validation .fields { float: none; width: 939px; } #charityEvent #form #validation .field { background: none; padding: 0; font-weight: bold; } /* SKI LANDING */ /***************/ #ski { width: 100%; height: 100%; float:left; } #ski h1 { float:left; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; } #ski h2 { background: url(../images/h2-icon-ski.gif) no-repeat left top; } #ski .btn { margin-bottom: 0; } #ski #sectionLeftColumn { float: left; width: 531px; padding: 0; margin: 0 50px 0 0; } #ski #sectionRightColumn { float: left; width: 380px; padding: 0; margin: 0; } #ski #sectionLeftColumn #snowConditions { float: right; margin: 13px 0 0; } #ski #sectionLeftColumn #hours { float: left; width: 100%; } #ski #sectionLeftColumn #hours p { float: left; width: auto; margin: 0 18px 0 0; } #ski #sectionLeftColumn #hours .small { font-size: 10px; } #ski #sectionRightColumn .sectionRightTop .btn { margin: 13px 5px 0 0; } /* SKI CTAs */ #ski #sectionRightColumn #sectionCTAs { float: left; width: 100%; } #ski #sectionCTAs .cta { width: 185px; height: auto; float: left; padding: 0 0 0 4px; margin: 18px 0 0; } #ski #sectionCTAs .cta h2 { width: 178px; padding: 0 0 4px; margin: 2px 0 10px; border-bottom: 1px solid #d9d9d9; background: none; } #ski #sectionCTAs .cta h2 a { font-size: 13px; font-weight: bold; color: #61310b; text-transform: uppercase; } #ski #sectionCTAs .cta .ctaImage { float: left; width: 179px; height: 96px; padding: 6px 0 0 6px; margin: 0 0 0 -3px; background: url(../images/cta-bg.jpg) no-repeat; } #ski #sectionCTAs .cta p { width: 100%; padding: 0 10px 0 0; } #ski #sectionCTAs .cta a { font-size: 11px; } /* SKI - Horizontal Divider */ #ski #divider { float:left; width:100%; margin: 15px 0 0; } #ski #divider #divL { background:url(../images/divider-left.gif) no-repeat; width: 5px; height: 12px; float: left; } #ski #divider #divM { background:url(../images/divider-mid.gif) repeat-x; max-width: 495px; width:100%; height: 12px; float: left; } #ski #divider #divR { background:url(../images/divider-right.gif) no-repeat; width: 5px; height: 12px; float: left; } /* CONTACT */ /***********/ #contact { width: 100%; height: 100%; float:left; margin: 16px 0 0; } #contact h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; line-height: 26px; } #contact #sectionLeft { float: left; width: 500px; margin: 0 25px 0 0; } #contact #sectionLeft form { float: left; margin: 20px 0; } #contact #sectionLeft .field { float: left; width: 100%; margin: 0 0 6px; } #contact #sectionLeft .field label { float: left; width: 91px; padding: 6px 4px 0 0; text-align: left; color: #382f2a; } #contact #sectionLeft .field input, #contact #sectionLeft .field select, #contact #sectionLeft .field textarea { float: left; width: 205px; height: 16px; padding: 4px 0 0 2px; border: 1px solid #B2B2B2; font-size: 11px; color: #817872; } #contact #sectionLeft .field input#phoneAreaCode { width: 30px; } #contact #sectionLeft .field input#phone3 { width: 30px; margin: 0 0 0 2px; } #contact #sectionLeft .field input#phone4 { width: 40px; } #contact #sectionLeft .field span.lb { float: left; margin: 6px 2px 0 0; color: #817872; } #contact #sectionLeft .field span.punc { float: left; margin: 6px 2px; color: #817872; } #contact #sectionLeft .field textarea { width: 290px; height: 138px; font-family: Verdana, Arial, Helvetica, sans-serif; } #contact #sectionLeft .field select { width: 294px; height: 22px; padding: 3px 2px 2px 0; } #contact #sectionLeft p.note { font-size: 10px; color: #382f2a; font-style: italic; margin: 0 0 0 95px; } #contact #sectionLeft input#submit { background: url(../images/submit-contact.gif) no-repeat left top; width: 52px; height: 22px; margin-left: 95px; border: none; cursor: pointer; } #contact #sectionLeft input#submit:hover { background: url(../images/submit-contact.gif) no-repeat left bottom; width: 52px; height: 22px; } #contact #sectionLeft .field input.required, #contact #sectionLeft .field select.required, #contact #sectionLeft .field textarea.required, #contact #sectionLeft .field input.invalid, #contact #sectionLeft .field select.invalid, #contact #sectionLeft .field textarea.invalid{ border: 1px solid #FF0000; } #contact #sectionRight { float: left; width: 410px; margin: 51px 0 0; padding: 0 0 0 25px; border-left: 1px solid #CCCCCC; } #contact #sectionRight #map_canvas { float: left; width: 260px; height: 240px; margin: 15px 0 0; border: 1px solid #CCCCCC; } /* CAREERS */ /******************/ #apply { width: 100%; height: 100%; float:left; margin: 16px 0 0; } #apply h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; line-height: 26px; } #apply #sectionLeft { float: left; width: 460px; } #apply #sectionForm { float: left; width: 100%; } #apply #sectionForm form { float: left; margin: 20px 0; } #apply #sectionForm .field { float: left; width: 100%; margin: 0 0 6px; } #apply #sectionForm .field label { float: left; width: 91px; padding: 6px 4px 0 0; text-align: left; color: #382f2a; } #apply #sectionForm .field label .sm { font-size: 10px; color: #382f2a; font-style: italic; } #apply #sectionForm .field input, #apply #sectionForm .field textarea { float: left; width: 205px; height: 16px; padding: 4px 0 0 2px; border: 1px solid #B2B2B2; font-size: 11px; color: #817872; } #apply #sectionForm .field input#phoneAreaCode { width: 30px; } #apply #sectionForm .field input#phone3 { width: 30px; margin: 0 0 0 2px; } #apply #sectionForm .field input#phone4 { width: 40px; } #apply #sectionForm .field span.lb { float: left; margin: 6px 2px 0 0; color: #817872; } #apply #sectionForm .field span.punc { float: left; margin: 6px 2px; color: #817872; } #apply #sectionForm .field textarea { width: 290px; height: 138px; font-family: Verdana, Arial, Helvetica, sans-serif; } #apply #sectionForm .field textarea#resume { width: 650px; height: 200px; } #apply #sectionForm p.note { font-size: 10px; color: #382f2a; font-style: italic; margin: 0 0 0 95px; } #apply #sectionForm input#submit { background: url(../images/submit-contact.gif) no-repeat left top; width: 52px; height: 22px; margin-left: 95px; border: none; cursor: pointer; } #apply #sectionForm input#submit:hover { background: url(../images/submit-contact.gif) no-repeat left bottom; width: 52px; height: 22px; } #apply #sectionForm .field input.required, #apply #sectionForm .field textarea.required, #apply #sectionForm .field input.invalid, #apply #sectionForm .field textarea.invalid{ border: 1px solid #FF0000; } #apply #sectionForm .field input#resumefile { width: auto; height: auto; } /* NEWSLETTER SIGNUP */ /*********************/ #newsletter { width: 100%; float:left; } #newsletter h1 { float:left; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; line-height: 26px; } #newsletter h2 { float:left; width: 550px; background: none; border: none; font-size: 16px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; line-height: 24px; } #newsletter h2 img { margin: 0 0 3px; } #newsletter #sectionLeft { float: left; width: 460px; } #newsletter #sectionLeft form { float: left; margin: 20px 0 0; width: 304px; } #newsletter #sectionLeft .field { float: left; width: 100%; margin: 0 0 6px; } #newsletter #sectionLeft .field label { float: left; width: 91px; padding: 6px 4px 0 0; text-align: left; color: #382f2a; } #newsletter #sectionLeft .field input { float: left; width: 205px; height: 16px; padding: 4px 0 0 2px; border: 1px solid #B2B2B2; font-size: 11px; color: #817872; } #newsletter #sectionLeft .field input.required, #newsletter #sectionLeft .field input.invalid { border: 1px solid #FF0000; } #newsletter #sectionLeft input#subscribe { float: left; background: url(../images/subscribe.gif) no-repeat left top; width: 71px; height: 22px; padding: 0; border: none; cursor: pointer; margin: 20px 0 0 95px; } #newsletter #sectionLeft input#subscribe:hover { background: url(../images/subscribe.gif) no-repeat left bottom; } #newsletter #sectionLeft input#unsubscribe { float: left; background: url(../images/unsubscribe.gif) no-repeat left top; width: 87px; height: 22px; padding: 0; border: none; cursor: pointer; margin: 20px 0 0 6px; } #newsletter #sectionLeft input#unsubscribe:hover { background: url(../images/unsubscribe.gif) no-repeat left bottom; } #newsletter #sectionLeft #validation { display: none; float: left; clear: both; border: 1px solid #FF0000; background: #fdf2f2; padding: 10px; margin: 0 0 15px; color: #333333; line-height: 15px; } #newsletter #sectionLeft #validation .req { float: left; width: 60px; } #newsletter #sectionLeft #validation .fields { float: left; width: 375px; } #newsletter #sectionLeft #validation .field { float: left; margin: 0 !important; background: url(../images/bullet-circle.gif) no-repeat left 6px; padding: 0 0 0 10px; } #newsletter #sectionLeft #thankyou { display: none; float: left; width: 100%; margin: 0 0 15px; } /* YOUR EXPERIENCE */ /*******************/ #experience { width: 100%; height: 100%; float:left; margin: 16px 0 0; } #experience h1 { float:left; width: 100%; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; margin: 16px 0 13px; padding: 0; line-height: 26px; } #experience #sectionLeft { float: left; width: 460px; } #experience #sectionLeft form { float: left; margin: 20px 0; } #experience #sectionLeft .field { float: left; width: 100%; margin: 0 0 6px; } #experience #sectionLeft .field label { float: left; width: 91px; padding: 6px 4px 0 0; text-align: left; color: #382f2a; } #experience #sectionLeft .field input, #experience #sectionLeft .field select, #experience #sectionLeft .field textarea { float: left; width: 205px; height: 16px; padding: 4px 0 0 2px; border: 1px solid #B2B2B2; font-size: 11px; color: #817872; } #experience #sectionLeft .field input#phoneAreaCode { width: 30px; } #experience #sectionLeft .field input#phone3 { width: 30px; margin: 0 0 0 2px; } #experience #sectionLeft .field input#phone4 { width: 40px; } #experience #sectionLeft .field span.lb { float: left; margin: 6px 2px 0 0; color: #817872; } #experience #sectionLeft .field span.punc { float: left; margin: 6px 2px; color: #817872; } #experience #sectionLeft .field textarea { width: 290px; height: 138px; font-family: Verdana, Arial, Helvetica, sans-serif; } #experience #sectionLeft .field select { width: 159px; height: 22px; padding: 3px 2px 2px 0; } #experience #sectionLeft p.note { font-size: 10px; color: #382f2a; font-style: italic; margin: 0 0 0 95px; } #experience #sectionLeft input#submit { background: url(../images/submit-contact.gif) no-repeat left top; width: 52px; height: 22px; margin-left: 95px; border: none; cursor: pointer; } #experience #sectionLeft input#submit:hover { background: url(../images/submit-contact.gif) no-repeat left bottom; width: 52px; height: 22px; } #experience #sectionLeft .field input.required, #experience #sectionLeft .field select.required, #experience #sectionLeft .field textarea.required, #experience #sectionLeft .field input.invalid, #experience #sectionLeft .field select.invalid, #experience #sectionLeft .field textarea.invalid{ border: 1px solid #FF0000; } /* OVERLAY PAGES (TABS, GALLERIES & WEATHER CONDITIONS) */ /********************************************************/ /* GENERAL FOR OVERLAYS */ #tabs p, #tabs li { font-size: 11px; } /* AMENITIES */ #amenities { width: 720px; height: 540px; } #amenities #tabsClose { float: left; width: 100%; height: 20px; margin: 0 0 5px; text-align: right; background: none; } #amenities #tabsClose a { font-size: 18px; color: #FFFFFF; text-decoration: none; } #amenities #tabsClose a:hover { color: #9c9100; text-decoration: none; } #amenities #tabsTopEdge { float: left; position: relative; width: 100%; background: url(../images/white-overlay.png) repeat-x; height: 11px; z-index: 2050; } #amenities #tabs { float: left; position: relative; width: 100%; padding: 22px 0 20px; margin: -5px 0 0; background: #f2f1e3; } #amenities #tabs h2 { background: url(../images/h2-icon-general-tabs.gif) no-repeat left top; padding: 5px 0 4px 30px; margin: -9px 0 10px 15px; font-size: 23px; } #amenities #tabs #tabNav { float: left; width: 175px; } #amenities #tabs #tabNav ul { float: left; list-style: none; } #amenities #tabs #tabNav ul li { display: block; } #amenities #tabs #tabNav ul li a { float: left; width: 160px; padding: 3px 0 3px 15px; font-size: 11px; margin: 0 0 1px; color: #3d2b22; text-decoration: none; cursor: pointer; } #amenities #tabs #tabNav ul li a:hover { background: #C4BF35; text-decoration: none; } #amenities #tabs #tabNav ul li a:active { color: #FFFFFF; } #amenities #tabs #tabNav ul li a.current { background: #C4BF35; } #amenities #tabs #contentWrap { float: left; width: 470px; padding: 0 40px 0 35px; margin: 28px 0 0; } #amenities #tabs #contentWrap .tab { display: none; } #amenities #tabs #contentWrap .tab .content { float: left; padding: 15px 0 0; width: auto; } #amenities #tabs #contentWrap .tab .content h3 { float:left; width: 100%; background: none; border: none; font-size: 15px; text-transform: none; color: #77513e; margin: 4px 0 0; padding: 0; line-height: 26px; } #amenities #tabs #contentWrap .tab .content ul { float: left; margin: 10px 0 0 15px; list-style-type: none; } #amenities #tabs #contentWrap .tab .content ul li { float: left; width: 100%; background: url(../images/bullet-circle.gif) no-repeat left 8px; padding: 0 0 0 12px; } /* GOLF RATES */ #golfRates { width: 720px; height: 540px; } #golfRates #tabsClose { float: left; width: 100%; height: 20px; margin: 0 0 5px; text-align: right; background: none; } #golfRates #tabsClose a { font-size: 18px; color: #FFFFFF; text-decoration: none; } #golfRates #tabsClose a:hover { color: #9c9100; text-decoration: none; } #golfRates #tabsTopEdge { float: left; position: relative; width: 100%; background: url(../images/white-overlay.png) repeat-x; height: 11px; z-index: 2050; } #golfRates #tabs { float: left;position: relative; width: 100%; padding: 22px 0 20px; margin: -5px 0 0; background: #f2f1e3; } #golfRates #tabs h2 { background: url(../images/h2-icon-golf-tabs.gif) no-repeat left top; padding: 5px 0 4px 30px; margin: -9px 0 10px 15px; font-size: 23px; } #golfRates #tabs #tabNav { float: left; width: 175px; } #golfRates #tabs #tabNav ul { float: left; list-style: none; } #golfRates #tabs #tabNav ul li { display: block; } #golfRates #tabs #tabNav ul li a { float: left; width: 160px; padding: 3px 0 3px 15px; font-size: 11px; margin: 0 0 1px; color: #3d2b22; text-decoration: none; cursor: pointer; } #golfRates #tabs #tabNav ul li a:hover { background: #C4BF35; text-decoration: none; } #golfRates #tabs #tabNav ul li a:active { color: #FFFFFF; } #golfRates #tabs #tabNav ul li a.current { background: #C4BF35; } #golfRates #tabs #contentWrap { float: left; width: 470px; padding: 0 40px 0 35px; margin: 28px 0 0; } #golfRates #tabs #contentWrap .tab { display: none; } #golfRates #tabs .content { float: left; padding: 15px 0 0; width: auto; } #golfRates #tabs .content h3 { float:left; width: 100%; background: none; border: none; font-size: 15px; text-transform: none; color: #77513e; margin: 4px 0 0; padding: 0; line-height: 26px; } #golfRates #tabs .content h4 { float: left; width: 100%; margin: 15px 0 0; font-weight: bold; } #golfRates #tabs .content p.small { font-size: 10px; } #golfRates #tabs .content .shotgunInfo { margin: 10px 0 0; } #golfRates #tabs .content .rates { float: left; width: 200px; } #golfRates #tabs .content .shotgunRates { float:left; margin: 0 0 10px; width: 320px; } #golfRates #tabs .content .header { margin-bottom: 5px; } #golfRates #tabs .content .left { margin-right: 30px; clear:left; } #golfRates #tabs .content .rates .row { width: 200px; float: left; margin: 10px 0 0; line-height: 15px; } #golfRates #tabs .content .shotgunRates .row { width: 320px; float: left; margin: 10px 0 0; line-height: 15px; } #golfRates #tabs .content .rates .row .col_l { width: 140px; float: left; } #golfRates #tabs .content .shotgunRates .row .col_l { width: 160px; float: left; } #golfRates #tabs .content .rates .row .col_r, #golfRates #tabs .content .shotgunRates .row .col_r { width: 60px; float: left; } #golfRates #tabs .content .shotgunRates .row .col_m { width: 100px; float: left; } /* WEATHER */ #weather { width: 160px; } #weather #close { float: left; width: 100%; height: 20px; margin: 0 0 5px; text-align: right; background: none; } #weather #close a { font-size: 18px; color: #FFFFFF; text-decoration: none; } #weather #close a:hover { color: #9c9100; text-decoration: none; } #weather #topEdge { float: left; position: relative; width: 100%; background: url(../images/white-overlay.png) repeat-x; height: 11px; z-index: 2050; } #weather #wrap { float: left; position: relative; width: 100%; padding: 22px 0 20px; margin: -5px 0 0; background: #f2f1e3; } #weather #wrap h2 { background: url(../images/h2-icon-golf-tabs.gif) no-repeat left top; padding: 9px 0 5px 30px; margin: -9px 0 10px 15px; font-size: 19px; } #weather #wrap #content { float: left; width: auto; margin: 0 0 0 20px; } #weather #wrap #content #forecast { float: left; width: auto; } #weather #wrap #content #current .field { float: left; width: 100%; margin: 0 0 10px; } #weather #wrap #content #current .field label.name { width: 180px; float: left; line-height: 15px; font-weight: bold; } #weather #wrap #content #current .field label.data { width: 180px; float: left; line-height: 15px; } /* COURSE TOUR */ #courseTour { width: 830px; height: 588px; } #courseTour #tabsClose { float: left; width: 100%; height: 20px; margin: 0 0 5px; text-align: right; background: none; } #courseTour #tabsClose a { font-size: 18px; color: #FFFFFF; text-decoration: none; } #courseTour #tabsClose a:hover { color: #9c9100; text-decoration: none; } #courseTour #tabsTopEdge { float: left; position: relative; width: 100%; background: url(../images/white-overlay.png) repeat-x; height: 11px; z-index: 2050; } #courseTour #tabs { float: left; position: relative; width: 100%; padding: 22px 0 20px; margin: -5px 0 0; background: #ffffff; } #courseTour #tabs h1.golf { background: url(../images/h1-icon-golf.gif) no-repeat left -1px; margin: 0 0 19px; text-transform: none; } #courseTour #tabs h2 { background: url(../images/h2-icon-golf.gif) no-repeat left top; margin: 0 0 5px; } #courseTour #tabs h3 { font-size: 15px; margin: 0 0 8px; } #courseTour #tabs #tabNav { float: left; width: 40px; margin: 37px 0 0; } #courseTour #tabs #tabNav ul { float: left; list-style: none; } #courseTour #tabs #tabNav ul li { display: block; } #courseTour #tabs #tabNav ul li a { float: left; width: 40px; padding: 1px 0; margin: 0 0 3px; color: #57412f; background:#a0cd4c; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer; } #courseTour #tabs #tabNav ul li a:hover { color: #3C1B01; background: #C4BF35; text-decoration: none; } #courseTour #tabs #tabNav ul li a:active { color: #FFFFFF; } #courseTour #tabs #tabNav ul li a.current { background: #C4BF35; } #courseTour #tabs #tabNav .holesTitle { margin: 0 0 5px 2px; } #courseTour #tabs #contentWrap { float: left; width: 780px; padding: 0 0 0 10px; } #courseTour #tabs #contentWrap #display { float: left; width: 737px; } #courseTour #tabs #contentWrap #display #hole { position: relative; float: left; width: auto; min-width: 486px; height: 389px; margin: 6px 0 0; } #courseTour #tabs #contentWrap #display #hole #loader { position: absolute; left: 231px; top: 182px; } #courseTour #tabs #contentWrap #display #birdseye { float: left; width: auto; height: 389px; } #courseTour #tabs #contentWrap #display .content { float: left; width: 100%; margin: 15px 0 0; } #courseTour #tabs #contentWrap #display .content .details { float: left; width: 450px; } #courseTour #tabs #contentWrap #display .content .details #heading { font-size: 12px; } #courseTour #tabs #contentWrap #display .content .details #info { float: left; clear: left; margin: 10px 0 0; } #courseTour #tabs #contentWrap #display .content .details #yards { float: left; } #courseTour #tabs #contentWrap #display .content .details #yards #golfRating { width:210px; border: 2px solid #000; font-size: 11px; color:#fff; background-color:#336633; float:left; margin-right: 10px; } #courseTour #tabs #contentWrap #display .content .details #yards #golfRating td { padding:2px; border: 2px solid #000; } #courseTour #tabs #contentWrap #display .content .details #yards #golfRating .gr1 { width:100px; } #courseTour #tabs #contentWrap #display .content .details #yards #golfRating .black { background-color:#000; } #courseTour #tabs #contentWrap #display .content .details #yards #golfRating .gold { background-color:#cc9933; } #courseTour #tabs #contentWrap #display .content .details #yards #golfRating .white { background-color:#fff; color:#000; } #courseTour #tabs #contentWrap #display .content .details #holeDescription { display: none; float: left; } #courseTour #tabs #contentWrap #display .content .details #holeDescription p { width: 275px; margin: -3px 0 0 25px; } #courseTour #tabs #contentWrap #display .content .scorecard { float: right; width: 134px; } #courseTour #tabs #contentWrap #tools { float: right; width: auto; margin: 0 34px 0 0; } #courseTour #tabs #contentWrap #tools a.bookmark { width: auto; float: left; color: #3c1b01; font-size: 10px; background: url(../images/bookmark.gif) no-repeat right center; margin: 4px 10px 0 0; padding: 0 20px 0 0; } #courseTour #tabs #contentWrap #tools a.print { width: auto; float: left; color: #3c1b01; font-size: 10px; background: url(../images/print.gif) no-repeat right center; margin: 4px 10px 0 0; padding: 0 18px 0 0; } #courseTour #tabs #contentWrap #tools a:hover { color: #663610; } /* VIEW ROOMS */ #ourRooms { width: 842px; height: 540px; } #ourRooms #tabsClose { float: left; width: 100%; height: 20px; margin: 0 0 5px; text-align: right; background: none; } #ourRooms #tabsClose a { font-size: 18px; color: #FFFFFF; text-decoration: none; } #ourRooms #tabsClose a:hover { color: #9c9100; text-decoration: none; } #ourRooms #tabsTopEdge { float: left; position: relative; width: 100%; background: url(../images/white-overlay.png) repeat-x; height: 11px; z-index: 2050; } #ourRooms #tabs { float: left; position: relative; width: 100%; padding: 22px 0 20px; margin: -5px 0 0; background: #f2f1e3; } #ourRooms #tabs h2 { background: url(../images/h2-icon-general-tabs.gif) no-repeat left top; padding: 5px 0 4px 30px; margin: -9px 0 10px 15px; font-size: 23px; } #ourRooms #tabs #tabNav { float: left; width: 175px; } #ourRooms #tabs #tabNav ul { float: left; list-style: none; } #ourRooms #tabs #tabNav ul li { display: block; } #ourRooms #tabs #tabNav ul li a { float: left; width: 160px; padding: 3px 0 3px 15px; font-size: 11px; margin: 0 0 1px; color: #3d2b22; text-decoration: none; cursor: pointer; } #ourRooms #tabs #tabNav ul li a:hover { background: #C4BF35; text-decoration: none; } #ourRooms #tabs #tabNav ul li a:active { color: #FFFFFF; } #ourRooms #tabs #tabNav ul li a.current { background: #C4BF35; } #ourRooms #tabs #tabNav #roomInfo { display: block; float: left; width: 175px; padding: 20px 0 4px 15px; line-height: 14px; } #ourRooms #tabs #tabNav #specs { display: block; float: left; width: 175px; margin: 25px 0 0 15px; font-size: 11px; font-weight:bold; } #ourRooms #tabs #contentWrap { float: left; width: 470px; margin: 28px 40px 0 35px; } #ourRooms #tabs #contentWrap #display{ float: left; width: 100%; height: 360px; position: relative; } #ourRooms #tabs #contentWrap #display #loader { position: absolute; left: 288px; top: 149px; } #ourRooms #tabs #contentWrap #thumbsNav { float: left; width: 600px; height: 31px; margin: 8px 0 0; } #ourRooms #tabs #contentWrap #thumbsNav #thumbs { float: left; } #ourRooms #tabs #contentWrap #thumbsNav #thumbs img { float: left; margin: 0 2px 0 0; border: 1px solid #FFFFFF; } #ourRooms #tabs #contentWrap #thumbsNav #thumbs a.current img { border: 1px solid #61310B; } /* MEETING ROOMS */ #meeting { width: 842px; height: 540px; } #meeting #tabsClose { float: left; width: 100%; height: 20px; margin: 0 0 5px; text-align: right; background: none; } #meeting #tabsClose a { font-size: 18px; color: #FFFFFF; text-decoration: none; } #meeting #tabsClose a:hover { color: #9c9100; text-decoration: none; } #meeting #tabsTopEdge { float: left; position: relative; width: 100%; background: url(../images/white-overlay.png) repeat-x; height: 11px; z-index: 2050; } #meeting #tabs { float: left; position: relative; width: 100%; padding: 22px 0 20px; margin: -5px 0 0; background: #f2f1e3; } #meeting #tabs h2 { background: url(../images/h2-icon-conferences-tabs.gif) no-repeat left top; padding: 5px 0 4px 30px; margin: -9px 0 10px 15px; font-size: 23px; } #meeting #tabs #tabNav { float: left; width: 175px; } #meeting #tabs #tabNav ul { float: left; list-style: none; } #meeting #tabs #tabNav ul li { display: block; } #meeting #tabs #tabNav ul li a { float: left; width: 160px; padding: 3px 0 3px 15px; font-size: 11px; margin: 0 0 1px; color: #3d2b22; text-decoration: none; cursor: pointer; } #meeting #tabs #tabNav ul li a:hover { background: #C4BF35; text-decoration: none; } #meeting #tabs #tabNav ul li a:active { color: #FFFFFF; } #meeting #tabs #tabNav ul li a.current { background: #C4BF35; } #meeting #tabs #tabNav #roomInfo { display: block; float: left; width: 175px; padding: 20px 0 4px 15px; line-height: 14px; } #meeting #tabs #tabNav #specs { display: block; float: left; width: 175px; margin: 25px 0 0 15px; font-size: 11px; font-weight:bold; } #meeting #tabs #tabNav #avinfo { display: block; float: left; width: 175px; margin-left: 15px; font-size: 11px; font-weight:bold; } #meeting #tabs #contentWrap { float: left; width: 470px; margin: 28px 40px 0 35px; } #meeting #tabs #contentWrap #display{ float: left; width: 100%; height: 360px; position: relative; } #meeting #tabs #contentWrap #display #loader { position: absolute; left: 288px; top: 149px; } #meeting #tabs #contentWrap #thumbsNav { float: left; width: 600px; height: 31px; margin: 8px 0 0; } #meeting #tabs #contentWrap #thumbsNav #thumbs { float: left; } #meeting #tabs #contentWrap #thumbsNav #thumbs img { float: left; margin: 0 2px 0 0; border: 1px solid #FFFFFF; } #meeting #tabs #contentWrap #thumbsNav #thumbs a.current img { border: 1px solid #61310B; } /* SKI TABS */ #skiTabs { width: 720px; height: 540px; } #skiTabs #tabsClose { float: left; width: 100%; height: 20px; margin: 0 0 5px; text-align: right; background: none; } #skiTabs #tabsClose a { font-size: 18px; color: #FFFFFF; text-decoration: none; } #skiTabs #tabsClose a:hover { color: #9c9100; text-decoration: none; } #skiTabs #tabsTopEdge { float: left; position: relative; width: 100%; background: url(../images/white-overlay.png) repeat-x; height: 11px; z-index: 2050; } #skiTabs #tabs { float: left; position: relative; width: 100%; padding: 22px 0 20px; margin: -5px 0 0; background: #f2f1e3; } #skiTabs #tabs h2 { background: url(../images/h2-icon-ski-tabs.gif) no-repeat left top; padding: 5px 0 4px 30px; margin: -9px 0 10px 15px; font-size: 23px; } #skiTabs #tabs #tabNav { float: left; width: 175px; } #skiTabs #tabs #tabNav ul { float: left; list-style: none; } #skiTabs #tabs #tabNav ul li { display: block; } #skiTabs #tabs #tabNav ul li a { float: left; width: 160px; padding: 3px 0 3px 15px; font-size: 11px; margin: 0 0 1px; color: #3d2b22; text-decoration: none; cursor: pointer; } #skiTabs #tabs #tabNav ul li a:hover { background: #C4BF35; text-decoration: none; } #skiTabs #tabs #tabNav ul li a:active { color: #FFFFFF; } #skiTabs #tabs #tabNav ul li a.current { background: #C4BF35; } #skiTabs #tabs #contentWrap { float: left; width: 470px; padding: 0 40px 0 35px; margin: 28px 0 0; } #skiTabs #tabs #contentWrap .tab { display: none; } #skiTabs #tabs #contentWrap .tab .content { float: left; padding: 15px 0 0; width: 470px; } #skiTabs #tabs #contentWrap .tab .content h3 { float:left; width: 100%; background: none; border: none; font-size: 15px; text-transform: none; color: #77513e; margin: 4px 0 0; padding: 0; line-height: 18px; } #skiTabs #tabs #contentWrap .tab .content h4 { float: left; margin: 15px 0 0; font-weight: bold; width: 100%; } #skiTabs #tabs #contentWrap .tab .content p { margin: 10px 0 0; } #skiTabs #tabs #contentWrap .tab .content ul { float: left; width: 455px; margin: 10px 0 0 15px; list-style-type: none; } #skiTabs #tabs #contentWrap .tab .content ul li { float: left; width: 443px; background: url(../images/bullet-circle.gif) no-repeat left 8px; padding: 0 0 0 12px; } #skiTabs #tabs #contentWrap .tab .content .rates { float:left; width: 100%; margin: 10px 0 0; } #skiTabs #tabs #contentWrap .tab .content .left { margin-right: 30px; } #skiTabs #tabs #contentWrap .tab .content .rates .row { width: 460px; float: left; padding: 2px 5px; margin: 0; line-height: 15px; background: #E7E6D9; } #skiTabs #tabs #contentWrap .tab .content .rates .alt { background: none; } #skiTabs #tabs #contentWrap .tab .content .rates .row .col_l { width: 310px; min-width: 240px; max-width: 370px; float: left; } #skiTabs #tabs #contentWrap .tab .content .rates .row .col_pass { width: 290px; min-width: 240px; max-width: 370px; float: left; } #skiTabs #tabs #contentWrap .tab .content .rates .row .col_r { width: 150px; float: left; text-align: right; } #skiTabs #tabs #contentWrap .tab .content .rates .row .col_r1 { width: 80px; float: left; text-align: right; } #skiTabs #tabs #contentWrap .tab .content .rates .row .col_r2 { width: 90px; float: left; text-align: right; } #skiTabs #tabs #contentWrap .tab .content .small { font-size: 10px; margin: 15px 0 0; } /* WEDDINGS PHOTO GALLERY */ /**************************/ #terrainGallery { width: 842px; height: 580px; } #terrainGallery #tabsClose { float: left; width: 100%; height: 20px; margin: 0 0 5px; text-align: right; background: none; } #terrainGallery #tabsClose a { font-size: 18px; color: #FFFFFF; text-decoration: none; } #terrainGallery #tabsClose a:hover { color: #9c9100; text-decoration: none; } #terrainGallery #tabsTopEdge { float: left; position: relative; width: 100%; background: url(../images/white-overlay.png) repeat-x; height: 11px; z-index: 2050; } #terrainGallery #tabs { float: left; position: relative; width: 100%; padding: 22px 0 20px; margin: -5px 0 0; background: #f2f1e3; } #terrainGallery #tabs h2 { background: url(../images/h2-icon-ski-tabs.gif) no-repeat left top; padding: 5px 0 4px 30px; margin: -9px 0 10px 15px; font-size: 23px; } #terrainGallery #tabs #tabNav { float: left; width: 175px; } #terrainGallery #tabs #tabNav ul { float: left; list-style: none; } #terrainGallery #tabs #tabNav ul li { display: block; } #terrainGallery #tabs #tabNav ul li a { float: left; width: 157px; padding: 3px 0 3px 18px; font-size: 13px; margin: 0; color: #3d2b22; text-decoration: none; cursor: pointer; } #terrainGallery #tabs #tabNav ul li a:hover { background: #C4BF35; text-decoration: none; } #terrainGallery #tabs #tabNav ul li a:active { color: #FFFFFF; } #terrainGallery #tabs #tabNav ul li a.current { background: #C4BF35; } #terrainGallery #tabs #tabNav ul li.open a { background-image: url(../images/terrain_open.png); background-repeat: no-repeat; background-position: 3px 7px; } #terrainGallery #tabs #tabNav ul li.closed a { background-image: url(../images/terrain_closed.png); background-repeat: no-repeat; background-position: 5px 10px; } #terrainGallery #tabs #tabNav #roomInfo { display: block; float: left; width: 175px; padding: 20px 0 4px 15px; line-height: 14px; } #terrainGallery #tabs #tabNav #roomInfo .img { float: left; } #terrainGallery #tabs #contentWrap { float: left; width: 600px; margin: 28px 0 0 35px; } #terrainGallery #tabs #contentWrap #display{ width: 600px; height: 360px; position: relative; } #terrainGallery #tabs #contentWrap #display #loader { position: absolute; left: 288px; top: 149px; } #terrainGallery #tabs #contentWrap #thumbsNav { width: 600px; height: 31px; margin: 8px 0 0; } #terrainGallery #tabs #contentWrap #thumbsNav #thumbs { float: left; } #terrainGallery #tabs #contentWrap #thumbsNav #thumbs img { float: left; margin: 0 2px 1px 0; border: 1px solid #FFFFFF; } #terrainGallery #tabs #contentWrap #thumbsNav #thumbs a.current img { border: 1px solid #61310B; } /* SPA PRODUCTS */ #products { width: 842px; height: 540px; } #products #tabsClose { float: left; width: 100%; height: 20px; margin: 0 0 5px; text-align: right; background: none; } #products #tabsClose a { font-size: 18px; color: #FFFFFF; text-decoration: none; } #products #tabsClose a:hover { color: #9c9100; text-decoration: none; } #products #tabsTopEdge { float: left; position: relative; width: 100%; background: url(../images/white-overlay.png) repeat-x; height: 11px; z-index: 2050; } #products #tabs { float: left; position: relative; width: 100%; padding: 22px 0 20px; margin: -5px 0 0; background: #f2f1e3; } #products #tabs h2 { background: url(../images/h2-icon-spa-tabs.gif) no-repeat left top; padding: 5px 0 4px 30px; margin: -9px 0 10px 15px; font-size: 23px; } #products #tabs #tabNav { float: left; width: 175px; } #products #tabs #tabNav ul { float: left; list-style: none; } #products #tabs #tabNav ul li { display: block; } #products #tabs #tabNav ul li a { float: left; width: 160px; padding: 3px 0 3px 15px; font-size: 11px; margin: 0 0 1px; color: #3d2b22; text-decoration: none; cursor: pointer; } #products #tabs #tabNav ul li a:hover { background: #C4BF35; text-decoration: none; } #products #tabs #tabNav ul li a:active { color: #FFFFFF; } #products #tabs #tabNav ul li a.current { background: #C4BF35; } #products #tabs #tabNav #roomInfo { display: block; float: left; width: 175px; padding: 20px 0 4px 15px; line-height: 14px; } #products #tabs #tabNav #specs { display: block; float: left; width: 175px; margin: 25px 0 0 15px; font-size: 11px; font-weight:bold; } #products #tabs #contentWrap { float: left; width: 470px; margin: 28px 40px 0 35px; } #products #tabs #contentWrap #display{ float: left; width: 100%; height: 360px; position: relative; } #products #tabs #contentWrap #display #loader { position: absolute; left: 288px; top: 149px; } #products #tabs #contentWrap #thumbsNav { float: left; width: 600px; height: 31px; margin: 8px 0 0; } #products #tabs #contentWrap #thumbsNav #thumbs { float: left; } #products #tabs #contentWrap #thumbsNav #thumbs img { float: left; margin: 0 2px 0 0; border: 1px solid #FFFFFF; } #products #tabs #contentWrap #thumbsNav #thumbs a.current img { border: 1px solid #61310B; } /* SKI CONDITIONS */ #conditions { width: 720px; height: 540px; } #conditions #close { float: left; width: 100%; height: 20px; margin: 0 0 5px; text-align: right; background: none; } #conditions #close a { font-size: 18px; color: #FFFFFF; text-decoration: none; } #conditions #close a:hover { color: #9c9100; text-decoration: none; } #conditions #topEdge { float: left; position: relative; width: 100%; background: url(../images/white-overlay.png) repeat-x; height: 11px; z-index: 2050; } #conditions #wrap { float: left; position: relative; width: 100%; padding: 22px 0 20px; margin: -5px 0 0; background: #f2f1e3; } #conditions #wrap h2 { background: url(../images/h2-icon-ski-tabs.gif) no-repeat left top; padding: 9px 0 5px 30px; margin: -9px 0 10px 15px; font-size: 19px; } #conditions #wrap #content { float: left; padding: 15px 0; width: auto; margin: 0 0 0 105px; } #conditions #wrap #content #current { float: left; width: 360px; margin: 0 20px 0 0; } #conditions #wrap #content #forecast { float: left; width: auto; } #conditions #wrap #content #current .field { float: left; width: 100%; margin: 0 0 10px; } #conditions #wrap #content #current .field label.name { width: 180px; float: left; line-height: 15px; font-weight: bold; } #conditions #wrap #content #current .field label.data { width: 180px; float: left; line-height: 15px; } /* PHOTO GALLERY */ #photoGallery { width: 843px; height: 540px; } #photoGallery h1 { float:left; width: auto; background: none; border: none; font-size: 23px; text-transform: none; color: #61310b; padding: 0; line-height: 26px; } #photoGallery #close { float: left; width: 100%; height: 20px; margin: 0 0 5px; text-align: right; background: none; } #photoGallery #close a { font-size: 18px; color: #FFFFFF; text-decoration: none; } #photoGallery #close a:hover { color: #9c9100; text-decoration: none; } #photoGallery #topEdge { float: left; position: relative; width: 100%; background: url(../images/white-overlay.png) repeat-x; height: 11px; z-index: 2050; } #photoGallery #gallery { float: left; position: relative; width: 100%; margin: -5px 0 0; background: #f2f1e3; } #photoGallery #gallery #display { float: left; width: 100%; height: 322px; position: relative; text-align: center; } #photoGallery #gallery #display #loader { position: absolute; left: 410px; top: 149px; } #photoGallery #gallery #lower { float: left; width: auto; padding: 13px 15px; width: 816px; } #photoGallery #gallery #lower #thumbsNav { float: right; width: 640px; } #photoGallery #gallery #lower #thumbsNav #thumbs { float: right; } #photoGallery #gallery #lower #thumbsNav #thumbs img { float: right; margin: 0 0 2px 2px; border: 1px solid #FFFFFF; } #photoGallery #gallery #lower #thumbsNav #thumbs a.current img { border: 1px solid #61310B; } #photoGallery #gallery #lower h1 { float: left; width: auto; }