/* CSS Copyright Hubonline */

* {
margin: 0;
padding: 0;
}

body {
font-family: arial, helvetica, sans-serif;
font-size: 76%;
background-color: #e7e6e6;
}

#header {
width: 985px;
height: 58px;
margin: 16px auto;
background-color: #fff200;
}

#header #blogo {
width: 67px;
height: 58px;
float: left;
display: block;
margin: 0px;
padding: 0px;
}

#header #otherlogo {
float: right;
display: block;
height: 58px;
width: 908px;
padding-right: 10px;
text-align: right;
}

#offices {
width: 965px;
height: 19px;
background-image: url(http://www.bevans.com.au/img/offices_bg.gif);
background-repeat : repeat-x;
padding: 9px 0px 0px 20px;
border-bottom: 3px solid #fff;
}

#offices .office {
margin-left: 15px;
}

#offices a.office:active,
#offices a.office:link,
#offices a.office:visited {
color: #000;
text-decoration: none;
}

#offices a.office:hover {
color: #000;
text-decoration: underline;
}

#breadcrumbsbar {
width: 985px;
height: 23px;
background-color: #f6f6f6;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}

#breadcrumbsbar #crumbs {
float: left;
padding: 5px 0px 5px 20px;
color: #666;
}

#breadcrumbsbar #pagelinks {
float: right;
padding: 5px 20px 5px 0px;
color: #000;
}

#breadcrumbsbar #pagelinks a:active,
#breadcrumbsbar #pagelinks a:visited,
#breadcrumbsbar #pagelinks a:link {
color: #000;
text-decoration: none;
}

#breadcrumbsbar #pagelinks a:hover {
color: #000;
text-decoration: underline;
}

#footer {
width: 975px;
clear: both;
background-color: #ccc;
color: #666;
font-size: 0.9em;
padding: 3px 0px 5px 10px;
border-top: 6px solid #fff;
}

#footer a:active,
#footer a:link,
#footer a:visited {
color: #666;
text-decoration: underline;
}

#footer a:hover {
color: #666;
text-decoration: none;
}

a img {
border: none;
}

.warning {
color : #cc0000;
font-weight : bold;
}

#content ul li,
#content ol li {
margin-left : 15px;
padding : 0;
list-style-position: outside;
}

#content ul,
#content ol {
padding : 15px 0px;
}

/* Typography
--------------*/

h1 {
font-size: 1.2em;
color: #cc0000;
margin-bottom: 15px;
}

h2 {
font-size: 1.1em;
padding-bottom: 15px;
color: #000;
}

#content p {
margin-bottom: 15px;
}

#content a:link,
#content a:active,
#content a:visited {
color: #000;
text-decoration: underline;
}

#content a:hover {
color: #000;
text-decoration: none;
}


/* =Container Wrapper
----------------*/

div#wrap {
margin : 0px auto; /*center the wrapper*/
width : 985px;
color : #000;
font-size : 1.0em;
}

#content {
padding: 0px;
background-color: #fff;
overflow: none;
}

/* =Menu
----------------*/

#menu {
width: 985px;
font-family: arial, helvetica, sans-serif;
padding: 0px 0px 0px 0px;
font-size : 1.2em;
}

/* Standard forms
------------------*/

form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #fff;
}

form label {
display: block;
float: left;
width: 180px;
}

form input,
form select {
width: 270px;
}

form input#fusekey,
form input#fcall {
width: 15px;
}

form input#subscribe1,
form input#subscribe2 {
width: 15px;
}

form textarea {
width: 400px;
}

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 #999;
}

form legend {
font-weight: bold;
color: #000;
font-size: 1.1em;
}

form em span,
form .required {
color: #B90000;
font-weight: bold;
}

form fieldset#submit input {
background-color: #cc0000;
border: 1px solid #999;
color: #fff;
font-size: 1em;
font-family: arial, helvetica, sans-serif;
}

.button {
background-color: #cc0000;
border: none;
color: #fff;
font-size: 1em;
font-family: arial, helvetica, sans-serif;
padding: 2px 8px 4px 8px;
}

/* Home 
--------*/

body.home #content {
background-color: #fff;
height: 424px;
}

body.home #leftcolumn {
width: 231px;
height: 414px;
border-right: 1px solid #999;
padding: 3px 0px 5px 0px;
float: left;
}

body.home #leftcolumn #quicksearch {
width: 206px;
height: 66px;
margin-bottom: 3px;
background-color: #fd1813;
display: block;
padding: 10px;
color: #fff;
xfont-size: 1.0em;
}

body.home #leftcolumn #quicksearch h3 {
color: #fff;
font-weight: bold;
font-size: 1.2em;
margin-bottom: 5px;
}

body.home #leftcolumn #quicksearch input {
width: 15px;
margin-right: 5px;
}

body.home #leftcolumn #quicksearch select {
width: 125px;
font-size: 0.9em;
}

body.home #middlecolumn {
float: left;
margin-left: 5px;
width: 491px;
padding-top: 3px;
}

body.home #middlecolumn #powimage {
width: 491px;
height: 183px;
margin-bottom: 1px;
}

body.home #middlecolumn #powimage img {
margin-right: 1px;
height: 183px;
}

body.home #middlecolumn #powsuburb {
display: block;
width: 477px;
color: #fff;
background-color: #999;
padding: 3px 0px 3px 12px;
margin-bottom: 5px;
}

body.home #middlecolumn #powsuburb span {
text-transform: uppercase;
}

body.home #rightcolumn {
float: right;
text-align: right;
border-left: 1px solid #999;
width: 248px;
padding-left: 5px;
padding-top: 3px;
}

body.home #rightcolumn p {
margin-bottom: 5px;
padding: 0px;
}

body.home #rightcolumn #imageSlideshowHolder {
margin-left: 1px;
}

body.home #bottomcontent {
background-color: #eee;
width: 985px;
height: 205px; 
padding-bottom: 0px;
}

body.home #bottomcontent #alertslot {
width: 226px;
height: 185px;
float: left; 
margin-right: 11px;
}

body.home #bottomcontent #quicklinks {
width: 720px;
height: 205px;
margin-left: 12px;
float: left; 
}

body.home #bottomcontent #quicklinks a:link,
body.home #bottomcontent #quicklinks a:active,
body.home #bottomcontent #quicklinks a:visited {
color: #666;
text-decoration: none; 
}

body.home #bottomcontent #quicklinks a:hover {
color: #666;
text-decoration: underline; 
}

body.home #bottomcontent #quicklinks h3 {
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #666;
font-size: 1.2em;
color: #666;
}

body.home #bottomcontent #quicklinks ul li {
list-style-image: url(/img/bullet.gif);
list-style-position: inside; 
padding-bottom: 10px;
}

body.home #bottomcontent #quicklinks #linksleft {
width: 200px;
margin-top: 10px;
xborder: 1px solid blue;
float: left; 
}

body.home #bottomcontent #quicklinks #linksmiddle {
width: 200px;
margin-top: 10px;
xborder: 1px solid blue;
float: left; 
}

body.home #bottomcontent #quicklinks #linksright {
width: 200px;
margin-top: 10px;
xborder: 1px solid blue;
float: right; 
}

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

body.dynamic h1 {
color: #000;
padding-bottom: 5px;
border-bottom: 1px solid #999;
margin-bottom: 10px;
}

body.dynamic h1 span {
color: #c02026;
}

body.dynamic #content {
background-image: url(http://www.bevans.com.au/img/textcontent_bg.gif);
background-repeat: repeat-y;
}

body.dynamic #title {
width: 965px;
padding: 5px 0px 5px 20px;
border-bottom: 1px solid #999;
background-color: #fff;
}

body.dynamic #title span {
color: #c02026;
}

body.dynamic #sidenav {
float: left;
width: 220px;
background-color: #eee;
padding-left: 6px;
}

body.dynamic #sidenav ul li {
list-style-image: url(/img/bullet.gif);
list-style-position: inside;
padding-bottom: 10px;
}

body.dynamic #sidenav a:link,
body.dynamic #sidenav a:active,
body.dynamic #sidenav a:visited {
color: #666;
text-decoration: none;
}

body.dynamic #sidenav a:hover {
color: #666;
text-decoration: underline;
}

body.dynamic #sidenav ul li.red {
list-style-image: url(/img/redbullet.gif);
list-style-position: inside;
padding-bottom: 10px;
}

body.dynamic #sidenav a.redhighlight:link,
body.dynamic #sidenav a.redhighlight:active,
body.dynamic #sidenav a.redhighlight:visited {
color: #c02026;
text-decoration: none;
}

body.dynamic #sidenav a.redhighlight:hover {
color: #c02026;
text-decoration: underline;
}

body.dynamic #maincontent {
float: right;
width: 735px;
margin: 10px 12px 10px 0px;
}

body.dynamic #dynamicimages {
float: right;
width: 250px;
margin: 0px 0px 10px 30px;
}

body.dynamic #dynamicimages img#dyn-heading-img {
margin-bottom: 4px;
width: 250px;
}

body.dynamic #dynamicimages img#dyn-img1 {
margin-right: 4px;
width: 123px;
}

body.dynamic #dynamicimages img#dyn-img2 {
width: 123px;
}

body.dynamic .moresuburbs {
float: right;
width: 215px;
}

body.dynamic select.sp_ID  {
width: 170px;
font-size: 1.0em;
font-family: arial, helvetica, sans-serif;
}

body.dynamic h3 {
font-size: 1.2em;
margin-bottom: 12px;
}

body.dynamic .moresuburbs .button  {
width: 40px;
padding: 2px 0px;
font-size: 1.0em;
font-family: arial, helvetica, sans-serif;
}

body.dynamic img.spimage {
float: right;
width: 214px;
margin: 0px 0px 20px 20px;
}

body.dynamic #maincontent a.orange:link,
body.dynamic #maincontent a.orange:active,
body.dynamic #maincontent a.orange:visited,
body.dynamic #maincontent a.orange:hover {
color: #ff8000;
}



/* Agent Profiles  
--------*/
body.dynamic #maincontent a.agentlist:link,
body.dynamic #maincontent a.agentlist:active,
body.dynamic #maincontent a.agentlist:visited,
body.dynamic #maincontent a.agentlist:hover {
font-family: arial, helvetica, sans-serif;
color: #999;
font-size: 0.75em;
text-decoration : none;
}
body.dynamic #maincontent a.agentlist:hover{
color: #ccc;
}

body.dynamic #maincontent a.agentlist span {
font-size: 1.2em;
font-weight: bold;
}

body.dynamic #maincontent #staff-profile #staff-box {
width : 100%;
height : 200px;
background-color: #eee;
}
body.dynamic #maincontent #staff-profile #staff-img {
width: 300px;
display: block;
float: left;
}

body.dynamic #maincontent #staff-profile #staff-detail {
width: 380px;
margin-left: 10px;
display: block;
float: left;
padding: 20px 15px 15px 15px;
}
body.dynamic #maincontent #staff-detail h2 {
padding-bottom : 12px;
color: #4c4c4c;
font-size : 1.2em;
text-transform: lowercase;
}
body.dynamic #maincontent #staff-detail p {
margin-bottom : 12px;
}
body.dynamic #maincontent #staff-profile #staff-detail span {
color : #c02026;
}
body.dynamic #maincontent #staff-profile #staff-detail a {
text-decoration: none;
}

body.dynamic #maincontent #staff-profile #staff-detail a:hover {
color: #ccc;
}

body.dynamic #maincontent #staff-description {
clear : both;
margin-top : 18px;
}
body.dynamic #maincontent #staff-description h2 {
padding-bottom : 12px;
color: #4c4c4c;
font-size : 1.8em;
text-transform: lowercase;
}
body.dynamic #maincontent #staff-description p {
margin-bottom : 12px;
}


/* Maintenance Request 
--------*/

body.maintenance form label {
width: 185px;
}

body.maintenance .left {
float: left;
}

body.maintenance #officecontact {
float: right;
xborder: 1px solid red;
width: 270px;
}

body.maintenance #officecontact span {
color: #c02026;
}

body.maintenance #officecontact input {
float: left;
margin-bottom: 15px;
}

body.maintenance #officecontact label {
width: 245px;
display: inline;
float: right;
}

body.maintenance form input {
width: 200px;
}

body.maintenance form input#office {
width: 15px;
}

body.maintenance form select {
width: 80px;
}

body.maintenance form select#agentid {
width: 205px;
}

body.maintenance .note {
font-style: italic;
}

body.maintenance form input#fpostcode {
width: 70px;
}



/* Property Appraisal 
--------*/

body.appraisal .left {
float: left;
}

body.appraisal form label {
width: 150px;
}

body.appraisal form select {
width: 174px;
}

body.appraisal form input {
width: 170px;
}

body.appraisal form select.short {
width: 74px;
}

body.appraisal form input.short {
width: 70px;
}

body.appraisal form input.long {
width: 260px;
}

body.appraisal #officecontact {
float: right;
width: 270px;
}

body.appraisal #officecontact span {
color: #c02026;
}

body.appraisal #officecontact input {
float: left;
margin-bottom: 15px;
}

body.appraisal #officecontact label {
width: 245px;
display: inline;
float: right;
}

body.appraisal form input#office {
width: 15px;
}

/* Search
--------*/

body.searchform h1 {
color: #000;
padding-bottom: 5px;
border-bottom: 1px solid #999;
margin-bottom: 10px;
}

body.searchform h3 {
color: #c02026;
font-size: 1.0em;
margin-top: 0px;
padding-top: 0px;
xpadding-bottom: 12px;
}

body.searchform #maincontent #mapselect {
width: 240px;
border-right: 1px solid #999;
float: left;
}

body.searchform #maincontent #criteriasearch {
float: right;
width: 478px;
}

body.searchform #maincontent #criteriasearch #selectsuburb {
float: left;
width: 240px;
}

body.searchform #maincontent .checkboxsearch {
overflow: scroll;
width: 210px;
height: 290px;
background: #FFFFFF;
font-size: 1.0em;
font-family: 'Arial', 'Helvetica', sans-serif;
text-transform : capitalize;
margin-bottom: 10px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
}

body.searchform #maincontent form input#checkbox {
width: 15px;
margin-right: 3px;
}

body.searchform #maincontent #criteria {
float: left;
}

body.searchform #maincontent #criteria select {
font-size: 1.0em;
font-family: 'Arial', 'Helvetica', sans-serif;
width: 150px;
}

body.searchform #maincontent #criteria input {
width: 150px;
}

/* Appraisal
--------*/

/* OFI List
--------*/

body.ofi #headingtitle {
display : block;
height: 17px;
padding-bottom: 5px;
border-bottom: 1px solid #999;
margin-bottom: 15px;
}

body.ofi #headingtitle #ofititle {
float: left;
font-size: 1.2em;
width: 500px;
font-weight: bold;
}

body.ofi #headingtitle #printbutton {
float: right;
width: 100px;
text-align: right;
}

body.ofi #printbutton a.button:link,
body.ofi #printbutton a.button:active,
body.ofi #printbutton a.button:visited,
body.ofi #printbutton a.button:hover {
color: #fff;
background-color: #d71828;
border: 0px;
text-align: center;
padding: 2px 4px 3px 4px;
display : block;
text-decoration: none;
}

body.ofi table#ofi_list {
width: 100%;
padding : 0px;
}

body.ofi td.subtitles {
background-color: #eee;
font-weight: bold;
padding: 4px 0px 4px 5px;
border-bottom: 15px solid #fff;
}

body.ofi .date td {
padding : 4px 0 4px 5px;
background-color: #eee;
font-weight: bold;
}

body.ofi .items td {
padding : 5px 0;
}

body.ofi .stripe {
background-color : #fff;
}

body.ofi #ofi_list td.time {
padding: 5px;
width : 200px;
}

body.ofi #ofi_list td.address {
padding: 5px;
width : 230px;
}

body.ofi #ofi_list td.suburb {
padding: 5px;
width : 170px;
text-transform: uppercase;
}

body.ofi #ofi_list td.price {
padding: 5px;
width : 150px;
}

/* OFI Print List
-----------*/

html.ofiprint,
body.ofiprint {
background-image: none;
background-color: #fff;
margin : 0px auto 0 auto;
}

body.ofiprint #wrap {
margin : 0px auto 0 auto; /*center the wrapper*/
width : 625px;
padding: 0px;
color : #000;
}

body.ofiprint #content {
background-image: none;
}

body.ofiprint td.subtitles {
font-weight: bold;
padding: 4px 0px 4px 5px;
border-bottom: 5px solid #fff;
background-color: #fff;
}

body.ofiprint .date td {
padding : 4px 0 4px 5px;
border: 1px solid #999;
background-color: #fff;
font-weight: bold;
}

body.ofiprint .ofiprinttitle {
font-size: 1.2em;
color: #000;
font-weight: bold;
margin-bottom: 15px;
display: block;
padding-bottom: 5px;
border-bottom: 1px solid #999;
}

body.ofiprint #content {
padding: 10px 0px 0px 0px;
}

body.ofiprint #ofi_list td.time {
padding-right: 5px;
padding-left: 5px;
width : 135px;
}

body.ofiprint #ofi_list td.address {
width: 155px;
}

body.ofiprint #ofi_list td.suburb {
width : 100px;
}

body.ofiprint #ofi_list td.price {
width : 100px;
}

/* Auction
-----------*/

body.auction #ofi_list td.time {
padding: 5px;
width : 105px;
}

body.auction #ofi_list td.address {
padding: 5px;
width : 150px;
}

body.auction #ofi_list td.icons {
padding: 5px;
width : 150px;
}

body.auction #ofi_list td.icons span {
font-size: 1.2em;
font-weight: bold;
color: #666;
}

body.auction #ofi_list td.icons img {
margin : 0px 5px 0px 5px;
}

body.auction #ofi_list td.venue {
padding: 5px;
width : 70px;
}

body.auction #ofi_list td.price {
padding: 5px;
width : 90px;
}

/* Auction Print
-----------*/

body.auctionprint #ofi_list td.time {
padding: 5px;
width : 105px;
}

body.auctionprint #ofi_list td.address {
padding: 5px;
width : 130px;
}

body.auctionprint #ofi_list td.icons {
padding: 5px;
width : 150px;
}

body.auctionprint #ofi_list td.icons span {
font-size: 1.2em;
font-weight: bold;
color: #666;
}

body.auctionprint #ofi_list td.icons img {
margin : 0px 5px 0px 5px;
}

body.auctionprint #ofi_list td.venue {
padding: 5px;
width : 70px;
}

body.auctionprint #ofi_list td.price {
padding: 5px;
width : 80px;
}

/* =search xsl
----------------*/

body.search #content #filter {
margin-bottom : 5px;
padding: 12px 20px;
}

body.search #filter label {
float: none;
display: block;
width: auto;
font-size: 1.0em;
font-weight: bold;
padding-bottom: 5px;
}

body.search #filter select {
width: 90px;
display: block;
font-size: 0.9em;
}

body.search #filter select#qs_property-type {
width: 120px;
display: block;
font-size: 0.9em;
}

body.search #filter select#qs_suburb {
width: 120px;
display: block;
font-size: 0.9em;
}

body.search #filter select#areafrom,
body.search #filter select#areato {
width: 65px;
display: block;
font-size: 0.9em;
}

body.search #filter select#qs_min-price,
body.search #filter select#qs_max-price {
width: 90px;
display: block;
font-size: 0.9em;
}

body.search #filter p {
clear: none;
float: left;
margin-right: 24px;
}

body.search #filter input {
width: auto;
padding: 1px 10px 3px 10px;
margin-top: 18px;
cursor: pointer;
font-size: 1.0em;
background-color: #c02026;
border: none;
color: #fff;
font-family: arial, helvetica, sans-serif;
margin-right: 0px;
}

body.search #filter label {
color: #000;
}

body.search #searchtitle {
width: 965px;
padding: 5px 0px 5px 20px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}

body.search #searchtitle span {
color: #c02026;
}

body.search .stripe {
background-color : #f6f6f6;
}

body.search .property {
border-bottom: 1px dashed #999;
}

body.search .property {
padding: 12px 0;
clear: both;
overflow: hidden;
}

body.search .property .image {
display: block;
float: left;
margin: 0px 24px 0px 20px;
}

body.search .property .details h2 {
font-size: 1.2em;
margin-bottom: 0px !important;
padding-bottom: 12px;
}

body.search .property .details {
width: 602px;
float: left;
margin-right: 20px;
}

body.search .property .details h3 {
font-size: 1em;
margin-bottom: 2px;
}

body.search .property .details p {
margin-bottom: 8px !important;
}

body.search .property .details p.address {
font-weight: bold;
}

body.search .property .details .suburb {
text-transform: uppercase;
}

body.search .property .pricedetails h3 {
font-size: 1em;
}

body.search .property .pricedetails {
text-align: right;
}

body.search .property .icons {
margin-bottom: 12px;
margin-right: 20px;
}

body.search .property .icons span {
font-size: 1.2em;
font-weight: bold;
color: #666;
}

body.search .property .icons img {
margin : 0px 5px 0px 5px;
}

body.search .property .pricedetails h3 {
font-weight: bold;
color: #cc0000;
}

body.search #content .pagebar {
text-align: right;
margin : 10px 20px 0px 0px;
padding-bottom: 15px;
}

body.search #content .pagebar a:link,
body.search #content .pagebar a:active,
body.search #content .pagebar a:visited {
text-decoration: none;
}

body.search #content .pagebar a:hover {
text-decoration: underline;
}

/*Details*/

body.detail #searchtitle {
width: 965px;
padding: 5px 0px 5px 20px;
border-bottom: 1px solid #999;
margin-bottom: 12px;
}

body.detail #searchtitle span {
color: #c02026;
}

body.detail #photosmap {
float: left;
width: 320px;
margin-left: 20px;
}

body.detail #photosmap img#mainimage {
width: 300px;
margin-right: 0px;
margin-bottom: 2px;
}

body.detail #photosmap img#sml {
width: 148px;
height: 111px;
margin-right: 4px;
margin-bottom: 4px;
float: left;
}

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

body.detail #photosmap p.moreimages {
padding-top: 5px;
padding-left: 7px;
}

body.detail #propertydetails {
float: left;
width: 370px;
}

body.detail span.capitalizeaddress {
text-transform: capitalize;
}

body.detail #propertydetails h3 {
text-transform: lowercase;
padding: 4px 0px 10px 0px;
margin-bottom: 15px;
border-bottom: 1px dashed #000;
font-weight: normal;
font-size: 1.1em;
}

body.detail #propertydetails h3 .suburb {
text-transform: uppercase;
font-weight: bold;
}

body.detail #propertydetails table#developments {
margin-bottom: 12px;
border-top: 1px dashed #000000;
border-left: 1px dashed #000000;
border-right: 1px dashed #000000;
}

body.detail #propertydetails table#developments td {
border-bottom: 1px dashed #000000;
padding: 3px;
}

body.detail #propertydetails table#developments td#devicons {
color: #ee3e33;
padding: 0px 3px;
font-weight: bold;
font-size: 1.1em;
}

body.detail #propertydetails table#developments td#devicons img {
margin: 0px 3px;
}

body.detail #propertydetails #tools table td a {
text-decoration: none;
}

body.detail #propertydetails #tools table td {
border-bottom: 1px dashed #000;
}
 
body.detail #extradetails {
float: right;
width: 230px;
margin-right: 20px;
}

body.detail #extradetails span {
margin-right: 5px;
font-size: 1.1em;
}

body.detail #extradetails #icons img#bedbathcar {
margin-right: 5px;
vertical-align: middle;
}

body.detail #extradetails #icons span {
color: #ee3e33;
padding: 0px 3px;
font-weight: bold;
}

body.detail #extradetails span#car {
margin-right: 0px;
font-size: 1.1em;
font-weight: bold;
}

body.detail #extradetails h3 {
background-color: #e7e6e6;
color: #000;
text-align: left;
padding: 5px 0px 6px 5px;
font-size: 1.1em;
margin: 10px 0px;
}

body.detail #extradetails h3 span.nonbold {
font-weight: normal;
font-size: 0.9em;
}

body.detail #extradetails .agentdetails {
font-weight: normal;
margin-left: 5px;
padding-bottom: 10px;
font-size: 1.0em;
}

body.detail img#staffphoto {
margin: 0px 5px 5px 5px;
}

body.detail #extradetails .auction,
body.detail #extradetails .inspections,
body.detail #extradetails .officedetails {
font-weight: normal;
margin-left: 5px;
font-size: 1.0em;
}

body.detail #extradetails .officedetails span.red {
font-weight: normal;
color: #c02026;
font-size: 1.0em;
}

body.detail #extradetails .officedetails span.officeaddress {
text-transform: lowercase;
font-size: 1.0em;
}

body.detail #extradetails #calculator {
font-size: 0.9em;
width: 218px;
height: 293px;
padding: 6px;
background-image: url(http://www.bevans.com.au/img/calculator_bg.gif);
}

body.detail #extradetails #calculator input,
body.detail #extradetails #calculator select {
font-size: 1.0em;
}

body.detail #extradetails #calculator input {
width: 95px;
}

body.detail #extradetails #calculator input.short {
width: 70px;
}

body.detail #extradetails #calculator select {
width: 74px;
}

body.detail #extradetails #calculator .button {
background-color: #ff7100;
width: 99px;
height: 20px;
color: #fff;
}

body.detail #extradetails #calculator table#results {
margin-top: 3px;
border-top: 1px solid #000;
}

body.detail #extradetails #calculator table#results td.top {
padding-top: 5px;
}

/* Print Friendly
-------------*/

html.brochure,
body.brochure {
background-image: none;
background-color: #fff;
}
body.brochure #wrap {
width: 625px !important;
background-image: none;
background-color: #fff;
height: 100%;
margin: 0 auto;
}

body.brochure #content {
padding: 0px;
}

body.brochure .images img#mainimage {
margin-right: 2px;
width: 400px;
float: left;
}

body.brochure .images img#sml {
width: 223px;
height: 149px;
margin-bottom: 2px;
float: right;
}

body.brochure #propertydetails {
width: 372px;
padding-top: 15px;
padding-right: 30px;
float: left;
}

body.brochure #extradetails {
width: 223px;
padding-top: 15px;
float: right;
}

body.brochure #propertydetails h3 {
margin-bottom: 18px;
font-size: 1.2em;
}

body.brochure #propertydetails h3 .suburb {
text-transform: uppercase;
}

body.brochure #propertydetails h3 .capitalizeaddress {
font-weight: normal;
}

body.brochure #extradetails #icons img {
margin: 0px 5px;
}

body.brochure #extradetails #icons span {
font-weight: bold;
font-size: 1.1em;
color: #7e7d7e;
}

body.brochure #extradetails h3 {
margin-top: 12px;
font-size: 1.1em;
}

body.brochure #extradetails img#staffphoto {
margin: 10px 0px;
}

body.brochure .officedetails {
float: left;
width: 400px;
padding-top: 30px;
}

body.brochure .officedetails #brochurelogo {
float: left;
width: 84px;
}

body.brochure .officedetails #officeaddress {
float: left;
width: 300px;
padding-left: 10px;
}

body.brochure .officedetails #officeaddress span {
color: #c02026;
}

body.brochure #map {
float: right;
width: 223px;
}

body.brochure #map #googlemap {
width: 221px;
height: 160px;
border: 1px solid #000;
}

/* Slideshow
-------------*/

body.slideshow {
text-align: center;
}

body.slideshow img#slide {
display: block;
margin: 20px auto 0px auto;
border: 1px solid #999;
margin-top : 10px;
}

body.slideshow input {
width: auto;
}

body.slideshow {
background-image: none;
background-color: #e7e6e6;
}

html#slideshowhtml {
background-color: #e7e6e6;
background-image: none;
}

body.slideshow h1 {
font-size: 1.1em;
color: #000;
}

body.slideshow img#logo {
margin: 10px 0px 5px 0px;
}

body.slideshow input {
background-color: #c02026;
font-family : 'Arial', 'Helvetica', sans-serif;
font-size: 0.9em;
margin-right: 2px;
color: #fff;
padding: 2px;
}

/* Email a friend
------------------*/

html#emailafriend {
background-color : #fff;
background-image: none;
margin-top: 0px;
padding-top: 0px;
}

body.emailfriend {
background-color : #fff;
background-image: none;
margin-top: 0px;
padding-top: 0px;
}

html#emailafriend #content {
float: none;
padding: 0px 15px;
background-color : #fff;
margin-top: 60px;
}

body.emailfriend #header {
margin-bottom: 0px;
padding-bottom: 0px;
height : 0px;
padding-bottom: 15px;
margin-top: 0px;
padding-top: 0px;
}

body.emailfriend h1 {
color: #000;
}

body.emailfriend .button {
border: none;
}

/* =printlist xsl
----------------*/

html#printlist,
body#printlist {
background-color: #fff;
background-image: none; 
}

body#printlist #wrap {
width: 625px;
margin: 0px auto; 
}

body#printlist #content {
width: 607px;
border: 1px solid #999;
margin: 8px 0px;
padding: 0px 8px; 
display: block;
background-color: #fff;
}

body#printlist #content #text {
padding : 0px 10px;
}

body#printlist #content h1 {
background-color : #fff;
color: #000;
font-weight: bold;
padding: 3px 0px 7px 12px;`
font-size: 1.1em;
margin-bottom: 15px;
border-bottom: 1px solid #767988;
}

body#printlist #content a:link,
body#printlist #content a:visited {
color : #EC1A3B;
text-decoration : none;
}

body#printlist #content a:hover {
text-decoration : underline;
}

body#printlist .property {
border-bottom: 1px solid #999;
}

body#printlist .property {
padding: 10px 0;
clear: both;
overflow: hidden;
}

body#printlist .property .image {
border: 1px solid #000;
}

body#printlist .property .image {
display: block;
float: left;
margin-right: 10px;
}

body#printlist .property .details h2 {
font-size: 1.2em;
}

body#printlist .property .details {
width: 300px;
float: left;
margin-right: 10px;
}

body#printlist .property .details h2 {
font-size: 1.2em;
margin-bottom: 0px !important;
padding-bottom: 12px;
}

body#printlist .property .details h3 {
font-size: 1em;
margin-bottom: 2px;
}

body#printlist .property .details p {
margin-bottom: 10px !important;
}

body#printlist .property .pricedetails h3 {
font-size: 1em;
}

body#printlist .property .pricedetails {
text-align: right;
float: right;
width: 130px;
}

body#printlist .property .icons {
margin-bottom: 12px;
}

body#printlist .property .icons span {
font-size: 1.2em;
font-weight: bold;
}

body#printlist .property .icons img {
margin : 0px 3px 0px 3px;
}

body#printlist .property .pricedetails h3 {
font-weight: bold;
color: #cc0000;
}

body#printlist #content .pagebar {
margin : 10px 0px;
}

/* Staff
-------------------*/

body.staff #searchtitle {
width: 965px;
padding: 5px 0px 5px 20px;
border-bottom: 1px solid #999;
margin-bottom: 12px;
}

body.staff #searchtitle span {
color: #c02026;
}

body.staff #officedetails {
float: left;
width: 300px;
padding: 0px 20px 20px 20px; 
}

body.staff #linksstaff {
float: right;
width: 620px;
padding: 0px 12px 20px 0px; 
}

body.staff #linksstaff h3 {
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #666;
font-size: 1.1em;
color: #666;
}

body.staff #linksstaff ul {
padding-bottom: 5px;
}

body.staff #linksstaff ul li {
list-style-image: url(/img/bullet.gif);
list-style-position: outside; 
padding-bottom: 10px;
}

body.staff #linksstaff h4 {
border-top: 1px dashed #999;
padding: 10px 0px 10px 0px;
font-size: 1.1em;
color: #666;
}

body.staff #links {
display: block;
}

body.staff #linksstaff #links #linksleft {
width: 180px;
float: left; 
}

body.staff #linksstaff #links #linksmiddle {
width: 180px;
float: left; 
}

body.staff #linksstaff #links #linksright {
width: 180px;
float: left; 
}

body.staff #linksstaff table#layout table {
display: block;
width : 310px;
}

body.staff table#people td#photo {
width : 60px;
padding : 0px 0px 10px 0px;
}

body.staff table#people td#main {
width : 220px;
padding-right : 10px;
padding-bottom: 15px;
}

/* =suburb profiles
----------------*/

/* Calculator
-------------*/

body.calculator #leftcontent {
width: 480px;
float: left;
xborder: 1px solid red;
}

body.calculator #rightcontent {
width: 230px;
margin-left: 20px;
float: right;
}

body.calculator #rightcontent img#gravity {
float: right;
margin: 0px 0px 12px 0px;
}

body.calculator #rightcontent #calculator {
font-size: 0.9em;
width: 218px;
height: 293px;
padding: 6px;
background-image: url(http://www.bevans.com.au/img/calculator_bg.gif);
float: right;
}

body.calculator #rightcontent #calculator input,
body.calculator #rightcontent #calculator select {
font-size: 1.0em;
}

body.calculator #rightcontent #calculator input {
width: 95px;
}

body.calculator #rightcontent #calculator input.short {
width: 70px;
}

body.calculator #rightcontent #calculator select {
width: 74px;
}

body.calculator #rightcontent #calculator .button {
background-color: #ff7100;
width: 99px;
height: 20px;
color: #fff;
}

body.calculator #rightcontent #calculator table#results {
margin-top: 3px;
border-top: 1px solid #000;
}

body.calculator #rightcontent #calculator table#results td.top {
padding-top: 5px;
}

/* News
----------------*/

body.news #newsarchive {
border-top: 1px dashed #000;
padding-top: 12px;
}

/* Careers
----------------*/

body.careers #jobtitle {
background-color: #eee;
font-size: 1.1em;
font-weight: bold;
padding: 3px 10px 4px 10px;
width: 400px;
float: left;
}

body.careers #skillstitle {
background-color: #eee;
font-size: 1.1em;
font-weight: bold;
padding: 3px 10px 4px 10px;
width: 295px;
float: right;
}

body.careers #description {
padding: 10px 20px 10px 10px;
width: 389px;
float: left;
border-right: 1px dashed #999;
}

body.careers #skills {
padding: 10px 20px 10px 10px;
width: 285px;
float: right;
}

body.careers #jobdescription {
float: left;
padding: 10px 20px 10px 0px;
width: 399px; 
border-right: 1px solid #999;
}

body.careers #skillsdetails {
float: right;
padding: 10px 20px 10px 10px;
width: 285px; 
}

body.careers table td {
height: 25px;
}

body.careers input.button {
width: 60px;
margin-top: 2px;
}

/* Contact
----------------*/

body.contact #content {
background-image: none;
background-color: #fff;
padding: 11px 20px;
}

body.contact span {
color: #c02026;
}

body.contact #headoffice {
float: left;
border-top: 1px solid #999;
margin-top: 11px;
padding-top: 20px; 
width: 451px;
}

body.contact #headoffice img {
float: left;
margin-right: 15px;
}

body.contact #contactform {
float: right;
border-top: 1px solid #999;
margin-top: 11px;
padding-top: 20px; 
width: 494px;
}

body.contact #contactform form label {
width: 120px;
}

body.contact #contactform form select {
width: 200px;
}

body.contact #contactform form input {
width: 340px;
}

body.contact #contactform form textarea {
width: 340px;
}

body.contact #contactform form input.button {
width: 70px;
}

/* Property Alert
----------------*/

body.alert #content p {
padding-left : 0px;
}

body.alert input.inputbox {
width : 180px;
xfont-size: 1em;
}

body.alert input.button {
width : 80px;
background-color: #d71828;
color: #fff;
border: none;
font-size: 1em;
font-family: arial, helvetica, sans-serif;
padding: 2px 8px 4px 8px;
}

body.alert input.view {
width : 60px;
background-color: #d71828;
color: #fff;
border: none;
font-size: 1em;
font-family: arial, helvetica, sans-serif;
padding: 2px 8px 4px 8px;
}

body.alert input.delete {
width : 20px;
background-color: #d71828;
color: #fff;
border: none;
font-size: 1em;
font-family: arial, helvetica, sans-serif;
padding: 2px 8px 4px 8px;
}

body.alert #register input.inputbox {
width : 180px;
}

body.alert input.inputbox2 {
color : #000;
font-size : 1.1em;
width : 80px;
}

body.alert select.inputbox2 {
color : #000;
font-size : 1.1em;
width : 80px;
}

body.alert input.inputbox3 {
color : #000;
font-size : 1.1em;
width : 98.5%;
}

/* Property Alert requirements
----------------*/

body.requirements input.button {
width : 80px;
background-color: #d71828;
color: #fff;
border: none;
font-size: 1em;
font-family: arial, helvetica, sans-serif;
padding: 2px 8px 4px 8px;
}

body.requirements td input.inputbox {
width : 160px;
}

body.requirements td select.inputbox {
width : 160px;
}

body.requirements td input.inputbox2 {
width : 96px;
}

body.requirements td select.inputbox2 {
width : 100px;
}

body.requirements td input.inputbox3 {
width : 600px;
}

/* =Alert Register Email
----------------*/

html.alert_registeremail {
background-color : #fff;
background-image: none;
}

body.alert_registeremail {
background-image: none;
background-color : #fff;
}

body.alert_registeremail #content {
background-color : #fff;
width : 506px;
font-size : 0.9em;
padding : 12px;
border: 1px solid #000;
margin-top: 12px;
}

body.alert_registeremail #content h1 {
padding : 10px 0px 0px 0px;
margin-left : 0px;
color: #cc0000;
}

body.alert_registeremail #content p {
margin-bottom : 10px;
}


/* =Alert =Popup
----------------*/

html#alert_popup {
background-color : #fff;
background-image: none;
}

body#alert_popup {
background-color : #fff;
background-image: none;
margin : 0px;
padding : 0px;
width : 530px;
height : 600px;
}

body#alert_popup div#content {
width : 490px;
padding : 10px;
}

body#alert_popup #content p {
margin-bottom : 12px;
font-size : 11px;
}

body#alert_popup #content table {
font-size : 11px;
}

body#alert_popup #content table#form {
width : 490px;
border : 1px solid #767988; 
background-color : none;
margin-bottom : 12px;
}

body#alert_popup #content table#form td {
padding : 5px;
}

body#alert_popup .inputbox {
width : 200px;
}

body#alert_popup #content input.button {
width : 70px;
background-color: #d71828;
color: #fff;
border: none;
font-size: 1em;
font-family: arial, helvetica, sans-serif;
padding: 2px 8px 4px 8px;
}

/*alerttabs*/

body.alerttabs #content ul li,
body.alerttabs #content ol li {
margin-left : 0px;
padding : 0;
list-style-position: outside;
}

/*alertmenu*/

#alertmenu {
display: block;
overflow: hidden;
background-color: #ccc;
list-style-type: none;
margin: 0px;
padding: 0 !important;
}

ul#alertmenu {
margin: 0px 0px 0px 0px;
}

body.alert #content #maincontent ul li {
margin-left : 0px;
}

* html #alertmenu {
height : 1%;
}

#alertmenu li {
float: left;
border-right : 1px solid #fff;
margin-left: 0px;
padding-left: 0px;
}
 
#alertmenu li a:link, #alertmenu li a:active, #alertmenu li a:visited {
color : #666;
display: block;
padding : 5px 32px 6px 32px;
text-decoration : none;
margin-left: 0px;
}
 
#alertmenu li a:hover {
color : #fff;
background-color : #cc0000;
text-decoration : none;
margin-left: 0px;
}

#alertmenu li#noborder {
border : none;
margin-left: 0px;
}

#alertmenu li#noborder a {
padding-left : 34px;
padding-right: 35px;
}