/* =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 { color: #fff200; font-size: 20px; margin-bottom: 15px; padding: 10px 10px 10px 0; }
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-detail { color: #000; margin: 0 auto; padding-left: 0px; width: 1024px; }
#listing-detail .listing { background: #fff; float: left; margin: 0; padding: 0; width: 1024px; }
#listing-detail .listing h4 { font-size: 18px; text-transform: uppercase; }

#listing-detail .left  { height: 200px; height: auto !important; min-height: 200px; padding-right: 10px; width: 1000px; }

#listing-detail h1 { color: #003050; font-size: 28px; margin-bottom: 10px; padding: 0 0 5px 0; }
#listing-detail h4.priceText   { color: #003050; font-weight: bold; padding-bottom:10px; }
#listing-detail h4.priceText .status { color:#f00505; }
#listing-detail h4.catchPhrase { font-weight: bold; }

#listing-detail .overview { float: left; font-size: 17px; height: 200px; height: auto !important; min-height: 200px; overflow: hidden; padding: 30px 10px 0 10px; position: relative; width: 1024px; }
#listing-detail .text     { float: left; height: 80px; height: auto !important; line-height: 1.3; margin-bottom: 10px; min-height: 80px; padding: 5px 0 10px 0; width: 900px; }

#listing-detail .details    { clear: both; float: left; padding-top: 20px; width: 670px; }
#listing-detail .details h4 { font-size: 16px; font-weight: bold; text-transform: none; }
#listing-detail .details dl { line-height: 16px; width: 800px; }
#listing-detail .details dt { float: left; padding-bottom: 10px; width: 150px; }
#listing-detail .details dd { float: left; padding-bottom: 10px; width: 600px; }

#listing-detail .agent         { float: left; width: 645px; }
#listing-detail .agent h4      { font-size: 16px; font-weight: bold; text-transform: none; }
#listing-detail .agent p       { line-height: 20px !important; padding: 0 0 10px 0; }
#listing-detail .agent img     { float: left; padding-right: 10px; }
#listing-detail .agent .member { float: left; width: 400px; }

#listing-detail .imageContainer { height: 532px; overflow: hidden !important; padding: 10px; position:relative; }
#listing-detail .imageContainer #main { float: left; }
#listing-detail .imageContainer .thumbs         { float: right; width: 232px; }
#listing-detail .imageContainer .thumbs div     { display:block; height: 178px; margin-bottom: 10px; overflow: hidden; width:248px; }
#listing-detail .imageContainer .thumbs div img { margin: -1px 0 5px -1px; }

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