

html, body, table {
    font-size: 11px;
    font-weight: normal;
    font-family: arial;
    color: #333333;
    text-align: center;
}

body {
    background: #94d2e4 url(http://cdn.media.zylom.com/images/partner/xobi/backgroundgradient.jpg) top center repeat-x;
}

a {
    color: #333333;
    text-decoration: none;
}
a:hover {
    color: #5caee0;
    text-decoration: underline;
}
.xobi_footer a {
    text-decoration: underline;
}

.xobi_maincontainer {
    position:relative;
    display: block;
    width: 780px;
    background-color: #DEDEDE;
    margin: 0 auto;
    text-align: left;
}
.xobi_center {
    width: 780px;
    margin: 0px 0px 0px 0px;
    padding: 0;
    padding-bottom: 10px;
    background-color: #DEDEDE;
}

.xobi_rightbar {
    float: left;
    margin-left: 0px;
    width: 190px;
}

.xobi_footer {
    display: block;
    clear: both;
    width: 780px;
    text-align: center;
    margin: 0 auto;
    padding: 15px 0px 14px 0px;
    background-color: #dedede;
}
.xobi_footer a {
    color:#0C617B;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:bold;
}
.xobi_footer a:hover {color:#D04719;}

.clearer {
    display: block;
    clear: both;
    font-size: 0;
    line-height: 0;
}

.mongo {
  display: block;
  width: 336px;
  height: 280px;
  margin-right: 3px;
  float: right;
  background-color: #DEDEDE;
}


.menu {
    position: absolute;
    top: 73px;    
    left: 3px;
    margin: 0;
    padding: 0;
}
a.navigation {
    display: block;
    float: left;
    height: 21px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;    
    width: 100px;
}
a:hover.navigation {
    background-color: #0C607A;
    text-decoration: none;
}
.navigation span {
    display: block;
    text-align: center;
    padding-top: 3px;
}
.navactive {
    background-color: #0C607A;
}
.subnavigation {
    float: left;
    padding-top: 4px;
}
a.subnavitem {
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}


.spotlightbox {
    position: relative;
    width: 430px;
}
.spotlightbox_top {
    position: relative;
    height: 23px;
    padding: 5px 0 0 15px;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box430_header.jpg) top center no-repeat;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}
.spotlightbox_content {
    position: relative;
    display: block;
    width: 400px;
    height: 180px;
    margin: 0;
    padding: 15px 15px 0px 15px;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box430_content.jpg) top center repeat-y;
}
.spotlightbox_bottom {
    position: relative;
    display: block;
    height: 55px;
    font-size: 0;
    line-height: 0;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box430_footer.jpg) bottom center no-repeat;
}

#featuredbox {
    position: relative;
    display: block;
    width: 430px;
    margin: 0px 0px 0px 5px;
    padding: 0;
}
.promofeature {
    display: block;
    height: 180px;
    overflow: hidden;
}
.promofeatureimage, .promofeatureimage a, .promofeatureimage a:hover {
    float: left;
    width: 218px;
    height: 180px;
    margin: 0px 10px 10px 0px;
}
a.promofeaturetitle {
    display: block;    
    overflow: hidden;
    height: 28px;
    margin: 0;
    padding: 0;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-bottom: 5px;
}
a:hover.promofeaturetitle {
    color: #52AAC2;
}
.promofeaturedescription {    
    height: 70px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.promofeaturebottomlinks {
    display: block;
}
    
a.promofeaturebottomlinkgreen {
    display: block;
    width: 156px;
    height: 27px;
    padding-top: 8px;
    color: #576C2B;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/button_green.jpg) 0px 0px no-repeat;
    text-decoration: none;
}
a.promofeaturebottomlinkblue {
    display: block;
    width: 156px;
    height: 27px;
    padding-top: 8px;
    color: #135A76;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/button_blue.jpg) 0px 0px no-repeat;
    text-decoration: none;
}
.spotlightlinks {
    position: absolute;
    right: 26px;
    bottom: 0px;
}

.featurebuttons {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 10;
}
td.inactivelink0,
td.inactivelink1,
td.inactivelink2,
td.inactivelink3,
td.inactivelink4,
td.activelink0,
td.activelink1,
td.activelink2,
td.activelink3,
td.activelink4 {
    width: 81px;
    height: 37px;    
    color: #000000;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    font-size: 16px;    
}

td.inactivelink0 {background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/featurebutton_left.gif) 0px 0px no-repeat;}
td.inactivelink1,
td.inactivelink2,
td.inactivelink3 {background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/featurebutton.gif) 0px 0px no-repeat;}
td.inactivelink4 {background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/featurebutton_right.gif) 0px 0px no-repeat;}

td.inactivelink0:hover {background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/featurebutton_left.gif) 0px -37px no-repeat;}
td.inactivelink1:hover,
td.inactivelink2:hover,
td.inactivelink3:hover {background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/featurebutton.gif) 0px -37px no-repeat;}
td.inactivelink4:hover {background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/featurebutton_right.gif) 0px -37px no-repeat;}

td.activelink0 {background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/featurebutton_left.gif) 0px -74px no-repeat;}
td.activelink1, 
td.activelink2,
td.activelink3 {background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/featurebutton.gif) 0px -74px no-repeat;}
td.activelink4 {background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/featurebutton_right.gif) 0px -74px no-repeat;}


.glbox {
    display: block;
    float: left;
    margin: 0px 6px 12px 6px;
    _margin: 0px 4px 12px 4px;    
    width: 264px;
    background-color: #fff;
}
.glboxheader {
    display: block;
    margin: 0;
    padding:0px 0px 6px 0px;
}
.glboxheader a {
    color: #5caee0;
    font-size: 12px;    
    text-transform: uppercase;
}
.glboxheader a:hover {
    color: #333;
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    margin-left: 6px;
    line-height: 1em;
    }
    li.glitem {        
        margin: 0px 0px 4px 0px;
        margin: 0px 0px 2px 0px\9;
        padding: 0;
        height: 25px;
        background: none;
        list-style-type: none;
        }    
    
span.glgameimg {
    display: block;
    float: left;   
    margin-right: 5px;    
    width: 25px;
    height: 25px;
    border: 0;
}
span.glgamename {
    display: block;
    float: left;
    width: 93px;
    height: 23px;
    margin: 0;    
    overflow: hidden;
}
.glgamename a {
    color: #215C7A;
}
.glgamename a:hover {
    color: #5caee0;
}
.glgameplayer {
    float: right;
    width: 30px;
    padding-right: 10px;
    text-align: right;
    color: #215C7A;
}

.glmoregames {
    margin: 12px 17px 0px 17px;
    padding: 0;
    height: 22px;
    background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/button_bluethin.jpg) 0px 0px no-repeat;
}
.glmoregames a {
    display: block;
    padding-top: 1px;
    color: #136678;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
}
.glmoregames a:hover {
    color: #333;
}


.sortgamesitem {
    display: block;
    position: relative;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #d4d4d4;
}
    .moregamessort {display: block;}
    .moregamesdisplaynumber {float: left;}
    .moregamesnext {float: right; padding-right: 10px;}

    .moregamessort, .moregamesdisplaynumber, .moregamesnext {font-size: 12px; line-height: 20px;}    
    .moregamessort a, .moregamesdisplaynumber a, .moregamesnext a {color: #808080;}
    .moregamessort a:hover, .moregamesdisplaynumber a:hover, .moregamesnext a:hover {color: #5caee0;}    

    a.active, a:hover.active {font-weight: bold; color: #333;}

.moregamesitem {
    display: block;
    position: relative;
    padding: 5px 10px;   
}
.moregamedescription {
    display: block;
    width: 380px;
    height: 100px;
    overflow: hidden;
    border-right: 1px solid #d4d4d4;
    padding-right: 10px;
    font-size: 14px;
    }
    .moregamedescription a img {
        display: block;
        float: left;
        margin-right: 6px;
        border: 0;
    }
    .moregamedescription .gamedescription {
        display: block;
    }
.moregamedownload {
    display: block;
    float: right;
    width: 156px;
    height: 100px;
    margin: 0;
    padding: 0;
}
a.greenbutton {
    display: block;
    width: 156px;
    height: 30px;
    padding-top: 8px;
    color: #576C2B;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    }
    a.greenbuttonwhitebg {background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/button_green.jpg) 0px 0px no-repeat;}
    a.greenbuttonbluebg {background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/button_green_bluebackgr.jpg) 0px 0px no-repeat;}


.gamepage_content {
    display: block;
    background-color: #fcc;
}
.gamepageleft {
    display: block;
    float: left;
    width: 210px;
    margin: 0;
    padding: 0;
}
.gamepagegameimg {
    margin-bottom: 18px;    
}
.gameinfobuttons {
    text-align: center;
    width: 156px;
    padding-left: 20px;
}
a.bigbutton {
    display: block;
    width: 143px;
    height: 19px;
    margin: 0px auto 6px auto;
    padding: 5px 0px 0px 6px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/bigbutton.gif) 0px -24px no-repeat;
    text-decoration: none;
}
a:hover.bigbutton {
    background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/bigbutton.gif) 0px 0px no-repeat;
    text-decoration: none;
}
.gamepageright {
    display: block;
    float: right;
    width: 530px;
    padding-top: 2px;
    padding-right: 10px;
}
.gamepageheader {
    display: block;
    width: 537px;
    height: 21px;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    padding: 2px 0px 0px 10px;
    background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/gamepageheader.jpg) 0px 0px no-repeat;
}
p.gamepagegametitle {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0;
    color: #5caee0;
    font-weight: bold;
    font-size: 13px;
    line-height: 12px;
}
p.gamepagegamecategory {
    display: block;
    margin: 0px 0px 8px 0px;
    padding: 0;
    font-size: 11px;    
    }
    p.gamepagegamecategory a {color: #808080;}
    p.gamepagegamecategory a:hover {color: #5caee0;}    
p.gamepagegamedescription {
    display: block;
    margin: 0px 0px 12px 0px;
    padding: 0;
}
ul.gamepagebenefits li {
    display: block;
    margin-bottom: 5px;
    padding-left: 18px;
    height: 17px;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/listbullet.jpg) 0px 0px no-repeat;
}
.screenshotimg { margin: 0px 26px; }
.alsolike {
    display: block;
    width: 80px;
    float: left;
    margin: 0px 12px;    
    text-align: left;
    color: #000000;
    font-size: 12px;
}


.onlinegamepageleft {
    display: block;
    float: left;
    width: 200px;
    margin: 0;
    padding: 0;
    padding-top: 15px;
    padding-left: 20px;
}
.onlinegamepageright {
    display: block;
    float: left;
    width: 322px;
    padding-top: 2px;    
}
.onlinegamepageheader {
    display: block;
    width: 312px;
    height: 21px;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    padding: 2px 0px 0px 10px;
    background: transparent url(http://cdn.media.zylom.com/images/partner/xobi/gamepageheader_small.jpg) 0px 0px no-repeat;
}
.onlinegamepagegameimg {    
    padding-bottom: 20px;
    padding-left: 4px;
}
.onlinegamepagebutton {
    text-align: center;
    width: 156px;
    padding: 0;    
}
.onlinealsolike {
    display: block;
    width: 70px;
    float: left;
    margin: 0px 18px;
    text-align: left;
    color: #000000;
    font-size: 12px;
}
.onlinescreenshotimg { margin: 0px 7px; }


.listleft {
    float: left; 
    width: 170px;
}
.listright {
    float: right; 
    width: 180px;
}


ul.list li {
    display: block;
    height: 25px;
    margin: 0px 0px 4px 0px;
    margin: 0px 0px 2px 0px\9;
    padding: 0;
}
ul.list li span.imglink {
    display: block;
    float: left;
    border: 0;
    height: 25px;
    width: 25px;
    margin: -1px 5px 0px 0px;
}
ul.list li span.imglinkrightbar {
    display: block;
    float: left;
    border: 0;
    height: 25px;
    width: 25px;
    margin: -1px 5px 0px 0px;
}
span.textlinkrightbar {
    float: right;
    display: block;
    overflow: hidden;
    height: 24px;
    padding-top: 1px;
    width: 143px;
}

span.textlink {
    height: 25px;
    overflow: hidden;    
    float: right;
    width: 134px;
}
span.top10textlink {
    height: 25px;
    overflow: hidden;
    float: right;
    width: 119px;    
}
.top10listnumber {
    float: left;
    width: 15px;
    color: #215C7A;
    font-size: 12px;
    padding-top: 7px;
}


.box189 {
    position: relative;
    display: inline-block;
    float: left;
    width: 189px;
    margin-left: 5px;
    background-color: #DEDEDE;
}
    .xobi_rightbar .box189 {margin: 0px 0px 5px 0px}
    
.box189_top {
    position: relative;
    height: 23px;
    padding: 5px 0 0 15px;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box189_header.jpg) top center no-repeat;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}
.box189_content {
    position: relative;
    display: block;
    width: 179px;
    height: 180px;
    margin: 0;
    padding: 5px 5px 0px 5px;
    overflow: hidden;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box189_content.jpg) top center repeat-y;
}
.box189_bottom {
    position: relative;
    display: block;
    height: 20px;
    font-size: 0;
    line-height: 0;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box189_footer.jpg) bottom center no-repeat;
}

a.category_header {
    color: #ffffff;
    text-decoration: none;
}
a.category_header:hover {
    color: #ffffff;
    text-decoration: underline;
}


.box385 {
    position: relative;
    display: inline-block;
    float: left;
    width: 385px;
    margin-left: 5px;
}
.box385_top {
    position: relative;
    height: 23px;
    padding: 5px 0 0 15px;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box385_header.jpg) top center no-repeat;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}
.box385_topgreen {background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box385_greenheader.jpg) top center no-repeat;}
.box385_content {
    position: relative;
    display: block;
    width: 375px;
    height: 180px;
    margin: 0;
    padding: 5px 5px 0px 5px;
    overflow: hidden;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box385_content.jpg) top center repeat-y;
}
.box385_bottom {
    position: relative;
    display: block;
    height: 20px;
    font-size: 0;
    line-height: 0;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box385_footer.jpg) bottom center no-repeat;
}


.box385b {
    position: relative;
    display: inline-block;
    float: left;
    width: 385px;
    margin-left: 5px;
}
.box385b_top {
    position: relative;
    height: 23px;
    padding: 5px 0 0 15px;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box385_header.jpg) top center no-repeat;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}
.box385b_topgreen {background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box385_greenheader.jpg) top center no-repeat;}
.box385b_content {
    position: relative;
    display: block;
    width: 375px;
    height: 150px;
    margin: 0;
    padding: 5px 5px 0px 5px;
    overflow: hidden;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box385_content.jpg) top center repeat-y;
}
.box385b_bottom {
    position: relative;
    display: block;
    height: 20px;
    font-size: 0;
    line-height: 0;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box385_footer.jpg) bottom center no-repeat;
}





.box582 {
    position: relative;
    width: 582px;
}
.box582_top {
    position: relative;
    height: 23px;
    padding: 5px 0 0 15px;    
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}
.box582_topgreen {background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box582_greenheader.jpg) top center no-repeat;}
.box582_topblue {background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box582_header.jpg) top center no-repeat;}
.box582_content {
    position: relative;
    display: block;
    width: 572px;
    height: auto;
    margin: 0;
    padding: 5px 5px 0px 5px;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box582_content02.jpg) top center repeat-y;
}
.box582_bottom {
    position: relative;
    display: block;
    height: 20px;
    font-size: 0;
    line-height: 0;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box582_footer.jpg) bottom center no-repeat;
}


.box778 {
    position: relative;
    width: 778px;
    margin-left: 2px;
    background-color: #DEDEDE;
}
.box778_top {
    position: relative;
    height: 23px;
    padding: 5px 0 0 15px;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box778_header.jpg) top center no-repeat;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}
.box778_content {
    position: relative;
    display: block;
    width: 758px;
    height: auto;
    margin: 0;
    padding: 5px 10px 0px 10px;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box778_content.jpg) top center repeat-y;
}
.box778_bottom {
    position: relative;
    display: block;
    height: 20px;
    font-size: 0;
    line-height: 0;
    background: #fff url(http://cdn.media.zylom.com/images/partner/xobi/box778_footer.jpg) bottom center no-repeat;
}




.zylom_promobanner { margin-bottom:20px; overflow:hidden; height:233px; }
.promosticker_categorypage { float:left; }
.promosticker_gamepage { position:relative; left:70px; top:0; }




.clearfix:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
    }
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
