/* root element for the whole scrollable setup */
div.scrollable {  
    position:relative;
    overflow:hidden;
    width:821px;	 
    height:406px;	
}

/* 
    root element for scrollable items. It is 
    absolutely positioned with large width. 
*/
#thumbs {	
    position:absolute;
    width:20000em;	
    clear:both;
    border:1px solid #222;
}

/* custom positioning for navigational links */
a.prev, a.next {
    margin-top:218px;	
}

/* single item */
#thumbs div {
    float:left;
    width:272px;
    height:406px;
    background:#D889B8 url(../images/scrollable/h150.png) repeat-x 0 254px;
    color:#fff;
    border-left:1px solid #333;
    cursor:pointer;
}

/* single item */
#thumbs div.first {
    float:left;
    width:272px;
    height:406px;
    background:#D889B8 url(../images/scrollable/h150.png) repeat-x 0 254px;
    color:#fff;
    border-left:0px solid #333;
    cursor:pointer;
}

/* style when mouse is over the item */
#thumbs div.hover {
    background-color:#066;	
}

/* style when element is active (clicked) */
#thumbs div.active {
    background-color:#066;
    cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
    margin:13px;		
    font-family:"bitstream vera sans";
    font-size:13px;
    color:#fff;    
}

#thumbs h3 em {
    font-style:normal;
    color:yellow;
}

#thumbs span a {
    color: gold;
}