/************************* LUXURY VILLAS *******************/
#villa-page{min-height: 0px; padding: 30px 0px 5px 0px}

#villa-intro{padding: 0px 0px 5px 0px}
DIV.villa-intro{width: 50%; float: left}
DIV.villa-intro-right{float: right}	
DIV.villa-intro-left P{padding-right: 15px}	
DIV.villa-intro-right P{padding-left: 15px}	

#villa-gallery{font-size: 1px; line-height: 0px; padding: 25px 0px 25px 0px; background: #101010}
#villa-gallery DIV.container{font-size: 1px; line-height: 0px}
#villa-gallery DIV.outer{width: 33.333333%; float: left}
#villa-gallery DIV.inner{font-size: 1px; line-height: 0px; margin: -1px -1px 0px 0px; border: solid 1px #101010; position: relative}
#villa-gallery IMG{font-size: 1px; line-height: 0px; width: 100%; height: auto; cursor: pointer}

#villa-prices{margin-top: 5px; padding: 25px 0px 28px 0px; border-bottom: solid 1px #d0d0d0; background: #fffff4 url(../images/bg-banner-shadow.png) repeat-x 0px 0px}
#villa-prices DIV.container{overflow: hidden}
#villa-prices H2{text-align: center}
#villa-prices P.villa-prices-intro{color: #000; font-size: 14px; line-height: 18px; text-align: center; padding: 0px 150px 20px 150px}
DIV.villa-price-outer{width: 14.28%; float: left; border-top: solid 1px #fff; border-bottom: solid 1px #fff}
DIV.villa-dates, DIV.villa-prices{padding: 10px 5px 10px 5px}
DIV.villa-prices{padding-top: 18px; padding-bottom: 15px}

DIV.villa-odd DIV.villa-dates{background: #3090c4}
DIV.villa-odd DIV.villa-3-bedroom{background: #dbeefc}
DIV.villa-odd DIV.villa-2-bedroom{background: #b5ddf7}

DIV.villa-even DIV.villa-dates{background: #1868b8}
DIV.villa-even DIV.villa-3-bedroom{background: #b5ddf7}
DIV.villa-even DIV.villa-2-bedroom{background: #dbeefc}

DIV.villa-3-bedroom{border-top: solid 1px #fff; border-bottom: solid 1px #fff}
DIV.villa-odd DIV{border-left: solid 2px #fff; border-right: solid 2px #fff}

DIV.villa-dates P, DIV.villa-dates P SPAN{color: #fff; font-size: 18px; line-height: 22px; letter-spacing: -1px; text-align: center}
DIV.villa-dates P SPAN{color: #fff; font-size: 16px; line-height: 16px; letter-spacing: 0px}
DIV.villa-prices P{color: #000; font-size: 30px; line-height: 30px; letter-spacing: -1px; text-align: center}

#show-availability-calendar{color: #fff; font-size: 16px; line-height: 16px; font-weight: bold; letter-spacing: -1px; text-align: center; width: 210px; margin: 0px auto; margin-top: 22px; padding: 6px 0px 6px 0px; cursor: pointer; background: #1062bf}
#villa-availability{padding: 75px 0px 0px 0px; display: none; background: #fff url(../images/calendar-availability.png) no-repeat center 25px}
#availability-calendar DIV.calendar-month, #availability-calendar DIV.calendar-month-active{width: 25%; margin: -1px -1px 0px 0px; padding: 0px; border: none; display: block; float: left; background: #fffff8}
#availability-calendar DIV.calendar-month-inner{height: 200px; padding: 5px 4px 15px 5px; border: solid 1px #d0d0d0; overflow: hidden}
#availability-calendar IMG.button-calendar-up, #availability-calendar IMG.button-calendar-down{display: none}
#availability-calendar DIV.calendar-day-inner-available{cursor: text}
#availability-calendar DIV.date-available-booked{display: none}

#villa-sub-text {padding: 25px 0px 0px 0px}
#villa-sub-text P.read-more{text-align: center; padding: 0px 0px 25px 0px; display: none}
#villa-sub-text P.read-more A{color: #fff; font-size: 16px; line-height: 16px; font-weight: bold; letter-spacing: -1px; text-decoration: none; padding: 4px 40px 4px 40px; background: #1062bf}

#review-form{margin: 4px 0px -7px 0px; padding: 28px 0px 28px 00px; background: #1868b8 url(../images/bg-banner-shadow.png) repeat-x 0px 0px}
#review-form H2{color: #fff; text-align: center; padding-bottom: 18px}
#review-form-inner{width: 600px; margin: 0px auto; padding: 25px 25px 10px 25px; background: #b5ddf7}
DIV.review-left{padding: 0px 0px 5px 0px}
DIV.review-left P.label{color: #000; font-size: 14px; line-height: 17px; font-weight: bold; letter-spacing: -1px}
DIV.review-right{padding: 0px 0px 15px 0px}

#review-ratings-wrapper{height: 30px; margin-top: 5px}
#review-form DIV.rating{width: 146px; height: 30px; margin: 0px 15px 5px 0px; float: left; background: url(../images/ratings-big.png) no-repeat 0px -250px}
#review-form DIV.rating-0{background-position: 0px -250px}
#review-form DIV.rating-1{background-position: 0px -200px}
#review-form DIV.rating-2{background-position: 0px -150px}
#review-form DIV.rating-3{background-position: 0px -100px}
#review-form DIV.rating-4{background-position: 0px -50px}
#review-form DIV.rating-5{background-position: 0px 0px}

#review-form DIV.individual-rating{width: 29px; height: 29px; float: left; cursor: pointer}

#review-form DIV.rating-flag{width: 115px; height: 30px; float: left; background: url(../images/ratings-flag.png)}
#review-form DIV.rating-flag-0{background-position: 0px 0px}
#review-form DIV.rating-flag-5{background-position: 0px -30px}
#review-form DIV.rating-flag-4{background-position: 0px -60px}
#review-form DIV.rating-flag-3{background-position: 0px -90px}
#review-form DIV.rating-flag-2{background-position: 0px -120px}
#review-form DIV.rating-flag-1{background-position: 0px -150px}	

#review-form INPUT, #review-form TEXTAREA{color: #000; font-size: 14px; line-height: 14px; width: 98%; padding: 6px 0px 6px 5px; border: solid 1px #fff; background: #fff}
#review-form TEXTAREA{line-height: 17px; height: 90px}
#review-form INPUT.submit{width: 120px; height: 25px; margin: 0px 20px 0px 0px; cursor: pointer; border: none; float: left; background: url(../images/button-submit.png)}
#review-form #review-throbber{width: 25px; height: 25px; visibility: hidden}


/************************* POPUP *******************/
#mask{display: none; width: 100%; position: absolute; left: 0px; top: 0px; z-index:99; filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8; background: #000}
#popup{display: none; width: 780px; height: auto; margin: 0px 0px 0px -400px; padding: 10px; z-index: 100; position: absolute; top: -1000px; left: 50%; background: #fff url(../images/throbber.gif) no-repeat center center}
IMG.img-popup{width: 100%; height: auto; cursor: pointer}
P.img-popup-button{text-align: center; height: 24px; padding: 10px 0px 0px 0px}
IMG.img-popup-button{margin: 0px 7px 0px 7px; cursor: pointer}


/************************* ABOUT *******************/
#about-page{position: relative}

#about-content{margin: 0px 0px 0px 300px; padding: 30px 0px 5px 0px; background: url(../images/bg-divider.png) repeat-y left top}
#about-content H1, #about-content P.intro{text-align: left}
#about-content H1, #about-content P.intro, #about-content P.main{padding-left: 30px}

DIV.about-photo{margin: 0px 0px 25px 0px; padding: 20px 0px 20px 30px; border: solid 1px #d0d0d0; border-left: none; border-right: none}
DIV.about-photo DIV{font-size: 1px; line-height: 0px; padding: 2px; border: solid 1px #d0d0d0}
DIV.about-photo DIV IMG{width: 100%; height: auto}

#about-reviews{width: 300px; position: absolute; left: 0%; top: 35px}
#ratings{padding: 0px 30px 15px 0px; border-bottom: solid 1px #d0d0d0}
#ratings H2.ratings-header{color: #000; font-size: 18px; line-height: 18px; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 12px 0px}
#ratings TABLE.ratings-table{width: 100%}
#ratings TABLE.ratings-table TD{border: solid 3px #fff; border-bottom: solid 6px #fff}
#ratings TABLE.ratings-table TD.td-1{width: 60px; border-left: none}
#ratings TABLE.ratings-table TD.td-2{background: #fff0b0}
#ratings TABLE.ratings-table TD.td-3{width: 20px; border-right: none}
		
#ratings P.star-rating{color: #000; font-size: 11px; line-height: 11px; padding: 0px 0px 0px 2px}	
#ratings DIV.rating-bar{height: 16px; background: #ffb010}
#ratings P.rating-count{color: #000; font-size: 11px; line-height: 11px; padding: 0px 0px 0px 10px}	

DIV.reviews{min-height: 0px; margin: 20px 30px 0px 0px}
DIV.reviews IMG{margin-left: -4px}
DIV.reviews P.reviewer{color: #404040; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: -1px; padding: 0px 0px 5px 0px}	
DIV.reviews P.reviews{color: #2a2a2a; font-size: 14px; line-height: 17px; padding: 8px 0px 0px 0px}


/************************* CONTACT *******************/
#map-outer{width: 100%; height: 450px; position: relative}
#map-inner{width: 100%; height: 450px}

#contact-left{width: 310px; padding: 30px 0px 0px 0px; float: left}
#contact-right{margin: 0px 0px 0px 340px; padding: 30px 0px 30px 30px; background: url(../images/bg-divider.png) repeat-y 0px 0px}
FORM.contact-table{width: 70%}
FORM.contact-table DIV.contact-left{padding: 0px 0px 5px 0px}
FORM.contact-table DIV.contact-left P.label{color: #000; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: -1px}

FORM.contact-table DIV.contact-right{padding: 0px 0px 15px 0px}
FORM.contact-table DIV.contact-right-bottom{padding: 0px}
FORM.contact-table INPUT, FORM.contact-table TEXTAREA{color: #000; font-size: 14px; line-height: 14px; width: 97%; padding: 6px 0px 6px 5px; border: solid 1px #d0d0d0; background: #fff}
FORM.contact-table TEXTAREA{line-height: 17px; height: 70px}
FORM.contact-table INPUT.spam{width: 150px}
FORM.contact-table INPUT.submit{width: 120px; height: 25px; cursor: pointer; border: none; background: url(../images/button-submit.png)}
#contact-right DIV.contact-photo{font-size: 1px; line-height: 0px}
#contact-right DIV.contact-photo IMG{font-size: 1px; line-height: 0px; width: 100%; height: auto}