@charset "UTF-8";
/* CSS Document */


#tools {
		position: absolute;
		top: 30em;
		z-index:1;
		margin-left: 0;
}

#tools.grid_4{
	background: none;
}


/* override the root element to enable scrolling */
	#flowpanes {
		position:relative;
		overflow:hidden;
		clear:both;
		height: 360px;
	}

	/* override single pane */
	#flowpanes div {
		float:left;
		display:block;
		width:940px;
		height: 360px;
		/*font-size:14px;*/
	}

	#flowtabs li{
		display:inline;
		list-style:none;
	}
	
	#flowtabs li{
		padding-right: .3em;
		float:left;
	}
	
	#flowtabs li a, #flowtabs li a:link {
		text-indent:-3000px;
		display:block;
		width:18px;
		height:18px;
		background: url(../images/li_flowtabs_bg.gif) no-repeat top left;
		outline:none;
	}

	#flowtabs a:active{
		outline: none;
	}
	
	#flowtabs li a:hover{
		background-position: -20px 0;
	}
	
	#flowtabs li a.current{
		background-position: -20px 0;
	}

	/* our additional wrapper element for the items */
	#flowpanes .items {
		width:20000em;
		position:absolute;
		height: 150px;
		clear:both;
		margin:0;
		padding:0;
	}
	
	button  {
		float:left;
		width: 24px;
		height:32px;
		margin-right: .3em;
		text-indent:-3000px;
		border:0;
		border:none;
	}
	
	
	
	button.prev{
		background: transparent url(../images/buttons_bg.gif) no-repeat top left;
	}
	
	button.prev:hover{
		background: transparent url(../images/buttons_bg.gif) no-repeat -30px 0;
		cursor:pointer;
	}
	
	button.next{
		background: transparent url(../images/buttons_bg.gif) no-repeat -61px top;
		margin-right: 2em;
	}
	
	button.next:hover{
		background: transparent url(../images/buttons_bg.gif) no-repeat -91px 0;
		cursor:pointer;
	}