﻿.useHomeHeaderSprite
{
background: url(/_images/home/home_header_sprite.png) 0 0 no-repeat;
}

.useHomeFooterSprite 
{
background: url(/_images/shared/companies_footer_sprite.png) 0 0 no-repeat;
}

#flashContainer
{
height: 388px;
margin: 0 0 40px 0;
width: 986px;
       z-index: 10000;
}

img#nonFlash
{
margin: 0 0 0 34px;
}



#companies
{
clear: both;
padding: 0 15px;
}

#companies h3
{
display: block;
height: 25px;
margin: 11px 0 0 0;
width: 190px;
}

#companiesContent {
  border-top:1px solid #606060;
  padding:0;
  margin-bottom: 20px;
  text-align:center;
}

#companiesContent .comp {
  display: block;
  width: 900px;
  overflow: hidden;
}

#companiesContent .comp p {
  text-align: left;
  text-indent: 0;
  margin: 30px 50px 0 0;
  float: right;
  color: #fff;
  font: 13px/16px verdana, arial, sans-serif; 
  width: 683px;
}

#rockstarLogo, #twoKLogo {
  background: url(/_images/contact/contact_sprite.png) no-repeat scroll;
  float: left;
  width: 63px;
  height: 62px;
  margin: 30px 0 0 60px;
}

#rockstarLogo {
  background-position: 0 -121px;
  margin-left: 70px;
}

#twoKLogo {
  background-position: -94px -121px;
  width: 90px;

}

a#rockstarLogo:hover,
  a#jgLogo:hover,
  a#twoKLogo:hover
{
opacity: 0.7;
}

#threeColContent
{
padding: 0 15px;
}

.colHead
{
  border-bottom: 1px solid #000;
display: block;
height: 23px;
padding: 0 0 7px 0;
width: 297px;
}

a#newsHead
{
  background-position: 0px -49px;
}

a#newsHead:hover
{
  background-position: 0px -300px;
}

a#comingSoonHead
{
  background-position: 0px -101px;
}

a#comingSoonHead:hover
{
  background-position: 0px -353px;
}

a#findAGameHead
{
  background-position: 0px -160px;
}

a#findAGameHead:hover
{
  background-position: 0px -401px;
}

#news,
#comingSoon,
#findAGame
{
float: left;
margin: 0 14px 0 0;
width: 297px;
}

#findAGame
{
margin: 0;
}

.colContent
{
  border-top: 1px solid #606060;
color: #cacaca;
font: 13px/18px verdana, arial, sans-serif;
padding: 15px 0 0 0;
position: relative;
}

.colContent a img {
  border: none;
}

.colContent h4
{
color: #fff;
font: bold 11px/15px verdana, arial, sans-serif;
}

.colContent p
{
color: #cacaca;
font: 13px/18px verdana, arial, sans-serif;
}

.colContent a.readMore
{
color: #0079c2;
font: 12px/15px verdana, arial, sans-serif;
      text-transform: uppercase;
      white-space: nowrap;
}

.colContent a.readMore:hover
{
color: #37b3fc;
       text-decoration: none;
}

a#comingSoonPoster
{
display: block;
height: 342px;
width: 297px;
}

.newsItem
{
margin: 0 0 35px 0;
position: relative;
}

.pdfEtc
{
position: absolute;
right: 0;
top: -3px;
}

.newsItem a.pdfLink
{
  background-position: -193px -32px;
  border-right: 1px solid #000;
display: block;
float: left;
height: 19px;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
width: 19px;
}

.newsItem a.caseLink
{
  background-position: -249px -31px;
display: block;
float: left;
height: 19px;
width: 19px;
}

.newsItem a.pdfLink:hover,
  .newsItem a.caseLink:hover
{
opacity: 0.7;
}

a#seeAllGames
{
  background-position: 0px -214px;
display: block;
height: 58px;
width: 297px;
}

a#seeAllGames:hover
{
  background-position: 0px -448px;
display: block;
height: 58px;
width: 297px;
}

#filterArea
{
background: url(/_images/shared/bottom_lightgrey_round_bg.png) bottom left no-repeat;
margin: 11px 0 14px 0;
padding: 0 0 11px 0;
position: relative;
width: 297px;
}

#filterContent
{
padding: 11px 20px 12px 20px;
}

img#filterAreaTop
{
top: -11px;
left: 0;
position: absolute;
}

#ticker
{
margin: 10px 0 0 34px;
padding: 0 0 8px 0;
width: 952px;
}

#tickerContent
{
background: url(/_images/home/ticker_gradient.png) top left no-repeat;
float: left;
padding: 5px 10px 10px 10px;
width: 825px;
}

#ticker a
{
color: #fff;
font: 14px/18px verdana, arial, sans-serif;
text-decoration: none;
}

#ticker a:hover
{
  color: #def;
}

a#t2Events
{
background: url(/_images/home/t2_events_sprite.png) 0px 0px no-repeat;
display: block;
float: left;
height: 34px;
width: 107px;
}

a#t2Events:hover
{
  background-position: 0 -43px;
}
/* ---------------------------------*/
/* select replacement */
/* ---------------------------------*/


label
{
  display: block;
}

.filterPulldown {
  position: relative;
}

.filterPulldown h4 a /* look & feel of  select box*/
{
  background: url(/_images/shared/bg_select.png) top left no-repeat;
  border: none;
  color: #fff;
  cursor: pointer;
  display : block;
  font: bold 12px/16px verdana, arial, sans-serif;
  height: 26px;
  margin: 0 0 10px 0;
  padding: 9px 0 0 17px;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  width: 246px;
}

.filterPulldown h4 a.filterActive {
  background: url(/_images/shared/bg_select_on.png) top left no-repeat;
}

.filterPulldown ul,
.filterPulldown ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.filterPulldown .filterMenu {
  position: absolute;
  top: 35px;
  left: 0;
  background: url(/_images/home/filter-menu-bg.png) repeat-y;
  width: 263px;
  height: 189px;
}

.filterPulldown .filterMenu ul {
  display: block;
  overflow: auto;
  margin: .25em 0;
  height: 189px;
}

.filterPulldown ul li {
  line-height: 1;
}

.filterPulldown ul li a,
.filterPulldown ul li a:visited {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  font-size: 12px;
  padding: .5em 8px;
  margin: 0 3px 0 2px;
  font-size: 11px;
  outline: none;
}

.filterPulldown ul li a:hover {
color: #ccc;
}


li.break {
  border-bottom: 1px solid #999;
  border-top: 1px solid #777;
  height: 0;
  margin-left: 2px !important;
}
