/* Headings of styles
Typography
Header
Dropdown menu
Standard forms
Dynamic text
Sub-section
Home
Listings
Property detail
Property detail printfriendly
Staff 
Slideshow
Popups,
News
Links
Suburb Profiles
Testimonials
Auction list, OFI
Careers
Document library
Property Alert
BASIC STRUCTURAL STYLE
menu
CONTENT PAGE SPECIFIC
HOME PAGE SPECIFIC


/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
 font-family: verdana, arial, sans-serif;
 color: #666666;
 line-height: 135%;
 padding-bottom: 5px;
 background-image: url(../img/body_bg.gif);
}

p {
font-size: 1em;
}
h1, h2, h3, h4, h5, h6 {
 font-family: arial, verdana, sans-serif;
}
h1 {
font-size: 1.5em;
margin-bottom: 5px;
}

h2 {
font-size: 1.1em;
margin-bottom: 3px;
}

h3 {
font-size: 1.1em;
margin-bottom: 3px;

}

legend {
color: #22243d;
font-size: 1.2em;
text-transform: lowercase;
}

a:link {
 color: #666666;
 border-bottom: 1px dotted #BEBEBE;
 text-decoration: none;
 text-decoration: none;
}
a:visited {
 color: #8C8C8C;
 text-decoration: none;
}
a:hover {
 color: #333333;
 border-bottom: 1px solid #FFFF00;
}
a:active {
 color: #000000;
 border-bottom: none;
}

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

/* Header
----------*/

#header img#logo {
float: left;
position: relative;
top: 40px;
left: 20px;
}

/* Dropdown menu
-----------------*/


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

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

form label {
display: block;
float: left;
width: 180px;
text-align: right;
padding-right: 10px;
font-size: 0.9em;
}

form input,
form textarea,
form select {
width: 200px;
border: #888 1px solid;
font-size: 1.0em;
}

form p {
clear: both;

}

form fieldset#submit {
border: none;
padding: 0;
text-align: right;
}

form fieldset#submit input,
input.button {
width: auto;
padding: 0 10px;
cursor: pointer;
background-color: #666;
border: none;
color: #fff;
font-weight: bold
}

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

.fld-sml, .fld-med {
  width: 60px;
}
bg3{
font-size: 0.9em;

}
form table{
margin: 20px
}

/* Search Form
------------*/
body.searchForm  #left{
 width: 200px;
float: left;
margin-right: 10px;

}
body.searchForm  #right{
 width: 200px;
float: right;
margin: 0px;

}
body.searchForm form input,
body.searchForm form textarea,
body.searchForm form select {
width: 170px;
border: #888 1px solid;
font-size: 1.0em;
}


body.searchForm  form #priceRange select{
width: 70px;

}


body.searchForm  form #selectBedrooms select,
body.searchForm  form #selectOrder select{
width: 110px;

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

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

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

#sub-section img#dyn-img2 {
margin-bottom: 10px;
display: block;
}

/* Sub-section
---------------*/
#sub-section dd,
#sub-section dt {
margin-bottom: 5px;
}

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

body#home #sub-section form #submit input {
font-size: 0.9em;
font-weight: bold;
}

body#home #content img#dyn-img2 {
float: left;
margin: 0 20px 10px 0;
}

body#home #sub-section fieldset {
border: none;
padding: 0;
}

body#home #sub-section legend {
font-weight: bold;
font-size: 1.2em;
margin-bottom: 10px;
padding-left: 0;
margin-left: 0;
}

body#home #sub-section label {
font-size: 0.9em;
font-weight: bold;
float: none;
display: inline;
}

body#home #sub-section p {
margin-bottom: 5px;
}

body#home #sub-section select {
width: 140px;
font-size: 0.9em;
}

body#home #sub-section #qs_price select,
body#home #sub-section #qs_rent_price select {
width: 62px;
}

body#home #sub-section form #qs_st label {
padding-right: 5px;
width: auto;
float: none;
display: inline;
}

body#home #sub-section form #qs_st input {
vertical-align: middle;
width: auto;
}

body#home #sub-section form #submit {
text-align: right;
padding: 0 8px 0 0;
}





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

body.staff dl {
clear: both;
margin-bottom: 10px;
padding-bottom: 10px;
overflow: hidden;
border-bottom: 1px solid #ddd;
font-size: 1.0em;
}

body.staff dl dt.name {
font-weight: bold;
font-size: 1.1em;
text-transform: lowercase;
}

body.staff dl dt.photo img {
float: right;
margin-right: 15px;
border: 4px solid #e7e7e7;

}

body.staff dl dd.position {
margin-bottom: 5px;

}

body.staff dl dd.contact {
margin-bottom: 5px;

}

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

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

body.slideshow {
text-align: center;
background-image: none;
background-color: #fff;
}

body.slideshow #header {
margin: 10px 0;
height: 50px;
background-image: none;
background-color: #fff;
border-bottom: 10px solid #666;
}

body.slideshow #header img {
float: left;
margin: 10px;
display: block;
width: auto;
}

body.slideshow table img {
display: block;
width: auto;
margin: 20px auto;
border: 1px solid #333;
}

body.slideshow input {
width: auto;
}

body.slideshow table {
margin: 0 auto;
}

body.slideshow form input.button {
margin-right: 1px;
padding: 3px 10px;
}

body.slideshow h1 {
font-weight: normal;

}

/* Popups,
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;
height: 50px;
background-color: #fff;
border-bottom: 10px solid #666;
}

html.popup #header img {
float: none;
margin: 10px;
}
html.popup h1 {
font-weight: normal;
}

/* 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;
font-size: 0.9em;
}

body.auction #content dl.stripe,
body.ofi #content dl.stripe {

}

body.auction #content dt,
body.ofi #content dt {
width: 150px;
float: left;
clear: both;
}

body.auction #content dd.time,
body.ofi #content dd.time {
font-weight: bold;
float: left;
width: 150px;
}

body.auction #content dd.venue {
float: left;
}
 
body.auction #content dd.link,
body.ofi #content dd.link {
float: right;
}
body.ofi .print{
 width: 150px;
 float: right;
 text-align: right;
 padding: 10px 0;
}
body.ofi .print a{
width: auto;
float: right;
cursor: pointer;
width: auto;
padding: 0 10px;
cursor: pointer;
background-color: #666;
border: none;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 0.9em;

 
}
body.printList,
body.printList #header{
background-image: none;
background-color: #fff;
}

body.printList img{
background: none;

}
body.printList #content{
width: 520px

}
/* 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;
}


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



body.alert #content form label {
display: block;
float: left;
width: 100px;
}

body.alert #content form input,
body.alert #content form textarea,
body.alert #content form select {
width: 150px;
}

body.alert #content form input.checkbox {
width: auto;
margin: 0 20px;
}

body.alert #content form ul {
margin-bottom: 0;
list-style-image: none;
}

body.alert #content form li {
clear: both;
margin-bottom: 10px;
list-style-image: none;
}

body.alert #content form li span {
float: right;
width: 130px;
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 fieldset.submit input {
width: auto;
padding: 0 10px;
cursor: pointer;
background-color: #333;
border: none;
color: #fff;
}


body.alert #content form em span,
body.alert #content form .required,
body.alert #content .warning {
color: #B90000;
font-weight: bold;
}
body.alert #content h1 {
clear: both;
font-weight: normal;
}

body.alert #content #loginbox {
float: left;
margin-left: 10px;
width: 290px;

}
body.alert #content #loginbox p{
width: 260px;
}
body.alert #content #loginbox fieldset {
width: 260px;
margin-bottom: 5px;

}

body.alert #content #loginbox label,
body.alert #content #loginbox input {
width: 150px;
}

body.alert #content #loginbox label {
width: 70px;
}

body.alert #content #loginbox input.button {
width: auto;
}

body.alert #content #loginbox fieldset.submit {
padding: 0;
width: auto;
margin-bottom: 15px;
width: 290px !important;
display: block;
}

body.alert #content #loginbox fieldset.submit p {
font-size: 0.9em;
}

body.alert #content #registerbox {
border: 1px solid #DDDDDD;
float: right;
text-align: center;
margin-left: 20px;
margin-bottom: 15px;
width: 110px;
}

body.alert #content #registerbox a {
display: block;
}

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

/* BASIC STRUCTURAL STYLE */
.break {
 clear: both;
}


#wrap {
	background-image: url(../img/doc_bg.gif);
	background-repeat: repeat-y;
	background-position: top center;
}

#container {
 width: 700px;
 margin-left: auto;
 margin-right: auto;
 background-color: #FFFFFF;
 margin-top: 5px;

}

#middle {
 padding-left: 32px;
 padding-top: 7px;
}

#header {

}

#header .core {
	background-image: url(../img/header_core_bg.gif);
	 position: relative;
	background-repeat: no-repeat;
	background-position: top right;
 border-top: 1px solid #FFFFFF; /* gecko hack */
}

#footer {

}

#footer .core {
	background-image: url(../img/footer_core_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#spiel {
background-image: url(../img/spiel.gif);
 width: 145px;
 height: 65px;
 position: absolute;
 margin-left: 544px;
 margin-top: -110px;
}

#spiel em {
 display: none;
}

#content {
 float: left; 
min-height: 400px;
 height: 1%;
}

#nav {
 float: right; 
 margin: 0 10px 120px 0;
 padding: 142px 0 0 0;
width: 130px;
	background-image: url(../img/square.gif);
	background-repeat: no-repeat;
	background-position: top left;
}


/* SITEWIDE STYLE ===== */

#header h1 a {
 display: block;
 width: 263px;
 height: 26px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
 margin: 40px 0 0 32px;
 border: none;
}
#header h1 a em {
 display: none;
}
#header ul {
 position: absolute;
 top: 25px;
 margin-left: 562px;
 text-transform: lowercase;
 font-weight: bold;
}
#header ul a {
 border: none;
}
#header ul li {
  display: inline;
  border-right: 1px solid #CACACA;
  padding-right: 7px;
  padding-left: 3px;
}
* html #header ul li { /* ie only hack */
  padding-right: 5px;
  padding-left: 8px;
}
#header ul li.last {
 border-right: none;
}

/* menu */
#nav h2 {
 display: none;
}
#nav ul, #nav li {
 list-style: none;
}
#nav ul li a {
 display: block;
 height: 21px;
 width: 126px;
	background-image: url(../img/menu.gif);
	background-repeat: no-repeat;
 border: none;
 border-bottom: 1px solid #FFFFFF;
}
#nav ul li a:hover {
 border-bottom: 1px dotted #BEBEBE;
 border-right: 1px dotted #BEBEBE;
}
#nav ul li a:active {
 background-color: #FFFFE5;
 border-bottom: 1px solid #FFFFFF;
}
#nav ul li a em {
 display: none;
}
#nav #mm_home a { background-position: 0 0; }
#nav #mm_buying a { background-position: 0 -22px; }
#nav #mm_renting a { background-position: 0 -44px; }
#nav #mm_selling a { background-position: 0 -66px; }
#nav #mm_finance a { background-position: 0 -88px; }
#nav #mm_aboutUs a { background-position: 0 -110px; }
#nav #mm_news a { background-position: 0 -132px; }
#nav #mm_contactUs a { background-position: 0 -154px; }
#nav ul li ul {
 margin-bottom: 8px;
}
#nav ul li ul li a {
 color: #414141;
 width: auto;
 height: auto;
 background-image: url(../img/bullet_off.gif);
 background-position: 0 6px !important;
 padding: 2px 0 2px 12px;
 text-transform: lowercase;
 width: 100px;
 margin: 0px;
 border: none;
}
#nav ul li ul li a:hover {
 color: #000000;
 background-image: url(../img/bullet_on.gif);
 border: none;
}
#nav ul li ul li a:active {
 border: none;
}
#nav ul li .submenu {
	margin: 0 0 0 15px;
	display: none;
}

body#aboutUs #nav #mm_aboutUs .submenu,
body#buying #nav #mm_buying .submenu,
body#renting #nav #mm_renting .submenu,
body#selling #nav #mm_selling .submenu,
body#finance #nav #mm_finance .submenu,
body#news #nav #mm_news .submenu,
body#contactUs #nav #mm_contactUs .submenu{
	display: block;
}
		   
body.salesSearch #nav li.salesSearch a,
body.ofi #nav li.ofi a,
body.buyersWishlist #nav li.buyersWishlist a,
body.buyingTips #nav li.buyingTips a,
body.foreignInvestors #nav li.foreignInvestors a,
body.calculators #nav li.calculators a,
body.sold #nav li.sold a,
body.companyTitle #nav li.companyTitle a,
body.alert #nav li.emailAlert a,	 
body.emailAlert #nav li.emailAlert a,	   
body.rentalList #nav li.rentalList a,
body.rentalSearch #nav li.rentalSearch a,
body.applicationForm #nav li.applicationForm a,
body.maintenanceRequest #nav li.maintenanceRequest a,
body.landlordInfo #nav li.landlordInfo a,
body.tenantInfo #nav li.tenantInfo a,
body.rentalAppraisal #nav li.rentalAppraisal a,	 
body.whySell #nav li.whySell a,
body.marketingStrategies #nav li.marketingStrategies a,
body.marketAppraisal #nav li.marketAppraisal a,
body.soldProperties #nav li.soldProperties a,
body.sellingTips #nav li.sellingTips a,
body.auctionPrivate #nav li.auctionPrivate a,
body.homeLoan #nav li.homeLoan a,
body.mortgageCalc #nav li.mortgageCalc a,
body.investmentCalc  #nav li.investmentCalc  a,
body.stampDutyCalc  #nav li.stampDutyCalc  a,
body.rwFinancialServices #nav li.rwFinancialServices a,
body.rwInsurance #nav li.rwInsurance a,
body.aboutUs #nav li.aboutUs a,
body.staff #nav li.teamProfiles a,
body.testimonials #nav li.testimonials a,
body.ourArea #nav li.ourArea a,
body.ourServices #nav li.ourServices a,
body.rwg #nav li.rwg a,
body.localMarket #nav li.localMarket a,
body.newsletter #nav li.newsletter a,
body.rwNews #nav li.rwNews a,
body.contactUs #nav li.contactUs a{
 color: #000000;
 background-image: url(../img/bullet_on.gif);
 border: none;
}

		
#footer, #footer a {
 color: #8C8C8C;
}
#footer div.core {
 padding: 40px 0 6px 12px;
 line-height: 125%;
}
#footer li {
 display: inline;
 font-size: 9px;
}
#footer li a, #footer li span {
 border-right: 1px solid #C5C5C5;
 padding: 0 5px 0 2px;
 border-bottom: none;
}
#footer li a:hover {
 color: #333333;
}
#footer li.last a {
 border-right: none;
}

/* CONTENT PAGE SPECIFIC*/

#content {
 border: 1px solid #EEEEEE;
 padding: 30px;
 width: 436px;
}
body#home #content { /* home page override */
 border: none;
 padding: 0;
 width: 496px;
}

#content #title {
 background-image: url(../img/arrow_small.gif);
 background-position: center right; 
 background-repeat: no-repeat;
 border-bottom: 2px solid #FFFF00;
 margin-bottom: 1.5em;
}
#content h1 {
 background-repeat: no-repeat;
 height: 33px;
}
#content h1 em {
 display: none;
}
#content h1.hd {
 text-indent: -9999px;
}
#content h1#aboutUs { background-image: url(../img/t_aboutUs.gif); }
#content h1#applicationForm { background-image: url(../img/t_applicationForm.gif); }
#content h1#appraisal { background-image: url(../img/t_appraisal.gif); }
#content h1#arrangeInspection { background-image: url(../img/t_arrangeInspection.gif); }
#content h1#auctionOrPrivateTreaty { background-image: url(../img/t_auctionOrPrivateTreaty.gif); }
#content h1#buyersWishlist { background-image: url(../img/t_buyersWishlist.gif); }
#content h1#buying { background-image: url(../img/t_buying.gif); }
#content h1#buyingTips { background-image: url(../img/t_buyingTips.gif); }
#content h1#calculators { background-image: url(../img/t_calculators.gif); }
#content h1#contactUs { background-image: url(../img/t_contactUs.gif); }
#content h1#emailAlert { background-image: url(../img/t_emailAlert.gif); }
#content h1#finance { background-image: url(../img/t_finance.gif); }
#content h1#findingAHomeLoan { background-image: url(../img/t_findingAHomeLoan.gif); }
#content h1#foreignInvestors { background-image: url(../img/t_foreignInvestors.gif); }
#content h1#freeRentalAppraisal { background-image: url(../img/t_freeRentalAppraisal.gif); }
#content h1#investmentCalculator { background-image: url(../img/t_investmentCalculator.gif); }
#content h1#landlordInfo { background-image: url(../img/t_landlordInfo.gif); }
#content h1#localMarketReview { background-image: url(../img/t_localMarketReview.gif); }
#content h1#maintenanceRequest { background-image: url(../img/t_maintenanceRequest.gif); }
#content h1#marketingStrategies { background-image: url(../img/t_marketingStrategies.gif); }
#content h1#mortgageCalculator { background-image: url(../img/t_mortgageCalculator.gif); }
#content h1#news { background-image: url(../img/t_news.gif); }
#content h1#newsletter { background-image: url(../img/t_newsletter.gif); }
#content h1#openForInspection { background-image: url(../img/t_openForInspection.gif); }
#content h1#ourArea { background-image: url(../img/t_ourArea.gif); }
#content h1#ourServices { background-image: url(../img/t_ourServices.gif); }
#content h1#privacyStatement { background-image: url(../img/t_privacyStatement.gif); }
#content h1#rayWhiteFinancialServices { background-image: url(../img/t_rayWhiteFinancialServices.gif); }
#content h1#rayWhiteGroup { background-image: url(../img/t_rayWhiteGroup.gif); }
#content h1#rentalList { background-image: url(../img/t_rentalList.gif); }
#content h1#rentalSearch { background-image: url(../img/t_rentalSearch.gif); }
#content h1#renting { background-image: url(../img/t_renting.gif); }
#content h1#salesSearch { background-image: url(../img/t_salesSearch.gif); }
#content h1#selling { background-image: url(../img/t_selling.gif); }
#content h1#sellingTips { background-image: url(../img/t_sellingTips.gif); }
#content h1#soldProperties { background-image: url(../img/t_soldProperties.gif); }
#content h1#stampDutyCalculator { background-image: url(../img/t_stampDutyCalculator.gif); }
#content h1#strataAndCoTitle { background-image: url(../img/t_strataAndCoTitle.gif); }
#content h1#teamProfiles { background-image: url(../img/t_teamProfiles.gif); }
#content h1#tenantInfo { background-image: url(../img/t_tenantInfo.gif); }
#content h1#testimonials { background-image: url(../img/t_testimonials.gif); }
#content h1#thankYou { background-image: url(../img/t_thankYou.gif); }
#content h1#termsConditions { background-image: url(../img/t_termsConditions.gif); }
#content h1#whySellWithUs { background-image: url(../img/t_whySellWithUs.gif); }

#content div.photo {
 font-size: 90%;
 float: right;
 margin: 0 0 7px 0px;
 text-align: center;
 color: #000000;
 clear: right;
}
#content div.photo img {
 border: 4px solid #EBEBEB;
 margin-bottom: 2px;
 margin-left: 7px;
}

#content p, #content ul, #content blockquote {
 margin-bottom: 1.25em;
}
#content blockquote {
 padding-left: 1em;
 border-left: 2px solid #FFFF00;
 color: #373737;
}
body#home #content ul {
 margin-bottom: 0;
}

#content ul li {
 padding-bottom: .25em;
}
body#home #content ul li {
 padding-bottom: 0;
}

#content h2, .heading5, .heading2 {
 color: #000000;
 text-transform: lowercase;
 margin-bottom: .75em;
 margin-top: 1.5em;
}

#content h3 {
 font-size: 125%;
 color: #626262;
 text-transform: lowercase;
 margin-bottom: .5em;
 margin-top: 1.5em;
}


body#home #content h2 {
 margin: 0;
}

#content ul {
 list-style-image: url(../img/bullet_on.gif);
 margin: 0 0 1em 1em;
 padding: 0 0 0 0;
}
#content ul li #minor_bullet {
 margin: 0 0 0em 1em;
 padding: 0 0 0 0;
}
#content ul li #minor_bullet li {
	list-style-position: outside;
	list-style-image: url(../img/bullet_minor.gif);
	line-height: 135%;
}

.footnote {
	font-family: verdana, arial, sans-serif;
	font-size: 0.7em;
	color: #333333;
	line-height: 135%;
	vertical-align: text-top;
}



/* HOME PAGE SPECIFIC */

#panelContainer {
 background-color: #FBFBFB;
 border: 1px solid #F0F0F0;
 margin-top: 15px;
 padding: 10px;
 width: 464px;
}

#panelContainer .panel {
 width: 190px;
 float: left;
 background-color: #FFFFFF;
 border: 1px solid #F0F0F0;
 padding: 8px 16px 8px 16px;

}
#panelContainer .panel h2 {
 font-size: 100%;
 text-transform: uppercase;
 color: #000000;
}
/* locations panel */
#panelContainer #locations {
 line-height: 125%;
}

#panelContainer #locations .office {
 font-size: 90%;
 margin-top: 12px;
}
#panelContainer #locations .office h3 {
 font-family: verdana, arial, sans-serif;
 font-size: 110%;
 text-transform: lowercase;
 margin: 0;
}
#panelContainer #locations .office address {
 font-style: normal;
}
#panelContainer #locations .office a {
 border: none;
}
#panelContainer #locations .office a img {
 border: 1px solid #BFBFBF;
 float: left;
 margin: 3px 10px 0 0;
}
#panelContainer #locations .office a:hover img {
 border: 1px solid #FFFF00;
}
#panelContainer #locations .office a:active img {
 border: 1px solid #000000;
}


/* feature property panel */
#panelContainer #featureProperty {
 margin-left: 15px;

}
* html #panelContainer #featureProperty { /* ie only hack */
 height: 174px;
}
#panelContainer #featureProperty a {
 border: none;
}
#panelContainer #featureProperty  img {
 border: 4px solid #EBEBEB;
 width: 144px;
 margin: 5px 0 0 0;
}
#panelContainer #featureProperty strong {
 text-transform: uppercase;
}

/* suburb list panel */
#panelContainer #suburbList {
 padding: 7px 10px 7px 10px;
 width: 200px;
 clear: left;
 margin-top: 10px;
 text-align: center;
}
* html #panelContainer #suburbList { /* ie only hack */
 padding: 8px 10px 9px 10px;
}
#panelContainer #suburbList ul {
 margin: 0;
}
#panelContainer #suburbList li {
 font-size: 10px;
 letter-spacing: 1px;
 display: inline;
 padding-left: 1em;
 background-image: url(/img/bullet_minor.gif);
 background-position: center left; 
 background-repeat: no-repeat;
}
#panelContainer #suburbList li.noBullet {
 padding-left: 0;
 background-image: none;
}

/* email alert panel */
#panelContainer #emailAlert {
 color: #666666;
 display: block;
 margin: 10px 0 0 15px;
 padding: 5px 10px 5px 45px;
 border: 4px solid #FFFF00;
 width: 160px;
 background-image: url(/img/arrow.gif);
 background-position: 10px 8px; 
 background-repeat: no-repeat;
 font-size: 90%;
}
* html #panelContainer #emailAlert { /* ie only hack */
 margin-left: 18px;
}
#panelContainer #emailAlert:hover {
 background-color: #FFFFF2;
 color: #000000;
}
#panelContainer #emailAlert strong {
 font-size: 110%;
 font-family: arial, verdana, sans-serif;
 text-transform: uppercase;
 color: #000000;
}

/* Listings
------------*/

body.listing .property {
width: 192px;
float: left;
min-height: 300px;
margin: 1em 10px 1em 10px;
padding-right:5px;
font-size: 0.9em;
}
* html #content .property  { /* damn you ie */
height: 330px;
}

body.listing #content .property a.image:hover   img {
width: 184px;
height: 119px;
border: 4px solid yellow;
}
body.listing #content .property a.image img {
width: 184px;
height: 119px;
border: 4px solid #e7e7e7;
}
body.listing #content .property .details {
float: left;
margin: 0;
padding: 0;
}

body.listing #content .property .features {
float: left;
font-weight: bold;
color: #F2891C;
}

body.listing #content .property .features img {
margin: 2px 7px 2px 2px;;
vertical-align: bottom;
}

body.listing #content .property .details h2 {
font-weight: bold;
color: #000000;
text-transform: uppercase;
 font-family: arial, verdana, sans-serif; 
 margin: 0 0 2px 0;
 line-height: 125%;
padding: 0;

}

body.listing #content .property .details h3{
font-weight: bold;
color: #666666;
 font-family: arial, verdana, sans-serif; 
 margin: 0 0 2px 0;
font-size: 1.1em;
font-style: normal;
padding: 0;

}

body.listing #content .property .details p {
margin-bottom: 0 !important;
}

body.listing #content  .property .price {
text-align: right;
}


body.listing #content p.pagebar {
 font-size: 100%;
 text-transform: uppercase;
 color: #000000;
}
body.listing #content .features p{
 border: 1px solid #999999;
	float: left;
	background-repeat: no-repeat;
	background-position: 5px 3px;
	background-color: #F2F2F2;
	padding: 0 4px 0 0;
	margin: 8px 3px 0 0;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-align: right;
	width: 40px;
}

/* Property detail
-------------------*/

body.detail .images p {
font-weight: bold;
font-size: 0.8em;
}

body.detail dl dt {
font-weight: bold;
}

body.detail #content h2 {
 line-height: 120%;
}

body.detail #content h3 {

}

body.detail #content ul {
margin-bottom: 15px;
list-style-type: none;
list-style-position: outside;
}

body.detail #content ul#outgoingslist,
body.detail #content ul#features {
list-style-position: inside;
list-style-type: square;
}



body.detail #propertydetails {
width: 450px;
float: left;
margin-bottom: 20px;
}



body.detail  img {
width: 118px;
margin-right: 2px;
margin-bottom: 2px;
display: block;
float: left;
border: 1px solid #22243D;
}

body.detail .images {
 border: 1px solid white;
width: 440px;
background-color: white;
}

body.detail  .images a {
 text-decoration: none;
 border: none;
}

body.detail  .images a img {
  border: 4px solid #EBEBEB;
}

body.detail .images a:hover img {
  border: 4px solid #FFFF00;
}

body.detail  .images p {
text-align: center;
clear: both;
}
body.detail  .images img#mainimage{
 width: 429px;
	height: 323px;
	vertical-align: bottom; /* damn you ie */
}
body.detail  .images img {
	margin: 4px 2px 0 2px;
	padding: 0;
	width: 133px;
	height: 100px;
	vertical-align: bottom; /* damn you ie */
}

body.detail  dl {
margin-bottom: 10px;
clear: both;
}

body.detail dl.agentdetails img {
width: auto !important;
margin-right: 10px !important;
}

body.detail table {
border: 1px solid #fff;
margin-bottom: 10px;
 margin-top: 10px;
 width: 432px;
}

body.detail table td, body.detail table th  {
	color: #000000;
	padding: 2px;
}

body.detail table th {
padding-top: 4px;
padding-right: 4px;
color: #000000;
width: 150px;
background-color: #F2F2F2;
text-transform: lowercase;
}


body.detail table td {
 color: #626262;
 padding-left: 4px;
 background-color: #F8F8F8;
 border: 2px solid #fff;
}

body.detail table td ul {
margin: 0;
}

body.detail table td ul li {
padding: 3px;
list-style: none;
text-indent: -15px;
}
body.detail table td ul {
padding: 3px;
list-style: none;
margin: 0;
}

body.detail table caption {
  display: none;
}

body.detail table th {
text-align: right;
line-height: 110%;
vertical-align: top;
border:2px solid #fff;
}
/* Listings
------------*/
body.stocklist h1{
font-weight: normal;
float: right;
font-size: 1.1em;
width: 320px;

}

body.stocklist #heading{
border-bottom: 10px solid yellow;
height: 50px;
float: left;
}
body.stocklist .property {
width: auto;
float: left;
margin: 1em 0px 1em 0px;
padding-right:5px;
font-size: 0.9em;
border-bottom: 1px solid #e7e7e7;
}

body.stocklist .property img {
width: 120px;
border: 0px solid #e7e7e7;
float: left;
margin: 0 10px 0 0;
}
body.stocklist .property .details {
float: left;
margin: 0;
padding: 0;
width: 300px;
display: block;
}

body.stocklist .property .features {
float: right;
width: 150px;
font-weight: bold;
color: #F2891C;

}

body.stocklist .property .features img {
margin: 2px 7px 2px 2px;;
vertical-align: bottom;
width: auto;
}

body.stocklist .property .details h2 {
font-weight: bold;
color: #000000;
text-transform: uppercase;
 font-family: arial, verdana, sans-serif; 
 margin: 0 0 2px 0;
 line-height: 125%;
padding: 0;

}

body.stocklist .property .details h3{
font-weight: bold;
color: #666666;
 font-family: arial, verdana, sans-serif; 
 margin: 0 0 2px 0;
font-size: 1.1em;
font-style: normal;
padding: 0;

}

body.stocklist .property .details p {
margin-bottom: 0 !important;
}

body.stocklist .property .price {
text-align: right;
}


body.stocklist .features p{
 border: 1px solid #999999;
	float: right;
	background-repeat: no-repeat;
	background-position: 5px 3px;
	background-color: #F2F2F2;
	padding: 0 4px 0 0;
	margin: 8px 3px 0 0;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-align: right;
	width: 40px;
}


/* Property detail printfriendly
---------------------------------*/

html.brochure,
body.brochure {
background-image: none;
background-color: #fff;
}
body.brochure #wrap {
width: 592px !important;
background-image: none;

height: 100%;
margin: 10px auto;

}
body.brochure #main {
background-image: none !important;
}			
body.brochure #content {
background-image: none !important;
float: none !important;
width: 592px !important;
}
body.brochure #header {
background-image: none;

}
body.brochure #header img {
width: auto;
border: 0px;
}
body.brochure #propertydetails {
width: 380px;
float: right;
padding: 0;
}
body.brochure p#description{
float: none;
}
body.brochure .images  {
width: 592px;
height: 420px;

}
body.brochure .images img#mainimage {
border: 5px solid yellow;
float: left;
margin: 0 2px 2px 0;
padding: 0;
width: 592px;
height: 420px;

}
body.brochure #extradetails {

}
body.brochure .officeDetails{

width: 250px;
float: right;
text-align: right;

}

body.brochure #column{
font-size: 0.9em;
width: 150px;
float: left;
text-align: left;
margin: 20px 0;

}
body.brochure #column dl.bedBathCar dt{
width: 120px;
float: left;
text-align: left;
clear: both;
}

body.brochure ul li{
list-style: none;
text-indent: -10px;
}
body.brochure h2{
clear: both;
}
body.brochure h3{
width: auto;
float: none;
clear: both;
}
body.brochure h4{
font-size: 1.0em;
}