@charset "utf-8";
/* CSS Document */
* {
margin:0;
padding:0;
}

html {
height:100%;
width:100%;
}

body {
background:#fff;
color:#333;
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
min-height:100%;
padding:0 0 1px 0;
}

#overlay {
position:fixed;
height:100%;
width:100%;
background:url(../images/overlay.png);
z-index:999;
display:none;
top:0;
left:0;
}

#status-changer {
width:250px;
height:150px;
background:#fff;
position:fixed;
top:50%;
left:50%;
margin:-105px 0 0 -125px;
padding:25px 10px 10px;
font-size:1.3em;
z-index:1000;
display:none;
}

#status-changer .hideoverlay {
position:absolute;
top:3px;
right:3px;
text-decoration:none;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
font-size:2em;
line-height:0.75em;
color:#000;
}

#signinframe {
width:250px;
height:150px;
z-index:1001;
}

#help {
position:absolute;
top:50px;
left:50%;
margin:0 0 0 -385px;
width:720px;
height:230px;
padding:25px;
background:url(../images/bg_help.png);
z-index:9999;
}

#help p {
font-size:1.3em;
color:#6C6C6C;
padding:0 0 0.6em 0;
}

#help h3 {
font-size:2em;
color:#45A8DC;
padding:0 0 0.6em 0;
}

#help h4 {
font-size:1.6em;
color:#45A8DC;
padding:0 0 0.6em 0;
}

#help .col-1 {
width:280px;
float:left;
}

#help .col-2, #help .col-3 {
width:185px;
float:left;
margin:0 0 0 20px;
}

#help .close {
display:block;
float:left;
width:15px;
height:15px;
margin:5px 5px 0 0;
font-size:2em;
font-weight:bold;
line-height:15px;
text-align:center;
color:#f65328;
border:3px solid #f65328;
text-decoration:none;
}

#wrapper {
width:858px;
border-left:1px solid #0082b6;
border-right:1px solid #0082b6;
border-bottom:1px solid #0082b6;
background:#fff;
margin:0 auto;
padding:0 6px;
}

#header {
height:158px;
padding:12px 0 0 0;
}

#header h1 {
display:block;
width:157px;
height:22px;
margin:0 0 0 18px;
background:url(../images/bg_h1.png) no-repeat;
position:relative;
cursor:hand;
cursor:pointer;
}

#header h2 {
display:block;
float:left;
width:257px;
height:72px;
margin:12px 16px 19px 0;
background:url(../images/bg_h2.png) no-repeat;
position:relative;
cursor:hand;
cursor:pointer;
}

#header h1 span, #header h2 span {
display:none;
}

#promo {
float:left;
height:68px;
width:585px;
background:url(../images/bg_promo.png) right no-repeat;
margin:12px 0 19px 0;
list-style:none;
position:relative;
}

#promo li {
display:block;
float:left;
width:125px;
height:68px;
margin:0 15px 0 0;
}

#promo li a {
display:block;
position:relative;
width:125px;
height:68px;
font-size:1.4em;
font-weight:bold;
color:#37596d;
text-decoration:none;
background:url(../images/bg_promo_a.png) no-repeat;
text-align:center;
}

#promo li a img {
width:60px;
height:60px;
border:0;
position:relative;
display:inline-block;
margin:-23px 0 6px 0;
}

#promo li a span {
display:inline-block;
clear:left;
}

#nav {
display:block;
clear:both;
background:#37596d;
height:33px;
position:relative;
list-style:none;
z-index:901;
}

#nav li {
float:left;
display:block;
position:relative;
}

#nav li a {
display:block;
height:30px;
width:auto;
margin:3px 0 0 15px;
padding:0 0 0 5px;
position:relative;
cursor:hand;
cursor:pointer;
}

#nav li a span {
display:block;
height:25px;
padding:3px 10px 2px 5px;
position:relative;
}

#nav li a:hover, #nav li a.active {
background:url(../images/bg_nav_a.png) left top no-repeat;
}

#nav li a:hover span, #nav li a.active span {
background:url(../images/bg_nav_a.png) right bottom no-repeat;
}

#nav li a span span {
display:block;
height:25px;
padding:0;
}

#nav .li-1 {
width:66px !important;
}

#nav .li-2 {
width:117px !important;
}

#nav .li-3 {
width:115px !important;
}

#nav li .games, #nav li .games span {
width:66px !important;
}

#nav li .activities, #nav li .activities span {
width:117px !important;
}

#nav li .downloads, #nav li .downloads span {
width:115px !important;
}

#nav li .games span span {
width:66px !important;
background:url(../images/bg_nav_games.png) top no-repeat;
}

#nav li .activities span span {
width:117px !important;
background:url(../images/bg_nav_activities.png) top no-repeat;
}

#nav li .downloads span span {
width:115px !important;
background:url(../images/bg_nav_downloads.png) top no-repeat;
}

#nav li a:hover span span, #nav li a.active span span, #nav li a.mouseover span span {
background-position:bottom !important;
}

#nav .nav-left, #nav .nav-right {
width:16px;
height:40px;
position:relative;
}

#nav .change-status .bubble {
position:absolute;
background:url(../images/bbl_status.png) no-repeat;
width:327px;
height:281px;
top:24px;
left:0;
z-index:950;
display:none;
}

#nav .change-status {
position:absolute;
right:267px;
top:-7px;
z-index:900;
}

#nav .change-status .feature {
display:block;
width:169px;
height:40px;
background:url(../images/btn_status.png) no-repeat !important;
}

#nav .change-status .feature:hover {
background:url(../images/btn_status.png) no-repeat !important;
}

#nav .change-status .feature span {
display:none !important;
}

#nav .send-friend .bubble {
position:absolute;
background:url(../images/bbl_send.png) no-repeat;
width:457px;
height:227px;
top:24px;
left:-110px;
z-index:950;
display:none;
}

#nav .send-friend {
position:absolute;
right:141px;
top:-7px;
z-index:900;
}

#nav .send-friend .feature {
display:block;
width:116px;
height:40px;
background:url(../images/btn_send.png) no-repeat !important;
}

#nav .send-friend .feature:hover {
background:url(../images/btn_send.png) no-repeat !important;
}

#nav .send-friend .feature span {
display:none !important;
}

#nav .get-messenger {
position:absolute;
right:5px;
top:-7px;
z-index:900;
}

#nav .get-messenger .feature {
display:block;
width:126px;
height:40px;
background:url(../images/btn_download.png) no-repeat !important;
}

#nav .get-messenger .feature:hover {
background:url(../images/btn_download.png) no-repeat !important;
}

#nav .get-messenger .feature span {
display:none !important;
}

#nav li a span span span {
display:none;
}

#nav .nav-left {
margin:-7px 0 0 -16px;
background:url(../images/bg_nav_left.png) no-repeat;
}

#nav .nav-right {
float:right;
margin:-7px -16px 0 0;
background:url(../images/bg_nav_right.png) no-repeat;
}

#subnav {
display:block;
height:34px;
width:580px;
background:url(../images/bg_subnav.png) no-repeat;
margin:0 0 17px 15px;
list-style:none;
position:relative;
z-index:800;
}

#subnav li {
float:left;
padding:9px 10px;
}

#subnav li a {
height:16px;
line-height:16px;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
color:#f65328;
padding:0 0 0 17px;
background:url(../images/bg_subnav_a.png) top left no-repeat;
}

#subnav li a:hover, #subnav li a.active {
color:#37596d;
background-position:bottom left !important;
}

#body {
width:858px;
background:#fff url(../images/bg_body.png) no-repeat;
position:relative;
}

#content {
width:530px;
position:relative;
float:left;
}

#items {
padding:0 0 40px 0;
height:645px;
position:relative;
background:url(../images/bg_items.png) bottom no-repeat;
}

.items {
width:530px;
overflow:hidden;
}

.item {
width:250px;
background:url(../images/bg_item.png) bottom no-repeat;
margin:0 0 0 15px;
padding:0 0 55px 0;
float:left;
}

.item .img {
float:left;
margin:0 5px 15px 0;
border:1px solid #dcdcdc;
}

.item .img img {
width:81px;
height:51px;
border:5px solid #fff;
}

.item h3 {
font-size:1.6em;
line-height:1em;
color:#45a8dc;
padding:0 0 0.6em 0;
}

.item p {
color:#6c6c6c;
font-size:1.1em;
line-height:1.3em;
padding:0 0 0.6em 0;
}

.item .rating {
float:left;
clear:left;
width:90px;
height:19px;
margin:0 5px 0 0;
padding:3px 0 0 3px;
background:#45a7dc;
list-style:none;
}

.item .rating ul {
list-style:none;
}

.item .rating ul li {
float:left;
}

.item .rating p {
text-align:center;
font-size:0.9em;
line-height:19px;
height:19px;
color:#FFF;
}

.item .rating a, .item .rating.hovered a.active {
display:block;
background:url(../images/bg_star.png) bottom no-repeat;
height:15px;
width:18px;
}

.item .rating a.active, .item .rating a.hover, .item .rating.hovered a.active.hover {
background:url(../images/bg_star.png) top no-repeat;
}

.item a {
display:block;
float:left;
height:25px;
}

.item a span {
display:none;
}

.item .games {
width:147px;
background:url(../images/bg_item_games.png) no-repeat;
}

.item .activities {
width:144px;
background:url(../images/bg_item_activities.png) no-repeat;
}

.item .downloads {
width:103px;
background:url(../images/bg_item_downloads.png) no-repeat;
}

#itemsnav {
display:block;
height:26px;
list-style:none;
position:absolute;
left:50%;
top:630px;
}

#itemsnav.total-1 {
width:178px;
margin:0 0 0 -89px;
}

#itemsnav.total-2 {
width:202px;
margin:0 0 0 -101px;
}

#itemsnav.total-3 {
width:226px;
margin:0 0 0 -113px;
}

#itemsnav.total-4 {
width:250px;
margin:0 0 0 -125px;
}

#itemsnav.total-5 {
width:274px;
margin:0 0 0 -137px;
}

#itemsnav.total-6 {
width:298px;
margin:0 0 0 -149px;
}

#itemsnav.total-7 {
width:322px;
margin:0 0 0 -161px;
}

#itemsnav.total-8 {
width:346px;
margin:0 0 0 -173px;
}

#itemsnav.total-9 {
width:370px;
margin:0 0 0 -185px;
}

#itemsnav.total-10 {
width:394px;
margin:0 0 0 -197px;
}

#itemsnav li {
float:left;
height:24px;
margin:1px 0;
}

#itemsnav .arrow {
width:77px;
}

#itemsnav li a {
display:block;
text-decoration:none;
font-size:1.8em;
line-height:24px;
color:#a0a0a0;
width:24px;
height:24px;
text-align:center;
}

#itemsnav li a:hover, #itemsnav li a.active {
color:#fff;
background:url(../images/bg_itemsnav_a.png) no-repeat;
}

#itemsnav .previous, #itemsnav .next {
display:block;
width:37px;
height:26px;
margin:0 20px;
}

#itemsnav .previous span, #itemsnav .next span{
display:none;
}

#itemsnav .previous {
background:url(../images/bg_itemsnav_direction.png) bottom left;
}

#itemsnav a.previous:hover, #itemsnav span.previous {
background:url(../images/bg_itemsnav_direction.png) top left;
}

#itemsnav .next {
background:url(../images/bg_itemsnav_direction.png) bottom right;
}

#itemsnav a.next:hover, #itemsnav span.next {
background:url(../images/bg_itemsnav_direction.png) top right;
}

#sidebar {
width:300px;
float:left;
margin:41px 0 0 14px;
}

.ad {
margin:0 0 10px 0;
}

.ad span {
font-size:0.9em;
height:1em;
color:#353535;
}

#top4 {
width:280px;
padding:9px;
border:1px solid #dcdcdc;
}

#top4 h2 {
display:block;
width:170px;
height:34px;
background:url(../images/bg_top4_h2.png) no-repeat;
}

#top4 h2 span {
display:none;
}

#top4 .top {
background:#ecf7ff url(../images/bg_top.png) bottom right no-repeat;
display:block;
margin:0 0 9px 0;
padding:12px 36px 8px 8px;
text-decoration:none;
}

#top4 .top .img {
float:left;
margin:0 12px 30px 0;
}

#top4 .top .img img {
border:0;
width:22px;
height:22px;
}

#top4 .top h3 {
font-size:1.6em;
line-height:1em;
color:#37596d;
padding:0.3em 0 0.3em 0;
}

#top4 .top p {
color:#6c6c6c;
font-size:1.1em;
line-height:1.3em;
}

#footer {
padding:40px 25px 20px;
clear:both;
overflow:hidden;
}

#footer p {
float:left;
font-size:1.1em;
font-weight:bold;
color:#918f8f;
padding:0.3em 0 0 0;
}

#footer a {
color:#918f8f;
text-decoration:none;
margin:0 0 0 15px;
}

#footer a:hover {
text-decoration:underline;
}

#footer .logo {
float:right;
width:93px;
height:20px;
display:block;
background:url(../images/bg_logo.png);
}

#footer .logo span {
display:none;
}