/******* GLOBAL template CSS for BOTH corporate & property pages *******/ /* openjaw quickbook, for WWG, and translated property sites */ @import "openjawQuickbook.css"; /********************** Global Styles ************************/ body, div, form { margin:0px; padding:0px; } body { background-color:#fff; font:12px Arial,Helvetica,sans-serif; } img { border:none; } h2 { margin:0; padding:11px 0px 0px 18px; } h3 { margin:0; padding:0px 0px 15px 0px; } h3.featured-offer { margin:14px 0 0 18px; font-size:14px; color:#646464; } h4 { margin:0; padding:0; font-size:12px; color:#C59D08; } h6.rooms-list {font-weight: normal; margin: 0; padding:0; font:12px Arial; font-style: italic;} .rooms-list-selected {margin-left:-9px;font-size:11px;} a { text-decoration:underline; color:#005597; } a sup{text-decoration:none;border-bottom:1px solid #04799B;padding-bottom:3px;} @-moz-document url-prefix() {a sup { border: none !important; } } a:hover { color:#273F6F; } a.px10 { font-size: 10px; } a.px11 { font-size: 11px; } a.b { font-weight: bold; } a.text-link { color:#5E86AE; } /* NOT USED. NO MATCHES FOUND */ a.text-link:hover { color:#094778; } /* NOT USED. NO MATCHES FOUND */ a.col-links { color:#005597; } a.col-links:hover { color:#094778; } a sup{text-decoration:none;border-bottom:1px solid #04799B;padding-bottom:4px;} @-moz-document url-prefix() { a sup { border: none !important; } } /********************** Container Layout Styles ************************/ .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; } .no-marg-no-pad { margin:0; padding:0; } .skiplink { display:none; position:absolute; height:1px; font-size:1px; line-height:1px; text-decoration:none; } .skiplink img { width:0px; height:0px; } .grey-line .skiplink { position:static!important; } .grey-line-px742 { width:742px; margin-bottom:10px; margin-left:-19px; margin-top:5px; } .grey-line-px730 { width:730px; margin-bottom:20px; margin-left:-19px; margin-top:20px; } .grey-line-offers { width:703px; margin-bottom:0px; margin-top:20px; margin-left:0px; } .grey-line-px724 { width:724px; margin-bottom:10px; margin-left:-3px; margin-top:5px; } .grey-line-px723 { width:723px; margin-bottom:20px; margin-top:0px; } .grey-line-px704 { width:704px; margin-bottom:10px; margin-left:-3px; margin-top:5px; } .grey-line-px703 { width:703px; margin-bottom:20px; margin-top:0px; } .grey-line-px703-v2 { width:703px; margin-bottom:0px; margin-top:20px; margin-left:0px; } .pad-btm-px12 { margin:0; padding:0 0 12px 0; } strong.pad { display:block; padding-bottom:10px; } #page-title { clear:both; width:734px; height:40px; background-color:#FFFFFF; border-bottom:1px solid #D8D8D8; } #page-title-full { clear:both; width:954px; height:40px; background-color:#FFFFFF; border-bottom:1px solid #D8D8D8; } #page-title-no-rightcol { clear:both; width:954px; height:35px; background-color:#FFFFFF; } .right-title-link { padding:12px 15px 2px 0; text-transform:none; } .right-title-link div { float:right; } .right-title-link a { float:left; font-size:11px; font-weight:bold; } .left-col-padding { padding:20px 30px 40px 18px; font-size:12px; } .right-col-padding { clear:left; padding:20px 30px 40px 30px; font-size:12px; } .col2-1sm { float:left; width:212px; } .col2-2lg { float:left; width:528px; } .col2-2lg-full-no-bookflap { float:left; width:740px; } .col2-1lg { float:left; width:493px;} .col2-2sm { float:left; width:250px; _width: 240px;} .col2-1lg2 { float:left; width:448px; } .col2-2sm2 { float:left; width:295px; } .col2-3lg { float:left; width:528px; } .col2-3sm { float:left; width:212px; } .col2-3sm-full-no-bookflap { float:left; width:425px; } .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; } #wrapper {width:974px; background-color:#FFFFFF;} /* #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 { width:954px; border-top:1px solid #ffffff; background-image: url(../images/494px_bg.gif); } #content-container448-vert { width:954px; border-top:1px solid #ffffff; background-image: url(../images/448px_bg.gif); } #content-container213-vert { width:954px; border-top:1px solid #ffffff; background-image: url(../images/213px_bg.gif); } #content-container370-vert { width:954px; border-top:1px solid #ffffff; background-image: url(../images/370px_bg.gif); } #content-container250x2-vert { width:954px; border-top:1px solid #ffffff; background-image: url(../images/250px_250px_bg.gif); } #content-container-utilnav-vert { width:954px; border-top:1px solid #ffffff; background-image: url(../images/corp_utilnav_bg.gif); background-repeat:repeat-y; } #content-container-utilnav-vert-fff { width:954px; border-top:1px solid #ffffff; background-image: url(../images/corp_utilnav_bg.gif); background-repeat:repeat-y; background-color:#FFFFFF; } #main-container.travelAgent #head-content { border-bottom-color:#FFFFFF; !important; } #content-container213-fff { width:954px; border-top:1px solid #fff; background:#fff; } #content-container-meetings { width:954px; border-top:1px solid #ffffff; background:#fff; background-image: url(../images/545px_745px_bg.gif); } #main-col { float:left; width:954px; } #main-col-senior { float:left; width:745px; } #main-col-full { float:left; width:954px; } #right-col { float:right; width:209px; } /* 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); } /** Errors **/ #error-container { margin-left:23px; } .error { font-size:11px; color:#B5111A; } /********************** global navigation ******************************/ /* Easy Clearing */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; height:0; } .clearfix { zoom:1; } /* located in headContent div */ #top { width:954px; margin-bottom:12px; border-top:10px solid #ffffff; background-color:#ffffff; font-size:10px; } /* border for ie 5win fix */ a.top-links { font-size:11px; font-weight:bold; color:#000000; text-decoration:none; } a.top-links:hover { font-weight:bold; color:#000000; text-decoration:underline; } #top #main_logo { float:left; width:112px; margin:0; padding:10px 40px 12px 30px; } #top #top_links { float:left; margin:0; padding:0; padding-top:12px; list-style-type:none; } #top #top_links li { float:left; margin:3px 0; padding:0; padding:0 10px; border-right:1px solid black; } #top #top_links li #lang-current { padding:0; } #top #top_links li#li_language { border:none; } #top #top_links li#li_language li { border:none; width: 100px; text-align: left;} #top div#top_right { float:right; display:inline; margin-top:10px; margin-right:18px; } /*#gp_username, #gp_password {display:block; width:130px;}*/ /******************** Dashboard ****************************/ #top_right { cursor:pointer;} .plus { background:transparent url('/hyatt/images/icon_expand_plus.gif') no-repeat right center; } .minus { background:transparent url('/hyatt/images/icon_expand_minus.gif') no-repeat right center; } .dashboard { max-width: 330px; padding:0 65px 0 45px; } .d_gold { background:transparent url('/hyatt/images/icon_gp_gold.gif') no-repeat 15px center; } .d_courtesy { background:transparent url('/hyatt/images/icon_gp_courtesy.gif') no-repeat 15px center; } .d_diamond { background:transparent url('/hyatt/images/icon_gp_diamond.gif') no-repeat 15px center; } .d_platinum { background:transparent url('/hyatt/images/icon_gp_platinum.gif') no-repeat 15px center; } .d_gold .dashboard_title { color:#b39a71; } .d_platinum .dashboard_title { color:#898b8e; } .dashboard_title, .dashboard_dd { font-size:11px; } .dashboard_title { font-weight:bold; } #dashboard_dd { padding-right:10px; background:transparent url('/hyatt/images/buttons/down_arrow.gif') no-repeat scroll right center; } #dashboard { position:absolute; left:784px; top:60px; z-index:100000; display:none; clear:both; width:160px; background:white; } #dashboard form, #dashboard dl { margin:5px 15px; } #dashboard dt, #dashboard dd { margin:0; padding:3px 0; } #dashboard dl div { clear:both; border-top:1px solid #e1e1e1; } #dashboard div.dashboard_clear { clear:both; margin:4px 15px; padding:3px 0; border-top:1px solid #e1e1e1; } #dashboard div.dashboard_noborder { border: none; } #dashboard dt { float:left; clear:both; text-transform:uppercase; } #dashboard .title { font-weight:bold; text-transform:uppercase; } #dashboard dd { float:right; font-weight:bold; text-align:right; } #dashboard .dashboard_border { border-top:1px solid #e1e1e1; padding:10px 0; } #dashboard * { font-size:11px; } #dashboard #gp_password, #dashboard #gp_username { width:150px; } #dashboard form#fLogout { margin-left: 0; margin-right: 0; } /* separator */ .separator { margin-bottom:29px; } .separator1 { margin-bottom:19px; } /* header navigation */ #navigation { width:954px; height:26px; background-color:#948671; clear:both; } #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 { float:left; width:954px; margin-left: auto; margin-right: auto; padding-top:10px; border-top: 1px solid #e1e1e1; background-color:#FFF; font-size:11px; text-align:center; color:#000000; } #footer-links { width:945px; margin-left: auto; margin-right: auto; } #footer-links img { margin:0 0 1px 0; vertical-align:bottom; } #footer-links div.major a { font-weight:bold; text-decoration:none; color:#000000; } #footer-links div.major a:hover { text-decoration:underline; } #footer-links div.minor a { text-decoration:none; color:#000000; } #footer-links div.minor a:hover { text-decoration:underline; } #footer-links div.minor { padding-top:5px; } #footer-copy { float:right; display:block; width:210px; text-align:center; } #footer-links .copyright { display:inline; margin-left:0; } a.px10 {font-size: 10px;} a.px10:hover {font-size: 10px;} a.px11 {font-size: 11px;} a.px11:hover {font-size: 11px;} a.b {font-weight: bold;} a.b:hover {font-weight: bold;} .hideleftborderabove { width:10px; height:30px; margin-top:0px; margin-left:-21px; padding:0; background:#fff; } .marginuppaddingdown { margin-top:-10px; padding-top:10px; } /* 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; background-color:#FFFFFF; font-size:9px; color:#666666; } #cookie-crumb-row a { font-size:9px; text-decoration:underline; color:#336699; } #cookie-crumb-row a:hover { color:#336699; } #cookie-crumb-line { width:730px; } #cookie-crumb-line-no-rightcol { width:954px; } /* Is this even used anymore?? NO MATCHES FOUND IN SEARCH */ .search-button{background:url(/hyatt/images/buttons/site_search_arrow.gif) no-repeat;height:15px;width:100px;font-family:Arial,sans serif; font-size:11px;font-weight:bold;text-decoration:none;} .search-button div {text-align:center; padding-top:1px;} button .search-button {height:14px;font-size:11px;font-weight:bold; margin:0; border:0px solid orange;display:block;} .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 { position:absolute; width:56px; height:14px; font-size:11px; font-weight:bold; text-decoration:none; } .sign-out-button span { margin:0px 0px 0px 0px; padding-top:1px; text-align:left; } .sign-out-button-input { position:absolute; left: 29px; width:56px; height:14px; margin:0; } .sign-out-button-input-non { position:absolute; left: 0px; width:56px; height:14px; margin:0; } .sign-out-on { font-weight:normal; text-decoration:underline; color:#273F6F; } .sign-out-off { font-weight:normal; text-decoration:underline; color:#005597; } /* header sign out button override : appends '-h' */ .sign-out-button-h { position:absolute; width:56px; height:14px; background-color:#ffffff; font-size:11px; font-weight:bold; text-decoration:none; } .sign-out-button-h span { text-align:left; margin:0px 0px 0px 0px; padding-top:1px; } .sign-out-button-input-h { position:absolute; left: 29px; width:56px; height:14px; margin:0; } .sign-out-button-input-non-h { position:absolute; left: 0px; width:56px; height:14px; margin:0; } .sign-out-on-h { font-weight:bold; text-decoration:underline; color:#000000; } .sign-out-off-h { font-weight:bold; text-decoration:none; color:#000000; } .add-hotel-button{margin-top:2px;height:14px;width:80px; font-family:Arial,sans serif; 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;} .add-hotel-button { width:80px; height:14px; margin-top:2px; font-size:11px; font-weight:bold; text-decoration:none; } .add-hotel-button div { margin:-16px 7px 0 -4px; padding-top:3px; text-align:center; } .add-hotel-button div div { position:relative; display:block; height:15px; margin:0; border:1px solid orange; } .add-hotel-on { text-decoration:underline; color:#273F6F; } .add-hotel-off { text-decoration:none; color:#005597; } /*************************** site-wide utility styles **********************/ #lg-img-featured-links div { float:left; width:220px; padding-bottom:8px; } #two-column-links div { float:left; width:100px; padding-bottom:8px; } #three-col-links div { float:left; width:130px; padding-bottom:8px; } #four-col-links div { float:left; width:25%; padding-bottom:8px; } /* For lists in columns with no bullets */ .list-3-column { float:left; width:30%; list-style:none; margin:10px 10px 10px 0; padding:0; } .list-2-column { float:left; width:45%; list-style:none; margin:10px 10px 10px 0; padding:0; } .clear-all, .clear { clear:both; height:1px; margin: 0; padding: 0; visibility: hidden; line-height:1px; font-size: 1px; } .auto-height { height:auto; } .top-space { margin-top:10px; } .bottom-space { margin-bottom:10px; } /* bullets */ .bullet { position:static; list-style-type: none; margin: 0; padding: 0; } .bullet li { padding-left: .7em; padding-bottom: 2px; padding-top: 2px; background: url(../images/square_bullet_pt.gif) no-repeat 0 .6em; line-height:15px; } .title { display:block; margin:0; padding-bottom:2px; font-size:12px; font-weight:bold; color:#666666;} .title-gold { display:block; padding-bottom:2px; font-size:11px; font-weight:bold; color:#C59D08; } .title-black { display:block; padding-bottom:2px; font-size:11px; font-weight:bold; color:#000000; } .center { text-align: center; } .title {display:block;color:#666666;font-weight:bold;padding-bottom:2px;font-size:12px;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 { display:block; padding: 30px 20px 20px 20px; line-height:16px; font-size:11px; text-align:center; color:#ffffff; } #book-flap { display:block; width:169px; } #book-flap a { width:auto; margin:0 auto 0 auto; } .flap-intro { border:0px; line-height:18px; } .flap-item strong { display:block; } /* normal */ #book-flap a { font-size:11px; text-decoration:underline; color:#ebe3d2; } #book-flap a:hover { color:#ffffff; } /* header */ .divider { display:block; height:1px; margin:20px 14px 20px 14px; border-bottom:1px solid #b3b399; line-height:0px; font-size:1px; } /* David Clark: some of the following bookflap styles have been overridden by property specific css files such as park to deal with different color bookflap backgrounds colors */ #book-flap h4 { padding-top:0px; font-size:11px; margin:0; text-transform:uppercase; color:#fff; } #book-flap h4 a { font-weight: bold; text-decoration: none; color: #FFF; } #book-flap h4 a:hover { font-weight: bold; text-decoration: underline; color: #FFF; } #book-flap div.flap-item a.summarytext { text-decoration: none; color: #FFF; } #book-flap div.flap-item a.summarytext:hover { text-decoration: underline; color: #FFF; } #book-flap div.flap-item a { text-decoration: underline; color:#ebe3d2; } #book-flap div.flap-item a:hover { text-decoration: underline; color: #FFF; } .flap-item h5 { margin:0; padding:0; font-size:11px; } .flap-item h5 a { font-size: 11px; font-weight:bold; text-decoration:underline; color:#ebe3d2; } .flap-item h5 a:hover { color:#ffffff; } .view-all { display:block; padding-top:5px; padding-bottom:6px; } .flap-item { padding-top:15px; } .book-flap div { padding-top:10px; } .flap-intro h4 { margin:0px 0px 0px 0px!important; padding:0px 0px 0px 0px!important; color:#ffffff; } .spacer { display:block; margin-bottom:2px; } /* welcome section */ .welcome-text { display:block; margin-bottom:-5px; line-height:15pt; } .welcome-title-text { display:block; font-weight:bold; } /* bookflap image styles */ .flap-item-title { display:block; margin-bottom:13px; font-size:11px; font-weight:bold; text-align:center; } .flap-item img { display:block; width:auto; margin:4px auto 10px auto!important; border:1px solid #b3b399; } .flap-item-graphic-img-pad { display:block; margin-bottom:12px; } .a-img-top, .a-img-top a { display:block; background-repeat: no-repeat; } .a-img-right, .a-img-right a { display:block; background-repeat: no-repeat; background-position:right center; } .a-img, .a-img a { display:block; background-repeat: no-repeat; background-position:left center; } .spa a, .golf a, .fitness a, .family a, .adventure a, .pool a { width:57px; padding: 35px 0px 10px 0px; text-align:center; } .spa , .golf , .fitness , .family , .adventure , .pool { width:67px; background-position:top left; } .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); } .econcierge, .map-and-directions, .business-services, .hotel-shops, .parking, .transportation, .accessibility, .internet, .more-services, .yattit-services { height:75px; margin-right:25px; background-position:10px 0; } .econcierge a, .map-and-directions a, .business-services a, .hotel-shops a, .parking a, .transportation a, .accessibility a, .internet a, .more-services a, .yattit-services a { width:77px; padding: 35px 0px 10px 0px; font-size:11px; text-align:center; } .map-and-directions { background-image:url(../images/buttons/mapsanddirections_img.jpg); } .map-and-directions, .business-services, .hotel-shops, .parking, .transportation, .accessibility, .internet, .more-services, .yattit-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, .yattit-services a {width:77px; padding: 35px 0px 10px 0px;text-align:center;font-size:11px;} .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); } .yattit-services { background-image:url(../images/buttons/yattit_img.jpg); } .econcierge { background-image:url(../images/buttons/e-concierge.jpg); } /*must be outside of standard left/right padding containers*/ .img-links-right { clear:left; margin:20px 0px 0px 30px; } .img-links-right div { float:left; clear:none; padding:0; text-align:center; } .img-links-left { margin:0px 0px 0px 20px; } .img-links-left div { float:left; padding:0; text-align:center; } .room-photos a, .floor-plan a { float:left; margin-right:12px; padding:16px 0px 12px 24px; } .room-photos { float:left; height:45px; background-image:url(../images/buttons/bullet_camera_0.gif); } .floor-plan { float:left; height:45px; background-image:url(../images/buttons/bullet_plan_0.gif); } .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 { background-image:url(../images/buttons/bullet_next_0.gif); text-align:right; } .small-arrow a { padding: 3px 1px 0px 16px; background:url(../images/buttons/site_search_arrow.gif) no-repeat 0 1px; text-decoration:none; } .small-arrow a:hover { text-decoration:underline; } .small-arrow { background:url(../images/buttons/site_search_arrow.gif) no-repeat 0 1px; text-align:left; } /*************************** 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; font-size:11px; font-weight:bold; color:#ffffff; } #rm { float:left; display:inline; } #cls { float:right; display:inline; } #tab-pad { clear:both; padding:12px 0 7px 0; } /* image and counter toggle */ #gallery-image { clear:both; margin-top:0px; padding:10px 20px 0px 20px; background-color:#EEECE7; } #photo-desc { display:block; padding:5px 0 5px 0; font-weight:bold; text-align: center; } #toggle { margin-left:203px; padding-bottom:30px; text-align:center; } #bck { float:left; display:block; padding-right:10px; } .img-num { float:left; display:block; padding:30px 20px 0 20px; font-size:11px; color:#000000; } #fwd { float:left; display:block; padding-left:10px; } button { display:block; width:100%; height:14px; margin:0; padding:0px 0 0px 0; border:0; background:transparent; vertical-align:middle; cursor:pointer; line-height:13px; font-family:arial, sans-serif; font-size:10px; text-align:center; text-transform: uppercase; color:#ffffff; } .submit ,.button a { display:block; margin:0; border:1px solid; background-color:#648AB1; font-size:9px; text-transform: uppercase;} .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; } /* home page endeca search links (find a resort hotel) */ .endeca { display:block; background:transparent; padding:0; border:0; margin:0; vertical-align:middle; cursor:pointer; font-size: 11px; text-align:left; text-decoration:underline; color:#005597; } .sub-hov-off2 { border:0; background-color:#ffffff; font-size: 11px; font-weight:normal; text-align:left; text-decoration:underline; color:#005597; } .sub-hov-on2 { border:0; background-color:#ffffff; font-size: 11px; font-weight:normal; text-align:left; text-decoration:underline; color:#273F6F; } .button { float:left; margin-top:30px; } .button a { float:left; display:block; padding: 2px 7px 2px 7px; border: 1px solid; border-color:#648AB1 #648AB1 #033163 #033163; background-color:#648AB1; font-size:9px; font-weight:normal; text-decoration:none; letter-spacing:.5px; color:#ffffff; } .button a:hover { border-color:#000000 #000000 #094778 #094778; background-color:#094778; color:#ffffff; } .searchbutton { float:left; margin: 0 0 15px 142px; } * html .searchbutton { margin: 0 0 15px 72px; } .searchbutton a { float:left; display:block; padding: 2px 7px 2px 7px; border: 1px solid; border-color:#648AB1 #648AB1 #033163 #033163; background-color:#648AB1; font-size:9px; font-weight:normal; text-decoration:none; letter-spacing:.5px; color:#ffffff; } .searchbutton a:hover { border-color:#000000 #000000 #094778 #094778; background-color:#094778; color:#ffffff; } .button div { clear:both; height:30px; } a.arrows { padding:0px 2px 2px 2px; font-family:verdana; font-size:16px; font-weight:bold; line-height:12px; } a.close { float:left; display:block; padding: 1px 0px 2px 0px; border: 0 0px 1px 0; border-color:solid #033163 #033163 #648AB1 #648AB1; background-color:#ffffff; font-family:verdana; line-height:10px; font-size:16px; text-decoration:none; letter-spacing:-.5px; color:#094778; } a.close:hover { border-color:#000000 #000000 #094778 #094778; color:#618CAF;} /* tabs*/ a.a-tab { font-size:11px; font-weight:bold; text-decoration:none; color:#FFFFFF; } a.a-tab:hover { font-size:11px; font-weight:bold; text-decoration:none; color:#000000; } .on-off, .off-on, .off-off, .last-off, .last-on { float:left; display:block; vertical-align:middle; padding:3px 20px; background-repeat:no-repeat; background-position:right; } .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 { margin-right:8px; font-size: 11px; text-decoration:underline; color:#5E86AE; } a.img-links:hover { color:#094778; } /* Style for nav along top of all pages */ .glbl { vertical-align:top; padding-top:5px; font-size:10px; text-align:right; } /* Style for nav along top of all pages */ .client-name { vertical-align: top; padding: 0px 0px 0px 34px; border: 0px solid blue; font-size:11px; font-weight:bold; color:#948671;} /* Brand Filter Drop Down */ #brandFilter { font-size: 11px; } .asterix { color:red; } .small-text { font-size: 10px; } /* Basic Image/Link/Paragraph Structure */ dl.twocol { width:600px; margin:30px 0 0 20px; padding:0; } dl.twocol img { float:left; width:160px; height:73px; border:1px solid #999; } dl.twocol dt { float:right; width:415px; } dl.twocol dt { margin:0; font-size:9pt; font-weight: bold; color:#343434; } dl.twocol dt a { font-weight:bold; } dl.twocol dd { float:right; width:415px; margin: 0; } dl.twocol dd p { margin:0; } .preopening-date { font-weight:bold; color:#C59D08; } .hotel-description { float:left; margin:-10px 0 8px 142px; padding:0; width:220px; } * html .hotel-description { margin:-10px 0 8px 2px; } #advanced-search { float:right; margin:2px 20px 0 0; } /*************************** Auto-Suggest Styles **********************/ #auto-suggest-container { position:relative; z-index:100; float:left; clear:both; width:1px; height:1px; } #searchTerms { display:block; font-size:10px; } #auto-suggest { position:absolute; top:1px; left:0px; z-index:10; overflow:hidden; width:318px; min-height:20px; padding:0; border:1px solid; background:#fff; font-size:11px; } #auto-suggest ul { margin:0; padding:0; } #auto-suggest ul li { float:left; display:block; width:100%; margin:0; padding:2px 0; list-style:none; } #auto-suggest ul li a { display:block; width:100%; font-size: 11px; text-decoration: none; color: #333; } #auto-suggest ul li a span { display:block; padding:1px 5px 1px 5px; } #auto-suggest ul li a.active, #auto-suggest ul li.selected a, #auto-suggest ul li a:hover { background: #00589B; color: #fff; } #auto-suggest iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; /* hide from all but IE engine */ filter:mask();/* must have not sure why */ width:3000px;/*must have for any big value*/ height:3000px/*must have for any big value*/; } /* for vtour new window link */ a.vtour { cursor: pointer; } /******************** Language DropDown ********************/ /* Currently this is direct copy from wwg.css. */ #wwg_language ul#language { position:absolute; top:18px; left:837px; z-index:10; width:114px; height:18px; margin:0; padding:0; border:1px solid #7C7C7C; background:#FFFFFF url(/hyatt/images/buttons/down_arrow.gif) no-repeat scroll 100px 8px; list-style:none; font-size:8pt; font-weight: bold; text-align: right; cursor: default; } #li_language ul#language { z-index:10; margin:0; padding:0; list-style:none; font-size:8pt; font-weight: bold; text-align: right; cursor: default; } ul#language.empty { background-image:none; } #wwg_language ul#language li ul { display:none; width: 114px; margin:2px -5px 0pt -1px; padding:0; border: 1px solid #7C7C7C; background: #fff; list-style:none; } #li_language ul#language li ul { position:absolute; z-index:1000; display: none; width: 114px; margin:0px -5px 0 -10px; padding:0; background: #fff; list-style:none; } ul#language li ul li { height:18px; margin:0; padding-right: 24px; } ul#language li ul a { font-size:8pt; font-weight: bold; text-decoration: none; color: #000; } ul#language li ul a:hover { text-decoration: underline; } #wwg_language ul#language li#lang-current #current { display:block; margin-right: 20px; } #li_language ul#language li#lang-current #current { display:block; width:100px; padding-right: 20px; background:transparent url('/hyatt/images/buttons/down_arrow.gif') no-repeat scroll 58px 5px; } #wwg_language ul#language li#lang-current { margin:2px 4px 0pt 0pt; } #li_language ul#language li#lang-current { margin:0 !important; } ul#language li#lang-current:hover ul { display:block; } .link { width:53px; border:none; background:none; cursor:pointer; font-size:10px; text-align: left; text-decoration:none; color:#666666; } /******************** Best Rate Guarantee ********************/ #brg-left { float:left; overflow:hidden; width:209px; } #brg-right { float:left; border-left: solid 1px #d8d8d8; background-color:#ffffff; } #brg-right-offers { float:right; width:730px; margin-top:10px; border-left: solid 1px #d8d8d8; background-color: #ffffff; } #brg-right-offers p { padding-left:18px; } #brg-right #page-title { width:744px; } #brg-find-hotel-table { width:209px; padding-bottom:0px; border:none; background-color:#FFFFFF; font-size:10px; color:#000000; } #brg-find-hotel-table a { font-size:11px; } #hyatt-amex { float:right; width:236px; height:131px; margin:14px 0; border-left: 1px #d8d8d8 solid; background: url(/hyatt/images/hyatt-amex-logo.png) 24px 35px no-repeat; } #offers-search-results { clear:both; margin-left:18px; } /******************** Core Packages ********************/ #packages-landing { float:right; width:720px; margin-right:-707px; margin-top:-313px; list-style-type:none; } * html body #packages-landing { position:absolute; top:595px; left:362px; } #intro-copy p.intro { width:290px; margin-top: 200px; margin-bottom: -30px; margin-left:40px; line-height:160%; font-size: 13px; font-weight: bolder; text-align:center; color:#ccc; } div#specials-search-box { width:290px; margin-top:90px; margin-left:100px; } * html body #specials-search-box { margin-left:60px; padding-left: 35px; } * html body .iesearchretreats { padding-left:0px; } .swoops { position:relative; top:28px; margin-left:17px; } * html body .swoops { margin-top:0; } #packages-landing span { display:none; } #packages-landing li { float:left; display:block; width:115px; height:477px; margin-right:15px;} #packages-landing a { display:block; width:115px; height:477px; } #packages-landing li.amour { background: transparent url(/hyatt/images/specials/romance-off.jpg) left top no-repeat; } #packages-landing li.amour a:hover { background: transparent url(/hyatt/images/specials/romance-on.jpg) left top no-repeat; } #packages-landing li.balance { background: transparent url(/hyatt/images/specials/relax-off.jpg) left top no-repeat; } #packages-landing li.balance a:hover { background: transparent url(/hyatt/images/specials/relax-on.jpg) left top no-repeat; } #packages-landing li.awaken { background: transparent url(/hyatt/images/specials/bb-off.jpg) left top no-repeat; } #packages-landing li.awaken a:hover { background: transparent url(/hyatt/images/specials/bb-on.jpg) left top no-repeat; } #packages-landing li.explore { background: transparent url(/hyatt/images/specials/local-off.jpg) left top no-repeat; } #packages-landing li.explore a:hover { background: transparent url(/hyatt/images/specials/local-on.jpg) left top no-repeat; } div.amour-pkg { background: url(../images/specials/amour_lg.jpg) no-repeat right top; height:700px; width:920px; margin-top:10px; margin-left:15px; } div.balance-pkg { background: url(../images/specials/balance_lg.jpg) no-repeat right top; height:699px; width:921px; margin-top:10px; margin-left:15px; } div.awaken-pkg { background: url(../images/specials/awaken_lg.jpg) no-repeat right top; height:700px; width:921px; margin-top:10px; margin-left:15px; } div.explore-pkg { background: url(../images/specials/explore_lg.jpg) no-repeat right top; height:700px; width:921px; margin-top:10px; margin-left:15px; } div.amour-search, div.balance-search, div.awaken-search, div.explore-search { width: 208px; margin-left: 664px; padding-top: 330px } #searchWord { float: left; display: inline; width: 193px; font-size:10px; color:#000; } #pkgsearchbutton { position:relative; left: 15px; top:-20px; float: right; display: inline; width: 19px; } div.amour-copy { width: 335px; margin-left: 462px; padding-top: 88px; } div.amour-copy h2 { padding-left: 0; font-size: 15px; color: #960700; } div.balance-copy { width: 337px; margin-left: 562px; padding-top: 90px; } div.balance-copy h2 { padding-left: 0; font-size: 15px; color: #889563; } div.awaken-copy { width: 318px; margin-left: 589px; padding-top: 68px; } div.awaken-copy h2 { padding-left: 0; font-size: 15px; color: #96b340; } div.explore-copy { width: 347px; margin-left: 586px; padding-top: 68px; } div.explore-copy h2 { padding-left: 0; font-size: 15px; color: #4d2a1e; } div.amour-copy p, div.balance-copy p, div.awaken-copy p, div.explore-copy p { line-height: 20px; font-size: 13px; color: #666; } div#packages-search input.field { float: left; width: 175px; height: 15px; color:#a8a8a8; font-size: 10px; margin-top: 4px; padding: 0 0 0 4px; } div#foot-badges { width: 954px; margin: 7px 0 10px 11px; } div#foot-badges ul { height: 78px; margin: 0; padding: 0; list-style-type: none; } div#foot-badges ul li { float: left; display: block; margin: 3px; padding: 0; } div#foot-badges li span { display: none; } div#foot-badges li a { display: block; width: 302px; height: 78px; } div#foot-badges li.balance { background: url(/hyatt/images/specials/balance-off.jpg) left top no-repeat; } div#foot-badges li.balance a:hover { background: url(/hyatt/images/specials/balance-on.jpg) left top no-repeat; } div#foot-badges li.awaken { background: url(/hyatt/images/specials/awaken-off.jpg) left top no-repeat; } div#foot-badges li.awaken a:hover { background: url(/hyatt/images/specials/awaken-on.jpg) left top no-repeat; } div#foot-badges li.explore { background: url(/hyatt/images/specials/explore-off.jpg) left top no-repeat; } div#foot-badges li.explore a:hover { background: url(/hyatt/images/specials/explore-on.jpg) left top no-repeat; } div#foot-badges li.amour { background: url(/hyatt/images/specials/amour-off.jpg) left top no-repeat; } div#foot-badges li.amour a:hover { background: url(/hyatt/images/specials/amour-on.jpg) left top no-repeat; } /* Tab Styles */ #specials-tabs { float:left; width:954px; border-bottom:#e2e2e2; background:#e1e1e1; line-height:normal; text-transform:uppercase; } #specials-tabs ul { margin:0 0 0 -9px; padding-left:10px; list-style:none; } #specials-tabs li { float:left; width: 228px; height: 26px; margin:0; padding:10px 0 0 0px; background: url(../images/tabs/hyatt-packages-right01.gif) no-repeat right top; text-align: center; } #specials-tabs a { display:block; width: 228px; padding:5px 0 4px 0; font-size: 13px; font-weight: bold; text-decoration: none; color: #aaa49c; } #specials-tabs #current-tab { background:url(../images/tabs/hyatt-packages-right1full.gif) left top no-repeat; } #specials-tabs #current-tab a { padding-bottom:5px; color: #907659; } /*search results*/ h3.hyatt-special-offers { height: 45px; margin-top: -5px; margin-bottom: -10px; margin-left:-5px; padding-top: 5px; padding-bottom: 0; padding-left:5px; font-size: 12px; font-weight: bold; } h3.retreats { background: url(/hyatt/images/specials/special-offers-h3-bg.jpg) left top no-repeat; } h3.hyatt-special-offers span { font-size: 9px; font-weight: bold; color: #717171; } .disjointedro { padding-bottom:0; } ul.disjointedro div.imageanchor { text-decoration: none; } ul.disjointedro { margin-left: 0; padding-left: 0; } li.amourro img, li.awakenro img, li.balancero img, li.explorero img { margin-top: 10px; } /**************************************NEW CUSTOMER SERVICE FAQ PAGES************************************************************/ .info-container-2lg-no-bookflap .faqs-questions ul {padding:0; margin:0 0 20px 0;} .info-container-2lg-no-bookflap .faqs-questions li {padding:0; margin:2px 0 3px 0; list-style-type: none; display:block;} .info-container-2lg-no-bookflap .faqs-answer ul {padding:0; margin:0 0 10px 15px;} .info-container-2lg-no-bookflap .faqs-answer li {padding:0 0 0 15px; margin:2px 0 3px 15px; list-style-type: none; display:block; background: transparent url("/hyatt/images/about-section-dot.gif") no-repeat left 4px;} .info-container-2lg-no-bookflap .no-indent ul {padding:0; margin:0 0 15px 0;} .info-container-2lg-no-bookflap .no-indent li {padding:0 0 0 0; margin:2px 0 3px 0; list-style-type: none; display:block; background: none;} .faqs-answer .back-to-top {margin:0 0 25px 0;} .faqs-answer .back-to-top a {font-size:9px; padding: 0 0 0 12px;} .faqs-answer .back-to-top a.faq-back-to-top {background: transparent url("/hyatt/images/back-to-top.gif") no-repeat left;} /*-- #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 --*/ .left-col {float: left;_clear: both;width: 743px;}