#trailer {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  }

#trailerdialog {
    position:fixed;
    width:560px;
    height:350px;
    margin:-155px auto auto -280px;
    top:50%;
    left:50%;
    text-align:center;
    background-color: #F5DEB3;
    padding: 30px 30px 30px 30px;
    border-radius: 10px;
    opacity: 1; 
    color: white; 
}                         

#trailerdialog span.banner {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
}

#trailer .mask {                                                   
  position: fixed;                                        
  background-color: black;
  opacity: 0.6;       
  left: 0;
  top: 0;
  height: 100%;                                                                                             
  width: 100%;                                                                                   
  }     

#trailer .close {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 25px;
  width: 25px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/close.gif);
  }

#trailer .close:hover {
  background-image: url(/closehighlight.gif);
  }