/* VIRTUAL TOUR STYLESHEET */ /* ============================================================ */ /* Header Overrides */ body#virtual #header, body#virtual #trans-home { height: 650px; } * html body#virtual #header #trans-home { background-image: expression(getBgImgString("/hyatt/images/place/interface/virtual_trans")); filter: expression(getPngFilterString("/hyatt/images/place/interface/virtual_trans")); } body#virtual #header > #trans-home { background-image: url(/hyatt/images/place/interface/virtual_trans.png); filter: none; } body#virtual #header #masthead { top:83px; margin-left: -1px;} /* CONTAINER */ /* ============================================================ */ #header #tourContainer { z-index: 50; position: absolute; top:83px; left:35px; width: 873px; height: 550px; overflow: hidden; } /* CONTENT AREA COLUMNS */ /* ============================================================ */ .tour-content { width: 438px; padding-right: 20px;} .tour-buttons { width: 375px; margin-right: -5px;} .tour-buttons img {display: block; float: left;} /* GENERAL STYLES */ /* ============================================================ */ /* Main hotspot style */ #header #tourContainer .hotspot-g, #header #tourContainer .hotspot-l, #header #tourContainer .hotspot-k { z-index: 50; position: absolute; left: 0; top: 0; width: 30px; height: 30px; } /* backgaround images for pngs */ #header > #tourContainer .hotspot-g { background-image: url(/hyatt/images/place/tour/hotspot_g.png); } #header > #tourContainer .hotspot-l { background-image: url(/hyatt/images/place/tour/hotspot_l.png); } #header > #tourContainer .hotspot-k { background-image: url(/hyatt/images/place/tour/hotspot_k.png); } * html #tourContainer .hotspot-g { background-image: expression(getBgImgString("/hyatt/images/place/tour/hotspot_g")); filter: expression(getPngFilterString("/hyatt/images/place/tour/hotspot_g"));} * html #tourContainer .hotspot-l { background-image: expression(getBgImgString("/hyatt/images/place/tour/hotspot_l")); filter: expression(getPngFilterString("/hyatt/images/place/tour/hotspot_l"));} * html #tourContainer .hotspot-k { background-image: expression(getBgImgString("/hyatt/images/place/tour/hotspot_k")); filter: expression(getPngFilterString("/hyatt/images/place/tour/hotspot_k"));} #header #tourContainer .destination { z-index: 55; position: absolute; width: 372px; height: 343px; display: none; } #header #tourContainer .destination .destination-background, #header #tourContainer .destination .destination-images { position: absolute; left: 0; top: 0; width: 372px; height: 343px; } #header #tourContainer .destination .destination-images { z-index: 60; left: 8px; top: 8px;} /* HOTSPOTS FOR TESTING */ /* ============================================================ */ #header #tourContainer #h-test { left: 672px; top: 100px; } #header #tourContainer #d-test { left: 300px; top: 20px; } #header #tourContainer #h-test2 { left: 642px; top: 100px; } #header #tourContainer #d-test2 { left: 0px; top: 120px; } /* TOUR HOTSPOTS */ /* ============================================================ */ /* Note, edit these in "Overwrite" mode (as apposed to insert mode) so that updating them is easier */ /* GUEST ROOM*/ /* |------ HOT SPOTS -----| |------DESTINATIONS----| */ #header #tourContainer #h-g1 { left: 165px; top: 392px; } #header #tourContainer #d-g1 { left: 178px; top: 130px; } #header #tourContainer #h-g2 { left: 50px; top: 110px; } #header #tourContainer #d-g2 { left: 67px; top: 67px; } #header #tourContainer #h-g3 { left: 100px; top: 110px; } #header #tourContainer #d-g3 { left: 115px; top: 61px; } #header #tourContainer #h-g4 { left: 220px; top: 223px; } #header #tourContainer #d-g4 { left: 233px; top: 12px; } #header #tourContainer #h-g5 { left: 340px; top: 270px; } #header #tourContainer #d-g5 { left: 353px; top: 16px; } #header #tourContainer #h-g6 { left: 665px; top: 60px; } #header #tourContainer #d-g6 { left: 316px; top: 36px; } #header #tourContainer #h-g7 { left: 700px; top: 303px; } #header #tourContainer #d-g7 { left: 348px; top: 110px; } #header #tourContainer #h-g8 { left: 250px; top: 370px; } #header #tourContainer #d-g8 { left: 265px; top: 120px;} /* #header #tourContainer #h-g8 { left: 000px; top: 000px; } #header #tourContainer #d-g8 { left: 000px; top: 000px; } #header #tourContainer #h-g9 { left: 000px; top: 000px; } #header #tourContainer #d-g9 { left: 000px; top: 000px; } #header #tourContainer #h-g10 { left: 000px; top: 000px; } #header #tourContainer #d-g10 { left: 000px; top: 000px; } #header #tourContainer #h-g11 { left: 000px; top: 000px; } #header #tourContainer #d-g11 { left: 000px; top: 000px; } */ /* LOBBY */ /* |------ HOT SPOTS -----| |------DESTINATIONS----| */ #header #tourContainer #h-l1 { left: 372px; top: 63px; } #header #tourContainer #d-l1 { left: 386px; top: 31px; } #header #tourContainer #h-l2 { left: 425px; top: 172px; } #header #tourContainer #d-l2 { left: 68px; top: 146px; } #header #tourContainer #h-l3 { left: 588px; top: 260px; } #header #tourContainer #d-l3 { left: 236px; top: 161px; } #header #tourContainer #h-l4 { left: 669px; top: 179px; } #header #tourContainer #d-l4 { left: 319px; top: 155px; } #header #tourContainer #h-l5 { left: 675px; top: 429px; } #header #tourContainer #d-l5 { left: 323px; top: 168px; } #header #tourContainer #h-l6 { left: 709px; top: 219px; } #header #tourContainer #d-l6 { left: 360px; top: 149px; } #header #tourContainer #h-l7 { left: 812px; top: 275px; } #header #tourContainer #d-l7 { left: 463px; top: 172px; } /* #header #tourContainer #h-l8 { left: 000px; top: 000px; } #header #tourContainer #d-l8 { left: 000px; top: 000px; } #header #tourContainer #h-l9 { left: 000px; top: 000px; } #header #tourContainer #d-l9 { left: 000px; top: 000px; } #header #tourContainer #h-l10 { left: 000px; top: 000px; } #header #tourContainer #d-l10 { left: 000px; top: 000px; } #header #tourContainer #h-l11 { left: 000px; top: 000px; } #header #tourContainer #d-l11 { left: 000px; top: 000px; } */ /* KITCHEN */ /* |------ HOT SPOTS -----| |------DESTINATIONS----| */ #header #tourContainer #h-k1 { left: 498px; top: 216px; } #header #tourContainer #d-k1 { left: 150px; top: 190px; } #header #tourContainer #h-k2 { left: 567px; top: 182px; } #header #tourContainer #d-k2 { left: 215px; top: 155px; } #header #tourContainer #h-k3 { left: 734px; top: 221px; } #header #tourContainer #d-k3 { left: 382px; top: 195px; } /* #header #tourContainer #h-k4 { left: 000px; top: 000px; } #header #tourContainer #d-k4 { left: 000px; top: 000px; } #header #tourContainer #h-k5 { left: 000px; top: 000px; } #header #tourContainer #d-k5 { left: 000px; top: 000px; } #header #tourContainer #h-k6 { left: 000px; top: 000px; } #header #tourContainer #d-k6 { left: 000px; top: 000px; } #header #tourContainer #h-k7 { left: 000px; top: 000px; } #header #tourContainer #d-k7 { left: 000px; top: 000px; } #header #tourContainer #h-k8 { left: 000px; top: 000px; } #header #tourContainer #d-k8 { left: 000px; top: 000px; } #header #tourContainer #h-k9 { left: 000px; top: 000px; } #header #tourContainer #d-k9 { left: 000px; top: 000px; } #header #tourContainer #h-k10 { left: 000px; top: 000px; } #header #tourContainer #d-k10 { left: 000px; top: 000px; } #header #tourContainer #h-k11 { left: 000px; top: 000px; } #header #tourContainer #d-k11 { left: 000px; top: 000px; } */ /* LEFT BALOON ARROW OVERRIDES */ /* ============================================================ */ /* Sometimes the "speech baloon destinations" have an arrow on the left side, this means we need to move the content of the boxes over */ #header #tourContainer #d-g1 .destination-images .photo, #header #tourContainer #d-g1 .destination-images .text, #header #tourContainer #d-g2 .destination-images .photo, #header #tourContainer #d-g2 .destination-images .text, #header #tourContainer #d-g3 .destination-images .photo, #header #tourContainer #d-g3 .destination-images .text, #header #tourContainer #d-g4 .destination-images .photo, #header #tourContainer #d-g4 .destination-images .text, #header #tourContainer #d-g5 .destination-images .photo, #header #tourContainer #d-g5 .destination-images .text, #header #tourContainer #d-g8 .destination-images .photo, #header #tourContainer #d-g8 .destination-images .text { margin-left: 28px; } #header #tourContainer #d-l1 .destination-images .photo, #header #tourContainer #d-l1 .destination-images .text { margin-left: 28px; } /* LEARN MORE LINK FOR GUESTROOM PLUG PANEL HOTSPOT */ /* ============================================================ */ #learnmorelink { z-index: 99; position: absolute; left: 257px; top: 297px; height: 20px; width: 80px; }