@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		9;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	33;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

html { 
	font-size: 100%; 
	overflow-y: scroll; 
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; 
}

body {
	max-width:1232px;
	margin: 0 auto !important;
	float: none !important;
	font-size: 10px;
	background-color: #405F87;
}

body, button, input, select, textarea { 
	font-family: Helvetica, Arial, sans-serif; 
	color: #444; 
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 93.7969%;
	padding-left: 3.1015%;
	padding-right: 3.1015%;
	background-color: #FFFDF0;
}

#logo {
	float:none;
	margin-top: 1em;
}

h1, h2, h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0em;
	line-height: 1em
}
h1 {
	font-size: 1.9em;
	color: #236BC6;
}
h2 {
	font-size: 1.7em;
	margin-top: 1em;
	color: #236BC6;
}
h3 {
	font-size: 1.5em;
	margin-top:1em;
	color: #236bc6;
}

p {color: #444;}

li {
	list-style: none;
	background: url(../images/bullet.gif) no-repeat;
	background-position: 0 0.4em;
}
ul, ol { 
	margin: 0;
	padding: 0;
}
nav ul, nav ol { 
	list-style: none; 
	list-style-image: none; 
	margin: 0; 
	padding: 0; 
}

#nav h3 {
	float: right;
	font-size: 1.2em;
	margin: 0.5em 0.5em 0 0;
	color: #39997b;
	letter-spacing: 0.05em;	
}

a:hover {
	color: #39C03F;
}
a {
	color: #236BC6;
	text-decoration: none;
}
a img {
	border: none;
}

.hor_line {
	clear: both;
	display: block;
	margin: 1.5em auto;
}

#LayoutPageHead, #nav, #footer_box {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	padding-left: 3.3067%;
	padding-right: 3.3067%;
	margin-left: -3.3067%;
	display: block;
	background-color: #FEF7C9;
	overflow: hidden;
	text-decoration: none;
}

#LayoutPageHead {
	padding-top: 2em;
	padding-bottom: 3em;	
}

#LayoutHomeBanner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:auto;  
	display: block;
	padding: 0;
/*	background-image:url(../images/sd_sign2.jpg);*/
}

#LayoutMainSection {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#LayoutMainSection p {
	font-size: 1.3em;
	margin-top: 1.2em;
	line-height: 1.4em;
}

#LayoutFeaturedVillas {
	clear: none;
	float: left;
	width: 100%;
	display: block;
/*	line-height: 1.4em;*/
	position: static;
	height: auto;
	margin-left: 0;
}

#VerifiedVillas p {
	font-size: 1.2em;
	margin-top: 1em;
	line-height: 1.4em;
}


/*Navagation Bar Styling */
#nav {
	font-size:1.4em;
	height: 30px;
	padding-top: 1px;
	margin-bottom: 1em;
	overflow: hidden;
}

#nav ul {
	list-style: none;
	margin: 0;
	height: 30px;
	float: right;
	
}

#nav li {
	float: left;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
	background: none !important;
}

/* link inside the tab. uses a background image */

#nav a {
	background: url(../images/tabs.png) no-repeat -553px -0px;
	display: block;
	height: 30px;
	line-height: 30px;
	width: 80px;
	text-align: center;
	color: #444;
	padding-top: 0;
	margin: 0;
	top: 0;
}
#nav a:active {
	outline: none;
}
#nav a:hover {
	background-position: -553px -31px;
	color: #FFFDF0;
}
#nav li a.active, #nav li.active a:hover, #nav li.active a {
	background-position: -553px -62px;
	cursor: default !important;
	color: #405F87 !important;
}

/*HomePage Rotator Banner */
#rotator {
	float: left;
	width: 100%;
/*	background-image:url(../images/sd_club2.jpg); */
	position: static;
}

/* Home Page Featured Homes */


#featured_homes {
	float:left;
	width:100%;
}



/*End of Featured Homes */

.picstyle {
	padding: 0.6em;
	border: 1px solid #A7C3E8;
	line-height: 1em;
	background-color: #FFF;
	margin: 0.6em;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

#VerifiedVillas {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	position: static;
	height: auto;
	margin-left: 0;
}

.centered {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 0em !important;
}


#weather {
	float: left;
	margin: 10px;
	height: 240px;
	border-bottom: 1px solid #7C7B7B;
	overflow: hidden;
}

/*Main Pages Design*/

#BodySection {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #444;
}

#BodySection p {
	font-size: 1.3em;
	margin-top: 1.2em;
	line-height: 1.4em;
}

#BodySection li {
	margin: 1em 0 0.5em 1.5em;
	padding-left: 1em;
	font-size: 1.3em;
}

#SubSection {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	/*min-height: 200px;*/
	color: #444;
}

#SubSection p {
	font-size: 1.3em;
	margin-top: 1em;
	line-height: 1.4em;
}
#SubSection ul {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}
#SubSection li {
	font-size:1.3em;
	line-height:1.4em;
	padding: 0 1em 0 1.5em;
	margin: 1em 0 0.5em 1.5em;
}


.images {
	float: left;
	width: 39%;
	margin: 1em 2em 1em 0.5em;
}

/*.tabstyle {
	background-color: #FEFADC;
	float: right;
	padding: 5px;
	margin: 20px;
	font-size: 12px;
}	*/

/*GENERAL TABLE design*/

.tabstyle2 {
	font-size: 10px !important;
	padding: 0.5em;
	border: 1px solid #b6d3f5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 1em;
}
.tabstyle2 table {
	height: 100%;
	padding: 0;
}
.tabstyle2 tr:nth-child(odd) {
	background-color: #dde9fe;
}
.tabstyle2 tr:nth-child(even) {
	background-color: #fffdf0;
}
.tabstyle2 td {
	vertical-align: middle;
	border: 1px solid #b6d3f5;
	border-width: 0px 1px 1px 0px;
	text-align: center;
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-size: 1.3em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #444;
}
.tabstyle2 tr:last-child td {
	border-width: 0px 1px 0px 0px;
}
.tabstyle2 tr td:last-child {
	border-width: 0px 0px 1px 0px;
}
.tabstyle2 tr:last-child td:last-child {
	border-width: 0px;
}
.tabstyle2 tr:first-child td {
	background-color: #4665a1;
	border: 0px solid #b6d3f5;
	text-align: center;
	border-width: 0px 0px 1px 1px;
	font-size: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #fffdf0;
	padding: 1em 0.5em 1em 0.5em;
}
.tabstyle2 tr:first-child td:first-child {
	border-width: 0px 0px 1px 0px;
}
.tabstyle2 tr:first-child td:last-child {
	border-width: 0px 0px 1px 1px;
}
.tabstyle2 td:first-child {
	text-align: center;
	padding: 0.5em;
}

/*DISTANCE Table Design*/

#distance.tabstyle2 {
	float:right;
	}
#distance.tabstyle2 tr:first-child td {
	padding: 0.7em 0.5em 0.7em 0.5em;
	font-size: 1.1em;
	letter-spacing: 0.1em;
}
#distance.tabstyle2 td:first-child {
	width: auto;
}
#distance.tabstyle2 td {
	padding: 0.3em 1.2em 0.3em 1.2em;
	font-size: 1.1em;
	width: auto;
}

/*FEATURED Table Design */

#featured.tabstyle2, #featured2.tabstyle2{
	margin-left: auto;
	margin-right:auto;

}
#featured.tabstyle2  tr:first-child td:first-child, #featured2.tabstyle2  tr:first-child td:first-child{
	background-color: #fff;
	text-align:center;
	vertical-align:middle;
	padding: 0em 0.5em 0em 0.5em;
	width: 150px !important;
		
}
#featured.tabstyle2 td, #featured2.tabstyle2 td {
	padding: 0.2em 0.5em 0.2em 0.5em;
	font-size: 1.1em;
	text-align:center;
}
#featured.tabstyle2 tr:first-child td, #featured2.tabstyle2 tr:first-child td {
	padding: 0.4em 0.4em 0.4em 0.4em;
	font-size: 1.1em;
	letter-spacing: 0.1em;
}

/*RATES, OPTION & OFFERS TABLES styling*/

.rates.tabstyle2, .options.tabstyle2, .offers.tabstyle2 {
	table-layout: fixed;
	text-align: center;
	margin: 2em auto;
	width: 100%;
}
.rates.tabstyle2 td, .options.tabstyle2 td, .offers.tabstyle2 td {
	width: auto;
	padding-left: 0;
	padding-right: 0;
}
.rates.tabstyle2 td:nth-child(n+2), .options.tabstyle2 td:nth-child(n+2) {
	width: 18%;
}
.offers.tabstyle2 td:nth-child(n+3) {
	width: 18%;
}

#weather {
	float: left;
}


/*Footer design*/
#Footer {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	position: static;
	height: 160px;	
}
#footer_box {
	height: 120px;
	background-image: url(../images/footer.png);
	font-size: 1.2em;
	letter-spacing:0.05em;
	line-height: 1em;
	color: #FEF7C9;
	padding-top: 20px;
	padding-bottom: 20px;	
}
#footer_box p {
	padding-top: 0em;
	color: #FEF7C9;
}
#footer_box a {
	color: #FEF7C9;
	text-decoration: none;
}
#footer_box a:hover {
	color: #39C03F;
	text-decoration: none;
}
#footer_box table {
	width: 300px;
	line-height: 1.3em;
	border-spacing: 0em;
	border-collapse: separate;
}
.facebook {display: none;}

#quicklinks {
	display:none;
	
}

/*Villa LISTING PAGE layout*/

.wrapper {
	padding-top:66.7%;
	height:0;
	position:relative;
}
.inner{
	position: absolute;
	left: 0;
	top: 0px;
	right: 0;
	bottom: 0;
	width: 100%;
}




#VillaHeading {
	clear: both;	
	float: none;	
	margin-left: 0;	
	width: 100%;	
	display: block;	
}

#VillaHeading p {
	font-size: 1.3em;
}

.VillaPic {
	clear: both;
	float: left;
	margin-left: 0;
	width: 46.6933%;
	display: block;
}
.VillaFeatures {
	clear: none;
	float: left;
	margin-left: 6.6132%;
	width: 46.6933%;
	display: block;

}
.VillaBullets {
	clear: none;
	float: left;
	margin-left: 6.6132%;
	width: 20.04%;
	display: none;
}

/*Villa LISTING PAGE styling*/
	
#VillaList li {
	list-style-type: none;
	background-image: none;
	height: auto;
	padding: 0em 0.5em 1.5em 0.5em;
	margin: 0 0em 1em 0em;
	font-size: 1.2em;
	line-height: 1em;
	font-family: Helvetica, Arial, sans-serif;
	color: #444;
	overflow: hidden;
	border: 1px solid #B6D3F5;
	border-radius: 1em;
	background: #fff;
}

.VillaPic img, #VillaPic2 img{
	width: 90%;
	height: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}	

table.features {
	margin-top: 1em;
	float: left;
	border-spacing: 0px;
	border-collapse: collapse;
	
}

table.features td:first-child {
	width: auto;
}

table.features td:nth-child(n+2) {
	text-align: center;
	width:8em;
}

table.bullet_list, table.bullet_list2 {
	table-layout: auto;
	border-collapse: collapse;
	margin: 1em 0 0 0em;
	width: 95%;
	word-wrap: normal;
	line-height: 1.3em;
	height: auto;
}

table.bullet_list td:first-child, table.bullet_list2 td:first-child {
	width: 8px;
	
}

table.bullet_list td, table.bullet_list2 td {
	padding-left:0.5em;
	vertical-align: text-top;
	width: auto;
}

#VillaPanelDiv {
	display: none;
}

/*Design for VILLA PANEL page */

#panelheight{
	/*display:block;
	height:auto;*/
	overflow:auto;
	
}

#VillaPic2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#Features2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: static;
	height: auto;
	margin-bottom:1em;
}

.features2_details {
	width: 93%;
	height: auto;
	padding: 1em 0 1em 0;
	margin-left: auto;
	margin-right: auto;
	background: #FEFADC;
}

.features2_details table {
	font-size: 1.4em;
	line-height: 1.1em;
	margin-left:auto;
	margin-right: auto;
	white-space: nowrap;
}

.features2_details table td:first-child {
	width:auto;
	padding: 0 0.5em 0 1em;
}
	
.features2_details table td:nth-child(n+2) {
	text-align: center;
	width:auto;
	padding: 0 1em 0 0.5em;
}

#villafeaturespanel {
	float:left;
	display: block;
	width: 250px;
	height: auto;
}

#Bullets2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: static;
	height: auto;
	margin-bottom:2em;
}

table.bullet2_list {
	
	margin: 1em auto 0 auto;
	width: auto;
	max-width: 80%;
	font-size: 1.5em !important;
	line-height:1.1em;
}

table.bullet2_list td {
	vertical-align: text-top;
}

table.bullet2_list td:first-child {
	width: 10px;	
}


#Verified2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: static;
	height: auto;
	margin: 1em 0 0 0;
}

#VillaRef2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: static;
	height: auto;
}

#VillaRef2 h1 {
	font-size: 1.7em;
}

.noscript-warning {
	margin-left: 15%;
}

/*Start of ENQUIRY FORM styling*/

#form1, #form2 {
	width: 100%;
	height: auto;
	margin: 1em auto;
	padding-top: 0;
}
input, textarea {
	background-color: #DDE9FE;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	margin: 0px 0px 0.8em 0px;
	border: 1px solid #B8CEF6;
	outline: none;
	color: #444;
	height: 1.8em;
	padding: 0.2em;
	resize: none;	
}

select {
	background-color: #DDE9FE;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	border: 1px solid #B8CEF6;
	outline: none;
	color: #444;
	height: 2.3em;
	margin-bottom: 0.6em;		
}
input, textarea {
	width: 92%;
}

textarea {
	height:5em !important;
	
}
input:focus, textarea:focus, select:focus {
	background-color: #FFF;
}
label {
	display: block;
	float: none;
	width: 92%;
	height: 1.1em;
	margin: 0.5em 0 0.1em 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	text-align: left;
	color: #4665A1;
}
label.error {
	color: red;
	height: 1.4em;
	margin: -0.8em 0 1em 0;
	font-family: Helvetica, Arial, sans-serif;
}
input.error, textarea.error, select.error {
	background-color: #FAD6D6;
}

/*Form layout*/
.left_col, .right_col {
	float: left;
	width: 95%;
	padding: 1em 1em 0em 1em;
	height: auto;
}
#contact_form {
	clear: both;
	width: 80%;
	height: auto;
	margin: auto;
/*	padding: 20px;*/
}
.lower_col {
	clear: both;
	float: left;
	width: 95%;
	height: auto;
	margin: auto;
	padding: 0em 1em 1em 1em;
}
/*Button sytling*/
.submit_btn {
	clear: both;
	/*display: block;*/
	/*margin-top:25px;*/
	margin-top: 2em;
	-moz-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow: inset 0px 1px 0px 0px #cae3fc;
	box-shadow: inset 0px 1px 0px 0px #cae3fc;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6d86b5), color-stop(1, #4664a1) );
	background: -moz-linear-gradient( center top, #6d86b5 5%, #4664a1 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d86b5', endColorstr='#4664a1');
	background-color: #6d86b5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-indent: 0;
	display: block;
	color: #fffdf0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	height: 35px;
	line-height: 25px;
	width: 70px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #466194;
	cursor: pointer;
}
.submit_btn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4664a1), color-stop(1, #6d86b5) );
	background: -moz-linear-gradient( center top, #4664a1 5%, #6d86b5 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4664a1', endColorstr='#6d86b5');
	background-color: #4664a1;
}

.submit_btn:active {
	position: relative;
	top: 1px;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DDE9FE), color-stop(1, #4664a1) );
	background: -moz-linear-gradient( center top, #DDE9FE 5%, #4664a1 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDE9FE', endColorstr='#4664a1');
	background-color: #DDE9FE;
	
}

/* CONTACT FORM design */
#contact_form {
	clear: both;
	width: 80%;
	height: auto;
	margin: auto;
	padding: 10%;
}


/* Sets the width of the DATEPICKER calendar */
.ui-datepicker {
	width: 85%;
	padding: .2em .2em 0;
	margin-top:-29px;
	display: none;
	position: relative;
	z-index: 1000;
}

#MobileImages {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: static;
	height: auto;
	margin-bottom: 2em;
}

#mobilepics {
	margin-bottom: 1em;
}

#mobilepics img{
	display:block;
	width: 90%;
	height: 90%;
	margin-left: auto;
	margin-right: auto;
	
}

#MobileRates {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: static;
	height: auto;
	margin-bottom: 2em;
}

#MobileCal {
	display:block;
	width: 100%;
	height: auto;
	margin-bottom: 1em;
	
}
#MobileCal p {
	font-size: 1.4em;
	
}

#MobileEnquiry {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: static;
	height: auto;
	margin-bottom: 2em;
}
#MobileEnquiry p {
	font-size: 1.3em;
	
}

.links_left_col, .links_right_col {
	float: left;
	width: 70%;
	margin-left: 15%;
	font-size: 1.2em;	
}
.links_left_col li, .links_right_col li {
	height: 1.6em;
}
#LateDeals {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/*Thanks you & Oops splash page*/
.thankyou {
	display: block;
	text-align: center;
	width: 300px;
	min-height: 550px;
	margin: 50px auto 0 auto;
	
}

iframe {
	overflow:hidden;
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	/*height: 100%;*/
	/*position:absolute;
	top:0px;
	width:100%;
	height:100%;
	transform: scale(0.6); 
    transform-origin: 0 0;*/
}

.iframe_squeeze {
	margin-left: auto;
	margin-right:auto;
	max-width: 380px;
	height: 100%;

}
#MemberPanelDiv {
	display: none;
	width: 100%;
}

#MemberMobileWarn {
	float: left;
	display:block;
	width: 100%;
	min-height: 250px;
		
}

#MemberMobileWarn p {
	text-align: center;
	font-size: 1.7em;
	
}

/* Format of PayPal button (Advertise2.php)*/
#ppform input{
	height: 60px;
	width: 170px;
	
}

noscript #gallery{
	display:none;
}
	

.zeroMargin_mobile {
	margin-left: 0;
}

.hide_mobile {
	display: none;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 97.2431%;
	padding-left: 1.3784%;
	padding-right: 1.3784%;
}
#LayoutPageHead, #nav, #footer_box {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	padding: 0 1.418% 0 1.418%;
	margin-left: -1.418%;
	display: block;	
}

#footer_box {
	padding-top: 20px;
	padding-bottom: 20px;	
}
#LayoutPageHead {
	padding-top: 0px;
	padding-bottom: 20px;
}

#PageContainer {
	min-height: 800px;
	
}

#LayoutMainSection {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#LayoutFeaturedVillas {
	clear: none;
	float: left;
	display: block;
	position: static;
	height: auto;
	width: 54.2955%;
	margin-left: 0;
}

#VerifiedVillas {
	clear: none;
	display: block;
	position: static;
	height: auto;
	width: 42.8694%;
	margin-left: 2.835%;
	}
/*Only show Facebook logo in tablets and desktops*/
.facebook {
	display:block;
	float: right;
	margin: 2em 1em 0 0;
	height: 30px;
	width: 110px;
}
.fb-like {
	float: right;
	margin-top:0.5em; 
}

#quicklinks {
	display:block;
	float: right;
	text-align: right;
	font-size: 1.2em;
	letter-spacing: 0.04em;
	color: #236BC6;
}

/*Main Pages Design*/

#BodySection {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
/*	min-height:400px;*/
}

#SubSection {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	
.images {
	float: left;
	width: 19%;
}

#VillaHeading {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	display: block;
}	

.VillaPic {
	clear: both;
	float: left;
	margin-left: 0;
	width: 31.4432%;
	display: block;
}

.VillaPic img, #VillaPic2 img{
	width: 85%;
	height: 85%;
}	

.VillaFeatures {
	clear: none;
	float: left;
	margin-left: 2.835%;
	width: 20.0171%;
	display: block;
}	

.VillaBullets {
	clear: none;
	float: left;
	margin-left: 2.835%;
	width: 42.8694%;
	display: block;
}	


#VillaList li {
	padding: 0.5em 1em 0.5em 0em;
	margin: 0em 0.3em 1em 0.3em;

}

	
.small_desc {
	display:none;

}
table.bullet_list {
	margin: 1em 0 0 0;

}
table.bullet_list td {
	padding-left:0.5em;
	vertical-align: text-top;
	width: auto;
}


/*Design for RATES, OPTIONS & OFFERS table*/

.rates.tabstyle2, .options.tabstyle2, .offers.tabstyle2 {
	margin: 2em auto;
	width: 80%;
}

#LateDeals .offers.tabstyle2 {
	width: 100%;
	
}

/*Design for VILLA PANEL page */

#VillaPanelDiv {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	overflow: hidden;
	height: auto;
	padding-bottom: 1em;

}

#VillaPic2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 42.8694%;
	display: none;
}
#Features2 {
	clear: none;
 	margin-left: 2.835%;
	width: 31.4432%;
	display: none;
	position: static;
	height: auto;
}

.features2_details table {
	font-size: 1.3em;
	line-height: 1.1em;
	margin-left:auto;
	margin-right:auto;
}

#Bullets2 {
	clear: both;
	margin-left: 0;
	width: 54.2955%;
	position: static;
	height: auto;
	display: none;
}

#Verified2 {
	clear: both;
	margin-left: 0;
	width: 42.8694%;
	display: none;
	position: static;
	height: auto;
}
#VillaRef2 {
	clear: both;
	margin-left: 0;
	width: 100%;
	display: block;
	position: static;
	height: auto;
}

#VillaRef2 h1 {
	font-size: 1.9em;
}

/*Start of ENQUIRY FORM styling*/

#form1 {
	width: 80%;

}
input, textarea {
	font-size: 1.4em;
	height: 1.4em;
}

select {
	font-size: 1.4em;
	height: 2.2em;
	margin-bottom: 0.8em;		
}

input, textarea {
	width: 100%;
}
input:focus, textarea:focus, select:focus {
	background-color: #FFF;
}

label {
	width: 100%;
	font-size: 1.3em;
	
}
label.error {
	color: red;
	height: 14px;
	margin: -8px 0 10px 0;
	font-family: Helvetica, Arial, sans-serif;
}
input.error, textarea.error, select.error {
	background-color: #FAD6D6;
}
/*Form layout*/
.left_col, .right_col {
	width: 40%;
	padding: 2em 1em 1em 1em;
	height: auto;
}
.right_col {
	float: right;
}
.left_col {
	float: left;	
}
.lower_col {
	clear: both;
	float: left;
	width: 97%;
	height: auto;
	margin: auto;
	padding: 1em 1em 3em 1em;
}

/* CONTACT FORM design */
#contact_form {
	clear: both;
	width: 60%;
	height: auto;
	margin: auto;
	padding: 10% 20% 10% 20%;
}

.ui-datepicker {
	width: 15em;
	padding: .2em .2em 0;
	margin-top:-29px;
	display: none;
	position: relative;
	z-index: 1000;
}

#MobileImages {
	clear: both;
	margin-left: 0;
	width: 54.2955%;
	display: none;
	position: static;
	height: auto;
}

#MobileRates {
	clear: both;
	margin-left: 0;
	width: 54.2955%;
	display: none;
	position: static;
	height: auto;
}

#MobileCal {
	display:none;
	width: 100%;
	height: auto;
	margin-bottom: 1em;
	
}

#MobileEnquiry {
	clear: both;
	margin-left: 0;
	width: 54.2955%;
	display: none;
	position: static;
	height: auto;
}

.links_left_col, .links_right_col {
	float: left;
	width: 45%;
	margin-left: 5%;
	font-size: 1em;	
}
.links_left_col li, .links_right_col li {
	height: 1.1em;
}
#LateDeals {
	clear: none;
	float: left;
	margin-left: 2.835%;
	width: 42.8694%;
	display: block;
}

/* MEMBER AREA - VILLAUPDATE Panel */

#MemberPanelDiv {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	overflow: hidden;
	height: auto;
	padding-bottom: 1em;
}

#MemberMainPanel {
	float:left;
	width: 72%;
	margin-right: 0;
	padding-left: 0;
	margin-top: 0;	
}
#MemberPhotoMainPanel {
	float:left;
	width: 63%;
	margin-right: 0.5em;
	padding-left: 0em;	
}

#MemberSidePanel {
	float: right;
	width: 28%;
	height: 100%;
	margin-left: 0em;
	padding: 0 0 1em 0;	
}
#MemberPhotoSidePanel {
	float: right;
	width: 35%;
	height: 100%;
	margin-left: 0em;
	padding: 0 0 1em 0;	
}

#MemberSidePanel a:hover {
	color: #39C03F;
}
#MemberSidePanel a {
	color: #236BC6;
	text-decoration: none;
}

/* MEMBER AREA - Details, Features, Description TABLES */

 #villadetails.tabstyle2 {
	 float: left;
	 width: 98%;
	 padding: 0.2em;
	 border: 1px solid #56e8bb;
	 font-size: 13px;
	 table-layout: fixed;
	 margin: 0 0 1em 0;
	
 }
 #villadetails.tabstyle2 td {
	/* width: auto;*/
	 padding-left: 0.1em;
	 padding-right: 0.1em;
	 border: 1px solid #56e8bb;
	 border-width: 0px 1px 1px 0px; 
	 word-wrap: break-word;
     overflow-wrap: break-word;
 }
#villadetails.tabstyle2 td:nth-child(odd) {
	width: 3em;
	font-weight: bold;
}


#villadetails.tabstyle2 tr:first-child td {
	background-color: #39997b;
	font-weight: normal;
	letter-spacing: 0.1em;
}

#villadetails.tabstyle2 tr:nth-child(odd) {
	background-color: #ddfee2;
}
#villadetails.tabstyle2 tr:nth-child(even) {
	background-color: #fffaf0;
}

#villadetails select, #villadetails textarea, #villadetails input {
	font-size: 1em;
	margin: 0.2em 0 0.2em 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	background-color: #FFF;
}
#villadetails textarea, #villadetails input {
	width:93%;
}
#villadetails input, #villadetails select {
	height: 1.6em !important;
	
}

#villadetails input:focus, #villadetails textarea:focus, #villadetails select:focus {
	border: 1px #999;
}

#villadetails.tabstyle2 tr:last-child td {
	height: auto;
	background-color: #FFF;
	border: none;
	
}

#villadetails .submit_btn, #villarates .submit_btn, #villadeals .submit_btn, #villareview .submit_btn, #villaphoto .submit_btn  {
	margin-left: auto;
	margin-right: auto;
	height: auto !important;
	width: auto !important
}

/* MEMBER AREA -  RATES & DEALS & REVIEW TABLES */

#villarates.tabstyle2, #villadeals.tabstyle2, #villareview.tabstyle2 {
	 float: left;
	 width: 98%;
	 padding: 0.2em;
	 border: 1px solid #56e8bb;
	 font-size: 13px;
	 table-layout: fixed;
	 margin: 0 0 1em 0;
	 
	
 }
#villarates.tabstyle2 td, #villadeals.tabstyle2 td, #villareview.tabstyle2 td {
	/* width: 3em;*/
	padding-left: 0.2em;
	padding-right: 0.5em;
	border: 1px solid #56e8bb;
	border-width: 0px 1px 1px 0px;
	word-wrap: normal;

	
 }
#villarates.tabstyle2 td:nth-child(1) {
	width: 10%;
	font-weight: bold;
}

#villarates.tabstyle2 td:nth-child(2) {
	width: 50%;
}


#villarates.tabstyle2 tr:first-child td, #villadeals.tabstyle2 tr:first-child td, #villareview.tabstyle2 tr:first-child td, #villaphoto.tabstyle2 tr:first-child td {
	background-color: #39997b;
	font-weight: normal;
	letter-spacing: 0.1em;
}

#villarates.tabstyle2 tr:nth-child(odd), #villadeals.tabstyle2 tr:nth-child(odd), #villareview.tabstyle2 tr:nth-child(odd), #villaphoto.tabstyle2 tr:nth-child(odd) {
	background-color: #ddfee2;
}
#villarates.tabstyle2 tr:nth-child(even), #villadeals.tabstyle2 tr:nth-child(even), #villareview.tabstyle2 tr:nth-child(even), #villaphoto.tabstyle2 tr:nth-child(even) {
	background-color: #fffaf0;
}

#villarates input, #villadeals input, #villareview input, #villareview textarea {
	font-size: 1em;
	margin: 0.2em 0em 0.2em 0em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	background-color: #FFF;
	width:95%;
}

#villareview textarea {
	width: 92% !important;
	
}

#villarates input:focus, #villadeals input:focus, #villareview input:focus, #villareview textarea:focus{
	border: 1px #999;
}

#villarates.tabstyle2 tr:last-child td, #villadeals.tabstyle2 tr:last-child td, #villareview.tabstyle2 tr:last-child td, #MemberPhotoSidePanel #villaphoto.tabstyle2 tr:last-child td  {
	height: auto;
	background-color: #FFF;
	border: none;	
} 


/* MEMBER AREA -  DEALS TABLE */


#villadeals.tabstyle2 td:nth-child(1) {
	width: 30%;
	
}
#villadeals.tabstyle2 td:nth-child(2) {
	width: 30%;
	
	
}

#villadeals p {
	font-size: 1em;
}

/*MEMBER AREA - PHOTOS Panel */



#villaphoto.tabstyle2 {
	border: 1px solid #56e8bb;
	padding: 0.2em;
	table-layout: fixed;
	width: 100%;
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
}
#villaphoto.tabstyle2  tr:first-child td:first-child {
	background-color: #FFF;
	text-align:center;
	vertical-align:middle;
	padding: 0.3em 0.1em 0.3em 0.1em;
	width: 130px;
		
}
#villaphoto.tabstyle2 td {
	border: 1px solid #56e8bb;
	border-width: 0px 1px 1px 0px; 
	padding: 0.1em 0.1em 0.1em 0.1em;
	font-size: 1.2em;
	text-align:center;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
#villaphoto.tabstyle2 tr:first-child td {
	padding: 0.1em 0.1em 0.1em 0.1em;
	font-size: 1.2em;
	letter-spacing: 0.1em;
}
#villaphoto.tabstyle2 td:nth-child(2) {
	width: 27%;
}
#villaphoto.tabstyle2 td:nth-child(3) {
	width: 48%;
}

#villaphoto select, #villaphoto input {
	font-size: 1em;
	margin: 0.2em 0 0.2em 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	background-color: #FFF;
}
#villaphoto textarea, #villaphoto input {
	width:85%;
}
#villaphoto input, #villaphoto select {
	height: 1.6em !important;
	
}

#villaphoto input:focus, #villaphoto textarea:focus, #villaphoto select:focus {
	border: 1px #999;
}

/* Sidebar Tables to make PHOTO CHANGES */

#MemberPhotoSidePanel #villaphoto.tabstyle2 {
	float:right;
	padding: 0.1em;
	border: 1px solid #b6d3f5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	table-layout: auto;
}
#MemberPhotoSidePanel #villaphoto.tabstyle2 td {
	border: 1px solid #b6d3f5;
	background-color: #dde9fe;
}
#MemberPhotoSidePanel #villaphoto.tabstyle2  tr:first-child td {
	padding: 1em 0 1em 0;
	background-color: #4665a1;
	font: #FFF;	
}

#MemberPhotoSidePanel #villaphoto.tabstyle2 tr:nth-child(3) td:nth-child(2){
	width: 70%;
	
}
#MemberPhotoSidePanel #villaphoto.tabstyle2 tr:nth-child(2) td:nth-child(2){
	width: 70%;
	
}

#MemberMobileWarn {
	display:none;
}

/* Nav Bar for larger screens with blue key line */
#nav {
	font-size:1.3em;
	height: 29px;
	padding-top: 1px;
	margin-bottom: 1em;
	overflow: visible;
	border-bottom: 1px solid #B6D3F5;
}

.zeroMargin_tablet {
	margin-left: 0;
}

.hide_tablet {
	display: none;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	max-width:1232px;
	width: 86.1804%;
	padding-left: 0.9097%;
	padding-right: 0.9097%;
}
#LayoutPageHead, #nav, #footer_box {
	clear: both;
	float: left;
	width: 100%;
	padding-left: 1.0556%; 
	padding-right: 1.0566%;
	margin-left: -1.0556%;
	display: block;
}
#footer_box {
	padding-top: 20px;
	padding-bottom: 20px;
}
#LayoutPageHead {
	padding-top: 0px;
	padding-bottom: 20px;
}

#LayoutMainSection {
	clear: both;
	float: left;
	margin-left: 0;
	width: 57.4536%;
	display: block;
}

#LayoutFeaturedVillas {
	clear: none;
	margin-left: 2.1113%;
	width: 40.435%;
	display: block;
	position: static;
	height: auto;
}
#VerifiedVillas {
	clear: none;
	margin-left: 2.1113%;
	width: 40.435%;
	display: block;
	position: static;
	height: auto;
}

/*Main Pages Design*/
#BodySection {
	clear: both;
	float: left;
	margin-left: 0;
	width: 65.9628%;
	display: block;
	
}

#SubSection {
	clear: none;
	float: left;
	margin-left: 2.1113%;
	width: 31.9257%;
	display: block;
	
}

.images {
	float:none;
	width: 60%;
	margin-left:auto;
	margin-right:auto;	
}

#VillaHeading {
	clear: both;	
	float: none;	
	margin-left: 0;	
	width: 100%;	
	display: block;
	padding-top: 1px;
}

.VillaPic {
	clear: both;
	float: left;
	margin-left: 0;
	width: 31.9257%;
	display: block;
}

.VillaPic img {
	width: 85%;
	height: 85%;
}

.VillaFeatures {
	clear: none;
	float:left;
	margin-left: 2.1113%;
	width: 14.9072%;
	display: block;
	}

.VillaBullets {
	clear: none;
	float: left;
	margin-left: 2.1113%;
	width: 48.9443%;
	display: block;
}

#VillaList li {
	padding: 0.5em 1em 0.5em 0em;
	margin: 0em 0.3em 1em 0.3em;
}


table.features td:first-child {
	width: 4em;
}

table.features td:nth-child(n+2) {
	text-align: center;
	width:5em;
}

.small_desc {
	width: auto;
	line-height: 1.3em;
	padding-right: 0.5em;
	max-height: 3.9em;
	margin: 0.9em 0.5em 0em 0em;
	overflow: hidden;
	margin-left: 0;
	display: block;
}
	

table.bullet_list {
	margin: 1em 0 0 0;
	

}
table.bullet_list td {
	padding-left:0.5em;
	vertical-align: text-top;
	width: auto;
}

/*Design for VILLA PANEL page */

#VillaPanelDiv {
	clear: both;
	float: left;
	margin-left: 0;
	width: 65.9628%;
	display: block;
	overflow: hidden;
	height: auto;
	padding-bottom: 1em;
		
}

#VillaPic2 {
	clear: none;
	float: left;
	margin-left: 2.1113%;
	width: 31.9257%;
	display: block;
	margin-top:0.5em;
	height: auto;
}

#VillaPic2 img {
	width:75%;
	height: 75%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}
#Features2 {
	clear: none;
	float: left;
	margin-left: 2.1113%;
	width: 31.9257%;
	display: block;
	position: static;
	height: auto;
}
#Bullets2 {
	clear: none;
	float: left;
	margin-left: 2.1113%;
	width: 31.9257%;
	display: block;
	position: static;
	height: auto;
}

table.bullet2_list {
	font-size: 1.3em !important;
	line-height:1.4em;
}

#Verified2 {
	clear: none;
	float: left;
	margin-left: 2.1113%;
	width: 31.9257%;
	display: block;
	position: static;
	height: auto;
}
#VillaRef2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 65.9628%;
	display: block;
	position: static;
	height: auto;
}

#villafeaturespanel {
	display: none;
	/*float:left;
	width: 250px;
	height: auto;*/
}

/*Start of ENQUIRY FORM styling*/

#form1 {
	width: 85%;

}
input, textarea {
	font-size: 1.3em;
	height: 1.4em;
}

select {
	font-size: 1.3em;
	height: 2em;
	margin-bottom: 1em;		
}

input:focus, textarea:focus, select:focus {
	background-color: #FFF;
}
label {
	width: 100%;
	font-size: 1.3em;
	
}
label.error {
	color: red;
	height: 14px;
	margin: -8px 0 10px 0;
	font-family: Helvetica, Arial, sans-serif;
}
input.error, textarea.error, select.error {
	background-color: #FAD6D6;
}

.ui-datepicker {
	width: 15em;
	padding: .2em .2em 0;
	margin-top:-29px;
	display: none;
	position: relative;
	z-index: 1000;
}

#MobileImages {
	clear: none;
	float: left;
	margin-left: 2.1113%;
	width: 31.9257%;
	display: none;
	position: static;
	height: auto;
}

#MobileRates {
	clear: none;
	float: left;
	margin-left: 2.1113%;
	width: 31.9257%;
	display: none;
	position: static;
	height: auto;
}

#MobileCal {
	display:none;
	width: 100%;
	height: auto;
	margin-bottom: 1em;
	
}

#MobileEnquiry {
	clear: none;
	float: left;
	margin-left: 2.1113%;
	width: 31.9257%;
	display: none;
	position: static;
	height: auto;
}

#LateDeals {
	clear: none;
	float: left;
	margin-left: 2.1113%;
	width: 48.9443%;
	display: block;
}

#MemberPanelDiv {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	overflow: hidden;
	height: auto;
	padding-bottom: 1em;
}

#villaphoto.tabstyle2 td {
	padding: 0.2em 0.5em 0.2em 0.5em;
	font-size: 1.3em;
	text-align:center;
	word-wrap:normal;
}
#villaphoto.tabstyle2 tr:first-child td {
	padding: 0.2em 0.2em 0.2em 0.2em;
	font-size: 1.3em;
	letter-spacing: 0.1em;
}

/*Only show Facebook logo in tablets and desktops*/
.facebook {
	display:block;
	float: right;
	margin: 2em 7em 0 0;
	height: 30px;
	width: 110px;
}
.fb-like {
	float: right;
	margin-top:0.5em; 
}


.zeroMargin_desktop {
	margin-left: 0;
}

.hide_desktop {
	display: none;
}

}