/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 59em; 
    height:23.5em;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super 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 on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
		margin-right:2.166em;
		width:18.16em;
		background:url(/images/vkk.su/scrol_item_bg.gif) top repeat-y;
			position:relative;
} 
div.scrollable div.items div .image { 
    display:block;
		height:11.8em;
		margin:0 0.166em;
	
} 
div.scrollable div.items div  .lc{background:url(/images/vkk.su/corners.gif) top left no-repeat;position:absolute; font-size:0; height:2px; width:2px; top:0; left:0;}
div.scrollable div.items div  .rc{background:url(/images/vkk.su/corners.gif) bottom left no-repeat;position:absolute; font-size:0; height:2px; width:2px; top:0; right:0;}
div.scrollable div.items div h4 { 
    height:2.75em;
		margin:0 0.166em;
		padding-left:0.5em;
		line-height:2.74em;
		font-weight:normal;
		background:#eef0f4;
} 
div.scrollable div.items div .txt { 
    display:block;
		margin:0 0.2em;
		height:7.85em;
		font-size:0.9em;
		line-height:1.5em;
		padding:0.5em;
		background:#f7f7f7;
} 
div.scrollable div.items div .shadow { 
    display:block;font-size:0em;
		height:6px;
		background:url(/images/vkk.su/scroll_bottom.gif) top no-repeat;
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 

}