/* ============================================================ */ /* HYATT PLACE MAIN STYLE SHEET */ /* ============================================================ */ /* STYLE RESET */ /* ============================================================ */ body { background: url(/hyatt/images/place/interface/bg_body.gif) repeat top left; } body, td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #404040;} body, div { margin: 0; padding: 0;} table {border-collapse:collapse; border-spacing:0; } fieldset,img,abbr{border:0 none;} /* hack for IE < 6 to center the page */ * html body { text-align: center; } /* GENERAL STYLES */ /* ============================================================ */ /* following h1 element is a copy of the H2 item due to SEO updates.*/ h1 {margin: 5px 0 14px 35px; padding:0 0 10px 20px; background: url(/hyatt/images/place/horizontal_dots.gif) repeat-x left bottom; width:853px; text-align: left; font-size:20px; letter-spacing:3px; font-weight: normal; color: #999} body#place h1 {margin: 0; padding:0; background:none; width:auto; font-size:14px; font-weight:bold; color: #404040; letter-spacing:1.5px;} body#place h2 {margin: 0; padding:0; background:none; width:auto; font-size:12px; font-weight:bold; color: #000; letter-spacing:1.25px;} h2 {margin: 5px 0 14px 35px; padding:0 0 10px 20px; background: url(/hyatt/images/place/horizontal_dots.gif) repeat-x left bottom; width:853px; text-align: left; font-size:20px; letter-spacing:3px; font-weight: normal; color: #999} h3 {margin: 5px 0 2px 0; font-size:16px; color: #854b1b; padding-bottom: 0;} h3 a {margin: 5px 0 2px 0; font-size:16px; color: #854b1b; padding-bottom: 0;} h4 {margin: 5px 0 2px 0; font-size:14px; color: #797979; } h6 {margin: 0; padding: 0; color: #666; font-size: 12px; font-weight: bold; } #one-column h6 {color: #000;} p { margin-top: 8px; margin-bottom: 12px; } a, a.b { color: #357689; text-decoration: underline;} #bookflap a {text-decoration:none;} #home-bookflap a {text-decoration:none;} #bookflap .caption a {text-decoration:underline;} #home-bookflap dt a {text-decoration:underline;} #home-bookflap a sup{text-decoration:none;border-bottom:1px solid #04799B;padding-bottom:4px;} @-moz-document url-prefix() {a sup { border: none !important; } } a:hover { text-decoration: underline; } .sub-hov-on, .sub-hov-off, a.circle-arrow, a.circle-back {border: 1px solid; display: block; border: none; background:url(/hyatt/images/place/buttons/circle_arrow.gif) no-repeat left center; padding:4px 0 4px 28px; font-size: 14px; font-weight: bold;} .sub-hov-on, a.circle-arrow:hover { background-image: url(/hyatt/images/place/buttons/circle_arrow_hover.gif); } a.circle-back { background-image: url(/hyatt/images/place/buttons/circle_arrow_back.gif); } a.circle-back:hover { background-image: url(/hyatt/images/place/buttons/circle_arrow_back_hover.gif);} .sub-hov-on a, .sub-hov-off a, .sub-hov-on button, .sub-hov-off button { color: #357689; font-weight: bold; text-align: left; text-transform: lowercase; } .clear {clear:both; height: 1px; line-height: 1px; font-size: 1px; } .hidden-text { position: absolute; left: -9999px; top: -9999px; font-size:1px; line-height: 1px;} ul, ol { margin-left: 15px; padding-left: 0 } ul { list-style-type: square; } ul.simple-list { list-style-type: none; margin-left: 0;} ul.simple-list li { margin-top: 10px; margin-bottom: 10px;} ul.square-bullets{list-style:none; margin: 0 0 0 0;} .square-bullets li{margin: 0; padding: 1px 0 1px 8px; background: url(/hyatt/images/place/home_bullet.gif) no-repeat 0px 2px;} /* Nested list*/ ul.square-bullets li ul.square-bullets li { margin-left: 15px; background: url(/hyatt/images/bullet.gif) no-repeat 0px 2px;} ul.two-col { width: 40%; margin-right: 20px; float: left } /* Set line length */ p, ul.simple-list li, ul.square-bullets li { max-width: 560px; line-height: 16px;}, * html p, * html ul.simple-list li, * html ul.squarebullets li { width: expression(this.width > 560 ? "560px" : this.width); } /* vertical and horizontal dots for outlining columns */ .left-dots, .right-dots { background-image: url(/hyatt/images/place/vertical_dots.gif); background-repeat: repeat-y; } .top-dots, .bottom-dots { background-image: url(/hyatt/images/place/horizontal_dots.gif); background-repeat: repeat-x; } .top-dots { padding-top: 10px; } .right-dots { background-position: right top; } .bottom-dots { background-position: left bottom; } /* Two column lists */ .two-column { width: 45%; float: left; } /* MAIN LAYOUT */ /* ============================================================ */ #container { position: relative; width: 941px; margin:10px auto 20px auto} /* hack to reset the center-page hack on the body element */ * html #container { text-align: left; } .corporate {} .property {} /* HOTEL SEARCH RESULTS */ /* =================== */ .hotel-search-result { background: transparent url(/hyatt/images/place/vertical_dots.gif) repeat-y scroll right; } /* HEADER */ /* ============================================================ */ #header {width:941px; height:380px; margin:0 auto; position: relative;} #logo {z-index: 101; position: absolute; top:15px; left:60px; width: 116px; height: 113px; margin:0; padding: 0; background: url(/hyatt/images/place/place-logo.gif) no-repeat top left;} #header #util-nav {z-index: 40; position: absolute; top:20px; right:18px;} #header #util-nav ul{list-style: none; margin: 0; padding: 0;} #header #util-nav ul li{float: left; } #header #util-nav ul li a, #header #util-nav ul li .sign-out-button { display: block; padding:2px 17px 3px 17px; font-size:11px; font-weight: bold; color: #357689; text-decoration: none;} #header #util-nav ul li a:hover {text-decoration: underline} /* This element used to have margin-top: -1px; applied to it, to bring the orange text in line with the blue text, but this breaks IE 7. Border-bottom fixes the issue in firefox, but doesn't fix it in IE7.*/ #header #util-nav ul li.arrow a {border-bottom: 1px solid #fff; color: #F48024; margin-left: 10px; background: url(/hyatt/images/place/arrow_orange.gif) no-repeat left center; font-size: 12px; font-weight: bold;} /* Styles for when a user is signed in */ #header #util-nav ul li.welcome { color: #797979; text-transform: lowercase; padding:2px 17px 3px 17px;} #header #util-nav ul li .sign-out-button { position: relative; width: 53px; line-height:18px; color: #50B2CE; text-align: center; } #header #util-nav ul li .sign-out-button-input-non-h, #header #util-nav ul li .sign-out-button-input-h { position: absolute; } #main-nav {z-index: 40; position: absolute; top:54px; right:16px; width:710px; height:30px;} * html #main-nav {right:10px; width:710px; height:30px;} #main-nav ul {list-style: none; margin:0; padding:0;} #main-nav ul li a span{position: absolute; left: -9999px; top: -9999px; font-size:1px; line-height: 1px;} #main-nav ul li {margin-right: 8px;} li#rates {width: 135px; height: 22px; float: left; background: url(/hyatt/images/place/nav/rates_1.gif) no-repeat top right; } li#rates a {width: 135px; height: 22px; display: block; background: url(/hyatt/images/place/nav/rates_0.gif) repeat top right;} li#rates a:hover {background: none;} li#locations {width: 77px; height: 22px; background: url(/hyatt/images/place/nav/locations_1.gif) no-repeat top right; float: left;} li#locations a {background: url(/hyatt/images/place/nav/locations_0.gif) no-repeat top right; width: 77px; height: 22px; display: block;} li#locations a:hover {background: none;} li#special {width: 101px; height: 22px; background: url(/hyatt/images/place/nav/special_1.gif) no-repeat top right; float: left} li#special a {background: url(/hyatt/images/place/nav/special_0.gif) no-repeat top right; width: 101px; height: 22px; display: block;} li#special a:hover {background: none;} li#meetings {background: url(/hyatt/images/place/nav/meetings_1.gif) no-repeat top right; width: 129px; height: 22px; float:left;} li#meetings a {background: url(/hyatt/images/place/nav/meetings_0.gif) no-repeat top right; width: 129px; height: 22px; display: block;} li#meetings a:hover {background: none;} li#about {background: url(/hyatt/images/place/nav/about_1.gif) no-repeat top right; width: 81px; height: 22px; float: left;} li#about a {background: url(/hyatt/images/place/nav/about_0.gif) no-repeat top right; width: 81px; height: 22px; display: block;} li#about a:hover {background: none;} li#hyatt {margin-right: 0;} li#hyatt {background: url(/hyatt/images/place/nav/hyatt_1.gif) no-repeat top right; width: 136px; height: 22px; float: left;} li#hyatt a {background: url(/hyatt/images/place/nav/hyatt_0.gif) no-repeat top right; width: 136px; height: 22px; display: block;} li#hyatt a:hover {background: none} li.selected a {background: none !important; } /*Transparency and mast head image styles*/ #header #trans-home {width: 941px; height: 380px; background: none no-repeat top left; z-index: 30; position: absolute; left: 0;} /* Make Internet explorer display a proper image */ * html #header #trans-home { background-image: url(/hyatt/images/place/interface/trans-top.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hyatt/images/place/interface/trans-top.png', sizingMethod='crop'); } /* Compliant Browsers display a normal background png image*/ #header > #trans-home { background-image: url(/hyatt/images/place/interface/trans-top.png); filter: none; } /* BREADCRUMB */ /* ============================================================ */ #cookie-crumb-row, #cookie-crumb-row a { font-size: 10px; } #cookie-crumb-row a:active, #cookie-crumb-row a:link, #cookie-crumb-row a:visited { text-decoration: none; } #cookie-crumb-row a:hover { text-decoration: underline; } #cookie-crumb-row a, #cookie-crumb-row span { padding-left: 5px; padding-right: 5px; } /* CONTENT LAYOUT */ /* ============================================================ */ .corporate-copy {} .property-copy {} #body {position: relative; width: 941px; background: url(/hyatt/images/place/interface/content_bg.gif) repeat-y top left; margin:0 auto; padding:10px 0 10px 0;} #content{position: relative; width: 868px; margin-left: 35px; padding-bottom: 20px; background: url(/hyatt/images/place/vertical_dots.gif) repeat-y 650px 80px; text-align: left;} #one-column { display: inline; width: 610px; float: left; margin-left: 20px; } /* COLUMNS */ /* ============================================================ */ .column-container { display: inline; float: left; width: 650px;} .no-bookflap { width: 868px; } .column-container .column { display: inline; float: left; margin-left: 20px; height: 1%; } .column-container .flush-column { display: inline; float: left; margin-left: 0; height: 1%; } .column-container .single { width: 630px; } .column-container .quickbook { width: 180px; margin-left: 0; } .column-container .hotel-info { width: 414px; margin-left: 30px;} .column-container .rooms-info { width: 274px; margin-left: 30px;} .column-container .rooms-nav, .column-container .meetings-nav { width: 140px; } .column-container .small { width: 205px; padding:0 0 0 10px;} .column-container .small p{font-size:11px;} .column-container .large { width: 390px; } .column-container .meeting-content { width: 470px;} .column-container .meetings-nav ul { list-style-type: none; } /* This needs a better class name. */ .margin-left {margin-left: 20px;} /* ROOMS AND RATES */ /* ============================================================ */ #rooms-rates{padding:0 0 20px 0; background: #D9D2AB url(/hyatt/images/place/rooms-bg-main.gif) repeat-y bottom right; position: relative; font-size: 11px; } /*body #reservations #quickbook #rooms-rates{padding: 0 0 20px 0; background:url(/hyatt/images/place/tab-quickbook-bg.gif) 0 0 no-repeat;position:relative;width:400px;height:289px;}*/ #rooms-rates td { font-size: 11px; } #rooms-rates span#tl {background: url(/hyatt/images/place/corners.gif) no-repeat top left; position: absolute; top:0; left:0; height:12px; width:12px;} #rooms-rates span#tr {background: url(/hyatt/images/place/corners.gif) no-repeat top right; position: absolute; top:0; right:0px; height:12px; width:13px;} #rooms-rates span#bl {background: url(/hyatt/images/place/corners.gif) no-repeat bottom left; position: absolute; bottom:0; left:0; height:12px; width:12px;} #rooms-rates span##bl { margin-bottom: -1px;} /* RATES + RESERVATIONS TABS */ /* ============================================================ */ #new-quick-tabs{position:relative;width:400px;float:left;padding-bottom:12px;} #new-quick-tabs ul{list-style-type:none;width:400px;float:left;margin:0;padding:0;} #new-quick-tabs ul li{float:left; display:inline;margin:0;padding:0;} #new-quick-tabs ul li a{border:none;float:left;text-decoration:none;} #new-quick-tabs ul li a span{visibility:hidden;float:left;} #tab-find-rates{background:url(/hyatt/images/place/tab-find-rates.gif) 0 0 no-repeat;width:89px;height:24px;} #tab-redeem-gc{background:url(/hyatt/images/place/tab-redeem-gift-certs.gif) 0 0 no-repeat;width:157px;height:24px;} #tab-redeem-gp{background:url(/hyatt/images/place/tab-redeem-gold-passport.gif) 0 0 no-repeat;width:154px;height:24px;} /* SPECIAL OFFERS */ /* ============================================================ */ .one-column-with-find-rates { float: left; margin-left: 30px; width: 410px; } /* MEETINGS & EVENTS */ /* ============================================================ */ .event-type{overflow:hidden;margin:0 0 10px 0;} .event-type .copy{float:left; width:415px;} .event-type .copy strong{display:block;margin:8px 0 5px 0;} .meetings-events-main {margin: 0 0 0 20px; width:48%; display:inline;} .meetings-events-bookflap {display:inline;float:right;margin-top:6px;text-align:left;width:180px;} .meetings-events-bookflap h4 {color:#357689;font-size:13px;} .meetings-middle-column {width:200px; float:left; margin: 0 0 0 25px; display:inline;} .meetings-middle-column .copy{width:200px;} /* property site content/middle column/bookflap */ .meetings-property-main{float:left;display:inline;width:420px;margin:0 0 0 10px;} .meetings-property-middle-column {float:left;display:inline;width:180px;float:left;margin: 0 0 0 33px;} /*********Event Type Pages**************/ .event-type-links {width:185px; float:left; display: inline; margin: 0 0 0 20px;} .event-type-middle-content {width:430px; float:left; display: inline; margin: 0 0 0 25px;} .event-type-middle-content h4 {color:#357689; font-size:13px;} .event-type-links ul {margin:0; padding:0;} .event-type-links ul li {list-style-type: none; margin: 0 0 5px 0; background:transparent url(/hyatt/images/place/horizontal_dots.gif) repeat-x scroll left bottom; padding: 0 0 5px 0;} .event-type-links ul li a, .event-type-links ul li a:hover {text-decoration:none; width:185px; display:block;} .back-to-meetings {font-size:12px; letter-spacing:0; position:absolute; margin:5px 0 0 690px;} .meetings-margin-bump {margin:5px 0 8px 0;} .event-type-selected {font-weight:bold;} /* BOOKFLAP */ /* ============================================================ */ /* content-right renames to bookflap */ #bookflap { display: inline; float: right; width: 210px; margin-top: 6px; text-align: center;} #bookflap h4 { color: #357689; font-size: 13px } #bookflap #bookflap-container {width:160px; margin:0 auto; text-align: center;} #bookflap #bookflap-container .bookflap-thumb {position: relative; height:56px; width: 127px; margin: 0 auto;} #bookflap #bookflap-container .bookflap-thumb img{position: absolute; top:0; left:0;} #bookflap #bookflap-container .thumb-mask {width:127px; height:56px; position: absolute; top:0; left:0; background: url(/hyatt/images/place/bookflap_mask.gif) no-repeat top left;} #bookflap #bookflap-container .thumb-hyperlink { position: absolute; top: 0; left:0; z-index: 3 } #bookflap #bookflap-container p.caption {margin: 5px 0 2px 0; font-size:13px; font-weight:bold; color:#357689;} #bookflap #bookflap-container p.caption a{color:#357689;} #bookflap #bookflap-container p.caption a:hover{color:#273F6F;} #bookflap #bookflap-container p.caption a sup{text-decoration:none;border-bottom:1px solid #04799B;padding-bottom:3px;} @-moz-document url-prefix() { p.caption a sup { border: none !important; } } #bookflap #bookflap-container p {font-size:11px; margin:0 0 20px 0;} #bookflap #bookflap-container p a {color: #404040;} /* FOOTER */ /* ============================================================ */ #footer, #footer-bg { position: absolute; width: 941px; height: 53px; margin:0 auto 20px auto; border: 0 none; color: #fff; background-color: transparent; font-size:11px;} #footer-bg { background: url(/hyatt/images/place/interface/footer-bg.gif) no-repeat top left;} #footer { z-index: 30; } #footer #footer-nav {position: absolute; top:24px; left:30px;} #footer #footer-nav ul{ list-style: none; margin: 0; padding: 0;} #footer #footer-nav ul li{float: left; background: url(/hyatt/images/place/interface/nav_footer_bullet.gif) no-repeat 0 7px; padding:0 0 0 10px; margin:0 15px 0 0;} #footer #footer-nav ul li a{text-decoration: none; color: #fff; } #footer #footer-nav ul li a:hover{text-decoration: underline;} #footer p.copyright { position: absolute; top: 24px; right: 32px; width:120px; margin: 0; text-align: right; } #verisign-logo {width:941px; height:60px; margin: 0 auto; margin:70px 0 0 0;} #verisign-logo div{height:51px; width:94px; display: block; float: right;} /*********************************RGP-RGC LINKS*********************************************************/ .rgp-rgc-links a, .rgp-rgc-links a:hover {display:block; width:125px; margin: 2px 0 0 10px;} .rgp-rgc-links p {font-style:italic; font-size:10px; padding: 0 10px 0 10px;} .rgp-rgc-links-home a, .rgp-rgc-links-home a:hover {display:block; width:125px; margin: 2px 0 0 0;} .rgp-rgc-links-home {margin: 10px 0 0 0;} /***************************Rates & Res Tabs*****************************************/ #fr-tab-on {background: transparent url(/hyatt/images/place/fr-tab-on.gif) no-repeat 0 0; height:24px; width:86px;} #fr-tab-off {background: transparent url(/hyatt/images/place/fr-tab-off.gif) no-repeat 0 0; height:24px; width:86px;} #rgc-tab-on {background: transparent url(/hyatt/images/place/rgc-tab-on.gif) no-repeat 0 0; height:24px; width:155px;} #rgc-tab-off {background: transparent url(/hyatt/images/place/rgc-tab-off.gif) no-repeat 0 0; height:24px; width:155px;} #rgp-tab-on {background: transparent url(/hyatt/images/place/rgp-tab-on.gif) no-repeat 0 0; height:24px; width:155px;} #rgp-tab-off {background: transparent url(/hyatt/images/place/rgp-tab-off.gif) no-repeat 0 0; height:24px; width:155px;} /**********HOTEL AIR CAR LINK***************/ .place-hotel-air-car-bf {margin: 0 0 0 10px;} .place-hotel-air-car-bf img {padding: 0 5px 0 0;} #verisign-logo div{height:51px; width:94px; display: block; float: right;} /*-- #HM-589 - Sapient 08/2009 Start Changes --*/ .MSVE_PoweredByLogo {top: auto !important; bottom: 11px !important;} .MSVE_ScaleBarLabelFg, .MSVE_ScaleBarLabelFgInv {right: 11px !important; left: auto !important;} .MSVE_ScaleBarLabelBg, .MSVE_ScaleBarLabelBgInv {right: 10px !important; left: auto !important;} .MSVE_CopyrightForeground {right: 10px !important; left: auto !important;} .MSVE_CopyrightBackground {right: 9px !important; left: auto !important;} .MSVE_Copyright {text-align: right !important;} /*-- #HM-589 - Sapient 08/2009 End Changes --*/