/*****************scrollable**********/
.scrollmenu,.scrollmenu1 {
    clear:both;
    padding:5px 0px 15px 0px;
}
.scrollmenu a,.scrollmenu1 a {
    float:left;
    background:url('/img/scroll/dot.png') 0 0 no-repeat;
    display:block;
    width:10px;
    height:10px;
    /* background:#ffffff;*/
    margin:0px 22px 0px 0px;
}
.scrollmenu a:hover,.scrollmenu1 a:hover{
	 background:url('/img/scroll/dot_grey.png') 0 0 no-repeat;
}
.scrollmenu .active,.scrollmenu1 .active {
    /*background:#000000;*/
    background:url('/img/scroll/dot_black.png') 0 0 no-repeat;
}

/************************************************
 * new menu
 */

.scrollableMenu{
	margin-right:20px;
}

.scrollableMenu a{
	cursor:pointer;
	float:left;
}

.scrollableMenu a.disabled{
	opacity: .4;
	cursor:default;
}

.scrollableMenu .prev{
	width:20px;
	height:20px;
	background: url("/img/scroll/prev-image-arrow-s.png") 0 3px no-repeat;

}

.scrollableMenu .next{
	width:20px;
	height:20px;
	background: url("/img/scroll/next-image-arrow-s.png") 0 3px no-repeat;

}

/* root element for horizontal scrollables */
.scrollable,.scrollable1 {
    position:relative;       /* command out here if just want fade in fade out slideshow*/
    overflow:hidden;
    width:290px;
    height:214px;
    padding:0px 0px 0px 0px;/*overwrite pagecontent*/
    cursor:hand;/*for image panning*/
}
.scrollable.map {
	height:214px;
}

.scrollable.amenities {
	height:214px;
}
.scrollable.residence {
	height:214px;
}

.scrollable.neighborhood {
	height:214px;
}
.scrollable.building {
	height:450px;
}

/* root element for scrollable items */
.scrollable .items,.scrollable1 .items {
	width:2000em;          /*command out here if just want fade in fade out slideshow*/
	position:absolute;
	clear:both;
	top: -1px;
}
.scrollable .item,.scrollable1 .item {
    float:left;
    padding:0 10px 0 0;
	background-image:url(img/loading.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

.scrollable .item,.scrollable1 .item img {
	width:290px;
}

/**** new stuff ********/

.scrollableIndex{
    height: 12px;
    display: inline-block;
    white-space: nowrap;
	font-weight: bold;
    position: absolute;
    z-index: 10;
    bottom: 10px;
    right: 0;
}

.scrollableIndex div.bullet {
    display: inline-block;
    margin: 6px 0px 6px 6px;
    width: 12px;
    height: 12px;
	background-image:url(img/dot.png)
}

.scrollableIndex div.bullet.active {
    display: inline-block;
    margin: 6px 0px 6px 6px;
    width: 12px;
    height: 12px;
	background-image:url(img/dot_hl.png)
}
}