/* BREADCRUMB */ /* ============================================================ */ /* Needs some work possibly */ .corporate #cookie-crumb-bg {position: absolute; top:84px; left:215px; width:694px; height:26px; background: #F1EFE2; z-index: 25;} .corporate #cookie-crumb-row {position: absolute; top: 84px; left: 206px; z-index:50; background-color: transparent;} body#place .corporate #cookie-crumb-bg, body#virtual .corporate #cookie-crumb-bg { display: none } /* SHORTENED HEADERS */ /* ============================================================ */ /* Any time you need to have a "shortened header", which is a header that contains no masthead, you need to add the pages body id to this list. The body id of a page is the base name of the page (i.e. the filename without the extension or the path name) UNLESS the base name is "index" in which case the body id is the name of the directory. For exmaple: Page : /path/to/the/file/myfile.jsp Body ID: myfile CSS : body#myfile #header Page : /path/tp/the/file/index.jsp Body ID: file CSS : body#file #header */ body#promotional-terms-so #header, body#locations #header, body#results #header, body#special-search-error #header, body#sitemap #header, body#terms #header, body#privacy #header, body#hotel-search-error #header, body#login #header, body#placeRatesAvailable #header, body#doublepoints #header, body#coming-soon #header, body#doublepoints-terms #header, body#rgcSelectedHotelRates #header, body#rgcRoomAvailability #header, body#placeCorpSelectedHotelRates #header, body#placeCorpCheckAvailability #header, body#placeConfirm #header, body#placeGuestInfo #header, body#best_rate_guarantee_faq #header, body#soCheckAvailability #header, body#soSelectedHotelRates #header, body#propCheckAvailability #header, body#propSelectedHotelRates #header, body#hyatt-gp-bonus-offers #header, body#selectReservation #header, body#reservationDetails #header, body#changeTravelDetails #header, body#changeRate #header, body#cancelReservation #header, body#cancelledReservation #header, body#changeGuestInfo #header, body#changeSpecialRequests #header, body#confirmchanges #header, body#reservationConfirm #header, body#error #header {height:147px; overflow: hidden; background: url('/hyatt/images/place/bg_results_header.gif') no-repeat 11px 10px;} /* LENGTHENED HEADERS */ /* ============================================================ */ body#place #header, body#place #trans-home { height: 511px; } * html body#place #header #trans-home { background-image: expression(getBgImgString("/hyatt/images/place/interface/home_trans")); filter: expression(getPngFilterString("/hyatt/images/place/interface/home_trans")); } body#place #header > #trans-home { background-image: url(/hyatt/images/place/interface/home_trans.png); filter: none; } body#place #header #masthead { top:74px; } body#place #header #masthead-special { top:74px; } /* HOME PAGE STYLES */ /* ============================================================ */ /* override for homepage to remove vertical dots */ body#place #content, /*body#placeCorpSelectedHotelRates #content,*/ /*body#placeCorpCheckAvailability #content,*/ body#virtual #content { background-image: none; } /* override #content on #locations */ body#locations #content{background: url(/hyatt/images/place/vertical_double_dots.gif) repeat-y 192px 80px;} /* override #content on #results */ body#results #content{background: url(/hyatt/images/place/vertical_double_dots.gif) repeat-y 192px 80px;} /* override max line length */ body#place p { max-width: 100%; width: 100%; } /* Take a peek */ #header #peek, #header #peek-link {display: block; position: absolute; bottom: 40px; right: 100px; z-index: 90; width: 125px; height: 126px; } * html #header #peek { background-image: expression(getBgImgString("/hyatt/images/place/take_a_look")); filter: expression(getPngFilterString("/hyatt/images/place/take_a_look"));} #header > #peek { background-image: url(/hyatt/images/place/take_a_look.png); filter: none;} #header #masthead {position: absolute; top:89px; left:34px;} #header #masthead-home {position: absolute; top:75px; left:25px; z-index:100} #header #peek-link { z-index: 95; } #masthead-link { position: relative; display: block;} #header #masthead-special {position: absolute; top:109px; left:35px; z-index:100;} /* Instant Win */ #header #instantwin-playnow, #header #instantwin-playnow-link {display: block; position: absolute; bottom: 20px; right: 55px; z-index: 90; width: 354px; height: 384px; } * html #header #instantwin-playnow { background-image: expression(getBgImgString("/hyatt/images/place/playnow")); filter: expression(getPngFilterString("/hyatt/images/place/playnow"));} #header > #instantwin-playnow { background-repeat: no-repeat; background-image: url(/hyatt/images/place/playnow.png); filter: none;} #header #instantwin, #header #instantwin-link {display: block; position: absolute; bottom: 30px; right: 112px; z-index: 90; width: 155px; height: 152px; } * html #header #instantwin { background-image: expression(getBgImgString("/hyatt/images/place/instantwin")); filter: expression(getPngFilterString("/hyatt/images/place/instantwin"));} #header > #instantwin { background-repeat: no-repeat; background-image: url(/hyatt/images/place/instantwin.png); filter: none; } #header #instantwin-close-link {display: block; position: absolute; bottom: 235px; right: 72px; z-index: 99; width: 55px; height: 12px; text-decoration:underline; color:#333; } #header #instantwin-link, #header #instantwin-playnow-link { z-index: 95; } #home-bookflap { width: 296px; float: left; padding:0 0 0 10px;} dl.bookflap-home {width:296px; position: relative; margin: 0 0 28px 0; } dl.bookflap-home dd.thumb{position: absolute; top:0; right:0; margin:0; width:126px;} dl.bookflap-home dd.thumb img{width:126px;} dl.bookflap-home .thumb-mask {width:127px; height:56px; position: absolute; top:0; right:0; background: url('/hyatt/images/place/bookflap_mask.gif') no-repeat top right;} dl.bookflap-home dd.thumb .thumb-hyperlink { position: absolute; top: 0; left:0; z-index: 3 } dl.bookflap-home dd {margin:0 136px 2px 0px; padding:0; font-size:11px;} dl.bookflap-home dt {margin:0 130px 2px 0px; font-family: arial; font-size:12px; color: #357689; font-weight: bold;} dl.bookflap-home dd a{background: url('images/sm_arrow.gif') no-repeat 0 4px; padding:0 0 0 0px; color: #404040;} dl.bookflap-home dd a:hover{text-decoration: underline;} #hyatt-brands { float: left; margin:0;} #hyatt-brands a img {border: none; vertical-align: middle; margin-left: 20px; } #hyatt-brands dl{float: left;display: inline; width: 300px;margin: 0;padding: 0;margin-left: 10px;margin-right: 0px;} #hyatt-brands dl dt{color:#854b1b;font-weight: bold;margin-bottom: 15px;margin-top: 15px;} #hyatt-brands dl dd{ margin: 0; padding: 0;margin-bottom: 8px;font-size: 11px;} #hyatt-brands dl dd a{font-weight: bold;} #hyatt-brands dl dd p{margin: 0;} #bottom-content {float: right; width: 530px; padding-left: 15px; margin-top: 0; background: url('/hyatt/images/place/vertical_dots.gif') top left repeat-y; font-size: 11px; line-height:16px;} #bottom-content strong{font-size: 12px;} /* SIGNIN + REGISTER */ /* ============================================================ */ body#login .sub-hov-on button, body#login .sub-hov-off button { font-size: 14px; height: auto; width: auto; } /* SEARCH RESULTS AND LOCATIONS */ /* ============================================================ */ #place-search-page { width: 640px; float: left; } #place-search-page .right-col-padding, #place-search-page .left-col-padding {padding-right: 0; padding-left: 0; padding-bottom: 0} #place-search-page label { display: block; float: left; margin-right: 20px; } #place-search-page label input { display: block; } /* Search Box */ #place-search-box {width: 175px; float: left; padding-left: 10px; padding-right: 5px;} #place-search-box #searchTerms {width: 160px; } #place-search-box #endeca-search-submit {clear: none; width: 170px;} #place-search-box #endeca-search-submit button {font-size: 13px;} #place-search-box #endeca-search-submit .submit {float:left;} #place-search-box #endeca-search-submit #endeca-search-tips {margin-top: 15px; float: left;} #place-search-box fieldset { padding: 0; margin: 10px 0 10px 0; font-size: 11px; } /* Dimentions down the left side of the page */ #endeca-search-facets .dim { width: auto; font-size: 11px; } #endeca-search-facets .dim .endeca-facet-title { color: #854b1b; } #search-results-container .msg { font-weight: normal; } body#locations strong.matching { margin-top: 10px; color: #73c067 } body#locations .sub-hov-on button, body#locations .sub-hov-off button { font-size: 14px; height: auto; width: auto; } .pagination, .pagination-wrapper { background: url(/hyatt/images/place/horizontal_dots.gif) left top repeat-x; text-align: center; } .pagination { color: #397F93; margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; } .pagination-wrapper { background-position: left bottom; } .pagination a:link, .pagination a:active, .pagination a:visited { color: #397F93; text-decoration: none; } .pagination a:hover { color: #397F93; text-decoration: underline; } /* Search results */ #search-results-container { float: left; width: 430px; margin-left: 15px; } #search-results-container .grey-line {visibility: hidden; width: auto !important;} dl.hotel-search-result { padding-left: 10px; width: auto; } dl.hotel-search-result dt, dl.hotel-search-result dd { width: 180px; margin-left: 130px; } /* Note that for these buttons we need to set the color of the text to be the background color of the button. */ dl.hotel-search-result dd.status .button a { display: block; width: 212px; height: 23px; border: 0 none; background: url(/hyatt/images/place/buttons/check-rates.gif) left top no-repeat; padding-bottom: 15px; color: #64BBD4; line-height: 3px; font-size: 1px; font-weight: normal;} dl.hotel-search-result dd.status .button a:hover { text-decoration: none; background-image: url(/hyatt/images/place/buttons/check-rates_over.gif); color: #357689} dl.hotel-search-result dd.thumbnail img {display: block; border: 0 none; background-image: url(/hyatt/images/place/hotel_thumb_mask.gif); padding: 0 6px 7px 0; width: 120px; height: 90px;} /* this style is for coming soon thumbnails */ dl.hotel-search-result dd.thumbnail a img {display: block; border: 0 none; background-image: url(/hyatt/images/place/hotel_thumb_mask.gif); padding: 0 6px 7px 0; width: 120px; height: 90px;} /* this style is for existing hotel thumbnails */ dl.hotel-search-result dd.utility-nav { width: 110px; left: 200px; right: 0;} dl.hotel-search-result dd.utility-nav .small-arrow a { padding-left: 5px; } .small-arrow, .small-arrow a { background-image: none; } .coming-soon {height: 15px; width: 100px; background-image: url(/hyatt/images/place/openingsoon.gif); background-repeat: no-repeat; position: static; margin: 10px 0 20px 0; padding: 0;} /* Results (about/coming-soon.jsp) */ /* ============================================================ */ #results-coming-soon-container { float: left; width: 620px; padding-left: 15px; } #results-coming-soon-container .grey-line {visibility: hidden; width: auto !important;} table.coming-soon-results {width: 100%; margin:20px 0 35px 0;} table.coming-soon-results th {color: #000; font-size:11px; text-align: left;} table.coming-soon-results td {vertical-align: top;} .cs-first-col {width: 290px; padding:10px 10px 10px 0;} .cs-second-col {padding:0;} .cs-second-col a{padding: 0 0 0 20px; font-weight: normal;} .cs-first-col .state{font-weight: bold;} .cs-first-col ul{list-style: none; margin:0;} table.coming-soon-results td .open-date {color: #F48024; font-weight: bold; display: block; margin:45px 0 0 0; list-style: none;} .coming-soon-results .place-check-button a {margin-top: 4px;display: block; width: 156px; height: 10px; border: none; background: url('/hyatt/images/place/check_availability_0.gif') left top no-repeat; padding-bottom: 15px; color: #64BBD4; line-height: 3px; font-size: 1px; font-weight: normal;} .coming-soon-results .place-check-button a:hover {text-decoration: none; background-image: url('/hyatt/images/place/check_availability_1.gif'); color: #357689} .place-check-button span {display: none;} /* on the coming-soon.jsp page this allows us to hide the coming soon bookflap item */ #coming-soon #no-display {display: none;} /* RESERVATIONS (flow1/placeRatesAvailable.jsp) */ /* ============================================================ */ /*#placeRatesAvailable #travel-assist { width: 190px; background-color: #F1EFE2; } #placeRatesAvailable #rhs-res-details { width: 190px; margin:0; }*/ #placeRatesAvailable #corp-rates-available-container {float: left; width: 455px; margin-right: 0px;} #placeRatesAvailable #corp-rates-available-container .hotel-container { border-bottom: 0px none; background: url(/hyatt/images/place/horizontal_dots.gif) left bottom repeat-x; } #placeRatesAvailable #corp-rates-available-container .hotelpic-address-container { width: 455px; float: none; } #placeRatesAvailable #corp-rates-available-container #hotelpic-address {width: 320px; padding:10px 0 20px 5px;} #placeRatesAvailable #corp-rates-available-container .links { width: 120px; } #placeRatesAvailable #corp-rates-available-container .rates { width: 320px; float: none; clear: both; margin-left: auto; margin-right: auto;} #placeRatesAvailable #corp-rates-available-container .rates .view-all-link button { padding:5px 0 20px 28px; } * html #placeRatesAvailable #corp-rates-available-container .rates .view-all-link button { padding:4px 0 14px 28px; height:24px; } /* SEARCH RESULTS ERRORS */ /* ============================================================ */ /* Error page */ .error-msg-box { background: url(/hyatt/images/place/horizontal_dots.gif) left bottom repeat-x; } .error-search-box { width:190px; float:left; background: url(/hyatt/images/place/vertical_dots.gif) right top repeat-y; } .error-msg-info { float:left; width:450px; } /* dimension block */ #hotel-search-error .dim { float:left; width:220px; height:100px; margin-bottom:5px; margin-right:20px; } /* standard message */ #hotel-search-error .msg { margin-bottom:5px; } /* QUICK BOOK */ /* ============================================================ */ #quickbook {} #quickbook h3 {color: #fff; font-weight: bold; font-size:16px; padding:10px 0 10px 10px; margin:0;} #quickbook #find-hotel{display:block; margin:12px 0 0 0;} #quickbook #rooms-rate-submit{display:block; margin:12px 0 0 0;} #place #quickbook #check-available-rates {float: left; margin:0; padding:10px 0 10px 130px;} #place #quickbook #find-a-hotel {float: left; margin:0 0px 0 0px; padding:12px 0 10px 20px;} #place #quickbook {width: 558px; float: right; margin-right: -9px;} #place #quickbook #rooms-rates {width: 558px;} #place #location {width:220px; float: left; margin:0 0 0 0px; padding:0 0 0 20px;} #place #location #searchTerms {font-size: 11px; width:190px;} #place #location #brandFilter {font-size: 11px; width:194px;} #locations #brandFilter {width:165px;} #place #check-in {float: left; width:180px;} #place #offer-code {float: left; width:130px;} #place #special-offer {width:114px; font-size: 11px;} #place #group-corp-num {width:114px; font-size: 11px;} #special-offers-booking #quickbook {position: relative;} #special-offers-booking #quickbook h3 {color: #fff; font-weight: bold; font-size:16px; padding:10px 0 10px 10px; margin:0;} #special-offers-booking #quickbook #find-hotel{margin:12px 0 6px 10px;} #special-offers-booking #quickbook #rooms-rate-submit{display:block; margin:12px 0 0 0;padding:0 0 10px 0; position: absolute; bottom:5px; left:9px;} #special-offers-booking #quickbook {width: 186px; float: left; margin-right: -9px;} #special-offers-booking #quickbook #rooms-rates {width: 186px;} #special-offers-booking #brandFilter {font-size: 11px;} #special-offers-booking #location {width:180px; padding:0 0 0 10px;} #special-offers-booking #location select {display: block; clear: both;} #special-offers-booking #location #searchTerms {font-size: 11px; width:160px;} #special-offers-booking #location #brandFilter {font-size: 11px; width:160px;} #special-offers-booking #check-in {width:170px; margin:0 0 10px 10px;} #special-offers-booking #offer-code {width:140px; margin:0 0 26px 10px;} #special-offers-booking #special-offer {width:140px; font-size: 11px;} #special-offers-booking #group-corp-num {width:140px; font-size: 11px;} #special-offers-booking #locator-tab-container .locator-tabs {display: none;} #special-offers-booking .locator-mm-yy-select {width:108px;} #special-offers-booking .day-selector-box {width:38px; text-align: right; margin-left: 11px;} #special-offers-booking .locator-digit-select {width:40px;} #special-offers-booking #quickbook table td { padding-top: 5px; } /* SPECIAL OFFERS */ /* ============================================================ */ #special-offers {margin:10px 0 0px 0; background: url(/hyatt/images/place/horizontal_dots.gif) repeat-x left bottom;} #special-offers img{width:175px;float:left;margin-top:10px;} #special-offers .copy {width:420px;float:right;} dl.special-offers { clear: left;} dl.special-offers dd { float: left; margin: 0; padding:0; font-size:12px; } dl.special-offers dd.thumb{ float: left; position: relative; width: 100px; margin: 3px 30px 20px 0; background: url('/hyatt/images/place/offer_mask.gif') no-repeat top left;} dl.special-offers dd.thumb .thumb-mask {width:108px; height:107px; position: absolute; top:0; left:0; margin-left: -2px; background: url('/hyatt/images/place/offer_mask.gif') no-repeat top left; z-index: 1;} dl.special-offers dd.thumb a .thumb-mask {cursor: pointer;} dl.special-offers p{margin:0;} dl.special-offers dt { float: left; font-size:13px; color: #357689; font-weight: bold; margin: 0 0 2px 0;} dl.special-offers dd a:hover{text-decoration: underline;} dl.special-offers .offer-terms-link, dl.special-offers .offer-locations-header {margin-top:20px;} #freenight #quickbook #check-available-rates {display: none;} #freeweekend #quickbook #check-available-rates {display: none;} #doublepoints #one-column ul {margin:0;} #doublepoints #one-column li {margin-left: 35px;} /*Override hyatt.com special offer finder styles*/ #special-offer-finder {width:634px;border:none;margin-top:10px;} #special-offer-finder p{margin:0;} #special-offer-finder .special-offers-wrapper { position:relative; width:431px; font-size:11px;border-left: 1px solid #CCC;} #special-offer-finder .special-offers-wrapper ul{list-style: none; float: left;padding:15px 5px 0 15px;margin:0;margin-left:0px;} /* REATES + RESERVATIONS */ /* ============================================================ */ /* slide the h3 to the left in the flush column */ #reservations .flush-column h3 { margin-left: 20px; } #quickbook .error{display: block; margin-left: 15px;} #reservations span.error { display: block; float: right; width: 125px; padding-right:10px; } #reservations #quickbook #find-a-hotel {float: left; padding:10px 0 10px 20px; margin:0; } #reservations #quickbook #check-available-rates {display: none;} #reservations #quickbook #find-hotel {display: none;} #reservations #quickbook { float: left; width: 400px; margin-right: -9px;} #reservations #quickbook #rooms-rates {width: 400px;} #reservations #brandFilter {font-size: 11px;} #reservations #location { float: left; width:230px; padding:0 0 20px 20px;} #reservations #location #searchTerms {font-size: 11px; width:220px;} #reservations #location #brandFilter {font-size: 11px; width:194px;} #reservations #check-in {float: left; width:170px; padding:0px 0 0 20px;} #reservations #offer-code {float: left; width:140px; padding:0 0 0 20px;} #reservations #special-offer {width:140px; font-size: 11px;} #reservations #group-corp-num {width:140px; font-size: 11px;} #locator-tab-container .locator-tabs {display: none;} .locator-mm-yy-select {width:108px;} .day-selector-box {width:38px; text-align: right; margin-left: 11px;} .day-selector-box img {margin-right: -5px !important;} * html .day-selector-box img {margin-right: 0 !important;} .locator-digit-select {width:45px;} * html .locator-digit-select {width:40px;} /* ABOUT */ /* ============================================================ */ div.hotel-list { font-size: 11px; } div.hotel-list div.list-group { float: left; width: 140px; padding-right: 12px;} div.hotel-list div.list-group h6 { font-weight: normal; color: #000; font-size: 11px; } div.hotel-list div.list-group ul { margin-top: 0; margin-left: 14px; list-style-type: disc; } div.hotel-list div.list-group ul li { padding-left: 0; margin-left: 0; } /* GOLDPASSPORT */ /* ============================================================ */ #goldpassport ul{margin:0 0 10px 0;} /* Flash Takeover - Home page */ /* ================================= */ #fto-container{position:absolute; top: -439px; left: -1px; z-index: 1000;} #flash-container{position:absolute; top: 0; right: 0;overflow: hidden;} ##flash-container{right: -2px;top: 1px;} #flash-container embed, #flash-container object{position: absolute; top: 0; right: 0;z-index: 100;} .fto-noflash{width: 873px; height: 732px;} .fto-open{width: 873px; height: 732px;} .fto-closed{width: 873px;height: 1px;} .fto-closed #flash-container{height: 130px; width: 138px !important;} iframe{display: none;width: 530px; height: 180px;background: #ccc;border: 0; background-color: beige;z-index: -10;position: absolute; top: 450px; left: 330px;} .fto-noflash iframe{display: none; } .fto-closed iframe{display: none;} body .fto-open #flash-container{width: 873px; height: 732px !important;} /* Links for alternate content */ #alt-content-close{position: absolute; top: 0; right: 0; display: block; width: 80px; height: 30px;z-index: 100;background: url(/hyatt/images/transparent.gif) top left;} #alt-content-link{position: relative; z-index: 10;} #alt-content-container-peel{width: 200px; height: 90px;position: absolute; top: 1px; right: -1px;} #alt-content-peel-link{position: absolute; top: 0; right: 0;display: block; width: 200px; height: 90px;z-index: 100;background: url(/hyatt/images/transparent.gif) top left;text-decoration: none;} #alt-content-banner{position: absolute; top: 0; right: 1px;text-decoration: none;} ##alt-content-banner{right: 0;} #place .no-flash-peel{height: 1px;} /* TABULAR DATA ============================================================== */ table.tabulardata{ margin:25px 0; border:1px solid #555; font-size:10px; } table.tabulardata thead{ background-color:#86CADD; vertical-align:top; font-size:14px; } table.tabulardata thead th{ padding:5px 5px; border-bottom:1px solid #555; border-left:1px solid #555; border-right:1px solid #555; } table.tabulardata tr.separator td{ padding:0px; height:5px; border-bottom:2px solid #555; } table.tabulardata td.region{ font-weight:bold; padding:10px 5px 5px 5px; } table.tabulardata td{ padding:5px 5px; border-left:1px solid #555; border-right:1px solid #555; vertical-align:top; } table.tabulardata .center{ text-align: center; } /*Participating hotels place/specials/directtv.jsp*/ #participatinghotel{ width:590px;border-bottom:1px solid #d8d8d8;margin-bottom:15px;padding:0 0 5px 0;} #participatinghotel h6, h4{color: #404040;} #participatinghotelleft{float:left;padding:15px 15px 0 0;width:250px;} #participatinghotelleftnext{float:left;padding:0 15px 0 0;width:250px;} #participatinghotelright{padding:15px 0 0 0;} #participatinghotelrightnext{padding:0 0 0 0;} /*CUSTOMER SERVICE */ /* ============================================================ */ .customerservice1 {width: 225px; float:left; font-size:11px; padding: 5px 20px 0 0;} .customerservice2 { float:left; width:400px; margin:0;} form#contact input.bt-submit { display: block; padding: 1px 5px 1px 10px; background-image: url(/hyatt/images/buttons/bullet_white_next_0.gif); background-repeat: no-repeat; background-position: 5px center; } #contact {font-family: arial; font-size:11px; width: 400px; margin-left: -8px;} * html #contact {margin-left: 0;} #contact fieldset {border: none;} #contact legend {display: none;} #contact .label {display: block; margin:0 0 20px 0; width: 180px; padding: 0 0 0 8px;} #contact .label textarea {width: 100%; height: 100px;} #contact .label input{width: 100%;} #contact .required span{margin: 0 0 0 -6px;} #contact p {margin: 10px 0 10px 8px;} .bt-submit {font-size:10px; margin:0 0 0 8px; background-color: #DE7008; border: 1px solid #DE7008; border-color: #DE7008 #C13100 #C13100 #DE7008; color: #fff;} * html .bt-submit {border-bottom: 0;} /*CUSTOMER SERVICE FORM STYLES / customer service and long term stay */ /* ============================================================ */ input, textarea, select {font-size: 11px;} .form-error {color: red;} .imgPlaceDiv a{ cursor: pointer; }