body { background: #fff url(/images/bkgd_page.gif) 0 0 repeat-x; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #3e3f40; padding: 0; margin: 0; }

/* resets */
html { margin: 0; padding: 0; }
img, a img { border: none; margin: 0; }
form { margin: 0; padding: 0; border: none; }
table, tr, th, td { border-collapse: collapse; }
h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd { margin: 0; padding: 0; font-size: 14px; line-height: 20px; }
ul, li { list-style: none; }

a { outline: none; text-decoration: none; color: #8aa31a; }
a:hover { color: #f36300; }

/* using <br class="clearing" /> to clear floats */
.clearing { clear: both; margin: 0; padding: 0; font-size: 1px; line-height: 0px; height: 0; }

#container { margin: 0 auto 0 auto; padding: 0; width: 960px; background: none; text-align: left; position: relative; }

#header { width: 960px; height: 188px; position: relative; }
#logo { position: absolute; top: 0; left: 0; }
#header ul { position: absolute; top: 0; right: 12px; }
#header li { float: left; display: inline; }
#header li a { display: block; height: 26px; overflow: hidden; text-indent: -9999px; }
#header li a:hover { background-position: 0 -52px; }
#utilRates a { width: 81px; background: url(/images/util_rates.gif) 0 0 no-repeat; }
#utilBook a { width: 98px; background: url(/images/util_book.gif) 0 0 no-repeat; }
#utilContact a { width: 77px; background: url(/images/util_contact.gif) 0 0 no-repeat; }

.experience #navExperience a, .accommodations #navAccommodations a, .spa #navSpa a, .specials #navSpecials a, .reviews #navReviews a, .palm #navPalm a, .gallery #navGallery a, .packages #navPackages a { background-position: 0 -19px; }

.subFriends #content #subFriends, .subExp #content #subExperience, .subAccom #content #subAccom, .subRates #content #subRates, .subAmen #content #subAmen, .subServ #content #subServ, .subSpa #content #subSpa, .subMassage #content #subMassage, .subBody #content #subBody, .subFacials #content #subFacials, .subPrix #content #subPrix, .subSpecials #content #subSpecials, .subPackages #content #subPackages, .subEvents #content #subEvents, .subPalm #content #subPalm, .subActivities #content #subActivities { color: #f36300; }

#splashImg { margin: 0 0 24px 0; width: 960px; height: 180px; }
#splashImg img { display: inline; float: left; margin: 0; }

#sectNav { width: 200px; float: left; display: inline; margin: 0 30px 0 0; }
#sectNav ul { }
#sectNav li { border-bottom: 1px solid #bdbcb8; padding: 5px 0 4px 0; }
#sectNav li a { display: block; width: 165px; height: 19px; overflow: hidden; text-indent: -9999px; }
#sectNav li a:hover { background-position: 0 -38px; }
#sectNav li#navExperience { padding-top: 0; }
#sectNav li#navGallery { border: 0; padding-bottom: 0; }
#navExperience a { background: url(/images/nav_experience.gif) 0 0 no-repeat; }
#navAccommodations a { background: url(/images/nav_accommodations.gif) 0 0 no-repeat; }
#navSpa a { background: url(/images/nav_spa.gif) 0 0 no-repeat; }
#navSpecials a { background: url(/images/nav_specials.gif) 0 0 no-repeat; }
#navPackages a { background: url(/images/nav_packages.gif) 0 0 no-repeat; }
#navReviews a { background: url(/images/nav_reviews.gif) 0 0 no-repeat; }
#navPalm a { background: url(/images/nav_palmsprings.gif) 0 0 no-repeat; }
#navGallery a { background: url(/images/nav_gallery.gif) 0 0 no-repeat; }

#content { width: 482px; float: left; display: inline; margin: 0 12px 0 0; }
.blue { color: #39a0db; }
.orange { color: #f36300; }
.green { color: #8aa31a; }
.red { color: #f30000; }
.lavender { color: #7288c1; }
h1 { font-size: 30px; line-height: 32px; font-weight: normal; color: #a1a09a; margin: -4px 0 10px 0; }
h2 { font-size: 20px; line-height: 24px; font-weight: normal; margin: 0 0 10px 0; }
#content h2 span.small { font-size: 14px; color: #3e3f40; }
#content p a { color: #8aa31a; text-decoration: underline; }
#content p a:hover { color: #f36300; }
p#subnav { margin: 0 0 18px 0; color: #a1a09a; }
#content p#subnav a { color: #3e3f40; text-decoration: none; }
#content p#subnav a:hover { color: #f36300; }
#content p { margin: 0 0 16px 0; }
#content p.preList { margin: 0; }
#content p.txtAlignRt { text-align: right; }
#content p.smallTxt, #content ul.smallTxt li { font-size: 12px; line-height: 18px; }
#content ul { margin: 0 0 16px 0; }
#content li { background: url(/images/bul_text.gif) 0 7px no-repeat; margin: 0; padding: 0 0 0 10px; }
#content p.toTop { font-size: 12px; }
#content p.toTop a { color: #f36300; padding: 0 0 0 13px; background: url(/images/bkgd_totop.gif) 0 4px no-repeat; }
#content p.toTop a:hover { color: #8aa31a; background-position: 0 -16px; }
#content p img.floatLeft { float: left; margin: 3px 12px 0 0; }
#content p.review { padding-bottom: 12px; border-bottom: 1px solid #c7c7c5; }

#content ul.dottedList li { padding: 2px 0 2px 0; background: url(/images/bkgd_dotted.gif) bottom left repeat-x; }

#content .massageList { width: 217px; float: left; display: inline; }
#content .massageList.wide { width: 430px; }
#content .massageList ul { margin: 0; padding: 0; }
#content .massageList ul li { background: none; padding: 0; margin: 0; }
#content .massageList ul li a { color: #7288c1; }
#content .massageList ul li a:hover { color: #f36300; }
#content .massageList ul li a img { margin: 0 0 0 5px; }

hr { color: #ccc; background-color: #ccc; text-align: center; width: 100%; height: 1px; border: none; margin: 0; padding: 0; }
.hr { padding: 0; margin: 10px 0 16px 0; }
.hr12 { padding: 0; margin: 10px 0 12px 0; }

table { width: 100%; margin: 0 0 12px 0; }
table th { font-weight: bold; text-align: center; vertical-align: bottom; font-size: 14px; line-height: 14px; padding: 0 8px 8px 8px; background: #fff; border-bottom: 1px solid #c7c7c5; }
table tr th.firstCol, table tr td.firstCol { text-align: left; }
table td { text-align: center; vertical-align: top; font-size: 14px; line-height: 14px; padding: 8px 8px 8px 8px; }
/* table tr th.lastCol, table tr td.lastCol { padding-right: 0; } */
table tr.altColor td { background-color: #e5f0f8; }
table td.rateCol { font-weight: bold; color: #f36300; }
table td.rateCol del, table td.rateCol s { font-weight: normal; color: #3e3f40;}

table.regRates th.firstCol { font-size: 18px; }

table.rewardCerts td { text-align: left; vertical-align: top; background: url(/images/bkgd_dotted.gif) bottom left repeat-x; padding: 8px 8px 8px 0; line-height: 18px; }
table.rewardCerts td.certNum { width: 142px; }
table.rewardCerts tr.altColor td { background-color: #fff; }

/* home page styles */
.home #content h1 { color: #39a0db; }
.home #content p { font-size: 16px; line-height: 22px; margin: 0 0 14px 0; }
.home #content .badges { width: 482px; height: 126px; padding: 0; margin: 0 0 24px 0; background: #f1f1f0; position: relative; }
.badges .badgeCol { position: absolute; top: 8px; }
.badges .badgeCol.first { width: 152px; height: 108px; left: 0; top: -2px; }
.badges .badgeCol.middle { width: 195px; left: 169px; }
.badges .badgeCol.right { width: 102px; left: 373px; }
.home #splashImg { height: 240px; }
.home #splashImg .homeCycle { display: none; }
#sidebar #homeBook { width: 236px; height: 168px; background: url(/images/bkgd_home_booking.jpg) 0 0 no-repeat; padding:1px 0 0 0; border: none; margin: 0; }

/* gallery page styles */
.gallery #content { width: 730px; margin: 0; }
.gallery #content .galleryGrid { margin: 0 0 16px 0; }
.gallery #content .galleryGrid img { margin: 0 2px 2px 0; float: left; display: inline; }

a#btnReady { width: 236px; height: 43px; display: block; margin: 0 0 6px 0; padding: 0; background: url(/images/btn_ready.gif) 0 0 no-repeat; text-indent: -9999px; zoom: 1; }
a#btnReady:hover { background-position: 0 -43px; }

a#btnSpa { width: 236px; height: 43px; display: block; margin: 0 0 6px 0; padding: 0; background: url(/images/btn_spa.gif) 0 0 no-repeat; text-indent: -9999px;  zoom: 1; }
a#btnSpa:hover { background-position: 0 -43px; }

a#btnPackages { width: 236px; height: 43px; display: block; margin: 0 0 6px 0; padding: 0; background: url(/images/btn_packages.gif) 0 0 no-repeat; text-indent: -9999px;  zoom: 1; }
a#btnPackages:hover { background-position: 0 -43px; }

a#btnSpecials { width: 236px; height: 54px; display: block; margin: 0 0 6px 0; padding: 0; background: url(/images/btn_specials.gif) 0 0 no-repeat; text-indent: -9999px; zoom: 1; }
a#btnSpecials:hover { background-position: 0 -54px; }

a#btnRewards { width: 236px; height: 54px; display: block; margin: 0 0 6px 0 !important; padding: 0; background: url(/images/btn_rewards.gif) 0 0 no-repeat; text-indent: -9999px; zoom: 1; }
a#btnRewards:hover { background-position: 0 -54px; }

/* contact page */
#content #contactForm { margin: 0 0 16px 0; width: 370px; }
#content #contactForm h2 { border-top: 1px solid #c7c7c5; padding: 10px 0 0 0; }
#content #contactForm table { margin: 0 0 16px 0; width: 370px; }
#content #contactForm td { padding: 0; }
#content #contactForm td.label { width: 50px; padding: 0 10px 10px 0; text-align: left; vertical-align: middle; }
#content #contactForm td.labelTxtArea { width: 50px; padding: 0 10px 10px 0; text-align: left; vertical-align: top; }
#content #contactForm label { font-size: 14px; line-height: 14px; }
#content #contactForm td.input { width: 310px; padding: 0 0 10px 0; text-align: left; vertical-align: middle; }
#content #contactForm tr.altColor td { background: #fff; }
#content input.txtInput { width: 306px; height: 30px; background: url(/images/bkgd_textinput.gif) 0 0 no-repeat; border: none; margin: 0 0 4px 0; padding: 0 0 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; color: #3e3f40; }
#content #contactForm textarea { width: 306px; height: 128px; padding: 2px 0 0 4px; font-size: 14px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; border: none; background: none; color: #3e3f40; overflow: auto; }
#content #contactForm .txtAreaWrap { width: 310px; background: url(/images/bkgd_textarea.gif) 0 0 no-repeat; }
#content #contactForm #contactSubmit { margin: 10px 0 0 0; }
.contact iframe { margin: 0 0 10px 0; padding: 0; border: 1px solid #cdc5b4; }

/* form validation error styles */
label.error { color: #f30000; display: block; }
input.txtInput.error { background: url(/images/bkgd_textinput_error.gif) 0 0 no-repeat; }

#thankyouModal { text-align: left; padding: 10px 10px 0 10px; width: 285px; }
#thankyouModal p { margin: 0 0 10px 0; }

#sidebar { width: 236px; float: left; display: inline; margin: 0; }
.experience #sidebar, .accommodations #sidebar, .spa #sidebar, .specials #sidebar, .palm #sidebar, .reviews #sidebar { margin-top: 76px; }
#sidebar img { margin: 0 0 4px 0; }
.quote { width: 236px; margin: 0 0 6px 0; padding: 16px 0 16px 0; background: #aeafaa url(/images/bkgd_quote.gif) bottom left repeat-x;  }
.quote p { color: #fff; padding: 0 10px 4px 18px; font-size: 16px; line-height: 20px; text-indent: -4px; }
.quote p.attribution { color: #fff; font-size: 12px; line-height: 16px; text-indent: 0; }
#sidebar .badgeHolder { background: #f3f8f1; padding: 27px 0 0 32px; width: 204px; height: 164px; }

#sidebar img.palmSideTop { margin: 0 0 -5px 0 !important; padding: 0; }
#sidebar img.palmSideBtm { margin: -3px 0 0 0 !important; padding: 0; }
#sidebar .palmInfo { background: #fafaf7 url(/images/bkgd_palminfo.gif) 0 0 repeat-y; margin: 0 0 -1px 0; padding: 0 13px 1px 13px; width: 210px; }
#sidebar .palmInfo p { font-size: 12px; line-height: 16px; margin: 0 0 10px 0; padding: 0; }
#sidebar .palmInfo h3 { font-weight: normal; color: #7288c1; margin: 0; padding: 8px 0 0 0; border-top: 2px solid #e6e3da;}

#footer { width: 960px; margin: 25px 0 50px 0; }
#footer p { font-size: 12px; margin: 0 0 0 230px; color: #7a7c7e; }

/* form on Home and Rates pages */
#sidebar #homeBook table { margin: 39px 0 0 14px; width: auto; }
#sidebar #homeBook table, #sidebar #homeBook tr, #sidebar #homeBook td { border-collapse: collapse; text-align: left; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #3e3f40; vertical-align: top; }
#sidebar #homeBook td { padding: 0 10px 0 0; width: auto; background: none; }
#sidebar #homeBook td.resHead { padding: 12px 0 3px 0; }
#sidebar #homeBook td.yearInput { padding-right: 5px; }
#sidebar #homeBook td.showCal { padding: 0 20px 12px 0; }
#sidebar #homeBook td.resSubmit { padding: 10px 0 0 0; text-align: left; }
#sidebar #homeBook tr.altColor td { background: none; }



/* **************** */
/* book online pages */
#checkAvail { width: 481px; height: 87px; background: url(/images/bkgd_checkavail.gif) 0 0 no-repeat; margin: 0 0 20px 0; padding: 20px 0 0 0; }
#content #checkAvail table { margin: 0 0 0 40px; width: auto; }
#content #checkAvail table, #content #checkAvail tr, #content #checkAvail td { border-collapse: collapse; text-align: left; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #3e3f40; vertical-align: top; }
#content #checkAvail td { padding: 0 10px 0 0; width: auto; }
#content #checkAvail td.resHead { padding: 12px 0 3px 0; }
#content #checkAvail td.yearInput { padding-right: 5px; }
#content #checkAvail td.showCal { padding: 0 20px 12px 0; }
#content #checkAvail td.resSubmit { padding: 0 5px 0 0; text-align: right; }
#content #checkAvail tr.altColor td { background: none; }


.availSearchInfo { margin: 0 0 20px 0; }
.availSearchInfo td.leftCol { width: 108px; text-align: left; vertical-align: top; }

.roomInfo { border-top: 2px solid #c7c7c5; padding: 6px 0 0 0; margin: 0 0 36px 0; }
.roomInfo h2 { color: #f36300; margin: 0 0 8px 0; }
.roomImg { width: 102px; float: left; display: inline; margin: 0 5px 13px 0; }
.roomImg img { margin: 0 0 1px 0; }
#content .descrip p { float: left; display: inline; font-size: 14px; line-height: 20px; margin: -2px 0 13px 0; width: 375px; letter-spacing: -0.015em; }
#content .descrip .roomImg p { font-size: 12px; line-height: 12px; margin: 0; width: auto; letter-spacing: 0; }
#content .descrip .roomImg p a { text-decoration: none; color: #3e3f40; }
#content .descrip .roomImg p a:hover { color: #f36300; }
.roomInfo table { width: 100%;}
.roomInfo table td { padding: 0; }
.roomInfo table tr.roomDays td { vertical-align: bottom; text-align: left; padding: 5px 0 0 0; border-top: 1px solid #c7c7c5; border-bottom: 1px solid #c7c7c5; width: 45px; }
.roomInfo table tr.roomDays td.roomSelect { text-align: right; width: auto; padding: 5px 0 4px 0; }
.notes { border-top: 1px solid #c7c7c5; padding: 6px 0 0 0; }
.chargeDetail { border-top: 2px solid #c7c7c5; padding: 6px 0 0 0; margin: 0 0 12px 0; }
.chargeDetail table { width: 100%; margin: 0 0 16px 0; }
.chargeDetail table th { padding: 3px 16px 3px 10px; }
.chargeDetail table td { background: #e5f0f8; padding: 3px 16px 3px 10px; }
.chargeDetail table td.alignRt, .chargeDetail table th.alignRt { text-align: right; padding: 3px 10px 3px 16px; }
.chargeDetail table tr.alt td { background: none; }
#makeReservation { margin: 0 0 16px 0; }
#makeReservation h2 { border-top: 2px solid #c7c7c5; padding: 6px 0 0 0; }
#makeReservation table { margin: 0 0 16px 0; }
#makeReservation td { padding: 0; }
#makeReservation td.label { width: 162px; padding: 0 10px 10px 0; text-align: right; vertical-align: middle; }
#makeReservation td.labelTxtArea { width: 162px; padding: 0 10px 10px 0; text-align: right; vertical-align: top; }
#makeReservation label { font-size: 14px; line-height: 14px; }
#makeReservation td.input { width: 310px; text-align: left; vertical-align: middle; }
input.txtInput { width: 306px; height: 30px; background: url(/images/bkgd_textinput.gif) 0 0 no-repeat; border: none; margin: 0 0 10px 0; padding: 0 0 0 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; color: #3e3f40; }
#makeReservation select { width: 310px; margin: 6px 0 12px 0; font-size: 14px; line-height: 14px; padding: 1px 0 1px 2px; font-family: Arial, Helvetica, sans-serif; color: #3e3f40; }
#makeReservation textarea { width: 306px; height: 128px; padding: 2px 0 0 4px; font-size: 14px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; border: none; background: none; color: #3e3f40; overflow: auto; }
#makeReservation .txtAreaWrap { width: 310px; height: 130px; background: url(/images/bkgd_textarea.gif) 0 0 no-repeat; }
#makeReservation select#month, #makeReservation select#year { display: inline; width: 83px; margin: 0 10px 10px 0; }
#makeReservation td.verisign { vertical-align: middle; text-align: left; padding-top: 20px; }
#makeReservation td.formSubmit { vertical-align: middle; text-align: right; padding-top: 20px; }
#content p.important { padding: 0 0 0 32px; background: url(/images/bkgd_important.gif) 0 3px no-repeat; margin: 0 0 32px 0; }
#content p.resNum { border-top: 1px solid #c7c7c5; border-bottom: 1px solid #c7c7c5; padding: 6px 0 6px 0; margin: 0 0 16px 0; }