@charset "UTF-8";
/* CSS Document */

#canvas {
	float:left;
	width:100%;
}
#content {
	float:left;
	width:33%;
	text-align:center;
	margin-bottom:4px;
}
#prodFrame {
	width:156px;
	background-image: url(images/layout/background-middle.gif);
	color:#FFFFFF;
	text-align:center;
	margin:0 auto;
}
#prodFrameTop {
	height:9px;
	background-image: url(images/layout/background-top.gif);
	background-repeat:no-repeat;
			padding-top:3px;
			z-index:110;
}
#prodFrameTitle {
	position:absolute;
	width:156px;
	z-index:100;

}
#prodFrameContent {
	margin-top:10px;
	z-index:50;
	background-repeat: no-repeat;
	background-position:left bottom;
	background-image: url(images/layout/background-bottom.gif);
	padding-bottom:10px;
}
#prodFrameBottom {
	height:5px;
	background-repeat: no-repeat;
	background-position:left bottom;
	background-image: url(images/layout/background-bottom.gif);
}
#zoom {
	z-index:40;
	float: left;
	margin: 3px 0 0 3px;
}
#arrow {
	z-index:40;
	float:right;
	margin: 3px 3px 0 0;
}
img {
	border:0;
}
#prodFrame a, #prodFrame a:hover, #prodFrame a:visited {
	text-decoration:none;
	color:#FFFFFF;
	font-weight: bold;
		z-index:200;
		
}
#prodFrame a:hover {
	color:#FF0000;
	font-weight: bold;
		z-index:200;
}