/*--------------SHARED ------------------------------*/

div.contentlist .listHeader {
    height: 27px;
    line-height: 27px;
    padding: 0 0 0 8px;
    text-transform: uppercase;
    color: #676767;
    margin-bottom: 1px;
}

div.contentInfo {
    width: 450px;
    float: left;
    margin-bottom: 10px;
    text-align: justify;
}

div.newpromo h1.mainHeader,
div.catpromo h1.mainHeader {
    color: #8CBB00;
}

.subHeader span.highlight,
.sectionHeader span.highlight {
    color: #8CBB00;
}

div.newgames,
div.catgames,
div.popular {
    border-top: 1px solid #d9d9d9;
}

div.newgames span.more,
div.catgames span.more,
div.handset span.more {
    position: relative; 
    text-align: right;
    float:right; 
    right: 2px; 
    top: 15px;
    font-size: 11px;
}


/*--------------------------- NEW PROMO MODULE -------------------------*/

div.newpromo {
    width: 493px;
    border: none;
    text-align: center;
}

div.newpromo img.preview {
    margin: 6px 10px 16px 0;
    border: 8px solid #e3e5e6;
    float: left;
}

div.newpromo div.contentlist div.contentItemWide {
    width: 346px;
    float: right;
    padding-bottom: 6px;
    position: relative;
}

div.newpromo div.contentlist .listHeader {
    width: 346px;
    color: #2d2d2d;
    font-weight: normal;
    text-transform: lowercase;
    float: right;
    border-top: 1px solid #eef8fa;
    background: #ffffff url(ttlbargame_bg.gif) right top no-repeat;
}

div.newpromo div.contentlist p.artist {
    width: 185px;
    float: left;
}

div.newpromo div.contentlist p.title a {
    width: 175px;
    clear: both;
}

div.newpromo div.controls {
    position: absolute;
    top: 0px;
    right: 10px;
}

div.newpromo div.controls img {
    padding-right: 2px;
}

div.newpromo p.contentType {
    float: left;
    display: block;
    clear: both;
}

div.newpromo p.description {
    font-size: 11px;
    line-height: 16px;
    padding: 5px 0 0 0;
}

div.newpromo .clipTextOpen, div.newpromo .clipTextClosed {
    color: #0083bf;
    cursor: pointer;
    font-size: 8pt;
    float: right;
    margin-bottom: 8px;
}


/*--------------------------- NEW GAMES MODULE -------------------------*/

div.newgames {
    width: 493px;
}

div.newgames div.contentGroup { 
    width: 493px;
    background-color: #f4f5f7;
    float: left;
    padding: 15px 0;
    border-top: 1px solid #d9d9d9;
    float: left;
}

div#newGameSlider, div#newGameSlider .sliderInner, div#newGameSlider .sliderContainer {
    height: 495px;
}

div#newGameSlider .sliderPrev, div#newGameSlider .sliderNext {
    top: 190px;
}

div.newgames div.content {
    width: 122px; 
    height: 160px;
    float: left; 
    text-align: center;
    padding-bottom: 3px;
    background-color: #f4f5f7;
}

div.newgames .headerInLine,
div.catgames .headerInLine {
    width: 450px;
}

/*--------------------------- POPULAR GAMES MODULE -------------------------*/

div.popular .sectionHeader { 
    line-height: 19px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 8px;
    border-bottom: 1px solid #E2E5E5;
}

div.popular img.preview { 
    float: right;
    border: 2px solid #bcc2c5;
    margin: 10px 0 6px 6px;
}

div.popular .featureHeader {
    line-height: 18px;
    padding: 0 0 4px 0;
    margin: 0;
}

div.popular p.description {
    font-size: 11px;
    line-height: 16px;
    padding-bottom: 15px;
}

div.popular ol { 
    margin: 0 0 0 28px;
    font-size: 11px;
    color: #75838A;
}

div.popular ol li { 
    clear: both;
    margin: 4px 0 5px 0;
    font-size: 11px;
}

div.popular ol li div.rating {
    float: right;
}

div.popular ol.popularList a.title {
    width: 127px;
    padding-right: 3px;
}


/*--------------------------- GAME TOP aka CHARTS MODULE -------------------------*/

div.toppromo {
    overflow: hidden;
    margin: 0 0 8px 0;
}

div.top .mainHeader {
    font-size: 24px;
    text-align: center;
    margin-bottom: 5px;
    color: #8cbb00;
    text-transform: uppercase;
}

div.top ul.moreCharts {
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0 20px 70px;
    margin: 0 0 6px 0;
    border-top: 1px solid #e4e5e7;
    border-bottom: 1px solid #e4e5e7;
}

div.top ul.moreCharts li {
    float: left;
    list-style-type: none;
    margin: 0 8px 0 0;
}

div.top ul.moreCharts li a, div.top ul.moreCharts li a:visited {
    color: #40a0d0;
    padding: 0 8px 0 0;
    background: url(bsline_bg.gif) right center no-repeat;
}

div.top div.toppromo ul.moreCharts li a.last {
    /* padding: 0; */ /* causes IE6 to float the footer? */
    background: none;
}

div.toppromo img.cover {
    margin: 0 12px 16px 0;
    border: 8px solid #e3e5e6;
    float: left;
}

div.toppromo p.description {
    min-height: 32px;
    height: auto !important; /* IE6 filter, i.e. only IE6 will interpret past this line */
    height: 32px; /* IE6 renders "height" as other browsers render "min-height" */
    font-size: 11px;
    color: #333333;
    line-height: 16px;
    padding: 0px 6px 5px 0;
}

div.toppromo p.description .num1 {
    height: 32px;
    font-size: 32px;
    line-height: 32px;
    color: #b0e151;
    float: left;
    padding: 0 6px 0 0;
}

div.top div.toppromo div.contentInfo {
    width: 353px;
    float: right;
}

div.top div.toppromo div.contentlist {
    width: 353px;
    float: right;
    overflow: hidden;
}

div.top div.contentlist .listHeader {
    width: 485px;
    background: #ffffff url(ttlbargame_bg.gif) right top no-repeat;
    clear: both;
}

div.top div.toppromo div.contentlist .listHeader {
    width: 346px;
    height: 26px;
    font-weight: normal;
    line-height: 26px;
    text-transform: lowercase;
    padding: 1px 0 0 7px;
    float: right;
    margin: 0 0 1px 0;
    border-top: 1px solid #eef8fa;
    background: #ffffff url(ttlbargame_bg.gif) right top no-repeat;
}

div.top div.toppromo div.contentlist p.title {
    width: 125px;
}

div.toppromo div.contentlist div.contentItemWide {
    width: 346px;
    min-height: 36px;
    height: auto !important; /* IE6 filter, i.e. only IE6 will interpret past this line */
    height: 36px; /* IE6 renders "height" as other browsers render "min-height" */
    float: right;
}

div.top div.toplist div.contentlist {
    margin-bottom: -2px;
    overflow: hidden;
}

div.top div.toplist div.contentlist .listHeader {
    background-color: #e4e5e7;
}

div.top div.toplist div.contentlist div.contentItemWide,
div.top-additional div.contentItemWide { 
    padding: 0;
    margin-bottom: 1px;
    float: left;
    background: #f4f5f7 url(thisweeklastweek_bg.gif) left 20px no-repeat;
}

div.top div.toplist div.contentlist div.contentItemWide .thumb,
div.top-additional div.contentItemWide .thumb { 
    margin: 7px 7px 7px 68px;
    float: left;
}

div.top div.toplist div.contentlist div.contentItemWide .title,
div.top-additional div.contentItemWide .title { 
    width: 154px;
    margin-top: 7px;
    float: left;
}

div.top div.toplist div.contentlist div.contentItemWide .thisweek,
div.top-additional div.contentItemWide .thisweek {  
    font-size: 26px;
    font-weight: bold;
    position: absolute;
    top: 16px;
    left: 36px;
    color: #b0e151;
    width: 25px;
    text-align: center;
}

div.top div.toplist div.contentlist div.contentItemWide .lastweek,
div.top-additional div.contentItemWide .lastweek {  
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 48px;
    left: 38px;
    color: #999999;
    width: 22px;
    text-align: center;
}

div.top div.toplist div.contentlist div.contentItemWide .new,
div.top-additional div.contentItemWide .new {  
    font-size: 12px;
}


/*--------------------------- CATPROMO MODULE -------------------------*/

div.catpromo {
    width: 493px;
    border: none;
}

div.catpromo h1.mainHeader {
    text-align: center;
}

div.catpromo img.preview {
    margin: 6px 12px 16px 0;
    border: 8px solid #e3e5e6;
    float: left;
}

div.catpromo p.description {
    font-size: 11px;
    line-height: 16px;
    padding: 0 0 5px 0;
}

div.catpromo div.contentlist div.contentItemWide {
    width: 345px;
    padding-bottom: 5px;
    float: left;
    margin-bottom: 10px;
}

div.catpromo div.contentlist .listHeader {
    width: 345px;
    font-weight: normal;
    text-transform: lowercase;
    float: left;
    border-top: 1px solid #eef8fa;
    background: #ffffff url(ttlbargame_bg.gif) right top no-repeat;
}

div.catpromo div.contentlist p.title, div.catpromo div.contentlist p.artist {
    width: 125px;
}

div.catpromo ul.exploreMore {
    font-size: 11px;
    margin: 12px 0 0 2px;
    padding: 0 0 25px 0;
}

div.catpromo ul.exploreMore li {
    float: left;
    color: #333333;
    list-style-type: none;
    margin: 0 6px 0 0;
}

div.catpromo ul.exploreMore li a, div.catpromo ul.exploreMore li a:visited {
    color: #40a0d0;
    padding: 0 6px 0 0;
    background: url(bsline_bg.gif) right center no-repeat;
}

div#col2 div.catpromo ul.exploreMore li a.last {
    padding: 0;
    background: none;
}

div.catpromo .clipTextOpen, div.catpromo .clipTextClosed {
    color: #0083bf;
    cursor: pointer;
    font-size: 8pt;
    float: right;
    margin-bottom: 8px;
}

/*--------------------------- CATGAMES MODULE -------------------------*/

div.catgames div.content {
    width: 122px; 
    height: 160px;
    float: left; 
    text-align: center;
    padding-bottom: 3px;
    background-color: #f4f5f7;
}

div#categoryGameSlider, div#categoryGameSlider .sliderInner, div#categoryGameSlider .sliderContainer {
    height: 495px;
}

div#categoryGameSlider .sliderPrev, div#categoryGameSlider .sliderNext {
    top: 190px;
}

div.catgames div.paging { 
    float: right;
    padding-top: 8px;
}

div.catgames div.contentGroup { 
    width: 488px;
    padding: 12px 2px 12px 2px;
    background-color: #f4f5f7;
    height: 100%;
    overflow: hidden;
    border-top: 1px solid #d9d9d9;
    float: left;
}

/*--------------------------- DETAILS MODULE ---------------------------*/

div.details {
    width: 492px;
}

div.details .subHeader {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

div.details .mainHeader {
    color: #8CBB00;
    text-align: center;
    font-weight: bold;
}

/* game-promo part (top) */

div.details img.preview {
    margin: 6px 12px 29px 0;
    border: 8px solid #e3e5e6;
    float: left;
}

div.details p.description {
    font-size: 11px;
    line-height: 16px;
    padding: 8px 2px 14px 4px;
}

div.details div.contentlist div.contentItemWide {
    width: 342px;
    min-height: 36px;
    height: auto !important; /* IE6 filter, i.e. only IE6 will interpret past this line */
    height: 36px; /* IE6 renders "height" as other browsers render "min-height" */
    margin-bottom: 10px;
    float: left;
}

div.details div.contentlist .listHeader {
    float: left;
    width: 342px;
    border-top: 1px solid #eef8fa;
}

div.details div.contentlist p.title, div.details div.contentlist p.artist {
    width: 125px;
}

/* tabbed part (bottom half) */

div.details ul#gametab {
    height: 23px;
    font-size: 11px;
    font-weight: bold;
    list-style: none;
    padding: 0 0 0 5px;
    margin: 0 0 27px 0;
    background: url(videotab_bg.gif) 0 3px no-repeat;
    clear: both;
}

div.details a, div.details a:visited {
    color: #0083BF;
    text-decoration: none;
}

div.details a:hover {
    text-decoration: underline;
}

div.details ul#gametab li {
    float: left;
    display: inline;
    padding: 0 0 0 0;
    background: #EEF8FA url(gtabright_bg.gif) 100% top no-repeat;
}

div.details ul#gametab li a {
    line-height: 22px;
    float: left;
    text-decoration: none;
    padding: 0 15px 0 18px;
    margin: 0 3px 0 0;
    background: #EEF8FA url(gtableft_bg.gif) left top no-repeat;
}

div.details ul#gametab li.on {
    background-color: #ffffff;
    line-height: 23px;
}

div#col2 div.details ul#gametab li.on a {
    height: 23px;
    color: #000000;
    background-color: #ffffff;
}

div.details ul#gametab li a:hover {
    height: 23px;
    color: #000000;
    background-color: #ffffff;
}

/* DETAILS specific */

div.details div.about {
    width: 450px;
    font-size: 11px;
    float: left;
    margin: 0 12px 0 0;
}

div.details div.about p {
    line-height: 16px;
    padding: 0 10px 10px 4px;
}

div.details div.preview {
    width: 180px;
    float: left;
}

div.details div.about h4,
div.details div.preview h4 {
    height: 21px;
    line-height: 21px;
    padding: 0 0 0 4px;
    margin: 0 0 5px 0;
    font-size: 11px;
    font-weight: bold;
    background: #F4F4F6;
}

div.details div.preview h4 {
    text-align: center;
    margin: 0 0 10px 0;
}

div.details div.preview div#playerVideo {
    padding: 0 4px 4px 0;
}

div.detailsdiv.preview div#playerGame {
    padding: 0 4px 4px 0;
}

/*-------------- RELATED ("you may also like" slider) MODULE ----------------*/

div.related .sectionHeader {
    border-top: 1px solid #d9d9d9;
}

div.related div#gamesSlider, div.related div#gamesSlider .sliderInner, div.related div#gamesSlider .sliderContainer {
    height: 160px;
}

div.related div#gamesRelatedSlider .sliderContainer {
    height: 170px;
}

/* ------- HANDSET - all games for your handset ------------------------------*/

div.handset .sectionHeader {
    border-top: 1px solid #d9d9d9;
}

div.handset div.contentGroup { 
    width: 493px;
    background-color: #f4f5f7;
    float: left;
    padding: 15px 0;
    border-top: 1px solid #d9d9d9;
    float: left;
}

div.handset div.content {
    width: 122px; 
    height: 170px;
    float: left; 
    text-align: center;
    padding-bottom: 3px;
    background-color: #f4f5f7;
}

div.handset div.paging { 
    float: right;
    padding-top: 8px;
}

div.handset .message { 
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #8CBB00;
    padding-bottom: 20px;
}

div.handset .message p.newphone { 
    font-size: 13px;
    color: black;
}

/* ------- HANDSET - no available games content style ------------------------------*/

body.standard3col div#col2 div.handset div.module {
    margin-left: 0px;
    margin-right: 0px;
    border-top: 1px solid #d9d9d9;
}