.scrollable
		{         
		border : 1px solid transparent; 
		padding: 0px 0px 25px 0px;	
		margin: 0 auto;		
		}

.scrollable .scrollcontent
		{
		overflow: hidden;
		clear: none;
		float: none;    
		font-size : 12px ;    
		line-height : 20px ;
		padding : 4px 1px 2px 0px;
		font-weight: normal; 
		}       
.scrollable .scrollcontent a, .scrollable .scrollcontent a:visited   
		{
		width: 258px;
		font-size : 12px;
		color : #6e5e28 ; 
		background-color : transparent;
		text-decoration: none;
		display:block ;       
		border-bottom: 1px;
		border-color: #baa779;
		border-bottom-style: solid;
		}        
.scrollable .scrollcontent a:hover   
		{
		font-size : 12px;
		color : #871026 ; 
		background-color : transparent;
		text-decoration: none;
		display:block ;       
		border-bottom: 1px;
		border-color: #871026;
		border-bottom-style: solid;
		}       
.scrollable .scrollcontent .heading a, .scrollable .scrollcontent .heading a:visited   
		{
		width: 258px;
		font-size : 12px;
		color : #871026 ; 
		background-color : transparent;
		text-decoration: none;
		display:block ;       
		border-bottom: 1px;
		border-color: #baa779;
		border-bottom-style: solid;  
		margin-bottom : 0 ; 

		}        
.scrollable .scrollcontent .heading a:hover   
		{
		font-size : 12px;
		color : #333333 ; 
		background-color : transparent ;
		text-decoration: none;
		display:block ;       
		border-bottom: 1px;
		border-color: #871026;
		border-bottom-style: solid;
		}       


/* HOVER */
.scrollable .scrollup
		{
		display: block;
		height: 10px;
		width: 100%;
		background-image : url(../../../images/INTERFACE-img/SCROLLER-up.png);
		background-repeat : no-repeat;      
		overflow : hidden ;
		text-align: center;
		}

.scrollable .scrolldown
		{
		display: block;
		height: 10px;
		width: 100%;
		background-image : url(../../../images/INTERFACE-img/SCROLLER-down.png);
		background-repeat : no-repeat;   
		overflow : hidden ;
		text-align: center;
		}

.scrollable .scrollup:hover
		{
		display: block;
		height: 10px;
		width: 100%;
		/*	background-color: #EEEEEE;*/
		background-image : url(../../../images/INTERFACE-img/SCROLLER-up-hover.png);
		background-repeat : no-repeat;   
		overflow : hidden ;
		}

.scrollable .scrolldown:hover
		{
		display: block;
		height: 10px;
		width: 100%;
		background-image : url(../../../images/INTERFACE-img/SCROLLER-down-hover.png);
		background-repeat : no-repeat;         
		overflow : hidden ;
		}