/* This overrides various values set in about-this-hotel.css, for the sake of the popup pages */ html,body { background-repeat: no-repeat; background-position: 579px 6px; /* Note: This is overrided in about-this-hotel-popups_BRANDNAME.css */ } /* Because the first element in the popup pages (an H3) has a top-margin (currently 48px), the tag technically starts 48px into the page. That's why the background needs to be applied to the tag for standards-compliant browsers. But, IE doesn't understand that, and so it get the background image on the tag instead (below). */ html { /* This creates the logo along the top of the popup pages */ background-image: url(/lq/images/about-this-hotel/logo-popups_generic.gif); } /* Only IE sees this */ * html body { /* This creates the logo along the top of the popup pages */ background-image: url(/lq/images/about-this-hotel/logo-popups_generic.gif); } /* And, IE/Mac gets the original value */ * > html body { background-image: none; } /* General link properties */ a:link, a:visited { color: rgb(90,90,90); } a:hover { color: rgb(82,82,82); } /* ========================================== Content ========================================= */ /* This holds the primary content within the page. */ div#content { margin-left: 20px; /* Normally 75px */ margin-top: 20px; /* Normally 15px */ /* Normal pages have #content defined at 630px. And, popups used to be set to 570px. But, that's commented out (allowing the default 630px value) since popups needed to be a bit bigger to accomodate larger font sizes per 1848 */ /* width: 570px; */ /* Normally 630px */ /* This just ensures that there's a natural-looking white gap at the bottom of the popup */ padding-bottom: 1.5em; } /* subcontent is currently only on the "Location and Drivng Directions" search page */ div.subcontent { /* Visually, this is the same amount of padding as the H3 elements that typically accompany a div.subcontent section */ padding-left: 0.65em; } /* This is the primary header on the "About This Hotel" popup pages */ h3 { /* This leaves room for the logos */ margin-top: 48px; padding-left: 20px; background-color: rgb(206,206,206); } /* This is a secondary header with a defined width on forecast page*/ div#content h3.secondary#weather-conditions { width:275px; } /* "Direct'ons from Local Airport(s)" needs some space underneath on "Location and Driving Directions" page */ div#content h3.secondary#directions-header { margin-bottom:1.0em; } /* This is a general header with a divider line below the text */ div#content h6.divider { font-size: 1.1em; font-weight:bold; padding-bottom:0.4em; border-bottom: 1px solid rgb(204,204,204); /* a light grey */ margin-bottom:0.6em; clear:both; } /* H6 elements sometimes have embedded secondary text such as the "Estimated travel time" information within the H6 header on the second Locations page popup */ div#content h6.divider em { font-style:normal; font-weight:normal; font-size:0.9em; margin-left:2.0em; } /* =================================== Content: Hotel Pictures ====================================== */ /* The Hotel Pictures section exists within content and displays pictures of the hotel */ div#content div#hotel-pictures { margin-left: 2.0em; /* This is 3.0em on non-popup About This Hotel pages */ } /* Only IE sees this */ * html div#content div#hotel-pictures { margin-bottom: 0.2em; /* This is 1.2em on regular non-popup pages */ } /* And, IE/Mac gets the regular value */ * > html div#content div#hotel-pictures { margin-bottom: 1.2em; } div#hotel-pictures div.box { margin-bottom: 0px; /* This is normally 10px on regular non-popup pages */ background-color: #ffffff; } div#content img#map { float:left; margin-right:10px; margin-bottom:1.2em; /* This matches regular paragraphs */ } /* map-zoom is on the "What's Nearby" results page, surrounding the mapquest provided map and zoom controls */ div#map-zoom { border-top:1px solid rgb(204,204,204); /* a light grey */ padding-top:2.0em; margin-bottom: 2.0em; } div#map-zoom img { display:inline; padding:0; } div#map-zoom img { display:inline; padding:0; } /* This ordered list is on the "Locations and Driving Directions" results page */ ol{ padding-left:20px; } ol li{ padding-top:1.0em; }