.mf.load {

	background:#000 url(/imgfiles/front/CoverFlow/ajax_loader.gif) no-repeat 50%;

}

.mf * {

	outline-color:invert;

	outline-style:none;

	outline-width:medium;

	-moz-user-select: none;

	border:none;

	padding:0;

	margin:0

	cursor:pointer;

}

.mf a.show {

	position:absolute;

	margin-left:-16px;

	width:32px;

	height:32px;

	top:70%;

	left:50%;

	z-index:100;

	cursor:pointer;

}

.mf a.show.image{

	background:url(/imgfiles/front/CoverFlow/open_image.png) no-repeat 50%;

	cursor:pointer;

}

.mf a.show.viewerload{

	background:url(/imgfiles/front/CoverFlow/loader.gif) no-repeat 50%;

	cursor:pointer;

}

.mf a.show.link{

	background:url(/imgfiles/front/CoverFlow/open_link.png) no-repeat 50%;

	cursor:pointer;

}

.mf div.tooltip{

	background:url(/imgfiles/front/CoverFlow/tooltip.png) no-repeat 50%;

	width:262px;

	margin-left:-151px;

	height:70px;

	padding:20px;

	position:absolute;

	z-index:101;

	top:0;

	left:50%;

	text-align:center;

}

.mf div.loader{

	position:absolute;

	text-align:center;

	z-index:10000;

	margin:1em auto;

	top:55%;

	width:100%;

}

.mf div.caption {

	position:absolute;

	text-align:center;

	z-index:98;

	margin:1em auto;

	/* bottom:50px; */

	bottom:35px;

	font-size:10px;

 	font-weight:bold;

	width:100%;

}

.mf div.MooFlowNav{

	position:absolute;

	z-index:99;

	margin:0 auto;

	text-align:center;

	width:100%;

	bottom:20px;

	font-size:1px;

	line-height:1px;

	width:100%;

}

.mf div.autoPlayCon{

	float:left;

	width:10%;

	padding-left:3%;

	height:24px;

}

.mf a.play, .mf a.stop{

	width:27px;

	height:24px;

	float:left;

	cursor:pointer;

}

.mf a.play{

	background:url(/imgfiles/front/CoverFlow/play.gif) no-repeat;

}

.mf a.stop{

	background:url(/imgfiles/front/CoverFlow/stop.gif) no-repeat;

}

.mf div.sliderCon{

	margin-top:5px;

	float:left;

	width:74%;

}

.mf a.sliderNext{

	background:url(/imgfiles/front/CoverFlow/left.gif) no-repeat;

}

.mf a.sliderPrev{

	background:url(/imgfiles/front/CoverFlow/right.gif) no-repeat;

}

.mf a.sliderNext, a.sliderPrev{

	text-decoration:none;

	width:25px;

	height:16px;

	cursor:pointer;

	float:left;

}

.mf div.resizeCon{

	float:right;

	width:10%;

	padding-right:3%;

	height:24px;

}

.mf a.resize{

	width:34px;

	height:24px;

	float:right;

	cursor:pointer;

	background:url(/imgfiles/front/CoverFlow/resize.gif) no-repeat;

}

.mf div.slider{

	background:url(/imgfiles/front/CoverFlow/middle.gif) repeat-x;

	height:16px;

	position:relative;

	text-align:left;

	float:left;

}

.mf div.knob{

	height:16px;

	background:url(/imgfiles/front/CoverFlow/middle-slider.gif) repeat-x right center;

}

.mf div.knobleft{

	background:url(/imgfiles/front/CoverFlow/left-slider.gif) repeat-x center;

	width:8px;

	height:16px;

}



.mf div div img {

	cursor:pointer;

}