/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Arial, Helvetica, sans-serif;
color: #666;
}
p,
div.text  {
font-size: 1em;
line-height: 1.5em;
margin-bottom: 10px;
color: #000;
}
div.text p {
font-size: 1em; /* font-size fix within text div */
}
dl,
ul,
ol,
form input, 
form textarea,
form select {
font-size: 1em;
font-family: Arial, Helvetica, sans-serif; /* Used to fix font issue with textarea */
}
div.text ul,
div.text ol {
margin: 0 0 10px 30px;
list-style: disc;
font-size: 1em; /* font-size fix within text div */
}
div.text ol {
list-style: decimal;
list-style-position: outside;
}
a:link,
a:visited {
color: #320d05;
}
a:hover {
color: #21B150;
}
hr {
border: none;
height:1px;
background-color: #000;
margin-bottom:15px;
}
/* Style for Button style links */
a.button:link,
a.button:visited {
background-color: #4f227f;
padding: 5px 10px;
text-decoration: none;
text-transform: lowercase;
color: #fff;
}

/* Headings */
h1 {
color: #320d05;
font-size: 1.3em;
font-weight: bold;
padding: 15px 0 0 0;
margin: 0 0 25px 0;
}
h2 {
color: #320d05;
font-size: 1.1em;
font-weight: bold;
margin-bottom: 10px;
}
div.text h2 {
font-size: 1.1em; /* font-size fix within text div */
}
h3 {
font-size: 1em;
}
div.text h3 {
font-size: 1em; /* font-size fix within text div */
}


/* Structure 
------------ */
body {
background-color: #000;
}
#wrap{
width: 980px;
margin: 0 auto;
background-color: #FFF;
}
#header {
padding: 29px 0 0 38px;
background-image: url(/_lib/professional/chocolate/img/header_bkg.jpg);
background-position: top left;
background-repeat: repeat-x;
}
#footer {
background-color: #552e07;
text-align: center;
height: 30px;
padding: 2px 0 0 0;
}
#content {
margin: 2px 0 5px 0;
padding: 0;
background-color: #f7d495;
}
#main {
width:730px;
float:left;
padding: 0 15px 0 30px;
}
#rotation{
width: 200px;
float:right;
background-color: #2e0b05;
padding: 25px 0;
}
#banner{
margin: 0 0 2px 0;
}
#banner img{
width: 980px;
height: 100px;
margin-bottom: 2px;
}
#mainContent #dyntext{
width: 415px;
float: left;
}
#subContent #dyntext{
width: 300px;
float: right;
}

/* Header
----------*/
#header {
height: 73px;
}
#header img#logo {
display: block;
margin: 0;
}

/* Footer
--------- */
#footer {
font-size: 0.9em;
margin: 0;
padding-top: 10px;
color: #FFF;
}
#footer a:link,
#footer a:visited {
color: #FFF;
text-decoration: none;
}
#footer a:hover {
color: #22b251;
}
#footer #address {
float: left;
margin-left: 10px;
}
#footer #statement {
float: right;
margin-right: 10px;
}

/* Dropdown menu
-----------------*/
.menu {
background-color: #421007;
height: 30px;
}

.menu a {
display: block;
height: 30px;
margin: 0;
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
text-indent: -9999em;
}
.menu li#homeList a {
background-image: url(/_lib/professional/chocolate/img/mm_home.jpg);
width: 84px;
}
.menu li#buyList a {
background-image: url(/_lib/professional/chocolate/img/mm_buy.jpg);
width: 133px;
}
.menu li#builderList a {
background-image: url(/_lib/professional/chocolate/img/mm_builder.jpg);
width: 170px;
}
.menu li#sellList a {
background-image: url(/_lib/professional/chocolate/img/mm_sell.jpg);
width: 150px;
}
.menu li#loansList a {
background-image: url(/_lib/professional/chocolate/img/mm_loans.jpg);
width: 80px;
}
.menu li#rentList a {
background-image: url(/_lib/professional/chocolate/img/mm_rent.jpg);
width: 72px;
}
.menu li#loginList a {
background-image: url(/_lib/professional/chocolate/img/mm_login.jpg);
width: 77px;
}
.menu li#aboutList a {
background-image: url(/_lib/professional/chocolate/img/mm_about.jpg);
width: 99px;
}
.menu li#contactList a {
background-image: url(/_lib/professional/chocolate/img/mm_contact.jpg);
width: 115px;
}
.menu .dropdown,
.menu a:hover {
background-position: 0 -30px;
}
#menu .menu li li a {
font-size: 0.9em;
text-indent: 20px;
background-image: none;
background-color: #22b251;
margin-top: 0;
padding: 5px 0;
border-bottom: 1px solid #431207;
width: 190px;
color: #fff;
text-decoration: none;
height: auto;
-moz-opacity:.90;
filter:alpha(opacity=90);
}
#menu .menu li li a:hover {
background-color: #6a3c0e;
-moz-opacity:1.0;
filter:alpha(opacity=100);
}

body#home #homeList a,
body.contactPage #contactList a,
body.linksPage #loansList a,
body.staffPage #aboutList a,
body.personPage #aboutList a,
body.testimonialPage #aboutList a,
body.rentAppraisalPage #rentList a,
body.docLibPage#buying #buyList a,
body.docLibPage#renting #rentList a,
body.docLibPage#contact #contactList a,
body.vacatePage #rentList a,
body.maintenancePage #rentList a,
body.salesAppraisalPage #sellList a,
body.auctionPage #buyList a,
body.alert #buyList a,
body.searchForm#buying #buyList a,
body.searchForm#renting #rentList a,
body.ofiPage #buyList a,
body.listingPage#buying #buyList a,
body.listingPage#selling #sellList a,
body.listingPage#renting #rentList a,
body.detailsPage#buying #buyList a,
body.detailsPage#selling #sellList a,
body.detailsPage#renting #rentList a,
body.dynPage#buyingtips #buyList a,
body.dynPage#sellingtips #sellList a,
body.dynPage#listingwithls #sellList a,
body.dynPage#rentingwithus #rentList a,
body.newsPage #newsList a,
body.newsArchivePage #newsList a,
body.dynPage#aboutus #aboutList a,
body.dynPage#buyingdirect #aboutList a,
body.dynPage#finance #loansList a
{
background-position: 0 -30px;
}

/* Standard forms
------------------*/
form textarea, input, select{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
legend {
color: #552e07;
font-weight: bold;
}
form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #552e07;
}
form li {
list-style-type: none;
margin: 0 0 10px 0;
}
form label {
display: block;
float: left;
width: 180px;
margin-right: 10px;
margin-bottom: 5px;
}
form input {
width: 250px;
}
form textarea {
width: 250px;
}
form select {
width: 254px;
}
form input.radio {
width: 30px;
border: none;
}
form p {
clear: both;
}
form fieldset#submit,
form fieldset.submit {
border: none;
padding: 0;
text-align: right;
}
form fieldset#submit input,
form fieldset.submit input,
form input.button {
height: 26px;
width: 71px !important;
background-color: transparent;
background-position: top left;
background-repeat: no-repeat;
color: #18506d;
text-indent: -9999em;
padding: 0;
cursor: pointer;
border: none;
}
form input.button {
background-image: url(/_lib/professional/chocolate/img/btn_submit.gif);
}
form fieldset input.submit {
background-image: url(/_lib/professional/chocolate/img/btn_submit.gif);
}
form fieldset input.clear {
background-image: url(/_lib/professional/chocolate/img/btn_clear.gif);
}
form fieldset input.search {
background-image: url(/_lib/professional/chocolate/img/btn_search.gif);
}
form fieldset input.login {
background-image: url(/_lib/professional/chocolate/img/btn_login.gif);
}
form fieldset input.activate {
background-image: url(/_lib/professional/chocolate/img/btn_reactivate.gif);
}
form fieldset input.proceed {
background-image: url(/_lib/professional/chocolate/img/btn_proceed.gif);
}
form em span,
form .required {
color: #B90000;
font-weight: bold;
}

/* Popups
---------*/
html.popup{
background-color: #F7D495;
}
html.popup #content {
margin: 0;
width: auto;
padding: 13px 21px 7px 21px;
float: none;
}
#GB_window {
background-color: #868686;
}
html.popup #header {
display: none;
}

/* Homepage
----------- */
body#home #content {
background-color: #fff;
margin: 2px 0 5px 0;
padding: 0 0 0 0;
}
body#home #main {
width:775px;
float:left;
padding: 0 0 0 0;
}
body#home #home_top{
height: 260px;
margin-bottom: 5px;
}
body#home #home_top h1 {
padding: 0 0 0 0;
margin: 0 0 25px 0;
}
#home_top #homepagetext{
background-color: #f7d495;
float: left;
width: 550px;
height: 230px;
margin: 0;
padding: 15px;
overflow: hidden;
}

/* POWs */
#featurePropertyMultiple .pow {
position: relative;
float:left;
background-color: #451507;
width: 230px;
height: 235px;
margin: 0 5px 0 0;
padding: 10px;
}
#featurePropertyMultiple .pow #fp_corner{
position: absolute;
top: 0pt;
left: 0pt;
z-index: 100;
width: 126px;
height: 85px;
}

#featurePropertyMultiple .pow#middle {
margin: 0 5px 0 0;
}
#featurePropertyMultiple .pow img {
width: 230px;
display: block;
margin: 0;
}
#featurePropertyMultiple .pow h3 {
font-weight: normal;
padding: 10px 0 0 0;
margin: 0;
color: #FFF;
text-transform: capitalize;
}
#featurePropertyMultiple .pow h3#suburb{
padding: 0 0 0 0;
font-weight: bold;
text-transform: uppercase;
}
#featurePropertyMultiple a#viewmore{
float: right;
background-image: url(/_lib/professional/chocolate/img/btn_viewmore.gif);
display: block;
width: 77px;
height: 21px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -9999px;
}
body#home #fps{
float: left;
}

/* Quicksearch */
#home_top #quicksearch {
float: right;
background-color: transparent;
background-image: url(/_lib/professional/chocolate/img/bg_quicksearch.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 190px;
height: 260px;
overflow: hidden;
padding: 0;
}
/* Prop Alert Link */
#propAlert {
float: left;
margin: 0;
padding: 0;
}
body#home #propAlert #dyntext img{

}
/* Latest News Spill */

/* Property Alert
----------------- */
body.alert #wrap #loginbox {
margin: 120px 0 0 0;
}
body.alert #wrap #content #alertmenu {
background-color: #552e07;
}
body.alert #wrap #content #alertmenu li {
border-right: 1px solid #d9d9d9;
}
body.alert #wrap #content #alertmenu a {
color: #fff;
}
body.alert #wrap #content #alertmenu a:hover {
background-color: #2e0b05;
color: #fff;
text-decoration: none;
}

/* Search Form
-------------- */
body.searchForm #wrap #content {
background: transparent url(/_lib/professional/002/img/hd_blue.gif) top left no-repeat;
margin: 2px 25px 14px 25px;
padding: 13px 0;
}
body.searchForm #wrap #content h1,
body.searchForm #wrap #content #dyntext {
margin: 0 13px 14px 13px;
}

/* Listings
-------------- */
body.listingPage #main{
width: 760px;
padding: 0 0 0 10px;
}
body.listingPage #content {
background-color: #f7d495;
margin: 2px 0 5px 0;
padding: 0 0 0 0;
}
body.listingPage #content h1 {
margin: 0 0 14px 13px;
}

/* Property Details
------------------- */
body.detailsPage #main {
width: 760px;
padding: 0 0 0 10px;
}
body.detailsPage #main #mainContent {
float: left;
width: 570px;
}
body.detailsPage #content {
background-color: #f7d495;
margin: 2px 0 5px 0;
padding: 0 0 0 0;
}
body.detailsPage #subContent {
float: right;
}
body.detailsPage #wrap #content h1 {
margin: 0 13px 14px 0;
}

/* OFI, Auction
-------------- */

body.ofiPage #content,
body.auctionPage #content {
background-color: #F7d495;
margin: 2px 0 5px 0;
padding: 0 0 0 0;
}
body.ofiPage #content h1,
body.auctionPage #content h1 {
margin: 0 0 14px 0;
}

/* Staff List
------------- */
body.staffPage #wrap #content {
background-color: #f7d495;
margin: 2px 0 5px 0;
padding: 0 0 0 0;
}
body.staffPage #main {
width: 740px;
padding: 0 0 0 30px;
}
body.staffPage #main #mainContent {
float: left;
width: 480px;
}
body.staffPage #main #staff{
margin: 0;
padding: 0;
}
body.staffPage #wrap #content h1 {
margin: 0 13px 14px 0;
}
body.staffPage #wrap #content #subContent {
float: right;
width: 240px;
}

dl.officeDetails{
color: #320d05;
}

body.contactPage #contactDetails dt.secondaryAddress {
margin-top: 15px;
}

body.contactPage #feedbackForm.emailForm form{
float: left;
width: 500px;
}
body.contactPage dl.officeDetails{
float: right;
margin: 5px 15px 0 0;
}


/* Links
----------*/
body.linksPage {
color: #320d05;
}

div#links h3 {
margin-bottom: 15px;
}

div#links dl {
border-bottom: 1px solid #320d05;
padding-bottom: 5px;
margin-bottom: 10px;
overflow: hidden;
}

div#links dl dt {
font-weight: bold;
}

div#links dl dd {
margin-bottom: 5px;
}

div#links dl dd img {
float: right;
border: 1px solid #320d05;
padding: 5px;
margin-left: 15px;
}

/* eGate form page */

body.advertising #mainContent #dyntext {
width: auto;
float: none;
}

body.advertising fieldset {
border:none !important;
}
body.advertising select,
body.advertising input {
width:56px !important;
}
body.advertising input.medium {
width:141px !important;
}

body.advertising .copy {
width: 191px;
padding:10px 12px;
margin-bottom:15px;
background-color:#4c2007;
color:#fff;
position:relative;
float:right;
}

body.advertising .emailForm p {
clear: none;
width: 290px;
}

body.advertising .copy p {
color:#fff;
width: auto;
}

body.advertising img.snapshot {
width: 178px;
border:2px solid #2e0b05;
float:right;
margin-right: 3px;
}

body.advertising .copy a.enquire {
background-image: url(/_lib/professional/chocolate/img/btn_enquire.gif);
display: block;
width: 92px;
height: 21px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -9999px;
position:absolute;
bottom: 0;
right:0;
}

body.advertising hr {
clear:both;
}