.spotlightbox {
  position: relative;
  display: block;
  width: 730px;
  height: 296px;
}
    .spotlightboxgreen {background: #fff url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/green/background.gif) left top no-repeat;}
    .spotlightboxorange {background: #fff url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/orange/background.gif) left top no-repeat;}
    
#overlay {
  position: absolute;
  top: 0px; 
  left: 0px;
  background-color: #fff;
  width: 730px;
  height: 296px;
  display: none;
  z-index:1000;
  opacity:0;
}

.boxheadergreen, .boxheaderorange {
  margin-left: 1px;
  height: 24px;
}
.boxheaderorange {  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/orange/header.gif) no-repeat;}
.boxheadergreen {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/green/header.gif) no-repeat;}

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

.spotlightgame {
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
  width: 523px;
  height: 275px;
}
    .spotlightgamegreen {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/green/featurebackground.gif) left top no-repeat;}
    .spotlightgameorange {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/orange/featurebackground.gif) left top no-repeat;}

.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: bold;
 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: bold;
    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;
    }
    .spotlightbutton a.downloadbutton {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/button_download.gif) 0px 0px no-repeat;}
    .spotlightbutton a:hover.downloadbutton {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/button_download.gif) 0px -27px no-repeat;}
    .spotlightbutton a.moreinfobutton {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/button_moreinfo.gif) 0px 0px no-repeat;}
    .spotlightbutton a:hover.moreinfobutton {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/button_moreinfo.gif) 0px -27px no-repeat;}
    .spotlightbutton a.playnowbutton {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/button_download.gif) 0px 0px no-repeat;}
    .spotlightbutton a:hover.playnowbutton {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/button_download.gif) 0px -27px no-repeat;}
    
.spotlightitems {
  position: absolute;
  top: 10px;
  right: 9px;
  width: 202px;
  height: auto;
  background: transparent; 
}
span.spotlightitem {
  display: block;
  width: 202px;
  height: 46px;
  padding: 0;
  color: #000;
  font-size: 0.9em;
  line-height: 14px;
  font-weight: bold;
  text-decoration: none;
  opacity:.5; filter:alpha(opacity=50);
  background: transparent;
}
span.spotlightitem span {
  display: block;
  height: 29px !important;
  height: 33px;
  padding: 6px 6px 0px 25px;
  overflow: hidden;
  cursor: pointer;
}
span.spotlightitemhover {
  display: block;
  width: 202px;
  height: 46px;
  padding: 0;
  color: #000;
  font-size: 0.9em;
  line-height: 14px;
  font-weight: bold;
  text-decoration: none;
  background: transparent;
  opacity:1; filter:alpha(opacity=100);
}  
span.spotlightitemhover span {
  display: block;
  height: 29px !important;
  height: 33px;
  padding: 6px 6px 0px 25px;
  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#link0.activeitemgreen, span#link0.activeitemgreen:hover {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/green/activetab_first_small.gif) top left no-repeat;}
    span#link0.activeitemorange, span#link0.activeitemorange:hover {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/orange/activetab_first_small.gif) top left no-repeat;}

    span.activeitemgreen, span.activeitemgreen:hover {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/green/activetab_middle_small.gif) top left no-repeat;}
    span.activeitemorange, span.activeitemorange:hover {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/orange/activetab_middle_small.gif) top left no-repeat;}
    
    span#link5.activeitemgreen, span#link5.activeitemgreen:hover {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/green/activetab_last_small.gif) top left no-repeat;}
    span#link5.activeitemorange, span#link5.activeitemorange:hover {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/orange/activetab_last_small.gif) top left no-repeat;}

span.spotlightitem img, span.spotlightitemhover img
{
  float: left;
  margin: 2px 6px 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;
}
.twogameboxgreen {
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/green/2box.gif) left top no-repeat;
}
.twogameboxorange {
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/orange/2box.gif) left top no-repeat;
}

.twogameboxtitle {
   position: relative;
   display: block;
   height: 44px;
   width: auto;
   overflow: hidden;
}  

.twogameboxgameimage {
   position: relative;
   display: block;
   margin: 0px auto 8px auto;
   border: 0;
   text-align: center;   
}
.twogameboxgametitle {
   font-weight: bold;
   font-size: 14px;
}
.twogameboxgamegenre {
   color: #f00;
   font-style: italic;
   margin-bottom: 8px;
}
.twogameboxgamedescription {
   position: relative;
   display: block;
   margin-bottom: 12px;
   }   
.twogameboxgreen .spotlightbutton,
.twogameboxorange .spotlightbutton{
   position: relative;
   display: block;
   top: 0;
   right: 0;   
   margin: 0px auto 0px auto;
   text-align: center;
}    


.fourgameboxgreen, .fourgameboxorange {
  display: inline;
  float: left;
  width: 223px !important;
  height: 104px !important;
  width: 243px;
  height: 106px;
  padding: 4px 10px 0px 10px;
  margin: 5px 12px 0px 0px;
}
.fourgameboxgreen {
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/green/4box.gif) left top no-repeat;
}
.fourgameboxorange {
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/orange/4box.gif) left top no-repeat;
}

.fourgameboxgametitle {
   font-weight: bold;
   font-size: 12px;
   height: 15px;
   overflow: hidden;
}
.fourgameboxgamegenre {
   color: #f00;
   font-style: italic;
   margin-bottom: 4px;
} 
.fourgameboxgameimage {
   float: left;
   display: block;
   width: 60px;
   margin: 0px auto 0px auto;
   border: 0;
   text-align: center;   
}
.fourgameboxtext {
   float: right;
   display: block;
   width: 150px;
   height: 60px;
   margin: 0; padding: 0;
   border: 0;
   text-align: center;   
}
    .fourgameboxgamedescription {
       position: relative;
       display: block;
       margin: 0px 0px 2px 0px;
       padding: 0;
       text-align: left;
       height: 32px;
       }   


.sixgameboxgreen, .sixgameboxorange {
  display: inline;
  float: left;
  width: 135px !important;
  height: 98px !important;
  width: 159px;
  height: 106px;
  padding: 8px 12px 0px 12px;
  margin: 8px 11px 0px 0px;
  overflow: hidden;
}
.sixgameboxgreen {
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/green/6box.gif) left top no-repeat;
}
.sixgameboxorange {
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/orange/6box.gif) left top no-repeat;
}

.sixgameboxgametitle {
   font-weight: bold;
   font-size: 12px;
   height: 15px;
   width: 110px;
   overflow: hidden;
}
.sixgameboxgamegenre {
   color: #f00;
   font-style: italic;
   width: 110px;  
   overflow: hidden;   
   margin-bottom: 4px;
}
.sixgameboxgameimage {
   width: 135px;
   margin: 0px auto 0px auto;
   border: 0;
   text-align: center;
}
a.sixgameboxdownloadbutton {
   float: right;
   display: block;
   width: 19px;
   height: 23px;
   margin-top: 6px;
   background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/arrow.gif) center top no-repeat;
}
a:hover.sixgameboxdownloadbutton {
   background: transparent url(http://cdn.media.zylom.com/images/site/zylom/promo/deluxefeature/spotlightbox1/arrow.gif) center -23px no-repeat;
}
.rowendbox {
    margin-right: 0px;
}