.listings {
  list-style: none;
  margin: 0;
  padding: 0;
}

.listing {
  padding-left: 192px;
  position: relative;
  clear: both;
}

.listing h5.mls {
  text-align: right;
  font-size: 10px;
  color: #999;
  margin: 0 0 1em;
  padding: 0;
}

.listing .mainblock_header,
.listing .listing_header,
.listing .info_column
  { margin-left: -192px }

.listings .listing
  { padding-left: 12px; }
.listings .listing .mainblock_header
  { margin-left: -12px }

.listing .info_column {
  float: left;
  width: 180px;
  position: relative;
  display: inline;
}

.listing .vcard .crop {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.listing .vcard .email,
.listing .vcard .url {
  padding-right: 1em;
  margin: 0;
}

.listing .vcard .fn {
  margin: 0;
  clear: both;
}

.listing .vcard .tel {
  display: block;
  margin: 0.3em 0;
  padding: 0.2em 0 0.2em 24px; font-size: 1.2em;
  background: url(/images/layout/people/phone_bullet.gif) 0 50% no-repeat;
}


.listing_header {
  position: relative;
  padding: 0px;
  margin: 0 0 12px;
  font-size: 1em;
  line-height: 13px;
  zoom: 1;
}

.listing_header .listing_title {
  font-size: 1.5em;
  color: #05357C;
  padding-bottom: 6px;
  border-bottom: 2px solid #B9BEDA;
}

.listing_header h4 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  line-height: 13px;
  vertical-align: top;
}

.listing .status_flag {
  float:left;
  position: relative;
  margin: -2px;
  margin-right: -100%;
  font-weight: bold;
  color: #fff;
  z-index: 10;
}

.listings .listing .status_flag,
.featured_listing.listing .status_flag {
  position: absolute;
  left: -2px;
  top: -2px;
}

.listing .status_flag h5 {
  background: #c00;
  font-size: 11px;
  line-height: 6px;
  font-weight: bold;
  padding: 3px 5px;
  margin: 0;
}

.listing .thumb_viewer {
  display: inline;
  float: left;
  position: relative;
  margin: 0px 6px 2px 6px;
  border: 1px solid #bbd;
  padding: 3px;
  background: #fff;
  z-index: 1;
  zoom: 1;
}

.listings .thumb_viewer .crop {
  width: 96px;
  height: 96px;
  background: #ccc;
}

.listings .thumb_viewer img.thumb {
  height: 96px;
}

.listings .listing .realtor img.thumb {
  height: 60px;
  width: 45px;
}

.listing .list_price {
  font-size: 1.6em;
  margin: 8px 0 0;
  padding: 6px;
  text-align: center;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  background: url(/images/layout/listings/price.gif) 0 100% repeat-x;
}

.listing .on_request {
  font-size: 1.2em !important;
}

ul.listings .listing .list_price,
.featured_listing .list_price {
  font-size: 14px;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

.listing .list_price a img {
  display: inline;
  vertical-align: baseline;
}

.listing #photo_viewer {
  display: block;
  position: relative;
  width: 298px;
  overflow:hidden;
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
  z-index: 1;
}

.listing #photo_viewer img {
  display: block;
  margin: 0;
  padding: 0;
}

.listing #photo_carousel {
  position: relative;
  display: inline;
  float: left;
  height: 60px;
  width: 288px;
  overflow: hidden;
  background: #bac2d6;
  padding:6px;
  margin: 6px 0;
}

.listing #photo_carousel .scroller {
  position: relative;
  width: 264px;
  height: 60px;
  margin: 0 20px 0 14px;
  overflow: hidden;
}

.listing #photo_carousel ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  height: 60px;
  width: 1600px;
  position: relative;
}

.scroll_thumb_left, .scroll_thumb_right {
  position: absolute;
  width: 18px;
  height: 60px;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  vertical-align: top;
  text-align: center;
  line-height: 60px;
  z-index: 10;
}

.scroll_thumb_left { left: 0;  }
.scroll_thumb_right { right: 0; }


.listing #photo_carousel li {
  margin: 0 6px 6px 0;
  padding: 0;
  display: inline;
  float:left;
}

.listing #photo_carousel img {
  height: 60px;
}

.listing .map_viewer {
  position:relative;
  margin: 8px 0;
}

#property_map {
  display:block;
  position: relative;
  height: 200px;
  border: 1px solid #ccc;
  background-color: #ddd;
}

.listings .listing .realtor {
  float: right;
  margin-left: 1em;
}

.listing .open_houses {
  text-align: center;
  position: relative;
  width: 100%;
}

.listing .open_houses h3 {
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  background: #f00;
  padding: 3px 4px 2px;
  margin: 0.5em 0 0.2em;
}

.listing .open_houses ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
  zoom: 1;
}

.listing .open_houses li {
  border-bottom: 1px solid #ccc;
}

.listing .details {
  margin: 12px 0;
}

.listing .details h4 {
  position: relative;
  margin: 0;
  font-size: 12px;
  padding: 6px 6px 4px;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #aaa url(/images/layout/listings/details_header.gif) 0 0 no-repeat;
  border-bottom: 1px solid #aaa;
  text-align: center;
}

.listing .details table {
  margin-top: 1px;
  width: 100%;
}

.listing .details table.amenities {
  margin-top: 6px;
}

.listings .listing table.details {
  clear: left;
  width: 100%;
  margin: 0;
/*  margin-top: -12px;*/
  zoom:1;
}

.listings .listing table.details .bedrooms_head,
.listings .listing table.details .bathrooms_head {
  visibility:hidden;
}

.listing .details th {
  text-align: right;
  background: #C2D3E5;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 0.8em;
  line-height: 175%;
  font-weight: normal;
  padding: 0 6px;
  width: 1%;
  border-bottom: 1px solid #fff;
}

.listing .details td {
  background: #D8EAFF;
  padding: 2px 4px;
  border-bottom: 1px solid #fff;
}

.listings .listing .details td,
.listings .listing .details th,
.listing .amenities th {
  text-align: center;
  padding: 0 6px;
}

.listing .description {
  position: relative;
  margin: 16px 0;
  padding: 0;
}

.listings .listing .description {
  margin: 0 0 5px;
  padding: 0;
}

.listing hr {
  clear: both;
  visibility:hidden;
  height:0;
}

.featured_listing
  { padding-left: 132px; overflow: hidden; }
.featured_listing .mainblock_header,
.featured_listing .mainblock_footer
  { margin-left: -132px; }

.featured_listing .realtor {
  float: right;
  margin-left: 1em;
}

.featured_listing .realtor {
  width: 96px;
  margin-right: -12px;
  padding: 12px;
  margin-bottom: -120px;
  padding-bottom: 120px;
  border-left: 1px solid #fff;
  text-align: center;
}

.featured_listing .realtor h4 {
  margin: 4px 0;
  font-size: 11px;
}

.featured_listing h2 {
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0.5em 0;
  padding: 0;
  clear: none;
}

.featured_listing .head {
  margin-left: -132px;
}

.featured_listing .info_column {
  width: 120px;
  margin-left: -120px;
}

#mortgage_calc {
  position: relative;
  background: #ccc;
  margin: 0;
  padding: 0 6px;
  border-top: 1px solid #888;
  background: url('../images/layout/listings/calc.gif') 0 0 repeat-y;
}

#show_mortgage_calc {
  display: inline;
}

#mortgage_calc input,
#mortgage_calc select {
  font-size: 11px;
}

#mortgage_calc input {
  text-align: right;
  display: inline;
  width: 5em;
  padding: 1px 3px;
}

#mortgage_calc p {
  text-align: right;
  padding: 2px;
  margin: 0;
  white-space: nowrap;
}

#mortgage_calc .header {
  background: url('../images/layout/listings/calc_header.gif') 0 0 no-repeat;
  margin: 0 -6px;
  padding-top: 8px;
}

#mortgage_calc .footer {
  background: url('../images/layout/listings/calc_footer.gif') 0 100% no-repeat;
  padding-bottom: 8px;
  margin:  0 -6px;
}

#mortgage_calc label {
  font-size: 10px;
  font-weight: bold;
  margin-right: 5px;
}

#mortgage_payment {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

#mortgage_calc h4#mortgage_monthly {
  display: block;
  font-weight:normal;
  font-size: 12px;
  border-bottom: 1px solid #fff;
  padding: 4px 12px 6px;
  margin: 0px 0px 8px;
  text-align: center;
}

#mortgage_rate {
  width: 60px;
}

#mortgage_term {
  width: auto;
}


