/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #fff;
}
p,
div.text  {
font-size: 1em;
margin-bottom: 10px;
}
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: Tahoma, 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: inside;
}
a:link,
a:visited {
color: #66ccff;
text-decoration:underline;
}
a:hover,
a:active {
color: #66ccff;
text-decoration:none;
}

/* Style for Button style links */
a.button:link,
a.button:visited {
background-color: transparent;
background-position: top left;
display: block;
height: 25px;
text-indent: -9999em;
}

a.more {
background-image: url(img/btn-details.jpg);
width:58px;
}

/* Headings */
h1 {
color:#FFF;
font-size: 1.6em;
font-weight:bold;
margin: 0 10px 10px 15px;
padding-top:10px;
}

h2 {
font-size: 1.1em;
margin-bottom: 10px;
}
div.text h2 {
font-size: 1.1em; /* font-size fix within text div */
}
h3 {
font-size: 1.1em;
margin-bottom: 3px;
}
div.text h3 {
font-size: 1.1em; /* font-size fix within text div */
}


/* Structure 
------------ */
body {
background: #325371 url(img/bg-body.jpg) no-repeat top center;
}

#wrap{
width:960px;
margin:0 auto;
}

#header {
height: 100px;
background: url(img/bg-header-offices.jpg) no-repeat top left;
position:relative;
}
#header a {
width: 124px;
height: 69px;
color:white;
text-decoration: none;
display:block;
text-indent:-9999em;
}
#header a#logo-mooloolaba {
background:url(img/henzells-mooloolaba-logo.jpg) no-repeat 0 0;
margin: 15px 0 0 40px;
float: left;
}
#header a#logo-buderim {
background:url(img/henzells-buderim-logo.jpg) no-repeat 0 0;
margin: 15px 0 0 7px;
float: left;
}
#header a#logo-commercial {
background:url(img/henzells-commercial-logo.jpg) no-repeat 0 0;
margin: 15px 0 0 7px;
float:left;
}
#header a#logo-rural {
background:url(img/henzells-rural-logo.jpg) no-repeat 0 0;
margin: 15px 0 0 7px;
float:left;
}

#header a#caloundra {
width: 145px;
height:25px;
position:absolute;
left:644px;
height:20px;
top:35px;
text-indent:0;
}
#header a#pelican {
width: 165px;
height:25px;
position:absolute;
left:828px;
height:20px;
top:35px;
text-indent:0;
}

#leftColumn {
float: left;
width: 220px;
}

#rightColumn {
background:#25435e url(img/bg-rightColumn.jpg) no-repeat 0 0;
float: right;
width: 740px;
margin-bottom:23px;}
			
			
#content {
background:url(img/bg-content-base.gif) repeat-x bottom left;
padding:10px 15px 15px 0;
}

#footerWrap {
background:#18334b url(img/bg-footerWrap-top.gif) repeat-x 0 0;
height: 143px;
}
#footer {
background:url(img/bg-footer.jpg) no-repeat 0 0;
color: #85a0b8;
text-align: center;
width:960px;
margin:0 auto;
padding-top:46px;
position:relative;
}
home#footer {
background-image: none;
}

#footer a#caloundra {
width: 180px;
height:30px;
position:absolute;
left:25px;
top:9px;
text-indent:-99999px;
display:block;
}
#footer a#pelican {
width: 210px;
height:30px;
position:absolute;
left:390px;
top:9px;
text-indent:-99999px;
display:block;
}
#footer a#maleny {
width: 145px;
height:30px;
position:absolute;
left:800px;
top:9px;
text-indent:-99999px;
display:block;
}

#footer p {
color: #85a0b8;
text-align: center;
}
#footer a:link, #footer a:visited {
color: #85a0b8;
text-decoration: underline;
}
#footer a:hover, #footer a:active {
color: #66ccff;
text-decoration: none;
}
#footer p.footerBase {
color: #284763;
text-align: center;
}
#footer p.footerBase a:link, #footer p.footerBase a:visited {
color: #284763;
text-decoration: none;
}
#footer p.footerBase a:hover, #footer p.footerBase a:active {
color: #66ccff;
text-decoration: none;
}

#mainContent {
width:390px;
float:left;
padding: 20px 15px;
}

#subContent {
float:right;
padding: 20px 0 20px 0;
width: 295px;
}


/* Dropdown menu
-----------------*/
#menu {
margin: 0 0 21px 22px;
width: 166px;
}

#menu ul li li  {
height: 1%;
}

.menu li {
padding:0;
}
.menu a {
display:block;
height: 23px;
width: 176px;
text-indent:-9999em;
overflow: hidden;
background-color: transparent;
background-position: top left;
background-repeat: no-repeat;
border-bottom: 1px solid #284763;
}
.menu #homeList a {
background-image: url(img/mm-home.gif);
}
.menu #buyList a {
background-image: url(img/mm-buying.gif);
}
.menu #sellList a {
background-image: url(img/mm-selling.gif);
}
.menu #rentList a {
background-image: url(img/mm-renting.gif);
}
.menu #ruralList a {
background-image: url(img/mm-rural.gif);
}
.menu #commericalList a{
background-image: url(img/mm-commercial.gif);
}
.menu #businessList a{
background-image: url(img/mm-business.gif);
}
.menu #usefulInfoList a {
background-image: url(img/mm-useful.gif);
}
.menu #careersList a {
background-image: url(img/mm-careers.gif);
}
.menu #aboutList a {
background-image: url(img/mm-about.gif);
}
.menu #contactList a {
background-image: url(img/mm-contact.gif);
}

.menu a:hover,
.menu a.dropdown {
background-position: top right;
}

body#home .menu #homeList a,
body#buying .menu #buyList a, 
body#selling .menu #sellList a, 
body#renting .menu #rentList a,
body#rural .menu #ruralList a,
body#commercial .menu #commericalList a,
body#business .menu #businessList a,
body#usefulInfo .menu #usefulInfoList a, 
body#careers .menu #careersList a, 
body#about .menu #aboutList a, 
body#contact .menu #contactList a {
background-position: top right;
}

.menu li ul {
background-color:#18334b;
margin:0 0 0 5px;
padding:0;
left:150px !important;
top: 5px;
}

.menu li li a:link,
.menu li li a:visited {
font-weight:bold;
text-indent:0;
background-image:none !important;
height:auto;
padding:7px 9px;
background-color:#18334b;
width:200px !important;
margin-left:3px;
color:#fff;
text-decoration:none;
border-bottom: 1px solid #284763;
}
.menu li li a:hover {
background-color:#18334b;
color:#66ccff;
}

/* Standard forms
------------------*/
form textarea, input, select{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
}
legend {
color: #fff;
}
form fieldset {
margin: 15px;
padding: 10px;
border: 1px solid #25507a;
}
form li {
list-style-type: none;
}
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: 25px;
background-color: #1E3954;
background-position: top left;
background-repeat: no-repeat;
text-indent: -9999em;
padding: 0;
cursor: pointer;
border: none;
}
form input.button {
}
form fieldset input.submit {
background-image: url(img/btn-submit.jpg);
width:55px;
}
form fieldset input.clear {
background-image: url(img/btn-clear.jpg);
width:52px;
}
form fieldset input.search {
background-image: url(img/btn-search.jpg);
width:61px;
}
form fieldset input.login {
background-image: url(img/btn-login.jpg);
width:52px;
}
form fieldset input.password {
background-image: url(img/btn-send-password.jpg);
width:119px;
}
form fieldset input.unsubscribe {
background-image: url(img/btn-unsubscribe.jpg);
width:95px;
}
form fieldset input.activate {
background-image: url(img/btn-submit.jpg);
width:55px;
}
form em span,
form .required {
color: #66cbff;
font-weight: bold;
}

/* Popups
---------*/

body.popup #header {
background: url(img/bg-header-popups.jpg) no-repeat top left;
background-image:none;
}

body.popup #header span {
width: 124px;
height: 69px;
text-indent:-99999px;
display:block;
}
body.popup #header span#logo-mooloolaba {
background:url(img/henzells-mooloolaba-logo.jpg) no-repeat 0 0;
margin: 15px 0 0 40px;
float: left;
}
body.popup #header span#logo-buderim {
background:url(img/henzells-buderim-logo.jpg) no-repeat 0 0;
margin: 15px 0 0 7px;
float:left;
}
body.popup #header span#logo-commercial {
background:url(img/henzells-commercial-logo.jpg) no-repeat 0 0;
margin: 15px 0 0 7px;
float:left;
}

body.popup #content {
margin: 0;
width: auto;
padding: 13px 21px 7px 21px;
float: none;
background-image:none;
}
body.popup h1 {
padding: 0;
margin: 0 0 5px 10px;
}
body.popup h2,
body.popup div.text {
margin-left:10px;
}
/* Homepage
----------- */

body#home #content {
padding:0 0 15px 13px;
}

body#home #content h1 {
background:url(img/bg-h1-homepage.jpg) no-repeat 0 0;
width:710px;
height:30px;
text-indent:-9999em;
margin:17px 0 0 0;
}

body#home #flashAnim {
border:3px solid #406589;
margin: 0 0 5px 0;
width:708px;
height:298px;
display:block;
}

body#home #content div.text {
margin:10px 10px 10px 5px;
}


div.featureLink {
width:154px;
height:54px;
display:block;
margin:0 0 23px 22px;
padding:37px 8px 0 18px;
}

div.featureLink a {
background: url(img/btn-blue-arrow.gif) no-repeat bottom right;
padding-right:14px;
}

div#openForInspection {
background:url(img/feature-ofi.jpg) no-repeat 0 0;
}
div#rentalForInspection {
background:url(img/feature-rental.jpg) no-repeat 0 0;
}
div#auctions {
background:url(img/feature-auction.jpg) no-repeat 0 0;
}
div#marketAppraisal {
background:url(img/feature-market.jpg) no-repeat 0 0;
}
div#newsletterSub {
background:url(img/feature-news.jpg) no-repeat 0 0;
}
div#propAlertFeature {
background:url(img/feature-prop-alert.jpg) no-repeat 0 0;
}

div.featureLink2 {
width:154px;
height:150px;
display:block;
margin:0 0 23px 22px;
padding:37px 8px 0 16px;
}

div#follow {
background:url(img/feature-follow.jpg) no-repeat 0 0;
}


/* Quicklinks
------------- */
ul#quicklinks {
list-style-position: outside;
list-style: none;
margin: 50px 0 0 0;
padding:0;
}
ul#quicklinks li {
display: block;
margin: 0 0 4px 0;
float: left;
width: 166px;
}
ul#quicklinks li a {
display: block;
width: 128px;
border: 1px dotted #748ba1;
padding: 4px 3px 5px 35px;
background-position: 8px 0px;
background-repeat: no-repeat;
background-color: transparent;
color: #fff;
text-decoration: none;
font-size: 0.9em;
}
ul#quicklinks li a:hover {
border: 1px dotted #fff;
}
ul#quicklinks li a.events {
background-image: url(/_lib/professional/004/img/ql_events.gif);
}
ul#quicklinks li a.inspections {
background-image: url(/_lib/professional/004/img/ql_inspections.gif);
}
ul#quicklinks li a.appraisal {
background-image: url(/_lib/professional/004/img/ql_appraisal.gif);
}
ul#quicklinks li a.contact {
background-image: url(/_lib/professional/004/img/ql_contact.gif);
}

/* Property Alert
----------------- */

body.alert #wrap #content {
padding:10px 15px 15px 15px;
}

body.alert #wrap #content h1{
margin-left:0;
}

body.alert #wrap #content #alertmenu {
background-color: #4A79A8;
}
body.alert #wrap #content #alertmenu li {
border-right: 1px solid #406589;
}
body.alert #wrap #content #alertmenu a {
color: #fff;
}
body.alert #wrap #content #alertmenu a:hover {
background-color: #406589;
color: #fff;
text-decoration: none;
}

body.alert form input.button {
width: 55px;
background: url(/_lib/professional/henzell/img/btn-submit.jpg) no-repeat 0 0; 
}
