/* Coverflow
   -------------------------------- */

div.coverflow-button-left {
  position: absolute;
  left: -3px;
  top: 52%;
  background: url('/images/coverflow/arrow_left.png') no-repeat left top;
  width: 32px;
  height: 35px;
  cursor: pointer; cursor: hand;
  z-index: 999;
}
.ie div.coverflow-button-left {
background:url('/images/coverflow/arrow_left.gif') no-repeat left top;
}

div.coverflow-button-right {
  position: absolute;
  right: -4px;
  top: 52%;
  background: url('/images/coverflow/arrow_right.png') no-repeat right top;
  width: 32px;
  height: 35px;
  cursor: pointer; cursor: hand;
  z-index: 999;
}
.ie div.coverflow-button-right {
background: url('/images/coverflow/arrow_right.gif') no-repeat right top;
}

div.coverflow-button-left .bg {
	background: url('/images/coverflow/arrow_left_high.png') no-repeat left bottom;
	width: 32px;
	height: 35px;
	position: absolute;
	top: 0;
	left: 0;
}
.ie div.coverflow-button-left .bg {
background: url('/images/coverflow/arrow_left_high.gif') no-repeat left bottom;
}

div.coverflow-button-right .bg {
	position: absolute;
	left: 0;
	top: 0;
	background: url('/images/coverflow/arrow_right_high.png') no-repeat right bottom;
	width: 32px;
	height: 35px;
}
.ie div.coverflow-button-right .bg {
background: url('/images/coverflow/arrow_right_high.gif') no-repeat right bottom;
}

.coverflow_container {
position:relative;
width:392px;
height:270px;
}

.coverflow {
	position: relative;
  overflow:hidden;
	left: 0;
  width:100%;
  height:100%;
  margin:5px 0px;
  background-image:url(/images/coverflow/bg_coverflow.png);
  background-repeat:repeat-x;
}

.coverflow div {
	float: left;
/*
	height: 100px;
	width: 75px;
*/
	cursor: pointer; cursor: hand;
}

.ie .coverflow div {
	zoom: 1;
}
/* internet exploder needs position:absolute or he puts the wrapper to the wrong position (i think he dicees the positon) */
.ie .coverflow .wrapper {
position:absolute;
}

.coverflow div.shadow {
/*	border: 1px solid #ccc;*/
}


.coverflow div.shadow:hover {
/*	border: 1px solid #666;*/
	/*opacity: 1 !important;*/
}

.coverflow div img {
	width: 100%;
}

.coverflow div.shadow {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: white;
}

.ie .coverflow div.shadow {
	display: none;
}

.coverflow div.rheight66 {
width:100% !important;
height:100% !important;
}
.coverflow canvas {
width:100% !important;
height:66% !important;
margin:0px; padding:0px;
}

.clearBoth {
	line-height: 1px;
	height: 1px;
	clear: both;
}