@charset "UTF-8";
/* CSS Document */
/*
	----------------------------
	GLOBAL WHITESPACE RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,li,pre,blockquote{ margin:0; padding:0; border:0; }
p,h1,h2,h3,h4,h5,h6,ul{ margin: 10px 0; }
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/
body { margin:0; padding:0; font: 11px Verdana, sans-serif; color:#000; background-color:#484314; text-align:center; }
h2 { font: 20px Georgia, sans-serif; color: #fff; margin-bottom: 0; }
h2.hasSubNav { position:relative; }
h2.hasSubNav span { position: absolute; right:10px; top:5px; }
h2.hasSubNav span, h2 span a { font: 11px Verdana, sans-serif; }
#property-caption { font: 16px Georgia, sans-serif; color: #fff; margin-bottom: 0; }
h3 { font: 12px Georgia, sans-serif; font-weight: bold; color: #000; margin: 0; padding: 0; }
a { color: #243248; text-decoration: none; }
a:hover { text-decoration: underline; }
/*
	----------------------------
	LAYOUT STYLES
	____________________________
*/
#wrapper{ width:780px; margin: 0 auto; text-align:left; }
#main { background: #bdbf94; }
	/* for 3rd Party Real Time Availibility Site */
	body#realTime #main { padding: 20px 10px; clear: both; }
	
#masthead{ background-color:#102038; height:80px; }
#content-full-width { padding:20px; clear:both; }
#content-main{ float:right; padding:0; width:354px; height: 539px; background-color:#bdbf94 }
#sideBar-main{ float:left; padding:0px; width:426px; height: 539px; background-color:#102038; }
#content-section{ float:right; padding: 5px 20px 0 20px; width:406px; /*height: 520px; */ height: 630px; overflow: hidden; background-color:#bdbf94; }
#sideBar-section{ float:left; padding:0; width:334px; height: 525px; overflow: hidden; background-color:#bdbf94; }
#footer{ clear:both; padding:0px; width: 780px; background-color:#484314; color: #d1d1d1; text-align: center; }
/*
	----------------------------
	NAVIGATION STYLES
	____________________________
*/
ul#navigation, ul#navigation li { margin:0;	padding:0; list-style-type:none; text-align:center; }
ul#navigation { padding: 0; }
ul#navigation li { float: left; background-color:#243248; height: 58px; width: 98px; font: 12px Georgia; text-transform: uppercase; position: relative; }
ul#navigation li.last, ul#navigation li.first { width: 96px; }
ul#navigation li a { color: #d1d1d1; text-decoration: none; display: block; height: 58px; width: 100%; padding: 0; }
ul#navigation li a span { padding-top: 15px; display: block; }
ul#navigation li a span.three-line { padding-top: 8px; }
ul#navigation li a:hover, ul#navigation li a.active { color:#102038; background: #d1d1d1; }

ul#main-navigation { margin: 0; padding: 0; width: 426px; list-style-type: none; text-align: left; }
ul#main-navigation li { width: 426px; border-top: 1px solid #102038; text-transform: uppercase; font: 12px Georgia, Times; letter-spacing: 1px; }
ul#main-navigation li a { color: #d1d1d1; background: #243248; text-decoration: none; text-indent: 40px; width: 426px; height: 15px; display: block; padding: 6px 0 6px 0; }
ul#main-navigation li a:hover, ul#main-navigation li a.active { background: #d1d1d1; color: #102038; }

ul.tour-list { margin: 5px 0 0 0; list-style: none; }
ul.tour-list li a { display: block; height: 25px; padding-left: 20px; }
ul.tour-list li a.watchFilm { background: url('../media/watchFilm.gif') 0 3px no-repeat; }
ul.tour-list li a.downloadFilm { background: url('../media/downloadFilm.gif') 0 3px no-repeat; }
ul.tour-list li a.downloadPdf { background: url('../media/downloadPdf.gif') 0 3px no-repeat; }
ul.tour-list li a.downloadFolder { background: url('../media/downloadFolder.gif') 0 3px no-repeat; }
ul.tour-list li a.downloadColour { background: url('../media/downloadColour.gif') 0 3px no-repeat; }
ul.tour-list li a.downloadMap { background: url('../media/downloadMap.gif') 0 3px no-repeat; }

ol { margin: 0 0 5px 15px; padding: 0; }
ol li { margin: 0 0 5px 0; font: 12px Georgia, sans-serif; font-weight: bold; color: #000; }

ul#monetaryTriggers, ul#rentalTriggers, ul#miscTriggers { clear: both; list-style: none; padding-top: 0; margin: 0 0 0 0; }
ul#monetaryTriggers a, ul#rentalTriggers a, ul#miscTriggers a { display: block; height: 15px; margin-right: 5px;}
ul#monetaryTriggers a:hover, ul#rentalTriggers a:hover, ul#miscTriggers a:hover { background: #e2e4bb; text-decoration: none; }
ul#monetaryTriggers a.active, ul#rentalTriggers a.active, ul#miscTriggers a.active { background: #102038; color: #d1d1d1; }
ul#monetaryTriggers a.active:hover, ul#rentalTriggers a.active:hover, ul#miscTriggers a.active:hover { background: #102038; color: #d1d1d1; text-decoration: none;}
ul#monetaryTriggers li, ul#rentalTriggers li, ul#miscTriggers li { float: left; width: 130px; margin: 0; padding: 0; }
ul#monetaryTriggers li.clear, ul#rentalTriggers li.clear, ul#miscTriggers li.clear { clear: left; }


ul#footer-list, ul#footer-list li { margin:0; padding:0; list-style-type:none; text-align:center; font-size: 10px; }
ul#footer-list { padding:10px 0; }
ul#footer-list li { display:inline; padding:0 1px;}
ul#footer-list li.last { border-right:0; }
ul#footer-list li a { color: #D1D1D1; text-decoration:none; font-weight:normal; font-size:10px; }
ul#footer-list li a:hover { color:#000; }
.resortquest-logo{top: 10px; position: relative;}

/*
	----------------------------
	PAGE SPECIFIC STYLES
	____________________________
*/

img#logo { padding: 25px 0 0px 35px; }
img#logo.mainpage { padding-bottom: 26px; }

#content-main h2 { text-indent: 10px; margin: 0; padding: 20px 0 0 0; line-height: 0px; }
#content-main p { padding: 0 10px; margin-bottom: 0; line-height: 1.95em; }

#results-count, #property-return { width: 400px; height: 20px; margin-right: 15px; padding: 8px 0 4px 0; float: right; border-bottom: 1px solid #ced0b1; line-height: 0px; }
#property-return-short { width: 300px; height: 20px; margin-right: 15px; padding: 8px 0 4px 0; float: right; border-bottom: 1px solid #ced0b1; line-height: 0px; }
#results-count p, #property-return p, #property-return-short p, #bottom-count p { float: right; }
#results-count p span, #bottom-count p span { padding: 0 15px;}
#bottom-count { width: 750px; height: 20px; margin-right: 15px; padding: 8px 0 4px 0; float: right; border-bottom: 1px solid #ced0b1; line-height: 0px; }
#results-header, #property-header, .map-header, .tour-header, .info-header, .err-header { float: left; width: 350px; margin: 0 0 0 15px; padding: 0; border-bottom: 1px solid #ced0b1; }
#property-header-long { float: left; width: 450px; margin: 0 0 0 15px; padding: 0; border-bottom: 1px solid #ced0b1; }

/*Rental Reservation Information*/
.info-header { width: 750px; margin-bottom: 0; }
#simpleSteps { float:left; padding:0 0 0 15px; width:334px; height: 525px; overflow: hidden; background-color:#bdbf94; }
#simpleSteps p { line-height: 1.80em; }
#simpleSteps a img { margin-left: 50px; margin-top: 10px; }
#frequentAskedHolder { float:right; padding: 0 15px 0 0; width:391px; height: 520px; overflow: hidden; background-color:#bdbf94; }
.faq { margin-left: 0; width: 391px; }
.steps { margin-left: 0; width: 334px; }
.faqAnswerHeader { width: 371px; margin: 0 0 5px 0; height: 22px;}
.faqAnswerHeader h2 { margin-top: 0; }
#faqAnswer { height: 180px; padding: 10px; margin: 10px 0 0 0; background-color: #102038; overflow: hidden; }
#faqAnswer p { clear: left; padding: 0; margin: 0; color: #ffffff; line-height: 1.9em; height: 172px; }
#video { border: 2px solid #102038; margin: 15px 0 0 0;width:320px;height:240px; }
h3.statement { margin-top:10px; }

/*404*/
.err-header { width: 750px; margin-bottom: 15px; }
#errors { margin: 0 15px; padding-bottom: 15px; }

/*Sitemap*/
#sitemap { clear: left; padding-bottom: 5px; }
#sitemap ul li { margin: 0 0 3px 30px; }
#sitemap ul li ul { margin: 3px 0 6px 0; padding: 0; }
#sitemap ul li ul li { margin-left: 15px; }

/*Property Map*/
.map-header { width: 750px; margin-bottom: 15px; }
.map-header h2 { float: left; }
.map-header ul { float: right; margin-top: 10px; }
.map-header ul li a { padding-top: 4px; height: 15px;}
#largeMap { clear: left; width: 750px; height: 450px; margin: 0 15px 0 15px; }
#largeMapLegend { padding: 0 15px; margin-bottom: 13px; }
#largeMapLegend img { float: left; padding-right: 13px; }
#largeMapLegend p { float: left; padding-right: 12px; width: 180px; margin: 0; }
.infoWindow img { display: block; float: left; margin-right: 5px; }
.infoWindow h3 { margin: 0 0 3px 0; }
.infoWindow p { margin: 0 0 3px 0; padding: 0; }

/*Individual Properties Maps*/
#property-map-large { width: 485px; height: 422px; }

/*Scenic Tour*/
.tour-header { width: 750px; margin-bottom: 15px; }
#tour-content { margin: 0 15px 0 15px; padding-bottom: 15px; float: left; }
#tour-extras { float: left; width: 250px; line-height: 1.95em; }
#tour-extras p { margin: 5px 0 0 0;}
h3.tour { margin-top: 10px; }


/*Amex Page */
#amexSplash { height:58px; width:406px; margin-top: 20px; background: transparent url('../media/american-express-promo.jpg') top left no-repeat; }
#amexSplash p { display: block; text-indent: -9000px; }

/*Search Rentals*/
#content-section p { line-height: 2.5em; margin: 0px; color:#000; font-size:11px; font-weight:normal;}
#form-holder { padding: 5px 0; height: 0;}

/*GuestServices*/
#content-section-guest {padding: 5px 20px 0 20px; /*height: 520px; */ min-height: 630px; background-color:#bdbf94;}
#content-section-guest p {line-height: 2em; margin: 0px;}
#content-section-guest h3 {font: 16px Verdana, sans-serif; margin: 0px; text-transform:capitalize;}
#content-section-guest .serviceLogo {width:160px; float:right; margin:0 0 10px 15px;}
#content-section-guest hr {clear:both; border:0; width:100%; color:#818355; background-color:#818355; height:1px; margin:20px 0px;}

/*Rentals Results*/
#rental { width: 780px; clear: both; }
#results-count a, a.rental-perks, ul.rental-actions li a, p.rental-description a, #content-main a, #bottom-count a { font: 12px Helvetica, Arial, sans-serif; color: #243248; font-weight: bold; text-decoration: none; }
div.rental-image { width: 250px; height: 190px; padding: 15px 15px 0 15px; float: left; }
div.rental-info, div.property-info { width: 485px; padding: 15px 15px 0 0; float: right; }
div.rental-info { padding-top: 11px; height: 194px; }
/* -- Rental entries */
div.rental-header { padding: 0; margin: 0; height: 2em; border-bottom: 1px solid #ced0b1; }
div.rental-header h2 { padding: 0; margin: 0; float: left; }
div.rental-header h2 a { padding: 0; color: #fff; float: left; }
div.rental-header h2 a:hover { text-decoration: none; }
div.rental-header a { padding: 9px 0 0 0; margin: 0; float: right; }
ul.rental-actions { clear: both; list-style-type: none; padding: 0 0 10px 0; margin: 5px 0 0 0; }
ul.rental-actions li { float: left; }
ul.rental-actions li a { padding: 0 10px; border-left: 1px solid #243248;}
ul.rental-actions li.first a { padding-left: 0; border: 0; }
p.rental-description { clear: both; line-height: 1.5em; margin: 10px 0;}
ul.rental-metainfo { list-style-type: none; font: 12px Georgia, sans-serif; font-weight: bold; color: #000; margin: 0; width: 300px; }
ul.rental-metainfo li { padding: 0 0 0.6em 0;}
ul.rental-metainfo span { font: 11px Verdana, sans-serif; font-weight: normal; }
div.rental-footer { position: relative; height: 75px; }
div.rental-cost { position: absolute; top: -2px; right: 0; margin: 0; padding: 0; }
div.rental-cost table, div.rental-cost table tbody, div.rental-cost table tr, div.rental-cost table th, div.rental-cost table td { padding: 0; margin: 0; border-collapse: collapse; }
div.rental-cost table td { padding: 1px 0; }
div.rental-cost table tr.even { background: #e2e4bb; }
div.rental-cost table thead { font: 12px Georgia, sans-serif; color: #000; text-align: left; padding: 0; margin: 0;}
div.rental-cost table td.rental-span { padding: 0 0 0 10px; }
div.rental-cost table th.rental-price { text-align: left; padding: 0 0 0 10px; }
div#bottomClear { height: 14px; }

/*Individual Rental*/
#property-header span, #property-header-long span { font-size: 15px; padding-left: 5px; }
#property-return a, #property-return-short a { font: 12px Helvetica, Arial, sans-serif; color: #243248; font-weight: bold; text-decoration: none; }
#property-image-large { background: #102038; position: relative; width: 485px; height: 323px; text-align: center; clear: both; }
#property-caption { position: absolute; left: 15px; bottom: 15px; z-index: 2; background: #102038; color: #fff; padding: 2px 5px; text-align: left; }
#property-next { position: absolute; right: 3px; bottom: 150px; z-index: 2; background: transparent url('../media/nextImageInactive.png'); height: 40px; width: 40px; display: block; text-indent: -9000px; }
#property-next:hover { background: transparent url('../media/nextImage.png'); }
#property-previous { position: absolute; left: 3px; bottom: 150px; z-index: 2; background: transparent url('../media/prevImageInactive.png'); height: 40px; width: 40px; display: block; text-indent: -9000px; }
#property-previous:hover { background: transparent url('../media/prevImage.png'); }
#property-image { margin: 0 auto; }
div.property-details { width: 250px; padding: 15px 15px 0 15px; float: left; }
div.property-details h3 { margin: 0; padding: 0; }
div.property-details p { margin: 0; padding: 5px 0 10px 0; line-height: 1.5em; }
div.property-details table { text-align: left; margin: 0 0 14px 0; padding: 0; border-collapse: collapse; width: 250px;}
div.property-details th { margin: 0; padding: 0; width: 33%; }
div.property-details th.descriptor { font: 12px Georgia, sans-serif; font-weight: bold; }
div.property-details tr.even { background: #e2e4bb; }
div.property-details td { margin: 0; padding: 3px 0 3px 0; width: 33%; }
td.number, th.number { text-align: center; }
#propertyPdf { background-position: 0 0;}
div.property-info #views { background: #102038; width: 485px; height: 20px; list-style-type: none; margin: 0; padding: 0; border: 0;}
div.property-info #views li { float: right; }
div.property-info #views li a { font: 12px Helvetica, Arial, sans-serif; color: #fff; margin: 0; display: block; font-weight: bold; text-decoration: none; padding: 3px 6px 3px 6px; }
div.property-info #views a.active, div.property-info #views a:hover { color:#102038; background: #d1d1d1; font-weight: bold; }
#request-availability { position: absolute; z-index: 5; margin: 0; padding: 0; background: #243248; width: 485px; height: 0px; }
#request-availability form { display: none; }
#request-availability-link { position: absolute; height: 20px; font: 12px Helvetica, Arial, sans-serif; color: #fff; display: block; font-weight: bold; text-decoration: none; padding: 3px 6px 2px 6px;}
#request-availability-link:hover { color:#102038; background: #d1d1d1; font-weight: bold; }
#request-availability-link.active { color:#102038; background: #d1d1d1; font-weight: bold; }
#request-availability-newlink { position: absolute; height: 20px; font: 12px Helvetica, Arial, sans-serif; color: #fff; display: block; font-weight: bold; text-decoration: none; padding: 3px 6px 2px 6px;}
#request-availability-newlink:hover { color:#102038; background: #d1d1d1; font-weight: bold; }
#request-availability-newlink.active { color:#102038; background: #d1d1d1; font-weight: bold; }
#necessary-request-items { position: absolute; left: 0; top: 0; }
#optional-request-items { position: absolute; left: 253px; top: 0; }
#calendar-label { font-weight: bold; float: left; padding-left: 3px; color: #fff; width: 75px; }
#questions-label { color: #fff; }
#cal1Container { position: relative; left: 19px; }
table.yui-calendar { height: 140px; }

/*Contact*/
div#warningMessage { margin: 0 0 0 110px; display: none; height: 20px; overflow: hidden; padding: 0; }
div#warningMessage.show { display: block; }
div#warningMessage img { float: left; }
div#warningMessage p { margin: 0; padding: 0; position: relative; top: -6px; left: 5px; }

/*Forms*/
input { margin-top:10px; }
/*form { margin-top: 20px; }*/
form fieldset { clear: both; border: 0; margin: 1em 0; padding: 0; }
form.rental-price-selector fieldset{ margin: 0; }
/*form fieldset.row { margin: 2em 0; }*/
form fieldset.button { margin: 0 0 0 110px; clear: none; padding: 0; }
form input, form select, form textarea#contactText { margin-left: 110px; margin-top: 0px; border: 1px solid #bdbf94; background-color: #e2e4bb; }
form label { position: absolute; font: 12px Georgia, sans-serif; font-weight: bold; }
form textarea { clear: left; margin-top: 30px; width: 225px; font: 13px Verdana, sans-serif; border: 0; height: 178px; }
form textarea.error { border: 1px solid #ff0000; }
form input.emailInputs { width: 276px; border: 1px solid #bdbf94; background-color: #e2e4bb; padding-left: 2px; padding-right: 2px; }
form input#closeRequest { width: 150px; border: 0; margin-left: 0; position: relative; top: -1px; background-color: #ffffff; }
form select.search-options { width: 200px; }
form input.submit { border: 1px solid #bdbf94; background-color: #243248; width: 200px; color: #d1d1d1; }
form input.regtext, form input.submitReq { width: 150px; margin-left: 97px; border: 0; }
form input.submitReq { margin-top: 10px; background-color: #ffffff; }
form input.reqAvailable { background-color: #ffffff; padding-left: 2px; padding-right: 2px; width: 146px; }
form textarea#contactText { width: 276px; border: 1px solid #bdbf94; background-color: #e2e4bb; padding-left: 2px; padding-right: 2px; }
form label.checkbox { font-weight: normal; }
form label.request { padding-left: 3px; color: #fff; }
form div#first-amenities { margin-left: 110px; width: 100px; }
form div#second-amenities { margin-left: 240px; width: 100px; }
form select.rental-span-select { margin: 0; border: 0; font: 11px Verdana, sans-serif;}
form input.error { border: 1px solid #ff0000; }
form label.error { color: #ff0000; }
form div#sent-message { padding: 10px; color: #fff; font-size: 14px; }


/*
	----------------------------
	Alert Form on Search Page
	____________________________
*/
div#alertForm { text-align: center; font-size: 14px; padding:20px; }
div#alertForm a { margin:padding: 5px; font-weight: bold; text-decoration: underline; }

/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear{ overflow:hidden; height:1px; clear:both; }

/* -- flipkey shtuff -- */
#FKcontainer p.name { line-height: 1em; }