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

.stepcarousel{

	position: relative; /*leave this value alone*/
	width: 645px; /*Width of Carousel Viewer itself*/
	height: 200px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0px;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px 10px 0 10px; /*margin around each panel*/
	width: 150px;
	padding: 0px;
}
.stepcarousel .image {
	background: #d1d1d1;
	border: dashed 1px #a4a4a4;
	width: 140px;
	padding: 4px;
}
.stepcarousel .image:hover{
	background: #ed1d49;
	border: dashed 1px #f68ea4;
}
.stepcarousel .dergiAlt {
	background: #a09f9f;
	border-bottom: dashed 1px #787878;
	border-left: dashed 1px #787878;
	border-right: dashed 1px #787878;
	width: 140px;
	padding: 4px;
}
