/* =font-size hints
2em displayed at 24px 
1.5em displayed at 18px 
1.25em displayed at 15px 
1em displayed at 12px 
*/

/*# Site #*/
/*# Site/Reset #*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,td,small  { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; font-size:1em; }

/*# Site/Helpers #*/
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearfix { display:inline-block; }
.left{ float:left; }
.right{ float:right; }
.debug{ border:1px solid #f00; }

/*# Site/Elements #*/
html { font-size: 62.5%; }
body { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; }
h1 { font-size: 20px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-weight: bold; }
h5 { font-weight: bold; line-height: 18px; padding-top: 10px; }
h6 { }
p { line-height: 1.4; padding: 3px 0; }
b,
strong,
.required { font-weight: bold; }
i,
em { font-style: italic; }
a         { outline: none; }
a:link,
a:visited { color: #000; text-decoration: none; }
a:hover,
a:active { text-decoration: underline; }
input,
select,
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
ul { list-style: none; }
table   { border-collapse: collapse; border-spacing: 0; font-size: 1em; }
table a { position: static; }

/*# Listings #*/
/*# Listings/General #*/
.StickerNew           { background: url(/ma/sprite-icons) -208px 0; height: 60px; left: 10px; position: absolute; top: 10px; width: 60px; z-index: 1; }
.StickerUnderOffer    { background: url(/ma/sprite-icons) -388px 0; height: 60px; left: 10px; position: absolute; top: 10px; width: 60px; z-index: 2; }
.StickerUnderContract { background: url(/ma/sprite-icons) -328px 0; height: 60px; left: 10px; position: absolute; top: 10px; width: 60px; z-index: 2; }
.StickerLeased        { background: url(/ma/sprite-icons) -268px 0; height: 60px; left: 10px; position: absolute; top: 10px; width: 60px; z-index: 3; }
.StickerSold          { background: url(/ma/sprite-icons) -148px 0; height: 60px; left: 10px; position: absolute; top: 10px; width: 60px; z-index: 3; }

/*# Listings/Detail #*/
.listing { position: relative; }
.listing .bbc    { clear:both; }

.listing .bbc        { float: left; width: 240px; color:#A88D60; font-size:15px; }
.listing .bbc li     { height: 25px; line-height: 25px; width: 80px; float:left; font-size:14px; }
.listing .bbc span   { display: none; }
.listing .bbc strong { display: block; text-align: center; width: 15px; font-weight:bold; padding:0 5px 0 0; float:left; }
.listing .bbc img { float:left; }

#listing-detail .lb-left { float:left; width:310px; font-size:14px;  }
#listing-detail .lb-right { float:right; width:310px; padding-top:10px; padding-right:10px; font-size:14px; }

#listing-detail { color: #000; margin: 0 auto; padding-left: 0px; width: 700px; }
#listing-detail .listing { background: #fff; float: left; margin: 0; padding: 10px 0 30px 0; width:640px; }

#listing-detail h1 { font-size: 20px; padding:10px 0; }
#listing-detail h1 strong { text-transform:uppercase; }
#listing-detail h2 { font-size:20px; }
#listing-detail h3 { font-weight:bold; font-size:18px; clear:both; }
#listing-detail h4 { padding:10px 0 2px 0; }

#listing-detail .bbc { float:right; clear:both; padding:15px 0; }
#listing-detail p { clear:both; }

#listing-detail .addressDetail { padding-top:10px; }
#listing-detail .overview { float: left; font-size: 15px; overflow: hidden; padding: 20px 10px 0 10px; position: relative; width: 700px; }

#listing-detail .imageContainer { overflow: hidden !important; float:left; width:310px; position:relative; }
#listing-detail .imageContainer #main { float: left; width:310px; height:206px; }
#listing-detail .imageContainer .thumbs         { float: left; width: 310px; }
#listing-detail .imageContainer .thumbs div     { display:block; height: 125px; margin:8px 10px 0 0; overflow: hidden; width:150px; float:left; }
#listing-detail .imageContainer .thumbs div.rn1 { margin-right:0; }
#listing-detail .imageContainer .thumbs div.rn3 { margin-right:0; }
#listing-detail .imageContainer .thumbs div.rn5 { margin-right:0; }
#listing-detail .imageContainer .thumbs div img { margin: -1px 0 5px -1px; }

#listing-detail .agent         { float: left; width: 100%; padding:15px 0 0 0; }
#listing-detail .agent .agent-title { font-weight:bold; padding:0; }
#listing-detail .agent .member { float: left; width: 100%; padding-bottom:10px; clear:both; }
#listing-detail .agent .name   { font-weight:bold; }
#listing-detail .agent .image  { display:none; float:left; width:90px; height:120px; overflow:hidden; padding-right:10px; }
#listing-detail .agent img     { margin:-1px 0 0 -1px; }

#listing-detail .overview-title { padding-top:10px; }

#listing-detail .webFeatures    { padding:0; }
#listing-detail .webFeatures li { padding: 2px 0; }
#listing-detail .webFeatures li strong { display:inline-block; width:100px; font-weight:normal; }

#listing-detail .googleMap { float:left; width:310px; height:200px; padding:10px 0; background:url(/images/site/pd-watermark) no-repeat bottom center; overflow:hidden; }

/*# Footer #*/
#pdf-footer { padding-top:10px; }

/*# Floorplan #*/
#pdf-floorplan { width:900px; margin:0 auto; }
#pdf-floorplan .item { width:900px; height:1200px; float:left; padding:54px 0 55px 0; }