/*

	root element for the scrollable.

	when scrolling occurs this element stays still.

*/

.scrollable {



	/* required settings */

	position:relative;

	overflow:hidden;

	width: 140px;

	height:120px;



	/* custom decorations */

	/*border:1px solid #ccc;*/

	/*background:url(/design/h300.png) repeat-x;*/

}

 
/*

	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 .items {

	/* this cannot be too large */

	width:20000em;

	position:absolute;

	clear:both;

}



/* single scrollable item */

.scrollable .news-block {

	float:left;

	/*margin:20px 5px 20px 21px;

	background-color:#fff;

	padding:2px;

	border:1px solid #ccc;*/

	cursor:pointer;

	width:430px;

	/*height:75px;*/

	

	/*-moz-border-radius:4px;

	-webkit-border-radius:4px;*/

}



/* single scrollable item */

.scrollable .images-block {

	float:left;

	/*margin:20px 5px 20px 21px;

	background-color:#fff;

	padding:2px;

	border:1px solid #ccc;*/

	cursor:pointer;

	width:200px;

	/*height:75px;*/

	

	/*-moz-border-radius:4px;

	-webkit-border-radius:4px;*/

}



/* active item */

.scrollable .active {

	/*border:2px solid #000;*/

	z-index:9999;

	position:relative;

}



















/*.scrollable img {

	width:100px;

	margin:20px 5px 20px 21px;	

}



.scrollable img.hover {

	background-color:#123;	

}*/



/***********************************************************************/

/* prev, next, prevPage and nextPage buttons */

a.browse {

	background:url(/design/hori_large.png) no-repeat;

	display:block;

	width:30px;

	height:30px;

	float:left;

	margin:40px 10px;

	cursor:pointer;

	font-size:1px;

}



/* right */

a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}

a.right:hover 		{ background-position:-30px -30px; }

a.right:active 	{ background-position:-60px -30px; } 





/* left */

a.left				{ margin-left: 0px; } 

a.left:hover  		{ background-position:-30px 0; }

a.left:active  	{ background-position:-60px 0; }



/* up and down */

a.up, a.down		{ 

	background:url(/design/vert_large.png) no-repeat; 

	float: none;

	margin: 10px 50px;

}



/* up */

a.up:hover  		{ background-position:-30px 0; }

a.up:active  		{ background-position:-60px 0; }



/* down */

a.down 				{ background-position: 0 -30px; }

a.down:hover  		{ background-position:-30px -30px; }

a.down:active  	{ background-position:-60px -30px; } 





/* disabled navigational button */

a.disabled {

	visibility:hidden !important;		

} 	

/***********************************************************************/





/* position and dimensions of the navigator */

.navi {

	margin-left:460px;

	width:200px;

	height:20px;

	text-align:center;

}





/* items inside navigator */

.navi a {

	width:10px;

	height:10px;

	float:left;

	margin:3px;

	background:url(/design/navigator.png) 0 0 no-repeat;

	display:block;

	font-size:1px;

}



/* mouseover state */

.navi a:hover {

	background-position:0 -10px;      

}



/* active state (current page state) */

.navi a.active {

	background-position:0 -20px;     

}

























/* tooltip styling */ 

.tooltip { 

    display:none; 

    background:url(../design/tooltip.png); 

    height:111px; 

    padding:0; 

    width:180px; 

    font-size:11px; 

    color:#fff; 

} 

 

/* a .label element inside tooltip */ 

.tooltip .label { 

    color:yellow; 

    width:35px; 

} 

 

.tooltip a { 

    color:#ad4; 

    font-size:11px; 

    /*font-weight:bold; */

}





div#footer-company div#footer-company-container div#footer-company-inner div#footer-company-center div.tooltip ul.tooltipul{list-style: none; width:200px; padding: 0; padding-left:0px; float:left; padding-top:20px;}

div#footer-company div#footer-company-container div#footer-company-inner div#footer-company-center div.tooltip ul.tooltipul li{color:#fff; display:inline; width:auto; padding-left:10px; width:200px; height:20px; float:left;}

div#footer-company div#footer-company-container div#footer-company-inner div#footer-company-center div.tooltip ul.tooltipul li.actual{color:#666; display:inline; width:auto; padding-left:10px; width:200px; font-size:11px; float:left;}

div#footer-company div#footer-company-container div#footer-company-inner div#footer-company-center div.tooltip ul.tooltipul li a{ color:#B2B2B2;}

div#footer-company div#footer-company-container div#footer-company-inner div#footer-company-center div.tooltip ul.tooltipul li a:hover{ text-decoration:underline;}