/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000;
}

p {
font-size: 0.9em;
}

h1 {
font-size: 1.1em;
margin: 10px 0;
color: #d31145;
border-bottom: 1px solid #9c9999;
padding: 7px 0;
display:block;
}
body#home h1{
margin-right:3px;
}

h2 {
font-size: 0.9em;
margin: 12px 0;
}

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

a:link,
a:visited {
color: #E77A08;
}

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

#footer p {
font-size: 0.9em;
color: #fff;
padding: 7px 30px 0 30px;
}
#footer p.publisher {
	float: right;
	padding: 15px 30px 0 30px;
}

#footer,
#footer a:link,
#footer a:visited {
color: #d0344b;
text-decoration: none;
font-weight: normal;
}

#footer a:hover {
color: #9c9999;
}
#footer p span {
margin-left: 225px;
display:block;
}


/* Global Styling/Layout
-------------------------*/
body {
margin: 0;
padding: 0;
background-color: #000;
}

#wrap {
background: url(../img/bg_body_new.gif) 50% 0 repeat-y;
margin: 0 auto;
width: 985px;
height: auto;
}

#content {
width: 928px;
height: auto;
margin: 15px auto;
overflow: auto;	
}

body#home #content {
height: auto;
width: 671px;
margin: 15px 0 0px 30px;
_margin-left: 14px;
float: left;
overflow: auto;	
}

#subcontent {
float: right;
width: 256px;
height: auto;
margin: 15px 28px 15px 0;
_margin-right: 14px;
}
body#home #subcontent {
padding-top:40px;
}

#footer {
background: url(../img/bg_footer_new.gif) 0 100% no-repeat;
margin: 0 auto;
width: 985px;
height: 60px;
clear: both;
}

/* Fast Find
-------------*/
form#fastfind {
float: right;
width: 265px;
margin-right: 12px;
margin-top : -60px;
padding-top: 10px;
_width: 265px;
_margin-right: 0;
}

form#fastfind input {
border: 1px solid #a4b97f;
background-color: #fff;
color: #a2a2a2;
font-size: 0.9em;
padding:  2px 0;
margin: 0 7px 0 0;
width: 208px;
}
form#fastfind input.button {
background-color: #d0344b;
border: 1px solid #231f20;
color: #fff;
width: 35px;
height: 19px;
padding: 0 0 2px 0;
text-align: center;
font-size: 0.9em;
margin: 0;
cursor: pointer;
}

/* Header
----------*/
#header {
width: 955px;
height: 79px;
margin: 0 auto;
background:#231f20 url(/img/byline.gif) 380px 0 no-repeat;
}

#header img#logo {
float: left;
position: relative;
}

/* Dropdown menu
-----------------*/
#menuRow {
width: 955px;
height: 40px;
margin: 0 auto;
background-color: #9c9999;
margin-top: 1px;
}

.menu li {
height: 16px;
padding: 12px 0;
}

.menu a {
border-right: 1px solid #7f7f7f;
font-weight: bold;
font-size: 1.1em;
}

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

.menu a:link,
.menu a:visited {
color: #fff;
text-decoration: none;
background-color: #9c9999;
padding: 12px 25px;
}

.menu a:hover {
background-color: #7f7f7f;
}

.menu li li {
height: auto;
padding: 0;
margin: 0;
_margin: -2px 0;
}

li#buyList ul {
width: 160px;
}
li#sellList ul {
width: 140px;
}
li#rentList ul {
width: 185px;
}
li#servicesList ul {
width: 160px;
}
li#aboutList ul {
width: 110px;
}
li#socialList ul {
width: 130px;
}

.menu li li.first {
margin-top:1px;
_margin-top:11px;
}

.menu li li a{
border: none;
font-weight: bold;
font-size: 0.9em;
width: 100%;
}

.menu li li a:link,
.menu li li a:visited {
background-color: #9c9999;
padding: 4px 8px;
margin: 0 0;
text-transform: none;
border: none;
display: block;
}

.menu li li a:hover {
background-color: #7f7f7f;
}

/* Standard forms
------------------*/
body.contact #feedback form,
body.calcs #mortgage-calculator form,
body #market-appraisal form,
body.emailafriend form {
width: 500px;
margin:0 auto;
padding:0;
}

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

form legend {
color: #d31145;
}

form fieldset legend {
Margin-bottom: 10px;
Margin-left: -8px;
}

form label {
display: block;
float: left;
width: 150px;
}
#market-appraisal form label {
display: block;
float: left;
width: 200px;
}
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;
background-color: #d0344b;
border: 1px solid #231f20;
color: #fff;
font-size: 0.9em;
}

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

/* Quick Search 
----------------*/
body #subcontent #quicksearch {
background-color: #e4e6e6;
overflow: auto;
height: auto;
_border:1px solid #fff;
}
body #subcontent #quicksearch .title {
font-size: 1.1em;
font-weight: bold;
padding: 2px 0 0 0;
float: left;
}

body #subcontent #quicksearch p {
margin-bottom: 10px;
}

body #subcontent #quicksearch form {
padding: 10px;
_padding: 10px 10px 0 10px;
height: auto;
overflow: auto;
_float: left;
background-color: #e4e6e6;
}
body #subcontent #quicksearch form input {
color: #231f20;
font-size: 0.9em;
}
body #subcontent #quicksearch div.checkboxsearch {
overflow: auto;
width: 234px;
height: 82px;
background: #FFFFFF;
font-size: 0.9em;
margin-bottom: 15px;
border: 1px solid #a4b97f;
}

body #subcontent #quicksearch #qs_min-price,
body #subcontent #quicksearch #qs_rent_min-price,
body #subcontent #quicksearch #qs_bedroom {
margin-right: 10px;
border: 1px solid #a4b97f;
margin-bottom: 7px;
}

body #subcontent #quicksearch #qs_min-price2,
body #subcontent #quicksearch #qs_rent_max-price2,
body #subcontent #quicksearch #qs_bedroom2 {
margin-right: 0;
}

body #subcontent #quicksearch #choice {
margin-left: 38px;
float: right;
border: 1px solid #a4b97f;
margin-bottom: 4px;
}

body #subcontent #quicksearch #qs_category2 {
margin-left: 42px;
margin-bottom: 7px;
}

body #subcontent #quicksearch #qs_property-type {
width: 235px;
font-size: 0.9em;
border: 1px solid #a4b97f;
margin-bottom: 7px;
}

body #subcontent #quicksearch form input#checkbox {
width: 15px;
margin-right: 3px;
}

body #subcontent #quicksearch .inputbox2 {
width: 110px;
font-size: 0.9em;
border: 1px solid #a4b97f;
margin-bottom: 7px;
}

body #subcontent #quicksearch .button {
float: right;
height: 18px;
width: 65px;
font-size: 0.9em;
background-color: #d0344b;
border: 1px solid #231f20;
color: #fff;
cursor:pointer;
margin-bottom: 5px;
}

/* Property Alert
------------------*/
body #subcontent #propertyAlert {
margin-top:1px;
overflow: auto;
_overflow: hidden;
height: auto;
color: #fff;
display:block;
float: left;
width: 256px;
}
body #subcontent #propertyAlert .title {
font-size: 1.1em;
font-weight: bold;
padding: 2px 0 0 0;
float: left;
}

body #subcontent #propertyAlert p {
margin-bottom: 10px;
}

body #subcontent #propertyAlert a {
font-weight: bold;
color: #fff;
margin-bottom: 10px;
display: block;
}
body #subcontent #propertyAlert a.passwordLink {
float: right;
text-decoration: none;
font-weight: normal;
margin: 10px 0 10px 0;
padding-top:2px;
_padding-top:1px;
}
body #subcontent #propertyAlert a:hover {
color: #231f20;
}

body #subcontent #propertyAlert form {
padding: 10px;
_padding: 10px 10px 0 10px;
height: auto;
overflow: hidden;
_float: left;
background-color: #d0344b;
}
body #subcontent #propertyAlert form input {
color: #231f20;
font-size: 0.9em;
width: 235px;
border: 1px solid #a4b97f;
}
body #subcontent #propertyAlert form input.emailAlert {
background: #fff url(../img/propertyAlert_email.gif) 5px 50% no-repeat;
}
body #subcontent #propertyAlert form input.passwordAlert {
background: #fff url(../img/propertyAlert_password.gif) 5px 50% no-repeat;
}

body #subcontent #propertyAlert .button {
height: 20px;
width: 65px;
font-size: 0.9em;
margin: 10px 0 10px 0;
background-color: #9c9999;
border: 1px solid #231f20;
color: #fff;
cursor:pointer;
float: left;
}

/* Animation
-------*/

#animation{
	width: 955px;
	height: 500px;
	margin: 0 0 0 15px;
	padding: 0;
	background-color: #000;
	overflow: hidden;
	}

#animation img{
	margin: 0;
	padding: 0;
	}

ul#anim1{
	width: 955px;
	height: 500px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#title{
	width: 955px;
	height: 41px;
	margin: 0 0 0 15px;
	padding: 0;
	background-color: #000;
	}

/* POW
-------*/
/*
#feature {
width:670px;
display:block;
height: auto;
overflow: auto;
margin:0 0 10px 0;
padding:0;
margin-bottom:10px;
}*/
#feature {
width:670px;
height: auto;
overflow: auto;
display:block;
}
#feature img {
width:333px;
height: 222px;
margin: 0px 1px 1px 0px;
float: left;
display:block;
}
#feature a#powLink {
background-color: #9c9999;
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-size: 1em;
font-weight: bold;
height: 20px;
padding: 5px 0 0 6px;
display:block;
width:661px;
clear:both;
}

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

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

#content img#dyn-img1 {
float: right;
margin: 0 0 10px 20px;
}

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

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

/* Home 
---------*/
body #subcontent #qlinks {
overflow: auto;
height: auto;
display:block;
float: left;
_overflow: hidden;
width: 256px;
}
ul#qlinksCol {
float: left;
list-style-position:outside;
_list-style-position:inside;
list-style: url(../img/quicklink_bullet.gif);
_margin-left: -0em;
_margin-right:1em;
_padding-left: 5px;
}
ul#qlinksCol.lastCol {
border: none;
}
ul#qlinksCol.firstCol {
margin-left: 1em;
_margin-left: 0em;
list-style-position:inside;
}
ul#qlinksCol li {
margin: 0 0 3px 0;
padding-left: 5px;
}
ul#qlinksCol a {
color:#d0344b;
text-decoration: none;
font-size: 0.9em;
}
	
/* Contact Us
--------------*/
body.contact dl {
margin: 10px;
padding-bottom: 10px;
}

body.contact dt {
color: #d0344b;
}

body.contact dd {
margin: 5px 0;
}

	

/* Listings
------------*/
body.listing .property {
margin: 8px 2px;
float: left;
overflow: hidden;
width: 304px;
height: 320px;
}

body.listing .property .image {
display: block;
float: left;
margin-bottom: 1px;
width: 304px;
height: 228px;
}

body.listing .property .details {
float: left;
width: 304px;
height: 25px;
background-color: #9c9999;
color: #fff;
margin-bottom:1px;
}

body.listing .property .features {
float: left;
background-color: #e4e6e6;
color: #000;
height: 65px;
width: 304px;
}

body.listing .property .details h2 {
font-size: 1.1em;
text-transform:uppercase;
float: left;
margin: 4px 0 4px 8px;
}
body.listing .property .details .icons {
float: right;
margin: 4px 4px 4px 0;
}
body.listing .property .details .icons li {
width: auto;
float: left;
font-weight: bold;
font-size: 1em;
}
body.listing .property .details .icons li img{
margin-right: 2px;
margin-left:3px;
}

body.listing .property .features h3 {
font-size: 0.9em;
margin-bottom: 2px;
font-weight: normal;
float: left;
margin: 8px 0 0 8px;
}

body.listing .property .features p {
margin: 8px 0 4px 8px;
_margin: 8px 0 4px 14px;
font-weight:bold;
}

body.listing .property .features a {
float: right;
margin: 8px 8px 4px 0;
_margin: 8px 14px 4px 0;
font-size: 0.9em;
color: #d0344b;
text-decoration:none;
}
body.listing .property .features a:hover {
color: #DD0000;
}


/* Search */
body.listing form#filter {
height: 54px;
background-color: #e4e6e6;
border: none;
padding: 10px;
}

body.listing form#filter label {
float: none;
display: none;
width: auto;
font-size: 0.9em;
font-weight: bold;
}
body.listing form#filter h2 {
color: #231f20;
margin: 5px 0 10px 0;
padding: 0;
font-size: 1em;
}

body.listing form#filter select {
width: 100px;
display: block;
font-size: 0.9em;
}
body.listing form#filter select#qs_property-type,
body.listing form#filter select#qs_suburb {
width: 140px;
}

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

body.listing form#filter input {
float: left;
height: 18px;
width: 65px;
font-size: 0.9em;
background-color: #d0344b;
border: 1px solid #231f20;
color: #fff;
cursor:pointer;
}
body.listing #topLinks {
clear: both;
height: 10px;
width: 100%;
padding:15px 0;
}
body.listing #topLinks p.order {
text-align: left;
width: auto;
float: left;
}
body.listing #topLinks p.saveSearch {
text-align:right;
width: auto;
}

body.listing p.pagebar {
font-size: 0.9em;
padding-top: 10px;
text-align: left;
clear:both;
}
body.listing p.pagebar a,
body.listing #topLinks p.order a,
body.listing #topLinks p.saveSearch a {
color:#d0344b;
text-decoration:none;
}
body.listing p.pagebar a:hover,
body.listing #topLinks p.order a:hover,
body.listing #topLinks p.saveSearch a:hover {
color:#090000;
}

/* Property detail
-------------------*/

body.detail #leftDetails {
width:310px;
float: left;
}
body.detail #rightDetails {
overflow: auto;
_width:600px;
margin:0;
padding:0;
}
body.detail #leftDetails img.mainImg{
width: 304px;
float: left;
margin: 0 0 4px 0; 
}
body.detail #leftDetails img.subImg{
width: 150px;
float:left;
margin: 0 4px 4px 0; 
}

body.detail #content h2 {
padding: 8px 0;
margin-bottom: 5px;
font-size: 1.1em;
font-weight: bold;
color: #333;
text-transform:uppercase;
}
body.detail #content h3 {
font-size: 0.9em;
color: #000;
margin-bottom: 5px;
padding: 0 0 8px 0;
}
body.detail #content h3 strong {
text-transform: uppercase;
}
body.detail #content h4 {
font-size: 0.9em;
color: #d0344b;
margin-bottom: 5px;
padding: 0 0 8px 0;
}

body.detail #content .icons {
float: right;
margin: 18px 4px 4px 0;
}
body.detail #content .icons li {
width: auto;
float: left;
font-weight: bold;
font-size: 1em;
}
body.detail #content .icons li img{
margin-right: 6px;
margin-left:8px;
}
body.detail #agentDetails {
overflow: auto;
margin:0;
background:#e4e6e6;
}
body.detail #agentDetails h3{
background:#9c9999;
color: #fff;
font-size:0.9em;
padding:6px;
}
body.detail #agentDetails dl {
margin:15px;
width:462px;
overflow: auto;
}
body.detail #agentDetails dt,
body.detail #agentDetails dd  {
margin-bottom:10px;
float:left;
font-size: 0.9em;
}
body.detail #agentDetails dt {
clear:left;
}
body.detail #agentDetails dd {
float:none;
}
body.detail #agentDetails dt img{
width: 62px;
margin-right:15px;
}
body.detail #agentDetails dd {
width: 350px;
}
body.detail #agentDetails dd strong {
display:block;
margin-bottom:10px;
}
body.detail #agentDetails dd a,
body.detail ul#toolslist li a {
color:#d0344b;
text-decoration:none;
}
body.detail #agentDetails dd a:hover,
body.detail ul#toolslist li a:hover {
color:#090000;
}
body.detail #agentDetails dd p {
margin-bottom: 3px;
}
body.detail ul#toolslist {
margin: 10px 0;
}
body.detail ul#toolslist li {
float: left;
padding: 0 8px;
border-left: 1px solid #000;
font-size: 0.9em;
}
body.detail ul#toolslist li.first {
border: none;
}

/* Property detail printfriendly
---------------------------------*/

html.brochure,
body.brochure {
background-image: none;
background-color: #fff;
}
body.brochure #header{
width: 584px !important;
background-image:none;
}
body.brochure #wrap {
width: 584px !important;
background-image: none;
background-color: #fff;
height: 100%;
}
body.brochure #main {
background-image: none !important;
}			
body.brochure #content {
background-image: none !important;
float: none !important;
width: 584px !important;
overflow: hidden;
height: auto;
}
body.brochure #content h4 {
clear: both;
display: block;
font-size: 0.9em;
color: #d0344b;
margin-bottom: 5px;
padding: 8px 0 8px 0;
}
body.brochure #content .icons {
float: none;
display:block;
clear: both;
width: 100%;
margin: 0px 4px 8px 0;
}
body.brochure #leftDetails {
width:308px;
float: left;
}
body.brochure #rightDetails {
overflow: hidden;
height: auto;
_width:262px;
_float: right;
margin:0;
padding:0;
}
body.brochure #leftDetails img.mainImg{
width: 304px;
float: left;
margin: 0 0 4px 0; 
}
body.brochure #leftDetails img.subImg{
width: 150px;
float:left;
margin: 0 4px 4px 0; 
}
body.brochure #agentDetails {
overflow: hidden;
height: auto;
_width:282px;
}

body.brochure #agentDetails dl {
margin:15px;
width:262px;
overflow: hidden;
height: auto;
}
body.brochure #agentDetails dd {
width: 150px;
}
	
/* Staff 
---------*/
/*
body#staff dl.staffmember {
width: 450px;
margin: 10px 5px;
padding-bottom: 10px;
float: left;
height: auto;
display: inline;
border-bottom: 1px solid #ddd;
}

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

body#staff dl strong {
	color: #22243D;
}
body#staff dl dt.name {
font-size: 1.1em;
font-weight: bold;
color: #333;
text-transform:uppercase;
}
body#staff dl dd.position {
margin-bottom: 5px;
font-weight: bold;
font-style: italic;
color: #666;
}

body#staff dl dd.contact {
margin-top: 5px;
}
body#staff dl a {
color:#d0344b;
text-decoration:none;
}
body#staff dl a:hover {
color:#090000;
}
*/
/* Slideshow
-------------*/

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

body.slideshow #header {
width: 100%;
margin-bottom: 10px;
background-image: none;
text-align:left;
}

body.slideshow #content,
body.slideshow form,
body.slideshow table {
width: 850px;
}
body.slideshow #header img {
float: left;
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
------------------*/

body.emailafriend {
background-image: none;
background-color: #fff;
text-align: left;
}

body.emailafriend #content {
width: 100%;
margin: 0 10px;
}

body.emailafriend #header {
background-image: none;
}

body.emailafriend form label {
width: 200px;
}

/* OFI & Auction Lists
------------------------------------------------------------------------*/ 

body.auction #content h2,
body.ofi #content h2 {
color: #d31145;
text-transform: uppercase;
font-size: 1em;
margin-bottom: 7px;
padding: 18px 7px 3px 7px;
clear:both;
display:block;
border-bottom: 1px solid #ccc;
}

body.auction #content dl,
body.ofi #content dl {
float: left;
height: auto;
padding: 5px 0px;
}
body.auction #content dl.stripe,
body.ofi #content dl.stripe {
background-color: #f4f4f4;
}

body.auction #content dt,
body.ofi #content dt {
width:400px;
float:left;
margin-left: 10px;
}
body.auction #content dt strong,
body.ofi #content dt strong {
color: #d31145;
}

body.auction #content dd.time,
body.ofi #content dd.time {
width:150px;
float:left;
text-align:center;
margin-top:7px;
}

body.auction #content dd.link,
body.ofi #content dd.link {
width:100px;
float:right;
height: auto;
font-weight: bold;
margin-top:7px;
margin-right: 10px;
}

body.ofi #content dl.links dt {
font-size: 1em;
text-transform: uppercase;
font-weight:bold;
color: #d31145;
margin: 0;
padding: 0;
float: none;
}
body.ofi #content dl.links dd {
float:none;
height: auto;
}
body.ofi #content dl.links dd.linkOut {
width:auto;
float:right;
height: auto;
font-weight: bold;
margin-top:7px;
}

body.ofi #content h2.linksCat {
color: #d31145;
text-transform: uppercase;
font-size: 1em;
margin-bottom: 7px;
padding: 18px 7px 3px 7px;
clear:both;
display:block;
border-bottom: 1px solid #ccc;
}


/* Staff List
------------------------------------------------------------------------*/ 

html#staffDetails #content dl.staffmember {
overflow: auto;
height: auto;
_height: 1%;
float: left;
width: 450px;
_width: 440px;
padding: 9px 4px;
border-bottom: 1px solid #CCC;
height: 210px;
margin: 0 3px;
}

html#staffDetails #content dt {
float: left;
}
html#staffDetails #content dt img {
width: 160px;
border: 1px solid #CCC;
margin: 0px 10px 0px 0;
}

html#staffDetails #content dd {
margin: 0px 0px 3px 0px;
}
html#staffDetails #content dd.name {
font-size: 1em;
font-weight: bold;
display:block;
text-transform: uppercase;
}
html#staffDetails #content dd.position {
font-style: italic;
}
html#staffDetails #content dd.more {
margin-top: 5px;
}
html#staffDetails #content dd.more a {
font-weight: bold;
text-decoration: none;
}

/* Staff Details
------------------------------------------------------------------------*/ 

html#staffDetailPage #content dl.staffmember {
overflow: auto;
height: auto;
_height: 1%;
display: block;
padding: 9px 4px;
clear:both;
}

html#staffDetailPage #content .photo {
display:block;
}
html#staffDetailPage #content .photo img {
width: 160px;
float: left;
border: 1px solid #CCC;
margin: 0px 10px 0px 0;
}

html#staffDetailPage #content .moreDetails {
margin: 0px 0px 3px 0px;
width: 420px;
overflow: auto;
}

html#staffDetailPage #content h2.name {
font-size: 1em;
font-weight: bold;
display:block;
text-transform: uppercase;
}
html#staffDetailPage #content p.position {
font-style: italic;
font-size: 1em;
margin: 2px 0;
}

html#staffDetailPage #content p.contact {
margin: 2px 0;
}

html#staffDetailPage #content p.email {
margin: 2px 0 10px 0;
}