@import url('bootstrap.css');
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*

//
// [Mulyadi] `.spanX` doesn't compile properly on LESS 1.4.1. Thus, commented this section out.
// 

// The Grid
#grid {

  .core (@gridColumnWidth, @gridGutterWidth) {

    .spanX (@index) when (@index > 0) {
      (~".span@{index}") { .span(@index); }
      .spanX(@index - 1);
    }
    .spanX (0) {}

    .offsetX (@index) when (@index > 0) {
      (~".offset@{index}") { .offset(@index); }
      .offsetX(@index - 1);
    }
    .offsetX (0) {}

    .offset (@columns) {
      margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns + 1));
    }

    .span (@columns) {
      width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
    }

    .row {
      margin-left: @gridGutterWidth * -1;
      .clearfix();
    }

    [class*="span"] {
      float: left;
      min-height: 1px; // prevent collapsing columns
      margin-left: @gridGutterWidth;
    }

    // Set the container width, and override it for fixed navbars in media queries
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container { .span(@gridColumns); }

    // generate .spanX and .offsetX
    .spanX (@gridColumns);
    .offsetX (@gridColumns);

  }

  .fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) {

    .spanX (@index) when (@index > 0) {
      (~".span@{index}") { .span(@index); }
      .spanX(@index - 1);
    }
    .spanX (0) {}

    .offsetX (@index) when (@index > 0) {
      (~'.offset@{index}') { .offset(@index); }
      (~'.offset@{index}:first-child') { .offsetFirstChild(@index); }
      .offsetX(@index - 1);
    }
    .offsetX (0) {}

    .offset (@columns) {
      margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth*2);
  	  *margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + (@fluidGridGutterWidth*2) - (.5 / @gridRowWidth * 100 * 1%);
    }

    .offsetFirstChild (@columns) {
      margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth);
      *margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
    }

    .span (@columns) {
      width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
      *width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
    }

    .row-fluid {
      width: 100%;
      .clearfix();
      [class*="span"] {
        .input-block-level();
        float: left;
        margin-left: @fluidGridGutterWidth;
        *margin-left: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
      }
      [class*="span"]:first-child {
        margin-left: 0;
      }

      // generate .spanX and .offsetX
      .spanX (@gridColumns);
      .offsetX (@gridColumns);
    }

  }

  .input(@gridColumnWidth, @gridGutterWidth) {

    .spanX (@index) when (@index > 0) {
      (~"input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index}") { .span(@index); }
      .spanX(@index - 1);
    }
    .spanX (0) {}

    .span(@columns) {
      width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 14;
    }

    input,
    textarea,
    .uneditable-input {
      margin-left: 0; // override margin-left from core grid system
    }

    // Space grid-sized controls properly if multiple per line
    .controls-row [class*="span"] + [class*="span"] {
      margin-left: @gridGutterWidth;
    }

    // generate .spanX
    .spanX (@gridColumns);

  }

}
*//*
 * Copyright (c) 2012 SugarSync, Inc.
 *
 * Author: Mulyadi Oey, moey@sugarsync.com @mulyadioey
 */
/**
 * Description:
 * 	- This CSS file contains all the main styles used throughout the www.sugarsync.com. For example,
 *	  global link styles, classes for page layouts, etc.
 *  - Do not add 'bootstrap' customization here. Add them in 'sugarsync.css'. 
 *
 */
/* Clearfix hack, credit to: http://nicolasgallagher.com/micro-clearfix-hack/
   ---------------------------------------------------------------------------------------------------- */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  zoom: 1;
}
/* End of Clearfix hack.
   ----------------------------------------------- */
/* Global / default fonts.
   ---------------------------------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #292929;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-shadow: 0 2px #fff;
}
p {
  color: #666;
  line-height: 1.5;
  text-shadow: 0 1px #fff;
}

/*locate blog fonts*/
div.blog-post-box p, p.comment-notes, blog-post-box p, .blog-post-box, .blog-post-box li {
    color: #000000 !important;
    font-family: Sans-serif;
    font-size: 14px;
    width: 100%;
}

div.blog-post-box p.form-submit {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

.comment-author, .comment-meta a, .reply a {
    font-family: Sans-serif;
    font-size: 14px;
}


#blog #commentform textarea {
    top: 28px;
}

p.sys-req {
    font-size: 12px;
}

p.sys-req {
  font-size: 12px;
}
/* End of global / default fonts.
   ----------------------------------------------- */
/* Global link styles.
   ---------------------------------------------------------------------------------------------------- */
a,
a:active:not(.menuTitle .bttn-success),
a:link:not(.menuTitle .bttn-success),
a:visited:not(.menuTitle .bttn-success) {
  color: #299ec9;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.removed {
  color: inherit;
}
a.removed:hover {
  text-decoration: none;
}
/* RSS icon.
   .................................................................................................... */
a.icon-rss {
  display: inline-block;
  width: 44px;
  height: 47px;
  background: transparent url(/images/icon-set.png) no-repeat 0 -300px;
  text-indent: -9999px;
}
/**
 * BBB logo.
 */
a#bbblink {
  display: inline-block !important;
}
/**
 * Text stamp e.g. 'NEW'
 */
span.stamp {
  display: inline-block;
  padding: 1px 5px 0;
  background-color: #d82847;
  color: #fff;
  font-size: 13px;
  line-height: 15px;
  text-shadow: none;
  text-transform: uppercase;
}
/* links with icons
   .................................................................................................... */
.icon {
  line-height: 24px;
  font-weight: 500;
  vertical-align: top;
}
.icon span {
  display: inline-block;
  background: transparent url(/images/icon-set-2.png) no-repeat;
  height: 24px;
  width: 24px;
  vertical-align: middle;
}
.icon .video {
  margin-right: 6px;
  background-position: 0 0;
}
.icon .sync {
  background-position: 0 -24px!important;
}
.icon .cloud {
  background-position: 0 -48px!important;
}
.icon .mobile {
  background-position: 0 -72px;
}
.icon .globe {
  background-position: 0 -96px;
}
.icon .folder {
  background-position: 0 -120px;
}
.icon .pointer {
  margin-right: 3px;
  background-position: 0 -144px;
}
.icon .file {
  background-position: 0 -168px!important;
}
.icon .down-arrow {
  background-position: 0 -192px!important;
}
.icon .table {
  background-position: 0 -216px;
}
.icon .windows {
  margin-right: 3px;
  background-position: 0 -240px!important;
}
.icon .mac {
  background-position: 0 -288px!important;
}
.icon .rss {
  background-position: 0 -312px;
}
.icon .play {
  background-position: 0 -350px;
}
a.icon:hover {
  text-decoration: none;
}
/* End of links with icons.
   ............................................... */
th {
  color: #fff;
  background: #00b661;
}
/* Unordered lists with different icons.
   .................................................................................................... */
ul.custom {
  margin: 0;
  list-style-image: none;
  list-style-type: none;
}
ul.custom li {
  background: transparent url(/images/icon-set-3.png) no-repeat 0 9999px;
}
ul.custom.hexagon li {
  padding-left: 28px;
  background-position: 0 2px;
  line-height: 25px;
  /* The min. height to completely show the icon. */

}
/* End of unordered lists.
   ............................................... */
/* White arrow in a grey circle for prev / next button.
   .................................................................................................... */nav.inline-nav a {
  display: inline-block;
  width: 44px;
  height: 44px;
  background: transparent url(/images/icon-set.png) no-repeat 0 -9999px;
  text-indent: -9999px;
}
nav.inline-nav a.prev {
  background-position: 0 0;
}
nav.inline-nav a.prev.disabled {
  background-position: -100px 0;
}
nav.inline-nav a.next {
  background-position: 0 -100px;
}
nav.inline-nav a.next.disabled {
  background-position: -100px -100px;
  cursor: default;
}
/* End of 'nav.inline-nav'.
   ............................................... */
/* End of global link styles.
   ----------------------------------------------- */
/* Utility classes.
   ---------------------------------------------------------------------------------------------------- */
.clear {
  clear: both;
}
.center {
  text-align: center !important;
}
.mt-0 {
  margin-top: 0    !important;
}
.mt-5 {
  margin-top: 5px  !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mb-0 {
  margin-bottom: 0    !important;
}
.mb-5 {
  margin-bottom: 5px  !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.ml-0 {
  margin-left: 0    !important;
}
.ml-5 {
  margin-left: 5px  !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.mr-0 {
  margin-right: 0    !important;
}
.mr-5 {
  margin-right: 5px  !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.m-5 {
  margin: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.m-15 {
  margin: 15px !important;
}
.m-20 {
  margin: 20px !important;
}
.m-25 {
  margin: 25px !important;
}
.m-30 {
  margin: 30px !important;
}
.m-35 {
  margin: 35px !important;
}
.m-40 {
  margin: 40px !important;
}
.pt-5 {
  padding-top: 5px  !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pb-5 {
  padding-bottom: 5px  !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.p-5 {
  padding: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-25 {
  padding: 25px !important;
}
.p-30 {
  padding: 30px !important;
}
/* End of utility classes.
   ----------------------------------------------- */
/* Misc. global styles.
   ---------------------------------------------------------------------------------------------------- */
html,
body {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #232323;
}
li {
  margin-bottom: 5px;
  color: #666;
}
img.framed {
  border: 1px solid #ccc;
}
hr {
  display: block;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  height: 1px;
  background-color: #a0a0a0;
}
hr:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #a0a0a0;
}
hr:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.v1 .avatar {
  float: left;
  margin: 18px 20px 40px 0 !important;
  width: 60px;
  height: inherit;
}
/* End of misc. global styles.
   ----------------------------------------------- */
/* Layout classes.
   ---------------------------------------------------------------------------------------------------- */
.page-section {
  /*width: 100%;*/
}
.page-width {
  margin: 0 auto;
  width: 960px;
}
/* End of layout classes.
   ----------------------------------------------- */
/* "Pre-header": a thin strip at the very top of the page for "Sign In / Out".
   ---------------------------------------------------------------------------------------------------- */
#preheader {
  position: relative;
  height: 12px;
  background-color: #232323;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-align: right;
  z-index: 12;
}
#preheader a {
  display: inline-block;
  margin-top: 12px;
  padding: 5px 15px 11px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 12px;
  line-height: 1em;
  text-decoration: none;
}
#preheader a#preheader-signin {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-radius-bottomright: 15px;
  -webkit-border-radius-bottomleft: 15px;
  padding-left: 20px;
  background-color: #232323;
  position: relative;
}
#preheader a#preheader-signup {
  border-bottom-right-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -webkit-border-radius-bottomright: 15px;
  padding-right: 20px;
  background-color: #ff6806;
  position: relative;
  z-index: 0;
}
/* End of pre-header.
   ----------------------------------------------- */
/* Header.
   ---------------------------------------------------------------------------------------------------- */
header {
  /* Ensure the navigation sub-menu (e.g. "Features" > "Online Backup") to be on top of page content. */

  position: relative;
  padding-top: 13px;
  z-index: 11;
}
#header {
  border-bottom: 2px solid #00b661;
  height: 90px;
}
#header a#header-logo {
  float: left;
  margin-top: 13px;
}
#header img.header-logo-not-hot {
  float: left;
  margin-top: 13px;
}
/* End of top navigation.
   ----------------------------------------------- */
/* Top navigation.
   ---------------------------------------------------------------------------------------------------- */
nav#header-nav {
  float: right;
  margin: 31px 0 0;
}
#header-nav > ul {
  margin: 0;
  list-style-type: none;
}
#header-nav > ul > li {
  float: left;
  margin: 0;
}
#header-nav > ul > li.sub {
  position: relative;
}
#header-nav > ul > li:last-child,
#header-nav > ul > li.last {
  margin-right: 0;
  margin-left: 0;
}
#header-nav > ul > li > a {
  display: inline-block;
  padding: 11px 15px;
  color: #232323;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-shadow: 0 1px #fff;
  text-transform: uppercase;
}
#header-nav > ul > li:hover > a,
#header-nav > ul > li.selected > a {
  color: #00b463 !important;
}
#header-nav > ul > li > a span {
  display: inline-block;
  width: 100%;
  /* To fill all the available space. */

  background: transparent url(/images/icon-set-top-nav.png) no-repeat 0 9999px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: inherit;
  font-weight: inherit;
  line-height: 32px;
}
#header-nav > ul > li > a#free span {
  padding-left: 27px;
  background-position: 0 0;
}
#header-nav > ul > li:hover > a#free span,
#header-nav > ul > li.selected > a#free span {
  background-position: 0 -50px;
}
#header-nav > ul > li > a#how span {
  padding-left: 34px;
  background-position: 0 -400px;
}
#header-nav > ul > li:hover > a#how span,
#header-nav > ul > li.selected > a#how span {
  background-position: 0 -450px;
}
#header-nav > ul > li:hover ul {
  display: block;
  -webkit-box-shadow: 5px 4px 5px rgba(204, 204, 204, 0.5);
  -moz-box-shadow: 5px 4px 5px rgba(204, 204, 204, 0.5);
  box-shadow: 5px 4px 5px rgba(204, 204, 204, 0.5);
}
#header-nav > ul > li > a#features span {
  padding-left: 36px;
  background-position: 0 -197px;
}
#header-nav > ul > li:hover > a#features span,
#header-nav > ul > li.selected > a#features span {
  background-position: 0 -247px;
}
#header-nav > ul > li > a#dl span {
  text-indent: 30px;
  background-position: 0 0;
}
#header-nav > ul > li:hover > a#dl span,
#header-nav > ul > li.selected > a#dl span {
  background-position: 0 -50px;
}
/* Link styles for 'li.sub' (e.g. when "Features" link is hovered).
	   .................................................................................................... */#header-nav > ul > li.sub:hover {
  background-color: #fff;
  -webkit-box-shadow: 5px 4px 5px rgba(204, 204, 204, 0.5);
  -moz-box-shadow: 5px 4px 5px rgba(204, 204, 204, 0.5);
  box-shadow: 5px 4px 5px rgba(204, 204, 204, 0.5);
}
#header-nav > ul > li.sub:hover > a {
  padding-bottom: 3px;
  background-color: #fff;
}
#header-nav > ul > li.sub:hover > a span {
  padding-bottom: 7px;
}
/* End of link styles for 'li.sub'.
       ............................................... */
/* Styles for second-level (top) navigation.
	   .................................................................................................... */#header-nav ul ul {
  position: absolute;
  top: 47px;
  right: 0;
  display: none;
  margin: 0;
  padding-bottom: 6px;
  background: transparent url(/images/bg-drop-down.png) repeat 0 0;
  list-style-type: none;
}
#header-nav ul ul li a {
  display: block;
  padding: 5px 15px;
  color: #232323;
  font-size: 13px;
  line-height: 0.6em;
  text-decoration: none;
  white-space: nowrap;
}
#header-nav ul ul li a:hover {
  color: #00b463;
  text-decoration: none;
}
/* End of styles for second-level (top) nav.
       ............................................... */
/* End of top navigation.
   ----------------------------------------------- */
div#content {
  position: relative;
  padding: 110px 0 0 0;
  min-height: 500px;
}
/* todo: This is to be replaced by '#content p#section-head'. */
#content h1 {
  margin: 0 0 8px;
  font-size: 36px;
  line-height: 1em;
  text-align: center;
}
#content h1.no-nav {
  margin-bottom: 10px;
  border-bottom: 1px solid #0abe76;
  padding-bottom: 8px;
}
#content h1.no-nav span {
  color: #00b661;
  font-size: 0.85em;
  font-weight: normal;
}
#content h1.landing-page {
  margin-bottom: 20px;
  border-bottom: 1px solid #0abe76;
  padding-bottom: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 44px;
  line-height: 1.1em;
  text-transform: none;
}
#content h1.landing-page span {
  color: #00b661;
  font-size: 0.85em;
  font-weight: normal;
}
#content #cloud-animation {
  position: absolute;
  top: 30px;
  left: 0;
  -moz-animation-name: cloud;
  -moz-animation-duration: 150s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-name: cloud;
  -webkit-animation-duration: 150s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  width: 100%;
  height: 95px;
}
@-moz-keyframes cloud {
  from {
    background-position: 110% 0;
  }
  to {
    background-position: -150px 0;
  }
}
/* v5 layout for general pages.
   .................................................................................................... */#content.v5 #content-main h2 {
  margin: 0;
  font: 600 18px/1em 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: center;
  border-bottom: 1px solid #0abe76;
  padding-bottom: 30px;
}
/* All-center layout e.g. Homepage, Free page.
   .................................................................................................... */#content-main.all-center,
#content-body.all-center {
  text-align: center;
}
#content-main.all-center h1,
#content-main.all-center h2,
#content-body.all-center h1,
#content-body.all-center h2 {
  line-height: 1em;
  text-align: center;
}
#content-main.all-center h1,
#content-body.all-center h1 {
  font-size: 50px;
}
#content-main.all-center h2,
#content-body.all-center h2 {
  margin-bottom: 18px;
  font-size: 18px;
  text-spacing: 0.3px;
}
#content-body.all-center div.hero {
  margin: 20px 0;
}
/* End of quote / testimonial styles.
   ............................................... */
#content-main > div.hero {
  /* A container to hold the main hero image e.g. on homepage. */

  margin: 20px 0 40px;
}
#content-main > div.cta-link-box {
  border-top: 1px solid #c9c9c7;
  border-bottom: 1px solid #c9c9c7;
  padding: 25px 0;
}
/* A section within clouds for general content.
   ==================================================================================================== */
/* .with-bg {
	border: 1px solid #e4e1e2;
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
}

.mint {
  background: #00b463;
  width: 220px;
  float: right;
  padding: 15px;
  
}
.mint h3 {color: #fff; line-height: 1.3; margin-bottom: 20px;}
.mint ul li {color: #fff; line-height: 1.5;}



 business
   ==================================================================================================== 
   
   #business .card-bg.best {margin-top: 10px; padding: 20px 0; width: 892px; margin-left: 60px;}
   #business .card-bg.best h2 {font: normal 28px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: none; padding-bottom: 20px;}
   #business .card-bg.best h3 {font: normal 24px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: none; padding-bottom: 10px;}
   #business .card-bg.best p {color: #666 !important; font-size: 18px; margin-bottom: 20px;}
   #business .card-bg.best p small {color: #666; font-size: 14px; margin-bottom: 10px;}
   #business .card-bg.best ul {margin: 0;}
   #business .card-bg.best li {list-style: none;}
   #business .card-bg.best img {position: absolute; top: -40px; left: -8px; z-index: 1;} 
   #business .card-bg {margin-left: -35px; margin-bottom: 20px; padding: 40px; width: 315px; }
   
   #business hr {margin: 20px 0 40px 20px !important; width: 960px; display: block;}
   #business li {font: normal 18px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: none; color: #666;}
   
  .divider {border-right: 1px solid #00B661;}
  
  #outlook h2 {font: 500 42px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: none; padding-bottom: 20px;}
  #outlook h2 small {font: 400 26px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: none; display: block; color: #292929 !important;}
  #outlook li {font: normal 18px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: none; color: #292929;}
  #outlook .icon {font: 700 18px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: none;}
  .outlook-title {width: 225px; background: transparent url(/images/logo-outlook.png) no-repeat right 28px;}
   
 pricing
   ==================================================================================================== 

body#pricing {

	.main-orange span {
		
		font-size: 18px;
	}
}

body#pricing #content-body {
	padding-bottom: 60px;
}

body#pricing #content-body > h2 {
	margin-bottom: 55px;
}

body#pricing img {
	margin: 0 !important;
}

/*
.card-bg {
	border: 4px solid #c9c9c7;
	background: rgba(255, 255, 255, 0.7);
	border-radius:2px;
	font-size: 14px;
}
#pricing .card-bg {
	position: relative;
	width: 193px;
	padding: 20px 11px;
	margin: 0 10px 0 0;
	background-color: #fff;
}

	#pricing .card-bg a.button {
		margin: 0;
	}
	
#pricing .card-bg:last-child {margin: 0;}
#pricing .card-bg h3 {
	margin: 0;
	padding: 0;
	color: #292929;
	font-family: BrandonGrotesque-Black, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 36px;
	line-height: 38px;
}
#pricing .card-bg img {position: absolute; top: -40px; right: -25px; margin: 0 !important; z-index: 1;}
.card-bg p, #pricing .span16 {
font-size: 18px;
line-height: 1.5;
color: #292929 !important;
}
body#pricing .more,
.strip p {
font-size: 16px;
line-height: 24px;		/* This is actually unnecesary: to compensate a.icon! 
color: #292929 !important;
}

body#pricing #pricing-other-plans {
	margin: 0 auto;
	width: 800px;
}

	body#pricing #pricing-other-plans p {
		color: #292929;
		font-size: 16px;
		text-align: left;
	}
	
	body#pricing #pricing-other-plans p.head {
		float: left;
		font-weight: bold;
	}

	body#pricing #pricing-other-plans p.options {
		margin-left: 180px;
	}
	
.card-bg.best {
	//	box-shadow: inset 4px 4px #00B661, inset -4px -4px #00B661, rgba(0,0,0,.4) 0 0 20px;
	border: 4px solid #00b661;
	-webkit-box-shadow:  0 0 20px #cccccc, 0 0 20px #cccccc;
	-moz-box-shadow: 0 0 20px #cccccc, 0 0 20px #cccccc;
	box-shadow: 0 0 20px #cccccc, 0 0 20px #cccccc;
}
#pricing .card-bg.best {
  margin: -10px 10px 0 0;
	padding: 30px;
}
#pricing .row {margin: 0 0 0 0px;}
.highlite {color: #00B661}
.strip {text-align: left;}

body#pricing .strip h3 {
	margin: 0;
	padding: 0;
	color: #292929;
	font-family: BrandonGrotesque-Black, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
}

body#pricing a#bbblink {
	margin-left: 13px !important;
}

.strip img {float: left;}
.more hr {margin: 20px 0 !important;}


/* '.span11.with-bg' is the "standard" layout used on e.g. Company pages, Blog index page. 
   .................................................................................................... 	
.span11.with-bg {	/* Usage example: Company pages. 
	padding: 25px 30px;
	width: 615px;
}

#content .span11.with-bg h1{
	margin: 0 0 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 27px;
	font-weight: 500;
	line-height: 33px;
	text-shadow: none;
	text-align: left;
	text-transform: none;
}

.span11.with-bg h2{
	margin: 0 0 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 27px;
	font-weight: 500;
	line-height: 33px;
	text-shadow: none;
	text-transform: none;
}

#content.v3 .span11.with-bg h3{
	text-transform: none;
}
	
.span11.with-bg h3 {
	margin: 0 0 15px;
	font-size: 22px;
	font-weight: 500;
	line-height: 28px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: none;
}

.span11.with-bg p {
	margin: 0 0 18px;
	padding: 0;
	color: #666;
}

/* End of '.span11.with-bg'.
   ............................................... */
#content .page-width .row {
  z-index: 1;
  position: relative;
  margin-bottom: 20px;
}
#content .page-width {
  clear: both;
  position: relative;
}
#content-body h3 {
  font: normal 700 21px/1.5 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #969696;
  padding: 0 40px 0;
  margin: 10px 0 0;
}
#content-body .button {
  margin: 0 0 20px 20px;
}
/*#content-body img {margin: 40px 40px 0 0;}*/
#content-body h4 {
  color: #232323;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.5;
}
/*.page-width p {color: #969696; line-height: 1.5; padding: 0 0 10px;}*/
#content-body .span6 ul {
  margin-left: 80px;
}
#content-body .span6 ul li {
  list-style: none;
  margin-bottom: 20px;
}
#content-body .span6 ul li a {
  font-weight: 700 !important;
  font-size: 1.4em;
}
/* A section within #award-strip for testimonials.
   ---------------------------------------------------------------------------------------------------- */
#award-strip #quote-ctnr {
  float: left;
  border-right: 1px dotted #005a31;
  padding-right: 10px;
  width: 860px;
  /* Target: 880px. */

}
#award-strip .quote-box {
  float: left;
  margin: 0;
  width: 265px;
}
#award-strip .quote-box.wsj {
  margin-right: 33px;
}
/* A section within #landing for testimonials.
   ---------------------------------------------------------------------------------------------------- */
#content-body #quote-ctnr {
  float: left;
  padding-left: 20px;
  width: 960px;
  /* Target: 880px. */

}
#content-body .quote-box {
  float: left;
  margin-right: 60px;
  width: 260px;
}
#content-body .quote-box.last {
  margin-right: 0;
}
#content-body .quote-box > p {
  padding-left: 21px;
  background: transparent url(/images/icon-set-3.png) no-repeat 0 -500px;
  color: #666;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  text-shadow: none;
}
/* Quote / testimonial styles.
   .................................................................................................... */div.quote-box {
  position: relative;
  padding-top: 42px;
}
.quote-box > img {
  position: absolute;
  top: 0;
  left: 0;
}
.quote-box > p {
  margin: 0;
  padding-left: 21px;
  background: transparent url(/images/icon-set-3.png) no-repeat 0 -500px;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  text-shadow: none;
}
.quote-box > p > span {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: transparent url(/images/icon-set-3.png) no-repeat 0 -999px;
}
.quote-box.wsj > img {
  top: 4px;
}
/* End of quote / testimonial styles.
   ............................................... */
/* A section within #award-strip for testimonials.
   ---------------------------------------------------------------------------------------------------- */
#user-strip h2 {
  margin-bottom: 25px;
  border-bottom: 1px dotted #232323;
  text-align: center;
  text-shadow: none;
}
#user-strip #quote-ctnr {
  float: left;
  border-right: 1px dotted #005a31;
  padding-right: 25px;
  width: 860px;
}
#user-strip .quote-box {
  float: left;
  margin-right: 25px;
  padding-top: 0;
  width: 265px;
}
#user-strip .quote-box.last {
  margin-right: 0;
}
#user-strip {
  padding: 40px 0 45px;
  background-color: #00b463;
}
#user-strip .quote-box strong {
  color: #000;
  font-size: 14px;
  padding: 10px;
  display: block;
}
/* End of #quote-ctnr.
   ----------------------------------------------- */
div#hp-news {
  float: left;
  border-right: 1px dotted #005a31;
  height: 120px;
}
div#hp-news {
  width: 530px;
}
.hp-news-box {
  width: 100%;
}
/* The total width of .img and  .text
	     should not exceed the width of the containing <li>, define in .infinite-carousel. */
.hp-news-box div.img,
.hp-news div.text {
  float: left;
  min-height: 120px;
  overflow: hidden;
}
.hp-news-box div.img {
  width: 90px;
}
.hp-news-box div.text {
  float: left;
  margin-left: 10px;
  width: 340px;
}
.hp-news-box div.text a {
  color: #000;
  font-size: 1em;
}
.hp-news-box h3 {
  margin: 0 0 6px;
  font-size: 1.6em;
}
.hp-news-box h3 a {
  font-weight: 500;
}
.hp-news-box p {
  color: #fff;
  font-size: 1.4em;
}
/* A section within #award-strip for FB & Twitter icons.
   ==================================================================================================== */
div#hp-social {
  float: right;
  width: 70px;
  text-align: right;
}
div#hp-social a {
  display: inline-block;
  width: 46px;
  height: 46px;
}
div#hp-social a.twitter {
  margin-bottom: 3px;
  background: transparent url(/images/icons.sprite.png) no-repeat -100px -200px;
}
div#hp-social a.facebook {
  background: transparent url(/images/icons.sprite.png) no-repeat -100px -250px;
}
/* End of #hp-social.
   ---------------------------------------------------------------------------------------------------- */
/* Blue strip near the footer for SEO purposes.
   ==================================================================================================== */
div#extra-desc-strip {
  padding: 40px 0;
  background-color: #48caec;
}
#extra-desc-strip > div {
  min-height: 100px;
  background: transparent url(/images/gfx-set.png) no-repeat 0 -1000px;
}
#extra-desc-strip p {
  margin: 0 0 0 140px;
  padding-top: 12px;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  text-shadow: none;
}
/* End of #extra-desc-strip.
   ---------------------------------------------------------------------------------------------------- */
/* Green strip near the footer for awards and FB / Twitter icons.
   ==================================================================================================== */
div#award-strip {
  padding: 40px 0 45px;
  background-color: #00b463;
  display: none;
}
/* End of #extra-desc-strip.
   ---------------------------------------------------------------------------------------------------- */
/* Footer.
  ---------------------------------------------------------------------------------------------------- */
footer {
  margin: 0;
  border: 0;
  padding: 55px 0 200px;
  background-color: #292929;
}
footer p#copyright {
  color: #999;
  font-size: 12px;
  text-align: center;
  text-shadow: none;
}
footer p#copyright a {
  color: #fff;
  font-size: 1em;
}
footer p#copyright a {
  padding: 0 5px;
}
#footer-box {
  margin-bottom: 80px;
}
.footer-col-box {
  float: left;
  padding: 0 80px 0 0;
}
.footer-col-box.language-box {
  float: right;
  border-left: 1px dotted #eee;
  padding-right: 0;
  padding-left: 39px;
  min-height: 190px;
}
.footer-col-box h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-shadow: none;
}
.footer-col-box ul {
  margin: 0;
  list-style-type: none;
}
.footer-col-box li {
  margin: 0 0 5px;
}
.footer-col-box a {
  color: #fff;
  font-size: 12px;
}
#footer #copyright .span4Footer {
  display: block;
  width: 360px;
}
#footer #copyright .span6Footer {
  float: right;
  width: 560px;
  margin: 0;

}
/* End of footer.
  ----------------------------------------------- */
/** --------------------------------------------------
  * Home page news module
  * -------------------------------------------------- */
.infinite-carousel {
  position: relative;
}
#hp-news .infinite-carousel {
  margin-right: 30px;
}
.infinite-carousel .wrapper,
.infinite-carousel .wrapper li {
  height: 120px;
}
.infinite-carousel .wrapper {
  width: 100%;
  /* overflow: hidden; set by JS. */

}
.infinite-carousel ul {
  width: 9999px;
}
.infinite-carousel ul li {
  float: left;
  display: block;
  padding: 0 30px;
  width: 440px;
  /* Target: = width of (computed) .wrapper. */

}
.infinite-carousel .arrow {
  position: absolute;
  top: 30px;
  display: inline-block;
  width: 23px;
  height: 23px;
  background: transparent url(/images/icons.sprite.png) no-repeat 0 9999px;
  text-indent: -9999px;
  cursor: pointer;
}
.infinite-carousel .arrow.next {
  right: 0;
  background-position: 0 -150px;
}
.infinite-carousel .arrow.prev {
  left: 0;
  background-position: 0 -100px;
}
.grid [class*="grid-col"] {
  float: left;
  text-align: left;
}
.grid .grid-col6 {
  width: 360px;
}
.grid .grid-col7 {
  width: 420px;
}
.grid .grid-col8 {
  width: 480px;
}
.grid .grid-col9 {
  width: 540px;
}
/* Homepage specific styles.
   ---------------------------------------------------------------------------------------------------- */
body#home #content-main > div {
  margin-bottom: 8px;
}
body#home .button.main-orange {
  margin: 0 0 10px;
}
body#home a.icon {
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
}
body#home a.icon .play {
  width: 29px;
  background-position: -1px -351px;
}
body#home .hero img {
  margin-left: -65px;
}
/**
 * A/B testing.
 */
#home #header-nav > ul > li:last-child,
#home #header-nav > ul > li.last {
  display: none;
}
#home #content-body.all-center h2.ab-test {
  margin-bottom: 5px !important;
}
#home #content-body h3.ab-test {
  margin: 0 0 8px;
  color: #00b661;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 32px;
  text-shadow: 0 2px #efefef;
}
/* End of Homepage.
   ----------------------------------------------- */
/* Landing page specific styles 
   ----------------------------------------------- */
body.landing .hero img {
  margin-left: -53px;
}
#header img.landing-partner-logo {
  float: right;
}
#landing .card-bg.best p.info-monthly-payment {
  font-size: 13px;
  font-style: italic;
}
#landing .card-bg.best ul {
  margin-bottom: 5px;
}
#landing .lm h2 {
  font: 500 42px/42px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: none !important;
}
#landing .lm img {
  border: none;
  margin: 10px auto;
}
#landing .lm.left p.head {
  font-size: 18px !important;
  padding-top: 20px;
}
#landing .hexagon {
  padding-left: 0;
  background-position: 0 18px;
  line-height: 24px;
  /* The min. height to completely show the icon. */

}
#landing .hexagon h3 {
  padding: 0 0 2px 0;
  font: 500 24px/1.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
#landing .hexagon h3 span {
  position: relative;
  top: 2px;
  display: inline-block;
  margin-right: 6px;
  width: 22px;
  height: 22px;
  background: transparent url(/images/icon-set-3.png) no-repeat 0 0;
}
#landing h3 {
 /* color: #232323 !important;*/
  font: 500 24px/1.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;
/*  text-shadow: 0 1px 0 #fff; */
  text-transform: none;
  padding: 0;
}
#landing .footer-col-box h3 {
  color: #fff !important;
  font-size: 14px;
  text-shadow: none;
}
#landing div.lm {
  width: 450px;
}
#landing div.lm-box {
  margin-top: 0;
}
#landing .card-bg.best {
  margin-top: 10px;
  padding: 20px 0;
  width: 440px;
  margin-left: 40px;
  text-align: center !important;
}
#landing .card-bg.best.trial-bg.disc {
  background: none;
}
#landing .card-bg.best.trial-bg {
  /*background: transparent url(/images/int/bg-pricing.png) no-repeat 0 0 ;*/

}
#landing .card-bg.best h3 {
  margin: 0;
  padding-bottom: 10px;
  color: #232323;
  font: normal 24px/1.3em 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: none;
}
#landing .card-bg.best.trial-bg h3 {
  padding-bottom: 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 30px;
}
#landing .card-bg.best.trial-bg p {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 0;
}
#landing .card-bg.best.trial-bg .border-line {
  border: 1px solid #0ABE76;
  margin: 0 auto 20px;
  width: 70%;
}
#landing p.nms {
  font: normal 20px/1.3em 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-bottom: 10px;
}
#landing p.nms span {
  font-size: 0.8em;
}
#landing p.nms.small {
  font-size: 14px;
  text-shadow: none;
  margin-bottom: 15px;
}
#landing .card-bg.best.trial-bg .button {
  margin-top: 15px;
}
#landing .card-bg.best.trial-bg ul {
  margin-bottom: 15px;
}
#landing .card-bg.best p {
  color: #232323 !important;
  font-size: 18px;
  text-align: center !important;
}
#landing .card-bg.best ul li {
  font-size: 13px;
  list-style: none;
}
#landing .card-bg.best .button {
  margin-left: 0px;
}
#landing .mintHeader {
  margin-bottom: 15px;
  padding: 14px 0 6px;
  border-top: 2px solid #00B661;
  border-bottom: 1px solid #00B661;
  line-height: 1em;
}
#landing .span5 {
  text-align: left;
}
#landing .span5 strong {
  color: #232323;
}
#landing #landing-quote-ctnr {
  margin: 20px 0;
}
body.landing #seals-box {
  /* Used on /offers/freetrial_cnet/ page. */

  text-align: center;
}
body.landing #seals-box span.seal {
  display: inline-block;
  margin: 0 10px;
}
body.landing #seals-box span.seal.verisign {
  position: relative;
  top: 15px;
}
body.landing #seals-box span.seal.cnet {
  position: relative;
  top: 5px;
}
/* Reset. */
body.landing #seals-box span.seal table {
  margin: 0;
  border: none;
  width: auto;
}
/* Reset. */
body.landing #seals-box span.seal td {
  padding: 0;
  line-height: inherit;
  text-align: inherit;
}
/* End Landing page specific styles
   ----------------------------------------------- */
/* Google Adsense */
.gads img {
  display: none;
}
/* no-bullet */
.row ul.no-bullet {
  list-style: none;
  margin: 0;
}
p.vid {
  color: #333;
  font-size: 14px;
}
.secondary-copy ul li a {
  font-weight: bold;
}
/*
 * Awards container originally used on Biz page.
 */
.biz-awards-box {
  margin: 25px auto 0;
  width: 275px;
}
.biz-awards-box img {
  float: left;
}
.biz-awards-box a#bbblink {
  float: left;
  margin-top: 5px !important;
}
/*Landing Pages Business*/
#business.sem {
  background: transparent url(/images/bg-texture.png) repeat 0 0;
}
#business.sem #content-strip {
  background: none;
}
#business.sem .card-bg.sem {
  margin: 10px 0 0 45px;
  border: 5px solid #00B661;
  padding: 20px 0 10px 0;
  width: 850px;
  background-color: #fff;
  box-shadow: none;
}
#business.sem .card-bg {
  background-color: #fff;
}
#business.sem .card-bg.sem img.seal-support {
  position: absolute;
  top: -40px;
  right: 5px;
}
#business.sem .card-bg.sem img.cloud-sem {
  position: absolute;
  top: 45px;
  left: -37px;
}
#business.sem .card-bg.sem img.ppl-sem {
  margin: 15px 0 0 128px;
}
#business.sem img.mobile {
  margin: 40px 0 0 45px;
}
#business.sem img.minipad {
  margin: 20px 0 25px 45px !important;
}
#business.sem .card-bg.sem .span8 {
  margin-left: 20px;
  width: 440px;
}
#business.sem .card-bg.sem h2 {
  padding-bottom: 8px;
  font: normal 30px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #292929;
  text-transform: none;
}
#business.sem .card-bg.sem span.sem-small {
  font-size: 24px;
  color: #222;
}
#business.sem .card-bg.sem p {
  margin-bottom: 15px;
  font: normal 30px/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#business.sem .card-bg.sem p.small {
  margin-bottom: 10px;
  color: #666;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
}
#business.sem .card-bg.sem p.small.biz {
  position: relative;
  left: -10px;
  width: 360px;
}
#business.sem .card-bg.sem p.pricing {
  margin-bottom: -7px;
}
#business.sem .card-bg.sem a.button.main-orange {
  margin-bottom: 10px;
}
#business.sem .card-bg.sem .span6 {
  margin: 10px 0 0 36px;
}
#business.sem .card-bg.sem span.highlite {
  font-size: 24px;
}
#business.sem .divider {
  margin-top: 10px;
  border-right: 2px solid #00B661;
  min-height: 351px;
}
#business.sem .contact-sem p {
  margin-top: 15px;
  color: #333;
  font-size: 20px;
}
#business.sem a.icon {
  margin: 0 40px 0 40px;
  font-size: 16px;
}
#business.sem a.icon:hover {
  color: #299EC9;
  cursor: pointer;
}
#business.sem .card-bg {
  margin-left: 0 0 20 -35px;
  padding: 20px 20px 15px 30px;
  width: 340px;
}
#business.sem .card-bg h2 {
  color: #00b463;
}
#business.sem .card-bg.client h2 {
  margin-bottom: 10px;
}
#business.sem .card-bg.client p {
  margin-bottom: 20px;
}
#business.sem .card-bg h4 {
  color: #232323;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-transform: none;
}
#business.sem .card-bg p {
  color: #696969;
  font-size: 14px;
}
#business.sem li {
  text-shadow: 0 2px #ffffff;
}
#business.sem hr {
  margin-bottom: 25px;
}
/**
 * Job description.
 */
.job-desc h2 {
  margin-bottom: 5px;
}
#feature.ipad .lm {
  width: 450px;
}
#feature.ipad .lm.left {
  margin-left: -20px;
}
#feature.ipad .lm.right {
  margin-right: -20px;
}
#ipad-splash {
  margin-bottom: 25px;
  padding-top: 20px;
  border-top: 1px solid #969696;
  border-bottom: 1px solid #232323;
  box-shadow: 0 1px 1px #fff;
}
#ipad-splash h3 {
  margin-bottom: 18px;
  color: #00b463;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 38px;
  line-height: 1.2em;
  text-transform: none;
}
#ipad-splash > img {
  float: left;
}
#ipad-splash > div {
  float: right;
  padding-top: 36px;
  width: 620px;
  text-align: center;
}
#ipad-splash > div a {
  font-weight: normal !important;
  text-decoration: none;
}
#ipad-splash > div a.better-than {
  display: inline-block;
  margin-bottom: 8px;
  padding-left: 50px;
  background: transparent url(/images/icon-set.png) no-repeat 0 -400px;
  font-size: 24px;
  line-height: 39px;
}
#ipad-splash > div > p a.blog-post {
  margin-right: 25px;
}
#ipad-splash > div > p a.for-iphone span.mobile {
  width: 19px;
}
.ipad-frame {
  position: relative;
  width: 450px;
  height: 356px;
  background: transparent url(/images/ipad-frame.png) no-repeat 0 0;
}
.ipad-frame > img {
  position: absolute;
  top: 51px;
  left: 57px;
}
/*Dropbox vs Sugarsync*/
.row-two-col .span6 {
  float: left;
  margin-right: 25px;
  width: 455px;
}
.row-two-col .span12 {
  width: 960px;
}
.row-two-col .span6 div.video-matrix .video-box span {
  top: 225px;
}
.row-two-col .span6 .video-matrix p {
  font-size: 15px;
}
.row-two-col .span6.with-bg {
  margin-top: 10px;
  padding: 10px 30px 25px;
  width: 395px;
}
#dropbox-sugarsync hr {
  margin: 20px 0 20px 0;
}
#dropbox-sugarsync hr:before {
  background-color: #C4CAC7;
}
#dropbox-sugarsync .right-column p {
  margin: 0px;
}
#dropbox-sugarsync .imgfull {
  text-align: center;
}
/* Global link button styles.
   A button might have .long, .longer, and .longest versions.
   ---------------------------------------------------------------------------------------------------- */
a.button,
a.button:active,
a.button:link,
a.button:visited,
a.button:hover {
  display: inline-block;
  background: transparent none no-repeat 0 0;
  text-decoration: none !important;
  box-shadow: none !important;
  border: none !important;
}
a.button span {
  display: inline-block;
  background: transparent none no-repeat right 0;
  font-family: BrandonGrotesque-Black, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  cursor: pointer;
  /* For IE. */

}
a.button.main-orange {
  background-image: url(/images/buttons.sprite.png);
}
a.button.main-orange span {
  margin: 0 0 0 40px;
  padding: 0 40px 0 0;
  height: 53px;
  background-image: url(/images/buttons.sprite.png);
  background-position: right -100px;
  color: #fff;
  font-size: 19px;
  font-weight: 400 !important;
  line-height: 57px;
  text-shadow: 0 1px #555;
  text-transform: uppercase;
}
a.button.main-orange span.line-2 {
  padding-top: 9px;
  height: 44px;
  font-size: 17px;
  line-height: 19px;
}
a.button.main-orange.long span {
  padding-right: 60px;
  padding-left: 20px;
}
a.bttn {
  font-family: 'Lato', san-serif;
}
/**
 * .bttn-* styles below are an exact copy of .btn-* in Bootstrap v2.1.1.
 * The reason we need to do this duplication, instead of directly referencing Bootstrap v2, is
 *   on most of the pages we still rely on Bootstrap v1. Mixing 2 versions on the same file will
 *   be catastrophic.
 * Using .btn-* as in Bootstrap conflicts with .btn-reverse, used for the top nav.
 */
a.bttn {
  display: inline-block;
  *display: inline;
  padding: 4px 14px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
a.bttn:hover,
a.bttn:active,
a.bttn.active,
a.bttn.disabled,
a.bttn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
a.bttn:active,
a.bttn.active {
  background-color: #cccccc \9;
}
a.bttn:first-child {
  *margin-left: 0;
}
a.bttn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
a.bttn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a.bttn.active,
a.bttn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
a.bttn-large {
  padding: 9px 14px;
  font-size: 16px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
a.bttn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.bttn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
a.bttn-success:hover,
a.bttn-success:active,
a.bttn-success.active,
a.bttn-success.disabled,
a.bttn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}
a.bttn-success:active,
a.bttn-success.active {
  background-color: #408140 \9;
}
body#apps .blue {
  color: #299ec9;
}
body#apps #content-main {
  margin-bottom: 25px;
}
body#apps article.app {
  *zoom: 1;
  zoom: 1;
  float: left;
  width: 410px;
  height: 120px;
  overflow: hidden;
}
body#apps article.app:before,
body#apps article.app:after {
  display: table;
  content: "";
  line-height: 0;
}
body#apps article.app:after {
  clear: both;
}
body#apps article.app img {
  float: left;
  width: 60px;
  height: 60px;
}
body#apps article.app .apps-desc {
  margin: 0 15px 0 80px;
}
body#apps article.app .apps-desc h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 20px;
  line-height: 1.2em !important;
}
body#apps article.app .apps-desc h3 a {
  color: #299ec9;
}
body#apps article.app .apps-desc h4 {
  margin: 0 0 4px;
  font-size: 14px !important;
  line-height: 1.2em;
}
body#apps article.app .apps-desc p {
  margin: 0 0 5px;
  line-height: 1.3em;
}
body#apps #content-body {
  background-color: #f4f4f4;
  border: 1px solid #e4e1e2;
}
body#apps #content-body nav#apps-nav {
  border-bottom: 1px solid #e4e1e2;
  background-color: #fff;
  text-align: center;
}
body#apps #content-body nav#apps-nav > ul {
  margin: 0;
  list-style-type: none;
}
body#apps #content-body nav#apps-nav > ul > li {
  display: inline-block;
  margin: 0 8px;
  padding: 12px 40px;
}
body#apps #content-body nav#apps-nav > ul > li a {
  font-size: 14px;
  font-weight: bold;
}
body#apps #content-body nav#apps-nav > ul.new .apps-tab-new {
  color: #232323;
}
body#apps #content-body nav#apps-nav > ul.mobile .apps-tab-mobile {
  color: #232323;
}
body#apps #content-body nav#apps-nav > ul.desktop .apps-tab-desktop {
  color: #232323;
}
body#apps #content-body nav#apps-nav > ul.hardware .apps-tab-hardware {
  color: #232323;
}
body#apps #content-body nav#apps-nav > ul.integrated .apps-tab-integrated {
  color: #232323;
}
body#apps #content-body .white-bg {
  border: 1px solid #dbdbdb;
  padding: 25px 30px 10px;
  margin: 25px auto;
  min-height: 150px;
  background-color: #fff;
  *zoom: 1;
  zoom: 1;
}
body#apps #content-body .white-bg:before,
body#apps #content-body .white-bg:after {
  display: table;
  content: "";
  line-height: 0;
}
body#apps #content-body .white-bg:after {
  clear: both;
}
body#apps #content-body .white-bg .avatar {
  float: left;
}
body#apps #content-body .white-bg .sandisk {
  margin: 0 auto;
  padding-left: 80px;
  width: 450px;
  background-image: url('/images/sandisk-logo-60.png');
  background-repeat: no-repeat;
}
body#apps #content-body .white-bg .goodreader {
  margin: 0 auto;
  padding-left: 80px;
  width: 450px;
  background-image: url('/images/partner-goodreader.png');
  background-repeat: no-repeat;
}
body#apps #content-body .white-bg h3,
body#apps #content-body .white-bg p,
body#apps #content-body .white-bg h4 {
  color: #484848;
}
body#apps #content-body .white-bg h2 {
  margin: 15px 0 30px;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
}
body#apps #content-body .white-bg h2.first {
  margin-top: 0;
}
body#apps #content-body .white-bg h3 {
  margin: 0 0 3px 0;
  text-transform: none;
  line-height: 21px;
}
body#apps #content-body .white-bg h3 a {
  color: #299ec9;
}
body#apps #content-body .white-bg h4 {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-transform: none;
}
body#apps #content-body .white-bg .icon span {
  width: 70px;
}
body#apps #content-body .white-bg .icon span.pointer {
  padding-left: 25px;
}
body#apps #content-body .white-bg .row {
  margin-bottom: 25px;
}
body#apps #content-body .white-bg .row .span7 {
  width: 400px;
  *zoom: 1;
  zoom: 1;
  float: left;
}
body#apps #content-body .white-bg .row .span7:before,
body#apps #content-body .white-bg .row .span7:after {
  display: table;
  content: "";
  line-height: 0;
}
body#apps #content-body .white-bg .row .span7:after {
  clear: both;
}
body#apps #content-body .white-bg .row .span7 img {
  float: left;
  margin-right: 15px;
  width: 60px;
  height: 60px;
}
body#apps #content-body .white-bg .row .span7 .apps-desc {
  float: left;
  width: 325px;
}
body#apps #content-body .white-bg .row .span7 .apps-desc h3 {
  margin: 0;
  font-size: 20px;
  line-height: 1.2em;
}
body#apps #content-body .white-bg .row .span7 .apps-desc h3 a {
  color: #299ec9;
}
body#apps #content-body .white-bg .row .span7 .apps-desc h4 {
  margin: 0 0 4px;
  line-height: 1.2em;
}
body#apps #content-body .white-bg .row .span7 .apps-desc p {
  margin: 0 0 5px;
  line-height: 1.3em;
}
body#apps #content-body .white-bg .row .span4 {
  text-align: center;
}
body#apps #content-body .white-bg .row .span9 {
  width: 580px;
}
body#apps #content-body .white-bg .row .span9 a.main-orange {
  margin: 5px 0 10px 0px;
}
body#apps #content-body .white-bg .row .frame {
  border: 1px solid #3f3f3f;
  width: 225px;
  height: 200px;
}
body#apps #content-body .white-bg .row .frame img {
  width: 225px;
  height: 200px;
}
body#apps #content-body .white-bg .row.center {
  text-align: center;
}
body#apps #content-body .white-bg ul {
  margin-left: 15px;
}
body#apps #content-body .white-bg ul li {
  margin: 0 0 5px;
  list-style: disc;
  color: #484848;
}
body#apps #content-body .white-bg ul li ul {
  margin-left: 0;
  margin-top: 5px;
}
body#apps #content-body .white-bg ul li ul li {
  margin: 0 0 5px;
  list-style: none;
  color: #484848;
}
body#apps #content-body .white-bg .one-col {
  margin-bottom: 30px;
  *zoom: 1;
  zoom: 1;
}
body#apps #content-body .white-bg .one-col:before,
body#apps #content-body .white-bg .one-col:after {
  display: table;
  content: "";
  line-height: 0;
}
body#apps #content-body .white-bg .one-col:after {
  clear: both;
}
body#apps #content-body .white-bg .one-col .logo-apps {
  float: left;
  margin-right: 15px;
  width: 200px;
  text-align: center;
}
body#apps #content-body .white-bg .one-col .apps-desc {
  float: left;
  width: 600px;
}
body#apps .featured-app {
  position: relative;
  width: 650px;
}
body#apps .featured-app > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 125px;
}
body#apps .featured-app > div {
  margin-left: 150px;
}
body#apps .app-screenshot-block {
  margin: 0 0 100px 235px;
}
body#apps .app-screenshot-block > img {
  display: block;
  margin: 0 0 30px;
  border: 10px solid #fff;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) 1px 2px rgba(0, 0, 0, 0.1);
}
body#apps .featured-carousel-loading-block .featured-carousel,
body#apps .featured-carousel-loading-block .slider-control {
  display: none !important;
}
body#apps .featured-carousel-loading-block .loader-block {
  text-align: center;
}
body#apps .featured-carousel-loading-block .loader-block img {
  position: relative;
  top: 50px;
}
body#apps .caroufredsel_wrapper {
  margin: 0 auto !important;
}
body#apps .featured-carousel li {
  float: left;
  list-style: none !important;
}
body#apps .slider-control {
  text-align: center;
}
body#apps .slider-control a {
  display: inline-block;
  margin: 0 0 0 3px;
  width: 11px;
  height: 10px;
  background-image: url('/images/button-slide.png');
}
body#apps .slider-control a.selected {
  background-position: 0 -20px;
}
body#apps .slider-control a span {
  display: none;
}
body#apps #download-buttons {
  position: static;
  width: auto;
  text-align: left;
}
body#apps #download-buttons h6 {
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
}
body#apps #download-buttons ul {
  margin: 0 !important;
}
body#apps #download-buttons ul li {
  margin: 0 0 3px !important;
  list-style: none !important;
}
body.referral #content h1 {
  margin: 0;
  border-bottom: 1px solid #00B463;
  padding-bottom: 8px;
}
body.referral #content-body #global-error-block {
  display: none;
  padding: 5px;
  background-color: #fff;
  color: #d9008f;
  -webkit-opacity: 80;
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  opacity: 0.8;
}
body.referral #content-body .button {
  margin: 0 0 10px 0;
}
body.referral table.form.sign-up {
  margin: 20px auto 25px;
  border: none;
  width: 60%;
}
body.referral table.form.sign-up td {
  padding: 15px;
  border: none;
}
body.referral table.form.sign-up td.error .err-msg {
  display: block;
}
body.referral table.form.sign-up input {
  margin-bottom: 5px;
  padding: 1px 5px;
  display: block;
  width: 330px;
  height: 40px;
  text-align: left;
  font-size: 20px;
  line-height: 40px;
  color: #000;
}
body.referral table.form.sign-up label {
  display: block;
  margin: 0 0 8px 2px;
  padding: 0;
  width: 260px;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
  color: #232323;
}
body.referral table.form.sign-up label small {
  margin-left: 5px;
  font-size: 12px;
  color: #808080;
}
body.referral table.form.sign-up span.err-msg {
  display: none;
  margin-left: 2px;
  font-size: 12px;
  line-height: 12px;
  color: #D9008F;
}
body.referral .sign-up-area {
  margin: 0 auto 40px;
}
body.referral .sign-up-area p {
  color: #232323;
  font-weight: normal;
  font-size: 15px;
}
body.referral .sign-up-area a {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 15px;
}
body.referral .sign-up-area .acc {
  margin-bottom: 35px;
  font-size: 12px;
}
body.referral .sign-up-area .acc a {
  font-size: 12px;
}
body.referral .sign-up-area #more-storage-selection-block > div {
  display: none;
  margin: 15px 0 20px;
}
body.referral .sign-up-area #more-storage-selection-block p {
  line-height: 1.4em;
}
body.referral .sign-up-area #more-storage-selection-block p strong {
  font-size: 1.1em;
}
body.referral .sign-up-area #more-storage-selection-block ul {
  margin: 0 auto;
  padding-left: 30px;
  width: 210px;
  list-style: none;
}
body.referral .sign-up-area #more-storage-selection-block ul li {
  text-align: left;
  color: #232323;
  font-size: 15px;
  font-weight: normal;
}
body.referral .sign-up-area #more-storage-selection-block ul li input {
  margin-right: 2px;
}
body.referral .sign-up-area #more-storage-selection-block ul li span {
  display: inline-block;
  width: 70px;
  color: #00b661;
  font-weight: bold;
}
body.referral .sign-up-area .watch-video-block p {
  line-height: 1.8em;
}
body.referral .sign-up-area .watch-video-block a {
  font-size: inherit;
}
body.referral .footer {
  border-top: 1px solid #C4CAC7;
  padding-top: 10px;
  text-align: center;
}
body.referral .footer p {
  font-size: 11px;
  color: #666;
}
.card-bg {
  border: 4px solid #c9c9c7;
  background: rgba(255, 255, 255, 0.7);
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 2px;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 14px;
}
.card-bg p {
  font-size: 18px;
  line-height: 1.5;
  color: #292929 !important;
}
.card-bg.best {
  border: 4px solid #00b661;
  -webkit-box-shadow: 0 0 20px #cccccc, 0 0 20px #cccccc;
  -moz-box-shadow: 0 0 20px #cccccc, 0 0 20px #cccccc;
  box-shadow: 0 0 20px #cccccc, 0 0 20px #cccccc;
}
.highlite {
  color: #00B661;
}
.strip {
  text-align: left;
}
.strip img {
  float: left;
}
.more hr {
  margin: 20px 0 !important;
}
#content #section-head {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #3a3a3c;
  font-size: 45px;
  line-height: 40px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  height: 90px;
  background: url('/images/iris/business-bar-bg.png') center bottom no-repeat;
  text-align: center;
}
  #download-help #content #section-head {
    margin-top: 45px;
    background: none;
  }
#content #section-head a,
#content #section-head a:hover {
  color: #232323;
  text-decoration: none;
}
#content #section-head.no-nav {
  margin-bottom: 10px;
  padding-bottom: 8px;
}
#content .span11.with-bg h1 {
  margin: 0 0 12px;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 27px;
  font-weight: 700;
  font-style: normal;
  line-height: 33px;
  text-shadow: none;
  text-align: left;
  text-transform: none;
}
/* ---- Sidebar ---- */
#sidebar {
  float: right;
  width: 250px;
}
#sidebar ul {
  margin: 0 0 30px;
  border-top: 1px solid #969696;
  padding: 0;
  list-style: none;
}
#sidebar li {
  border-top: 1px solid #969696;
}
#sidebar li a {
  font-family: Sans-serif;
  display: block;
  padding: 10px 10px 6px;
  font-size: 14px;
}
#sidebar li a.selected {
  color: #232323 !important;
  font-weight: bold !important;
}
#sidebar a {
  font-size: 13px;
  line-height: 1em;
  text-shadow: 1px 1px #fff;
}
#sidebar .pdf {
  padding: 15px 15px 0 10px;
}
#sidebar .pdf > p {
  margin: 0 0 8px;
}
#sidebar .pdf > p a {
  font-weight: bold;
  line-height: 22px;
}
/* ---- End of sidebar ---- */
/* ---- Sub navigation ---- */
#page-nav {
  position: relative;
  margin: -28px 10px 40px;
  border-bottom: 1px solid #e2e2e2;
  text-align: center;
  padding: 5px 0;
  background: rgba(231, 231, 231, 0.3);
}
#page-nav > ul {
  margin: 0;
  list-style-type: none;
}
#page-nav > ul > li {
  display: inline-block;
  margin: 0 8px;
  padding: 12px 0;
}
#page-nav > ul > li > a {
  font-size: 15px;
}
#page-nav li.selected a {
  color: #232323;
  font-weight: bold;
  text-shadow: 0 1px #fff;
  font-size: 15px;
}
/* ---- End of sub navigation ---- */
/* ---- v2 layout for Features pages ---- */
#content.v2 #main-copy-ctnr {
  position: relative;
  margin: 0 0 30px;
  padding: 0 25px;
  min-height: 180px;
}
#content.v2 #main-copy-ctnr h2 {
  margin: 0 0 15px;
  width: 650px;
  font: normal 700 54px/56px 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing: -1.2px;
  text-align: left;
  text-transform: none;
}
#content.v2 #main-copy-ctnr h3 {
  margin: 0 0 8px;
  padding: 0 0 0 40px;
  width: 650px;
  font-size: 24px;
  line-height: 30px;
  text-shadow: 0 2px #fff;
  text-transform: none;
}
#content.v2 #main-copy-ctnr p {
  margin: 0 0 5px;
  padding: 0;
  width: 650px;
  color: #666;
}
#content.v2 #main-copy-ctnr .hero-box-ctnr {
  position: absolute;
  top: 0;
  right: 0;
}
#content.v2 #main-copy-ctnr .hero-box {
  display: table-cell;
  width: 201px;
  height: 193px;
  background: transparent url(/images/bg-bold.png) no-repeat 0 0;
  vertical-align: middle;
}
#content.v2 #main-copy-ctnr .hero-box span {
  display: inline-block;
  margin-left: 35px;
  width: 94px;
  height: 67px;
  background: transparent url(/images/icon-set-5.png) no-repeat 0 9999px;
}
#content.v2 #main-copy-ctnr .hero-box span.sync {
  background-position: 0 0;
}
#content.v2 #main-copy-ctnr .hero-box span.backup {
  background-position: 0 -100px;
}
#content.v2 #main-copy-ctnr .hero-box span.mobile {
  background-position: 0 -200px;
}
#content.v2 #main-copy-ctnr .hero-box span.music {
  background-position: 0 -300px;
}
#content.v2 #main-copy-ctnr .hero-box span.access {
  background-position: 0 -400px;
}
#content.v2 #main-copy-ctnr .hero-box span.security {
  background-position: 0 -500px;
}
#content.v2 #main-copy-ctnr .hero-box span.share {
  background-position: 0 -600px;
}
#content.v2 #secondary-copy-ctnr {
  padding: 0 25px;
}
#content.v2 #secondary-copy-ctnr .features-cta {
  float: left;
  width: 315px;
  text-align: center;
}
#content.v2 #secondary-copy-ctnr .secondary-copy {
  margin-left: 340px;
}
#content.v2 #secondary-copy-ctnr h4 {
  margin: 15px 0 5px;
  font-size: 18px;
  text-shadow: 0 1px #fff;
}
#content.v2 #secondary-copy-ctnr h4:first-child {
  margin-top: 0;
}
#content.v2 #secondary-copy-ctnr p {
  margin: 15px 0;
  padding: 0;
  color: #666;
  font-size: 14px;
}
#content.v2 .features-cta a.button {
  margin: 0 0 15px;
}
#content.v2 .features-cta a.button.main-orange span {
  font-size: 17px;
  line-height: 59px;
}
#content.v2 .features-cta a.bttn {
  display: inline-block;
  width: 250px;
}
#content.v2 .features-cta a.left-icon {
  font-size: 14px;
}
#content.v2 .features-cta ul {
  margin: 15px 0 0 80px;
  list-style-type: none;
}
#content.v2 .features-cta ul li {
  text-align: left;
}
/* ---- End of Content v2 ---- */
/* ---- Content v3 ---- */
#content.v3 .span11.with-bg h3 {
  text-transform: none;
  margin: 0 !important;
}
/*--- End of Content v3 --- */
/* ---- v4 layout for e.g. iOS / BlackBerry / WinMo / Android / Synbian mobile product pages ---- */
#content.v4 {
  text-align: center;
  min-height: 0;
  padding: 0 0 10px 0;
}
#content.v4 #content-main h2 {
  margin: 0 0 10px;
  font: normal 700 48px/1.2em 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: center;
  text-shadow: none;
  text-transform: none;
}
#content.v4 #content-main .main-cta-ctnr {
  margin: 0 0 15px;
}
#content.v4 #content-main .data-sheet-ctnr {
  margin: 0 0 20px;
}
/* ---- End of Content v5 ---- */
/* ---- v5 layout for e.g. iOS / BlackBerry / WinMo / Android / Synbian mobile product pages ---- */
#content.v5 {
  text-align: center;
  min-height: 0;
}
#content.v5 #section-head {
  height: 30px;
}
#content.v5 #page-nav {
  margin-bottom: 20px;
}
#content.v5 #content-main h2 {
  margin: 0 0 10px;
  font: normal 700 48px/1.2em 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: center;
  text-shadow: none;
  text-transform: none;
  border-bottom: none;
  padding: 0;
}
#content.v5 #content-main h1 {
  margin: 0 0 10px;
  font: normal 700 48px/1.2em 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: center;
  text-shadow: none;
  text-transform: none;
  border-bottom: none;
  padding: 0;
}
#content.v5 #content-main .main-cta-ctnr {
  margin: 0 0 15px;
}
#content.v5 #content-main .data-sheet-ctnr {
  margin: 0 0 20px;
}
/* ---- End of Content v5 ---- */
/* ---- A section within clouds for general content ---- */
.with-bg {
  border: 1px solid #e4e1e2;
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
}
.mint {
  float: right;
  padding: 15px;
  width: 220px;
  background: #00b463;
}
.mint h3 {
  margin-bottom: 20px;
  color: #fff;
  line-height: 1.3;
}
.mint ul li {
  color: #fff;
  line-height: 1.5;
}
/* --- End of section within clouds for general content ---*/
/* ---- Comparison Page ---- */
table {
  border: none !important;
}
table#sync_compare {
  width: 100%;
}
table#sync_compare #compare-titles th {
  cursor: default;
  width: 100px;
  height: 35px;
  text-align: center;
  margin: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #000000;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #3d3d3d));
  background: -ms-linear-gradient(bottom, #000000, #3d3d3d);
  background: -moz-linear-gradient(center bottom, #000000 0%, #3d3d3d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#000000', GradientType=0);
  color: #efefef;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-style: normal;
  border-right: 1px solid #efefef;
}
table#sync_compare #compare-titles th.first {
  background: none;
  width: 300px;
}
table#sync_compare #compare-titles th.sugarsync {
  background: #67aa69;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #67aa69), color-stop(1, #77c379));
  background: -ms-linear-gradient(bottom, #67aa69, #77c379);
  background: -moz-linear-gradient(center bottom, #67aa69 0%, #77c379 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77c379', endColorstr='#67aa69', GradientType=0);
}
table#sync_compare td {
  vertical-align: middle;
  height: 30px;
  padding: 5px 10px;
  border-bottom: 1px solid #e2e2e2;
  background-color: #f2f2f2;
  text-align: left;
  line-height: 18px;
  border-right: 1px solid #e2e2e2;
  border-left: 1px solid #fff;
}
table#sync_compare td p {
  margin: 0 0 0 15px;
  line-height: 18px;
  color: #666;
}
table#sync_compare td.heading {
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  background-color: #e0e0e0;
  line-height: 35px;
  text-indent: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: normal;
}
table#sync_compare td.green {
  text-align: center;
  text-indent: -5000px;
  margin: 0 auto;
  background: #f2f2f2 url('/images/iris/green-dot.png') center center no-repeat;
}
table#sync_compare td.green-half {
  text-align: center;
  text-indent: -5000px;
  margin: 0 auto;
  background: #f2f2f2 url('/images/iris/green-dot-half.png') center center no-repeat;
}
table#sync_compare td.red {
  text-indent: -5000px;
}
/* ---- End of Comparison Page -----*/
/* ---- Tour pages specific styles ---- */
body#tour h1 {
  margin: 0 0 10px;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  text-align: left;
}
body#tour .play {
  background-position: 0 -351px;
}
body#tour .grid-col9 {
  padding-top: 10px;
  text-align: center;
}
body#tour .grid-col9.tour-last {
  /* For the last tour page. */

  padding-top: 0;
  text-align: left;
}
body#tour .grid-col9 img {
  margin: 0;
}
body#tour #content-body {
  margin-top: 40px;
}
body#tour nav.inline-nav {
  margin-top: 25px;
}
body#tour nav.inline-nav a.next {
  margin-left: 10px;
}
body#tour div.cta-ctnr {
  position: relative;
}
body#tour div.cta-ctnr a.button {
  position: absolute;
  top: -5px;
  right: 0;
  margin: 0;
}
body#tour div.cta-ctnr a.bttn {
  margin-top: 25px;
  width: 300px;
}
/* ----- End of Tour pages ---- */
/* ---- Stories / "Who Uses SugarSync" pages specific styles ---- */
body#stories .with-bg ul.anchor-nav {
  margin: 0 0 40px;
  list-style-image: none;
  list-style-type: none;
}
body#stories .with-bg ul.anchor-nav > li {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.3em;
}
body div.story-entry {
  margin: 0 0 30px;
}
body div.story-entry .story-source {
  margin-bottom: 8px;
  font-weight: bold;
}
body div.video-matrix {
  padding: 15px 10px 0;
}
body div.video-matrix > div {
  margin: 0 0 70px;
}
body div.video-matrix .left {
  float: left;
}
body div.video-matrix .right {
  float: right;
}
body div.video-matrix .video-box {
  position: relative;
  width: 400px;
  height: 227px;
}
body div.video-matrix .video-box img {
  margin: 0 !important;
}
body div.video-matrix .video-box span {
  position: absolute;
  bottom: 0;
  display: block;
  padding: 0 15px;
  width: 370px;
  /* Target: 400px. */

  height: 50px;
  background-color: rgba(67, 155, 188, 0.7);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  text-align: left;
}
body div.video-matrix .video-box span:before,
body div.video-matrix .video-box span:after {
  content: "";
  display: inline-block;
  margin-top: 13px;
  width: 24px;
  height: 24px;
}
body div.video-matrix .video-box span:before {
  float: left;
  margin-right: 5px;
  background: transparent url(/images/icon-set-2.png) no-repeat -24px -264px;
}
body div.video-matrix .video-box span:after {
  float: right;
  background: transparent url(/images/icon-set-2.png) no-repeat -24px 0;
}
body div.video-matrix .video-box.long {
  height: 275px;
}
/* ---- End of Stories pages ---- */
/* ---- Specific styles for Terms, Privacy pages ---- */
body.legal #content h1 {
  margin-bottom: 15px;
  border-bottom: 1px solid #0abe76;
  padding-bottom: 8px;
  text-align: left;
}
body.legal #content h1.center {
  text-align: center;
}
body.legal #content.v1 h2 {
  margin-bottom: 5px;
}
body.legal p {
  margin-bottom: 15px;
}
body.legal #content.v1 ul {
  margin-bottom: 15px;
}
body.legal #content.v1 ul.default2 li {
  margin-left: 16px;
  list-style: outside;
}
/* ---- End of specific styles for terms, privacy pages ---- */
/* ---- Affiliate Page ---- */
.affiliate #content h1 {
  margin-bottom: 15px;
}
.affiliate .btn-green .btn-ss {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 12px 0;
  letter-spacing: 3px;
  font-family: 'Lato', sans-serif;
  display: block;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  border-color: transparent;
  text-shadow: none;
  background: #0ab162;
  width: 225px;
  text-align: center;
  margin: 5px auto;
}
#content-strip {
  position: relative;
  z-index: 10;
  padding: 10px 0 20px 0;
  min-height: 400px;
}
#content-strip ul.aff {
  list-style: none;
}
#content-strip ul.aff li {
  color: #232323;
  font-weight: bold;
}
#content-strip h2.aff {
  text-align: center;
  margin: 40px 0 20px 0;
}
#content-strip table.aff-tbl {
  border: 0;
  font-size: 14px;
}
#content-strip table.aff-tbl th,
#content-strip table.aff-tbl tr,
#content-strip table.aff-tbl td {
  border: 0;
  text-align: center;
  font-weight: bold;
}
#content-strip table.aff-tbl th {
  background-color: #fff;
  color: #00B661;
  font-size: 16px;
}
#content-strip table.aff-tbl th:first-child {
  border-right: 1px solid #00B661;
}
#content-strip table.aff-tbl td:first-child {
  border: 1px solid #00B661;
  border-left: 0;
  border-bottom: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*For IE*/

}
#content-strip table.aff-tbl td:first-child + td {
  border: 1px solid #00B661;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#content-strip table.aff-tbl td:nth-child(2) {
  border: 1px solid #00B661;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 0px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#content-strip .btn-orange {
  text-align: center;
  margin: 25px 0 20px 0;
}
/*@media screen and (min-height: 1000px) {
 #content-strip {
   min-height: 800px;
 }
}*/
/* ---- End of Affiliate Page ----*/
/* ---- v1 layout for general pages ---- */#content.v1 #content-main h1 {
  margin-bottom: 10px;
  padding-bottom: 8px;
}
#content.v1 .with-bg {
  padding: 40px;
  width: 880px;
}
#content.v1 h2 {
  margin: 0 0 10px;
  font: 500 18px/1em 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#content.v1 h3 {
  padding-left: 0;
}
#content.v1 p {
  color: #666;
}
#content.v1 ul,
#content.v1 li {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}
/* ---- End of v1 layout for general pages ---- */
/* ---- Video Tutorial Pages ---- */
p.vid {
  color: #333;
  font-size: 14px;
}
/* --- End of video tutorial pages ---*/
/* ---- Pricing ( Folder Plans) ----- */
body#pricing #content-body {
  padding-bottom: 60px;
}
body#pricing #content-body > h2 {
  margin-bottom: 55px;
}
body#pricing img {
  margin: 0 !important;
  /* Can be simplified! */

}
body#pricing .card-bg {
  position: relative;
  width: 193px;
  padding: 20px 11px;
  margin: 0 10px 0 0;
  background-color: #fff;
}
body#pricing .card-bg a.button {
  margin: 0;
}
body#pricing .card-bg:last-child {
  margin: 0;
}
body#pricing .card-bg h3 {
  margin: 0;
  padding: 0;
  color: #292929;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 38px;
}
body#pricing .card-bg img {
  position: absolute;
  top: -40px;
  right: -25px;
  margin: 0 !important;
  z-index: 1;
}
body#pricing .card-bg.best {
  margin: -10px 10px 0 0;
  padding: 30px;
}
body#pricing .span16 {
  font-size: 18px;
  line-height: 1.5;
  color: #292929 !important;
}
body#pricing .more,
body#pricing .strip p {
  font-size: 16px;
  line-height: 24px;
  /* This is actually unnecesary: to compensate a.icon! */

  color: #292929 !important;
}
body#pricing #pricing-other-plans {
  margin: 0 auto;
  width: 800px;
}
body#pricing #pricing-other-plans p {
  color: #292929;
  font-size: 16px;
  text-align: left;
}
body#pricing #pricing-other-plans p.head {
  float: left;
  font-weight: bold;
}
body#pricing #pricing-other-plans p.options {
  margin-left: 180px;
}
body#pricing.row {
  margin: 0 0 0 0px;
}
body#pricing .strip h3 {
  margin: 0;
  padding: 0;
  color: #292929;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 24px;
  text-transform: uppercase;
}
body#pricing a#bblink {
  margin-left: 13px !important;
}
/* --- End of Pricing ----*/
/* ---- Free page specific styles ---- */
body#free {

}
body#free .hero img {
}
body#free #content-body a.button {
  margin: 0 0 5px;
}
body#free #content-body p.minor-text {
  margin: 8px 0;
  color: #666;
  font-size: 12px;
}
body#free #content-body a.icon {
  font-size: 16px;
  font-weight: bold;
}
body#free #content-body a.icon span.video {
  background-position: 0 -2px;
}
body#free div#list-box {
  margin: 30px 0 20px;
  padding: 0 40px;
}
body#free ul.hexagon li {
  float: left;
  margin-bottom: 15px;
  width: 390px;
  color: #232323;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
}
body#free ul.hexagon li:nth-child(even) {
  float: right;
}
body#free .cta-link-box {
  margin: 25px 0;
  padding-right: 40px;
  padding-left: 40px;
}
body#free .cta-link-box a.pointer {
  padding-left: 28px;
  font-size: 16px;
  font-weight: 500;
}
body#free .cta-link-box a.l {
  float: left;
}
body#free .cta-link-box a.r {
  float: right;
}
body#free.landing h1 {
  font-size: 38px;
}
/* --- End of Free page --- */
/* ---- Business ---- */
.divider {
  border-right: 1px solid #00B661;
}
#outlook h2 {
  font: normal 700 42px/1.2 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: none;
  padding-bottom: 20px;
}
#outlook h2 small {
  font: normal 400 26px/1.2 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: none;
  display: block;
  color: #292929 !important;
}
#outlook li {
  font: normal 400 18px/1.5 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: none;
  color: #292929;
}
#outlook .icon {
  font: normal 700 18px/1.5 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: none;
}
#outlook .outlook-title {
  width: 225px;
  background: transparent url(/images/logo-outlook.png) no-repeat right 28px;
}
#business .card-bg {
  margin-left: -35px;
  margin-bottom: 20px;
  padding: 40px;
  width: 315px;
}
#business .card-bg.best {
  margin-top: 10px;
  padding: 20px 0;
  width: 892px;
  margin-left: 60px;
}
#business .card-bg.best h2 {
  font: normal 700 28px/1.2 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: none;
  padding-bottom: 20px;
}
#business .card-bg.best h3 {
  font: normal 700 24px/1.5 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: none;
  padding-bottom: 10px;
}
#business .card-bg.best p {
  color: #666 !important;
  font-size: 18px;
  margin-bottom: 20px;
}
#business .card-bg.best p small {
  color: #666;
  font-size: 14px;
  margin-bottom: 10px;
}
#business .card-bg.best ul {
  margin: 0;
}
#business .card-bg.best li {
  list-style: none;
}
#business .card-bg.best img {
  position: absolute;
  top: -40px;
  left: -8px;
  z-index: 1;
}
#business hr {
  margin: 20px 0 40px 20px !important;
  width: 960px;
  display: block;
}
#business li {
  font: normal 400 18px 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: none;
  color: #666;
}
#business .bttn {
  display: inline-block;
  width: 350px;
}
/* -- End of Business --*/
/* ---- Features pages specific styles ---- */
body#feature h1 {
  margin: 0 0 8px;
  font-size: 36px;
  line-height: 1em;
  text-align: center;
}
body#feature .page-width h2 {
  color: #232323;
  font: normal 50px/1 "Helvetica Neue", "helvetica", arial, sans-serif;
  letter-spacing: -0.05em;
  padding: 0 40px;
  text-transform: inherit;
  text-align: left;
}
body#feature hr {
  margin: 20px 0;
}
body#feature #content-main a.file {
  padding-left: 23px;
  background-position: 0 -347px;
  font-size: 16px;
}
body#feature #content-main a.down-arrow,
body#feature #content-main a.icon {
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 2px #fff;
}
body#feature nav.inline-nav {
  margin-top: 25px;
}
body#feature nav.inline-nav a.next {
  margin-left: 18px;
}
body#feature .lm h2 {
  margin: 15px 0 13px;
  padding: 0;
  color: #232323;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
  text-align: left;
  text-shadow: 0 2px #fff;
  text-transform: none;
}
/* ---- End of Feature pages----*/
/* ---- "Learn more" box for e.g. mobile landing pages ---- */
.lm-box {
  /* lm stands for "learn more". */

  margin: 40px 0 0;
  padding: 0 0 20px;
}
.lm-box .lm {
  width: 379px;
  text-align: left;
}
.lm-box .lm p {
  margin: 0 0 13px;
  padding: 0;
  color: #666;
  font-size: 14px;
  line-height: 1.4em;
  text-align: left;
}
.lm-box .lm img {
  margin: 0 !important;
  border: 1px solid #232323;
}
.lm-box .lm.left {
  float: left;
}
.lm-box .lm.right {
  float: right;
}
/* ---- End of Learn More---- */
/* ---- Company pages specific styles ---- */
body#company {
  /* .press_item2 is a class ported from the old site, used only on "In the News" page. */
}
body#company #paper {
  width: 640px;
}
body#company .span5 ul,
body#company .span5 li {
  list-style: none;
  border-top: 1px solid #969696;
  margin: 0;
  padding: 0;
}
body#company .span5 ul {
  margin: 1px -20px 20px 20px;
}
body#company .span5 a {
  padding: 10px;
  display: block;
}
body#company .press_item2 {
  margin: 0 0 30px;
}
body#company .press_item2 p.source {
  margin: 0;
  color: #000000;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}
body#company .press_item2 p.excerpt {
  margin: 0;
}
body#company .press_item2 p h3 {
  margin-bottom: 0 !important;
}
body#company .profile-box {
  margin: 0 0 60px;
}
body#company .profile-box img {
  float: left;
}
body#company .profile-box .text {
  margin-left: 130px;
}
body#company .profile-box h3 {
  display: inline-block;
  font-style: normal;
  font-weight: 700;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 30px !important;
  line-height: 34px !important;
  text-transform: none;
}
body#company .profile-box h3 span {
  display: block;
  color: #00B463;
  font-size: 20px;
  font-weight: normal;
}
.press-box {
  margin: 0 0 30px;
}
.press-box h2 {
  margin: 0 0 8px !important;
  font-size: 24px !important;
  line-height: 28px !important;
}
.press-box span.release-date {
  color: #000;
  font-size: 16px;
  line-height: 25px;
}
/* ---- End of Company ---- */
/* ---- Downloads page specific styles ----- */
#downloads #content #section-head {
  height: 120px;
}
#downloads h2 {
  text-align: center;
  position: relative;
  top: -76px;
  font-weight: 200;
  color: #666;
}
#downloads #content-main > p {
  margin: 18px 0 38px;
  padding: 0;
  color: #232323;
  font-size: 18px;
  font-weight: 500;
  line-height: 1em;
}
#downloads #desktop-box {
  margin: 20px auto 15px;
  width: 660px;
  min-height: 195px;
  text-align: center;
}
#downloads #desktop-box > div {
  display: none;
  margin: 0 auto;
  width: 500px;
}
#downloads #desktop-box > div h3 {
  display: inline-block;
  margin: 0 0 10px;
  font-weight: 700;
  font-style: normal;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: none;
}
#downloads #desktop-box > div h3.mac:before,
#downloads #desktop-box > div h3.win:before {
  content: "";
  float: left;
  margin-right: 7px;
  width: 26px;
  height: 33px;
}
#downloads #desktop-box > div h3.mac:before {
  background: transparent url(/images/icon-set-3.png) no-repeat 0 -2000px;
}
#downloads #desktop-box > div h3.win:before {
  width: 31px;
  background: transparent url(/images/icon-set-3.png) no-repeat 0 -1500px;
}
#downloads #desktop-box > div p {
  color: #666;
}
#downloads #desktop-box a.bttn {
  margin-bottom: 8px;
  width: 200px;
}
#downloads #desktop-box a.windows {
  font-size: 15px;
  background-position: 0 -498px;
}
#downloads #other-platform-box {
  margin: 30px auto;
  width: 660px;
  /* = the size of #desktop-box. */

  /* For Mac "version", we should hide the SugarSync for Outlook. */

}
#downloads #other-platform-box a {
  text-decoration: none;
}
#downloads #other-platform-box div > p {
  color: #232323;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.05px;
  line-height: 34px;
  text-align: left;
}
#downloads #other-platform-box div > p span {
  font-size: 40px;
}
#downloads #other-platform-box.mac #mobile-box {
  float: none;
  margin: 0 auto;
}
#downloads #other-platform-box.mac #outlook-box {
  display: none;
}
#downloads #mobile-box {
  float: left;
  padding-right: 65px;
  width: 230px;
  background: transparent url(/images/illustration-mobile.png) no-repeat right bottom;
}
#downloads #outlook-box {
  float: right;
  padding-right: 65px;
  width: 225px;
  background: transparent url(/images/logo-outlook.png) no-repeat right 25px;
}
/* Download-help-pages */
body#download-help {
  background: #fff;
}
body#download-help a, 
body#download-help a:active, 
body#download-help a:link, 
body#download-help a:visited {
  color: #4bb970;
}
body#download-help div#content {
  padding: 47px 0 0 0;
}
body#download-help #content .page-width {
  width:100%;
}
body#download-help #content-strip {
  background: none;
  padding-bottom: 0;
}
body#download-help .helpArea {
  position: relative;
  background: #fff;
  margin: 30px 0 15px 0;
  padding: 15px 0;
}
body#download-help .instructions {
  width: 960px;
  margin: 0 auto;
}
.header-download {
  float: right;
  padding-top: 48px;
  margin-right: 15px;
}
.header-download span {
  padding-left: 34px;
  text-transform: uppercase;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #232323;
  line-height: 31px;
}
.header-download a {
  background: transparent url(/images/arrow-left-black.png) no-repeat 0 0;
  height: 27px;
  display: inline-block;
}
.header-download a:hover,
.header-download a:active {
  text-decoration: none;
}
#download-box {
  margin: 15px 0 0;
  width: 100%;
  background: #fff;
}
#download-help #download-box {
  position: relative;
  top: -45px;
}
#download-box > .info {
  padding-bottom: 50px;
  text-align: center;
}
#download-box .download-box-desc,
#download-box .download-box-pict {
  float: left;
}
#download-box .download-box-desc {
  background: url(/images/download-help/dl_help_logo.jpg) no-repeat left bottom;
  position: relative;
  padding: 0 0 0 185px;
  width: 515px;
  height: 140px;
  text-align: left;
  left: 50%;
  margin-left: -350px;
}
#download-box .download-box-desc p {
  padding-top: 40px;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  color: #232323;
}
#download-box .download-box-desc p span {
  font-weight: 400;
  font-size: 16px;
}
.dialog-box {
  display: none;
  margin: 20px 0;
}
.dialog-box h5 {
  margin: 10px 0 10px 0;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  text-transform: none;
  font-weight: 700;
  font-style: normal;
  text-shadow: 0 1px #fff;
  border-bottom: 1px solid #a0a0a0;
  line-height: 24px;
  padding-bottom: 10px;
}
.dialog-box p {
  color: #232323;
}
.dialog-box .dialog-download,
.dialog-box .dialog-account,
.dialog-box .dialog-setup,
.dialog-box .arrow-separator {
  float: left;
  text-align: left;
}
.dialog-box .dialog-download {
  width: 302px;
}
.dialog-box .dialog-account {
  width: 301px;
}
.dialog-box .dialog-setup {
  width: 303px;
}
.dialog-box .dialog-box-info {
  text-align: center;
}
.dialog-box .dialog-box-info p {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #666;
  margin-bottom: 0;
}
.video-playlist {
  background: #fff;
  padding-top: 20px;
  text-align: center;
}
.video-playlist p {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  margin: 0 0 15px 0;
  color: #737373;
}
.video {
  padding-bottom: 0;
}
.dialog-box-info {
  text-align: center;
}
#download-help .dialog-box-info {
  display: none;
}
/* ---- End of Downloads page ---- */
/* --- '.span11.with-bg' is the "standard" layout used on e.g. Company pages, Blog index page.  ---- */
.span11.with-bg {
  /* Usage example: Company pages. */

  padding: 25px 30px;
  width: 615px;
  float: left;
}
.span11.with-bg ul {
  margin-left: 40px;
  margin-right: 40px;
}
.span11.with-bg h2 {
  margin: 0 0 12px;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 27px;
  font-weight: 700;
  font-style: normal;
  line-height: 33px;
  text-shadow: none;
  text-transform: none;
}
.span11.with-bg h3 {
  margin: 0 0 15px;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 22px;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: none;
}
.span11.with-bg p {
  margin: 0 0 18px;
  padding: 0;
  color: #666;
  font-size: 14px;
}
/* End of '.span11.with-bg' */
/* ---- Specific styles for CloudU pages ---- */
body#cloudu #pre-h {
  margin: 0 0 20px;
}
body#cloudu #pre-h a.icon {
  float: left;
  font-size: 14px;
}
body#cloudu #cu-social-box {
  float: left;
  margin-left: 20px;
  padding-top: 3px;
  height: 21px;
  /* To align with the "Download PDF" button. Target: 24px. */

}
body#cloudu #cu-social-box > div {
  float: left;
  margin: 0 10px 0 0;
}
body#cloudu ul#cloudu-read-list li > span,
body#cloudu ul#cloudu-watch-list li > span {
  display: block;
}
/* ---- 404 / 503 page specific styles ---- */
body#_404 img {
  margin: 0;
}
body#_503 img {
  margin: 0;
}
body#_503 #error-msg-box {
  margin: 40px auto 20px;
  width: 600px;
  text-align: center;
}
body#_503 #error-msg-box > p {
  margin: 15px 0;
  color: #292929;
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
body#_503 #error-msg-box a.button {
  margin-top: 20px;
}
.seal-block {
  *zoom: 1;
  zoom: 1;
  margin: 20px auto;
  width: 800px;
}
.seal-block:before,
.seal-block:after {
  display: table;
  content: "";
  line-height: 0;
}
.seal-block:after {
  clear: both;
}
.seal-block .seal-box {
  float: left;
  margin: 0 25px 0 0;
}
.seal-block .seal-box:last-child {
  margin-right: 0;
}
#landing .seal-block {
  width: auto;
}
#landing .seal-block .seal-box.verisign {
  position: relative;
  top: -6px;
  margin: 0 15px 0 30px;
  width: 105px;
  overflow: hidden;
}
body#landing a.icon {
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
}
body#landing a.icon span.pointer {
  padding-left: 25px;
  width: auto;
}
body#landing .lm-box .thumb-img {
  margin-top: 10px;
  width: 450px;
  text-align: center;
}
body#landing .lm-box .thumb-img a.icon {
  margin-bottom: 10px;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
}
body#landing .lm-box .thumb-img a.icon img {
  margin: 5px 10px 0 10px;
  border: 4px solid #eae9e9;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  /* for Safari */

  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */

}
body#landing .lm-box .thumb-img a.icon img:hover {
  border: 4px solid #d7d7d7;
}
body#landing .lm-box .card-bg.best ul.price li {
  margin-bottom: 10px;
}
body#landing .lm-box .lm.right {
  padding: 30px 0px;
}
body#landing .lm-box .lm.right.hexagon {
  padding: 0px;
}
body#landing .ctnr-offers {
  margin: 0 auto;
  padding: 20px 0;
  width: 820px;
  *zoom: 1;
  zoom: 1;
}
body#landing .ctnr-offers:before,
body#landing .ctnr-offers:after {
  display: table;
  content: "";
  line-height: 0;
}
body#landing .ctnr-offers:after {
  clear: both;
}
body#landing .ctnr-offers #mobile,
body#landing .ctnr-offers #media {
  margin-right: 30px;
}
body#landing .ctnr-offers .offer-box,
body#landing .ctnr-offers .offer-box2 {
  width: 45%;
  margin-right: 30px;
  float: left;
}
body#landing .ctnr-offers #mobile {
  float: left;
}
body#landing .ctnr-offers #media {
  float: right;
}
body#landing .ctnr-offers h4 {
  padding-top: 145px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  background-position: center 0;
  background-repeat: no-repeat;
}
body#landing .ctnr-offers .offer-box2 h4 {
  padding-top: 10px;
}
body#landing .ctnr-offers .offer-box2 ul li {
  text-align: left;
}
body#landing .ctnr-offers #media {
  margin-right: 0px;
}
body#landing .ctnr-offers #media h4 {
  background-image: url(/images/module-media.png);
}
body#landing .ctnr-offers #mobile h4 {
  background-image: url(/images/module-mobile.png);
}
body#landing #user-strip .bordering {
  border-top: 1px dotted #232323;
  margin: 0 0 20px 0;
  width: auto;
}
body#landing #quote-ctnr.new-land {
  *zoom: 1;
  zoom: 1;
}
body#landing #quote-ctnr.new-land:before,
body#landing #quote-ctnr.new-land:after {
  display: table;
  content: "";
  line-height: 0;
}
body#landing #quote-ctnr.new-land:after {
  clear: both;
}
body#landing #quote-ctnr.new-land .quote-box {
  position: relative;
  padding-top: 42px;
}
body#landing #quote-ctnr.new-land .quote-box.last {
  margin-right: 0px;
}
.vid-box {
  padding: 10px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 290px;
  background-color: #fff;
}
.vid-box:hover {
  background-color: #efefef;
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  -webkit-transition: all background-color 0.3s linear ease-out;
  -moz-transition: all background-color 0.3s linear ease-out;
  transition: all background-color 0.3s linear ease-out;
}
.vid-box:hover span {
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear 0.1s;
  -moz-transition: opacity 0.3s linear 0.1s;
  -o-transition: opacity 0.3s linear 0.1s;
  transition: opacity 0.3s linear 0.1s;
  -webkit-transition: all opacity 0.3s linear 0.1s ease-out;
  -moz-transition: all opacity 0.3s linear 0.1s ease-out;
  transition: all opacity 0.3s linear 0.1s ease-out;
}
.vid-box > a {
  position: relative;
  display: block;
  width: 290px;
  height: 163px;
}
.vid-box > a > span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 290px;
  height: 163px;
  background: #ffffff url(/images/thumb-play-screen.png) no-repeat center center;
  -webkit-opacity: 50;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
.vid-box > a img {
  width: 290px;
  height: auto;
}
.vid-box p {
  margin: 8px 0 0;
  min-height: 40px;
  /* = 2x line-height, so that 1-line and 2-line text have the same height. */

  font-size: 16px;
  line-height: 20px;
  text-align: left;
}
.vid-box p > a {
  font-weight: 600;
}
body#videos .vid-box-block {
  *zoom: 1;
  zoom: 1;
  margin: 50px 0;
}
body#videos .vid-box-block:before,
body#videos .vid-box-block:after {
  display: table;
  content: "";
  line-height: 0;
}
body#videos .vid-box-block:after {
  clear: both;
}
body#videos .vid-box-block .vid-box {
  float: left;
  margin-left: 10px;
}
body#videos .vid-box-block .vid-box:first-child {
  margin-left: 0;
}
/* ----------
   Manually copied over from /css/iris/ext/bootstrap.css
   ----------
 */
.label {
  border-radius: 3px 3px 3px 3px;
  padding: 1px 4px 2px;
}
.label-success {
  background-color: #468847;
}
.label {
  color: #FFFFFF;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  vertical-align: baseline;
  white-space: nowrap;
}
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
.iris #header {
  border-bottom: none;
}
.iris #header .span4 {
  float: right;
  width: 300px;
}
.iris #footer h3 {
  text-shadow: none;
}
.iris #footer .span2 {
  margin-left: 10px;
  width: 17.87234042553191%;
}
.iris #footer .offset1 {
  margin-left: 60px;
}
.iris #footer li {
  margin: 0;
}
.iris #footer #copyright {
  clear: both;
}
.iris #footer #copyright .span4 {
  margin: 0;
  width: 270px;
}
.iris #footer #copyright .span6 {
  float: right;
  width: auto;
}
.iris #footer #copyright p {
  text-shadow: none;
}
.iris #header .container,
.iris #footer .container {
    width: 940px !important;
    margin-left: auto;
    margin-right: auto;
}

.goog-te-combo {
    width:165px !important;
    height:34px !important;
}

@media (max-width: 992px) {
    body.blacktheme {
        min-width: 992px !important;
    }
    #sidebar ul {
        margin-right:20px;
    }
    footer#footer-container {
        margin-bottom: 30px;
    }
    #businessLink p {
        color: #fff;
        line-height: 2.5;
        text-shadow: none;
    }
}