/* line 1, CM010_boxCarousel.css.scss */
.boxCarousel {
  position: relative;
  margin: 0px auto;
  max-width: 1024px;
  min-width: 500px; }
  /* line 7, CM010_boxCarousel.css.scss */
  .boxCarousel .button-div {
    text-align: center;
    margin: -100px 0 60px 0;
    display: block;
    position: relative;
    z-index: 1; }
    /* line 14, CM010_boxCarousel.css.scss */
    .lt-ie8 .boxCarousel .button-div {
      z-index: -1; }
  @media screen and (max-width: 850px) {
    /* line 1, CM010_boxCarousel.css.scss */
    .boxCarousel {
      max-width: 500px; } }
  @media screen and (max-width: 1024px) {
    /* line 1, CM010_boxCarousel.css.scss */
    .boxCarousel {
      width: 765px; } }
  @media screen and (min-width: 1350px) {
    /* line 1, CM010_boxCarousel.css.scss */
    .boxCarousel {
      width: 970px; } }
  /* line 33, CM010_boxCarousel.css.scss */
  .boxCarousel .caroufredsel_wrapper {
    height: auto;
    margin: 0!important;
    padding-right: 20px!important; }
  /* line 39, CM010_boxCarousel.css.scss */
  .boxCarousel .pages {
    text-align: right;
    margin: 20px 15px 15px 0; }
	#blogCarousal.boxCarousel .pages {
    text-align: center;
    margin: 20px 15px 15px 0; }
	
    /* line 42, CM010_boxCarousel.css.scss */
    .boxCarousel .pages a {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 1px 1px 1px 10px;
      vertical-align: middle;
      text-indent: -9999px;
      background: #666;
      text-decoration: none;
      text-align: left;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
      /* line 60, CM010_boxCarousel.css.scss */
      .boxCarousel .pages a.selected {
        background: #0068bf;
        width: 12px;
        height: 12px;
        margin: 0 0 0 10px; }
      /* line 67, CM010_boxCarousel.css.scss */
      .boxCarousel .pages a:hover {
        background: #0068bf; }
  /* line 75, CM010_boxCarousel.css.scss */
  .boxCarousel ul {
    margin: 20px!important;
    padding: 0;
    list-style: none;
    display: block; }
    /* line 82, CM010_boxCarousel.css.scss */
    .boxCarousel ul li {
      display: block;
      float: left;
      width: 256px;
      max-width: 256px;
      position: relative; }
      /* line 92, CM010_boxCarousel.css.scss */
      .boxCarousel ul li .game-tile-hover .background {
        width: 220px; }
      /* line 98, CM010_boxCarousel.css.scss */
      .boxCarousel ul li a {
        text-decoration: none;
        display: block;
        margin: 0 auto;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
        /* line 111, CM010_boxCarousel.css.scss */
        .boxCarousel ul li a .shadow {
          margin-bottom: 5px;
          height: 143px;
          background: url(../images/CM010_boxCarousel/shadow.png) center bottom no-repeat; }
          /* line 117, CM010_boxCarousel.css.scss */
          .boxCarousel ul li a .shadow .icon {
            position: relative;
            width: 238px;
            height: 133px; }
            /* line 123, CM010_boxCarousel.css.scss */
            .boxCarousel ul li a .shadow .icon div {
              margin: 5px 10px;
              width: 218px;
              height: 123px; }
        /* line 137, CM010_boxCarousel.css.scss */
        .boxCarousel ul li a:hover .shadow {
          padding-bottom: 5px;
          margin-bottom: 0; }
          /* line 144, CM010_boxCarousel.css.scss */
          .boxCarousel ul li a:hover .shadow .icon div {
            margin: 0;
            width: 100%;
            height: 100%; }
        /* line 155, CM010_boxCarousel.css.scss */
        .boxCarousel ul li a span {
          margin: 0 0 0 10px;
          text-align: left;
          color: #3a3a3a;
          font-size: 1.1em; }
        /* line 164, CM010_boxCarousel.css.scss */
        .boxCarousel ul li a h2 {
          margin: 0 0 0 10px;
          text-align: left;
          color: #3a3a3a;
          font-size: 1.4em;
          line-height: 25px; }
  /* line 183, CM010_boxCarousel.css.scss */
  .boxCarousel .prev, .boxCarousel .next {
    position: absolute;
    top: 110px;
    width: 52px;
    height: 52px;
    text-indent: -9999px;
    z-index: 10; }
    /* line 190, CM010_boxCarousel.css.scss */
    .boxCarousel .prev.disabled, .boxCarousel .next.disabled {
      display: none!important; }
  /* line 196, CM010_boxCarousel.css.scss */
  .boxCarousel .prev {
    left: -15px;
    background: url(../images/CM010_boxCarousel/arrows.png) left top no-repeat; }
  /* line 200, CM010_boxCarousel.css.scss */
  .boxCarousel .next {
    right: -25px;
    background: url(../images/CM010_boxCarousel/arrows.png) right top no-repeat; }

/* line 210, CM010_boxCarousel.css.scss */
.lt-ie8 .boxCarousel .prev, .lt-ie8 .boxCarousel .next {
  top: 107px; }

/* line 215, CM010_boxCarousel.css.scss */
#gamescarousel {
  margin: -60px auto; }

/* line 218, CM010_boxCarousel.css.scss */
#feature_542238 {
  margin-top: 40px; }

/* line 221, CM010_boxCarousel.css.scss */
.container-block {
  background-color: #fff;
  height: 124px;
  margin: 0 20px; }
  /* line 226, CM010_boxCarousel.css.scss */
  .container-block div {
    
    width: 220px;
    float: left;
    height: 124px; }

	 .boxCarousel .blogPrev, .boxCarousel .blogNext{top:314px;}
.boxCarousel .blogPrev{left:88%}
.boxCarousel .blogNext{right:0px}