body
{
	background: #a28041 url(../Images/body.gif) top left repeat-x;
	margin: 0;
	padding: 0;
}


/* common classes */

.clear
{
	clear: both;
}

.left
{
	display: inline;
	float: left;
}

.right
{
	display: inline;
	float: right;
}

.subNav
{
	margin: 0 0 0 20px;
}

.subNav h2
{
	color: #67370e;
	font-size: 10pt;
	margin: 10px 0;
	padding: 0;
}

.subNav li, .subNav ul
{
	list-style-type: none;
}

.subNav ul
{
	background: transparent url(../Images/subNavDot.png) top left repeat-x;
	margin: 0;
	padding: 3px 0 0 0;
}

.subNav li
{
	background: transparent url(../Images/subNavDot.png) bottom left repeat-x;
	padding: 3px 0 8px 5px;
}

.subNav li a
{
	color: #234b7c;
	padding: 0 0 0 15px;
	text-decoration: none;
}

.subNav li a:hover
{
	color: #456d9d;
}

.amenities
{
	border: 1px solid #c4beaa;
	margin: 10px 0;
	padding: 5px 0;
	width: 100%;
}

.amenities ul, .amenities li
{
	margin: 0;
	padding: 0;
}

.amenities li
{
	clear: left;
	display: block;
	float: left;
	list-style-type: none;
	margin: 2px 5px !important;
	margin: 1px 2px;
	text-align: right;
}

.amenities .column_0, .amenities .column_1, .amenities .column_2, #search .columnOne, #search .columnTwo, #search .columnThree
{
	display: inline;
	float: left;
	margin: 0 0 0 5px;
	width: 200px;
}

/* structural elements */

#container
{
	background: #f5eed5 url(../Images/container.png) top right repeat-y;
	color: #2d2d2d;
	font: 8.5pt Verdana;
	width: 710px !important;
	width: 708px;
}

#containerTop
{
	background: transparent url(../Images/containerTop.png) top right no-repeat;
	min-height: 750px;
	height: auto !important;
	height: 750px;
	width: 710px !important;
	width: 708px;
}

#containerBtm
{
	background: transparent url(../Images/containerBtm.png) bottom right no-repeat;
	margin: 10px auto 0 auto;
	padding: 0 0 7px 0;
	width: 710px !important;
	width: 708px;
}

#header
{
	background: transparent url(../Images/divider.png) bottom left repeat-x;
	min-height: 145px;
	height: auto;
	height: 145px;
	width: 700px;
}

#ctl00_lnkLogo
{
	left: 1px;
	position: relative;
}

#quote
{
	color: #6a3911;
	padding: 20px 20px 0 0;
	text-align: right;
}

#quote #phone
{
	font: bold 11pt Arial;
}

#quote #excerpt
{
	font: 9pt Times New Roman;
	margin: 8px 0;
	font-style:italic;
}

#quote #link a
{
	color: #316d71;
	font: 9pt Trebuchet MS;
}

#nav
{
	background: transparent url(../Images/nav.png) top left repeat-x;
	width: 700px;
}

#navLeft
{
	background: transparent url(../Images/navLeft.png) top left no-repeat;
	width: 700px;
}

#navRight
{
	background: transparent url(../Images/navRight.png) top right no-repeat;
	height: 21px;
	padding: 9px 0 0 0;
	text-align: center;
	width: 700px;
}

#nav a
{
	background: transparent url(../Images/navDivider.png) 0 3px no-repeat;
	color: #fff;
	font-size: 7.5pt;
	list-style: none;
	position: relative;
	padding: 0 11px 0 18px;
	text-decoration: none;
	text-transform: uppercase;
}

#menu_item_0 a
{
	background: none;
}

#footer
{
	color: #664323;
	font: 8.5pt Verdana;
	padding: 5px 0;
	position: relative;
	text-align: center;
}

#footer a
{
	color: #442101;
	font: 9.5pt Verdana;
	margin: 5px 10px;
}

#footer a:hover
{
	color: #664323;
}

/* columns */

#leftColumn
{
	display: inline;
	float: left;
	margin: 23px 5px 0 20px;
	width: 250px;
}

#rightColumn
{
	display: inline;
	float: right;
	margin: 23px 20px 0 5px;
	width: 394px;
}

#oneColumn
{
	clear: both;
	margin: 0 40px 0 40px;
	padding: 23px 0 0 0;
}

#wideColumn
{
	float: left;
	margin: 23px 20px 20px 0;
	width: 455px;
}

#wideColumn h1, #oneColumn h1
{
	color: #6a3911;
	font: 15pt Verdana;
	margin: 0;
}

#wideColumn h2, #oneColumn h2
{
	color: #2d2d2d;
	font: bold 8.5pt Verdana;
	margin: 0;
	padding: 0;
}

/* home page */

#homeNav ul
{
	width: 215px;
}

#homeNav li a
{
	background: transparent url(../Images/subNavPoint.png) center left no-repeat;
}

#inclusive-buttons a
{
	background: url(../images/home-links.jpg) 0 0 no-repeat;
	display: block;
	height: 46px;
	left: -26px;
	margin: 2px 0 0 0;
	position: relative;
	width: 237px;
}
#inclusive-buttons a span { display: none; }
a#inclusive-link { background-position: 0 -48px;}
a#group-link { background-position: 0 -97px; }

/* about page */

#aboutNav
{
	display: inline;
	float: left;
	margin: 23px 20px 0 20px;
}

#aboutNav img
{
	left: 10px;
	position: relative;
	top: 10px;
}

#aboutNav ul
{
	width: 173px;
}

.pager
{
	display: block;
	float: right;
	margin: 23px 20px 10px 0;
	text-transform: uppercase;
}

/* villa rentals (and shared Details styles) */

.villaSummary
{
	margin: 10px 0 0 22px;
}
/* Images are 4:3.  This was distorting them - A.
.villaSummary .villa
{
	background: transparent url(../Images/villaFrame.jpg) top left no-repeat;
	clear: both;
	float: left;
	height: 101px;
	margin: 0 18px 0 0;
	padding: 9px 0 0 10px;
	width: 133px;
}

.villaSummary .villa img
{
	height: 91px;
	width: 127px;
}
*/
.villaSummary .villa
{
	background: transparent url(../Images/villaFrame.jpg) top left no-repeat;
	clear: both;
	float: left;
	height: 115px;
	margin: 0 18px 0 0;
	padding: 13px 0 0 12px;
	width: 145px;
}
.villaSummary .villa a 
{
	height: 90px;
	width: 120px;
	vertical-align: middle;
	display: table-cell;
}
.villaSummary .villa img
{
	width: 120px;
}
.villaSummary .summary
{
	float: left;
	margin: 0 0 10px 0;
}

.villaSummary .summary h1,
#villaInfo h1
{
	color: #6a3911;
	display: block;
	font: bold 11pt Verdana;
	margin: 0;
}

#villaInfo
{
	padding: 23px 0 0 0;	
}

#villaInfo h1, #villaInfo p
{
	margin: 10px 20px;
}

.villaSummary .summary a
{
	color: #234b7c;
}

.villaSummary .amenities,
.villaDetails .amenities
{
	border: 1px solid #c4beaa;
	padding: 5px 0;
	width: 100%;
}

.villaSummary .features,
.villaDetails .features
{
	float: left;
	width: 482px;
}

.villaSummary .amenities .threeColumns,
.villaDetails .threeColumns .feature
{
	display: inline;
	float: left;	
	margin: 0 3px;
	width: 30%;
}

.villaSummary .amenities .twoColumns,
.villaDetails .twoColumns .feature
{
	display: inline;
	float: left;	
	margin: 0 3px;
	width: 45%;
}

.villaDetails .twoColumns .feature,
.villaDetails .threeColumns .feature
{
	margin: 2px 3px;
	text-align: right;
}

.villaSummary .amenities .feature,
.villaSummary .amenities .title,
.villaDetails .amenities .title
{
	display: block;
	margin: 2px 0;
	text-align: right;
}

.villaSummary .amenities .title,
.villaDetails .amenities .title
{
	text-align: center;
}

.villaSummary .amenities .feature strong,
.villaDetails .amenities .feature strong
{
	background: #d7d1bb;
	border: 1px solid #c4beaa;
	display: -moz-inline-block;
	display: inline-block;
	font-weight: normal;
	text-align: center;	
	width: 60px;
}

.villaSummary .amenities .feature strong *,
.villaDetails .amenities .feature strong *
{
	text-align: center;	
}

/* villa details and search*/

.villaDetails
{
	font: 10pt Trebuchet MS;
	margin: 23px 20px 20px 20px;
}

.villaDetails h2
{
	clear: both;
	display: block;
	font: bold 10pt Trebuchet MS;
	margin: 0;
	padding: 5px 0;
}

.villaDetails .ajax__tab_header
{
	display: block;
	height: 36px;
}

.villaDetails .ajax__tab_tab
{
	background: transparent url(../Images/villaSubNav.png) top left no-repeat;
	color: #552a06;
	float: left;
	font: bold 8pt Verdana;
	height: 36px;
	margin: 0;
	padding: 15px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 130px;
}

.villaDetails .ajax__tab_hover .ajax__tab_tab, .villaDetails .ajax__tab_active .ajax__tab_tab
{
	position: relative;
	z-index: 4;
}

.villaDetails .ajax__tab_panel
{
	border-top: 1px solid #000;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;	
	position: relative;
	top: -1px!important;
	top: -24px;
}
.villaDetails .mainImage
{
	width:448px;
	/*height:336px;*/
	border: 1px solid #c4beaa;
	display: -moz-inline-box;
	display: inline-block;
	float: left;
	margin: 5px 5px 5px 25px;
	padding: 3px;
	overflow: hidden;
	text-align: center;
	
}
.villaThumbnail
{
	border: 1px solid #c4beaa;
	display: -moz-inline-box;
	display: inline-block;
	float: left;
	/*height: 90px;*/
	margin: 5px;
	padding: 3px;
	overflow: hidden;
	text-align: center;
	width: 120px;
}

.villaThumbnail img
{
	margin: 0 auto;
}
.mainThumb 
{
margin: 25px 0px 0px 25px;
}
.mainThumb_1 
{
	margin-top:5px;
}

#galleryThumbs
{
	padding: 0 0 0 45px;
}
.villaDetails .galleryImage
{
	border: 1px solid #c4beaa;
	display: -moz-inline-box;
	display: inline-block!important;
	display: inline;
	margin: 5px auto;
	padding: 3px;
	overflow: hidden;
	text-align: center;
}
.villaDetails #video
{
	padding: 10px 0 0 0;
	text-align: center;
	width: 100%;
}


#ctl00_main_tcVilla_ctl01_ucGallery_upZoom
{
	padding: 10px 0 0 0;
	text-align: center;
	width: 100%;
}

#viewGallery
{
	clear: both;
	padding: 0 0 0 0;
	text-align: center;
	width: 100%;
	
}

#viewGallery *
{
	clear: none;
	display: -moz-inline-block;
	display: inline-block;
	float: none;	
}
.galleryLink
{
	/*background: transparent url(../Images/villaViewGallery.png) top left no-repeat;*/
	color: #552a06;
	font: bold 8pt Verdana;
	display: block;
	height: 26px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;	
	width: 130px;	
}
/*
.galleryLink:hover
{
	background-position: bottom left;
}
*/

#villaBooking label, #searchForm label
{
	clear: left;
	display: inline;
	float: left;
	margin: 10px 0 0 0;
	padding: 4px 3px 0 0;
	width: 110px;
}

#searchForm label
{
	text-align: right;	
}

#viewedVillas label
{
	clear: none;
	float: none;
	margin: 0 0 0 5px;	
}

#searchForm
{
	padding: 10px 45px;	
}

#villaBooking input, 
#villaBooking select,
#searchForm input, 
#searchForm select
{
	margin: 10px 0 0 0;
}

#villaBooking #submit,
#searchForm #submit
{
	clear: both;
	text-align: center;
}

#searchForm #or
{
	font-size: 12pt;
	margin: 10px 0 0 0;
	text-align: center;
	width: 100%;	
}

#ctl00_main_txtMinOccupancy, #ctl00_main_txtBathrooms, #ctl00_main_txtBedrooms
{
	width: 40px;
}

#myMap
{
	margin: 10px auto;
}

.accordionHeader
{
	margin: 0x 0px 10px 0px;
	color: #234b7c;
	font: bold 8.5pt Verdana; 
	cursor:pointer;
}

.accordionContent
{
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
	padding: 10px 0px 10px 0px;
	margin: 0x 0px 10px 0px;
}

.watermark 
{
	color:#bbbbbb;
}
	
.confirmation 
{
	display: block;
	color: Green;
	padding: 10px;
	border: solid 1px green;
	background-color:LightGreen;
}
.regionMap 
{
	text-align:center;
}

/* all inclusive page */
#inclusive #wideColumn
{
	padding-bottom: 20px;
}

#inclusive h1
{
	clear: both;
	color: #6a3911;
	display: block;
	font: bold 11pt Verdana;
	margin: 0;
}

#inclusive h2
{
	clear: both;
	color: #6a3911;
	margin-bottom: 0;
	padding-bottom: 0;
}

#inclusive p
{
	margin-top: 0;
	padding-top: 0;
}

#inclusive .hr
{
	background: url(../images/all-inclusive-titles.png) 0 0 no-repeat;
	clear: both;
	display: block;
	height: 7px;
	margin: 5px 0;
	width: 423px;
}

#inclusive .hr hr
{
	display: none;
}

#inclusive-intro
{
	display: inline;
	float: left;
	width: 200px;
}

#inclusive-intro p
{
	font-size: 1.1em;
	line-height: 1.5em;
}

#inclusive-family
{
	display: inline;
	float: left;
}

.package-cost-child span, .package-cost span, #basic-package span, #deluxe-package span
{
	display: none;
}

.package-cost-child, .package-cost, .note
{
	display: block;
	float: left;
	width: 134px;
}

.package-cost-child, .package-cost
{
	color: #6a3911;
	margin: 0 10px 20px 0;
	position: relative;
}

.package-bottom
{
	background: url(../images/all-inclusive.png) -1445px 0 no-repeat;
	bottom: -10px;
	height: 20px;
	left: 0;
	position: absolute;
	width: 134px;
	z-index: 1;
}
.package-cost-child .package-bottom { background-position: -1717px 0; }
#basic-package .package-bottom, #deluxe-package .package-bottom  { width: 205px; }
#basic-package .package-bottom { background-position: -830px 0; } 
#deluxe-package .package-bottom { background-position: -622px 0; }

.package-cost-child .title, .package-cost .title
{
	background: url(../images/all-inclusive.png) -1037px -1px no-repeat;
	display: block;
	height: 18px;
	padding: 12px 0 0 10px;
	width: 124px;
}

.package-cost-child h2, .package-cost h2
{
	background: url(../images/all-inclusive-titles.png) 0 0 no-repeat;
	display: block;
	height: 15px;
	margin: 0;
	padding: 0;
	width: 115px;
}
.package-cost#group4-5 h2 { background-position: 0 -22px; }
.package-cost#group6-9 h2 { background-position: 0 -44px; }
.package-cost#group10-12 h2 { background-position: 0 -66px; }
.package-cost-child#years5-12 h2 { background-position: 0 -87px; }
.package-cost-child#years4-under h2 { background-position: 0 -108px; }

.package-cost .basic, .package-cost-child .basic, .package-cost .deluxe
{
	background: url(../images/all-inclusive.png) -1173px 0px repeat-y;
	margin: 0;
	padding: 10px;
	position: relative;
	width: 116px;
	z-index: 4;
}
.package-cost .deluxe {	background-position: -1309px 0px; } 
.package-cost-child .basic { background-position: -1581px 0px; }

#basic-package, #deluxe-package
{
	background: url(../images/all-inclusive.png) -416px 0 repeat-y;
	display: block;
	float: left;
	margin: 0 10px 20px 0;
	position: relative;
	width: 205px;
}
#deluxe-package { background-position: -208px 0; }

#basic-package .title, #deluxe-package .title
{
	background: url(../images/all-inclusive.png) 0 0 no-repeat;
	display: block;
	height: 35px;
	padding: 10px 0 0 10px;
	width: 194px;
}

#basic-package h2, #deluxe-package h2
{
	background: url(../images/all-inclusive-titles.png) 0 -130px no-repeat;
	display: block;
	height: 27px;
	margin: 0;
	padding: 0;
	width: 170px;
}
#deluxe-package h2 { background-position: 0 -169px; }

#basic-package p, #deluxe-package p
{
	margin: 0;
	padding: 5px 10px;
	position: relative;
	width: 180px;
	z-index: 4;
}




/*****Added by Andrew, Sept 1, 2009 ******************************************/
fieldset.microform 
{
	position: relative;  
	float: left;  
	clear: both;  
	width: 100%;  
	margin: 0.5em 0 1.5em 0;  
	padding: 0;
	/*border: 1px solid #c4beaa;*/
	border: 0;
	font-size: 8pt;
}
fieldset.microform legend 
{
	color: #6a3911;
	display: block;
	font: bold 10pt Verdana;
	padding: 0;  

} 
fieldset.microform legend span 
{  
	position: absolute; 
	left: 0.74em;  
	top: 0;   
	margin-top: 0.5em;  
}
fieldset.microform ul 
{


	padding: 2.0em 0.5em 0 0.5em;
	list-style: none;
} 
fieldset.microform li.top, fieldset.microform li.submit
{	
	background: transparent url(../Images/subNavDot.png) top left repeat-x;
	padding-top: 1em;
}
fieldset.microform li 
{  
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: 0.5em;
}

fieldset.microform label 
{  
	float: left;  
	width: 9em;  
	margin-right: 1em; 
	text-align: right;
}
fieldset.microform ul li input, fieldset.microform ul li textarea
{
	font-size: inherit;
	width:12em;
}
fieldset.microform li.submit
{
	text-align:center;
}
fieldset.microform li.submit input
{
	width:auto;
}
/* Used for radiobutton / checkbox lists. */
fieldset.microform fieldset 
{  
	margin-bottom: -2.5em;  
	border-style: none;  
	background-color: transparent;  
	background-image: none; 
} 
fieldset.microform fieldset legend 
{  
	margin-left: 0;  
	font-weight: normal; 
} 
fieldset.microform fieldset ul 
{  
	position: relative;  
	top: -1.5em;  
	margin: 0 0 0 11em;  
	padding: 0; 
} 
fieldset.microform fieldset label 
{  
	float: none;  
	width: auto;  
	margin-right: auto; 
}