/* Typography
--------------*/
body {
xfont-size: 76%; /* Global font-size */
font-size: 70%; /* Global font-size */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}

p {
font-size: 1em;
}


h1 {
font-size: 1.2em;
margin-bottom: 12px;
color:#4e4e4e;
}

h2 {
font-size: 1.1em;
margin-bottom: 3px;
}

legend {
color: #22243d;
font-weight: bold;
}

a:link,
a:visited {
color: #000;
text-decoration:none;
}
a:hover {
color: #000;
text-decoration:underline;
}

#content p,
#sub-section p {
margin-bottom: 10px;
}

#content ul li,
#sub-section ul li {
list-style-type: square;
}
#content ol li, 
#sub-section ol li {
list-style-type: decimal;
}

#footer p {
font-size: 0.9em;
}

#footer,
#footer a:link,
#footer a:visited {
color: #53556e;
text-decoration: none;
}

#footer a:hover {
color: #000;
text-decoration:underline;
}

/* Header
----------*/

#header img#logo {
position: relative;
top: 0px;
left: -1px;
}

/* Dropdown menu
-----------------*/

.menu a {
border-right: 1px solid #4c4c4c;
font-weight: normal;
text-transform: uppercase;
font-size: 0.9em;
}

.menu li.last a, 
.menu li li a {
xborder: none;
}

.menu a:link,
.menu a:visited {
color: #fff;
text-decoration: none;
background-color: #242424;
}

.menu a:hover {
color: #000;
background-color:#fff41e;
}

.menu li li a {
border: none;
text-transform: none;
}

/* Standard forms
------------------*/

form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #ddd;
}

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,
form input.button {
width: auto;
padding: 0 10px;
cursor: pointer;
background-color: #242424;
border: none;
color: #fff;
}

form em span,
form .required {
color: #B90000;
font-weight: bold;
}


/* Dynamic text
----------------*/

#content img#dyn-heading-img {
display: block;
margin-bottom: 15px;
}

#content img#dyn-img1 {
float: right;
margin: 0 0 10px 20px;
border: 1px solid #4e4e4e;
}

#sub-section img#dyn-img2 {
margin-bottom: 10px;
display: block;
}

/* Sub-section
---------------*/
#sub-section dd,
#sub-section dt {
margin-bottom: 5px;
}

/* Home 
---------*/
html.home {
background-color:#6d6c66;
background-image:url(/img/home_footer_bg.gif);
background-repeat:repeat-y;
}
body#home {
background-image:url(/img/home_bg.gif);
background-position:center top;
background-repeat:no-repeat;
height:100%;
}

body#home #main {
background-color: transparent;
}

body#home .publisher {
text-align:center;
}

body#home #header {
height:384px;
background-color:#6d6c66;
overflow:hidden;
}

body#home #wrap {
background-image: none;
}

body#home #footer {
background-image: url(/img/home_footer_bg.gif);
padding:0;
margin: 0;
height:300px;
}

body#home #header .container {
height:294px;
}
body#home #header h2 {
color: #fff;
text-transform:uppercase;
font-size: 0.9em;
font-weight: normal;
margin-bottom: 10px;
}
body#home #header form {
width:196px;
height:100%;
float:right;
border-right:1px solid #a7a7a3;
background-color:#575652;
}

body#home #header form select {
margin-bottom:10px;
border: 1px solid #b5b5b5;
color: #575652;
font-size:1em;
}

body#home #header form fieldset {
border:none;
margin-bottom:0px;
}

body#home #header div.checkboxsearch {
overflow: auto;
width: 167px;
height: 82px;
background: #FFFFFF;
text-transform : capitalize;
margin-bottom: 10px;
border: 1px solid #b5b5b5;
color: #575652;
}
body#home #header form div.checkboxsearch input {
width: 15px;
margin-right: 3px;
}

body#home #header .checkboxsearch p {
margin:0px;
padding:2px 0pt 0pt 2px;
}

body#home #header #qs_min-price,
body#home #header #qs_rent_min-price,
body#home #header #qs_bedroom {
margin-right: 6px;
}

body#home #header #qs_min-price2,
body#home #header #qs_rent_max-price2,
body#home #header #qs_bedroom2 {
margin-right: 10px;
}

body#home #header #qs_property-type {
width: 170px;
}

body#home #header #qs_min-price,
body#home #header #qs_max-price,
body#home #header #qs_parking,
body#home #header #qs_rent_min-price,
body#home #header #qs_rent_max-price,
body#home #header #qs_bedroom,
body#home #header #choice {
width: 80px;
}

body#home #header form #submit input {
width:102px;
margin-top: 0px;
margin-left: 10px;
float:left;
background-color: #b5b5b5;
color: #000;
font-weight:bold;
}

body#home .menu {
margin-left:0px;
}

body#home .menu li.first a {
border-left: 1px solid #4c4c4c;
}
body#home .menu li.last a {
border-right: none;
}
body#home .menu {
width: 561px;
border-right: 1px solid #4c4c4c;

}

body#home .menu a {
padding-left: 10px;
padding-right: 10px;
}

body#home #content {
padding:0;
width:760px;
}

body#home #content img {
float:left;
border-right: 1px solid #6d6c66;
}

body#home #content .home-sub-section {
width: 356px;
float:left;
}
body#home #content .home-sub-section p.hometext {
margin:0;
padding:10px 10px 0 10px;
height:121px;
overflow:hidden;
}

body#home #content p.homebuttons {
display:block;
float:left;
height:71px;
padding:5px 0 0 10px;;
width:168px;
font-size: .9em;
}

body#home .home-sub-section2 {
float:left;
width: 198px;
}

body#home .home-sub-section2 .resizefix {
display:block;
width:198px;
height:131px;
overflow:hidden;
}
body#home .home-sub-section2 img {
width:198px;
}

body#home .homebuttons em {
display:block;
text-transform: uppercase;
font-style:normal;
color:#000;
margin-bottom:0px;
}
body#home .homebuttons {
color: #fff;
}

body#home .homebuttons a {
color: #fff;
font-weight:bold;
}


/* Listings
------------*/

body.listing .property {
padding: 10px 0;
clear: both;
overflow: hidden;
border-bottom: 1px solid #999999;
}

body.listing .property .image {
display: block;
float: left;
margin-right: 15px;
}

body.listing .property .details {
width: 555px;
float: left;
}

body.listing .property .features {
float: right;
font-weight: bold;
width:150px;
}

body.listing .property .features p {
background-color:#333;
color: #fff;
float:left;
margin-left:3px;
}

body.listing .property .features img {
margin-right: 7px;
vertical-align: bottom;
}

body.listing .property .details h2 {
font-size: 1.1em;
margin-bottom: 5px;
}

body.listing .property .details h3 {
font-size: 1em;
margin-bottom: 5px;
text-transform:uppercase;
}

body.listing .property .details p {
margin-bottom: 0 !important;
padding:3px;
}

body.listing .property .details .price {
margin-bottom: 5px;
}

body.listing #order {
border-bottom:1px solid #999999;
clear:both;
padding:10px 0pt;
margin-bottom:0px;
}

body.listing #filter {
height: 40px;
padding: 10px;
margin-bottom: 5px;
background-color: #a7a7a3;
}

body.listing #filter label {
float: none;
display: block;
width: auto;
font-size: 1em;
font-weight: normal;
margin-bottom:10px;
color:#000;
}

body.listing #filter select {
width: 90px;
display: block;
font-size: 0.9em;
}

body.listing #filter p {
clear: none;
float: left;
margin-right: 24px;
}

body.listing #filter input {
width: auto;
padding: 0px 10px;
margin-top: 24px;
cursor: pointer;
background-color: #242424;
border: none;
color: #fff;
}

body.listing p.pagebar {
font-size: 0.9em;
padding-top: 10px;
text-align: right;
}

/* Property detail
-------------------*/
body.detail #extradetails .images {
overflow:hidden;
}
body.detail #extradetails .images p {
font-weight: bold;
font-size: 0.8em;
}

body.detail #extradetails dl dt {
font-weight: bold;
}

body.detail #extradetails h2 {
padding: 3px 0;
margin-bottom: 0px !important;
font-size: 1.1em;
background-color: #242424;
color: #fff;
font-weight: normal;
text-indent: 10px;
margin-top:5px;
margin-right:4px;
}

body.detail #extradetails ul,
body.detail #extradetails dl  {
background-color: #a7a7a3;
padding: 10px 0 10px 10px;
margin-bottom:0px !important;
margin-right:4px;
}


body.detail #content h2 {
padding: 3px 0;
margin-bottom: 5px;
font-size: 1.1em;
}



body.detail #content h3 {
font-size: 1.1em;
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;
list-style-type: square;
}

body.detail #addressbar {
height: 25px;
margin-bottom: 5px;
}

body.detail h1 {
margin-bottom:15px;
}

body.detail #addressbar p {
float: left;
font-weight: bold;
}

body.detail #propertydetails .features {
float : right;
margin-top : 10px;
width : 150px;
}
body.detail #propertydetails .features p {
margin-left : 3px;
padding : 3px;
background-color : #333;
color : #fff;
font-weight : bold;
}

body.detail #addressbar img {
vertical-align: middle;
margin-right: 7px;
} 

body.detail #propertydetails {
width: 450px;
float: right;
margin-bottom: 20px;
}

body.detail #extradetails {
width: 244px;
float: left;
margin-bottom: 20px;
}

body.detail #extradetails img {
width: 118px;
margin-right: 4px;
margin-bottom: 4px;
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;
clear: both;
}

body.detail dl.agentdetails img {
width: auto !important;
margin-right: 10px !important;
}

body.detail .devProjectFeatures p {
background-color:#333333;
color:#FFFFFF;
float:right;
margin-left:3px;
padding:3px;
}
body.detail .devProjectFeatures {
width: 150px;
padding:3px;
}


/* 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%;
}
body.brochure #main {
background-image: none !important;
background-color: #fff ;
}			
body.brochure #content {
background-image: none !important;
float: none !important;
}
body.brochure #header {
background-image: none;
}
body.brochure #propertydetails {
width: 280px;
}
body.brochure #extradetails img {
display: block;
float: left;
margin: 0 2px 2px 0;
}
body.brochure #extradetails {
width: 247px;
}
body.brochure h1 {float:left;}
body.brochure #header {height:88px; padding:0px;}

body.brochure #extradetails h2  {
color:#000;
font-weight:bold;
background-color: #fff;
}

body.detail #extradetails ul, body.detail #extradetails dl {
background-color: #fff;
}
	
/* Staff 
---------*/

body#staff dl {
clear: both;
margin-bottom: 10px;
padding-bottom: 10px;
overflow: hidden;
border-bottom: 1px solid #ddd;
}

body#staff dl dt.name {
font-weight: bold;
font-size: 1.2em;
font-style: italic;
}

body#staff dl dt.photo {
float: left;
margin-right: 15px;
border: 1px solid #22243D;
}

body#staff dl dd.position {
margin-bottom: 5px;
font-weight: bold;
}

body#staff dl dd.contact {
margin-bottom: 5px;
font-weight: bold;
}

/* Slideshow
-------------*/

body.slideshow {
text-align: center;
background-image: none;
background-color: #fff;
}

body.slideshow #header {
margin-bottom: 10px;
background-image: none;
background-color: #d1d1cf;
border-bottom: 10px solid #242424;
height:78px
}

body.slideshow #header img {
float: none;
display: block;
width: auto;
margin: 0 auto;
}

body.slideshow table img {
display: block;
width: auto;
margin: 20px auto;
border: 1px solid #333;
}

body.slideshow input {
width: auto;
}

body.slideshow table {
margin: 0 auto;
}

/* Email a friend
------------------*/

html#emailafriend, 
html#emailagent,
body#alert_popup {
background-image: none;
background-color: #d1d1cf;
text-align: left;
}

html#emailafriend body, 
html#emailagent body,
body#alert_popup body {
background-image: none;
}

html#emailafriend #header, 
html#emailagent #header,
body#alert_popup #header {
margin-bottom: 10px;
background-image: none;
background-color: #d1d1cf;
border-bottom: 10px solid #242424;
height:78px
}

html#emailafriend #header img, 
html#emailagent #header img,
body#alert_popup img {
float: none;
}

body#alert_popup #content {
width:500px;
}
/* News
--------*/
body.news #sub-section dl {
border-bottom: 1px dashed #22243D;
padding-bottom: 4px;
margin-bottom: 4px;
}
body.news #sub-section dl dt {
font-weight: bold;
}

body.news #sub-section dl dd {
font-size: 0.9em;
}

body.news #sub-section p {
font-size: 0.9em;
text-align: right;
}

/* Links
----------*/

body.links #content h3 {
margin-bottom: 15px;
}

body.links #content dl {
border-bottom: 1px dashed #BFBFBF;
padding-bottom: 10px;
margin-bottom: 10px;
}

body.links #content dl dt {
font-weight: bold;
}

body.links #content dl dd {
margin-bottom: 5px;
}

/* Testimonials
------------------*/

body.testimonials #content div.testimonial {
border-bottom: 1px dashed #BFBFBF;
padding-bottom: 10px;
margin-bottom: 10px;
}

body.testimonials #content div.testimonial .author {
text-align: right;
font-style: italic;
}

/* 
Auction list,
OFIs
----------------*/

body.auction #content h2,
body.ofi #content h2 {
background-color: #bbb;
padding: 2px 0 2px 5px;
margin-bottom: 5px;
margin-top:20px;
}

body.auction #content dl,
body.ofi #content dl {
clear: both;
overflow: hidden;
padding: 3px 0;
margin-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

body.auction #content dl.stripe,
body.ofi #content dl.stripe {
background-color: #ddd;
}

body.auction #content dt,
body.ofi #content dt {
width: 200px;
display: block;
float: left;
}

body.auction #content dd.time,
body.ofi #content dd.time {
font-weight: bold;
float: left;
}

body.auction #content dd.link,
body.ofi #content dd.link {
float: right;
}

/* Testimonials
---------------*/

body.testimonial dl {
margin-bottom: 5px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
}

body.testimonial dl dt {
font-weight: bold;
}

/* Property Alert */

#content li, #sub-section li {
margin-bottom:10px;
}


/* Careers ----------
------------------------ */

body .job h2 {
background-color:#BBBBBB;
margin-bottom:5px;
margin-top:20px;
padding:2px 0pt 2px 5px;
}

body .job h3 {
font-size: 1em;
float:right;
}
body .job dt {
float:right; margin-right:10px;
}
body .job dd {
margin-bottom:5px;
font-style:italic;
}

body .job dd.description,
body .job dd.content {
font-style:normal;
}

/* --------- contact page -------*/
body.contact #content {float:left; width:440px;}
body.contact #sub-section{float:right; width:240px; margin-top:50px;}

/* ---------- property alert  ------------ */

#registerform {
width: 500px;
}
#registerform li,
#login li,
#requirements li {
list-style-type:none !important;
margin-bottom: 5px;
}
#requirements form li span {
display: block;
clear: both;
font-size: 10px;
padding-left: 300px;
}