/* =========== Base Stylesheet =========== */
/* Contents: structure, page layouts, menu */
/* ======================================= */
 
/* whitespace reset */
* {margin:0;padding:0;}
/* override annoying things */
a:focus {outline: none;}
a img {border: none;}
#main ul, #main ol {list-style-position: inside;}
 
/* Global structure
-------------------*/
body, html, #wrap {height: 100%;}
#wrap {width:925px; margin: 0 auto;}
#header {padding: 0 0px;}
body {
 background-image: url(/_img/bg_header.gif);
 background-repeat: no-repeat;
 background-position:center top;
 font-size: 76%; /* Global font-size */
 font-family: Arial, Helvetica, sans-serif;
 color: #201F0F;
}
#header
{
 padding:16px 0 8px 6px;
}
#insideHeader {
 background-color:#201F0F;
 width:913px;
 background-image: url(/_img/logo_top.gif);
 background-repeat: no-repeat;
 background-position: top right;
} 
#logo
{
 float:left;
 margin: 30px 0 0 15px;
 height:54px;
}
#main {
 clear:both;
 float:left;
 width:925px;
 border-top:6px solid #fff;
}
#goldCoast #main #content h1 {
	/*margin-bottom:-20px;*/
	padding:2px 0 7px 0;
	}
#goldCoast #main #content h2 {
	margin-top:30px;
	}
#goldCoast #main #content img {
	margin-top:13px;
	width: 170px;
	/*height: 150px;*/
	}
#goldCoast #main #content {
	line-height:1.4em;
	}
#goldCoast #main #subSection img.sideImg {
	width: 170px;
	height: 145px;
	border: none;
}
#suburbProfile #main #content img {
	border:1px solid #000;
	}
html #content {
 float:left;
 margin:15px 0 0 45px;
}
#dyn-heading-img {
	margin-bottom:15px;
	border:1px solid #000;
}
html#thickCol #content {
 width:620px;
}
html#thinCol #content {
 width:680px;
}
html#noCol #content {
 width:860px;
}
#footer {
 float:left;
 clear:left;
 width:620px;
 border-top:1px dashed #CCCCBA;
 padding:10px 0 10px 0;
 text-align: center;
 margin:10px 0 0 45px;
}
.clear {
	clear:both;
	height:1px;
	}
/* Page backgrounds
-------------------------*/
html#thickCol {
 background-image:url(/_img/bg_html_thick_col.gif);
 background-repeat:repeat-y;
 background-position: top center;
}
html#thinCol {
 background-image:url(/_img/bg_html_thin_col.gif);
 background-repeat:repeat-y;
 background-position: top center;
}
html#noCol {
 background-image:url(/_img/bg_html_no_col.gif);
 background-repeat:repeat-y;
 background-position: top center;
}
/* sub section
-------------------------*/
#subSection {
 margin:18px 20px 0 0;
 width:200px;
 float:right;
 text-align:left;
 line-height:1.3em;
}
#subSection dd,
#subSection dt {
margin-bottom: 5px;
}
#home #subSection {
 margin:22px 24px 0 0;
 width:197px;
}
#goldCoast #subSection,
#suburbProfile #subSection {
 float:right;
 margin:22px 18px 0 0;
 width:210px;
}
#goldCoast #subSection p,
#suburbProfile #subSection p {
 font-size:0.9em;
 margin:0 0 10px 3px;
}
#propertyDetails #subSection {
 margin:22px 17px 0 0;
 width:150px;
}
#listing #subSection {
 float:right;
 margin:23px 17px 0 0;
 width:150px;
}
#contact #content #contentDyn img {
 display: none;
}
#contact #content #contentDyn {
 /*position: relative;
 float: left;*/
}
#contact #content #contentImg {
 position: absolute;
 /*float: right;
 margin-left: 5px;*/
 margin-left: 320px;
 margin-top: -480px;
}
#contact #subSection {
 font-size:0.9em;
 margin:8px 17px 0 0;
 width:210px;
}
#contact #subSection h2 {
 width:210px;
}
#subSection img {
 border:1px solid #fff;
 margin-bottom:5px;
}
/* image
-------------------------*/
#dyn-img1, #dyn-img2 {
 border:1px solid #000;
 width: 170px;
}
#dyn-img1 {
 float:left;
 margin:5px 10px 5px 0;
}
#dyn-img2 {
 float:right;
 margin: 3px 0 5px 10px;
 width: 80px;
}
#dyn-img3 {
 border:1px solid #000;
 width: 80px;
 margin:5px 10px 5px 60px;
}
#content p,
#subSection p {
 margin-bottom: 10px;
 line-height:1.6em;
}
/* latest news
-------------------------*/
#news .newsitem h2 {
margin:20px 0 0 0;
}

/* Quick Search
-------------------------*/
body#home #subSection form
, body#goldcoast #subSection form {
display: block;
width: 195px;
}
 
body#home #subSection fieldset
, body#goldcoast #subSection fieldset {
border: none;
padding: 0;
}
 
body#home #subSection legend
, body#goldcoast #subSection legend {
font-weight: bold;
font-size: 1.1em;
margin-bottom: 10px;
padding-left: 0;
margin-left: 0;
color: #000;
}
 
body#home #subSection label
, body#goldcoast #subSection label {
font-size: 0.9em;
font-weight: bold;
float: none;
display: inline;
color: #000;
}
 
body#home #subSection p {
margin-bottom: 6px;
}
 
body#home #subSection select
, .qsinputbox {
width: 195px;
font-size: 0.9em;
}
.qsinputbox {
	padding:1px 2px;
}
 
body#home #subSection #qs_price select,
body#home #subSection #qs_rent_price select {
width: 89px;
}
 
body#home #subSection form #qs_st label {
padding-right: 5px;
width: auto;
float: none;
display: inline;
}
 
body#home #subSection form #qs_st input {
vertical-align: middle;
width: auto;
}
 
body#home #subSection form .submit{
text-align: right;
padding: 5px 0 0 0;
}
 
body#home #subSection form .submit input {
background-color: #57575A;
color: #fff;
border: 1px solid #fff;
}
 
body#home #emailalert {
clear: both;
}
 
body#home #emailalert img {
border: none;
float: left;
margin: 0 20px 0 0;
}

body#home #pow {
clear:both;
border:2px solid #b40002;
padding: 10px 15px 10px 10px;
margin-bottom:10px;
background-color:#f6f6f6;
}
body#home #pow h2,
body#home #emailalert h2 {
float:left;
width:100%;
border-bottom:1px solid #E3E3DA;
margin: 0 0 5px 2px;
padding-bottom:3px;
}

body#home #pow p {
width: 410px;
float: left;
clear: left;
padding-left: 5px;
margin-bottom: 10px;
}

body#home #pow .image img {
float: right;
border: 1px solid #000;
margin-top:5px;
}
body#home #propertyAlertLogo {
	float:left;
	 border:0;
}
#thinCol #footer {
 width:679px;
}
#noCol #footer {
 width:860px;
}
#footer p {
 font-size: 0.9em;
}
#footer,
#footer a:link,
#footer a:visited {
 color: #53556e;
 text-decoration: none;
}
#footer a:hover {
 color: #AA0002;
}
/* other links
------------------*/
#subSection a:link,
#subSection a:visited {
 color: #6B6B6B;
}
#subSection a:hover {
 color: #AA0002;
}
 
/* Typography
--------------*/
p {
 font-size: 1em;
}
 
h1 {
 font-size: 1.6em;
 margin-bottom:10px;
 padding-bottom:3px;
 border-bottom: 1px solid #E3E3DA;
}
 
h2 {
 font-size: 1.2em;
 margin-bottom: 10px;
}
#propertySummary h2 {
 border:0;
 margin-bottom:0px;
 font-size:1.3em;
 font-weight:bold;
 font-style:italic;
}
#subSection h2, #subSection dt {
 font-size: 1.3em;
 margin-bottom: 10px;
 padding-bottom: 2px;
 border-bottom: 1px solid #EAEAE3;
}
#subSection dt {
 margin:15px 0 10px 0;
 padding:0 0 4px 0;
 font-weight:bold;
}
 
#propertySummary h3
, #propertyDetails h3 {
 font-size:1em;
 font-weight:bold;
}
#thinCol #subSection h2 {
 font-size: 1.1em;
 font-style: italic;
}
 
legend {
 color: #22243d;
 font-weight: bold;
}
 
a:link,
a:visited {
 color: #B40002;
}
 
.red {
 color:#B40002;
}
 
/* Standard forms
------------------*/
form fieldset {
margin-bottom: 15px;
padding: 10px;
}
 
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 em span,
form .required {
color: #B40002;
font-weight: bold;
}
form #sp {
	width:210px;
	}
form #spID select {
width: 210px;
}

form fieldset#submit input {
background-color: #B40002;
border: 1px solid #B4CFD0;
color: #fff;
font-size:0.9em;
font-weight:bold;
}
 
/* Home 
---------*/
body#home #subSection form #submit input {
 font-size: 0.9em;
 font-weight: bold;
}
 
/* Property summary
---------*/
.property {
	margin: 5px 0 5px 0;
	}
.propertyClear {
	clear:both;
	width:100%;
	height:15px;
	border-bottom:1px solid #ccc;
}
.property img {
	float:left;
	}
#propertySummary {
 width:855px;
 float:left;
}
#propertySummary img {
 float:left;
 clear:left;
 width:152px;
 border:1px solid #000;
 margin-right:15px;
}
#propertySummary #propertyDescription {
 float:left;
 clear:none;
 width:530px;
 margin-right:15px;
}
#propertySummary #propertyPrice {
 float:right;
 font-weight:bold;
 font-style:italic;
 text-align:right;
 width:135px;
}
#propertyDivider {
 clear:both;
 margin-bottom:10px;
 width:855px;
 border-bottom: 1px solid #ededed;
 height:5px;
}
 
/* Property details
---------*/
#propertyDetails #content {
 width:680px;
 float:left;
}
 
#propertyDetails #left {
 float:left;
 width:242px;
 margin-right:20px;
}
#propertyDetails #left img {
 border:1px solid #000;
 margin-bottom:2px;
}
 
#propertyDetails #right {
 float:left;
 width:415px;
}
 
/* staff
---------*/
body#staff dl {
 border-bottom:1px solid #ddd;
 margin-bottom:15px;
 padding-bottom:15px;
 overflow: hidden;
}
body#staff dl.right {
float:right;}
 
body#staff dl dt.photo {
 float: left;
 margin-right: 10px;
 margin-bottom: 5px;
}
body#staff dl dt.photo img {
	display:block;
}
 
body#staff dl dd.position {
font-style:italic;
margin-bottom: 10px;
}
 
body#staff dl dd.description {
margin-top: 10px;
}
 
body#staff dl dd.contact {
margin-bottom: 2px;
font-size: 0.9em;
}
 
body.profile #content img {
float: left;
border: 1px solid #57575A;
display: block;
padding: 0 !important;
margin: 0 15px 10px 0;
}
body#staff dt.name {
 size:1.2em;
 font-weight:bold;
}
 
/* - - - ADxMenu: BASIC styles - - - */
 #menu_iframe {
    z-index: 30;
    position: absolute;
    display: none;
	width: 100px;
	height: 100px;
	margin-left: 10px;
}
 /*#menu_iframe:hover {
 	display: inline;
 }*/
 
.menu, .menu ul {
 z-index: 100;
 margin: 0;
 padding: 0;
 border: 0;
 list-style-type: none;
 display: block;
}
 #menu li {
 margin: 0;
 padding: 0;
 border: 0;
 display: block;
 float: left;
position: relative;
z-index: 40;
}

}
.menu li:hover {position: relative;}
.menu li li {width: 100%; z-index: 100;}
.menu li li ul {top: 0;left: 0; z-index: 100;}
.menu {font-size:0.95em;}
.menu li li:hover ul {left: 100%; z-index: 100;}
.menu ul {
 display: none;
 position: absolute;
 top:0px;
 left:-5px;
 z-index: 200;
}
.menu li:hover>ul {display: block;}
.menu:after, .menu ul:after {
 content: ".";
 height: 0;
 display: block;
 visibility: hidden;
 overflow: hidden;
 clear: both;
}
.menu, .menu ul {min-height: 0;}
.menu ul {
padding: 10px 30px 30px 30px;
margin: 12px 0 0 -25px;
width: 140px;
 /*background: #f00;*/  /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
}
 
/* Menu
---------*/
#menu {
 clear:left;
 width:908px;
 padding:6px 0 6px 5px;
 background-image: url(/_img/logo_bottom.gif);
 background-repeat: no-repeat;
 background-position: top right;
 background-color:#B40002;
 z-index: 100;
}
 
#menu a {
 border-right: 1px solid #fff;
 font-weight: bold;
 text-transform: lowercase;
 font-size: 0.95em;
 padding: 1px 10px 1px 10px;
 display:block;
 
}
#menu ul ul a {
background-color: #B40002;
padding: 2px 5px 4px 10px;
}
#menu li.last a
, #menu li li a {
 border: none;
}
 
#menu a:link
, #menu a:visited {
 color: #fff;
 text-decoration: none;
}
 
#menu a:hover
, #propertyDetails #subSection a:hover
, #propertyDetails #subSection a:visited {
 color: #201F0F;
}

/* Listings
------------*/

body#listing .property {
padding: 10px 0;
clear: both;
overflow: hidden;
}

body#listing h2 {
	font-size:1.1em;
	font-style:italic;
	margin-bottom:0;
}

body#listing h3 {
	font-size:0.95em;
}

body#listing .property .image {
display: block;
float: left;
border:1px solid #000;
}

body#listing .property .details {
float: left;
margin:0 0 0 20px;
width: 500px;
}

body#listing .property .features {
float: right;
width: 100px;
text-align:right;
}

body#listing .property .features img {
float:right;
vertical-align: bottom;
}

body#listing .property .details h3 {
margin-bottom: 2px;
}

body#listing .property .details p {
margin-bottom: 0 !important;
}

body#listing #filter {
height: 40px;
margin-bottom: 0px;
padding-bottom: 5px;
}

body#listing #filter label {
float: none;
display: block;
width: auto;
font-size: 0.9em;
font-weight: bold;
}

body#listing #filter select {
width: 85px;
display: block;
font-size: 0.9em;
}

body#listing #filter #qs_bedrooms {
width: 70px;
}

body#listing #filter p {
clear: none;
float: left;
margin-right: 6px;
}

body#listing #filter input {
width: auto;
padding: 1px 5px;
margin-top: 13px;
cursor: pointer;
}

body#listing p.pagebar {
font-size: 0.9em;
padding-top: 10px;
text-align: right;
clear:both;
}

body#listing #subSection li {
	list-style:none;
}
body#listing #subSection ul {
	margin-top:5px;
}

/* Property detail
-------------------*/

body.detail #content h2 {
padding: 3px 0;
margin-bottom: 5px;
}

body#listing #left img
, body#listing #left p {
	float:left;
	clear:left;
	width:260px;
	margin-bottom:3px;
}
body#listing #left {
	position: relative;
	float: left;
}
body#listing #left p {
	text-align:center;
	}
body#listing #left .images img {
	border:1px solid #000;
}

body#listing #mid {
	position: relative;
	float:right;
	width:400px;
}

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 #propertydetails {
width: 260px;
float: left;
margin-bottom: 20px;
}

body.detail #extradetails {
width: 244px;
float: left;
margin-bottom: 20px;
}

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;
clear: both;
}

body.detail dl.agentdetails img {
width: auto !important;
margin-right: 10px !important;
}

body#listing #subSection dt {
	font-size:1em;
	border-bottom:0;
	margin-bottom:0;
}
body#listing #subSection img {
	margin:-10px 0 0 0;
	
}
body#listing #mid h2 {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background-color:#f9f9f9;
	padding-left:3px;
}
body#listing ul#toolslist {
	/*margin-left:-15px;*/
	}

	

/* Property detail printfriendly
---------------------------------*/

html.brochure,
body.brochure {
background-image: none;
background-color: #fff;
}
body.brochure #wrap {
width: 525px !important;
background-image: none;
background-color: #fff;
height: 100%;
}
body.brochure #main {
background-image: none !important;
width:auto;

}			
body.brochure #content {
background-image: none !important;
float: none !important;
margin:0;
width:525px;
}
body.brochure #header {
background-image: none;
padding:5px 0 5px 0;
height: auto;
}
body.brochure #propertydetails {
background-image: none;
width: 230px;
}
body.brochure #extradetails img {
display: block;
float: left;
}
body.brochure #extradetails {
width: 260px;
}

body#brochure #left  {
	float:left;
	clear:left;
	width:170px;
}
body#brochure #left .images {
	float:left;
	clear:left;
	width:170px;
}

body#brochure #left .images img {
	border:1px solid #000;
}

body#brochure #mid {
	float:left;
	width:340px;
}
body#brochure #left dt {
	font-weight:bold;
}

/* Email a friend
------------------*/

body.emailafriend {
text-align: left;
background-image:none;
}

body.emailafriend #header,
body#slideshow #header {
	background-color:#000;
	border-bottom:10px solid #a70002;
	background-image:none;
}

body.emailafriend #header {
	width:670px;
	
	margin:5px 0 0 55px;
	height: 15px;
	/*padding:5px 0 0 5px;*/
}

body.emailafriend #header img,
body#slideshow #header img {
float: left;
margin-top: -10px;
}


body.emailafriend #content {
float: none;
padding-left: 10px;
width: 670px;
}

/* Slideshow
-------------*/

body.slideshow {
text-align: center;
background-image:none;
}

body#slideshow #wrap {width:800px; margin: 0 auto;}

body.slideshow #header {
float:left;
width:795px;
background-color:#231f0f;
margin-bottom: 10px;
}

body.slideshow #header img.left {
float: left;
margin: 0 0 10px 5px;
}
body.slideshow #header img.right {
float: right;
margin: 0 0 10px 5px;
}

body.slideshow table img {
display: block;
width: auto;
margin: 20px auto;
}

body.slideshow input {
width: auto;
}

body.slideshow table {
margin: 0 auto;
}


/* Site map
---------------------------------*/
#commercialListSiteMap {
	list-style:disc;
	margin-left:15px;
}
#slideshow#header {
	float:left;
	background-color:#000;
}


/* Property Alert 
---------*/

body.alert #Register .tabs,
body.alert #login .tabs {
height : 24px;
border-bottom : 1px solid #acbde4;
margin-bottom : 10px;
}
body.alert #Register .tabs .on,
body.alert #login .tabs .on,
body.alert #Register .tabs .off,
body.alert #login .tabs .off {
width : 60px;
background-color : transparent;
border-top : 1px solid #acbde4;
border-right : 1px solid #acbde4;
border-left : 1px solid #acbde4;
padding : 4px;
margin-right : 5px;
float : left;
color : #c86e20;
font-weight : bold;
text-transform : uppercase;
}
body.alert #Register .tabs .on,
body.alert #login .tabs .on {
background-color : #efefef;
}
body.alert #Register .tabs .long,
body.alert #login .tabs .long {
width : 130px;
}
body.alert #Register form,
body.alert #login form {
width : 500px;
}

body.alert img.logo-alert {
display : block;
float : right;
margin : 0 0 10px 10px;
}

body.alert ul#alertmenu {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
margin-bottom : 15px;
}
body.alert #alertmenu li {
display: inline;
list-style-type: none;
}
body.alert #alertmenu a {
}
body.alert #alertmenu a:link,
body.alert #alertmenu a:visited {
width: auto;
padding: 3px 10px;
cursor: pointer;
background-color: #faa41b;
border: none;
color: #fff;
text-transform : uppercase;
}
body.alert #alertmenu a:hover {
color: #acbde4;
background-color: #efefef;
text-decoration: none;
}

body.alert #wishlist_requirements select#csbedrooms,
body.alert #wishlist_requirements select#csbathrooms,
body.alert #wishlist_requirements select#csparking,
body.alert #wishlist_requirements input#cspricefrom,
body.alert #wishlist_requirements input#cspriceto,
body.alert #wishlist_requirements select#csminsize,
body.alert #wishlist_requirements select#csmaxsize,
body.alert #wishlist_requirements select#csstate,
body.alert #wishlist_requirements select#cssurrounding {
width : 80px;
}
body.alert #wishlist_requirements em.note {
margin-left : 150px;
margin-bottom : 10px;
font-style : italic;
clear : left;
float : left;
}

body.alert table#alertstyles {
width : 800px;
font-size: 1.0em;
}
body.alert table#alertstyles .line {
padding-top : 2px;
border-top : 1px solid #acbde4;
}
body.alert table#alertstyles .inputbox {
color : #666;
font-size : 1.0em;
width : 200px;
}
body.alert table#alertstyles .button {
background-color: #273e72;
color : #fff;
font-size : 1.0em;
width : 90px;
margin : 1px;
}
body.alert table#alertstyles select.inputbox1 {
font-size : 1.1em;
width : 120px;
}
body.alert table#alertstyles select.inputbox2 {
font-size : 1.1em;
width : 90px;
}
body.alert #wishlist_general {
width: 500px;
}

body.alert #wishlist_requirements {
width: 800px;
}
/* Standard forms
------------------*/

form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #acbde4;
}

p span.required,
form em span,
form .required {
color: #b90000;
font-weight: bold;
}

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;
background-color: #B40002;
border: none;
color: #fff;
font-weight : bold;
}

/* Suburb Profiles
------------------*/
.sidebartitle {
	display:none;
	}
#goldCoast img {
	border:1px solid #000;
	}
.features img {
	margin-left:5px;
	}