/* DEFAULT ELEMENTS - override any reset element values here */
html { font-size: small;} /* declare font-size as small instead of pixels so text can be resized in IE */
body
{
	background: #b3afa7 url(/images/common/bkgr.gif);
	line-height: 17px;
	font-size: 90%;
	margin: 0px; 
	padding: 0px;
	font-family: Helvetica, Verdana, Arial, Sans-Serif;
	color: #333333;
	text-align: left;
}
a:link, a:active, a:visited, a:hover { color: #241a04; font-weight: bold; 
	text-decoration: none; }

a.learnMore { color: #333333; text-decoration: none; padding-right: 10px; padding-bottom: 3px;
	background: transparent url(/images/common/lrnMr_arrow2.gif) no-repeat right; }
	
a.learnMoreBrown { color: #998370; text-decoration: none; padding-right: 10px; padding-bottom: 3px;
	background: transparent url(/images/common/imgBrownArrow.jpg) no-repeat right; }

p { margin: 0 0 1.1em 0; color: #414141; }
ul, ol { margin: 0 0 1.1em 1em; color: #414141; }
	ul li, ol li { margin: 1em; }

#content ul.nb { margin-left: 0;}
#content ul.nb li { list-style-type: none; padding-bottom: 2px; margin: 0;}

h1 { color: #241a04; font: 1.8em Georgia; margin: 0px 0px 5px 0px; padding: 0px; 
	line-height: 105%; text-transform: uppercase;}
h2 { color: #541900; font: 1.5em Georgia; margin: 0px; padding-bottom: 4px; line-height: 105%; }
h3 { color: #333; font-size: 1em; line-height: 1.2em; }

img.left { float: left; padding: 0px 10px 10px 0px; }
img.right { float: right; padding: 0px 10px 10px 10px; }

/* LAYOUT STYLES */
#wrapper { margin: 0 auto; width: 914px; padding: 0px; text-align: left;}
#print-hdr
{
	display:none;
}
table#layout { margin: 0; padding: 0; border:0;	width: 914px; height: 620px;}

#hdr { width: 892px; background: #3a2f1d url(/images/common/hdr.gif); clear: both; margin: 0px; padding: 0px; }
	#hdr img#logo { float: left; margin: 0px; padding: 0px; margin-top: 20px; margin-left: 12px; }
	
	#hdr #topNav { float: right; text-align: right; color: #fff; font-size: 0.9em; margin-right:10px; margin-top: 10px;}
		#hdr #topNav ul { margin: 0px; padding: 5px; color: #fff; }
			#topNav ul li { list-style-type: none; display: inline; margin: 0px; 
				padding: 0px 3px; }
			#topNav ul li a { color: #fff; text-decoration: none; }

	#hdr ul#nav { margin: 0px 0px 0px 0px; padding: 10px 0px 5px 0px;
		text-transform: uppercase; clear: both; font-size: 1em; text-align:right; }
		#hdr ul#nav li { list-style-type: none; display: inline; margin: 0px 0px 10px 0px; 
			padding: 0px 18px; }
			ul#nav li a { color: #fff; text-decoration: none; }
			ul#nav li a:hover, #hdr ul#nav li a:active, ul#nav li a.on { color: #ee3224; } 
	
#main { width: 892px; clear: both; margin: 0px; padding: 0px; 
	background: transparent url(/images/common/bg-new.gif) repeat-y; }

	#main #master {  width: 892px; clear: both; margin: 0px; padding: 0px; }	
		#master #content { width: 620px; margin: 0px; padding: 0; float: right; }
		
			#content .border { border: 1px solid #ead8cf; padding: 12px; margin-bottom: 20px; min-height: 220px; } 
				* html #content .border { height: 220px; } /* IE 6 */
				/* #content .border for guest rooms, etc */
				#content .border img.mainImg { float: right; margin: 0px 5px 10px 8px; padding: 1px 1px 10px 1px; }
			
		#master #content-hdr { width: 620px; margin: 0px; padding: 0px; }
		#master #content-body { padding: 15px 6px; }	
		#master #content-body1 {padding: 7px 6px 0; }	
			#content-body ul.compact { padding-left: 0px; padding-right:41px;}
				#content-body ul.compact li { margin: 0px; } /* reservations page footer info */
			
			#content-body #tNav {width: 110%; position: relative; left: -6px; top: -13px; padding: 0px;  }
			* html #content-body #tNav { width: auto;}
			#content-body #tNav img { margin-right: 2px;}
			
			#content-body #tNav1 {width: 110%; position: relative; left: -6px; top: -13px; padding: 0px;  }
			#content-body #tNav1 img { margin-right: 2px;}
			* html #content-body #tNav1 { width: auto;}
			

			#content-body ul li { list-style-type: disc; }
			
			#content-body table.reserve td { padding: 0px 3px 0px 3px margin: 0px auto;}/* padding: 5px */
			
			#content-body table.luxuryHome { margin: 0px; padding: 0px;  float: right;}
				#content-body table.luxuryHome td { margin: 0px; padding: 0; }
					#content-body table.luxuryHome img { margin-right: 5px; }
					#content-body table.luxuryHome img.small { margin: 0px 0px 8px 0px; cursor: pointer; }

		#master #sidebar { width: 242px; margin: 0px; padding: 15px 0px 15px 27px; float: left; background: transparent url(/images/common/bg-new.gif) repeat-y;}
			#sidebar p { margin: 0px 0px 0.2em 0px; padding: 5px 23px 5px 0px; font-size: 0.96em; }
				#sidebar p.lrnMr { margin: 0px; padding: 0px;  }
						
			#sidebar ul, ol { color: #241a04; font: 1em Georgia; margin: 5px 0px 20px 0px; padding: 0px; }
				#sidebar ul li { list-style-type: none; margin: 0px; padding: 10px 0px 0px 0px; }
				#sidebar ul li a { color: #241a04; text-decoration: none; font-weight: bold; }
				#sidebar ul li a:hover, 
				#sidebar ul li a:active, 
				#sidebar ul li a.on { color: #ee3224; }
					#sidebar ul li ul { margin: 5px 0px 0px 40px; }
					
				#sidebar ol li { margin: 0px; padding: 10px 0px 0px 0px; }
				#sidebar ol li a { color: #241a04; text-decoration: none; font-weight: bold; }
				#sidebar ol li a:hover, 
				#sidebar ol li a:active, 
				#sidebar ol li a.on { color: #ee3224; }	
				
			#sidebar img.sb_sep { margin: 20px 0px 10px 0px; }
			
#main-index, #main-experience { width: 892px; clear: both; margin: 0px; padding: 0px; 
	background: transparent url(/images/index/contentIndex-bkgr.gif) repeat-y; }
	#main-experience { background: #fff;}
				
	#main-index #master #content-index { width: 580px; margin: 0px; padding: 0; float: right; }
		#content-index ul li { list-style-type: disc; }
		
	#main-index #master #content-index-hdr { margin: 0px 0px 0px -7px; padding: 0px; height: 220px; }
	#main-index #master #content-index-body 
	{
		margin: 72px 15px 0 15px; 
		clear: both;
	}
	*html #main-index #master #content-index-body 
	{
		margin: 0 15px;
	}
	
	#main-index #master #content-index-body .content-intro
	{
		color: #d95950;
		font-size: 16px;
	}
	
	#main-index #master #content-index-body #content-body
	{
		color: #998370;
		font-size: 13px;
	}
	
	#main-index #master #sidebar-index {width: 305px; float: left;}
		* html #main-index #master #sidebar-index { height: 100px; } /* IE 6 */
	#main-index #master #sidebar-index .sidebar-index-content {padding: 15px 21px 10px 21px; background: transparent url(/images/index/index_sb.jpg) repeat top left; height: 415px;}
	#main-index #master #reserve-arrival-date-picker { padding-bottom: 10px;}
	#main-index #master #reserve-depart-date-picker { padding-bottom: 19px;}
	#main-index #master #reserve-pick-number-rooms { padding-bottom: 21px;}
	#main-index #master #white-dotted-line{ width: 100px; background: url(/images/common/white-dot.gif) repeat bottom-left;}
		#sidebar-index h1, #sidebar-index h2, #sidebar-index h3 { color: #fff; }
		#sidebar-index p { margin: 0px 0px 0.2em 0px; padding-right: 14px; font-size: 0.96em; color: #fff; }
			#sidebar-index p.advise { font-size: 0.9em; }
		#sidebar-index label { color: #fff; }

			table.rooms { width: 260px; border: 0px; margin: 15px 0px; padding: 2px 23px 0px 0px; }
			table.rooms td {  padding: 1%; }
			
		
	#main-index #ftr-index { clear: both; height: 124px; width: 892px; margin: 0px; padding: 0px; }
		#main-index #ftr-index h2 { margin-top: 0px; padding-bottom: 0px; }
		#main-index #ftr-index p { margin: 3px 10px 5px 10px; padding: 0px; }
		#main-index #ftr-index img { margin: 0px 12px 8px 8px; padding: 0px; float: left; }
		
		#main-index #ftr-index #ftrLt { background: #fff url(/images/index/ftr1bkgr.gif); width: 283px; 
			height: 110px; margin: 0px; padding: 16px 10px 4px; float: left; }
			*html #main-index #ftr-index #ftrLt {padding: 10px; height: 116px;}
			*html #main-index #ftr-index #ftrMd {padding: 10px; height: 116px;}
		#main-index #ftr-index #ftrMd { background: #eee1d7 url(/images/index/ftr2bkgr.gif); width: 279px; 
			height: 110px; margin: 0px; padding: 10px; float: left; }
		#main-index #ftr-index #ftrRt { background: #eee1d7 url(/images/index/ftr3bkgr.gif); width: 270px; 
			height: 110px; margin: 0px; padding: 10px; float: left; }

#ftr { margin: 0px 12px 12px 12px; padding: 0px; }
	#ftr p { font-size: 0.85em; color: #fff; margin: 0; padding: 0px; }
	
	
.CMSListMenuUL { list-style-type: none; font-weight: bold; }
	.CMSListMenuUL li ul li { margin-left: 15px; font-weight: normal; }
	.CMSListMenuUL li ul li.CMSListMenuHighlightedLI { margin-left: 15px; font-weight: bold; }

.CMSListMenuLI { margin-left:0px; margin-top:10px; }

	.CMSListMenuLI a:hover,
	.CMSListMenuLI a:link,
	.CMSListMenuLI a:visited,
	.CMSListMenuLI a:active { text-decoration: none; }

	.CMSListMenuLI a:hover,
	.CMSListMenuHighlightedLI,
	#sidebar ul.CMSListMenuUL li.CMSListMenuHighlightedLI a{ margin-left: 0px; color: #EE3224; margin-top: 10px; font-weight: bold; }
	#sidebar ul.CMSListMenuUL li.CMSListMenuHighlightedLI ul.CMSListMenuUL li.CMSListMenuLI a{ color: #333;}

#hidden 
{ 
    visibility:hidden; 
    /*max-height:0px; 
    height:0px; */
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    
}

/* STYLE FOR CROSSFADER */
div.cf_element { width: 587px; height: 267px; background-color: #fff; }


div.page-1-error
{
	padding-top: 141px;	
}
table.roomtypes 
{ 
	width:100%;
}

tr.roomtypes_header
{
	width: 100%;
	background-color: #d8d5d2;
}

div.search-results 
{ 
    width:500px; 
	font-size: 75%;
}
table.reservation
{
	border-right: #e8dacf 1px solid;
	border-top: #e8dacf 1px solid;
    border-left: #e8dacf 1px solid;
    border-bottom: #e8dacf 1px solid;
    margin: 0px 0px 0px 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;   
    padding-top: 0px;
}


table.CalControl
{
	border: solid 1px #473A25;
}
#generic-container
{
    margin:15px;   
}

#generic-body
{
    padding:15px;
    background:white;   
}

.TotalsTable
{
	border: #98938d 1px solid; 
	/*border-top: #98938d 1px solid;*/
    border-left: #98938d 1px solid; 
    border-bottom: #98938d 1px solid;
}

.TotalsTable tr td
{
	padding-top: 7px;
	padding-left: 7px;
}

.TotalsTableHeaderRow
{
	
}

.bold
{
	font-weight:bold;	
}

.invis
{
	display:none;
}

.group-radio-list-container
{
	width: 132px;
	vertical-align:middle;
}

.days_of_week
{
	padding-left: 20px;
}

table.daily_rates
{
	width:136%;
	margin-left:68px;
}

table.daily_rates tr td
{
	width: 14%;	
	vertical-align:middle;
}

table.daily_rates2
{
	width:100%;
	margin-left:23px;
}

table.daily_rates2 tr td
{
	width: 38px;
	vertical-align:middle;
}
.selected-room
{
	background-color: #f1e7df;
	height:30px;
}

.selected-roomalt
{
	/*background-color: #f1e7df;*/
	height:30px;
}

.bot
{
	width:100%;	
}

.beige-box
{
	border: solid 1px #e8dacf;
	margin-right: 5px;
	width: 286px;
	height: 140px;
}

.beige-box2
{
	border: solid 1px #e8dacf;
	width: 286px;
	height: 140px;
	
}

.payment-info-box
{
	margin: 4px 0px 14px 21px
}

.confirm-table
{
	margin-left: 21px;
	margin-top: 16px;
}

.review-table
{
	margin-left: 20px;
}

#Page2
{	
	margin: 16px 24px 1px 14px;	
}

.no-rooms-available
{
	color: Red;
	font-weight: bold;
	font-size: 14px;			
}

#reservation-menu
{
	display:block;
}

.CalendarHeader
{
	background-color: #473A25;
	font-weight:bold;
	color: White;
	font-size: 8pt;
	vertical-align:middle;
	height:22px;			
}

.CalStar
{
	width: 40px;
	height: 40px;	
}

#reservationPage1Container
{
	padding: 17px 29px 0px 26px;	
}

#reservationPage1Left
{
	float:left;	
	padding-right:1px;
	width: 45%;
}

#reservationPage1Right
{
	float: right;
	width: 50%;
		
}

#arrivalCalendarDiv
{
	float:left;
	width:45%;
	/*padding-right:29px;*/
}

#departureCalendarDiv
{
	float:right;
	width: 40%;	
}

#roomsNumberSelectorDiv
{
	float:left;
	padding-right:15px;	
}

.roomSelectionSpace
{
	padding-left:112px;
	margin-bottom: -4px;
}

.roomSelectionSpace2
{
	padding-left:112px;
}

#content-body1 table.reserve td table tbody tr td.cal-day
{
	margin: 0;
	padding: 0px 2px 0px 3px;
	width: 20px;	
}

#adviseDiv
{
	padding-top:3px;
	padding-bottom: 1px;
}

#totalsPage2
{
	padding-top: 22px;
}


.pageTableHeaderSpacing
{
	padding-left: 5px;
	border-top: solid 4px #FFFFFF;
	border-left: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	border-bottom: solid 2px #FFFFFF; 
}

.pageTableFooterSpacing
{
	padding-left: 5px;
	padding-top:5px;
	border: solid 2px #FFFFFF;	
}
.page2TableSpacing
{
	padding-left: 9px;
}

.middleAlign
{
	vertical-align: middle;	
}

#avgNighlyRates
{
	margin-left: 38px;		
}

#Page3
{
	padding:16px 0px 0px 14px;
}

#receipt
{
	margin: 17px 0px 36px 26px;	
}

#print-link
{
	margin-bottom: 28px;
	/*font-size: 88%;*/
}

#receipt-message
{
	margin-bottom: 30px;
	margin-right: 30px;
	/*font-size: 100%;*/
}

#receipt-reservation-info
{
	margin-bottom: 34px;
}

#receipt-billing-info
{
	margin-bottom: 32px;
	/*font-size: 88%;*/
}

.page3TableSpace
{
	padding-right: 74px;
	float:left;
}

.page3TableSpace2
{
	padding-right: 148px;
	float:left;
}

.page3TableSpace3
{
	padding-right: 108px;
	float:left;
}

.page1SpaceBtwDropDowns
{
	width: 45px;
}

.page2ReviewTableRow
{
	border-bottom: solid 1px #c1c1c1; 	
}

.tableRowWhiteBorder
{
	border-top: solid 2px #FFFFFF;
	border-left: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	margin-bottom: 3px; 
}

.totalsTableDiv
{
	padding-bottom: 7px;
}

.totalsTableBot
{
	padding-bottom: 7px;
}

.roomContact
{
	padding-bottom: 6px;
}

#weeklyRates
{
	width: 597px;
	height: 250px;
	margin-bottom: 15px;
	border: 1px solid #F1E7DF;

}

#weeklyHeader
{
	background: #F1E7DF;
	padding: 8px;
	width: 582px;
	color: #541900;
	font-size: 14px;
	font-weight: bold;
}

#weeklyDates, #weeklyPrices
{
	float: left;
	text-align: left; 
	margin: 10px 25px;
}

#TiltonHouseWrapper
{
	border: 1px solid #F1E7DF;
	padding:12px 0 0 12px;
	width: 584px;
	height: 532px;
}

#ThaxterHouseWrapper
{	
	border: 1px solid #F1E7DF;
	padding:12px 0 0 12px;
	width: 584px;
	height: 458px;
}

#reserve-online-img
{
	padding-bottom:10px;	
}