@charset "utf-8";
* {
	padding: 							0px;
	margin: 							0px;
}
body {
	font: 									12px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	background:						#FFFFFF url(/customer/images/bg.gif) repeat-x;
	color:								#3D3D3D;
	}
img {
	border:								0px;
	}
.clear { 
	clear: 								both;
	}

.error-msg {
	font-weight: 						bold;
	color: 								red;
}

/* Links */

A {
	text-decoration:					none; 
	color:								#ac8144;
	}
A:visited {
	text-decoration:					none; 
	color:								#ac8144;
	}
A:hover {
	text-decoration:					none; 
	color:								#83652a;
	}

/*A.darkblue {
	text-decoration:					none; 
	color:								#053A77;
	}
A.darkblue:link {
	text-decoration:					none; 
	color:								#053A77;
	}
A.darkblue:visited {
	text-decoration:					none; 
	color:								#053A77;
	}
A.darkblue:hover {
	text-decoration:					none; 
	color:								#145BA7;
	}*/

A.underlined {
	font-size:							12px;
	text-decoration:					underline; 
	color:								#83652a;
	}
A.underlined:link {
	text-decoration:					underline;
	color:								#83652a;
	}
A.underlined:visited {
	text-decoration:					underline; 
	color:								#83652a;
	}
A.underlined:hover {
	text-decoration:					underline;
	color:								#a88031;
	}

A.subnav {
	font-size:							11px;
	text-decoration:					none; 
	color:								#303030;
	}
A.subnav:link {
	text-decoration:					none;
	color:								#303030;
	}
A.subnav:visited {
	text-decoration:					none;
	color:								#303030;
	}
A.subnav:hover {
	text-decoration:					none;
	color:								#83652A;
	}



/* Main elements */

#maincontainer { 
	width: 								960px;
	margin:								0px auto 0px auto;
	position: 							relative;
	overflow:							hidden;
	}

#container { 
	width: 								960px;
	padding:							0px;
	margin:								0px;
	overflow:							hidden;
	float:									right;
	}

#top { 
	width: 								960px;
	height:								105px;
	margin:								0px;
	padding:							0px;
	}

.top_left { 
	width: 								300px;
	margin:								0px;
	padding:							20px 0px 0px 15px;
	float:									left;
	}
.top_right { 
	width: 								300px;
	margin:								0px;
	padding:							47px 0px 0px 0px;
	text-align:							right;
	float:									right;
	}

#header {
	width:								960px;
	height:								231px;
	margin:								0px;
	padding:							0px;
	overflow:							hidden;
	}
.header_left { 
	width: 								276px;
	height:								230px;
	margin:								1px 0px 0px 0px;
	padding:							0px;
	background:						#EDE9D6;
	float:									left;
	}
.header_right { 
	width: 								684px;
	height:								230px;
	margin:								1px 0px 0px 0px;
	padding:							0px;
	float:									right;
	}

.quick_search {
	font-size:							11px;
	width:								222px;
	height:								192px;
	margin:								7px 0px 0px 15px;
	padding:							12px;				
	background:						url(/customer/images/bg_search.gif);
	}

#subnav {
	width:								960px;
	height:								33px;
	}
#subnav .left {
	font-size:							11px;
	width:								276px;
	padding:							8px 0px 0px 0px;
	text-align:							center;
	float:									left;
	}

#subnav .right {
	width:								649px;
	padding:							8px 0px 0px 35px;
	float:									right;
	}


#content { 
	width: 								960px;
	margin:								0px;	
	padding:							0px;
	background:						url(/customer/images/bg_main.gif);
	overflow:							hidden;
	}

.content_left {
	color:								#4B4B4B;
	width:								246px;
	margin:								0px;
	padding:							22px 15px 0px 15px;
	float:									left;
	}
.content_left .portfolio {
	width:								222px;
	margin:								0px 0px 20px 0px;
	padding:							12px;
	background:						#FFFFFF url(/customer/images/bg_left.gif) no-repeat bottom;
	}
.content_left .portfolio .row {
	font-size:							11px;
	width:								222px;
	margin:								0px;
	padding:							0px;
	overflow:							hidden;
	}
.content_left .portfolio .row img {
	margin:								0px 13px 0px 0px;
	padding:							0px;
	float:									left;
	}
.content_left .portfolio .spacer {
	width:								222px;
	height:								14px;
	margin:								0px;
	padding:							0px;
	}

.content_left .contact {
	width:								222px;
	margin:								0px 0px 20px 0px;
	padding:							12px;
	background:						url(/customer/images/bg_left.gif) bottom;
	}
.content_left .contact .spacer {
	width:								222px;
	height:								5px;
	margin:								0px;
	padding:							0px;
	}
.content_left .contact .row {
	width:								224px;
	margin:								0px;
	padding:							0px;
	overflow:							hidden;
		
	}
.content_left .contact .row .left {
	font-weight:						bold;
	width:								78px;
	margin:								0px;
	padding:							0px;
	float:								left;
	
	}
.content_left .contact .row .right {
	width:								136px;
	margin:								0px;
	padding:							0px;
	float:								right;
	
	}
	
.content_right {
	width:								661px;
	margin:								0px;
	padding:							22px 0px 0px 20px;
	float:								right;
	
	}

.content_full {
	width:								637px;
	padding:							0px 12px 0px 12px;
	margin:								0px;
	line-height:						17px;
	}
.content_full a {
	line-height:						25px;
	}

#footer { 
	font-size:							11px;
	color:								#83652a;
	width: 								960px;
	margin:								3px 0px 0px 0px;
	padding:							6px 0px 6px 0px;
	border-top:						3px solid #988675;
	}
#footer .copy { 
	color:								#A3A3A3;
	}
	
#flash_container {
	width: 								684px;
	height:								230px;
	margin:								0px;
	padding:							0px;
	}

.noflash {
	width: 								684px;
	height:								230px;
	margin:								0px;
	padding:							0px;
	background:						url(/customer/images/home/home_top.jpg);
	}



/* General */

h2 {
	color:								#83652a;
	font-size:							16px;
	margin:								0px 0px 10px 0px;
	padding:							0px;
	line-height:						20px;
	}
h3 {
	font-size:							12px;
	font-weight:						bold;
	color:								#83652a;
	margin:								0px 0px 3px 0px;
	padding:							0px;
	}

.hr_sides {
	width:								100%;
	height:								1px;
	margin:								5px 0px 14px 0px;
	padding:							0px;
	background:							#D9C6A3;
	}

.txt_small {
	font-size:							11px;
	padding:							0px 0px 0px 1px;
	}

.main_header {
	width:								637px;
	margin:								0px 0px 20px 0px;
	padding:							7px 12px 5px 12px;
	*padding:							7px 12px 7px 12px;
	background:						#363636;
	overflow:							hidden;
	}
.main_header .left {
	width:								236px;
	margin:								0px;
	padding:							0px;
	float:									left;
	}
.main_header .right {
	font-size:							12px;
	color:								#FFFFFF;
	width:								400px;
	margin:								0px;
	padding:							2px 0px 0px 0px;
	text-align:							right;
	float:									right;
	}

.main_header_guides {
	width:								637px;
	margin:								0px 0px 20px 0px;
	padding:							5px 12px 5px 12px;
	background:						#363636;
	overflow:							hidden;
	}
.main_header_guides .left {
	width:								436px; 
	margin:								0px;
	padding:							0px;
	float:									left;
	}
.main_header_guides .right_select {
	width:								200px;
	margin:								0px;
	padding:							0px;
	text-align:							right;
	float:									right;
	}
.main_header h1, .main_header_guides h1 {
	font-size:							17px;
	font-weight:						bold;
	color:								#FFFFFF;
	margin:								0px;
	padding:							0px;
	}

.arrow {
	vertical-align:						middle;
	padding:							0px 3px 0px 0px;
	margin:								0px;
	}
.arrow_right {
	vertical-align:						middle;
	padding:							0px 0px 0px 3px;
	margin:								0px;
	}
	
.vertalign {
	vertical-align:						middle;					
	}
	
.red_text {
	color:								#CC0000;
	}

.txt_red {
	color:								#CC0000;
	font-size:							11px;
	}
.rent_guide {
	color:								#CC0000;
	font-size:							9px;
	}

.rent_guide_note {
	text-align:							center;
	font-size:							11px;
	font-weight:						900;
	xmargin-left:						10px;
	}
	
.villa_code {
	font-size:							11px;
	font-weight:						900;
	}	
.txt_red a {
	color:								#CC0000;
	text-decoration:					underline;
	}
.txt_boldblue {
	font-weight:						bold;
	width:								300px;
	}

.right {
	float:									right;
	}

ul.plain {
	list-style:							none; 
	margin:								0px 0px 0px 15px;
	padding:							0px;
	line-height:						20px;
	}

ul.standard {
	list-style-type:					square;
	list-style-position:				outside;
	margin:								0px 0px 0px 30px;
	padding:							0px;
	}
ul.standard li {
	margin:								0px;
	padding:							0px 0px 4px 0px;
	line-height:						16px;
	}

ul.sitemap {
	list-style-type:					square;
	list-style-position:				outside;
	margin:								0px 0px 0px 30px;
	padding:							0px;
	}
ul.sitemap ul {
	list-style-type:					disc;
	list-style-position:				outside;
	margin:								0px 0px 0px 15px;
	padding:							0px;
	}
ul.sitemap ul ul {
	list-style-type:					circle;
	list-style-position:				outside;
	margin:								0px 0px 0px 15px;
	padding:							0px;
	}

.nocursor {
	cursor:								default;
	}


	

/* Home */

.home_left {
	width:								426px;
	margin:								0px;
	padding:							0px;
	float:									left;
	line-height:						16px;
	}
.home_left .bottom {
	width:								426px;
	margin:								40px 0px 0px 0px;
	padding:							0px;
	}
.home_left .bottom .image {
	margin:								3px 0px 3px 0px;
	*margin:							8px 0px 6px 0px;
	padding:							0px;
	}
.home_left .bottom_left {
	width:								194px;
	margin:								0px;
	padding:							0px 0px 15px 0px;
	float:									left;
	}
.home_left .bottom_right {
	width:								194px;
	margin:								0px;
	padding:							0px 0px 15px 0px;
	float:									right;
	}

.home_right {
	font-size:							11px;
	width:								194px;
	margin:								0px;
	padding:							32px 0px 15px 20px;
	border-left:						1px solid #e0d5b6;
	line-height:						16px;
	float:									right;
	}
.home_right .image {
	margin:								0px 0px 5px 0px;
	padding:							0px;
	}
.home_right .title {
	margin:								0px 0px 9px 0px;
	padding:							0px;
	}
.home_right a.news {
	color:								#3D3D3D;
	}
.home_right a.news:hover {
	color:								#3D3D3D;
	text-decoration:					underline;
	}



/* Nav */

#nav_container {
	width:								960px;
	height:								28px;
	margin:								0px;
	padding:							0px;
	}



/* Search */

.header_right_search { 
	font-size:							11px;
	color:								#FFFFFF;
	width: 								660px;
	height:								209px;
	margin:								0px;
	padding:							20px 0px 0px 23px;
	float:									right;
	background:						url(/customer/images/bg_detailed_search.gif);
	}
.header_right_search .spacer { 
	width: 								467px;
	height:								9px;
	*height:							7px;
	padding:							0px;
	clear:								both;
	}
.header_right_search .title1 {
	margin:								0px 0px 5px 0px;
	padding:							0px;
	}
.header_right_search .title2 {
	margin:								0px 0px 8px 0px;
	padding:							0px;
	}

.search_left {
	width:								467px;
	padding:							0px 23px 0px 0px;
	float:									left;
	}
.search_left .flags {
	width:								100px;
	float:									right;
	margin:								0px;
	padding:							0px;
	}
.search_left .formrow {
	width:								467px;
	float:									left;
	margin:								0px;
	padding:							0px;
	overflow:							hidden;
	}
.search_left .formrow .left {
	width:								220px;
	float:									left;
	}
.search_left .formrow .right {
	width:								220px;
	float:									right;
	}
.search_left .button {
	width:								220px;
	text-align:							right;
	float:									right;
	}
.search_right {
	width:								123px;
	padding:							0px 21px 0px 21px;
	float:									right;
	}

.search_right .button {
	margin:								0px auto 0px auto;
	}



/* Portfolio */

.select_portfolio {
	width:								100%;
	padding:							4px 0px 20px 0px;
	margin:								0px;
	}
.save_portfolio {
	width:								637px;
	padding:							20px 12px 20px 12px;
	margin:								0px;
	}

 
.dollar {
     vertical-align:      middle;   
     margin:        0px;
     padding:       0px 4px 0px 0px;
 }
	
	
.lock {
	vertical-align:						middle;			
	margin:								-2px 0px 0px 0px;
	padding:							0px 6px 0px 0px;
	}

.allcaps {
	text-transform:					uppercase;
	}



/* Villa List */

.villa_list {
	width:								661px;
	overflow:							hidden;
	padding:							20px 0px 20px 0px;
	margin:								0px;
	
	}
.villa_list_beige {
	width:								661px;
	overflow:							hidden;
	background:						#F4F2E5;
	padding:							20px 0px 20px 0px;
	margin:								0px;
	border-top:						1px solid #D9C6A3;
	border-bottom:					1px solid #D9C6A3;
	}
.villa_list_left {
	width:								199px;
	padding:							0px 0px 0px 12px;
	margin:								0px;
	float:									left;
	}
.villa_list_left .image {
	padding:							0px;
	margin:								0px 0px 1px 0px;
	}
.villa_list_right {
	width:								424px;
	padding:							0px 12px 0px 12px;
	margin:								0px;
	line-height:						16px;
	float:									right;
	}
.villa_list_right h2 {
	font-size:							12px;
	font-weight:						bold;
	color:								#83652A;
	margin:								0px 0px 4px 0px;
	text-transform:					uppercase;
	}
.villa_list_right .details {
	width:								424px;
	padding:							10px 0px 0px 0px;
	margin:								0px;
	overflow:							hidden;
	}
.villa_list_right .details .left {
	font-size:							11px;
	width:								230px;
	padding:							4px 0px 0px 0px;
	margin:								0px;
	float:								left;
	
	}
	
.villa_name {
	padding:							0px 0px 0px 0px;
	margin:								0px 0px 0px 12px;	
	}
	
	
.villa_list_right .details .right {
	width:								226px;
	padding:							0px;
	margin:								0px;
	text-align:							right;
	float:									right;
	}



/* Villa Detail */

.villa_sub_nav {
	width:								641px;
	height:								31px;
	margin:								0px 0px 35px 0px;
	padding:							0px 0px 0px 20px;
	background:						url(/customer/images/bg_subnav.gif) no-repeat;
	}

.villa_left {
	width:								416px;
	margin:								0px;
	padding:							0px 0px 30px 12px;
	line-height:						18px;
	float:									left;
	}

.villa_right {
	width:								175px;
	margin:								0px;
	padding:							12px 18px 12px 18px;
	float:									right;
	background:						#F6F0D8;
	}

.villa_right table {
	font-size:							11px;
	width:								175px;
	margin:								0px;
	padding:							0px;
	border:								0px;
	}
.villa_right table .left {
	font-weight:						bold;
	color:								#83652a;
	width:								105px;
	margin:								0px;
	padding:							3px 0px 3px 0px;
	}
.villa_right table .right {
	width:								68px;
	margin:								0px;
	padding:							3px 0px 3px 1px;
	}

.villa_bottom_nav {
	width:								100%;
	margin:								0px;
	padding:							25px 0px 30px 0px;
	text-align:							center;
	clear:								both;
	}
.villa_bottom_nav .active {
	color:								#FFFFFF;
	margin:								0px 1px 0px 0px;
	padding:							4px 7px 4px 7px;
	background:						#83652A;
	}
.villa_bottom_nav .disabled {
	color:								#C1C1C1;
	margin:								0px 1px 0px 0px;
	padding:							3px 6px 3px 6px;
	border:								1px solid #C1C1C1;
	}
.villa_bottom_nav a {
	margin:								0px 1px 0px 0px;
	padding:							3px 6px 3px 6px;
	border:								1px solid #83652A;
	}
.villa_bottom_nav a:hover {
	margin:								0px 1px 0px 0px;
	padding:							3px 6px 3px 6px;
	border:								1px solid #A88031;
	}
	
.villa_page_nav {
	width:								416px;
	margin:								0px;
	padding:							25px 0px 25px 0px;
	overflow:							hidden;
	}
.villa_page_nav .left {
	font-weight:						bold;
	width:								185px;
	padding:							4px 0px 0px 0px;
	margin:								0px;
	float:									left;
	}
.villa_page_nav .right {
	width:								226px;
	padding:							0px;
	margin:								0px;
	text-align:							right;
	float:									right;
	}



/* Villa Tour */

.villa_thumbs {
	width:								206px;
	margin:								0px;
	padding:							12px 0px 0px 0px;
	float:									right;
	}

.villa_thumbs h1 {
	font-size:							18px;
	font-weight:						normal;
	color:								#FFFFFF;
	margin:								0px 0px 12px 0px;
	padding:							0px;
	}

.villa_thumbs img {
	margin:								0px 10px 10px 0px;
	padding:							0px;
	border:								1px solid #FFFFFF;
	float:									left;
	}
.villa_thumbs img.last {
	margin:								0px 0px 10px 0px;
	padding:							0px;
	border:								1px solid #FFFFFF;
	float:									left;
	}


/* Area / Coutry Guide */

.area_left {
	width	:								300px;
	margin:								0px;
	padding:							0px 0px 20px 12px;
	float:									left;
	line-height:						16px;
	}
.area_right {
	width	:								300px;
	margin:								0px;
	padding:							0px 12px 20px 0px;
	float:									right;
	line-height:						16px;
	}

.table_facilities {
	width	:								414px;
	border:								1px solid #DDDDDD;
	margin:								8px 0px 0px 0px;
	padding:							0px;
	}

.table_facilities .col1 {
	width:								100px;
	background:						#E3E7EC;
	padding:							4px 0px 4px 12px;
	}
.table_facilities .col2 {
	width:								210px;
	background:						#E3E7EC;
	padding:							4px 0px 4px 12px;
	}
.table_facilities .col3 {
	width:								68px;
	background:						#EDE9D6;
	padding:							4px 0px 4px 0px;
	text-align:							center;
	}

.txt_intro {
	font-size:							11px;
	font-weight:						bold;
	}

.guide {
	width:								637px;
	margin:								0px;
	padding:							25px 12px 25px 12px;
	border-bottom:						1px solid #D9C6A3;
	overflow:							hidden;
	}
.guide .image {
	margin:								0px;
	padding:							0px;
	float:									left;
	}
.guide .text {
	width:								472px;
	margin:								0px;
	padding:							0px;
	line-height:						16px;
	float:									right;
	}
.guide .readmore {
	width:								472px;
	margin:								0px;
	padding:							10px 0px 0px 0px;
	
	float: left;
	}



/* Services etc */

.villa_right_services {
	width:								211px;
	margin:								0px;
	margin:								0px 0px 0px 0px;
	padding:							0px 0px 0px 0px;
	float:								right;
	background:							#F6F0D8;
	}

.villa_right_services_white {
	width:								211px;
	margin:								0px;
	padding:							32px 0px 12px 0px;
	float:									right;
	background:							#FFFFFF;
	}

.villa_right_services_image_white_separator {
	width:								211px;
	margin:								0px 0px 0px 0px;
	padding:							0px 0px 0px 0px;
	float:								right;
	background:							#F6F0D8;
	
	}
	
	
.villa_right_services img {
	margin:								0px 0px 15px 0px;
	padding:							0px;
	border-top:							3px solid #FFFFFF;
	border-bottom:						3px solid #FFFFFF;
	}


.villa_right_services_contact {
	width:								211px;
	margin:								0px 0px 0px 0px;
	padding:							0px 0px 0px 0px;
	float:								right;
	background:							#FFFFFF;
	}

.villa_right_services_contact img {
	margin:								0px 0px 4px 0px;
	padding:							0px;
	border-top:							0px solid #FFFFFF;
	border-bottom:						0px solid #FFFFFF;
	}

/* Request Forms */

.container_form {
	width:								637px;
	margin:								20px 0px 20px 0px;
	padding:							12px;
	background:							#EDE9D6;
	overflow:							hidden;
	}

.container_form .spacer_small {
	width:								100%;
	height:								12px;
	margin:								0px;
	padding:							0px;
	clear:								left;
	}
.container_form .spacer_high {
	width:								100%;
	height:								20px;
	margin:								0px;
	padding:							0px;
	clear:								left;
	}

.container_form .formrow {
	width:								637px;
	float:									left;
	margin:								0px;
	padding:							3px 0px 3px 0px;
	overflow:							hidden;
	}
.container_form .formrow .left {
	font-weight:						bold;
	width:								138px;
	margin:								0px;
	padding:							2px 0px 0px 0px;
	*padding:							3px 0px 0px 0px;
	text-align:							right;
	float:									left;
	}
.container_form .formrow .right {
	width:								484px;
	float:									right;
	}
.container_form .formrow .right_btn {
	width:								220px;
	padding:							0px 0px 0px 15px;
	text-align:							right;
	float:									left;
	}
.container_form .formrow .right_btn_large {
	width:								300px;
	padding:							0px 0px 0px 15px;
	text-align:							right;
	float:									left;
	}
.container_form .formrow .right_btn .text {
	padding:							3px 0px 0px 0px;
	float:									left;
	}
.float_right {
	float:									right;
	}
.float_left {
	float:									left;
	}



/* Slideshow */

body.slideshow {
	width:								100%;
	height:								100%;
	text-align:							center;
	background:						#E3E7EC;
	}

.slideshow_container { 
	width: 								922px;
	height:								504px;
	padding:							8px;
	border:								1px solid #363636;
	overflow:							hidden;
	background:						#FFFFFF;
	position:							absolute;
	left: 									50%;
	top: 									50%;
	margin-left: 						-461px; /* half of width */
	margin-top: 						-252px;  /* half of height */
	}

.slideshow_container .left { 
	width: 								624px;
	height:								470px;
	padding:							0px;
	margin:								0px 0px 8px 0px;
	float:									left;
	}
.slideshow_container .right { 
	width: 								290px;
	height:								470px;
	padding:							0px;
	margin:								0px 0px 8px 0px;
	float:									right;
	background:						#EDE9D6;
	}
.slideshow_container .right .title {
	text-align:							right;
	height:								180px;
	padding:							20px 20px 0px 0px;
	margin:								0px;
	}
.slideshow_container .right .img_title {
	font-size:							14px;
	font-weight:						bold;
	color:								#FFFFFF;
	text-align:							center;
	height:								50px;
	padding:							0px 20px 0px 20px;
	margin:								0px 0px 85px 0px;
	background:						#B59D6D;
	border:								0px;
	line-height:						18px;
	}
	
.slideshow_container .right .control {
	text-align:							center;
	height:								30px;
	padding:							10px 0px 0px 0px;
	margin:								0px;
	border-top:						1px solid #FFFFFF;
	border-bottom:					1px solid #FFFFFF;
	}
.slideshow_container .right .speed {
	font-weight:						bold;	
	text-align:							center;
	height:								41px;
	padding:							11px 0px 0px 0px;
	margin:								0px;
	border-bottom:					1px solid #FFFFFF;
	}
.slideshow_container .right h1 {
	font-size:							20px;
	font-weight:						bold;
	color:								#363636;
	margin:								0px 0px 10px 0px;
	}
.slideshow_container .right h2 {
	font-size:							14px;
	font-weight:						bold;
	color:								#83652A;
	margin:								0px;
	}
.slideshow_container .footer { 
	width: 								898px;
	height:								20px;
	padding:							4px 12px 0px 12px;
	margin:								0px;
	background:						#363636;
	overflow:							hidden;
	clear:								both;
	}
.slideshow_container .footer a { 
	font-size:							11px;
	font-weight:						bold;
	color:								#FFFFFF;
	}
.slideshow_container .footer a:hover { 
	color:								#DDDDDD;
	}


/* Form General */

fieldset {
	margin:								0px;
	padding:							0px;
	border:								0px;
	}
form {
	margin:								0px;
	padding:							0px;
	border:								0px;
	}
input.fields {
	font: 									11px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	color:								#3D3D3D;
	width:								289px;
	height:								16px;
	border:								1px solid #A5ACB2;
	background:						#FFFFFF;
	padding:							2px 0px 0px 3px;
	}

input.large {
	font: 									11px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	color:								#3D3D3D;
	width:								215px;
	height:								15px;
	border:								1px solid #A5ACB2;
	background:						#FFFFFF;
	margin:								1px 0px 0px 0px;
	padding:							1px 0px 0px 3px;
	}
input.small {
	font: 									11px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	color:								#3D3D3D;
	width:								75px;
	height:								15px;
	border:								1px solid #A5ACB2;
	background:						#FFFFFF;
	margin:								1px 0px 0px 0px;
	padding:							1px 0px 0px 3px;
	}
input.code {
	font: 									11px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	color:								#3D3D3D;
	width:								50px;
	height:								17px;
	border:								1px solid #A5ACB2;
	background:						#FFFFFF;
	margin:								0px 8px 0px 0px;
	padding:							2px 0px 0px 3px;
	vertical-align:						middle;
	}

select.quick {
	font: 									11px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	color:								#3D3D3D;
	width:								200px;
	border:								1px solid #A5ACB2;
	background-color:				#FFFFFF;
	margin:								1px 0px 4px 0px;
	padding:							0px 0px 0px 3px;
	}
select.large {
	font: 									11px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	color:								#3D3D3D;
	width:								220px;
	border:								1px solid #A5ACB2;
	background-color:				#FFFFFF;
	margin:								1px 0px 0px 0px;
	padding:							0px 0px 0px 3px;
	}
select.small {
	font: 									11px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	color:								#3D3D3D;
	width:								80px;
	border:								1px solid #A5ACB2;
	background-color:				#FFFFFF;
	margin:								1px 0px 0px 0px;
	padding:							0px 0px 0px 3px;
	}
select.tiny {
	font: 									11px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	color:								#3D3D3D;
	width:								40px;
	border:								1px solid #A5ACB2;
	background-color:				#FFFFFF;
	margin:								1px 0px 0px 0px;
	padding:							0px 0px 0px 3px;
	}
select.guide {
	font: 									11px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	color:								#3D3D3D;
	width:								180px;
	border:								1px solid #A5ACB2;
	background-color:				#FFFFFF;
	margin:								1px 0px 0px 0px;
	padding:							0px 0px 0px 3px;
	}

textarea {
	font: 									11px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	color:								#3D3D3D;
	width:								289px;
	border:								1px solid #ADA79C;
	background-color:				#FFFFFF;
	padding:							2px 0px 0px 3px;
	}
textarea.large {
	font: 									11px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	color:								#3D3D3D;
	width:								215px;
	border:								1px solid #A5ACB2;
	background:						#FFFFFF;
	margin:								1px 0px 0px 0px;
	padding:							1px 0px 0px 3px;
	}
textarea.xlarge {
	font: 								11px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	color:								#3D3D3D;
	width:								295px;
	border:								1px solid #A5ACB2;
	background:						#FFFFFF;
	margin:								1px 0px 0px 0px;
	padding:							1px 0px 0px 3px;
	}

.formrow { 
	width: 								500px;
	position: 							relative;
	clear:								both;
	padding:							8px 0px 0px 0px;
	margin:								0px;
	}
.formlabel { 
	font-weight:						bold;
	width: 								150px;
	position: 							relative;
	float:									left;
	padding:							0px;
	}
.forminput { 
	width: 								350px;
	position: 							relative;
	float:									right;
	}

.formbtn { 
	font: 									11px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	font-weight:						bold;
	padding:							3px 2px 3px 2px;
	color:								#FFFFFF;
	border:								0px;
	background-color:				#D60911;
	cursor:								pointer;
	}
.formbtn:hover { 
	background-color:				#9C1317;
	}

.btn_holder_villas {
	width:								200px;
	text-align:							right;
	}
.btn_holder_portfolio {
	width:								100%;
	height:								21px;
	text-align:							center;
	margin:								12px 0px 0px 0px;
	padding:							0px;
	}
.btn_holder_search {
	width:								123px;
	text-align:							center;
	margin:								12px 0px 0px 0px;
	padding:							0px;
	}

.btns:hover {
	filter:									alpha(opacity=85);
	opacity:								0.85;
	-moz-opacity:						0.85;
	cursor:								pointer;
	}

.btn_left_villas {
	margin:								0px 0px 10px 0px;
	padding:							0px;
	}

.titles {
	margin:								0px;
	padding:							0px 0px 10px 0px;
	}

	
#list{
	float: left;
	width: 606px;
	margin: 0px;
	padding: 0px;
	
}

#item {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
}

#all {
		float: left;
		width: 600px;
		margin: 0px;
		padding: 0px;
}



/*Top Featured Villas*/

.top_featured_villas {
	width:								661px;
	margin:								20px 0px 0px 0px;
	padding:							0px;
	overflow:							hidden;
	}

.top_featured_villas .header {
	width:								661px;
	height:								33px;
	background:						url(/customer/images/featured_villas_header.gif) no-repeat;
	text-indent:						-9999px;
	}
.top_featured_villas .villas {
	font-size:							11px;
	line-height:						16px;
	width:								635px;
	padding:							15px 9px 15px 9px;
	background:						url(/customer/images/featured_villas_bg.gif) repeat-x;
	margin:								1px 4px 0px 4px;
	overflow:							hidden;
	}
.top_featured_villas .villas .left {
	width:								207px;
	float:									left;
	}
.top_featured_villas .villas .mid {
	width:								207px;
	margin:								0px 0px 0px 7px;
	float:									left;
	}
.top_featured_villas .villas .right {
	width:								207px;
	float:									right;
	}

.top_featured_villas .villas .image {
	width:								205px;
	padding:							3px 0px 0px 0px;
	/* the following is  read from ie browsers*/
	//padding:							3px 0px 3px 0px;
	margin:								0px 0px 12px 0px;
	background:						#FFFFFF;
	border:								1px solid #c5bba0;
	text-align:							center;
	display:								block;
	}
.top_featured_villas .villas .text {
	padding:							0px 4px 0px 4px;
	}

.top_featured_villas .villas h2 {
	color:								#83652a;
	font-size:							12px;
	margin:								0px 0px 5px 0px;
	padding:							0px;
	line-height:						15px;
	}

.top_featured_villas .buttons {
	font-size:							11px;
	width:								627px;
	padding:							0px 17px 35px 17px;
	margin:								0px;
	overflow:							hidden;
	}
.top_featured_villas .buttons .left {
	width:								199px;
	float:									left;
	}
.top_featured_villas .buttons .mid {
	width:								199px;
	margin:								0px 0px 0px 15px;
	float:									left;
	}
.top_featured_villas .buttons .right {
	width:								199px;
	float:									right;
	}

.top_featured_villas .buttons a,
.top_featured_villas .buttons a:visited {
	color:								#FFFFFF;
	font-size:							11px;
	font-weight:						bold;
	width:								199px;
	padding:							5px 0px 5px 0px;
	background:						#606060;
	text-align:							center;
	display:								block;
	}
.top_featured_villas .buttons a:hover {
	background:						#3d3d3d;
	}
	
	
	
#header-buttons {
	float: left;
	width: 416px;
	margin:	0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size:13px;	
}

.email-button {
	text-align: center;
	background: #D7D2BC;
	width: 203px;
	float: left;	
	padding: 6px 0px 6px 0px;
	display:	block;	
}

.email-button-selected {
	text-align: center;
	background: #EDE9D6;
	width: 203px;
	float: left;	
	padding: 6px 0px 6px 0px;	
} 

.telephone-button {
	text-align: center;
	background: #D7D2BC;
	width: 203px;
	float: left;
	padding: 6px 0px 6px 0px;
}

.telephone-button-selected {
	text-align: center;
	background: #EDE9D6;
	width: 203px;
	float: left;	
	padding: 6px 0px 6px 0px;
} 


/* Contact Request Forms */

.contact_container_form {
	width:								382px;
	height:								265px;
	margin:								0px 0px 0px 0px;
	padding:							12px;
	background:						#EDE9D6;
	overflow:							hidden;
	clear:								both;
	}

.contact_container_form .spacer_small {
	width:								100%;
	height:								12px;
	margin:								0px;
	padding:							0px;
	clear:								left;
	}
.contact_container_form .spacer_high {
	width:								100%;
	height:								20px;
	margin:								0px;
	padding:							0px;
	clear:								left;
	}

.contact_container_form .spacer_high_telephone {
	width:								100%;
	height:								50px;
	margin:								94px;
	padding:							0px;
	clear:								left;
	}

.contact_container_form .contactformrow {
	width:								416px;
	float:								left;
	margin:								0px;
	padding:							3px 0px 3px 0px;
	overflow:							hidden;
	}
.contact_container_form .contactformrow .left {
	font-weight:						bold;
	width:								115px;
	margin:								0px;
	padding:							0px 0px 0px 0px;
	text-align:							right;
	float:								left;
	
	}
.contact_container_form .contactformrow .right {
	width:								300px;
	float:								right;
	
	}
.contact_container_form .contactformrow .right_btn {
	width:								206px;
	padding:							0px 0px 0px 15px;
	text-align:							right;
	float:									left;
	}
.contact_container_form .contactformrow .right_btn_large {
	width:								220px;
	padding:							0px 0px 0px 115px;
	text-align:							right;
	float:								left;
	
	}
.container_form .formrow .right_btn .text {
	padding:							3px 0px 0px 0px;
	float:									left;
	}
.contact_float_right {
	float:									right;
	}
.contact_float_left {
	float:									left;
	}
.contact_villa_left {
	width:								390px;
	margin:								0px;
	padding:							0px 0px 0px 0px;
	line-height:						18px;
	float:									left;
	}
	

/* text area for contact */
.contactxlarge_textarea {
	font: 								11px Arial, Tahoma, "Arial Unicode MS", Helvetica, Helv, sans-serif;
	color:								#3D3D3D;
	width:								215px;
	border:								1px solid #A5ACB2;
	background:							#FFFFFF;
	margin:								1px 0px 0px 0px;
	padding:							1px 0px 0px 3px;
	}

	/* For one Area guide recode*/

	.guidewithoutseparator {
	width:								637px;
	margin:								0px;
	padding:							25px 12px 25px 12px;
	
	overflow:							hidden;
	}
	
	.guidewithoutseparator .image {
	margin:								0px;
	padding:							0px;
	float:									left;
	}
.guidewithoutseparator .text {
	width:								472px;
	margin:								0px;
	padding:							0px;
	line-height:						16px;
	float:									right;
	}
.guidewithoutseparator .readmore {
	width:								472px;
	margin:								0px;
	padding:							10px 0px 0px 0px;
	}
	
	
/* bookingpayment confirmation	*/

.hr_separator {
	width:								100%;
	height:								1px;
	margin:								5px 100px 14px 0px;
	padding:							0px 100px;
}
	
.villa_booking_label_left {
	color:								#032E5F;
	width:								210px;
	padding:							8px 0px 0px 0px;
	margin:								0px;
	font-weight:						bold;
	font-size:							13px;	
	float:								left;
	text-align:							right;
	
	}

.villa_booking_control_right {
	width:								224px;
	padding:							8px 12px 0px 12px;
	margin:								0px;
	line-height:						16px;
	float:								left;
	
	}
.amount{
	width:								60px;
	color:								red;
	border:								2px #E8E2D4 solid;
	font-weight:						bold;
	
}
.pay_now {
	width:								637px;
	padding:							0px 12px 0px 12px;
	margin:								0px;
	float:								left;
	}

	

.home_left_text{
	font-size:	11px;
	list-style-image: url(../images/bullet.gif);
	margin:  0px 1px 5px 15px;
	padding: 0px 1px 0px 1px;
	xmin-height: 60px;
	xborder: 1px solid red;
	}

.home_left_row{
	xheight: 20px;
	margin-bottom: 1px; 

}