#productViewerWrapper
{
  width:426px;
  padding-top:15px;
  background-color:#000000;
}

#productView
{
  width:426px;
  height: 282px;
  background-color: #050401;
}

div#productViewer
{
  width:426px;
  margin-top:8px; 
}

div.wrapper
{
  float:left;
  width:336px;
}

img.imgMain
{
  margin:0;
  padding:0;
  outline: none; 
}

.noOutline
{
  outline: none;  
}

#Container360
{
  float:right;
  padding-right:10px;
  height:50px;  
  border-left:solid 1px #393939;
}

div.360ViewerWrapper
{
  margin:0;
  padding:0;
}  
  
/* Carousel */

.infiniteCarousel
{
  width: 395px;
  position: relative;
}
.infiniteCarousel .wrapper
{
  width: 315px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}
.infiniteCarousel ul a img
{
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.infiniteCarousel .wrapper ul
{
  width: 9999px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
.infiniteCarousel ul li
{
  display: block;
  float: left;
  padding: 10px;
  height: 85px;
  width: 85px;
}
.infiniteCarousel ul li a img
{
  display: block;
}
.infiniteCarousel .arrow
{
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}
.infiniteCarousel .forward
{
  background-position: 0 0;
  right: 0;
}
.infiniteCarousel .back
{
  background-position: 0 -72px;
  left: 0;
}
.infiniteCarousel .forward:hover
{
  background-position: 0 -36px;
}
.infiniteCarousel .back:hover
{
  background-position: 0 -108px;
}