* {
margin: 0;
padding: 0;
}

body {
font-family: arial, helvetica, sans-serif;
font-size: 76%;
}

html, body {
background-image: url(/img/body_bg.gif);
background-repeat: repeat-y;
background-color: #ABA399;
}

#header {
background-image: url(/img/head_bg.gif);
background-repeat: no-repeat;
background-position: right top;
height: 116px;
}

#header img {
position: relative;
top: 36px;
left: 25px;
}

#main {
width: 750px;
}

#menu {
width: 160px;
text-align: right;
padding: 0 15px;
float: left;
}

#content {
width: 528px;
float: right;
}

#footer {
clear: both;
color: #666;
font-size: 0.9em;
padding: 20px 0 20px 223px;
}

#footer a:link,
#footer a:visited {
color: #666;
}

#footer a:hover {
color: #fff;
}

a img {
border: none;
}

/* Menu
----------*/

#menu ul {
list-style-type: none;
font-weight: bold;
}

#menu a {
display: block;
padding: 3px 0;
}

#menu li ul {
color: #fff;
padding: 0 0 10px 0;
}

#menu li li a {
padding: 0;
font-size: 0.8em;
display: inline;
}

#menu a:link,
#menu a:visited {
color: #fff;
text-decoration: none;
}

#menu a:hover {
text-decoration: underline;
}

#menu ul li {
border-bottom: 1px dashed #526F64;
}

#menu li li {
border-bottom: none;
}

#menu #featuremenu {
margin-top: 15px;
}

#menu #featuremenu li {
border: none;
margin-bottom: 7px;
}

#menu #featuremenu a {
display: inline;
}

/* Submenu hider
-----------------*/

#menu ul ul {
display: none;
}

body.buying #menu #buyingmenu,
body.selling #menu #sellingmenu,
body.renting #menu #rentingmenu,
body.finance #menu #financemenu,
body.news #menu #newsmenu,
body.about #menu #aboutmenu {
display: block;
}

/* Typography
--------------*/

h1 {
font-size: 1.5em;
color: #fff;
border-bottom: 1px solid #fff;
padding-bottom: 2px;
margin-bottom: 10px;
}

h2 {
font-size: 1em;
}

#content p {
margin-bottom: 15px;
}

#content a:link,
#content a:visited {
color: #002B1A;
}

#content a:hover {
color: #fff;
}

/* Home 
--------*/

html#home,
html#home body {
background-image: url(/img/body_bg_home.gif);
background-repeat: repeat-y;
background-position: center top;
background-color: #ABA399;
}

html#home body {
padding-top: 50px;
}

html#home #header {
background-image: url(/img/home_head_bg.gif);
background-repeat: repeat-x;
background-position: left 18px;
height: 100px;
}

html#home #header img {
display: block;
margin: 0 auto;
top: 0;
left: 0;
}

html#home #flash {
float: right;
padding-top: 22px;
}

html#home #flash img {
width: 430px;
}

html#home #main {
width: 640px;
margin: 0 auto;
padding-left: 90px;
}

html#home #menu {
padding: 0;
clear:right;
float: right;
width:489px;
margin-right: 14px;
}

html#home #menu ul {
background-image: url(/img/home_menu_bg.gif);
background-repeat: repeat-x;
width: 503px;
overflow: hidden;
padding-left: 0px;
}

html#home #menu li {
border: none;
float: left;
width: auto;
}

html#home #menu li a {
float: left;
font-size: 0.9em;
border-right: 1px solid #fff;
width: 71px;
text-align: center;
font-weight: normal;
height: 89px;
background-repeat: no-repeat;
background-position: left 20px;
}
html#home #menu li a#nav-buying {
width: 72px;
}

html#home #menu li.last a {
border: none;
margin-right: 0;
width: 70px;
}

html#home #main {position:relative;}
html#home #main #propertyalertbanner {
position:absolute;
top:246px;
left:45px;
}



html#home #menu li a#nav-buying {
background-image: url(/img/homenav_buying.jpg);
}

html#home #menu li a#nav-selling {
background-image: url(/img/homenav_selling.jpg);
}

html#home #menu li a#nav-renting {
background-image: url(/img/homenav_renting.jpg);
}

html#home #menu li a#nav-finance {
background-image: url(/img/homenav_finance.jpg);
}

html#home #menu li a#nav-news {
background-image: url(/img/homenav_news.jpg);
}

html#home #menu li a#nav-about {
background-image: url(/img/homenav_about.jpg);
}

html#home #menu li a#nav-contact {
background-image: url(/img/homenav_contact.jpg);
}

html#home #features {
float: left;
width:170px;
}

html#home #features ul {
list-style-type: none;
padding-top: 20px;
}

html#home #features ul li {
margin-bottom: 12px;
}
html#home #features #mapsearch {
padding-top:17px;
}
html#home #features #mclublogo {
position: absolute;
margin-left: -58px;
}

html#home #quicksearch {
background-image: url(/img/menu_quicksearch.gif);
background-repeat: no-repeat;
padding-top: 30px;
width: 150px;
padding-left: 10px;
}

html#home #quicksearch input {
border: none;
background-color: #002B1A;
color: #fff;
font-weight: bold;
border: 1px solid #fff;
cursor: pointer;
}

html#home #quicksearch input,
html#home #quicksearch select {
width: 140px;
font-size: 0.9em;
margin-bottom: 5px
}

html#home #watermark {
clear:both;
float: right;
margin: 20px 60px 0 0;
xposition: relative;
xleft: 300px;
xtop: -250px;
}

/* Standard forms
------------------*/

form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #fff;
}

form label {
display: block;
float: left;
width: 150px;
}

form input,
form textarea,
form select {
width: 250px;
}

form p {
clear: both;
}

form fieldset#submit {
border: none;
padding: 0;
text-align: right;
}

form fieldset#submit input {
width: auto;
padding: 0 10px;
cursor: pointer;
}

form fieldset {
border: 1px solid #ddd;
}

form legend {
font-weight: bold;
color: #fff;
}

form em span,
form .required {
color: #B90000;
font-weight: bold;
}

form fieldset#submit input {
background-color: #002B1A;
border: none;
color: #fff;
}

/* Dynamic text
---------------*/

body.dynamic #content img {
border: 1px solid #5b5853;
}

body.dynamic #content #dyn-heading-img {
margin-bottom: 15px;
}

body.dynamic #content #dyn-img1 {
float: right;
margin: 0 0 10px 10px;
}

body.dynamic #content #dyn-img2 {
float: left;
margin: 0 10px 10px 0;
}

/* Testimonials 
----------------*/

body.testimonials #content .testimonial {
clear: both;
text-align: right;
font-style: italic;
}

body.testimonials #content .testimonial cite {
display: block;
text-align: left;
font-style: normal;
margin-bottom: 5px;
}


/* Useful links
----------------*/

body.links h2 {
color: #fff;
background-color: #8A8577;
padding: 2px 0 2px 5px;
margin-bottom: 10px;
}

body.links dl {
margin-bottom: 10px;
}

body.links dl dt {
font-weight: bold;
}

/* Contact Us
---------------*/

body.contact #content dl {
margin-bottom: 15px;
}


/* Listing
-----------*/

body.listing .property {
border-bottom: 1px solid #C2B9B0;
margin-bottom: 15px;
clear: both;
overflow: hidden;
padding-bottom: 15px;
}

body.listing #content .photo {
width : 242px;
display: block;
float: left;
margin-right : 10px;
}
body.listing #content .photo a.image {
}
body.listing #content .photo a.image img {
border: 1px solid #002B1A;
}
body.listing #content .photo .links {
margin-top : 6px;
text-transform : lowercase;
}
body.listing #content .photo .links .button {
display: block;
float : left;
margin-right : 6px;
padding : 2px 4px;
background-color : #002b1a;
text-decoration : none;
}
body.listing #content .photo .links .button a {
color : #fff;
text-decoration : none;
}
body.listing #content .photo .links .end {
margin-right : 0;
}

body.listing #content h2 {
font-style: italic;
margin-bottom: 5px;
font-size: 1.2em;
}

body.listing #content h3 {
font-size: 1em;
margin-bottom: 5px;
}

body.listing #content .features {
margin-bottom: 5px;
}

body.listing #content .features p {
display: inline;
font-weight: bold;
padding-right: 10px;
}

body.listing #content .features img {
margin-right: 10px;
vertical-align: middle;
}
body.listing #content .details a.more {
font-weight: bold;
font-size : 1.5em;
}

body.listing .property p {
margin-bottom: 0 !important;
}


/* Property detail
-------------------*/

body.detail #content h2 {
padding: 3px 0;
margin-bottom: 5px;
}

body.detail #content ul {
margin-bottom: 15px;
list-style-type: none;
list-style-position: outside;
}

body.detail #content ul#outgoingslist,
body.detail #content ul#features {
list-style-position: inside;
}

body.detail #addressbar {
height: 25px;
margin-bottom: 5px;
}

body.detail #addressbar h1 {
}

body.detail #addressbar p {
float: right;
}

body.detail #addressbar img {
vertical-align: middle;
margin: 0 2px 0 10px;
} 

body.detail #propertydetails {
width: 270px;
float: left;
margin-bottom: 20px;
padding-top: 10px;
}

body.detail #extradetails {
width: 244px;
float: right;
margin-bottom: 20px;
padding-top: 10px;
}

body.detail #extradetails img {
width: 118px;
margin-right: 2px;
margin-bottom: 2px;
display: block;
float: left;
}

body.detail #extradetails img#mainimage {
width: auto;
display: block;
}

body.detail #extradetails .images p {
text-align: center;
clear: both;
}

body.detail #extradetails dl {
margin-bottom: 10px;
}


body.detail #content h2 {
font-size: 1.2em;
font-style: italic;
border-top: 1px solid #C7BFB4;
border-bottom: 1px solid #C7BFB4;
}

body.detail #content h2#mainheading {
font-size: 1.1em;
border: none;
padding-bottom: 0; 
}

body.detail #bedbathcar {
margin-bottom: 10px;
font-weight: bold;
}

body.detail #bedbathcar span {
margin-right: 10px;
}

body.detail #bedbathcar img {
margin-right: 10px;
vertical-align: middle;
}

body.detail #content h3 {
font-size: 1em;
}

body.detail #content ul#outgoingslist {
list-style-type: square;
}

body.detail #addressbar p {
font-weight: bold;
}

body.detail #extradetails img {
border: 1px solid #22243D;
}

body.detail #extradetails .images p {
font-weight: bold;
font-size: 0.8em;
}

body.detail #extradetails dl dt {
font-weight: bold;
}

body.detail .map {
clear : both;
}

/* Slideshow
-------------*/

body.slideshow {
text-align: center;
}

body.slideshow #header {
margin-bottom: 10px;
height: auto;
padding: 10px 0 !important;
}

body.slideshow #header img {
float: none;
display: block;
width: auto;
margin: 0 auto;
}

body.slideshow table img {
display: block;
width: auto;
margin: 20px auto;
}

body.slideshow input {
width: auto;
}

body.slideshow table {
margin: 0 auto;
}

body.slideshow {
background-image: none;
background-color: #ABA299;
}

html#slideshowhtml {
background-color: #ABA299;
background-image: none;
}

body.slideshow h1 {
border-bottom: none;
}

body.slideshow #header {
background-image: none;
background-color: #fff;
border-bottom: 10px solid #8B8577;
padding: 0 !important;
}

body.slideshow #header img {
left: 0;
top: 0;
}

body.slideshow table img {
border: 1px solid #333;
}


/* Property detail printfriendly
---------------------------------*/

html.brochure,
body.brochure {
background-image: none;
background-color: #fff;
}
body.brochure #wrap {
width: 584px !important;
background-image: none;
background-color: #fff;
height: 100%;
margin: 0 auto;
}
body.brochure h1 {
color: #000;
}
body.brochure #main {
background-image: none !important;
}			
body.brochure #content {
background-image: none !important;
float: none !important;
width: 584px !important;
}
body.brochure #header {
background-image: none;
height: auto;
margin-bottom: 15px;
}
body.brochure #header img {
top: 0;
left: 0;
}
body.brochure #propertydetails {
width: 300px;
}
body.brochure #extradetails img {
display: block;
float: left;
margin: 0 2px 2px 0;
}
body.brochure #extradetails {
width: 247px;
}

/* Email a friend
------------------*/

html#emailafriend,
html#emailafriend body {
background-image: none;
text-align: left;
background-color: #ABA299;
}

html#emailafriend #header {
background-image: none;
background-color: #fff;
border-bottom: 10px solid #8B8577;
height: auto;
padding: 10px 0 10px 10px;
margin-bottom: 10px;
}

html#emailafriend #header img {
top: 0;
left: 0;
}

html#emailafriend #content {
float: none;
padding-left: 15px;
}


/* Staff 
---------*/

body#staff dl {
clear: both;
margin-bottom: 10px;
padding-bottom: 5px;
overflow: hidden;
}

body#staff dl dt.photo {
float: left;
margin-right: 15px;
margin-bottom: 5px;
}

body#staff dl dt.photo img {
border: 1px solid #002B1A;
}

body#staff dl dd.position {
margin-bottom: 5px;
}

body#staff dl dd.contact {
margin-bottom: 5px;
}

body#staff dl {
border-bottom: 1px solid #C2B9B0;
}

body#staff dl dt.name {
font-weight: bold;
font-size: 1.2em;
font-style: italic;
}

body#staff dl dd.position {
font-weight: bold;
}

body#staff dl dd.contact {
font-weight: bold;
}

/* OFI List
-----------*/

body.ofi #ofi_list {
width: 100%;
}

body.ofi .date td {
background-color : #002B1A;
color : #fff;
padding : 4px 0 4px 5px;
}

body.ofi .items td {
padding : 4px 0;
}

body.ofi .stripe {
background-color : #C5BEB8;
}

body.ofi #ofi_list td.address {
padding-left: 5px;
}

body.ofi #ofi_list td.time {
padding-right: 5px;
padding-left: 5px;
width : 200px;
}

body.ofi #ofi_list td.link {
padding-right: 5px;
width : 150px;
text-align : right;
}

/* Email alert
---------------*/

body.alert #content #login {
width: 180px;
float: right;
margin: 40px 0 10px 20px;
}

body.alert #content #login input,
body.alert #content #login label {
width: 150px;
}

body.alert #content #login .submit,
body.alert #content #registerform .submit {
border: none;
text-align: right;
padding: 0;
}

body.alert #content #login .submit input,
body.alert #content #registerform .submit input {
width: auto;
background-color: #002B1A;
color: #fff;
border: 1px solid #8A8577;
padding: 1px 3px;
}

body.requirements #content td {
padding: 5px;
}

body.requirements #content th {
text-align: left;
}

body.requirements #content select {
width: 100px;
}

body.requirements #content input {
width: 120px;
}

body.alert #content #alertNav {
list-style-type: none;
border-top: 1px solid #898577;
border-bottom: 1px solid #898577;
overflow: hidden;
margin-bottom: 15px;
}

body.alert #content #alertNav li {
display: block;
float: left;
}

body.alert #content #alertNav li a {
display: block;
padding: 5px 0;
padding-right: 20px;
}

body.default #content table {
width: 525px;
}

body.default #content table .header1 {
font-weight: bold;
font-style: italic;
padding: 5px 0;
}

body.default #content #editForm table {
margin-bottom: 15px;
}

body.default #content #editForm table th {
padding: 0 !important;
}

body.default #content #editForm table td {
padding: 5px;
}

body.default #content #editForm select {
width: 150px;
}

body.default #content #editForm input {
width: 100px;
}

body.default #content #editForm table th,
body.default #content #editForm table td {
border: none !important;
text-align: left;
}

body.requirements #content .button,
body.default #content table .button {
width: auto;
background-color: #002B1A;
color: #fff;
border: 1px solid #8A8577;
padding: 1px 3px;
}


/* m-club
--------*/

body.mclub #content #comp {
float:right;
border: 2px solid #fff;
margin: 0 0 10px 20px;
}

body.mclub #content p {
font-size: 1.2em;
}

body.mclub #content p strong,
body.mclub #content p em {
color: #AF0000;
}

body.mclub #content p strong {
font-size: 1.6em;
}

body.mclub #content p span {
font-size: 1.2em;
color: #fff;
}

body.mclub #content p b {
color: #000;
}

body.mclub #content form p {
font-size: 1em;
}

body.mclub #content form #fAddress2 {
margin-left: 150px !important;
}

body.mclub #content form span {
font-size: 1em;
font-weight: bold;
color: #B90000;
}

body.mclub #content h2 {
font-size: 1.4em;
}

/* Links
---------*/

body.links #content dl,
body.links #content h2 {
clear:both;
}

body.links #content dl dt.image {
float: left;
border: 1px solid #8A8577;
padding: 0;
margin: 0 5px 5px 0;
}

body.links #content dl dt.image img {
display: block;
}

/* NEws
---------*/
body.news div.twocolumn #latestnews {
width: 340px;
margin-right: 20px;
float: left;
display: block;
}

body.news div.twocolumn #newsarchive {
width: 160px;
float: left;
display: block;
}
