/* RESET CSS */
body {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6,form, p, ol, ul, li , dl, dt, dd, blockquote,fieldset,legend,input {
    margin: 0px;
    padding: 0px;
}
ol, ul{
    list-style: none;
}
a {
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    text-decoration: underline;
}
a:focus {
    outline: 0;
}
table {
    border-collapse: collapse;
}
a img{
	border:0px;
}

.wai{
    display:none !important;
}
.cb{
    clear:both !important;
}
.cl{
    clear:left !important;
}

.invalid {
	color: #e40126;
	background: #f2dad9;
}

/*  site's CSS */

body{
    font-family:trebuchet ms, arial, sans-serif;
    font-size:0.625em;
    text-align:left;
    background:#3c5254;
}

#blank {
        font-size: 12px;
	background: #ffffff;
	padding: 8px;
}
#blank a{
    color:#db3028;
    font-style:italic;
}
#blank a:hover{
   color:#41434c;
}
#blank a.plain{
    color:#000;
    font-style:italic;
}

#page{
    margin: 0 auto 0 auto;
    width:950px;
    padding:403px 14px 0 13px;
    position:relative;
    background: url("../img/page-bg.png") repeat-y top left;
    overflow:hidden;
    height:auto;
}

/*  the header  */

#stage{
    height:354px;
    position:absolute;
    background-color: #eff2f6;
    top:0px;
    left:13px;
    width:950px;
}
#stage span {
	position: absolute;
	width:950px;
	height:354px;	
}
#header{
    height:100px;
    width:950px;
    top:255px;
    left:13px;
    position:absolute;
    background: url("../img/header-bg.png") top left;
}
#header address{
    width:300px;
    line-height:120%;
    color:#fff;
    font-weight:bold;
    font-style: normal;
    font-size:170%;
    position:absolute;
    bottom:22px;
    left:22px;
    font-family:georgia;
}
#header address a,#header address a:hover{
    color:#fff;
}

#logo{
    margin:15px auto 0 auto;
    width:236px;
    height:68px;
    background: url("../img/estuary-logo.png") no-repeat top left;
}
#logo h1 a{
    text-indent:-5000px;
	overflow: hidden;
    width:236px;
    height:68px;
    display:block;
}

/*  upper search  */

form#upper_search{
    width:928px;
    position:absolute;
    top:363px;
    left:24px;
    height:25px;
    padding:6px 0 0 0;
    font-size:160%;
    line-height:19px;
    background:#eff2f6;
    color:#e40126;
}
form#upper_search br{
	display: none;
}
form#upper_search label{
	width:0px;
    height:0px;
    overflow:hidden;
    text-indent:-5000px;
    float:left;
}
form#upper_search h3{
    font-size: 100%;
    margin:0 0 0 15px;
    display:block;
    float:left;
    display:inline;
    font-weight:normal;
    font-family:georgia;
}
form#upper_search select{
    float:left;
    width:110px;
    height:16px;
    color:#000;
    height:19px;
    font-size:70%;
    border:1px solid #bebebe;
    margin-left:10px;
    display:inline;
    font-family:trebuchet ms;
}
form#upper_search input#searchgo{
    background:#eff2f6;
    color:#e40126;
    font-style: italic;
    cursor:pointer;
    float:left;
    font-size:105%;
    padding: 0 10px !important;
    margin-top:2px;
    font-family:trebuchet ms;
}
#upper_search .small {
	width: 60px;
}
#upper_search .long {
	width: 160px;
}


/*  the wrapper gives the coloured background */
#wrapper{
    overflow:auto;
    height:100%;
    float:left;
    display:inline;
    margin-left:11px;
    width:928px;
    background: url("../img/wrapper-bg.gif") repeat-y top left;
    padding-bottom:70px;
}

/* left menu */
ul#mainnav {
    width:184px;
    padding:10px;
    font-size:140%;
    float:left;
}
ul#mainnav li{
    width:100%;
    float:left;
}
ul#mainnav li.parent{
    background: url("../img/menu-bg.gif") no-repeat 165px center;
}
ul#mainnav li a.clicked {
    background-color: #f2dad9;
    color:#e40126;
}

ul#mainnav li.clicked{
    background: url("../img/submenu-bg.gif") no-repeat 165px 9px #f2dad9 !important;
}
ul#mainnav li.highlighted{
    background: url("../img/highlighted-bg.gif") no-repeat 165px 9px #f2dad9;
    margin-top:10px;
}

ul#mainnav li.highlighted a{
   color:#e40126;
   background: none;
   border-bottom:0px !important;
   font-family:georgia;
}
ul#mainnav li.clicked a{
    background: none;
    color:#e40126;
}
ul#mainnav li.first{
    margin-top:20px !important;
}

ul#mainnav li a{
    display:block;
    width:184px;
    text-indent:10px;
    color:#41434c;
    line-height:25px;
    border-bottom:2px dotted #db3028;
}
ul#mainnav li a:hover{
    color:#e40126;
}
/* the submenu  */
ul#mainnav li ul{
}
ul#mainnav li ul li a{
    text-indent:20px;
    color:#41434c !important;
}
ul#mainnav li ul li a.clicked{
    color:#e40126 !important;
}
ul#mainnav li ul li a:hover{
    color:#e40126 !important;
}
ul#mainnav li.highlighted ul li a{
   border-bottom:1px dotted #db3028 !important;
   font-family:trebuchet ms !important;
}



/* main content area  */

#content{
    float:right;
    padding:15px 20px;
    width:674px;
    color:#41434c;
    font-size:140%;
}
.smallcontent{
    padding:15px 174px 15px 20px !important;
    width:520px !important;
}

#content p{
    padding:10px 0;
}

#content h2{
    font-size:120%;
    font-family:georgia !important;
    padding-bottom:10px;
}
.bordered{
    padding-bottom:10px;
    border-bottom:2px dotted #db3028;
    clear:both;
    overflow:auto;
    height:100%;
    margin-bottom:10px;
}
#content h3{
    font-size:110%;
    padding:5px 0;
}
#content h4{
    font-size:100%;
    padding:5px 0;
}
#content a{
    color:#db3028;
    font-style:italic;
}
#content a:hover{
   color:#41434c;
}
#content a.plain{
    color:#41434c;
}
ul.contentlist li{
    padding:5px 0;
}


/* intro text is georgia and the link is italic */

.intro p{
    font-family:georgia;
    font-size:115%;
}
.intro a{
    font-style:normal !important;
}

/* index blocks navigation */
ul#features{
    margin:0 0 10px 0;
    overflow:auto;
}
ul#features li{
    float:left;
    display:inline;
    width:209px;
    border-left:1px solid #41434c;
    padding:9px;
}
ul#features li.first{
    border-left:0px solid #41434c;
    padding-left:0px !important;
}
ul#features li img{
    width:209px;
    height:135px;
    margin:10px 0 5px 0;
}

a.moreinfo{
    font-style:italic;
    font-weight:bold;
    padding-bottom:3px;
}
ul#features dt{
    font-size:120%;
    text-indent:45px;
    line-height:25px;
    border-bottom:2px dotted #db3028;
    background: url("../img/features-title.gif") no-repeat left top;
    padding-bottom:5px;
    font-family:georgia;
}

ul#features dd{
    font-size:85%;
}
ul#features dd p{
    padding:0px !important;
}
ul#features dd ul{
    margin:0px !important;
}
ul#features dd ul li{
    border:none !important;
    padding:0px !important;

}

/* category block on index page */
.category_block{
    background: url(../img/categoryblock-bg.jpg) 0 0 no-repeat;
    border:1px dotted #3c5254;
    padding:10px;
    font-size:80%;
    overflow:auto;
    height:100%;
    margin-top:15px;
}
.category_block ul{
    float:left;
    font-size:110%;
    margin:10px 0px 0 10px;
}
.category_block ul.first{
    margin-left:0px !important;
}
.category_block ul li{
    background: url("../img/categorylist-bg.gif") no-repeat left center;
    text-indent:19px;
    font-weight:bold;
    padding:1px 0;
}

/* link list for the content */
.breadcrumb{
    font-size:85%;
    font-style:italic;
    font-weight:bold;
    width:100%;
    overflow: hidden;
}
.breadcrumb ul li{
   background: url("../img/breadcrumb-bg.gif") no-repeat left center;
   text-indent:15px;
   float:left;
   display:inline;
   margin:0 0px 10px 10px;
}
.breadcrumb ul li.first{
   background:none !important;
   text-indent:0px !important;
   margin-left:0px !important;
}

/* area guide page */
.guide{
    background: url("../img/mapguide.gif") no-repeat bottom right #cedeeb;
    margin-top:15px;
    overflow:hidden;
    padding-bottom:15px;
}
.guide ul{
    width:295px;
}
.guide ul li{
    margin:17px 0 0 17px;
    float:left;
    display:inline;
}
.guide ul li img{
    float:left;
    margin-right:10px;
    width:81px;
}
.guide ul li dl{
    float:left;
    width:180px;
}
.guide ul li dl dt{
    font-size:135%;
    border-bottom:2px dotted #db3028;
    padding-bottom:5px;
    margin-bottom:5px;
    font-weight:bold;
    font-family:georgia;
}
.guide ul li dl{
    font-size:85%;
}

/* paginator */
.paginator{
    color:#DB3028;
    padding-bottom:10px;
    font-size:85%;
    font-style:italic;
    font-weight:bold;
    overflow: hidden;
}
.paginator ul li{
   float:left;
   display:inline;
   color:#DB3028;
   padding:0 5px;
}

/* list of properties */

.listing{
    margin-left:-18px;
}
.listing ul li{
    margin-left:18px;
    background:#fff;
    width:327px;
    height:149px;
    float:left;
    display:inline;
    margin-bottom:15px;
    position:relative;
    overflow: hidden;
}
.listing ul li img{
    margin-right:10px;
    width:152px;
    height:149px;
}
.listing ul dl{
    float:left;
    width:150px;
}

.listing ul li dt{
    font-size:110%;
    border-bottom:1px solid #e40126;
    padding:5px 0;
    font-family:georgia;
    color:#3c5254;
}

.listing ul li dd{
    font-size:85%;
    margin-top:5px;
}

.listing ul li dd ul{
    margin:0px !important;
}
.listing ul li dd ul li{
    width:150px;
    height:auto;
    margin:0px !important;
    padding:1px 0 0 0;
}

#content .listing dt a {
    color: #3c5254;
    font-style: normal;
}
#content .listing dt a:hover {
    color: #3c5254;
    text-decoration: none;
}

strong.newproperty{
    background: url("../img/new1.png") no-repeat bottom right;
    position:absolute;
    top:0px;
    left:0px;
    width:152px;
    height:149px;
    overflow:hidden;
    text-indent:-5000px;
    display:block;
}
strong.specialoffer{
    background: url("../img/offer.png") no-repeat top left;
    position:absolute;
    top:0px;
    left:0px;
    width:152px;
    height:149px;
    overflow:hidden;
    text-indent:-5000px;
    display:block;
}


/* property page */
h2 span{
   float:left;
   width:65%;
}
h2 span.details{
   float:right;
   width:34%;
   text-align:right;
}
.actionlist{
    width:100%;
    margin:11px 0 0 0;
    overflow:hidden;
}
.actionlist ul{
    width:100%;
}
.actionlist ul li{
    background: #fff;
    float:left;
    padding:5px;
}
.actionlist ul li a{
    padding:0px 13px 0px 2px;
    color:#e50f31;
    font-style: italic;
    font-weight:bold;
    background: url("../img/menu-bg.gif") no-repeat right center;
}
.actionlist ul li.book{
    float:right;
    background: #e50f31 !important;
}
.actionlist ul li.book a{
    background: url("../img/book-arrow.gif") no-repeat right center #e50f31 !important;
}
.actionlist ul li.book a{
    color:#fff !important;
}

.piclist{
    clear:both;
    overflow:hidden;
}
.piclist li{
    margin-right: 8px;
    display:inline;
    width:159px;
    height:155px;
}
.piclist li a img{
    margin-top:10px;
}
.piclist li.last{
    margin-right: 0;
    position: relative;
    left: 1px;
}

.propertydetails{
    background:#fff;
    border:1px dotted #3c5254;
    padding:5px 15px 15px 15px;
    clear:both;
    margin-top:11px;
    overflow:auto;
    height:100%;
}
.propertydetails ul{
    font-size:90%;
    font-weight:bold;
    position: relative;
    left: -5px;
}
.propertydetails ul li{
    float:left;
}
.propertydetails ul li{
     background: url("../img/propdetails-separator.gif") no-repeat right center;
     padding:0 10px 0 5px;
     clear:none !important;   width:auto;
}

.offerblock{
    background:#f2dad9;
    padding:5px 15px 15px 15px;
    margin-top:11px;
    overflow:auto;
    clear:both;
    font-weight:bold;
}
.offerblock p{
    padding:0px !important;
    font-size:90%;
}


/* the tables */

.booking_table{
    background:#fff;
    padding:15px;
    font-size:95%;
    overflow:auto;
    height:100%;
    clear:both;
    margin:11px 0;
    position:relative;
}
.booking_table form{
    margin:10px 0;
}
.booking_table form label{
    padding-right:5px;
    color:#2a3a53;
    font-weight:bold;
}
.booking_table form select{
    border:1px solid #666;
    font-weight:bold;
    width:150px;
}
.booking_table table{
    margin-top:15px;
    width:100%;
    clear:left;
}
.booking_table table thead{
    border-top:1px solid #231f20;
    border-bottom:1px solid #231f20;
}
.booking_table table thead th{
    padding:5px 10px 5px 10px;
    border-top:1px solid #231f20;
    border-bottom:1px solid #231f20;
}
.booking_table table td{
   border-bottom:1px dotted #76777a;
   padding:5px;
}

.booked{
    background:#f8d1c5;
    text-align:center;
}
.available{
    background:#ebf2f7;
    text-align:center;
}
.provisional{
    background:#f9e89f;
    text-align:center;
}
.booknow{
    background: url("../img/menu-bg.gif") no-repeat right center;
    font-style:italic;
    color:#db3028;
    font-weight:bold;
    padding:0 15px 0 10px;
    text-align:left;
}
.firstcol{
    padding-left:0px !important;
    text-align:left;
}
.hide{
    color:#fff;
}
.booking_table td span{
    padding:3px 18px;
}

.legend{
    position:absolute;
    top:30px;
    right:15px;
    height:70px;
}
.legend p{
    padding:5px !important;
}
.legend ul{
    float:left;
}
.legend ul li{
    margin-left:5px;
    display:inline;
    width:75px;
    float:left;
    padding:2px 5px;
}

/* property guide page */
#sidebar{
    position:absolute;
    top:418px;
    right:44px;
    width: 137px;
    font-size:140%;
}
#sidebar.withcrumbs{
    top:453px;
}
#sidebar h3{
   font-family:georgia;
   border-bottom:2px dotted #db3028;
   font-size:90%;
   padding-bottom:10px;
}
#sidebar .relatedlinks {
	margin-top: 5px;
}
#sidebar .relatedlinks li a{
    display:block;
    width:100%;
    color:#41434c;
    line-height:25px;
    border-bottom:2px dotted #db3028;
}
#sidebar .relatedlinks li a:hover{
    color:#e40126;
}

.bannerblock{
    margin-top:20px;
    background: #fff 0 0 no-repeat;
    padding:80px 10px 10px 10px;
    font-family:georgia;
}
.bannerblock span{
    padding:5px 0px;
    display:block;
    color:#41434c;
}
.bannerblock strong{
    color:#e40126;
}
.bannerblock .moreinfo{
    color:#e40126;
    font-style:italic;
    font-weight:bold;
    font-size:80%;
}
.bannerblock{
    margin-top:20px;
    padding-top:80px;
}

.clickblock a{
    display:block;
}
.clickblock a:hover{
    text-decoration:none;
    color:#41434c !important;
}

.propertypreview{
    background:#fff;
    border:1px dotted #3c5254;
    padding:5px 0px 15px 15px;
    clear:both;
    margin-top:11px;
    overflow:auto;
    height:100%;
    width: 502px;
    position: relative;
    left: 1px;
}

.propertypreview .viewport {
	width: 435px;
        height: 106px;
	overflow: hidden;
	position: relative;
	left: 25px;
}

.propertypreview ul{
    margin-left:-15px;
    position: relative;
    height: 106px;
}

.propertypreview a.prevpic{
     top: 75px;
     left: 5px;
     position: absolute;
     background: url("../img/gallery-left-arrows.gif") no-repeat right center;
     width:14px !important;
     margin-left:10px !important;
     border:0px !important;
     text-indent: -9000px;
     overflow: hidden;
}
.propertypreview a.nextpic{
     top: 75px;
     right: 20px;
     position: absolute;
     background: url("../img/gallery-right-arrows.gif") no-repeat right center;
     width:14px !important;
     border:0px !important;
     text-indent: -9000px;
     overflow: hidden;
}
.propertypreview a:hover.nextpic,
.propertypreview a:hover.nextpic{
     border:0px !important;
}
.propertypreview ul li{
    float:left;
    position:relative;
}
.propertypreview ul li a{
    border:2px solid #fff;
    width:131px;
    height: 102px;
    display:block;
    margin-left:15px;
}
.propertypreview ul li a:hover{
    border:2px solid #db3028;
}
.propertypreview ul li a img{
    width:131px;
    height: 102px;
}
.propertypreview ul li a:hover span.title{
    display:block;
    text-decoration:none;
}
.propertypreview ul li a span.title{
    position:absolute;
    top:20px;
    left:20px;
    background:#f2dad9;
    color:#e40126;
    font-style:italic;
    display:none;
    padding:5px 10px;
    font-size:90%;
    font-weight:bold;
    z-index:444;
}

/* newslist */

.newslist {
	clear: both;
	overflow: hidden;
}

.newslist .item {
    position: relative;
    border-top:2px dotted #db3028;
    height: 137px;
}
html>body .newslist .item {
    height: auto;
    min-height: 137px;
}
.newslist .first {
    border-top: none;
}

.newslist .image {
    left: 0;
    position: absolute;
}

.newslist .text,
.newslist .title {
	margin-left: 159px;
}

.newslist .title {
	margin-top: 10px;
}

.newslist .first .title  {
	margin-top: -2px;
}

#content .news h3 {
	padding: 0 0 1em 0;
}

/*footer style */

#footer{
    padding:15px 0px;
    width:674px;
    border-top:2px dotted #db3028;
    color:#3c5254;
    right:44px;
    font-size:110%;
    position:absolute;
    bottom:0px;
}

#footer a:hover{
    color:#3c5254;
    text-decoration:underline;
}
#footer ul{
    width:100%;
    clear:both;
}

#footer ul li{
    background: url("../img/footer-li-bg.gif") no-repeat left center;
    float:left;
    text-indent:10px;
}
#footer ul li.first{
    background: none !important;
    text-indent:0px !important;
}

#footer ul li a{
    color:#3c5254;
    padding:0px 10px 0 0;
}

/* block styles */

.block{
    display:block;
    position:relative;
    margin-bottom: 10px;
}
.halfblock{
    width:46%;
    padding-right:15px;
    float:left;
}

/* search form */

#searchform {
	position: relative;
	left: -1px;
}

#searchform .text {
	width: 100px;
}

/* form styles */

.formfield {
	width: 350px;
}

.ui-datepicker-trigger {
    margin-left: .25em;
}

/* pretty photo */

.pp_content {
	 font-size: 12px;
}