.spotlightbox {
  position: relative;
  display: block;
  width: 730px;
  height: 296px;
}
    
#overlay {
  position: absolute;
  /*top: 100px; 
  left: 200px;*/
  background-color: #fff;
  width: 468px;
  height: 300px;
  display: none;
  z-index:1000;
  opacity:0;
}

.boxheadergreen, .boxheaderorange {
  margin-left: 1px;
  height: 24px;
}

.boxheadergreen span, .boxheaderorange span {
  display: block;
  padding: 3px 0 0 10px;
  font-weight: normal;
  font-size: 12px;
}

.spotlightgame {
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
  width: 523px;
  height: 275px;
}
.spotlightgame .spotlightgameplacer {
  display: block;
  position: absolute;
  top: 12px;
  left: 12px;
  width: 499px;
  height: 251px;
}

.spotlightgameimage {
 float: left;
 border: 0;
 margin-right: 5px;
}

.spotlighttext {
  display: block;
  float: right;
  width: 270px;
  height: 241px;
}
.spotlightonlinetext {
  display: block;
  float: right;
  width: 320px;
  height: 241px;
}

.spotlightgametitle {
 font-weight: normal;
 font-size: 14px;
 padding: 0px 0px 0px 0px;
}
.spotlightgamegenre {
 color: #f00;
 font-style: italic;
 padding: 0px 0px 6px 0px;
}
.spotlightgamedescription {
 margin: 0;
 padding: 0px 0px 12px 0px;
}

.spotlightbutton {
 position: absolute;
 bottom: 10px;
 right: 70px;
 margin: 0px auto 0px auto; 
}
.spotlightbutton a.downloadbutton,
.spotlightbutton a.moreinfobutton,
.spotlightbutton a.playnowbutton {
    position: relative;
    display: block;
    float: none;
    height: 22px !important;
    height: 27px;
    width: 165px;
    margin: 0px auto 6px auto;
    padding-top: 5px;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    }
.spotlightbutton a.downloadbutton,
.spotlightbutton a.playnowbutton,
.spotlightbutton a:hover.downloadbutton,
.spotlightbutton a:hover.playnowbutton{
    color: #794336;
    }
.spotlightbutton a.moreinfobutton,
.spotlightbutton a:hover.moreinfobutton{
    color: #23436B;
    }
.spotlightitems {
  position: relative;
  height: auto;
  background: transparent; 
}
span.spotlightitem {
  display: block;
  /*width: 60px;*/
  height: 46px;
  padding: 0;
  color: #000;
  font-size: 0.9em;  
  line-height: 14px;
  font-weight: normal;
  text-decoration: none;
  opacity:.5; filter:alpha(opacity=50);
  background: transparent;
  text-align:center;
}
span.spotlightitem span {
  display: block;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  cursor: pointer;
  text-align:center;
}
span.spotlightitemhover {
  display: block;
  /*width: 202px;*/
  height: 46px;
  padding: 0;
  color: #000;
  font-size: 0.9em;
  line-height: 14px;
  font-weight: normal;
  text-decoration: none;
  background: transparent;
  opacity:1; filter:alpha(opacity=100);
}  
span.spotlightitemhover span {
  display: block;
  /*height: 29px !important;*/
  /*height: 33px;*/
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  cursor: pointer;
}

span.activeitemgreen, span.activeitemgreen:hover,
span.activeitemorange, span.activeitemorange:hover {
  cursor: default;
  color: #000;
  opacity:1; filter:alpha(opacity=100);
} 
span.activeitemgreen span, span.activeitemgreen:hover span,
span.activeitemorange span, span.activeitemorange:hover span {
  cursor: default;
}



span.spotlightitem img, span.spotlightitemhover img
{
  /*float: center;*/
  margin: 0px 0px 0px 0px;
  border: 0;
}


.twogameboxgreen, .twogameboxorange {
  display: inline;
  float: left;
  width: 220px !important;
  height: 197px !important;
  width: 243px;
  height: 221px;
  padding: 12px;
  margin: 5px 11px 0px 0px;
}