/* -- CSS Document -- */

/* -------------------------------- SITEWIDE ELEMENTS -------------------------------- */
/* -- LAYOUT STYLES -- */

body {
	margin: 0px;
	padding: 0px;
	background: #dedfe1;
	font: 11px Tahoma ,Arial, Verdana normal;
}

#break{
	clear: both;
}

.mainContainer {
	background: url("/site/img/middle_bg.gif") top center repeat-y;
	width: auto;
	height: auto;
	margin: 0 auto 0 auto;
	text-align: center;
}
*html #mainContainer {
	height: 100%;
	}

#topContainer {
	height: auto;
	width: 760px;
	margin: 0 auto 0 auto;
}

*html #topContainer{
	margin: 0 -1px 0 auto;
}

#topLeftContainer{
	float: left;
	background: white;
	width: 456px;
	height: 112px;
}
#topRightContainer {
	float: right;
	background: url("/site/img/prop_id_bg.gif") top right no-repeat;
	width: 282px;
	padding-top: 60px;
	padding-bottom: 15px;
	padding-left: 22px;
	text-align: left;
}	
*html #topRightContainer {
	padding-bottom: 11px;
	width: 304px;
}

#homeBanner{
	width: 760px;
	height: 135px;
	clear: both;
}

#about {
padding: 0 50px 30px 50px;
}

#menu {
	background: url("/site/img/menu/menu_01.gif") top left repeat-x;
	height: 34px;
	width: 100%;
}

#bodyContainer {
	height: auto;
	overflow: hidden;
	width: 760px;
	text-align: left;
	margin: 0 auto 0 auto;	
	padding: 0 0px;
	background: url("/site/img/content_bg.gif") top left no-repeat;
}

*html #bodyContainer {
	width: 760px;
	margin: 0 -1px 0 auto;	
}

#contentHome {
	width: auto;
	height: auto;
	margin: 0 auto 0 auto;	
}

#content {
	width: auto;
	height: auto;
	float:left;
	margin: 0 auto 25px auto;	
	padding: 1px 50px 0 50px;
}

#footer {
	bottom: 0;
	width: 100%;
	height: 30px;
	float:left;
	padding: 0 0 10px 30px;
	font: 10px Arial, Verdana normal;
	color: #757573;
	margin: 0 auto 20px auto;
}

/* -- TOP BANNER STYLES -- */

#topLeftContainer img{
	margin: 25px;
}

/* -- MENU STYLES -- */

#nav img{
	border: 0px;
}

#nav {
	height: 21px;
	width: 760px;
	margin: 0 auto 0 auto;
	list-style: none; 
	line-height: 1;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none; 
	}

#nav a {
	display: block; 
	width: auto;
}
/* all list items */
#nav li {
	float: left;
	width: auto;
}

#nav ul li a:link,
#nav ul li a:active,
#nav ul li a:visited { 
	font-size: 11px; 
	font-family:Arial, Helvetica, sans-serif;
	color: #fff; 
	height:18px; 
	background:#000;  
	border-top:1px solid #fff;
	border-left:1px solid #fff; 
	border-bottom:1px solid #fff; 
	border-right:1px solid #fff; 
	border-top:1px; 
	text-decoration:none; 
	text-align:left; 
	padding:3px 0px 0px 8px;
	font-weight: normal;
}
#nav ul li a:hover {
	font-size: 11px; 
	font-family:Arial, Helvetica, sans-serif;
	color: #fff; 
	height:18px; 
	background:#4f565e;  
	border-top:1px solid #fff;
	border-left:1px solid #fff; 
	border-bottom:1px solid #fff; 
	border-right:1px solid #fff; 
	border-top:1px; 
	text-decoration:none; 
	text-align:left; 
	padding:3px 0px 0px 8px;
	font-weight: normal;
	
	xcolor:#fff; 
	xbackground:#4f565e;  
	xborder-top:1px solid #fff;
	xborder-left:1px solid #fff; 
	xborder-bottom:1px solid #fff; 
	xborder-right:1px solid #fff; 
	xborder-top:1px; 
	xtext-decoration:none; 
	xpadding:3px 0px 0px 8px;
}

#nav li a:link,
#nav li a:active,
#nav li a:visited {
	text-decoration:none; 
	text-align:center; 
	padding:0px 0px 0px 0px;
}
#nav li a:hover {
	text-decoration:none;
}

/* menu widths */
#nav ul.menu1 a {
	width:124px;
	}
#nav ul.menu2 a {
	width:124px;
	}
#nav ul.menu3 a {
	width:227px;
	}
#nav ul.menu4 a {
	width:185px;
	}


/* second-level lists */

#nav li ul {
	position: absolute; 
	width: 10em; 
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}
#nav li.sfhover ul {
	left: auto;
}
	

/* -- FOOTER STYLES -- */
#footer .line2 {
	color: #9d9d9a;
}

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

#footer a:link, a:active, a:visited {
	color: #9d9d9a;
	text-decoration: none;
}

/* -------------------------------- PAGE ELEMENTS -------------------------------- */
/* -- HOME --*/
#homeLeft {
	float: left;
	width: 456px;
	height: 215px;
	padding-top: 7px;
	background: white;
}

#homeRight {
	float: right;
	background: url("/site/img/titles/homepage_2.jpg") top right no-repeat;
	width: 304px;
	height: 253px;
	padding-top: 53px

}

#homeLeft p{
	color: #000;
	font: 11px Tahoma ,Arial, Verdana normal;
	padding: 0 70px 10px 30px;
}

#homeLeft a:hover {
	color: #757573;
	text-decoration: underline;
}

#homeLeft a:link, a:active, a:visited {
	font: 10px Tahoma ,Arial, Verdana normal;
	color: #8a8a8a;
	text-decoration: underline;
}

#topRightContainer input {
	height: 19px;
	width: 120px;
	font: normal 10px arial, verdana;	
}

#topRightContainer .IDbutton {
	height: 19px;
	width: 50px;
	margin-bottom: -4px;
}

/* -- POW -- */
#homeRight img{
	width: 113px;
	height: 86px;
	float: left;
	margin: 0 15px;
	}
	
#homeRight .title{
	color: #525354;
	font: bold 11px arial, verdana;
	}

#homeRight .suburb{
	color: #7d7f80;
	font: bold 11px arial, verdana;
	}
#homeRight p {
	font: normal 10px arial, verdana;
	color: #000;
	margin: 0 15px 0 0;
	}
#homeRight .powButton{
 	width: 50px;
	height:19px;
	border: none;
	margin: 0;
	}

/* -------------------------------- PAGE CONTENT -------------------------------- */
/* -- HEADINGS --*/

h1 {
	font: bold 16px arial, verdana;
	color: white;
	text-align:left;
	padding: 15px 0 15px 0px;
	text-transform: uppercase;
}

h2 {
	font: bold 12px arial, verdana;
	color: #638199;
	text-align:left;
	padding: 15px 0 0 0px;
	text-transform: uppercase;
}
h3 {
	color: #525354;
	font: bold 12px arial, verdana;
}	
.required {
color: #B90000;
font-weight: bold;
}
.warning {
color: #B90000;
font-weight: bold;
}

/* -- Content --*/
p {
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;  
}
#content ul {
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;  
}

#content a:hover {
	color: #638199;
	text-decoration: underline;
}

#content a:link, a:active, a:visited {
	font: 11px Tahoma ,Arial, Verdana normal;
	color: #8a8a8a;
	text-decoration: underline;
}

/* -- Staff --*/
#staff {
	width: 600px;
	float: left;
	margin: 10px;
	clear:both;
	}
#staff img {
	float: left;
	width: 150px;
	border: 1px solid #638199;
	margin: 0 7px 7px 0;
	}
#staff .title{	
	color: #638199;
	font-weight:bold;
	}
		
/* -- Finance Services --*/
#finanaceDetails {
	width: 210px;
	text-align:center;
	float: left;
	margin: 0 10px 10px 0;
	}
#finanaceDetails img {
	width: 200px;
	border: 1px solid #638199;
	margin: 0 7px 7px 0;
	}
#finanaceDetails .title{	
	color: #638199;
	font-weight:bold;
	}
		
		
/* XSL - Search Form
-------------------*/
#searchForm {
padding: 0 70px 30px 70px;
overflow: hidden;
width: auto;
height: auto;
}
#searchForm #searchForm-form {
border-top: double #000;
border-bottom: double #000;
overflow: hidden;
width: auto;
height: auto;
}
#searchForm #left {
float: left ;
padding-bottom: 20px;
padding-top: 20px;
}

#searchForm #right {
float: right;
padding-top: 20px;
padding-bottom: 20px;
}

#searchForm form input,
#searchForm form textarea,
#searchForm form select {
width: auto;
font: normal 11px arial, verdana;
}
#searchForm form fieldset {
border : none;

}
#searchForm fieldset form legend {
padding: 3px;
} 

/* XSL - Listing
-------------------*/
#listing {
padding: 0 70px 30px 70px;
}

#listing #titlebar h1#title{
float: left
}

#listing #titlebar #save h3{
float: right;
padding: 15px; 
}

#listing #titlebar #save a {
color: black; 
}
#listing #listingborder {
overflow: hidden;
width: auto;
height: auto;
border-top: double #000;
border-bottom: double #000;
}

#listing .property {
border-bottom: 1px solid #D8D9DA;
padding-bottom: 15px;
padding-top: 15px;
}

#listing .property .image img {
float: left;
width: 200px;
margin-right: 15px;
}

#listing .property .details {
float : right;
width: 400px;
}

#listing .property .details  a:hover {
color: #757573;
}

#listing .property .details a:link, a:active, a:visited {
color: #9d9d9a;
}

/* XSL - Detail
-------------------*/

#detail {
padding: 0 70px 30px 70px;
overflow: hidden;
}

#detail #detailborder {
overflow: hidden;
width: auto;
height: auto;
border-top: double #000;
border-bottom: double #000;
padding-bottom: 20px;
padding-bottom: 10px;
}

#detail #left {
width: 400px;
float:left;
}
#detail #right {
width: auto;
float: right;
}
#detail #right a:hover {
color: #757573;
font-weight: bold;
}
#detail #right a:link, a:active, a:visited {
color: #666666;
font-weight: bold;
}

#detail #images img {
margin-right: 5px;
margin-bottom: 5px;
}
#detail #images img#mainimage {
margin-top: 15px;
margin-bottom: 5px;
margin-right: 0;
width: 635px;
}

#rooms img {
vertical-align: bottom;
margin: 0  0 0 7px;
}

#rooms .icon {
background-color: #638199;
font: bold 18px arial, verdana;
color: white;
margin-right: 3px;
height: 23px;
padding-right: 3px;
}

#detail #right #toollist ul {
padding-left: 0;
margin-left: 0;
}


#detail #googlemapbox {
padding : 5px 0 0 0;
clear : both;
float : none;
}
#detail #googlemapbox div#googlemap,
#detail #googlemapbox div#streetView {
margin:0 auto;
}
#detail #googlemapbox div#toggleMap {
background-color : #638199;
display:block;
margin: 5px auto;
padding: 5px 15px;
width:100px;
text-align : center;
font-weight : bold;
cursor: pointer;
}
#detail #googlemapbox div#toggleMap:hover {
background-color : #757573;
}
#detail #googlemapbox div#toggleMap a {
color : #fff;
text-decoration : none;
}

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

.slideshow #header {
font: bold 14px/18px Arial, Helvetica, sans-serif;
width: auto;
height: 75px;
margin: 0 auto;
padding: 15px 0 0 15px;
background: #000000 bottom repeat-x; 
border-bottom: 3px solid #fff400;
}

/* --XSL - Brochure
----------------------*/
#brochure {
background-color: white;
}
#brochure #header {
font: bold 14px/18px Arial, Helvetica, sans-serif;
width: auto;
height: 75px;
margin: 0 auto;
padding: 15px 0 0 15px;
background: #000000 bottom repeat-x; 
border-bottom: 3px solid #fff400;
}
#brochure #content {
width:500px;
}
#brochure #content #topline h3 {
float: left;
}
#brochure #content #topline #rooms {
float: right;
}

#brochure #content #rooms img {
vertical-align: bottom;
padding: 0  0 0 7px;
}

#brochure #content #rooms .icon {
background-color: #638199;
font: bold 18px arial, verdana;
color: white;
margin-right: 3px;
padding-bottom: 3px;
}

/* --XSL - Auctions
----------------------*/
body.ofi #ofi_list {
width: 620px;
margin: 12px;

}
body.ofi .date td {
background-color : black;
color : #fff;
padding : 4px 0 4px 5px;
}

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

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

body.ofi #ofi_list td.address {
padding-left: 15px;
font: bold 11px arial, verdana;
}

body.ofi #ofi_list td.time {
padding-right: 5px;
padding-left: 5px;
width : 150px;
font: bold 11px arial, verdana;
}

body.ofi #ofi_list td.link {
padding-right: 15px;
width : 150px;
text-align : right;
font: bold 11px arial, verdana;
}


/* --XSL - Staff
----------------------*/
.textblue {
color: #638199;
font: bold 12px arial, verdana;
}
#staff {
border-bottom: 1px solid #D8D9DA;
padding-bottom: 10px;
}
#staff #photo {
width: auto;
}
#staff td#staffdetails {
width: 420px;
}

/* XSL - PrintList
-------------------*/
.printlist  {
background-color: white;
}

.printlist #header {
overflow: hidden;
border: 1px solid #ccc;
margin-bottom: 3px;
margin-top: 5px;
}
.printlist #header #title {
float: left;
text-align: left;
padding: 0 0 10px 10px; 
width: auto;
}
.printlist #outer {
height: auto;
overflow: hidden;
width: 760px;
text-align: left;
margin: 0 auto 0 auto;	
padding: 0 0;
}
.printlist #header #title h2 {
padding-top: 0;
}
.printlist #header #pic {
float: right;
width: auto;
padding: 25px 80px ;
}
.printlist #list {
overflow: hidden;
margin-bottom: 20px;
}
.printlist #list #inner {
border: 1px solid #ccc;
margin-bottom: 3px;
}
.printlist #list #image {
float: left;
display: block;
width: 140px;
}
.printlist #list #image img {
width: 150px;
}
.printlist #list #printdetails {
float: right;
width: 575px;
padding-right: 20px; 
padding-top: 10px;
}





/* Market Appraisal
-------------------*/
body #market-appraisal {
width: 480px;
margin: 20px 70px;
}

#market-appraisal p {
padding-top: 3px;
}

#market-appraisal legend {
color: #638199;
font: bold 12px arial, verdana;
}
#market-appraisal form fieldset {
padding: 5px 20px 15px 15px;

}

#market-appraisal form fieldset label{
display: block;
float: left;
width: 180px;
}


#market-appraisal form input,
#market-appraisal form textarea,
#market-appraisal form select {
width: 250px;
}

#market-appraisal fieldset#submit {
border: none;
text-align: right;
}

#submit .button {
width: auto;
}

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

/* Wishlist
-------------------*/
body #wishlist {
width: 480px;
margin: 20px 70px;
}
#wishlist legend {
color: #638199;
font: bold 12px arial, verdana;
}

#wishlist form fieldset {
padding: 5px 20px 15px 15px;
}

#wishlist form fieldset label{
display: block;
float: left;
width: 180px;
}
#wishlist form input,
#wishlist form textarea,
#wishlist form select {
width: 250px;
}

#wishlist fieldset#submit {
border: none;
text-align: right;
}
#wishlist form em span,
#wishlist .required {
color: #B90000;
font-weight: bold;
}

/* Repair Request
-------------------*/
body #repair {
width: 480px;
margin: 20px 70px;
}
#repair legend {
color: #638199;
font: bold 12px arial, verdana;
}

#repair form fieldset {
padding: 5px 20px 15px 15px;
}

#repair form fieldset label{
display: block;
float: left;
width: 180px;
}
#repair form input,
#repair form textarea,
#repair form select {
width: 250px;
}

#repair fieldset#submit {
border: none;
text-align: right;
}
#repair form em span,
#repair .required {
color: #B90000;
font-weight: bold;
}

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

body #feedback {
width: 480px;
margin: 20px 70px;
}
#feedback dl {
text-align: center;
}

#feedback dl dt {
color: #638199;
font: bold 12px arial, verdana;
}

#feedback  legend {
color: #638199;
font: bold 12px arial, verdana;
}

#feedback  form fieldset {
padding: 5px 20px 15px 15px;
}

#feedback form fieldset label{
display: block;
float: left;
width: 180px;
}
#feedback  form input,
#feedback  form textarea,
#feedback  form select {
width: 250px;
}


#feedback fieldset#submit {
border: none;
text-align: right;
}

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

/* Email A friend
--------------------*/

body .emailafriend #content {
width: 140px;
margin: 20px 70px;
}
.emailafriend #header {
font: bold 14px/18px Arial, Helvetica, sans-serif;
width: auto;
height: 75px;
margin: 0 auto;
padding: 15px 0 0 15px;
background: #000000 bottom repeat-x; 
border-bottom: 3px solid #fff400;
}

.emailafriend form fieldset label{
display: block;
float: left;
width: 180px;
}
.emailafriend form input,
.emailafriend  form textarea,
.emailafriend  form select {
width: 300px;
}

.emailafriend fieldset#submit {
border: none;
text-align: right;
}

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


/* Property Alert
--------------------*/
.alert #inner {
margin: 20px 70px;
}
.alert .text {
font: bold 11px Arial, Helvetica, sans-serif;
}
.alert .tabs {
height : 21px; 
xborder-bottom : 1px solid black; 
margin-bottom : 10px;
}
.alert .tabs a {
font: bold 11px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
.alert #Register .tab1 {
width: 60px;  
background-color: #4f565e; 
border : 1px solid #000; 
padding : 4px; 
margin-right : 5px; 
float : left;
text-align: center;
font: bold 11px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
.alert #Register .tab2 {
width: 60px;  
background-color: #CDD0D3; 
border : 1px solid #000; 
padding : 4px; 
margin-right : 5px; 
float : left;
text-align: center;
font: bold 11px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
.alert #Login .tab1 {
width: 60px;  
background-color: #CDD0D3; 
border : 1px solid #000; 
padding : 4px; 
margin-right : 5px; 
float : left;
text-align: center;
font: bold 11px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
.alert #Login .tab2 {
width: 60px;  
background-color: #4f565e; 
border : 1px solid #000; 
padding : 4px; 
margin-right : 5px; 
float : left;
text-align: center;
font: bold 11px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
.links {
font: bold 11px Arial, Helvetica, sans-serif;
color: #000;
}

/* Property Alert -Register Email 
--------------------*/
#alert_registeremail #header {
font: bold 14px/18px Arial, Helvetica, sans-serif;
width: auto;
height: 75px;
margin: 0 auto;
padding: 15px 0 0 15px;
background: #000000 bottom repeat-x; 
border-bottom: 3px solid #fff400;
}

/* Property Alert -Requirements
--------------------*/
.requirements #reqbody {
margin: 20px 70px;
}

/* Property Alert - Final
--------------------*/
.alertfin #final {
margin: 20px 70px;
}

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

#alertcontent {
margin: 20px 70px;
}

/*alertmenu*/

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

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

#alertmenu li#noborder {
border : none;
}

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

#alertmenu {
display: block;
overflow: hidden;
background-color: #CDD0D3;
list-style-type: none;
margin: 0px;
padding: 0 !important;
text-align: center;
font: bold 11px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}

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

#alertmenu li#noborder {
border : none;
}

/* Document library
------------------------*/

body.doclibrary #content dl {
margin-bottom: 10px;
text-align : left;
}
body.doclibrary #content dl dt {
font-weight: bold;
}
body.doclibrary #content dl dd {
margin-left : 10px;
}


/*-- Property Alert - save listing / save prop
-----------------------*/
.text1 {
font: normal 11px Arial, Helvetica, sans-serif;
} 
table th {
background-color: #CDD0D3;
font: bold 11px Arial, Helvetica, sans-serif;
text-align: center;
}


/* Property Alert -  Forgot password / Unsubscribe
-----------------------------*/


body#alert_popup {
background-color: white;
}
body#alert_popup #header {
font: bold 14px/18px Arial, Helvetica, sans-serif;
width: auto;
height: 75px;
margin: 0 auto;
padding: 15px 0 0 15px;
background: #000000 bottom repeat-x; 
border-bottom: 3px solid #fff400;
}
body#alert_popup #content {
font-family : 'Verdana', 'Helvetica', sans-serif;
font-size: 1em;
padding: 20px;
}
.instructions {
color: red;
}

div.useful-links {
	clear: both;
}
div.useful-links h2 {
	padding: 0;
	margin-bottom: 5px;
}
div.useful-links dl {
	margin: 0 0 15px;
}
div.useful-links dl dt {
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
}
div.useful-links dl dd {
	margin: 0;
	font-style: italic;
	color: #888;
}


/* Property Info form
------------------*/
body#propInfo #header img {
margin-left: 448px;
}

#propertyInfo h1 {
padding-top: 10px;
padding-bottom: 10px;
font-size: 1.1em;
font-weight: bold;
color: #010101;
}

#propertyInfo {
background-color: #fff;
padding: 15px;
}

#request-info form input,
#request-info form textarea {
width: 320px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}


#request-info form fieldset#submit {
border: none;
}

#request-info form fieldset {
border: 1px solid #ccc;
padding: 15px;
}

#request-info form fieldset label {
display: block;
float: left;
width: 180px;
margin-right: 10px;
margin-bottom: 5px;
}

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