/* **************************************	*
 * 		Brädiruletin tyylit             		*
 * **************************************	*/

#brandiruletti h2 {
  color: #fff;
  font-size: 14px;
  padding: 0;
  margin: 0;
  position: relative;
  top: 16px;
  left: 24px;
  width: 200px;
  float: left;

}

#brandiruletti_vaaka {
  padding: 0 0 0 0px;
  margin: 0 0 0 15px;
  clear: both;
}

#brandiruletti_vaaka .scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 884px;
	height: 180px;
  margin: 36px 15px 0 13px;
}

#brandiruletti_vaaka .scrollable .brandit_vaaka {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.brandit_vaaka {
  padding: 0px 0 0 3px;
}

.brandit_vaaka div {
	float:left;
	width: 901px;
  height: 212px;
}

/* single scrollable item */
.scrollable .brandi_vaaka {
	float:left;
	margin:0px 14px 0px 0px;
	padding:0px;
	width:210px;
	height:158px;
}

.brandi_vaaka .slogan, .brandi_vaaka .brandin_nimi {
	font-size: 11px;
  display: block;
  margin: 0 0 0 6px;
  padding: 0;
}

a .brandin_nimi, a:visited .brandin_nimi {
	font-weight: bold;
	color: #005b0b;
  margin-top: 2px;
}

a:hover .brandin_nimi {
  color: #ffa500;
}

a .slogan, a:visited .slogan {
	color: #303030;
}

.brandit_vaaka a:hover {
	text-decoration: none;
}

/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
#brandiruletti_vaaka .scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
#brandiruletti_vaaka a.browse {
	background:url("/templates/raisio2010/img/raisio2010/brandiruletin_nuolet.gif") no-repeat;
	display:block;
	width:27px;
	height:212px;
	float:left;
	margin:0px;
  padding: 0;
	cursor:pointer;
}

/* right */
#brandiruletti_vaaka a.right { 
  background-position: 0 -212px; clear:right; margin-right: 0px;
  position: relative;
  right: 1px;
  top: -18px;
}
#brandiruletti_vaaka a.right:hover 		{ background-position: -27px -212px; }
#brandiruletti_vaaka a.right:active 	{ background-position: -27px -212px; } 


/* left */
#brandiruletti_vaaka a.left				{ margin-left: 0px; } 
#brandiruletti_vaaka a.left:hover  		{ background-position:-27px 0; }
#brandiruletti_vaaka a.left:active  	{ background-position: -27px 0; }

/* up and down */
#brandiruletti_vaaka a.up, #brandiruletti_vaaka a.down		{ 
	background:url(../img/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
#brandiruletti_vaaka a.up:hover  		{ background-position:-30px 0; }
#brandiruletti_vaaka a.up:active  		{ background-position:-60px 0; }

/* down */
#brandiruletti_vaaka a.down 				{ background-position: 0 -30px; }
#brandiruletti_vaaka a.down:hover  		{ background-position:-30px -30px; }
#brandiruletti_vaaka a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
#brandiruletti_vaaka a.disabled {
	visibility:hidden !important;		
}