/* @override
  http://fclark/css/listings.css
  http://staging.centresource.com/fridrich-and-clark/web/css/listings.css
*/

#listings h2.type-title {
  margin-top: 4px;
  text-decoration: underline;
  text-align: right;
}

#sort-box {
  margin-top: 20px;
}

#sort-by-type {
  position: absolute;
  right: 10px;
  top: -20px;
}

.listing {
  background-color: #FFFFFF;
  padding: 14px;
  margin-bottom: 21px;
  clear: both;
}

.listing .address {
  display: block;
  margin-bottom: 7px;
}

.listing .address span.street {
  display: block;
  font-weight: bold;
}

.listing .address span.street a,
.listing .address span.street a:link,
.listing .address span.street a:visited {
  text-decoration: none !important;
}

.listing .address span.street a:active,
.listing .address span.street a:hover,
.listing .address span.street a:focus {
  text-decoration: underline !important;
}

.listing span.price {
  display: block;
  margin-bottom: 7px;
}

div.extra-info {
  display: block;
  text-align: center;
  width: 38px;
  float: right;
  margin-bottom: 7px;
  margin-top: -14px;
  margin-left: 14px;
}

span.realtracs {
  display: block;
  float: right;
  margin: 14px 0 7px 7px;
}

span.openhouse {
  display: block;
  margin-bottom: 10px;
}

span.openhouse-date {
  display: block;
  font-style: italic;
  color: #447766;
  margin-top: 4px;
}

.listing span.photo {
  display: block;
  float: left;
  margin-right: 14px;
}

.listing span.description {
  color: #554444;
  line-height: 12pt;
  font-size: 90%;
}

.listing span.listing-info {
  display: block;
}

.listing span.city {
  font-size: 90%;
}

.listing span.list-date {
  font-size: 90%;
  color: #999988;
}

.listing span.with-photo {
  margin-left: 138px;
}

.listing span.photo img {
  border: 1px solid #000000;
}

.listing .links {
  margin-top: 4px;
}

.listing .links span.favorites-link {
  margin-right: 4px;
}

.listing .links span.more-link {
  margin-left: 4px;
}

.listing .links span.more-link a,
.listing .links span.favorites-link a {
  font-weight: bold;
}

#details .description {
  display: block;
  margin-top: 14px;
}

#details #details-links {
  display: block;
  position: relative;
  text-align: right;
  float: right;
  right: 0;
  bottom: 0;
  margin-left: 17px;
  padding-left: 14px;
  border-left: 1px solid #96966F;
}

#details #details-icons {
  text-align: center;
}

#details #details-icons #idx-icon {
  padding-right: 3px;
}

#details #details-icons #idx-equal {
  padding-left: 3px;
}

#listing,
#disclaimer {
  padding: 0 15px;
}

#listing h1 {
 display: block;
 width: 425px;
}

#listing #details {
  margin-bottom: 24px;
}

#listing #details .location {
  /*font-weight: bold;*/
}

#listing span.feature {
  display: block;
}

#listing span.feature .label {
  font-weight: bold;
  margin-right: 4px;
}

#disclaimer {
  width: 542px;
  margin-top: 0px;
}

#disclaimer p {
  font-size: 75%;
  line-height: 1.25em;
  color: #777777;
}

#disclaimer p.listing-agent-idx {
  font-size: 100%;
  color: #231A08;
}

p#disclaimer span.realtracs {
  margin-top: 0;
  margin-left: 7px;
}

#features {
  display: block;
  width: 542px;
}

#inquire {
  width: 49%;
  float: right;
}

#contact {
  width: auto;
  background-color: #E0DCC7;
  padding: 14px;
}

#contact h4 {
  font-size: 120%;
}

#contact_request_message {
  width: 200px;
}

table tr td {
  vertical-align: top;
}

.col-left {
  width: 47%;
}

#photo-gallery {
  margin-bottom: 21px;
}

#summary {
  padding: 14px;
  margin-bottom: 14px;
  width: 515px;
  position: relative;
}

#property-details {
  padding: 0;
  margin-bottom: 14px;
  width: 542px;
  position: relative;
}

.agent-listing-options {
  display: block;
  position: relative;
  height: 30px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.agent-listing-options label, .agent-listing-options select {
  float: left;
  width: 150px;
  margin-right: 20px;
}

.agent-listing-options label {
  font-size: 14px;
  font-weight: bold;
  color: #767851;
}

#print-email {
  float: right;
}

.email-link {
  margin-left: 14px;
}

.num-price {
  display: block;
  margin-top: 24px;
}

#summary span.price {
  font-size: 26px;
  margin-top: 50px;
  color: #74744e;
  font-weight: bold;
}

#summary span.mlsnum {
  font-size: 18px;
  margin-top: 50px;
  color: #74744e;
  font-weight: bold;
}

.listing span.sold-date {
  color: #229922;
  font-weight: normal;
}

.listing span.pending-date {
  color: #AA9922;
  font-weight: normal;
}

.listing span.price {
  font-weight: bold;
  text-align: right;
  float: right;
}

#listing div.price span {
  font-weight: bold;
}

#summary span.mlsnum {
  float: right;
  margin: 0;
}

/*#features-left {
  width: 47%;
}

#features-right {
  width: 49%;
}

#features-left {
  float: left;
}

#features-right {
  margin-left: 51%;
}*/

#details {
  background: #fff;
  padding: 10px;
}

#listing h3,
#features h3 {
  background: #74744e;
  color: #fff;
  font-size: 18px;
  margin: 0 0 0;
}

#features span.feature {
  padding: 5px 10px;
  background: #fff;
}

#features span.feature .label {
  width: 300px;
  float: left;
  font-weight: normal;
}

#sort-by {
  float: left;
  display: block;
  width: 160px;
  /* margin-bottom: 14px; */
}

#neighborhood {
  display: block;
}

.listings-link {
  margin-left: -5px;
}

.utility {
  position: absolute;
  top: 0;
  right: 7px;
}

.utility .rss,
.utility .print,
.utility .email {
  width: 29px;
  height: 36px;
  text-indent: -9999px;
  display: block;
  float: left;
}

.utility .rss {
  background: url(../images/frontend/icons/utility_rss.png) no-repeat;
  margin-right: 15px;
}

.utility .print {
  background: url(../images/frontend/icons/utility_print.png) no-repeat;
  margin-right: 15px;
}

.utility .email {
  background: url(../images/frontend/icons/utility_email.png) no-repeat;
}

#more-info {
  margin: 60px 20px 15px;
  padding: 15px 10px 0;
  clear: both;
  border-top: 1px solid #000;
  text-align: left;
  overflow: hidden;
}

#more-info address {
  font-style: normal;
}

#more-info h4 {
  font-size: 16px;
  width: 200px;
}






div.contact-request {
  margin: 20px;
  text-align: left;
}

div.contact-request form {
  margin: 0 10px;
}

div.contact-request form label {
  color: #767851;
  font-size: 14px;
  font-weight: bold;
}

div.contact-request form input {
  width: 160px !important;
}

div.contact-request form input,
div.contact-request form select,
div.contact-request form textarea {
  background: #d3c6ab;
  border: none;
}

div.contact-request form input,
div.contact-request form select {
  color: #423826;
  font-family: Georgia,"Times New Roman", Times, serif;
  height: 16px;
  padding: 5px 0;
  font-size: 12px;
}

div.contact-request form select {
  display: block;
  height: 26px;
  width: 160px !important;
}

div.contact-request form input[type=submit] {
  background-color: #757750;
  color: #e8e4d0;
  font-size: 16px;
  font-weight: bold;
  height: 33px;
  margin-top: 0px;
  margin-left: 0px;
  width: 245px !important;
}

div.contact-request form textarea {
  width: 160px !important;
}

div.contact-request h3 {
  font-size: 15px !important;
}


/*@group Contact Form*/
div.contact-request {
  float: left;
  margin-top: 15px;
}

div.contact-request table {
  margin-bottom: 0;
}

div.contact-request label {
  display: inline;
}

table.contact-form td.state select {
  width: 69px !important;
}

table.contact-form td.zip input[type="text"] {
  width: 44px !important;
}

table#name-street-city input {
  margin-left: 17px;
}

table#phone-email-message input,
table#phone-email-message textarea {
  margin-left: 6px;
}

td.state select {
  margin-left: 24px;
}

div.contact-request input#contact-submit {
  margin-left: 0px;
  width: 234px !important;
}
/*@end*/





div#directions {
  margin: 50px 20px;
  text-align: left;
}

div#directions h3{
  font-size: 20px;
}

div.multi-select-popup {
  font-size:10px;
  font-style:italic;
  left:4px;
  position:relative;
  top:-10px;
}

#mls_search {
  position: relative;
  margin-top: 70px;
}

#residential-form {
  position: absolute;
  top: -55px;
}

#virtual-tour {
  font-weight: bold;
  text-align: left;
  margin-bottom: 14px;
}

