/* Common html elements */
body {
  margin: 0;
  font: 76%/1.4 Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
  background-color:#FFFFF0;
  color:#333333;
}
a:link, a:visited{
  font-weight:bold;
  color:#BD743F;
}
ul{
margin:0;
}
ol li{
padding:2px;
}
img{
border:0;
}
td, th{
padding:2px 4px;
}
th{
background-color:#556475;
color:#efefef;
}
h1{
  font-size: 1.9em;
  color:#556475;
  margin: 0 5px;
}

h2{
	font-size: 1.4em;
	color:#556475;
	margin: auto 5px;
	/*background-color:#BC7C4C;
	color:#efefef;	margin: 0;
	padding: 3px;
	text-align:center;*/
}
h3{
  font-size: 1.25em;
  color:#556475;
}

/*forms*/
div.contactform{
width:487px;
background-color:#BFDCFF;
margin:10px;
border-top:1px solid #818D9B;
}
div.contactform table{
margin: 5px 10px;
}
div.contactform table th{
  vertical-align: top;
  text-align: left;
  padding: 4px;
  background-color:#BFDCFF;
  color:#333333;
}
textarea {
  font-family: Arial, sans-serif;
  font-size: 12px;
  width: 280px;
  padding: 3px;
}
label{ font-weight:bold;}

input.text{ 
font-family: Arial, sans-serif;
font-size: 12px;
padding: 3px;
width: 280px;
}

input.submit{ 
font-weight:bold;
padding: 3px 5px;
}

/*structure*/
#container{
width:975px;
margin: 0 auto;
}
#left{
width:162px;
float:left;
}
#left h3{
  font-size: 1.25em;
  margin: 0 1px;
  padding: 2px;
  background-color:#556475;
  color:#efefef;
  text-align:center;
}
ul#recent{
  padding:0;
  margin: 0;
}
ul#recent li{
  list-style: none;
  text-align:center;
}
ul#recent li a{
text-decoration:none;
}

#right{
width:813px;
float:right;
}
#centre{
width:487px;
float:left;
}
#right p{
margin-left: 5px;
}
#centre p{
margin: auto 8px;
}
#centre h1{
margin: auto 8px;
}
#farright{
float:right;
width: 325px;
}
#farright h3{
margin: auto 10px;
}
#farright h3.boxhead{
background-image:url(/images/galleryboxheadingbg.gif);
padding: 4px 0;
margin:0;
width: 325px;
color:#efefef;
text-align:center;
}

#resortlist li{
	padding:3px 0;
}

span.yearlink a{
color:#efefef;
}

.resortlist h2{
  margin-left: 15px;
}
.resortlist ul{
  border-left: 1px solid #608BBF;
  margin-left: 15px;
}

#comments p{
  width:auto;
}

/*header and navigation*/
#logo{
margin:5px;
}
#header{
float:right;
margin:5px;
}
#nav{
height: 40px;
width:975px;
background-image:url(/images/header/nav_background.jpg);
}
ul#topnav,
ul#topnav ul {
  margin: 0;
  padding: 0;
  background-color: transparent; /* IE6 Bug */
}

ul#topnav {
  float: left;
  width: 975px;
  z-index: 999999;
  position: absolute;
}

ul#topnav:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
	
ul#topnav li {
  list-style: none;
  float: left;
}
#nav-1{
  width:100px;
}
#nav-2{
  width:100px;
}
#nav-3{
  width:120px;
}
#nav-4{
  width:175px;
}
#nav-5{
  width:160px;
}
#nav-6{
  width:110px;
}
#nav-7{
  width:110px;
}
#nav-8{
  width:100px;
}
ul#topnav li ul,	
ul#topnav li ul li {
	width: 165px;
}

ul#topnav li a{
	display: block;
	text-decoration: none;
	color: #eee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height: 30px;
	padding: 5px 12px;
	border-right:1px solid #eee;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#topnav li { float: left; height: 1%; }
* html ul#topnav li a { height: 1%; }
/* End */

/* Hide sub-menus initially */
ul#topnav ul {
  position: absolute;
  display: none;
}

ul#topnav li:hover ul,
ul#topnav li li:hover ul,
ul#topnav li.over ul,
ul#topnav li li.over ul{ display: block; } /* The magic */

ul#topnav li ul li a{
color: #608BBF;
background:none;
font-size: 12px;
text-align:left;
padding: 4px 4px 4px 8px;
background: #BFDCFF;
border-bottom:1px solid #608BBF;
margin: 0;
line-height:normal;
}
ul#topnav li a:hover { color: #ffffff;
background-color: #818D9B;
}
/* end nav style */

/* side nav*/
ul#sidenav{
  padding:0;
  margin:0 3px 0 0; 
}

ul#sidenav li{
  border-top: 1px solid #556475;
  list-style: none;
}
ul#sidenav li a {
  padding: 3px 5px;
  display:block;
  color:#556475;
  background-color:#EEF5FF;
  text-decoration:none;
}
div#footer{
  clear:both;
  border-top: 1px solid #818D9B;
  margin-top: 20px;
}
div#footer ul{
  padding: 5px 10px;
  margin: 0;
  background-color:#EEF5FF;
}
div#footer ul li {
  list-style:none;
  display: inline;
  padding-right: 20px;
}
div#footer ul li a {
  color:#556475;
  text-decoration:none;
}
div#footer ul li a:hover {
  text-decoration:underline;
}
div#protection {
  padding:5px 20px;
}

div#protection div{
  float:left;
  padding:5px;
}
div#protection p{
  width: 530px;
}
div#protection img{
  vertical-align:middle;
}
div#copyright{
	background-color: #818D9B;
	padding: 2px 7px;
}
div#copyright p{
  color: #FFFFF0;
  font-size: 0.93em;
  line-height: 0.93em;
}
/* listings page */
td.row2{
  background-color:#EEF5FF;
  border-bottom: 1px solid #818D9B;
}
td.row{
  border-bottom: 1px solid #818D9B;
}

/* front page */
div#message{
  clear:both; 
  background-color:#FFF5D9; 
  padding: 6px; 
  border-top: 1px solid #997100; 
  border-bottom: 1px solid #997100;
}

div#message p{
  text-align: center; 
  font-size: 16px; 
  margin:1px;
  font-weight:bold;
}

.faux-table{
clear:both; 
display:table; 
border-collapse:separate;
}

.faux-table-cell{
width:315px; border:5px solid #bfdcff; display:table-cell; background-color:#FFFFF0;
}

.faux-table-cell h3 {
background-color:#556475; 
color:#FFFFFF; 
margin:0; 
padding:5px 8px;
}

/* CSS Document for villa search page */

#searchoptions{
  background-color: #EEF6FF;
  margin: 6px 0;
}
#searchoptions fieldset{
  border-style: none;
  border-top: 2px solid #7A90A7;
  padding: 5px;
}
#searchoptions legend{
	  color: #7A90A7;
	  padding: 3px;
	font-weight: bold;
	  font-size: 13px;
}

/* search results */
.resultBox{
	width: 160px; 
	height: 200px; 
	float: left; 
	background-color: #EEF6FF; 
	padding: 0px; 
	margin: 13px; 
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 12px;
}
div.resultBox h3{
	background-color: #7A90A7;
	color: #E6F2FF;
	font-size : 13px;
	padding : 3px 1px; 
	margin: 0;
	text-align : center;
}
div.resultBox ul{
	padding: 0;
	margin: 0;
}
div.resultBox li{
	margin: 2px 4px;
	list-style-type: none;
	font-size: 12px;
}	
#results h1, #results h2{
	margin-left: 15px;
}

.paginator a:link, .paginator a:visited {
  border: 1px solid #EEF6FF;
  margin: 2px;
  padding: 2px 5px;
  text-decoration: none;
  font-size: 13px;
  color: #7A90A7;
}
.paginator a:hover{
  border: 1px solid #EEF6FF;
  margin: 2px;
  padding: 2px 5px;
  text-decoration: none;
  background-color: #7A90A7;
  color: #E6F2FF;
}
.paginator .current-page{
  border: 1px solid #EEF6FF;
  margin: 2px;
  padding: 2px 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
}

.searchInfo{
  background-color: #556475; 
  margin: 8px 0 0 0; 
  padding: 2px 6px 3px 6px;
  font-size : 14px;
  font-weight: bold;
  color: #fff;
  height: 18px;
}

.rimage{
	float: right;
	padding: 5px;
	border: 1px solid #AECFEE;
	margin: 0 0 7px 12px;
}

.limage{
	float: left;
	padding: 5px;
	border: 1px solid #AECFEE;
	margin: 0 12px 7px 0;
}
#intro p{
font-family: georgia;
font-size: 16px;
margin-left: 14px;
margin-right: 14px;
text-align:center;
}
#carhire th {
color:#E6F2FF;
padding: 2px 4px;
font-size:12px;
background-color: #7A90A7;
border: 1px solid #556475;
}
#carhire td {
color:#121212;
padding: 2px 4px;
font-size:12px;
background-color: #EEF6FF;
border: 1px solid #556475;
}

/*villa details page*/
ul#summary{
	background-color: #EEF5FF;
	padding:0;
	margin: 0 2px 0 0;
}

ul#summary  li{
  font-size : 12px;
  font-weight : bold;
  margin: 2px 0 2px 16px; 
  padding: 0;
}

ul#links{
  padding:0;
  margin: 0;
}

ul#links li{
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #EEF5FF; 
  border-top: 1px solid #556475;
  list-style: none;
}
ul#links li a {
  padding: 3px 5px;
  display:block;
  color:#556475;
  text-decoration:none;
  padding-left: 32px; /* width of icon + whitespace */
  background-position:2px 4px;
}
ul#links li a:hover {
color: #ffffff;
background-color: #818D9B;
}
#email {
  margin: 0; 
  list-style: none;
  line-height:16px;
}
#email a{
  background-position: 2px 4px;
  background-image: url(/images/email.png);
  background-repeat: no-repeat;
}
#email a:hover{
	background-color:#EEF5FF;
}
#print {
  margin: 0; 
  list-style: none;
  line-height:16px;
}
#print a{
  background-position: 2px 4px;
  background-image: url(/images/printer.png);
  background-repeat: no-repeat;
}
#print a:hover{
  background-color:#FFF5D9;
}
#house {
margin: 0; 
list-style: none;
line-height:16px;
}
#house a{
  background-position: 2px 4px;
  background-image: url(/images/house.png);
  background-repeat: no-repeat;
}
#house a:hover{
  background-color:#FFF5D9;
  background-image: url(/images/house.png);
  background-repeat: no-repeat;
  background-position: 1px 4px;
}
#car { 
margin: 0; 
list-style: none;
line-height:16px;
}

#car a{
  background-position: 2px 4px;
  background-image: url(/images/car.png);
  background-repeat: no-repeat;
}

#car a:hover{
  background-color:#FFF5D9;
}
#de a{
  background-position: 2px 5px;
  background-image: url(/images/germany.gif);
  background-repeat: no-repeat;
}
#fr a{
  background-position: 2px 5px;
  background-image: url(/images/france.gif);
  background-repeat: no-repeat;
}
#es a{
  background-position: 2px 5px;
  background-image: url(/images/spain.gif);
  background-repeat: no-repeat;
}
#en a{
  background-position: 2px 5px;
  background-image: url(/images/england.gif);
  background-repeat: no-repeat;
}
.resort{
color:#333333;
font-weight:bold;
font-size: 12px;
}
#threebox{
  float:left;
  background-image:url(/images/threeboxbackground.gif);
  background-position:bottom;
  margin-bottom: 7px;
  width:485px;
}

#details, #distances, #extras{
  padding: 0;
  margin: 0 0 0 0;
  width:160px;
  float:left;
}

#details ul, #distances ul, #extras ul{
  list-style:outside;
  margin-left:10px;
  padding: 3px 5px 6px 12px;
  color: #3B4652;
}
#details ul li, #distances ul li, #extras ul li{
  font-size: 12px;
  line-height: 1.15em;
}

#details h3, #distances h3, #extras h3{
  margin: 0;
  padding: 2px;
  background-image:url(/images/threeboxheadingbg.gif);
  background-position:top;
  color:#efefef;
  text-align:center;
}

p.bodyinfo{
  text-align:left;
  background-color:#FFFF99;
  padding: 5px;
  margin: 10px;
  font-weight: bold;
}
.offer{ 
  color: #FF1A00; 
  font-weight:bold;
  font-size: 12px;
  margin: 2px 0;
  text-align:center;
}
#availability{
  width:485px;
  float:left;
  background-position: bottom;
  background-color: #FFF4BF;
  background-image: url(/images/availboxbackground.gif);
}
#availability h2{
  margin: 0;
  color: #FFFFee;
  background-color: #BD743F;
  text-align:center;
  background-image: url(/images/availboxheadingbg.gif);
}
#availability p{
  margin: 15px;
}
table.key {
  border-collapse:collapse;
  margin: 5px 15px;
}

.key td{
  font-size: 12px;
  border: 1px solid #7A90A7;
  padding-right: 12px;
  background-color:#FFFFF2;
}

.key td.bpday, .key td.booked, .key td.option, .key td.request{
  width: 20px;
  padding: 0;
}

/*cal styles*/
.calendar{
	margin: 0 0 5px 12px;
	float: left;
	height: 190px;
	width:auto;
}
.calendar table{
border-collapse:collapse;
}

.calendar td{
	font-size: 11px;
	padding: 2px;
	width: 15px;
	height: 15px;
	border: 1px solid #7A90A7;
	background-color:#eef5ff;
	color:#333;
}	

.calendar th{
	font-size: 11px;
	background-color:#556475;
	color:#efefef;
	height: 20px;
	border: 1px solid #7A90A7;
}

caption{
  font-size: 1.1em;
  font-weight: bold;
  background-color: #7A90A7;
  color: #EEF7FF;
  text-align: center;
  margin: 0;
  line-height: 1.5em;
}

/*overide default background colour*/
td.blank{
  text-align: right;
  background-color: #c53c27;
  color: #444;
}	
td.bpday {
  text-align: right;
  background-color: #FFF;
}	
td.booked {
  text-align: right;
  background-color: #c53c27;
  color: #444;
}
td.option {
	text-align: right;
	background-color: #CEDEFA;
	color: #444;
}
td.request {
	text-align: right;
	background-color: #B7FFB7;
}

div#thumbs{
	margin: 0 0 7px 0;
}

#thumbs a{
  float:left;
  display:block;
  margin: 0 0 1px 0;
  padding:0;
  border:1px solid #556475;
}

#thumbs a:hover{
  border:1px solid #FFFF99;
}
div#thumbs a img{
  padding:0; margin:0;
  vertical-align:bottom;
}
#pricetable th{
  background-color:#Bc7c4c;
  color:#FFFFEE;
}

#pricetable td{
  background-color:#FFF4BF;
}

#pricetable td.pricesubhead{
  background-color:#FFFF99;
  text-align:center;
}
#pricetable th.topprice{
  color: #333;
  background-color:#FFFF99;
}