@charset "utf-8";
/* CSS Document */
body {
margin: 0;
padding: 0;
background-repeat: no-repeat;
background-color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height:1.4;
color: #000000;
}
img{
border:0px;
}
div.clearer {clear: left; line-height: 0; height: 0;}

#entire-content {
position:absolute;
z-index:50;
top:0px; left:0px;
width:100%;
}
.barlogo {
margin: 0px;
padding: 0px;
width: 300px;
height: 28px;
margin-top: 2px;
}

.barlogo img{
margin: 0px;
padding: 0px;
border: 0px;
float: left;
}

.barlogo p{
float:left;
margin: 4px 0 0 3px;
padding: 0;
}

.barlogo a:link, .barlogo a:visited {
margin: 0;
padding: 0;
color: #FFFFFF;
text-decoration: none;
}
.barlogo a:hover{
text-decoration: underline;
}
#main-content {
position:relative;
margin: 0 auto 0 auto;
padding: 0;
z-index: 100;
width: 995px;
}

/* BG Overlay*/
#background-image {
position: absolute;
z-index:1;
top: 0px;
left: 0px;
height:100%;
width:100%;
overflow:hidden;
cursor:pointer;
}
* html #background-image {
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#top-header {
margin: 0;
padding: 0;
width: 995px;
height: 135px;
}
#top-country-nav {
margin: 0;
padding: 0;
width: 995px;
height: 0px;
}
#top-logo-holder{
float:left;
width:220px;
height: 105px;
margin:0;
padding: 0;	
}
#top-logo-holder img{
border:0px;
}
#top-centre {
float:left;
margin: 0;
padding: 0;
width: 775px;
height: 70px;
}
#top-nav {
float:left;
margin: 0;
padding: 0;
width: 775px;
height: 35px;
background-color: #000000;
}
#top-nav ul{
float:right;
list-style: none;
margin: 0;
padding: 0;
font-size: 115%;
}
#top-nav li{
margin: 8px 0 0 0;
float:left;
text-transform: uppercase;
display: inline;
}
#top-nav a {
display:block;
}
#top-nav li a:link, #top-nav li a:visited  {
padding: 5px 10px 5px 10px;
background-color: #404040;
color: #FFFFFF;
text-decoration: none;
}
#top-nav li a:hover{	
background-color: #bb2181;
}

#top-nav #current {
/*background-image:url("norm_right_on.gif");*/
background-color: #bb2181;
}
#top-nav #current a {
background-color: #bb2181;
/*background-image:url("norm_left_on.gif");*/
}
#top-nav #current li a:hover{
text-decoration: none;
}
#top-bar-link-holder{
    float: left;
    width: 995px;
    height: 15px;
    padding: 0px;
    margin: 0px;
    background-color: #000000;
}

.top-bar-links, .facebook-links{
    float: right;
    width: auto;
    height: 15px;
    padding: 0px;
    margin: 0px;      
}
.top-bar-links li, .facebook-links li{
     float: left;
    display: inline;
    color: #ffffff;
    margin: 0;
    padding: 0;
}
.top-bar-links img, .top-bar-links a, .top-bar-links ul{
    border: 0px;
    padding:0 2px 0 0;
    margin: 2px 0 0 0;
}

.facebook-links li img, .facebook-links li a, .facebook-links ul{
    border: 0px;
    padding:0px;
    margin: 2px 10px 0 0;
}

.facebook-links li a:link, .facebook-links li a:visited{
    float: left;
    margin: 0;
    padding: 0 5px 0 5px;
    color: #ffffff;
    text-decoration: none;
}

.facebook-links li a:hover{
    color: #bb2181;
    text-decoration: underline;
}

#top-sub-nav {
float:left;
margin: 0;
padding: 0;
width: 995px;
height: 30px;
background-image: url(/images/site/gifs/sub-nav-bg.gif);
background-position: top left;
background-repeat: repeat-x;
}

#sub-nav{
float:left;
margin:5px 0 0 5px;
padding: 0;
}

#sub-nav ul{
list-style: none;
margin: 0;
padding: 0;
font-size: 95%;
text-align:left;
}
#sub-nav li{
display: inline;
padding: 0 5px 0 0;
}
#sub-nav li a:link, #sub-nav li a:visited  {
color: #acacac;
text-decoration: none;
}
#sub-nav li a:hover{
color: #bb2181;
text-decoration: underline;
}

#sub-nav li a.selectedtop {
color: #bb2181;
text-decoration: underline;
}

#search-form
{
float:right;
margin:10px 0 0 0;
padding: 0 0 5px 0;
width: 200px;
}

#search-box
{
float:left;
margin:0;
padding: 0;
}

#jump-box
{
float:right;
margin:0 2px 0 0;
padding: 0;
}

#jump-box select{
float:left;
width: 180px;
margin:0;
padding: 0;
}

#quickJump-element{
float:left;
width: 180px;
margin:4px 0 0 0;
padding: 0 0 0 0;	
	}

.submit-search{
float:left;
margin: 0;
text-align:right;
}

.submit-search img{
float:left;
margin: 0;
padding: 0;
border: 0;
}

.search-input{
float:left;
width:80%;
margin: 0 0 2px 5px;
font-size:95%;
}
.search-input input{
float:left;
width: 95%;
}

#central-content{
margin: 0;
padding: 0;
width: 993px;
border:1px solid #000000;
background-color: #ffffff;
border-top:0;
}
#left-content{
float: left;
margin: 0;
padding: 0;
width: 660px;
}

#right-content{
float: left;
margin: 0;
padding: 0;
width: 320px;
}
div#flash-promo{
float:left;
margin: 10px;
padding: 0;
width: 640px;
height: 380px;
background-color: #e4e4e4;
}
* html div#flash-promo {
  display: inline; /* kill double-margin bug */
}

#flash-holder{
float:left;
margin: 5px;
padding: 0;
width: 625px;
height: 365px;
background-color: #333333;
}

* html div#flash-holder {
  display: inline; /* kill double-margin bug */
}

#newsletter{
float:left;
margin: 10px 10px 10px 0;
padding: 0;
width: 320px;
height: 110px;
background-color: #e4e4e4;
}

* html div#newsletter {
  display: inline; /* kill double-margin bug */
}

#newsletter img{
float:left;
margin: 3px 3px 0 3px;
padding: 0;
border:0;
}

#newsletter-form
{
margin:0;
padding: 0;
}

#newsletter-box
{
float:left;
border: 1px solid #000000;
margin:0;
padding: 0;
}

.submit-newsletter{
float:left;
margin: 5px 0 0 5px;
text-align:right;
}
	

.newsletter-input{
float:left;
width:150px;
margin:0;
font-size:95%;
}
.newsletter-input input{
float:left;
margin:  5px 0 0 5px;
height: 20px;
padding: 2px 0 0 0;
width: 95%;
}

#charts{
float:left;
margin: 0 10px 10px 0;
padding: 0;
width: 320px;
height: 260px;
background-color: #e4e4e4;
}
* html div#charts {
  display: inline; /* kill double-margin bug */
}

#charts h1{
float:left;
margin: 5px 0 0 5px;
padding: 0;
font-size: 100%;
color: #bb2181;
}

#charts h2{
float:right;
margin: 5px 5px 5px 0;
padding: 0;
font-size: 95%;
font-weight: normal;
color: #555555;
}

#charts h2 a:link, #charts h2 a:visited{
text-decoration: none;
color: #555555;
}

#charts h2 a:hover{
text-decoration: underline;
color: #bb2181;
}

#charts h3{
float:left;
margin: 0;
padding: 0;
font-size: 100%;
color: #bb2181;
}

#charts h4{
float:right;
margin: -2px 0 0 0;
padding: 0;
font-size: 95%;
font-weight: normal;
color: #555555;
margin-right: -2px;
}

#charts h4 a:link, #charts h4 a:visited{
text-decoration: none;
color: #555555;
margin-right: -2px;
}

#charts h4 a:hover{
text-decoration: underline;
color: #bb2181;
}

.charts-box{
float: left;
margin: 0 0 1px 5px;
padding: 0;
width: 310px;
height: 45px;
background-color: #ffffff;	
}

* html div.charts-box {
  display: inline; /* kill double-margin bug */
}

.charts-box img{
float: left;
margin: 0;
padding:0;
border: 0;
	}
	
.charts-box h3{
float:left;
margin: 0;
padding: 0;
width: 190px;
font-size: 100%;
color: #555555;
margin-left: 3px;
}

.charts-box h3 a:link, .charts-box h3 a:visited{
margin-left: 3px;
padding: 0;
text-decoration: none;
color: #555555;
}

.charts-box h3 a:hover{
text-decoration: underline;
color: #bb2181;
}


#charts .charts-box h4{
float:left;
margin: -3px 2px 1px 2px;
padding: 0;
width: 190px;
font-size: 90%;
font-weight: normal;
color: #555555;
}

.charts-box h4 a:link, .charts-box h4 a:visited{
text-decoration: none;
color: #555555;
margin-left: 3px;
float:left;
}

.charts-box h4 a:hover{
text-decoration: underline;
color: #bb2181;
}

.charts-play-btn {
float: left;
margin: 10px 0 0 0;
padding: 0;
height: 20px;
width: 58px;
}

* html div.charts-play-btn {
  display: inline; /* kill double-margin bug */
}

.charts-review-btn {
float: left;
margin: 10px 0 0 40px;
padding: 0;
width: 56px;
height: 20px;
}

* html div.charts-review-btn {
  display: inline; /* kill double-margin bug */
}


.charts-review-number {
float: right;
margin: 0;
padding: 0;
width: 40px;
height: 45px;
}

* html div.charts-review-number {
  display: inline; /* kill double-margin bug */
}

.promo-blocks-left, .promo-blocks-right{
float:left;
margin: 0 10px 10px 0;
padding: 0;
width: 320px;
height: 290px;
background-color: #e4e4e4;
}


.promo-blocks-left{
width: 310px;
margin-left: 10px;
}


* html div.promo-blocks-right {
  display: inline; /* kill double-margin bug */
}

* html div.promo-blocks-left {
  display: inline; /* kill double-margin bug */
}

.news-blocks-right{
float:left;
margin: 0 10px 10px 0;
padding: 0;
width: 320px;
height: 290px;
background-color: #e4e4e4;
}

* html div.news-blocks-right {
  display: inline; /* kill double-margin bug */
}

.image-blocks-right{
float:left;
margin: 0 10px 10px 0;
padding: 0;
width: 320px;
background-color: #e4e4e4;
}

* html div.image-blocks-right {
  display: inline; /* kill double-margin bug */
}
.image-blocks-right h1{
margin: 2px;
padding: 0;
font-size: 95%;
color: #bb2181;
}
.promo-block-spot{
float:left;
margin: 5px 0 0 4px;
_margin-left: 2px;
padding: 0;
width: 300px;
}

.promo-block-spot img{
margin: 0;
padding: 0;
border: 0;
}

#spotlight{
margin: 0;
padding: 0;
border: 0;
}

#spotlight img{
margin: 0;
padding: 0;
border: 0;
}
.overlay{
float: left;
width: 65px;
margin: 0;
padding: 0;
height: 30px;
bottom: 50px;
position: relative;
background-color: #e4e4e4;
}
.overlay p{
    margin: 5px 0 5px 5px;
    padding: 0;
}

* html div.overlay{
    display:inline;
}

.overlay-play-btn {
float: left;
margin: 0;
padding: 0;
height: 20px;
width: 58px;
}

.overlay-review-btn {
float: left;
margin: 0;
padding: 0;
width: 56px;
height: 20px;
}

* html div.overlay-review-btn {
 display: inline; /* kill double-margin bug */
}

.promo-block-promo{
float:left;
margin: 5px 0 0 10px;
_margin-left: 5px;
padding: 0;
width: 300px;
}

.promo-block-news{
float:left;
margin: 5px 0 0 10px;
_margin-left: 5px;
padding: 0;
width: 310px;
}

.promo-block-news h5{
float:right;
margin: 0 5px 5px 0;
padding: 0;
font-size: 100%;
font-weight: normal;
color: #555555;
}

.promo-block-news h5 a:link, .promo-block-news h5 a:visited{
text-decoration: none;
color: #555555;
}

.promo-block-news h5 a:hover{
text-decoration: underline;
color: #bb2181;
}

.promo-block-home{
float:left;
margin: 0 10px 10px 0;
padding: 0;
width: 320px;
height: 135px;
background-color: #e4e4e4;
}

* html div.promo-block-home {
  display: inline; /* kill double-margin bug */
}

.promo-block-promo img, .promo-block-home img{
margin: 0;
padding: 0;
border: 0;
}
.promo-block-home img{
float:left;
margin: 5px;
}

.new-promo-home{
float:left;
margin: 5px;
padding: 0;
width: 310px;
background-color: #ffffff;  
}

* html div.new-promo-home{
    display:inline;
}

.promo-home-btn{
   float:right;
   margin:0 15px 0 0;
   padding:0;
}

.new-promo-home h1{
margin: 2px;
padding: 0;
font-size: 95%;
color: #333333;
}

.new-promo-home p{
margin: 0;
padding: 0;
font-size: 95%;
color: #333333;
}

.latest-news-box{
float: left;
margin: 0 0 4px 0;
padding: 0;
width: 305px;
height: 75px;
background-color: #ffffff;	
}

* html div.latest-news-box {
  display: inline; /* kill double-margin bug */
}

.latest-news-box h2{

clear: both;
float: left;
margin: 2px;
padding: 0;
font-size: 100%;
color: #333333;
text-align: left;
}

.latest-news-box h2 a{
margin: 0;
padding: 0;
text-decoration: none;
font-size: 100%;
color: #333333;
font-weight: bold;
}

.latest-news-box h3{
clear: both;
margin: 2px;
padding: 0;
font-size: 95%;
color: #999999;
}

.latest-news-box h3 a{
text-decoration: none;
font-size: 95%;
color: #999999;
}

.latest-news-box p{
margin: 0;
padding: 0;
color: #000000;
font-size: 95%;
}

.latest-news-box p a{
text-decoration: none;
font-size: 95%;
color: #000000;
}
#tabs, #second-tabs, #third-tabs{
float: left;
font-size: 90%;
margin: 0;
}

#tabs h2, #second-tabs h2, #third-tabs h2{
float:left;
margin: 0 0 5px 0;
padding: 0;
font-size: 110%;
color: #bb2181;
}

#tabs ul, #second-tabs ul, #third-tabs ul{
float: left;
margin: -5px 0 0 0;
padding: 0;
}

#tabs ul, #second-tabs ul{
  margin: -35px 0 0 0;
}

#tabs ul li, #second-tabs ul li, #third-tabs ul li{
background-color: #404040;
}

#tabs li, #second-tabs li, #third-tabs li{
margin: 0 0 0 5px;
list-style: none;
}
* html #tabs li {
display: inline; /* ie6 double float margin bug */
}
* html #second-tabs li {
display: inline; /* ie6 double float margin bug */
}
* html #third-tabs li {
display: inline; /* ie6 double float margin bug */
}

#tabs li,
#tabs li a, #second-tabs li, #second-tabs li a,
#third-tabs li, #third-tabs li a{
float: left;
margin: 0 5px 0 0;
padding: 0;
}
#tabs ul li a, #second-tabs ul li a, #third-tabs ul li a{
text-decoration: none;
margin: 5px;
padding: 0;
color: #ffffff;
font-weight: bold;
}
#tabs ul li.active, #second-tabs ul li.active, #third-tabs ul li.active{
background-color: #bb2181;
}
#tabs ul li.active a, #second-tabs ul li.active a, #third-tabs ul li.active a{
color: #ffffff;
}

#footer-links{
margin: 10px 0 0 0;
padding: 0;
width: 995px;
min-height: 200px;
height: auto;
background-color: #101010;
clear: both;
}

#games-advert-holder{
float:left;
margin: 0 10px 10px 10px;
padding: 0;
width: 640px;
background-color: #e4e4e4;
}

* html div#games-advert-holder{
    display:inline;
}

#games-advert-holder h3{
margin: 5px 0 10px 10px;
font-size: 100%;
color: #bb2181;
}


#scroller{
float:left;
margin: 0;
padding: 0;
width: 580px;
background-color: #e4e4e4;
}

.scroller-left{
float:left;
margin: 0;
padding: 0;
width: 28px;
}
.scroller-left img{
margin: 0;
padding: 0;
border : 0;
width: 28px;
}

.scroller-item{
float:left;
margin: 5px 0 0 6px ;
padding: 0;
width: 120px;
}


.stepcarousel{
margin: 0;
padding: 0;
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 580px; /*Width of Carousel Viewer itself*/
height: 140px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .thegamebelt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
margin: 0;
padding: 0;
}

.stepcarousel .scroller-item{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 3px 0 6px; /*margin around each panel*/
width: 120px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

* html div.scroller-item{
    display:inline;
}


.scroller-item h5{
padding: 0;
margin: 0;
font-size: 92%;
color: #bb2181;
text-align: center;
}

.scroller-item img{
margin: 0;
padding: 0;
border: 0;
}

.scroller-item h5 a:link, .scroller-item h5 a:visited{
margin: 0;
padding: 0;
font-size: 92%;
color: #555555;
text-decoration: none;
}

.scroller-item h5 a:hover{
margin: 0;
padding: 0;
text-decoration: underline;
color: #bb2181;
}

.direct-nav-block, .footer-nav-block{
margin: 5px;
padding: 0;
width: 155px;
float:left;
height: auto;
}

.footer-nav-block{
 width: 224px;
}
	
.direct-nav-block h6, .footer-nav-block h6{
margin: 0;
padding: 0;
font-size: 95%;
color: #666666;
}
.direct-nav-block ul, .footer-nav-block ul{
list-style: none;
margin: 0;
padding: 5px 0 5px 0;
text-align:left;
}
.direct-nav-block li, .footer-nav-block li{
margin: 2px 0 2px 0;
font-size: 90%;
text-align:left;
color:#acacac;
}

.direct-nav-block li a:link, .direct-nav-block li a:visited, .footer-nav-block li a:link, .footer-nav-block li a:visited {
margin: 0;
padding: 0;
color:#b6b6b6;
text-decoration:none;
}
.direct-nav-block li a:hover, .footer-nav-block li a:hover{
color: #FFFFFF;
}

.footer-blocks-left, .footer-blocks-right{
float:left;
margin: 10px 10px 0 0;
padding: 0;
width: 240px;
height: 200px;
background-color: #101010;
}

* html .footer-blocks-left {
    margin: 10px 6px 0 0;
    display:inline;
} 

* html .footer-blocks-right {
    display:inline;
    float: right;
}

.footer-blocks-right{
margin-right: 0;
margin-left: 0;

}

.required {
    width: 90px;
    height: auto;
    float: left;
    margin: 0px;
    padding: 0px;
    
}
.carls-label {
    
    
}
#crum p {
    color: #bb2181;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 3px;
}
#crum a {
    text-decoration: none;
    color: #bb2181;
}
#crum a:hover {
    text-decoration: underline;
}


.widerr {
    clear: both;
    margin-bottom: 5px;
    height: 35px;

}
.widerry {
    padding-right: 10px;
    float: left;
}

.promo-blocks-left h4 {
    font-size: 14px;
    color: #bb2181;
    margin: 0px;
    margin-left: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.home_spacer {
    margin: 0px;
    padding: 0px;
    clear: both;
    height: 5px;
}
#socialtab-1 {
    height: 236px;
}
#socialtab-2 {
    display: none;
    visibility: hidden;
}
#socialtab-2 p a {
    color: #bb2181;
    text-decoration: none;
}
#socialtab-2 p a:hover {
    color: #bb2181;
    text-decoration: underline;
}
.promo-block-promo ul.sharer {
    margin: 0px;
    padding: 0px;
    height: 25px;
    float: left;
    margin-left: 8px;
    background-color: #e4e4e4;
    border: 0px solid #000000;

}
.promo-block-promo ul.sharer li {
    margin: 0px;
    padding: 0px;
    height: 25px;
    list-style: none;
    float: left;
    margin-right: 5px;

}
.promo-block-promo ul.sharer li a {
    display: block;
    background-color: #333333;
    color: #ffffff;
    padding: 3px;
    text-decoration: none;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11px;
}


#home_button_social-1 {

    background-color: #bb2181;
}
.promo-block-promo ul {
    margin: 5px;
    font-size: 11px;
    background-color: #ffffff;
    border: 1px solid #b6b6b6;
    overflow: hidden;
    margin-left: 8px;
    margin-right: 0px;
    padding: 0px;
    padding-left: 30px;
    padding-right: 3px;
    
    height: 200px;
}
.promo-block-promo ul li  {
    margin: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
}
.promo-block-promo ul li p  {
    margin: 0;
    padding:0;
}

#socialtab-1 ul, #socialtab-2 ul {
    margin: 8px 0 0 5px;
    font-size: 11px;
    background-color: #ffffff;
    border: 1px solid #b6b6b6;
    overflow: hidden;
    padding: 0px 5px 0 5px;
    height: 210px;
    width: 290px;
}
#socialtab-1 ul li, #socialtab-2 ul li  {
    margin: 3px 0 3px 0;
    padding: 0px;
    list-style: none;
    background:url("/images/site/png/twitter.png") no-repeat 0px -15px; /* replace .2em by*/
}
#socialtab-1 ul li p, #socialtab-2 ul li p  {
    padding:0 0 0 25px;
}
#socialtab-2 {
    height: 236px;
}
p.follower
{
    margin: 0 0 5px 10px;
}
.news_boxes {
    float: left;
margin: 0 0 4px 0;
margin-left: 5px;
margin-bottom: 5px;
padding: 0;
width: 300px;
height: 75px;
background-color: #ffffff;
}
.news_boxes h2{

clear: both;
float: left;
margin: 2px;
padding: 0;
font-size: 100%;
color: #333333;
text-align: left;
}

.news_boxes h2 a{
margin: 0;
padding: 0;
text-decoration: none;
font-size: 100%;
color: #333333;
font-weight: bold;
}
.news_boxes h2 a:hover{
text-decoration: underline;
color: #bb2181;
}

.news_boxes h3{
clear: both;
margin: 2px 2px 0 0;
padding: 0;
font-size: 95%;
color: #999999;
}

.news_boxes h3 a{
text-decoration: none;
font-size: 95%;
color: #999999;
}

.news_boxes p{
margin: 0;
padding: 0;
color: #000000;
font-size: 95%;
}

.news_boxes p a{
margin: 0;
padding:0;
text-decoration: none;
font-size: 95%;
color: #000000;
}



#openTwitterback a {  }

#openTwitterback { position:fixed; top:45%; right:0; width:34px; height:162px; padding:0px; }
#openTwitterback a { display:inline-block; width:34px; height:162px;  }