/* ============= Skin Stylesheet ============ */
/* Contents: colours, typography, backgrounds */
/* ========================================== */

/* Global layout colour scheme
-------------------------------*/
html {
background-color:#655D5A;
background-image: url(/img/bg.jpg);
background-repeat: repeat-x;
background-position: left top;
}

#main {
background-image: url(/img/site_main_bg.gif);
background-repeat: no-repeat;
background-position: center top;
}

/* Pages with only 2 columns
----------------------------*/
body#staff #main,
body.listing #main,
body.detail #main {
/* was a background here */
}

/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

p {
font-size: .9em;
}
#menu {
font-size: .9em;
}
h1 {
font-size: 1.1em;
width: 360px;
padding-top:7px;
padding-bottom:14px;
margin-bottom:26px;
border-bottom: 1px solid #DFDFDF;
}

h2 {
font-size: 1.1em;
margin-bottom: 3px;
}

legend {
color: #22243d;
font-weight: bold;
}

a:link,
a:visited {
color:#333;
}

#content p,
#sub-section p {
margin-bottom: 10px;
}

#footer p {
font-size: 0.9em;
}

#footer,
#footer a:link,
#footer a:visited {
color: #999;
text-decoration: none;
}

#footer a:hover {
color: #fff;
}

/* Footer
---------*/
#footer {border-top: 1px solid #9B9794;}
#footer .publisher {float:right; margin-right: 120px;}
#footer .agencytitle {float:left; color:#100;}
/* Menu
--------*/

#menu li a {
color: #000;
font-weight: normal;
background-image: url(/img/nav_norm.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#menu li a:hover {
background-image: url(/img/nav_roll.jpg);
background-repeat: no-repeat;
background-position: left top;
color: #fff;
}



#menu li.last {
border-bottom: 3px solid #CCCCCC;
}

#menu li a:link,
#menu li a:visited {
text-decoration: none;
}
#menu li li {
background-color:#DFDFDF;
}
#menu li li a {
background-color:#DFDFDF;
background-image: url(/img/subnav-bullet.gif);
background-position: left top;
border-bottom: 1px solid #ccc;
}
#menu li li a:hover {
background-color:#ccc;
color:#000;
background-image: url(/img/subnav-bullet.gif);
background-position: left top;
border-bottom: 1px solid #ccc;
}
/* Standard forms
------------------*/

form fieldset {
border: 1px solid #ddd;
}

form em span,
form .required {
color: #B90000;
font-weight: bold;
}

form fieldset#submit input,
.button {
background-color:#4C4744;
border: none;
color: #fff;
font-weight:bold;
}


/* Home 
---------*/

body#home #sub-section form #submit input {
font-size: 0.9em;
font-weight: bold;
}

/* Listings
------------*/

body.listing .property {
border-bottom: 1px solid #ddd;
}

body.listing .property .image {
border: 1px solid #22243D;
}

body.listing .property img {
width:172px;
}
body.listing .property .details h2 {
font-size: 1.1em;
margin-bottom:8px;
}

body.listing .property .details h3 {
font-size: 1em;
margin-bottom:8px;
font-weight:normal !important;
}

body.listing .property .features {
font-size: .9em;
}

body.listing .property .price h3 {
font-size: 1em;
}

body.listing #filter {
background-color: #FADBBC;
}

body.listing #filter input {
background-color: #F2891C;
border: none;
color: #fff;
}
body.listing .viewproperty {

float:right;
}
/* Property detail
-------------------*/

body.detail #content h2 {

}

body.detail #content h3 {
font-size: 1em;
}

body.detail #content ul#outgoingslist {
list-style-type: square;
}

body.detail #addressbar p {
font-weight: bold;
}

body.detail .images img {
border: 1px solid #999;
width:172px;
xheight:129px;
float:left;
margin-bottom:3px;
}

body.detail .images img#mainimage {
border: 1px solid #999;
width:350px;
xheight:263px;
margin-right:3px;
}
body.detail .images p {
clear:both;
}

body.detail #extradetails .images p {
font-weight: bold;
font-size: 0.8em;
}

body.detail #extradetails dl dt {
font-weight: bold;
}

/* Staff 
---------*/

body#staff dl {
border-bottom: 1px solid #ddd;
}

body#staff dl dt.name {
font-weight: bold;
font-size: 1.2em;
font-style: italic;
}

body#staff dl dd.position {
font-weight: bold;
}

body#staff dl dd.contact {
font-weight: bold;
}

/* Slideshow
-------------*/

body.slideshow {
background-image: none;
background-color: #fff;
height:auto;
}
body.slideshow > html {
background-color: #fff;
}
body.slideshow h1 {
width:auto;
}

body.slideshow #header {
background-image: none;
background-color: #4c4744;
border-bottom: 10px solid #adadad;
}
body.slideshow #header {
padding:20px;
}
body.slideshow table img {
border: 1px solid #333;
}

/* Email a friend
------------------*/

body.emailafriend {
background-image: none;
background-color: #fff;
text-align: left;
}
body.emailafriend #header {
background-color:#4C4744;
background-image:none;
border-bottom:10px solid #ADADAD;
}
body.emailafriend #header img {
padding:20px;
}

/* Inspections XSL
----------------*/

xbody#xsl_inspect div#content {
margin : 0 auto 0 auto; /*center the wrapper*/
width : 625px;
min-height : 100%;
position : relative;
}

body#xsl_inspect #content p {
margin-bottom : 12px;
font-size : 1em;
}

xbody#xsl_inspect #header {
width : 595px;
height : 60px;
}

xbody#xsl_inspect #text {
width : 593px;
padding : 12px 15px 12px 15px;
margin-top : 0;
}

body#xsl_inspect #text div#btn {
float : right;
margin-top:45px;
}

body#xsl_inspect #text table#inspect {
width : 100%;
}

body#xsl_inspect #text table#inspect td {
padding : 3px;
}

body#xsl_inspect #text table#inspect td.first {
padding-left : 5px;
}

body#xsl_inspect #text table#inspect td.date {
padding-left : 5px;
border: 1px solid #ad824b;
}

body#xsl_inspect #text table#inspect td.close {
padding-top : 40px;
}

/* stocklist */
xbody.stocklist .property .details {
width:500px;
}

/* property alert popups */
#outside #content {
background-color:#fff;
background-image:none;
margin:0px;
padding:20px;
width:400px;
}