/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #6b6b6b;
}
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: 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;
}
a:link,
a:visited {
color: #60483b;
}
a:hover {
color: #000;
}

/* Style for Button style links */
a.button:link,
a.button:visited {
color: #333;
padding: 2px 6px;
text-decoration: none;
}
a.button:hover {
filter: alpha(opacity=80);
opacity: .8;
}

/* Headings */
h1 {
font-size: 1em;
margin: 0 0 15px 0; 
padding: 0 0 10px 0; 
color:#A22080;
font-weight:normal;
}
h2 {
font-size: 1.1em;
margin: 0 0 10px 0;
}
div.text h2 {
font-size: 1.1em; /* font-size fix within text div */
}
h3 {
color: #60483b;
font-size: 1em;
margin-bottom: 3px;
}
div.text h3 {
font-size: 1em; /* font-size fix within text div */
}


/* Structure 
------------ */
body,html {
background-color: #121315;
}
#outerWrap {
width:100%;
background: url(/img/middle-bg.jpg) repeat-y center;
}
#wrap {
width:100%;
background: url(/img/top-bg.jpg) no-repeat center top;
}
#header{
width:982px;
margin:0 auto;
}
#header {
height:81px;
}
#footer {
width:100%;
background: url(/img/bottom-footer.gif) no-repeat center bottom;
display:block;
height:135px;
clear:both;
}

#footer .container {
padding-top:80px;
text-align:right;
width:960px;
margin:0 auto;
color:#414143;
font-size:0.8em;
}
#footer .container a:link,
#footer .container a:visited {
color:#414143;
}
#footer .container a:hover {color:#ccc;text-decoration:underline;}

#mainOuterWrap {
background: url(/img/content-middle-bg.jpg) repeat-y center top;
}
#mainWrap {
background: url(/img/content-top-bg.jpg) no-repeat center top;
}
#main {
width:982px;
margin:0 auto;
min-height:580px;
}


#content {
padding:0;
margin: 0 auto;
width:920px;
}
#mainContent {
width:600px;
float:left;
}
#subContent {
width:300px;
float:right;
}
.break {
clear:both;
}

/* Header
----------*/
#header #logo {
float:left;
margin-top:0px;
/* margin-left:-11px;*/
}

/* Footer
--------- */
#footer a:link,
#footer a:visited {
color: #999;
text-decoration: none;
}

#footer a:hover {
color: #666;
}

/* fast find feature
----------------------------- */
#fastfindContainer{
text-align:right;
padding-top:20px;
}
#fastfindContainer input {width:182px; height:15px; margin-right:5px; font-size:.9em;}

#fastfindContainer input.button {
margin:0;
padding-bottom:3px;
width:60px;
text-indent:0;
background-image:none;
background-color:#e8a713;
height:19px;
color:#fff;
}

/* Dropdown menu
-----------------*/
#menu {
margin:10px 0 0 0;
float:left;
}
.menu li {
padding:0;
}
.menu a {
display:block;
height: 39px;
text-indent:-9000em;
overflow: hidden;
background-color: transparent;
background-position: bottom left;
}

.menu #residentialList a {
background-image: url(/img/nav_residential.gif);
width:82px;
}
.menu #commercialList a {
background-image: url(/img/nav_commercial.gif);
width:96px;
}
.menu #newsList a {
background-image: url(/img/nav_news.gif);
width:52px;
}
.menu #aboutList a{
background-image: url(/img/nav_about.gif);
width:113px;
}
.menu #usefulsitesList a {
background-image: url(/img/nav_usefulsites.gif);
width:96px;
}
.menu #suburbprofilesList a {
background-image: url(/img/nav_suburbprofiles.gif);
width:121px;
}
.menu #contactList a {
background-image: url(/img/nav_contact.gif);
width:72px;
}
.menu #homeList a {
background-image: url(/img/nav_home.gif);
width:50px;
}


.menu a:hover,
.menu a.dropdown {
background-position: top left;
}
.menu li li a:link,
.menu li li a:visited {
font-size: 0.9em;
text-indent:0;
background-image:none !important;
height:auto;
padding:4px 8px;
background-color:#f9f7f8;
width:140px !important;
color:#6a6a6a;
text-decoration:none;
border-left: 5px solid #9f218d;
border-right: 1px solid #cacdd2;
}
.menu li li.last a:link,
.menu li li.last a:visited {
border-bottom: 1px solid #cacdd2;
}
.menu li li a:hover {
background-color:#eeeeee;
border-left: 5px solid #d11140;
}
.menu li ul {
left:11px !important;
}

/* active state navigation 
----------------------------- */
body.residential .menu #residentialList a,
body.commercial .menu #commercialList a, 
body.news .menu #newsList a,
body.aboutjennifer .menu #aboutList a,
body.usefulsites .menu #usefulsitesList a, 
body.suburbprofiles .menu #suburbprofilesList a,
body.contact .menu #contactList a,
body.home .menu #homeList {background-position:top;}


/* breadcrumb headings 
-------------------- */
#content .breadCrumbheading {
display:block;
width:137px;
height:17px;
background-repeat:no-repeat;
background-position:top left;
text-indent:-9000px;
margin-bottom:1px;
}
#content .breadCrumbheading.residential {
background-image: url(/img/hdg_residential.gif);
}
#content .breadCrumbheading.commercial{
background-image: url(/img/hdg_commercial.gif);
}
#content .breadCrumbheading.newshdg{
background-image: url(/img/hdg_news.gif);
}
#content .breadCrumbheading.aboutjennifer{
background-image: url(/img/hdg_aboutjennifer.gif);
}
#content .breadCrumbheading.usefulsites{
background-image: url(/img/hdg_usefulsites.gif);
}
#content .breadCrumbheading.suburbprofiles{
background-image: url(/img/hdg_suburbprofiles.gif);
}
#content .breadCrumbheading.contact{
background-image: url(/img/hdg_contact.gif);
}



/* Standard forms
------------------*/
form textarea, input, select {
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
legend {
color: #60483b;
}
form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #d8d4bf;
}
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: 41px;
width: 79px;
background-color: #fff;
background-position: top left;
background-repeat: no-repeat;
text-indent: -9999em;
padding: 0;
cursor: pointer;
border: none;
}
form input.button {
background-image: url(/_lib/professional/jennifer/img/btn_submit.gif);
}
form fieldset input.submit {
background-image: url(/_lib/professional/jennifer/img/btn_submit.gif);
}
form fieldset input.clear {
background-image: url(/_lib/professional/jennifer/img/btn_clear.gif);
}
form fieldset input.search {
background-image: url(/_lib/professional/jennifer/img/btn_search.gif);
}
form fieldset input.login {
background-image: url(/_lib/professional/jennifer/img/btn_login.gif);
width: 98px !important;
}
form fieldset input.password {
background-image: url(/_lib/professional/jennifer/img/btn_sendpassword.gif);
width: 127px;
}
form fieldset input.unsubscribe {
background-image: url(/_lib/professional/jennifer/img/btn_unsubscribe.gif);
width: 127px;
}
form fieldset input.activate {
background-image: url(/_lib/professional/jennifer/img/btn_reactivate.gif);
width: 127px;
}
form em span,
form .required {
color: #666;
font-weight: bold;
}

/* Popups
---------*/
html.popup #header {
width:auto;
}

html.popup body,
html.popup {background-color:#fff;}

html.popup #header {background-color:#121315;}

html.popup #header img {
margin-top: 0;
}
html.popup #content {
margin: 0;
width: auto;
padding: 13px 21px 7px 21px;
}

/* Homepage
----------- */
#homeFlash {
padding:6px 0 0 4px;
}

body#home #mainWrap {
background:transparent url(/img/home_content_top_bg.jpg) no-repeat center top;
}

body#home #contentContainer {
padding-top:60px;
}

body#home #contentContainer #mainContent {
width: 320px;
}
body#home #contentContainer #subContent {
width: 518px;
float:right;
}

body#home #featureProperty {
margin-left:20px;
margin-top:27px;
}

body#home #featureProperty img {
width:190px;
border:4px solid #e5e5e5;
float:left;
margin-right:10px;
}
body#home #featureProperty .more {
display:block;
width:72px;
height:41px;
background-image: url(/img/btn_featureproperty_more.gif);
background-repeat: no-repeat;
background-color: transparent;
margin-left:200px;
text-indent:-9000px;
}

body#home #featureProperty strong {
color:#009fc3;
text-transform: uppercase;
}
body#home #featureProperty #address {padding-bottom:15px;}

body#home #loginbox {
width: 518px;
float:right;
}


body#home h2#hd_featureProperty {
display:block;
width:129px;
height:16px;
background: url(/img/hdg_featureproperty.gif) no-repeat top left;
text-indent:-9000px;
}

body#home h2#propertyalert {
display:block;
width:112px;
height:16px;
background: url(/img/hdg_propertyalert.gif) no-repeat top left;
text-indent:-9000px;
}

body#home #subContent h1 {
display:block;
width:72px;
height:12px;
background: url(/img/hdg_welcome.gif) no-repeat top left;
text-indent:-9000px;
margin-bottom:0;
}

body#home #subContent {
border-bottom:1px solid #e2e2e2;
margin-bottom:10px;
}

/* property alert 
------------------------ */
body#home #loginform {font-size:.9em; margin-top:-10px;}
body#home #loginform label {width:auto; color:#009fc3; margin-top:15px;}
body#home #loginform input {width:140px; margin-top:13px; margin-right:5px;}
body#home #loginform input.button {margin-top:0px; position:absolute;}
body#home #loginform li {float:left;}
body#home #loginbox p {clear:both;}
body#home #loginform .login{
background-image:url(/img/btn_login.png);
background-repeat:no-repeat;
background-position:left top;
background-color:transparent;
width:86px;
height:44px;
}


