/*====================================================================
LAYZELL PROPERTY LETS - SEARCH RESULTS / PROPERTY
Copyright 2008 Layzell Property Lets
Written by dentonscreative.com
======================================================================*/


/* Alternative Header Styles */
h2.headsearch {background: url(../images/h2search.gif) no-repeat top left; padding: 0; text-indent: -9999px; height: 44px; }
h2.headresults {background: url(../images/h2searchresults.gif) no-repeat top left; padding: 0; text-indent: -9999px; height: 44px; }
h2.headdetails {background: url(../images/h2propdetail.gif) no-repeat top left; padding: 0; text-indent: -9999px; height: 44px; }


/*====================================================================
SEARCH FORM
======================================================================*/

#searchCont {background: #fafafa; border-bottom: 5px solid #ccc; margin-bottom: 10px; padding: 10px 0 10px 10px; text-align: left;}
#searchCont p {padding: 0 0 16px 0; color: #999;}

form#search {padding: 0; border: 0; font-size: 1.1em; padding: 0;}
form#search fieldset {padding: 6px 0 12px 0; border: 0;}
form#search div.formset {border-bottom: 1px dotted #ccc; margin: 0 8px 5px 0;}

form#search label, form#search select {display: block; float: left; padding-top: 3px; color: #666;}
form#search label {margin: 0 0 5px 0; text-align: left; width: 75px; line-height: 1.5em;}
form#search select {border: 1px solid #ccc; font-size: 1.1em; padding: 2px; margin-bottom: 5px; height: 22px;}

form#search .submit {float: none; height: 26px; width: 135px; padding: 0; color: #fff; font-size: 1.1em; line-height: 26px; margin: 6px 0 10px 0; border: 1px solid #fff; background: url(../images/buttons/search.gif) no-repeat; border: none; text-align: left; text-indent: 12px;}
form#search .submit:hover {border: 0; cursor: pointer;}
form#search br {clear: left;}


/*====================================================================
RESULTS INFORMATION
======================================================================*/

/* Results Info Nav */
.resultsInfo {height: 35px; border-bottom: 5px solid #ccc; margin-bottom: 10px;}
.resultsInfo p {line-height: 21px; margin: 7px 10px; padding: 0 10px 0 0; border-right: 1px solid #ccc; float: left;}

/* Results Info Nav */
.resultsInfo ul.pages {text-align: left; padding-top: 11px;}
.resultsInfo ul.pages li {display: inline; list-style-type: none; font-size: 1.2em; margin-right: 2px; }
.resultsInfo ul.pages li a  {color: #e9872d; text-decoration: none; padding: 1px 3px; line-height: 12px; border: 1px solid #dedede; font-weight: normal; margin: 0;}
.resultsInfo ul.pages li a:hover {color: #e9872d; text-decoration: none; border: 1px solid #e9872d; padding: 1px 3px;}
.resultsInfo ul.pages li a.current  {border-bottom: 1px solid #a5a5a5; background: #e9872d; color: #fff;}
.resultsInfo ul.pages li:hover {cursor:pointer;}

.resultsInfo ul.pages li.last {margin-right: 5px;}
.resultsInfo ul.pages li.last a {border: none;}
.resultsInfo ul.pages li.last a:hover {text-decoration: underline;}

/*====================================================================
PROPERTY DISPLAY
======================================================================*/

/* List */
.propertyList {background: #fafafa; border-bottom: 5px solid #ccc; margin-bottom: 10px; padding: 7px 10px 0 7px; position: relative; border: 1px solid #fff;}

.listDetail {margin-left: 160px;}
.listDetail h3 {font-weight: bold; padding: 5px 0 0 0; line-height: 1.2em; letter-spacing: -.02em;}
.listDetail h4 {font-size: 1.2em; line-height: 1.2em; padding: 0 0 8px 0; margin-bottom: 10px; letter-spacing: -.02em; color: #333; border-bottom: 1px solid #e7e7e7;}
.listDetail p {padding: 0 0 12px 0;}

.listDetail p.price {padding: 0 0 3px 0;}
.listDetail p.price strong {font-size: 1.6em; font-weight: bold;}
.listDetail p.price .ref {font-weight: bold; color: #e9872d;}

.propertyList img.list {position: absolute; top: 10px; left: 10px; padding: 5px; background: #fff; border: 1px solid #eaeaea;}
.propertyList img.list:hover {background: #fafafa; }
.propertyList:hover {background: #fff; border: 1px solid #e9872d;}

/*====================================================================
PROPERTY DETAILS
======================================================================*/

/* Details */
.propertyDetail {background: #fafafa; border-bottom: 5px solid #ccc; margin-bottom: 10px; padding: 10px 0 0 0; position: relative; border-bottom: 5px solid #ccc;}

.propertyDetail h3 {font-weight: bold; padding: 5px 0 0 0; margin: 0 10px; line-height: 1.2em;  letter-spacing: -.02em;}
.propertyDetail h4 {font-size: 1.2em; line-height: 1.2em; padding: 0 0 8px 0; margin: 0 10px 8px 10px; letter-spacing: -.02em; color: #333; border-bottom: 1px solid #e7e7e7;}
.propertyDetail p {padding: 0 0 12px 0; margin: 0 10px;}

.propertyDetail p.price {padding: 0 0 4px 0; border-bottom: 1px solid #e7e7e7; margin-bottom: 8px;}
.propertyDetail p.price .rent {font-size: 1.6em; font-weight: bold;}
.propertyDetail p.price strong .ref {color: #e9872d;}

#locmapCont {padding: 10px;}
#locmap {width: 490px; height: 400px; background: #fff; font-size: 12px; }

/* Gallery */
#propGallery {background: #fff; padding: 8px 0 0 8px; margin-bottom: 10px; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7;}
#propGallery img {float: left; margin: 0 6px 6px 0; border: 1px solid #fff;}
#propGallery img:hover {border: 1px solid #e9872d;}
#propGallery h3 {font-size: 1.4em; margin-top: 8px;}
#propGallery p {font-size: 1.1em; padding-bottom: 13px;}