/* Pretty check boxes for customize check-boxes*/
/* line 3, addons/_prettyCheckable.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

/* line 8, addons/_prettyCheckable.scss */
.clearfix:after {
  clear: both; }

/* line 10, addons/_prettyCheckable.scss */
.clearfix {
  *zoom: 1; }

/* line 13, addons/_prettyCheckable.scss */
.prettycheckbox,
.prettyradio {
  display: inline-block;
  padding: 0;
  margin: 0; }

/* line 20, addons/_prettyCheckable.scss */
.prettycheckbox a,
.prettyradio a {
  width: 30px;
  height: 30px;
  background: url('../images/common/prettyCheckable-black.png') top left no-repeat;
  display: block;
  float: left;
  cursor: pointer;
  margin: 0; }

/* line 31, addons/_prettyCheckable.scss */
.prettycheckbox.green a,
.prettyradio.green a {
  background-image: url(../../images/common/prettyCheckable-green.png); }

/* line 34, addons/_prettyCheckable.scss */
.prettycheckbox.red a,
.prettyradio.red a {
  background-image: url(../../images/common/prettyCheckable-red.png); }

/* line 37, addons/_prettyCheckable.scss */
.prettycheckbox.yellow a,
.prettyradio.yellow a {
  background-image: url(../../images/common/prettyCheckable-yellow.png); }

/* line 39, addons/_prettyCheckable.scss */
.prettyradio a {
  background-position: 0 -120px; }

/* line 42, addons/_prettyCheckable.scss */
.prettycheckbox a:focus,
.prettyradio a:focus {
  outline: 0 none; }

/* line 44, addons/_prettyCheckable.scss */
.prettycheckbox a:focus {
  background-position: 0 -30px; }

/* line 45, addons/_prettyCheckable.scss */
.prettyradio a:focus {
  background-position: 0 -150px; }

/* line 47, addons/_prettyCheckable.scss */
.prettycheckbox a.checked {
  background-position: 0 -60px; }

/* line 48, addons/_prettyCheckable.scss */
.prettyradio a.checked {
  background-position: 0 -180px; }

/* line 50, addons/_prettyCheckable.scss */
.prettycheckbox a.checked:focus {
  background-position: 0 -90px; }

/* line 51, addons/_prettyCheckable.scss */
.prettyradio a.checked:focus {
  background-position: 0 -210px; }

/* line 54, addons/_prettyCheckable.scss */
.prettycheckbox label,
.prettyradio label {
  display: block;
  float: left;
  margin: 6px 5px;
  cursor: pointer; }

/**** Font standards ****/
/* XXpx */
/* 16px */
/* 14px */
/* 12px */
/************************/
/* line 19, CM003_boxedFeature.css.scss */
.multibox-container {
  max-width: 1260px;
  margin: 0 auto 60px auto;
  zoom: 1; }
  /* line 18, addons/_clearfix.scss */
  .multibox-container:before, .multibox-container:after {
    content: "";
    display: table; }
  /* line 23, addons/_clearfix.scss */
  .multibox-container:after {
    clear: both; }
  /* line 23, CM003_boxedFeature.css.scss */
  .multibox-container .multi-boxes {
    display: table;
    text-align: center;
    width: 100%; }

/* line 30, CM003_boxedFeature.css.scss */
.box-wrapper-outer {
  display: none;
  overflow: hidden;
  vertical-align: top;
  border-left: 20px solid transparent;
  width: 250px; }
  /* line 37, CM003_boxedFeature.css.scss */
  .box-wrapper-outer:first-child {
    border-left: none; }
  /* line 41, CM003_boxedFeature.css.scss */
  .box-wrapper-outer:nth-child(-n + 4) {
    display: table-cell; }

/* line 51, CM003_boxedFeature.css.scss */
.lt-ie9 .box-wrapper-outer {
  float: left;
  display: block; }
  /* line 55, CM003_boxedFeature.css.scss */
  .lt-ie9 .box-wrapper-outer .box-feature {
    width: 265px; }

/* line 61, CM003_boxedFeature.css.scss */
.box-feature {
  display: block;
  max-width: 265px;
  position: relative;
  height: 245px;
  overflow: hidden;
  text-align: left; }
  /* line 69, CM003_boxedFeature.css.scss */
  .box-feature .image-wrap {
    height: 245px;
    overflow: hidden;
    position: relative;
    width: 100%; }
    /* line 75, CM003_boxedFeature.css.scss */
    .box-feature .image-wrap img {
      left: 50%;
      margin-left: -150px;
      max-width: none;
      position: absolute;
      top: 0;
      width: 265px; }
  /* line 85, CM003_boxedFeature.css.scss */
  .box-feature .box-copy {
    -webkit-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    -ms-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
    position: absolute;
    top: 80px;
    width: 220px;
    height: 225px; }
    /* line 94, CM003_boxedFeature.css.scss */
    .box-feature .box-copy a {
      color: #363636;
      text-decoration: none; }
    /* line 100, CM003_boxedFeature.css.scss */
    .box-feature .box-copy .tag,
    .box-feature .box-copy .title,
    .box-feature .box-copy .hover-copy {
      background-color: #ffffff;
      opacity: 0.9;
      filter: alpha(opacity=90); }
    /* line 106, CM003_boxedFeature.css.scss */
    .box-feature .box-copy .tag {
      padding: 10px 20px 6px 14px;
      height: 14px;
      line-height: 14px;
      font-size: 14px;
      color: #0068bf;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      /* ie hack */
      *display: inline;
      /* ie hack */ }
    /* line 117, CM003_boxedFeature.css.scss */
    .box-feature .box-copy .title {
      height: 79px;
      padding: 10px 10px 15px 7px;
      line-height: 23px;
      font-weight: bold;
      font-size: 15px; }
    /* line 125, CM003_boxedFeature.css.scss */
    .box-feature .box-copy .hover-copy {
      padding: 8px 20px 8px 14px;
      color: #ffffff;
      height: 80px;
      background-image: url('../images/homepage/boxfeature_arrow.png');
      background-repeat: no-repeat;
      background-position: 240px 55px;
      font-size: 1.1em; }
  /* line 137, CM003_boxedFeature.css.scss */
  .no-touch .box-feature:hover {
    cursor: pointer; }
    /* line 139, CM003_boxedFeature.css.scss */
    .no-touch .box-feature:hover .box-copy {
      bottom: 0px;
      top: 0px; }
      /* line 142, CM003_boxedFeature.css.scss */
      .no-touch .box-feature:hover .box-copy a {
        color: #ffffff; }
      /* line 148, CM003_boxedFeature.css.scss */
      .no-touch .box-feature:hover .box-copy .tag,
      .no-touch .box-feature:hover .box-copy .title,
      .no-touch .box-feature:hover .box-copy .sub-title,
      .no-touch .box-feature:hover .box-copy .hover-copy {
        background-color: #1A86D6;
        color: white; }
  /* line 156, CM003_boxedFeature.css.scss */
  .box-feature .mask {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background-color: #ffffff; }
    /* line 164, CM003_boxedFeature.css.scss */
    .sonyLightGrey .box-feature .mask {
      background-color: #eeeeee; }

/* line 173, CM003_boxedFeature.css.scss */
.lt-ie8 .box-feature .box-copy .title {
  margin-top: -1px; }

/*
 * RESPONSIVE
 */
@media all and (max-width: 1320px) {
  /* line 186, CM003_boxedFeature.css.scss */
  .multibox-container {
    max-width: 940px; }

  /* line 189, CM003_boxedFeature.css.scss */
  .box-wrapper-outer:nth-child(n + 4) {
    display: none; } }
@media all and (max-width: 990px) {
  /* line 194, CM003_boxedFeature.css.scss */
  .multibox-container {
    max-width: 620px; }

  /* line 197, CM003_boxedFeature.css.scss */
  .box-wrapper-outer:nth-child(n + 3) {
    display: none; } }
/*
 * IE Responsive
 */
@media all and (max-width: 1260px) {
  /* line 208, CM003_boxedFeature.css.scss */
  .lt-ie9 .multibox-container {
    max-width: 940px; }
  /* line 211, CM003_boxedFeature.css.scss */
  .lt-ie9 .box-index-4 {
    display: none; } }
@media all and (max-width: 940px) {
  /* line 219, CM003_boxedFeature.css.scss */
  .lt-ie9 .multibox-container {
    max-width: 620px; }
  /* line 223, CM003_boxedFeature.css.scss */
  .lt-ie9 .box-index-3 {
    display: none; } }