/* MINI-RESET ************************************************************************************************************* */ * { margin: 0; padding: 0; border: none; zoom:1} /* GENERAL **************************************************************************************************************** */ body { background:url(bg.gif) repeat-x #3a2d22; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#d2cac4; font-size:12px; line-height:150%; } #shell { position: relative; top:10px; width:950px; margin: 0 auto; z-index: 2 } .container { margin:0 auto; width:950px;} a { color:#53b8df; text-decoration: none; outline: none; } a:hover { text-decoration: underline; } a:hover h1 { text-decoration: underline; } .imageWidget {zoom:0} .imgRight { float: right; margin: 0 0 5px 12px; zoom:0 } .imgLeft { float: left; margin: 0 12px 5px 0; zoom:0 } #colContainer, .colContainer {background: #403429; overflow:auto; border-bottom:1px solid #282019; border-top:1px solid #282019;} .twoCols1 { float: left; width: 45%; margin-right:10px } .twoCols2 { float: left; width: 50%; } .twoCols { float: left; width: 50%; } .clear { clear: both; } hr { line-height: 100%; border: none; border-top: 1px solid #000; margin: 20px 0; background-color: #000; } body#rfp { background: none; } h1, h2, h3 { text-transform: uppercase; } .external { padding-right: 15px; background: url(external.png) center right no-repeat } .pdf { background-image: url(pdf.gif); background-position: left; padding-left: 20px;} .googleMapPointText { color: #3a2d22; } /* TITLEBAR ************************************************************************************************************** */ #titlebar { position: relative; z-index:3; font-size:11px; color:#f0f0f0; height:92px; } .marketingPhoneShell { display:none; } .marketingPhoneMessage { } .marketingPhoneNumber { } #helpmenuShell { text-align:right; margin-bottom:3px; padding-top: 10px; } #usabilityNavDropDown { } #usabilityNavText { display: none; } #usabilityNav { } /* dropdown container */ #usabilityNav ul { } #usabilityNav ul li {display: inline; padding:0 10px; border-right:1px solid #f0f0f0; line-height:11px;} #usabilityNav ul li.lastItem { border: none;} #usabilityNav ul li .pageTranslatorPH { display: inline;} #usabilityNav ul li a { text-decoration:none; color:#f0f0f0 } #usabilityNav ul li a:hover { text-decoration:underline; } #usabilityNav ul li#helpid1623 { display: none; } /* set to "none" if using dropdown style utilNav */ #helpmenuShell div#usabilityNavDropDown div.noHover { display: block; } /* HEADER **************************************************************************************************************** */ #logo { width:299px; *height:492px; background:#281f18; position:absolute; top:9px; left:5px;} #logo a { display:block; } #logo a img { margin-top:-11px; } #phoneNumber {position:relative; z-index:99; top:10px; left:100px; font-size:12px; text-transform:uppercase; font-weight:bold;} #translateLinks { position: absolute; left: 400px; top: 12px; } #translateLinks ul { } #translateLinks ul li { float: left; width: 17px; list-style: none; margin: 0 10px 0 0;} #translateLinks ul li a { height: 12px; display: block; } #tlFrench { background: url(flgFrench.gif) no-repeat; } #tlGerman { background: url(flgGerman.gif) no-repeat; } #tlSpanish { background: url(flgSpanish.gif) no-repeat; } #tlItalian { background: url(flgItalian.gif) no-repeat; } #tlPortuguese { background: url(flgPortuguese.gif) no-repeat; } #header { position:relative; top:0; width:930px; height:409px; margin:0 auto; overflow:hidden; } #innerHeader { position:relative; left:294px; width:637px; height:416px; overflow:hidden } /* NAVIGATION ********************************************************************************************************* */ #nav { background: url("navbg.png") no-repeat scroll 0 0 transparent; font: 12px/14px Arial,Helvetica,sans-serif; height: 50px; position: absolute; right: 10px; top: 47px; width: 637px; } #nav ul { line-height: 100%; margin: 0 0 0 5px; padding: 0; height: 45px; position: relative; z-index: 2; } #nav ul li { line-height: 100%; z-index: 2; list-style: none; float: left; height: 100%; position: relative; display: block; background:url(navULbg.png) no-repeat center left;} #nav ul li a {line-height: 100%; text-transform:uppercase; color: #000000; text-decoration: none; padding:16px 12px 15px 13px; position:relative; display: block;} /* padding top and bottom needs to expand to cover entire height */ #nav ul li.hover a { background-color: #CCCCCC; color:#3a2d22;; } #nav ul li a.current { color:#3a2d22; } #nav ul li.home { background:none; } #nav ul li.lastItem a:hover { } #nav ul ul { background-color: #2f241d; display: none; position: absolute; padding: 4px 0; z-index: 1; top: 45px; left: -6px; width: 170px; height: auto;} #nav ul ul { background-color: #2f241d; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #201914), color-stop(0.1, #2f241d)); /* for chrome */ background-image: -moz-linear-gradient(top, #201914 0%, #2f241d 10%); } #nav ul li ul li a { color: #fff; } #nav ul li ul li { float: none; background: none; margin: 10px 0; text-align: left; font-size: 12px; } #nav ul li ul li a { background: none; color: #fff; padding: 3px 10px; } #nav ul li.hover ul li { float: none; background: none; margin: 10px 0; text-align: left; font-size: 12px; } #nav ul li.hover ul li a { background: none; color: #fff; padding: 3px 10px; } #nav ul li.hover ul li.hover a { background-color: #eee; color: #342920; } #nav ul li ul li.current a { background-color: #eee; color: #342920; } #nav ul ul ul { display: none; left: 170px; top: -14px; margin: 0; z-index: 999} #nav ul li.hover ul li.hover ul li { background: none; } #nav ul li.hover ul li.hover ul li a { background: none; color: #fff; } #nav ul li.hover ul li.hover ul li a:hover { } #nav ul li.hover ul li.hover ul li.hover { background-color: #eee; } #nav ul li.hover ul li.hover ul li.hover a { background-color: #eee;color: #342920; } #nav ul li.current ul li.current ul li a { background: none; color: #fff; } #nav ul li.current ul li.current ul li a.current { background-color: #eee;color: #342920; } /* IBE ***************************************************************************************************************** */ /* SIDE **************************************************************************************************************** */ #side { position: relative; width: 942px; height: 76px; margin: 0 0 30px; padding: 10px 0 0 8px; background: url(bgCtaShell.png) -5px 0; } #side .widgetCTA { float: left; position: relative; width: 287px; padding: 0 0 0 13px; margin: 0 20px 0 0; height: height: 75px; cursor: pointer; } #side .widgetCTA a {color:#D2CAC4;} #side .widgetCTA a:hover { text-decoration: none; } #side .widgetCTA.lastItem { margin-right: 0; } #side .widgetCTAimg { cursor:pointer; float: left; margin-right: 20px; background-color: #fff; background-position: 1px; background-repeat: no-repeat; padding: 1px; display: block; border: 5px solid #83766a; width: 110px; height: 52px; } #side .widgetCTA h1 { font-size: 16px; color: #fff; cursor: pointer; } #side .widgetCTA .widgetCTAHeaders { display: block; font-weight: bold; font-size: 16px; color: #fff; cursor: pointer; text-transform: uppercase; } #side .widgetCTA a.widgetCTAHeaders:hover{ color: #53B8DF\9;} #side .widgetCTADescription { color: #a6998d; text-decoration:none; } #side .widgetCTA a:hover .widgetCTADescription { text-decoration: none; color: #fff; } #side .widgetCTA h1.hiddenBlue { color: #53B8DF; *font-weight: normal; position:relative; bottom:55px;} #side .widgetCTA .widgetCTAHeaders .hiddenBlue { display: block; font-weight: bold; color: #53B8DF; *font-weight: normal;} #side .widgetCTA:hover .widgetCTAimg { border: 5px solid #1E1712; } .socialToolbarWidget { margin:15px 0 0 15px } div.socialToolbarLabel { text-transform:uppercase } div.socialToolbarWidget ul { float:left; margin:0 } div.socialToolbarWidget ul li { float:left } /* SIDE 2 ************************************************************************************************************* */ #side2 { position: relative; background:url(bgSide2.gif) repeat-y; float:left; width:323px; border-bottom:1px solid #271e17; border-right:1px solid #271e17; padding: 0 0 44px 0;} #ibe { position: relative; width: 322px; height: 214px; background: url(reservationBox.jpg); margin: 0; } .widgetIBE { font: 12px/18px Verdana, Tahoma, Arial, Helvetica; color: #574a40; padding: 45px 0 15px 25px; } .widgetIBE #ibeHeaderLabel, .widgetIBE #checkinShell, .widgetIBE #checkoutShell, .widgetIBE #roomsShell, .widgetIBE #adultsShell, .widgetIBE #childrenShell, .widgetIBE #extraInputsShell, .widgetIBE #submitShell, .widgetIBE #extraLinksShell { float: none;} .widgetIBE input { border: 1px solid #A5ACB2; padding: 0 5px; height: 24px; border: 1px solid #bcb5b5; font-size: 11px; color: #8e7969; } .widgetIBE select { border: 1px solid #A5ACB2; font-size: 11px; color: #8e7969; } .widgetIBE #ibeHeaderShell { font-size: 18px; text-transform: uppercase; color: #281f18; float: none; } #ibeHeaderLabel em { font-size: 24px; display: block; font-style: normal; } .widgetIBE #languagesShell { display: none; } #languagesShell select { } #checkinShell { margin: 10px 0 0; position: relative; width: 149px; } #checkinCalendarIcon, #checkoutCalendarIcon { position: absolute; top: 21px; right: 5px; } #checkinShell #checkinLabel { } #checkinShell #checkinField { width: 149px; height: 24px; } #checkoutShell { margin: 10px 0 0; position: relative; width: 149px; } #checkoutShell #checkoutLabel { } #checkoutShell #checkoutField { width: 149px; height: 24px; } .widgetIBE #roomsShell { position: absolute; right: 10px; top: 55px; } #roomsLabel { } .widgetIBE #roomsField { width: 92px; height: 26px; padding: 3px 2px 2px; font-size: 12px; } .widgetIBE #adultsShell { position: absolute; right: 10px; top: 109px; } .widgetIBE #adultsLabel { } .widgetIBE #adultsField { width: 92px; height: 26px; padding: 3px 2px 2px; font-size: 12px; } .widgetIBE #childrenShell { display: none; } #extraInputsShell { } .widgetIBE #submitShell { position: absolute; left: 20px; top: 155px; } #submitButton { background: url(btnCheckAvail2.gif); cursor: pointer; border: none; width: 173px; height: 32px; display: block; line-height: 0; text-indent: -9999px; } */ #extraLinksShell { } ul#extraLinks { } .widgetIBE ul#extraLinks li { } ul#extraLinks li a { } .calendar { border: none; background: url(http://vsites.vizergy.com/vsitefiles/templates/calendarStyles/1/bgCalendar.png); width: 208px; height: 166px; font-size: 11px; line-height: 13px; } .calendar table { color: #4d4d4d; border: none; background: none; margin: 6px; } .calendar thead { } .calendar thead .button { background: none; border: none; padding: 1px 0; } .calendar thead .title { background: none; color: #4D4D4D; border: none; } /* month/year */ .calendar thead .nav { } /* arrows */ .calendar thead .hilite { border: none; } .calendar thead .name { padding: 0; } .calendar thead .name { background: #edecec; border: none; color: #4d4d4d } /* day name. ex: Mon */ .calendar thead .day { } .calendar thead .weekend { color: #0e0c09; } .calendar tbody { } .calendar tbody .daysrow { } .calendar tbody td.day { padding: 2px 6px 2px 2px; } .calendar tbody td.weekend { color: #30251d; } .calendar tbody td.disabled { } .calendar tbody td.false { } .calendar tbody td.selected { background: #2c231b; color: #fff; border: none; } /* once clicked */ .calendar tbody td.disabled { } .calendar tbody .rowhilite { } .calendar tbody .rowhilite td { background: #787878; } .calendar tbody .rowhilite td.hilite { border: none; background: #999; } .calendar tfoot { } .calendar tfoot .footrow { } .calendar tfoot .ttip { background: #fff; border: none; } #ccIcons { position: absolute; left: 210px; bottom: 20px; } #ccIcons li { width: 20px; height: 17px; float: left; margin-right: 4px; list-style: none;} #ccMasterCard { background: url(ccMasterCard.jpg) no-repeat; } #ccVisa { background: url(ccVisa.jpg) no-repeat; } #ccAmex { background: url(ccAmex.jpg) no-repeat; } #ccDiscover { background: url(ccDiscover.jpg) no-repeat; } /*#pageid5836 #side2, #pageid5838 #side2, #pageid5849 #side2 {display:none;}*/ #side h2 { color: #fff; } #side2 .widgetCTA { position: relative; margin:20px 11px; } #side2 .textWidget { margin; text-align:left } #side2 h2 { margin: 0 0 0 10px; font-size: 17px; } .homepage #side2 .widgetCTA, .homepage #side2 .textWidget{display:block; } #side2 .widgetCTALink { } #side2 .widgetCTAimg { background-color:#fff; background-repeat:no-repeat; border:5px solid #83766A; display:block; height:79px; margin-right:20px; width:289px; } #side2 .widgetCTA h1 { cursor: pointer; color: #fff; position: absolute; bottom: 5px; left: 5px; padding:5px; font-size:14px; background:url(ctaOverlay.png); width:279px;} #side2 .widgetCTA .widgetCTAHeaders { display: block; font-weight: bold; cursor: pointer; color: #fff; position: absolute; bottom: 5px; left: 5px; padding:5px; font-size:14px; background:url(ctaOverlay.png); width:279px;} #side2 .widgetCTADescription { } #emailOffersBox { position:relative; padding:15px 15px 0 15px } #emailOffersBox a { color: #A4571C; font-weight: bold; } #emailOffersBox .title { text-transform:uppercase; color:#281F18; font-size:17px } #emailOffersBox .description {color:#333; text-shadow:0 1px #ddd} #emailOffersBox img { border:3px solid #fff; margin:5px 0 } #exclusiveOffers { background: url("reservationBox.jpg") no-repeat scroll 0 0 transparent; position:relative; float:left; padding:15px 10px 0; width:275px; height:220px } #exclusiveOffers .title {font-size:17px; text-transform:uppercase; color:#281F18} #exclusiveOffers a { color:#d66914; font-size:18px } /* CONTENT ************************************************************************************************************* */ #contentShell { position: relative; width:620px; margin-left: 1px; float:left; background: #3a2d22; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; filter:progid:DXImageTransform.Microsoft.DropShadow(color='#000000',offX='-1',offY='1'); } #breadcrumbs { } #breadcrumbs ul { padding: 0 0 20px 35px; } #breadcrumbs ul li { display: inline; } #breadcrumbs ul li a { color: #A6998D } #content { clear:left;} #contentShell h1 { background:url(h1bg.gif) right center repeat-x; color:#3a2d22; font-size:22px; height:27px; float:left; margin:10px 8px 0 0; padding:10px 20px 0 28px; } #content h2 { color:#d2d2d2; font-size:17px; padding:10px 30px; } #content h3 { } #content h4 { } #content h5 { } #content h6 { } #content p { padding: 10px 30px; } #content iframe {padding: 10px 30px; } #content ul {padding: 10px 10px 10px 45px; } #content li { list-style: square; } #content li h2 { padding-left: 0; padding-right: 0; margin-left: -15px; } #content li a { } #content ul.noStyle, #content ul.noStyle ul, #content ul.noStyle li, #content ul li.noStyle { list-style: none; padding: 0; } #subNav { margin: 45px 0; } #subNav ul { } #subNav li { font-size: 17px; background: url(bgSideNav.gif); width: 302px; height: 39px; margin: 0 0 11px; list-style: none; } #subNav li a { color: #000; text-transform: uppercase; display: block; padding: 9px 0 0 25px; } #subNav li a:hover { text-decoration: none; } #subNav li a em { font-size: 12px; font-style: normal; } #subNav li a:hover { } /* for the condos page */ #condoListing { position:relative; overflow:hidden } #condoListing a:hover { color:#d66914; text-decoration:none } #condoListing > ul { margin:0; padding:0 } #condoListing > ul > li { width:290px; height:340px; float:left; display:block; background:#281f18; list-style-type:none; margin:0 0 10px 10px; } #condoListing > ul > li .condoTitle { text-transform:uppercase; background:url(condoTitleBg.gif) repeat-x; display:block; width:278px; padding:5px 0 5px 10px; color:#281f18 } #condoListing > ul > li .condoTitle > span { display: block; padding: 5px 0 0 10px; text-align: left; } #condoListing > ul > li a { color:#281F18 } #condoListing ul { margin:0; padding:0 } #condoListing ul li ul { margin:10px 0 0 15px; padding:0 } #condoListing ul li ul li { font:11px Verdana; margin:0 0 8px 25px } #condoListing ul li ul li a { color:#d66914} #condoListing ul li ul li a:hover { text-decoration:underline } #condoListing ul li ul li.basics, #condoListing ul li ul li.learnMore { list-style:none; margin:0 0 8px 5px; font-weight:bold } #condoListing img { border-bottom:1px solid #554232 } .widgetSocialBookmarks { padding: 10px 30px;} .socialBookmarksServiceName { color: #3a2d22; } .googleMapWidget { margin: 1.2em 0; } /* FOOTER **************************************************************************************************************** */ #footerShell { position: relative; background: #281f18; clear:both; top: -20px; } #footerShell .container { padding: 60px 0 20px; } #footerNav { padding:0 120px 0 0; } #footerNav ul { width: 420px; } #footerNav ul li { display: inline; } #footerNav ul li a { text-decoration:none; color:#918477; text-transform:uppercase; padding:0 4px;} #footerNav ul li.lastItem { background:none; } #footerNav ul li a:hover { text-decoration:underline; color: #53B8DF; text-decoration: none; } #address { text-transform:uppercase; color:#807c78; } .org, .adr, .tel { margin: 0 15px 0 0;} .org { font-weight: bold; color:#FFF; } .adr { } .street-address { } .locality { } .region { } .postal-code { } .country-name { display:none; } #telContainer { margin: 0 0 40px; } .tel {} .tel .type { } .value-title { display: none; } .tel .value { } .signatureWidget { padding: 0 330px 0 0; text-align: right; margin: 40px 0; } #vizsig { } #vizsig a { }