/*
 * SEARCH CSS STYLING SHEET
 * written by Piers Rollinson
*/

#page .col h1{
border-bottom:1px dotted #ccc;
margin-bottom:10px;
padding-bottom:5px;
}
#page p.preview{
background-color:#FFFFCC;
border:1px solid #CAC761;
padding:10px 10px;
}
.box{
background-color:#2E6F8D;
color:#fff;
}
.box legend{
color:#fff;
margin-bottom:5px;
}
.box form{
margin:10px 0;
padding:0;
color:#fff;
}
.box fieldset{
border:none;
padding:0;
margin:0;
}
.box table{
margin:0;
}
#savedSearch h2, #searchOptions h2{
color:#fff;
}
table {
padding:5px;
border-collapse:none;
}
tr {

}
td {
width:auto;
padding:3px;
font-size:13px;
}

.withSide #page{
width:515px;
margin-right:15px
}

#searchBox{
height:215px;
background-color:#2E6F8D;
}
#searchBox legend{
color:#fff;
margin-bottom:5px;
}
#searchBox form{
margin:10px 0;
padding:0;
color:#fff;
}
#searchBox fieldset{
border:none;
padding:0;
margin:0;
}
#searchBox table{
margin:0;
}

/*
 FEATURES GLIDER
 */
#featuredGlider .scroller {  width: 790px; height: 143px; overflow: hidden; background:#999; float:left; }
#featuredGlider .scroller div.section { width:385px; height:216px; overflow:hidden; float:left; padding:5px 5px 0 5px;}
#featuredGlider .scroller div.content { width: 10000px; }    


#featuredGlider .controls2{
width:795px;
float:left;
}
#featuredGlider .controls2 a{
width:100px;
padding:7px 20px;
display:block;
border-bottom:1px solid #ccc;
font-size:1.4em;
text-decoration:none;
font-weight:bold;
background-color:#eee;
margin-right:2px;
}

#featuredGlider .controls2 a{
color:#000;
}
#featuredGlider .controls2 a:hover{
background-color:#e1e1e1;
color:#000;
}

#left{
float:left;
}
#right{
float:right;
}

#navi {
min-height:400px;
}
#navi h1{
font-size:13px;
}
#navi h2{
font-size:13px;
margin:0;
padding:0;
}
#navi p{
font-size:12px;
}
#navi form{
margin:0;
padding:0;
}
#navi fieldset{
border:none;
padding:0;
margin:0;
}
#navi a{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
color:#FFFFFF;
font-size:12px;
width:100%;
display:block;
padding:7px 10px;
height:100%;
}
#navi a:hover{
font-weight:bold;
padding-left:15px;
color:#000000;
}
#navi ul{
padding:0;
margin:30px 0 0 5px;
}
#navi ul ul {
margin:5px 3px;
}
#navi li{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding:0px;
margin:0 0 0 5px;
color:#424736;
font-weight: bold;
width:140px;
list-style-type:none;
border-bottom:1px dotted #FFFFFF;
}
#navi li:hover{
background-color:#FFFFFF;
width:150px;
}
#notice {
	background-color:#FFE1E1;
	padding:10px;
	margin: 10px auto;
	width: 470px;
	border: 1px solid #FFB3B3;
}

/** SEARCH OPTIONS **/
#searchOptions ul {
padding:0px;
margin:0px;
}
#searchOptions li {
list-Style:none;
padding:0;
}
#noresults {
width:95%;
font-size:13px;
font-weight:bold;
}
#savedSearch{
width:740px;
margin:0 auto;
}

/** SEARCH RESULTS **/
#resultSet {
margin:0;
overflow:hidden;
}
#resultSet #info {
padding:5px;
margin:10px auto;
}
#resultSet #info li {
list-style:none;
}
.result {
margin:10px 0;
float:left;
}
.result .headerBar {
background:#e1e1e1;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
padding:3px 10px;
height:38px;
}
.result .headerBar #split1{
width:70%;
float:left;
}
.result .headerBar #address {
width:100%;
margin:3px 0px;
float:left;
overflow:hidden;
}
.result .headerBar #briefInfo{
padding:0;
margin:0;
float:left;
color:#666;
font-size:11px;
font-weight:normal;
}
.result .headerBar #price {
width:30%;
float:right;
text-align:right;
}
.result ul,a {
margin:0px;
padding:0px;
}
.result .column {
float:left;
padding:5px;
}
.result li {
list-style:none;
padding:5px;
margin:0px;
}
.result #textCol{
width:350px;
font-weight:normal;
}
.result #picCol{
width:150px;
padding:0;
clear:left;
}
.result a{
margin:0;
padding:0;
}
.result p{
font-size:12px;
padding:5px 10px;
}
.result img{
padding:0;
margin:0;
}
/* VIEW PROPERTY */
.spacer {
clear:both;
}
#listingHeader {
padding:10px;
margin-bottom:15px;
background-color:#eee;
border:1px solid #ccc;
}
#listingHeader #text {
padding-left:10px;
padding-top:10px;
}
#listingHeader #icons {
width:180px;
height:44px;
}
#listingHeader #icons img {
float:right;
margin-left:5px;
}
#listingHeader #top{
width:570px;
float:left;
padding-bottom:15px;
}
#listingHeader #top p{
border-top:1px solid #ccc;
margin:10px 0;
padding-top:10px;
font-size:12px;
}
#listingHeader #top h1{
color:#333333;
border:none;
}
#listingHeader #top h2{
color:#666666;
border:none;
padding:0;
margin:0;
}
#listingHeader #lhNavi{
padding:0;
clear:left;
}
#listingHeader #lhNavi ul{
width:500px;
padding:0;
margin:0;
}
#listingHeader #lhNavi li{
float:left;
margin-right:5px;
list-style:none;
}
#listingHeader #lhNavi a{
color:#000;
display:block;
background-color:#fff;
border:1px solid #ccc;
padding:3px 7px;
text-decoration:none;
min-width:100px;
text-align:center;
font-size:12px;
margin:0;
}
#listingHeader #lhNavi a:hover{
background-color:#666;
color:#fff;
}
#listingHeader #price {
font-size:14px;
color:#666666;
}
#listingHeader #picture {
border:1px solid #CCCCCC;
margin-right:15px;
width:170px;
}
#listingSummary {
overflow:hidden;
}

#shortDesc {
margin:20px 0 0 0;
width:555px;
clear:both;
}
#shortDesc h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;
}
#shortDesc p {
padding:10px;
border-top:1px solid #FFFFFF;
}
#descriptions {
margin:0;
padding:0;
font-size:10px;
overflow:hidden;
}
.propertyParticular {
padding:10px 0;

}
#propertyParticulars .propertyParticular ul{
margin:0px 5px;
padding:0;
}
.propertyParticular ul {
margin:0;
padding:0;
}
#propertyParticulars .propertyParticular ul li {
text-transform:uppercase;
font-size:14px;
font-weight:bold;
list-style:none;
margin:2px 0;
padding:0;
}
#propertyParticulars .propertyParticular ul li.partDim{
text-transform:none;
font-size:12px;
font-weight:normal;
color:#333;
}
#propertyParticulars .propertyParticular ul li.desc{
text-transform:none;
font-weight:normal;
margin-top:3px;
}
.viewBox {
font-family: Arial, Helvetica, sans-serif;
width:100%;
background-color: #EAEAEA;
}
.viewBox p {
font-size: 12px;
padding:10px;
}
.image {
float:left;
margin-bottom:10px;
border:1px solid #999;
}
#photoGallery {
width:555px;
background-color:#E1E1E1;
}
.photo {
float:left;
width:165px;
padding:0px;
margin:10px;
overflow:hidden;
border:1px solid #333;
}
.imageCaption {
padding:5px 10px;
background-color:#666;
color:#fff;
font-size:13px;
}

/** old **/
#disclaimer {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 10px;
	margin: 15px 0 0 0;
}
#disclaimer h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
}
#disclaimer p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	color: #666666;
	font-size: 11px;
}

/** Partiulars Page **/
.propertyParticular ul,li {
margin:0;
padding:0;
}
.propertyParticular li{
padding:0 0 5px 0;
list-style:none;
}
#propertyImages{

}
.partDim{
color:#666;
font-size:11px;
font-weight:bold;
}
.floorplans {
padding:10px;
border:1px solid #CCCCCC;
margin:10px 0;
}
.floorplans img {
margin:0 auto;
}

.virtualtour {
padding:10px;
border:1px solid #CCCCCC;
margin:10px 0;
background-color:#E1E1E1;
}

.vtApplet {
margin:0 auto;
}

#disclaimer{
clear:both;
width:730px;;
margin:0;
}

#map_canvas{
width:100%;
height:250px;
}


.featProperty img{
border:none;
margin:0;
padding:0;
}
.featPic{
width:200px;
height:133px;
overflow:hidden;
float:left;
background-color:#666;

}
.featPropertyBar{
background-color:#eee;
padding:5px;
height:123px;
float:left;
width:173px;
overflow:hidden;
border-right:2px solid #ccc;
font-size:9px;
}
.featPropertyBar #address, #price{
width:100%;
font-weight:bold;
padding:2px 0;
color:#333;
float:left;
}
.featPropertyBar #address{
text-transform:uppercase;
font-size:12px;
}
.featPropertyBar #price{
color:#666;
margin-bottom:5px;
font-size:12px;
}
.featPropertyBar #summary {
margin-top:5px;
padding:5px 0;
border-top:1px dotted #ccc;
clear:left;
display:block;
}

.featPropertyBar #summary li{
list-style:none;
clear:left;
margin:0;
padding:2px 0;
}
.featPropertyBar a{
text-decoration:none;
color:#333;
}
.featPropertyBar a:hover{
color:#000;
}

.result .headerBar{
background-color:#e1e1e1;
padding:5px;
height:55px;
}
.result #address,#price{
font-weight:bold;
padding:2px 0;
color:#333;
}
.result #address{
width:160px;
float:left;
text-transform:uppercase;
}
.result #price{
width:60px;
float:right;
color:#666;
}


#map{
background-color:#e1e1e1;
}

.notice {
padding:10px;
margin:0;
color:#000;
background-color:#fff;
}
.notice p{
font-weight:normal;
margin:5px 5px 7px 5px;
}
.notice #icon {
margin-right:10px;
}
.notice.yellow{
background-color:#FFFFCC;
border:1px solid #CAC761;
}
.notice h1{
display:block;
margin:0 0 0 0;
padding:7px 0 0 50px;
color:#000;
font-weight:bold;
font-size:16px;
height:30px;
border:none;
}

#contactTelephone{
float:right;
margin-top:7px;
margin-right:30px;
font-size:17px;
color:#333;
font-weight:bold;
}

#linkCol{
position:relative;
bottom:0;
clear:left;
text-align:center;
}
#linkCol a{
width:140px;
padding:7px 5px;
text-decoration:none;
color:#000;
display:block;
font-size:13px;
font-weight:bold;
margin-top:1px;
}
#linkCol a:hover{
background-color:#eee;
}

#mapBox{
 display:none;
}