/*=========================================================================== Typography (Contextual: Help and Dialogs) 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. ===========================================================================*/ div#page h2 { font-size: 1.6363em; /* 18px relative to 11px */ } /*=========================================================================== Components ===========================================================================*/ ul#rate-details li em.money { font-weight: normal; } /*=========================================================================== Modules ===========================================================================*/ /*=========================================================================== Pages ===========================================================================*/ /* About Star Ratings ===========================================================================*/ body.about-star-ratings-section ul#about-star-ratings li h6 { font-size: 1.6364em; /* 18px relative to 11px */ line-height: 1.2778em; /* 23px relative to 18px */ font-weight: bold; text-transform: none; } body.about-star-ratings-section ul#about-star-ratings li h6 em { font-style: normal; } /* Nightly Rate Summary ===========================================================================*/ body.nightly-rate-summary-section table.nightly-rate-summary thead th { font-weight: bold; } body.nightly-rate-summary-section div#page table.nightly-rate-summary *.money span.decimal { font-size: 1em; /* 11px relative to 11px */ line-height: 1.4545em; /* 16px relative to 11px */ font-family: Arial, Helvetica, sans-serif; vertical-align: baseline; } /*=========================================================================== Colors (Contextual: Help and Dialogs) This stylesheet defines the colors for the following: * Text and links * Backgrounds * Borders ===========================================================================*/ @media screen, handheld { body.room-and-rate-section div#page div#content, div#content h5 { border-color: #5386BF; /* PZ tableBack, default #0D447F deep blue */ } /*=========================================================================== Components ===========================================================================*/ /*=========================================================================== Modules ===========================================================================*/ /*=========================================================================== Pages ===========================================================================*/ /* About Star Ratings ===========================================================================*/ body.about-star-ratings-section ul#about-star-ratings li h6.star-rating { color: #0D447F; /* PZ text, default #000000 true black */ } body.about-star-ratings-section ul#about-star-ratings li h6.not-yet-rated { color: #CC0000; /* PZ alink, default #CC0000 old red */ } /* Disambiguation ===========================================================================*/ div#disambiguation { background-color: transparent; } div#disambiguation h4, div#disambiguation ul { background-color: #D4E5FA; /* PZ tableBody2, default #EEF3F9 pale blue */ } /* Nightly Rate Summary ===========================================================================*/ body.nightly-rate-summary-section table.nightly-rate-summary thead th { border-color: #5386BF; /* PZ tableBack, default #0D447F deep blue */ } } /* end @media */ /*=========================================================================== Layout (Contextual: Help and Dialogs) 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 { /* Page ===========================================================================*/ /* for IE 6 */ * html { overflow-x: hidden; } /* for IE 7 */ *+html { overflow-x: hidden; } body { width: 485px; margin: auto; position: relative; } body.about-star-ratings-section { width: 500px; } body.room-and-rate-section { width: 600px; } body.change-travel-details-section { width: 458px; } body div#page { width: auto; background-image: none; padding: 0; padding-bottom: 1px; margin: 0; } body.room-and-rate-section div#page { margin: 10px; } div#page div#content { margin: 0; padding: 10px; padding-bottom: 9px; } body.room-and-rate-section div#page div#content { padding: 0px; border-width: 1px; border-style: solid; } /* Easy Clearing ===========================================================================*/ /* Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson http://www.tanfa.co.uk/archives/show.asp?var=300 */ body.about-star-ratings-section ul#about-star-ratings li h6:after, div.room-description ul.room-features:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; } body.about-star-ratings-section ul#about-star-ratings li h6, div.room-description ul.room-features { display: inline-block; } /* for IE 6 */ * html body.about-star-ratings-section ul#about-star-ratings li h6, * html div.room-description ul.room-features { height: 1%; } body.about-star-ratings-section ul#about-star-ratings li h6, div.room-description ul.room-features { display: block; } /*=========================================================================== Components ===========================================================================*/ div#page h2 { margin-top: 5px; margin-bottom: 5px; } body.room-and-rate-section div#content h5 { padding: 10px; margin-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; } /* Room Description */ /* div.room-description uses Easy Clearing */ div.room-description { margin-top: 4px; padding: 10px; } /* div.room-description ul.room-features uses Easy Clearing */ div.room-description ul.room-features li { display: inline; /* for IE 6 */ float: left; width: 30%; margin-left: 5px; padding-left: 10px; /* background-image width + 7px */ } .js div.room-description ul.sliced-list.room-features li { width: 32%; padding-left: 0; margin-left: 0; background-image: none; } * html.js div.room-description ul.sliced-list.room-features li { width: 31%; } /* for IE 6 */ *+html.js div.room-description ul.sliced-list.room-features li { width: 31%; } /* for IE 7 */ * html.js div#page div.room-description ul.sliced-list.room-features li ul { padding-left: 10px; } /* for IE 6 */ *+html.js div#page div.room-description ul.sliced-list.room-features li ul { padding-left: 10px; } /* for IE 7 */ .js div.room-description ul.sliced-list.room-features li li { display: list-item; float: none; width: auto; margin-left: 10px; } ul#rate-details { padding: 10px; } ul#rate-details li { margin-bottom: 10px; } ul#rate-details li h4, ul#rate-details li p { display: inline; } /* for IE 6 */ * html ul#rate-details li h4 { padding-right: 0.5em; } /* for IE 7 */ *+html ul#rate-details li h4 { padding-right: 0.5em; } /*=========================================================================== Modules ===========================================================================*/ /* Change Travel Details ===========================================================================*/ div#content div#change-travel-details { margin: 0px; } /* for IE 6 */ * html div#change-travel-details form#change-travel-details-form label.adults { margin-left: 0; padding-left: 93px; } * html div#change-travel-details form#change-travel-details-form label.children { margin-left: 0; left: 95px; } /* for IE 7 */ *+html div#change-travel-details form#change-travel-details-form label.adults { margin-left: 0; padding-left: 93px; } *+html div#change-travel-details form#change-travel-details-form label.children { margin-left: 0; left: 95px; } /*=========================================================================== Pages ===========================================================================*/ /* About Star Ratings ===========================================================================*/ /* body.about-star-ratings-section ul#about-star-ratings li h6 uses Easy Clearing */ body.about-star-ratings-section ul#about-star-ratings li h6 { margin-bottom: 0.2778em; /* 5px relative to 18px */ } body.about-star-ratings-section ul#about-star-ratings li h6 em { display: block; float: left; text-indent: -1000em; width: 117px; height: 23px; margin-right: 0.5em; /* 9px relative to 18px */ background-image: url(../../_media/star-ratings/_giant.png); background-repeat: no-repeat; } body.about-star-ratings-section ul#about-star-ratings li h6.not-yet-rated em { display: inline; float: none; text-indent: 0; width: auto; height: auto; margin-right: 0; background-image: none; } body.about-star-ratings-section ul#about-star-ratings li h6.rating-10 em { background-position: -94px 0; } body.about-star-ratings-section ul#about-star-ratings li h6.rating-20 em { background-position: -71px 0; } body.about-star-ratings-section ul#about-star-ratings li h6.rating-30 em { background-position: -47px 0; } body.about-star-ratings-section ul#about-star-ratings li h6.rating-40 em { background-position: -24px 0; } body.about-star-ratings-section p.disclaimer { margin-bottom: 0; } /* Disambiguation ===========================================================================*/ div#disambiguation { border-width: 0; padding-bottom: 0; margin-bottom: 0; } div#disambiguation form { margin: 0; } div#disambiguation form h4, div#disambiguation form ul { padding: 5px; } div#disambiguation form ul { padding-top: 0; } /* Nightly Rate Summary ===========================================================================*/ body.nightly-rate-summary-section table.nightly-rate-summary { width: 100%; margin-bottom: 5px; } body.nightly-rate-summary-section table.nightly-rate-summary th, body.nightly-rate-summary-section table.nightly-rate-summary td { width: 14%; } body.nightly-rate-summary-section table.nightly-rate-summary thead th { text-align: center; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; } body.nightly-rate-summary-section table.nightly-rate-summary *.money { text-align: right; overflow: visible; width: 3em; margin-left: auto; margin-right: auto; } /* for Safari 1.0-2.0, Mobile Safari, and KHTML */ body:last-child:not(:root:root).nightly-rate-summary-section table.nightly-rate-summary *.money { width: 4em; } /* for Safari 3.0 and Mobile Safari */ } /* end @media */ @media screen and (min-width: 0px) { body:not(:root:root).nightly-rate-summary-section table.nightly-rate-summary *.money { width: 4em; } } /* @media screen {} */