 /* CSS Document 1 */

body {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: #808080;
        line-height: 17px
}
.hidden { display: none; }
.clear { width: 100%; height: 1px; line-height: 1px; clear: both; }
a { 
	color: #75329c; text-decoration: none;
}
a:hover { 
	color: #051080; text-decoration: underline
}
a img { border: none; }

li a { 
	color: #000000; 

}
li a:hover { 
	color: #dbc791; 
}

div.page {
	border-left: 1px solid;
	border-right: 1px solid;
	margin: 0 auto;
	min-height: 600px;
	width: 950px;
}

div.top {
	width: 950px;
	height: 277px;
	background-image: url("../images/logo.jpg");
	background-repeat: no-repeat;
	background-position: centre;
}

div.top a {
	width: 950px;
	height: 277px;
	display: block;
}

span.hidden { display: none; }
/*span.header , */

h1 , h2, h3 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #705966;
}

h1 a { color: #c097bc; }

div.staticnav {
	width: 950px;
	height: 35px;
        color: white;
	background-color: #C1ADB8;
	background-image: url("../images/navgradient.jpg");
	background-repeat: repeat-x;
}

#staticnav ul li {
	display: inline;
	float: left;
	padding: 5px 3px 6px;
}

div.staticnav ul li a {
        color: #705966;;
}

ul { padding: 0px; margin: 0px; }

ul li { 
	padding: 0px; margin: 10px; 
}

ul.nostyle li { list-style-type: none; }

div.staticnav ul { padding: 6px; }

div.staticnav ul li { 
        float: left; 
	margin: 3px 4px;
        color: #705966;
}

div.nav ul li { 
	padding: 0px 2px 5px 3px; 
	margin: 2px 0px 3px 0px; 
	border-bottom: 1px dotted #022562;
	list-style-position: inside; 
}

div.main {
	width: 950px;
	min-height: 400px;
}

div.body {
	width: 950px;
	min-height: 400px;
	background-color: #C1ADB8;
	float: left;
}

div.nav { background-color:#C1ADB8; width: 150px; min-height: 400px; float: left; }

div.nav ul li a:hover { color: #705966; }

div.text { 
	width: 600px; 
	min-height: 530px; 
	float: left; 
	margin: 0px; 
	padding: 0px 10px;
	vertical-align: top;
	background-color: #FFF;
}

div.rightSide { 
	float: left;
	min-height: 530px;
	padding: 0 10px;
	width: 154px;
}

div.footer {
	width: 950px;
	text-align: center;
        font-size: 10px;
	float: left;
        background: #dbc791 none repeat scroll 0%;
        height: 95px;
        padding: 3px 0 0;
}

div.locationlist {
	width: 595px;
	min-height: 100px;
	float: left;
	margin: 5px;
}

div.locationlist div.image {
	width: 200px;
	height: 200px;
	margin: auto opx;
	float: left;
        border: 1px solid #75329C;
}

div.locationlist div.image img {
	width: 200px;
	height: 200px;
	border: 0px;
}

div.locationlist div.name {
	height: 20px;
	margin:30px 5px 5px;
        width:360px;
	float: left;
	font-weight: bold;
}

div.locationlist div.description {
	width: 360px;
	min-height: 75px;
	margin: 0px 5px 0px 5px;
	float: left;
}

div.hbslocation {
	width: 100%;
	min-height: 300px;
	float: left;
}

div.locationtop {
	width: 605px;
	height: 100px;
	float: left;
}

div.locationname {
	width: 405px;
	height: 100px;
	float: left;
	font-weight: bold;
	font-size: 16px;
}

div.locationbooklink {
	*width: 200px;*
	*height: 20px;*
	float: left;
	/*margin: 80px 0px 0px 0px;*/
	text-align: right;
	font-weight: bold;
	font-size: 14px;

}

div.locationcontent {
	width: 605px;
	min-height: 200px;
	float: left;
	margin: 5px 0px 5px 0px;
}

div.locationfooter {
	width: 605px;
	min-height: 20px;
	float: left;
	font-weight: bold;
	font-size: 12px;
        margin-bottom: 10px;
}

div.booking {
	width: 605px;
	min-height: 300px;
	float: left;
}

div.full {
	width: 100%;
	float: left;
	margin: 5px 0px 5px 0px;
}

div.calander {
	width: 270px;
	min-height: 120px;
	float: left;
}

div.full div.prices {
	width: 280px;
}

div.prices {
	width: 100%;
	min-height: 120px;
	float: left;
	margin: 0px 5px 0px 4px;
}

div.calendar table {
	border: none;
}

td {
	text-align: left;
        background-color: #dbc791;
}

td.booked , span.red , td.red {
	background-color: #533969; 
}

td.free , span.green , td.green {
	background-color: #DBC791;
}

td.free a , span.green a , td.green a { color: #000; }
td.free a:hover , span.green a:hover , td.green a:hover { color: #FFF; }
td.orange , span.orange { background-color: #F60; }

td.start , td.yellow , span.yellow , td.start a , td.yellow a , span.yellow a {
	background-color: #FF0;
	color: #000;
}

td.red , td.booked { color: #FFF; font-size: 9px; }
td.free , td.green { color: #000; font-size: 9px; }

.tb {
	width: 25%;
	float: left;
	margin: 0px 10px 5px 0px;
}

.otb {
	width: 70%;
	float: left;
	margin: 0px 0px 5px 0px;
}

.ftb {
	width: 100%;
	float: left;
}

div.row {
	min-height: 20px;
	float: left;
	width: 100%;
}

hr {
	width: 100%;
	float: left;
}

div.pflocation {
	width: 280px;
	margin: 5px;
	float: left;
}

div.pfdates {
	width: 140px;
	margin: 5px;
	float: left;
}

div.pfoptions {
	width: 90px;
	float: left;
	margin: 5px;
}

div.lcprices {
	width: 98%;
	float: left;
	margin: 5px;
}

span.bold , div.bold , span.strong , div.strong {
	font-weight: strong;
}

tr.title {
	background-color: #858682;
	color: #000;
}

td.left { text-align: left; }

td.right { text-align: right; }
tr.odd { background-color: #EFEFEF; }
tr.even { background-color: #FFF; }

table tr th { background-color: #eeeeee; }

div.galleryimages {
	float: left;
	width: 98%;
	margin: 5px 1%;
	min-height: 150px;
}

div.gallerywrapper {
	float: left;
	margin: 5px;
	min-height: 125px;
	width: 120px;
}

div.galleryimage, div.image {
	height:100px;
	margin:10px;
	width:100px;
}

div.image img.image, div.galleryimage div.image, img.gallery {
	float:left;
	height:75px;
	margin:13px 12px 12px 13px;
	text-align:center;
	width:75px;
}

div.gallerylink, div.imagetext {
	float:left;
	min-height:50px;
	margin:10px;
	text-align:center;
	width:100px;
}

div.gallerypages {
	float:left;
	height:20px;
	text-align:right;
	width:98%;
}

div.gallerynav {
	float:left;
	margin:5px 0px 10px;
	width:98%;
}

div.viewimage {
	margin:0px 0px 10px;
	min-height:580px;
	text-align:center;
	width:98%;
}

div.critical div.text { min-height: 40px; }

label.required {
	background-color: #D5D5D5;
}

input.required {
	background-color: #D5D5D5;
}

div.message div.text { min-height: 30px; }

div.searchform {
	width: 100%;
	margin: 3px 1px 2px;
        background-color: #CFBCC6;
        border: 1px solid #75329C;
	float: left;
        color: #000;
}

div.full div.half {
	width: 48%;
	margin: 0px 1%;
	float: left;
}

div.full input , div.full h3 { 
margin: 0px 5px; 

}

div.full div.half input { 
margin: 0px; 

}

ul#footNavigation {
        width: 950px;
        text-align: center;
        font-size: 10px;
}

ul#footNavigation li {
	list-style-type: none;
	margin: 0px 5px;
}

.colour4 , .price0 , td.price0 { background-color: #cfbcc6; }
.colour5 , .price1 , td.price1 { background-color: #ccd7b5; }
.colour6 , .price2 , td.price2 { background-color: #f7e3c7; }
.colour7 , .price3 , td.price3 { background-color: #eedeaf; }
.colour8 , .price4 , td.price4 { background-color: #eec7cb; }
.colour9 , .price5 , td.price5 { background-color: #f4f0cd; }
.colour10 , .price6 , td.price6 { background-color: #d9eabe; }

div.gradeing { float: left; margin: 10px 5px; min-height: 60px; _height: 60px; width: 360px; background-image: url("../images/grading-bg.png"); background-repeat: no-repeat;}
.gradecontainer { min-height: 60px; _height: 60px; width: 211px; text-align: center; }

.stars, .wifi, .tourist { display: inline; margin: 0 3px; }
div.gradeing img.star { margin: 22px 0; }
div.wifi img { margin: 11px 0; }
div.tourist img { margin: 3px 0; }
div.icons { float: right; }

.lightFont { font-family: 'Hevetica light',arial,serif sans; color: #705966; font-size: 20px; }
.mediumFont { font-family: 'Hevetica medium',arial,serif sans; color: #705966; font-size: 20px; font-weight: bold; }
.lightFontSmall { font-family: 'Hevetica light',arial,serif sans; color: #705966; font-size: 13px; }
.mediumFontSmall { font-family: 'Hevetica medium',arial,serif sans; color: #705966; font-weight: bold; font-size: 12px; }

.homeTable td { background-color: #FFF; }

.header { width: 110px; height: 19px; background-color: #705966; color: #FFF; text-align: center; margin: 30px 10px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 5px 0; }
.viewedPropertyName { margin: 0 10px; }

.homePropertyTable { background-color: #FFF; }
.homePropertyTable tr { background-color: #FFF; }
.homePropertyTable td { background-color: #FFF; }

.locationcontent ul { margin: 0 0 0 20px; }

.rightSide #searchForm .full { width: 94%; margin: 5px 3%; }

.rightBox { min-height: 200px; _height: 200px; width: 156px; float: left; margin-top: 15px; }
.rightBox-top { height: 20px; width: 156px; float: left; background-image: url("../images/top-box.png"); background-repeat: no-repeat; }
.rightBox-content { min-height: 100px; width: 142px; float: left; background-color: #FFF; padding: 0px 7px 7px 7px; }

.leftBox { min-height: 200px; _height: 200px; width: 134px; float: left; margin: 15px 0 0 7px; }
.leftBox-top { height: 20px; width: 134px; float: left; background-image: url("../images/top-box-left.png"); background-repeat: no-repeat; }
.leftBox-content { min-height: 100px; width: 120px; float: left; background-color: #FFF; padding: 0px 7px 7px 7px; }

#largeMap { width: 590px; height: 590px; }
