/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {

	/* dimensions */
	margin: 0 0 10px 0 !important; 
	padding: 0;
	float: right;
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0 3px 0 0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	background: url(../images/bg_slider_number.gif) no-repeat;
	display: block; 	
	padding: 3px 5px 2px 5px;
	margin: 0px;
	
	/* font decoration */
	color: #1D63B0;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
}

/* adjust the background image position on each tab */

/* mouseover state */
#flowtabs a:hover { color: #1D63B0; background-position: 0 -16px; }

/* currently selected tabs */
#flowtabs a.current {cursor:default; line-height: 12px; background-position: 0 -16px; }

/* panes */
#flowpanes {
	background: #E8EFF7;		
	width: 917px;
	height: 353px;
	position: relative;
	overflow: hidden;
	clear: both;
	margin-bottom: 10px
}


/* single pane */
#flowpanes div {
	display: none;	
	color: #FFF;	
	margin: 0;
	float: left;
	display: block;
	width: 917px;
	cursor: pointer;
	font-size: 14px;
}

#flowpanes a {
	color:#cc9;		
	font-size:14px;
}

#flowpanes div.narrow {
	padding-right:160px;		
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width: 20000em;
	position: absolute;
	clear: both;
	margin: 0;
	padding: 0;
}

#flowpanes .less, #flowpanes .less a {
	color: #999 !important;
	font-size: 11px;
}