/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
} 
 
/* 
    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; 
}

div.scrollable div.items img {
	border:0 none;
}

#videos_scrollable div.items a,
#photos_scrollable div.items a { position:relative; height:86px; width:86px; display:block; }

#photos_scrollable div.items a img { display:none; }

 
/* 
    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 div { 
	width:264px; /* CUSTOM */
    float:left; 
} 

#photos div.items div {
	margin:0 5px;
	text-align:center;
	width:427px;
}
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* tooltip */

#tooltipVideo,
#tooltipPhotos { 
    display:none; 
    background:url(../images/tooltip/arrow.gif); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#666666; 
	z-index:10000;
}