/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Arial, Helvetica, sans-serif;
color:#646464;
}
p,
div.text {
font-size: 1em;
margin-bottom: 10px;
}
div.text p {
font-size: 1em; /* font-size fix within text div */
}
dl,
ul,
ol,
form input, 
form textarea,
form select {
font-size: 1em;
font-family: Arial, Helvetica, sans-serif; /* Used to fix font issue with textarea */
}
div.text ul,
div.text ol {
margin: 0 0 10px 30px;
list-style: disc;
font-size: 1em; /* font-size fix within text div */
}
div.text ol {
list-style: decimal;
}
a:link,
a:visited {
color: #016798;
}
a:hover {
color: #6599cd;
}

/* headings */
h1 {
color:#006697;
font-size: 1.2em;
margin-bottom: 15px;
}
h2 {
color:#006697;
font-size: 1.1em;
margin-bottom: 10px;
}
div.text h2 {
font-size: 1.1em; /* font-size fix within text div */
}
h3 {
font-size: 1.1em;
margin-bottom: 3px;
}
div.text h3 {
font-size: 1.1em; /* font-size fix within text div */
}

/* Structure 
------------ */
body,
html {
background-color:#e5e5e5;
}
#wrap {
border-left:1px solid #e0dcdd;
border-right:1px solid #e0dcdd;
border-bottom:1px solid #e0dcdd;
width:757px;
margin:0 auto;
}
#header {
background-color:#000;
height:95px;
position: relative;
}
#main {
background-color:#fff;
background-image: url(/_lib/starter/002/img/bg_main.gif);
background-repeat: repeat-y;
background-position: top left;
}
#main .container {
background-image: url(/_lib/starter/002/img/bg_container.gif);
background-repeat: no-repeat;
background-position: top left;
}
#content {
padding:13px 5px;
width:572px;
margin: 0 0 0 175px;
background-color:#fff;
background-image: url(/_lib/starter/002/img/bg_content.gif);
background-repeat: repeat-x;
background-position: top left;
}
#mainContent {
width:401px;
float:left;
margin:0 10px 0 0;
}
#subContent {
width:160px;
float:left;
margin:0;
overflow:hidden;
}
.break {
clear: both;
}

/* Header
--------- */
#header img.banner {
position: absolute;
right: 0;
top: 0;
}
#header img#logo {
margin:0;
display:block;
}

/* Footer
--------- */
#footer {
background-color:#000;
clear: both;
padding: 10px 0 20px 0; 
text-align: center;
}
#footer .container {
background-image:none;
}
#footer p {
font-size: 0.9em;
}
#footer,
#footer a:link,
#footer a:visited {
color: #fff;
text-decoration: none;
}
#footer a:hover {
color: #6599cd;
}

/* Dropdown menu
-----------------*/
#menu {
width:175px;
float:left;
background-color: transparent;
background-image: url(/_lib/starter/002/img/bg_menu.gif);
background-position: top left;
background-repeat: repeat-x;
}
#menu ul.menu {
list-style-position:outside;
}
.menu {
width: 165px;
margin: 8px 0 8px 10px;
}
.menu li {
padding:0;
margin:0 0 3px 0;
height:25px;
}
.menu a {
background-color: transparent;
background-image: url(/_lib/starter/002/img/bg_buttons.gif);
background-repeat: repeat-x;
background-position: top center;
border: 1px solid #adbac2;
padding:4px 15px;
width:127px;
height:17px;
display:block;
}
.menu a:link,
.menu a:visited {
color: #016798;
text-decoration: none;
text-transform: capitalize;
}
.menu a:hover,
.menu a.dropdown {
font-weight:bold;
}
.menu li ul a:link, 
.menu li ul a:visited {
background-color:#000;
color:#fff;
margin-left:0px;
border-bottom: none;
display:block;
width: 150px;
font-size:0.9em;
background-image:none !important;
text-transform: capitalize;
}
.menu li ul li.last a:link, 
.menu li ul li.last a:visited {
border-bottom:1px solid #adbac2;
}
.menu li li {
padding: 0;
margin:0;
}
.menu li ul li.last a:hover,
.menu li ul a:hover {
color:#fff;
background-color:#adbac2;
}

/* Standard forms
------------------*/
form textarea, input, select{
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
}
form legend {
color: #666;
font-weight: bold;
}
form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #ddd;
}
form li {
list-style-type: none;
}
form label {
display: block;
float: left;
width: 180px;
margin-right: 10px;
margin-bottom: 5px;
color: #666;
}
form input {
width: 250px;
}
form textarea {
width: 250px;
}
form select {
width: 254px;
}
form input.radio {
width: 30px;
}
form p {
clear: both;
}
form fieldset#submit,
form fieldset.submit {
border: none;
padding: 0;
text-align: right;
}
form fieldset#submit input,
form fieldset.submit input,
form input.button,
a.button {
background-color: transparent;
background-image: url(/_lib/starter/002/img/bg_buttons.gif);
background-repeat: repeat-x;
background-position: top left;
border:1px solid #AEB8C1;
color:#006699;
cursor: pointer;
width: auto !important;
padding: 4px 10px;
}
form em span,
form .required {
color: #016798;
font-weight: bold;
}

/* Popups
--------- */
body.popup #content {
background-color:#fff;
background-image: none;
border:1px solid #E0DCDD;
padding:15px;
margin:0 auto;
}
body.popup {
background-image: none;
background-color: #e5e5e5;
text-align: left;
}
body.popup #header,
body.slideshow #header {
background-image: none;
background-color: #000;
}
body.popup #header img,
body.slideshow #header img {
float: none;
}

/* Slideshow */
body.slideshow form input.button {
margin-right: 2px;
margin-top: 10px;
margin-bottom: 10px;
}
body.slideshow #header img {
display: block;
margin: 0 auto;
}
body.slideshow table {
text-align:center;
width: 100%;
}
body.slideshow table img {
display: block;
width: auto;
margin: 20px auto;
border: 1px solid #333;
}

/* Homepage
----------- */
body#home #subContent {
width:150px;
margin:40px 0 0 0;
}
body#home #content img#dyn-img2 {
float: left;
margin: 0 20px 10px 0;
}

body#home #reiq {
width:99px;
margin:25px auto;
}

/* Quicksearch */
body#home #subContent legend {
color:#01669A;
}
body#home #subContent #quicksearch label {
float: none;
margin-right: 0;
white-space: nowrap;
}
body#home #subContent #quicksearch p {
margin-bottom: 5px;
}
body#home #subContent #quicksearch select {
width: 150px;
}
body#home #subContent #quicksearch #qs_price select,
body#home #subContent #quicksearch #qs_rent_price select,
body#home #subContent #quicksearch #qs_size select {
width: 66px;
}
body#home #subContent #quicksearch fieldset#submit {
padding: 0 0 0 0;
}

/* Property Alert Spill */
body#home #subContent #right {
color:#666;
border:1px solid #E1E1E1;
margin-top:10px;
padding:5px;
}
body#home #subContent #right h2 {
font-size:1.2em;
}
body#home #subContent #right a {
color:#006697;
border:1px solid #b4bec7;
background-color: transparent;
background-image: url(/_lib/starter/002/img/bg_buttons.gif);
background-position: top left;
background-repeat: repeat-x;
width:131px;
display:block;
padding:5px;
margin-bottom:5px;
text-align:center;
text-decoration:none;
}

/* Feature Property */
body#home #mainContent h2.featureProperty {
background-color: transparent;
background-image: url(/_lib/starter/002/img/fpTitle.gif);
background-position: top left;
background-repeat: no-repeat;
height:25px;
text-indent:-9999em;
}
body#home #mainContent #left {
border:1px solid #E1E1E1;
margin-bottom:5px;
padding:8px;
overflow: auto;
}
body#home #mainContent #pow dt {
float:left;
padding-right:10px;
}
body#home #mainContent #pow dt img {
border:1px solid #E1E1E1;
}
body#home #mainContent #pow dd.mainHeading {
color: #016798;
}
body#home #mainContent #pow dd.bedbathcar {
font-weight: bold;
padding: 5px 0;
}
body#home #mainContent #pow dd.bedbathcar img {
vertical-align:top;
margin: 0 8px;
}
body#home #mainContent #pow dd.address{
text-transform:uppercase;
}
body#home #mainContent #pow dd.moredetails a {
background-color:#6C9D31;
background-image: url(/_lib/starter/002/img/bg_buttons.gif);
background-repeat: repeat-x;
background-position: top left;
border:1px solid #ACB9C2;
text-decoration: none;
float: right;
margin: 10px 0 0 0;
}

/* Property Alert
----------------- */
body.alert #wrap #content form li span {
float: left;
width: 180px;
font-size: 0.9em;
color: #999;
clear:left;
margin: -5px 0 10px 0;
}
body.alert #wrap #content #alertmenu a {
padding: 5px 15px;
}

/* Staff List
------------- */
#wrap #staff dl {
clear: none;
}

/* Contact Us
------------- */
div#feedbackForm form p label {
width: 120px;
}
div#feedbackForm form p input,
div#feedbackForm form p textarea {
width: 230px;
}

/* Market Appraisal Form
------------------------ */
div#appraisalForm #faddress,
div#appraisalForm #fpropertyaddress,
div#appraisalForm #freason,
div#appraisalForm #fdescription {
width: 340px;
}

/* Maintenance Request Form
--------------------------- */
div#maintenanceRequest #fdescription {
width: 340px;
}

/* Search Form
-------------- */
#wrap #form form #left,
#wrap #form form #mid,
#wrap #form form #right {
width:162px;
padding: 20px 10px 0 10px;
}
#wrap #form form select {
width:162px;
}
#wrap #form form #mid select#priceFrom,
#wrap #form form #mid select#priceTo,
#wrap #form form #mid select#sizeFrom,
#wrap #form form #mid select#sizeTo {
width: 77px;
}
#wrap #form form #left p.note {
font-size: 0.9em;
color: #ccc;
line-height: 100%;
}

/* Listings
------------*/
/* Filter */
#search #filterContainer select {
width: 80px;
}
#search #filterContainer select#qs_property-type,
#search #filterContainer select#qs_suburb {
width: 90px;
}
/* Properties */
#search .property {
clear:none;
}
#search .property .details {
width: 240px;
}

/* Details
---------- */
#wrap #detail #addressbar {
clear: none;
}
#wrap #detail #propertydetails {
width: 330px;
}
#wrap #detail #extradetails {
width: 235px;
}
#wrap #detail #extradetails img {
width: 113px;
}
#wrap #detail #extradetails img#mainimage {
width: 230px;
}
#wrap #detail #addressbar div {
margin: 40px 0 10px 0;
}
#wrap #detail #propertydetails form p label {
width: 100px;
}
#wrap #detail #propertydetails form p input,
#wrap #detail #propertydetails form p textarea {
width: 170px;
}

/* Print Brochure
----------------- */
body.brochure #wrap {
border: none;
}
body.brochure #wrap #content {
margin: 0;
}
body.brochure #wrap #detail #addressbar {
clear:none;
height: 40px;
}
body.brochure #wrap #detail #addressbar div {
margin-top: 0;
}

/* Inspections & Auctions List
------------------------------ */
#wrap #inspection dl,
#wrap #auction dl {
clear: none;
}
#wrap #auction dt {
width: 220px;
}
#wrap #auction dd.time {
width: 120px;
}