/* Structure Document */
#wrap {
width: 950px;
height: auto;
margin: 0 auto;
}
.break {
clear: both;
}
#header {
height: 107px;
}
#header a#logo {
display: block;
background-position: top left;
background-repeat: no-repeat;
text-indent: -9999em;
}
#menu a {
display: block;
float: left;
font-size: 0.9em;
padding: 8px 14px 7px 14px;
text-decoration: none;
}
#menu li li a{
float: none;
padding: 3px 5px;
}

/* Sub Content Menus */
#subContent ul.submenu {
list-style: none;
margin: 0;
}
#subContent ul.submenu li a{
padding: 5px;
display: block;
width: 215px;
}

#container {
padding: 10px;
background-image: url(/img/bg_columns.gif);
background-position: top left;
background-repeat: repeat-y;
}
html.nocol #container {
background-image: none;
}
#content {
margin: 0 245px 0 0;
}
html.nocol #content {
margin: 0;
}
#subContent {
width: 225px;
float: right;
margin: 31px 0 31px 10px;
}
html.nocol #subContent {
display:none;
}

/* Footer */
#footer p {
padding: 10px;
}
#footer p.publisher {
float: right;
}
#footer p.publisher span {
margin-left: 10px;
}

/* Standard forms */
form {
width: 500px;
margin: 0 auto 10px auto;
}
form fieldset {
padding: 10px;
margin: 0 0 10px 0;
}

form label {
display: block;
float: left;
width: 180px;
margin-right: 10px;
}

form input,
form textarea,
form select {
width: 250px;
}

form input.radio {
width: 20px;
}

form p {
clear: both;
}

form fieldset#submit,
form fieldset.submit {
border: none;
padding: 0;
}

form fieldset#submit input,
form fieldset.submit input,
form input.button,
a.button {
width: auto !important;
padding: 0 10px;
margin: 0 5px;
cursor: pointer;
text-decoration: none;
}

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

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

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

#content img#dyn-img2,
#subContent img#dyn-img2 {
margin-bottom: 10px;
display: block;
}

#subContent dl {
margin: 0 0 10px 0;
}

#content p,
#subContent p {
margin: 0 0 10px 0;
}
#content ul,
#subContent ul {
list-style: disc;
margin: 0 0 10px 30px;
}

/* Career */
#content .job {
margin: 0 0 10px 0;
height: auto;
overflow: auto;
}
#content .job ul {
list-style: none;
float: right;
margin: 0 5px 10px 10px;
width: 225px;
padding: 5px;
}
#content .job ul strong {
display: block;
float: left;
width: 60px;
}
#content .job p {
margin: 0 245px 10px 0;
}
#content .job p.long {
display: none;
}

/* Contact Details */
.officeDetails dt {
text-transform: uppercase;
}
.officeDetails dd strong {
display: block;
float: left;
width: 50px;
}
.officeDetails dt.secondaryAddress {
margin: 10px 0 0 0;
}

/* Document Library */
body.doclibrary #content .document {
margin: 0 0 10px 0;
}
body.doclibrary #content .document a {
padding: 3px 0 3px 20px;
background-position: center left;
background-repeat: no-repeat;
}

/* Homepage */
body#home #container {
background-image: none;
}
body#home #content {
margin: 0 235px 0 0;
margin: 0 225px 0 0;
position: static;
}
body#home #subContent {
margin: 0;
}
/* Quicksearch */
body#home form#quicksearch {
width: auto;
height: 242px;
margin: 0;
padding: 10px 0;
}
body#home form#quicksearch fieldset {
padding: 0;
border: none;
margin: 0 auto;
width: 200px;
}
body#home form#quicksearch select {
width: 200px;
}
body#home form#quicksearch p#qs_icons select,
body#home form#quicksearch p#qs_price select {
width: 92px;
float:left;
}
body#home form#quicksearch p#qs_icons select#qs_parking,
body#home form#quicksearch p#qs_price select#qs_max-price {
margin: 0 0 10px 16px;
}
body#home form#quicksearch fieldset .checkboxsearch {
height: 74px;
width: 192px;
display: block;
overflow: auto;
margin: 10px 0 10px 0;
padding: 3px;
}
body#home form#quicksearch fieldset .checkboxsearch p {
margin-bottom: 3px;
clear: none !important;
}
body#home form#quicksearch fieldset .checkboxsearch p input {
width: 20px;
border: none;
}
body#home form#quicksearch fieldset#submit input {
margin: 0;
}
/* Property Alert Spill */
body#home #homePropertyAlert {
margin: 10px 0 0 0;
padding: 10px;
}
body#home #homePropertyAlert h2 {
margin: 0 0 10px 0;
}
body#home #homePropertyAlert p {
margin: 10px 0 0 0;
}
body#home #homePropertyAlert a {
display: block;
text-align: center;
padding: 2px 0;
margin: 10px 0 0 0;
}

/* Animation */
body#home #animation {
background-image: url(/img/animation/01.jpg);
background-position: top left;
background-repeat: no-repeat;
height: 262px;
width: 695px;
overflow: hidden;
margin: 0 0 10px 0;
}

/* Property of The Week */
body#home #pow {
height: auto;
width: 225px;
background-color: #72c7d2;
margin-top: 10px;
padding-bottom: 10px;
}

body#home #pow a {
float: right;
font-size: 0.9em;
padding: 1px 10px;
margin-right: 5px;
background-color: #b1f2fa !important;
color: #0a5b62 !important;
clear: both;
margin: 10px 5px 0px 5px;
}
body#home #pow h1 {
border: none;
margin: 0px 0 10px 5px;
color: #fff;
}
body#home #pow a#powImage {
float: left;
padding: 0;
margin-left: 5px;
}
body#home #pow h2 {
margin: 0 0 0px 5px;
padding: 0 0 0px 0;
font-size: 1em;
clear: both;
border: none !important;
}
body#home #pow span {
float: right;
margin: 0 5px 0 0;
width: 40px;
color: #0a5c63;
font-weight: bold;
}
body#home #pow span img {
margin: 2px 5px;
vertical-align: middle;
}
body#home #pow p {
margin: 0 0 0px 5px;
color: #0a5c63;
}
body#home #pow p strong {
display: block;
margin: 0 0 0px 0;
color: #0a5c63;
}

/* Listings */
body.listing #container {
padding-right: 0;
}
body.listing h1 {
margin-right: 10px;
}
/* Filter Search */
body.listing form#filter {
width: auto;
padding: 10px 0 10px 10px;
margin: 0 10px 0 0;
overflow: hidden;
}
body.listing form#filter h2 a {
float: right;
margin: 0 10px 0 0;
}
body.listing form#filter p {
float: left;
clear: none;
margin: 0 12px 0 0;
}
body.listing form#filter select {
width: 100px;
}
body.listing form#filter select.large {
width: 185px;
}
body.listing form#filter input {
margin: 0;
padding: 1px 10px;
}
/* Properties */
body.listing .property {
width: 303px;
height: 330px;
float: left;
margin: 10px 10px 0 0;
position: relative;
}
body.listing .property a.image {
width: 303px;
height: 227px;
overflow: hidden;
display: block;
}
body.listing .property a.image img {
width: 303px;
}
body.listing .property h2 {
padding: 3px 14px;
}
body.listing .property h2 span {
float: right;
color: #0d5d64;
}
body.listing .property h2 span img {
margin: 0 5px;
vertical-align: middle;
}
body.listing .property h3 {
margin: 0 14px 10px 14px;
}
body.listing #content .property p {
margin: 0 14px 10px 14px;
}
body.listing .property h4 {
margin: 0 14px;
font-size: 0.9em;
}
body.listing .property a.more {
float: right;
font-size: 0.9em;
position: absolute;
bottom: 14px;
right: 14px;
padding: 1px 10px;
}
body.listing #content p.pagebar {
padding: 10px 0 0 0;
clear:both;
}

/* Property Displayed As List Changes */
body.listing.list .property {
float: none;
clear:both;
overflow: auto;
width: auto;
height: auto;
margin: 10px 10px 0 0;
}
body.listing.list .property a.image {
float: left;
width: 150px;
height: auto;
margin: 0;
}
body.listing.list .property a.image img {
width: auto;
margin: 0;
float:left;
}
body.listing.list .property .propDetails {
margin-left: 150px;
}
body.listing.list #content .property .propDetails p.description {
margin: 0 150px 0 14px;
padding: 0 0 10px 0;
}
body.listing.list .property h4 {
float: right;
}
body.listing #content .property a.more {
position: relative;
bottom: 0;
right: 0;
padding: 1px 10px;
clear:right;
margin: 5px 14px 5px 0;
}

/* Property Details */
body.detail #propertydetails {
margin: 0 325px 0 0;
}
body.detail #extradetails {
width: 305px;
float: right;
}
body.detail h2 {
padding: 2px 0;
}
body.detail ul#features,
body.detail ul#outgoingslist,
body.detail ul#overviewlist,
body.detail ul#toolslist {
list-style: none;
margin: 0 0 10px 0;
}
body.detail #extradetails #icons {
margin: 0 0 1px 0;
padding: 1px 5px 2px 0;
text-align: right;
}
body.detail #extradetails #icons img {
margin: 0 8px;
vertical-align: middle;
}
body.detail #extradetails .images {
overflow: hidden;
width: 310px;
text-align: center;
}
body.detail #extradetails .images img {
margin: 0 5px 5px 0px;
float: left;
}
body.detail #extradetails .images img#mainimage {
width: 305px;
display: block;
}
body.detail #extradetails dl {
margin: 0 0 10px 0;
}


/* Property detail printfriendly */
html.brochure,
body.brochure {
background-image: none;
background-color: #fff;
}
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;
margin: 0;
}
body.brochure #header {
background-image: none;
height: 88px;
}
body.brochure #propertydetails {
margin: 0 260px 0 0;
}
body.brochure #extradetails .images {
width: 250px !important;
}
body.brochure #extradetails img {
display: block;
float: left;
margin: 0 2px 2px 0;
width: 120px;
}
body.brochure #extradetails img#mainimage {
width: 247px !important;
}
body.brochure #extradetails {
width: 247px;
}
body.brochure #extradetails h2.icons {
text-align: right;
padding: 2px 5px 2px 0;
}
body.brochure #extradetails h2.icons strong {
margin: 0 0 0 8px;
}

/* Popups */
html.popup,
html.popup body {
margin: 0;
padding: 0;
}
html.popup body #header {
width: auto !important;
}
html.popup body #content {
margin: 0;
padding: 10px;
width: auto !important;
}

/* Slideshow */
html.popup body.slideshow #content {
padding: 0;
}
html.popup body.slideshow h1 {
margin: 0 10px 15px 10px;
}
html.popup body.slideshow form {
width: auto !important;
}
html.popup body.slideshow form img {
margin: 10px;
}
html.popup body.slideshow .slideNav {
overflow:auto;
margin-bottom: 10px;
}
html.popup body.slideshow .slideNav input {
display: block;
float: left;
font-size: 0.9em;
padding: 7px 14px 7px 14px;
margin:0;
}

/* Staff Profiles */
dl.staffmember {
padding: 10px 0;
overflow: auto;
}
dl.staffmember dt.photo {
float: left;
display: block;
}
dl.staffmember dd {
margin: 0 0 4px 110px;
}
dl.staffmember dd.name {
margin-bottom: 0;
}
dl.staffmember dd.position {
margin-bottom: 0;
}
dl.staffmember dd a.more {
padding: 1px 10px;
text-decoration: none;
}

/* Staff Profile */
body.profile #content img {
float: left;
margin: 0 20px 0 0;
}
body.profile #content ul,
body.profile #subContent ul#agentlinks {
margin: 0 0 10px 0;
list-style: none;
}
body.profile #subContent ul#agentlinks li {
margin: 0 0 5px 0;
}

/* Lists */
html#list ul {
margin: 0;
list-style: none;
}
html#list ul li {
float: left;
display: block;
margin: 0 0 10px 0;
}
html#list ul li strong {
text-transform: uppercase;
}
html#list ul li.suburb {
width: 170px;
text-transform: uppercase;
}
html#list ul li.address {
width: 200px;
text-transform: capitalize;
}
html#list ul li.price {
width: 110px;
}
html#list ul li.link {
width: 75px;
}
html#list ul li.heading {
width: 584px;
clear:both;
padding: 2px 0;
margin: 10px 0;
}

/* OFI Modifications to lists Styles */
html#list body#ofi ul li.address {
width: 230px;
}
html#list body#ofi ul li.time {
width: 130px;
text-transform: uppercase;
}
html#list body#ofi ul li.price {
width: 140px;
}

/* Property Alert */
body.alert #content form ul {
list-style: none;
margin: 0;
}
body.alert #content form ul li {
margin: 0 0 10px 0;
clear: both;
}
body.alert #content form ul li span {
clear: both;
float: left;
width: 180px;
margin: 0 10px 10px 0;
display: block;
}
body.alert .existingReq,
body.alert .savedSearch,
body.alert .savedProperties {
margin: 0 0 10px 0;
}
body.alert .existingReq span,
body.alert .savedSearch span,
body.alert .savedProperties span  {
display: block;
overflow: auto;
}
body.alert .existingReq span strong,
body.alert .savedProperties span strong {
display: block;
width: 100px;
float: left;
clear: left;
}