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


}

.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: 0px;
	left:10px;
	width:290px;
	height: 314px;
}

.packshot{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
}

.bgWhite{
  position: absolute;
  top:310px;
  left:0px;
  width:100%;
  height: 290px;
	background-color: #fff;
}

.bgGrey{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height: 100%;
  background-color: #fff;
}

.penRight{
left:91px;
top:22px;
}

.streep{
position: absolute;
    top: 178px;
    left: 109px;
    height: 2px;
    width: 133px;
    background-color: #000000;
}

#emitter {
  visibility: hidden;
  background-color: #222;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
}
.dot-container {
  position:absolute;
  left:0px;
  top:270px;
  overflow:visible;
  
  pointer-events:none;
}
.dot {
  position: absolute;
  pointer-events: none; /*performance optimization*/
  border-radius: 50%;
}

.streep1{
  position: absolute;
  top:350px;
  left:75px;
  width:60px;
  height: 1px;
  opacity: .5;
  background-color: #fff;
}

.streep2{
  position: absolute;
top: 332px;
    left: 158px;
    width: 56px;
  height: 1px;
  opacity: .5;
  background-color: #fff;
}