/* Global Elements */

body { margin: 0; padding: 0; font: 12px/1.5 Verdana, Helvetica, sans-serif;
	color: #555; background: #dfdac4 url(../images/bg/bgPage.jpg) top left repeat; }

html p { text-align: left; }   /* specified due to browser bug */
img { border: 0; }  /* specified due to browser bug */

form { margin: 0; padding: 0; }

h1 { font-size: 140%; font-weight: bold; margin: 0 0 0.75em 0; padding: 0; }
h2 { font-size: 120%; font-weight: bold; margin: 0 0 0.75em 0; padding: 0; }
h3 { font-size: 100%; font-weight: bold; margin: 0 0 0.75em 0; padding: 0; }
h3.ssh { font-size: 14px; font-weight: bold; margin: 0 0 4px; padding: 0; }

p { margin: 0 0 0.55em 0; padding: 0; }
a { color: #555; }
ul.stdList li { margin-bottom: 5px; }

/* Page Elements */
div#header { background-color: #e6e6d6; }
	div#header img#kvLogo { display: block; padding: 6px 0 6px 6px; float:left; }
	div#header div#secondaryNav { float: right; font-size: 11px; padding: 5px 10px; text-align: right; } 	

div#navWrapper { width: 100%; background: transparent url(../images/bg/bg-nav2.gif) top left repeat-x; }
	div#navContainer { width: 900px; margin: 0 auto; }

#nav, #nav ul { padding: 0; margin: 0; list-style: none; }
	#nav a { display: block; }
		#nav li#homeMenu, #nav li#homeMenu a { width: 79px; }
		#nav li#aboutMenu, #nav li#aboutMenu a { width: 183px; }
		#nav li#accommodationsMenu, #nav li#accommodationsMenu a { width: 136px; }
		#nav li#reservationsMenu, #nav li#reservationsMenu a { width: 124px; }
		#nav li#ratesMenu, #nav li#ratesMenu a { width: 74px; }
		#nav li#specialEventsMenu, #nav li#specialEventsMenu a { width: 133px; }
		#nav li#contactMenu, #nav li#contactMenu a { width: 91px; }
	#nav li { float: left; }
		#nav li ul { position: absolute; width: 225px; left: -999em; background-color: #eae5ca; color: #5b5642; z-index: 50; }
		#nav li ul li { text-align: left; border-bottom: 1px solid #d1c99b; width: 225px; white-space: nowrap; }
			#nav li ul li:hover { background-color: #e1dcc1; border-bottom: 1px solid #d1c99b; }
		#nav li:hover ul, #nav li.sfhover ul { left: auto; }
		#nav li ul li a { padding: 5px 30px 7px 12px; width: 225px; }
			#nav li ul li a:link, #nav li ul li a:visited { color: #5b5642; text-decoration: none; }
			#nav li ul li a:hover, #nav li ul li a:active { color: #000; text-decoration: none; }
			
div#pageWrapper { margin: 0 auto; background-color: #fff; width: 900px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
div#mainContentWrapper { padding: 18px 10px 3px 10px; }
div#pageHeader { border-bottom: 1px solid #d2d2d2; margin-bottom: 18px; }
	h1.ph { float: left; margin-bottom: 5px; }
	div#breadcrumbs { font-size: 10px; margin: 0 0 0 auto; text-align: right; padding-top: 3px; }

div#footer { font-size: 11px; color: #fff; background-color: #000; padding: 8px 12px; }
	div#footer div#footerInfo { float: left; }
	div#footer a#credits { display: block; float: right; color: #bbb; }

div#contactInfo { margin: 20px 0 8px 0; font-size: 11px; color: #555; background-color: transparent; line-height: 1.4em; text-align: center; }
	div#contactInfo a { color: #555; }

/* Helpers */
img.floatClear { display: block; clear: both; }
div.hRule { background-color: #ddd; margin: 14px 0; }
.pdfIcon { background: transparent url(../images/icons/icon-pdf.gif) no-repeat 0 2px; padding: 2px 0 2px 21px; display: block; }
div.divider { background-image: url(../images/divider.gif); background-repeat: repeat-x; margin: 10px 0; }
img.rightFrame, img.leftFrame, img.centeredFrame { display: block; border: 1px solid #777; }
img.centeredFrame { margin: 16px auto 16px auto; }
img.leftFrame { float: left; margin-right: 10px; margin-bottom: 5px; }
img.rightFrame { float: right; margin-left: 5px; margin-bottom: 5px; }
.notice { font-weight: bold; color: #a00; }

/* Layouts */
table#layout-leftSidebar { width: 100%; }
	table#layout-leftSidebar td.sidebar { vertical-align: top; padding: 8px; width: 220px; }
	table#layout-leftSidebar td.mainContent { vertical-align: top; padding: 16px 8px 8px 8px; width: 80%; }
div#narrowContentWrapper { width: 600px; padding-left: 32px; }

div.sidebarNavBox { font-size: 11px; background: #fff url(../images/bg/bg-sb-nav-bottom.gif) bottom left no-repeat; margin-bottom: 12px; }
	div.sidebarNavBox h3.sidebarNavHeader { font-size: 12px; font-weight: bold; margin: 0 0 6px 0; background: transparent url(../images/bg/bg-sb-nav-top.gif) top left no-repeat; padding: 8px 12px 0 12px; }
	div.sidebarNavBox h4.sidebarNavSecHeader { font-size: 12px; margin: 0 0 4px 0; }
	div.sidebarNavBox div.sidebarNavContent { padding: 0 12px 0 12px; }
	div.sidebarNavBox ul.sidebarNav { margin: 0 0 12px 28px; padding: 0; }
	div.sidebarNavBox ul.sidebarNav li { margin-bottom: 3px; white-space: nowrap; }

/* Forms */
input.stdField, select.stdField, textarea.stdField { border: 1px solid #e0dac0; background-color: #f1ebd1; color: #333; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }

form.contactForm { margin: 0; }
	form.contactForm table.wideFormTable td { vertical-align: top; padding: 0 10px 7px 0; }
		form.contactForm table.wideFormTable td.fieldLabel { font-size: 12px; font-weight: bold; width: 120px; text-align: right; }
		form.contactForm table.wideFormTable td.fieldCtrl {  }

input.imgSubmit { display: block; }

/* Accommodations */
div#typeExplanation { border-top: 1px solid #ccc; padding-top: 12px; width: 860px; margin: 20px auto 0 auto; }
div#unitAmenities { margin: 20px auto 0 auto; width: 860px; border-top: 1px solid #ccc; padding-top: 12px; }
	div#unitAmenities div#amenitiesCol1 { float: left; width: 260px; }
	div#unitAmenities div#amenitiesCol2 { float: left; width: 340px; font-size: 11px; }
	div#unitAmenities h3 { margin: 0 0 0.5em 0; font-size: 11px; font-weight: bold; }
	div#unitAmenities ul { margin: 4px 0 4px 30px; padding: 0; font-size: 11px; }
		div#unitAmenities ul li { padding: 3px 0; }
	div#unitAmenities img.ratingImg { margin-bottom: 4px; }

/* Unit View Popup */
table#mapTable div.unitView { width: 270px; position: absolute; background-color: #fff; top: 60px; left: 28px; font-size: 10px; padding: 6px; line-height: 1.3; border-bottom: 1px solid #999; border-right: 1px solid #999; visibility: hidden; }
	table#mapTable div.unitView img.unitViewImg { display: block; float: left; margin: 0 8px 0 0; }
	table#mapTable div.unitView h4 { font-size: 11px; font-weight: bold; margin: 0 0 3px 0; }

/* 4 Unit Type */
table#mapTable { border-collapse: collapse; }
	table#mapTable td { vertical-align: top; padding: 0; font-size: 14px; line-height: 1.25em; }
	table#mapTable td.selector { padding-top: 44px; }
	table#mapTable td.unitMap img#unitMap { border: 11px solid #d1c99b; }
	table#mapTable div.unselectedType { color: #7d7864; background-color: #eae5ca; border-bottom: 1px solid #d1c99b; }
		table#mapTable div.unselectedType a { display: block; padding: 7px 5px 10px 12px; }
		table#mapTable div.unselectedType a:link, table#mapTable div.unselectedType a:visited { color: #5b5642; }
		table#mapTable div.unselectedType a:hover, table#mapTable div.unselectedType a:active { color: #5b5642; background-color: #e1dcc1; }
		table#mapTable div.fullMapLink { padding: 10px 5px 10px 12px; }
			table#mapTable div.fullMapLink a:link, table#mapTable div.fullMapLink a:visited { color: #5b5642; }
			table#mapTable div.fullMapLink a:hover, table#mapTable div.fullMapLink a:active { color: #900; }
	table#mapTable div.selectedType { color: #302607; background-color: #d1c99b; font-weight: bold; padding: 7px 5px 10px 12px; }
	table#mapTable div.last { border-bottom: 1px solid #c4c4c4; }
/*
	table#mapTable div.unselectedType { color: #7d7864; background-color: #eae5ca; border-bottom: 1px solid #d1c99b; padding: 7px 5px 10px 12px; }
		table#mapTable div.unselectedType a:link, table#mapTable div.unselectedType a:visited { color: #5b5642; }
		table#mapTable div.unselectedType a:hover, table#mapTable div.unselectedType a:active { color: #900; }
		table#mapTable div.fullMapLink { padding: 10px 5px 10px 12px; }
			table#mapTable div.fullMapLink a:link, table#mapTable div.fullMapLink a:visited { color: #5b5642; }
			table#mapTable div.fullMapLink a:hover, table#mapTable div.fullMapLink a:active { color: #900; }
	table#mapTable div.selectedType { color: #302607; background-color: #d1c99b; font-weight: bold; padding: 7px 5px 10px 12px; }
	table#mapTable div.last { border-bottom: 1px solid #c4c4c4; }
*/
h2.shUpDivider { margin-top: 12px; border-top: 1px solid #d2d2d2; padding-top: 12px; padding-bottom: 12px; }

table#unitsByRatingTable { border-collapse: collapse; width: 828px; margin: 0 auto 16px auto; }
	table#unitsByRatingTable td { vertical-align: top; padding: 0; }
	table#unitsByRatingTable td.firstCol { padding-right: 26px; }
	table#unitsByRatingTable td.secondCol { padding-right: 26px; }

table#unitsByRatingTable div.ratingHeader { background: transparent url(/images/bg/bg-unit-rating-header.gif) top left no-repeat; font-size: 11px; margin-bottom: 12px; padding: 6px 8px 10px 8px; }
	table#unitsByRatingTable div.ratingHeader span.price { font-size: 20px; color: #333; line-height: 1; }

table#unitsByRatingTable div.unitListing { margin-bottom: 16px; }
div.unitListing div.unitListingImg { float: left; background: #d5cd9e url(/images/bg/bg-unit-thumbnail.gif) top left no-repeat; width: 130px; margin-right: 12px; }
	div.unitListing div.unitListingImg img { margin: 5px; }
div.unitListing div.unitListingDetails { font-size: 12px; color: #333; line-height: 1.35em; }
div.unitListing div.unitListingTitle { font-size: 16px; font-weight: bold; margin-bottom: 4px; }
	div.unitListing div.unitListingTitle a:link { color: #000; }
	div.unitListing div.unitListingTitle a:visited { color: #45200b; }
	div.unitListing div.unitListingTitle a:hover, div.unitListing div.unitListingTitle a:active { color: #900; }

div.sideNoteEntry { padding-top: 10px; padding-bottom: 12px; border-bottom: 1px solid #ddd; }
	div.sideNoteEntry { padding-top: 10px; padding-bottom: 12px; border-bottom: 1px solid #ddd; }
	div.sideNoteEntry h3 { margin: 0 0 0.5em 0; font-size: 14px; font-weight: bold; }
	div.sideNoteEntry p { margin: 0 0 0.5em 0; }
div#whatsTheDifference { border-top: 1px solid #ddd; }

ul.helpList { margin-top: 2px; list-style: none; margin: 0; padding: 0; }
	ul.helpList li { margin: 0; padding: 3px 0 3px 40px; background: transparent url(../images/icons/icon-help.png) 16px 4px no-repeat; }

/* Explanations */
div#explanationHeader { width: 100%; background-color: #ded8b2; padding: 10px 16px 12px 16px; }
	div#explanationHeader h1 { font-size: 16px; font-weight: bold; color: #000; margin: 0; }
div#explanationContent { width: 100%; background-color: #fff; color: #444; padding: 14px 0; }
table#ratingExplanationTable { width: 516px; }
	p#ratingExplanation { width: 725px; margin-left: auto; margin-right: auto; }
table#oceanfrontExplanationTable { width: 556px; }
	p#oceanfrontExplanation { width: 670px; margin-left: auto; margin-right: auto; padding: 0 21px; }
table#longDistanceExplanationTable { width: 556px; }
	table#longDistanceExplanationTable td { border: none; width: 50%; }
	table#longDistanceExplanationTable ul.countryList { margin: 0; padding: 0 0 0 30px; }
	p#longDistanceExplanation { width: 556px; margin-left: auto; margin-right: auto; display: block; padding-bottom: 12px; border-bottom: 1px solid #ddd; margin-bottom: 12px; }
table#bedroomExplanationTable { width: 556px; }
table.explanationTable { margin: 0 auto; }
	table.explanationTable th { text-align: left; padding: 10px 21px 0px 20px; border-right: 1px solid #ddd; }
	table.explanationTable td { vertical-align: top; padding: 10px 21px 14px 20px; border-right: 1px solid #ddd; }
	table.explanationTable td.last, table.explanationTable th.last { border-right: none; }
img.helpExample { display: block; margin-bottom: 12px; padding: 6px; background-color: #ded8b2; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
img.helpFloorPlan { margin: 0 auto; }
ul.helpFeatureList { padding-left: 30px; }
div#btnCloseWindowWrapper { width: 120px; margin: 16px auto 16px auto; }
	img#btnCloseWindowWrapper img { display: block; }

div#popupHeader { width: 100%; background-color: #ded8b2; padding: 10px 16px 12px 16px; }
	div#popupHeader h1 { font-size: 16px; font-weight: bold; color: #000; margin: 0; }
div#popupContent { background-color: #fff; color: #444; padding: 14px 16px; }
	div#popupContent h2 { font-size: 16px; font-weight: bold; color: #000; margin: 0 0 6px 0; }
table.carRatesTable { width: 100%; margin: 0 auto 16px auto; }
	table.carRatesTable th { background-color: #ded8b2; }
	table.carRatesTable th, table.carRatesTable td { vertical-align: top; padding: 3px 6px; text-align: center; }
	table.carRatesTable td { border-bottom: 1px solid #ded8b2; }
	table.carRatesTable tr.carRatesEffDates th { font-size: 11px; padding-top: 0; line-height: 1.2; font-weight: normal; }
	table.carRatesTable td.carType { text-align: left; }

div.sideBox1 { width: 245px; background: url(../images/box/sideBox1Bottom.gif) no-repeat bottom left; font-size: 11px; margin-bottom: 10px; }

/* Tour */
body#tour div#mainContentWrapper { margin: 0; padding: 0; }
div#tourHeader { padding: 10px 12px; background-color: #000; }
	div#tourHeader img.th { display: block; float: left; margin-top: 4px; }
    div#tourHeader div.tourHeaderNav { float: right; }
table#tourHeaderNavTable { border-collapse: collapse; }
	table#tourHeaderNavTable td { padding: 0 0 0 18px; vertical-align: top; }
h1.tourPh { margin: 0; padding: 0; }
h2.tourSh { margin: 0 auto; padding: 24px 36px 18px 36px; }    
table.tourLayout { border-collapse: collapse; width: 100%; color: #717171; line-height: 1.5; }
	table.tourLayout td { vertical-align: top; }
	table#stdTourLayout td.wideCol { padding: 0 22px 0 16px; width: 529px; }
    table#stdTourLayout td.narrowCol { width: 297px; padding: 10px 36px 0 0; }
div.supplementalPics { }
p.tourDescription { margin-bottom: 24px; line-height: 1.7; }
div.testimonials { margin-bottom: 24px; }
	div.testimonials h3.inOurGuestsWords { padding: 10px 12px; margin: 0; background-color: #cebe7c; color: #fff; }
		div.testimonials div#testimonialsContentWrapper { margin: 0; padding: 14px 20px 18px 20px; color: #695c27; background: #e6daa9 url(../images/tour/bg-quote.gif) 9px 3px no-repeat; min-height: 205px; }
div#testimonialsContent { }
	div#testimonialsContent div.quote { line-height: 1.25; font-family: 'Times New Roman', Times, Georgia, serif; font-style: italic; font-size: 18px; margin-bottom: 14px; }
    div#testimonialsContent div.author { line-height: 1.2; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #261f01; }
    div#testimonialsContent div.source { line-height: 1.2; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #7d6c26; }
body#tour div.goBack { margin-top: 24px; margin-left: 20px; }
div.continueTour { width: 202px; margin: 0 -7px 2px auto; }
div.nextTourStep { text-align: right; }
	div.nextTourStep a:link, div.nextTourStep a:visited { color: #2b7cb2; }
	div.nextTourStep a:hover, div.nextTourStep a:active { color: #a33; }
    div.nextTourStep div.curPage { font-size: 11px; color: #adadad; }
ul#tourTopAmenitiesList { margin: 0 0 24px 0; padding: 0 0 0 49px; font-size: 16px; }
	ul#tourTopAmenitiesList li { list-style-type: none; margin: 8px 0; }
	ul#tourTopAmenitiesList li span { padding: 8px 0 8px 44px; }
		ul#tourTopAmenitiesList span#phoneAmenity { background: transparent url(../images/icons/icon-phone.gif) top left no-repeat; }
		ul#tourTopAmenitiesList span#internetAmenity { background: transparent url(../images/icons/icon-laptop.gif) top left no-repeat; }
		ul#tourTopAmenitiesList span#parkingAmenity { background: transparent url(../images/icons/icon-keys.gif) top left no-repeat; }
		ul#tourTopAmenitiesList li span#seeCountries { padding: 0 0 0 12px; font-size: 11px; color: #999; }
			ul#tourTopAmenitiesList li span#seeCountries a { color: #999; }
h3.tourSsh { font-size: 14px; font-weight: bold; margin: 0 0 12px 0; padding: 0; border-top: 1px solid #ddd; padding-top: 18px; }
ul.tourAmenitiesList { margin: 0 0 18px 0; padding: 0 0 0 34px; }
	ul.tourAmenitiesList li { margin: 0 0 4px 0; }
h4.amenityHeader { font-size: 13px; margin: 0 0 4px 0; padding: 0; }
div#amenitiesContent { margin-left: 20px; margin-right: 14px; border-bottom: 1px solid #ddd; }
	strong.amenityHilite { font-weight: bold; color: #e95c30; }
table.tourLayout td.narrowCol div.supplementalPics img { display: block; margin-bottom: 18px; border: 6px solid #e6daa9; }
table#tourReviewContentTable { margin-left: 20px; margin-right: 2px; border-top: 1px solid #ddd; }
	table#tourReviewContentTable td { vertical-align: top; padding: 12px 12px 12px 0; border-bottom: 1px solid #ddd; }
    table#tourReviewContentTable td.tourReviewSource img { display: block; margin: 0 auto; }
    table#tourReviewContentTable td.tourReviewContent { line-height: 1.5; color: #444; }
div.tourReviewAuthor { font-family: Arial, Verdana, sans-serif; font-style: normal; font-size: 11px; font-weight: bold; color: #555; margin-top: 3px; }
div.tourReviewEntry { margin-bottom: 16px; }
span.tourReviewMember { color: #777; font-weight: normal; }
div.tourFinish { font-size: 16px; color: #333; line-height: 1.25; text-align: center; }
h3.tourViewUnitsNow { margin-top: 16px; margin-left: 36px; }
div.findUnitsNextStep { margin: 0 0 16px 0; }
	div.findUnitsNextStep img.tourBtnUnit { display: block; margin: 0 auto; }