/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Arial, Helvetica, sans-serif;
color: #646464;
background-color:#6d6e72;
}

p {
font-size: 0.9em;
}

h2 {
font-size: 1.1em;
margin-bottom: 3px;
}

legend {
color: #22243d;
font-weight: bold;
}

a {
color: #E77A08;
}
a:hover{
color: #646464;
}

#content p,
#sub-section p {
margin: 0px 6px 10px 6px;
}

#content li {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
list-style: disc;
margin-left: 50px;
}

#content li li {
font-size: 1em;
margin-left: 20px;
}

/* Sitewide Layout Elements
------------------------------*/
#wrap {
width:800px;
height: auto;
margin: 25px auto;
padding 0;
background-color:#f8981d;
}

#container {
background-color: #fff;
margin: 0 0 0 23px;
overflow: auto;
padding:0;
height:auto;
width: 777px;
}

#contentWrap {
overflow:auto;
height: auto;
width: 777px;
float:left;
margin-top:23px;
background-image: url(/img/bg_cityHome.gif);
background-position: left 220px;
background-repeat: repeat-y;
}

/* Header */
#header {
height:100px;
display:block;
margin:0;
padding:0;
}

#header a.logo {
height: 70px;
width: 295px;
float:right;
margin:0;
padding:0;
background-image: url(/img/logo.gif);
background-position: left top;
background-repeat: no-repeat;
text-indent:-99999em;
}

#header form#fastfind input {
padding: 4px 0 0 24px;
width: 136px;
height: 16px;
border:none;
border-top:1px solid #9e9fa3;
border-bottom:1px solid #dedfe1;
background-image: url(/img/bg_fastfind.gif);
background-position: left top;
background-repeat: no-repeat;
margin: 70px 0 0 22px;
font-size: 0.9em;
color: #828284;
}

/* Menu */
ul#menu {
width: 160px;
height: auto;
background-color:#fff;
float:left;
}

ul#menu li a {
display: block;
display:inline-block;
width:155px;
padding-left: 5px;
line-height: 21px;
font-weight:bold;
text-decoration: none;
margin-bottom:1px;
color: #f8981d;
background-color: #231f20;
font-size:0.9em;
}

ul#menu li.last a {
margin-bottom: 0px;
border-bottom:1px solid #231f20;
}

ul#menu li a:hover {
color:#ef5503;
background-color: #000;
}

body#dynamic ul#menu li.last a {
margin-bottom: 1px;
}

/* Hide All Sub Menus */
ul#menu ul {
display:none;
}
/* Displays Sub Menu By Section */
body.selling ul#sellingMenu,
body.leasing ul#leasingMenu {
display:block;
}

/* Sub Page Menu */
body#dynamic ul#menu {
background-color:#e7e7e8;
float:left;
}

body#dynamic ul#menu li ul a {
color:#fff;
background-color: #949599;
}
body#dynamic ul#menu li.last a {
border-bottom:none;
}

body#dynamic ul#menu li ul a:hover {
color:#fff;
background-color: #6d6e72;
}

/* Footer
-------------------------------------------*/
#footer {
background-image: url(/img/bg_cityHome.gif);
background-position: left top;
background-repeat: repeat-y;
display:block;
clear:both;
height:23px;
}

#footer p {
font-size: 0.8em;
line-height:22px;
color:#636466;
float:right;
margin-right:10px;
_margin-right:5px;
}

#footer,
#footer a:link,
#footer a:visited {
color:#636466;
text-decoration: none;
}

#footer a:hover {
color: #28292a;
}

#footer p a.footerAlert {
display:none;
}
#footer p a#melbourneProp {
font-size: 1.1em;
display:inline;
}



/* Homepage
----------------------*/
/* Banner */
#banner {
background-image: url(/img/bg_indexBanner.jpg);
background-position: left top;
background-repeat: no-repeat;
width: 617px;
height: 198px;
float: right;
margin: 0;
padding: 0;
}

#banner h4 {
background-color: #231f20;
float: left;
width: 155px;
line-height: 21px;
padding: 0 0 0 5px;
border-left:1px solid #fff;
color: #fff;
font-size:1em;
}

/* Feature Properties */
body#home #sub-content {
width: 160px;
float: left;
margin-right:1px;
}

body#home #sub-content h2 {
background-color: #6d6e72;
line-height: 22px;
color: #fff;
font-weight: bold;
font-size: 0.9em;
padding-left: 5px;
border-bottom: 1px solid #fff;
}
body#home #sub-content ul.pow {
width: 148px;
margin: 0 auto;
height: auto;
padding:0;
color: #636466;
font-size: 0.9em;
}
body#home #sub-content ul.pow li {
margin: 0 0 7px 0;
}
body#home #sub-content ul.pow img {
width: 148px;
}

body#home #sub-content ul.pow strong {
display:block;
}
body#home #sub-content ul.pow a {
color: #636466;
text-decoration: none;
}
body#home #sub-content ul.pow a:hover {
color: #f8981d;
}

body#home #content h1 {
display:none;
}
/* Content Area */
#content {
width: 456px;
float:right;
}

body#home #content h2 {
color: #f7941d;
font-weight: bold;
font-size: 1em;
margin: 10px 6px 2px 6px;
border-bottom: 1px solid #ddd;
}

body#home #content h5 {
background-color: #f7941d;
line-height: 22px;
color: #fff;
font-weight: bold;
font-size: 0.9em;
padding-left: 5px;
width: 155px;
}

/* Right Column */
#extraContent {
width: 160px;
height: auto;
float: right;
}

ul#auctionList,
ul#quicksearch {
width: 160px;
height: auto;
font-size: 0.9em;
}

/* Auction List */
ul#auctionList h2 {
background-color: #6d6e72;
line-height: 22px;
color: #fff;
font-weight: bold;
padding-left: 5px;
margin: 0;
}

ul#auctionList li {
width:160px;
height:21px;
margin-bottom:1px;
}

ul#auctionList li a {
float: left;
width:155px;
padding-left: 5px;
line-height: 21px;
font-weight:bold;
text-decoration: none;
background-color: #fff;
color: #6d6e72;
}

ul#auctionList li a:hover {
background-color: #f4f4f4;
}

/* 	Quicksearch */
ul#quicksearch {
margin-bottom: 10px;
}

ul#quicksearch h2 {
background-image: url(/img/icn_magnify.gif);
background-position: left top;
background-repeat: no-repeat;
background-color: #6d6e72;
line-height: 22px;
color: #fff;
font-weight: bold;
padding-left: 27px;
margin: 0;
}

ul#quicksearch li {
width:160px;
height:18px;
margin-top:1px;
_margin-right:-3px;
_float:left;
}

ul#quicksearch li.header {
height: 22px;
}

ul#quicksearch label {
display:none;
}

ul#quicksearch select {
width: 160px;
font-size: 0.9em;
color: #6d6e71;
border: none;
}

ul#quicksearch li#qs_price select {
width: 75px;
display: inline;
}

ul#quicksearch li#qs_price p {
display: inline;
margin-left: 1px;
_margin-right: 3px;
}

ul#quicksearch input#submit {
width: auto;
background-image: url(/img/icn_arrow.gif);
background-position: left top;
background-repeat: no-repeat;
background-color: #fff;
color: #8f8f8f;
font-size: 0.9em;
line-height: 16px;
padding-left: 17px;
border: 1px solid #fff;
cursor: pointer;
}


/* Dynamic Pages
----------------------*/
body#dynamic #container {
background-color: #e7e7e8;
}

body#dynamic #footer {
background:none;
background-color: #e7e7e8;
}

body#dynamic #content {
background-color: #fff;
width: 617px;
float:left;
}

body#dynamic #content h1 {
color: #f8981d;
font-size: 1.1em;
background-color: #636466;
line-height: 21px;
margin: 1px 0 10px 1px;
padding: 0 0 0 5px;
}

body#dynamic #content h2 {
color: #f7941d;
font-weight: bold;
font-size: 1em;
margin: 10px 6px 2px 6px;
border-bottom: 1px solid #ddd;
}

body#dynamic #content img#dyn-heading-img {
display: block;
margin-bottom: 15px;
}

body#dynamic #content img#dyn-img1 {
float: right;
margin: 0 0 10px 20px;
}

body#dynamic #sub-section img#dyn-img2 {
margin-bottom: 10px;
display: block;
}

/* Standard forms
------------------*/
body#dynamic #content form,
body#popup #content form,
body#saveitem #content form {
margin: 0 auto 15px auto;
width: 440px;
}

body#dynamic #content form fieldset,
body#popup #content form fieldset {
border: 1px solid #ddd;
margin-bottom: 15px;
padding: 10px;
font-size: 1em;
}

body#dynamic #content form label,
body#popup #content form label {
display: block;
float: left;
width: 150px;
}

body#dynamic #content form legend,
body#popup #content form legend,
body#saveitem #content form legend  {
color: #E77A08;
}

body#dynamic #content form input,
body#dynamic #content form textarea,
body#dynamic #content form select,
body#popup #content form input,
body#popup #content form textarea,
body#popup #content form select {
width: 250px;
border: 1px solid #ddd;
}

body#dynamic #content form p,
body#popup #content form p {
clear: both;
}

body#dynamic #content form fieldset#submit,
body#dynamic #content form fieldset.submit,
body#popup #content form fieldset#submit,
body#popup #content form fieldset.submit {
border: none;
padding: 0;
text-align: right;
}

body#dynamic #content form fieldset#submit input,
body#dynamic #content form fieldset.submit input,
body#popup #content form fieldset#submit input,
body#popup #content form fieldset.submit input {
width: auto;
background-image: url(/img/btn_arrow.gif);
background-position: left top;
background-repeat: no-repeat;
background-color: #e7e7e8;
color: #8f8f8f;
font-size: 0.9em;
line-height: 16px;
_line-height: 14px;
padding-left: 17px;
cursor: pointer;
}

body#dynamic #content form em span,
body#dynamic #content form .required,
body#popup #content form em span,
body#popup #content form .required {
color: #B90000;
font-weight: bold;
}

/* Contact Page
----------------------------*/
dl#contactDetails {
margin: 20px 10px;
}

/* Dynamic Library
----------------------------*/
body#dynamic #content a.pdfDownload {
background-image: url(/pol/admin/graphics/filetype/pdficon.gif);
background-position: left top;
background-repeat: no-repeat;
background-color: #fff;
line-height:16px;
padding: 1px 0 1px 20px;
display:block;
margin-left: 6px;
}

body#dynamic #content a.pdfGet {
background-image: url(/img/acrobat_get.gif);
background-position: left top;
background-repeat: no-repeat;
background-color: #fff;
width: 88px;
height: 31px;
text-indent: -9999em;
display:block;
margin-left: 6px;
}

/* STAFF PROFILES
-----------------------------------------------------------*/

body.staff #content dl {
float: left;
height: auto;
padding: 5px 0px 5px 10px;
margin: 0 auto;
}

body.staff #content dd {
font-size: 0.9em;
}

body.staff #content dd h3 {
font-size: 1em;
text-transform: uppercase;
float: left;
margin: 0;
padding: 0;
}

body.staff #content dd h4 {
font-size: 1em;
font-style: italic;
float: left;
margin: 0;
padding: 0;
}

body.staff #content dt img {
width: 62px;
float: left;
margin-right: 8px;
}

body.staff #content dd.link {
width:100px;
float:right;
height: auto;
font-weight: bold;
margin-top:7px;
}

div.contentBlock#staff {
display:block;
clear:both;
height: auto;
_height:1%;
overflow: auto;
padding-top: 10px;
margin: 0px 10px;
}

div.contentBlock#staff div.image {
	float: left; 
	width: 160px; 
	height: auto;
	_height:1%;
	margin-bottom:10px;
	overflow: auto;
	}

div.contentBlock#staff div.image img {
	width: 150px;
	border: none;
	display:block;
	}

div.contentBlock#staff div.text img {
	float: right;
	width: 120px;
	height: 120px;
	margin: 0 0 10px 10px;
	}	
	
div.contentBlock#staff div.text h2,
div.contentBlock#staff div.text h3,
div.contentBlock#staff div.text p {
		clear: none;
		}
div.contentBlock#staff div.text h3 {
font-size: 1em;
font-style: italic;
padding-left: 6px;
}
		
div.contentBlock#view {
	overflow: auto; _overflow: none; 
margin: 0 10px;
	}
	
div.contentBlock#view div.image {
	float: left; 
	overflow: auto;
	height: auto;
	_height:1%;
	width: 170px;
	display:block;
	}
div.contentBlock#view div.image img {
	width: 160px;
	display:block;
	}
	
div.contentBlock#view h3 {
font-size: 1em;
font-style: italic;
padding-left: 11px;
}	

div.contentBlock div.text {
	float: left;
	width: 360px;
}
div.contentBlock dl {height: 80px;}	
div.contentBlock dt {width: 90px;}
div.contentBlock dd {width: 220px;}

div.contentBlock dl, dt, dd {
	margin: 0; padding: 0;
	}

div.contentBlock dl {
	margin-right: 10px; margin-top: 20px;
	line-height: 16px;
	}

div.contentBlock dt {
	float: left; width: 150px;
	padding: 3px;
	background-image: url(img/bg_sep.gif);
	background-position: center top;
	background-repeat: repeat-x;
	font-weight: bold;
	}

div.contentBlock dd {
	float: left; width: auto;
	padding: 3px;
	background-image: url(img/bg_sep.gif);
	background-position: center top;
	background-repeat: repeat-x;
	 width: 230px;
	}
	
div.contentBlock dl {
	width: 400px;
	}

/* Listings
------------*/
body.listing #content p.pagebar {
font-size: 0.9em;
padding-top: 10px;
text-align: right;
}

body.listing #content .property {
margin: 1px 6px;
padding: 13px 0 2px 0;
clear:both;
display: block;
overflow: hidden;
zoom: 1;
border-bottom: 1px solid #ddd;
}

body.listing .property .image {
float: left;
overflow:auto;
height:auto;
margin: 0 15px 10px 9px;
_margin: 0px 15px 0px 6px;
}

body.listing .property .image img {
border: 1px solid #ddd;
width: 148px;
}

body.listing #content .property .details {
float:left;
width: 420px;
}

body.listing #content .property h2 {/*Title*/
color: #636466;
border:none;
margin: 3px 6px 1px 2px;
}

body.listing #content .property h3 {/*Address*/
color: #4b4b4b;
font-size: 1em;
border:none;
margin: 3px 6px 6px 2px;
}

body.listing #content .property h4 {/*Price*/
color: #4b4b4b;
border:none;
margin: 5px 6px 4px 2px;
background: none;
line-height: auto;
font-size: 1em;
margin: 0px 6px 6px 2px;
padding-left: 0;
}

body.listing #content .property a {
text-decoration: none;
font-weight: bold;
}

body.listing #content p.pagebar {
height: 15px;
overflow: hidden;
float: right;
}

body.listing #content a.saveIt {
float: left;
height: 15px;
overflow: hidden;
padding-top: 10px;
margin-left: 6px;
}

/* Property detail
-------------------*/

body.detail #content h3 {
font-size: 0.9em;
margin: 0px 6px;
}

body.detail #content .images {
margin: 6px;
display:block;
overflow: auto;
clear:both;
}
body.detail #content img#mainimage {
border: 1px solid #ddd;
width: 445px;
margin-right: 2px;
float: left;
}
body.detail #content img.subimage {
border: 1px solid #ddd;
width: 148px;
margin-bottom: 2px;
float: left;
display:inline-block;
}

body.detail #content #propertydetails {
width: 445px;
_width: 440px;
height: auto;
margin: 10px 0px 10px 6px;
float: left;
}

body.detail dl#features {
width: 400px;
_width: 410px;
display: block;
height: auto;
margin: 0px 0px 10px 6px;
}

body.detail dl#features dt {
float: left;
width: 100px;
font-size: 0.9em;
font-weight: bold;
}

body.detail dl#features dt#saleTitle {
width: 400px;
display:block;
clear:both;
font-weight: bold;
font-size: 1em;
color: #E77A08;
text-transform: uppercase;
}

body.detail dl#features dd {
width: 300px;
font-size: 0.9em;
}

body.detail #content h2 {
color: #636466;
border:none;
margin: 10px 6px 5px 6px;
font-size: 1.2em;
}

body.detail #content #extradetails {
width: 155px;
_width: 148px;
float: right;
margin: 10px 6px 10px 0px;
}

body.detail ul#toolslist {
height: auto;
width: 148px;
display:block;
}

body.detail ul#toolslist li {
margin-left: 0;
list-style: none;
font-size: 1em;
}

body.detail ul#toolslist li a {
display: block;
display:inline-block;
width:143px;
padding: 3px 0 3px 5px;
font-weight:bold;
text-decoration: none;
margin-bottom:1px;
color: #f8981d;
background-color: #231f20;
font-size:0.9em;
}

body.detail ul#toolslist li a:hover {
color:#ef5503;
background-color: #000;
}

body.detail #content #extradetails h2 {
display:block;
clear:both;
font-weight: bold;
font-size: 1em;
color: #E77A08;
text-transform: uppercase;
margin: 10px 0 2px 0px;
border-bottom: 1px solid #ddd;
width: 148px;
}

body.detail dl.agentdetails,
body.detail dl.officedetails {
width: 142px;
display: block;
height: auto;
margin: 0px 0px 10px 6px;
}

body.detail dl.agentdetails dt,
body.detail dl.officedetails dt {
display:block;
width: 142px;
font-size: 0.9em;
font-weight: bold;
}

body.detail dl.agentdetails dd,
body.detail dl.officedetails dd {
width: 142px;
font-size: 0.9em;
}
body.detail dl.officedetails dd {
margin: 4px 0;
}

body.detail dl.agentdetails dd a,
body.detail dl.officedetails dd a{
font-weight: bold
}

/* 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;
width: 584px;
}			
body.brochure #content {
background-image: none !important;
float: none !important;
width: 584px;
}
body.brochure #header,
body.brochure #header img {
background-image: none;
height: 80px;
margin: 0;
padding: 0;
}
body.brochure h1 {
color: #f8981d;
font-size: 1.1em;
background-color: #636466;
line-height: 21px;
margin: 1px 0px 10px 0px;
padding: 0 0 0 5px;
}

body.brochure .images {
margin: 6px 0px;
display:block;
overflow: auto;
clear:both;
width: 584px;
}
body.brochure #wrap #content .images img#mainimage {
border: 1px solid #ddd;
width: 425px;
margin-right: 2px;
float: left;
}
body.brochure .images img.subimages {
border: 1px solid #ddd;
width: 143px;
margin-bottom: 2px;
float: left;
display:inline-block;
}

body.brochure #wrap #propertydetails {
width: 427px;
float: left;
margin-right: 2px;
}
body.brochure #extradetails img {
display: block;
float: left;
margin: 0 2px 2px 0;
}
body.brochure #wrap #extradetails {
width: 143px;
float: left;
margin-right: 5px;
}

body.brochure #content #extradetails h2 {
display:block;
clear:both;
font-weight: bold;
font-size: 1em;
color: #E77A08;
text-transform: uppercase;
margin: 0px 0 2px 0px;
border-bottom: 1px solid #ddd;
width: 143px;
}

/* Slideshow
-------------*/

body.slideshow {
text-align: center;
background-image: none;
background-color: #fff;
}

body.slideshow h1 {
color: #f8981d;
font-size: 1.1em;
background-color: #636466;
line-height: 21px;
margin: 1px 1px 10px 1px;
padding: 0 0 0 5px;
}

body.slideshow #header {
background-image: none;
background-color:#f8981d;
}

body.slideshow #header img {
float: right;
display: block;
width: auto;
margin: 0 auto;
}

body.slideshow table img {
display: block;
width: auto;
margin: 20px auto;
border: 1px solid #ddd;
}

body.slideshow input {
width: auto;
background-image: url(/img/btn_arrow.gif);
background-position: left top;
background-repeat: no-repeat;
background-color: #e7e7e8;
color: #8f8f8f;
font-size: 0.9em;
line-height: 16px;
_line-height: 14px;
padding-left: 17px;
cursor: pointer;
}
body.slideshow input.backwards {
background-image: url(/img/btn_arrow_invert.gif);
}

body.slideshow table {
margin: 0 auto;
}

/* Email a friend
------------------*/
body.emailafriend {
background-image: none;
background-color: #fff;
text-align: left;
}


body.emailafriend h1 {
color: #f8981d;
font-size: 1.1em;
background-color: #636466;
line-height: 21px;
margin: 1px 1px 10px 1px;
padding: 0 0 0 5px;
}

body.emailafriend #header {
background-image: none;
background-color:#f8981d;
width: 765px;
}

body.emailafriend #header img {
float: right;
}

body.emailafriend #content {
width: 100%;
}
body.emailafriend #content h2 {
margin: 4px 0px 5px 6px;
}

/* PROPERTY ALERT
-----------------------------------------------------------*/	
body.alert #content #loginbox {
margin-top: 30px;
}
body.alert #content form ul {
list-syle: none;
}
body.alert #content form ul li {
list-style: none;
float: left;
}
body.alert #content form fieldset select#csMinSizeCommercial,
body.alert #content form fieldset select#csMaxSizeCommercial {
width: 230px;
}
body.alert #content form fieldset#mainRequirements span {
float: right;
margin-top:2px;
}
body.alert #content form fieldset#mainRequirements span.instructions {
float: left;
font-size: 0.9em;
margin-bottom: 10px;
margin-top:0;
margin-left: 150px;
width:250px;
}

body.alert #content form {
clear:both;
}

body.alert #content ul#alertmenu {
margin: -9px 1px 10px 1px;
background-color: #231f20;
width: 615px;
float: left;
clear:both;
overflow: auto;
}

body.alert #content ul#alertmenu li {
float: left;
border-right: 1px solid #fff;
margin: 0;
list-style: none;
}

body.alert #content ul#alertmenu li a {
display: block;
line-height: 20px;
background-color: #231f20;
padding: 0 10px;
text-decoration: none;
color: #f8981d;
}

body.alert #content ul#alertmenu li a:hover {
background-color: #CCC;
color: #231f20;
}

body.alert #content #existingRequirements span,
body.alert #content #mySearches span,
body.alert #content #mySearches .savedSearch span {
display: block;
margin: 0 6px;
}

body.alert #content #existingRequirements .existingReq,
body.alert #content #mySearches .savedProperties,
body.alert #content #mySearches .savedSearch {
width: 48%;
border: 1px solid #ddd;
padding-top: 4px;
float: left;
margin: 0 5px 5px 0;
}
body.alert #content #existingRequirements .existingReq a {
border: 1px solid #fff;
display: block;
line-height: 18px;
background-color: #231f20;
padding: 0px 10px;
text-decoration: none;
color: #f8981d;
}
body.alert #content #mySearches .savedProperties a,
body.alert #content #mySearches .savedSearch a {
float: left;
border: 1px solid #fff;
display: block;
line-height: 18px;
background-color: #231f20;
padding: 0px 10px;
text-decoration: none;
color: #f8981d;
width: 39%;
}
body.alert #content #existingRequirements .existingReq a:hover,
body.alert #content #mySearches .savedProperties a:hover,
body.alert #content #mySearches .savedSearch a:hover {
background-color: #CCC;
color: #231f20;
}

body.alert #content #existingRequirements .existingReq p,
body.alert #content #mySearches .savedProperties p,
body.alert #content #mySearches .savedSearch p {
margin: 0;
padding: 0;
}

body#saveitem {
background-color: #fff;
}

body#saveitem #header {
width: 100%;
height: auto;
overflow: auto;
background-color: #E77A08;
padding-bottom: 10px;
margin-bottom: 10px;
}