/* INIT
------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* If you uncomment this, remember to define focus styles! */
/* :focus { outline: 0; }*/
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; list-style-position: inside; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

html { height: 100%; }
body
{
	margin: 0;
	padding: 0;
	font: 95% verdana,sans-serif;
	background: #567e52 url(../images/bg_body.gif) repeat-y top center;
	color: #333;
	text-align: center;
	height: 100%;
}

a img { border: 0; }

.clear { width: auto; height: 1px; overflow: hidden; clear: both; }
.tall { height: 10px; }
#container { width: 760px; margin: 0 auto; text-align: left; position: relative; min-height: 100%; }

* html #container {
height: 100%;
}

/* HEADER
------------------------------------------------*/
#header { width: 760px; height: 320px; padding-bottom: 17px; margin-bottom: 10px; position: relative; background: #fff url(../images/bg_header.gif) repeat-x left bottom; }
#header #logo { position: absolute; width: 502px; height: 103px; }
#header #pic { position: absolute; width: 502px; height: 217px; top: 103px; background-repeat: no-repeat; }
#header #top-search { overflow: hidden; position: absolute; left: 502px; width: 258px; height: 320px; background-color: #30472e; }

#header input, #header select { vertical-align: middle; width: 190px; background: #fff; color: #333; border: 1px solid #bbb; font-size: 80%; }
#header .hwid { width: 70px; }

#quicksearch { background-color: #bbbb96; padding: 8px 15px; }
#quicksearch input { padding: 2px; }
#quicksearch .submitimage { background: transparent; width: 14px; height: 15px; border: 0; padding: 0; }

#property-finder { background-color: #30472e; padding: 8px 0 0 15px; }

#property-finder h3 { color: #fff; font: 110% "Trebuchet MS", verdana, sans-serif; margin: 0 0 10px; float: left; }
#property-finder label, #property-finder select, #property-finder input { float: left; display: block; margin-bottom: 5px; }
#property-finder label { white-space: nowrap; width: 100px; color: #fff; font-size: 80%; }
#property-finder select, #property-finder input { width: 124px; }
#property-finder #submit
{
	cursor: pointer;
	float: right;
	text-align: right;
	display: inline;
	margin: 0 15px 0 0;
	padding: 0 20px 0 0;
	width: 230px;
	font: bold 90% "Trebuchet MS", verdana, sans-serif;
	background: #30472d url(../images/propertysearch_arrow.gif) no-repeat right center;
	border-color: #30472d;
	color: #fff;
}
#property-finder .hidden { display: none; }
#property-finder br { clear: both; }
#property-finder p { margin-bottom: 1px; }

/* NAV
------------------------------------------------*/
#nav { width: 180px; float: left; font-size: 100%; padding-bottom: 140px; }
#nav ul { list-style: none; margin: 0; padding: 0 10px; }
#nav ul ul { margin: 0; padding: 0; }
#nav li { display: block; float: left; width: 160px; }
#nav ul a
{
	display: block;
	margin: 4px 0 0;
	border-left: 7px solid #a91716;
	padding: 5px 0 5px 7px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase;
	font: normal 100%/1.0 "Trebuchet MS", verdana, sans-serif;
}
#nav ul ul a
{
	display: block;
	margin: 6px 0 0 15px;
	border: 0;
	padding: 3px 0;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 80%;
	line-height: 1.0;
}

#nav a:link, #nav a:visited { color: #868485; text-decoration: none; }
#nav a:hover, #nav a:active { color: #ccc; text-decoration: none; border-color: #f4f0cd; }

#nav ul ul a:link, #nav ul ul a:visited { color: #868485; text-decoration: none; }
#nav ul ul a:hover, #nav ul ul a:active { color: #ccc; text-decoration: none; border-color: #f4f0cd; }

#nav #extrainfo { clear: both; padding: 10px; }
#nav #extrainfo p { margin: 1em 0; font-weight: bold; font-size: 120%; color: #567e52; }

#nav #sidebar-text { padding: 10px; }
#nav #sidebar-text p { margin: 0 0 1em; font-weight: bold; color: #555; font-size: 65%; font-weight: normal; }
#nav #sidebar-text strong { font-weight: bold; }
#nav #sidebar-text a { display: inline; border: 0; padding: 0; margin: 0; font: inherit; }
#nav #sidebar-text a:link, #nav #sidebar-text a:visited { color: #05a; }
#nav #sidebar-text a:hover, #nav #sidebar-text a:active { color: #29f; }
#nav #sidebar-text h2 { color: #567E52; font-weight: bold; font-size: 70%; margin-bottom: .3em; border-top: 1px solid #bbbb96; padding-top: .5em; margin-top: 1em; }
#nav #sidebar-text h3 { color: #555; font-weight: bold; font-size: 70%; margin-bottom: .2em; }

/* BREADCRUMB
------------------------------------------------*/
#breadcrumb { width: 720px; padding: 5px 10px 7px; background: #f4f0ce; color: #333; margin: 0 0 12px 10px; font-size: 70%; }
#breadcrumb ul { list-style: none; margin: 0; padding: 0; line-height: 1.4; }
#breadcrumb li { display: inline; }
#breadcrumb a:link, #breadcrumb a:visited { color: #05a; background: transparent; text-decoration: underline; }
#breadcrumb a:hover, #breadcrumb a:active { color: #29f; background: transparent; text-decoration: none; }
#breadcrumb strong { color: #333; }

/* CONTENT MAIN COLUMN
------------------------------------------------*/
#content { float: right; display: inline; width: 550px; background: #fff; margin-right: 13px; padding-bottom: 40px; }

/* CONTENT // SIDEBAR GENERIC
------------------------------------------------*/
#content { font-size: 72%; line-height: 1.4; color: #333; }
#content h1
{
	color: #a91716;
	margin: 0 0 0.5em;
	line-height: normal;
	font-weight: normal;
	font-size: 140%;
}
#content h2 {
	margin: .5em 0;
	color: #a91716;
	padding: 0;
	line-height: normal;
	font-weight: bold;
	font-size: 105%;
}
#content h2.confirm { color: #4ebb28; }
#content h3 { font-size: 100%; font-weight: bold; line-height: normal; margin: 2px 0; }
#content h4 { color: #567E52; font-size: 100%; font-weight: bold; line-height: normal; margin: 2px 0; }
#content p { padding: 0; margin: 0 0 1em; }
#content strong { font-weight: bold; }
#content em { font-style: italic; }

#content a:link { text-decoration: underline; color: #05a; background-color: transparent; }
#content a:visited { text-decoration: underline; color: #024; background-color: transparent; }
#content a:hover, #content a:active { text-decoration: none; color: #29f; background-color: transparent; }

#content ul { margin: 1em 0; padding: 0 0 0 2em; list-style-type: square; }
#content ol { margin: 1em 0; padding: 0 0 0 2em; list-style-type: decimal; }
#content .spaceafter { margin-bottom: 18px; }
#content .spacebefore { margin-top: 18px; }
#content .spaceleft { margin-left: 15px; }

#content #dateranges table { width: 100%; font-size: 90%; color: #333;  }
#content #dateranges table tr { background-color: #eee; }
#content #dateranges table tr.alt { background-color: #fff; }
#content #dateranges table th { font-weight: bold; text-align: left; background: #aaa; }
#content #dateranges table td, #content #dateranges table th { padding: 4px; }

#content .tbl { width: 100%; margin-bottom: 1em; }
#content .tbl th { font-weight: bold; text-align: left; background: #aaa; color: #333 }
#content .tbl tr { background-color: #eee; }
#content .tbl tr.alt { background-color: #fff; }
#content .tbl td, #content .tbl th { padding: 4px; }

/* AVAILABILITY CHECKER */
#content #check-availability { width: 545px; padding-bottom: 2em; margin-bottom: 0; border-bottom: 1px solid #ccc; }
#content #check-availability form { background-color: #f8eded; border: 1px solid #a91716; padding: 15px 0; }
#content #check-availability h2 { color: #fff; background-color: #a91716; margin-bottom: 0; padding: 5px 10px; }
#content #check-availability label { color: #373737; display: block; margin-left: 10px; height: 1.5em; }
#content #check-availability .unit { width: 190px; float: left; }
#content #check-availability .date-pick, #content #check-availability .date-pick-owner { width: 150px; float: left; height: 15px; margin-top: 5px; border: 1px solid #aaa; margin-left: 10px; }
#content #check-availability input#check-dates {
	color: #fff;
	background: #a91716 url(../images/check-and-book-2.gif);
	text-indent: -100em;
	font-weight: bold;
	font-size: 100%;
	border: 0;
	padding: 0;
	float: right;
	margin-right: 10px;
	vertical-align: middle;
	display: inline;
	width: 132px;
	height: 45px;
}
#content #check-availability input#check-dates:hover { background-image: url(../images/check-and-book-2-hover.gif); }
#content #check-availability input#check-dates:hover { cursor: pointer; background-color: #567e52; }
#check-availability select { border: 1px solid #aaa; color: #333; margin-top: 5px; font-size: 95%; }
#check-availability .red-btn { background-color: #a91716; color: #fff; font-weight: bold; font-size: 100%; padding: 3px; float: right; margin: 10px 15px 0; }

#cal-table td { vertical-align: middle; }
#cal-table { margin-bottom: 1em; }
h2#prop-prices { color: #555; margin: 1em 0; padding: 0; }

a#fetch-prev, a#fetch-next { width: 16px; height: 17px; overflow: hidden; display: block; text-indent: -100em; }
a#fetch-prev:hover, a#fetch-next:hover { cursor: pointer; }
a#fetch-prev { background: url(../images/left_arrow.gif) no-repeat 50% 50%; }
a#fetch-next { background: url(../images/right_arrow.gif) no-repeat 50% 50%; }

/* PROPERTY PAGE */
p.error { color: #A91716; }
#prop-page #topsection { float: left; margin-bottom: 1em; }
#prop-page #topsection img.thumbnail { float: left; }
#prop-page #topsection #greenborder { border: 1px solid #567e52; float: right; width: 345px; height: 80px; padding: 15px 10px; }
#prop-page #topsection #legend { width: 245px; height: 80px; float: left; }
#prop-page #topsection #check-avail-btn {
	background: url(../images/check-and-book.gif) #a91716 no-repeat;
	color: #fff;
	padding: 3px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	display: block;
	width: 85px;
	height: 69px;
	float: right;
	text-indent: -100em;
	overflow: hidden;
	margin-top: 3px;
}
#prop-page #topsection #check-avail-btn:hover { background: url(../images/check-and-book-hover.gif) #a91716; }

#prop-page #features
{
	background-color: #f8eded;
	border: 1px solid #c25b5b;
	padding: 10px;
	width: 530px;
	clear: both;
	margin-bottom: 2em;
	overflow: hidden;
}
#prop-page #features .label { font-weight: bold; }
#prop-page #features ul
{
	line-height: 2;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 250px;
	float: left;
}
#prop-page #features .map-link:link, #prop-page #features .map-link:visited { font-weight: bold; color: #a91716; }
#prop-page #features .map-link:hover, #prop-page #features .map-link:active {}

/* BOOKING PAGE */
#conf-booking-details th { font-weight: bold; width: 15em; }

#bookingform label { display: block; float: left; text-align: left; clear: left; font-size: 100%; width: 100px;  }
#bookingform label.wide { width: 220px; }
#bookingform input, #bookingform textarea { font: 100% verdana,sans-serif; margin-bottom: 10px; width: 345px; background-color: #fff; float: left; margin-left: 10px; border: 1px solid #ccc; color: #555; font-size: 100%; }
#bookingform select { color: #555; margin-left: 10px; border: 1px solid #ccc; }
#bookingform .threedigit { width: 2em; }
#bookingform .twodigit { width: 1.5em; }
#bookingform #total-div { color: #567E52; margin-top: 1em; font-size: 110%; }
#bookingform label span, #bookingform span.req { color: #A91716; }
#bookingform .hwid { width: 170px; }
#bookingform .tqwid { width: 260px; }
#bookingform .qwid { width: 86px; }
#bookingform .ewid { width: 43px; }
#bookingform textarea { height: 70px; }
#bookingform .check-wrapper { float: left; clear: left; }
#bookingform .submit { cursor: pointer; width: auto; background-color: #A91716; color: #fff; font-weight: bold; padding: 5px 10px; float: right; margin-right: 30px; }
#bookingform .submit:hover { background-color: #567E52; }
#bookingform #inumber { margin-bottom: 0; }

/* PROPERTY LISTING */
#content .propertylisting { float: left; border: 1px solid #bcbc97; padding: 10px; position: relative; margin-bottom: 10px; }
#content .propertylisting img { float: left; border: 0; }
#content .propertylisting .infos { float: left; display: inline; margin-left: 10px; width: 340px; }
#content .propertylisting h2 { font-size: 100%; color: #a91716; margin: 0 0 4px; padding: 0; }
#content .propertylisting h2 a:link, #content .propertylisting h2 a:visited { color: #a91716; text-decoration: none; }
#content .propertylisting .locpools { float: left; width: 228px; margin: 0; }
#content .propertylisting .bedrooms { font-weight: bold; color: #a91716; float: right; text-align: right; width: 110px; margin: 0; }

#content .propertylisting .price-was { margin-bottom: 0.25em; line-height: 1.6; color: #a91716; }
#content .propertylisting .price-was strong { background: #a91716; color: #fff; padding: 2px; display: inline-block; }

/* PROPERTY GALLERY */
#content #gallery { width: 550px; margin-bottom: 2em; float: left; }
#content #gallery a { display: block; width: 90px; height: 90px; text-align: center; vertical-align: middle; float: left; margin: 20px 20px 0 0; border: 1px solid #bebdbe; text-decoration: none; }
#content #gallery .last { margin-right: 0; }

/* CONTACT FORM */
#content .contactform p span { color: #A91716; }
#content .contactform fieldset { margin-bottom: 1em; }
#content .contactform label { font-size: 100%; width: 110px; float: left; text-align: left; clear: left; margin-bottom: 5px; }
#content .contactform label span { color: #A91716; }
#content .contactform input, #content .contactform select, #content .contactform textarea
{
	width: 400px;
	background-color: #fff;
	float: left;
	margin-left: 10px;
	border: 1px solid #ccc;
	color: #555;
	font: 90% verdana,arial,sans-serif;
}
#content .contactform textarea { height: 100px; }
#content .contactform .hwid { width: 200px; }
#content .contactform .tqwid { width: 300px; }
#content .contactform .qwid { width: 100px; }
#content .contactform .ewid { width: 50px; }
#content form .check { width: auto; margin-bottom: 2px; margin-left: 0; }

#content .contactform input.submit {
	width: auto;
	float: right;
	color: #fff;
	background-color: #a91716;
	font: bold 120% "Trebuchet MS", verdana, sans-serif;
	border: 0;
	padding: 5px;
	cursor: pointer;
	margin-right: 30px;
}
#content .contactform input.submit:hover { background-color: #567e52; }

#content .pagenumbers a:link, #content .pagenumbers a:visited { color: #0055AA }
#content .pagenumbers a:hover, #content .pagenumbers a:active {  }
#content .pagenumbers strong { font-weight: bold; }
#content .pagenumbers { float: right; }
#content .pagenumbers .nextprev:link, #content .pagenumbers .nextprev:visited { font-weight: bold; color: #A91716; text-decoration: none; }
#content .pagenumbers .nextprev:hover, #content .pagenumbers .nextprev:active { text-decoration: underline; }


/* FOOTER
------------------------------------------------*/
#abtoi { position: absolute; top: 0; left: 0; padding-left: 10px; text-align: left;}
#footer {  position: relative; margin: -140px auto 0; width: 758px; }
#footer #footer-text { text-align: center; padding: 5px; font-size: 70%; line-height: 150%; color: #555; background-color: #f4f0ce; position: absolute; top: 104px; left: 0; width: 748px; }
#footer strong { font-weight: bold; }
#footer a:link, #footer a:visited { color: #05a; background-color: transparent; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #29f; background-color: transparent; text-decoration: none; }
#footer .ddlink:link, #footer .ddlink:visited, #footer .ddlink:hover, #footer .ddlink:active { color: #555; text-decoration: none; }