/* -------------------------------------------------------------------------------------- HACKS */

.clear{
	clear:both;
	height:1px;
	}

.inv{ display:none; }

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
	z-index:325;
}


/* -------------------------------------------------------------------------------------- FLOW SLIDER */
#flow_slider{

}
#flow_slider .content{
	background:url(../images/slider_squarePic_Bg.png) no-repeat left top;
	width:940px;
	height:300px;
	position: relative;
}

#slider{
	position:relative;
	width:940px;
	height:300px;
}
#slider #slider_img{
	width:940px;
	display:block;
	float:left;
	overflow:hidden;
	height:300px;
}
#slider #slider_img div{
	width:940px;
	height:300px;
}
#slider #myController{
	display:block;
	float:left;
	height:30px;
	position:absolute;
	left:0px;
	bottom: 10px;
	background: url(../_images/ban-sel-bg.png) repeat-x left top;
	line-height: 30px;
	border-radius: 5px;
}
#myController span{
	display:inline;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	height: 30px;
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #4d4d4d;
}
#myController span.noborder {
	border-style: none;
}


#slider .jFlowPrev, #slider .jFlowNext{
	cursor:pointer;
	float:left;
	position:absolute;
	width:40px;
	height:40px;
}
#slider .jFlowPrev{
	top:100px;
	left:-10px;
}
#slider .jFlowNext{
	top:100px;
	right:-10px;
}


#myController span.jFlowSelected {
	color:#EC7D0E;
	
}