#container { width: 636px; }
#video { background-color:none; width: 624px; height: 351px; margin-left:6px; }
#scroller { background-color:none; height: 120px; width: 624px; margin-left:10px }
#arrow { float: left;  margin: 35px 2px 0 0; width: 24px; border:0px; }
#oothumbnails { overflow:hidden; }

.stepcarousel {
  position: relative; 
  border: none; /* Border around the carousel scroller */
  overflow: scroll; 
  width: 560px; /* Width of Carousel Viewer itself = width of video - arrows */
  height: 120px; /* Height = thumbnail height + top/bottom padding */
}

.stepcarousel .oopanel {  /* Each Image Container */
  float: left; 
  overflow: hidden;
  padding: 10px 8px 10px 0; /* Margin around each image container */
  width: 134px;      /* width of image container */
}

.stepcarousel .oobelt { position: absolute; left: 0; top: 0; }
.stepcarousel a, .stepcarousel a:hover { color: #4F4B4C; text-decoration:none;width: auto; }

.stepcarousel .oopanel img { width: 130px; height:77px; border:2px solid #ffffff}
.highlighted { border: 2px solid #4F4B4C !important; }



/* Small Carousel Styles */

#containerSmall { width: 400px; }
#videoSmall { background-color:none; width: 400px; height: 225px; }
#scrollerSmall { background-color:none; height: 100px; width: 400px;  }
#arrowSmall { float: left;  margin: 18px -2px 0 0; width: 24px; }


.smallThumbs .stepcarousel {
  position: relative; 
  border: none;     /* Border around the carousel scroller */
  overflow: scroll; 
  width: 352px;    /* Width of Carousel Viewer itself = width of video - arrows */
  height: 90px;  /* Height = thumbnail height + top/bottom padding */
}

.smallThumbs .stepcarousel .oopanel { /* Each Image Container */
  overflow: hidden;
  padding:6px 6px 8px;       /* Margin around each image container  */
  width:76px;                  /* Width = width of thumbnail container */
}

.smallThumbs .stepcarousel .oopanel img { display:block; width: 70px; height:41px; border:2px solid #ffffff}
.smallThumbs .highlighted { border: 2px solid #4F4B4C !important; }


/* Homepage Small Carousel Styles */

#containerHPSmall { width: 305px; }
#videoHPSmall { background-color:none; width: 305px; height: 171px; }
#scrollerHPSmall { background-color:none; height: 60px; width: 305px;  }
#arrowHPSmall { float: left;  margin: 17px -1px 0 -3px; width: 24px; }


.smallHPThumbs .stepcarousel {
  position: relative; 
  border: none;     /* Border around the carousel scroller */
  overflow: hidden; 
  width: 264px;    /* Width of Carousel Viewer itself = width of video - arrows */
  height: 62px;  /* Height = thumbnail height + top/bottom padding */
}

.smallHPThumbs .stepcarousel .oopanel { /* Each Image Container */
  overflow: hidden;
  padding: 6px 0px 0px 0px;       /* Margin around each image container  */
  width: 88px;                  /* Width = width of thumbnail container */
}

.smallHPThumbs .stepcarousel .oopanel img { width: 85px; height:50px; border:2px solid #ffffff}
.smallHPThumbs .highlighted { border: 2px solid #4F4B4C !important; }