/* Common html elements */
body {
background:#fff;
font-size: 13px;
line-height: 1.4; /* 21px */
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #333;
margin:0;
}
a:link, a:visited{
  font-weight:bold;
  color: #194B71;
}
ul
{
    list-style-type: none;   
    margin: 0;
    padding: 0;
}
ol li{
padding:2px;
}
img{
border:0;
}
td, th{
padding:2px 4px;
}
th{
background-color:#556475;
color:#efefef;
}

h1{
    color: #1B2661;
    font-size: 26px;
    margin: 0;
}
h2{
    color: #3FBAC6;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
}
h3{
    color: #3FBAC6;
    font-size: 18px;
    margin: 0;
}
h4
{
    color: #3FBAC6;
    font-size: 16px;
    margin: 0;
}

.cldb
{
    color: #1B2661;
}

.mt10
{
    margin-top: 10px;
}

/*forms*/
div.contactform{
width:487px;
background-color:#FFF;
margin:10px;
}
div.contactform table{
margin: 5px 10px;
}
div.contactform table th{
  vertical-align: top;
  text-align: left;
  padding: 4px;
  background-color:#FFF;
  color:#333333;
  font-weight:normal;
}
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*/
#lang-bar{
background-color:#0e3258;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding: 6px;
text-align:center;
}
#container{
width:960px;
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;
}

#recentvillas{
	margin:10px 0;
	padding:0;
}
#recentvillas ul{
	margin:0;
	padding:0;
}
#recentvillas ul li{
	color:#0e3258;
	float:left;
	text-align:center;
	margin-left: 40px;
	font-size: 14px;
	list-style-type: none;
}
#recentvillas ul li a{
	color:#0e3258;
	text-decoration:none;
	font-weight:bold;
}
#recentvillas ul li a span{
	display:block;
	padding:20px 5px;
}

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{
padding: 4px 0;
margin:0;
background-image: none; background-color: #4C83AE; width: auto;
color:#efefef;
text-align:center;
}
#resortlist{
  margin: 10px 5px;
  padding:0;
}
#resortlist li{
  list-style-type:none;
}
#resortlist li a{
  padding:4px 2px;
  text-decoration:none;
  font-weight:normal;
  display: block;
  line-height:1.2em;
}
#resortlist li a:hover{
  background-color:#BDDBF0;
}

#portugallist{
  margin:5px;
  padding:0;
}
#portugallist li{
  list-style-type:none;
}
#portugallist li a{
  padding:2px;
  text-decoration:none;
  font-weight:normal;
  display: block;
}
#portugallist li a:hover{
  background-color:#BDDBF0;
}

span.yearlink a{
color:#194B71;
}

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

#comments p{
  width:auto;
}

/*header and navigation*/
#header-container{
background: #3FBAC6 url(/images/backgrounds/header.gif) repeat-x left top;
color: #FFF;
height: 120px;
margin-top: 10px;
}

#header-container .wrapper
{
    height: 120px;
    position: relative;
}

#header-container .strapline
{
    position: absolute;
    height: 20px;
    left: 240px;
    line-height: 20px;
    right: 0;
    top: 50px;
}

#header-container .languages
{
    position: absolute;
    right: 0px;
    top: 5px;
}

#header-container .languages a
{
    margin-left: 2px;
}

.clem
{
    color: #168D99;
}
.clwh
{
    color: #FFF;
}

.fl
{
    float: left;
}
.fr
{
    float: right;
}

#main-container{
width:940px;
margin:0 auto;
padding:10px; 
overflow:auto; 
background-color:#FFF;
}

#footer
{
    background-color: #EBF2F7;
    border-top: solid 5px #1B2661;
    color: #1B2661;
    padding: 20px;
}

.wrapper
{
    margin: 0 auto;
    width: 940px;   
}

#protection img{
margin: 2px;
vertical-align:middle;
}

#logo{
margin:5px;
}
#header{
float:right;
margin:5px;
}
#nav li a, #nav li a:link, #nav li a:visited
{
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#header a:hover, #header a:active
{
    color: #1B2661;
}
#header-container ul
{
    background-color: #3FBAC6;
    bottom: 0;
    height: 20px;
    left: 240px;
    line-height: 20px;
    padding: 0;
    position: absolute;
}

#header-container li
{
    display: block;    
    float: left;
    margin-right: 15px;
}

ul#topnav li a:hover { 
color: #1B2661;
}
/* end nav style */

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

#sidenav li{
  list-style: none;
}
#sidenav li a {
  padding:2px;
  text-decoration:none;
  font-weight:normal;
  display: block;
}

#sidenav li a:hover{
  background-color:#BDDBF0;
}

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 */
  #fp-background{
  position:relative;
  width:550px;
  height:375px;
  }
  #fp-note-background{
  position: absolute;
  bottom: 0;
  width:530px;
  padding: 10px;
  height:70px;
  background-color:#fff;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  }
  #fp-note{
  position: absolute;
  z-index:100;
  bottom: 0;
  width:530px;
  padding: 10px;
  height:70px;
  }
  #fp-note h2, #fp-note p{
  color:#194B71;
  margin: 1px 0;
}

div#message{
  clear:both; 
  background-color:#EBF2F7; 
  padding: 5px;
  margin: 0 5px;
  border: 1px solid #4C83AE; 
}

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

/* CSS Document for villa search page */
fieldset
{
    border: 0;
    display: block;
    margin: 10px 0;
    padding: 0;
}

/* 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, #carhire2 th {
color:#E6F2FF;
padding: 2px 4px;
font-size:12px;
background-color: #7A90A7;
border: 1px solid #556475;
}
#carhire td, #carhire2 td {
color:#121212;
padding: 2px 4px;
font-size:12px;
background-color: #EEF6FF;
border: 1px solid #556475;
}

/*villa details page*/
#thumb{
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 3000px;
}
#thumb li{
display: block;
margin: 4px;
padding: 0;
float: left;
width: auto;
}
#villanav{
margin: 10px 0 0 0;
padding: 3px;
border-bottom: 1px solid #215A8D;
}
#villanav li{
list-style: none;
display: inline;
margin: 0 3px;
padding: 0;
}
#villanav li a{
color: #eee;
text-decoration: none;
outline: none;
background: #67A3D9;
margin: 0;
padding: 5px 12px;
border-left: 1px solid #215A8D;
border-top: 1px solid #215A8D;
border-right: 1px solid #215A8D;
font-size: 14px;
font-weight:bold;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
}
#villanav a.current {
color:#215A8D;
background-color:#FFF;
border-bottom: 1px solid white;
}

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;
}

#remove, #add{
line-height: 32px;
}

.resort a{
color:#666;
font-size: .8em;
}

#summary_new, #new_details, #new_price, #new_availability{
padding:5px 10px;
}

div.two-col ul{
float:left; 
width: 520px; 
font-size:14px; 
list-style: none;
padding: 0;
margin: 5px 0;
}
div.two-col li{
float:left;
width:240px;
padding-left: 20px;
background-image:url(/images/bullet_orange.png);
background-repeat:no-repeat;
background-position: 0 2px;
}

div.one-col ul{
font-size:14px; 
list-style: none;
padding: 0;
margin: 0;
}
div.one-col li{
padding-left: 20px;
background-image:url(/images/bullet_orange.png);
background-repeat:no-repeat;
background-position: 0 2px;
}
#new_details h3{
margin-bottom:0px;
}
p.bodyinfo{
  text-align:left;
  background-color:#FFFF99;
  padding: 5px;
  margin: 10px;
  font-weight: bold;
}
.offer{ 
  color: #FF1A00; 
  font-weight:bold;
  font-size: 14px;
  margin: 2px 0;
  text-align:center;
}

table.key {
  border-collapse:collapse;
  margin: 10px 0;
}

.key td{
  border: 1px solid #194B71;
  padding-right: 12px;
  background-color:#FFF;
}

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

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

.calendar td{
	font-size: 12px;
	text-align:center;
	padding: 2px;
	border: 1px solid #ddd;
	width: 17px;
	height: 17px;
	background-color:#fff;
	color:#333;
}	

.calendar th{
	font-size: 12px;
	margin:0;
	text-align:center;
	background-color:#4C83AE;
	border: 1px solid #4C83AE;
	color:#fff;
	height: 18px;
	padding: 3px;
}

caption{
	font-size: 14px;
	font-weight: bold;
	background-color: #7CAFD7;
	border: 1px solid #7CAFD7;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	line-height: 1.7;
}

/*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:#7CAFD7;
	color:#FFFFFF;
}

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

#pricetable td.pricesubhead{
  background-color:#FFFF99;
  text-align:center;
}
#pricetable th.topprice{
	padding: 4px;
  color: #fff;
  background-color:#4C83AE;
}
#pricetable th.topprice a{
	color:#FFF;
}

/*2011*/
.villalisting{
text-align:center;
float:left; 
width:160px;
height: 210px;
padding:5px 5px; 
margin:5px 10px 20px 5px;
}
.villalisting a{
text-decoration:none;
}
.villalisting a:hover h3{
text-decoration:underline;
}

.villalisting img {
padding: 4px;
border: 1px solid #CCC;
}

.villalisting h3{
  font-size:12px;
  line-height: 1.3; /* 21px */
  color:#0e3258;
  margin:0;
  padding:0;
}

.villalisting div{
text-align:left;
padding: 0 10px;
font-size:12px;
}
/*full width 640px */
.fulllisting{
margin:10px 0;
padding: 5px 0;
overflow:auto;
width:640px;
border-top: 1px solid #ebf2f7;
}

.listingthumb{
float:left;
padding: 2px;
border: 1px solid #194B71;
margin:0 10px 0 0;
}

.fulllisting a{
font-size: 18px;
line-height: 1.2;
text-decoration:none;
color:#0E3258;
padding-right: 5px;
}

.fulllisting h3 a:hover {
text-decoration:underline;
}

.fulllisting h3{
  font-size:16px;
  line-height: 1.2; /* 21px */
  margin:0;
  padding:0;
}

div.fulllisting .desc{
float:left;
padding: 0;
font-size:12px;
width:454px;
}
div.fulllisting p a{
font-weight: normal;
}
div.fulllisting p a img{
border: none;
}
div.fulllisting .price{
padding: 3px 10px 0 0;
float:right;
text-align:right;
}
div.fulllisting .price strong{
font-size:24px; line-height:24px
}
div.fulllisting .price span{
font-size:12px
}

/*380px*/
.villafulllisting{
float:left;
width:350px;
height: 180px;
padding:5px;
margin:5px 10px 10px 5px;
}
.villafulllisting a{
	font-size: 16px;
	line-height: 1.2;
text-decoration:none;
color:#0e3258;
}
.villafulllisting h3 a:hover {
text-decoration:underline;
}

.villafulllisting img {
padding: 2px;
border: 1px solid #CCC;
float:left;
}

.villafulllisting h3{
  font-size:14px;
  line-height: 1.2; /* 21px */
  margin:0;
  padding:0;
}

div.villafulllisting .desc{
float:left;
width:190px;
text-align:left;
padding: 0 5px;
font-size:12px;
}
div.villafulllisting .desc p{
	clear:both;
	text-align:right;
}
div.villafulllisting p a{
	font-weight: normal;
	font-size:12px;
	color:#0000FF;
}
div.villafulllisting .price{
	padding-top: 6px;
	float:right;
text-align:right;
}
div.villafulllisting .price strong{
font-size:24px; line-height:24px
}
div.villafulllisting .price span{
font-size:11px
}
.searchform{
width: 218px;
float: left;
background-color: #ebf2f7;
border: 1px solid #4C83AE;
}
.getsearchform form{
    padding: 5px;
}
.getsearchform label{
    font-size: 12px;
    color: #222;
}
.sor{
    overflow: auto;
    padding: 5px 0;
}
.label1{
    width:110px;
    float: left;
}
.getsearchform input, .getsearchform select{ padding: 2px;}
.getsearchform select{
    width: 150px;
}
#adults, #children{
width: 100px;
}
#cal1Date{
    width: 120px;
}

/**************************************************
  SEARCH ORDER
**************************************************/
#search-order
{
    color: #999;
}

#search-order a, #search-order a:link, #search-order a:visited
{
    color: #999;
    margin-right: 10px;
    padding-left: 13px;
}

#search-order a:hover, #search-order a:active
{
    color: #999;
    text-decoration: underline;
}

#list-view
{
    background: transparent url(/images/icons/list-view.gif) no-repeat left center;
}

#picture-view
{
    background: transparent url(/images/icons/picture-view.gif) no-repeat left center;
}


/**************************************************
  RESULTS PICTURE
**************************************************/
.results li .thumb
{
    position: relative;
}


.results li .thumb img
{
    border: solid 1px #1B2661;
    display: block;
    height: 107px;
    width: 158px;
}

.results li .thumb .rbn
{
    bottom: -10px;
    display: none;
    height: 30px;
    position: absolute;   
    right: -10px;
    width: 30px;
}

.results li .thumb .special
{
    background: transparent url(/images/icons/special.png) no-repeat 50% 50%;
    display: block;
}

.results li .thumb .featured
{
    background: transparent url(/images/icons/featured.png) no-repeat 50% 50%;
    display: block;
}

.results li h4
{
    color: #1B2661;
    font-size: 13px;
    font-weight: normal;
    overflow: hidden;
}

.results li a, .results li a:link, .results li a:visited
{
   color: #1B2661;
}

.results li a:hover, .results li a:active
{
    text-decoration: underline;
}

.results li b
{
    color: #1B2661;
}




#result-picture
{
    margin-left: -20px;
}

#result-picture li
{
    background-color: #FFF;
    color: #999;
    float: left;
    margin: 10px 0 10px 20px;
    width: 160px;
}

#result-picture li .content a:hover, #result-picture li .content a:active
{
    text-decoration: underline;
}



#result-list li
{
    background-image: none;
    border-bottom: dotted 1px #CCC;
    color: #999;
    padding: 10px 0;
}

#result-list li .price
{
    float: right;
    margin-left: 5px;
    text-align: right;
    width: 150px;
}

#result-list li .price b
{
    color: #999;
    display: block;
    font-size: 20px;
    margin: 5px 0;
}

#result-list li .thumb
{
    float: left;
    margin-right: 10px;
    position: relative;
}

#result-list li .content
{
    margin-left: 180px;
}

#result-list h4
{
    font-size: 20px;
}

#result-list .actions
{
    line-height: 18px;
    margin-top: 10px;    
}

#result-list .actions a, .list .actions a:link, .list .actions a:visited
{
    color: #3FBAC6; 
    margin-right: 10px;
}

#result-list .actions a:hover, .list .actions a:active
{
    text-decoration: underline;
}

#result-list .actions a.details
{
    color: #1B2661;
    float: right;
    font-size: 18px;
    margin-right: 0;
}

#result-list .map
{
    display: none;
    height: 150px;
    width: 720px;
}

#result-list .canvas
{
    height: 150px;
    width: 720px;
}

#result-list .hdn
{
    position: absolute;
    left: -100000px;
}
.wp50

{

    width: 50%;

}



.w50

{

    width: 50px;

}


ul.bullet li
{
    background: transparent url(/images/icons/bullet.gif) no-repeat left center;
    padding: 0 0 2px 15px;

}


.other li
{
    clear: left;
    padding: 10px 0;
}

.other li .thumb
{
    float: left;
    position: relative;
}

.other li .thumb img
{
    border: solid 1px #1B2661;
    height: 39px;
    width: 58px;
}
 
.other li .content
{
    margin-left: 80px;
}

.fs50
{
    font-size: 50%;
}

.fs75
{
    font-size: 75%;
}

.fs90
{
    font-size: 90%;
}

.fs120
{
    font-size: 120%;
}

.fs150
{
    font-size: 150%;
}

.fs200
{
    font-size: 200%;
}