body { border: 0; margin: 0; font: normal 62.5%/1.666 Arial, Helvetica, sans-serif; background-color: #fff!important; background-image: none!important; }

div.clear { clear: both; margin: 0; padding: 0; height: 0; line-height: 0; font-size: 0; }
div.left { float: left;	}
div.right { float: right; }

h1 {font-size:28px; color:#004e43; font-variant:normal; font-style:normal; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;padding: 0px;margin: 0px;}
h1.fancy {margin:0 0 12px; padding:0;}
h2 {padding:0px 0px 0px 0px;margin: 0px 0 20px 0;font-size:1.3em; line-height:1.3em; text-align:left; font-weight:bold; color:#004e43;}

div.availability-calendar-container { display: block; margin: 0; padding: 0; width: 877px; height: 620px; overflow: hidden;}
div.availability-calendar-container div.header { display: block; margin: 0; padding: 0; width: 877px; height: 35px;  }

div.menu-and-calendar-container { display: block; margin: 0; padding: 0; width: 877px; height: 585px; background: url(../images/plan-my-vacation/preview-availability4/background.gif) left top no-repeat; }
div.menu-and-calendar-container div.menu-container { display: block; margin: 0; padding: 0; width: 224px; height: 585px; overflow: hidden; }

div.menu-container ul.menu { display: block; margin: 22px 0 0; padding: 0; list-style: none; }
div.menu-container ul.menu li { display: block; margin: 0; padding: 0; width: 224px; height: 27px; }

div.menu-container ul.menu li.title span { display: block; margin: 0 0 0 18px; padding: 0; width: 206px; height: 27px; text-indent: -9999px; overflow: hidden; }
div.menu-container ul.menu li.title span.our-hotels { background: url(../images/plan-my-vacation/preview-availability4/menu/our-hotels.gif) left 12px no-repeat; }
div.menu-container ul.menu li.our-courses { margin-top: 5px!important; }
div.menu-container ul.menu li.title span.our-courses { background: url(../images/plan-my-vacation/preview-availability4/menu/our-courses.gif) left 12px no-repeat; }

div.menu-container ul.menu li.link span { display: block; margin: 0; padding: 0; width: 224px; height: 27px; text-indent: -9999px; }
div.menu-container ul.menu li.the-lodge-at-pebble-beach span { background: url(../images/plan-my-vacation/preview-availability4/menu/the-lodge-at-pebble-beach.gif) left top no-repeat; }
div.menu-container ul.menu li.the-inn-at-spanish-bay span { background: url(../images/plan-my-vacation/preview-availability4/menu/the-inn-at-spanish-bay.gif) left top no-repeat; }
div.menu-container ul.menu li.casa-palmero span { background: url(../images/plan-my-vacation/preview-availability4/menu/casa-palmero.gif) left top no-repeat; }
div.menu-container ul.menu li.pebble-beach-golf-links span { background: url(../images/plan-my-vacation/preview-availability4/menu/pebble-beach-golf-links.gif) left top no-repeat; }
div.menu-container ul.menu li.spyglass-hill-golf-course span { background: url(../images/plan-my-vacation/preview-availability4/menu/spyglass-hill-golf-course.gif) left top no-repeat; }
div.menu-container ul.menu li.the-links-at-spanish-bay span { background: url(../images/plan-my-vacation/preview-availability4/menu/the-links-at-spanish-bay.gif) left top no-repeat; }
div.menu-container ul.menu li.del-monte-golf-course span { background: url(../images/plan-my-vacation/preview-availability4/menu/del-monte-golf-course.gif) left top no-repeat; }
div.menu-container ul.menu li.link span:hover, div.menu-container ul.menu li.active span { background-position: 0 -27px; }

div.menu-container div.separator { display: block; margin: 20px 0; padding: 0; width: 216px; height: 3px; background: url(../images/plan-my-vacation/preview-availability4/menu/separator.gif) center top no-repeat; }
div.menu-container ul.legend { display: block; margin: 0 0 0 18px; padding: 0; list-style: none; text-align: left; }
div.menu-container ul.legend li { display: block; margin: 0; padding: 0; }
div.menu-container ul.legend li.title { display: block; margin: 0; padding: 0; }
div.menu-container ul.legend li.title span { display: block; margin: 0 0 13px 0; padding: 0; width: 57px; height: 11px; text-indent: -9999px; background: url(../images/plan-my-vacation/preview-availability4/menu/legend.gif) left top no-repeat;  }
div.menu-container ul.legend li.key { display: block; margin: 0 0 9px 0; padding: 0 0 0 34px; height: 28px; font: 1.2em Arial; color: #fff; line-height: 28px; }
div.menu-container ul.legend li.availability { background: url(../images/plan-my-vacation/preview-availability4/menu/availability.gif) left top no-repeat; }
div.menu-container ul.legend li.limited-availability { background: url(../images/plan-my-vacation/preview-availability4/menu/limited-availability.gif) left top no-repeat; }
div.menu-container ul.legend li.no-availability { background: url(../images/plan-my-vacation/preview-availability4/menu/no-availability.gif) left top no-repeat; }


div.calendars-container { display: block; margin: 0; padding: 0; width: 653px; height: 585px; }
div#panes { display: block; margin: 0; padding: 0; width: 653px; height: 585px; position: relative; overflow: hidden;}
/*div#calendars { display: block; margin: 0; padding: 0; width: 653px; height: 558px; }*/
div#panes div.panes-holder {position: absolute;}
div#panes div.panes-holder div.pane { position: absolute; left: -653px; top: 0; width: 652px; height: 583px; overflow: hidden; border: solid 1px #ccc; border-width: 1px 1px 1px 0; background-color: #e6f5f3;}

div.pane div.title { display: block; margin: 0; padding: 0; width: 653px; height: 66px; overflow: hidden; }
div.pane div.title span { display: block; margin: 20px 0 0 23px; padding: 0; font: bold 1.2em Arial; color: #343434; text-align: left; }
div.pane div.calendars-wrapper { display: block; position: relative; margin: 0 auto; padding: 0; width: 610px; height: 311px; overflow: hidden;}
div.pane div.calendars-wrapper table { border-collapse: collapse; border: 0; margin: 0; padding: 0; border-spacing: 0px; border-width: 0; }
div.pane div.calendars-wrapper table tr { border-collapse: collapse; border: 0; margin: 0; padding: 0; border-spacing: 0px; border-width: 0; }
div.pane div.calendars-wrapper table tr td { border-collapse: collapse; border: 0; margin: 0; padding: 0; border-spacing: 0px; border-width: 0; vertical-align: top!important; }
div.pane div.calendars-wrapper table tr td.calendar { width: 295px; height: 287px; }
div.pane div.calendars-wrapper table tr td.separator { width: 20px; }
div.pane div.calendars-wrapper div.month-year { display: block; margin: 0; padding: 0; width: 295px; height: 24px; text-align: center; font: bold 1.2em Arial; color: #004e43; }
div.pane div.calendars-wrapper div.calendar { border: none!important; }
div.pane div.calendars-wrapper div.calendar { display: block; margin: 0; padding: 0; width: 295px; height: 287px; background: url(../images/plan-my-vacation/preview-availability4/calendar-background.gif) left top no-repeat; overflow: hidden; }
div.pane div.calendars-wrapper div.calendar div.weekdays { display: block; margin: 3px 0 0 4px; padding: 0; width: 287px; height: 34px; }
div.pane div.calendars-wrapper div.calendar div.weekday { display: block; float: left; margin: 0 1px 0 0; padding: 9px 0 0; width: 40px; height: 25px; text-align: center; font: bold 1.0em Arial; color: #13191f; text-transform: uppercase; } 
div.pane div.calendars-wrapper div.calendar div.dates { display: block; margin: 0 0 1px 4px; padding: 0; width: 287px; height: 40px; }
div.pane div.calendars-wrapper div.calendar div.date { display: block; float: left; margin: 0 1px 0 0; padding: 0; width: 40px; height: 40px; text-align: center; font: 1.4em Arial; } 
div.pane div.calendars-wrapper div.calendar div.date span { display: block; margin: 0; padding: 0; line-height: 34px; color: #fff; border: 3px solid #5c8e87; background-color: #5c8e87; }
div.pane div.calendars-wrapper div.calendar div.yesterday span { color: #7a7b7c!important; border: 3px solid #dadada!important; background-color: #dadada!important; }
div.pane div.calendars-wrapper div.calendar div.not-available span { color: #7a7b7c!important; border: 3px solid #dadada!important; background-color: #dadada!important; }
div.pane div.calendars-wrapper div.calendar div.unlimited span { }
div.pane div.calendars-wrapper div.calendar div.limited span { border: 3px solid transparent!important; background: url(../images/plan-my-vacation/preview-availability4/limited-availability.gif) center no-repeat; }
div.pane div.calendars-wrapper div.calendar div.today span { border: 3px solid #2b6c63!important; }

div.pane div.calendars-wrapper a.previous, div.pane div.calendars-wrapper a.next { display: block; margin: 0; padding: 0; width: 13px; height: 16px; text-indent: -9999px; overflow: hidden; }
div.pane div.calendars-wrapper a.previous { position: absolute; z-index: 1; top: 0px; left: 0px; background: url(../images/plan-my-vacation/preview-availability4/previous.png) left top no-repeat; }
div.pane div.calendars-wrapper a.next { position: absolute; z-index: 1; top: 0px; right: 0px; background: url(../images/plan-my-vacation/preview-availability4/next.png) left top no-repeat; }

div.pane div.more-information { display: block; margin: 0 auto; padding: 0; width: 610px; }
div.pane table.more-information { border-collapse: collapse; border: 0; margin: 0; padding: 0; border-spacing: 0px; border-width: 0; }
div.pane table.more-information tr { border-collapse: collapse; border: 0; margin: 0; padding: 0; border-spacing: 0px; border-width: 0; }
div.pane table.more-information tr td { border-collapse: collapse; border: 0; margin: 0; padding: 0; border-spacing: 0px; border-width: 0; vertical-align: top!important; }
div.pane table.more-information tr td.separator { width: 20px; }

/*
div.pane table.more-information tr td.more-information span.title { display: block; margin: 18px 0 21px; padding: 0; width: 295px; height: 11px; text-indent: -9999px; background: url(../images/plan-my-vacation/preview-availability4/more-information.gif) 3px top no-repeat; }
div.pane table.more-information tr td.more-information div.logo { display: block; float: left; margin: 0; padding: 0; width: 147px; }
div.pane table.more-information tr td.more-information ul { display: block; float: left; margin: 0; padding: 0; width: 145px; list-style: none; }
div.pane table.more-information tr td.more-information ul li { display: block; margin: 0 0 6px 0; padding: 0 0 0 13px; background: url(../images/plan-my-vacation/preview-availability4/more-information-bullet.png) left 4px no-repeat; }
div.pane table.more-information tr td.more-information ul li a { font: 1.2em Arial; color: #944e2e; }
div.pane table.more-information tr td.more-information ul li a:link, div.pane div.calendars-wrapper table tr td.more-information ul li a:visited { }
div.pane table.more-information tr td.more-information ul li a:active, div.pane div.calendars-wrapper table tr td.more-information ul li a:hover { text-decoration: none; }
*/
div.pane table.more-information tr td.more-information { width: 147px;}
div.pane table.more-information tr td.more-information div.logo { display: block; float: left; margin: 18px 0 0; padding: 0; width: 147px; }

div.pane table.more-information tr td.how-to-book { width: 474px; }
div.pane table.more-information tr td.how-to-book span.title { display: block; margin: 18px 0 5px; padding: 0; width: 295px; height: 11px; text-indent: -9999px; background: url(../images/plan-my-vacation/preview-availability4/how-to-book.gif) left no-repeat; }
div.pane table.more-information tr td.how-to-book p { display: block; margin: 0 0 12px 0; padding: 0; font: 1.2em Arial; color: #343434; }
div.pane table.more-information tr td.how-to-book ul { display: block; float: left; margin: 0; padding: 0; width: 450px; list-style: none; }
div.pane table.more-information tr td.how-to-book ul li { display: block; margin: 0 0 6px 0; padding: 0 0 0 13px; background: url(../images/plan-my-vacation/preview-availability4/how-to-book-bullet.png) left 4px no-repeat; }
div.pane table.more-information tr td.how-to-book ul li { font: 1.2em Arial; color: #343434; }

.slides-holder {  position: absolute; overflow: hidden; }
.slides-holder .slide { display: inline; float: left; margin: 0; padding: 0; width: 610px; height: 311px; }