/* CSS Document */
.stepcarousel{
position: relative; /*leave this value alone - relative*/
/*border: 20px solid navy;*/
overflow: scroll; /*leave this value alone*/
width: 360px;
height: 85px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt_1, .stepcarousel .belt_2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel_1, .stepcarousel .panel_2{ 
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-left:0px; 
margin-right:0px;
/*margin: 10px; /*margin around each panel*/
width: 125px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel_1 a {
	display:block;
	padding:4px;
	border:1px solid #C1C1C1;
	background-color:#ffffff;
	width:100px;
	height:75px;
	margin-right:15px;
}

.stepcarousel .panel_2 div {
	display:block;
	padding:4px;
	border:1px solid #C1C1C1;
	background-color:#ffffff;
	width:100px;
	height:75px;
	margin-right:15px;
}

.stepcarousel .panel_1 a:hover, .stepcarousel .panel_2 a:hover {
	border-color:#FFCF01;
}

p.samplebuttons{
width: 320px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}