@charset "utf-8";
*{
	padding: 0;
	margin: 0;
}
a {
	text-decoration:none;
	font-weight: bold;
	color:#164285;
}

a:hover{
	text-decoration:underline;
}
body  {
	font: 90% Arial, Helvetica, sans-serif;
	background: #DEC87F;	
	/*text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height:100%; /* needed for container min-height */
}
h1, h2, h3, h4{
	color:#164285;
	margin-bottom: 0.3em;
}
html{
	height:100%; /* needed for container min-height */
}
img{
	border:none;
}
.gallery img{
	border: solid 3px #164285;
	margin-right:1em;
	margin-bottom:1em;
}
p, table{
	margin-bottom: 1em;
}
strong{
	font-weight: bold;
	color:#164285;
}
th{
	white-space: nowrap;
	text-align:left;
}
#containerRV{
	height:auto !important; /* real browsers */
	height:99%; /* IE6: treated as min-height*/
	min-height:99%; /* real browsers */
	position:relative;/**/
}
#containerRV, #footer {
	width: 940px; 
	/*background: #FFFFFF url(../images/bg.gif) repeat-y left top;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#containerShadow{
	width: 940px;  
	margin: 0 auto;
	_margin: 0 15%;
	padding: 0 30px 1em;
	_padding: 0 0 1em;
	background: url(../images/content_bg.png) repeat-y center bottom;
	_background: #fff url(../images/bg.gif) repeat-y left bottom;;/**/
	position:relative;/**/
	height:auto !important; /* real browsers */
	height:99%; /* IE6: treated as min-height*/
	min-height:99%; /* real browsers */
}
#sidebar {
	float: left; /* since this element is floated, a width must be given */
	text-align:center;
	width: 170px; /* the background color will be displayed for the length of the content in the column, but no further */
	_width: 170px;
	padding: 0px;
	padding-bottom:1em;
}
#sidebar a img{
	border: solid 3px #164285;
	margin-bottom: 1em;
}
#nav{
	text-align:left;
	list-style:none;
	height: 197px;
	overflow:hidden;
	padding-left:0;
	margin-bottom: 1.75em;
}
#nav li{
	margin-left:1em;
	padding-left:0;
	border-bottom: 1px dotted #968C73;
	padding-top: 0.55em;
	padding-bottom: 0.55em;
	font-weight: bold;
	text-transform: uppercase;
}
#mainContent,#flashHolder,#contactInfo {
	margin-left: 170px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	_width: 767px;
	_overflow:hidden;
} 
#flashHolder {
	background: url(../images/slideshow/flash_placeholder.jpg) no-repeat right top;
}
#contactInfo {
	padding: 0.5em;
	padding-left: 25px;
	font-size:70%;
	font-weight: bold;
	color:#164285;
	_width: 737px;
}
#contactInfo a{
	text-decoration:underline;
}
#contactInfo p{
	margin:0;
}
#mainContent{
	padding: 1em 20px 20px 25px; 
	_width: 720px;
}
#mainContent ul{
	margin-left: 1em;
	padding-left: 0.5em;
	margin-bottom: 1em;
}
#mainContent li{
	margin-bottom: 0.3em;
}
#footer {
	position:absolute;
	/*width:100%;*/
	bottom:0; /* stick to bottom */
	text-align: center;
	font-size: 70%;
	font-weight: bold;
	color:#164285;
	padding-bottom: 0em;
	padding-top: 0.75em
} 
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
#footer .fltlft{
	margin-left:0.75em;
}
#footer .fltrt{
	margin-right:0.75em;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*---------- FACILITIES STYLES-----------------*/
#unitAmenities {	*zoom: 1;	margin: 1em 0 0 0;}
#unitAmenities ul {	margin: 0;	padding: 0;	padding-left: 13px;	*padding-left: 16px;}
#unitAmenities ul li {
	margin: 0;
	padding: 0;
	text-transform: capitalize;
}
#unitAmenities div span {	display:block;}
#unitAmenities .row{	border-bottom:1px dotted #968C73;	color:#333;	padding: 0; padding-bottom:0.3em; width:100%; float:left; #float:none; clear:right;}
#unitAmenities .firstColumn{	float:left;	width:25%;	margin-right: 1.5%;	padding:6px;	padding-left:10px;	font-weight:bold;}
#unitAmenities .column{	float:left;	width:35%;	padding-top:6px;}
#unitAmenities .doubleColumn{	float:left;	width:70%;	padding-top:6px;}
#unitAmenities ul li {	list-style-type:square;}
#unitAmenities ul li.longDescription {	list-style-type:none;}
#property-map-container {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}
/*---------- AVAILABILITY STYLES -----------*/

#container table {border-collapse:collapse;border-spacing:0;} 
#container ol,#container ul {list-style:none;} 
#container caption,#container th {/*text-align:left;*/} 
#container abbr,acronym {border:0;}
input[type="hidden"], #container h2 {display:none;}
.datePicker {
    position: absolute;    
	width: 21em;        
	width: 250px;    
	z-index: 9999;    
	text-align: center;    
	font-size: 0.8em;        
	font-size: 11px;    
	line-height: 0.8em;    
	font-weight: bold;    
	background: transparent;}
.iehack {    
	position: absolute;    
	background: #fff;    
	z-index: 9998;    
	padding: 0;    
	border: 0;    
	display: none;}
.date-picker-control {
    position: relative;    
	border: 0 none;    
	padding: 0;    
	margin-left: 0px;    
	width: 18px;    
	height: 18px;    
	margin-top: 0;    
	vertical-align: top;    
	cursor: pointer;}
.datePicker th button {
    display: inline;    
	padding: 0;    
	margin: 0;    
	color: #000;    
	height: auto;    
	width: 0.8em;    
	line-height: 0.8em;   
	border-width: 0;    
	background: transparent;    
	font-weight: bold;    
	cursor: pointer;        
	outline: expression(hideFocus="true");}
.datePicker table tfoot tr {
    border: 1px solid #ccc;}
.datePicker table tfoot th {
    text-align: left;    
	padding: 2px;}
.datePicker table tfoot th.buttonClear {
    text-align: right;}
.datePicker tfoot th button {
    height: auto;    
	width: auto;    
	line-height: 1em;    
	margin: 0;    
	padding:.5em;}
.datePicker th button:active, .datePicker th button:focus,.date-picker-control:active, .date-picker-control:focus,.datePicker th button.disabled {
    outline: none !important;
	-moz-outline-style: none;}
.datePicker th button.prev-but {
    text-align: left;}
.datePicker th button.next-but {
    text-align: right;}
.datePicker th button.disabled {
    color: #aaa;    
	cursor: default;}
.but-spacer {
    margin-right: .2em !important;}
.datePicker th button.fd-day-header {
    text-align: center;    
	margin: 0 auto;    
	font-family: inherit;    
	font-weight: bold;    
	height: auto;    
	width: auto;    
	text-decoration: none;    
	font-size: 1em;}
.datePicker table {
    position: relative;    
	margin: 0;    
	padding: 0;    
	background: #eee url(http://www.holiday-rentals.co.uk/resources/9453/images/date-picker/gradient.gif) repeat scroll 0 0;
	text-align: center;    
	border: 1px solid #ccc;    
	border-collapse: collapse;    
	border-spacing: 0px;}
.datePicker table td {
    border: 1px solid #ccc;    
	padding: 0.6em 0;    
	vertical-align: middle;        
	line-height: 1.2em;    
	cursor: default;    
	background: #fff;    
	color: #3478B5;   
	 width:35px;}
.datePicker table tfoot td {
    background: #eee;}
.datePicker table th {
    border: 0 none;    
	padding: 0;    
	font-weight: bold;    
	color: #222;    
	text-align: center;    
	vertical-align: middle;}
.datePicker table th.date-picker-day-header {
    text-transform: uppercase;    
	font-size: 1em;    
	font-weight: bold;    
	padding:0.5em 0;}
.datePicker table td.date-picker-today {
    color: #000 !important;}
.datePicker table td.date-picker-selected-date { 
	color: #c00 !important;}
td.date-picker-highlight {
    color: #a86666;}
.datePicker table td.out-of-range {
    color: #ccc !important;    
	font-style: oblique;    
	cursor: default !important;}
.datePicker table td.day-disabled {
    color: #aaa !important;    
	background: transparent !important;    
	cursor: default !important;}
.datePicker table td#date-picker-hover {
    background: #eee;    
	cursor: pointer;    
	color: #000;}
#startDateInput-prev-month-but,#startDateInput-next-month-but,#endDateInput-prev-month-but,#endDateInput-next-month-but,#startDateInput-prev-year-but,#startDateInput-next-year-but,#endDateInput-prev-year-but,#endDateInput-next-year-but{
	padding:0 4px 4px 4px;	
	width:12px;	
	font-size: 18px;	
	*font-size: 16px;}
.availabilityCalendars {	position: relative;}
.calendars {	/*clear:both;*/	display:block;	margin-top:0px;	position:relative;	width: 100%;}
 .calendars .cal-content {	float:left;	width: 100%;}
 .calendars .cal-content .lastUpdated {	margin-bottom: 0.5em;}
 .calendars .cal-content .lastUpdated dt,.calendars .cal-content .lastUpdated dd{	float:left;}
 .calendars .cal-content .lastUpdated dd{	margin-left:5px;}
.calendars .cal-content table {	border-collapse: separate;}
.calendars .cal-content .month {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 0.8em;	display:inline;	float:left;	margin-right:4px;	border: solid 1px #BFBFBF;	padding: 2px;	margin-bottom: 1em; padding-bottom:0; height: 12.5em; overflow:hidden;}
.calendars .cal-content .month tr {	overflow:hidden;}
#container .calendars .cal-content .month th,#container  .calendars .cal-content .month td{	width:auto;	padding: 3px;	border: 0px;	text-align: center;}
#container .calendars .cal-content .month th.month-label{	background-color: #2A6EBB;	color: #fff;	font-weight: bold;	*width: 160px;}
#container .calendars .cal-content .month th.day-label{	background-color: #ddedf9;	color: #000000; text-align:center;}
.calendars .cal-content .month td.e {	visibility:hidden !important;}
.calendars .cal-content .month th,.calendars .cal-content .month td { text-align:center;	line-height:1em;	overflow:visible;	vertical-align:middle;	white-space:nowrap;	width:1em;}
.calendars .changeover {	margin-bottom: 10px;	clear:both;}
.calendars .changeover span {	font-weight: bold;}
.calendars .legend-content {	width: 100%; clear:right; margin-bottom: 0.5em;	float: left;	padding-top: 0px;	*zoom: 1;}
.calendars .legend dt {	border:1px solid #BFBFBF;	display:block;	height:15px;	width:15px;	margin-top:0.25em;	text-align:center;	/*clear:left;*/	float:left;}
.calendars .legend dd {	line-height:20px;	margin-top: 0.25em;	margin-left: 0.5em; margin-right:2em;	min-height:15px;	vertical-align:middle; float:left;}
#availability .legend dt.a,.calendars .month td.a {	background-color:#fff;}
.calendars .legend dt.s,.calendars .month td.s{	background-color:#ffa952;}
.calendars .legend dt.u,.calendars .month td.u{	background-color:#bfbfbf;	text-decoration:line-through;}
.calendars .month td.available-unavailable,.calendars .month td.available-special,.calendars .month td.unavailable-available,.calendars .month td.unavailable-special,.calendars .month td.special-available,.calendars .month td.special-unavailable {	background-image: url(http://www.holiday-rentals.co.uk/resources/9453/images/property-details/avail-start-end.gif);	background-repeat: no-repeat;}
.calendars .month td.available-unavailable {	background-color: #bfbfbf;	background-position: -136px center;}
.calendars .month td.available-special {	background-color: #ffa952;	background-position: -170px center;}
.calendars .month td.unavailable-available {	background-color: #fff;	background-position: -238px center;}
.calendars .month td.unavailable-special {	background-color: #ffa952;	background-position: -272px center;}
.calendars .month td.special-available {	background-color: #fff;	background-position: -340px center;}
.calendars .month td.special-unavailable {	background-color: #ffa952;	background-position: right center;}
.navigation {	list-style: none;	margin: 0 0 10px 0;	padding: 0;	text-align: center;	position: relative;	margin-right: 16px;	padding: 4px;	height:15px;}
.navigation .previous,.navigation .next {	position:absolute;}
.navigation .previous { left: 4px; }
.navigation .next { right: 4px; }
/*---------- FORMS STYLES-----------------*/
input{
	width: 80%;
}