.font-default {
  font-family: Helvetica, Arial, Verdana, sans-serif; }

.font-georgia, .content .section.level1 .news ul li span {
  font-family: Georgia, sans-serif; }

.font-helvetica, .content .section.level1 .news ul li {
  font-family: 'HelveticaNeueW01-65Medi', Helvetica, Arial, Verdana, sans-serif; }

.font-avantgarde-bold {
  font-family: 'AvantGardeGothicITCW01B 731063', Helvetica, Arial, Verdana, sans-serif; }

.font-avantgarde-book {
  font-family: 'AvantGardeGothicITCW01B 731069', Helvetica, Arial, Verdana, sans-serif; }

.font-avantgarde-demi, .content .section.level1 .news label, .content .section.level1 .promos ul li h2, .content .section.level1 .promos ul li h2.bold, .content .section.level1 .promos ul li h2 span {
  font-family: 'AvantGardeGothicITCW01D 731075', Helvetica, Arial, Verdana, sans-serif; }

.font-eurostyle-demi {
  font-family: 'Eurostile LT W01 Demi', Helvetica, Arial, Verdana, sans-serif; }

.section.level1 .news ul li {
  -webkit-transition-property: transform opacity;
  -moz-transition-property: transform opacity;
  -o-transition-property: transform opacity;
  -ms-transition-property: transform opacity;
  transition-property: transform opacity;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0; }
  .section.level1 .news ul li.show {
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 1; }
  .section.level1 .news ul li.hide {
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    opacity: 0; }

.homepage-sprite, .icon-arrow, .icon-environment, .icon-protection, .icon-chat, .icon-download {
  background: url("..//img/homepage/sprite-homepage.png") no-repeat; }

.icon-arrow {
  background-position: -185px -6px;
  width: 13px;
  height: 5px; }

.icon-environment {
  background-position: -173px -16px;
  width: 27px;
  height: 19px; }

.icon-protection {
  background-position: -178px -41px;
  width: 21px;
  height: 23px; }

.icon-chat {
  background-position: -175px -69px;
  width: 24px;
  height: 20px; }

.icon-download {
  background-position: -177px -95px;
  width: 22px;
  height: 19px; }

/* Styles essential to the function of Vizio.Carousel */
.vizio-carousel {
  position: relative; }
  .vizio-carousel li {
    position: absolute;
    top: 0;
    left: 0; }

/* animation styles necessary for Vizio.Carousel's css transition capability */
.vizio-carousel .has-transition {
  -webkit-transition: -webkit-transform 0.5s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  -ms-transition: -ms-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden; }
.vizio-carousel .rt {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
.vizio-carousel .lt {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }
.vizio-carousel .no-transition.rt {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  left: 100%; }
.vizio-carousel .no-transition.lt {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  left: -100%; }

body {
  overflow-x: hidden; }

.content .marquee {
  width: 900px;
  height: 604px;
  margin: 0 auto;
  position: relative; }
  .content .marquee .widget-position {
    width: 1440px;
    height: 604px;
    position: absolute;
    top: 0;
    left: -270px;
    overflow: hidden; }
  .content .marquee .marquee-matrix {
    position: relative;
    top: 568px;
    left: 0;
    text-align: center; }
    .content .marquee .marquee-matrix li {
      background: #333;
      display: inline-block;
      zoom: 1;
      margin: 0 -1px;
      *display: inline;
      *margin: 0 1px; }
    .content .marquee .marquee-matrix a {
      display: block;
      width: 100%;
      height: 100%; }
.content .marquee-carousel-next,
.content .marquee-carousel-prev {
  position: absolute;
  top: 270px;
  z-index: 10;
  cursor: pointer; }
  .content .marquee-carousel-next.disabled,
  .content .marquee-carousel-prev.disabled {
    opacity: .5; }
.content .marquee-carousel-prev {
  left: 10px; }
  .content .marquee-carousel-prev:hover {
    background-position: -635px -95px; }
.content .marquee-carousel-next {
  right: 10px; }
  .content .marquee-carousel-next:hover {
    background-position: -691px -95px; }

/* sprite-global.png base class */
.marquee-sprites, .s-marquee-matrix-btn, .content .marquee .marquee-matrix li, .s-marquee-matrix-btn-selected, .content .marquee .marquee-matrix li.selected, .content .marquee .marquee-matrix li:hover, .s-marquee-arrow-lft, .content .marquee-carousel-prev, .s-marquee-arrow-rt, .content .marquee-carousel-next {
  background: url("..//img/global/sprite-global.png") no-repeat 0 0; }

/* marquee sprites */
.s-marquee-matrix-btn, .content .marquee .marquee-matrix li {
  background-position: -601px -7px;
  width: 14px;
  height: 14px; }

.s-marquee-matrix-btn-selected, .content .marquee .marquee-matrix li.selected, .content .marquee .marquee-matrix li:hover {
  background-position: -577px -7px;
  width: 14px;
  height: 14px; }

.s-marquee-arrow-lft, .content .marquee-carousel-prev {
  background-position: -635px -7px;
  width: 38px;
  height: 83px; }

.s-marquee-arrow-rt, .content .marquee-carousel-next {
  background-position: -691px -7px;
  width: 38px;
  height: 83px; }

.content .section {
  clear: both; }
  .content .section.level1 {
    min-height: 362px;
    padding-top: 23px; }
    .content .section.level1 .news {
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -o-border-radius: 7px;
      -ms-border-radius: 7px;
      -khtml-border-radius: 7px;
      border-radius: 7px;
      height: 43px;
      margin-bottom: 55px;
      background-color: #f3f3f3; }
      .content .section.level1 .news label {
        -moz-border-radius-topleft: 7px;
        -webkit-border-top-left-radius: 7px;
        -ms-border-top-left-radius: 7px;
        -o-border-top-left-radius: 7px;
        -khtml-border-top-left-radius: 7px;
        border-top-left-radius: 7px;
        -moz-border-radius-bottomleft: 7px;
        -webkit-border-bottom-left-radius: 7px;
        -ms-border-bottom-left-radius: 7px;
        -o-border-bottom-left-radius: 7px;
        -khtml-border-bottom-left-radius: 7px;
        border-bottom-left-radius: 7px;
        color: #353535;
        font-weight: bold;
        background-color: #eaeaea;
        text-transform: uppercase;
        display: block;
        float: left;
        font-size: 14px;
        padding: 15px 20px 13px 20px; }
      .content .section.level1 .news ul {
        overflow: hidden;
        padding-left: 15px;
        height: 43px;
        position: relative; }
        .content .section.level1 .news ul li {
          font-size: 14px;
          padding: 14px 0;
          color: #515151;
          position: absolute;
          top: -30px; }
          .content .section.level1 .news ul li span {
            padding-left: 10px;
            color: #b51a1a;
            font-style: italic; }
    .content .section.level1 .promos ul li {
      width: 190px;
      height: 245px;
      padding: 0 20px;
      color: #949494;
      text-align: center;
      position: relative;
      border-right: 1px solid #e4e4e4;
      float: left; }
      .content .section.level1 .promos ul li.first {
        padding-left: 0; }
        .content .section.level1 .promos ul li.first .action {
          padding-left: 0; }
      .content .section.level1 .promos ul li.last {
        border-right: none;
        padding: 0 0 0 20px; }
        .content .section.level1 .promos ul li.last .action {
          padding-right: 0; }
      .content .section.level1 .promos ul li h2 {
        font-size: 17px;
        padding-top: 12px;
        padding-bottom: 9px;
        color: #2f2f2f; }
        .content .section.level1 .promos ul li h2 span {
          color: #b51a1a; }
      .content .section.level1 .promos ul li p {
        font-size: 13px;
        width: 100%;
        margin: 0 auto;
        line-height: 16px; }
      .content .section.level1 .promos ul li .action {
        position: absolute;
        bottom: 1px;
        left: 0;
        width: 190px;
        padding: 0 20px; }
        .content .section.level1 .promos ul li .action a {
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -o-border-radius: 5px;
          -ms-border-radius: 5px;
          -khtml-border-radius: 5px;
          border-radius: 5px;
          display: block;
          text-decoration: none;
          margin: 0 auto;
          width: 104px;
          font-size: 12px;
          padding: 9px 3px 10px; }
          .content .section.level1 .promos ul li .action a span {
            display: block; }
  .content .section.level2 {
    background: #fcfcfc url("..//img/background-homepage-level2.png") repeat-x top left;
    min-height: 173px;
    padding-top: 23px; }
    .content .section.level2 ul li {
      color: #767676;
      width: 205px;
      height: 115px;
      padding-right: 15px;
      float: left;
      position: relative; }
      .content .section.level2 ul li.last {
        padding-right: none; }
      .content .section.level2 ul li h3 {
        color: #565656;
        font-weight: bold;
        padding-top: 3px;
        margin-bottom: 13px;
        font-size: 13px;
        width: 220px;
        text-indent: 30px; }
      .content .section.level2 ul li p {
        font-style: italic;
        padding-bottom: 15px;
        font-size: 12px;
        width: 180px; }
      .content .section.level2 ul li .action {
        position: absolute;
        bottom: 1px; }
        .content .section.level2 ul li .action a {
          text-decoration: none;
          color: #b51a1a;
          font-size: 12px;
          display: block;
          width: auto;
          font-style: italic; }
        .content .section.level2 ul li .action span {
          text-indent: -9999em;
          display: block;
          position: absolute;
          background-position: -185px -1px;
          width: 13px;
          height: 12px;
          margin-right: -17px;
          right: 0px; }