body
{
	margin: 0px;
	background-color: #FFF;
	background-image: url(/images/background_header4.gif);
	background-repeat: no-repeat;
	padding: 0px;
}

form { margin: 0; }

.leftHandMenu
{
	font-family: verdana, sans-serif;
	line-height: 17px;
	color: #808080;
	text-indent: 0px;
	text-align: left;
	vertical-align: text-top;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-bottom: 00px;
}
.leftHandMenu a {
	font-size: 11px;
}


.leftHandMenu a:link, a:visited, a:active { color: #808080; /*text-decoration: none;*/ }

.leftHandMenu a:hover { color: #3366a8; /*text-decoration: none;*/ }



#rhContainer p, .bodyCopy p, .villaCopy, #rightColumnTable
{
	font-family: verdana;
	font-size: 12px;
	line-height: 15px;
	color: #333;
	text-indent: 0px;
	text-align: left;
	vertical-align: text-top;
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 0px;
	padding-right:10px;
}


 
form { margin: 0; }

.leftHandMenu
{
	font-family: verdana;
	font-size: 8px;
	line-height: 17px;
	color: #888;
	text-indent: 0px;
	text-align: left;
	vertical-align: text-top;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-bottom: 00px;
}

.leftHandMenu a:link, a:visited, a:active { color: #808080; /*text-decoration: none; */}

.leftHandMenu a:hover { color: #3366a8; /*text-decoration: none; */}



h1, h3
{
	font-family: Garamond, serif;
	font-size: 24px;
	line-height: 28px;
	color: #333;
	text-indent: 0px;
	text-align: left;
	vertical-align: text-top;
	font-weight: normal;
	padding-bottom: 0px;
	margin: 0px;
}

h2
{
	font-family: verdana;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	text-indent: 0px;
	text-align: left;
	vertical-align: text-top;
	margin-bottom: 0px;
}

h4
{
	font-family: verdana;
	font-size: 12px;
	line-height: 17px;
	color: #555;
	text-indent: 0px;
	text-align: left;
	vertical-align: text-top;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-bottom: 00px;
}

#rightColumnTable
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	position: absolute;
	top: 135px;
	left: 200px;
	border-left: 1px solid #808080;
	width: 779px;
	/*background-color:red;*/
	
}

#rightColumnTable h1
{
	clear: both;
	padding-top: 10px;
}

#breadcrumb h1

{
	
	font-family: Arial,sans-serif;
	font-size: 15px;
	line-height: 100%;
	color: #333333;
	text-indent: 0px;
	text-align: left;
	vertical-align: text-top;
	margin-bottom: 100px;
	margin-top: 0px;
	background-color: #d6e4ee;
	padding: 5px 5px 5px 5px;
	padding-top: 5px;
}

.breadcrumbResults
{
	font-family: Arial, sans-serif;
	font-size: 15px;
	line-height: 15px;
	color: #808080;
	text-indent: 0px;
	text-align: left;
	vertical-align: text-top;
	margin-bottom: 15px;
	margin-top: 0px;
	padding-left: 5px;
	padding-bottom: 3px;
	background-color: #D6E4EE;
}

.breadcrumbResults a {
	color: #3366a8;
}

div#navigation dl {  position: absolute; margin: 0; padding: 0;  line-height: 24px;  height: 24px; top: 100px; }

div#navigation dl dt,
div#navigation dl dd { margin: 0; padding: 0; width: 120px; }

div#navigation dl dd { position: absolute; }

div#navigation dl#home 			{ width: 120px; left: 216px; } /* home */
div#navigation dl#destinations		{ width: 120px; left: 285px; } /* destinations */
div#navigation dl#about 		{ width: 120px; left: 400px; } /* about us */
div#navigation dl#special 		{ width: 120px; left: 495px; } /* special */
div#navigation dl#car 			{ width: 120px; left: 625px; } /* car hire */
div#navigation dl#booking 		{ width: 120px; left: 710px; } /* Booking details */
div#navigation dl#articles 		{ width: 120px; left: 830px; } /* articles */
div#navigation dl#contact 		{ width: 120px; left: 910px; } /* contact details */


div#navigation dl dt,
div#navigation dl dd a { overflow: hidden; width: auto; height: 24px; text-decoration: none; display: block; text-indent: 10px; margin: 0; padding: 0; line-height: 80px; font-size: 5px; color: #808080;}

div#navigation dl dd a:hover { background-position: -120px 0; }
div#navigation dl dd a.on { background-position: -240px 0; }
	
/* home */
	
div#navigation dl#home dd#menu_1 { top: 0px; }
div#navigation dl#home dd#menu_1 a { background-image: url("/nav/main_menu_01.gif"); background-repeat: no-repeat;  }
/*div.menu_1 dd#menu_1 a { background-position: -240px 0;  }
div.menu_1 dd#menu_1 a:hover { background-position: -240px 0;  }*/

/* destinations */

div#navigation dl#destinations dd#menu_2 { top: 0px; }
div#navigation dl#destinations dd#menu_2 a { background-image: url("/nav/main_menu_02.gif"); background-repeat: no-repeat;  }
/*div.menu_2 dd#menu_2 a { background-position: -240px 0;  }
div.menu_2 dd#menu_2 a:hover { background-position: -240px 0;  }*/
	
/* about us */
	
div#navigation dl#about dd#menu_3 { top: 0px; }
div#navigation dl#about dd#menu_3 a { background-image: url("/nav/main_menu_03.gif"); background-repeat: no-repeat;  }
/*div.menu_3 dd#menu_3 a { background-position: -240px 0;  }
div.menu_3 dd#menu_3 a:hover { background-position: -240px 0;  }*/

/* faq */

div#navigation dl#special dd#menu_4 { top: 0px; }
div#navigation dl#special dd#menu_4 a { background-image: url("/nav/main_menu_04.gif"); background-repeat: no-repeat;  }
/*div.menu_4 dd#menu_4 a { background-position: -240px 0;  }
div.menu_4 dd#menu_4 a:hover { background-position: -240px 0;  }*/

/* car hire */

div#navigation dl#car dd#menu_5 { top: 0px; }
div#navigation dl#car dd#menu_5 a { background-image: url("/nav/main_menu_05.gif"); background-repeat: no-repeat;  }
/*div.menu_5 dd#menu_5 a { background-position: -240px 0;  }
div.menu_5 dd#menu_5 a:hover { background-position: -240px 0;  }*/

/* booking details */

div#navigation dl#booking dd#menu_6 { top: 0px; }
div#navigation dl#booking dd#menu_6 a { background-image: url("/nav/main_menu_06.gif"); background-repeat: no-repeat;  }
/*div.menu_6 dd#menu_6 a { background-position: -240px 0;  }
div.menu_6 dd#menu_6 a:hover { background-position: -240px 0;  }*/

/* articles */

div#navigation dl#articles dd#menu_7 { top: 0px; }
div#navigation dl#articles dd#menu_7 a { background-image: url("/nav/main_menu_07.gif"); background-repeat: no-repeat;  }
/*div.menu_7 dd#menu_7 a { background-position: -240px 0;  }
div.menu_7 dd#menu_7 a:hover { background-position: -240px 0;  }*/

/* contact */

div#navigation dl#contact dd#menu_8 { top: 0px; }
div#navigation dl#contact dd#menu_8 a { background-image: url("/nav/main_menu_08.gif"); background-repeat: no-repeat;  }
/*div.menu_8 dd#menu_8 a { background-position: -240px 0;  }
div.menu_8 dd#menu_8 a:hover { background-position: -240px 0;  }*/

div#navigation dl.selected dd a {
	background-position: -240px 0; 
}

.bodyCopy { width: 450px; }

.bodyCopy a:link, a:visited, a:active { color: #3366a8; /*text-decoration: none;*/ }

.bodyCopy a:hover
{
	color: #3366a8;
	text-decoration: underline;
}

.bodyCopyRightColumn
{
	width: 280px;
	padding-left: 15px;
	
}

.headerRightColumn
{
	width: 280px;
	padding: 0 0 15px 15px;
	border-left: 1px solid #808080;
	margin: 10px 0 10px 0px;
}
.headerRightColumn p, .headerRightColumn td {
	font-size: 11px;
	color: #666;
}

.headerRightColumn td {
	padding: 0 0 10px 0;
}
	
img
{
	border: 0;
	padding: 0;
}

img.rightArrow
{
	border: 0;
	display: block;
	padding-right: 35px;
	padding-bottom: 5px;
}

div, td 
{ vertical-align: top; 
}

#holdingTableLeft
{
	margin: 100px 0px 0px 15px;
	padding: 0px;
	border: 0px;
	width: 185px;
}




.sectionTitle
{
	font-family: Lucida Grande, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #222;
	text-indent: 0px;
	text-align: left;
	vertical-align: text-top;
	font-style: normal;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 2px;
}

.buttonText
{
	font-family: Verdana, sans-serif;
	font-size: 9px;
	color: #333;
	font-weight: normal;
	line-height: 12px;
	text-align: left;
	vertical-align: bottom;
	padding-left: 0px;
	padding-bottom: 2px;
}

.smallText
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	line-height: 14px;
	text-align: left;
	vertical-align: bottom;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 15px;
}

#country { width: 150px; }

#region { width: 150px; }

#sleeps { width: 150px; }

#beds
{
	width: 70px;
	margin-right: 4px;
}

#nights { width: 100px; }

#startDay, #startYear, #endDay, #endYear
{
	width: 50px;
	margin-right: 4px;
}

#startMonth, #endMonth
{
	width: 92px;
	margin-right: 4px;
}

#find
{
	width: 75px;
	margin-top: 15px;
}

#mainVillaImage
{
	margin-right: 0px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	display: block;
}

.thumbnails
{
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding: 0px;
	display: block;    
	margin-left: auto;    
	margin-right: auto;
}

.thumbnailNavigation
{
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 0px;
}

#image_1, #image_2
{	
	margin: 0px;
	padding: 0px;
}

.rhSmallImages
{	
	margin-right: 8px;
	margin-bottom: 8px;
	clear: left;
}

.spacerDiv
{
	display: inline;
	background-color: transparent;
	position: relative;
	padding-left: 35px;
}

/*template 2*/

#rhContainer
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 789px;
	position: absolute;
	top: 175px;
	left: 200px;
	border-width: 0px 0px 0px 1px;
	border-color: #666;
	border-style: solid;
}

#detailsContainer
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	width: 300px;
	position: absolute;
	top: 175px;
	left: 680px;
	border-width: 0px 0px 0px 1px;
	border-color: #666;
	border-style: solid;
}

#thumbnailsTable
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: table;
}

.villaCopy
{
	margin: 0px 0px 10px 15px;
	padding: 0px 0px 0px 0px;
}

.enquiriesImage
{
	margin: 3px 5px 0px 0px;
	padding: 0px 0px 5px 0px;
}

#enquiriesTable
{
	margin: 00px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: table;
}

h3
{
	font-family: Garamond, serif;
	font-size: 20px;
	line-height: 24px;
	color: #808080;
	text-indent: 0px;
	text-align: left;
	vertical-align: text-top;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0px 8px 0px;
}


.villaListDetails
{
	font-family: verdana;
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	text-indent: 0px;
	text-align: left;
	left: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.priceXLeft
{
	font-family: verdana;
	font-size: 10px;
	line-height: 10px;
	color: #666666;
	text-indent: 5px;
	text-align: left;
	left: 0px;
	padding: 3px 0px 4px 0px;
	margin: 0px;
	background-color: #d6e4ee;
}

.priceXRight
{
	font-family: verdana;
	font-size: 10px;
	line-height: 10px;
	color: #666666;
	text-align: right;
	left: 0px;
	padding: 3px 5px 4px 0px;
	margin: 0px;
	background-color: #d6e4ee;
}

.priceYLeft
{
	font-family: verdana;
	font-size: 10px;
	line-height: 10px;
	color: #666666;
	text-indent: 5px;
	text-align: left;
	left: 0px;
	padding: 3px 0px 4px 0px;
	margin: 0px;
	background-color: #ebf1f6;
}

.priceYRight
{
	font-family: verdana;
	font-size: 10px;
	line-height: 10px;
	color: #666666;
	text-align: right;
	left: 0px;
	padding: 3px 5px 4px 0px;
	margin: 0px;
	background-color: #ebf1f6;
}

.priceDetails
{
	font-family: verdana;
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	text-indent: 0px;
	text-align: left;
	left: 0px;
	padding: 7px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*template 3*/

td.smallVilla
{
	width: 236px;
	height: 155px;
}

/*template 4*/
img.mapImage { margin: 0;}

p.mapCopy
{
	position: relative;
	font-size: 11px;
	clear:both; /* ie 6 bug */
}	

p.mapCopy2
{
	position: relative;
	font-size: 11px;
}	

.mapCopy a:link, a:visited, a:active { color: #3366a8; /*text-decoration: none;*/ }

.mapCopy a:hover
{
	color: #3366a8;
	text-decoration: underline;
}


/*template 5*/
img.villaListImage { margin: 4px 15px 15px 15px; }

td.resultsImage { width: 170px; }

td.resultsInfo { width: 400px; }

td.resultsList { width: 224px; }

p.resultsInfo { width: 385px; }

img.resultsDivider 
{
	padding: 0px 0px 10px 15px;
}

td.lightBlue
{
	font-family: verdana;
	font-size: 10px;
	line-height: 10px;
	color: #666666;
	text-indent: 0px;
	text-align: left;
	left: 0px;
	padding: 3px 0px 4px 5px;
	margin: 0px;
	background-color: #d6e4ee;
}

td.darkBlue
{
	font-family: verdana;
	font-size: 10px;
	line-height: 10px;
	color: #666666;
	text-indent: 5px;
	text-align: left;
	left: 0px;
	padding: 3px 0px 4px 0px;
	margin: 0px;
	background-color: #ebf1f6;
}

img.fullDetails 
{
	padding-bottom: 8px;
	margin: 0px;
}

.resultsNav
{
	font-family: Arial, sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #808080;
	text-indent: 0px;
	text-align: right;
	vertical-align: text-top;
	margin-bottom: 15px;
	margin-top: 0px;
	padding-right: 5px;
	padding-bottom: 3px;
	background-color: #D6E4EE;
}

img.resultsNavImagePrevious
{
	display: inline;
	padding-right: 15px;
	padding-left: 50px;
	padding-top: 3px;
}

img.resultsNavImageNext
{
	display: inline;
	padding-right: 30px;
	padding-left: 10px;
	padding-top: 3px;
}

#resultsPageNumbers
{
	text-align: right;
	padding-right: 5px;
}

/* ADDED BY SEB 1 NOV */

#destDropdown {
	background: #eee;
	visibility:hidden;
	width: 7em; 
	position: absolute;
	top: 118px;
	left: 283px;
	z-index: 5;
}

#destDropdown ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;

}

#destDropdown li {
	position: relative;
	border-bottom: 1px solid #aaa;
} 

#destDropdown a {
	font-family: Garamond,serif;
	font-size: 14px;
	display: block;
	margin: 0;
	padding: 1px 3px;
	color: #333;
	background: #fff;
	text-decoration: none;
	
}

#destDropdown a:hover {
	color: #0066ac;
}

.carhire {
	width: 90%;
}

.carhire td {
	font-family: verdana, sans serif;
	font-size: 11px;
	line-height: 15px;
	color: #111;
	text-indent: 0px;
	text-align: left;
	left: 0px;
	padding: 3px 3px 4px 5px;
	background-color: #f4f8fa;
	border: 1px solid gray;
	margin: 1px;
}

#notes td {
	font-family: verdana, sans serif;
	font-size: 11px;
	line-height: 15px;
	color: #111;
	text-indent: 0px;
	text-align: left;
	left: 0px;
	padding: 3px 3px 4px 5px;
	border: 0px;
	margin: 1px;
}

#loginBox form p {
	line-height: 10px;
	margin: 10px 0px;
}

#loginBox form input {
	width: 170px;
}
	
#loginBox {
	float: left; 
	padding: 15px; 
	padding-top: 0px;
	padding-right: 5px;
	margin: 0px;
	width: 190px;
	border-right: 1px solid gray;
	
}

#list {
	width: 560px;
	float: left;
}

#loggedindetails {
	font-size: 10px;
	padding-left: 30px;
}

.picture {
	padding: 5px;
	border: 1px solid #aaa;
	margin: 20px;
	clear: both;
	display: block;
}

#shortlistItems {
	padding: 15px;
	font-size: 8px;
	border: 1px solid #bbb;
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #eee;
}

.bottomLinks {
	margin: 50px 10px 10px 10px;
	color: #888;
}

.bottomLinks a {
	font-family: verdana, sans serif;
	color: #888;
	font-size: 10px;
	line-height: 10px;
	padding: 0px;
}
