/* CSS Document */

.picture-gallery {
	width: 640px;
	height: 200px;
}

.big-picture {
	width: 268px;
	height: 268px;
	border: 1px solid #CCCCCC;
	background: #EEE url("../g/plug-ins/grey-shadow-pictures1.gif");
	float: left;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}
.column-rigth {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	width: 328px;
	height: 198px;
	float: right;
	margin-top: -3px;
}
.top-shadow {
	width: 308px;
	height: 9px;
	background: #EEE url("../g/plug-ins/grey-shadow-pictures4.gif") no-repeat;
	font-size: 2px;
}
.thumbnails {
	width: auto;
	height: 240px;
	border: 1px solid #CCCCCC;
	background: #EEE repeat-y url("../g/plug-ins/grey-shadow-pictures2.gif");
	overflow: auto;
	overflow-x: hidden;
}
.thumbnail-border {
	width: 70px;
	height: 70px;
	border: 1px solid #BBB;
	margin-left: 4px;
	margin-bottom: 4px;
	float: left;
	height: 
}
.selected {
	filter:alpha(opacity=30);
	-moz-opacity: 0.30;
	opacity: 0.30;
}
.navigation {
	width: auto;
	height: 24px;
	border: 1px solid #BBB;
	background: repeat-x url("../g/plug-ins/grey-shadow-pictures3.gif");
	padding-top: 4px;
	padding-left: 120px;
}
.navigation .play,
.navigation .stop,
.navigation .rewind,
.navigation .fastforward {
	width: 18px;
	height: 18px;
	float: left;
	margin-left: 4px;
	border: none;
}
.navigation .play {
	background: url("../g/plug-ins/play.gif") no-repeat;
}
.navigation .stop {
	background: url("../g/plug-ins/stop.gif") no-repeat;
}
.navigation .rewind {
	background: url("../g/plug-ins/rewind.gif") no-repeat;
}
.navigation .fastforward {
	background: url("../g/plug-ins/fastforward.gif") no-repeat;
}
.rentalo-text {
	color: #666666;
	font: 10px Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
}
.hide {
 display: none;
}
.show {
 display: block;
}