/* CSS Document */

body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(images/new-bg.png);
	background-repeat:repeat-x;
	background-color:#b1b091;
}

img {
	border:0;
}

a {
	color:#a7bb38;
	text-decoration:none;
	outline: none;
}


a:hover {
	text-decoration:underline;
}

.break {
	height:1px;
	overflow:hidden;
	clear:both;
}

p {
	margin:0;
	padding:0;
}

#container {
	margin:0 auto 0 auto;
	width:778px;
}

#content {
	width:778px;
	background-image:url(images/inner-content-bg.png);
	background-repeat:repeat-y;
	background-color:#b1b091;
}

#header {
	background-image:url(images/header-bg.png);
	background-repeat:no-repeat;
	width:778px;
	height:30px;
	margin: 0 auto;
}

#logo {
	width:245px;
	float:left;
}

#header-image {
	width:532px;
	height:225px;
	float:left;
	border-right:1px solid #71715d;
	background-image:url(images/house.jpg);
}


#inner-content {
	width: 484px;
	padding: 20px 24px 0;
	clear:both;
	float: left;
	display: inline;
}

#left-col {
	clear:both;
	width:245px;
	padding: 0;
	/* 
	background-image:url(images/left-bg.png);
	background-repeat:repeat-y;
	*/
	float:left;
	overflow: hidden;
}

#menu {
	width:245px;
	float: left;
	clear: left;
}

#menu ul {
	padding:0;
	margin:0;
	list-style:none;
	font-size:13px;
}

#menu ul li {
	width:245px;
	overflow:hidden;
}

#menu ul li a {
	width:196px;
	padding:7px 15px 7px 0;
	margin:0 17px 0 17px;
	display:block;
	background-image:url(images/menu-bg.png);
	background-repeat:no-repeat;
	background-position:10px 8px;
	border-top:1px solid #4d4d35;
	text-align:right;
	color:#FFFFFF;
	text-decoration:none;
}

#menu ul li a:hover {
	width:196px;
	padding:7px 32px 7px 17px;
	margin:0;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	background-image:url(images/menu-selected-bg.png);
	background-repeat:no-repeat;
	background-position:25px 10px;
	background-color:#a7bb38;
	text-align:right;
}

#menu ul li.menu-top a {
	border:0px;
}

#menu ul li.selected {
	padding:0;
	margin:0;
}

#menu ul li.selected a {
	width:196px;
	padding:7px 32px 7px 17px;
	margin:0;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	background-image:url(images/menu-selected-bg.png);
	background-repeat:no-repeat;
	background-position:25px 10px;
	background-color:#a7bb38;
	text-align:right;
}

#menu ul li ul {
	display:none;
	padding:0;
	margin:0;
}

#menu ul li.selected ul {
	padding:0;
	margin:0 0 0 0;
	list-style:none;
	font-size:11px;
	border-top:1px solid #edf9a3;
	background-repeat:repeat-y;
	width:245px;
	display:block;
}

#menu ul li.selected ul li {
}

#menu ul li.selected ul li.sub-selected a {
	border-left:2px solid #FFFFFF !important;
}

#menu ul li.selected ul li a:hover {
	border-left:2px solid #FFFFFF !important;
}

#menu ul li.selected ul li a {
	margin:0 !important;
	text-decoration:none !important;
	color:#b3ca33 !important;
	text-align:left !important;
	border:0px !important;
	border-left:2px solid #4d4d35 !important;
	padding:4px 15px 4px 10px !important;
	margin-left:17px !important;
	background-repeat:repeat !important;
	background-color:#63624c !important;
	background-image:url(images/left-bg-menu.png) !important;
	background-position:-17px 0 !important;
}

#right-col-header { height: 30px; width: 533px; background:url(images/header-bg.png) no-repeat right 0; float: left; }
#right-col {
	width:532px;
	padding: 0;
	/* border-right:1px solid #71715d; */
	float:left;
	/*
	background-image:url(images/right-col-bg.png);
	background-repeat:repeat-y;
	*/
	overflow:hidden;
	display: inline;
}
#right-col h1.main-heading {
	font:Helvetica Neue, Arial, Helvetica, sans-serif;
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	color:#63624c;
	font-size:24px;
	border-bottom:1px dashed #63624c;
	font-weight:normal;
}

#right-col h1 em {
	color:#a7bb38;
}

#right-col h2 {
	font:Arial, Helvetica, sans-serif;
	margin:0 0 15px 0;
	padding:2px 0 5px 35px;
	color:#8fa223;
	font-size:24px;
	font-weight:normal;
	background-image:url(images/heading-point.png);
	background-repeat:no-repeat;
	background-position:0 2px;
}

#right-col .news-item h2 {
	margin-bottom:0;
}

#right-col h3 {
	font:Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:2px 0 0 35px;
	color:#63624c;
	font-size:14px;
	font-weight:bold;
	background-repeat:no-repeat;
}

#right-col h3 span {
	padding:0;
	margin:0 0 0 0;
	color:#63624c;
	font-size:14px;
	font-weight:normal;
	
}


#right-col h4 {
	padding:10px 0 5px 35px;
	margin:0 0 0 0;
	color:#63624c;
	font-size:12px;
	font-weight:normal;
	
}

#right-col h5 {
	font-size:14px;
	font-weight:bold;
	color:#a7bb38;
	margin:0 0 10px 0;
	padding:0;
}

#right-col .news-item-copy {
	padding:0 0 10px 35px;
}

#right-col p {
	margin:0 0 15px 0;
	padding:0;
	font-size:13px;
	color:#63624c;
	line-height:24px;
}

#right-col ul {
	margin-bottom:15px;
}

#right-col li {
	padding:0;
	font-size:13px;
	color:#63624c;
	line-height:24px;
}

#right-col td {
	padding:0;
	font-size:13px;
	color:#63624c;
	line-height:24px;
}

#right-col p.large {
	font-size:15px;
	line-height:21px;
}

#right-col .image {
	float:right;
	margin: 0 0 10px 10px;
	border:1px solid #605f48;
	padding:5px;
	background-color:#FFFFFF;
	
}

.info-box {
	width:422px;
	height:75px;
	background-image:url(images/info-box.png);
	background-repeat:no-repeat;
	margin:0 0 25px 0;
	padding:15px 24px 15px 24px;
}

.info-box h1.box-heading {
	margin:0;
	padding:0 0 5px 0;
	color:#455104;
	font-size:24px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	border:0px;
}

.info-box p.box-para {
	color:#455104 !important;
	margin:0;
	padding:0;
	line-height:normal !important;
}

#contact-info {
	width:213px;
	padding:25px 32px 0 0;
	text-align:right;
	color:#FFFFFF;
}

#contact-info a {
	color:#FFFFFF;
	text-decoration:none;
}


#contact-info a:hover {
	color:#a7bb38;
	text-decoration:none;
}


#contact-info p {
	margin:0;
	padding:0;
}

#contact-info p strong {
	font-weight:normal;
	color:#a7bb38;
}

#footer {
	width:728px;
	height:37px;
	padding: 30px 0 0 50px;
	clear:both;
	background-image:url(images/footer-bg.png);
	background-repeat:no-repeat;
	font-size:11px;
	color:#5f5e48;
}

#right-col form table tr td {
	padding:0 0 10px 0;
}


#right-col table#rates tr td {
	font-size:11px;
	text-align:center;
	border-left:1px solid #a7bb38;
	border-top:1px solid #a7bb38;
	line-height:14px;
	padding:5px;
}

#right-col table#rates tr.coloured-row {
	background-color:#cac9ac;
}

#right-col table#rates  {
	border-bottom:1px solid #a7bb38;
	border-right:1px solid #a7bb38;
}

#right-col table#rates tr th  {
	font-weight:bold;
	font-size:12px;
	background-color:#a7bb38;
	
	text-align:center;
	border-left:1px solid #a7bb38;
	border-top:1px solid #a7bb38;
	line-height:15px;
	
}

#town_0, #town_1, #town_2, #town_3, #town_4 {
	display:none;
}

#rateslink {
	text-align:right;
	font-size:13px;
	font-weight:bold;
	padding-bottom:10px;
}

/*---- OUR PROPERTIES ----*/
/*- GENERIC -*/
#properties {
	margin-bottom: 40px;
	overflow: hidden;
}
.line-break {
	height:1px;
	padding-top: 6px;
	margin-bottom: 25px;
	overflow:hidden;
	clear:both;
	border-bottom: 1px dashed #63624c;
}

/*- LISTING -*/
#properties h2 {
		color: #63624c;
		letter-spacing: -1px;
}
#properties h2.listing-header {
	font:Helvetica Neue, Arial, Helvetica, sans-serif;
	margin:0 0 15px 0;
	padding: 0 0 8px 0;
	font-size: 24px;
	font-weight: normal;	
	background: none;
}

#properties ul { margin: 0; padding: 0; list-style: none; }
#properties ul li { margin: 0; padding: 0; }
#properties ul#listing li { overflow: hidden; }
#properties ul#listing li ul {
	width: 137px;
	padding-bottom: 25px;
	margin-right: 32px;
	float: left;
}
#properties ul#listing li ul.end { margin-right: 0; }
#properties ul#listing li ul li {
	margin: 0;
	color: #64634e;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}
#properties ul#listing li ul li span { color: #a7bb38; }
#properties ul#listing li ul li.image {
	margin: 0;
	padding: 5px 6px;
	background: url(images/properties-listing-bg.png) no-repeat 0 0;
	border: none;
	float: none;
}
#properties ul#listing li ul li.proptery-title { padding: 3px 0; font-size: 14px; }
a.btn-view-property { width: 124px; height: 20px; margin-top: 4px; display: block; text-indent: -9999px; background: url(images/btn-view-property.png) no-repeat 0 0; }
#properties ul#listing li.details { height: 145px; }
#properties ul#listing li.details ul { margin: 0; padding: 0; }
#properties ul#listing li.details ul li { }

/*- DETAIL -*/
#features {
	width: 135px;
	float: right;
	margin-left: 30px;
}

#features h4 {
	margin: 0;
	padding: 0;
	color: #a7bb38;
	font-size: 12px;
	font-weight: bold;
}
#features p { margin: 0; padding: 0; }
#features ul li { padding-left: 10px; background: url(images/bullet.png) no-repeat 0 11px; }

.description { margin-right: 165px; }
a.read-more { color: #adc23b; font-weight: bold; display: none; }
a.hide-more { color: #adc23b; font-weight: bold; display: none; }
#more { margin: 0; padding: 0; overflow: hidden; }

#pricing table {
	margin-bottom: 0;
	border: 1px solid #999;
	text-align: center;
}
#pricing table th {
	height: 34px;
	background: url(images/pricing-table-th-bg.png) repeat-x 0 0;
	color: #333;
	font-size: 12px;
}
#pricing th.border-left {
	border-left: 1px solid #fff;
}
#pricing tr.border-bottom td {
	border-bottom: 1px solid #999;
}
#pricing td.border-left {
	border-left: 1px solid #999;
}

#availability { }
#properties #booking { overflow: hidden; margin-bottom: 15px; }
#properties #booking a.book-now {
	width: 174px;
	height: 46px;
	margin-left: 30px;
	margin-right: 56px;
	display: inline-block;
	background: url(images/btn-book-now.png) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}
#properties #booking a.enquire-now {
	width: 174px;
	height: 46px;
	background: url(images/btn-enquire-now.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
	float: left;
}

/*- CALENDAR -*/
.calendar-item { width: 200px; margin-left: 30px; float: left; display: inline; }
.months {
	width: 220px;
	height: 16px;
	margin-bottom: 4px;
}
.months a {
	width: 13px;
	height: 16px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	float: left;
}
.months a#months-left { background: url(images/prev.png) no-repeat left center; }
.months a#months-right { background: url(images/next.png) no-repeat left center; }
.months span {
	width: 13px;
	height: 16px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	float: left;
}
.months-middle {
	width: 160px;
	height: 16px;
	float: left;
	text-align: center;
	color: #333;
	font-weight: bold;
	font-size: 12px;
}
.days {
	width: 190px;
	height:27px;
	margin: 0;
	clear:both;
}
.calendar { width: 190px; margin:0 0 15px 0; }
.border-left { border-left: 1px solid #ccc; }
.calendar-date {
	width: 26px;
	height: 20px;
	margin: 0;
	padding: 6px 0 0 0;
	float: left;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.calendar-right { margin: 0; }
.startday { background: url(images/startday.png) no-repeat 0 0; }
.endday { background: url(images/endday.png) no-repeat 0 0; }
.crossover { background: url(images/crossover.png) no-repeat 0 0; }
.unavailable { background-color: #666; color: #fff; }
.calendar-date a { color:#333; }
p.available { position:relative; left: 30px; clear: both; }
p.available span {
	width: 22px;
	height: 22px;
	margin-right: 6px;
	display:block;
	background-color: #666;
	color:#fff;
	float: left;
}

/*---- PROPERTIES SLIDER ----*/
#properties-slider {
	height: 400px;
}

#map {
	width: 400px;
	height: 400px;
	margin-left: 38px;
	margin-bottom: 35px;
	border: 1px solid #ccc;
}

/* PAGING */
.pageidx-nav {
	margin: 15px 0 25px 28px;
	font-size: 12px;
}
.pageidx-nav a {
	color: #666;
}
.pageidx-nav .pageidx-prev {
	float:left;
	width:70px;
}
.pageidx-nav .pageidx-nos {
	float:left;
	text-align:center;
	width:300px;
}
.pageidx-nav .pageidx-next {
	width:50px;
	float:left;
	text-align:right;
}

/*---- BOOKING FORM ----*/
input.inputbox { width: 105px; }
select.age-select { margin-right: 3px; float: left; }
div.age { float: left; display: none; }
div.age select { width: 40px; margin-right: 3px; text-align: center; float: left; }
div.age span { line-height: 20px; float: left; }

input, textarea { font: 12px/14px Arial, Helvetica, sans-serif; }

div.price-listing { overflow: hidden; }
div.price-listing p { float: right; }