body, body * {
  vertical-align: baseline;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  color: #333;
}


#main-container {
  position: absolute;
  width: 300px;
  height: 250px;

  border: 1px solid black;
  box-sizing: border-box;

  background: #ffd500;
  overflow: hidden;
}

#exit {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0;
  z-index: 50;
}

.absolute {
    position: absolute;
}

.hidden {
    opacity: 0;
}

#title {
  top:117px;
  left:32px;
  z-index: 6;
}

#batmanaction {
  position: absolute;
  left: 0px;
  top:0px;
  width: 300px;
  height:250px;
  background: url(Action_Sprite_Mrec.jpg) no-repeat;
  background-position: 0 0;
}


#batmanactionTwo {
  position: absolute;
  left: 0px;
  top:0px;
  width: 300px;
  height:250px;
  background: url(Action_Sprite_Two_Mrec.jpg) no-repeat;
  background-position: 0 0;
}


#batmansprite {
  position: absolute;
  left: 0px;
  top:0px;
  width: 300px;
  height:250px;
  background: url(Sprite.jpg) no-repeat;
  background-position: 0 0;
}

#main-img-0 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
/*  background-image: url(dclk.png);*/
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}


#legal {
  top:184px;
  left:4px;
  z-index: 5;
}


#cta {
  top:219px;
  left:168px;
  z-index: 6;
}


#date {
  display: block;
  position: absolute;
  top: 223px;
  left: 6px;
  width: 164px;
  height: 16px;
  background: url(Date.png) no-repeat 0 0;
  opacity: 0;
  z-index: 6;
  -ms-transform: scale(.88, .88);
  -webkit-transform: scale(.88, .88); 
  transform: scale(.88, .88);
}

#date.pre {
  background-position: 0 0;
}

#date.fivedays {
  background-position: 0 -16px;
}

#date.oneday {
  background-position: 0 -34px;
}

#date.post {
  background-position: 0 -51px;
    /*height: 19px;*/
    /*top: 208px;*/
}

:focus {
  outline:none;
}
::-moz-focus-inner {
  border:0;
}