body {margin:1em; background-color: #fff}
h1,h2,h3,h4,h5, h1 a, h2 a, h3 a {font-weight:normal;clear: left; padding: 0 0.25em 0 0; margin: 0;text-decoration: none}
h1{font-size: 200%;margin-top:0.125em; margin-bottom: 0.25em}
h1, h1 a {color: #777; text-decoration:none}
h2 {font-size: 150%; color: #999}
h2 a {color: #999; text-decoration:none}
h2 a:visited {color: #999; text-decoration:none}
div {margin:0;padding:0}
table {margin: 0.25em 0 0 0.25em;border-collapse: collapse;clear:both}
th,td {margin: 0;padding: 0 1em 0 1em; vertical-align:middle}
th {color: #777}
/*th {border-bottom: 1px solid black;color: #777}
td {border-bottom: 1px solid black}*/
img {border: 0}
a, a:visited {text-decoration:underline;color:#00f}
a:hover {background-color: #eee}

.header_row {color: #777; font-weight: bold; border-bottom: 2px solid #ddf;}
.header_cell {color: #777; font-weight: bold; border-right: 2px solid #ddf}
input, textarea, select {display: block}
input[type=submit] {font-size: 150%}
form {margin: 0}
label {margin-top:0.25em; background-color: #ddf}
legend {background-color: #07739e;color:white; font-weight:bold; padding:0.25em; border-radius:0.25em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.25em}
fieldset {border: 1px solid #aad; border-radius:0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; display:inline-block; vertical-align:top; margin: 0.25em; background-color:#fff}
.buttons {clear: both; padding: 1em}
.errorlist {border: 1px red solid}
#id_description {width: 30em}
textarea {width:30em; height:10em}

.content_label {color: #999; font-weight: bold}

.bigform input, .bigform select {display: block; margin-bottom: 0.25em; }
.bigform input {width: 20em}
.bigform .buttons input {display: inline; width:auto}
.bigform .linedup {min-height:19em}
.currency select {display: inline}
.currency input {display:inline; width: 15em}
#id_message {display:block}
#id_country {width:20em}

#quickform {width:20em; float:right;padding:1em}
#quickform fieldset {margin: 0 auto 0 auto}
#quickform {font-size: 80%}
#quickform input {margin-bottom: 0.1em}
#quickform .formdate {margin-bottom: 0.25em}
#quickform label {margin-top: 0.2em; padding: 0}
#quickform p {margin:0; padding: 0}

#quickform .currency input {width: 10em}

.listing {border-bottom: 1px #999 solid; margin-top:1em}
.listing h2 {float:left}
.listing .rating_wrap {float:left; margin-top:0.5em}
.listing .price_container {float:right}
.listing .price {float:right; font-weight:bold; color: #777;}
.listing img {clear:both;float:left;border:none; margin:0 1em 0.25em 0; padding: 0}
.listing p {margin: 0;padding: 0}
.listing .summary_wrap {clear:both}

.page_image_set {margin: 1em; text-align:center}
.page_image_set img {margin: 10px}
.single_page_image {float:left; margin: 1em}

.popsummary, #starexp {display: none; position:absolute; background-color:white; border: 1em solid #aaa; padding: 1em; border-radius:2em; -moz-border-radius: 2em; -webkit-border-radius: 2em;}
.popsummary {position: fixed; left:15em; top: 1em}
#starexp {top:0;left: 0;z-index:10; width: 20em}
#starexp_close {text-align:right;margin: 0 0 1em 0}
#starexp_close a {cursor: pointer}
.popsummary img {float:left;border:none; margin:0 1em 0.25em 0; padding: 0}
.popsummary p {margin: 0;padding: 0}
.chosen {}

.imagenav {padding: 0; margin:0;white-space:nowrap;overflow:hidden}
.imagenav li {display:-moz-inline-box;display: inline-block; margin: 0 0 auto 0;padding: 0; width: 150px; vertical-align:top; text-align:center; white-space:normal;list-style-type: none}
.imagenav img {display: block;margin: 10px 25px 5px 24px;border:1px solid black}
.imagenav a {text-decoration: none; background-color:white}
.imagenav .morearrow {margin: 11px 26px 5px 24px;}

.action_icons {float: right}
.inline-icon {height: 1.25em; vertical-align: middle}
.odd {background-color: #ddf}

.showhidebuttons a {display:none}
.infolinks {margin-top: 1em; margin-bottom:1em;}
ul.infolinks li {margin-bottom: 15px;}

#precontent {margin-top: 1em; margin-bottom: 1em}

.calheader {text-align:center}
.calendar {margin: 1em ;display:-moz-inline-box;display:inline-block; vertical-align:top;}
.calendar td, .calendar th {border: none; text-align:center; padding: 0; width: 1.5em}
.sunday {color: red}
.calendar td {font-size: 100%; border-bottom: 0.25em white solid}
/*.booked {background-image: url(cal-booked.png);background-position: 50% 50%;background-repeat: repeat-x;}*/
.booked, .held, .conf, .book, .rqbk, .held_conf, .held_book, .held_rqbk, .conf_book, .conf_rqbk, .book_rqbk, .rqbk_book, .rqbk_conf, .rqbk_held, .book_conf, .book_held, .conf_held {background-color: #ccc}
.bookingstart, .endfree {background-image: url(grey-br-triangle.png);background-position: 50% 50%;background-repeat: no-repeat}
.bookingend, .startfree {background-image: url(grey-tl-triangle.png);background-position: 50% 50%;background-repeat: no-repeat}
.notmonth {color:#eee; background-color: #fff; background-image: none}

.date {white-space: nowrap}

#logos {position:absolute;top: 0; left:0.25em;padding:0;margin:0; font-size: 300%; z-index: -2; background-color: #fff; color:#000}
#logos, #logos a, #logos a:visited {font-weight:bold; color: #ddf; text-decoration:none}
#logo {margin:0.25em 0 0 2.75em;padding:0;font-size: 200%; z-index: 1; float: left}
#logo, #logo a, #logo a:visited {color:#000;text-decoration: none}

/*#section {padding:0; font-size: 125%; margin: 0.25em 1em 0 0;border-bottom: 1px solid black;height: 1px}*/
/*white border is IE fix*/
#sectlist{padding: 3px 0; margin: 2.5em 0 0 0;border: 1px solid #fff;border-bottom: 1px solid #000; white-space:nowrap;float:right;text-align:right;position:relative; top:1px} /*top margin to 1.5em for minimal space*/
#sectlist li {list-style: none; margin: 0;display: inline;position:relative}
#sectlist li a
{padding: 3px 0.5em;margin-left: 3px; margin-right: 3px;border: 1px solid #444; border-bottom: none;border-top-right-radius:0.5em; -moz-border-radius-topright: 0.5em; -webkit-border-top-right-radius: 0.5em;border-top-left-radius:0.5em; -moz-border-radius-topleft: 0.5em; -webkit-border-top-left-radius: 0.5em;background: #ccc;text-decoration: none;}
#sectlist li a:link,#sectlist li a:visited {color:#000}
#sectlist li a:hover {color: #000;background: #eee;border-color: #227;}
#sectlist li a#current {background: #eee;border-bottom: 1px solid #eee;}

#nav {margin:0 0 1em 0; padding:0.25em 1em 0.25em 1em; border-top: 1px #000 solid; border-bottom: 1px #ddd solid; clear: both;background-color:#eee}
#nav a {color: #000; text-decoration: none}
#nav a:hover {border-top: 1px black solid; border-bottom: 1px black solid}
#nav li {display: inline; padding-right: 2em; white-space: nowrap; list-style-type: none; margin-top:0}

/*#contact {-moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow:  5px 5px 5px #ccc; box-shadow:  5px 5px 5px #ccc; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em;border-radius:0.5em;padding:0.25em; border: 3px outset #ddf}*/
#contact {float:right; font-weight:bold; color:#900}
#contact li a {font-weight:bold; color:#900}

#villalists {}
#contactcontainer {}
#id_date_from_month, #id_date_from_day, #id_date_from_year, #id_date_to_month, #id_date_to_day, #id_date_to_year{display: inline}

#fp_types, #fp_loc, #fp_all {float: right;clear: right; width:305px; margin-left: 25px}
#fp_types h1, #fp_loc h1, #fp_all h1 {font-size: 125%; text-align: center}
#fp_types .imagenav, #fp_loc .imagenav {white-space:normal}
#fp_all {text-align:center}
#fp_all a {text-decoration: none}
#fp_all img {margin: 10px 0 0 0;border:1px solid black}


#page_gallery {float:right; clear:right;margin: 0.5em;height:496px;overflow:hidden}
#fp_gallery {float:left; margin: 0.5em}


#fp_text_2 {clear:left}

.popup {position: absolute; top: 1em; left: 50%; margin-left: -12em; width: 20em; background-color: white; padding: 1em; border: 1em solid #aaa; padding: 1em; border-radius:2em; -moz-border-radius: 2em; -webkit-border-radius: 2em;}

#notavail {position: absolute; height: 100%; width: 100%; background-color: rgba(255,255,255,0.7)}
#villaname {float:left}
#sidebar {float:right; width: 16em; display: inline;padding-top:0.75em; margin-left: 2em}
#sidebar table {margin-top: 1em; margin-left:0}
#sidebar h2 {text-align: center; font-size:100%; font-weight:bold; clear:both; margin-top: 0.75em}
#question {margin: 0 0 0 0.25em; background-color: black; color:white; font-weight: bold; font-size: 150%; text-decoration: none; padding-left:0.25em; padding-right: 0.25em}
#list-button {display:block;clear:left; margin-bottom: 0.25em; margin-right: 2em; padding: 0.25em}
#list-button input {vertical-align:middle}
#list-button form {display:inline;display:inline-block}
#villa_contact {font-weight:bold}
#askingprice {font-size: 125%; padding: 0.25em; text-align: center}
#sidebar ul {margin:0;padding:0; border-bottom: 2px solid #ddf}
#sidebar li, #pagelist li {list-style-type:none; padding: 0.1em 0.1em 0.1em 0.25em; margin: 0}
.pricetable {width: 16em}
.startrent, .endrent,.rentcost {padding: 0; text-align: right}
.startrent,.rentcost {padding-left: 0.25em}
.rentcost {padding-right: 0.25em}
.endrent {padding-right:  1em}

#rating {font-weight: bold; font-size: 100%; text-align: center; color: #999}
.rating_wrap {position: relative; width:59px; margin-top:0.25em}
#rating_page {clear:left; position:relative}
#rating_page .rating_wrap {display: inline-block; vertical-align: top}
#sidebar .rating_wrap {margin: 0 auto 0 auto}
.rating_stars {position:absolute;left: 0; top: 0; text-align:left; overflow:hidden}
.rating_bar {width: 55px;background: url(/media/misc/star_x_grey.gif) 0 0 repeat-x; margin: 0 auto 0  auto}
.rating_bar div {height: 12px;background: url(/media/misc/star_x_orange.gif) 0 0 repeat-x; margin-bottom: 0.25em}
#rating_text {float: right}
.reviewblock .rating_bar {margin: 0}

#description, #description-intro,#description-add {margin-bottom: 0; clear:left;margin-right:17em}
#description-button {clear:left; padding: 0 0 2em 0; position:relative: top:-1em}
#reviews-button, #floorplan-button {display:inline-block; margin-right: 2em}
.infolinks {margin: 1em 0 1em 0; padding:0}
.infolinks li {display:inline-block; margin: 0 2em 0 0;padding: 0;list-style-type:none;}

#villagallery {width: 100%;margin:0;padding:0}
#firsttpics,#restpics {margin:0;padding:0}
.gallerypic {display:-moz-inline-box;display: inline-block;width:45%; margin: 1em 2% 1em 2%;padding:0; max-width: 600px}
#villagallery img {width: 100%; padding: 0; margin:0}
#restpics-button {text-align:center; font-size: 150%;clear:both}

.payments-table tr td:first-child {width: 10em}
.payments-table .currency {text-align: right}

#footer {background-color: #eee;color: #000; border-top: solid #000 5px; margin: 2em -1em -1em -1em; padding: 1em;clear:both}
#columns {display:inline}
#footer ul {display:-moz-inline-box;display: inline-block;vertical-align:top}
#footer li {font-weight: bold; list-style-type:none;}

.notfound {font-size: 200%; font-weight: bold; margin:1em; border: 3px solid #a00; text-align: center}

#footer a {color: #000;font-weight: normal;text-decoration:none}
#footer a:hover {color: #000; background-color: #fff}

body,#footer a {font-family: "URW Palladio L","Palatino Linotype",Palatino,Georgia,serif;}

h1,h2,h3,h4,h5, h1 a, h2 a, h3 a, th, legend, .linkslist, .infolinks, .price, .header_row, .header_cell, #logos, #logos a, #logos a:visited,#footer li,.calendar, .imagenav a, #sectlist, #nav,#rating, #description-button, #reviews-button, #floorplan-button, #question, #askingprice, #fp_all, .content_label {font-family: "DejaVu Sans","Bitstream Vera Sans",Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","Liberation Sans",Verdana,sans-serif;}

@media print {
#nav, .imagenav, #list-button, #footer, #list-button, #nav, #precontent, #sectlist, #description-button, #reviews-button, #floorplan-button,.action_icons,.inline-icon, .infolinks, .similarlinks {display:none}
#logos {position:static; float:left}
#logo {margin: 1em}
a {color:black; text-decoration:none}
}

@media handheld {
	#sectlist {float: none;clear:both; margin-top: 0}
	#villaname, #sidebar {float: none; width: 100%}
	#description, #description-intro,#description-add {margin:0}
	.listing h2 {float:none}
	.gallerypic {display: block; width: 100%}
}

@media only screen and (max-width: 50em) {
	#sectlist {float: none;clear:both; margin-top: 0}
	#villaname, #sidebar {float: none; width: 100%}
	#description, #description-intro,#description-add {margin:0}
	.action_icons {float: none; margin: 1em 0}
	.listing h2 {float:none}
	.gallerypic {display: block; width: 100%}
}

@media only screen and (max-width: 900px) {
	#page_gallery {display:block;float:none; margin: 0.25em auto 0.25em auto; width: 612px}
	.popsummary img {width: 150px}
}


@media only screen and (max-width: 500px) {
	.listpic {display: block; float:none}
	.listing p {clear: both}
}