/* @override http://www.lform.com/css/showcase.css */

/* # --- SHOWCASE VIEWER - NEW --- */

#showcase {
	color: #fff;
	width: 720px;
	float: left;
	xheight: 390px;
	overflow: hidden;
	
}

#showcase .viewer {
	width: 710px;
	xoverflow: visible;
	float: left;
	margin-left: -30px;
	position: relative;
	z-index: 9999;
}

#showcase .panel {
	xposition: relative;
	xz-index: 9999;
}

#showcase .prev {
	float: left;
	width: 25px;
	height: 325px;
	position: relative;
	z-index: 99999;
}

#showcase .prev a {
	width: 19px;
	xwidth: 40px;
	float: left;
	height: 325px;
	background: url(../images/elem-arrow-left.png) no-repeat left center;
}

#showcase .next {
	float: right;
	width: 25px;
	height: 325px;

}

#showcase .next a {
	width: 19px;
	xwidth: 40px;
	float: left;
	height: 325px;
	background: url(../images/elem-arrow-right.png) no-repeat right center;
}

#showcase .image {
	float: left;
	width: 420px;
	height: 395px;
	xmargin-left: -25px;
	xposition: relative;
	xleft: -25px;
}

#showcase .image img {
	
}

#showcase h3 {
	margin-bottom: 10px;
	text-transform: uppercase;
}

#showcase .text {
	float: left;
	width: 230px;
	xpadding-left: 50px;
	xmargin-top: 65px;
	margin-top: 40px;
	margin-right: 20px;
	xmargin-left: -50px;
}


/* --- SHOWCASE STYLES ---*/

x#showcase {
	xfloat: left;
	xwidth: 720px;
	xheight: 325px;
	color: #fff;
	xheight: 400px;
	xoverflow: hidden;
	xmargin: 20px 0;
	xposition: relative;
	xwidth: 100%;
	width: 720px;
	float: left;
	xheight: 388px;
	overflow: hidden;
}

x#showcase {
	display: none;
}

x#showcase .arrow-left {
	width: 19px;
	width: 40px;
	float: left;
	height: 325px;
	background: url(../images/elem-arrow-left.png) no-repeat left center;
}

x#showcase .arrow-right {
	width: 19px;
	width: 50px;
	float: left;
	height: 325px;
	background: url(../images/elem-arrow-right.png) no-repeat right center;
}

#showcase .body {
	
}