/******************************************************************************
* hp-left-link
*****************************************************************************/
div#hp-left-link {
	float:left; width:241px; height:155px; margin-top:3px;
	background-image:url(../hot-properties/images/left-link-bg.jpg);
}

div#hp-left-link p, div#hp-left-link p a {
	display:block; width:241px; height:155px;
}

div#hp-left-link p a span { display:none; }

/******************************************************************************
* hp-banner
*****************************************************************************/
div#hp-banner {
	float:left; width:880px; height:182px; padding-left:25px;
	margin-top:15px;
}

p#banner-left-link, p#banner-left-link a {
	display:block; width:185px; height:182px;
	margin:0px;
}

p#banner-left-link {
	float:left; margin-right:13px;
	background-image:url(../hot-properties/images/banner-left.jpg);
}

p#banner-left-link a span { display:none; }

div.hp-block {
	float:left; width:207px; height:177px; padding:5px 0px 0px 5px;
	background-image:url(../hot-properties/images/banner-prop-bg.gif);
}

div.hp-block-i {
	width:202px; height:142px;
	background-position:-48px -28px;
}

div#hp-01-block { margin-right:13px; }
div#hp-02-block { margin-right:13px; }
div#hp-03-block { margin-right:0px; }

html>body div#hp-01-block { margin-right:12px; }
html>body div#hp-02-block { margin-right:12px; }
html>body div#hp-03-block { margin-right:0px; }

div.hp-block div.details-bg {
	/* position:absolute; width:202px; height:30px; background-color:white; opacity:0.9; */
}

div.hp-block p.details {
	position:absolute; margin:5px 3px 2px 3px; font-size:9px; line-height:normal;
	
}
div.hp-block a { text-decoration: none; color: #535353; }

div.hp-block p.details span.title {
	font-weight:bold;
}

/******************************************************************************
* hot-property-detail
*****************************************************************************/
div.hot-property-detail {
	float:left; width:100%; margin-right:-3px; margin-bottom:10px;
}

div.hpd-image {
	float:left; width:207px; height:147px; padding:5px 0px 0px 5px;
	background-image:url(../hot-properties/images/banner-prop-bg-orig.gif);
}

div.hpd-image-i {
	width:202px; height:142px;
	background-position:-48px -28px;
}

div.hpd-summary {
	float:right; width:370px;
}

p.hpd-detail-01 {
	text-align:right; margin-bottom:5px;
}

p.hpd-more-info {
	text-align:right;
}


/* edited 23072011 */

.hot-properties {
    padding: 15px 25px 0 0;
    margin: 0 auto;
    clear: both;
}

.hot-properties:after {
    display: block;
    visibility: hidden;
    height: 0;
    content: ".";
    clear: both;
}

.hot-properties h1 {
    margin-left: 25px;
    margin-top: 0;
}

.hot-properties a {
    text-decoration: none;
}

.hot-properties .property {
    float: left;
    margin-left: 25px;
    margin-bottom: 15px;
    position: relative;
    border: 4px solid #67c857;
    -wenkit-box-shadow: 0 0 1px #3a6c2e;
    -moz-box-shadow: 0 0 1px #3a6c2e;
    box-shadow: 0 0 1px #3a6c2e;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.hot-properties .description {
    height: 40px;
    padding: 5px 10px;
    background: #fff;
    background: rgba(255,255,255,.9);
    width: 240px;
    text-transform:capitalize;
}

.property img {
    width: 260px;
    height: auto;
}

.active {
    display: block;
}

.hidden {
    display: none;
}