/* Typography */
body {
font-size: 76%; /* Global font-size */
font-family: Arial, Helvetica, sans-serif;
color: #37393a;
}

p {
font-size: 1em;
line-height:18px;
}

ul {
list-style-type: circle;
list-style-position: inside;
}

ol{
list-style-type: decimal;
list-style-position: inside;
}

h1 {
font: 2.2em Garamond, "Times New Roman", Times, serif;
color: #0055a5;
margin: 6px 0;
}

h2 {
font: 2.2em Garamond, "Times New Roman", Times, serif;
color: #0055a5;
margin: 6px 0;
}

h3 {
font: 1.6em Garamond, "Times New Roman", Times, serif;
margin: 0 0 3px 0;
color:#0055a5;
}

legend {
color: #0055a5;
margin: 0 0 6px 0;
font: bold 1.3em Garamond, "Times New Roman", Times, serif;
}

a:link,
a:visited {
color: #0055a5;
text-decoration:underline;
}

a:hover,
a:active {
color: #0055a5;
text-decoration:none;
}

#footer p {
text-align:right;
padding:0 27px 0 0;
line-height:24px;
color:#b3b6b8;
font-size: 0.9em;
}

#footer a:link,
#footer a:visited {
color:#b3b6b8;
text-decoration: none;
}

#footer a:hover,
#footer a:active {
color:#b3b6b8;
text-decoration:underline;
}

/* structure */

#wrapper {
background: #FFF url(../img/bg_wrapper.jpg) repeat-y top center;
width: 1038px;
margin:0 auto;

}
#topFader {
background: url(../img/bg_topFader.jpg) no-repeat top center;
height:35px;
}

#wrap {
width:984px;
margin:0 auto;
}

#header {
background: url(../img/bg_header.jpg) repeat-x top left;
height:100px;
padding:12px 0 0 16px;
}

#header a {
width:282px;
height: 74px;
display: block;
background: url(../img/logo.jpg) no-repeat top left;
text-indent: -9999em;
float:left;
}

#nav {
height: 30px;
margin: 0 0 2px 0;
background:url(../img/bg_nav.jpg) repeat-x top left;
}

#banner {
padding-bottom: 2px;
border-bottom: 1px solid #e1e1e1;
width: 984px;
height:164px;
background: url(../img/banner02.jpg) no-repeat top left;
}

body#strata #banner {
background: url(../img/banner01.jpg) no-repeat top left;
}

body#renting #banner {
background: url(../img/banner03.jpg) no-repeat top left;
}

body#finance #banner,
body#about #banner, 
body#finance #banner {
background: url(../img/banner02.jpg) no-repeat top left;
}

#footer {
width: 1038px;
height:45px;
background: url(../img/bg_footer.jpg) no-repeat top center;
}

/* Dropdown menu
-----------------*/

#nav .menu a {
margin-left: 2px;
}

#nav .menu a#mm_home,
#nav .menu a#mm_strata,
#nav .menu a#mm_renting,
#nav .menu a#mm_buyingSelling,
#nav .menu a#mm_finance,
#nav .menu a#mm_insurance,
#nav .menu a#mm_aboutUs,
#nav .menu a#mm_contact {
display: block;
height: 30px;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9999em;
} 

#nav .menu a:hover#mm_home,
#nav .menu a:hover#mm_strata,
#nav .menu a:hover#mm_renting,
#nav .menu a:hover#mm_buyingSelling,
#nav .menu a:hover#mm_finance,
#nav .menu a:hover#mm_insurance,
#nav .menu a:hover#mm_aboutUs,
#nav .menu a:hover#mm_contact {
background-position: 0px -30px;
}

#nav .menu a#mm_home {
background-image: url(../img/mm_home.jpg);
width: 91px;
}
#nav .menu a#mm_strata {
background-image: url(../img/mm_strata.jpg);
width: 81px;
}
#nav .menu a#mm_renting {
background-image: url(../img/mm_renting.jpg);
width: 96px;
}
#nav .menu a#mm_buyingSelling {
background-image: url(../img/mm_buyingSelling.jpg);
width: 159px;
}
#nav .menu a#mm_finance {
background-image: url(../img/mm_finance.jpg);
width: 95px;
}
#nav .menu a#mm_insurance {
background-image: url(../img/mm_insurance.jpg);
width: 208px;
}
#nav .menu a#mm_aboutUs {
background-image: url(../img/mm_aboutUs.jpg);
width: 110px;
}
#nav .menu a#mm_contact {
background-image: url(../img/mm_contact.jpg);
width: 126px;
}

.menu li li a:link,
.menu li li a:visited {
border: none;
text-transform: none;
text-decoration: none;
width: 165px;
line-height: 24px;
color: #37393a;
background-color: #e5e5e5;
display: block;
padding: 0 8px;
border-bottom: 1px solid #37393a;
}

.menu li li a:hover,
.menu li li a:active {
background-color: #0055a5;
color: #FFF;
}

/* Build homepage */

body#home #banner {
height: 263px;
background-image:none;
}

body#home #subContent {
float: left;
}

body#home #subContent form#quicksearch {
width: 207px;
background: url(../img/bg_homeDivider.jpg) no-repeat top right;
color:#37393A;
height:240px;
}

body#home #subContent form#quicksearch fieldset {
margin: 0 0 15px 0;
padding: 0 29px 0 18px;
border:none;
}

body#home legend {
color: #0055a5;
margin: 0 0 6px 0;
font: 2.2em Garamond, "Times New Roman", Times, serif;
}

body#home #subContent form#quicksearch select {
width: 160px;
font-size: 1em;
color:#37393a;
}

body#home #subContent form#quicksearch input {
margin-right:3px;
}

body#home #subContent form#quicksearch p {
margin-bottom: 10px;
text-transform:capitalize;
}

body#home #subContent form#quicksearch .checkboxsearch {
height: 74px;
width: 152px;
border: 1px solid #a5acb2;
display: block;
overflow: auto;
margin: 10px 0;
clear: both;
padding: 3px;
background-color: #fff;
}

body#home #subContent form#quicksearch .checkboxsearch p {
margin: 0 0 3px 0;
height: 13px;
padding:0;
}

body#home #subContent form#quicksearch .checkboxsearch p input {
width: 15px;
border: none;
}

body#home #subContent form#quicksearch #qs_price select {
width: 78px;
}

body#home #content {
margin-left: 207px;
padding-left:27px;
}

body#home #content p {
width: 525px;
}

body#home #content #pow {
width: 179px;
float:right;
text-align: center;
padding: 0 10px;
background: url(../img/bg_homeDivider.jpg) no-repeat top left;
height: 215px;
}

body#home #content #pow h2 {
margin: 0 0 6px 0;
}

body#home #content #pow img { 
border: 1px solid #434343;
margin: 0 0 10px 0;
}

body#home #content #pow .btnDetails {
margin: 10px 0 0 90px;
}

/* dynamic pages */
body.dynamic #imageColumn {
float: right;
width:252px;
padding:37px 0 0 0;
}
body.dynamic #imageColumn img.dynamicPic {
float: right;
border:1px solid #dbdbdb;
width: 240px;
margin:0 0 8px 0;
}

#content p {
margin-bottom: 10px;
}

/* contact us page */
body#contact #subContent {
float: right;
width:212px;
padding:55px 20px 0 20px;
}

dl.officeDetails dt.secondaryAddress {
margin-top: 15px;
}

body#contact #feedback {
width: 720px;
}

/* Standard forms */

form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #ddd;
}

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;
}

form textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

form p {
clear: both;
}


form fieldset#submit {
border: none;
padding: 0;
text-align: right;
}

form em span,
form .required,
form fieldset#submit span {
color: #B90000;
font-weight: bold;
}

/* buttons */ 

#button {
width: 76px;
height: 17px;
cursor:pointer;
border:none;
text-indent: -9999em;
background-color:#FFF;
}
a#button {
display:block;
}

.btnDetails {
background: url(../img/btn_details.gif) no-repeat top left;
}

.btnSearch {
background: url(../img/btn_search.gif) no-repeat top left;
margin: 0 0 0 83px;
}

.btnSubmit {
background: url(../img/btn_submit.gif) no-repeat top left;
float: right;}

.btnClear {
background: url(../img/btn_clear.gif) no-repeat top left;
float: left;}

.btnSearchWhite {
float:right;
background: url(../img/btn_searchWhite.jpg) no-repeat top left;
margin: 6px 20px 0 0;
}

body.slideshow #button {
margin-right: 5px;
}

.btnFirst {
background: url(../img/btn_first.gif) no-repeat top left;
}

.btnPrevious {
background: url(../img/btn_previous.gif) no-repeat top left;
}

.btnNext {
background: url(../img/btn_next.gif) no-repeat top left;
}

.btnLast {
background: url(../img/btn_last.gif) no-repeat top left;
}

/* Listings
------------*/
body.listing #filter {
height: 30px;
background:url(../img/bg_quickSearch.jpg) no-repeat top left;
width:864px;
margin: 7px 0 0 0;
border-bottom: 1px solid #e1e1e1;
padding:0 0 1px 120px;
}

body.listing #filter select {
width: 112px;
display: block;
font-size: 0.9em;
margin:6px 0 0 0;
}

#filter select option {
text-transform: capitalize;
}

body.listing #filter p {
clear: none;
float: left;
margin-right: 15px;
}

body.listing p.pagebar {
font-size: 0.9em;
padding-top: 10px;
padding-bottom: 5px;
text-align: right;
float:right;
}

body.listing h1 {
margin: 50px 0 20px 0;
}

body.listing .property {
clear: both;
overflow: hidden;
margin: 0 0 8px 0;
padding:3px;
background-color:#eeeeee;
position:relative;
height:1%;
}
body.stocklist .property {
clear: both;
overflow: hidden;
margin: 0 0 4px 0;
padding:3px;
background-color:#eeeeee;
position:relative;
height:1%;
}

body.listing .property .image, 
body.stocklist .property .image {
display: block;
float: left;
}

body.listing .property .details {
margin:0 0 0 253px;
}
body.stocklist .property .details {
margin:0 0 0 163px;
}

body.listing .property .features,
body.detail #propertyDetails .features,
body.stocklist .property .features {
float: right;
font-weight: bold;
}

body.listing .property .features p,
body.detail #propertyDetails .features p,
body.stocklist .property .features p {
display: inline;
margin-left:36px;
font-size:16px;
}

body.listing .property .features img,
body.detail #propertyDetails .features img,
body.stocklist .property .features img {
margin-left: 7px;
vertical-align: bottom;
}

body.listing .property .details h2 {
font: bold 16px Arial, Helvetica, sans-serif;
color:#0055a5;
text-transform:uppercase;
}
body.stocklist .property .details h2 {
font: bold 14px Arial, Helvetica, sans-serif;
color:#0055a5;
text-transform:uppercase;
}

body.listing .property .details h3 {
font: bold 14px Arial, Helvetica, sans-serif;
color:#37393a;
text-transform:uppercase;
}
body.stocklist .property .details h3 {
font: bold 12px Arial, Helvetica, sans-serif;
color:#37393a;
text-transform:uppercase;
}

body.listing .property .details p.price {
margin: 10px 0 !important;
}
body.listing .property .details p,
body.stocklist .property .details p {
margin-bottom: 0;
}

body.listing .property a#button,
body.stocklist .property a#button {
position: absolute;
right:9px;
bottom:9px;
}

body.stocklist #banner,
body.stocklist #nav {
display:none;
}

body.brochure #wrap {
width: 584px !important;
background-image: none;
background-color: #fff;
height: 100%;
}

/* Property detail
-------------------*/

body.detail #propImages {
float: right;
width: 432px;
background-color:#eeeeee;
padding-bottom:11px;
}

body.detail #propImages img {
margin: 11px 11px 0 0;
float:right;
}

body.detail #propImages img#mainImage {
width:410px;
}

body.detail #propImages img.subImages {
width: 200px;
}

body.detail #propertyDetails {
width: 535px;
margin-bottom: 20px;
}

body.detail #propertyDetails h2,
body.stocklist #content h1 {
color: 0055a5;
font: 18px Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin:15px 0;
}

body.detail #propertyDetails em {
font-weight:bold;
text-transform:uppercase;
font-style:normal;
line-height: 25px;
}

body.detail #propertyDetails ul#toolslist li,
body.detail #propertyDetails ul#features li,
body.detail #propertyDetails ul#outgoingslist li {
list-style-position:inside;
list-style-type:disc;
margin:10px 0 10px 10px;}

body.detail #propertyDetails hr,
body.stocklist hr {
border:none;
height:1px;
border-bottom: 1px solid #e1e1e1;
}

body.detail #content ul {
margin-bottom: 15px;
list-style-type: none;
list-style-position: outside;
}

body.detail #content ul#outgoingslist,
body.detail #content ul#features {
list-style-position: inside;
list-style-type: square;
}

body.detail #content a {
color: #37393a;}

/* attached properties, displayed on property overview */

body.detail table.attachedProperties {
margin-bottom: 10px;
}

body.detail table.attachedProperties td {
padding: 10px 0;
text-align: center;
}

body.detail table.attachedProperties p {
margin-bottom: 0 !important;
}

body.detail table.attachedProperties tr.stripe {
}

body.detail table.attachedProperties td.address {
width: 10%
}

body.detail table.attachedProperties td.price {
width: 30%
}

body.detail table.attachedProperties td.bedbathcar {
font-weight: bold;
width: 40%
}

body.detail table.attachedProperties td.bedbathcar img {
vertical-align: bottom;
margin: 0 4px;
}

body.detail table.attachedProperties td.status {
width: 20%;
}

body.detail #infoform {
margin-top: 15px;
}

body.detail #infoform fieldset label {
width: 140px;
}

/* Property detail printfriendly
---------------------------------*/

html.brochure,
body.brochure {
background-image: none;
background-color: #fff;
}

body.brochure #wrap {
width: 584px !important;
background-image: none;
background-color: #fff;
height: 100%;
}

body.brochure #main {
background-image: none !important;
}	
		
body.brochure #content {
background-image: none !important;
float: none !important;
}

body.brochure #header {
background-image: none;
padding: 0;
height:108px;
}

body.brochure .features {
margin-left: 10px;
}
body.brochure #propImages {
float: right;
width: 262px;
background-color:#eeeeee;
padding-bottom:11px;
}

body.brochure #propImages img {
margin: 11px 11px 0 0;
float:right;
}

body.brochure #propImages img.subImages {
width: 115px;
}

body.brochure #propertyDetails {
width: 290px;
}

body.brochure #extradetails img {
display: block;
float: left;
margin: 0 2px 2px 0;
}

body.brochure #extradetails {
width: 247px;
}

/* Staff 
---------*/

body#staff dl {

margin: 0 20px 20px 0;
padding: 3px 3px 10px 3px;
overflow: hidden;
border-bottom: 1px solid #e1e1e1;
width: 450px;
float: left;
background-color: #eeeeee;
}

body#staff dl dt.name {
font-weight: bold;
font-size: 1.2em;
text-transform:uppercase;
color:#0055a5;
}

body#staff dl dt.photo img {
float: left;
margin-right: 15px;
border: 1px solid #e1e1e1;
}

body#staff dl dd.position {
margin-bottom: 5px;
font-weight: bold;
}

body#staff dl dd.contact {
margin-bottom: 5px;
font-weight: bold;
}

body#staff.profile #content img {
float: left;
margin: 0 15px 15px 0;
border: 1px solid #e1e1e1;
}

body#staff.profile #content ul {
list-style-type: none;
list-style-position: outside;
margin-bottom: 10px;
}

body#staff.profile #content ul li {
margin-bottom: 5px;
}


/* Slideshow
-------------*/

body.slideshow {
text-align: center;
background-image: none;
background-color: #fff;
}

body.slideshow #header {
margin-bottom: 10px;
height:112px;
background: url(../img/bg_header.jpg) repeat-x top left;
}

body.slideshow #header img {
float: none;
display: block;
width: auto;
margin: 0 auto;
}

body.slideshow table img {
display: block;
width: auto;
margin: 20px auto;
border:1px solid #EEE;
}

body.slideshow table #slideImage img {
margin-bottom: 0;
}

body.slideshow input {
width: auto;
}

body.slideshow table {
margin: 0 auto;
}

body.slideshow form input.button {
margin-right: 1px;
}

/* Popups,
Email a friend
Save link
------------------*/

html.popup, 
html.popup body {
background-image: none;
background-color: #fff;
text-align: left;
}

html.popup #header {
height: 112px;
background:url(../img/bg_header.jpg) repeat-x top left;
}

html.popup #header img {
float: none;
}

html.popup #email-friend,
html.popup #request-info {
padding:10px;
}

/* Links
----------*/

body.links #content h3 {
margin-bottom: 15px;
}

body.links #content dl {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 5px;
margin-bottom: 10px;
overflow: hidden;
}

body.links #content dl dt {
font-weight: bold;
}

body.links #content dl dd {
margin-bottom: 5px;
}

body.links #content dl dd img {
float: right;
border: 1px solid #BFBFBF;
padding: 5px;
margin-left: 15px;
}

/* Document library
------------------------*/

body.doclibrary #content dl {
margin-bottom: 10px;
}

body.doclibrary #content dl dt {
font-weight: bold;
}

/* Appraisal forms
------------------------*/

body div#market-appraisal #ftitle{
width: 50px;
}

body div#market-appraisal #faddress,
body div#market-appraisal #fpropertyaddress,
body div#market-appraisal #freason,
body div#market-appraisal #fdescription {
width: 400px;
}

/* Maintenance request form
----------------------------*/

body div#maintenance-request #fdescription {
width: 400px;
}

/* Property Alert if needed

body.alert #content #alertmenu {
display: block;
overflow: hidden;
background-color: #E7E6E6;
list-style-type: none;
margin: 0px;
padding: 0 !important;
margin: 15px 0px 15px 0px;
}

body.alert #content #alertmenu li {
float: left;
border-right : 1px solid #fff;
}
 
body.alert #content #alertmenu a {
padding: 5px 20px;
display: block;
}

body.alert #content #alertmenu .last {
border: none;
}

body.alert #content #alertmenu a:link,
body.alert #content #alertmenu a:visited {
text-decoration: none;
}

body.alert #content #alertmenu a:hover {
text-decoration: underline;
}

body.alert #content form label {
display: block;
float: left;
width: 180px;
}

body.alert #content form textarea {
width: 250px;
}

body.alert #content form select {
width: 254px;
}

body.alert #content form input.checkbox {
width: auto;
margin: 0 20px;
}

body.alert #content form ul {
margin-bottom: 0;
}

body.alert #content form li {
clear: both;
margin-bottom: 10px;
}

body.alert #content form li span {
float: right;
width: 230px;
font-size: 0.9em;
color: #999;
}

body.alert #content form fieldset {
display: block;
}

body.alert #content form fieldset.submit {
border: none;
padding: 0;
text-align: right;
}

body.alert #content form em span,
body.alert #content form .required,
body.alert #content .warning {
color: #B90000;
font-weight: bold;
}

body.alert #content #loginbox {
float: right;
margin-left: 20px;
width: 254px;

}

body.alert #content #loginbox fieldset {
width: 230px;
margin-bottom: 5px;
clear:both;
background-image: url(/img/alert_register_bg_blank.gif);
background-repeat: no-repeat;
}

body.alert #content #loginbox label,
body.alert #content #loginbox input {
width: 140px;
}

body.alert #content #loginbox label {
width: 70px;
}

body.alert #content #loginbox input.button {
width: auto;
}

body.alert #content #loginbox fieldset.submit {
padding: 0;
width: auto;
margin-bottom: 15px;
width: 252px !important;
display: block;
background-image: none;
}

body.alert #content #loginbox fieldset.submit p {
font-size: 0.9em;
}

body.alert #content #registerbox {
border: 1px solid #DDDDDD;
float: right;
text-align: center;
clear: right;
margin-left: 20px;
margin-bottom: 15px;
background-image: url(/img/alert_register_bg.gif)
}

body.alert #content #registerbox a {
display: block;
padding: 50px;
width: 150px;
}

body.alert #content #registerbox a:link,
body.alert #content #registerbox a:visited {
color: #990000;
font-weight: bold;
text-decoration: none;
}

body.alert #content #registerbox a:hover {
text-decoration: underline;
}
*/