/*
 * CREEKSIDE COTTAGES
 *
 * Subject to copyright.
 *
 * Web Development by LOOKsystems Limited
 * mailto:info@looksystems.ltd.uk
 * http://www.looksystems.ltd.uk
 *
 */

/* GLOBAL STYLES */

body {
	font-size: 1em;
	text-align: left;
	font-family: trebuchet ms, sans-serif;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, ol, ul, dl, dd, dt, li, p {
	margin: 0px;
	padding: 0px;
}

a img {
	border: 0px;
}
a {
	cursor: pointer;
}

.wai,
.accesskey {
	display:none;
}

.formfield {
	width: 340px;
}

.invalid {
	color: #900;
	background-color: #ffeeee;/*#c2cd94;*/
}

/* PAGE LAYOUT */

#page {
	margin: 0 auto 0 auto;
	padding-left: 22px;
	min-width: 923px;
	max-width: 1103px;
	background: url("../img/page_background.jpg") repeat-y top left;
	overflow: auto;
	width: 90%;
}

/* PAGE WRAPPERS */

#wrapper-left {
	overflow: auto;
	float: left;
	width: 100%;
	background: url("../img/left_background.jpg") no-repeat top left;
}

#wrapper-page {
	background: url("../img/main_background.gif") repeat-y top 20px;
	width: 796px;
	float: right;
}
html>body #wrapper-page {
	background: url("../img/main_background.png") repeat-y top left;
}

#wrapper-right {
	float: right;
	background: url("../img/main_background.gif") repeat-y top left;
	width: 776px;
	overflow: auto;
}

/*  SIDEBAR */

#sidebar {
	float: left;
	width: 175px;
	padding: 20px 20px 20px 20px;
}

/*  SIDEBAR - contact us */

#top_contact{
	width: 170px;
	color: #e5ecca;
	font-size: 80%;
}
#top_contact h1{
	display: block;
	background: url("../img/phone_number.gif") no-repeat top left;
	margin-top: 10px;
	width: 169px;
	height: 22px;
}
#top_contact h1 span{
	display:none;
}

/* SIDEBAR - translate */

#translate{
	color: #e5ecca;
        margin: 20px 0 0 0;
	font-size: 80%;
}

#translate ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 5px 0 0 0;
}
#translate li {
	float:left;
}
#translate a {
	margin-right: 10px;
	background: top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	height: 17px;
	width: 25px;
}
#translate .de a {
	background-image: url(../img/flag-de.gif);
}
#translate .fr a {
	background-image: url(../img/flag-fr.gif);
}
#translate .es a {
	background-image: url(../img/flag-es.gif);
}

/*  SIDEBAR - main navigation */

ul#menu {
	margin-top: 20px;
	float: left;
	width: 175px;
	list-style-type: none;
	padding-bottom: 25px;
	background: url("../img/leftside_slash.gif") repeat-x bottom left;
}
ul#menu li {
	font-size: 100%;
	display: block;
	padding: 2px 0;
}

ul#menu li a {
	color: #fff;
	text-decoration: none;
	display: block;
}
ul#menu li a.clicked {
	text-decoration: none;
	color: #DCBE1A !important;
}
ul#menu li a:hover{
	text-decoration: none;
	color:#DCBE1A !important;
}

ul#menu li ul {
	padding: 5px 0 10px 0;
	list-style-type: none;
}
ul#menu li ul li a {
	text-indent: 18px;
	font-size: 87%;
}

/*  SIDEBAR - property search  */

form#property_search {
	width: 175px;
	float: left;
	clear: both;
	margin-top: 10px;
	overflow: auto;
	padding-bottom: 20px;
	background: url(../img/leftside_slash.gif) repeat-x bottom left;
}
form#property_search h3 {
	color: #fff;
	padding-bottom: 10px;
	font-size: 90%;
	background:  url(../img/property_search.gif) 0 2px no-repeat;
	text-indent: -9000px;
	overflow: hidden;
}
form#property_search label {
	color: #fff;
	font-size: 80%;
	width: 100%;
	display: block;
	clear: both;
}
form#property_search select {
	float: left;
	clear: both;
	margin: 3px 0;
	height: 20px;
	border: 1px solid #969696;
	line-height: 20px;
	color: #282828;
	background-color: #fff;
	font-size: 70%;
}
#find_arrival {
	float: left;
	clear: both;
	margin: 3px 0;
	width: 100px;
	height: 14px;
	border: 1px solid #969696;
	line-height: 13px;
	color: #282828;
	font-size: 70%;
	padding: 2px;
}
form#property_search input.find_button {
	float: left;
	clear: both;
	border: 0px;
	margin: 10px 0 0px 0px;
	background: url("../img/find_bttn.gif") no-repeat top left;
	cursor: pointer;
	width: 49px;
	height: 17px;
	text-indent: -9000px;
	overflow: hidden;
	padding-top: 17px;
}

#property_search .inactive {
	color: #999;
	background-color: #fff;
}
#property_search .active {
	color: #000;
	background-color: #fff;
}
#property_search .focused {
	color: #000;
	background: #fffee7;
}

/* SIDBAR - newsletter  */

form#newsletter {
	width: 175px;
	float: left;
	clear: both;
	margin-top: 10px;
	overflow: auto;
	padding-bottom: 20px;
	background: url("../img/leftside_slash.gif") repeat-x bottom left;
}
form#newsletter h3 {
	color: #fff;
	padding-bottom: 10px;
	font-size: 90%;
	background:  url(../img/join_our_mailing_list.gif) 0 2px no-repeat;
	text-indent: -9000px;
	overflow: hidden;
}
form#newsletter label {
	color: #fff;
	font-size: 80%;
	width: 99%;
	clear: both;
	display: block;
	border: 1px solid #6f8348;
}
form#newsletter input {
	float: left;
	clear: both;
	margin: 3px 0;
	width: 170px;
	height: 14px;
	border: 1px solid #969696;
	line-height: 13px;
	color: #282828;
	font-size: 70%;
}
form#newsletter input.send_button{
	float: left;
	clear: both;
	border: 0px;
	margin: 10px 0 0px 0px;
	background: url("../img/send_bttn.gif") no-repeat top left;
	cursor: pointer;
	width: 49px;
	height: 17px;
	text-indent: -9000px;
	overflow: hidden;
	padding-top: 17px;
}
#newsletter .inactive {
	color: #999;
}
#newsletter .active {
	color: #000;
}
#newsletter .focused {
	color: #000;
	background: #fffee7;
}

#sidebar .invalid {
	font-size: smaller;
	font-weight: bold;
	background-color: #6e8247;
	color: #C00;
}

/* MAIN */

#main {
	float: right;
	width: 485px;
	margin-right: 50px;
	padding: 20px 0;
	display: inline;
	font-size: 80%;
	color: #2a3a53;
}

/* MAIN - logo */

#logo {
	background: url("../img/content_slash.gif") repeat-x bottom left;
	padding-bottom: 7px;
	margin-bottom: 15px;
}

#logo a {
	display: block;
	width:372px;
	height: 53px;
	text-indent: -9000px;
	overflow: hidden;
	background: url("../img/logo.gif") repeat-x top left;
}

/* MAIN - stage */

#stage {
	float: left;
	width: 485px;
	height: 156px;
	margin-bottom: -18px;
}
html>body #stage {
	margin-bottom: 0;
	min-height: 156px;
	height: auto;
}
#stage ul {
	width: 485px;
	list-style-type: none;
}
#stage ul li {
	float: left;
	width: 156px;
	height: 156px;
	margin-right: 8px;
	margin-bottom: 8px;
	background-color: #c2cd94;
}
#stage ul li a {
	width: 156px;
	height: 156px;
	display: block;
}
#stage ul li.last {
	margin-right: 0px;
}
#stage ul li.hide {
	display: none;
}

a.back_2_prop_list {
	float: left;
	background: url("../img/back_2_property_list.gif") no-repeat top left;
	width: 133px;
	height: 17px;
	text-indent: -9000px;
	overflow: hidden;
}
a.view_location {
	float:right;
	background: url("../img/view_location.gif") no-repeat top left;
	width:124px;
	height: 17px;
	text-indent: -9000px;
	overflow: hidden;
	margin-right: 2px;
}
a.view_gallery {
	float:right;
	background: url("../img/view_gallery.gif") no-repeat top left;
	width:124px;
	height: 17px;
	text-indent: -9000px;
	overflow: hidden;
}

/* MAIN - content */

#content {
	clear: both;
}

#blank p,
#content p {
	padding:5px 0;
}
#blank h1,
#content h1 {
	margin: 0;
	font-weight: normal;
	font-size:140%;
	clear:both;
}
#blank h3,
#content h3 {
	font-size:110%;
	clear:both;
}
#blank h4,
#content h4 {
	font-size:120%;
	clear:both;
	margin-top:15px;
}
#content h1,
#content h3 {
	color:#fff;
}
#blank a,
#content a {
	text-decoration:none;
	font-weight:bold;
	color:#2a3a53;
}
#blank a:hover,
#content a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#2a3a53;
}

#content h1.ruleoff {
	background: url("../img/content_slash.gif") repeat-x bottom left;
	margin-bottom: 20px;
}

/* MAIN - category listings */

#category_listing{
    width:100%;
    background: url("../img/content_slash.gif") repeat-x top left;
    overflow:auto;
    padding-top:20px;
    margin-top: 20px;
}
#category_listing ul{
    list-style-type: none;
    float:left;
    width:33%;
}
#category_listing li a{
    text-decoration:none;
    font-weight:normal;
}
#category_listing li a:hover{
    text-decoration:underline;
    font-weight:normal;
}

/* LATE AVAILABILITY (home page)  */

#late_availability {
	float: left;
	width: 220px;
	margin: 20px 25px 0 0;
	line-height: 120%;
	display: inline;
	font-size:95%;
}
#late_availability h1 {
	background: url("../img/availability.gif") no-repeat center left;
	margin-bottom: 10px;
}
#late_availability h1 span {
	visibility:hidden;
	line-height:17px;
}
#late_availability dl {
	list-style-type: none;
}
#late_availability p,
#late_availability dl {
	background: url("../img/content_slash.gif") repeat-x top left;
	padding-top:15px;
}
#late_availability dt {
	margin-top:10px;
}
#late_availability dt a {
	text-decoration:none;
	font-weight:bold;
	color:#2a3a53;
}
#late_availability dd a {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}
#late_availability dd a:hover {
	text-decoration:underline;
	color:#fff;
}

/* FEATURED PROPERTY  */

#feat_property {
	float: right;
	width: 240px;
	margin: 20px 0 0 0;
	line-height: 120%;
}
#feat_property h1 {
	background: url("../img/featured_property.gif") no-repeat center left;
	margin-bottom: 10px;
}
#feat_property h1 span{
	visibility:hidden;
	line-height:17px;
}
#feat_property ul {
	list-style-type: none;
	width: 100%;
	overflow: auto;
}
#feat_property p,
#feat_property ul {
	background: url("../img/content_slash.gif") repeat-x top left;
}
#feat_property p {
	padding-top: 15px;
}
#feat_property ul li {
	float: left;
	margin: 20px 12px 5px 0;
	display: inline;
}
#feat_property ul li a {
	display: block;
	width: 114px;
	height: 80px;
}
#feat_property ul li.last_pic {
	margin-right: 0px;
}
#feat_property dl {
	clear: both;
	list-style-type: none;
	font-size: 95%;
}
#feat_property dt a {
	text-decoration: none;
	font-weight: bold;
	color: #2a3a53;
}
#feat_property dd a {
	text-decoration: none;
	color: #fff;
}
#feat_property dd a:hover {
	text-decoration: underline;
	color: #fff;
}

/* PAGE NAVIGATOR */

ul.pager {
	list-style-type: none;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 15px;
}
ul.pager li {
	float: left;
	margin-right: 15px;
}
ul.pager li a {
	float: left;
	text-decoration: none;
	border: 1px solid #b2bd84;
}
ul.pager li a:hover {
	text-decoration: underline;
}
ul.pager li a.clicked {
	text-decoration: none;
	padding: 0 3px;
	border: 1px solid #efefef;
}

/* ACCOMMODATION LISTINGS */

ul.accommodation_list {
	list-style-type: none;
	width: 100%;
	float: left;
	clear: both;
}
ul.accommodation_list li {
	background: url("../img/content_slash.gif") repeat-x bottom left;
	overflow: auto;
	padding-bottom: 20px;
	margin-bottom: 20px;
	height: 100%;
}
ul.accommodation_list li a dd {
	font-weight: normal;
	text-decoration: none;
}
ul.accommodation_list li img {
	float: left;
	width: 152px;
	height: 107px;
	margin-top: 0px;
}
ul.accommodation_list li dl {
	float: right;
	width: 320px;
}
ul.accommodation_list li dt {
	color: #fff;
	font-size: 115%;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
	width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}
#content ul.accommodation_list li dt a {
	color: #fff;
}
ul.accommodation_list li dl ul {
	list-style-type: none;
	font-weight: bold;
	overflow: auto;
	width: 320px;
	margin: 0px;
	padding: 0px;
}
ul.accommodation_list li dl ul li {
	background: none;
	margin-right: 5px;
	margin-bottom: 0px;
	float: left;
	padding: 0px;
	border: 0px;
}

/* NEWS LISTINGS */

ul.news_list {
	list-style-type: none;
	width: 100%;
	float: left;
	clear: both;
}
ul.news_list li {
	background: url("../img/content_slash.gif") repeat-x bottom left;
	overflow: auto;
	padding-bottom: 20px;
	margin-bottom: 20px;
	height: 100%;
}
ul.news_list li a dd {
	font-weight: normal;
	text-decoration: none;
}
ul.news_list li dt {
	color: #fff;
	font-size: 115%;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
	width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}
#content ul.news_list li dt a {
	color: #fff;
}
ul.news_list li dl ul {
	list-style-type: none;
	font-weight: bold;
	overflow: auto;
	width: 320px;
	margin: 0px;
	padding: 0px;
}
ul.news_list li dl ul li {
	background: none;
	margin-right: 5px;
	margin-bottom: 0px;
	float: left;
	padding: 0px;
	border: 0px;
}

/* ACCOMMODATION DETAILS */

h2.prop_title {
	float: left;
	font-size: 150%;
	font-weight: normal;
	padding: 15px 0;
	clear: left;
	color: #fff;
	display: block;
	width: 485px;
	background: url("../img/content_slash.gif") repeat-x bottom left;
	margin-bottom: 20px;
}

span.cottage_name {
	float: left;
	width: 70%;
	display :block;
}

span.cottage_features {
	float: right;
	text-align: right;
	display: block;
	width: 25%;
}

.property_overview {
	float: left;
	width: 220px;
	height: 235px;
	overflow: hidden;
	background: #e7edcc;
	padding :0 15px 20px 15px;
	margin-bottom: 10px;
}
.property_overview h4 {
	margin-top:10px !important;
}
.property_overview ul {
	list-style-type: none;
	margin-top: 20px;
	line-height: 180%;
}
.property_overview ul li {
	width:100%;
	border-bottom:1px solid #6f8348;
	font-weight:bold;
}
.property_overview ul li.last {
	border-bottom: 0px;
}

#property_booking {
	margin: 10px 0 5px 0;
	overflow: hidden;
}
#property_booking label {
	float: left;
	width: 50px;
}
#property_booking select {
	float: left;
	width: 110px;
	border: 1px solid #969696;
	margin-right: .25em;
}

#property_booking #book_property {
	float: left;
	height: 17px;
	border: 0px;
	width: 100%;
	background: url("../img/book_property.gif") no-repeat top left;
	text-indent: -5000px;
	overflow: hidden;
	padding-top: 17px;
}

.property_availability {
	float: right;
	width: 200px;
	height: 250px;
	background: #fff;
	padding: 0 15px 5px 15px;
	margin-bottom: 20px;
}
.property_availability table {
	margin: 10px 0 5px 0;
	text-align: center;
}
.property_availability h4 {
	margin-top:10px !important;
}
.property_availability table th {
	width:20px;
}
.property_availability table td.g {
	color: #ccc;
}
.property_availability table td.t {
	text-align: left;
	padding-left: 11px;
}
.property_availability table th.last {
	overflow: hidden;
	text-indent: -3000px
}
.b {
	color:#ff0000 !important;
	text-decoration: line-through !important;
}
.property_availability td a {
	font-weight:normal !important;
}
.property_availability td a:hover {
	text-decoration: line-through !important;
}

blockquote {
	background: url("../img/quote-start.gif") no-repeat top left;
	font-size:18px;
	color:#fff;
	margin:20px;
	width:85%;
}
blockquote span {
	display:block;
	padding:5px 25px 5px 33px;
	background: url("../img/quote-end.gif") no-repeat bottom right;
}

.gmap {
	margin: 0 auto;
	height: 560px;
	width: 800px;
}

/* CATEGORIES  */

ul#categories {
	list-style-type: none;
	width: 100%;
	background: url("../img/content_slash.gif") repeat-x top left;
	overflow: auto;
	padding-top: 20px;
	margin-top: 20px;
}
ul#categories li {
	float:left;
	width:33%;
}
ul#categories li a {
	text-decoration: none;
	font-weight: normal;
}
ul#categories li a:hover {
	text-decoration: underline;
	font-weight: normal;
}

/* FOOTER */

#footer {
	clear: both;
	font-size: 75%;
	width: 175px;
	color: #fff;
}

#footer a {
	color: #fff;
	text-decoration: none;
	padding-right: .7em;
	background: url("../img/leftside_slash.gif") right center no-repeat;
	white-space: nowrap;
}
#footer a:hover {
	text-decoration: underline;
}

#footer ul {
	margin-top: 15px;
	list-style-type: none;
	float: left;
}
#footer ul li {
	clear: both;
	line-height: 150%;
}

#footer ul li a {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
}

/* LIGHTWINDOW SUPPORT */

#modalOverlay {
	height: 100%;
	background-color: #000;
	position: relative;
	z-index: 1000;
}

#modalContainer {
	height: 586px;
	width: 824px;
	left: 50%;
	top: 10%;
	margin-left: -412px;
	position: absolute;
	z-index: 1001;
}

#modalContainer div {
	background-color: #fff;
	height: 566px;
}

#modalContainer iframe {
	border: none;
	background-color: #fff;
	height: 586px;
	width: 824px;
	overflow: auto;
	position: relative;
	z-index: 1003;
}

#modalContainer h1 {
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	padding: .25em 5px;
	background-color: #6e8247;
	color: #fff;
	height: 20px;
}
#modalContainer h1 a {
	color: #fff;
	font-size: 10px;
	position: absolute;
	text-decoration: none;
	right: 5px;
	top: 5px;
}

/* BLANK PAGE */

#blank {
	font-size: 12px;
	text-align: left;
	color: #000;
	background: #fff;
	padding: 8px;
}

/* sIFR */

.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}

body.hasFlash #bodytext h1,
body.hasFlash #bodytext h2 {
  left: -4px;
  position: relative;
  font-size: 24px;
  z-index: 1;
}

body.hasFlash #bodytext h1 {
  font-size: 22px;
}