/*
*/

/* The basecamp theme - created for initial launch Q1 2011
 *****************************************************************************/
/* Gradients
*****************************************************************************/
/* Rounded Corners
*****************************************************************************/
/* Used for elements that need transitions and a transparent background
  needs a background element behind text so that the text doesn't have the opacity
*/
/* Used on elements that do not have transitions, does not require an additional element*/
.hero-gallery {
  position: relative;
  height: 300px;
  width: 900px;
  overflow: hidden;
  /* Video Interface */
  /* Pagination */
  /* Flyout */
  /* Callouts */
  /* Special Types */ }
.hero-gallery a {
    cursor: pointer; }
.hero-gallery.short {
    height: 300px; }
.hero-gallery .hero-gallery-scroller {
    position: absolute;
    width: 900px;
    z-index: 109; }
.hero-gallery .hero-gallery-item {
    position: relative;
    float: left;
    width: 900px;
    height: 300px;
    overflow: hidden; }
.hero-gallery .hero-gallery-item.short {
      height: 300px; }
.hero-gallery .hero-gallery-item-content {
    position: absolute;
    float: left;
    width: 100%; }
.hero-gallery .hero-gallery-item-content img {
      display: block; }
    .hero-gallery .hero-gallery-item-content .cta .arrow-box {
      position: absolute;
      right: 0; }
.hero-gallery .hero-gallery-cta {
    position: relative; }
.hero-gallery .hero-gallery-cta .hero-cta {
      position: absolute; }
.hero-gallery .hero-gallery-cta .hero-cta .hero-arrow-box {
        text-decoration: none;
        height: 24px;
        display: block; }
.hero-gallery .hero-gallery-cta .hero-cta .hero-arrow-box:hover .hero-text {
          color: #ccc; }
.hero-gallery .hero-gallery-cta .hero-cta .hero-arrow-box:hover .hero-arrow {
          background-position: 0px -13px; }
.hero-gallery .hero-gallery-cta .hero-cta .hero-arrow-box .hero-text {
          background-color: #3d3d3d;
          display: inline-block;
          zoom: 1;
          height: 24px;
          line-height: 25px;
          padding: 0 7px;
          font-family: Helvetica,arial,sans-serif;
          font-size: 93%;
          text-transform: uppercase;
          color: #fff;
          font-weight: bold; }
          .ie7 .hero-gallery .hero-gallery-cta .hero-cta .hero-arrow-box .hero-text {
            line-height: 24px !important; }
        .hero-gallery .hero-gallery-cta .hero-cta .hero-arrow-box .hero-arrow {
          background: url("/global/images/ui/secondary-cta-arrows.png") no-repeat 0 6px;
          background-color: #3d3d3d;
          display: inline-block;
          zoom: 1;
          height: 24px;
          line-height: 24px;
          font-size: 93%;
          font-weight: bold;
          width: 13px;
          text-indent: -9999em;
          vertical-align: top; }
          .ie7 .hero-gallery .hero-gallery-cta .hero-cta .hero-arrow-box .hero-arrow, .ie8 .hero-gallery .hero-gallery-cta .hero-cta .hero-arrow-box .hero-arrow {
            background-position: 0 7px; }
.hero-gallery .hot-region {
    position: absolute;
    display: block;
    text-decoration: none; }
.hero-gallery .hero-gallery-video-interface {
    position: absolute;
    z-index: 108;
    background: #292929;
    width: 900px;
    height: 300px;
    visibility: hidden; }
.hero-gallery .hero-gallery-arrow-right,
.hero-gallery .hero-gallery-arrow-left {
	}
.hero-gallery .hero-gallery-arrow-right:hover,
.hero-gallery .hero-gallery-arrow-left:hover {
	}
.hero-gallery .hero-gallery-arrow-right.short,
.hero-gallery .hero-gallery-arrow-left.short {
	}
.hero-gallery .hero-gallery-arrow-right {
    right: 0; }
.hero-gallery .hero-gallery-arrow-left {
    left: 0; }
.hero-gallery .hero-gallery-arrow-right div,
.hero-gallery .hero-gallery-arrow-left div {
	}
.hero-gallery .hero-gallery-paginator {
    position: absolute;
    bottom: 0px;
	margin-left:390px;
	width:100px;
    height: 19px;
    z-index: 112;
    white-space: nowrap;
    padding: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;}
.hero-gallery .hero-gallery-paginator em {
    position: absolute;
    background: #EE3124;
    padding-left: 9px;
    height: 9px;
    margin: 5px 0 0 12px;
    left: 0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; }
.hero-gallery .hero-gallery-paginator a {
    display: block;
    float: left;
    padding-left: 9px;
    height: 9px;
    overflow: hidden;
    background: #000;
    margin: 5px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; }
.hero-gallery .hero-gallery-flyout-right,
.hero-gallery .hero-gallery-flyout-left {
    background: #333;
    position: absolute;
    right: 0;
    width: 0;
    height: 300px;
    overflow: hidden;
    z-index: 115; }
.hero-gallery .hero-gallery-flyout-left {
    left: 0; }
.hero-gallery .hero-gallery-flyout-wrapper {
    position: absolute;
    padding: 30px;
    color: #FFF;
    height: 300px;
    text-align: center; }
.hero-gallery .hero-gallery-flyout-wrapper.short {
      height: 300px; }
.hero-gallery .hero-gallery-flyout-wrapper h3 {
    /* Use this mixin when you can so you don't forget to use the weight and stretch */
    font-family: "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Narrow", "Arial-Narrow", "ArialNarrow", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    font-size: 20px;
    margin-bottom: 5px;
    text-align: left; }
.hero-gallery .hero-gallery-flyout-wrapper p {
    margin: 0 20px 30px 0;
    line-height: 1.4em;
    text-align: left;
    font-size: 13px; }
.hero-gallery .hero-gallery-flyout-wrapper img {
    margin: 0px auto; }
.hero-gallery .hero-gallery-flyout-wrapper p a {
    color: #EE3124; }
    .hero-gallery .hero-gallery-flyout-wrapper p a:visited, .hero-gallery .hero-gallery-flyout-wrapper p a:link, .hero-gallery .hero-gallery-flyout-wrapper p a:active {
      color: #EE3124; }
.hero-gallery .hero-gallery-flyout-wrapper .cta {
    position: absolute;
    right: 0;
    bottom: 15px; }
.hero-gallery .hero-gallery-flyout-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 30px;
    background: url(/brand/images/hero-gallery/flyout-close.gif) no-repeat center; }
  .hero-gallery .rotator .hero-gallery-flyout-right,
  .hero-gallery .rotator .hero-gallery-flyout-left {
    background: #FFF;
    overflow: visible; }
    .hero-gallery .rotator .hero-gallery-flyout-right .arrow-box,
    .hero-gallery .rotator .hero-gallery-flyout-left .arrow-box {
      float: left;
      margin-top: 20px; }
      .hero-gallery .rotator .hero-gallery-flyout-right .arrow-box .text,
      .hero-gallery .rotator .hero-gallery-flyout-left .arrow-box .text {
        padding-left: 0;
        color: #000; }
  .hero-gallery .rotator .hero-gallery-flyout-right {
    right: -32px; }
  .hero-gallery .rotator .hero-gallery-flyout-close {
    right: 32px;
    background-color: #EE3124;
    display: none; }
  .hero-gallery .rotator .hero-gallery-rotator-container {
    position: relative;
    left: -372px;
    width: 453px;
    height: 538px;
    background: url(/brand/images/hero-gallery/angle-background.png) no-repeat bottom; }
    .hero-gallery .rotator .hero-gallery-rotator-container .hero-gallery-rotator {
      position: relative;
      left: 110px;
      height: 100%; }
      .hero-gallery .rotator .hero-gallery-rotator-container .hero-gallery-rotator img {
        position: absolute;
        bottom: 0px;
        z-index: 10; }
      .hero-gallery .rotator .hero-gallery-rotator-container .hero-gallery-rotator .hero-gallery-rotator-360 {
        position: absolute;
        text-indent: -9999px;
        z-index: 12;
        bottom: 12px;
        background: url(/brand/images/hero-gallery/360-icon.gif) no-repeat;
        left: -60px;
        width: 72px;
        height: 57px; }
      .hero-gallery .rotator .hero-gallery-rotator-container .hero-gallery-rotator .hero-gallery-rotator-loading {
        position: absolute;
        height: 40px;
        width: 40px;
        top: 50%;
        left: 25%;
        background: black url(/global/images/ui/ajax-loader-black.gif) no-repeat center center;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.7);
        /* R, G, B, A */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C4000000, endColorstr=#C4000000);
        /* AA, RR, GG, BB */
        text-indent: -9999px;
        z-index: 12; }
  .hero-gallery .rotator .hero-gallery-callout {
    z-index: 10;
    top: 30px; }
    .hero-gallery .rotator .hero-gallery-callout .callout-copy {
      margin: 10px 0 0 210px;
      width: 350px; }
    .hero-gallery .rotator .hero-gallery-callout.tall-callout .callout-copy {
      width: 550px;
      margin: 20px 0 40px 20px; }
    .hero-gallery .rotator .hero-gallery-callout img {
      margin-left: 20px; }
  .hero-gallery .rotator .hero-gallery-callout-marker em {
    background: rgba(200, 200, 200, 0.3); }
  .hero-gallery.short .rotator .hero-gallery-rotator-container {
    height: 370px; }
  .hero-gallery.tall .rotator .hero-gallery-rotator-container {
    background: url(/brand/images/hero-gallery/angle-background-tall.png) no-repeat -3px 0px; }
  .hero-gallery.tall .rotator .hero-gallery-callout {
    top: 100px; }
    .hero-gallery.tall .rotator .hero-gallery-callout img {
      margin-left: 0px; }
  .hero-gallery.tall .rotator .hero-gallery-rotator {
    left: 70px; }
    .hero-gallery.tall .rotator .hero-gallery-rotator .hero-gallery-rotator-360 {
      left: -40px; }
  .hero-gallery .hero-gallery-callout {
    position: absolute;
    visibility: hidden; }
  .hero-gallery .hero-gallery-callout-marker {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%; }
  .hero-gallery .hero-gallery-callout-marker em {
    position: absolute;
    width: 0;
    height: 0;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.3); }
  .hero-gallery .hero-gallery-callout-marker a,
  .hero-gallery .hero-gallery-callout-marker-interaction {
    position: absolute;
    top: 13px;
    left: 13px;
    width: 34px;
    height: 34px;
    background: url(/brand/images/hero-gallery/callout-marker-sprite.png) no-repeat left; }
  .hero-gallery .hero-gallery-callout-marker-interaction {
    background: url(/global/images/ui/blank.gif);
    margin: 15px;
    cursor: pointer; }
  .hero-gallery .hero-gallery-callout-marker a.active {
    background: url(/brand/images/hero-gallery/callout-marker-sprite.png) no-repeat right; }
  .hero-gallery .wide-callout img.callout-image {
    float: left; }
  .hero-gallery .wide-callout .callout-copy {
    width: 250px;
    margin-left: 170px;
    padding-right: 18px; }
  .hero-gallery .wide-callout .hero-gallery-callout-popup {
    width: 520px; }
  .hero-gallery .tall-callout .callout-copy {
    width: 200px;
    margin-bottom: 40px; }
  .hero-gallery .tall-callout .hero-gallery-callout-popup {
    width: 325px; }
  .hero-gallery .cropless-callout .callout-copy {
    width: 350px;
    padding-right: 18px; }
  .hero-gallery .cropless-callout .hero-gallery-callout-popup {
    width: 520px; }
  .hero-gallery .hero-gallery-callout {
    color: #666; }
  .hero-gallery .hero-gallery-callout h4 {
    /* Use this mixin when you can so you don't forget to use the weight and stretch */
    font-family: "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Narrow", "Arial-Narrow", "ArialNarrow", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-stretch: condensed;
    color: #666;
    font-size: 20px;
    margin-bottom: 5px; }
  .hero-gallery .hero-gallery-callout-popup {
    position: absolute;
    background: #FFF;
    -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.75);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    z-index: 113; }
  .hero-gallery .hero-gallery-callout-popup-content {
    margin: 20px; }
  .hero-gallery .hero-gallery-callout-popup-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 30px;
    background: url(/brand/images/hero-gallery/callout-popup-close.png) no-repeat center; }
  .hero-gallery .hero-gallery-callout-popup-arrow {
    position: absolute;
    width: 16px;
    height: 8px; }
  .hero-gallery .hero-gallery-callout-popup-top .hero-gallery-callout-popup-arrow {
    bottom: -8px;
    background: url(/brand/images/hero-gallery/callout-popup-arrow-down.png) no-repeat; }
  .hero-gallery .hero-gallery-callout-popup-bottom .hero-gallery-callout-popup-arrow {
    top: -8px;
    background: url(/brand/images/hero-gallery/callout-popup-arrow-up.png) no-repeat; }
  .hero-gallery .hero-gallery-callout-popup-right .hero-gallery-callout-popup-arrow {
    width: 8px;
    height: 16px;
    left: -8px;
    background: url(/brand/images/hero-gallery/callout-popup-arrow-left.png) no-repeat; }
  .hero-gallery .hero-gallery-callout-popup-left .hero-gallery-callout-popup-arrow {
    width: 8px;
    height: 16px;
    right: -8px;
    background: url(/brand/images/hero-gallery/callout-popup-arrow-right.png) no-repeat; }
  .hero-gallery .hero-gallery-callout-popup .arrow-box {
    position: absolute;
    right: 0;
    bottom: 15px;
    background: transparent; }
    .hero-gallery .hero-gallery-callout-popup .arrow-box .text {
      color: #000; }
  .hero-gallery.tall .rotator.product .hero-gallery-rotator-container, .hero-gallery.short .rotator.product .hero-gallery-rotator-container {
    background: url(/brand/images/hero-gallery/angle-background-product.png) no-repeat 0px 0px;
    left: -434px;
    width: 434px; }
  .hero-gallery.tall .rotator.product .hero-gallery-callout, .hero-gallery.short .rotator.product .hero-gallery-callout {
    top: 50px; }
    .hero-gallery.tall .rotator.product .hero-gallery-callout img, .hero-gallery.short .rotator.product .hero-gallery-callout img {
      margin-left: 0px; }
    .hero-gallery.tall .rotator.product .hero-gallery-callout .callout-copy, .hero-gallery.short .rotator.product .hero-gallery-callout .callout-copy {
      margin-left: 0;
      color: #000503; }
      .hero-gallery.tall .rotator.product .hero-gallery-callout .callout-copy h4, .hero-gallery.short .rotator.product .hero-gallery-callout .callout-copy h4 {
        font-size: 25px;
        color: #000503; }
    .hero-gallery.tall .rotator.product .hero-gallery-callout img, .hero-gallery.short .rotator.product .hero-gallery-callout img {
      display: none; }
  .hero-gallery.tall .rotator.product .hero-gallery-rotator, .hero-gallery.short .rotator.product .hero-gallery-rotator {
    left: 35px; }
    .hero-gallery.tall .rotator.product .hero-gallery-rotator .hero-gallery-rotator-360, .hero-gallery.short .rotator.product .hero-gallery-rotator .hero-gallery-rotator-360 {
      left: 0;
      background: url(/brand/images/hero-gallery/360-dark-icon.png) no-repeat 0px 0px; }
  .hero-gallery.tall .rotator.product .hero-gallery-flyout-right, .hero-gallery.short .rotator.product .hero-gallery-flyout-right {
    background: url(/brand/images/hero-gallery/flyout-background-product.png) no-repeat 0px 0px; }
/* The basecamp theme - created for initial launch Q1 2011
 *****************************************************************************/
/* Gradients
*****************************************************************************/
/* Rounded Corners
*****************************************************************************/
/* Used for elements that need transitions and a transparent background
  needs a background element behind text so that the text doesn't have the opacity
*/
/* Used on elements that do not have transitions, does not require an additional element*/
.video-interface-close,
.brand #cboxClose {
  cursor: pointer;
  z-index: 10000;
  position: absolute;
  top: 0;
  right: 0;
  text-align: left;
  width: 35px;
  height: 35px;
  background: url(/brand/images/hero-gallery/flyout-close.gif) no-repeat center center;
  text-indent: -9999px;
  -moz-border-radius: 0 0 0 10px;
  -webkit-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
  background-color: rgba(0, 0, 0, 0.7);
  /* R, G, B, A */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C4000000, endColorstr=#C4000000);
  /* AA, RR, GG, BB */ }
  .video-interface-close.hover,
  .brand #cboxClose.hover {
    background-position: center center; }

.brand #cboxClose {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

#hero-player .hero {
  float: left; }

.hero-box .player-container {
  position: relative; }

#player {
  z-index: 9999; }
/* The basecamp theme - created for initial launch Q1 2011
 *****************************************************************************/
/* Gradients
*****************************************************************************/
/* Rounded Corners
*****************************************************************************/
/* Used for elements that need transitions and a transparent background
  needs a background element behind text so that the text doesn't have the opacity
*/
/* Used on elements that do not have transitions, does not require an additional element*/
#media-gallery {
  overflow: hidden;
  height: 300px;
  position: relative; }
  #media-gallery .player-container {
    position: absolute;
    left: 0; }
  #media-gallery .lightbox-gallery {
    position: absolute;
    bottom: 7px;
    right: 7px;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    cursor: pointer;
    background: transparent url("/brand/images/ui/expand-gallery-icon.png") no-repeat 0 center; }
  #media-gallery .horizontal-gallery-thumbs {
    left: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 29px;
    /* position: relative; */
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99; }
    #media-gallery .horizontal-gallery-thumbs .thumb-opener {
      background-color: rgba(0, 0, 0, 0.7);
      /* R, G, B, A */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C4000000, endColorstr=#C4000000);
      /* AA, RR, GG, BB */
      position: relative;
      bottom: 0px;
      left: 636px;
      -moz-border-radius: 0 0 5px 5px;
      -webkit-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px;
      display: block;
      height: 29px;
      width: 25px;
      z-index: 1000; }
      #media-gallery .horizontal-gallery-thumbs .thumb-opener span {
        display: block;
        background: transparent url("/brand/images/ui/video-tab.png") no-repeat center center;
        height: 100%;
        height: 100%; }
    #media-gallery .horizontal-gallery-thumbs a#prev_gallery,
    #media-gallery .horizontal-gallery-thumbs a#next_gallery {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      height: 82px;
      width: 36px;
      background: transparent url("/brand/images/ui/next-prev-chevrons.png") no-repeat 0 center;
      text-indent: -9999px; }
      #media-gallery .horizontal-gallery-thumbs a#prev_gallery.inactive,
      #media-gallery .horizontal-gallery-thumbs a#next_gallery.inactive {
        visibility: hidden; }
    #media-gallery .horizontal-gallery-thumbs a#next_gallery {
      left: auto;
      right: 0;
      background-position: -38px center; }
    #media-gallery .horizontal-gallery-thumbs .thumbs {
      height: 79px;
      background-color: rgba(0, 0, 0, 0.7);
      /* R, G, B, A */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C4000000, endColorstr=#C4000000);
      /* AA, RR, GG, BB */
      position: relative;
      width: 676px; }
      #media-gallery .horizontal-gallery-thumbs .thumbs .thumb-tray {
        margin: 0px 36px;
        height: 79px;
        width: 605px;
        overflow: hidden;
        position: relative; }
#media-gallery .horizontal-gallery-thumbs .thumbs .thumb-tray .thumb-inner {
          -webkit-transform: scale(1);
          position: absolute; }
#media-gallery .horizontal-gallery-thumbs .thumbs .thumb-tray a.thumb {
          display: block;
          position: relative;
          float: left;
          margin-right: 5px;
          margin-top: 6px;
          width: 116px;
          height: 65px; }
#media-gallery .horizontal-gallery-thumbs .thumbs .thumb-tray a.thumb span {
            height: 63px;
            border-bottom: 3px solid transparent;
            width: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0; }
#media-gallery .horizontal-gallery-thumbs .thumbs .thumb-tray a.thumb span.play {
              background: url("/brand/images/ui/play-button-small.png") no-repeat center center; }
#media-gallery .horizontal-gallery-thumbs .thumbs .thumb-tray a.thumb.selected {
            cursor: default; }
#media-gallery .horizontal-gallery-thumbs .thumbs .thumb-tray a.thumb.selected span, #media-gallery .horizontal-gallery-thumbs .thumbs .thumb-tray a.thumb:hover span, #media-gallery .horizontal-gallery-thumbs .thumbs .thumb-tray a.thumb:focus span {
            border-bottom-color: #ee3124; }
/* The basecamp theme - created for initial launch Q1 2011
 *****************************************************************************/
/* Gradients
*****************************************************************************/
/* Rounded Corners
*****************************************************************************/
/* Used for elements that need transitions and a transparent background
  needs a background element behind text so that the text doesn't have the opacity
*/
/* Used on elements that do not have transitions, does not require an additional element*/
#video-gallery .video-interface {
  position: absolute;
  background: #000; }
#video-gallery .video-interface.initialized {
  position: relative;
  visibility: visible; }
#video-gallery #video_gallery_hero {
  height: 300px;
  position: relative; }
#video-gallery .video-gallery-arrow-right,
#video-gallery .video-gallery-arrow-left {
  position: absolute;
  z-index: 110;
  top: 235px;
  width: 36px;
  height: 92px;
  background: #EE3124;
  cursor: pointer; }
#video-gallery .video-gallery-arrow-right:hover,
#video-gallery .video-gallery-arrow-left:hover {
    background-color: #000; }
#video-gallery .video-gallery-arrow-right {
  right: 0; }
#video-gallery .video-gallery-arrow-left {
  left: 0; }
#video-gallery .video-gallery-arrow-right div,
#video-gallery .video-gallery-arrow-left div {
  float: none;
  width: 25px;
  height: 20px;
  margin: 35px auto 0; }
#video-gallery .videos-grid a.box {
  height: 132px;
  overflow: hidden; }
#video-gallery .videos-grid a.box img.thumb {
  width: 236px;
  min-height: 132px; }