/*----------------------------------------------------*/
/* Headers                                            */
/*----------------------------------------------------*/

h2.reel {
  position: absolute;
  left: 100px;
  width: 407px;
  height: 120px;
  text-indent: -9999px;
	background: url(/images/h2_reel-trans.png);
}

h3.commercial,
h3.promo,
h3.tv,
h3.original,
h3.misc {
  position: absolute;
  top: 138px;
  height: 30px;
  text-indent: -9999px;
}

h3.commercial {
  left: 10px;
  width: 125px;
  background: url(/images/h3_commercial-trans.png);
}

h3.promo {
  left: 150px;
  width: 110px;
  background: url(/images/h3_promo-trans.png);
}

h3.tv {
  left: 286px;
  width: 109px;
  background: url(/images/h3_tv-trans.png);
}

h3.original {
  left: 421px;
  width: 115px;
  background: url(/images/h3_original-trans.png);
}

h3.misc {
  left: 561px;
  width: 108px;
  background: url(/images/h3_misc-trans.png);
}

/*----------------------------------------------------*/
/* Columns                                            */
/*----------------------------------------------------*/

.scrollies {
  position: absolute;
  top: 172px;
  left: 1px;
}

.column {
  position: relative;
  width: 137px;
  height: 452px;
  text-align: center;
  overflow: auto;
  float: left;
}

.scrollies img {
  width: 90px;
  height: 57px;
  padding: 3px 3px 4px 4px;
  margin: 10px 0 0 8px;
  background: url(/images/bg_reel_box.png);
}

/*----------------------------------------------------*/
/* Rollover                                           */
/*----------------------------------------------------*/

.rollover {
  position: absolute;
  width: 131px; /* 140 */
  height: 56px; /* 64 */
  padding: 5px 4px 3px 5px;
  color: #1c3f40;
  font-size: 13px;
  font-weight: bold;
  background: url(/images/bg_rollover.png);
  z-index: 10;
}

/*----------------------------------------------------*/
/* Popup                                              */
/*----------------------------------------------------*/

.popup {
  position: absolute;
  top: 130px;
  left: 108px;
  width: 525px;
  height: 400px;
  text-align: center;
  z-index: 100;
  background: transparent;
}
.vid_16x9 {
  background: url(/images/player_16x9-trans.png);
}
.vid_4x3 {
  background: url(/images/player_4x3-trans.png);
}
.vid_16x9 .screen {
  position: absolute;
  top: 41px;
  left: 50px;
  width: 400px;
  height: 225px;
}
.vid_4x3 .screen {
  position: absolute;
  top: 50px;
  left: 99px;
  width: 320px;
  height: 260px;
  z-index: 1000;
}
.popup img.close {
  position: absolute;
  top: 14px;
  height: 30px;
  width: 30px;
  z-index: 101;
  display: block;
  cursor: pointer;
} 
.vid_16x9 img.close {
  top: 20px;
  right: 26px;
}
.vid_4x3 img.close {
  right: 72px;
}
.popup .description {
  position: absolute;
  text-align: left;
  font-size: .9em;
  line-height: 1.3em;  
  color: #ebebeb;
  overflow: hidden;
}

.vid_16x9 .description {
  top: 302px;
  left: 54px;
  width: 422px;
  height: 42px;
  padding: 4px;
}

.vid_4x3 .description {
  top: 310px;
  left: 104px;
  width: 325px;
  height: 42px;
  padding: 4px;
}

.vid_4x3 strong {
  font-weight: bold;
}

/*----------------------------------------------------*/
/* Montage                                            */
/*----------------------------------------------------*/
div.montage {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 278px;
  height: 115px;
  background: url(/images/montage_box.png);
  display: block;
  text-align:right;
}
div#montage_screen {
  position: absolute;
  right: 4px;
  top: 10px;
  width: 164px;
  height: 111px;
}
div.montage img {
  width: 100%;
  height: 100%;
}