/* 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: #21409A;
}
a:hover {
color: #9FBB33;
}

/* headings */
h1 {
color:#21409A;
font-size: 1.2em;
margin-bottom: 15px;
}
h2 {
color:#9FBB33;
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:#CEE37E;
}
#wrap {
border-left:0px solid #e0dcdd;
border-right:0px solid #e0dcdd;
border-bottom:0px solid #e0dcdd;
width:757px;
margin:0 auto;
}
#header {
background-color:#B4D63A;
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;
}
#content {
padding:13px 5px;
width:572px;
margin: 0 0 0 175px;
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:#B4D63A;
clear: both;
padding: 10px 0 20px 0; 
text-align: center;
}
#footer p {
font-size: 0.9em;
}
#footer,
#footer a:link,
#footer a:visited {
color: #253CA2;
text-decoration: none;
}
#footer a:hover {
color: #FFF;
}

/* 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 #C2E044;
padding:4px 15px;
width:127px;
height:17px;
display:block;
}
.menu a:link,
.menu a:visited {
color: #21409A;
text-decoration: none;
}
.menu a:hover,
.menu a.dropdown {
opacity:0.75;
color: #21409A;
border: 1px solid #21409A;
}
.menu li ul a:link, 
.menu li ul a:visited {
background-color:#B5D439;
color: #21409A;
margin-left:0px;
text-transform:none;
display:block;
width: 150px;
font-size:0.9em;
background-image:none !important;
}
.menu li ul.last a:link, 
.menu li ul.last a:visited {
border-bottom:1px solid #fff;
}
.menu li li {
padding: 0;
margin:0;
}
.menu li ul.last a:hover,
.menu li ul a:hover {
color:#fff;
background-color:#21439C;
opacity:1;
}

/* 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 #D0E27E;
}
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: #B5D439;
/*background-image: url(/_lib/starter/002/img/bg_buttons.gif);
background-repeat: repeat-x;
background-position: top left;*/
border:1px solid #B5D439;
color:#21409A;
cursor: pointer;
width: auto !important;
padding: 4px 10px;
}
form em span,
form .required {
color: #86C87E;
font-weight: bold;
}

/* Popups
--------- */
html.popup #content {
background-color:#fff;
background-image: none;
padding:15px;
margin:0 auto;
padding:0 auto;
}
html.popup,
html.popup body,
body.slideshow {
background-image: none;
background-color: #FFF;
text-align: left;
}
html.popup body #header,
body.slideshow #header {
background-image: none;
background-color: #B4D63A;
}
html.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 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;
}

/* Quicksearch */
body#home #subContent legend {
color:#21409A;
}
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 {
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 #D0E27E;
margin-top:10px;
padding:5px;
}
body#home #subContent #right h2 {
font-size:1.2em;
color: #21439C;
}
body#home #subContent #right a {
color:#21439C;
border:1px solid #B5D439;
background-color: #B5D439;
/*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 #B5D439;
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 #BBD737;
}
body#home #mainContent #pow dd.mainHeading {
color: #21409A;
}
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 {
color:#21409A;
background-color: #B5D439;
/*background-image: url(/_lib/starter/002/img/bg_buttons.gif);
background-position: top left;
background-repeat: repeat-x;*/
border:1px solid #B5D439;
text-decoration: none;
float: right;
margin: 10px 0 0 0;
clear:both;
}

/* 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 #filter select {
width: 80px;
}
#search #filter select#qs_property-type,
#search #filter 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
----------------- */
html.brochure #wrap {
border: none;
}
html.brochure #wrap #content {
margin: 0;
}
html.brochure #wrap #detail #addressbar {
clear:none;
height: 40px;
}
html.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;
}