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

p, div.text {
font-size: 1em;
}

div.text {
margin-bottom: 10px;
}

h1 {
font-size: 1.7em;
margin-bottom: 15px;
text-transform: lowercase;
font-weight: normal;
}

h2 {
font-size: 1.2em;
margin-bottom: 3px;
color: #ffc71c;
font-weight: normal;
}

h3 {
font-size: 1.1em;
margin-bottom: 3px;
}

legend {
color: #5890cd;
font-weight: bold;
}

a {
color: #ffc71c;
text-decoration: none;
}
a:hover {
color: #8899ac;
}

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

p.footeraddress {
color: #ffc71c !important;
}

/* Structure
------------ */
body {
background-image: url(/img/bg_body.jpg);
background-position: top left;
background-repeat: repeat-x;
background-color: #09233f;
padding: 33px 0;
}
#wrap {
width: 900px;
margin: 0 auto;
}
#header {
height: 111px;
margin: 0 0 37px 0;
}
#container{
}
#content {
margin: 0 190px 0 0;
}
body#home #content,
html.nocol #content {
margin: 0;
}
#subContent{
float: right;
width: 173px;
}
body#home #subContent,
html.nocol #subContent {
display: none;
}
.break {
clear: both;
}
#footer{
margin: 42px 0 0 0;
padding: 9px 0 0 0;
border-top: 1px solid #8899ac;
}

/* Header
----------*/

#header a#logo {
float: left;
display: block;
height: 111px;
width: 175px;
xbackground-image: url(/img/logo.gif);
background-position: top left;
background-repeat: no-repeat;
text-indent: -9999em;
margin: 0 1px 0 0;
}
#header img {
display: block;
}

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

.menu a {
margin: 1px 1px 0 0;
text-transform: lowercase;
font-size: 1.1em;
background-color:#184372;
color: #fff;
display: block;
width: 102px;
text-align: center;
padding: 9px 0;
}
.menu a:hover {
color: #fff;
background-color: #5890cd;
}
.menu li.first a,
.menu li.last a {
width: 104px;
}
.menu li.last a, 
.menu li li a {
margin-right: 0;
}
.menu li li a {
background-color: #5890cd;
width: 100% !important;
padding: 5px 0;
text-align: left;
text-indent: 20px;
font-size:0.9em;
}
.menu li li a:hover {
background-color: #9d2d3d;
}
.menu li ul {
border-top: 1px solid transparent;
margin-top: -1px;
}
.menu li#buyList ul {
width: 130px;
}
.menu li#sellList ul {
width: 185px;
}
.menu li#rentList ul {
width: 195px;
}
.menu li#linksList ul {
width: 145px;
}
.menu li#financeList ul {
width: 140px;
}
.menu li#aboutList ul {
width: 120px;
}

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

#footer p {
font-size: 0.9em;
}
#footer p#returnHome {
float:right;
}

#footer p,
#footer a {
color: #8899ac;
text-decoration: none;
margin: 0 16px 0 0;
}
#footer p#returnHome,
#footer p#returnHome a {
margin: 0;
}

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

/* Standard forms
------------------*/

form fieldset {
padding: 10px;
border: 1px solid #8899ac;
xwidth: 480px;
margin: 0 auto 15px auto;
}

#market-appraisal form fieldset {
float: left;
width: 420px;
margin: 0 10px 15px 0;
}
#market-appraisal form fieldset#propertydetails {
margin: 0 0 15px 0;
}
#market-appraisal form fieldset#submit {
margin: 0 0px 15px 0;
width: 440px;
}

form label {
display: block;
float: left;
width: 180px;
margin-right: 10px;
}

form input,
form textarea,
form select {
width: 250px;
font-size: 1em;
}
#market-appraisal form input,
#market-appraisal form textarea {
width: 200px;
}

#market-appraisal form input#ftitle {
width: 50px;
}

#market-appraisal form select {
width: 204px
}

form input.radio {
width: 30px;
}

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

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,
a.button {
width: auto !important;
padding: 0 10px;
cursor: pointer;
background-color: #5890cd;
border: none;
color: #fff;
font-size: 1em;
}
a.button {
font-size: 0.9em;
}

form em span,
form .required {
color: #fff;
font-weight: normal;
}


/* Dynamic text
----------------*/
#subContent .text {
background-color: #fff;
color: #184372;
padding: 8px;
line-height: 20px;
}
#content img#dyn-heading-img {
display: block;
margin-bottom: 15px;
}

#content img#dyn-img1 {
float: right;
margin: 0 0 10px 20px;
}

/* Contact Us
------------- */

body.contactus #content {
width: 670px
}

body.contactus #content form textarea {
width: 450px
}

dl.officeDetails {
margin: 42px 0 0 0;
}
dl.officeDetails dt {
color: #5890cd;
font-size: 1.1em;
margin: 0 0 5px 0;
}
dl.officeDetails dt.secondaryAddress {
margin-top: 15px;
}

/* Testimonials
--------------- */
.testimonial {
border-bottom: 1px solid #8899ac;
padding: 10px 0 0 0;
}
.testimonial p.author {
font-weight: bold;
color: #8899ac;
font-style: italic;
}

/* Handy Links
-------------- */
body.links dl {
border-bottom: 1px solid #8899ac;
padding: 10px 0 0 0;
}
body.links dl dt {
font-size: 1.2em;
margin-bottom: 3px;
color: #ffc71c;
font-weight: normal;
}
body.links dl dd {
margin: 0 0 10px 0;
}
body.links dl dd a {
text-align: right;
}

/* Local Business Network
------------------------- */

body.localbusiness h1 {
xmargin-bottom: 0px;
}

body.localbusiness dl dt {
margin-bottom: 15px;
}

body.news #subContent {
padding: 30px 0 0 0;
}
body.news #subContent dl {
border-bottom: 1px solid #8899ac;
padding: 10px 0 0 0;
}
body.news #subContent dd {
margin: 0 0 10px 0;
}
body.news #subContent p {
margin-top: 20px;
font-weight: bold;
font-style: italic;
}
body.news #subContent dt {
color: #8899ac;
}

body.archive .newsitem {
border-bottom: 1px solid #8899ac;
padding: 10px 0 0 0;
}
body.archive .newsitem em {
color: #8899ac;
}

/* Listings
----------- */

#printlist {
float: right;
padding-top: 5px;
}

.property {
border-bottom: 1px solid #8899ac;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
overflow:auto;
}
.property a.image img {
float:left;
border: 1px solid #54687f;
}
.property .details {
margin: 0 0 0 175px;
width: 535px;
}
.property .details p.address strong {
display: block;
font-weight: normal;
text-transform: uppercase;
}
.property .features {
float:right;
margin: 0 10px 0 0;
color: #ffc71c;
font-weight: bold;
}
.property .features p {
margin: 0 0 20px 0 !important;
}
.property .features img {
margin: 0 7px 0 0;
}
.property .price {
float:right;
width: 135px;
height: 110px;
text-align: right;
}

p.pagebar,
p.pagebar a {
color: #fff;
text-align:right;
margin:0 !important;
}

/* Filter */
#filter {
background-color: #103257;
padding: 24px 0 17px 57px;
margin: 0 0 18px 0;
}
#filter h3 {
font-size: 0.9em;
float: left;
padding: 17px 19px 0 0;
}
#filter p {
float: left;
clear: none;
width: 100px;
}
#filter label {
width: 90px;
color: #ffc71c;
font-size: 0.9em;
marign:0;
}
#filter select {
width: 85px;
font-size: 0.9em;
}
#filter input {
background-color: #184372;
color: #fff;
border: none;
width: auto !important;
padding: 3px 10px;
margin: 13px 0 0 0;
text-transform: lowercase;
}

/* Stocklist
----------- */

body.stocklist {
padding-top: 12px;
}

body.stocklist #wrap {
width: 630px;
}

body.stocklist #header {
height: 76px;
margin-bottom: 10px;
}

body.stocklist h2 {
color: #9d2d3b;
}

body.stocklist p.contactdetails {
text-align: center;
padding-bottom: 15px;
}

body.stocklist #content {
width: 630px;
}

body.stocklist .property .details {
width: 400px;
margin-top: -2px;
}

body.stocklist .property .details p.address {
margin-bottom: 10px !important;
}

body.stocklist .property .details p.address strong {
display: inline;
margin-bottom: 5px;
}

body.stocklist #content p, #subContent p {
margin-bottom:3px;
}

body.stocklist .property p.printdescription {
margin-top: 10px !important;
xpadding-bottom: 10px;
}

body.stocklist .property .features {
margin-right: 0px !important;
}

/* Details
---------- */
#mainDetails {
float:right;
margin:0pt;
width:385px;
}

#mainDetails p#icons {
float: right;
color: #ffc71c;
font-weight: bold;
}
#mainDetails p#icons img {
margin: 0 3px 0 7px;
}
#mainDetails p.price strong {
display: block;
}
#mainDetails p#address strong {
display: block;
font-weight: normal;
text-transform: uppercase;
}
#mainDetails p#agents span {
display: block;
}
#mainDetails p#description {
text-align: justify;
}
#subDetails {
width: 505px;
float: left;
}

#subDetails .images {
overflow: auto;
height:auto;
margin: 0 0 10px 0;
}
#subDetails .images img.slideimages {
border: 1px solid #54687f;
border-top: none;
float:left;
width: 150px;
margin: 15px 24px 15px 0;
}
#subDetails .images img.slideimages.first {
border-right: none;
}
#subDetails .images img.slideimages.last {
border-left: none;
margin-right: 0;
}
#subDetails .images img#mainimage {
width: 500px;
border-top: 1px solid #54687f;
display:block;
margin:0;
}
#subDetails ul#toolslist {
background-color: #fff;
width: 170px;
border: 1px solid #103257;
float: left;
margin: 0;
padding: 0 0 6px 0;
}
#subDetails ul#toolslist h2 {
background-color: #103257;
margin: 0;
padding: 6px 10px;
}
#subDetails ul#toolslist li a {
color: #103257;
text-decoration: underline;
padding: 0 0 0 29px;
margin: 3px 0 3px 12px;
display: block;
background-repeat: no-repeat;
background-position: 0 50%;
background-image: url(/img/tool_file.gif);
}
#subDetails ul#toolslist li a.t_slide {
background-image: url(/img/tool_slideshow.gif);
}
#subDetails ul#toolslist li a.t_save {
background-image: url(/img/tool_save.gif);
}
#subDetails ul#toolslist li a.t_emailfriend {
background-image: url(/img/tool_emailfriend.gif);
}
#subDetails ul#toolslist li a.t_print {
background-image: url(/img/tool_print.gif);
}
#subDetails ul#toolslist li a.t_loan {
background-image: url(/img/tool_loan.gif);
}
#subDetails ul#toolslist li a.t_floorplan {
background-image: url(/img/tool_floorplan.gif);
}
#subDetails ul#toolslist li a.t_map {
background-image: url(/img/tool_map.gif);
}
#subDetails ul#features {
border-left: 1px solid #54687f;
border-right: 1px solid #54687f;
margin: 0 4px 0 192px;
padding: 0px 16px;
}
#subDetails ul#features h2 {
padding: 6px 0;
margin: 0;
}
#mainDetails #agents {clear:both;}
#mainDetails .staffphoto {
float:left;
margin-right:10px;
margin-bottom: 10px;
border: 1px solid #54687f;
xheight: 130px;
}

body.detail h2.agenttitle {
padding-bottom: 10px;
}

/* Popups
--------- */
html.popup body {
padding: 10px;
}
html.popup body #header {
background-color: #fff;
}
html.popup body #content {
margin: 0 6px 0 0;
}
html.popup body form {
margin: 0 auto;
}

/* Sideshow
----------- */
html.popup body.slideshow {
text-align: center;
}
html.popup body.slideshow #header {
margin: 0 0 5px 0;
height: 85px;
}
html.popup body.slideshow form input {
margin: 1px 1px 0 0;
text-transform: lowercase;
font-size: 1.1em;
background-color:#184372;
border-right: 1px solid #09233f !important;
color: #fff;
display: block;
float:left;
width: 102px !important;
text-align: center;
padding: 9px 0;
}
html.popup body.slideshow form input:hover {
color: #fff;
background-color: #5890cd;
}
html.popup body.slideshow form img {
margin: 20px auto 0 auto;
}

/* Staff List
------------- */
.staffmember {
border-bottom: 1px solid #8899ac;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
overflow:auto;
}
.staffmember a img {
float:left;
border: 1px solid #54687f;
width: 100px;
}
.staffmember .details {
margin: 0 0 0 125px;
}
.staffmember .details p.contact strong {
display: block;
font-weight: normal;
text-transform: uppercase;
}


/* Staff Profile
---------------- */
body.profile #content img {
width: 200px;
float: left;
}
body.profile #content .details {
margin: 0 0 0 220px;
text-align: justify;
}
body.profile #content .details p.contact strong {
display: block;
font-weight: normal;
text-transform: uppercase;
}
body.profile #content .details h3 {
margin: 0;
}

/* Print
-------- */
html.brochure,
body.brochure {
background-image: none;
background-color: #fff;
color: #000;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
body.brochure #wrap {
width: 625px !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;
margin: 0 !important;
}
body.brochure #header {
background-image: none;
height: 160px;
padding: 0;
margin:0 0 10px 0;
}

body.brochure #header #logo {
float: left;
width: 185px;
height: 160px;
}

body.brochure #header #title {
float: left;
width: 435px;
height: 160px;
text-align: center;
}

body.brochure #header #title img {
margin: 15px 0px 20px 40px;
}

body.brochure #header #title h2 {
color: #184473 !important;
font-weight: bold;
text-transform: uppercase;
font-size: 1.7em;
clear: both;
}

body.brochure #brochureimages {
width: 625px;
height: 325px;
display : block;
}

body.brochure #brochureimages img {
width: 198px;
height: 148px;
border: 3px solid #992135;
margin: 0 0px 0px 0px;
}

body.brochure #brochureimages img#firstimage {
margin-left: 0px;
width: 414px;
height: 306px;
}

body.brochure #brochureimages #leftimage {
width: 419px;
float: left;
}

body.brochure #brochureimages #rightimage {
width: 202px;
float: right;
}

body.brochure #brochureimages #rightimage img {
margin-bottom: 1px
}

body.brochure #address {
float: left;
color: #184473;
font-size: 1.5em;
margin-bottom: 15px;
}

body.brochure #address span {
margin-right: 10px;
}

body.brochure #icons {
float: right;
font-size: 1.5em;
font-weight: bold;
color: #184473;
margin-bottom: 15px;
}

body.brochure #icons img {
margin: 0px 12px 0px 0px;
}

body.brochure #icons img#car {
margin: 0px 0px 0px 0px;
}

body.brochure p#description {
width: 625px;
clear: both;
font-size: 1.2em;
text-align: justify;
}

body.brochure #mainDetail p#icons img {
margin: 0 3px 0 7px;
}

body.brochure p.price strong {
display: block;
color: #9d2d3d;
font-size: 1.5em;
clear: both;
padding-bottom: 8px;
}

body.brochure #mainDetail p#address strong {
display: block;
font-weight: normal;
text-transform: uppercase;
}

body.brochure #mainDetail p#agents span {
display: block;
}
body.brochure img#images {
display: block;
float: left;
}

body.brochure #agents {
xclear:both;
xwidth: 312px;
height: 130px;
xfloat: left;
margin-top:15px;
border-top: 1px solid #9d2d3d;
border-bottom: 1px solid #9d2d3d;
padding: 10px 0px;
font-size: 1.3em;
}

body.brochure .staffphoto {
float:right;
margin-left:15px;
xborder: 1px solid #54687f;
height: 130px;
}

body.brochure #agents p.agentname {
padding-top: 20px;
}

/* Open For Inspection
---------------------- */
html#list #content ul {
list-style: none;
margin: 0;
}
html#list #content ul li {
float: left;
margin: 0 10px 10px 0;
}
html#list #content ul li.dayHeading {
width: 100%;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 5px 0;
font-weight: bold;
margin: 20px 0 10px 0;
}
html#list #content ul li.header {
color: #002b54;
text-transform: uppercase;
margin-bottom: -10px;
}
html#list body.brochure #content h1 {
color:#09233f;
}
html#list #content ul li a {
color: #000;
}
html#list body.brochure #content ul li.time {
width: 150px;
}
html#list body.brochure #content ul li.address {
width: 300px;
}
html#list body.brochure #content ul li.address strong {
text-transform: uppercase;
}
html#list body.brochure #content ul li.price,
html#list body.brochure #content ul li.venue {
width: 100px;
}

/* Property Alert
-----------------------*/

body.alert #content #alertmenu {
display: block;
overflow: hidden;
background-color: #9d2d3d;
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;
color: #fff;
}

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

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

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,
body.alert #content form select {
width: 250px;
}

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: 400px;
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: #fff;
font-weight: normal;
}

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

body.alert #content #loginbox fieldset {
width: 230px;
margin-bottom: 5px;
clear:both;
xbackground-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 {
xborder: 1px solid #DDDDDD;
float: right;
xtext-align: center;
margin-left: 20px;
margin-bottom: 15px;
xbackground-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;
}

body.register #content form select,
body.register #content form textarea {
width: 254px;
}