@charset "utf-8";
/* CSS Document */
#main
{
	position: absolute;
	background-color: white;
	width: 960px;
	border: 1px solid #87b4f8;
}

.sectionTitle h1 { padding:15px 0 0 0; }
.findSectionTitle { padding-bottom:0px; }

.sectionTitle,
#afs { width:615px; }

#adWrapper { padding:0 0 0 15px; }
#afs { padding:15px 0 0 0; }
#rightAd { padding:0px; }

.addthis_toolbox { padding: 20px 0 0 0; }
.addthis_toolbox,
#rightAd { 
	width:300px;
	text-align:left; 
	}


.destTitle
{
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	color: #2F64B2;
	padding: 10px;
	margin-top: 10px;
}

.regionHotelTitleLink
{
	padding-left: 0px;
}

#rightAdColumn
{
	padding-top: 0px;
	*padding-top: 10px;
	top:0;
}


.spacer {
	clear: both;
	padding-right: 5px;
	padding-left: 5px;
}

.hotelListing
{
	margin: 10px 0;
	padding: 5px; 
	border: 1px solid #FFAA00; 
	position: relative;
}
.noHotelListing
{
	margin: 10px 0;
	padding: 20px;
	text-align:center; 
	border: 1px solid #FFAA00; 
	position: relative;
}


.hotelRating { padding:0 0 3px; }
.hotelRating,
.memberRating
{
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

.hotelDesc
{
	width: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: black;
}

.hotelLink
{
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #2F64B2;
	padding-right: 20px;
}

.hotelDest
{
	clear: both;
	margin-bottom: 8px;
	margin-right: 10px;
	/*color: #581C56;*/
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.hotelAges {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #581C56;
	font-weight: bold;
	padding: 5px 15px 0 0;
}

#destHorNav { padding:0 0 0 15px; }
#hotelLeftCol {
	float: left;
	margin-right: 10px;
	padding: 0 0 10px 15px;
	position: relative;
	width: 255px;
	}
#hotelRightCol,
#loadingOverlay
{
	width: 650px;
}

#hotelRightCol
{	
	float: left;
	position:relative;
}

#loadingOverlay
{
	position:absolute;
	top:40px;
	left:0px;
	height:100%;
	display:none;
}
.transparentBG
{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background-color:#DCE7F9;
}


.hotelBestFor
{
	color: #581C56;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 5px;
}

.hotelAge,
.hotelAmmenity
{
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	line-height:17px;	
}

#hotelNav
{
	clear: both;
	padding: 10px;
}

.hotelReviewNav,
.hotelOverviewNav,
.hotelSnippetNav
{
	float: left; 
	padding-top: 30px; 
	*padding-top: 12px; 
	width: 230px; 
	border-bottom: 1px solid #97b7d4;
}

.hotelOverviewNav
{
	width: 485px;
}

.hotelSnippetNav
{
	width: 675px;
}

.hotelPagePhoto
{
	position: relative;
	float: left;
	padding: 10px;
	padding-top: 0px;
	padding-right: 5px;
	width: 100%;
}

.quickHitsLeft
{
	float: left;
	padding: 10px;
	padding-top: 5px;
	padding-left: 0px;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	color: #581C56;
	font-weight: bold;
	width: 250px;
}

.quickHitsLeft ul,
.quickHitsSmall
{
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: black;	
	font-weight: normal;
	margin: 0px;
	padding-left: 20px;
	padding-top: 5px;
}

.quickHitsMid
{
	float: left;
	padding: 10px;
	padding-top: 5px;
	padding-left: 0px;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	color: #581C56;
	font-weight: bold;
	width: 140px;
}

.quickHitsMid ul
{
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: black;	
	font-weight: normal;
	margin: 0px;
	padding-left: 20px;
	padding-top: 5px;
}

.quickHitsRight
{
	float: left;
	padding: 10px;
	padding-top: 5px;
	padding-left: 0px;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	color: #581C56;
	font-weight: bold;
	width: 150px;
}

.quickHitsRight ul
{
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: black;	
	font-weight: normal;
	margin: 0px;
	padding-left: 20px;
	padding-top: 5px;
}

.hotelReviewAges
{
	font-weight: normal;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: black;	
	font-weight: bold;
}

html[xmlns*=""] body:last-child .hotelReviewAges
{ 
	top: -5px;
}
body:last-child:not(:root:root) .hotelReviewAges
{ 
	top: -5px;
}
@media all and (min-width:0px) {
	body:not(:root:root) .hotelReviewAges
	{ 
	top: -5px;
	}
}

#hotelCategories
{
	padding: 10px;
	padding-top: 5px;
	padding-left: 0px;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #2F64B2;	
	font-weight: bold;
	width: 200px;
}

#hotelLeftCol2
{
	position: relative;
	float: left;
	width: 600px;
	padding: 0px;
	padding-top: 10px;
	*padding-top: 7px;
	margin: 0px;
	margin-right: 40px;
}

.hotelSubSection
{
	width: 600px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	margin-bottom: 20px;
	margin-right: 20px;
	font-weight: normal;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}

.hotelReviewSubTitle
{
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	color: #2F64B2;	
	font-weight: bold;
	font-style: italic;
}

.memReviewTitle
{
	color: #2F64B2;
	font-weight: bolder;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 10px;
}

.memReviewTitle a:link,
.memReviewTitle a:visited
{
	text-decoration: none;
	color: #2F64B2;
}

.memReviewTitle a:hover,
.memReviewTitle a:active
{
	text-decoration: underline;
}

.memReviewAuthorInfo
{
	color: black;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 10px;
	margin-bottom: 5px;
}

.memReviewContent
{
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 40px;
	padding-left: 10px;
}

.memReviewContent a:link,
.memReviewContent a:visited
{
	text-decoration: none;
	color: #2F64B2;
}

.memReviewContent a:hover,
.memReviewContent a:active
{
	text-decoration: underline;
}

a:link.hotelSummary
a:visited.hotelSummary
{
	text-decoration: none;
	color: #2F64B2;
}

a:hover.hotelSummary
a:active.hotelSummary
{
	text-decoration: underline;
}

.listEntry
{
	width: 400px;
	margin-right: 20px;
}

.writeReview
{
	float: right; 
	padding-right: 35px; 
	*padding-right: 30px;
}

.familiesWillLoveTitle
{
	font-weight:bold;
	color:#581C57;
}
ul.familiesWillLoveList {
	padding:0;
	margin:0;
	width:250px;
}
.familiesWillLoveList li { list-style:none; margin:0 0 0 15px;} 
.familiesWillLoveList li.topPad { list-style:disc outside; padding:6px 0 0 0; margin:0 0 0 28px } 

.familyAmenities { color:#581C56; }
.familyAmenities ul {
	margin:0;
	padding:0;
}
.familyAmenities ul li
{
	float:left;
	list-style:none;
	color:#000;
	width:150px;
}

#shareBar
{
	padding-top: 7px;
	margin-bottom: 20px;
}

.sortContainer {
	width:230px;
}
.sortHeader {
	 background-color:#D9E5F3; 
	 color:#27619F; 
	 border:1px solid #87B4F8; 
	 font-size:14px; 
	 font-weight:bold; 
	 margin-top:5px; 
	 padding:5px 10px;
}
.sortBox {
	border-right:1px solid #87B4F8; 
	border-left:1px solid #87B4F8; 
	border-bottom:1px solid #87B4F8;
	font-size:13px; 
	padding:20px 10px;
	color:#000000;
}
.sortBox strong { color:#581C57; }
.checkAllDestinations { color:#2F64B2; }


/*RENTAL SECTION*/
#bedrooms-slider,
#bathrooms-slider,
#sleeps-slider { margin:8px 28px 0 7px; }
.rentalListing {
	margin: 10px 0;
	padding: 5px; 
	border: 1px solid #FFAA00; 
	position: relative;
}
.rentalTitle { 
	margin-right: 20px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2F64B2;
	text-decoration: underline; 
	}
.rentalDesc {
	width: 380px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-right: 20px;
	color: black;
	}
.rentalAccommodations {
	font-weight:bold;
	color:#581C57;
	padding:0;
	margin:0;
	list-style:none;
	}
.rentalAccommodations li { margin:0;} 
.rentalAccommodations li.topPad { font-weight:normal; color:#000; padding:6px 0 0 0; margin:0px} 
.rentalsInquiryBtn { margin:10px 0 0; }
.rentalRating {  margin:20px 0 10px; }
.rentalRates { 
	color:#000; 
	margin:0 0 0 4px;
	line-height:18px; 
	}
.rentalRates b { color:#581C57; }


	
.checkRatesWrapper {
	width:100%;
	height:32px;
	overflow:hidden;
	}	

.hotelImageWrapper { 
	position:relative;
	width: 150px;
	height: 101px; 
	margin:0 0 5px 0; 
	}
.hotelImageLink { 
	position:absolute;
	top:0;
	left:0:
	}
.hotelImageLink img {
	width: 148px;
	height: 99px; 
	border: 1px solid black; 
	margin-right: 10px;
	}
.hotelImageRecommendOverlay { 
	position:absolute;
	bottom:1px;
	left:1px;
	background-color:#cc0000;
	color:#FFF;
	width: 148px;
	height: 16px; 
	line-height:14px;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
	padding:2px 0 0 0;
	cursor:pointer;
	}
	
	
.hotelClassRating { 
	white-space:nowrap;
	cursor:pointer; 
	}
.recommendedPercent {
	color:#CC0000;
	font-size:28px;
	font-weight:bold;
	padding:0 5px 0 0;
	}
.recommendedPercentFamilies {
	font-size:11px;
	line-height:11px;
	padding:6px 18px 0 0;
	}
.hotelFamilyRating	{
	padding:5px 0 0;
	font-size:12px;
	line-height:12px;
	color:#581C57;
	font-weight:bold;
	}