/**
* Copperstones - Property listing pages stylesheet
*/

/** 
*  Design concept, layout and graphics copyright propertyowl.co.uk
*  feel free to borrow css code ideas but please do not attempt to
*  copy the design or layout concept or 'borrow' graphics.
*/

/*
*  Main layout styles for  Property listing/detail pages
*  This stylesheet contains the layout elements for the property searches area
*  and is used in conjunction with the Master Template styles.
*/

#prop-listing h1 {
  width:20em;
  margin:-29px 0 0 0;
  font-size:93.75%;
  font-weight:bold;
  color:#e5e5e5;
  border:none;
  }
#prop-listing p.no-result {
  padding:0 5px;
  margin:20px 0;
  font-size:110%;
  font-weight:bold;
  }
  
#property-detail h1 {
  width:auto;
  margin:5px 5px 0;
  color:#333;
  }

#prop-list {
  overflow:hidden;
  padding:0 0 30px 0;
  }
/** results: returned text, sort order input, number of page listings **/  

#list-descrip {
  margin:0 auto 1em;
  padding:0 0 .4em ;
  width:100%;
  }
#results {
  padding-top:3px;
  overflow:hidden;
  display:inline-block;
  }
#results {
  display:block;
  }
#results p {
  font-weight:bold;
  }
#results p {
  float:left;
  margin: 4px 0;
  font-size:70%;
  }
.results-bar.pageBottom {
  overflow:hidden;
  }
.sortorder,
.numPerPage {
  float:left;
  width:17em;
  margin-top:0;
  }
.numPerPage {
  width:15em;
  }
.sortorder fieldset {
  margin:0;
  }
.sortorder legend {
  display:none;
  }
.sortorder label {
  width:4em;
  text-align:right;
  
  }
.results-bar select {
  width:160px;
  padding-left:6px;
  margin-left:6px;
  display:inline;
  float:none;
  clear:none;
  font-size:75%;
  }

.results-bar select.pageNum {
  width:54px;
  }
.results-bar input.submit {
  width:35px;
  float:none;
  clear:none;
  text-align:center;
  font-size:75%;
  }
ul.pages-nav {
  float:right;
  padding: 0;
  margin: 0;
  }
#content ul.pages-nav li {
  display:inline;
  padding:0;
  margin: 0;
  }
#content ul.pages-nav li a {
  padding:0 .3em;
  position:relative;
  }
#content ul.pages-nav li a.active {
  border:1px solid #000;
  }

/** ==== property box general elements ==== **/
.prop-box {
  width:auto;  
  margin:20px 0;
  overflow:hidden;
  border:1px solid #eee;
  display:inline-block;/* IE trigger */
  }
#prop-detail .prop-box {overflow:visible;}
.prop-box, #prop-detail {
  display:block; /* trigger re-set */
  }
#prop-list .prop-box {
  margin:20px 10px;
  padding-bottom:10px;
  }
#prop-detail .prop-box {
  padding-bottom:10px;
  }
#content .prop-box h2 {
  width:auto;
  margin:0 0 .1em ;
  padding:.4em;
  font-size:100%;
  font-weight:bold;
  border-bottom:none;
  display:inline-block;/* IE trigger */
  }
#content .prop-box h2 {
  display:block;/* trigger reset */
  }

#prop-list .prop-info {
  position:relative;
  top:-6px;
  min-height:160px;
  overflow:hidden;
  }
#prop-list .prop-info p {
  margin-left:0;
  }

#prop-list .prop-box h2 span.prop-title {
  float:left;
 
  color:#333;
  }
#prop-list .prop-box h2 span.prop-type {
  font-size:90%;
  vertical-align:top;
  color:#5d5d5d;
  }
#prop-list .prop-box h2 span.prop-price {
  float:right;
  }

.prop-list p.prop-ref {
  margin:0;
  width:8em;
  text-align:right;
  clear:both;
  }
  
#prop-detail .prop-box img {
  float:left;
  margin:0 5px 5px 0;
  }
.prop-box a.lists-thumb {
  float:left;
  margin:10px;
  }
#property-detail #sidebar-detail {
  float:right;
  width:265px;
  margin:0 10px 0 0;
  }
  
#property-detail .prop-box h2.section-header {
  color:#ef7e00;
  padding-left:0;
  text-transform:uppercase;
  }

h2.section-header span.flagstatus {
  float:right;
  font-size: 65%;
  line-height:1.9;
  color:#51220B;
  }
#property-detail .prop-box h3.section-header  {
  margin:0;
  padding:0 0 0 5px;;
  background:#ef7e00;
  color:#fff;
  font-weight:bold;
  font-size:100%;
  text-transform:uppercase;
  }
.prop-box dl {
  padding:3px;
  }
.prop-box dt {
  font-size:75.25%;
  }
.prop-footer {
  position:absolute;
  bottom:0;
  left:0;
  }
#prop-list .prop-box p.prop-ref {
  margin-right:5px;
  }
#prop-list .prop-box a.imageThumb {
  float:left;
  margin:5px 10px 0 5px;
  vertical-align:bottom;
  }

#prop-list .prop-box .prop-info a.shortlist {
  bottom:1.8em;
  background:#4b4644;
  }

/** property list box - links bar **/
#page-tools {
  margin:5px 0 10px;;
  }
.prop-links {
  margin:10px 0 0 5px;
  padding-top:0;
  width:100%;
  clear:both;
  line-height:1.5;
  overflow:hidden;
  list-style-type:none;
  }
#prop-list .prop-box .prop-info a.prop-links {
  display:block;
  position:absolute;
  bottom:0;
  right:3px;
  width:7em;
  padding:1px 0;
  text-align:center;
  font-size:81.25%;
  font-weight:bold;
  background:#202020;
  color:#fff;
  overflow:hidden;
  }
.prop-links li a {
  height:100%;
  font-size:116.70%;
  text-transform:uppercase;
  color:#484443;
  font-weight:bold;
  }

#content #print-list {
  float:right;
  position:relative;
  width:8em;
  list-style:none;
  overflow:hidden;
  z-index:100;
  }
#print-list li a.print {
  padding:8px 0 8px 24px;
  font-size:92.025%;
  }

/* icon property detail list */

.icon-details li {
  float:left;
  width:2.8em;
  font-size:68.75%;
  }
.icon-details li.gardens {width:8em;}
/* property details specific styles */
#prop-detail {
  padding-top:1px;
  margin:0 1% 1%;
  }
.property-notes {
  margin:0  0 15px 10px;
  font-weight:bold;
  }
#prop-list .property-notes {
  margin:-5px 0 10px 8px;
  }
#prop-detail img.main-image {
  float:left;
  margin:10px 0 30px 5px;
  border:1px solid #8f8f8f;
  }
#prop-detail #flashouter {
  width:420px;
  margin-left:5px;
  }
embed {margin:0;padding:0;}
#flashcontent {margin-left:2px;margin-top:-6px;}
#closeflash {
  margin:0 37px 0 0px;
  padding:2px;
  font-size:82.50%;
  color:#EF7E00;
  }
.latest img, #flashouter {
  float:left;
  margin:0;
  border-right:2px solid #fff;
  }
#prop-images {
  float:right;
  width:270px;
  margin:10px  5px 20px 0;
  text-align:left;
  }
#prop-images img {
  float:none;
  width:127px;
  /*height:95px;*/
  margin: 0;
  border:1px solid #ccc;
  }
#prop-detail .prop-descrip {
  float:left;
  width:425px;
  margin:0 0 10px 5px;
  clear:both;
  }
#prop-detail .prop-descrip p {
  margin:.6em 0;
  }
#prop-detail #prop-descript dt {
  font-size:100%;
  font-weight:bold;
  }
#prop-detail #prop-descript dd,
#prop-detail .room-sizes dd {
  margin-left:0;
  }
#prop-detail #prop-descript dt span.prop-ref {
  clear:left;
  float:right;
  }
#prop-detail ul.featured {
  margin:10px 0 0 0;
  list-style:disc;
  }
#prop-detail ul.featured li {
  margin:5px 0 5px 20px;
  font-size:87.50%;
  font-weight:bold;
  color:#484443;
  }
/* room measurments */
#property-detail dl.room-sizes {
  margin-bottom:0;
  width:30em;
  overflow:hidden;
  }
#property-detail dl dt {
  float:left;
  width:12em;
  margin-top:5px;
  font-size:81.50%;
  font-weight:bold;
  padding:0 10px 0 0;
  clear:left;
  }

#property-detail dl.room-sizes dd { 
  clear:left;
  float:left;
  width:250px;
  margin-top:5px;
  font-style:italic;
  }
#property-detail dl.room-sizes dd.size {
  clear:none;
  }
#property-detail dl.room-sizes dd.room {
  width:400px;
  padding-bottom:8px;
  font-style:normal;
  }
#property-detail dl.directions dd {
  clear:left;
  margin: 0;
  padding-top:5px;
  }  
#prop-detail #map,
#all-prop-map #map {
  height:400px;
  margin:0 5px;
  padding:30px 0 ;
  background: #333;
  text-align:center;
  clear:both;
  }
#all-prop-map #map {
  height:600px;
  margin:10px 5px 20px;
  }
#prop-detail .prop-box .map-header {
  clear:both;
  margin-left:10px;
  }
#all-prop-map #content-frame p {padding:10px 0;}
#prop-detail #map img {
  float:none;
  display:inline;
  }
/* map marker popup prop detail */
div.marker-detail {
  height:12em;
  padding-bottom:10px;
  }
div.marker-detail p.all-map {margin-bottom:0;}
/* classes general property details */
#prop-list .no-image {border: 1px solid #5d5d5d;}