/* Typography
--------------*/
body {
font-size: 86%; /* Global font-size */
font-family: Arial, Helvetica, sans-serif;
color: #1a171a;
}
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 10px;
list-style: disc;
font-size: 1em; /* font-size fix within text div */
}
div.text ol {
list-style: decimal;
}
a:link,
a:visited {
color: #c30c1f;
}
a:hover {
color: #1a171a;
}

/* Style for Button style links */
a.button:link,
a.button:visited {
background-color: #1a171a;
color: #fff;
padding: 2px 6px;
text-decoration: none;
}
a.button:hover {
background-color: #c30c1f;
}

/* Headings */
h1 {
font-size: 1.3em;
color: #1a171a;
margin: 0 0 25px 0; 
padding: 0 0 10px 0; 
text-transform: uppercase;
xbackground-color: transparent;
xbackground-image: url(/_lib/professional/001/img/bg_headings.gif);
xbackground-position: bottom left;
xbackground-repeat: no-repeat; 
}
h2 {
font-size: 1.0em;
color: #1a171a;
margin: 0 0 10px 0;
}
div.text h2 {
font-size: 1.0em; /* font-size fix within text div */
}
h3 {
color: #1a171a;
font-size: 1em;
margin-bottom: 3px;
}
div.text h3 {
font-size: 1em; /* font-size fix within text div */
}


/* Structure 
------------ */
body {
background-color: #1a171a;
background-repeat: repeat-y;
background-position: top center;
}

#main {
background: #dcdcdc url(/_lib/professional/001/img/bg_body.gif) repeat-y center top;
overflow:hidden;
}
#home #main {overflow:inherit;}

#wrap{
width:100%;
margin:0 auto;
}
#header {
background-image: url(/_lib/professional/001/img/bg_header.jpg);
background-repeat: repeat-x;
background-position: top center;
height:160px;
width: 100%;
}
#head-deco{
background-image: url(/_lib/professional/001/img/bg_header.jpg);
background-repeat: repeat-x;
background-position: top center;
width: 998px;
margin: 0 auto;
}
#footer {
background-image:url(/_lib/professional/001/img/bg_footer.gif);
background-repeat:repeat-x;
background-position: top left;
clear:both;
color:#FFFFFF;
font-size:1.1em;
height:100px;
margin:0 auto;
padding-top:20px;
width:100%;
}
.outer {
padding:0;
margin: 0 auto;
width:998px;
background-color: transparent;
background-image: url(/_lib/professional/001/img/bg_body.gif);
background-repeat: repeat-y;
background-position: top center;
}
#content {
padding:0;
margin: 0 auto;
width:920px;
padding-top:20px;
}
#mainContent {
width:600px;
float:left;
}
#subContent {
width:300px;
float:right;
}
.break {
clear:both;
}

/* Header
----------*/
#head-deco #logo {
float: right;
margin-right: 20px;
}

/* Footer
--------- */
#footer .content {
width: 990px;
margin: 0 auto;
}
#footer a:link,
#footer a:visited {
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
#footer a:hover {
color: #c30c1f;
}
#footer .left {
float: left;
}
#footer .left img {
vertical-align: middle;
padding: 0 15px;
}
#footer .right {
float: right;
font-weight: bold;
}

/* Dropdown menu
-----------------*/
#menu {
width: 998px;
margin: 0 auto;
clear: both;
}
.menu, .menu ul {
padding-top: 6px;
padding-left: 39px;
}

.menu li {
padding:0;
}
.menu a {
display:block;
height: 37px;
text-indent:-9000em;
overflow: hidden;
background-color: transparent;
background-position: top left;
}
.menu #homeList a {
background-image: url(/_lib/professional/001/img/mm_home.gif);
width:98px;
}
.menu #buyList a {
background-image: url(/_lib/professional/001/img/mm_buying.gif);
width:114px;
}
.menu #sellList a {
background-image: url(/_lib/professional/001/img/mm_selling.gif);
width: 119px;
}
.menu #rentList a {
background-image: url(/_lib/professional/001/img/mm_renting.gif);
width:117px;
}
.menu #pmList a{
background-image: url(/_lib/professional/001/img/mm_pm.gif);
width:246px;
}
.menu #aboutList a {
background-image: url(/_lib/professional/001/img/mm_about.gif);
width:129px;
}
.menu #linkList a {
background-image: url(/_lib/professional/001/img/mm_link.gif);
width:97px;
}
.menu a:hover,
.menu a.dropdown {
background-position: bottom left;
}
.menu li ul {
left: -10px;
-moz-opacity: 0.90;
opacity:0.90;
filter:alpha(opacity=90);
}
.menu li li.first{
margin-top: -7px;
border-top: 1px solid #b1b1b1;
}
.menu li li.last{
border-bottom: 1px solid #ffffff;
}
.menu li li a:link,
.menu li li a:visited {
font-size: 1.0em;
font-weight: normal;
text-indent:0;
background-image:none !important;
height:auto;
padding:8px 12px;
background-color:#434143;
width:180px !important;
color:#fff;
text-decoration:none;
border-bottom: 1px solid #ffffff;
margin-left: 0;
}
.menu li li.last a:link,
.menu li li.last a:visited {
border: none;
}
.menu li li a:hover {
background-color:#c30c1f;
}

/* Standard forms
------------------*/
form textarea, input, select {
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
legend {
color: #1a171a;
}
form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #d0d0d0;
background-color:#efefef;
}
form li {
list-style-type: none;
}
form label {
display: block;
float: left;
width: 190px;
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 {
background:transparent;
padding: 0;
text-align: right;
border:medium none;
}
form fieldset#submit input,
form fieldset.submit input,
form input.button {
height: 25px;
width: 98px;
background-color: #b7b49e;
background-position: top left;
background-repeat: no-repeat;
color: #fff;
text-indent: -9999em;
padding: 0;
cursor: pointer;
border: none;
}
form input.button {
background-image: url(/_lib/professional/001/img/btn_submit.gif);
}
form fieldset input.submit {
background-image: url(/_lib/professional/001/img/btn_submit.gif);
}
form fieldset input.clear {
background-image: url(/_lib/professional/001/img/btn_clear.gif);
}
form fieldset input.search {
background-image: url(/_lib/professional/001/img/btn_search.gif);
}
form fieldset input.login {
background-image: url(/_lib/professional/001/img/btn_login.gif);
width: 98px !important;
}
form fieldset input.password {
background-image: url(/_lib/professional/001/img/btn_sendpassword.gif);
}
form fieldset input.unsubscribe {
background-image: url(/_lib/professional/001/img/btn_unsubscribe.gif);
}
form fieldset input.activate {
background-image: url(/_lib/professional/001/img/btn_reactivate.gif);
}
form em span,
form .required {
color: #c30c1f;
font-weight: bold;
}

/* Popups
---------*/
body.popup {
background-color: #fff;
overflow: hidden;
}
body.popup #header {
background-image: none;
background-color: #c30c1f;
height: 111px;
}
body.popup #header img {
float: right;
}
body.popup #content {
margin: 0;
width: auto;
padding: 13px 21px 7px 21px;
}

/* Homepage
----------- */
body#home #wrap {
width: 100%;
margin: 0 auto;
height:auto;
}

body#home #header,
body#home #main,
body#home #footer
width: 998px;{
margin: 0 auto;
height:auto;
}
body#home #content {padding-top:0px;}
body#home #content,
body#home .outer{
width: 990px;
float: none;
}

body#home #contentContainer {
}

body#home #contentContainer #mainContent {
width: 660px;
}
body#home #contentContainer #subContent {
width: 330px;
}
body#home #slideshow {
xbackground-color: transparent;
xbackground-image: url(/_lib/professional/001/img/bg_banner.png);
xbackground-position: center top;
xbackground-repeat: no-repeat;
height: 310px;
clear:both;
}
body#home #slideshow ul {
list-style: none;
list-style-position: outside;
margin: 0 auto;
width: 990px;
top:-6px;
}
body#home #slideshow img {
width: 990px;
}

body#home #subContent #quickFind {
background-color: transparent;
background-image: url(/_lib/professional/001/img/bg_quicksearch.gif);
background-position: top left;
background-repeat: no-repeat;
height: 256px;
padding: 0 8px 0 0;
margin: 0 0 0 3px;
}

/* Property Alert */
body.alert #wrap #content #alertmenu {
background-color: #1a171a;
border-top: 2px solid #1a171a;
}
body.alert #wrap #content #alertmenu li {
border-right: 1px solid #fff;
}
body.alert #wrap #content #alertmenu a {
color: #fff;
}
body.alert #wrap #content #alertmenu a:hover {
background-color: #c30c1f;
color: #fff;
text-decoration: none;
}

/* Tenancy Form */
body.tenancy fieldset {
margin-top: 15px;
margin-bottom: 15px;
}
body.tenancy fieldset legend {
font-weight: bold;
margin: 10px 0;
}
body.tenancy input{
width: 240px;
}
body.tenancy input.radio{
width: 20px;
}
body.tenancy input.smallField {
width: 70px;
}