.listing{



	font-family:arial,helvetica,sans-serif;



	font-size:10px;



	float:left;



	margin-right:3px;



        padding:2px;



	cursor:pointer;



}







.listing .city{



	color:#274A7B;

    font-size:12px;

	font-weight:bold;



}



.listing .image img{

	max-height:98px;



}



.listing .price, .listing .address, .listing .bedsbaths{



	color:#274A7B;



}



/* 

    root element for the scrollable. 

    when scrolling occurs this element stays still. 

*/ 

div.scrollable { 

 

    /* required settings */ 

    height:165px;

	overflow:hidden;

	position:relative;

	float:left;

	width:245px;

	margin-left:2px;

} 

 

/* 

    root element for scrollable items. Must be absolutely positioned 

    and it should have a extremely large width to accomodate scrollable items. 

    it's enough that you set width and height for the root element and 

    not for this element. 

*/ 

div.scrollable div.items { 

    /* this cannot be too large */ 

    width:20000em; 

    position:absolute; 

} 

 

/* 

    a single item. must be floated in horizontal scrolling. 

    typically, this element is the one that *you* will style 

    the most. 

*/ 

div.scrollable div.items.listing { 

    float:left; 

} 

 

/* you may want to setup some decorations to active the item */ 

div.items div.active { 

    border:1px inset #ccc; 

    background-color:#fff; 

}

.prevPage{

	float:left;

	background: url('images/arrows.jpg') no-repeat;

	

}

.nextPage{

	float:right;

	background: url('images/arrows.jpg') no-repeat -20px 0px;

}

.browse{

height:90px;

width:13px;

	cursor:pointer;

	margin-top:-5px;

}

.browse:hover{

	background-color:#EEEEEE;

}