/******* GLOBAL template CSS for BOTH corporate & property pages *******/ /* !NOTE: that this is a duplicated file from global_shared.css. * global_shared.css has a series of issues that need to be addressed, such * as massive amounts of repetition of font sizes, weights and family. * Because the cascading model is so heavily abused, it is very difficult * to use this stylesheet from any other Hyatt branding sites. * * This style sheet will ideally be exactly the opposite. It will * define a general set of styles, and then allow each branding site to * override as needed. * * Ideally this is done in 3 rounds * FIXME The first round we fix the cascade issue. * FIXME2 In the second round, we can get rid of any extra nonsensical or * redundant declarations and rules. That were not cleaned in round * one. * FIXME3 In the third round we can remove or rename semantically void * classes (i.e. 'text-block15' or 'px11' ) * * */ /* GENERAL STYLES */ /* ============================================================ */ body { background-color:#fff; } body, td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } body, div, form {margin:0px; padding:0px;} img {border:none;} h2 { margin:0; padding:11px 0px 0px 18px; } h3 { margin:0; padding:0px 0px 15px 0px; display:block;} /* FIXME2 */ /********************** container layout styles ************************/ /* FIXME3 - thse should be named text-block 1 thorugh 5, with 1 giving the most padding and 5 the least * a-la h1-h6 */ .text-block15 { padding-bottom:10px; } .text-block20 { padding-bottom:15px; } .text-block { padding-bottom:20px; } .text-block30 { padding-bottom:25px; } .text-block40 { padding-bottom:40px; } .skiplink { text-decoration: none; font-size: 1px; line-height: 1px; height: 1px; position:absolute; } .skiplink img { height:0px; width:0px; } .grey-line .skiplink { position:static !important; } /* FIXME3 - A headline of smaller level would be better (h6 for example) */ strong.pad { padding-bottom:10px; display:block; } .error { color:#B5111A; font-size:11px; position: relative; margin-top:2px;} /* Main title under masthead and cookiecrumb */ #page-title { width:734px; height:40px; clear:both; border-bottom:1px solid #D8D8D8; background-color:#FFFFFF; } /* Right side link, primarily for Camp Hyatt */ .right-title-link { padding:12px 15px 2px 0; text-transform:none; } .right-title-link div { float:right; } .right-title-link a { float:left; font-weight:bold; font-size:11px; } .left-col-padding {padding:20px 30px 40px 18px; } .right-col-padding {clear:left;padding:20px 30px 40px 30px; } /* MAIN LAYOUTS */ /* ============================================================ */ #wrapper { width:974px; background-color:#FFFFFF; } /* Main container */ /* Primary layout*/ #main-col {width:745px;float:left;} #right-col {width:209px;float:right;} .col2-1sm { float:left; width:212px; } .col2-2lg { float:left; width:528px; } .col2-1lg { float:left; width:494px; } .col2-2sm { float:left; width:250px; } .col2-1lg2 { float:left; width:448px; } .col2-2sm2 { float:left; width:295px; } .col1-half { float:left; width:370px; font-size:11px; } .col2-half { float:left; width:370px; font-size:11px; } .col2-offset-1sm { float:left; width:320px; } .col2-offset-2lg { float:left; width:420px; } /* #main-container supplies the background color for bookflap tiling - located in brand specific stylesheets */ #head-content { border-style:solid; border-width:1px 0px 1px 0px; border-top-color:#FFFFFF; border-bottom-color:#474036; background-color:#ffffff; } #content-container { width:954px; border-top:1px solid #ffffff; } #content-container494-vert, #content-container448-vert, #content-container213-vert, #content-container370-vert, #content-container250x2-vert, #content-container-utilnav-vert { width: 954px; border-top: 1px solid #fff; } #content-container494-vert { background-image: url(../images/494px_bg.gif); } #content-container448-vert { background-image: url(../images/448px_bg.gif); } #content-container213-vert { background-image: url(../images/213px_bg.gif); } #content-container370-vert { background-image: url(../images/370px_bg.gif); } #content-container250x2-vert { background-image: url(../images/250px_250px_bg.gif); } #content-container-utilnav-vert { background-image: url(../images/corp_utilnav_bg.gif); background-repeat:repeat-y; } /* any horz grey line, width set inline */ .grey-line { clear:both; height:1px; background-color:#D8D8D8; line-height:1px; font-size:1px; } .tan-line { clear:both; height:1px; background-color:#D2CCC3; line-height:1px; font-size:1px; } /* grey-line styles */ #bottom-line, #bottom-line448-vert, #bottom-line494-vert, #bottom-line213-vert, #bottom-line370-vert, #bottom-line250x2-vert, #bottom-utilnav-vert { clear:both; width:954px; height:1px; line-height:1px; font-size:1px; background-color: #ffffff; } #bottom-line213-vert { background-image: url(../images/213px_bg.gif); } #bottom-line370-vert { background-image: url(../images/370px_bg.gif); } #bottom-line448-vert { background-image: url(../images/448px_bg.gif); } #bottom-line494-vert { background-image: url(../images/494px_bg.gif); } #bottom-line250x2-vert { background-image: url(../images/250px_250px_bg.gif); } #bottom-utilnav-vert { background-image: url(../images/corp_utilnav_bg.gif); } /********************** global navigation ******************************/ /* located in headContent div */ #top {width:954px;margin-bottom:8px;background-color:#ffffff;border-top:10px solid #ffffff;font-size:10px;} /* border for ie 5win fix */ a.top-links {font-weight:bold;font-size:11px;color:#000000;text-decoration:none;} a.top-links:hover{font-weight:bold;color:#000000;text-decoration:underline;} /* separator */ /* FIXME3 - These separators might be mostly redundant with the text-block styles */ .separator{margin-bottom:29px;} .separator1{margin-bottom:19px;} /* header navigation */ #navigation {position:relative; width:954px; height:26px; background-color:#948671;} #navigation ul {position:relative; margin:0px; padding:0px;} #navigation li {float:left; margin:0px; padding:0px; list-style-type:none;} #navigation img {display:block;} #navigation a {display:block;float:left;} /* Start Mac IE5.2 hack \*/ #navigation a{float: none;} /* End Mac IE5.2 hack */ #navigation a:hover {background-color:#7C705F;} .top-selected {background-color:#7C705F;} /********************** global footer CSS ******************************/ /* main global footer sections */ #footer { width:954px; border-top: 1px solid #e1e1e1; padding-top:10px; text-align:center; background-color:#FFFFFF; color:#000000; font-size:11px;} #footer-links { width:740px; float:left; } #footer-links div.major a { color:#000000; text-decoration:none; font-size:11px; font-weight:bold; } #footer-links div.major a:hover { text-decoration:underline; } #footer-links div.minor { padding-top:5px; } #footer-links div.minor a { color:#000000; text-decoration:none; font-size:11px; font-weight:normal; } #footer-links div.minor a:hover { text-decoration:underline; } #footer-copy { display:block; float:right; width:210px; color:#000000; text-align:center; font-size:11px; } /********************** global default link styles *********************/ a { color:#005597; text-decoration:underline; } /* had font-weight: normal; applied to it*/ a sup{text-decoration:none;padding-bottom:4px;} @-moz-document url-prefix() {a sup { border: none !important; } } a:hover { color:#273F6F; } a.px10 {font-size: 10px;} /* FIXME3 */ a.px10:hover {font-size: 10px;} /* FIXME2 */ a.px11 {font-size: 11px;} /* FIXME3 */ a.px11:hover {font-size: 11px;} /* FIXME2 */ #offers-details #container .px11{ white-space:nowrap; line-height:35px; } a.b {font-weight: bold;} /* FIXME3 */ a.b:hover {font-weight: bold;} /* FIXME2 */ /* wrap links in a div with this class for block display with std line height*/ .block-link { width:100%; padding-bottom:5px; } .block-link2 { width:100%; padding-bottom:3px; } /* breadcrumb navigation for INSIDE corporate pages (not home page) and ALL property pages (including home page)*/ #cookie-crumb-row { clear:both ;width:auto ;padding:7px 20px; color:#666666; background-color:#FFFFFF;font-size:9px; } #cookie-crumb-row a { color:#336699; text-decoration:underline; font-size:9px; } #cookie-crumb-row a:hover { color:#336699; } .search-button{ height:15px ;width:100px; background:url(/hyatt/images/buttons/site_search_arrow.gif) no-repeat; text-decoration:none; font-size:11px; font-weight:bold; } .search-button div { text-align:center; padding-top:1px; } button .search-button { display:block; height:14px; margin:0; border:0px solid orange; font-size:11px; font-weight:bold; } .search-on { color:#273F6F; text-decoration:underline; } .search-off { color:#005597; text-decoration:none; } /* sign out button for quickbook and travel agents */ .sign-out-button{height:14px;width:56px; font-size:11px; font-weight:bold; text-decoration:none; position: absolute;} .sign-out-button span {text-align:left; margin:0px 0px 0px 0px;padding-top:1px; } .sign-out-button-input {position: absolute; width:56px; height:14px; margin:0; left: 29px;} .sign-out-button-input-non {position: absolute; width:56px; height:14px; margin:0; left: 0px;} #fLogout .sign-out-button-input-non {left: 50px;} .sign-out-on {color:#273F6F;text-decoration:underline;font-weight:normal;} .sign-out-off {color:#005597;text-decoration:underline;font-weight:normal;} /* header sign out button override : appends '-h' */ .sign-out-button-h{height:14px;width:56px; font-size:11px; font-weight:bold; text-decoration:none; position: absolute;background-color:#ffffff;} .sign-out-button-h span {text-align:left; margin:0px 0px 0px 0px;padding-top:1px; } .sign-out-button-input-h {position: absolute; width:56px; height:14px; margin:0; left: 29px;} .sign-out-button-input-non-h {position: absolute; width:56px; height:14px; margin:0; left: 0px;} .sign-out-on-h {color:#000000;text-decoration:underline;font-weight:bold;} .sign-out-off-h {color:#000000;text-decoration:none;font-weight:bold;} .add-hotel-button{margin-top:2px;height:14px;width:80px; font-size:11px;font-weight:bold;text-decoration:none;} .add-hotel-button div {text-align:center; margin:-16px 7px 0 -4px;padding-top:3px;} .add-hotel-button div div {position:relative; height:15px; margin:0; border:1px solid orange;display:block;} .add-hotel-on {color:#273F6F;text-decoration:underline;} .add-hotel-off {color:#005597;text-decoration:none;} /*************************** site-wide use-specific links ******************/ a.text-link {color:#5E86AE; text-decoration:underline; } a.text-link:hover {color:#094778; } a.col-links {color:#005597; text-decoration:underline; } a.col-links:hover {color:#094778;} /*************************** site-wide utility styles **********************/ #lg-img-featured-links div {width:220px;float:left;padding-bottom:8px;} #two-column-links div {width:100px;float:left;padding-bottom:8px;} #three-col-links div {width:130px;float:left;padding-bottom:8px;} #four-col-links div {width:25%;float:left;padding-bottom:8px;} /* For lists in columns with no bullets */ .list-3-column{float: left; list-style: none;margin: 0; padding: 0; width: 30%;margin: 10px 10px 10px 0;} .list-2-column{float: left; list-style: none;margin: 0; padding: 0; width: 45%;margin: 10px 10px 10px 0;} .clear-all, .clear {font-size:1px;clear:both;line-height:1px;height:1px;} .auto-height{height:auto;} .top-space{margin-top: 10px;} .bottom-space{margin-bottom: 10px;} /* bullets */ .bullet {position:static; list-style-type: none; padding: 0; margin: 0;} .bullet li {background: url(../images/square_bullet_pt.gif) no-repeat 0 .6em; list-style-image: none; padding-left: .7em; padding-bottom: 2px; padding-top: 2px;line-height:15px;} .title {display:block;color:#666666;font-weight:bold;padding-bottom:2px;margin:0;} .title-gold {display:block;color:#C59D08;font-weight:bold;padding-bottom:2px;font-size:11px;} .title-black {display:block;color:#000000;font-weight:bold;padding-bottom:2px;font-size:11px;} /***********************************************************************/ /********************** global bookflap CSS ****************************/ /**************** used by corp, overridded by properties ***************/ #book-flap-wrapper {padding: 30px 20px 20px 20px; display:block; text-align:center;line-height:16px; color:#ffffff; font-size:11px;} #book-flap {width:169px;display:block;} #book-flap a{width:auto;margin:0 auto 0 auto;} .flap-intro {line-height:18px;border:0px;} .flap-item strong {display:block;} /* normal */ #book-flap a{color:#ebe3d2; text-decoration:underline;font-size: 11px;} #book-flap a:hover {color:#ffffff; } /* header */ .divider {margin:20px 14px 20px 14px; height:1px; display:block; font-size:1px; line-height:0px; border-bottom:1px solid #b3b399;} #book-flap h4 { padding-top:0px;font-size:11px; margin:0;text-transform:uppercase;} .flap-item h5 {padding:0; font-size:11px; margin:0;} .flap-item h5 a {color:#ebe3d2; font-weight:bold;text-decoration:underline;font-size: 11px;} .flap-item h5 a:hover {color:#ffffff;} .view-all {padding-top:5px; padding-bottom:6px; display:block;} .flap-item {padding-top:15px;} .book-flap div {padding-top:10px;} .flap-intro h4 {padding:0px 0px 0px 0px!important; margin:0px 0px 0px 0px!important;} .spacer {display:block; margin-bottom:2px;} /* welcome section */ .welcome-text {display:block; line-height:15pt; margin-bottom:-5px;} .welcome-title-text {font-weight:bold; display:block;} /* bookflap image styles */ .flap-item-title {display:block; margin-bottom:13px; text-align:center; font-weight:bold; font-size:11px;} .flap-item img {border:1px solid #b3b399; display:block; margin:4px auto 10px auto!important;width:auto;} .flap-item-graphic-img-pad {margin-bottom:12px; display:block;} .a-img-top, .a-img-top a {background-repeat: no-repeat;display:block;} .a-img-right, .a-img-right a {background-repeat: no-repeat;background-position:right center;display:block;} .a-img, .a-img a {background-repeat: no-repeat;background-position:left center;display:block;} .spa a, .golf a, .fitness a, .family a, .adventure a, .pool a {padding: 35px 0px 10px 0px;width:57px;text-align:center;} .spa , .golf , .fitness , .family , .adventure , .pool {background-position:top left;width:67px;} .pool {background-image:url(../images/buttons/pool_img.jpg);} .adventure {background-image:url(../images/buttons/adventure_img.jpg);} .family {background-image:url(../images/buttons/family_img.jpg);} .spa {background-image:url(../images/buttons/spa_img.jpg);} .golf {background-image:url(../images/buttons/golf_img.jpg);} .fitness {background-image:url(../images/buttons/fitness_img.jpg);} .map-and-directions, .business-services, .hotel-shops, .parking, .transportation, .accessibility, .internet, .more-services {background-position:10px 0;margin-right:25px;height:75px;} .map-and-directions a, .business-services a, .hotel-shops a, .parking a, .transportation a, .accessibility a, .internet a, .more-services a {width:77px; padding: 35px 0px 10px 0px;text-align:center;font-size:11px;} .map-and-directions {background-image:url(../images/buttons/mapsanddirections_img.jpg);} .business-services {background-image:url(../images/buttons/businessservices_img.jpg);} .hotel-shops {background-image:url(../images/buttons/hotelshops_img.jpg);} .parking {background-image:url(../images/buttons/parking_img.jpg);} .transportation {background-image:url(../images/buttons/transportation_img.jpg);} .accessibility {background-image:url(../images/buttons/accessibility_img.jpg);} .internet {background-image:url(../images/buttons/internet_img.jpg);} .more-services {background-image:url(../images/buttons/moreservices_img.jpg);} /*must be outside of standard left/right padding containers*/ .img-links-right {clear:left; margin:20px 0px 0px 30px;} .img-links-right div {clear:none; float:left;padding:0 0px 0px 0;text-align:center;} .img-links-left { margin:0px 0px 0px 20px;} .img-links-left div {float:left;padding:0 0px 0px 0;text-align:center;} .room-photos a, .floor-plan a {padding:16px 0px 12px 24px;margin-right:12px;float:left;} .room-photos {background-image:url(../images/buttons/bullet_camera_0.gif);height:45px;float:left;} .floor-plan {background-image:url(../images/buttons/bullet_plan_0.gif);float:left;height:45px;} .previous,.next {padding:0;} .previous a {padding-left:12px;} .next a {padding-right:12px;} .previous {background-image:url(../images/buttons/bullet_previous_0.gif);} .next {text-align:right;background-image:url(../images/buttons/bullet_next_0.gif);} .small-arrow a { padding: 3px 1px 0px 16px; text-decoration:none;background-image:url(../images/buttons/site_search_arrow.gif);} .small-arrow a:hover { text-decoration:underline;} .small-arrow {text-align:left;background-image:url(../images/buttons/site_search_arrow.gif);} /*************************** pop-up gallery styles **************************/ /*************************** used by tiles/gallery.jsp **********************/ /* tabs */ /* .on-off,.off-off,.last-off,.last-on {padding: 2px 20px 4px 10px;} */ /* divs */ #gallery {width:572px;background-color:#ffffff;font-size:11px;} /* room desc */ #gallery-title {padding:5px 10px 20px 5px; background-color:#666666;color:#ffffff;font-weight:bold;font-size:11px;} #rm {float:left;display:inline;} #cls {float:right;display:inline;} #tab-pad {clear:both;padding:12px 0 7px 0;} #tab-list {} /* image and counter toggle */ #gallery-image {background-color:#EEECE7; padding:10px 20px 0px 20px;margin-top:0px;clear:both;} #photo-desc {display:block; padding:5px 0 5px 0; font-weight:bold; text-align: center;} #toggle {text-align:center;margin-left:203px;padding-bottom:30px;} #bck {display:block;float:left;padding-right:10px;} .img-num {display:block;float:left; padding:30px 20px 0 20px;color:#000000;font-size:11px;} #fwd {display:block;float:left;padding-left:10px;} button {display:block; width:100%; background:transparent; padding:0 0 0 6px !important; border:0; margin:0; text-align:center; vertical-align:middle; cursor:pointer; color:#ffffff; height:14px;line-height:13px; font-family:arial; font-size:10px; } .submit ,.button a {display:block; margin:0; background:#648AB1 url(../images/buttons/bullet_white_next_0.gif) no-repeat 2px 2px; font-family:Arial,sans serif; font-size:9px;} .sub-hov-off {background-color:#648AB1; border-color:#648AB1 #648AB1 #033163 #033163;} .sub-hov-on ,.button a:hover {background-color:#094778; border-color:#000000 #000000 #094778 #094778;} * html button {margin-top: 1px;} /* home page endeca search links (find a resort hotel) */ .endeca {display:block; background:transparent; padding:0; border:0; margin:0; text-align:left; vertical-align:middle; cursor:pointer; font-size: 11px; color:#005597;text-decoration:underline;} .sub-hov-off2 {text-align:left; background-color:#ffffff;border:0;text-decoration:none; font-size: 11px; color:#005597; font-weight:normal; text-decoration:underline; } .sub-hov-on2 {text-align:left; background-color:#ffffff;border:0;text-decoration:none; font-size: 11px; color:#273F6F; font-weight:normal; text-decoration:underline;} .button {margin-top:30px;float:left;} .button a {display:block; float:left; background-color:#648AB1; color:#ffffff; border: 1px solid; border-color:#648AB1 #648AB1 #033163 #033163; font-size:9px; font-weight:normal; text-decoration:none; letter-spacing:.5px; padding: 2px 7px 2px 7px; } .button a:hover {background-color:#094778;border-color:#000000 #000000 #094778 #094778 ;color:#ffffff;} .searchbutton {float:left; margin: 0 0 15px 142px;} * html .searchbutton {margin: 0 0 15px 72px;} .searchbutton a {display:block; float:left; background-color:#648AB1; color:#ffffff; border: 1px solid; border-color:#648AB1 #648AB1 #033163 #033163; font-size:9px; font-weight:normal; text-decoration:none; letter-spacing:.5px; padding: 2px 7px 2px 7px; } .searchbutton a:hover {background-color:#094778;border-color:#000000 #000000 #094778 #094778 ;color:#ffffff;} .button div {clear:both;height:30px;} a.arrows {font-size:16px;font-weight:bold;font-family:verdana;line-height:12px;padding:0px 2px 2px 2px;} a.close {display:block; float:left;background-color:#ffffff; color:#094778; font-family:verdana; border-width: 0 0px 1px 0; border-style: solid; border-color: #033163 #033163 #648AB1 #648AB1 ; font-weight:normal; text-decoration:none; padding: 1px 0px 2px 0px; font-size:16px; line-height:10px; letter-spacing:-.5px } a.close:hover {border-color:#000000 #000000 #094778 #094778 ;color:#618CAF;} /* tabs*/ a.a-tab {text-decoration:none; font-size:11px; font-weight:bold; color:#FFFFFF;} a.a-tab:hover {color:#000000; text-decoration:none; font-size:11px; font-weight:bold; } .on-off, .off-on, .off-off, .last-off, .last-on { padding-top:3px;padding-bottom:3px;vertical-align:middle;padding-left:20px;padding-right: 20px; background-repeat:no-repeat;display:block; background-position:right ;float:left; } .on-off {background-image:url(/hyatt/images/tab_on_0.gif); background-color:#EEECE7;font-size:11px;font-weight:bold;} .off-on {background-color:#B6AD9F;font-size:11px;font-weight:bold;} .off-off {background-image:url(/hyatt/images/tab_off_0.gif); background-color:#B6AD9F;font-size:11px;font-weight:bold;} .last-off {background-image:url(/hyatt/images/tab_last_0.gif); background-color:#B6AD9F;font-size:11px;font-weight:bold;} .last-on {background-image:url(/hyatt/images/tab_last_1.gif); background-color:#EEECE7;font-size:11px;font-weight:bold;} /* links under images */ a.img-links {color:#5E86AE; text-decoration:underline; margin-right:8px;font-size: 11px;} a.img-links:hover {color:#094778;} /* Style for nav along top of all pages */ .glbl {text-align:right; vertical-align:top; padding-top:5px;font-size:10px; } /* Style for nav along top of all pages */ .client-name {font-size:11px; font-weight:bold; border: 0px solid blue; padding: 0px 0px 0px 34px; vertical-align: top; color:#948671;} /* for required fields */ .asterix {color:red;} /* Text size small */ .small-text {font:normal 10px arial,sans serif;} /* Basic Image/Link/Paragraph Structure */ dl.twocol {width: 600px; padding:0; margin:30px 0 0 20px;} dl.twocol img {border: 1px solid #999; width: 160px; height: 73px; float: left;} dl.twocol dt {width: 415px; float:right;} dl.twocol dt { font-size: 9pt; color: #343434; margin:0; font-weight: bold;} dl.twocol dt a{font-weight: bold;} dl.twocol dd{width: 415px; margin: 0; float: right;} dl.twocol dd p{margin:0;} .preopening-date {color: #C59D08; font-weight: bold;} .hotel-description {float: left; margin: -10px 0 8px 142px; padding: 0; width: 220px;} * html .hotel-description {margin: -10px 0 8px 2px;} /* HOTEL SEARCH RESULTS */ /* ======================== */ #search-results-container { float: right; clear: none; overflow: visible; margin-top:0px; padding:0px 5px 40px 20px; } dl.hotel-search-result { position: relative; width: 500px; margin: 0 0 10px 0; } dl.hotel-search-result dt, dl.hotel-search-result dd { width: 200px; margin: 0; margin-left: 140px; padding: 0; } dl.hotel-search-result dt { clear: none; } dl.hotel-search-result dd.thumbnail { float:left; width:122px; margin: 0;} dl.hotel-search-result dd.thumbnail a img { border: 1px solid #999; } dl.hotel-search-result dd.location { float: none; } dl.hotel-search-result dd.utility-nav { position: absolute; top: 0; right: 0; width: 125px; } dl.hotel-search-result dd.status { display: block; clear: both; } /* PRE OPENING */ /* ======================== */ .openingdate{font-weight: bold; color: #C59D08; } /*************************** Privacy-policy link classes **************************/ .external-link a{background: transparent url("/hyatt/images/external_link_icon_grey.gif") no-repeat right 3px; padding:0 12px 0 0;} .external-link a:hover{background: transparent url("/hyatt/images/external_link_icon_blue.gif") no-repeat right 3px; padding:0 12px 0 0;} /******HM-1918 Fix****/ .special-offer span{ position: relative; bottom: 0.3em; font-size:1em }