html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body, body * {
  vertical-align: baseline;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0; }

.hidden {
  display: none; }

#adContainer {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 90px;
  width: 728px;
  background-color: black;
  cursor: pointer; }

#border {
  position: absolute;
  top: 0;
  left: 0;
  height: 90px;
  width: 728px;
  border: 1px solid black; }

img {
  position: absolute;
  top: 0;
  left: 0; }

.card {
  position: absolute;
  top: 0;
  left: 0;
  width: 728px;
  height: 90px; }

.keyart {
  left: 205px; }

.tune-in {
  position: absolute;
  top: 0;
  left: 0;
  height: 90px;
  width: 728px;
  background-image: url(../images/tune-in-may.png);
  background-repeat: no-repeat; }

.thursday .tune-in {
  background-image: url(../images/tune-in-thursday.png); }

.now .tune-in {
  background-image: url(../images/tune-in-now.png); }

.cta {
  position: absolute;
  top: 54px;
  left: 515px;
  width: 94px;
  height: 21px;
  cursor: pointer;
  z-index: 11;
  background-color: #ffd800;
  background-repeat: no-repeat;
  background-image: url(../images/cta-watch-trailer.png);
  transition: background-color 300ms ease-in-out; }

.cta:hover {
  background-color: #ffe868; }

.now .cta {
  background-image: url(../images/cta-watch-now.png); }