/*
// $Id: wrapper.css,v 1.35 2011/02/23 01:25:24 zachb Exp $
// $Revision: 1.35 $
// $Author: zachb $
//
// $Log: wrapper.css,v $
// Revision 1.35  2011/02/23 01:25:24  zachb
// *** empty log message ***
//
// Revision 1.34  2010/12/02 01:18:44  randyr
// added position:relative to divHero z-index:999 to outerDivTop
//
// Revision 1.33  2010/11/24 04:53:52  daniels
// *** empty log message ***
//
// Revision 1.32  2010/06/01 20:40:29  daniels
// Added new left nav bar image and updating booking widget
//
// Revision 1.31  2010/02/03 23:12:43  matts
// dynamically link map and gallery links on secondary pages
//
// Revision 1.30  2010/02/03 01:00:11  matts
// swapped logos and textures for st lucia, wyoming, dominican
//
// Revision 1.29  2010/02/02 21:02:17  matts
// more styling changes
//
// Revision 1.28  2010/02/02 20:22:36  matts
// Misc. styling issues and bug fixes
//
// Revision 1.27  2010/02/01 18:29:09  mstueve
// Linked logo and z-index fix on weather
//
// Revision 1.26  2010/01/29 20:30:43  mstueve
// Cleaned up weather implementation
//
// Revision 1.25  2010/01/25 22:58:04  karenk
// *** empty log message ***
//
// Revision 1.24  2010/01/12 22:07:41  karenk
// change font size of phone number
//
// Revision 1.23  2010/01/12 22:04:48  karenk
// *** empty log message ***
//
// Revision 1.22  2010/01/11 19:49:36  karenk
// qa tweaks, add cmt phone numbers
//
// Revision 1.21  2010/01/09 23:33:29  karenk
// add get child ages, more debug attempts
//
// Revision 1.20  2010/01/09 19:50:37  karenk
// add left nav snippets
//
// Revision 1.19  2010/01/09 00:10:19  karenk
// start booking widget functionality
//
// Revision 1.18  2010/01/08 17:56:55  karenk
// add press-release module
//
// Revision 1.17  2010/01/02 19:28:32  karenk
// new imgs
//
// Revision 1.16  2009/12/31 19:46:07  karenk
// new imgs
//
// Revision 1.15  2009/12/30 18:13:31  karenk
// lots of wrapper tweaks
//
// Revision 1.14  2009/12/30 04:41:59  karenk
// *** empty log message ***
//
// Revision 1.13  2009/12/29 19:48:10  karenk
// add left nav book now widget
//
// Revision 1.12  2009/12/29 17:57:23  karenk
// *** empty log message ***
//
// Revision 1.11  2009/12/26 18:17:23  karenk
// fix height
//
// Revision 1.10  2009/12/26 18:01:41  karenk
// left nav. footer and flash tweaks
//
// Revision 1.9  2009/12/26 17:23:58  karenk
// left nav and flash tweaks
//
// Revision 1.8  2009/12/24 19:25:51  karenk
// add flash
//
// Revision 1.7  2009/12/24 17:58:57  karenk
// *** empty log message ***
//
// Revision 1.6  2009/12/18 18:12:34  karenk
// wrapper work
//
// Revision 1.5  2009/12/18 01:15:07  karenk
// *** empty log message ***
//
// Revision 1.4  2009/12/18 00:49:44  karenk
// trying to merge changes
//
// Revision 1.3  2009/12/17 23:45:17  mikeg
// Finish up login/authorization.
//
// Revision 1.2  2009/12/12 00:41:43  karenk
// *** empty log message ***
//
// Revision 1.1  2009/12/09 00:56:58  karenk
// *** empty log message ***

*/
body {
	background: #f4f2e9 url(/SiteBase/wrap/theme0/images/top.bar.jpg) repeat-x top left;
 	margin: 0; padding: 0;
}

/* main positioning divs */
#divFlash{
	position: absolute;
	top: 115px;
	left: 0px;
 	background-color: #F7F6F1;
	width: 100%;
	height: 418px;
	margin: 0; padding: 0;
}

#outerDivTop{
	position: relative;
	top: 0px;
	width: 996px;
	z-index: 999;
}
#headerDiv{
	position: relative;
	width: 996px;
	height: 115px;
 	text-align: left;
}
#outerDivBottom{
	position: relative; 
	top: 398px;  /* from bottom of outerDivTop = flash(418) - inset into flash(20) */
	width: 996px;
	background-color: transparent;
}
#outerDivBottomSub{
	position: relative;
	width: 996px;
	top: -20px;
}
#contentDiv {
	position: relative;
	margin: 0;
	padding: 0;
	width: 996px;  
	z-index: 10;
}

#tableContent {
	width: 996px;
}
#tdLeftColumn {
	width: 283px;
	text-align: left;
	border-top: solid 8px #fff;
	border-left: solid 8px #fff;
	background: transparent url(/sitebase/wrap/theme0/images/bodytexture.jpg) repeat-y scroll left top;
}
#tdRightColumnSpacer{
	height: 20px;
	min-height: 20px;
	max-height: 20px;
}
#tdRightColumn{
	border-top: solid 8px #fff;
	border-right: solid 8px #fff;
	width: 705px; /* = bodyDiv.Width(996) - leftColum.width(291) */
	background:transparent url(/sitebase/wrap/theme0/images/bodytexture.jpg) repeat-y scroll right top;
}

#mainContent {
	position: relative;
	text-align: left;
	margin: 10px 10px 10px 20px;	
}
#mainContent .title {
	font-family: Times New Roman;
	font-size: 33px;
	color: #512e14;
	/* font-weight: bold; */
	margin: 5px 0 15px 0;
}

.pressRelease {
	margin: 15px 0 15px 0;
}

.pressRelease .prTitle {
	font-size: 15px;
	color: #49301C;
	font-weight: normal;
	margin: 5px 0 5px 0;
}

#footerDiv {
	clear: both;
	position: relative;
	width: 980px;
	border-right: solid 8px #fff;
	border-left: solid 8px #fff;
	border-bottom: solid 8px #fff;
}

#divHero{
	position:relative;
	width: 996px;
	margin: 0; padding: 0;
	/* z-index: -10; */
	
}
#divHero #divHeroImageContainer {
	position:relative;
	z-index: -10;
}

#divHero #heroOver {
    /* background:url(/sitebase/wrap/theme0/images/over.hero.jpg) no-repeat; */
    background:url(/sitebase/wrap/theme0/images/brownbox.jpg) no-repeat;
    width: 420px;
    height:124px;
    position:absolute;
    top: -15px;
    right: 20px;
    
}
#divHero #heroOver #galleryContainer {
	position:absolute;
	left: 12px;
	bottom: 12px;
	width: 400px;
	z-index:1002;
}
#divHero #heroOver .viewGallery {
	background:url(/sitebase/wrap/theme0/images/btn.viewgallery.gif);
	width:121px;
	height:13px;
	float:left;
	/*
	position:absolute;
	left: 12px;
	bottom: 12px;
	*/
}
#divHero #heroOver .viewMap {
	background:url(/sitebase/wrap/theme0/images/btn.viewmap.gif);
	width:88px;
	height:13px;
	float:left;
	/*
	position:absolute;
	left: 133px;
	bottom: 12px;
	*/
}
#divHero #heroOver img { border:0px; }
#divHero #heroOver table {
    align: left;
    width:100%;
}
#divHero #heroOver table tr td {
    height: 100px;
    padding-left:15px;
    text-align:left;
}
#divHero #heroOver h2 {
    color:#fff;
    font-family:Times New Roman;
    font-size:33px;
    /*
    margin-left:15px;
    margin-top:25px;
    */
    margin:0px;
    text-align:left;
    font-weight:normal;
}

/* header elements */
#imgHeaderLogo {
	position: absolute;
	top: 20px;
	left: 0px;
}
#imgHeaderLogoSub {
	position: absolute;
	top: 0px;
	left: 0px;
}
#phoneNumber {
	position: absolute;
	top: 14px;
	right: 0px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
}
#divOwnerLogin {
	position: absolute;
	top: 30px;
	right: 0px;
	text-align: left;
}
#divOwnerLogin input {
}

#divTopNav {
	position: absolute;
	top: 59px;
	left: 0px;
	width: 745px;
	height: 32px;
}



/* left column elements */
#leftNavTabs {
	position: relative;
	width: 283px;
	margin: 0;
	padding: 0;
}
#bookNow {
	position: relative;
}
#bookNow select {
	width:  230px;
	line-height: 20px;
	font-size: 10px;
	font-family: Arial;
	color: #7F5C1F;
}
#bookNow .dateDiv {
	margin: 5px 0 0 0;
}
#bookNow .dateDiv input {
	width: 80px;
	font-size: 11px;
	font-family: Arial;
	color: #7F5C1F;
}
#bookNow .dateDiv img {
	vertical-align: middle;
	padding: 0 10px 0 5px;
}
#bookNow .count {
	margin: 5px 25px 0 0;
}
#bookNow .submit {
	margin: 20px 0 0 25px;
}
#bookNow .count input {
	width: 25px;
	font-size: 11px;
	font-family: Arial;
	color: #7F5C1F;
}
#bookNow #divChildAges {
	position: absolute;
	bottom: 2px;	
	right: 15px;
	border: solid 3px #3A5566;
	padding: 5px 5px 5px 5px;
	background-color: #fff;
	width: 150px;
	display: none;
	z-index: 20;
}
#bookNow #divChildAges select {
	width: 50px;
}

.ui-datepicker {
	z-index: 1000; 
}
.leftTabOpen {
	background: transparent url(/SiteBase/wrap/theme0/images/LeftNavTab.Open.png) no-repeat top left;
}

.leftTabSquare {
	background: transparent url(/SiteBase/wrap/theme0/images/LeftNavTab.Square.png) no-repeat top left;
}

.leftTabClosed {
	background: transparent url(/SiteBase/wrap/theme0/images/LeftNavTab.Closed.png) no-repeat top left;}
.leftTab {
	position: relative;
	width: 283px;
	height: 40px;
 	behavior: url(/SiteBase/wrap/common/js/iepngfix.htc);
 	cursor: pointer;
}

.divOpenTab {
	/* width: 268px;
	background-color: #F7E8C9; */
	background: #F7E8C9 url(/sitebase/wrap/theme0/images/bg.booknow.jpg) bottom right no-repeat;
    width:270px !important;
}
#divBookNow {
    
}
#divLocations {	display: none; }
#divWebSpecials { display: none; }
#divWhy { display: none; }
.divTabContent {
	padding: 5px 10px 10px 10px;
}
#divFeaturedProperty {
	position: relative;
	width: 268px;
}

#divFeaturedProperty .featuredPropertyBox {
	display:none;
}
#divFeaturedProperty .fp-title{
	width: 268px;
	background-color: #71563B;
	height: 20px;
	font-family: Arial;
	font-size: 13px;
	color: #fff;
}
#divFeaturedProperty .fp-title a {
	color: #fff;
	text-decoration: none;
}
#divFeaturedProperty .featuredPropertyBox img {
	width: 268px;
	height: 222px;
	border: none;
}
#divFeaturedProperty .fp-description {
	position: absolute;
	top: 180px;
	left: 0px;
	width: 268px;
	background-color: #2d2b2b ;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;	
	font: arial;
	color: #fff;
}
#divFeaturedProperty .fp-description a {
	color: #fff;
}
#divFeaturedProperty .innerDesc {
	margin: 3px 8px 5px 10px;
}
#divFeaturedPropertyList .featuredPropertyBox {
	margin: 10px 0 20px 0;
}

/* right column elements */



/* footer elements */
.footerSection {
	position: relative;
	float: left;
}
.footerBarTitle {
	background-color: #3F6481;
	height: 19px;
}
.footerBarTitleLocation {
	background-color: #71563B;
	height: 19px;
}

.footerContent {
	position: relative;
	margin: 10px 10px 10px 10px;
	font-family: Arial;
	font-size: 11px;
	color: #B88D6A;
}
.footerContent a {
	color: #826D5A;
	text-decoration: none;
}
.footerContent input {
	width: 95x;
	font-size: 11px;
	font-family: Arial;
	color: #7F5C1F;
	margin: 2px 0 2px 0;
}

.bottomDiv {
	position: relative;
	background: transparent url(/SiteBase/wrap/theme0/images/bottom.bar.jpg) repeat-x top left;
 	margin: 0; padding: 0;
 	width: 996px;
 	height: 46px;
}
#bottomDiv-legendary-lodging {
	background: transparent url(/SiteBase/wrap/theme0/images/bottom.bar.legendary-lodging.jpg) repeat-x top left;
}
#bottomDiv-beaver-creek {
	background: transparent url(/SiteBase/wrap/theme0/images/bottom.bar.beaver-creek.jpg) repeat-x top left;
}
#bottomDiv-breckenridge {
	background: transparent url(/SiteBase/wrap/theme0/images/bottom.bar.breckenridge.jpg) repeat-x top left;
}
#bottomDiv-st-lucia {
	background: transparent url(/SiteBase/wrap/theme0/images/bottom.bar.st-lucia.jpg) repeat-x top left;
}
#bottomDiv-tahoe {
	background: transparent url(/SiteBase/wrap/theme0/images/bottom.bar.tahoe.jpg) repeat-x top left;
}
#bottomDiv-vail {
	background: transparent url(/SiteBase/wrap/theme0/images/bottom.bar.vail.jpg) repeat-x top left;
}
#bottomDiv-wyoming {
	background: transparent url(/SiteBase/wrap/theme0/images/bottom.bar.wyoming.jpg) repeat-x top left;
}
#bottomDiv-balcones-del-atlantico {
	background: transparent url(/SiteBase/wrap/theme0/images/bottom.bar.balcones-del-atlantico.jpg) repeat-x top left;
}
#socialDiv {
	position: absolute;
	top: 8px;
	right: 20px;
} 
#socialDiv img {
	margin: 0 5px 0 0;
}	
 	
 	
.fBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fLeft{
	display: inline;
	float: left;
}
.fRight {
	display: inline;
	float: right;
}

#password-clear-header {
    display: none;
}

.clear { clear:both }
#weatherForecast {
    font-size:11px;
    color:#826D5A;
    position:absolute;
    bottom:0px;
    left:0px;
    text-align:left;
    text-transform:uppercase;
    height:22px;
    overflow:hidden;
    width:800px;
    z-index:-1;
}
#weatherForecast a { float:left; position:absolute; }        	
#weatherForecast a img { border:none; }        	
#weatherForecast a.show { z-index:500; }
#weatherForecast .caption {
   /* z-index:600; */
   z-index:-1;
    width:800px; 
    font-size:11px;
    color:#826D5A;
    position:absolute;
    bottom:0px;
    left:0px;
    text-align:left;
    text-transform:uppercase;
    height:24px;
}
#weatherForecast .caption .content {
    margin:5px;
    width:600px;
}        	
#weatherForecast .caption .content,
#weatherForecast .caption .weatherIcon { float:left; }

.ownerLoginSubmit 
{
	border: 0;
	background:url(/sitebase/wrap/theme0/images/topbar.btn.submit.png) no-repeat;
	width: 60px;
	height: 17px;
	cursor: pointer;
	vertical-align: middle;
}
.ownerLoginFooterSubmit 
{
	border: 0;
	background:url(/sitebase/wrap/theme0/images/btn.submit.gif) no-repeat;
	width: 60px;
	height: 19px;
	cursor: pointer;
	vertical-align: middle;
}