/**
* 1stavenue.co.uk - 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 Content area, Property listing pages
* This stylesheet contains the layout elements for the property searches area
* and is used in conjunction with the Master Template styles.
*/

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

#list-descrip {
  margin:0 auto 1em;
  padding:0 0 .4em ;
  width:100%;
  }
#results {
  overflow:hidden;
  display:inline-block;
  min-width:500px;
  max-width:702px;
  }
#results {
  display:block;
  }
#results p {
  font-weight:bold;
  }
.prop-box, #prop-detail {
  width:auto;
  overflow:hidden;
  display:inline-block;/* IE trigger */
  }
.prop-box, #prop-detail {
  display:block; /* trigger re-set */
  }
#prop-listing #content h2, #prop-listing #content h1 {
  margin:.5em 0 0;
  padding: .2em 0 .2em 0;

  }
#prop-listing #content h2 a {
  font-weight:bold;
  }
#prop-listing #content h1 {
  padding-top:.1em;
  font-size:125%;
  border-bottom:1px solid #ccc;
  }
#results p {
  float:left;
  margin: 4px 0;
  font-size:70%;
  }
#sortorder {
  float:right;
  width:260px;
  margin-top:0;
  }
#sortorder fieldset {
  margin:0;
  }
#sortorder legend {
  display:none;
  }
#sortorder label {
  font-size:90%;
  line-height:2.5;
  width:70px;
  text-align:right;
  }
#sortorder select {
  padding-left:5px;
  margin-left:6px;
  display:inline;
  float:none;
  clear:none;
  }
#sortorder input.submit {
  width:25px;
  padding-right:1px;
  float:none;
  clear:none;
  text-indent:-999em;
  }
ul.pages-nav {
  float:right;
  padding: 0;
  margin: 0;
  }
#content ul.pages-nav li {
  display:inline;
  padding:0;
  margin: 0;
  }

/** ==== property box nested elements ==== **/
#prop-listing h1 {overflow:hidden;}

#prop-detail {
  width:630px;
  margin-top: .5em;
  overflow:hidden;
  }
.prop-box {
  position:relative;
  float:left;
  width:160px;
  margin:20px 13px 0 0;
  }
#prop-list .prop-box {
  min-height:300px;
  border:1px solid #838383;
  }
#prop-detail .prop-box {
  width:100%;
  border-bottom:1px solid #555;
  }
#content .prop-box h2 {
  width:auto;
  margin:0 0 .1em ;
  padding:.1em;
  font-size:80%;
  overflow:hidden;
  border-bottom:none;
  display:inline-block;/* IE trigger */
  }
.prop-box h2 {
  display:block;/* trigger reset */
  }
#prop-list .prop-box h2 span.left {
  margin-left:5px;
  }
#prop-list .prop-box img {
  border-bottom:1px solid #838383;
  }
.prop-box h2 span.left {
  margin-left:0;
  }
.prop-box p.prop-ref {
  float:right;
  text-align:right;
  margin:0;
  width:8em;
  clear:both;
  }
  
#prop-detail .prop-box img {
  float:left;
  margin:10px 30px 10px 0;
  }
.prop-box a.lists-thumb {
  float:left;
  margin:10px;
  }
#property-detail #prop-detail  h2 {
  padding:0;
  font-size:87.75%;
  font-weight:bold;
  }
.prop-box dl {
  padding:3px;
  }
.prop-box dt {
  font-size:75.25%;
  text-decoration:underline;
  }
#content .prop-box dd {
  margin:3px 0 0;
  padding-top:0;
  }
#content #prop-list .prop-box dd {
  min-height:80px;
  }
#prop-list .prop-box p.prop-ref {
  margin-right:5px;
  }
/** property list box - links bar **/
#page-tools {
  margin:0 0 10px;
  }
.prop-links {
  margin:0 ;
  padding-top:0;
  clear:both;
  line-height:1.5;
  overflow:hidden;
  list-style-type:none;
  }
#prop-detail .prop-box .prop-links {
  margin-top:10px;
  clear:none;
  }
#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%;
  }

#prop-list .prop-links li {
  display:inline;
  margin: 0;
  }
.prop-links li a {
  height:100%;
  font-size:92.50%;
  }
.prop-links li a span {
  
  }
#prop-detail {
  margin-bottom:8px;
  padding-top:10px;
  }
#prop-detail dt {
   overflow:hidden;
   font-size:75.25%;
   }
#prop-detail dt span {
  margin-top:6px;
  margin-right:7px;
  }
#prop-detail dt span.left {
  margin-left:0;
  clear:left;
  }
#pop-detail dt span.cleared {clear:left}
#prop-detail dt span.title-top {
  margin-top:0;
  width:100%;
  }
#prop-detail img {
  margin:0;
  border:1px solid #8f8f8f;
  }

#prop-detail #flashouter {
  width:304px;
  } 
#flashcontent {margin-left:2px;}
#prop-images {
  width:100%;
  margin:0 0 5px;
  text-align:left;
  clear:both;
  }

#prop-images img {
  float:none;
  margin:10px 0 0;
  border:1px solid #ccc;
  }
/* property boxes layout & borders */

#content #prop-detail .descript-wrap {
  margin: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;
  }
.latest img, #flashouter {
  float:left;
  margin:0;
  border-right:2px solid #fff;
  }
/* room measurments */
#property-detail dl.room-sizes {
  margin-bottom:0;
  width:30em;
  overflow:hidden;
  }
#property-detail dl.room-sizes 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;
  border-bottom:1px solid #eee;
  font-style:normal;
  }