/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: tahoma, Arial, Helvetica, sans-serif;
color: #333;
}
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;
}
a:link,
a:visited {
color: #333;
}
a:hover {
color: #000;
}

/* Style for Button style links */
a.button:link,
a.button:visited {
background-color: #74000F;
color: #fff;
font-size:0.9em;
padding: 2px 6px;
border:3px solid #53010D;
text-decoration: none;
text-transform:uppercase;
}
a.button:hover {
background-color: #53010D;
}

/* Headings */
h1 {
font-size: 1.5em;
color: #730011;
margin: 0 0 1px 0; 
padding: 0 0 10px 0; 
background-color: transparent;
}
h2 {
font-size: 1.1em;
color: #333;
margin: 0 0 4px 0;
text-transform:uppercase;
}
div.text h2 {
font-size: 1.1em; /* font-size fix within text div */
}
h3 {
color: #333;
font-size: 1em;
margin-bottom: 3px;
}
div.text h3 {
font-size: 1em; /* font-size fix within text div */
}


/* Structure 
------------ */
body {
background-color: #fdfffe;
background-image: url(/_lib/professional/metro_pm/img/bg_body.gif);
background-repeat: repeat-x;
background-position: top left;
}
#container {
background-color: transparent;
background-image: url(/_lib/professional/metro_pm/img/bg_footer.gif);
background-repeat: repeat-x;
background-position: bottom left;
}
#wrap{
width:980px;
margin:0 auto;
}
#header {
height:165px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image: url(/_lib/professional/metro_pm/img/bg_header.gif);
background-repeat: no-repeat;
background-position: top right;
}
#footer {
clear:both;
color:#555356;
font-size:0.9em;
height:45px;
text-align:left;
border-top:24px solid #fff;
background-color:#100c11;
}
#main{
width:980px;
margin:0 auto;
clear:both;
background-image: url(/_lib/professional/metro_pm/img/bg_content.gif);
background-repeat: no-repeat;
background-position:top left;
padding-top:25px;
}
#content {
padding:0;
margin: 0 auto;
width:920px;
min-height:438px;
}
#mainContent {
width:650px;
float:left;
}
#subContent {
width:250px;
float:right;
}
.break {
clear:both;
}

/* Header
----------*/
#header #logo {
float:left;
margin-top:0px;
}

/* Footer
--------- */

#footer p{
padding-top:17px;
color: #555356;
padding-left:27px;
float:left;
}
#footer a:link,
#footer a:visited {
color: #555356;
text-decoration: none;
padding-top:15px;
}

#footer a:hover {
color: #fff;
}

#footer .right{
float:right;
font-size:0.9em;
padding-top:11px;
padding-right:37px;
}
#footer .right img{
padding-left:3px;
vertical-align:middle;
}
/* Dropdown menu
-----------------*/
#menu {
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size:1.1em;
margin:0 auto;
width: 947px;
padding-left:33px;
background-color:#100c11;
height:36px;
}
.menu li {
padding:0;
}
.menu a {
display:block;
height: 36px;
text-indent:-9000em;
overflow: hidden;
background-color: transparent;
background-position: top left;
}
.menu #homeList a {
background-image: url(/_lib/professional/metro_pm/img/mm_home.gif);
width:57px;
}
.menu #rentList a {
background-image: url(/_lib/professional/metro_pm/img/mm_renting.gif);
width:169px;
}
.menu #aboutList a {
background-image: url(/_lib/professional/metro_pm/img/mm_about.gif);
width:119px;
}
.menu #ownersList a {
background-image: url(/_lib/professional/metro_pm/img/mm_owners.gif);
width:85px;
}
.menu #tenantList a{
background-image: url(/_lib/professional/metro_pm/img/mm_tenants.gif);
width:87px;
}
.menu #buyList a {
background-image: url(/_lib/professional/metro_pm/img/mm_sales.gif);
width:71px;
}
.menu #newsList a {
background-image: url(/_lib/professional/metro_pm/img/mm_news.gif);
width:134px;
}

.menu #peopleList a {
background-image: url(/_lib/professional/metro_pm/img/mm_people.gif);
width:110px;
}
.menu #contactList a {
background-image: url(/_lib/professional/metro_pm/img/mm_contact.gif);
width:90px;
}


.menu a:hover,
.menu a.dropdown,
#home #menu #homeList a,
.home #menu #homeList a,
.alert #menu #homeList a,
.renting #menu #rentList a, 
.about #menu #aboutList a,
.owners #menu #ownersList a,
.tenants #menu #tenantList a,
.sales #menu #buyList a,
.news #menu #newsList a,
.people #menu #peopleList a,
.contact #menu #contactList a {
background-position: bottom left;
}


.menu li li a:link,
.menu li li a:visited {
font-size: 1em;
text-indent:0;
background-image:none !important;
height:auto;
padding:7px 10px;
background-color:#666;
width:150px !important;
color:#fff;
text-decoration:none;
border-left: 8px solid #666;

}
.menu li li a:hover {
background-color:#727272;
border-left: 8px solid #000;
}
.menu li ul {
left:1px !important;
}
.menu #contactList ul {
margin-left:-61px;
padding: 0 !important;
}

/* Standard forms
------------------*/
form textarea, input, select {
color: #333;
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
}
legend {
color: #333;
font-weight:bold;
}
form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #C0C0C1;
}
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:30px;
width: 67px;
background-color: #74000F;
background-position: top left;
background-repeat: no-repeat;
color: #fff;
padding: 0;
text-transform:uppercase;
cursor: pointer;
border:3px solid #53010D;
}
form input.button {
background-image: none;
}

form fieldset input.submit {
background-image: none;
}
form fieldset input.clear {
background-image: none;
}
form fieldset input.search {
background-image: none;
}
form fieldset input.login {
background-image: none;
width: 98px !important;
}
form fieldset input.password {
background-image: none;
width:120px;
}
form fieldset input.unsubscribe {
background-image: url(/_lib/professional/metro_pm/img/btn_unsubscribe.gif);
width:120px;
}
form fieldset input.activate {
width:150px;
background-image: none;
}
form em span,
form .required {
color: #333;
font-weight: bold;
}

/* Popups
---------*/

body.popup{
background-color:#fff;
}
body.popup #header{
background-color:#fff;
border-bottom:10px solid #100c11;
background-image:none;
height:120px;
}
body.popup #header img {
}
body.popup #content {
margin: 0;
width: auto;
min-height:80px;
padding: 13px 21px 7px 21px;
}
body.popup #content .submit input{
width:100px;
font-size:0.9em;
}



/* Homepage
----------- */
body#home #wrap{
margin:0 auto;
padding:0px;
}
body#home #header{
display:none;
}
body#home #main{
background-image:none;
margin:0 auto;
padding:0px;
}
body#home #content{
margin:0 auto;
padding:0px;
width:990px;
}
body#home #footer{
width:990px;
margin:0 auto;
}
body#home #footer .right {
display:none;
}
body#home #contentContainer {
margin: 0 auto;
height:auto;
padding:0px;
width:990px;
}

body#home .homeLeft{
float:left;
background-color:#fff;
}
body#home .homeRight{
float:right;
}

body#home #top{
background-image: url(/_lib/professional/metro_pm/img/bg_anim.gif);
background-position: top right;
background-repeat: no-repeat;
min-height:415px;
margin:10px 0px 0px 0px;
padding:0px;
text-align:left;
}


body#home #top .homeLeft{
font-size:0.8em;
margin:0;
padding:0;

}
body#home #top .homeLeft .logo{
margin:0;
padding-bottom:30px;
}
body#home #top .homeLeft .social{
padding-left:15px;
}

body#home #top .homeLeft .social img{
vertical-align:middle;
height:35px;
padding-left:5px;
}

body#home #top .homeLeft #propAlert{
}

body#home #top .homeRight{
margin-right:25px;
margin-top:10px;
}
body#home #bottom{
clear:both;
margin-top:11px;
}
body#home #bottom .homeLeft{
width:315px;
background-image: url(/_lib/professional/metro_pm/img/bg_home.gif);
background-position: top;
background-repeat: repeat-x;

}

body#home #bottom #message{
padding-top:16px;
padding-left:20px;
}
body#home #bottom #message .text{
width:165px;
float:left;
padding-top:5px;
}
body#home #bottom #message h3{
color:#730011;
margin-bottom:10px;
}
body#home #bottom #message .image{
width:102px;
margin-right:20px;
float:right;
border:2px solid #999;
overflow:hidden;
}
body#home #bottom #map{
clear:both;
padding-top:28px;
padding-left:3px;
}


body#home #bottom .homeRight{
margin-right:20px;
}

body#home #featurePropertyMultiple{
float:left;
}

body#home #middle{
float:right;
}

body#home .pow{
width:323px;
background-image: url(/_lib/professional/metro_pm/img/bg_home.gif);
background-position: top;
background-repeat: repeat-x;
padding-top:20px;
margin-left:4px;
}
body#home .pow img {
padding-left:30px;
}
body#home .pow .pic{
padding-top:15px;

}
body#home .pow .pic img{
width:266px;
}

body#home .pow .suburbs{
margin-top:12px;
float:left;
padding-left:32px;
}
body#home .pow .suburbs{
color:#730011;
font-weight:bold;
text-transform:uppercase;
}
body#home .pow .icons{
float:right;
padding-right:30px;
margin-top:12px;
}

body#home .pow .icons p{
float:right;
color:#730011;
font-weight:normal;
font-size:1em;
display:inline;
margin:0px 2px 0px 0px;
padding:0px;
}
body#home .pow .icons p img{
vertical-align:middle;
padding:0px 0px 0px 5px;
margin:0px;
}
body#home .pow .fpDesc{
clear:both;
margin:5px 30px 10px 30px;
padding:0px 0px 0px 0px;
}
body#home .pow .dashed{
clear:both;
margin:0 auto;
text-align:center;
width:266px;
background-image: url(/_lib/professional/metro_pm/img/bg_dashed.gif);
background-position:center;
background-repeat: repeat-x;
height:4px;
}

body#home .pow .fpView a.button{
clear:both;
float:right;
height: 21px;
width: 90px;
background-color: transparent;
background-position: top left;
background-repeat: no-repeat;
color: #fff;
text-indent: -9999em;
padding: 0;
cursor: pointer;
border: none;
background-image: url(/_lib/professional/metro_pm/img/btn_more_details.gif);
padding-right:30px;
margin-top:10px;
}

body#home #slideshow {
background-color: transparent;
background-image: url(/_lib/professional/metro_pm/img/bg_banner.png);
background-position: center top;
background-repeat: no-repeat;
height: 320px;
clear:both;
}
body#home #slideshow ul {
list-style: none;
list-style-position: outside;
margin: 0 auto;
width: 841px;
}
body#home #subContent #quickFind {
background-color: transparent;
background-image: url(/_lib/professional/metro_pm/img/bg_quicksearch.gif);
background-position: top left;
background-repeat: no-repeat;
width: 326px;
height: 256px;
padding: 0 16px 0 0;
margin: -11px 0 0 0;
}




/* Property Alert */
body.alert #wrap #content #alertmenu {
background-color: #730011;
border:3px solid #53010D;
}
body.alert #wrap #content #alertmenu li {
border-right:3px solid #53010D;
}
body.alert #wrap #content #alertmenu a {
color: #fff;
}
body.alert #wrap #content #alertmenu a:hover {
background-color: #53010D;
color: #fff;
text-decoration: none;
}

/* Sitemap 
------------------*/
#sitemap .menu ul{
position:relative;
padding-bottom:5px;
}


#sitemap .menu  #homeList a,
#sitemap .menu #homeList a,
#sitemap .menu #rentList a, 
#sitemap .menu #aboutList a,
#sitemap .menu #ownersList a,
#sitemap .menu #tenantList a,
#sitemap .menu #buyList a,
#sitemap .menu #newsList a,
#sitemap .menu #peopleList a,
#sitemap .menu #contactList a {
background-image: none;
}


#sitemap .menu #homeList a,
#sitemap .menu #aboutList a,
#sitemap .menu #newsList a,
#sitemap .menu #propManList a,
#sitemap .menu #rentList a ,
#sitemap .menu #buyList a ,
#sitemap .menu #sellList a, 
#sitemap .menu #contactList a,
#sitemap .menu #linksList a {
background-image: none;
width:200px;
}

#sitemap ul li{
float:none;
margin:0px;
padding:0px;
}

#sitemap ul li ul{
visibility:visible;
margin-left:10px;

}
#sitemap a,
#sitemap a:hover,
#sitemap a.dropdown {
background-image:none;
visibility:visible;
display:block;
height: auto;
text-indent:0em;
overflow: hidden;
color:#000;
border:0px;
background-color:transparent;
margin:0px;
padding:0px;
}
#sitemap .menu LI:hover>ul{
visibility:hidden;
top:0px;
color:#000;
}
#sitemap .menu #contactList ul {
margin-left:40px;
padding: 0 !important;
}