


/*===BASIC TEMPLATE 1===
Fixed width, two columns
Horizontal menu, dropdowns top to bottom
=======================*/

/* Global structure
----------------------*/
body, html, #wrap {}
#wrap {
width: 989px;
margin: 0 auto;
border:1px solid #c5c5c5;
}

body#saveitem{
	background:white;
}
#footer {
clear: both;
padding: 10px 0 20px 0; 
text-align: left;
border-top:8px solid #0072bc;
}
#footer .container{
text-align: left;
width: 989px;
margin: 0 auto;
color:#0072bc;
}
#footer .container a:link,
#footer .container a:visited{
color:#0072bc;
}

#header {
height:86px;
}
#wrap_outer{
padding-top:13px;
padding-bottom:7px;
background:url(/img/site_bg.jpg) repeat-x #e5e5e5;
}
body{
background:#98b9ce;
}

#main {
background : url(/img/main_bg_loop.jpg) repeat-y;
}

#main .container {
background : url(/img/main_bg.jpg) no-repeat;
overflow:hidden;
}

#main_footer{
height:44px;
background:url(/img/main_footer.jpg) repeat-x;
margin:4px 10px 8px 6px;
#margin:20px 10px 8px 6px;
}
#menu {
width:100%;
height:28px;
background:url(/img/menu_left_bg.jpg) no-repeat 0px 0px;
}


#menu .container{
float:right;
width:740px;
height:28px;
background:url(/img/menu_bg.jpg) no-repeat;
margin-right:9px;
_margin-right:5px;
}

#leftCol{
float:left;
width:230px;
margin-left:8px;
_margin-left:4px;
text-align:center;
}
#leftCol img{
margin-top:60px;;
}
#rightCol{
float:right;
width:670px;
margin-right:40px;
_margin-right:20px;
}

/* Column layout
-----------------*/
/* two column, sidebar on the right */
#main {clear: both;}
#content {width: 470px; float: left; padding: 15px 17px 15px 10px;}
#sub-section {width: 150px; float: right; padding: 45px 10px;}
/* pages without columns */
html.nocol #content,
body.listing #content,
body.detail #content,
body#staff #content {width: auto;display: block;float: none;}

html.nocol #sub-section,
body.listing #sub-section,
body.detail #sub-section,
body#staff #sub-section {
display:none;
}

/* Pages without columns
-------------------------*/
html.nocol #main,
body.listing #main,
body.detail #main,
body#staff #main {
}

/* Header
----------*/
#visitUs{
float:right;
font-size: 1.4em;
padding-top:4px;
}

#tagLine{
	display:block;
	float:right;
	width:270px;
	margin-top:53px;
}
#visitUs img {
	margin-top:-2px;
	padding-right:12px;
	padding-left:5px;
}

#visitUs span{
	vertical-align:top;

}


#header img#logo {
float: left;
margin-top:0px;
}

/* Menu
---------*/

.menu {
width: 100%;
}

.menu a {
padding: 6px 15px 5px;
}

.menu li {
padding: 7px 0px 6px;
}
.menu li.first {
padding-left:1px;
}

.menu li li {
padding: 0;
background:#fec92c;
border-bottom:1px solid #746e59;
}

.menu li li a {
padding: 4px 15px;
display: block;
width: 160px;
font-size:11px;
color:#454545;
}

/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Arial, Helvetica, sans-serif;
color: #454545;
}

p {
font-size: 1em;
}

h1 {
font-weight:bold;
font-size:1.4em;
padding-top:20px;
margin-bottom:15px;
}

h2 {
font-size: 14px;
margin-bottom: 3px;
font-weight:normal;
}

h3 {
font-size: 1.1em;
margin-bottom: 3px;
}

legend {
color: #22243d;
font-weight: bold;
}

a:link,
a:visited {
color: #454545;
}

#content p,
#sub-section p {
margin-bottom: 10px;
}

#footer p {
font-size: 0.9em;
}

#footer,
#footer a:link,
#footer a:visited {
color: #53556e;
text-decoration: none;
}

#footer a:hover {
color: #f2891c;
}

/* Dropdown menu
-----------------*/

.menu a {
border-right: 1px solid #5f6060;
font-weight: bold;
text-transform: capitalize;
font-size: 12px;
}

.menu li.last a, 
.menu li li a {
border: none;
}

.menu a:link,
.menu a:visited {
color: #fff;
text-decoration: none;
}

.menu a:hover {
color: #22243D;
background:#ffc20e;
}

.menu li li a {
border: none;
text-transform: none;
font-weight:normal;
}
.menu li li a:link,
.menu li li a:visited{
color:#5f6060;
}
.menu li li a:hover{
color:#FFF;
}

/* Standard forms
------------------*/

form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #0072BC;
}

form label {
display: block;
float: left;
width: 180px;
margin-right: 10px;
}

form input,
form textarea,
form select {
width: 250px;
}

form input.radio {
width: 30px;
}

form textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

form p {
clear: both;
}

form fieldset#submit {
border: none;
padding: 0;
text-align: right;
}

form fieldset#submit input,
form fieldset.submit input,
form input.button {
cursor: pointer;
border:none;
color:#FFF;
font-size: 0.9em;
font-weight: bold;
background:url(/img/btn_quicksearch.jpg) no-repeat;
height:19px;
line-height:19px;
width:78px;
}

form em span,
form .required {
color: #B90000;
font-weight: bold;
}


/* Dynamic text
----------------*/

#content img#dyn-heading-img {
display: block;
margin-bottom: 15px;
border:1px solid #d5d5d5;
padding:2px;
}

#content img#dyn-img1 {
float: right;
margin: 0 0 10px 20px;
border:1px solid #d5d5d5;
padding:2px;
}
#content img#dyn-img2,
#sub-section img#dyn-img2 {
margin-bottom: 10px;
display: block;
border:1px solid #d5d5d5;
padding:2px;
}

/* Sub-section
---------------*/
#sub-section dd,
#sub-section dt {
margin-bottom: 5px;
}

/* Home 
---------*/

body#home #main {
background:url(/img/home_main_bg.jpg) 0px 0px repeat-x #e8e8e8;
}
body#home #main .container{
background:none;
}

body#home #quicksearch{
background:url(/img/home_quicksearch.jpg) no-repeat #8bb9da;
width:231px;
height:332px;
margin-left:7px;
_margin-left:3px;
float:left;
}
body#home #quicksearch #criteria{
background:url(/img/home_quicksearch_title.jpg) no-repeat -5px 87px;
padding-top:120px;
margin:auto;
text-align:center;
}
body#home #quicksearch form #submit{
margin-top:0px;
}
body#home #quicksearch form #submit input {
font-size: 0.9em;
font-weight: bold;
background:url(/img/btn_quicksearch.jpg) no-repeat;
height:19px;
line-height:19px;
padding:0px 16px;
margin-right:29px;
}

body#home #content img#dyn-img2 {
float: left;
margin: 0 20px 10px 0;
}

body#home #quicksearch fieldset {
border: none;
padding: 0;
}

body#home #quicksearch legend {
font-weight: bold;

font-size: 1.2em;
margin-bottom: 10px;
padding-left: 0;
margin-left: 0;
}

body#home #quicksearch label {
font-size: 0.9em;
font-weight: normal;
float: none;
display: inline;
}

body#home #quicksearch p {
margin-bottom: 5px;
}

body#home #quicksearch select {
width: 160px;
font-size: 0.9em;
border: 1px solid #79b2d7;
}
body#home #fastfindhead{
padding-left: 35px;
display:block;}

body#home #fastfind_suburb {
width: 155px;
font-size: 0.9em;
border: 1px solid #79b2d7;
}
body#home #fastfind {
padding-left: 20px;
padding-right: 38px;
}
body#home #fastfind input{
float: right;
margin-top: 5px;
}

body#home #quicksearch #qs_price select,
body#home #quicksearch #qs_rent_price select {
width: 160px;
margin-bottom:5px;
}
body#home #quicksearch form #qs_st{
margin-bottom:10px;
}
body#home #quicksearch form #qs_st label {
padding-right: 16px;
width: auto;
float: none;
display: inline;
}

body#home #quicksearch form #qs_st input {
vertical-align: middle;
width: auto;
}

body#home #quicksearch form #submit {
text-align: right;
padding: 0 8px 0 0;
}

body#home #propertyalert{
float:right;
width:200px;
height:332px;
margin-right:11px;
background:url(/img/home_propertyalert.jpg) repeat-x;
}
body#home #proAlert{
font-size:11px;
padding-top:40px;
background:url(/img/home_propertyalert_title.jpg) 0px 1px no-repeat;
padding-left:29px;
}
body#home #proAlert a{
float:right;
margin:10px;
}

body#home #proAlert #vmember{
clear:both;
}
body#home #proAlert #vmember p{
font-weight:bold;
margin-bottom:5px;
}
body#home #proAlert form p{
text-align:right;
padding:0px 10px 5px 0px;
}
body#home #propertyalert #fLogin,
body#home #propertyalert #fLoginPassword{
width:100px;
border:1px solid #79b2d7;
background:#d8e9f5;
}
body#home #propertyalert form p#submit a{
float:left;
width:90px;
margin:0px;
}
body#home #propertyalert form p#submit a{
float:left;
width:90px;
margin:0px;
}

body#home #picmartket{
margin: 35px 4px 0px;
#margin: 30px 4px 0px;
}

body#home #homeBottom{
clear:both;
background:url(/img/home_bottom_bg.jpg) 0px 2px repeat-x;
height:155px;
margin:0px 11px 7px 7px;
}
body#home #featureHome{
float:left;
width:460px;
height:153px;
background:url(/img/home_feature_sep.jpg) right 10px no-repeat;
}
body#home #ourOffice{
float:right;
width:496px;
height:153px;
margin-top:2px;
}
body#home #ourOffice img{
float:right;
}
body#home #ourOffice p {
padding-top : 2px;
font-size : 11px;
}
body#home #ourOffice div{
background:url(/img/ouroffice_title.jpg) no-repeat;
padding-top:30px;
float:left;
width:145px;
}

body#home #featureHome #pow{
padding-top:2px;
}
body#home #featureHome #pow dt{
float:left;
width:232px;
}

body#home #featureHome #pow dt img{
width:231px;
height:153px;
}
body#home #featureHome #pow dd{
float:left;
padding:34px 0px 0px 20px;
width:200px;
background:url(/img/home_feature_title.jpg) no-repeat;
font-size: 0.9em;
}

body#home #featureHome #pow dd p {
margin-bottom: 12px;
}

body#home #featureHome #pow dd a{
text-decoration:none;
font-weight:bold;
color:#404148;
}

/* Contact Us
--------------*/

body.contact #content {
width: 450px;
padding-right: 0px;
}

body.contact #content form label {
width: 130px;
}

dl.officeDetails dt.secondaryAddress {
margin-top: 15px;
}

body.contact #sub-section {
padding: 75px 10px;
width: 170px;
}

/* Staff 
---------*/

body#staff dl {
margin-bottom: 10px;
padding-bottom: 10px;
overflow: hidden;
border-bottom: 1px solid #0072bc;

width:49%;
float:left;
}

body#staff dl dt.name {
font-weight: bold;
font-size: 1.2em;
margin-bottom: 10px;
}

body#staff dl dt.photo img {
width: 100px;
}
body#staff dl dt.photo {
height: 130px;
overflow:hidden;
float: left;
margin-right: 15px;
border: 1px solid #22243D;
}

body#staff dl dd.position {
margin-bottom: 5px;
font-weight: bold;
}

body#staff dl dd.contact {
margin-bottom: 5px;
font-weight: bold;
}

body#staff.profile #content img {
float: left;
margin: 0 15px 15px 0;
border: 1px solid #666;
}

body#staff.profile #content ul {
list-style-position: outside;
margin-bottom: 10px;
}

body#staff.profile #content ul li {


margin-bottom: 5px;
}

/* Popups,http://4468.propertiesonline.com.au/img/logo2.jpg
Email a friend
Save link
------------------*/

html.popup, 
html.popup body {
background-image: none;
background-color: #fff;
text-align: left;
}

html.popup #header {
background-image: none;
xbackground-color: #22243D;
}

html.popup #header img {
float: none;
margin: 0px 0px 0px 5px;
}

html.popup form {
width: 595px;
}

html.popup form input,
html.popup form textarea {
width: 370px;
}

/* Appraisal
--------*/

body.appraisal form input#ftitle {
width: 50px;
}

body.appraisal form input#faddress,
body.appraisal form input#fpropertyaddress,
body.appraisal form textarea#fdescription,
body.appraisal form input#freason {
width: 410px;
}

body.appraisal form select {
width: 254px;
}

/* News
--------*/
body.news #sub-section dl {
border-bottom: 1px dashed #BFBFBF;
padding-bottom: 4px;
margin-bottom: 4px;
}
body.news #sub-section dl dt {
font-weight: bold;
}

body.news #sub-section dl dd {
font-size: 0.9em;
}

body.news #sub-section p {
font-size: 0.9em;
text-align: right;
}

/* Links
----------*/

body.links #content h3 {
margin-bottom: 15px;
}

body.links #content dl {
border-bottom: 1px dashed #BFBFBF;
padding-bottom: 10px;
margin-bottom: 10px;
}

body.links #content dl dt {
font-weight: bold;
}

body.links #content dl dd {
margin-bottom: 5px;
}

/* Suburb Profiles
------------------*/

body.suburbProfiles #content .suburb {
overflow: hidden;
clear: both;
padding-bottom: 5px;
border-bottom: 1px dashed #BFBFBF;
margin-bottom: 15px;
}

body.suburbProfiles #content .suburb img {
float: left;
border: 1px solid #666;
margin: 0 10px 10px 0;
}

body.suburbProfiles #content .profile img {
float: right;
border: 1px solid #666;
margin: 0 0 10px 10px;
}

body.suburbProfiles #sub-section ul {
list-style-position: outside !important;
}


/* Testimonials
------------------*/

body.testimonials #content div.testimonial {
border-bottom: 1px dashed #BFBFBF;
padding-bottom: 10px;
margin-bottom: 10px;
}

body.testimonials #content div.testimonial .author {
text-align: right;
font-style: italic;
}

/* Auction list, OFI
----------------------*/

body.auction #content h2,
body.ofi #content h2 {
background-color: #bbb;
padding: 2px 0 2px 5px;
margin-bottom: 5px;
margin-top:20px;
clear: both;
}

body.auction #content dl,
body.ofi #content dl {
clear: both;
overflow: hidden;
padding: 3px 0;
margin-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

body.auction #content dl.stripe,
body.ofi #content dl.stripe {
background-color: #ddd;
}
body.ofi #content dt {
width: 250px;
display: block;
float: left;
}
body.ofi #content dd.time {
font-weight: bold;
float: left;
width: 150px;
}
body.ofi #content dd.link {
float: right;
}

body.auction #content dd.heading {
margin-right : 10px;
width : 100px;
display : block;
float : left;
}
body.auction #content dd.address {
margin-right : 10px;
float : left;
width : 100px;
}
body.auction #content dd.time {
margin-right : 10px;
float : left;
width : 85px;
}
body.auction #content dd.venue {
margin-right : 10px;
float : left;
width : 250px;
}
body.auction #content dd.link {
float : right;
}


/* Careers
-------------- */

body .job {
margin-bottom: 15px;
}

body .job h2 {
background-color:#BBBBBB;
margin-bottom:5px;
padding:2px 0pt 2px 5px;
}
 
body .job h3 {
font-size: 1em;
float:right;
}

body .job dt {
float:right; margin-right:10px;
}

body .job dd {
margin-bottom:5px;
font-style:italic;
}
 
body .job dd.description,
body .job dd.content {
font-style:normal;
}

/* Document library
------------------------*/

body.doclibrary #content dl {
margin-bottom: 10px;
}

body.doclibrary #content dl dt {
font-weight: bold;
padding-bottom: 10px;
}


/* Property Alert
-----------------------*/

body.alert #content #alertmenu {
display: block;
overflow: hidden;
background-color: #E7E6E6;
list-style-type: none;
margin: 0px;
padding: 0 !important;
margin: 15px 0px 15px 0px;
}

body.alert #content #alertmenu li {
float: left;
border-right : 1px solid #fff;
background-color: #E7E6E6;
}
 
body.alert #content #alertmenu a {
padding: 5px 20px;
display: block;
}

body.alert #content #alertmenu .last {
border: none;
}

body.alert #content #alertmenu a:link,
body.alert #content #alertmenu a:visited {
text-decoration: none;
}

body.alert #content #alertmenu a:hover {
text-decoration: underline;
}

body.alert #content form label {
display: block;
float: left;
width: 180px;
}

body.alert #content form input {
width: 180px;
_width: 170px;
}

body.alert #content form textarea,
body.alert #content form select {
width: 184px;
}

body.alert #content .submit input{
width:auto;
padding: 0px;
}

body.alert #content form input.checkbox {
width: auto;
margin: 0 20px;
}

body.alert #content form ul {
margin-bottom: 0;
}

body.alert #content form li {
clear: both;
margin-bottom: 10px;
}

body.alert #content form li span {
float: right;
width: 230px;
font-size: 0.9em;
color: #999;
}

body.alert #content form fieldset {
display: block;
}

body.alert #content form fieldset.submit {
border: none;
padding: 0;
text-align: right;
}

body.alert #content form em span,
body.alert #content form .required,
body.alert #content .warning {
color: #B90000;
font-weight: bold;
}

body.alert #content #loginbox {
float: right;
margin-left: 20px;
margin-top: 18px;
width: 254px;
}

body.alert #content #loginbox fieldset {
width: 230px;
margin-bottom: 5px;
clear:both;
}

body.alert #content #loginbox label,
body.alert #content #loginbox input {
width: 150px;
}

body.alert #content #loginbox label {
width: 60px;
#width: 50px;
#width: 55px;
margin-right:0px;
}

body.alert #content #loginbox input.button {
width: auto;
}

body.alert #content #loginbox fieldset.submit input{
width:78px;
}
body.alert #content #loginbox fieldset.submit {
padding: 0;
width: auto;
margin-bottom: 15px;
width: 252px !important;
display: block;
}

body.alert #content #loginbox fieldset.submit p {
font-size: 0.9em;
}

body.alert #content #registerbox {
border: 1px solid #0072bc;
float: right;
text-align: center;
clear: right;
margin-left: 20px;
margin-bottom: 15px;
}

body.alert #content #registerbox a {
display: block;
padding: 50px;
width: 150px;
}

body.alert #content #registerbox a:link,
body.alert #content #registerbox a:visited {
color: #990000;
font-weight: bold;
text-decoration: none;
}

body.alert #content #registerbox a:hover {
text-decoration: underline;
}

body.reactivate #content .submit input {
background:url(/img/btn_reactivate.jpg) no-repeat;
width: 150px;
}

body.password #content .submit input {
background:url(/img/btn_password.jpg) no-repeat;
width: 100px;
}


/* Resource Registration 
------------------------- */

body.registration #sub-section label {width:55px;}
body.registration #sub-section input {width:124px;}
body.registration #sub-section .button {width:78px;}
body.registration #sub-section {padding-top:70px;}

