#banner{
  position: absolute;
  width: 300px;
  height: 600px;
  top: 0px;
  left: 0px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  background-color: #f5f5f5;  


}

.retina{
  position: absolute;
  width: 300px;
  height: 600px;
  top:0px;
  left:0px;
}

#border {
  position: absolute;
  width: 300px;
  height: 600px;
  top: 0px;
  left: 0px;
  border:1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9999999;
}


.ctaActive{
display: none;
}


.packshotWrapper{
  position: absolute;
bottom: 100px;
left: -5px;
width: 500px;
height: 333px;
}

.packshot{
  position: absolute;
  width: 100%;
  height: 100%;
}

.overlay{
  background-color: #f5f5f5;
}

.skewedContent{
  position: absolute;
  top:0px;
  right: -100px;
  width: 500px;
  height: 100%;
  background-color: white;
}

.skewed{
  transform: skewX(15deg); 
  overflow: hidden;
}

.reverseSkewed{
  transform: skewX(-15deg); 
  overflow: hidden;
}

.retinaSkewed{
  position: absolute;
  width: 300px;
  height: 600px;
  top:0px;
  right:100px;
}