@import url(reset.css); 

html {
}

body {
	font: 12px/20px Arial, Helvetica, sans-serif; 
}

.container {
	position: relative; 
	width: 100%; 
}
	#content_container {
		background: url(images/bg.jpg) repeat-x; 
	}

	#content_container.probar_collapsed {
	}

	#footer_container {
		clear: both; 
		height: 200px; 
		margin-top: 45px; 
	}

.outer {
	width: 100%; 
}

.inner {
	width: 986px; 
	margin: 0 auto; 
	position: relative; 
}

.clear {
	clear: both; 
}


#topnav {
	position: relative; 
	background: url(images/topnav_bg.png) no-repeat; 
	height: 295px; 
}

	body.template_home #topnav {
		background: url(images/topnav_bg_home.png) no-repeat; 
	}

	body.template_destination #topnav {
		background: url(images/topnav_bg_destination.png) no-repeat; 
	}

	#topnav li {
		position: absolute; 
	}
	#topnav_logo {
		top: 50px; 
		left: 17px; 
	}

	.topnav_bar {
		top: 71px; 
		left: 165px; 
	}
		.topnav_bar a {
			width: 122px; 
			height: 26px; 
			display: block;
			margin-right: 1px; 
			background: url(images/topnav_bar_bg.png) top left no-repeat; 
			font-weight: bold;
			color: #58677b; 
			text-transform: lowercase; 
			text-align: center; 
			line-height: 27px; 
		}
			.topnav_bar a:hover,
			.topnav_bar:hover a,
			.topnav_bar a.on,
			#body_specials #topnav_specials a,
			#body_about #topnav_about a,
			#body_suggestions #topnav_suggestions a {
				background-position: center left; 
			}
			.topnav_has_pulldown:hover a,
			.topnav_has_pulldown a:hover {
				color: #fff; 
				background-position: bottom left !important; 
			}


		#topnav_villas {
		}
		#topnav_specials {
			left: 288px; 
		}
		#topnav_suggestions {
			left: 411px; 
		}

		#topnav_about {
			left: 534px; 
		}


		#topnav .topnav_pulldown {
			position: absolute; 
			top: 25px; 
			left: 0;
			z-index: 10; 
			width: 122px; 
			padding: 0; 
			padding-bottom: 11px; 
			overflow: hidden; 
			background: url(images/topnav_pulldown_bg.png) bottom right no-repeat; 
			display: none; 
		}
			#topnav .topnav_pulldown li {
				position: relative; 
			}
				#topnav .topnav_pulldown li a {
					text-align: left; 
					color: #fff; 
					font-weight: normal;
					line-height: 17px; 
					text-transform: none; 
					font-size: 11px; 
					height: auto;
					border-top: 1px solid #fc6f4c; 
					padding: 0; 
					padding-left: 15px; 
				}
					#topnav .topnav_pulldown li a:hover {
						background: #fc6f4c url(images/arrow-right3.gif) center left no-repeat !important; 
					}

			#topnav li.topnav_bar:hover .topnav_pulldown {
				display: block;
				z-index: 9999; 
			}

		#topnav_hidethis {
			position: absolute; 
			top: -18px; 
			left: 474px; 
		}
			#hidethis {
				font-size: 10px;
				color: #7ba8dd;	
				text-decoration: none; 
				display: block;
				height: 30px; 
			}
				#hidethis:hover {
					color: #fff; 
				}



	.phone {
		color: #e3370d;
		font-size: 16px; 
		font-family: Georgia, serif; 
	}
		.phone em {
			font-style: normal !important; 
			font-family: Arial, sans-serif; 
			font-size: 10px; 
			text-transform: uppercase; 
			color: #f17d60; 
		}

	#topnav_usphone {
		left: 184px; 	
		top: 21px; 
	}
	#topnav_ukphone {
		top: 21px; 
		left: 347px; 
	}

	#topnav_site_search {
		left: 676px;
		top: 17px; 
		width: 285px;
		height: 17px; 
		padding-left: 10px; 
		background: url(images/site_search_bg.gif) top left no-repeat; 
	}
		#site_search_query {
			background: none;
			border: none; 
			float: left; 
			width: 195px; 	
			font-size: 11px; 
			padding-top: 2px; 
			margin-right: 4px; 
		}
		#site_search_submit {
			position: absolute;
			top: 0;
			right: 0;
		}
		#topnav_site_search .btn {
			margin-top: -1px; 
		}

	#topnav_villa_search {
		top: 157px; 
		left: 17px; 
	}
		#topnav_villa_search select {
			display: block;
			width: 130px; 
			margin: 0 0 6px 0; 
		}

		#villa_search_submit {
			display: block;
			margin: 8px auto; 
			white-space: nowrap; 
		}

	#topnav .btn,
	#content .btn {
		display: block;
		width: 91px;
		height: 18px; 
		font-size: 10px; 
		font-family: Arial;
		font-weight: bold; 
		text-transform: uppercase; 
		color: #5d6a7c; 
		background: url(images/btn_bg.png) top left no-repeat; 
		padding-bottom: 2px; 
		line-height: 14px; 
		text-align: center; 
		border: none; 
		cursor: pointer; 
		font-style: normal;
	}
		#topnav .btn:hover,
		#content .btn:hover {
			background-position: bottom left;
			color: #333; 
		}


#content { 
}
	body.template_villa #content {
		background: url(images/villa_content_bg.gif) repeat-x; 
	}

	body.template_destination #content {
		background: url(images/destination_content_bg.gif) repeat-x; 
	}

	.content em {
		font-style: italic;
	}

	.content strong {
		font-style: bold; 
	}

	select,
	input,
	textarea,
	button {
		font-size: 11px; 
	}
	
	.content p, 
	.content h1, 
	.content h2, 
	.content h3, 
	.content h4, 
	.content h5, 
	.content ul, 
	.content ol,
	.content blockquote,
	.content table {
		margin: 20px 0; 
	}

	.content h2,
	.content h3,
	.content h5 {
		font-weight: bold; 
		color: #e46100; 
		margin: 20px 0 -20px 0; 
		background: url(images/dot_bg.gif) bottom left repeat-x; 
	}
		.content h2 a,
		.content h3 a,
		.content h5 a {
			color: #e46100; 
			text-decoration: none; 
		}
			.content h2 a:hover,
			.content h3 a:hover,
			.content h5 a:hover {
				text-decoration: underline; 
			}

	.content h4,
	#rsidebar h1 {
		font-size: 18px;
		font-family: Georgia, serif; 
		text-transform: lowercase; 
	}
		.content h4 em,
		#rsidebar h1 em {
			font-size: 13px; 
			font-style: normal; 
			text-transform: uppercase; 
		}

		#content h4.content_section_head {
			/*background: url(images/content_section_head_bg.jpg) top left no-repeat; */
			background: url(images/villa_list_head_bg.jpg) top left no-repeat; 
			height: 49px; 
			height: 45px; 
			color: #fff; 
			text-transform: none; 
			line-height: 46px; 
			padding-left: 20px; 
			margin-bottom: 4px; 
		}
			#content h4.content_section_head a {
				color: #fff; 
				text-decoration: none; 
			}
			#content h4.content_section_head + .villa_list {
				margin-top: -3px;
			}

	.content h5,
	.bodycopy h3 {
		color: #ff7c5c; 	
		font-size: 10px;
		text-transform: uppercase; 
		letter-spacing: 0.03em;
		background: none; 
	}

	.content blockquote,
	.content h2.subtitle {
		font-family: Georgia, serif;
		font-style: italic; 
		font-size: 14px; 
		line-height: 25px; 
		color: #777; 
		
	}
		#lsidebar blockquote {
			margin-top: 40px; 
			text-align: right; 
		}

		
	#title {
		position: absolute; 
		top: -167px;	
		top: -183px; 
		left: 180px; 
		font-size: 32px; 
		font-family: Georgia, serif; 
		font-weight: normal; 
		line-height: 50px; 
		color: #fff; 
		margin: 0;
	}
		#title.longish {
			font-size: 25px; 
		}

	#breadcrumb {
		position: absolute; 
		top: -138px; 
		left: 180px; 
		margin: 0; 
	}
		#breadcrumb li,
		#breadcrumb li a {
			display: inline; 
			font-size: 13px; 
			color: #c9f1ff; 
			font-family: Georgia, serif;
			text-transform: uppercase; 
			letter-spacing: 0.05em; 
		}
		#breadcrumb li a:hover {
			text-decoration: underline; 
		}

	#body_container {
		float: left; 
		width: 656px; 
		margin-right: 4px; 
	}

	#primary_photo {
		position: absolute; 
		top: -97px; 
		left: 165px; 
		margin: 0;
	}
		.corner_tl {
			width: 11px;
			height: 11px; 
			position: absolute; 	
			top: 0;
			left: 0;
			background: url(images/corner_tl.png) top left no-repeat; 
		}
			#bodycopy #featured_villa_list .corner_tl,
			#bodycopy .featured_villa_list .corner_tl,
			#primary_photo .corner_tl {
				left: 4px; 
				background: url(images/primary_photo_corner_tl.png) top left no-repeat; 
			}
				#primary_photo .corner_tl {
					left: 0; 
				}

			#bodycopyFoot .corner_tl {
				left: 0; 
			}

	#toolnav {
		margin: 0;
	}
		#content #toolnav li {
			background: none; 
		}
		#content #toolnav li a {
			display: block;
			height: 28px; 
			background: url(images/toolnav_bg.gif) center left no-repeat; 
			color: #fff; 			
			font-weight: bold; 
			margin: 0 0 4px 0; 
			padding-left: 15px; 
			width: 146px; 
			line-height: 30px; 
			font-size: 12px; 
			overflow: hidden; 
		}
		#content #toolnav li a:hover,
		#content #toolnav li a.on {
			background-position: center right !important; 
		}

		#content #toolnav li:first-child a {
			background-position: center left !important; 
			height: 29px; 
		}
			#content #toolnav li:first-child a:hover,
			#content #toolnav li:first-child a.on {
				background-position: center right !important; 
			}

		body.template_villa #content #toolnav li:first-child a,
		#body_suggestions #content #toolnav li:first-child a,
		#body_about #content #toolnav li:first-child a,
		#body_destinations #content #toolnav li:first-child a,
		body.template_destination_guide_content #content #toolnav li:first-child a,
		body.template_destination_guide #content #toolnav li:first-child a {
			background-position: top left !important; 
		}
			body.template_villa #content #toolnav li:first-child a:hover,
			body.template_villa #content #toolnav li:first-child a.on,
			#body_suggestions #content #toolnav li:first-child a:hover,
			#body_suggestions #content #toolnav li:first-child a.on,
			#body_destinations #content #toolnav li:first-child a:hover,
			#body_destinations #content #toolnav li:first-child a.on,
			#body_about #content #toolnav li:first-child a:hover,
			#body_about #content #toolnav li:first-child a.on,
			body.template_destination_guide_content #content #toolnav li:first-child a:hover,
			body.template_destination_guide #content #toolnav li:first-child a:hover {
				background-position: top right !important; 
			}

		#content #toolnav li.last a {
			background-position: bottom left; 
		}
			#content #toolnav li.last a:hover,
			#content #toolnav li.last a.on {
				background-position: bottom right !important; 
			}

			body.template_villa #content #toolnav li.last a {
				height: 29px; 
			}

		#toolnav li a span {
			/* for use with icon */
			padding-left: 20px; 
			margin-left: -3px; 
		}
			#toolnav_inquire span {
				background: url(images/icons/toolnav_inquire.gif) center left no-repeat; 
			}
			#toolnav_gallery span {
				background: url(images/icons/toolnav_gallery.gif) center left no-repeat; 
			}
			#toolnav_rates span {
				background: url(images/icons/toolnav_rates.gif) center left no-repeat; 
			}
			#toolnav_reviews span {
				background: url(images/icons/toolnav_reviews.gif) center left no-repeat; 
			}
			#toolnav_specials span {
				background: url(images/icons/toolnav_specials.gif) center left no-repeat; 
			}
			#toolnav_email span {
				background: url(images/icons/toolnav_email.gif) center left no-repeat; 
			}
			#toolnav_share span {
				background: url(images/icons/toolnav_share.gif) center left no-repeat; 
			}

		#toolnav li a span em {
			font-style: normal;
			font-weight: normal;
			font-size: 10px; 
			color: #ffc4b4; 
		}

	#lsidebar {
		width: 161px; 
		margin-right: 4px; 
		float: left; 
	}

		#lsidebar ul {
			padding-left: 15px; 
		}
			#lsidebar li {
				display: block;
				background: url(images/dot_bg.gif) bottom left repeat-x; 
			}

			#lsidebar li a {
				display: block;
			}

			body.template_villa #lsidebar ul li a {
				color: #000; 
				padding-left: 0; 
				background: none; 
				font-weight: normal;
				font-size: 12px; 
			}
				body.template_villa #lsidebar ul li a:hover {
					color: #eb2100; 
				}

		#lsidebar h3 {
			margin-left: 15px; 
		}
			

		#lsidebar .jumpnav {
			margin-top: 20px;
		}
			#lsidebar .jumpnav li {
				margin-left: -15px; 
			}
			#lsidebar a, 
			#lsidebar .jumpnav li a {
				color: #f73c0f; 
				padding-left: 12px; 
				background: url(images/arrow-right2.gif) center left no-repeat; 
				font-size: 11px; 
				font-weight: bold; 
			}
				#lsidebar .jumpnav li a {
					display: block;
				}
				#lsidebar a:hover, 
				#lsidebar .jumpnav li a:hover {
					background: #fc714f; 
					color: #fff; 
				}

		#lsidebar #select_villa_form {
			margin-top: 15px; 
		}

			#lsidebar select {
				width: 160px; 
			}
			#lsidebar form p {
				margin: 4px 0;
			}

		#lsidebar .destination_nav {
			margin: 0;
			padding: 0;
			height: 418px;
			padding-top: 15px; 
			width: 161px; 
			background: url(images/lsidebar_bg_home.jpg) top left no-repeat; 
			line-height: 16px; 
		}
			#content #lsidebar .destination_nav li {
				color: #fff; 
				background: none; 
			}
				#content #lsidebar .destination_nav li a {
					font-size: 11px; 
					padding-left: 18px; 
					color: #fff; 
					background: none; 
				}

				#content #lsidebar .destination_nav li a:hover {
					text-decoration: underline; 
				}


		

	#bodycopy {
		float: right; 
		width: 490px; 
		width: 460px; 
		padding: 0 15px 0 15px; 
		color: #1f1e1e; 
	}
		body.template_destination_guide #bodycopy,
		body.template_destination_guide_content #bodycopy {
			min-height:292px; 
		}

		#bodycopy ul li {
			background: url(images/dot.gif) 0 0.7em no-repeat; 
			padding: 0 0 0 0.6em;
			margin: 0 0 0 -0.6em;
		}

		/*#bodycopy #body_fields ul li,*/
		ul.nav li {
			/*padding-left: 10px; */
			/*background: url(images/arrow-right2.gif) 0 0.5em no-repeat; */
			/*margin: 0.5em 0 0.5em -10px; */
			padding: 0;
			margin-left: 0;
			margin-right: 0; 
			background: url(images/dot_bg.gif) bottom left repeat-x; 
		}	
			#bodycopy ul.nav li {
				padding-bottom: 10px; 
				padding-top: 10px; 
				background: none; 
			}
				#bodycopy ul.guidenav li {
					padding-top: 0;
					padding-bottom: 0;
				}
			#bodycopy ul.nav li a em {
				font-family: Georgia; 
				color: #ff7d5b; 
				font-size: 14px; 
			}

			#bodycopy ul.nav li a.page_title {
				font-size: 18px; 
				font-family: Georgia; 
			}
			#bodycopy ul.nav li span {
				display: block;
			}

		#bodycopy ul.bulleted li {
		}

		.bodycopy a {
			color: #1f1e1e;
			text-decoration: underline; 
		}
			.bodycopy a:hover {
				color: #eb2100; 
			}

		ul.nav li a,
		#content ul.nav li a,
		#content a.nav {
			color: #e46100; 
			text-decoration: none; 
		}
			ul.nav li a:hover,
			ul.nav li a.on,
			#content ul.nav li a:hover,
			#content ul.nav li a.on,
			#content ul.nav li a:hover em,
			#content a.nav:hover {
				color: #fff; 
				background: #e46100; 
			}

		.bodycopy strong {
			font-weight: bold; 
		}

		.bodycopy em {
			font-style: italic; 
		}

		.bodycopy ol li {
			list-style: decimal; 
			margin: 1em 0 1em 2em; 
			
		}
	

		.intro {
			font-style: italic; 
			font-family: Georgia, serif;
			color: #5e5e5e;
		}
	

		/*
		#bodycopy h4 {
			font-size: 12px; 
			color: #fc714f; 
			color: #333; 
			text-transform: none; 
			font-family: Arial, Helevetica, sans-serif; 
			font-weight: bold; 
			margin: 2em 0 1em 0; 
		}
		*/

		#bodycopy2 {
			position: relative; 
			padding: 7px 17px;
			border: 1px dotted #ccc; 
			left: 329px; 
			/*background: #e6f4ff; */
			color: #5e5e5e;
			width: 620px; 
			font-family: Georgia; 
			font-style: italic; 
		}
			#bodycopy2 h4 {
				font-style: normal;
				color: #1378ba; 
				margin: 10px 0;
			}

			#bodycopy2 h4 em {
				color: #3ba6eb;
			}

			#bodycopy2 p {
				margin: 10px 0;
			}

			#bodycopy2 .featured_image {
				position: absolute; 
				top: 0; 
				left: -330px; 
				width: 326px; 
			}
				#bodycopy2 .featured_image img:first-child {
					margin-bottom: 4px; 
				}

		#content .highlights li {
			background: #b7e3f6 url(images/highlight_bg.jpg) top left no-repeat; 
			height: 45px; 
			margin: 4px 0;
			display: block;
			overflow: hidden; 
			padding-left: 0; 
		}
			#content .highlights li:first-child {
				background-image: none; 
			}
			#content .highlights li.last {
				background-image: url(images/highlight_bg_last.jpg); 
			}
			#content .highlights li p img {
				float: left; 
				margin-right: 10px; 
			}
			#content .highlights li p {
				white-space: nowrap; 
			}
			#content .highlights li p,
			#content .highlights li p a {
				margin: 0; 
				line-height: 15px;
				font-weight: bold; 
				color: #000; 
				font-size: 11px; 
				text-decoration: none; 
			}
			#content .highlights li p em,
			#content .highlights li p a em {
				padding-top: 8px; 
				display: block; 
				color: #166487;
				font-family: Georgia; 
				text-transform: lowercase; 
				font-weight: normal;
				font-size: 12px; 
			}

	#rsidebar {
		position: absolute; 
		width: 326px; 
		margin-left: 1px; 
		top: -246px; 
		right: 0;
	}

		#rsidebar .rsidebar_images {
			position: relative; 
			margin-top: -4px; 
			overflow: hidden; 
		}
			#rsidebar .rsidebar_images img {
				display: block;
				margin-top: 4px 
			}

		#rsidebar .snapshot {
			position: relative; 
			background: #1d4e97 url(images/snapshot_bg.gif) top left no-repeat; 
			height: 222px; 
			color: #deebff; 
			font-size: 11px; 
			padding: 10px 20px; 
		}

			#rsidebar .snapshot a {
				color: #8abaff;
				
			}
				#rsidebar .snapshot a:hover,
				#rsidebar .snapshot a.on {
					color: #deebff; 
				}

			#rsidebar .snapshot p {
			}	

			#rsidebar .snapshot #select_villa_form p {
				margin-top: 7px;
			}

			#rsidebar .snapshot h4,
			#rsidebar .snapshot h2,
			#rsidebar .snapshot h3 {
				color: #b3d2ff; 	
				margin: 0;
				margin-bottom: -10px; 
				border: none; 
				background: none;
			}
				#rsidebar .snapshot h4 em,
				#rsidebar .snapshot h2 em,
				#rsidebar .snapshot h3 em {
					color: #85b5ff; 
				}

			#rsidebar .snapshot h1 {
				color: #d5e6ff;
				margin: 0;
			}
				#rsidebar .snapshot h1 em {
					color: #a9cbff;
				}

			#rsidebar .snapshot p {
				margin: 15px 0 15px 0;
			}

			#rsidebar .snapshot ul {
				margin: 1em 0;
			}
				#rsidebar .snapshot ul li {
					border-bottom: 1px dotted #5f83b7;
					padding-left: 10px;
					background: url(images/snapshot_arrow.gif) center left no-repeat; 
					line-height: 19px; 
					white-space: nowrap; 
				}

				#rsidebar .snapshot ul li .villa_rate_range,
				#rsidebar .snapshot ul li .villa_rate_range span {
					color: #79e0aa; 
				}

			#rsidebar .destination_snapshot {
				padding-top: 20px; 
				height: 257px; 
				margin-bottom: 4px; 
				color: #bdd8ff; 
			}

				#rsidebar .destination_snapshot h4 {
					margin-bottom: -10px; 
				}

				#rsidebar .destination_snapshot ul {
					margin-top: -10px;
					margin-left: -10px; 
				}

				#rsidebar .destination_snapshot ul li {
					width: 127px; 
					float: left; 
					margin-left: 10px; 
				}

		.corner_br {
			position: absolute; 
			bottom: 0;
			right: 0; 
			width: 11px;
			height: 11px; 
			background: url(images/corner_br.png) no-repeat; 

		}

		#rsidebar .corner_tl {
			background-image: url(images/rsidebar_top_corner_tl.png); 
		}

		#destination_map {
			position: relative; 
			width: 326px;
			height: 242px; 
			margin-bottom: 4px; 
		}

			#map_image {
				width: 326px;
				height: 242px; 
			}
				#map_image a {
					color: #000;
					font-weight: bold; 
					display: block;
					padding: 5px 10px; 
				}

			body.template_villa #destination_map {
				padding-top: 4px; 
				clear: both; 
			}

		#thumbnails {
			margin: 0 0 0 -4px; 
			width: 330px; 
		}
			#thumbnails li {
				position: relative; 
				float: left; 
				margin: 4px 0 0 4px; 
				display: block;
			}
				#thumbnails li img {
					display: block;
				}


	ul.villa_specials {
		margin-top: 0;
	}

		ul li.villa_special {
			background: #ebf9e1 url(images/special_bg.jpg) top left no-repeat; 
			padding-bottom: 20px; 
			margin: 0 0 4px 0;
			position: relative; 
		}
			.villa_special h4 {
				margin-top: 0;
				padding: 15px 0 0 39px;
				text-transform: none; 
			}
				.villa_special a, 
				.villa_special h4 a,
				.villa_special h4 {
					color: #60aa00;
					font-weight: normal;
				}
			

			.villa_special a {
			}
				.villa_special a:hover {
					text-decoration: underline; 
				}

			.villa_special p,
			.villa_special ul {
				font-weight: bold;
				padding: 8px 20px 0 20px;
				margin: 0;
				color: #192c00; 
			}

			.villa_special .disclaimer {
				clear: both; 
				font-size: 10px; 
				font-weight: normal;
				color: #417300; 
				line-height: 14px; 
			}

			.villa_special .villa_special_villas {
				font-size: 11px; 
				font-weight: normal;
			}

			.villa_special .villa_special_image {
				float: right; 
			}

			.villa_special .files a {
				color: #000;
				text-decoration: underline; 
			}

	ul.villa_specials_summary {
		margin: 0 0 8px 0; 
	}
		body.template_villa ul.villa_specials_summary {
			width: 656px; 
		}
		ul.villa_specials_summary h4 {
			margin: 0;
			padding-top: 15px; 
		}

			body.template_villa ul.villa_specials_summary h4 {
				padding-top: 11px; 
			}

		ul li.villa_special_summary {
			height: 45px; 
			background: url(images/special_bg.jpg) top left no-repeat; 
			padding-bottom: 0; 
			margin: 0 0 3px 0;
			white-space: nowrap; 
			overflow: hidden; 
		}
			body.template_villa ul li.villa_special_summary {
				background: url(images/special_summary_bg.jpg) top left no-repeat; 
			}
		ul li.villa_special_summary h4 a .special_view_details {
			font-family: Arial, sans-serif; 
			font-size: 11px; 
			color: #76d100; 
			text-decoration: underline; 
			position: relative; 
			top: -2px; 
			padding-left: 10px; 
		}

	.villa_rates {
		width: 655px; 
		padding-left: 1px; 
		margin-bottom: 2em; 
	}

		.villa_rates h4 {
			margin-bottom: 0; 
		}

		.villa_rates table {
			width: 100%; 
			margin: 0;
			margin-top: -4px !important;
			border-left: 1px dotted #add7f9; 
			border-bottom: 2px solid #333; 
			border-top: 1px solid #333; 
		}
			.villa_rates table th {
				width: 160px; 
				font-size: 11px;
				color: #777; 
				text-transform: uppercase; 
				border-bottom: 2px solid #333; 
			}
			.villa_rates table th,
			.villa_rates table td {
				padding: 4px 10px 4px 20px; 
				border-right: 1px dotted #add7f9; 
				border-top: 1px solid #add7f9;
			}

			.villa_rates tr.expired {
				display: none;
			}

			.villa_rates table td {
				font-family: Georgia, serif; 
				vertical-align: top; 
				color: #222; 
			}
				.villa_rates table td:first-child {
					background: url(images/arrow-right2.gif) 9px 12px no-repeat; 
				}

			.villa_rates table tr.odd {
				background: url(images/villa_rates_odd.gif) top left repeat-x; 
			}
			.villa_rates table tr.even {
				background: url(images/villa_rates_even.gif) top left repeat-x; 
			}

			.villa_rates table tbody tr:hover {
				background: #ffffcc !important;
			}

			.villa_rates table td .rate_note,
			.villa_rates .disclaimer,
			#content .disclaimer {
				font-family: Arial, sans-serif;
				font-size: 11px; 
				color: #555; 
				display: block;
				line-height: 15px; 
			}

			.villa_rates table tr.bedrooms_changed td {
				border-top: 2px solid #333;
			}
			.villa_rates table th.villa_rates_dates {
				width: 50%; 
			}

			.currency_item {
				display: none; 
				margin-left: -3px; 
			}
				.currency_item_usd {
					display: block;
				}

			.currency_code {
				color: #777; 	
				font-size: 9px;
				font-family: Arial, sans-serif; 
			}

			.see_rate_sheet {
				font-style: italic; 
				text-transform: lowercase; 
				color: #999 !important;
			}

			.villa_rates .villa_rates_footer {
				position: relative; 
				background: url(images/villa_rates_tfoot_bg.jpg) bottom right no-repeat; 
				min-height: 80px; 
				border-left: 1px solid #ccc; 
			
			}
				#villa_rate_inquire {
					position: absolute;
					top: 10px;
					left: 15px; 
				}

				.villa_rates_footer .disclaimer {
					margin-top: 0;
					margin-left: 20px; 
					padding-top: 40px; 
					padding-bottom: 20px; 
					padding-right: 15px; 
					color: #4e6b74; 
				}

				#villa_rate_bedrooms_select,
				#villa_rate_currency_select {
					position: absolute; 
					top: 10px; 
					left: 340px; 
					width: 130px; 
				}

				#villa_rate_currency_select {
					left: 507px; 
				}

	#reviews h4 {
		margin-bottom: 0; 
	}

		#content .reviews_list {
			margin-top: 0;
		}
			#content .reviews_list li {
				position: relative; 
				background: #d6f0fa url(images/review_bg.jpg) bottom left no-repeat; 
				padding: 10px 10px 10px 20px; 
				margin: 4px 0; 
			}
				#content .reviews_list li.reviews_nav {
					background: none;
					border-bottom: 1px dotted #ccc; 
					padding: 0; 
					padding-left: 15px; 
				}

				#content #bodycopy #reviews {
					width: 492px; 
					margin-left: -17px; 
				}

				#content .reviews_list li img {
					position: relative;
					top: 3px; 
					float: right; 
					margin: 0 5px 10px 10px; 
				}
			#content .reviews_list blockquote {
				/*border: 1px dotted #ccc; */
				font-size: 12px; 
				line-height: 20px; 
				color: #444; 
				text-indent: -4px; 
				margin: 0;
			}
				#content .reviews_list blockquote a {
					color: #000;
					text-decoration: underline; 
					font-family: Arial;
					font-style: normal;
				}
			#content .reviews_list cite {
				margin-top: 5px; 
				display: block;	
				xpadding-left: 25px; 
				font-size: 9px; 
				font-family: Arial;
				color: #777;
				letter-spacing: 0.02em;
				text-transform: uppercase; 
			}
			#content .reviews_list .num_reviews {
				float: left; 
				position: relative; 
				top: 5px; 
				left: -3px; 
				margin-right: 4px; 
			}

	.villa_list {
		position: relative; 
		clear: both; 
		padding-bottom: 1px; 
	}

		.villa_list h4,
		h4.villa_list_header, 
		#content .MarkupPagerNav {
			margin: 0 0 1px 0; 
			background: #fb572e url(images/villa_list_head_bg.jpg) top left no-repeat; 
			width: 100%; 
			color: #fff; 
			padding: 12px 0 0 0; 
			text-indent: 15px; 
			height: 34px; 
		}

		.villa_list_sort_select {
			position: absolute; 
			top: 13px;
			left: 673px; 
		}

		#content .MarkupPagerNav {
			position: relative; 
			background: #fff url(images/pager_nav_bg.jpg) top left no-repeat; 
		}

		.villa_list .groupnav {
			margin: 0; 
			position: absolute; 
			left: 665px; 
			top: 13px; 
		}
			.villa_list .groupnav li,
			#content .MarkupPagerNav li {
				float: left; 
				text-align: center;
			}

			#content .MarkupPagerNav li:first-child {
				margin-left: 15px; 
			}

			#content .MarkupPagerNav li.MarkupPagerNavSeparator {
				width: auto; 
				width: 25px; 
				margin: 0 10px 0 -10px;  
			}

			.villa_list .groupnav li a,
			#content .MarkupPagerNav li a {
				width: 54px;
				height: 21px;
				display: block;
				background: url(images/villa_list_head_btn_bg.png) top right no-repeat; 
				color: #fff; 
				margin-right: 4px; 
				text-align: center; 
				font-size: 11px; 
			}

				#content .MarkupPagerNav li a {
					font-weight: bold; 
					text-transform: uppercase; 
					background: url(images/pager_nav_btn_bg.png) top right no-repeat; 
					padding-right: 12px; 
					width: 42px; 
				}

				.villa_list .groupnav li a span {
					font-size: 9px; 
				}

				#content .MarkupPagerNav li.MarkupPagerNavOn a,
				#content .MarkupPagerNav li a:hover, 
				.villa_list .groupnav li a:hover,
				.villa_list .groupnav li a.on,
				#villa_group1 .groupnav li a.groupnav1,
				#villa_group2 .groupnav li a.groupnav2,
				#villa_group3 .groupnav li a.groupnav3,
				#villa_group4 .groupnav li a.groupnav4,
				#villa_group5 .groupnav li a.groupnav5 {
					background-position: top left; 
					color: #000;
				}
	#content .villa_list_table,
	#content .villa_list_table ul {
		width: 100%; 
		border: none; 
		list-style: none; 
		margin: 0;
		padding: 0; 
		
	}
		#content .villa_list_table {
			border-bottom: 1px dotted #ccc; 
		}

		.villa_list_table li.villa_item,
		.villa_list_table li.page_item {
			display: block;
			height: 48px; 
			line-height: 16px; 
			margin: 0;
			overflow: hidden; 
		}

		.villa_list_table li.page_item {
			height: 46px; 
			background: url(images/search_result_bg.jpg) top left no-repeat; 
			margin: 2px 0 0 0; 
			display: block;
		}
			.villa_list_table li.page_item p {
				margin: 0;
				padding: 8px 0 0 15px; 
			}
				.villa_list_table li.page_item a {
					display: block;
				}

			.villa_list_table li.page_item:hover {
				background: url(images/featured_villa_bg_hover.gif) center left repeat-x; 
				cursor: pointer; 
			}

		#content .villa_list_table li.villa_item {
			background: url(images/villa_list_item_bg.gif) top left no-repeat; 
			position: relative; 
			padding: 0; 
		}
			#content .villa_list_table li.villa_item:hover {
				background: url(images/villa_list_item_hover_bg.gif) top left no-repeat; 
				cursor: pointer; 
			}

			.villa_list_table li ul li {
				display: block;
				position: absolute; 
				top: 10px; 
			}
				#content .villa_list_table li ul li {
					background: none; 
				}

			.villa_list_table .villa_image {
				top: 2px;
				left: 0; 
				width: 77px; 
			}
				.villa_list_table .villa_image img {
					display: block;
				}

			.villa_list_table .villa_title {
				left: 87px; 	
				width: 190px; 
				height: 35px; 
				overflow: hidden; 
			}
				.villa_list_table .villa_title a { 
					display: block;
					white-space: nowrap; 
					width: 188px; 
					overflow: hidden; 
				}

				.villa_list_table .villa_num_reviews,
				.num_reviews {
					background: url(images/icons/reviews.gif) center center no-repeat; 
					width: 20px;
					height: 12px; 
					color: #fff; 
					line-height: 1.15em; 
					font-size: 7px; 
					text-align: center; 
					display: block;
				}

				.villa_list_table .villa_num_reviews {
					background-color: #fff; 
					position: absolute; 
					top: 3px; 
					left: 171px; 
					z-index: 10; 
				}

			.villa_list_table .page_title {
				background: url(images/search_result_bg.jpg) top left no-repeat; 
			}
				.villa_list_table .page_title a {
					display: block;
				}

			.villa_list_table .villa_rooms {
				left: 293px; 
				width: 34px; 
				font-family: Georgia, serif; 
				font-size: 12px; 
				line-height: 15px; 
				white-space: nowrap; 
			}
				.villa_list_table .villa_rooms span {
					font-family: Arial, sans-serif;
					font-size: 9px; 
					color: #777; 
					text-transform: uppercase; 
				}
		

			.villa_list_table .villa_summary {
				left: 344px; 
				width: 305px; 
				height: 45px;
				overflow: hidden; 
			}
				.villa_list_table .villa_summary p {
					margin: 0;
					height: 30px; 
					overflow: hidden; 
					font-family: Georgia, serif;
					font-style: italic;
					font-size: 11px; 
					color: #555; 
				}

			.villa_list_table .villa_rate {
				font-size: 11px;
				line-height: 14px; 
				left: 673px; 
				width: 154px; 
			}
				.villa_rate_range,
				.villa_rate_range span.currency_symbol {
					font-family: Georgia, serif; 
					color: #61812a; 
				}
					.villa_rate_range span {
						color: #8fac5c; 
					}

				.villa_list_table .villa_num_specials {
					display: block;
					height: 12px; 
					background: url(images/villa_num_specials_icon.gif) bottom left no-repeat; 
					padding-left: 14px; 
					color: #fa8e3f; 
					font-family: Arial, sans-serif;
					font-size: 10px; 
					text-transform: uppercase; 
					line-height: 14px; 
					margin-top: 3px; 
				}

			.villa_list_table .villa_features {
				left: 839px; 
				width: 154px; 
				text-transform: uppercase; 
				font-size: 10px; 
			}
				.villa_list_table .villa_features span {
					display: block;
				}

				.villa_feature_pool {
					color: #3ba6eb;
				}
				.villa_feature_beachfront {
					color: #1378ba; 
				}

			#content #bodycopy .villa_list_table {
				/* smaller villa list table in bodycopy, like for use in promos */
			}

				#content #bodycopy .villa_list_table li {
					margin-left: 0; 
					padding-left: 0;
					margin-top: 0; 
					background-position: -20px 0;
					margin-bottom: -2px; 
				}

					#bodycopy .villa_list_table .villa_num_specials,
					#bodycopy .villa_list_table .villa_features,
					#bodycopy .villa_list_table .villa_summary {
						display: none;
					}

					#bodycopy .villa_list_table .villa_rooms {
						left: 273px; 
					}

					#bodycopy .villa_list_table .villa_rate {
						left: 320px; 
					}

					#bodycopy .villa_list_table .villa_num_reviews {
						left: 151px; 
					}



		.villa_list h5 {
			padding: 10px 0 10px 20px; 
			background: url(images/featured_villa_bg.gif) bottom left repeat-x; 
			margin-top: 4px;
		}

		

	#content ul.featured_villa_list {
		margin: 0 0 0 -4px; 
	}

		#content #bodycopyFoot h4.villa_list_header {
			margin-bottom: 4px; 
		}

		#content #featured_villa_list {
			padding: 0;
			margin: 0;
			position: absolute; 
			top: -97px; 
			left: 161px;
		}
		
		#content .featured_villa_list li {
			width: 161px; 
			float: left; 
			margin-left: 4px; 
			margin-bottom: 4px; 
			margin-right: 0; 
			padding: 0; 
			height: 190px; 
			border: none; 
			overflow: hidden; 
			background: url(images/featured_villa_bg.gif) bottom left repeat-x; 
			cursor: pointer; 
		}

			#content .featured_villa_list li:hover {
				background-image: url(images/featured_villa_bg_hover.gif); 
			}
			.featured_villa_list li img {
				display: block;
			}
			.featured_villa_list p {
				margin: 7px 0 0 15px; 
				line-height: 16px; 
				white-space: nowrap; 
			}
				.featured_villa_list .tagline,
				#footnews .articles span.date {
					color: #a18376;
					font-family: Georgia, serif; 
					text-transform: lowercase; 
					font-style: italic; 
					font-size: 11px; 
					font-weight: normal;
				}
					#footnews .articles span.date {
						text-transform: none; 
					}

				.villa_list .villa_title a, 
				.villa_list .page_item a,
				.featured_villa_list a.villa_title {
					color: #df5f00; 
					font-weight: bold; 
					text-decoration: none; 
					font-size: 12px; 
				} 

				.villa_list .villa_location,
				.villa_list .page_location, 
				.featured_villa_list .villa_location {
					font-size: 10px;	
					color: #fa8e3f;
					text-transform: uppercase; 
				}

				.featured_villa_list .villa_rooms {
					font-family: Georgia, serif; 
				}
					.featured_villa_list .villa_rooms em {
						font-style: italic; 
						color: #777; 
						font-size: 11px; 
					}

				.featured_villa_list .villa_rate {
					font-size: 11px; 
					white-space: nowrap; 
				}

		#content .featured_villa_list .corner_br {
			bottom: 3px; 
		}

		#content .featured_villa_list_rollover li {
			height: 94px; 
			overflow: hidden; 
			margin-bottom: 3px; 
		}
			#content .featured_villa_list_rollover li:hover img {
				display: none; 
			}
			

#content .grid_destinations_list {
	clear: both; 
	margin-top: 4px; 
	margin-left: -4px; 
}
	#content .grid_destinations_list li {
		width: 161px;
		height: 93px; 
		float: left; 
		margin: 0 0 4px 4px; 
		overflow: hidden; 
		position: relative; 
		white-space: nowrap; 
	}

	#content .grid_destinations_list h4 a {
		width: 161px;
		height: 93px; 
		display: block;
		padding-top: 25px; 
		height: 68px; 
		background: url(images/grid_destination_module_bg.jpg) top left no-repeat; 
	}
		#content .grid_destinations_list h4 a:hover {
			background-position: bottom left;
		}

		body.template_specials #content .grid_destinations_list h4 a {
			background: url(images/special_destination_module_bg.jpg) top left no-repeat; 
		}
		body.template_specials #content .grid_destinations_list h4 a:hover {
			background: #f9ffef; 
		}

	#content .grid_destinations_list .num_reviews {
		position: absolute; 
		top: 12px; 
		left: 12px; 
	}

	#content .grid_destinations_list h4,
	#content .grid_destinations_list h4 a,
	#content .grid_destinations_list li a em {
		margin: 0;
		color: #076d99; 
		text-indent: 15px; 
	}
		#content .specials_destinations_list h4,
		#content .specials_destinations_list h4 a,
		#content .specials_destinations_list li a em {
			color: #60aa00;
		}

	#content .grid_destinations_list li h4 a em {
		display: block;
		color: #3c91b5; 
	}
		#content .specials_destinations_list li h4 a em {
			color: #76d100; 
		}
	#content .grid_destinations_list li h4 a em strong {
		color: #00354c;
		font-size: 18px; 
	}
		#content .specials_destinations_list li h4 a em strong {
			color: #196900;
		}

	#content .grid_destinations_list li.secondary_ad {
		width: 325px; 
	}

	#content .grid_destinations_list h4.long {
		font-size: 15px; 
	}

form.intake {
	padding: 1px 20px 20px 20px;
	background: #d6f0fa url(images/review_bg.jpg) bottom left no-repeat; 
	margin: 0 0 45px 0;
	position: relative; 
}
	form.intake label,
	form.intake input,
	form.intake textarea,
	form.intake select {
		display: block;
	}

	form.intake label {
		font-size: 10px;
		text-transform: uppercase; 
		color: #333; 
		font-weight: bold; 
	}



#footer {
	clear: both; 
	background: #ffecda url(images/footer_bg.gif) top center no-repeat; 
	height: 200px; 
}
	#footer_list {
		position: relative; 
	}

	#footer li,
	#probar li {
		position: absolute; 
		width: 329px; 
		width: 289px; 
		height: 200px; 
		padding: 0 20px; 
		top: 0;
		left: 0; 
		font-size: 11px; 
		color: #665e57; 
	}

	#footer .column2,
	#probar .column2 {
		left: 329px; 		
	}

	#footer .column3,
	#probar .column3 {
		left: 659px; 
	}

	#footer h4 {
		color: #ec8870; 
		margin: 1em 0 0 -10px;
		padding-left: 10px; 
		background: url(images/arrow-right.gif) center left no-repeat; 
	}
		#footer h4 em {
			font-style: normal;
			color: #ca3e00; 
		}

	#footer p {
		margin: 0.5em 0;
	}

	#footer .phone {
		font-size: 12px; 
	}

	#footer #copyright {
		position: absolute;
		bottom: 1em; 
		left: 20px; 
	}

	#footer a {
		color: #ec8870; 
		text-decoration: underline; 
	}
		#footer a:hover {
			color: #ca3e00; 
		}

/*
#probar_container {
	background: url(images/bg.jpg) repeat-x; 
}
*/

#probar {
	height: 93px; 
}

	#probar.closed {
		display: none; 
	}

	#probar_list {
		margin-top: 0;
		height: 93px; 
		background: #365c96 url(images/probar_list_bg.jpg) top left no-repeat; 
	}
		#probar_list a {
			color: #cbe0ff; 
			text-decoration: underline; 
		}

		#probar_list h4,
		#probar_list h4 a {
			margin: 0;
			color: #cbe0ff; 
			padding-top: 10px; 
			padding-bottom: 2px; 	
			text-decoration: none; 
			white-space: nowrap; 
		}
			#probar_list h4 em {
				color: #afcfff 
			}
		#probar #probar_list li {
			height: 93px; 
		}
			#probar #probar_list li.column3 {
				padding: 0; 
				padding-left: 2px; 
			}
		#probar_list p {
			margin: 0; 
			color: #fff; 
			/*
			font-family: Georgia;
			font-style: italic; 
			*/
			font-size: 11px; 
		}


/*** FORMS ***/ 

#inquiry {
}

#content .inquiry_form {
	display: block;
	padding: 10px 20px; 
	line-height: 40px; 
	font-size: 14px; 
	background: url(images/inquiry_form_bg.jpg) bottom left no-repeat; 
	margin: 0;
	position: relative; 
	font-family: Georgia; 
	font-style: italic; 
}

	#content .inquiry_form label {
		display: none; 
	}

	#content .inquiry_form input,
	#content .inquiry_form textarea {
		display: inline; 
		font-size: 12px; 
		font-family: Arial;
		padding: 1px 2px; 
	}
		#content .inquiry_form input.default {
			color: #777; 
		}

		#content .inquiry_form input.focused {
			color: #000; 
		}

		#inquiry_first,
		#inquiry_last,
		#inquiry_date_from,
		#inquiry_date_to {
			width: 70px; 
		}
		#inquiry_adults,
		#inquiry_children {
			width: 20px; 
		}
		#inquiry_email {
			width: 130px; 
		}
		#inquiry_phone {
			width: 110px; 
		}
		#inquiry_destinations {
			width: 260px; 
		}
		#inquiry_comments {
			display: block;
			width: 600px; 
		}
		

	#content .inquiry_form p {
		margin: 10px 0 0 0; 
		white-space: nowrap; 
	}
		#content .inquiry_form p:first-child {
			margin-top: 2px; 
		}

	#content .inquiry_form p.submit {
		padding-top: 25px; 
		padding-bottom: 5px; 
		position: relative;
		color: #fff; 
	}
		#content .inquiry_form p.submit a {
			position: absolute; 
			top: 15px; 
			right: 0; 
			font-size: 11px; 
			color: #fff; 
			font-weight: bold;
			font-style: normal;
			font-family: Arial;
		}
			#content .inquiry_form p.submit a:hover {
				text-decoration: underline; 
			}

		#content .inquiry_form p.thanks {
			color: #fff; 
		}

	#inquiry_comments_wrap {
		display: block;
	}


/*** TOOLS ***/ 

ul.files li {
	display: block;
}

a.file,
a.file_item {
	padding-left: 20px; 
	background: url(images/icons/files/file.gif) center left no-repeat; 
}

	a.file_pdf {
		background-image: url(images/icons/files/pdf.gif); 
	}
	a.file_xls,
	a.file_xlsx {
		background-image: url(images/icons/files/xls.gif); 
	}
	a.file_doc,
	a.file_docx {
		background-image: url(images/icons/files/doc.gif); 
	}

.villa_image_magnify {
	position: absolute; 
	top: 0;
	left: 0; 
	background: url(images/icons/magnify.gif) top left no-repeat; 
	border: 3px solid #000;
}

#editpage {
	position: absolute;
	top: 10px;
	left: 10px; 
}

#showgrid {
	position: absolute;
	top: 10px;
	right: 10px; 
}

#grid {
	display: none;
	width: 100%; 
	height: 5000px; 
	background: url(images/grid.png) top center repeat-y; 
	position: absolute; 
	top: -4px;
	left: 0; 
}

/*** SIMPLEMODAL ***/

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;}
#simplemodal-container a.modalCloseImg {
	background:url(images/x.png) no-repeat; 
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}


/*** Brafton articles list ***/

#content #footnews ul.articles {
	margin: 0 0 2em 0; 
	width: 990px; 
}
	#content #footnews ul.articles li img {
		display: block;
	}
	#content #footnews ul.articles li {
		float: left; 
		width: 161px; 	
		display: block;
		margin-right: 4px; 
		line-height: 1.5em;
		font-size: 11px; 
		background: none; 
		/*border-bottom: 1px solid #eee; */
	}
		#content #footnews ul.articles li:hover {
			background: url(http://www.islandhideaways.com/wire/templates/styles/images/featured_villa_bg.gif); 
		}
		#content #footnews ul.articles li:first-child img {
			border-top-left-radius: 10px; 
		}

	#content #footnews ul.articles li p.title {
		font-weight: bold; 
		border-left: 1px solid #ddd; 
		padding-left: 15px; 
		padding-bottom: 10px; 
		padding-top: 9px; 
		height: 73px; 
	}

	#content #footnews ul.articles li p {
		margin: 0; 
	}


