/* ===========================================

Below: Wrapper for all sections of information.
Photo gallery, toolbox, listing info, description,
profiling.

=========================================== */

#maininfo-wrapper {
 float: left;
   width: 100%;
   border-top:1px solid #808080;
  border-bottom:1px solid #808080;
   margin-bottom: 10px;
}

/* =========================================== */





/* ===========================================

Below: Wrapper for first set if main information.
Photo gallery, toolbox.

=========================================== */

#maininfo-section1 {
 float: left;
   width: 312px;
  padding-top: 10px;
 border-right: 1px solid #808080;
}

/* =========================================== */






/* ===========================================

Below: Photo gallery wrapper.

=========================================== */

#photo-gallery-wrapper {
    padding-bottom: 10px;
  float: left;
   padding-right: 0px;
    border-bottom: 1px solid #808080;
}

#photo-gallery-main {
 margin-bottom: 10px;
   width: auto;
   height: auto;
  float: left;
}

/* =========================================== */







/* ===========================================

Below: Photo gallery thumbnail positioning.

=========================================== */

#photo-gallery-thumbs {
  float: left;
   width: 100%;
}

#photo-gallery-thumbs ul {
 margin: 0px;
   padding: 0px;
  list-style: none;
}

#photo-gallery-thumbs li {
    float: left;
}

.photo-gallery-thumbs-position1,
.photo-gallery-thumbs-position2,
.photo-gallery-thumbs-position3,
.photo-gallery-thumbs-position4,
.photo-gallery-thumbs-position5 {
  border: 1px solid #000000;
 width: 50px;
   height: 38px;
  margin-bottom: 8px;
}

.photo-gallery-thumbs-position1, .photo-gallery-thumbs-position4 {
  margin-right: 11px;
}

.photo-gallery-thumbs-position2, .photo-gallery-thumbs-position3 {
  margin-right: 10px;
}


.photo-gallery-thumbs-position5 {
  margin-right: 0px;
}

/* =========================================== */






/* ===========================================

Below: Photo gallery "View all photos" link.

=========================================== */

#photo-gallery-view-link {
 font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
   color: #000000 !important;
 font-weight: bold;
 float: left;
}
#photo-gallery-view-link a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
   color: #CC0000 !important;
 font-weight: bold;
 float: left;
   padding-right: 10px;
}

#photo-gallery-view-link a:hover {
 color: #000000 !important;
 text-decoration: none;
 
}

#listingcourtesy {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 10px 0 0 0;
}
/* =========================================== */






/* ===========================================

Below: User toolbox. Provides the website user
with all tools we have available.

=========================================== */

#toolbox {
  padding-bottom: 20px;
  padding-top: 10px;
 float: left;
   padding-right: 10px;
   height: auto;
}

#toolbox .heading {
   font-family: Arial, Helvetica, sans-serif;
 color: #336699;
    font-size: 14px;
   font-weight: bold;
 padding-bottom: 5px;
}

#toolbox ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#toolbox ul li {
   height: 28px;
  text-indent: -5000px;
  display: block;
}

#toolbox ul  li a {
 display: block;
    height: 28px;
}

#toolbox ul li a:hover{
   text-decoration: none;
}

#toolbox-position-401 {
  background-image: url(../../images/icon_set_1/request_more_info.gif);
  background-repeat: no-repeat;
  width: 141px;
  cursor: pointer;
   }

#toolbox-position-402 {
 background-image: url(../../images/icon_set_1/save_to_favorites.gif);
  background-repeat: no-repeat;
  width: 141px;
  cursor: pointer;
}

#toolbox-position-403 { 
   background-image: url(../../images/icon_set_1/calculator.gif);
 background-repeat: no-repeat;
  width: 141px;
  cursor: pointer;
}

#toolbox-position-404 { 
   background-image: url(../../images/icon_set_1/send_to_a_friend.gif);
   background-repeat: no-repeat;
  width: 141px;
  cursor: pointer;
}

#toolbox-position-405 {
    background-image: url(../../images/icon_set_1/school_info.gif);
    background-repeat: no-repeat;
  width: 141px;
  cursor: pointer;
}

    
#toolbox-position-426 {
   margin-left: 147px;
    margin-top: -140px;
    background-image: url(../../images/icon_set_1/request_appointment.gif);
    background-repeat: no-repeat;
  width: 155px;
  cursor: pointer;
}
 
#toolbox-position-427 { 
  margin-left: 147px;
    background-image: url(../../images/icon_set_1/view_favorites.gif);
 background-repeat: no-repeat;
  width: 155px;
  cursor: pointer;
}

#toolbox-position-428 { 
   margin-left: 147px;
    background-image: url(../../images/icon_set_1/print_flyer.gif);
    background-repeat: no-repeat;
  width: 155px;
  cursor: pointer;
}

#toolbox-position-429 {
    margin-left: 147px;
    background-image: url(../../images/icon_set_1/view_map.gif);
   background-repeat: no-repeat;
  width: 155px;
  cursor: pointer;
}

#toolbox-position-lm-401
{
 background-image: url(../../images/icon_set_1/calculator.gif);
 background-repeat: no-repeat;
  width: 141px;
  cursor: pointer;
}

#toolbox-position-lm-402 {
 background-image: url(../../images/icon_set_1/school_info.gif);
    background-repeat: no-repeat;
  width: 141px;
  cursor: pointer;
}

#toolbox-position-lm-426 {
 margin-left: 147px;
    margin-top: -55px;
 background-image: url(../../images/icon_set_1/print_flyer.gif);
    background-repeat: no-repeat;
  width: 155px;
  cursor: pointer;
}

#toolbox-position-lm-427 { 
    margin-left: 147px;
    background-image: url(../../images/icon_set_1/view_map.gif);
   background-repeat: no-repeat;
  width: 155px;
  cursor: pointer;
}

#toolbox-callout {
 
   padding-top: 10px;
 padding-bottom: 10px;
  float: left;
}

#toolbox-calculator {
  padding-bottom: 10px;
  float: left;
}

/* =========================================== */





 
/* ===========================================

Below: Wrapper for second set of main information.
Listing info, description, profiling.

=========================================== */

#maininfo-section2 {
    float: left;
   border-left: 1px solid #808080;
    padding-top: 10px;
 padding-bottom: 10px;
  margin-left: -1px;
 width: 236px;
}

/* =========================================== */






/* ===========================================

Below: Listing Information - MLS#, price, beds, baths, etc.

=========================================== */

#listing-info {
  padding-left: 10px;
}

#listing-info-text {
    padding-bottom: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#listing-info-text ul {
    padding: 0px;
  margin: 0px;
   list-style: none;
}

#listing-info-text li {
   line-height: 18px;
 width: 100px
}

#listing-info-text ul ul {
 padding-left: 110px;
   margin-top: -18px;
 list-style: none;
}

#listing-info-text ul ul li {
 width: 116px;
}

.listing-page-position-101a, .listing-page-position-101b {
    font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
   color: #006699;
    font-weight: bold;
}

.listing-page-position-102a,
.listing-page-position-103a,
.listing-page-position-104a,
.listing-page-position-105a,
.listing-page-position-106a,
.listing-page-position-107a,
.listing-page-position-108a,
.listing-page-position-109a,
.listing-page-position-110a,
.listing-page-position-111a,
.listing-page-position-112a,
.listing-page-position-113a,
.listing-page-position-114a,
.listing-page-position-115a,
.listing-page-position-116a,
.listing-page-position-117a,
.listing-page-position-118a,
.listing-page-position-119a,
.listing-page-position-120a,
.listing-page-position-121a,
.listing-page-position-122a,
.listing-page-position-123a,
.listing-page-position-124a,
.listing-page-position-125a,
.listing-page-position-126a,
.listing-page-position-127a,
.listing-page-position-128a,
.listing-page-position-129a,
.listing-page-position-130a,
.listing-page-position-131a,
.listing-page-position-132a,
.listing-page-position-133a,
.listing-page-position-134a,
.listing-page-position-135a,
.listing-page-position-136a,
.listing-page-position-137a,
.listing-page-position-138a,
.listing-page-position-139a,
.listing-page-position-140a,
.listing-page-position-195a,
.listing-page-position-196a,
.listing-page-position-197a,
.listing-page-position-198a,
.listing-page-position-199a,
.listing-page-position-201a {
    font-weight: bold;
}

.listing-page-position-102b,
.listing-page-position-103b,
.listing-page-position-104b,
.listing-page-position-105b,
.listing-page-position-106b,
.listing-page-position-107b,
.listing-page-position-108b,
.listing-page-position-109b,
.listing-page-position-110b,
.listing-page-position-111b,
.listing-page-position-112b,
.listing-page-position-113b,
.listing-page-position-114b,
.listing-page-position-115b,
.listing-page-position-116b,
.listing-page-position-117b,
.listing-page-position-118b,
.listing-page-position-119b,
.listing-page-position-120b,
.listing-page-position-121b,
.listing-page-position-122b,
.listing-page-position-123b,
.listing-page-position-124b,
.listing-page-position-125b,
.listing-page-position-126b,
.listing-page-position-127b,
.listing-page-position-128b,
.listing-page-position-129b,
.listing-page-position-130b,
.listing-page-position-131b,
.listing-page-position-132b,
.listing-page-position-133b,
.listing-page-position-134b,
.listing-page-position-135b,
.listing-page-position-136b,
.listing-page-position-137b,
.listing-page-position-138b,
.listing-page-position-139b,
.listing-page-position-140b,
.listing-page-position-195b,
.listing-page-position-196b,
.listing-page-position-197b,
.listing-page-position-198b,
.listing-page-position-199b,
.listing-page-position-201b {
    font-weight: normal;
}

#listing-description {
 border-top: 1px solid #808080;
 padding-top: 10px;
 padding-left: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* =========================================== */





/* ===========================================

Below: Agent profiling.

=========================================== */

.profiling-wrapper {
   border-top: 1px solid #808080;
 padding-top: 10px;
 padding-left: 10px;
    margin-top: 10px;
  float: left;
}

.profiling-wrapper-two {
   padding-left: 10px;
    margin-top: 10px;
  float: left;
}

.profiling-header {
}

.profiling-header-text {
    float: left;
   padding-bottom: 8px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
   color: #000000;
    font-weight: bold;
}

.profiling-photo {
   border: 1px solid #000000;
 width: 56px;
   float: left;
   margin-right: 10px;
}

.profiling-text {
   float: left;
}

.profiling-text a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
   color: #006699;
    
}

.profiling-text a:hover {
  color: #000000;
    text-decoration: none;
 
}

.profiling-name {
  font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
   color: #006699;
    font-weight: bold;
}

.profiling-phone {
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
   color: #000000;
}

/* =========================================== */






/* ===========================================

Below: Extra information - Living room, dining room, 
foundation, landscaped, etc.

=========================================== */

#extrainfo-wrapper {
    width: 100%;
   float: left;
   background-image: url(../../images/border_bg_EEEEEE.gif);
  background-position: left;
 background-repeat: repeat-y;
   margin-bottom: 10px;
}

#extrainfo {
   width: 100%;
   float: left;
   background-image: url(../../images/border_bg_EEEEEE.gif);
  background-position: right;
    background-repeat: repeat-y;
}

.listing-page-position-301 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#extrainfo ul {
    list-style: none;
  margin: 4px;
   padding: 0px;
}

#extrainfo ul li {
    margin: 4px;
   font-weight: bold;
}

#extrainfo ul ul {
   list-style: none;
  margin: 4px;
   padding-bottom: 10px;
}

#extrainfo ul ul li {
 text-indent: 4px;
  font-weight: normal;
}

#extrainfo-col1 {
  width: 33%;
    float: left;
   border-right: 1px solid #EEEEEE;
}

#extrainfo-col2 {
  width: 33%;
    float: left;
   border-right: 1px solid #EEEEEE;
   border-left: 1px solid #EEEEEE;
    margin-left: -1px;
}

#extrainfo-col3 {
    width: 33%;
    float: left;
   border-left: 1px solid #EEEEEE;
    margin-left: -1px;
}

/* =========================================== */


#calculator-wrapper {
width: 270px;
float: left;
}

#calculator-wrapper .calculator-divider {
    width: 100%;
   float: left;
   line-height: 10px;
 background-image: url(../../images/mls-results-divider.gif);
}

#calculator-wrapper .calculator-heading {
  font-family: Arial, Helvetica, sans-serif;
 color: #336699;
    font-size: 14px;
   font-weight: bold;
 float: left;
   width: 100px;
}

#calculator-wrapper .calculator-close {
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
   float: right;
  width: 80px;
}
#calculator-wrapper .calculator-close a {
   color: #CC0000;
    font-weight: bold;
}

#calculator-wrapper .calculator-close a:hover {
  color: #000000;
    text-decoration: none;
}

#calculator-wrapper .content-top {
float: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding: 10px;
margin-top: 10px;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
width: 250px;
}

#calculator-wrapper .calculator-top-position-1,
#calculator-wrapper .calculator-top-position-2,
#calculator-wrapper .calculator-top-position-3,
#calculator-wrapper .calculator-top-position-4 {
clear: both;
}

#calculator-wrapper .calculator-top-position-1a,
#calculator-wrapper .calculator-top-position-2a,
#calculator-wrapper .calculator-top-position-3a,
#calculator-wrapper .calculator-top-position-4a {
width: 140px;
float: left;
padding-bottom: 10px;
margin-top: 4px;
font-weight: bold;
text-align:right;
}

#calculator-wrapper .calculator-top-position-1b,
#calculator-wrapper .calculator-top-position-2b,
#calculator-wrapper .calculator-top-position-3b,
#calculator-wrapper .calculator-top-position-4b {
float: left;
font-weight: normal;
padding-left: 10px;
padding-bottom: 10px;
}

#calculator-wrapper .calculator-top-position-4a,
#calculator-wrapper .calculator-top-position-4b {
padding-bottom: 0px;
}

#calculator-wrapper .calculate {
float: left;
padding-top: 10px;
padding-bottom: 10px;
width: 270px;
text-align: center;
}

#calculator-wrapper .content-bottom {
float: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding: 10px;
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
width: 250px;
}



#calculator-wrapper .calculator-bottom-position-1,
#calculator-wrapper .calculator-bottom-position-2,
#calculator-wrapper .calculator-bottom-position-3 {
clear: both;
}

#calculator-wrapper .calculator-bottom-position-1a,
#calculator-wrapper .calculator-bottom-position-2a,
#calculator-wrapper .calculator-bottom-position-3a {
width: 140px;
float: left;
padding-bottom: 10px;
margin-top: 4px;
font-weight: bold;
text-align:right;
}

#calculator-wrapper .calculator-bottom-position-1b,
#calculator-wrapper .calculator-bottom-position-2b,
#calculator-wrapper .calculator-bottom-position-3b {
float: left;
font-weight: normal;
padding-left: 10px;
padding-bottom: 10px;
}

#calculator-wrapper .calculator-bottom-position-3a,
#calculator-wrapper .calculator-bottom-position-3b {
padding-bottom: 0px;
}


#calculator-wrapper .calculator-note {
float: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
   padding-top: 10px;
}

#saved-to-favorites {
width: auto;
padding: 8px;
background-color: #336699;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF !important;
font-weight: bold;
margin-bottom: 10px;
border: 1px solid #003366;
}

#saved-to-favorites a {
color: #FFFFFF !important;
}

#saved-to-favorites a:hover {
color: #FFFFFF !important;
text-decoration: none;
}
