.site-spectrum {
  font-family: "proxima_nova", Arial;
  /*---------------------------------------
  NAV
  ---------------------------------------*/
  /*---------------------------------------
  BREADCRUMBS TOP
  ---------------------------------------*/
  /*---------------------------------------
  CANON.COM.AU DROPDOWN
  ---------------------------------------*/
  /*---------------------------------------
  CAROUSEL
  ---------------------------------------*/
  /*---------------------------------------
  HOME PAGE CHOOSE
  ---------------------------------------*/
  /*---------------------------------------
  HOME PAGE CHOOSE - TRAY
  ---------------------------------------*/
  /*---------------------------------------
  CAROUSEL CONTENT PANELS
  ---------------------------------------*/ }
  .site-spectrum .main {
    background: #b7bcc1; }
  .site-spectrum.bg-white .main {
    background: white; }
  .site-spectrum.bg-capture .main {
    background: url("../images/Desktop/bg-spectrum-capture.png") repeat-x scroll 0 0 #b7bcc1; }
  .site-spectrum.bg-create .main {
    background: url("../images/Desktop/bg-spectrum-create.png") repeat-x scroll 0 0 #b7bcc1; }
  .site-spectrum.bg-challenges .main {
    background: url("../images/Desktop/bg-spectrum-challenges.png") repeat-x scroll 0 0 #b7bcc1; }
  .site-spectrum.bg-home .main {
    background: url("../images/Desktop/bg-spectrum-home.png") repeat-x scroll 0 0 #b7bcc1; }
  .site-spectrum .bg-main-menu {
    background: #3B3C44;
    float: left;
    width: 100%; }
    .site-spectrum .bg-main-menu .logo-spectrum {
      display: block;
      float: left;
      height: 62px;
      width: 222px; }
    .site-spectrum .bg-main-menu .main-nav {
      background: #3D3E46;
      float: left;
      height: auto;
      left: 0;
      padding: 8px 0 1px;
      position: relative;
      width: 740px; }
      .site-spectrum .bg-main-menu .main-nav a {
        color: #fff;
        border-bottom: 3px solid #3D3E46;
        padding: 15px 20px; }
        .site-spectrum .bg-main-menu .main-nav a.selected, .site-spectrum .bg-main-menu .main-nav a:hover {
          border-bottom: 3px solid #C60000; }
    .site-spectrum .bg-main-menu .center {
      background: #3B3C44;
      position: relative; }
  .site-spectrum .bg-sub-menu {
    background: #1E2027;
    clear: both; }
  .site-spectrum .sub-menu li a {
    border-bottom: 3px solid #1E2027; }
    .site-spectrum .sub-menu li a.selected {
      border-bottom: 3px solid #CC0000; }
  .site-spectrum .breadcrumbs {
    float: left; }
    .site-spectrum .breadcrumbs li a {
      background: #a3a0ad; }
      .site-spectrum .breadcrumbs li a:hover {
        background: #8e8b99; }
  .site-spectrum .canon-dropdown {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "proxima_nova_rgbold", Arial; }
    .site-spectrum .canon-dropdown .btn-dropdown {
      background: url("../images/Desktop/bg-spectrum-canon-dropdown.png") no-repeat scroll 0 0 transparent;
      color: #FFFFFF;
      display: block;
      font-size: 13px;
      height: 22px;
      left: 2px;
      padding: 1px 0 0 15px;
      position: relative;
      width: 128px; }
    .site-spectrum .canon-dropdown ul {
      background: url("../images/Desktop/bg-spectrum-canon-dropdown.png") no-repeat scroll 0 bottom transparent;
      display: none;
      left: 2px;
      list-style: none outside none;
      margin: 0;
      padding: 0 0 4px;
      position: absolute;
      top: 20px;
      width: 141px; }
      .site-spectrum .canon-dropdown ul li a {
        background: url("../images/Desktop/bg-spectrum-canon-dropdown.png") no-repeat scroll 0 -67px transparent;
        color: #FFFFFF;
        cursor: pointer;
        display: block;
        font-family: "proxima_nova", Arial;
        font-size: 13px;
        height: 17px;
        padding: 9px 0 9px 15px;
        width: 126px; }
        .site-spectrum .canon-dropdown ul li a:hover {
          background-position: 0 -33px; }
  .site-spectrum .carousel-container {
    background: #0b0c19; }
    .site-spectrum .carousel-container .carousel {
      margin: 0 auto; }
  .site-spectrum .spectrum-choose-container {
    background: url("../images/Desktop/bg-choosespectrum.jpg") no-repeat scroll 0 0 transparent;
    background-size: 100% 100%;
    height: 470px;
    position: relative;
    margin: 0 0 30px;
    width: 828px; }
    .site-spectrum .spectrum-choose-container.active .btn {
      color: #aaa;
      opacity: .6; }
    .site-spectrum .spectrum-choose-container .header-domore {
      color: #FFFFFF;
      font-family: "proxima_nova_ltregular", Arial;
      font-size: 33px;
      font-weight: lighter;
      left: 330px;
      line-height: 1;
      position: absolute;
      top: 171px;
      width: 215px; }
      .site-spectrum .spectrum-choose-container .header-domore span {
        font-family: "proxima_nova_rgbold", Arial; }
    .site-spectrum .spectrum-choose-container .btn {
      background: url("../images/Desktop/sprite-spectrum-actions.png") no-repeat scroll 0 0 transparent;
      color: #FFFFFF;
      cursor: pointer;
      display: block;
      font-size: 11px;
      height: 58px;
      padding: 19px 0 0 105px;
      position: absolute;
      text-transform: uppercase;
      width: 85px;
      font-family: "proxima_nova_ltbold", Arial;
      z-index: 3; }
      .site-spectrum .spectrum-choose-container .btn:hover {
        font-size: 14px;
        line-height: 1.1;
        color: #fff;
        opacity: 1; }
      .site-spectrum .spectrum-choose-container .btn.selected {
        z-index: 3;
        color: #fff;
        opacity: 1; }
    .site-spectrum .spectrum-choose-container .btn-challenge {
      background-position: 0 0;
      left: 127px;
      top: 82px; }
    .site-spectrum .spectrum-choose-container .btn-learn {
      background-position: 0 -177px;
      height: 68px;
      left: 342px;
      padding: 43px 0 0 113px;
      top: 24px; }
    .site-spectrum .spectrum-choose-container .btn-idea {
      background-position: 0 -542px;
      left: 557px;
      padding: 36px 0 0 72px;
      top: 72px;
      width: 90px; }
    .site-spectrum .spectrum-choose-container .btn-take-a-shot {
      background-position: 0 -670px;
      left: 624px;
      padding: 27px 0 0 87px;
      top: 177px;
      width: 100px; }
    .site-spectrum .spectrum-choose-container .btn-store {
      background-position: 0 -786px;
      left: 553px;
      top: 279px;
      width: 117px; }
    .site-spectrum .spectrum-choose-container .btn-edit {
      background-position: 0 -443px;
      left: 342px;
      padding: 27px 0 0 83px;
      top: 307px;
      width: 113px; }
    .site-spectrum .spectrum-choose-container .btn-print {
      background-position: 0 -321px;
      left: 118px;
      padding: 28px 0 0 85px;
      top: 267px;
      width: 115px; }
    .site-spectrum .spectrum-choose-container .btn-share-stories {
      background-position: 0 -92px;
      left: 55px;
      padding: 11px 0 0 100px;
      top: 181px;
      width: 106px; }
    .site-spectrum .spectrum-choose-container .overlay-for-hover {
      background: url("../images/Desktop/spectrum-choose-overlay.png") no-repeat scroll 0 0 transparent;
      background-size: 100% 100%;
      display: none;
      height: 385px;
      position: relative;
      width: 100%;
      z-index: 2; }
    .site-spectrum .spectrum-choose-container .explain {
      font-family: Arial;
      color: #f1f1f1;
      font-size: 12px;
      position: absolute;
      text-align: center;
      top: 395px;
      width: 100%; }
  .site-spectrum .spectrum-tray {
    display: none;
    position: relative;
    top: -115px;
    margin-bottom: -80px;
    width: 828px; }
    .site-spectrum .spectrum-tray .tray-header {
      padding: 19px 0 25px;
      background: url("../images/Desktop/spectrum-tray.png") no-repeat scroll 0 0 #2d394d; }
      .site-spectrum .spectrum-tray .tray-header h3, .site-spectrum .spectrum-tray .tray-header p {
        font-family: "proxima_nova_ltregular", Arial;
        color: #FFFFFF;
        font-size: 25px;
        font-weight: lighter;
        margin: 14px 0 10px;
        text-align: center; }
      .site-spectrum .spectrum-tray .tray-header p {
        font-size: 12px;
        line-height: 1.6;
        margin: 0 auto;
        width: 490px; }
    .site-spectrum .spectrum-tray .panels {
      background: #F0F1F2;
      padding: 20px 0 0; }
      .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container {
        overflow: hidden;
        padding: 0 0 20px;
        width: 100%; }
        .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container .section-title {
          font-family: "proxima_nova_rgbold", Arial;
          background: #2D394D;
          color: #FFFFFF;
          float: left;
          font-size: 11px;
          padding: 8px 10px 6px;
          text-transform: uppercase; }
        .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container .content-panel .image-container {
          clear: both; }
          .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container .content-panel .image-container a {
            top: 0; }
        .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container .jcarousel-container .jcarousel-clip {
          background: url("../images/Desktop/spectrum-ruler.png") repeat-x scroll 0 bottom transparent;
          left: -4px;
          overflow: hidden;
          width: 835px; }
        .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container .jcarousel-container .jcarousel-prev, .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container .jcarousel-container .jcarousel-next {
          top: 375px; }
        .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container .jcarousel-container .jcarousel-prev {
          left: 26px; }
        .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container .jcarousel-container .jcarousel-next {
          right: 20px; }
        .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container .jcarousel-control {
          top: 9px; }
        .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container .spectrum-carousel {
          list-style: none outside none;
          margin: 0;
          overflow: hidden;
          padding: 0;
          position: relative;
          left: -4px;
          min-width: 843px; }
          .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container .spectrum-carousel .content-panel {
            background-position: 0 26px;
            background-size: 279px 279px;
            margin: 0 3px 15px 0; }
            .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container .spectrum-carousel .content-panel.last {
              padding-right: 0;
              margin-right: 0; }
        .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container .btn-more {
          cursor: pointer;
          font-family: "proxima_nova_rgbold", Arial;
          background: url("../images/Desktop/sprite-spectrum-tray-arrows.png") no-repeat scroll right 2px transparent;
          color: #2D394D;
          float: left;
          font-size: 11px;
          margin: 18px 0 2px 20px;
          padding: 0 10px 0 0;
          text-transform: uppercase; }
          .site-spectrum .spectrum-tray .panels .spectrum-traypanel-container .btn-more:hover {
            color: #cc0000;
            background-position: right -46px; }
  .site-spectrum .carousel-content-container {
    overflow: hidden;
    width: 837px; }
    .site-spectrum .carousel-content-container .jcarousel-prev,
    .site-spectrum .carousel-content-container .jcarousel-next {
      top: 297px; }
    .site-spectrum .carousel-content-container .jcarousel-prev {
      left: 0; }
    .site-spectrum .carousel-content-container .jcarousel-next {
      right: 9px; }
    .site-spectrum .carousel-content-container .jcarousel-control {
      top: -12px; }

/*---------------------------------------
RECENT ACTIVITY
---------------------------------------*/
.recent-activity-container {
  margin: 0 0 30px; }
  .recent-activity-container ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 20px; }
    .recent-activity-container ul li {
      font-family: "proxima_nova_ltregular", Arial;
      background: url("../images/Desktop/bullet-recent-activity.png") no-repeat scroll 0 8px transparent;
      color: #C8C8C8;
      font-size: 13px;
      font-style: italic;
      line-height: 1.6;
      margin: 0 0 10px;
      padding: 0 11px; }
      .recent-activity-container ul li a {
        color: #C8C8C8; }
        .recent-activity-container ul li a:hover {
          text-decoration: underline; }

/*---------------------------------------
SIDE LOGIN
---------------------------------------*/
.btn-login-side {
  background: url("../images/Desktop/ico-login.png") no-repeat scroll 0 center #656871;
  color: #FFFFFF;
  display: block;
  font-size: 15px;
  padding: 19px 0 19px 75px; }
  .btn-login-side span {
    font-family: "proxima_nova_rgbold", Arial; }

/*---------------------------------------
CONTENT PANEL ADD-ON
---------------------------------------*/
.content-panel .image-container .status {
  color: #FFFFFF;
  font-size: 11px;
  font-family: "proxima_nova_rgbold", Arial;
  left: 10px;
  padding: 3px 7px 1px;
  position: absolute;
  text-transform: uppercase;
  top: 13px;
  z-index: 2; }
  .content-panel .image-container .status.viewed {
    background-color: #00cc7d; }
  .content-panel .image-container .status.progress, .content-panel .image-container .status.gear-in-action {
    background-color: #ffc000; }
  .content-panel .image-container .status.new {
    background-color: #cc0000; }
.content-panel .image-container .fb-container {
  position: absolute;
  left: 10px;
  top: 144px; }
.content-panel .image-container .comment-container,
.content-panel .image-container .like-container {
  background: url("../images/Desktop/sprite-comment-like-counter.png") no-repeat scroll right top transparent;
  color: #FFFFFF;
  font-family: "proxima_nova_rgbold", Arial;
  font-size: 10px;
  float: left;
  padding: 3px 24px 1px 8px;
  text-transform: uppercase;
  margin: 0 1px 0 0;
  z-index: 2; }
.content-panel .image-container .like-container {
  background-position: right -19px; }

/*---------------------------------------
COMMUNITY LANDING FILTERS
---------------------------------------*/
.item-tutorial .iwanto-container {
  /*TODO CHANGE THIS WHEN TEMPLATE NAME IS READY*/
  background: url("../images/Desktop/bg-i-want-to-filter.jpg"); }

.iwanto-container {
  background: url("../images/Desktop/bg-i-want-to-filter.jpg") no-repeat scroll 0 0 transparent;
  color: #FFFFFF;
  padding: 120px 0 0;
  margin: 0 0 20px;
  position: relative;
  width: 827px; }
  .iwanto-container h3 {
    font-family: "proxima_nova_ltregular", Arial;
    font-size: 30px;
    font-weight: lighter;
    top: 40px;
    left: 20px;
    position: absolute; }
  .iwanto-container .filters {
    height: 67px;
    left: 334px;
    position: absolute;
    top: 15px;
    width: 480px; }
    .iwanto-container .filters .sort-container {
      color: #FFFFFF;
      float: right;
      font-size: 14px;
      width: 210px; }
      .iwanto-container .filters .sort-container label {
        margin: 0 10px 0 0; }
      .iwanto-container .filters .sort-container .btn-filter-time,
      .iwanto-container .filters .sort-container .btn-filter-popularity {
        background: url("../images/Desktop/sprite-sort.png") no-repeat scroll -95px -43px transparent;
        color: #FFFFFF;
        cursor: pointer;
        padding: 0 0 0 19px;
        width: 50px; }
        .iwanto-container .filters .sort-container .btn-filter-time.selected,
        .iwanto-container .filters .sort-container .btn-filter-popularity.selected {
          background-position: -95px 1px;
          color: #a5a5a5; }
      .iwanto-container .filters .sort-container .btn-filter-popularity {
        background-position: 0 -43px;
        margin: 0 15px 0 0;
        width: 62px; }
        .iwanto-container .filters .sort-container .btn-filter-popularity.selected {
          background-position: 0 1px;
          color: #a5a5a5; }
    .iwanto-container .filters .filter {
      font-family: "proxima_nova_ltregular", Arial;
      color: #333333;
      cursor: pointer;
      float: left;
      font-size: 18px;
      height: 30px;
      margin: 35px 0 0 19px;
      width: 461px; }
  .iwanto-container .slider {
    background: #191722;
    display: none;
    padding: 0 0 20px 335px;
    overflow: hidden; }
    .iwanto-container .slider .col-topics,
    .iwanto-container .slider .col-themes {
      float: left;
      overflow: hidden;
      width: 240px; }
      .iwanto-container .slider .col-topics h4,
      .iwanto-container .slider .col-themes h4 {
        font-size: 18px;
        font-family: "proxima_nova_ltbold", Arial;
        margin: 0 0 5px; }
      .iwanto-container .slider .col-topics ul,
      .iwanto-container .slider .col-themes ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        .iwanto-container .slider .col-topics ul li,
        .iwanto-container .slider .col-themes ul li {
          margin-bottom: 3px; }
          .iwanto-container .slider .col-topics ul li a,
          .iwanto-container .slider .col-themes ul li a {
            cursor: pointer;
            font-family: "proxima_nova_ltregular", Arial;
            color: #FFFFFF;
            font-size: 14px;
            text-decoration: none; }
            .iwanto-container .slider .col-topics ul li a:hover,
            .iwanto-container .slider .col-themes ul li a:hover {
              text-decoration: underline; }
    .iwanto-container .slider .btn-reset {
      font-family: "proxima_nova_ltbold", Arial;
      cursor: pointer;
      border: 1px solid #020202;
      background: #4d4f58;
      color: #FFFFFF;
      float: right;
      margin: 15px 17px 0 0;
      font-size: 13px;
      padding: 0 13px 0 4px; }
      .iwanto-container .slider .btn-reset span {
        background: url("../images/Desktop/sprite-arrows-1.png") no-repeat scroll right -281px;
        padding: 7px 12px;
        display: block; }
      .iwanto-container .slider .btn-reset:hover {
        background: #3c3d45;
        border: solid 1px #000; }

/*---------------------------------------
MANAGE LANDING PAGE SECTIONS
---------------------------------------*/
.pnl-manage {
  overflow: hidden;
  padding: 20px 0;
  width: 100%; }
  .pnl-manage .side-image {
    float: left;
    text-align: center;
    width: 270px;
    padding: 0 25px 0 0; }
  .pnl-manage .content {
    float: left;
    width: 435px; }
  .pnl-manage h3 {
    font-size: 22px;
    font-family: "proxima_nova_ltbold", Arial; }
  .pnl-manage .desc {
    font-family: "proxima_nova_ltregular", Arial;
    font-size: 12px; }
    .pnl-manage .desc p {
      margin: 0 0 10px; }
    .pnl-manage .desc a {
      color: #cc0000;
      text-decoration: None; }

/*---------------------------------------
VIDEO NAV
---------------------------------------*/
.nav-video-container {
  position: relative; }
  .nav-video-container .btn-prev,
  .nav-video-container .btn-next {
    background: url(../images/Desktop/sprite-arrows-1.png) no-repeat 0 0;
    cursor: pointer;
    display: block;
    height: 33px;
    position: absolute;
    top: 0;
    width: 27px; }
  .nav-video-container .btn-prev {
    background-position: 6px -710px;
    left: 772px; }
    .nav-video-container .btn-prev:hover {
      background-position: 6px -827px; }
  .nav-video-container .btn-next {
    background-position: 7px -772px;
    left: 799px; }
    .nav-video-container .btn-next:hover {
      background-position: 7px -872px; }
  .nav-video-container .prev-video,
  .nav-video-container .next-video {
    font-family: "proxima_nova", Arial;
    color: #FFFFFF;
    display: none;
    font-size: 10px;
    height: 12px;
    opacity: 0.9;
    overflow: hidden;
    padding: 8px 14px 8px 8px;
    position: absolute;
    right: 26px;
    text-transform: uppercase;
    top: 4px;
    z-index: 2; }
  .nav-video-container .prev-video {
    background: url(../images/Desktop/bg-video-prev.png) no-repeat right 0; }
  .nav-video-container .next-video {
    background: url("../images/Desktop/bg-video-next.png") no-repeat scroll 0 0 transparent;
    left: 24px;
    right: auto; }

.no-touch .tutorial-container .tutorial-overlay .btn-play-again {
  background: url("../images/Desktop/sprite-icons.png") no-repeat scroll 0 -1220px transparent;
  background-color: none;
  padding: 13px 0 0 27px;
  height: 40px;
  width: 300px;
  text-indent: 0; }
.no-touch .tutorial-container .tutorial-overlay .bg-translucent {
  opacity: 0.8; }

.tutorial-container {
  position: relative;
  clear: both;
  padding: 0 10px 0 0; }
  .tutorial-container .video-container {
    height: 470px;
    width: 827px; }
  .tutorial-container .tutorial-overlay {
    display: none;
    left: 0;
    padding: 36px 0 0;
    position: absolute;
    top: 0;
    width: 827px;
    z-index: 2; }
    .tutorial-container .tutorial-overlay .bg-translucent {
      background: #0C0C0F;
      height: 470px;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .tutorial-container .tutorial-overlay h3 {
      font-family: "proxima_nova_ltbold", Arial;
      color: #FFFFFF;
      font-size: 18px;
      margin: 0 0 10px;
      position: relative; }
    .tutorial-container .tutorial-overlay .gear {
      float: left;
      height: 284px;
      margin: 0 90px 0 35px;
      overflow: hidden;
      width: 320px; }
      .tutorial-container .tutorial-overlay .gear .item {
        color: #fff;
        margin: 0 0 11px;
        font-size: 12px;
        position: relative; }
        .tutorial-container .tutorial-overlay .gear .item .image-container {
          float: left;
          margin: 0 21px 0 0;
          width: 85px; }
          .tutorial-container .tutorial-overlay .gear .item .image-container a {
            background: url("../images/Desktop/bg-product-gradient.png") repeat scroll 0 0 transparent;
            background-size: 100% 100%;
            /*must be in seperate line for safari*/
            display: block;
            height: 76px;
            line-height: 0.5;
            text-align: center;
            width: 85px; }
            .tutorial-container .tutorial-overlay .gear .item .image-container a img {
              margin: 5px 0 0; }
        .tutorial-container .tutorial-overlay .gear .item .desc {
          float: left;
          width: 210px; }
          .tutorial-container .tutorial-overlay .gear .item .desc h4 {
            height: 32px;
            margin: 3px 0 0;
            overflow: hidden;
            position: relative; }
            .tutorial-container .tutorial-overlay .gear .item .desc h4 a {
              font-family: "proxima_nova_ltbold", Arial;
              bottom: 0;
              color: #FFFFFF;
              display: block;
              font-size: 12px;
              left: 0;
              position: absolute; }
          .tutorial-container .tutorial-overlay .gear .item .desc p {
            font-family: "proxima_nova_ltregular", Arial;
            height: 30px;
            line-height: 1.2;
            overflow: hidden;
            position: absolute;
            top: 36px; }
    .tutorial-container .tutorial-overlay .related {
      float: left;
      width: 270px; }
      .tutorial-container .tutorial-overlay .related .nano {
        height: 370px;
        padding: 0 30px 0 0; }
      .tutorial-container .tutorial-overlay .related .nano > .pane > .slider {
        background-color: #ccc; }
      .tutorial-container .tutorial-overlay .related .item {
        margin: 0 0 30px; }
        .tutorial-container .tutorial-overlay .related .item a {
          display: block;
          height: 123px;
          margin: 0 0 7px;
          overflow: hidden; }
        .tutorial-container .tutorial-overlay .related .item .title {
          color: #FFFFFF;
          font-size: 10px;
          line-height: 1.3;
          text-transform: uppercase;
          width: 250px; }
    .tutorial-container .tutorial-overlay .btn-play-again {
      font-family: "proxima_nova_rgbold", Arial;
      background: url("../images/Desktop/watch-again.gif") no-repeat scroll 0 0;
      color: #FFFFFF;
      cursor: pointer;
      display: block;
      font-size: 13px;
      width: 127px;
      left: 37px;
      height: 25px;
      position: absolute;
      text-transform: uppercase;
      top: 400px;
      z-index: 23333;
      text-indent: -2000px; }

/*---------------------------------------
BELOW VIDEO SECTION 
---------------------------------------*/
.comments-container {
  background: #FFFFFF;
  margin: 0 10px 30px 0;
  min-height: 100px;
  padding: 49px 0 20px 40px;
  position: relative; }
  .comments-container .col-left {
    float: left;
    width: 560px;
    padding: 0 37px 0 0; }
    .comments-container .col-left .title {
      font-size: 38px;
      font-family: "proxima_nova_ltregular", Arial;
      margin: 0 0 8px; }
    .comments-container .col-left .profile {
      margin: 0 0 20px;
      overflow: hidden;
      width: 100%; }
      .comments-container .col-left .profile .picture {
        float: left;
        width: 50px;
        margin: 0 12px 0 0; }
      .comments-container .col-left .profile .desc {
        float: left;
        width: 240px;
        font-family: Arial;
        font-size: 10px;
        padding: 3px 0 0; }
    .comments-container .col-left .comment {
      float: left;
      font-size: 12px;
      line-height: 1.5;
      padding: 0 0 10px;
      width: 480px; }
    .comments-container .col-left h2 {
      font-size: 30px;
      font-family: "proxima_nova_ltregular", Arial;
      font-weight: lighter;
      margin: 20px 0 0; }
    .comments-container .col-left textarea {
      border: solid 1px #999;
      padding: 10px;
      font-size: 14px;
      font-family: "proxima_nova", Arial;
      margin: 0 0 7px;
      width: 534px; }
    .comments-container .col-left .btn-submit-comment,
    .comments-container .col-left .btn-discard {
      cursor: pointer;
      font-family: "proxima_nova_rgbold", Arial;
      color: #FFFFFF;
      display: block;
      float: right;
      font-size: 10px;
      margin: 0 0 10px 4px;
      padding: 2px 4px 1px;
      text-transform: uppercase; }
      .comments-container .col-left .btn-submit-comment:hover,
      .comments-container .col-left .btn-discard:hover {
        background: #000; }
    .comments-container .col-left .btn-submit-comment {
      background: #cc0000; }
    .comments-container .col-left .btn-discard {
      background: #babfc4; }
    .comments-container .col-left .comment-row .picture {
      float: left;
      width: 50px;
      margin: 0 12px 0 0;
      text-align: center;
      font-family: "proxima_nova_ltbold", Arial;
      font-size: 12px; }
  .comments-container .col-right {
    float: left;
    width: 190px; }
  .comments-container .social-container {
    background: #f5f5f5;
    padding: 12px 0;
    text-align: center;
    margin: 0 0 25px; }
    .comments-container .social-container .addthis_toolbox .addthis_separator,
    .comments-container .social-container .addthis_toolbox .at300b,
    .comments-container .social-container .addthis_toolbox .at300bo,
    .comments-container .social-container .addthis_toolbox .at300m,
    .comments-container .social-container .addthis_toolbox .at300bs {
      float: none;
      display: inline-block;
      padding: 0; }
      .comments-container .social-container .addthis_toolbox .addthis_separator span,
      .comments-container .social-container .addthis_toolbox .at300b span,
      .comments-container .social-container .addthis_toolbox .at300bo span,
      .comments-container .social-container .addthis_toolbox .at300m span,
      .comments-container .social-container .addthis_toolbox .at300bs span {
        margin: 0; }
    .comments-container .social-container .ruler {
      background: #FFFFFF;
      border-bottom: 1px solid #D8D9DB;
      height: 1px;
      margin: 0 0 10px; }
    .comments-container .social-container .tutorial-likes {
      font-family: "proxima_nova_rgbold", Arial;
      background: url("../images/Desktop/sprite-icons.png") no-repeat scroll right -1284px transparent;
      display: inline;
      font-size: 14px;
      height: 20px;
      margin: 0 auto;
      padding: 2px 22px 0 0;
      text-align: right;
      text-transform: uppercase; }
    .comments-container .social-container h4.share {
      color: #777777;
      font-family: "proxima_nova_ltregular", Arial;
      font-size: 11px;
      margin: 6px  0; }
    .comments-container .social-container .add-this-container {
      height: auto;
      margin: 0;
      width: 190px; }
      .comments-container .social-container .add-this-container .content {
        background: none;
        float: none;
        height: auto;
        min-width: 137px;
        padding: 0; }
  .comments-container .what-you-need-container {
    background: #f5f5f5;
    padding: 10px; }
    .comments-container .what-you-need-container h3 {
      font-size: 22px;
      font-family: "proxima_nova_ltregular", Arial; }
    .comments-container .what-you-need-container ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .comments-container .what-you-need-container ul li {
        font-family: "proxima_nova_ltregular", Arial;
        background: url("../images/Desktop/single-black-arrow.png") no-repeat scroll 0 3px transparent;
        font-size: 12px;
        margin: 0 0 10px;
        padding: 0 0 0 12px; }
  .comments-container .numbered-lesson-container {
    clear: both;
    padding: 20px 0 0; }
    .comments-container .numbered-lesson-container ul {
      list-style: none outside none;
      margin: 0;
      padding: 0; }
      .comments-container .numbered-lesson-container ul li {
        margin: 0 0 20px;
        overflow: hidden;
        width: 100%; }
        .comments-container .numbered-lesson-container ul li .index {
          font-family: "proxima_nova_ltregular", Arial;
          float: left;
          font-size: 38px;
          margin: 0 14px 0 0;
          text-align: center;
          width: 51px; }
        .comments-container .numbered-lesson-container ul li .align {
          float: left;
          width: 494px;
          font-size: 12px;
          line-height: 1.5; }

/*---------------------------------------
ARTICLE LIST USED IN COMMUNITY-FESTIVAL
CAN BE MOVED TO DESKTOP.CSS 
IF MORE INSTANCES FOUND
---------------------------------------*/
.article-list-container {
  padding: 30px 0 0; }
  .article-list-container article {
    overflow: hidden;
    margin: 0 0 30px;
    width: 100%; }
  .article-list-container .image-container {
    float: left;
    line-height: 0.5;
    margin: 0 30px 0 0;
    width: 244px; }
  .article-list-container .content {
    float: left;
    font-size: 12px;
    padding: 10px 0 0;
    width: 435px; }
    .article-list-container .content .title {
      font-family: "proxima_nova_ltbold", Arial;
      font-size: 22px;
      margin: 2px 0 4px; }
    .article-list-container .content .desc {
      font-family: "proxima_nova_ltregular", Arial; }
    .article-list-container .content .action-panel .left {
      float: left;
      width: 295px; }
      .article-list-container .content .action-panel .left .date {
        font-family: "proxima_nova_ltbold", Arial; }
      .article-list-container .content .action-panel .left .venue {
        font-family: "proxima_nova_ltregular", Arial; }
    .article-list-container .content .action-panel .right {
      float: right;
      margin: 0 10px 0 0; }
      .article-list-container .content .action-panel .right .btn-gray-arrow span {
        width: 70px; }

/*---------------------------------------
VIDEO LIST USED IN COMMUNITY-SECONDS_WITH
CAN BE MOVED TO DESKTOP.CSS 
IF MORE INSTANCES FOUND
---------------------------------------*/
.video-list-container {
  padding: 30px 0 0; }
  .video-list-container article {
    overflow: hidden;
    margin: 0 0 30px;
    width: 100%; }
  .video-list-container .image-container {
    float: left;
    line-height: 0.5;
    margin: 0 30px 0 0;
    width: 269px; }
  .video-list-container .content {
    float: left;
    font-size: 12px;
    width: 435px; }
    .video-list-container .content .title {
      font-family: "proxima_nova_ltbold", Arial;
      font-size: 22px;
      margin: 2px 0 4px; }
    .video-list-container .content .desc {
      font-family: "proxima_nova_ltregular", Arial; }
    .video-list-container .content .btn-gray-arrow span {
      width: 100px; }

/*-----------------------------------------
SPECTRUM CREATE - CREATIVEPRINTING SECTION
------------------------------------------*/
.btn-download-designer-software {
  display: block;
  margin: 0 0 20px; }

.special-offer {
  display: block;
  margin: 0 0 20px; }

.download-the-designer-container {
  padding: 30px;
  width: 560px; }
  .download-the-designer-container h3 {
    font-size: 21px;
    font-weight: lighter; }
  .download-the-designer-container hr {
    border: 0 none;
    border-bottom: solid 1px #e5e5e5;
    margin: 10px 0; }
  .download-the-designer-container .row input[type=text] {
    border: 1px solid #A8A8A8;
    font-size: 14px;
    margin: 0 0 5px;
    padding: 2px 8px; }
  .download-the-designer-container .row input[type=checkbox] {
    border: 1px solid #A8A8A8;
    margin: 7px 5px 0 0; }
  .download-the-designer-container .checkbox {
    font-size: 12px; }
    .download-the-designer-container .checkbox label {
      position: relative;
      top: -2px; }
  .download-the-designer-container .btn-red-arrow {
    margin: 2px 0 0 15px; }
  .download-the-designer-container .terms {
    float: left;
    font-size: 12px;
    width: 240px; }
  .download-the-designer-container .terms-content {
    border: 1px solid #E5E5E5;
    clear: both;
    height: 133px;
    overflow-y: scroll;
    padding: 10px;
    margin: 10px 0 0; }
  .download-the-designer-container .error {
    font-size: 13px;
    color: #cc0000; }

