	.newFurnitureItem {
	float:left;
	position:absolute;
	top:3px;
	left:3px;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url(/_images/mc_images/new.png) !important;
	background-image:url(/_images/mc_images/new.gif);
	z-index: 1;
	}
	    
	#furnitureItemsName {
	height:18px;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	width:100px;
	position: absolute;
	left: 0px;
	top: 80px;
	}
        
        /*
	        root element for the scrollable.
	        when scrolling occurs this element stays still.
        */
        .scrollable {
	/* required settings */
	        position:relative;
	overflow:hidden;
	width: 973px;
	height:145px;
	/* custom decorations */
	        border:1px solid #ccc;
	background:#EBEBEB;
	overflow-x:scroll;
	white-space:nowrap;
	z-index:0;
        }
        
        /*
	        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 the width and height for the root element and
	        not for this element.
        */
        
        .scrollable_cover 
        {
            position:relative;
            z-index:1;
        }
        
        .scrollable_cover .white_cover 
        {
            display:block;
            width: 980px;
	        height:150px;
	        background-color:#FFFFFF;
	        position:absolute;
		left:-5px;
	        bo1rder:1px solid black;
        }        
        
        .scrollable .furnitureitems {
	        /* this cannot be too large */
	        width:2500px;
	        position:absolute;
	        clear:both;
		white-space:nowrap;
	        z-index:0;
        }
		
		.furnitureitems .mc_pod_grid{
			float:left;
		}


        /* single scrollable item */
	    .scrollable img {
	        fl1oat:left;
	        m1argin:20px 5px 20px 21px;
	        background-color:#fff;
	        padding:2px;
	        border:1px solid #ccc;
	        cursor:pointer;
	        width:100px;
	        height:90px;
        	
	        -moz-border-radius:4px;
	        -webkit-border-radius:4px;
        }
        
        /* active item */
        .scrollable .active {
	        border:2px solid #000;
	        position:relative;
        }

	.scrollable .activeTitle {
	}	

        /* this makes it possible to add next button beside scrollable */
        .scrollable {
	        float:left;	
        }
