﻿/* CSS Document */
/*	Bell Systems 2007
	GLOBAL RESET
*/

/*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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
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;
	vertical-align: baseline;
}
/* remember to define focus styles! */
/*:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}/*
/*GLOBAL RESET END*/


/*
/////////////////////////////////
MAIN CSS
/////////////////////////////////
*/
body{
	margin:0;
	padding:0;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	background:#334033;
}
a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
    text-decoration:underline;
    color:#668066;
    font-style: italic;
}
#wrappermain{
	width:1000px;
	margin:0 auto;
	background:#fff;
}
#printbanner{
    display:none;
}
#banner{
	width:1000px;
	height:200px;
	background: #d9e0e8 url(../images/banner.jpg) no-repeat;
}
#banner img{
	width:572px;
	float:left;
}
#nav{
	width:1000px;
	height:20px;
	background: url(../images/nav-bg.jpg) repeat-x #ccdfcc;
	margin:0;
	padding:10px 0;
	text-align:center;
}
#nav li{
	display:inline;
	border-right: solid 1px #334033;
}
#nav li.last{
    border-right:none;
}
#nav li a{
    color:#334033;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:700;
    font-size:0.7em;
    margin:0 10px;
    vertical-align:middle;
    font-style:normal;
    text-decoration:none;
}
#flashImageBanner{
	width:572px;
	height:188px;
	float:left;
	background: #d9e0e8 url(../images/flash_placeholder.) no-repeat;
}
#featuredProp{
	width:428px;
	height:184px;
	float:right;
	padding:0 auto;
}
#mainContent{
	font:.8em/1.4em Verdana, Arial, Helvetica, sans-serif;
	width:640px;
	float:left;
	padding:20px;
	text-align:justify;
}
#subContent{
	font:.8em/1.4em Verdana, Arial, Helvetica, sans-serif;
	width:260px;
	margin:20px 40px 20px 0;
	padding:0px;
	float:right;
}
#testimonials{
    width:700px;
    margin:10px 0 20px 0;
}
.testimonial{
    width:195px;
    float:left;
    border-right:solid 1px #668066;
    padding:0 10px;
}
.testimonial.last{
    border-right:none;
}
.testimonial p{
    font:1em Verdana, Arial, Helvetica, sans-serif;
    color:#334033;
    font-style:italic;
    text-align:justify;
    padding:0;
}
.testimonial p .quotemark{
    color:#668066;
    font:2em Georgia, "Times New Roman", Times, serif;
}
.testimonial p.quoter{
    color:#668066;
    float:right;
    font-style:normal;
    font-size:1em;
}
.homebuttons{
    clear:both;
    margin:10px 0 0 0;
    text-align:center;
}
.homebuttons img{
}
#news{
   width:260px;
   margin:20px 0 0 0;
   float:right;
}
.newsarticle{
    width:260px;
    text-align:justify;
    clear:both;
}
.newsarticle a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
    text-decoration:underline;
    color:#668066;
    font-style: italic;
    float:right;
    margin:0 0 20px 0;
}
.newsarticle a:hover{
    color:#334033;
}
#footer{
    width:940px;
	font:.7em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#668066;
	text-align:right;
	font-style:italic;
	margin:0 auto;
	padding:0 30px;
	background:#fff;
	clear:both;
}
#footer p{
    line-height:0.5em;
}
p{
	margin:0;
	padding:10px 0;
	color:#668066;
	line-height:1.7em;
}
h1, h1 a{
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	text-decoration:none;
	font-style:normal;
	color:#334033;
	font-size:1.5em;
	line-height:1.5em;
}
 h1.pageTitle,  h1.pageTitle a{
    color:#334033;
    font-size:1.5em;
 }
h2, h2 a{
    font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	text-decoration:none;
	font-style:normal;
	color:#668066;
	line-height:1.5em;
	font-size:1em;
}
h3{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#334033;
}
.leftcol{
    width:180px;
    float:left;
    text-align:left;
}
.leftcol ul{
    list-style:none;
    padding:0;
    margin:0;
}
.leftcol li{
    margin:0 0 5px 0;
    padding:0 0 0 25px;
    background:url(../images/info.gif) no-repeat center left;
}
.leftcol li.noicon{
    background:none;
}
.leftcol li.noicon ul{
    margin:0 0 15px 0;
    padding:0;
}
.leftcol li.noicon ul li{
    background:none;
    padding:0 0 0 15px;
    color:#668066;
}
.toptext{
    padding:0 0 0 25px;
    background:url(../images/up.gif) no-repeat center left;
}
.pnlFrm{
    margin:0 0 20px 0;
}
.fullwidthtext{
    width:450px;
    float:right;
}
.fullwidthtext2{
    width:640px;
    float:right;
}
.fullwidthtext ul, .fullwidthtext ol, .fullwidthtext2 ul, .fullwidthtext2 ol{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#668066;
	margin:0 0 0 1em;
	padding:0;
}
.fullwidthtext li, .fullwidthtext2 li{
    margin:1.5em;
}
#subContent h2{
	padding-left:5px;
}
.darkgreen{
    color:#334033;
}
.clear{
    clear:both;
}
.bold{
    font-weight:700;
}
.button, .floatright{
    float:right;
}
.mainimg{
    border: solid 3px #334033;
    margin:10px 0;
    padding:0;
    float:left;
}
#keypoints{
    width:280px;
    float:right;
    margin:10px 0;
}
#images{
    width:330px;
    height:245px;
    overflow:auto;
    float:right;
    padding:0;
    margin:10px 0;
}
.images{
    margin:0;
    padding:0;
}
.images li{
    display:inline;
}
.images li a img{
    border:solid 3px #334033;
}
#bodytext fieldset, #mainContent fieldset{
    border:1px solid #334033;
    padding:10px;
}

#bodytext fieldset legend, #mainContent fieldset legend{
    font:1.3em Georgia, "Times New Roman", Times, serif;
	color:#334033;
	margin:0;
}
#bodytext fieldset ul li{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
	color:#334033;
	margin:0;
}
#bodytext fieldset p strong{
	color:#334033;
}
#bodytext fieldset p u{
	color:#334033;
}
#mainContent fieldset dt{
    width:250px;
    height:20px;
    float:left;
    clear:left;
    margin:7px 0;
    padding:0;
}
#mainContent fieldset dd{
    width: 300px;
    float:right;
    margin:5px 0;
    padding:0;
    clear:right;
}
#mainContent fieldset dt.multilinelabel{
    height:58px;
    padding:0;
}
#mainContent fieldset dd.multilinetext{
    height:58px;
    padding:0;
}

/*
//////////////////////////////////
FORM CSS GREEN ABBEY
//////////////////////////////////
*/

.quicksearch{
    background:url(../images/quicksearch-bg.jpg) no-repeat top center #ccdfcc;
    width:220px;
    margin:0;
    padding:20px;
}
.quicksearch dl{
    margin:10px 0; 
}
.quicksearch dt{
    font-size:10px;
}
.quicksearch dd{
    margin:0 0 5px 0; 
}
.quicksearch dd select{
    width:220px;
    font-size:10px;
    height:20px;
    padding:1px;
    opacity: .7;
    filter: alpha(opacity=70);
}
.quicksearch dd input{
    width:212px;
    font-size:10px;
    height:14px;
    padding:2px;
    opacity: .7;
    filter: alpha(opacity=70);
}
#featuredPropertyQuickSearchWrapper{
	width: 565px;
	background: #ccdfcc;
	float: left;
	margin:3px 30px;
	padding:10px;
	text-align:justify;
}
.featuredPropertyimg
{
	float: left;
	border: solid 3px #334033;
	margin:15px;
	padding:0;
}
#featuredProperty h1
{
	width: 280px;
	float: right;
	color:#334033;
	margin: 0 30px 0 0;
}
#featuredProperty p
{
	width: 280px;
	float: right;
	color:#334033;
	margin: 0 30px 0 0;
}
#featuredProperty a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
    text-decoration:underline;
    color:#668066;
    font-style: italic;
    float:right;
    margin:0 0 20px 0;
}
#featuredProperty a:hover{
    color:#334033;
}
.contactDetails{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#668066;
}
.contactDetails li{
    list-style-type:none;
}
.map{
    width:630px;
    height:400px;
    border: solid 3px #334033;
}
.maplink{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
    text-decoration:underline;
    color:#668066;
    font-style: italic;
}
/*
//////////////////////////////////
RESULTS TABLE
//////////////////////////////////
*/
.resultstable{
    width:600px;
    border:0;
}
.resultstable h4 a{
    font-family:Georgia, "Times New Roman", Times, serif;
	color:#334033;
    width:460px;
    margin:5px 0;
    padding:0;
    float:right;
}
.resultstable p{
    float:right;
    width:450px;
    margin:10px;
    padding:0;
    color:#334033;
}
.detailimage{
    border:solid 3px #334033;
    float:left;
    margin:20px 10px 10px 10px;
}
.headerstyle{
      font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
    color:#668066;
    font-style: italic;
    background:#CCDFCC;
}
.rowstyle{
    background:#CCDFCC;
}
.alternatingrow{
    background:#9EBAA3;
}


/*
//////////////////////////////////
FORM CSS HENRY CHARLES
//////////////////////////////////
*/

/*#form {
}
.validateSummary {
	font:bold .8em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#CC3300;
	list-style:disc;
}
#form fieldset {
	border:none;
	margin:10px 0 10px 0;
	padding:10px 0 10px 0;
}
#form fieldset ul {
	width:300px;
	margin:0;
	padding:0;
}
#form fieldset li {
	list-style:none;
	margin:0;
	padding:0 0 0 8px;
}
#form fieldset .formLabel {
	list-style:none;
	width:100px;
	float:left;
	margin:0;
	padding:0 0 0 8px;
}
#form select {
	font: .8em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#3a4263;
	width:100px;
	margin:1px 0 1px 0;
	padding:3px;
	border:#9aa5c3 solid 1px;
}
#form input {
	font: .8em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#3a4263;
	width:100px;
	margin:1px 0 1px 0;
	padding:3px;
	border:#9aa5c3 solid 1px;
}
#form legend {
	font:1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#3a4263;
	margin:0;
	padding:0;
}
#form label {
	font:.8em/1.4em Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#form .formButton {
	font:bold .9em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#3a4263;
	margin:10px 0 10px 0;
	padding:0;
	border:0;
}
#form .formField {
	font: .8em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#3a4263;
	width:250px;
	margin:1px 0 1px 0;
	padding:3px;
	border:#9aa5c3 solid 1px;
}
input {
   background:#FFF !important;
} 


*/
/*
//////////////////////////////////
LIGHTBOX CSS
//////////////////////////////////
*/

#lightbox
{
	position: absolute;
	float: left;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0%;
}

#lightbox a img
{
	border: none;
}

#outerImageContainer
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer
{
	padding: 10px;
}

#loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0%;
}

#hoverNav
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer > #hoverNav
{
	left: 0;
}

#hoverNav a
{
	outline: none;
}

#prevLink, #nextLink
{
	width: 49%;
	height: 100%;
	background: transparent url(../../../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink
{
	left: 0;
	float: left;
}

#nextLink
{
	right: 0;
	float: right;
}

#prevLink:hover
{
	background: url(../../../images/prev.gif) no-repeat;
	background-position: center;
	background-position: left;
}

#prevLink:visited:hover
{
	background: url(../../../images/prev.gif) no-repeat;
	background-position: center;
	background-position: left;
}



#nextLink:hover
{
	background: url(../../../images/next.gif) no-repeat;
	background-position: center;
	background-position: right;
}

#nextLink:visited:hover
{
	background: url(../../../images/next.gif) no-repeat;
	background-position: center;
	background-position: right;
}

#imageDataContainer
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}

#imageData
{
	padding: 0 10px;
}

#imageData #imageDetails
{
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption
{
	font-weight: bold;
}

#imageData #numberDisplay
{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose
{
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}



#overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000000;
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*-------------PROPERTY DETAILS AMENDMENTS 21.10.08-------------------*/

.headline{
    width:635px;
    height:auto;
    border: solid 3px #334033;
    background:#CCDFCC;
    margin:0 0 10px 0;
}
.headline ul{
    margin:10px;
}
.headline li{
    list-style:none;
    line-height:1.5em;
    margin:0;
    padding:0;   
	color:#334033;
}
.headline ul.address{
     font:1.3em Georgia, "Times New Roman", Times, serif;
    width:290px;
    float:left;
}
.headline ul.price{
    width:290px;
    float:right;
    text-align:right;
}
.headline li.title{
     font:1.8em Georgia, "Times New Roman", Times, serif;
     font-weight:700;
}
.detailoptions{
    list-style:none;
    text-align:right;
}
.detailoptions li{
    display:inline;
    padding:0 10px;
    border-right:solid 1px #334033;
    margin:0;
    font-weight:700;
}
.detailoptions li a{
    color:#334033;
    font-style:normal;
    text-decoration:none; 
}
.detailoptions li.last{
    padding:0 0 0 10px;
    border-right:none;
}
#floorplans a img, #otherdocs a img{
    border: solid 3px #334033;
}
.fullwidthtext2 #floorplans ul, .fullwidthtext2 #otherdocs ul{
     padding:0;
    margin:10px 0 0 0;
}
.fullwidthtext2 #floorplans li, .fullwidthtext2 #otherdocs li{
    list-style:none;
   padding:0;
   margin:10px 10px 10px 0;
   display:inline;
}