/* Property Details */


#content {
position:relative;
/*for placement of mortgage form*/
}

/* side nave area */

#listops {
background:url(../images/sprite_listops.gif);
height:169px;
}

#listops h2, #agent h2 {
text-indent:-9999px;
margin:0;
height:0;
overflow:hidden;
}

#listops ul {
list-style-type:none;
margin:0;
padding:0;
width:100%;
height:176px;
position:relative;
}

#listops ul li {
position:absolute;
height:32px;
width:100%;
}


#listops ul li a {
display:block;
height:100%;
text-indent:-9999px;
}


#LO1 {
top:32px;
}
#LO2 {
top:63px;
}

#LO3 {
top: 95px;
}

#LO4 {
top:128px;
}

/* special quicksearch behaviour on this page */

#quicksearch {
margin:0; padding:0;
width:138px;
overflow:hidden;

border:1px solid #ccc;
border-top:0;
border-bottom:0;
}

#quicksearch form {
margin-top:25px;

}

#quicksearch form div {
width:130px;
margin:auto;
}



#quicksearch input,
#quicksearch select {
width:130px;
margin-bottom:5px;
}

#quickactivator {
background:url(../images/sprite_listops.gif) bottom left;
height:24px;
margin-bottom: 19px;
cursor:pointer;
}

#agent {
border:1px solid #ccc;
background:url(../images/bg_listedby.gif) top left repeat-x #eff4ff;
height:198px;
text-align:center;
color:#006;

margin-bottom: 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

#agent a {
font-size:10px;
color:#006;
display:block;
}

#agent img {
display:block;
/*height:100px;*/
margin:29px auto 14px auto;

}


.addthis_button {
display:block;
height:16px;
margin:0 auto 15px auto;
overflow:hidden;
width:125px;
}



/* ---------------- */

h1.property_name {
margin:0 0 10px 0;
font-weight:normal;
font-size:22px;
}


#quad {
height:275px;

}


#detail_left {
float:left;
width:285px;
height:270px;
/*overflow:hidden;*/
}


#detail_photo_mask {
width:285px;
height:214px;
overflow:hidden;
position:relative;
}

#bigphoto {
/*height:214px;*/
width:285px;
display:block;
position:absolute;
bottom:0;
right:0;
}

a#slideshow_icon {
display:block;
width:86px;
height:24px;
text-indent:-9999px;
background:#fff;
position:absolute;
bottom:0;
right:0;
background:url(../images/bg_slideshow.gif);
}

a#video_icon {
display:block;
width:86px;
height:24px;
text-indent:-9999px;
background:#fff;
position:absolute;
bottom:0;
left:0;
background:url(../images/bg_video.gif) no-repeat;
}

/* --- */



/**
* PROTOTYPE CAROUSEL JS
**/


/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;
	visibility:visible; /* component turns it on when first item is rendered */
}
				
.carousel-component ul.carousel-list { /* same as #filmstrip */
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}

.carousel-component .carousel-vertical li { 
	float:none;
	margin-bottom:0px;
}

.carousel-component ul.carousel-vertical { 
	width:auto;
}

.carousel-component .carousel-clip-region { 
	overflow:hidden;
	margin:0px auto;
	position:relative; 
}

/* ******** */

#filmstrip-wrapper {
position:relative;
}

#html-carousel {
/*controls visible area of carousel*/
    width: 285px;
    height: 58px;
}


#prev-arrow, #next-arrow {
width:13px;
height:58px;
position:absolute;
top:0px;
z-index:90;
cursor:pointer;
text-indent:-9999px;
}

#prev-arrow {
background:url(../images/arrow_left.gif) #fff left center no-repeat;
left:0px;
}

#next-arrow {
background:url(../images/arrow_right.gif) #fff right center no-repeat;
right:0px;
}



/* HTML CAROUSEL */

#content ul#filmstrip {
list-style-type:none;
height:55px;
margin:8px 0 0 0;
padding:0;
}


#filmstrip li {
margin:0 4px 0 0; /* all 4 margins must be set for carousel to work */
display:block;
float:left;
width:68px;
height:50px;
overflow:hidden;

}

#filmstrip img{
width:68px;
min-height:50px;
margin:0px;

}

#filmstrip a {
display:block;
width:68px;
height:50px;
}




#detail_right {
float:right;
width:277px;
position:relative;

}

.status span {
font-weight:bold;
color:red;
}


#detail_info {
padding-bottom: 14px;
overflow:hidden;
position:relative;
border-bottom:1px solid #999;
font-size:12px;
color:#006;
line-height:14px;
}

#detail_info span {
font-weight:bold;
}


* html #detail_info { line-height:15px; }


#price {
font-size:14px;
margin:16px 0;
}
#path {
margin-bottom:20px;
}


#enquire_icon, #fav {
width: 131px;
height:39px;
margin-top:12px;
text-indent:-9999px;
overflow:hidden;
}

#enquire_icon {
background:url(../images/enquire.png);
float: left;
}

#fav {
background:url(../images/save2fave.png);
float: right;
}

#detail_description {
margin-top:20px;
line-height:16px;
color:#333;
}



#domstrip {
width:300px;
height:50px;
margin:0;
padding:0;
list-style-type:none;
background:#eee;
}

#domstrip li {
width:50px;
height:50px;
float:left;
margin-right:4px;
background:#333;
color:#fff;
}