/* @group Slides */


#slider {
  	position:       relative;
	top:            0px;
	margin: 		0;
	overflow:       hidden;
    height:         300px;
    width:          800px;
	background:     url(../img/layout/slider_bkg.jpg) no-repeat;
	border-bottom: 1px solid #ccc;
}


#myController {
    position:       relative;
    margin:         auto;
    padding:        0;
    height:         20px;
    width:          220px;
    border:			1px solid #ccc;
}


.jFlowControl, .jFlowPrev, .jFlowNext {
	cursor:         pointer !important;
}

.jFlowPrev, .jFlowNext {
    display:        block;
	float:          left;
	margin:         5px;
	color:          #999;
}

.jFlowPrev:hover, .jFlowNext:hover {
	text-decoration:    underline;
}

.jFlowControl {
	text-indent:    -9999px !important;
	width:          14px;
	height:         14px;
	display:        block;
	float:          left;
	margin:         5px;
	background:     url(../img/layout/slider_control.gif) no-repeat;
}

.jFlowSelected {
    background:     url(../img/layout/slider_control.gif) no-repeat left bottom;
}

/*This MUST BE defined for IE6 to work!!!!!!!!!*/
#jFlowSlide {
    height:         300px;
    width:          800px;
    overflow:       hidden;
}
/*This MUST BE defined for IE6 to work!!!!!!!!!*/