﻿@charset "utf-8";

/* -------------------------------- */
/* toolkitCore */
html {width:100%; height:100%; margin:0; padding:0;}
/** {margin:0; padding:0;}*/
body {background:#F0F1E3 url(body_bkg.jpg) repeat-x center top; height:100%; margin:0; padding:0; width:100%;}

/*Do not put font-family here. Put it in your #content div.*/
/*h1.home {color: #727f82; font-size: 15px;}
h1.home2 {font-family:"Gill Sans MT"; font-size:24px; color:#636363;}*/

h1 {font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#958f69; font-weight:bold; text-transform:uppercase; padding:0px 0px 8px 0px; margin:0px;}
h2 {font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#63754b; font-weight:bold; margin:0px; padding:0px 0px 5px 0px;}
#content h2 a:link, #content h2 a:visited, #content h2 a:active {font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#63754b; font-weight:bold; margin:0px; padding:0px 0px 5px 0px; text-decoration:none;}
#content h2 a:hover {text-decoration:underline; color:#9B976E;}

/* no longer use .headline or .subheadline classes */
p {padding-top:0px; margin-top:0;}
a {outline:none;}
ul {margin-top:0px; margin-bottom:0px; padding-bottom:15px; padding-left:10px; margin-left:0px;}
#content ul li, #content_home ul li {background:url(bullet.gif) no-repeat 0 0; margin-left:20px; margin-top:0; padding-left:16px; list-style-type:none;}
#content .codeOnly ul, #content_home .codeOnly ul {margin-top:0px; margin-bottom:0px; padding-bottom:0px;}
#content .codeOnly ul li, #content .codeOnly ul_home li {background:url(bullet.gif) no-repeat 0 0; margin-left:20px; margin-top:0; padding-left:16px; list-style-type:none; line-height:20px;}
#lightview ul li {list-style:none;}

/* keep these attibutes in here*/
.disclaimer, .text-dark-sm, .text-disclaimer {font-size:9px; font-style:italic;}
.white, text-light {}

/* /toolkitCore  */
/* -------------------------------- */
/* shellIDs */
#wrapper {width:961px; margin-left:auto; margin-right: auto;}
#container {width:951px; margin-left:auto; margin-right:auto; text-align:left;}
#top {background:url(top_bkg.gif) center top no-repeat; height:645px; position:relative; width:961px;}
#logo {position:absolute; top:24px; left:13px;}
#address {color:#4B5457; font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; font-size:12px; left:797px; line-height:15px; position:absolute; text-align:right; top:21px;}
#address span.address_title {font-size:15px; letter-spacing:-.030em;}
#weather {font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; font-size:10px; color:#999999; position:absolute; top:97px; right:4px; height:30px; /* width:450px; */ float:left;}
#weather img {float:left;}
#weatherDetails {background:url(weather/weatherBG.jpg) no-repeat top right; /*padding:8px 4px 8px 4px;*/ text-transform:uppercase; height:11px; /*float:right; width:365px;*/ height:30px; float:left;}
#weatherDetails ul {float:left;}
/* #weather ul {float:left;} */
/*#weatherDetails ul {margin:0px; padding:0px;}
#weatherDetails li {list-style:none; background:none;}*/
.weatherDesc {text-transform:uppercase; line-height:28px; padding:0px 20px 0px 5px; float:left; list-style:none;}
.time {font-size:12px; color:#685d53; line-height:25px; padding:0px 0px 0px 0px; /*width:150px;*/ float:left;}
.local_time {padding:0px 15px 0px 0px; width:81px; height:30px;}
#weather .local_time img {float:left;}

#topnav {height:28px; position:absolute; top:138px; width:961px; z-index:5; font-size:0px; margin:0; padding:0; border:0; outline:none;}
#topnav a {font-size: 0px; margin:0; padding:0; border:0;}
.topNavSeperator{width:0px;}

#headerPhoto_treat {height:8px; left:0; position:absolute; top:166px; width:961px; z-index:10;}
#headerPhoto {height:399px; left:0; position:absolute; top:166px; width:961px;}

#specials {position:absolute; right:38px; top:167px; /* top:152px; */ width:264px; height:154px;}

/*bmask*/
#bmask_wrapper {position:absolute; top:584px;}
#bmask {width:714px; height:41px; position:relative;}
#dateInImg {left:225px; position:absolute; top:8px; *left:225px; *top:2px;}
#datein_wrapper {left:226px; position:absolute; top:22px;}
#dateInDiv {}
/*#begindate, #enddate {background-color:#685d53; border:1px solid #ded5b3; color:#FFFFFF; font-family:Verdana; font-size: 10px; position:absolute; text-align:center; width:91px; height:12px;}*/
#begindate, #enddate {background:url(bmask/inputBG.png) no-repeat center top; border:none; color:#FFFFFF; font-family:Verdana; font-size: 10px; position:absolute; text-align:left; width:102px; height:14px; padding:1px 0 5px 11px;}

#dateOutImg {left:376px; position:absolute; top:8px; *left:376px; *top:4px;}
#dateout_wrapper {position:absolute; left:377px; top:22px;}
#dateOutDiv {}
#enddate {}
#room_img {position:absolute; left:520px; top:8px; *left:520px; *top:4px;}
#roomsDiv {left:521px; position:absolute; top:22px; *left:521px; *top:20px; background:url(bmask/roomsBG.png) no-repeat 0 0; height:21px;}
select.bookingselector {color:#FFF; font-family:Verdana; font-size:10px; height:17x; width:40px; background-color:#685D53; border:1px solid #DED5B3; padding:0px; margin:0px;}

#SubmitBoton {cursor:pointer; left:571px; position:absolute; top:21px;}
#quick_reservations {left:21px; position:absolute; top:593px;}
/*bmask end */

#marquee {position:absolute; top:580px; right:0px; width:246px; height:49px;}

#shadowL {height:399px; left:-8px; position:absolute; top:166px; width:8px;}
#shadowR {width:8px; height:399px; position:absolute; right:-8px; top:166px;}
#middle {background-image:url(middle_bkg.gif); background-repeat:repeat-y; width:961px;}
#middle_top {width:961px; background-image:url(middle_top_bkg.gif); background-repeat:no-repeat;}
#middle_left {width:684px; float:left; padding:0 8px 12px 5px;}
#header {width:673px; min-height:20px; height:auto !important; height:20px; padding:28px 0px 0px 11px;}
#header_home {width:673px; padding:15px 0px 0px 11px;}

#content_home {color:#7D7564; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; line-height:16px; padding:20px 0px 0px 14px; width:658px;}
#content_home a:link, #content_home a:visited, #content_home a:active {color:#7ba045; font-weight:bold; text-decoration:none; line-height:20px;}
#content_home a:hover {text-decoration:underline;}
#content_home p {margin:0px; padding:0px 0px 15px 0px;}
/* IMPORTANT!!!! Please use padding-bottom:15px on ALL p classes.
 This will provide the best cross-browser compatibility on paragraph spacing*/

#content {color:#7d7665; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; line-height:16px; padding:20px 0px 0px 8px; width:658px;}
#content a:link, #content a:visited, #content a:active {color:#9b976e; text-decoration:underline; text-transform:uppercase;}
#content a:hover {color:#4c4c4c; text-decoration:underline;}
#content p {margin:0px; padding:0px 0px 15px 0px;}
/* IMPORTANT!!!! Please use padding-bottom:15px on ALL p classes.
 This will provide the best cross-browser compatibility on paragraph spacing*/

#middle_right {float:right; padding:0 3px 12px 0; width:259px;}
#subnav {padding-top:28px;}
#subnav img {padding:0px 0px 3px 0px;}

#spruce_restaurant {padding:19px 0px 0px 0px;}
#golden_spa {padding:18px 0px 0px 0px;}
#real_estate {padding:16px 0px 0px 1px; width:258px;}
#the_canyons {padding:5px 0px 0px 1px; width:258px;}

#footer {background-image:url("footer_bkg.gif"); background-repeat:repeat-x; width:100%; margin:0; padding:0;}
#footer_wrapper {height:191px; margin-left:auto; margin-right:auto; position:relative; width:961px;}
#waldorf_logo {left:17px; position:absolute; top:17px;}
#HHonors {left:154px; position:absolute; top:17px;}

#footernav {position:absolute; right:0; text-align:right; top:23px; letter-spacing:.005em; line-height:14px;}
#footernav a:link, #footernav a:visited, #footernav a:active {color:#F5F5F6; font-family:verdana; font-size:8px; text-decoration:none; text-transform:uppercase;}
#footernav a:hover {color:#c6c3ad; text-decoration:none; /*opacity:.5; filter:alpha(opacity=50, style=0, enabled=0) !important;*/}
#social_media {position:absolute; width:100px; height:30px; left:823px; top:94px;}
#follow_us {left:0px; position:absolute; top:2px;}
#facebook {left:71px; position:absolute; top:0px;}
#twitter {left:100px; position:absolute; top:0px;}
#copy_right {color:#9C976D; font-family:verdana; font-size:8px; padding-top:141px; text-align:center; text-transform:uppercase;}
#ht {left:0px; position:absolute; top:92px; width:164px; height:20px;}

/* /shellIDs */
/* -------------------------------- */
/* --------- Content Layouts ------------ */
#content_home .textOnly, #content_home p.textOnly, #content_home td.textOnly {vertical-align:top; padding:0px 0px 0px 0px;}
.textOnly, p.textOnly, td.textOnly {vertical-align:top; padding:0px 0px 0px 6px;}

/*image overlay*/
.imgL {text-align:left; width:217px; height:168px; padding:0px 0px 10px 0px;}
.imgHolderR {}
.imgFrameL {position:absolute; width:217px; height:168px;}
.imgFrameL img {}
.rFrame{}
/* /image overlay*/


/*gallery thumbnail image overlay*/
.photothumb {padding:0 10px 9px 0; margin:0px; width:142px; height:110px; cursor:pointer; line-height:0px;}
.photothumbHolder {}
.photothumbFrame {position:absolute; width:142px; height:110px; cursor:pointer; margin:0px; padding:0px; line-height:0px;}
.rFrame{}
/* /gallery thumbnail image overlay*/

/*Accommodations Book thumbnail image overlay*/
.imgLBook {padding:0px; margin:0px; width:217px; height:218px; cursor:pointer; line-height:0px; background:url(imgLBookBG.png) no-repeat;}
.imgLBook:hover {background:url(imgLBookBG_on.png) no-repeat;}
.imgLBookHolder {}
.imgLBookFrame {position:absolute; width:217px; height:168px; cursor:pointer; margin:0px; padding:0px; line-height:0px;}
.rFrame{}
/* /Accommodations Book thumbnail image overlay*/


.txtL {width:434px; vertical-align:top; padding:0px 7px 0px 6px;}
.txtR {width:434px; vertical-align:top; padding:0px 0px 0px 7px;}

.colOne {width:319px; padding:0px 20px 0px 6px;}
.colTwo {width:319px;}

.spacer {font-size:1px; line-height:1px;}
.separator {width:658px; background:url(separator.gif) no-repeat top center; height:33px; padding:0px 0px 0px 9px; margin:0px;}

.imageOnly {}

#content .codeOnly {vertical-align:top; padding:0px 0px 0px 6px;}

#events_link a:link, #events_link a:visited, #events_link a:active {color:#948e69; text-decoration:underline;}
#events_link a:hover {color:#f4f1e7; text-decoration:underline;}

#map {width:550px; height:450px; border:3px solid #FFFFFF;}

/* --------- /Content Layouts ------------ */


/* ----- GuestBook Form Elements ----- */

.form-button {background-color:#63754b; font-family:Verdana, Arial, Helvetica, sans-serif; color:#f4f0e6; font-size:12px; border:none; cursor:pointer; margin-top:10px; padding:3px; text-transform:uppercase;}
/*This is for global form buttons, including the Toolkit login button.
 Create another similar button class for eRFP forms if you want specific
 positioning and update the class name in the app in the Toolkit.
 DO NOT edit the guestbook module in the modules folder*/
.form-button:hover {background-color:#d2c69c; color:#63754b;}

/* IMPORTANT!!! Use the same font attributes as the <p> on the site's mainContent area for ALL of these classes. */
.form-notes, .form-select, .form-text, .form-textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#7d7665; line-height:16px; veritcal-align:top;}
.form-checkbox, .form-radio {border:none;}
.text-required {color:#7BA045; font-weight:bold; line-height:16px; vertical-align:top; width:175px;}
.text-dark, .text-medium {vertical-align:top; width:175px;}

/* ----- mspecials module - special copy price ----- */
.copy_price {color:#7ba045; font-weight:bold;}
#content .specialsCode ul {margin:0px; padding:0px 0px 15px 0px;}
#content .specialBook {outline:none; cursor:pointer; background:url(button.png) no-repeat top center; font-size:20px;}
#content .specialBook img {}
#content .specialBook:hover {background:url(button_on.png) no-repeat;}
/* ----------*/

/* ---------- Hi-Res Media Gallery ---------- */
.Hires_GalleryTitle {}
.Hires_ImageName {}
.Hires_Links {}
/* ----------*/

.contact_email_subject_url {display: none;}
a img {border:0; outline:none;}
.clearspace {clear:both;}

/*Date Picker Styles*/
.ui-datepicker-trigger {cursor:pointer; height:22px; left:113px; position:absolute; top:-2px; width:26px;}
.ui-datepicker {font-size:10px; z-index:9999999;}
#ui-datepicker-div {font-size: 10px; z-index:9999999; display:none;}
div.ui-dialog {font-size:11px;}
/*End Date Picker Styles*/

/* ---------- MENU ---------- */
.menuPicMain {border-style:solid; border-color:#311D04 #5F4B32 #5F4B32 #311D04; border-width:1px;}
.menupopup h1 {margin:0 0 20px 0; padding:0; color:#311D04; font-size:22px;}
.menupopup div {color:#4c4c4c; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
.menupopup td.desc {padding:20px 10px; /*background-color:#fff; border:1px solid #6B9157;*/ font-size:12px; font-family:Arial, Helvetica, sans-serif;}
table.menuTable {width:547px;}
.menuback a:link {font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:none; font-size:11px; color:#7d7665;}
.menuback a:hover {color:#2D2620;}
#content table td a.menu {display:block; color:#7d7665; text-decoration:none; font-size:12px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:none;}
#content table td a.menu:hover {color:#f5f1e7; text-decoration:none;}
#menuBox, #menus {font-family:Verdana, Arial, Helvetica, sans-serif; color:#4C4C4C; text-align:center;}
#menuBox {font-weight:bold;}
a.menuPDF{display:block; height:13px; width:55px; padding:1px; background-image:url(pdficon1.gif); background-position:top left; background-repeat:no-repeat; text-decoration:none;}	
a.menuPDF:hover{background-image:url(pdficon2.gif); background-position:top left; background-repeat:no-repeat; text-decoration:none;}
.ajaxload {position:absolute; display:none; top:250px; left:285px;}
.ajaxload2 {display:none; position:absolute; top:200px; left:250px;}
/* ----------*/
