.showcase-load
{
	height: 470px; /* Same as showcase javascript option */
	overflow: hidden;
}
/* Container when content is shown in slider */
.showcase {
	position: relative;
	margin: auto;
	width:997px;
}
/* Navigation arrows */
.showcase-arrow-previous, .showcase-arrow-next	{		
	position: absolute;
	top: 130px;
	cursor: pointer;
}
.showcase-arrow-previous { 
	background: url('img/sprite.png') -7px -176px no-repeat transparent;
	width: 65px;
	height: 52px;
}
.showcase-arrow-previous:hover { 
	background: url('img/sprite.png') -764px -355px no-repeat transparent;
}
#about-flat  .showcase-thumbnail-container {
	margin:0 45px;
}
#about-flat .showcase-arrow-next { 
	background: url('img/sprite.png') -562px -185px no-repeat transparent;
	width: 50px;
	height: 40px;
	margin-top: -42px;
}
#about-flat .showcase-arrow-next:hover { 
	background: url('img/sprite.png') -561px -231px no-repeat transparent;	
	width: 50px;
	height: 40px;
}
#about-flat .showcase-arrow-previous  { 
	background: url('img/sprite.png') -501px -185px no-repeat transparent;	
	width: 50px;
	height: 40px;
	margin-top: -42px;	
}
#about-flat .showcase-arrow-previous:hover { 
	background: url('img/sprite.png') -500px -231px no-repeat transparent;	
	width: 50px;
	height: 40px;
}
.showcase-arrow-next { 
	background: url('img/sprite.png') -108px -178px no-repeat transparent;
	width: 65px;
	height: 52px;
}	
.showcase-arrow-next:hover { 
	background: url('img/sprite.png') -700px -353px no-repeat transparent;
}	
.showcase-arrow-previous {
	left: -2px;
	position: absolute;
	z-index: 999;
}
.showcase-arrow-next {
	right: -1px;
	position: absolute;
	z-index: 999;

}
/* Content */
.showcase-content	{
	text-align: center;
}
.showcase-content-wrapper	{
	text-align: center;
	height: 300px;
	width: 997px;
	display: table-cell;
	vertical-align: middle;
}
.showcase-content-wrapper .desc{
	position: absolute;
	width: 430px;
	height: 154px;
	top: 88px;
	left: 488px;
}
.showcase-content-wrapper .desc ul{
	margin-left: 68px;
}
.showcase-content-wrapper .desc a{
	color:#222222;
}
.showcase-content-wrapper .desc a:hover{
	text-decoration:underline;
}
.showcase-content-wrapper .desc .price{
	color: white;
	font-size: 38px;
	text-align: left;
	float: left;
	font-weight: bold;
	width: 146px;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
}
.showcase-content-wrapper .desc .title{
	float: left;
	width: 180px;
    margin-right: 10px;
	text-align: right;
	line-height: 20px;
}
.showcase-content-wrapper .desc h3{
	width: 290px;
    color: white;
	text-shadow: 0 1px 1px #1475A4;
	font-size: 28px;
	text-align: center;
	padding: 3px 2px 12px 15px;
    font-family: Futura;	
}
		
		/* Styling the tooltips */
		.showcase-plus-anchor
		{
			background-image: url('img/plus.png');
			background-repeat: no-repeat;
		}
		
		.showcase-plus-anchor:hover
		{
			background-position: -32px 0;
		}
		
		div.showcase-tooltip
		{
			background-color: #fff;
			color: #000;
			text-align: left;
			padding: 5px 8px;
			background-image: url(img/white-opacity-80.png);
		}
		
		/* Styling the caption */
		.showcase-caption
		{
			color: #000;
			padding: 8px 15px;
			text-align: left;
			position: absolute;
			bottom: 10px; left: 10px; right: 10px;
			display: none;
			background-image: url(img/white-opacity-80.png);
		}
		
.showcase-onepage .showcase-content	{
	margin-bottom: 10px;
}
.showcase-button-wrapper {
	position: relative;
	z-index: 999;
	min-width: 60px;
    max-width: 150px;
	margin: -20px auto 0;
    width: auto;
}
#about-flat .showcase-button-wrapper {
	position: relative;
	z-index: 999;
	width: 303px;
	margin: -8px auto;
}
.showcase-button-wrapper span {
	margin-right: 3px;
	padding: 2px 5px 0px 5px;
	cursor: pointer;
	height: 10px;
	width: 10px;
	float: left;
	background: url('img/sprite.png') -196px -195px no-repeat transparent;			
}
.showcase-button-wrapper span.active	{
	background: url('img/sprite.png') -236px -195px no-repeat transparent;
	height: 10px;
	width: 10px;
}
/* Thumbnails */
.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */{

}
.showcase-thumbnail-wrapper	{
		overflow: hidden;
}
.showcase-thumbnail		{
	width: 160px;
	height: 160x;
	cursor: pointer;
	border: solid 1px #FFFFFF;
	position: relative;
}
.showcase-thumbnail-caption	{
	position: absolute;
	bottom: 2px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.showcase-thumbnail-content	{
	padding: 10px;
	text-align: center;
	padding-top: 25px;
}
.showcase-thumbnail-cover {
	background-image: url(img/black-opacity-40.png);
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
}
.showcase-thumbnail:hover	{
	border: solid 1px #999;
}
.showcase-thumbnail:hover .showcase-thumbnail-cover	{
	display: none;
}
.showcase-thumbnail.active	{
	border: solid 1px #999;
}
.showcase-thumbnail.active .showcase-thumbnail-cover	{
	display: none;
}
.showcase-thumbnail-wrapper-horizontal	{
	padding: 10px;
}
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail	{
	/*margin-right: 18px;*/
	width: 160px;
	height: 160px;
}
.showcase-thumbnail-wrapper-vertical{
		padding: 10px;
}
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail	{
	margin-bottom: 10px;
}
.showcase-thumbnail-button-backward,.showcase-thumbnail-button-forward	{
	padding: 7px;
	cursor: pointer;
}
.showcase-thumbnail-button-backward	{
	padding-bottom: 0px;
	padding-right: 0px;
}
	
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {
	background: url('img/sprite.png') -501px -185px no-repeat transparent;
	width: 42px;
	height: 43px;
	display: block;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal	{			
	margin-top: 65px;
	margin-bottom: 40px;
	display: none;
}

.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal	{
	background: url('img/sprite.png') -562px -185px no-repeat transparent;	
	margin-top: 65px;
	margin-bottom: 40px;
	display:none;
}
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal:hover	{
	background: url('img/sprite.png') -561px -231px no-repeat transparent;	
	margin-top: 40px;
	margin-bottom: 40px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal:hover	{	
	background: url('img/sprite.png') -500px -231px no-repeat transparent;
}	

/* Hide button text */
.showcase-thumbnail-button-forward span span,
.showcase-thumbnail-button-backward span span	{
	display: none;
}