/*

	John Minnis Stylesheet
	Created by Andi Topping on 18th October 2007

*/

* { font-family:Arial, Helvetica, sans-serif; }
html, body { background-color:#EFEFEF; color: #333333; font-size:13px; margin: 0px 0px; }
p { margin:6px 2px; padding:0px; }
h1 { margin:6px 2px; padding:0px; color: #006666; font-size: 22px; font-weight: normal; }
h2 { margin:6px 2px; padding:0px; color: #006666; font-size: 16px; font-weight: normal; text-transform:uppercase; }
h3 { margin:3px 2px; padding:0px; color: #005552; font-size: 14px; font-weight: bold; text-transform: uppercase; }
h4 { margin:3px 2px; padding:0px; color: #005552; font-size: 12px; font-weight: bold; text-transform: uppercase; }
a { color: #005552; font-weight: normal; text-decoration: none; }
a:hover { color: #005552; font-weight: normal; text-decoration: underline; }
form { padding:0px; margin:0px; }
.grey { color: #88B5B4; }
.address { color: #88B5B4; font-size: 13px; font-weight: bold; text-transform: uppercase; }

#container { width: 1024px; margin: 0px auto;  min-height: 100%; background-color:#BFBFBF;}

#top { background-image: url(../images/header.jpg); background-repeat: no-repeat; height:98px; color: #FFFFFF; }
#rental { background-image: url(../images/header_rentals.jpg); background-repeat: no-repeat; height:98px; }
#top .logo, #rental .logo { padding: 25px 0px 0px 25px; }
#top .right, #rental  .right { float: right; padding: 35px 15px 0px 0px; text-align:left; color: #FFFFFF; font-size: 9px; text-transform: uppercase; }
#top .right_new { text-align:left; color: #FFFFFF; font-size: 9px; text-transform: uppercase; }

#nav { height:32px; }
#nav #quicksearch { padding: 0px 0px 0px 16px; }
#nav td img {display: block;}

#middle { margin: 0px 0px; }
/* #buttons { background-image: url(../images/bg_branches.jpg); background-repeat:no-repeat; background-position:bottom; float: left; width: 222px; height: 615px; background-color: #FFFFFF; } */
#buttons { background-image: url(../images/bg-branches-2.png); background-repeat:no-repeat; float: left; width: 222px; height: 615px; background-color: #FFFFFF; }
#main { margin: 0px 0px 0px 225px; background-color: #BFBFBF; }

#propertysearch { background-image: url(../images/bg_propertysearch.png); background-repeat:no-repeat; width: 202px; height: 251px; margin: 0px auto; }
#propertysearch .internal { padding: 10px 10px 10px 20px; }
#propertysearch .style  { height: 18px; width: 82px; border: 1px solid #A4A4A5; font-weight: normal; font-size: 10px;  vertical-align: top; color: #014649; background-color: #FFFFFF; }
#propertysearch .style_multiple  { width: 83px; border: 1px solid #A4A4A5; font-weight: normal; font-size: 11px; margin: 3px 0px; color: #014649; background-color: #FFFFFF; }

#mortgage { background-image: url(../images/bg_mortgage.jpg); background-repeat:no-repeat; width: 310px; height: 310px; margin: 10px auto; }
#mailinglist { margin: 10px auto; }
#mortgage .internal, #mailinglist .internal { padding: 10px 10px; }
#mortgage .style, #mailinglist .style  { height: 15px; width: 82px; border: 1px solid #A4A4A5; font-weight: normal; font-size: 10px;  vertical-align: top; color: #014649; background-color: #FFFFFF; }
#mortgage label, #mailinglist label { line-height:20px; width:180px; float:left; padding: 6px 0px 0px 5px; }
#mailinglist td{ color:#005552; font-weight: normal; padding: 5px 0px; vertical-align: top; }
#mortgage td { color:#005552; font-weight: normal; }

#register { background-image: url(../images/bg_mortgage.jpg); background-repeat:no-repeat; width: 310px; height: 310px; margin: 0px auto; }
#register .internal { padding: 10px 10px; }
#register .style  { height: 15px; width: 82px; border: 1px solid #A4A4A5; font-weight: normal; font-size: 10px;  vertical-align: top; color: #014649; background-color: #FFFFFF; }
#register label { line-height:20px; width:180px; float:left; padding: 6px 0px 0px 5px; }
#register td { color:#005552; font-weight: normal; }

.soonforsale th { color:#FFFFFF; font-weight: bold; background-color:#005552; }
.soonforsale td { color:#005552; font-weight: normal; }

#main { padding: 9px 11px 0px 12px; color: #FFFFFF; }
#main hr { height:1px; border: none 0; border-top: 2px solid #CECECE; text-align:center; }
#main .left { width: 466px; float: left; padding: 10px 0px 0px 7px; }
#main .left hr { height:1px; border: none 0; border-top: 1px solid #CECECE; text-align:center;}
#main .right hr { height:1px; border: none 0; border-top: 1px solid #CECECE; text-align:center;}
#main .right { margin: 0px 0px 0px 484px; padding: 10px 6px 0px 0px; }
#main .right a{ color: #FFFFFF; text-decoration: none; }
#main .right a:hover{ color: #005552; font-weight: normal; text-decoration: none; }
#main .onecol { padding: 10px 7px 0px 0px; }

#footer { clear: both; }

.listings { margin-bottom: 3px; color: #005552; }
.listings .price { border: none; background-color: #ADAEB0; color:#FFFFFF; padding: 0px 10px; vertical-align: top; text-align: left; font-size: 20px; font-weight: bold; }
.listings .address { margin:3px 2px; padding:0px; color: #005552; font-size: 13px; font-weight: bold; text-transform: uppercase; }
.listings .address a{ margin:3px 2px; padding:0px; color: #005552; font-size: 13px; font-weight: bold; text-transform: uppercase; }
.listings .address a:hover{ margin:3px 2px; padding:0px; color: #005552; font-weight: bold; text-transform: uppercase; }
.listings .infopara { font-size: 11px; }
.listings .month { font-size: 11px; color: #FFFFFF; }
.listings .info { color: #BFBFBF; text-transform:uppercase; }

/* Main Listing Page Styles, Search .etc. 
.listing .price { border: none; width: 153px; background-color: #ADAEB0; padding: 0px 10px; vertical-align: top; text-align: left; font-size: 20px; font-normal: bold; }
.listing { width: 98%; }
.listing .image { border: none; width: 153px; vertical-align: top; }
.listing .description { background-color: #F7F7F7; }

.listing .content { font-size: 11px; }
.listing .text { background-color: #F7F7F7; font-size: 12px; color: #005552; padding: 0px 10px; vertical-align: top; }
.listing .address { margin:3px 2px; padding:0px; color: #005552; font-size: 13px; font-weight: bold; text-transform: uppercase; }
.listing .address a{ margin:3px 2px; padding:0px; color: #005552; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.listing .address a:hover{ margin:3px 2px; padding:0px; color: #005552; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.listing .infopara { font-size: 11px; }
.listing .info { color: #BFBFBF; text-transform:uppercase; }*/

/* Pagination */
.pagination { font-size:13px; text-align:left; margin: 10px 0px 0px 0px; }
.selected { font-size: 13px; color: #FFFFFF; font-weight: bold; }
.pagination a { color: #005552; font-weight: normal; text-decoration: none; }
.pagination a:hover { color: #005552; font-weight: normal; text-decoration: underline; }

/* Property Display Page */
#details { height: 99px; margin: 3px 0px; background-image:url(../images/bg_prop_details.gif); background-repeat:no-repeat; background-position:right; background-color:#006666; }
#details .address { margin:3px 2px; padding:0px; color: #FFFFFF; font-size: 15px; font-weight: normal; text-transform: uppercase; }
#details .info { font-size: 13px; color: #BFBFBF; }
#details td { font-size: 13px; color: #FFFFFF; }
.pinfo { font-size: 13px; color: #006666; }
.pinfo li { list-style-image: url(../images/wee_arrow.gif); }

/* FORM STYLES */
.styling  { height: 15px; width: 125px; border: 1px solid #A4A4A5; font-weight: normal; font-size: 11px; margin: 0px 0px; color: #014649; background-color: #FFFFFF; }

label { font-weight:normal; line-height:20px; color:#016546; width:90px; float:left; padding-left: 0px; }

/* HOME PAGE STYLES */
#home #t .left { width: 458px; height: 309px; float: left; padding: 0px 0px; background-color:#1C5351; }
#home #t .featured { padding: 0px 0px; }
#home #t .image { height: 277px; }
#home #t .right { margin: 0px 0px 0px 462px; height: 309px; padding: 0px 0px; }

#home #b { margin: 3px 0px 0px 0px; }
#home #b .left { width: 458px; float: left; padding: 0px 0px; }
#home #b .right { margin: 0px 0px 0px 462px; padding: 0px 0px; }
#home #b a { color: #BFBFBF; font-weight: normal; text-decoration: none; }
#home #b a:hover { color: #BFBFBF; font-weight: normal; text-decoration: underline; }

/* Accordion Styles */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	height: 12px;
	font-family: 'Andale Mono', sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	font-style:normal;
	padding:5px 0 5px 30px;
}

/* Hover Transparent Window */
.highlightit img{ border: 1px solid #CCCCCC; padding: 1px 1px; }
.highlightit:hover img{ border: 1px solid #ff3366; padding: 1px 1px; }
.highlightit:hover{ color: #ff3366; border: 0px ; /* Dummy definition to overcome IE bug */ }

.fp_property { width:154px; height: 122px; float:left; } /* Height was 104px; */
.fp_property_fix { width:150px; height:122px; float:left; } /* Height was 104px */
.fp_property .hover, .fp_property_fix .hover { background-color: #005552; height: 111px; width: 144px; display:none; padding: 3px 3px; background-image: url(../images/bg_home_flower.png); background-repeat:no-repeat; font-size: 11px; }
.town { background-color: #005552; width: 144px; padding: 5px 3px 0px 3px; color: #88B5B4; font-size: 10px; height: 14px; margin-top: -3px; }
.agency { background-color: #005552; width: 140px; padding: 2px 0px; color: #FFFFFF; font-size: 10px; border-top: 1px solid #FFFFFF; margin-top: 1px; }
.fp_property .hover a, .fp_property_fix .hover a { color: #88B5B4; font-weight: normal; text-decoration: none; }
.fp_property .hover a:hover, .fp_property_fix .hover a:hover { color: #88B5B4; font-weight: normal; text-decoration: none; }

/* Print Page */
#printfooter { font-size:11px; color:#999999; margin-top:5px; padding-bottom:15px; }
#printfooter hr { height:1px; margin:0px; border: none 0; border-top: 1px solid #cccccc; width:60%; text-align:left; margin-bottom:10px; }
#printpage { font-size:12px; color:#004F47; margin:0px 0px 0px 10px; }

/* moodalbox CSS  */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}

.mb_loading {
background: #DDD url(../images/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../images/closelabel.gif) no-repeat center;
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}

#date, #tick2 { color: #FFFFFF; }

/* EPC Graph */
#epc { border: 1px solid #000000; font-size: 12px; }
#epc .top { text-align:center; }
#epc th { background-color: #CCCCCC; color: #006666; }
#epc .current { background-color: #A68661; text-align:center; font-size: 13px; color: #FFFFFF; font-weight: bold; }
#epc .potential { background-color: #677393; text-align:center; font-size: 13px; color: #FFFFFF; font-weight: bold; }

#mainImageDisplay { position: relative; }
#jmtv { position: absolute; bottom: 10px; right: 10px; }
#jmtv:hover { cursor: pointer; }