/* ============= CSS Reset ============= */
/* Makes browsers behave!                */
/* ===================================== */

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,th,td { 
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

img, a img { 
border:0;
}

ul {
list-style-type: circle;
}

ol{
list-style-type: decimal;
}

caption,th {
text-align:left;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border:0;
}

a:focus {
outline: none;
}

#main ul, #main ol {
list-style-position: inside; 
}

/* ============= Utility Stuff ============= */
/* Handy stuff!
/* ==================================== */
.break,
.clear {
clear:both;
}

.uppercase {
text-transform: uppercase;
}

.required {
font-weight: bold;
}


/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Arial, Helvetica, sans-serif;
}
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,
div#content ul,
div#content ol {
margin: 0 0 10px 30px;
list-style: disc;
font-size: 1em; /* font-size fix within text div */
}
div.text ol {
list-style: decimal;
}

/* Headings */
h1 {
font-size: 1.5em;
margin-bottom: 15px;
}
h2 {
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 */
}
a:hover {
text-decoration:none;
}

a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
}

/* Structure 
------------ */
body,
html {
height: 100%;
}
#wrap {
min-width: 523px; 
max-width: 998px;
/* ie fix in ie style sheet */
margin: 0 auto;
}

#main {
clear: both;
}
#content {
padding: 1% 2%;
}

html.nocol #content {
width: auto;
display: block;
float: none;
}

/* footer */
#footer {text-align:center; padding:5px; clear:both;}

body.unFramed #footer {background-color:#8c1130; color:#fff; position:absolute; top:0; left:0; padding:1% 0; width:100%; border-bottom:3px solid #efefef; }
body.unFramed #footer a {color:#fff;}
body.unFramed {padding-top:55px;}

/* Standard forms
------------------*/
form textarea, input, select{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
legend {
font-weight: bold;
}
form fieldset {
margin-bottom: 15px;
padding: 10px;
}
form li {
list-style-type: none;
}
form label {
display: block;
float: left;
width: 180px;
margin-right: 1%;
margin-bottom: 5px;
}
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 {
width: auto !important;
padding: 4px 10px;
cursor: pointer;
border: none;
}
form em span,
form .required {
font-weight: bold;
}

/* Popups
---------*/
html.popup, 
html.popup body {
text-align: left;
}
html.popup #header img,
body.slideshow #header img {
float: none;
}

/* Slideshow
-------------*/
html.slideshow, 
body.slideshow {
background-image: none;
height:auto;
}
body.slideshow #header img {
margin: 0 auto;
}
body.slideshow table {
text-align:center;
width: 100%;
}
body.slideshow table img {
margin: 10px auto;
display: block;
}
body.slideshow input {
margin-top: 10px;
width: auto;
}
body.slideshow form input.button {
margin-right: 1px;
}




/* Listings
------------*/
/* Filter */
#search #filter {
padding: 10px;
margin-bottom: 5px;
}
#search #filter label {
float: none;
display: block;
width: auto;
font-size: 0.9em;
font-weight: bold;
}
#search #filter select {
width:100%;
display: block;
font-size: 0.9em;
text-transform: capitalize;
}
#filter select option {
text-transform: capitalize;
}
#search #filter p {
clear: none;
float: left;
margin-right: 1%;
width:15%;
}
#search #filter p.p_pricefrom {width:13%;}
#search #filter p.p_priceto {width:12%;}
#search #filter p.p_bedrooms {width:13%;}
#search #filter p.p_propertytype {width:17%;}
#search #filter p.p_suburb {width:25%;}

#search #filter fieldset {
text-align: center;
}
#search #filter fieldset#submit input {
margin-top: 15px;
padding: 4px;
}

/* Properties */
#search .property {
padding: 10px 0;
clear: both;
overflow: hidden;
}
#search .property .image img {
display: block;
float: left;
margin-right: 1%;
width:25%;
}
#search .property .details {
width: 52%;
float: left;
margin-right: 1%;
}
#search .property .features {
float: left;
font-weight: bold;
width:8%;
}
#search .property .features img {
margin-right: 1%;
vertical-align: bottom;
}
#search .property .details h2 {
font-size: 1.2em;
font-style: italic;
}
#search .property .details h3 {
font-size: 1em;
margin-bottom: 2px;
font-style: italic;
}
#search .property .details p {
margin-bottom: 0 !important;
}
#search .property .price {
float:right;
text-align:right;
width:12%;
}
#search .property strong.publicStatus {
color: #D00000;
text-transform: uppercase;
}
#search p.pagebar {
font-size: 0.9em;
padding-top: 10px;
padding-bottom: 5px;
text-align: right;
}





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

#detail #extradetails .images p {
font-weight: bold;
font-size: 0.8em;
}

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

#detail h2 {
padding: 3px 0;
margin-bottom: 5px;
font-size: 1.2em;
font-style: italic;
}

#detail h3 {
font-size: 1em;
}

#detail ul {
margin-bottom: 15px;
list-style-type: none;
list-style-position: outside;
}

#detail ul#overviewlist strong.publicStatus {
text-transform: uppercase;
}

#detail ul#outgoingslist,
#detail ul#features {
list-style-position: inside;
list-style-type: square;
}
#detail ul#inspectionslist strong.inspectAppointment {
margin-top: 10px;
display: block;
}

#detail #addressbar {
height: 40px;
clear: both;
}

#detail #addressbar h1 {
float: left;
}

#detail #addressbar div {
float: right;
font-weight: bold;
margin-top: 4px;
}

#detail #addressbar div h2 {
border: none;
}

#detail #addressbar div p {
display: inline;
} 

#detail #addressbar div p img {
vertical-align: middle;
margin: 0 2px 0 10px;
} 

#detail #propertydetails {
width: 58%;
float: left;
margin-bottom: 20px;
}

#detail #extradetails {
width: 40%;
float: right;
margin-bottom: 20px;
}

#detail #extradetails img {
width: 48%;
margin-right: 1%;
margin-bottom: 1%;
display: block;
float: left;
}

#detail #extradetails img#mainimage {
width: 98%;
display: block;
}

#detail #extradetails .images p {
text-align: center;
clear: both;
}

#detail #extradetails dl {
margin-bottom: 10px;
clear: both;
}

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

#detail #googlemap {
border: none;
margin: 0 0 10px 0;
display:block;
}

/* attached properties, displayed on property overview */

#detail table.attachedProperties {
margin-bottom: 10px;
}

#detail table.attachedProperties td {
padding: 10px 0;
text-align: center;
}

#detail table.attachedProperties p {
margin-bottom: 0 !important;
}

#detail table.attachedProperties tr.stripe {
}

#detail table.attachedProperties td.address {
width: 10%
}

#detail table.attachedProperties td.price {
width: 30%
}

#detail table.attachedProperties td.bedbathcar {
font-weight: bold;
width: 40%
}

#detail table.attachedProperties td.bedbathcar img {
vertical-align: bottom;
margin: 0 4px;
}

#detail table.attachedProperties td.status {
width: 20%;
}

#detail #infoform fieldset label {
width: 31%;
margin-right:1%;
}
#detail #infoform fieldset input {
width: 64%;
}

#detail #infoform fieldset textarea {
width: 64.3%;
}


/* Print Brochure
----------------- */

html.brochure #detail h1 {
background-image:none;
padding-left:0;
}
html.brochure #wrap {
border: none;
}

html.brochure #content,
html.brochure #detail h2,
html.brochure #detail h3 {
color: #000;
}

/* Property detail printfriendly
---------------------------------*/
html.brochure,
html.brochure body {
background-image: none;
background-color: transparent;
}
html.brochure #wrap {
width: 584px !important;
background-image: none;
background-color: transparent;
height: 100%;
margin:0 auto;
}
html.brochure #main {
background-image: none !important;
background-color: transparent !important;
}			
html.brochure #content {
background-image: none !important;
float: none !important;
padding:10px 0;
}
html.brochure #header {
background-image: none;
}
html.brochure #detail #propertydetails {
width: 315px !important;
}
html.brochure #detail #extradetails img {
display: block;
float: left;
margin: 0 2px 2px 0;
width:48.2%;
}
html.brochure #detail #extradetails img#mainimage {
width:240px;
}
html.brochure #detail #extradetails {
width: 247px;
}
html.brochure #content h1 {
margin: 0;
padding: 0;
font-size: 1.2em;
border: none;
background: none;
}
html.brochure #content h2 {
border: none;
background: none;
font-size: 1.1em;
font-style: normal;
}
html.brochure #content ul {
list-style-position: outside;
}
html.brochure #content #addressbar div {
margin: 0;
}

html.brochure #content #addressbar img {
vertical-align: middle;
margin: 0 0 0 5px;
}
html.brochure #content #footer {border-top:1px solid #000;}

html.brochure #header {
padding:5px 5px 5px 0;
border-bottom:1px solid #000;
}


/* Advanced Search Form
----------------------- */
#form form fieldset {
/* Structure */
margin: 5px 0 0 0;
padding: 3px 0 0 0;
border: none;
display:block;
}
#form form h2 {
/* Structure */
padding: 0;
margin: 9px 0;
}
#form form label {
font-weight: bold;
/* Structure */
margin-bottom:0;
}
#form form #mid,
#form form #right,
#form form #left {
/* Structure */
padding: 0 1% 0 0;
}

#form form select {
width:99%;
}


/* Middle Fieldset
------------------ */
#form form #left,
#form form #mid {
float: left;
width:32%;
}
#form form #mid p.note {
font-size: 0.9em;
}

/* Right Fieldset
----------------- */
#form form #right {
/* Structure */
float: right;
width:32%;
}
#form form #mid select#priceFrom,
#form form #mid select#priceTo,
#form form #mid select#sizeFrom,
#form form #mid select#sizeTo {
/* Structure */
margin: 0 1% 0 0;
width: 49.0%;
}
#form form #right select#priceTo,
#form form #right select#sizeTo {
/* Structure */
margin: 0;
}
#form form fieldset.submit {
/* Structure */
clear:both;
}