/* GENERAL **************************************************************************************************************** */ * { margin: 0; padding: 0; } body { background: url(bg.jpg); font-family: arial, sans-serif;font-size: 13px; line-height: 1.5em; } #shell { background: url(glow.png) center top no-repeat; } #subShell { background-color: #231f20; width: 975px; margin: 0 auto; } a { color: #82d0f7; outline: none;} a:hover { text-decoration: none; } a img { border: none; } h1, h2, h3 { margin-bottom: 12px; } li { list-style-type: none; } .imgRight { float: right; margin: 0 0 5px 12px; background-color: #1c0d08; padding: 1px; border: 5px solid #5a4a42; } .imgLeft { float: left; margin: 0 12px 5px 0; background-color: #1c0d08; padding: 1px; border: 5px solid #5a4a42; } .noBorder { padding: 0; border:none; } .twoCols { float: left; width: 50%; } .clear { clear: both; } #content.iframe { margin-bottom: 12px; } #map17776 { margin-bottom: 12px; } .container { border-bottom: 1px solid #4B4F54; margin-bottom: 12px; } /* HEADER **************************************************************************************************************** */ #titlebar { } .marketingPhoneShell { display: none; } table .photoBorder { border: none; margin-right: 4px; } .marketingPhoneMessage { } .marketingPhoneNumber { } #helpmenuShell { height: 49px; padding: 16px 0 0 0; color: white; font-size: 11px; width: 979px; margin: 0 auto; } #usabilityNavDropDown { z-index: 4; position: relative; padding: 10px 0 0 0; background: url(bgQuickLinks.png) no-repeat; width: 240px; height: 37px; float: right; } #usabilityNavText { font-size:18px; height: 24px; padding-left: 259px; } #usabilityNav { background: url(bgUtilNav.png) no-repeat; margin-left: 9px; position: relative; z-index: 20; } /* dropdown container */ #usabilityNav ul { margin: 0 0 0 17px; padding: 7px 0; } #usabilityNav ul li { } #usabilityNav ul li a { display: block; } #usabilityNav ul li a:hover { } #headerShell { background: url(bgHeader.gif) no-repeat; height: 431px; padding: 3px 4px; } #logo { background: url(bgLogo.gif) no-repeat; width: 256px; height: 431px; float: left; } #logo a { display: block; height: 209px; } #header { } /* Navigation ********************************************************************************************************* */ #nav { background: #226178; border-bottom: 1px solid #0b0204; position: relative; z-index: 7; } /* horizontal menu with flyouts */ #nav ul { line-height: 100%; height: 35px; width: 940px; margin: 0 auto; padding: 0; } #nav ul li { line-height: 100%; list-style: none; float: left; height: 100%; position: relative; display: block; } #nav ul li a { font-size: 11px; line-height: 100%; color: #fff; text-decoration: none; padding: 10px 12px 5px 12px; position:relative; display: block;} /* padding top and bottom needs to expand to cover entire height */ #nav ul ul li a:hover { } #nav ul li.hover a { } #nav ul li a.current { color: #000; } #nav ul li.lastItem { } #nav ul ul { text-transform: uppercase; font-weight: bold; background-color: #226178; display: none; position: absolute; top: 35px; /*this should be changed to your mainNav ul height*/ left: 3px; width: 130px; height: auto;} #nav ul li.hover ul li { float: none; } #nav ul li.hover ul li a { background: none; color: #fff; padding: 5px 5px 5px 11px; } #nav ul li.hover ul li.hover a { background-color: #114457; color: black; } #nav ul li.hover ul li a.current { background-color: #114457; color: black; } #nav ul ul ul {background-color: #C7DAE9; display: none; top: 0px; left: 150px; /*this should be changed to secondarys width */ } #nav ul li.hover ul li.hover ul li { } #nav ul li.hover ul li.hover ul li a { background: none; color: #333333; } #nav ul li.hover ul li.hover ul li.hover a { background-color: #333333; color: #CCCCCC; } #nav ul li.hover ul li.hover ul li a.current { } /* IBE ***************************************************************************************************************** */ #ibe { } .widgetIBE {font-family:arial; font-size:9px; text-transform:uppercase; color: #b6bebf; padding: 10px 0 0 30px } #logo .widgetIBE a { height: auto; display: inline; white-space: nowrap; } #checkinShell { } #checkinShell #checkinLabel { } #checkinShell #checkinField { } #checkoutShell {margin: -46px 0 0 105px } #checkoutShell #checkoutLabel { } #checkoutShell #checkoutField { } #adultsShell {margin-left: 17px } #childrenShell {margin-left: 17px } #extraInputsShell { } #submitShell { } #submitButton { background:transparent url(bgSubmit.gif) no-repeat scroll 0 0;border:medium none;display:block;height:22px;margin-top:0px;overflow:hidden; line-height: 0; text-indent: 9999px;width:168px; margin-left: 35px } #extraLinksShell { display: inline; margin-left: 17px } #extraInputsShell {margin-top: 7px} #promocodeField {width: 120px} /* SIDE **************************************************************************************************************** */ #side { background: url(bgSide.jpg) no-repeat 0 0; width: 237px; float: right; padding: 23px 0 0 0; } #side .widgetCTA { position: relative; } #side .widgetCTALink { } #side .widgetCTAimg { display: block; with: 221px; height: 116px; background-repeat: no-repeat; background-position: 6px 0; } #side .widgetCTA h1 { position: absolute; top: 21px; left: 27px; color: white; font-size: 15px; } #side .widgetCTA a { color: #7e7e7e; text-decoration: none !important; } .widgetCTADescription { position: absolute; top: 39px; left: 27px; } /* BODY **************************************************************************************************************** */ #contentShell { background: url(bgContentShell.gif) repeat-y; overflow: auto; padding-bottom: 15px; } #breadcrumbs { margin-top: 23px; } #breadcrumbs ul { margin: 0 0 20px 0; padding: 0; } #breadcrumbs ul li { display: inline; margin: 0 5px 0 0; font-size: .9em; color: #4B4344;} #breadcrumbs a { text-decoration: none; } #content { min-height: 472px; height: auto !important; height: 472px; background: url(bgContent.gif) no-repeat; width: 664px; color: white; float: left; padding-left: 44px; } #content h1 { color: #7e7e7e; font-size: 21px; } #content h2 { font-size: 16px; } #content h3 { color: #226178; } #content p { margin-bottom: 12px; } #content ul { margin-bottom: 12px; list-style-position: inside; } #content .textWidget li { background: url(bullet.gif) no-repeat 0 6px; padding-left: 13px; } #subNav { padding-bottom: 7px; display: none; } #subNav ul {list-style-type:none;} #subNav ul li {display: inline; margin: 0 15px 0 0; background-color: #226178; border: 2px solid #f2f3eb; outline: 2px solid #40525A; padding: 0 4px 2px 4px} #subNav ul li a {text-transform: uppercase; text-decoration:none; color: #ffffff; text-transform: uppercase; font-size:11px } #subNav ul li a:hover {text-decoration: none; } .subStyle { display: inline; margin: 0 15px 0 0; background-color: #226178; border: 2px solid #f2f3eb; outline: 2px solid #40525A; padding: 0 4px 2px 4px; text-transform: uppercase; text-decoration: none; color: #ffffff; text-transform: uppercase; font-size:11px; } #content_footer { } #side2 { height: 81px } #side2 .widgetCTA { } #side2 .widgetCTALink { } #side2 .widgetCTAimg { } #side2 .widgetCTA h1 { } #side2 .widgetCTADescription { } /* pop-up galleries */ #pageid4743 { background-color: #231F20; } /* FOOTER **************************************************************************************************************** */ #footerShell { width: 967px; padding: 12px 0 20px 0; text-align:center; border-left: 4px solid #3a5764; border-bottom: 4px solid #3a5764; border-right: 4px solid #3a5764; background-color: #000000; } #footerNav { } #footerNav ul { } #footerNav ul li { display: inline; color: #FFF; font-size: 9px; font-weight: bold; text-transform: uppercase; } #footerNav ul li a { color: #FFF; text-decoration: none; padding: 2px 7px; } #footerNav ul li.lastItem { } #footerNav ul li a:hover { color: #1eb8f3; } #address { color: #8d8c8c; text-transform: uppercase; font-size: 11px; } .org { } .adr { } .street-address { } .locality { } .region { } .postal-code { } .country-name { } .tel { } .tel .type { } .tel .value { } #footerLogos { width: 299px; margin: 46px auto 0 auto; overflow: auto; } #footerLogos a { display: block; float: left; } #vizsig { background: url(vizsig.png) no-repeat; width: 98px; height: 41px; } #chLogo { background: url(chLogo.png) no-repeat; width: 114px; height: 49px; margin-right: 72px; } /* IBE Stuff */ table#availabilityCalendars div#calLegend td.title { color:#FFFFFF; } #ctl00_tdHotelName { text-indent: -10px; } /* bottom */