﻿/*Global*/
html
	{ 
		margin-bottom: 1px;
		min-height: 100%; 
	}
	
body
	{
		color: #3F3F3F;
		font: Normal 12px Arial,Verdana,Sans-Serif;
		margin: 0px;
		padding: 20px 0px 20px 0px;
	}

h1,h2,h3,h4,h5,h6
	{
		margin: 0px;
		padding: 0px;
	}

h2
	{
		font-size: 20px;
	}
	
h3
	{
		font-size: 15px;
	}

ul,li,ol
	{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}

p
	{
		margin: 0px;
		padding: 0px;
	}
			
img
	{
		border: 0px;
		vertical-align: bottom;
	}

.cB
	{
		clear: both;
		font-size: 0px;
		height: 0px;
		line-height: 0px;
	}

.fL
	{
		float: left;
	}

.fR
	{
		float: right;
	}

#wrapper
	{
		background-color: #FFFFFF;
		margin: 0px auto;
		text-align: left;
		width: 856px;
	}

/*Main Site Header*/
#header
	{
		padding: 20px 20px 20px 20px;
		width: 816px;
	}

#header img
	{
		float: left;
		margin-right: 30px;
	}
	
#header .developerContact
	{
		float: right;
		font-size: 14px;
		text-align: right;
		width: auto;
	}

#header .developerContact h1
	{
		font-size: 25px;
	}

#header .developerContact h2
	{
		font-size: 25px;
	}
/*End Main Site Header*/	

/*Developer Header Menu*/
.hdrMenu
	{
		margin-bottom: 10px;
		text-align: center;
		width: 856px;
	}
.hdrMenu div
	{
		margin: 0px auto;
		width: 856px;
	}	
	
.hdrMenu a
	{
		display: inline-block;
		font-weight: bold;
		margin: 0 10px;
		padding: 10px;
		
		text-decoration: none;
	}
/*Developer Header Menu*/

/*Developer Search Box*/
.developerShadow
	{
		background: transparent url(../Images/shadow.jpg) no-repeat left top; 
		height: 215px; 
		padding: 15px 16px 16px 16px;
		width: 824px; 
	}
	
.developerHeader
	{ 
		height: 185px;
		padding: 15px 0px 15px 15px;
		width: 809px; 
	}
	
.developerSearchBox
	{
		position: relative;
		width: 340px;
	}

.developerSearchBox p
	{
		margin: 15px 0px 15px 0px;
		width: 300px;
	}
	
.developerSearchBox select
	{
		margin-bottom: 5px;
	}

.developerSearchBox .btnSearch
	{
		bottom: 0px;
		cursor: pointer;
		position: absolute;
		right: 0px;
	}
	
#searchCountry
	{
		width: 270px;
	}

#searchProperty
	{
		width: 270px;
	}

/*End Developer Search Box*/

/*HOMEPAGE LAYOUT*/
#content
	{ 
		padding: 10px 10px 25px 10px; 
		width: 836px; 
	}

#col1
	{
		float: left; 
		margin-right: 15px;
		width: 563px; 
	}

#col2
	{ 
		float: left; 
		width: 258px;
	}

#welcome
	{
		padding: 0px 15px 30px 10px;
	}

#welcome h2
	{
		margin-bottom: 10px;
	}

#ourResorts
	{
		margin-bottom: 20px;
	}

#ourResorts ul
	{
		list-style-image: url(../Images/bullet.gif);
		margin-left: 15px;
		padding: 10px 0px 10px 20px;
	}
	
/*Featured Resorts*/
#featuredResorts
	{
		margin-bottom: 30px;
		width: 563px;
	}
	
.featuredRow
	{ 
		padding: 10px;
		width: 543px;
	}

.featuredRow .featuredImgA
	{
		background: transparent url(../Images/imgFeaturedWrapper.gif) no-repeat left top;
		float: left;
		height: 118px;
		padding: 7px 11px 9px 7px;
		width: 150px;
	}
	
.featuredRow img
	{
		/*border: solid 1px #7F7F7F;
		padding: 6px;
		width: 150px;*/
	}
	
.featuredText
	{ 
		float: left; 
		height: 128px;
		overflow: hidden;
		padding-left: 10px; 
		width: 361px;
	}

.featuredText h3 a
	{
		text-decoration: none;
	}

.featuredText h3
	{
		margin-bottom: 5px;
	}

a.lnkPlus
{
	display: inline-block;
	padding-left: 12px;
	background: transparent url('/Assets/Images/plus.gif') no-repeat left center;
}

a.lnkMinus
{
	display: inline-block;
	padding-left: 12px;
	background: transparent url('/Assets/Images/minus.gif') no-repeat left center;
}
/*End Featured Resorts*/

/*Recommended Accommodation*/
#recommendedAccomm
	{
		margin-bottom: 20px;
		width: 563px;
	}

.recommendedAccommList
	{
		padding: 10px;
		width: 543px;
	}

.recommendedAccommList h3
	{
		border-bottom: 1px solid #CCC;
		margin-top: 15px;
		padding-bottom: 5px;
	}
	
.accommodationRow
	{ 
		float: left;
		width: 543px;
	}
	
.accommodationRowAlt
	{ 
		float: left;
		width: 543px;
	}

/*.accommodationRow img
	{ 
		border: solid 1px #7F7F7F; 
		padding: 2px; 
	}
	
.accommodationRowAlt img
	{ 
		border: solid 1px #7F7F7F; 
		padding: 2px; 
	}*/
	
.accommodationItem
	{ 
		border-bottom: 1px solid #CCC;
		float: left;
		height: 54px;
		padding: 10px 0px 10px 0px;
		width: 271px; 
	}
	
.accommodationImage
	{ 
		float:left; 
		width: 65px; 
	}

.recommendedImgA
	{
		background: transparent url(../Images/imgRecommendedWrapper.gif) no-repeat left top;
		float: left;
		height: 52px;
		padding: 3px;
		width: 62px;
	}
	
.accommodationText
	{ 
		float:left; 
		margin-left: 10px; 
		width: 180px; 
	}
	
.backToTop
	{ 
		background: transparent url(../Images/backUp.gif) no-repeat left center;
		float: right;
		margin-top: 15px;
		padding-left: 30px;
	}
/*END HOMEPAGE LAYOUT*/

/*Headings*/
.hdrR, .hdrL
	{
		height: 34px;
		line-height: 34px;
		padding-left: 10px;
		vertical-align: middle;
}
/*End Headings*/

/*RESULTS PAGE*/
#filterResults
	{
		padding: 8px;
	}

#resultCount
	{
		border-width: 2px 0px 2px 0px;
		border-color: #CCC;
		border-style: solid;
		margin-bottom: 5px;
		padding: 5px 0px 5px 0px;
	}
	
#developerResults th
	{
		border-bottom: 8px solid #FFFFFF;
		padding: 5px 0;
	}

#developerResults th.alignC
	{
		text-align: center;
	}
	
#developerResults h1
	{
		font-size: 28px;
	}

#developerResults td.resultsResortName
	{
		border-bottom: 1px dashed #E5E5E5;
		line-height: 35px;
		padding-bottom: 4px;
		width: 225px;
	}

#developerResults td.resultsPhoto
	{
		text-align: center;
		width: 80px;
	}

#developerResults td.resultsWeekNo
	{
		text-align: center;
		width: 80px;
	}

#developerResults td.resultsSize
	{
		border-bottom: 1px dashed #E5E5E5;
		padding-bottom: 4px;
		width: 60px;
	}

#developerResults td.resultsPrice
	{
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		width: 80px;
	}

#developerResults td.resultsStatus
	{
		text-align: center;
		width: 65px;
	}

#developerResults td.facilityText
	{
		border-top: 8px solid #FFFFFF;
		line-height: 20px;
		padding: 15px;
	}

#developerResults td.facilities
	{
		border-top: 8px solid #FFFFFF;
		margin-top: 4px;
		padding: 6px 0 4px;
	}

#developerResults td.facilities img
	{
		margin: 2px 0px 2px 0px;
	}
	
#developerResults td.moreInformation
	{
		border-top: 8px solid #FFFFFF;
	}

#developerResults td.divider
	{
		border-bottom: 1px dashed #7F7F7F;
		height: 8px;
	}

#developerResults td.divider1
	{
		height: 8px;
	}

#tblPager
{
	width: 570px;
}

.tblPagerFirst, .tblPagerLast
	{
		color: #7F7F7F;
	}
	
.tblPagerFirst, .tblPagerPre
	{
		padding-left: 10px;
		text-align: left;
		width: 110px;
	}

.tblPagerPages
	{
		color: #1C2172;
		text-align: center;
		width: 380px;
	}

.tblPagerPre, .tblPagerNext
	{
		color: #1C2172;
	}

.tblPagerNext, .tblPagerLast
	{
		padding-right: 5px;
		text-align: right;
		width: 80px;
	}
/*END RESULTS PAGE*/

/*MORE INFORMATION PAGE*/
#resortLeft
	{
		float: left;
		width: 244px;
	}

#resortMain
	{
		float: left;
		padding-left: 10px;
		width: 582px;
	}

#resortInfo
	{
		float: left;
		margin-bottom: 20px;
		margin-right: 10px;
		width: 370px;
	}

#resortImgGallery
	{
		float: left;
		margin-bottom: 20px;
		width: 202px;
	}

/*Resort Info*/
#overview
	{
		margin-bottom: 10px;
	}

.overviewItem
	{
		border-top: 2px solid #FFFFFF; 
		padding: 10px;
	}

.sepBorder
	{ 
		border-right: 1px solid #3F3F3F;
	}

#altWeeks
	{
		margin-bottom: 25px;
	}
		
#tblAltWeeks
	{
		font-weight: bold;
		text-align: center;
	}

#altWeeksContent
	{
		padding: 7px;
	}

#nearbyAccomm
	{
		margin-bottom: 25px;
	}
	
#nearbyAccommContent
	{
		padding: 10px;
	}

#nearbyAccommContent p
	{
		margin: 2px 0px 2px 0px;
	}

#facilities
	{ 
		width: 369px;
	}

#facilitiesText
	{ 
		text-align: center;
		width: 57px;
	}

#facilitiesIcons
	{
		padding-bottom: 15px;
		width: 290px; 
	}

#facilities img
	{
		margin: 15px 0px 0px 3px;
	}
/*End Resort Info*/

/*Image Gallery*/
#imgGallery
	{
		float: left;
		margin-bottom: 20px;
		width: 203px;
	}

#imgGalleryMain .imgMain
	{
		padding: 6px 6px 6px 6px;
	}

#imgGalleryMain .imgSmall
	{
		padding: 0px 6px 6px 6px; 
	}

#imgGalleryMain ul
	{
		list-style-type: none;
		margin:0px;
		padding: 0px; 
	}

#imgGalleryMain li
	{
		display: inline;
	}
	
#imgGalleryMain img
	{
		cursor: pointer;
	}
/*End Image Gallery*/

/*Enquiry Form*/
#enquiryForm
	{
		width: 582px;
	}
	
#enquiryInput
	{
		float: left;
		margin-right: 4px;
		width: 340px;
	}
	
.enquiryHeading
	{
		height: 40px;
		line-height: 40px;
		padding-left: 10px;
	}
	
.enquiryLabel
	{
		border-top: solid 4px #FFFFFF;
		height: 30px; 
		line-height: 30px; 
		padding-left: 10px;
		width: 150px;
	}
	
.enquiryInput
	{
		border-top: solid 4px #FFFFFF;
		height: 30px;
		line-height: 30px;
		padding-right: 10px;
		text-align: right;
		width: 150px;
	}
	
.validation
	{
		border-top: solid 4px #FFFFFF;
		width:20px;
	}
	
#enquiryInput input
	{
		border: 1px solid #DEDEEA;
		width: 150px;
	}
	
#enquiryInput select
	{
		border: 1px solid #DEDEEA;
	}
	
#enquirySummary
	{
		border-top: solid 4px #FFFFFF;
		float: left;
		height: 408px;
		padding: 15px;
		width: 207px;
	}
	
#tblSummary
	{
		margin-bottom: 40px;
	}
	
td.tdText
	{
		line-height: 20px; 
		width: 110px;
	}
	
td.tdSummary
	{
		font-weight: bold;
		line-height: 20px;
	}
	
.pNews
	{
		margin-bottom: 25px;
	}
	
#submit
	{
		text-align:right;
	}
	
#thankyou
	{
		border-top: solid 4px #FFFFFF;
		padding-left: 10px;
		width: 570px;
	}

/*End Enquiry Form*/

hr.dashed
	{
		background: transparent;
		border-bottom: 1px dashed #E5E5E5;
		border-left: none;
		border-right: none;
		border-top: none;
		height: 1px;
	}
/*END MORE INFORMATION PAGE*/

/*	Margin Vertical	*/
.margin5vert
{
	margin: 5px 0	
}

.margin10vert
{
	margin: 10px 0;
}

.pad5vert
{
	padding: 5px 0
}

.pad5vert
{
	padding: 10px 0;	
}

.underLine
{
	text-decoration: underline;	
}

/* Info Pages */	
#colR ol
{
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 24px;
}

#colR ol li
{
    display: list-item;
    list-style-type:decimal;
    padding: 10px;
}

#colR ol li p, #colR p
{
    text-align: justify;
}

#colR ol li p
{
    margin: 0;
}

#colR p
{
    margin: 10px 0;
}

#colR h2
{
    margin-bottom: 10px;
}

#colR
{
    float: left;
    margin-left: 15px;
    width: 563px;
}

#colL
{
    float: left;
    width: 258px;
}

#colL .leftColumnLinks ul
{
    list-style-image: url(../Images/bullet.gif);
    margin-left: 15px;
    padding: 10px 0 10px 20px;
}


#fullWidth
{
	padding: 15px;	
}

#fullWidth h2, #fullWidth h3
{
	text-align: center;
}

ol#mainList
{
    list-style-position:outside;
    list-style-type: lower-roman;
    padding: 20px;
    
}

ol#mainList li
{
    display: list-item;
    list-style-type: lower-roman;
    padding-top: 10px;
    text-align: justify;
}

ol.subList
{
    list-style-type: lower-roman;
    padding: 5px 0 5px 20px;
}

ol.subList li
{
    display: list-item;
    list-style-type: lower-roman;
    padding: 0;
}

.currentLink
{
	color: #D89C04	
}

#footer
{
	text-align: center;
}

#footer ul
{
	padding: 10px 0;	
}

#footer ul li
{
	display: inline;
	padding: 0 10px;	
}

ul.siteMap
{
	width: 66%;
	margin: 0 auto;	
}

ul.siteMap li
{
	float: left;
	width: 245px;
	padding: 20px 10px;
}

/*Banners*/
#bannerImages
	{
		text-align: center;
	}

#bannerImages img
	{
		margin: 5px 0px 5px 0px;
		width: 246px;
	}

/*Register Form*/
.registerLabel
	{
		border-top: solid 4px #FFFFFF;
		line-height: 30px;
		padding-left: 10px;
		height: 30px;
		width: 245px;
	}
	
.registerInput
	{
		border-top: solid 4px #FFFFFF;
		height: 30px;
		line-height: 30px;
		padding-right: 10px;
		width: 450px;
	}
	
.registerValidation
	{
		border-top: solid 4px #FFFFFF;
		width: 20px;
	}

#registerInput input
	{
		border: 1px solid #3F3F3F;
	}
	
#registerInput select
	{
		border: 1px solid #3F3F3F;
	}
	
#registerInput textarea
	{
		border: 1px solid #3F3F3F; 
		font-family: Arial;
		height: 80px; 
		width: 200px; 
	}

.registerHeading

	{
		line-height: 40px;
		height: 40px;
		padding-left: 10px;
	}

#registerInput
	{
		/*width: 305px;*/
	}
/*End Register Form*/


/*Google Translate*/
#google_translate_element
{
    clear: right;
    margin: 15px 0px 0px 0px;
    text-align: right;
}
#header #google_translate_element img
{
    float: none;
    margin: 0px;
}
#google_translate_element select
{
    margin: 0px 0px 10px 0px !important;
}

/*End Google Translate*/

