/*=========================================================================== Typography (Property) This stylesheet defines the text and font styles for the following: * Type faces, sizes, leading (line-height), and kerning (letter-spacing). * Font styles such as italics, bold, case transformations, etc. * Underlining, including borders on inline elements simulating underlines. ===========================================================================*/ /* Mini Change Travel Details ===========================================================================*/ /* Property Information ===========================================================================*/ div#property-information div.item.location.vcard h2.summary { font-size: 1.6364em; /* 18px relative to 10px */ line-height: 1.0em; /* 18px relative to 18px */ } /* Since this links to the Summary page, style it like text */ div#property-information div.item.location.vcard h2.summary a.fn.org.url { text-decoration: none; } div#property-information div.item.location.vcard h2.summary a.star-rating { font-size: 0.6111em; /* 11px relative to 18px */ line-height: 1.1818em; /* 13px relative to 11px */ } div#property-information div.pricing-summary p.price del.money { font-size: 1.0909em; /* 12px relative to 11px */ } div#property-information div.pricing-summary p.price strong.restriction { font-size: 1.4545em; /* 16px relative to 11px */ line-height: 1.0em; /* 16px relative to 16px */ } div#property-information div.pricing-summary p.price em.money, div#property-information div.pricing-summary p.price strong.money { font-size: 2.0em; /* 22px relative to 11px */ font-weight: normal; } div#property-information div.pricing-summary p.price em.money em, div#property-information div.pricing-summary p.price em.money acronym.currency, div#property-information div.pricing-summary p.price strong.money acronym.currency { font-size: 0.5em; /* 11px relative to 18px */ } /* Sectional Navigation ===========================================================================*/ ul#sectional-navigation li { font-weight: bold; } ul#sectional-navigation li strong { font-size: 1.2727em; /* 14px relative to 11px */ } ul#sectional-navigation li del { text-decoration: underline; } /* Sectional Content ===========================================================================*/ /* Property Description ===========================================================================*/ /* User Content ===========================================================================*/ /* Amenities ===========================================================================*/ /* Price Match Guarantee Disclaimer ===========================================================================*/ /* Room Information ===========================================================================*/ div.room-information ul.room-and-rate-navigation li { line-height: 1.5em; /* 14px relative to 11px */ } div.room-information-and-pricing-summary div.pricing-summary p.price em.money, div.room-information-and-pricing-summary div.pricing-summary p.price strong.money { font-size: 1.7em; /* 20px relative to 11px */ font-weight: normal; } div.room-information-and-pricing-summary div.pricing-summary p.price em.money em, div.room-information-and-pricing-summary div.pricing-summary p.price em.money acronym.currency, div.room-information-and-pricing-summary div.pricing-summary p.price strong.money acronym.currency { font-size: 0.5em; /* 11px relative to 18px */ } /* Pressure Sell ===========================================================================*/ a.pressure-sell { font-weight: bold; text-decoration: none; text-transform: uppercase; line-height: 1.2727em; /* 14px relative to 11px */ } a.pressure-sell em { font-style: normal; } a.pressure-sell em strong { font-size: 1.4545em; /* 16px relative to 11px */ line-height: 1.0em; /* 16px relative to 16px */ } /* Rooms & Rates ===========================================================================*/ /* Pricing Disclaimer */ body.not-cjk div.pricing-disclaimer p { font-size: 0.8182em; /* 9px relative to 11px */ line-height: 1.2222em; /* 11px relative to 9px */ font-family: Tahoma, "Trebuchet MS", sans-serif; } body.not-cjk div.pricing-disclaimer ul.phone-numbers { font-size: 0.8182em; /* 9px relative to 11px */ line-height: 1.2222em; /* 11px relative to 9px */ font-family: Tahoma, "Trebuchet MS", sans-serif; } /* Rooms */ div#rooms-and-rates ol li span.number { font-size: 1.6364em; /* 18px relative to 11px */ font-weight: bold; } div#rooms-and-rates dl.room-restriction { line-height: 1.2727em; /* 14px relative to 16px */ } /* Up/Down Sell ===========================================================================*/ ul#alternative-properties div.item.location.vcard { line-height: 1.4545em; /* 16px relative to 11px */ } ul#alternative-properties div.item.location.vcard h2.summary { font-size: 1.2727em; /* 14px relative to 11px */ line-height: 1.0em; /* 14px relative to 14px */ } ul#alternative-properties div.pricing-summary p.price em.money, ul#alternative-properties div.pricing-summary p.price strong.money { font-size: 1.2727em; /* 14px relative to 11px */ line-height: 0.7143em; /* 10px relative to 14px */ } ul#alternative-properties div.pricing-summary p.price em.money acronym.currency, ul#alternative-properties div.pricing-summary p.price strong.money acronym.currency { font-size: 0.7857em; /* 11px relative to 14px */ line-height: 0.9091em; /* 10px relative to 11px */ } ul#alternative-properties div.item.location.vcard ul.property-navigation li { line-height: 1em; /* 11px relative to 11px */ } /*=========================================================================== Pages ===========================================================================*/ /* Summary ===========================================================================*/ /* Property Navigation */ body.property-section-landing-page div#property-description ul.property-navigation li a { font-weight: bold; } /* Photos ===========================================================================*/ /* Virtual Tours ===========================================================================*/ /* Map & Attractions ===========================================================================*/ a#property-map-link em { font-style: normal; } /* Rooms & Rates ===========================================================================*/ /* Print Property Info ===========================================================================*/ /*=========================================================================== Colors (Property) This stylesheet defines the colors for the following: * Text and links * Backgrounds * Borders ===========================================================================*/ @media screen, handheld { /* Mini Change Travel Details ===========================================================================*/ div#mini-change-travel-details { background-color: #EEF3F9; /* PZ tableBody2, default #EEF3F9 pale blue */ border-color: #0D447F; /* PZ tableBack, default #0D447F deep blue */ } div#mini-change-travel-details div#rooms-and-guests-summary { border-color: #0D447F; /* PZ tableBack, default #0D447F deep blue */ } /* for IE 6 */ * html div#mini-change-travel-details fieldset#mini-check-in-and-out-dates { /* fixes duplicate character bug */ background-color: #EEF3F9; /* PZ tableBody2, default #EEF3F9 pale blue */ } /* Property Information ===========================================================================*/ div#property-information { background-color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ border-color: #0D447F; /* PZ tableBack, default #0D447F deep blue */ } /* Since this links to the Summary page, style it like text */ div#property-information div.item.location.vcard h2.summary a.fn.org.url { color: #000000; /* PZ text, default #000000 true black */ } /* Sectional Navigation ===========================================================================*/ ul#sectional-navigation li { background-color: #EEF3F9; /* PZ tableBody2, default #EEF3F9 pale blue */ border-color: #0D447F; /* PZ tableBack, default #0D447F deep blue */ } ul#sectional-navigation li.sectional-navigation-current-first { border-bottom-color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ } ul#sectional-navigation li.sectional-navigation-current, ul#sectional-navigation li.sectional-navigation-current-first, ul#sectional-navigation li.sectional-navigation-current-last { background-color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ } ul#sectional-navigation li span.bottom-border { background-color: #0D447F; /* PZ tableBack, default #0D447F deep blue */ } ul#sectional-navigation li.sectional-navigation-current span.bottom-border, ul#sectional-navigation li.sectional-navigation-current-first span.bottom-border, ul#sectional-navigation li.sectional-navigation-current-last span.bottom-border { background-color: transparent; } /* Sectional Content ===========================================================================*/ div#sectional-content { border-color: #0D447F; /* PZ tableBack, default #0D447F deep blue */ } /* Property Description ===========================================================================*/ /* User Content ===========================================================================*/ /* Amenities ===========================================================================*/ ul.amenities li.has-del { color: #999999; /* PZ lightestSubText, default #999999 medium gray */ } /* Price Match Guarantee Disclaimer ===========================================================================*/ /* Room Information ===========================================================================*/ /* Pressure Sell ===========================================================================*/ div.room-information-and-pricing-summary a.pressure-sell { color: #000000; /* PZ text, default #000000 true black */ } div.room-information-and-pricing-summary a.pressure-sell em strong { color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ background-color: #FF6600; /* PZ specialText, default #FF6600 orange red */ } /* Rooms & Rates ===========================================================================*/ div#rooms-and-rates div.pricing-disclaimer { background-color: #EEF3F9; /* PZ tableBody2, default #EEF3F9 pale blue */ } div#rooms-and-rates ol li { border-color: #0D447F; /* PZ tableBack, default #0D447F deep blue */ } div#rooms-and-rates ol li li { background-color: transparent; border-color: #000000; /* PZ text, default #000000 true black */ } div#rooms-and-rates ol li span.number { background-color: #EEF3F9; /* PZ tableBody2, default #EEF3F9 pale blue */ border-color: #0D447F; /* PZ tableBack, default #0D447F deep blue */ } div#rooms-and-rates dl.room-restriction { background-color: #FAF4CD; /* PZ hiLiteColor, default #FAF4CD pale yellow */ border-color: #FF6600; /* PZ specialText, default #FF6600 orange red */ } /* Up/Down Sell ===========================================================================*/ ul#alternative-properties { border-color: #0D447F; /* PZ tableBack, default #0D447F deep blue */ } ul#alternative-properties h3 { background-color: #FAF4CD; /* PZ hiLiteColor, default #FAF4CD pale yellow */ border-bottom-color: #0D447F; /* PZ tableBack, default #0D447F deep blue */ } ul#alternative-properties li { border-color: #0D447F; /* PZ tableBack, default #0D447F deep blue */ } ul#alternative-properties li li { border-color: #000000; /* PZ text, default #000000 true black */ } /*=========================================================================== Pages ===========================================================================*/ /* Summary ===========================================================================*/ /* Photo */ body.property-section-landing-page div#property-description div#photo { border-color: #6699CC; /* PZ darkSubText, default #6699CC medium dark blue */ } /* Property Navigation */ body.property-section-landing-page div#property-description ul.property-navigation li { border-color: #6699CC; /* PZ darkSubText, default #6699CC medium dark blue */ } /* Photos ===========================================================================*/ div#property-description ul#gallery li a:link, div#property-description ul#gallery li a:visited { color: #FFFFFF; /* PZ bgColor, default #FFFFFF white */ } div#property-description ul#gallery li a:hover { color: #FAF4CD; /* PZ hiLiteColor, default #FAF4CD pale yellow */ } div#property-description div.secondary-subcontent ul#gallery li a.selected, div#property-description ul#gallery li a:active, div#property-description ul#gallery li a:focus { color: #6699CC; /* PZ darkSubText, default #6699CC medium dark blue */ } /* Virtual Tours ===========================================================================*/ /* Map & Attractions ===========================================================================*/ /* Rooms & Rates ===========================================================================*/ /* Print Property Info ===========================================================================*/ } /* end @media */ /*=========================================================================== Layout (Property) This stylesheet defines the overall layout in the following ways: * Defines column layouts using floated containers. * Defines margins and padding. * Replaces specific textual content with images. * Hides parts of the page that not to be shown (i.e. accessibility help). * Misc. such as background images, borders, cursors, dimensions, etc. ===========================================================================*/ @media screen { /* Easy Clearing ===========================================================================*/ /* Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson http://www.tanfa.co.uk/archives/show.asp?var=300 */ div#mini-change-travel-details:after, div#property-information:after, ul#sectional-navigation:after, ul.amenities:after, div.room-information-and-pricing-summary:after, div.room-information ul.room-and-rate-navigation:after, div#rooms-and-rates div.pricing-disclaimer:after, div#rooms-and-rates div.pricing-disclaimer ul.phone-numbers:after, div#rooms-and-rates ol li:after, div#rooms-and-rates ol li div.room-description:after, div#rooms-and-rates ol li div.room-description ul.room-features:after, ul#alternative-properties:after, ul#alternative-properties li.hreview:after, ul#alternative-properties ul.property-navigation:after, div.subcontent:after, .js div.more-less-link-container:after, body.property-section-landing-page div#description ul.quick-facts:after, body.property-section-landing-page div#property-description ul.property-navigation:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; } div#mini-change-travel-details, div#property-information, ul#sectional-navigation, ul.amenities, div.room-information-and-pricing-summary, div.room-information ul.room-and-rate-navigation, div#rooms-and-rates div.pricing-disclaimer, div#rooms-and-rates div.pricing-disclaimer ul.phone-numbers, div#rooms-and-rates ol li, div#rooms-and-rates ol li div.room-description, div#rooms-and-rates ol li div.room-description ul.room-features, ul#alternative-properties, ul#alternative-properties li.hreview, ul#alternative-properties ul.property-navigation, div.subcontent, .js div.more-less-link-container, body.property-section-landing-page div#description ul.quick-facts, body.property-section-landing-page div#property-description ul.property-navigation { display: inline-block; } /* for IE 6 */ * html div#mini-change-travel-details, * html div#property-information, * html ul#sectional-navigation, * html ul.amenities, * html div.room-information-and-pricing-summary, * html div.room-information ul.room-and-rate-navigation, * html div#rooms-and-rates div.pricing-disclaimer, * html div#rooms-and-rates div.pricing-disclaimer ul.phone-numbers, * html div#rooms-and-rates ol li, * html div#rooms-and-rates ol li div.room-description, * html div#rooms-and-rates ol li div.room-description ul.room-features, * html ul#alternative-properties, * html ul#alternative-properties li.hreview, * html ul#alternative-properties ul.property-navigation, * html div.subcontent, * html.js div.more-less-link-container, * html body.property-section-landing-page div#description ul.quick-facts, * html body.property-section-landing-page div#property-description ul.property-navigation { height: 1%; } div#mini-change-travel-details, div#property-information, ul#sectional-navigation, ul.amenities, div.room-information-and-pricing-summary, div.room-information ul.room-and-rate-navigation, div#rooms-and-rates div.pricing-disclaimer, div#rooms-and-rates div.pricing-disclaimer ul.phone-numbers, div#rooms-and-rates ol li, div#rooms-and-rates ol li div.room-description, div#rooms-and-rates ol li div.room-description ul.room-features, ul#alternative-properties, ul#alternative-properties li.hreview, ul#alternative-properties ul.property-navigation, div.subcontent, .js div.more-less-link-container, body.property-section-landing-page div#description ul.quick-facts, body.property-section-landing-page div#property-description ul.property-navigation { display: block; } /* Mini Change Travel Details ===========================================================================*/ /* div#mini-change-travel-details uses Easy Clearing */ div#mini-change-travel-details { margin-top: 15px; margin-bottom: 10px; padding: 10px 15px; border-width: 1px; border-style: solid; } body.property-section div#mini-change-travel-details { margin-top: 10px; margin-bottom: 0; border-bottom-width: 0; } .js body.property-section div#mini-change-travel-details { margin-top: 15px; padding-top: 5px; } body.property-section div#page-content.has-left-sidebar div#mini-change-travel-details, body.property-section div#page-content.has-right-sidebar div#mini-change-travel-details, body.property-section div#page-content.has-left-and-right-sidebars div#mini-change-travel-details { margin-top: 0; } .js body.property-section div#page-content.has-left-sidebar div#mini-change-travel-details, .js body.property-section div#page-content.has-right-sidebar div#mini-change-travel-details, .js body.property-section div#page-content.has-left-and-right-sidebars div#mini-change-travel-details { margin-top: 5px; } /* body.property-section div#page-content.has-left-sidebar ins.error-heading+div#mini-change-travel-details, body.property-section div#page-content.has-right-sidebar ins.error-heading+div#mini-change-travel-details, body.property-section div#page-content.has-left-and-right-sidebars ins.error-heading+div#mini-change-travel-details, */ body.property-section div#page-content.has-left-sidebar div#mini-change-travel-details.error-heading-adjacent, body.property-section div#page-content.has-right-sidebar div#mini-change-travel-details.error-heading-adjacent, body.property-section div#page-content.has-left-and-right-sidebars div#mini-change-travel-details.error-heading-adjacent { margin-top: 10px; } /* .js body.property-section div#page-content.has-left-sidebar ins.error-heading+div#mini-change-travel-details, .js body.property-section div#page-content.has-right-sidebar ins.error-heading+div#mini-change-travel-details, .js body.property-section div#page-content.has-left-and-right-sidebars ins.error-heading+div#mini-change-travel-details, */ .js body.property-section div#page-content.has-left-sidebar div#mini-change-travel-details.error-heading-adjacent, .js body.property-section div#page-content.has-right-sidebar div#mini-change-travel-details.error-heading-adjacent, .js body.property-section div#page-content.has-left-and-right-sidebars div#mini-change-travel-details.error-heading-adjacent { margin-top: 15px; } div#mini-change-travel-details ins.error p { margin-bottom: 0.4545em; /* 5px relative to 11px */ } /* Change Details */ div#mini-change-travel-details div#rooms-and-guests-summary { float: left; width: 27%; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; border-right-width: 1px; border-right-style: solid; } /* Change Dates */ div#mini-change-travel-details form#change-dates { float: right; padding-top: 2px; width: 69%; padding-left: 15px; } /* for Opera 7.2-9.2 */ } /* end @media */ @media screen and (min-width: 0px) { html:first-child div#mini-change-travel-details form#change-dates { margin-right: 10px; } } @media screen { div#mini-change-travel-details form#change-dates fieldset { float: right; width: 505px; } /* for IE 6 */ * html div#mini-change-travel-details form#change-dates fieldset { width: 495px; } /* for IE 7 */ *+html div#mini-change-travel-details form#change-dates fieldset { width: 495px; } div#mini-change-travel-details form#change-dates fieldset#mini-check-in-and-out-dates { float: left; width: 415px; } div#mini-change-travel-details form#change-dates fieldset#mini-check-in-and-out-dates.has-error { padding-top: 3px; } fieldset#mini-check-in-and-out-dates ins.error p { margin-right: 1em; /* 11px relative to 11px */ } /* for IE 6 */ * html fieldset#check-in-and-out-dates, * html fieldset#mini-check-in-and-out-dates { position: relative; } form#change-dates button { float: right; margin-top: 15px; } /* Property Information ===========================================================================*/ /* div#property-information uses Easy Clearing */ div#property-information { position: relative; padding: 9px 10px; margin-bottom: 10px; border-width: 1px; border-style: solid; } /* Nested Hotel Card */ div#property-information div.item.location.vcard { width: 65%; } div#property-information div.item.location.vcard h2.summary a.fn.org.url, div#property-information div.item.location.vcard h2.summary a.star-rating { float: none; } div#property-information div.item.location.vcard h2.summary a.star-rating { margin-top: 0; } /* Nested Pricing Summary */ div#property-information div.pricing-summary { width: 32%; } /* for IE 6 */ * html div#property-information div.pricing-summary p.price em span, * html div#property-information div.pricing-summary p.price strong span { overflow: visible; line-height: 18px; } /* for IE 7 */ *+html div#property-information div.pricing-summary p.price em span, *+html div#property-information div.pricing-summary p.price strong span { overflow: visible; line-height: 18px; } /* Sectional Navigation ===========================================================================*/ /* ul#sectional-navigation uses Easy Clearing */ /* One True Layout: Equal Height Columns - Alex Robinson http://www.positioniseverything.net/articles/onetruelayout/equalheight */ div#content ul#sectional-navigation { position: relative; overflow: hidden; margin-top: 10px; padding-right: 2px; } .js ul#sectional-navigation { z-index: 4; } ul#sectional-navigation li { float: left; position: relative; text-align: center; overflow: hidden; height: 100%; padding: 5px 11px; margin-right: 5px; border-width: 1px; border-style: solid; } .js ul#sectional-navigation li { margin-top: 20px; overflow: visible; } ul#sectional-navigation li.skip-link { position: absolute; } ul#sectional-navigation li, ul#sectional-navigation li a, ul#sectional-navigation li del, ul#sectional-navigation li span, ul#sectional-navigation li strong { margin-bottom: -500px; padding-bottom: 504px; } .js ul#sectional-navigation li a, .js ul#sectional-navigation li del, .js ul#sectional-navigation li span, .js ul#sectional-navigation li strong { margin-top: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-left: 0; padding-right: 0; } ul#sectional-navigation li del, ul#sectional-navigation li strong { display: block; outline-style: none; margin-top: 0.8em; /* 11px relative to 14px */ padding-left: 1em; /* 14px relative to 14px */ padding-right: 1em; /* 14px relative to 14px */ } ul#sectional-navigation li.sectional-navigation-current-first { border-bottom-style: solid; border-bottom-width: 1px; } .js ul#sectional-navigation li.sectional-navigation-current, .js ul#sectional-navigation li.sectional-navigation-current-first, .js ul#sectional-navigation li.sectional-navigation-current-last { margin-top: 10px; } ul#sectional-navigation li del, ul#sectional-navigation li a { display: block; outline-style: none; margin-top: 1em; /* 11px relative to 11px */ } /* for IE 6 */ * html ul#sectional-navigation li.sectional-navigation-current, * html ul#sectional-navigation li.sectional-navigation-current-first, * html ul#sectional-navigation li.sectional-navigation-current-last { padding-top: 10px; } * html ul#sectional-navigation li { padding-top: 20px; } * html ul#sectional-navigation li a, * html ul#sectional-navigation li del, * html ul#sectional-navigation li strong { margin-top: 0; } /* for IE 7 */ *+html ul#sectional-navigation li.sectional-navigation-current, *+html ul#sectional-navigation li.sectional-navigation-current-first, *+html ul#sectional-navigation li.sectional-navigation-current-last { padding-top: 10px; } *+html ul#sectional-navigation li { padding-top: 20px; } *+html ul#sectional-navigation li a, *+html ul#sectional-navigation li del, *+html ul#sectional-navigation li strong { margin-top: 0; } /**/ .js ul#sectional-navigation li span.bottom-border { position: absolute; display: block; overflow: hidden; height: 1px; width: 100%; padding: 0; margin: 0; left: 0; border-style: none; z-index: 10; } /* Sectional Navigation Width Defaults (full width, i.e. Property) */ /* 4 Items */ ul#sectional-navigation.sectional-navigation-4-items li { max-width: 18%; } /* for IE 6 */ * html ul#sectional-navigation.sectional-navigation-4-items li { width: 18%; } ul#sectional-navigation.sectional-navigation-4-items li.sectional-navigation-current, ul#sectional-navigation.sectional-navigation-4-items li.sectional-navigation-current-first, ul#sectional-navigation.sectional-navigation-4-items li.sectional-navigation-current-last { max-width: 25%; } /* for IE 6 */ * html ul#sectional-navigation.sectional-navigation-4-items li.sectional-navigation-current, * html ul#sectional-navigation.sectional-navigation-4-items li.sectional-navigation-current-first, * html ul#sectional-navigation.sectional-navigation-4-items li.sectional-navigation-current-last { width: 25%; } /* 5 Items */ ul#sectional-navigation.sectional-navigation-5-items li { max-width: 15%; } /* for IE 6 */ * html ul#sectional-navigation.sectional-navigation-5-items li { width: 14%; } ul#sectional-navigation.sectional-navigation-5-items li.sectional-navigation-current, ul#sectional-navigation.sectional-navigation-5-items li.sectional-navigation-current-first, ul#sectional-navigation.sectional-navigation-5-items li.sectional-navigation-current-last { max-width: 25%; } /* for IE 6 */ * html ul#sectional-navigation.sectional-navigation-5-items li.sectional-navigation-current, * html ul#sectional-navigation.sectional-navigation-5-items li.sectional-navigation-current-first, * html ul#sectional-navigation.sectional-navigation-5-items li.sectional-navigation-current-last { width: 20%; } /* 6 Items */ ul#sectional-navigation.sectional-navigation-6-items li { max-width: 14%; } /* for IE 6 */ * html ul#sectional-navigation.sectional-navigation-6-items li { width: 11%; } ul#sectional-navigation.sectional-navigation-6-items li.sectional-navigation-current, ul#sectional-navigation.sectional-navigation-6-items li.sectional-navigation-current-first, ul#sectional-navigation.sectional-navigation-6-items li.sectional-navigation-current-last { max-width: 18%; } /* for IE 6 */ * html ul#sectional-navigation.sectional-navigation-6-items li.sectional-navigation-current, * html ul#sectional-navigation.sectional-navigation-6-items li.sectional-navigation-current-first, * html ul#sectional-navigation.sectional-navigation-6-items li.sectional-navigation-current-last { width: 17%; } /* Reset width for LIs since this is calculated in JavaScript for IE 6 and Safari */ /* Safari interprets max-width differently, so we revert to the JavaScript method */ * html.js div#content ul#sectional-navigation li { width: auto; } /* for IE 6 */ /* for Safari 1.0-2.0, Mobile Safari, and KHTML */ .js body:last-child:not(:root:root) div#content ul#sectional-navigation li { max-width: none; } /* for Safari 3.0 and Mobile Safari */ } /* end @media */ @media screen and (min-width: 0px) { .js body:not(:root:root) div#content ul#sectional-navigation li { max-width: none; } } @media screen { /* Sectional Navigation Language Customization */ body.en-us-section div#content ul#sectional-navigation li { max-width: none; } /* for IE 6 */ * html body.en-us-section div#content ul#sectional-navigation li { width: auto; } /* Sectional Content ===========================================================================*/ div#sectional-content { margin-top: -1px; margin-bottom: 10px; padding-top: 7px; /* prevents margin-collapsing */ padding-bottom: 1px; /* prevents margin-collapsing */ border-width: 1px; border-style: solid; } /* for IE 6 */ * html div#sectional-content { height: 1%; } /* for IE 7 */ *+html div#sectional-content { zoom: 1; } /* for Safari 1.0-2.0, Mobile Safari, and KHTML */ body:last-child:not(:root:root) div#sectional-content { position: relative; } div#sectional-content h3.sectional-heading { /* Aural Text Class - Peter Krantz http://www.standards-schmandards.com/index.php?2004/10/08/1-the-aural-text-class */ position: absolute; top: 0; /* for IE 8 */ left: -1000em; } div#sectional-content * h3.sectional-heading { position: static; left: 0; } /* Property Description ===========================================================================*/ div#property-description { margin: 15px; } /* User Content ===========================================================================*/ div.user-content ul { list-style-type: square; } div.user-content ul li { display: list-item; list-style-position: inside; } /* Amenities ===========================================================================*/ ul.amenities { display: block; list-style-type: square; margin-bottom: 1em; /* 11px relative to 11px */ } ul.amenities li { display: inline; /* for IE 6 */ float: left; width: 22%; padding-left: 1em; /* 11px relative to 11px */ } .js ul.sliced-list.amenities li { display: list-item; padding-right: 10px; } /* for IE 6 */ * html div#content ul.amenities li { width: 19%; } /* Sliced */ .js body.property-section-landing-page div#description ul.quick-facts.sliced-list li ul li, .js ul.sliced-list.amenities li ul li { float: none; display: list-item; list-style-type: square; padding-left: 0; margin-left: 0.5455em; /* 6px relative to 11px */ line-height: 1.6364em; /* 18px relative to 11px */ width: auto; } /* for IE 6 */ * html.js body.property-section-landing-page div#description ul.quick-facts.sliced-list li { width: 40%; } /* for IE 6 */ * html.js div#content ul.sliced-list li ul li, * html.js body.property-section-landing-page div#description ul.quick-facts.sliced-list li ul li { width: 99%; float: none; vertical-align: middle; line-height: 1.5em; /* 1.5em is 18px relative to 11px */ } /* for IE 7 */ *+html.js div#content ul.sliced-list li ul li, *+html.js body.property-section-landing-page div#description ul.quick-facts.sliced-list li ul li { width: 99%; float: none; vertical-align: middle; } /* Price Match Guarantee Disclaimer ===========================================================================*/ div#price-guarantee-disclaimer { margin: 15px; } div#price-guarantee-disclaimer ul { margin-bottom: 0.9091em; /* 10px relative to 11px */ } div#price-guarantee-disclaimer ul li { padding-left: 6px; display: list-item; list-style-type: square; list-style-position: inside; } /* Room Information ===========================================================================*/ /* div.room-information-and-pricing-summary uses Easy Clearing */ div.room-information-and-pricing-summary { margin: 4px; margin-left: 40px; padding: 4px; } /* for IE 6 */ * html div.room-information-and-pricing-summary { margin-left: 37px; } /* div.room-information ul.room-and-rate-navigation uses Easy Clearing */ div.room-information-and-pricing-summary p { margin-bottom: 0; } /* Room & Rate Navigation */ div#content div.room-information ul.room-and-rate-navigation { margin-top: 0.1818em; /* 2px relative to 11px */ } div#content div.room-information ul.room-and-rate-navigation li { display: inline; /* for IE 6 */ float: left; padding-left: 3px; padding-right: 3px; border-right-width: 1px; border-right-style: solid; } /* div#content div.room-information ul.room-and-rate-navigation li:first-child, */ div#content div.room-information ul.room-and-rate-navigation li.first-child { padding-left: 0; } /* div#content div.room-information ul.room-and-rate-navigation li:last-child, */ div#content div.room-information ul.room-and-rate-navigation li.last-child { padding-right: 0; border-right-width: 0; } /* Pressure Sell ===========================================================================*/ div.room-information-and-pricing-summary a.pressure-sell { display: inline; /* for IE 6 */ float: right; text-align: right; width: 10%; margin-right: 30px; margin-top: 4px; } div.room-information-and-pricing-summary a.pressure-sell em strong { padding-left: 2px; padding-right: 2px; } /* Rooms & Rates ===========================================================================*/ div#rooms-and-rates { margin: 15px 10px; } /* Pricing Disclaimer */ /* div#rooms-and-rates div.pricing-disclaimer uses Easy Clearing */ div.pricing-disclaimer { position: relative; margin-top: 2px; margin-bottom: 2px; padding: 5px 10px; } div.pricing-disclaimer p { float: right; text-align: right; width: 22%; margin-bottom: 0; margin-right: 0.2222em; /* 2px relative to 2px */ } /* div#rooms-and-rates div.pricing-disclaimer ul.phone-numbers uses Easy Clearing */ div.pricing-disclaimer ul.phone-numbers { display: inline; /* for IE 6 */ position: relative; float: left; width: 50%; } /* Rooms */ /* div#rooms-and-rates ol li uses Easy Clearing */ div#rooms-and-rates ol li { overflow: hidden; margin-bottom: 3px; border-width: 1px; border-style: solid; } div#rooms-and-rates ol li li { overflow: visible; margin-bottom: 0; border-width: 0; } /* One True Layout: Equal Height Columns - Alex Robinson http://www.positioniseverything.net/articles/onetruelayout/equalheight */ div#rooms-and-rates ol li span.number { display: inline; /* for IE 6 */ text-align: center; float: left; width: 34px; padding-left: 1px; border-right-width: 1px; border-right-style: solid; padding-top: 10px; padding-bottom: 500px; margin-bottom: -500px; } /* Room Information */ div#rooms-and-rates ol li div.room-information-and-pricing-summary div.room-information { display: inline; /* for IE 6 */ float: left; width: 70%; margin-bottom: 4px; } /* Has Pressure Sell */ div#rooms-and-rates ol li div.room-information-and-pricing-summary.has-pressure-sell div.room-information { width: 60%; } /* Has Nightly Rate Summary */ div#rooms-and-rates ol li div.room-information-and-pricing-summary.has-nightly-rate-summary div.room-information { width: 22%; } /* for Safari 1.0-2.0, Mobile Safari, and KHTML */ body:last-child:not(:root:root) div#rooms-and-rates ol li div.room-information-and-pricing-summary.has-nightly-rate-summary div.room-information { width: 20%; } } /* end @media */ @media screen and (min-width: 0px) { /* for Safari 3.0 and Mobile Safari */ body:not(:root:root) div#rooms-and-rates ol li div.room-information-and-pricing-summary.has-nightly-rate-summary div.room-information { width: 20%; } /* for Opera 7.2-9.2 */ html:first-child div#rooms-and-rates ol li div.room-information-and-pricing-summary.has-nightly-rate-summary div.room-information { width: 20%; } } @media screen { /* Pricing Summary */ div#rooms-and-rates ol li div.room-information-and-pricing-summary div.pricing-summary { display: inline; /* for IE 6 */ float: right; clear: right; width: 21%; } /* Nightly Rate Summary */ div#rooms-and-rates ol li div.room-information-and-pricing-summary.has-nightly-rate-summary table.nightly-rate-summary { display: inline; /* for IE 6 */ float: left; margin-bottom: 1.0em; /* 11px relative to 11px */ } /* Property-Level Promo */ /* Has Nightly Rate Summary */ div#rooms-and-rates ol li div.room-information-and-pricing-summary p.property-level-promo, div#rooms-and-rates ol li div.room-information-and-pricing-summary p.rate-level-promo { display: inline; /* for IE 6 */ float: left; clear: left; width: 60%; margin-bottom: 0; /* 5px relative to 11px */ } /* Room Restriction */ div#rooms-and-rates dl.room-restriction { text-align: center; clear: both; margin: 4px; padding: 10px; border-width: 1px 0; border-style: solid; } /* trigger hasLayout */ * html div#rooms-and-rates dl.room-restriction { zoom: 1; } /* for IE 6 */ *+html div#rooms-and-rates dl.room-restriction { zoom: 1; } /* for IE 7 */ /* Room Description */ /* div#rooms-and-rates ol li div.room-description uses Easy Clearing */ div#rooms-and-rates div.room-description { margin: 4px; margin-left: 40px; padding: 4px; } /* div#rooms-and-rates ol li div.room-description ul.room-features uses Easy Clearing */ div#rooms-and-rates ol li div.room-description ul.room-features li { display: inline; /* for IE 6 */ float: left; width: 194px; margin-left: 15px; } .js div#rooms-and-rates ol li div.room-description ul.sliced-list.room-features li { position: static; width: 30%; padding-left: 0; background-image: none; } .js div#rooms-and-rates ol li div.room-description ul.sliced-list.room-features li li { display: list-item; float: none; width: auto; margin-left: 0; } /* Up/Down Sell ===========================================================================*/ /* One True Layout: Equal Height Columns - Alex Robinson http://www.positioniseverything.net/articles/onetruelayout/equalheight */ /* ul#alternative-properties uses Easy Clearing */ ul#alternative-properties { overflow: hidden; width: 715px; margin-left: auto; margin-right: auto; border-left-width: 1px; border-left-style: solid; margin-top: 15px; margin-bottom: 15px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; } ul#alternative-properties li#down-sell { width: 357px; } /* ul#alternative-properties li.hreview uses Easy Clearing */ ul#alternative-properties li.hreview { display: inline; /* for IE 6 */ float: left; width: 356px; border-width: 1px; border-left-width: 0; border-style: solid; padding-bottom: 700px; margin-bottom: -702px; } /* for IE 6 */ * html ul#alternative-properties li.hreview { margin-bottom: -709px; } /* for IE 7 */ *+html ul#alternative-properties li.hreview { margin-bottom: -709px; } /* for IE 6 */ * html div#content ul#alternative-properties li.hreview { width: 336px; } * html div#content ul#alternative-properties li#down-sell { width: 337px; } /* for Safari 1.0-2.0, Mobile Safari, and KHTML */ body:last-child:not(:root:root) ul#alternative-properties+* { position: relative; /* fixes ghosting effect that renders following elements unclickbale */ } ul#alternative-properties li.hreview h3 { padding: 10px; border-bottom-width: 1px; border-bottom-style: solid; } /* for IE 6 */ * html ul#alternative-properties li.hreview h3 { position: relative; width: 100%; } ul#alternative-properties li.hreview div.item.location.vcard { float: left; width: 53%; margin-left: 10px; } /* for IE 6 */ * html ul#alternative-properties li.hreview div.item.location.vcard { width: 56%; } /* for IE 7 */ *+html ul#alternative-properties li.hreview div.item.location.vcard { width: 52%; } /* ul#alternative-properties ul.property-navigation uses Easy Clearing */ ul#alternative-properties ul.property-navigation li { display: block; float: left; padding-left: 3px; padding-right: 3px; border-right-width: 1px; border-right-style: solid; padding-bottom: 3px; } /* ul#alternative-properties ul.property-navigation li:first-child, */ ul#alternative-properties ul.property-navigation li.first-child { padding-left: 0; } /* ul#alternative-properties ul.property-navigation li:last-child, */ ul#alternative-properties ul.property-navigation li.last-child { padding-right: 0; border-right-width: 0; } ul#alternative-properties li.hreview div.pricing-summary { display: inline; /* for IE 6 */ float: right; width: 23%; margin-top: 3px; margin-right: 10px; } /* for IE 6 */ * html ul#alternative-properties li.hreview div.pricing-summary { margin-right: -10px; } ul#alternative-properties div.pricing-summary span.price-type { width: 70px; float: right; } /* for IE 6 */ * html ul#alternative-properties div.pricing-summary span.price-type { width: 80px; } /* for IE 7 */ *+html ul#alternative-properties div.pricing-summary span.price-type { width: 80px; } /* Single Alternative */ ul#alternative-properties.alternative-properties-1-items { border-bottom-width: 0; border-left-width: 0; padding-bottom: 0; } ul#alternative-properties.alternative-properties-1-items li.hreview { margin-bottom: 0; padding-bottom: 10px; } ul#alternative-properties.alternative-properties-1-items li#down-sell { border-left-style: solid; border-left-width: 1px; } ul#alternative-properties.alternative-properties-1-items li#up-sell { float: right; border-left-style: solid; border-left-width: 1px; } /*=========================================================================== Pages ===========================================================================*/ /* Summary ===========================================================================*/ /* More/Less Container */ /* .js div.more-less-link-container uses Easy Clearing */ .js div.more-less-link-container span.more-link, .js div.more-less-link-container span.less-link { float: left; } .js body.property-section-landing-page div.more-less-link-container *.more-link, .js body.property-section-landing-page div.more-less-link-container *.less-link { line-height: 1.0em; /* 11px relative to 11px */ } .js body.property-section-landing-page div.more-less-link-container a#property-cancellation-policy { display: inline; /* for IE 6 */ float: left; margin-left: 5px; padding-left: 5px; border-left-width: 1px; border-left-style: solid; } /* Subcontent */ /* div.subcontent uses Easy Clearing */ body.property-section-landing-page div#property-description div.subcontent { position: relative; min-height: 381px; } /* for IE 6 */ * html body.property-section-landing-page div#property-description div.subcontent { height: 381px; } body.property-section-landing-page div#property-description.has-traveler-reviews div.subcontent { min-height: 689px; } /* for IE 6 */ * html body.property-section-landing-page div#property-description.has-traveler-reviews div.subcontent { height: 689px; } body.property-section-landing-page div#property-description.has-traveler-reviews.not-has-photo div.subcontent { min-height: 288px; } /* for IE 6 */ * html body.property-section-landing-page div#property-description.has-traveler-reviews.not-has-photo div.subcontent { height: 288px; } body.property-section-landing-page div#property-description div.primary-subcontent { margin-left: 371px; } body.property-section-landing-page div#property-description div.secondary-subcontent { position: absolute; top: 0; left: 0; } /* Description */ body.property-section-landing-page div#description { margin-bottom: 10px; } .js body.property-section-landing-page div#description { overflow: hidden; height: 100px; } .js body.property-section-landing-page div.subcontent div#description { height: 358px; } .js body.property-section-landing-page div#property-description.not-has-photo div.subcontent div#description { height: 250px; } /* body.property-section-landing-page div#description ul.quick-facts uses Easy Clearing */ body.property-section-landing-page div#description ul.quick-facts li { list-style-type: none; list-style-position: outside; float: left; width: 43.9%; padding-left: 1em; } body.property-section-landing-page div#description ul.quick-facts li li { padding-right: 10px; } /* Photo */ body.property-section-landing-page div#photo { width: 350px; border-width: 1px; border-style: solid; } .js body.property-section-landing-page div#photo { position: relative; height: 350px; } body.property-section-landing-page div#photo img { display: block; margin: auto; } .js body.property-section-landing-page div#photo img { visibility: hidden; /* overridden in _global.js */ position: absolute; top: 50%; left: 50%; } /* Property Navigation */ /* body.property-section-landing-page div#property-description ul.property-navigation uses Easy Clearing */ body.property-section-landing-page div#property-description ul.property-navigation { width: 352px; } body.property-section-landing-page div#property-description ul.property-navigation li { display: block; width: 166px; border-width: 1px; border-top-width: 0; border-style: solid; } body.property-section-landing-page div#property-description ul.property-navigation li a { display: block; text-align: center; line-height: 28px; /* background-image height */ } /* for IE 6 */ * html body.property-section-landing-page div#property-description ul.property-navigation li a { height: 1%; } body.property-section-landing-page div#property-description ul.property-navigation li.property-navigation-photos { float: left; } body.property-section-landing-page div#property-description ul.property-navigation li.property-navigation-virtual-tours { float: right; } /* Traveler Reviews */ iframe#traveler-reviews { width: 352px; height: 288px; margin-top: 20px; border-width: 0; border-style: none; } div#property-description.not-has-photo iframe#traveler-reviews { margin-top: 0; } /* Amenities */ body.property-section-landing-page div#property-description div.subcontent ul.amenities li { width: 43.9%; padding-right: 0; } body.property-section-landing-page div#property-description div.subcontent ul.amenities li li { width: auto; padding-right: 10px; } body.property-section-landing-page div#popular-amenities { margin-top: 20px; margin-bottom: 10px; } body.property-section-landing-page div#additional-amenities { margin-top: 10px; margin-bottom: 10px; } .js body.property-section-landing-page div#additional-amenities { overflow: hidden; height: 0; } /* Disclaimers */ /* Photos ===========================================================================*/ /* Subcontent */ /* div.subcontent uses Easy Clearing */ /* for IE 6 */ * html body.property-section.photos-section div#property-description div.subcontent { height: 370px; } body.property-section.photos-section div#property-description div.subcontent div.primary-subcontent { float: left; } body.property-section.photos-section div#property-description div.subcontent div.secondary-subcontent { margin-left: 370px; } /* for IE 6 */ * html body.property-section.photos-section div#property-description div.subcontent div.secondary-subcontent { width: 48%; } /* for IE 7 */ *+html body.property-section.photos-section div#property-description div.subcontent div.secondary-subcontent { width: 48%; } /* Photo */ body.property-section.photos-section div#photo { width: 350px; } body.property-section.photos-section div#photo img { display: block; margin: auto; } body.property-section.photos-section div#property-description p#photo-caption { text-align: center; margin-top: 1em; /* 11px relative to 11px */ } /* Gallery */ div#property-description ul#gallery li { display: block; float: left; margin-right: 2px; margin-bottom: 2px; } div#property-description ul#gallery li a { display: block; border-width: 5px; border-style: solid; } div#property-description ul#gallery li a.selected, div#property-description ul#gallery li a:active, div#property-description ul#gallery li a:focus { outline-style: none; } /* Virtual Tours ===========================================================================*/ div#virtual-tours h2, div#virtual-tours h5, div#virtual-tours img.photo { margin-bottom: 10px; } div#virtual-tours img.photo { width: 100%; } div#virtual-tours img.photo#virtual-tour-map { width: auto; } /* Has Flash */ body.has-flash-6 div#virtual-tours { width: 600px; height: 450px; } body.has-flash-6 div#virtual-tours * { display: none; } body.has-flash-6 div#virtual-tours *#virtual-tours-player { display: block; } /* Map & Attractions ===========================================================================*/ /* Property Description */ .js body.map-and-attractions-section div#property-description { width: 730px; margin-left: auto; margin-right: auto; } /* Map Link */ body.map-and-attractions-section a#property-map-link { display: block; margin-top: 1em; /* 11px relative to 11px */ margin-bottom: 1em; /* 11px relative to 11px */ } .js body.map-and-attractions-section a#property-map-link { /* Aural Text Class - Peter Krantz http://www.standards-schmandards.com/index.php?2004/10/08/1-the-aural-text-class */ position: absolute; top: 0; /* for IE 8 */ left: -1000em; } /* Map Frame */ .js body.map-and-attractions-section iframe#map-frame { margin-top: 10px; margin-bottom: 10px; } /* Subcontent */ /* div.subcontent uses Easy Clearing */ .js body.map-and-attractions-section div.subcontent { margin-left: 10px; margin-right: 10px; } body.map-and-attractions-section div.subcontent div.primary-subcontent { float: left; width: 51%; } body.map-and-attractions-section div.subcontent div.secondary-subcontent { float: right; width: 45%; } body.map-and-attractions-section div.subcontent p.user-content { margin-left: 5px; } /* Rooms & Rates ===========================================================================*/ body.rooms-and-rates-dateless-section div#change-travel-details { margin-left: auto; margin-right: auto; } /* Print Property Info ===========================================================================*/ } /* end @media */