/* ============= Skin Stylesheet ============ */
/* Contents: colours, typography, backgrounds */
/* ========================================== */

/* Global layout colour scheme
-------------------------------*/
body, html {
background-color: #000;
xbackground-image: url(/img/fade_bg.gif);
xbackground-repeat: repeat-x;
xbackground-position: left top;
}

#wrap {
background-color: #302F2F;
background-image: url(/img/wrap_bg.gif);
background-repeat: repeat-y;
background-position: left top;
border-top: 1px solid #111;
border-bottom: 1px solid #111;
}

#main {
background-image: url(/img/3column_menuleft.gif);
background-repeat: repeat-y;
background-position: right top;
}

/* Pages with only 2 columns
----------------------------*/
body#staff #main,
body.listing #main,
body.detail #main,
body#appraisal #main,
body.alert #main {
background-image: url(/img/2column_menuleft.gif);
background-repeat: repeat-y;
background-position: left top;
}

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

p {
font-size: 1em;
}

h1 {
font-size: 1.5em;
margin-bottom: 5px;
text-transform:uppercase;
color: #343434;
}

h2 {
font-size: 1.1em;
margin-bottom: 3px;
text-transform:uppercase;
color: #343434;
}

legend {
text-transform:uppercase;
color: #343434;
font-weight: bold;
}

a:link,
a:visited {
color: #575759;
}

#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: #E4E4E4;
text-decoration:underline;
}
#footer {
background-color:#2F2F2F;
border-right: 1px solid #111;
border-left: 1px solid #111;
}
/* Header
---------*/
#header img#logo {
float: left;
position: relative;
top: 40px;
left: 20px;
}
#header {
background-color: #2F2F2F;
float:left;
}
/* Menu
--------*/
#menu {
text-transform:uppercase;
}
#menu li a {
color: #fff;
font-weight: bold;
background-image: url(/img/nav_bg.gif);
background-repeat: none;
background-position: right top;
}
#menu li a:hover {
color: #fff;
background-image: url(/img/nav_bg_over.gif);
background-repeat: none;
background-position: right top;
}

#menu li a:link,
#menu li a:visited {
text-decoration: none;
}

#menu a:hover {
color: #22243D;
background-color: #FADBBC;
}

#menu ul ul {
border-bottom: 1px solid #FADBBC;
}
#menu li li a {
background-image:none;
}
#menu li li a:hover {
background-color:#626262 !important;
background-image:none;
background-color: transparent;
}

/* shows subnav based on page context */
body.buying ul#buyList,
body.selling ul#sellList,
body.renting ul#rentList,
body.about ul#aboutList {
display: block;
}

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

form fieldset {
border: 1px solid #ddd;
}

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

form fieldset#submit input {
background-color: #fefe00;
border: none;
color: #2f2f2f;
}

/* 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 .details h2 {
font-size: 1.2em;
font-style: italic;
}

body.listing .property .details h3 {
font-size: 1em;
}

body.listing .property .features {
font-weight: bold;
color: #2f2f2f;
}

body.listing .property .price h3 {
font-size: 1em;
font-style: italic;
}

body.listing #filter {
background-color: #f2f2f2;
}

body.listing #filter input.submit {
background-color: #fffc00;
font-weight:bold;
border: none;
color: #2f2f2f;
}

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

body.detail #content h2 {
font-size: 1.2em;
font-style: italic;
color: #2f2f2f;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #f9f9f9;
}

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 #extradetails img {
border: 1px solid #22243D;
}

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

body.slideshow #header {
background-image: none;
background-color: #22243D;
border-bottom: 10px solid #EF8B13;
}

body.slideshow table img {
border: 1px solid #333;
}
.slideshow .button {
background-color: #fefe00;
border: none;
color: #2f2f2f;
margin-right:10px;
cursor: hand;
}
.slideshow .button {
background-color: #fefe00;
border: none;
color: #2f2f2f;
margin-right:10px;
cursor: pointer;
font-weight:bold;
}


/* Email a friend
------------------*/

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

body.emailafriend #header {
width: 400px;
background-image: none;
background-color: #fff;
border-bottom: 10px solid #fff;
float:left;
clear:both;
}
/*property of the week */
#pow {
border-top: 1px solid #fff;
padding-top:10px;
}
#pow img {
margin-right:10px;
margin-bottom:10px;
float:left;
}
#pow a,
.propertyAlert a {
font-weight:bold;
text-decoration:none;
}
#pow a:hover,
.propertyAlert a:hover {
text-decoration:underline;
}