
body {
  background: #F5DDD9 url(http://cdn.media.zylom.com/images/site/zylom/episodic/gutters.jpg) center 0px no-repeat;
  }
a {
  text-decoration: none;
}
a img {
  border: 0;
}

h2 {
  display: block;
  font-weight: bold;
  font-size: 14px;
  color: #bc5103;
}
h3 {
  display: block;
  font-weight: bold;
  font-size: 12px;
  color: #bc5103;
}
p {
  margin-bottom: 12px;
}

#breadcrumbscontainer {
    display: block;
    height: 30px;
}

.footermenuitem h3 {
  color: #A54A06;
  border-bottom: 1px dotted #A54A06;
}
.footermenuitem ul.footermenulist li a:hover {color: #FF6C00;}

#episodic_tabs {
  display: block;
  position: relative;
  height: 50px;
  padding-left: 30px;
  background: #fff url('http://cdn.media.zylom.com/images/site/zylom/episodic/container_background.png') center 36px no-repeat;
}
#episodic_leftcontent {
  float: left;
  position: relative;
  width: 528px;
  margin-right: 12px;
  margin-bottom: 20px;
}
#episodic_rightcontent {
  float: left;
  position: relative;
  width: 200px;
  margin-bottom: 20px;
}
#episodic_centercontent {
  display: block;
  position: relative;
  clear: both;
  width: 740px;
  margin-bottom: 20px;
}
#episodic_longbanner {
  display: block;
  position: relative;
  clear: both;
  width: 737x;
  height: 122px;
  margin-bottom: 20px;
}



.episodic_tab {
  float: left;
  height: 40px;
  margin-right: 3px;
  cursor: pointer; cursor: hand;
}
.episodic_tab {
  background: transparent url('http://cdn.media.zylom.com/images/site/zylom/episodic/tabs.png') 0px 0px no-repeat;
}
.episodic_tab span {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  padding: 0px 10px;
  font-size: 14px;
  font-weight: normal;
}
.episodic_tab span {
  background: transparent url('http://cdn.media.zylom.com/images/site/zylom/episodic/tabs.png') right -40px no-repeat;
  color: #7F3402;
}
.episodic_tab:hover {
  background-position: 0px -80px
}
.episodic_tab:hover span {
  line-height: 34px;
  background-position: right -120px
}
.episodic_tab-active,
.episodic_tab-active:hover {
  cursor: default;
  background-position: 0px -160px
}
.episodic_tab-active span,
.episodic_tab-active:hover span {
  line-height: 34px;
  color: #333;
  background-position: right -200px
}




.episodic_spotlightbox {
  position: relative;
  display: block;
  width: 528px;
  height: 323px;
  background: url(http://cdn.media.zylom.com/images/site/zylom/episodic/spotlight_background.gif) left top no-repeat;
}
.spotlight_promoplacer {
  display: block;
  position: absolute;
  top: 8px;
  left: 11px;
  width: 505px;
  height: 274px;
}
.spotlight_promo {
  display: block;
  position: relative;
  width: 505px;
  height: 274px;
  text-decoration: none;
  background: #ccc;
}
p.spotlight_promotitle {
  display: block;
  position: absolute;
  top: 284px;
  left: 51px;
  height: 20px;
  line-height: 20px;
  width: 431px;
  text-align: center;
}
.spotlightcorner_lu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 24px;
  height:19px;
  background: url(http://cdn.media.zylom.com/images/site/zylom/episodic/spotlight_corners.png) 0 0 no-repeat;
  z-index:5
}
.spotlightcorner_lb {
  position: absolute;
  top: 271px;
  left: 0px;
  width: 22px;
  height: 23px;
  background: url(http://cdn.media.zylom.com/images/site/zylom/episodic/spotlight_corners.png) 0 -19px no-repeat;
  z-index:5
}
.spotlightcorner_ru {
  position: absolute;
  top: 0px;
  left: 504px;
  width: 23px;
  height: 19px;
  background: url(http://cdn.media.zylom.com/images/site/zylom/episodic/spotlight_corners.png) 0 -42px no-repeat;
  z-index:5
}
.spotlightcorner_rb {
  position: absolute;
  top: 270px;
  left: 505px;
  width: 24px;
  height: 19px;
  background: url(http://cdn.media.zylom.com/images/site/zylom/episodic/spotlight_corners.png) 0 -61px no-repeat;
  z-index:5
}

.spotlight_videoplacer {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 505px;
  height: 274px;
  background: #cfc;
  z-index: 2;
}
.spotlight_videoplacer a#player {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 505px;
  height: 274px;
  text-align: center;
  margin: 0;
  z-index: 3;
}
.spotlight_videoplacer a#player img {
  margin-top: 106px;
  border: 0;
}
.spotlight_videoplacer p {
  color: #4B3140;
  margin: 0px 0px 12px 18px;
}
.spotlight_videoplacer .videolink {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 505px;
  height: 250px;
  z-index: 4;
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/video/transparent.png) 0px 0px repeat;
}
.spotlight_videoplacer .videoendlink {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 505px;
  height: 274px;
  z-index: 1000;
  background: #fcc url(http://cdn.media.zylom.com/images/site/zylom/episodic/video/transparent.png) 0px 0px repeat;
}





.episodic_introtext {
  position: relative;
  display: block;
  height: 95px;
  margin: 0px 10px 12px 10px;
}
.episodic_introtext h2 {
  padding-top: 16px;
}
.episodic_introtext a {
  color: #ff6c00;
  text-decoration: none;
}
.episodic_introtext a:hover {
  color: #A54A06;
  text-decoration: underline;
}


.episodic_box200 {
  display: block;
  position: relative;
  width: 200px;
  margin-bottom: 12px;
}
.episodic_box250 {
  float: left;
  position: relative;
  width: 250px;
  margin-bottom: 12px;
}
.episodic_boxmargin {
  margin-right: 20px;
}
.episodic_box520 {
  display: block;
  position: relative;
  clear: both;
  width: 520px;
  margin-bottom: 12px;
}

.episodic_boxheader {
  display: block;
  position: relative;
  height: 43px;
}
.episodic_boxheader h2,
.episodic_boxheader h2 a {
  margin: 0 10px;
  font-size: 14px;
  font-variant: normal;
  font-weight: normal;
  line-height: 18px;
  text-decoration: none;
  color: #7F3402;
}
.episodic_boxcontent {
  display: block;
  position: relative;
  height: 257px;
}
.episodic_boxbottom {
  display: block;
  position: relative;
  height: 14px;
}

.episodic_box200 .episodic_boxheader {background: transparent url('http://cdn.media.zylom.com/images/site/zylom/episodic/boximages/200px/white/header.png') 0px 0px no-repeat;}
.episodic_box250 .episodic_boxheader {background: transparent url('http://cdn.media.zylom.com/images/site/zylom/episodic/boximages/250px/white/header.png') 0px 0px no-repeat;}
.episodic_box520 .episodic_boxheader {background: transparent url('http://cdn.media.zylom.com/images/site/zylom/episodic/boximages/520px/white/header.png') 0px 0px no-repeat;}

.episodic_box200 .episodic_boxcontent {background: transparent url('http://cdn.media.zylom.com/images/site/zylom/episodic/boximages/200px/white/content.png') 0px 0px repeat-y;}
.episodic_box250 .episodic_boxcontent {background: transparent url('http://cdn.media.zylom.com/images/site/zylom/episodic/boximages/250px/white/content.png') 0px 0px repeat-y;}
.episodic_box520 .episodic_boxcontent {background: transparent url('http://cdn.media.zylom.com/images/site/zylom/episodic/boximages/520px/white/content.png') 0px 0px repeat-y;}

.episodic_box200 .episodic_boxfooter {background: transparent url('http://cdn.media.zylom.com/images/site/zylom/episodic/boximages/200px/white/bottom.png') 0px bottom no-repeat;}
.episodic_box250 .episodic_boxfooter {background: transparent url('http://cdn.media.zylom.com/images/site/zylom/episodic/boximages/250px/white/bottom.png') 0px bottom no-repeat;}
.episodic_box520 .episodic_boxfooter {background: transparent url('http://cdn.media.zylom.com/images/site/zylom/episodic/boximages/520px/white/bottom.png') 0px bottom no-repeat;}


.episodic_gameitem {
  float: left;
  position: relative;
  width: 230px;
  height: 240px;
  margin-left: 10px;
  overflow: hidden;
}
.episodic_gameitem .gameimage {
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 7px;
  margin-bottom: 6px;
}
.episodic_gameitem .gamelinks {
  float: left;
  width: 121px;
  margin-bottom: 6px;
  margin-top: 10px;
}
.episodic_gameitem .gamename {
  display: block;
  font-weight: bold;
  color: #A54A06;
  text-decoration: none;
  height: 35px;
  oveflow: hidden;
}

.episodic_gameitem a.gamename { color: #A54A06; margin:; }
.episodic_gameitem a.gamename:hover {color: #FF6C00;}

.episodic_gamecountdown .gamename {
  height: 49px;
}
.episodic_gameitem .gamedate {
  display: block;
  font-weight: normal;
  font-size: 10px;
  color: #A54A06;
}
.episodic_gameitem .gamedescription {
  disaply: block;
  position: relative;
  clear: both;
}

.episodic_gamecountdown {
  dispaly: block;
  float: none;
  height: 230px;
  width: 180px;
  margin-left: 10px;
  text-align: center;
}
.episodic_gamecountdown .gameimage {
  float: none;
  margin: 0px auto 0px auto;
  width: 166px;
  height: 74px;
}
.episodic_gamecountdown .gamecounter {
  dispaly: block;
  position: relative;
  width: 176px;
  margin: 0px auto 6px auto;
}
.episodic_gamecountdown .gamecounter p {
  margin-bottom: 0px;
  color: #333;
  font-weight: bold;
}
.episodic_gamecountdown .gamecounter_background {
  dispaly: block;
  position: relative;
  width: 176px;
  height: 70px;
}
.episodic_gamecountdown .gamecounter_daysleft {
  display: block;
  position: absolute;
  width: 35px;
  heigh: 53px;
  top: 7px;
  left: 26px;
}

.episodic_boxcontent .moregames {
  display: block;
  text-align: center;
}
.episodic_boxcontent .moregames a {
  color: #ff6c00;
  text-decoration: underline;
}
.episodic_boxcontent .moregames a:hover {
  color: #A54A06;
  text-decoration: underline;
}
#episodic_promo .episodic_boxcontent .moregames {
  display: none;
}


.episodic_quotes {
  position: relative;
  display: block;
  clear: both;
  width: 520px;
  height: 324px;
  margin-left: 4px;
  margin-bottom: 10px;
  background: transparent url('http://cdn.media.zylom.com/images/site/zylom/episodic/review_blokje.jpg') 0px 0px no-repeat;
}
.episodic_quotes p {
  font-size: 11px;
}
p.episodic_quote1 {
  display: none;
  position: absolute;
  top: 28px;
  left: 14px;
  width: 175px;
  height: 70px;
  color: #597cd0;
}
p.episodic_quote2 {
  display: block;
  position: absolute;
  top: 39px;
  left: 15px;
  width: 179px;
  height: 146px;
  color: #597cd0;
  font-family: "times new roman";
  font-size: 14px;
}
p.episodic_quote3 {
  display: block;
  position: absolute;
  top: 205px;
  left: 25px;
  width: 179px;
  height: 84px;
}
p.episodic_quote4 {
  display: block;
  position: absolute;
  top: 39px;
  left: 200px;
  width: 115px;
  height: 82px;
  color: #597cd0;
}
p.episodic_quote5 {
  display: block;
  position: absolute;
  top: 136px;
  left: 222px;
  width: 97px;
  height: 157px;
  font-size: 11px;
  color: #273250;
}
p.episodic_quote6 {
  display: block;
  position: absolute;
  top: 37px;
  left: 326px;
  width: 173px;
  height: 118px;
  color: #666467;
}
p.episodic_quote7 {
  display: block;
  position: absolute;
  top: 173px;
  left: 327px;
  width: 181px;
  height: 70px;
  color: #597cd0;
  font-size: 12px;
  font-style: italic;
}
p.episodic_quote8 {
  display: block;
  position: absolute;
  top: 234px;
  left: 332px;
  width: 180px;
  height: 76px;
}
.episodic_quotes p span {
  display: block;
  text-align: right;
  font-style: normal;
}



.episodic_sidead {
  display: block;
  position: relative;
  width: 200px;
  height: 323px;
  margin-bottom: 0px;
}


.episodic_smallad {
  display: block;
  position: relative;
  width: 200px;
  height: 95px;
  text-align: center;
}


.episodic_allepisodes_sidead img {
  margin-top: 7px;
}


.episodic_poll {
  display: block;
  position: relative;
  width: 200px;
  height: 316px;
  background: #fff url('http://cdn.media.zylom.com/images/site/zylom/episodic/en/poll_box.jpg') 0px 0px no-repeat;
}

.episodic_poll_content {
  display: block;
  position: relative;
  margin: 0px 15px;
  top: 90px;
}
.episodic_poll p {
  display: block;
  font-weight: bold;
  padding: 0px 0px 12px 0px;
}
ul.episodic_poll_poll {
  display: block;
  position: relative;
  margin: 0px 6px 12px 6px;
}
ul.episodic_poll_poll li {
  margin-bottom: 3px;
}



#episodic_index {
  display: block;
  position: relative;
}



#episodic_allepisodes .episodic_introtext {
  height: auto;
}

.allepisodeslist .gameslist_navigation {
  display: block;
  position: relative;
  height: 20px;
  line-height: 20px;
  padding: 0px;
  margin: 0px 20px 12px 4px;
  text-align: center;
}

.allepisodeslist .gameslist_navigation_bottom {
  display: block;
  position: relative;
  height: 20px;
  line-height: 20px;
  padding-top: 60px;
  padding-bottom: 12px;
  margin: 0px 34px 0px 15px;
}

.allepisodeslist a.previous_link,
.allepisodeslist a.next_link {
  font-weight: bold;
  color: #FF6C00;
}
.allepisodeslist a.previous_link {
  position: absolute;
  left: 0px;
}
.allepisodeslist a.next_link {
  position: absolute;
  right: 0px;
}
.allepisodeslist .no_more {
  visibility: hidden;
}
.allepisodeslist a.page_link {
  color: #FF6C00;
  padding: 0px 3px;
  font-weight: bold;
}
.allepisodeslist a.active_page {
  color: #9a9a9a;
}

.allepisodeslist .gamerow {
  display: block;
  height: 119px;
  background: #fff;
  margin: 0;
  padding: 0;
  line-height: 14px;
}
.allepisodeslist .row_even {
  background: #fff url('http://cdn.media.zylom.com/images/site/zylom/episodic/allgamesitembackground.png') 0px 0px no-repeat;
  width: 520px;
}
.allepisodeslist .row_uneven {
  background: #fff;
}

.allepisodeslist .rowcontent {
  display: block;
  position: relative;
  width: 500px;
  height: 105px;
  top: 10px;
  left: 9px;
}
.allepisodeslist .rowcontent .gameimage {
  float: left;
  width: 120px;
  height: 90px;
  margin-top: 4px;
  margin-right: 10px;
  position: relative;
}
.allepisodeslist .gamename {
  display: block;
  height: 19px;
}
.allepisodeslist .gamename img {
  float: left;
  height: 19px;
  margin-right: 4px;
}
.allepisodeslist .gamename a {
  float: left;
  height: 19px;
  line-height: 19px;
  font-weight: bold;
  font-size: 12px;
}
.allepisodeslist .gamename a {color: #A54A06;}
.allepisodeslist .gamename a:hover {color: #FF6C00;}

.allepisodeslist .gamedescription {
  display: block;
  height: 45px;
  overflow: hidden;
}
.allepisodeslist .gamebuttons .button {
  float: left;
  margin-right: 6px;
}



.resultsort {
  display: block;
  position: relative;
  height: 36px;
  margin-top: 20px;
}
.sortby_txt{
  float: left;
  position: relative;
  font-size: 11px;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  text-align: left;
  margin-left: 10px;
  margin-right: 6px;
  color: #757575;
}
#selectiondropdown,
#selectiondropdown2 {
  float: left;
  position: relative;
  width: 180px;  
  z-index: 10;
}
#selectiondropdown2 {
  float: right;
}
#selectbox_value,
#selectbox_value2 {
    display: block;
    width: 170px;
    height: 20px !important;
    height: 22px;
    cursor: pointer;
    border: 1px solid #ccc;
}
#selectbox_value,
#selectbox_value2 {
    background: #fff url(http://cdn.media.zylom.com/images/site/zylom/arrowbutton_green.gif) right 0px no-repeat;
}
.selectbox_selected,
.selectbox_selected2 {
    display: block;
    float: left;
    margin: 0;
    padding: 1px 6px 0px 2px;
}
#selectbox_list,
#selectbox_list2 {
    position: absolute;
    width: 172px;
    _width: 170px;
    top: 22;
    left: 0;
    background: #fff;
}
ul.selectbox_options {
    margin: 0;
    padding: 4px 0px 2px 0px;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #ccc;
}
ul.selectbox_options li {
    display: block;
    margin: 0;
    padding: 0;
    background: none;
}
ul.selectbox_options li a {
    display: block;
    margin: 0;
    height: 13px;
    padding: 2px 4px;
    text-decoration: none;
}
ul.selectbox_options li a:hover {
    color: #000;
    background: #ccc;
    text-decoration: none;
}


.resultpaging {
  display: block;
  position: relative;
  height: 50px;
  margin: 0px 10px;
}
.displayNxtPrvepisodic {
  display: block;
  float: none;
  height: 20px;
  line-height: 20px;
  margin: 0px 0px 12px 5px;
}
.displayNxtPrvLowepisodic {
  display: block;
  float: none;
  height: 20px;
  line-height: 20px;
  padding-top: 60px;
  padding-bottom: 12px;
  margin: 0px 10px 0px 15px;
}
.pagelist {
  display: block;
  position: relative;
  margin: 0px 90px;
  text-align: center;
  color: #FF6C00;
}

.pagelist span {
  padding: 0px 3px;
  font-weight: bold;
}
.pagelist a {
  padding: 0px 3px;
  font-weight: bold;
  color: #FF6C00;
}
.pagelist a:hover {
  color: #a54a06;
}

.pagelist span.activepage {
  color: #9a9a9a;
  font-weight: bold;
}
.pagelist a.activepage {
  color: #9a9a9a;
  font-weight: bold;
}
.pagelist_prev a,
.pagelist_next a {
  font-weight: bold;
  color: #FF6C00;
  text-decoration: none;
}
.pagelist_prev a:hover,
.pagelist_next a:hover {
  color: #a54a06;
  text-decoration: none;
}

.pagelist_prev {
  float: left;
}
.pagelist_next {
  float: right;
  margin-right: 15px;
}



#episodic_aboutepisodic {

}
#episodic_aboutepisodic .episodic_introtext {
  position: relative;
  display: block;
  height: auto;
  margin: 0px 10px 36px 10px;
}

#episodic_aboutepisodic .characterbox_1 {
  display: block;
  position: relative;
  clear: both;
  margin: 0px auto 10px auto;
  width: 358px;
  height: 285px;
  background: #fff url(http://cdn.media.zylom.com/images/site/zylom/episodic/moreinfopage/box_1.jpg) 50px 60px no-repeat;
}
#episodic_aboutepisodic .characterbox_2 {
  float: left;
  position: relative;
  margin: 0px 11px 10px 11px;
  width: 242px;
  height: 198px;
  background: #fff url(http://cdn.media.zylom.com/images/site/zylom/episodic/moreinfopage/box_2.jpg) 31px 15px no-repeat;
}
#episodic_aboutepisodic .characterbox_3 {
  float: left;
  position: relative;
  margin: 0px 4px 4px 4px;
  width: 167px;
  height: 146px;
  background: #fff url(http://cdn.media.zylom.com/images/site/zylom/episodic/moreinfopage/box_3.jpg) 26px 8px no-repeat;
}
#episodic_aboutepisodic .characterbox_4 {
  float: left;
  position: relative;
  margin: 0px 0px 5px 0px;
  width: 132px;
  height: 60px;
  background: #fff url(http://cdn.media.zylom.com/images/site/zylom/episodic/moreinfopage/box_4.jpg) 13px 17px no-repeat;
}

#episodic_aboutepisodic .characterbox_1 .characterinfo {
  display: block;
  position: absolute;
  top: 73px;
  left: 90px;
  width: 255px;
  height: 176px;
  overflow: hidden;
}
#episodic_aboutepisodic .characterbox_2 .characterinfo {
  display: block;
  position: absolute;
  top: 26px;
  left: 68px;
  width: 162px;
  height: 138px;
  overflow: hidden;
}
#episodic_aboutepisodic .characterbox_2 .characterinfo p {
  line-height: 15px;
}
#episodic_aboutepisodic .characterbox_3 .characterinfo {
  display: block;
  position: absolute;
  top: 17px;
  left: 50px;
  width: 107px;
  height: 100px;
  overflow: hidden;
}
#episodic_aboutepisodic .characterbox_3 .characterinfo p {
  font-size: 10px;
  line-height: 11px;
}
#episodic_aboutepisodic .characterbox_4 .characterinfo {
  display: block;
  position: absolute;
  top: 23px;
  left: 46px;
  width: 82px;
  height: 26px;
  overflow: hidden;
}
#episodic_aboutepisodic .characterimage {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}
#episodic_aboutepisodic .episodic_tellafriend img {
  height: 307px;
  margin-top: 0px;
}
#episodic_aboutepisodic .bigsurprise_sticker {
  float: right;
  width: 122px;
  height: 116px;
}
#episodic_aboutepisodic .bigsurprise_sticker img {
  border: 0;
  margin: 0; padding: 0;
}



#episodic_moredelicious .price {
  float: right;
  margin-top: 2px;
  width: 115px;
  line-height: 18px;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  color: #B96034;
}


.review_intro{
  margin-left: 10px;
  margin-bottom: 30px;
}
.review_intro h1{
  color: #BC5103;
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.review_holder {
  margin-left: 10px;
  margin-bottom: 20px;
}



#episodic_promo {
  display: block;
  position: relative;
}



#episodic_gamepage #episodic_leftcontent_top {
  float: left;
  position: relative;
  width: 204px;
  margin-right: 22px;
  margin-bottom: 20px;
}
#episodic_gamepage #episodic_rightcontent_top {
  float: left;
  position: relative;
  width: 500px;
  margin-bottom: 20px;
}
#episodic_gamepage #episodic_leftcontent_bottom {
  float: left;
  position: relative;
  width: 204px;
  margin-right: 12px;
  margin-bottom: 20px;
}
#episodic_gamepage #episodic_rightcontent_bottom {
  float: left;
  position: relative;
  width: 522px;
  margin-bottom: 20px;
}

#episodic_gamepage h2.header_gamename {
  display: block;
  position: relative;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
  color: #333;
}
#episodic_gamepage h3.header_gamegenre {
  display: block;
  position: relative;
  font-weight: bold;
  font-size: 13px;
  line-height: 15px;
  color: #a54a06;
  margin-bottom: 12px;
}
#episodic_gamepage h3 {
  display: block;
  position: relative;
  font-weight: bold;
  font-size: 11px;
  color: #a54a06;
  margin-bottom: 0px;
}

a.gamepage_button {
  display: block;
  position: relative;
  margin: 0px auto 0px auto;
  width: 202px;
  height: 52px;
  background: #fcc;
}
a.gamepage_button_orange {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/buttons/delicious_buttons/button_orange_big/button_orange.png) 0px 0px no-repeat;}
a.gamepage_button_green {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/gamepagebutton_green.png) 0px 0px no-repeat;}
a.gamepage_button_purple {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/gamepagebutton_purple.png) 0px 0px no-repeat;}
a.gamepage_button:hover {
  background-position: 0px -52px;
}
a.gamepage_button.gamepage_button_orange:hover {
  background-position: 0px -56px;
}
.gamepage_button div {
  display: block;
  padding-top: 2px;
  margin: 0px 10px;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #333;
}
.gamepage_button div span {
  display: block;
  font-size: 9px;
  line-height: 9px;
  font-weight: normal;
  color: #333;
}
.gamepage_button span.moreinfo_tooltip {
  display: block;
  position: absolute;
  top: 5px;
  right: 6px;
  width: 16px;
  height: 16px;
  text-indent: -100000px;
}
a.gamepage_button_orange span.moreinfo_tooltip {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/btn_orange_info.png) 0px 0px no-repeat;}
a.gamepage_button_green span.moreinfo_tooltip {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/btn_green_info.png) 0px 0px no-repeat;}
a.gamepage_button_purple span.moreinfo_tooltip {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/btn_purple_info.png) 0px 0px no-repeat;}

.gamepage_button .tooltip {
  display: none;
  font-size: 11px;
  line-height: 15px;
  width: 100px;
  height: 100px;
  z-index: 10000;
  background: transparent;
}
.gamepage_button .tooltip_horiz {
  width: 345px;
  height: 187px;
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/tooltip_horiz.png) no-repeat;
}
.gamepage_button .tooltip_verti {
  width: 227px;
  height: 244px;
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/tooltip_verti.png) no-repeat;
}

.gamepage_button .tooltip div {
  disply: block;
  position: relative;
  color: #5F5F5F;
  font-size: 11px;
  line-height: 15px;
  font-weight: normal;
}
.gamepage_button .tooltip_horiz div {
  margin: 8px 18px 0px 18px;
}
.gamepage_button .tooltip_verti div {
  margin: 8px 18px 12px 46px;
}

li.moreinfo .tooltip {
  display: none;
  font-size: 10px;
  width: 100px;
  height: 100px;
  z-index: 10000;
  width: 227px;
  height: 244px;
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/tooltip_verti.png) no-repeat;
}
li.moreinfo .tooltip div {
  disply: block;
  position: relative;
  color: #5F5F5F;
  font-size: 11px;
  line-height: 15px;
  font-weight: normal;
  margin: 8px 12px 12px 38px;
}

a.gamepage_button_squaredownload,
a.gamepage_button_squarebuy,
a.gamepage_button_squareplay,
a.gamepage_button_squareplayfree {
  display: block;
  position: relative;
  margin: 0px auto 12px auto;
  width: 151px;
  height: 151px;
  text-indent: -10000px;
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/en/button_downloadnow.png) 0px 0px no-repeat;
}
  a.gamepage_button_squarebuy {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/en/button_buynow.png) 0px 0px no-repeat;}
  a.gamepage_button_squareplay {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/en/button_playnow.png) 0px 0px no-repeat;}
  a.gamepage_button_squareplayfree {background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/en/button_playforfree.png) 0px 0px no-repeat;}

a.gamepage_button_squaredownload:hover,
a.gamepage_button_squarebuy:hover,
a.gamepage_button_squareplay:hover,
a.gamepage_button_squareplayfree:hover {
  background-position: 0px -151px;
}

.gamepage_button_inactive {
  display: block;
  position: relative;
  margin: 0px auto 12px auto;
  width: 202px;
  height: 52px;
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/gamepagebutton_orange.png) 0px 0px no-repeat;
}
.gamepage_button_inactive span {
  display: block;
  position: relative;
  width: 202px;
  height: 52px;
  text-indent: -10000px;
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/pre-overlay/en/sticker1.png) center center no-repeat;
}

.gamepage_button_squaredownload_inactive {
  display: block;
  position: relative;
  margin: 0px auto 12px auto;
  width: 210px;
  height: 151px;
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/en/button_downloadnow.png) center 0px no-repeat;
}
.gamepage_button_squaredownload_inactive span {
  display: block;
  position: relative;
  width: 210px;
  height: 151px;
  text-indent: -10000px;
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/pre-overlay/en/sticker1.png) center center no-repeat;
}

.gamepage_purchasetext b,
.gamepage_button div span b {
  white-space: nowrap;
}

.gamepage_gameimage {
  display: block;
  position: relative;
  width: 201px;
  height: 245px;
  margin-bottom: 12px;
  text-indent: -10000px;
}
.gamepage_gameimage_overlay {
  display: block;
  position: relative;
  width: 201px;
  height: 245px;
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/mask_big.png) 0px 0px no-repeat;
}
ul.gamepage_purchasetext {
  display: block;
  position: relative;
  margin: 0px 6px;
}
ul.gamepage_purchasetext li {
  font-size: 11px;
  color: #333;
  padding-left: 8px;
  margin-bottom: 12px;
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/ico_arrow.png) 0px 4px no-repeat;
}
ul.gamepage_purchasetext li a {
  color: #ff6c00;
  text-decoration: underline;
}
ul.gamepage_purchasetext li a:hover {
  color: #a54a06;
  text-decoration: underline;
}
ul.gamepage_purchasetext li.moreinfo {
  padding: 15px 0px 0px 0px;
  background: none;
  color: #ff6c00;
  cursor: hand; cursor: pointer;
  text-decoration: underline;
}
#episodic_rightcontent_top ul.gamepage_purchasetext {
  margin-left: 145px;
}
#episodic_rightcontent_top ul.gamepage_purchasetext li {
  margin-bottom: 6px;
}

.gamepage_screenshots {
  display: block;
  position: relative;
  margin-bottom: 12px;
}
.gamepage_screenshot {
  float: left;
  position: relative;
  width: 122px;
  height: 100px;
  margin-right: 24px;
}
.gamepage_screenshot_overlay {
  display: block;
  position: relative;
  width: 122px;
  height: 100px;
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/mask_small.png) 0px 0px no-repeat;
}

.gamepage_characters {
  display: block;
  position: relative;
  margin-bottom: 12px;
}
.gamepage_characters img {
  float: left;
  position: relative;
  width: 103px;
  height: 88px;
  margin-right: 20px;
  background: #fcc;
}

.gamepage_videobox {
  display: block;
  position: relative;
  width: 522px;
  height: 307px;
  background: #fff url(http://cdn.media.zylom.com/images/site/zylom/episodic/gamepage/gamepage_videoblock.jpg) 0px 0px no-repeat;
}
.gamepage_videoplacer {
  display: block;
  position: relative;
  top: 17px;
  left: 8px;
  width: 505px;
  height: 274px;
  background: #000;
}
.gamepage_videoplacer a#player {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 505px;
  height: 274px;
  text-align: center;
  margin: 0;
  z-index: 900;
}
.gamepage_videoplacer a#player img {
  margin-top: 106px;
  border: 0;
}
.gamepage_videoplacer p {
  color: #4B3140;
  margin: 0px 0px 12px 18px;
}
.gamepage_videoplacer .videolink {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 505px;
  height: 250px;
  z-index: 1000;
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/video/transparent.png) 0px 0px repeat;
}
.gamepage_videoplacer .videoendlink {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 505px;
  height: 274px;
  z-index: 1000;
  background: #fcc url(http://cdn.media.zylom.com/images/site/zylom/episodic/video/transparent.png) 0px 0px repeat;
}



.game {
  float: left;
  width: 499px;
  height: 80px;
}
.game_bg {
  float: left;
  width: 499px;
  height: 80px;
  background: #fff url(http://cdn.media.zylom.com/images/site/zylom/episodic/bg_games.jpg) 0px 0px no-repeat;  
}
.game img {
  float: left;
  height: 60px;
  width: 60px;
  padding: 10px 10px 0 10px;
}
.game h1 {
  color: #FF7000;
  font-size: 13px;
  float: left;
  padding-top: 10px;  
  width: 415px;
}
p.episodic_superpackintro {
  padding-bottom: 20px;
}
.episodic_superpackheader {
  padding-top: 40px; 
  padding-left: 10px;
}
.gamepage_superpack_pp a {
  color: #FF6C00;
  text-decoration: underline;
}
.gamepage_superpack_pp a:hover {
  color: #A54A06;
}



#funpass_singlecontent {
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/funpass/background.jpg) no-repeat;
}
#funpass_singlecontent .text_benefits ul li {
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/funpass/arrow.jpg) 0 6px no-repeat;
}
#funpass_singlecontent h3 {
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/funpass/h3.png) 0px 13px no-repeat;
}
#funpass_singlecontent h3 span {
  background: transparent url(http://cdn.media.zylom.com/images/site/zylom/episodic/funpass/h3.png) right 20px no-repeat;
  color: #FE6D02;
}




.clearer {
  display: block;
  posion: relative;
  clear: both;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
}



.episodic_gameitem a .gamename { color: #A54A06; margin:; }
.episodic_gameitem a .gamename:hover {color: #FF6C00;}

