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


/*______________________________ DITCH THESE BITS WHEN PORTING OVER ______________________________*/

.stepcarousel6, .stepcarousel7, .stepcarousel8, .stepcarousel9, .stepcarousel13 {background: transparent;}


/*______________________________ GALLERY ELEMENTS ______________________________*/

.stepcarousel6, .stepcarousel7, .stepcarousel8, .stepcarousel9, .stepcarousel13 {
position: relative; /*leave this value alone*/
border: none;
border-bottom: 1px #EEEEEE solid;
overflow: scroll; /*leave this value alone*/
width: 413px; /*Width of Carousel Viewer itself*/
margin: 0 auto 3px auto;
padding: 0;
height: 146px; /*Height should enough to fit largest content's height*/
}

.stepcarousel6 .belt6, .stepcarousel7 .belt7, .stepcarousel8 .belt8, .stepcarousel9 .belt9, .stepcarousel13 .belt13 {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel6 .panel6 {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0 0 20px 0; /*margin around each panel*/
padding: 0; /*padding around each panel*/
width: 413px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align: center;
}

.stepcarousel7 .panel7, .stepcarousel8 .panel8, .stepcarousel9 .panel9 {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
padding: 0; /*padding around each panel*/
width: 413px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align: center;
}

.stepcarousel13 .panel13 {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0; /*margin around each panel*/
padding: 8px 0 0 0; /*padding around each panel*/
width: 413px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align: center;
}

.stepcarousel6 .panel6 img {padding: 0 20px 20px 20px; margin: 0; float: right; display: inline; border: none; outline: none;}

.stepcarousel7 .panel7 img, .stepcarousel8 .panel8 img, .stepcarousel9 .panel9 img, .stepcarousel13 .panel13 img {padding: 10px 0 0 10px; margin: 0; float: right; display: inline; border: none; outline: none;}

.bottomArrowLeft{float: right; display: inline; padding: 0; margin: 0 0 5px 0;}
.bottomArrowRight{float: right; display: inline; padding: 0; margin: 0 10px 5px 0;}