/**
 * TOMTOM AUTOMOTIVE
 *
 * Main styling
 *
 * @author          Davy De Pauw (davy@marlon.be)
 * @copyright       Marlon BVBA <http://www.marlon.be>
 */
@media screen {
  /* ==========================================================
     imports for all mixins + global project variables
     ========================================================== */
  /* colors */
  /* usefull snippets  */
  /* fonts */
  /*
  example {
    @include font-size(13);
  }
  */
  /* set breakpoints */
  /**
   * Responsive stylesheet
   *
   * BREAKPOINT NAMESPACE LEGEND
   * bp1 = mobile
   * bp2 = tablet
   * bp3 = desktop (normal)
   * bp4 = desktop (wide)
   *
   * @author          Davy De Pauw (davy@marlon.be)
   * @copyright       Marlon BVBA <http://www.marlon.be>
   * @date            2013-04-04
   */
  /* GRID
  ========================================================== */
  .cols {
    position: relative;
    clear: both;
    /*overflow: hidden;*/
    margin-left: -10px; }

  .col {
    float: left;
    display: inline;
    padding-left: 10px;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  .prepend-1 {
    margin-left: 8.3333%; }

  .prepend-2 {
    margin-left: 16.6666%; }

  .prepend-3 {
    margin-left: 24.9999%; }

  .prepend-4 {
    margin-left: 33.3332%; }

  .prepend-5 {
    margin-left: 41.6665%; }

  .prepend-6 {
    margin-left: 50%; }

  .prepend-7 {
    margin-left: 58.3333%; }

  .prepend-8 {
    margin-left: 66.6667%; }

  .prepend-9 {
    margin-left: 74.9999%; }

  .prepend-10 {
    margin-left: 83.3333%; }

  .prepend-11 {
    margin-left: 91.6666%; }

  .prepend-12 {
    margin-left: 100%; }

  .col-1 {
    width: 8.3333%; }

  .col-2 {
    width: 16.6666%; }

  .col-3 {
    width: 24.9999%; }

  .col-4 {
    width: 33.3332%; }

  .col-5 {
    width: 41.6665%; }

  .col-6 {
    width: 50%; }

  .col-7 {
    width: 58.3333%; }

  .col-8 {
    width: 66.6667%; }

  .col-9 {
    width: 74.9999%; }

  .col-10 {
    width: 83.3333%; }

  .col-11 {
    width: 91.6666%; }

  .col-12 {
    width: 100%; }

  /*! normalize.css 2011-11-04T15:38 UTC - http://github.com/necolas/normalize.css */
  /* HTML5 display definitions
  ========================================================== */
  /*
   * Corrects block display not defined in IE6/7/8/9 & FF3
   */
  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block; }

  /*
   * Corrects inline-block display not defined in IE6/7/8/9 & FF3
   */
  audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1; }

  /*
   * Prevents modern browsers from displaying 'audio' without controls
   */
  audio:not([controls]) {
    display: none; }

  /*
   * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
   * Known issue: no IE6 support
   */
  [hidden] {
    display: none; }

  /* Base
  ========================================================== */
  /*
   * 1. Keeps page centered in all browsers regardless of content height
   * 2. Set font-size to 10px, to easily use rem values
   *    http://snook.ca/archives/html_and_css/font-size-with-rem
   * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
   *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
   */
  html {
    overflow-y: scroll;
    /* 1 */
    height: 100%;
    font-size: 62.5%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 3 */
    -ms-text-size-adjust: 100%;
    /* 3 */ }

  /*
   * Addresses margins handled incorrectly in IE6/7
   */
  body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8em;
    color: #444;
    background-color: #fff; }

  /* 
   * Addresses font-family inconsistency between 'textarea' and other form elements.
   */
  html,
  body,
  button,
  input,
  select,
  textarea {
    font-family: Verdana, sans-serif; }

  /* Common
  ========================================================== */
  .hide {
    position: absolute;
    display: block;
    padding: 0 !important;
    left: -9999px !important;
    height: 0px !important;
    line-height: 0px !important;
    background: none !important; }

  .hidden {
    text-indent: -9999px; }

  .note {
    margin: -5px 0 10px 0;
    font-size: 12px;
    font-size: 1.2rem;
    color: #595959; }

  dd .note {
    margin: .5em 0 0 0; }

  /* Browser fixes
  ========================================================== */
  /* Clearfix updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
  .group:before,
  .group:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden; }

  .group:after {
    clear: both; }

  .group {
    zoom: 1; }

  /* IE < 8 */
  .clear {
    clear: both; }

  /* Skip links
  ========================================================== */
  #skip {
    position: absolute;
    left: -999em;
    top: 0px;
    width: 200px; }

  #skip li {
    text-indent: -999em;
    background: none; }

  /* Links
  ========================================================== */
  /*
   * Addresses outline displayed oddly in Chrome
   */
  a:focus,
  .button input:focus {
    overflow: hidden;
    /* outline only the clickable part */
    outline: thin dotted; }

  a {
    text-decoration: none;
    color: #333; }

  a:hover {
    color: #176a85;
    border-bottom-color: #176a85; }

  /*
   * Improves readability when focused and also mouse hovered in all browsers
   * people.opera.com/patrickl/experiments/keyboard/test
   */
  a:hover, a:active, a:focus {
    outline: 0;
    -moz-outline-style: none; }

  a img {
    border: none; }

  /* Typography
  ========================================================== */
  h1, h2, h3, h4, h5 {
    margin: 0 0 1em 0;
    padding: 0;
    line-height: 1.1em; }

  h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal; }

  section h1,
  article h1,
  h2 {
    font-size: 24px;
    font-size: 2.4rem; }

  h2 a {
    text-decoration: none; }

  section article h1,
  section article h2,
  h3 {
    margin-bottom: .5em;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em; }

  p {
    margin: 0 0 1em 0; }

  em, i {
    font-style: italic; }

  /*
   * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
  */
  strong, b {
    font-weight: bold; }

  /*
   * 1. Addresses CSS quotes not supported in IE6/7
   * 2. Addresses quote property not supported in S4
   */
  /* 1 */
  blockquote, q {
    quotes: none; }

  /* 1 */
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none; }

  .cite {
    font-size: 12px;
    font-size: 1.2rem; }

  small {
    font-size: 85%; }

  ins {
    text-decoration: none;
    color: #000;
    background-color: #ff9; }

  /*
   * Addresses styling not present in IE6/7/8/9
   */
  mark {
    font-weight: bold;
    color: #000;
    background-color: #ff9; }

  del {
    text-decoration: line-through; }

  /*
   * Addresses styling not present in S5, Chrome
   */
  dfn {
    font-style: italic; }

  abbr, acronym {
    font-style: normal;
    border-bottom: none;
    cursor: help; }

  /*
   * Addresses styling not present in IE7/8/9, S5, Chrome
   */
  abbr[title], dfn[title] {
    border-bottom: 1px dotted inherit; }

  a abbr {
    border: none; }

  /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

  sup {
    top: -0.5em; }

  sub {
    bottom: -0.25em; }

  /*
   * Corrects font family set oddly in IE6, S4/5, Chrome
   * en.wikipedia.org/wiki/User:Davidgothberg/Test59
   */
  pre, code, kbd, samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em; }

  /*
   * Improves readability of pre-formatted text in all browsers
   */
  pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word; }

  hr {
    display: none; }

  /*lists
  ========================================================== */
  ul, ol {
    margin: 0 0 1em 0;
    padding: 0 0 0 25px; }

  dd {
    margin: 0 0 0 40px; }

  nav ul,
  nav ol {
    padding: 0;
    list-style: none;
    list-style-image: none; }

  /* embedded content
  ========================================================== */
  /*
   * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
   * 2. Improves image quality when scaled in IE7
   *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
   */
  img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */ }

  /*
   * Corrects overflow displayed oddly in IE9 
   */
  svg:not(:root) {
    overflow: hidden; }

  /* Figures
  ========================================================== */
  /*
   * Addresses margin not present in IE6/7/8/9, S5, O11
   */
  figure {
    margin: 0; }

  /* Table styles
  ========================================================== */
  table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0; }

  caption {
    font-style: italic;
    color: #666; }

  td, td img {
    vertical-align: top; }

  th {
    font-weight: bold; }

  td {
    padding: 8px 0;
    border-bottom: 1px solid #ddd; }

  thead td {
    font-weight: 600;
    color: #5d8aa1; }

  /* Forms
  ========================================================== */
  form {
    margin: 0; }

  /*
   * Define consistent border, margin, and padding
   */
  fieldset {
    border: 0;
    margin: 0;
    padding: 0; }

  /*
   * 1. Corrects color not being inherited in IE6/7/8/9
   * 2. Corrects text not wrapping in FF3 
   * 3. Corrects alignment displayed oddly in IE6/7
   */
  legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */ }

  /*
   * 1. Corrects font size not being inherited in all browsers
   * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
   * 3. Improves appearance and consistency in all browsers
   */
  button, select, input, textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */ }

  .lte7 button, .lte7 select, .lte7 input, .lte7 textarea {
    vertical-align: middle; }

  /*
   * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
   */
  button, input {
    line-height: normal; }

  .lte7 button, .lte7 input {
    overflow: visible; }

  .lte7 table button, .lte7 table input {
    overflow: auto; }

  button {
    width: auto;
    /* or replace with a fixed width */ }

  /*
  * 1. Improves usability and consistency of cursor style between image-type 'input' and others
  * 2. Corrects inability to style clickable 'input' types in iOS
  * 3. Removes inner spacing in IE7 without affecting normal text inputs
  *    Known issue: inner spacing remains in IE6
  */
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    cursor: pointer;
    /* 1 */
    -webkit-appearance: button;
    /* 2 */
    *overflow: visible;
    /* 3 */ }

  /*
   * 1. Addresses box sizing set to content-box in IE8/9
   * 2. Removes excess padding in IE8/9
   * 3. Removes excess padding in IE7
        Known issue: excess padding remains in IE6
   */
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */ }

  /*
   * 1. Addresses appearance set to searchfield in S5, Chrome
   * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
   */
  input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  /*
   * Removes inner padding and search cancel button in S5, Chrome on OS X
   */
  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-results-button,
  input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none; }

  /*
   * Removes inner padding and border in FF3+
   * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
   */
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }

  /* align checkboxes, radios, text inputs with their label
     by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
  input[type="radio"] {
    vertical-align: text-bottom; }

  input[type="checkbox"] {
    vertical-align: bottom; }

  .ie7 input[type="checkbox"] {
    vertical-align: baseline; }

  .ie6 input {
    vertical-align: text-bottom; }

  input:active {
    outline: none;
    /* no outline when clicking a button */
    -moz-outline-style: none; }

  input.idle,
  textarea.idle {
    color: #a7a7a7; }

  /*
   * 1. Removes default vertical scrollbar in IE6/7/8/9
   * 2. Improves readability and alignment in all browsers
   */
  textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */ }


    .feedback {
      margin-bottom: 20px;
      padding: 8px 35px 8px 14px;
      /**/
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; 
  }

  .error-msg {
      color: #b94a48;
      background-color: #f2dede;
      border: 1px solid #eed3d7;
  }

  .errors {
      margin: 0;
      padding: 5px 0 0 0;
      list-style: none;
      color: #b94a48;
  }

  .error label {
      color: #b94a48;
  }

  .error .field,
  .error .field:focus {
      color: #b94a48;
      background-color: #fff;
      border-color: #b94a48;

      /* fancy CSS3 animation */
      -o-webkit-animation: errorGlow 2s infinite;
      -moz-webkit-animation: errorGlow 2s infinite;
      -webkit-animation: errorGlow 2s infinite;
      animation: errorGlow 2s infinite;
  }


  /* Debug layer
  ---------------------------------------------------------- */
  .debug {
    position: absolute;
    top: -20px;
    left: 2%;
    width: 92%;
    padding: 2%;
    font-size: 16px;
    table-size: 4;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 20px #000;
    z-index: 999; }

  /* IE specific
   * ======================================================= */
  .ie7 img {
    -ms-interpolation-mode: bicubic; }

  @font-face {
    font-family: 'Gibson';
    src: url("../fonts/gibson.eot");
    src: url("../fonts/gibson.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson.woff") format("woff"), url("../fonts/gibson.ttf") format("truetype"), url("../fonts/gibson.svg#ywftsvg") format("svg");
    font-weight: normal;
    font-style: normal; }

  @font-face {
    font-family: 'GibsonBold';
    src: url("../fonts/gibson-bold.eot");
    src: url("../fonts/gibson-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson-bold.woff") format("woff"), url("../fonts/gibson-bold.ttf") format("truetype"), url("../fonts/gibson-bold.svg#ywftsvg") format("svg");
    font-weight: normal;
    font-style: normal; }

  @font-face {
    font-family: 'GibsonBoldItalic';
    src: url("../fonts/gibson-bold-italic.eot");
    src: url("../fonts/gibson-bold-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson-bold-italic.woff") format("woff"), url("../fonts/gibson-bold-italic.ttf") format("truetype"), url("../fonts/gibson-bold-italic.svg#ywftsvg") format("svg");
    font-weight: normal;
    font-style: normal; }

  @font-face {
    font-family: 'GibsonItalic';
    src: url("../fonts/gibson-italic.eot");
    src: url("../fonts/gibson-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson-italic.woff") format("woff"), url("../fonts/gibson-italic.ttf") format("truetype"), url("../fonts/gibson-italic.svg#ywftsvg") format("svg");
    font-weight: normal;
    font-style: normal; }

  @font-face {
    font-family: 'GibsonLight';
    src: url("../fonts/gibson-light.eot");
    src: url("../fonts/gibson-light.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson-light.woff") format("woff"), url("../fonts/gibson-light.ttf") format("truetype"), url("../fonts/gibson-light.svg#ywftsvg") format("svg");
    font-weight: normal;
    font-style: normal; }

  @font-face {
    font-family: 'GibsonLightItalic';
    src: url("../fonts/gibson-light-italic.eot");
    src: url("../fonts/gibson-light-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson-light-italic.woff") format("woff"), url("../fonts/gibson-light-italic.ttf") format("truetype"), url("../fonts/gibson-light-italic.svg#ywftsvg") format("svg");
    font-weight: normal;
    font-style: normal; }

  @font-face {
    font-family: 'GibsonSemiBold';
    src: url("../fonts/gibson-semibold.eot");
    src: url("../fonts/gibson-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson-semibold.woff") format("woff"), url("../fonts/gibson-semibold.ttf") format("truetype"), url("../fonts/gibson-semibold.svg#ywftsvg") format("svg");
    font-weight: normal;
    font-style: normal; }

  @font-face {
    font-family: 'GibsonSemiboldItalic';
    src: url("../fonts/gibson-semibold-italic.eot");
    src: url("../fonts/gibson-semibold-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/gibson-semibold-italic.woff") format("woff"), url("../fonts/gibson-semibold-italic.ttf") format("truetype"), url("../fonts/gibson-semibold-italic.svg#ywftsvg") format("svg");
    font-weight: normal;
    font-style: normal; }

  .page .summary {
    font-family: 'GibsonLight'; }

  .home .rte a {
    font-family: 'Gibson'; }

  .content h1,
  .content h2,
  .content h3,
  nav.aside h1,
  nav.aside li,
  .home h2,
  .home .rte h2 a,
  .button,
  .has-poster .play,
  .download-button,
  .jigsaw .description,
  .ui-tabs nav {
    font-family: 'GibsonSemiBold';
    font-weight: normal; }

  /* Container
  ---------------------------------------------------------- */
  .container {
    width: 950px;
    margin: 0 auto;
    padding: 15px 0; }

  /* Header
  ---------------------------------------------------------- */
  header.primary {
    position: relative;
    height: 70px; }

  .site-logo {
    position: absolute;
    display: block;
    top: 0;
    left: 10px;
    width: 189px;
    height: 28px;
    text-indent: -999em;
    background: url(../img/logo.png) no-repeat 0 0 transparent; }

  /* Navigation -> primary
  ---------------------------------------------------------- */
  nav.primary {
    position: absolute;
    bottom: -4px;
    left: -4px;
    width: 958px; }
    nav.primary ul,
    nav.primary li:hover,
    nav.primary li.active {
      background-image: url(../img/menubar-bg.gif);
      background-repeat: repeat-x; }
    nav.primary ul {
      position: relative;
      margin: 0;
      height: 35px;
      list-style-type: none;
      font-size: 11px; }
    nav.primary li {
      float: left;
      height: 35px; }
    nav.primary a {
      display: block;
      color: #fff;
      text-decoration: none;
      padding: 0 12px;
      text-align: center;
      line-height: 33px;
      background: url(../img/menubar-sep.gif) no-repeat 100% 0; }
    nav.primary a:hover {
      color: #fff; }
    nav.primary li:hover {
      background-position: 0 -35px; }
    nav.primary li.active {
      background-position: 0 -70px; }
    nav.primary li.first {
      padding-left: 16px;
      text-indent: -999em;
      background: url(../img/menubar-item-home.gif) no-repeat 0 0; }
    nav.primary li.first:hover {
      background-position: 0 -35px; }
    nav.primary li.right {
      float: right;
      background: url(../img/menubar-right.png) no-repeat 100% 0;
      width: 40px; }
    nav.primary li.last a {
      display: block;
      color: #fff;
      text-decoration: none;
      padding: 0 12px;
      text-align: center;
      line-height: 33px; }

  nav.secondary {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 11px;
    font-size: 1.1rem; }
    nav.secondary li {
      float: left;
      margin-left: 5px;
      padding-left: 5px;
      line-height: 12px;
      border-left: 1px solid #424542; }
    nav.secondary li.first {
      border-left: none; }
    nav.secondary li.right {
      display: none; }
    nav.secondary a {
      position: relative;
      top: -2px;
      float: left;
      padding: 0;
      text-decoration: underline; }

  /* Navigation -> aside
  ---------------------------------------------------------- */
  nav.aside {
    padding: 5px 25px 0 15px; }
    nav.aside h1 {
      margin-bottom: .5em;
      color: #94b208; }
    nav.aside ul {
      padding-bottom: 10px;
      background: url(../img/bg-subnav.gif) no-repeat 0 100%; }
    nav.aside li {
      padding: 3px 0 10px 15px;
      font-size: 15px;
      font-size: 1.5rem;
      background: url(../img/bg-subnav-item.gif) no-repeat 0 9px; }
    nav.aside li.first {
      background: url(../img/bg-subnav-first.gif) no-repeat 0 -22px; }
    nav.aside a {
      color: #999; }
    nav.aside .subnav {
      margin-bottom: 0;
      padding-bottom: 0;
      background: none; }
      nav.aside .subnav li {
        padding: 0 0 5px 10px;
        font-family: Verdana, sans-serif;
        font-size: 13px;
        font-size: 1.3rem;
        background: none; }
      nav.aside .subnav a {
        color: #424542; }

  /* Navigation -> breadcrumb
  ---------------------------------------------------------- */
  nav.breadcrumb a,
  nav.breadcrumb span,
  nav.breadcrumb em {
    float: left; }
  nav.breadcrumb a {
    text-decoration: underline;
    color: #bdd731; }
  nav.breadcrumb span {
    width: 20px;
    height: 24px;
    text-indent: -999em;
    background: url(../img/list-arrow.png) no-repeat 50% 50%; }
  nav.breadcrumb em {
    font-style: normal; }

  /* Main
  ---------------------------------------------------------- */
  .main {
    padding-top: 10px; }

  .content {
    float: right;
    padding-top: 20px;
    padding-bottom: 100px; }

  /* Home
  ---------------------------------------------------------- */
  .home h2 {
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    border-bottom: 3px solid #BDD731; }
  .home .rte-wrapper {
    position: relative;
    width: 975px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box; }
  .home .rte {
    margin-right: 25px;
    padding-bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem; }
  .home .rte a {
    font-weight: normal;
    text-transform: uppercase;
    color: #444;
    border: none; }
  .home .rte a:hover {
    color: #737573; }

  /* ASIDE
  ========================================================== */
  aside.primary {
    padding-top: 10px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 19px; }
    aside.primary h1, aside.primary h2, aside.primary h3, aside.primary h4 {
      margin: 0 0 .25em; }
    aside.primary h2 {
      font-size: 15px;
      font-size: 1.5rem; }
    aside.primary .box {
      margin-bottom: 10px; }

  /* FOOTER
  ========================================================== */
  footer.primary {
    padding: 20px;
    color: #8A8A8A;
    background-color: #f4f4f4; }
    footer.primary nav.footer-nav {
      padding: 20px;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: bold;
      line-height: 16px;
      background-color: #f9f9f9;
      border: 1px solid #dfdfdf;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
    footer.primary a {
      color: #8A8A8A; }
    footer.primary a:hover {
      color: #000; }
    footer.primary .col {
      width: 125px;
      padding-right: 15px; }
    footer.primary .subnav {
      margin: 12px 0 0 0;
      font-weight: normal;
      font-size: 10px;
      font-size: 1rem; }
    footer.primary .subnav li {
      padding-bottom: 3px; }

  nav.social {
    margin-bottom: 16px;
    padding-left: 21px; }
    nav.social h1 {
      float: left;
      margin-right: 16px;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal; }
    nav.social a {
      float: left;
      margin-right: 5px;
      width: 16px;
      height: 16px;
      text-indent: -999em;
      background-image: url(../img/sprite_social.png);
      background-repeat: no-repeat; }
    nav.social .facebook {
      background-position: 0 0; }
    nav.social .twitter {
      background-position: -16px 0; }
    nav.social .youtube {
      background-position: -32px 0; }
    nav.social .linkedin {
      background-position: -48px 0; }

  .button {
    display: inline-block;
    float: left;
    padding: 8px 17px 6px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    text-transform: uppercase;
    color: #333;
    background-color: #BDD731;
    border: none;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px; }

  .button:hover {
    color: #333;
    background-color: #8BC641; }

  .download-button {
    display: inline-block;
    padding: 15px 25px 15px 65px;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    color: #fff;
    background: #595959 url(../img/bg_download.png) no-repeat 20px 50%;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px; }
    .download-button:hover {
      color: #fff; }

  /* Form fields
  ---------------------------------------------------------- */
  form dl,
  form dd {
    margin: 0;
    padding: 0; }
  form dd {
    padding-bottom: 10px; }

  /* Form fields
  ---------------------------------------------------------- */
  .forms .content {
    float: left; }

  .field {
    width: 100%;
    height: 30px;
    padding: 6px 5px;
    font-size: 1em;
    text-indent: 5px;
    border: 1px solid #ddd;
    border-top: 1px solid #7c7c7c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  textarea {
    min-height: 100px; }

  .checkboxes ul {
    margin: 0;
    padding: 0;
    list-style: none; }

  label.checkbox {
    position: relative;
    padding: 0 0 0 20px; }

  label.checkbox input {
    position: absolute;
    top: 2px;
    left: 0; }

  /* VIDEO
  ========================================================== */
  .widget {
    padding-bottom: 20px; }

  .widget-linked {
    cursor: pointer; }

  /* CONTENT PAGE
  ---------------------------------------------------------- */
  .content h1, .content h2, .content h3, .content h4 {
    margin: 0 0 .25em; }
  .content h1 {
    display: inline-block;
    padding-right: 0;
    font-size: 36px;
    font-size: 3.6rem;
    text-transform: uppercase;
    color: #292a29;
    border-bottom: 5px solid #bdd731;
    width: auto; }
  .content h2 {
    font-size: 21px;
    font-size: 2.1rem; }
  .content h3 {
    font-size: 18px;
    font-size: 1.8rem; }
  .content h4 {
    font-size: 16px;
    font-size: 1.6rem; }
  .content .summary {
    font-size: 27px;
    font-size: 2.7rem;
    line-height: 29px; }

  .has-sidebar {
    padding-right: 35px; }

  .page ul {
    padding-left: 15px; }
  .page img {
    max-width: 100%; }
  .page .borderless {
    border: none; }
  .page img.borderless {
    padding: 0; }
  .page .left {
    float: left;
    margin: 0 10px 10px 0; }
  .page .right {
    float: right;
    margin: 0 0 10px 10px; }

  /* RTE
  ========================================================== */
  .rte {
    font-size: 15px;
    font-size: 1.5rem; }
    .rte .centered {
      text-align: center; }
    .rte a {
      font-weight: 700;
      text-decoration: none;
      color: #696969;
      border-bottom: 1px solid #BDD731;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
    .rte a.button {
      float: none;
      font-weight: 400;
      font-size: 15px;
      font-size: 1.5rem;
      border-bottom: none; }
    .rte a.chevron {
      display: inline-block;
      cursor: pointer;
      padding-left: 15px;
      color: #444;
      -webkit-transition: all 0.25s ease 0s;
      -moz-transition: all 0.25s ease 0s;
      -ms-transition: all 0.25s ease 0s;
      -o-transition: all 0.25s ease 0s;
      transition: all 0.25s ease 0s;
      background: url(../img/chevron.png) no-repeat 0 0.5em;
      border: none; }
      .rte a.chevron:hover {
        color: #000;
        background-position: 6px .5em; }
    .rte a.image {
      border-bottom: none; }
    .rte h2 a,
    .rte h3 a,
    .rte h4 a {
      font-weight: 400;
      color: #444;
      border-bottom: none; }

  .widget-title {
    margin: 15px 0; }

  .wrapped {
    color: #a3b940; }
    .wrapped span {
      color: #424542; }

  .divider {
    clear: both;
    margin-bottom: 40px;
    padding-bottom: 30px;
    background: url(../img/divider.png) no-repeat 50% 100%; }

  /* BOXES
  ========================================================== */
  .box {
    padding: 9px;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

  .highlight .box {
    padding: 27px 50px 17px;
    text-align: center;
    color: #444;
    background-color: #bdd731;
    border: none; }
  .highlight h2 {
    text-transform: uppercase; }
  .highlight p {
    margin-bottom: 10px; }

  .highlight-gainsboro .box {
    color: #333;
    background-color: #dcdcdc; }
    .highlight-gainsboro .box a {
      color: #333;
      border-color: #333; }

  .highlight-silver .box {
    color: #333;
    background-color: #c0c0c0; }
    .highlight-silver .box a {
      color: #333;
      border-color: #333; }

  .highlight-dimgrey .box {
    color: #fff;
    background-color: #696969; }
    .highlight-dimgrey .box a {
      color: #fff;
      border-color: #fff; }

  .highlight-darkgrey .box {
    color: #fff;
    background-color: #333; }
    .highlight-darkgrey .box a {
      color: #fff;
      border-color: #fff; }

  .highlight-green .box a {
    color: #333;
    border-color: #333; }
  .highlight-green .box a.button {
    background-color: #fff; }

  .highlight-left .box {
    text-align: left; }

  /* OVERVIEW
  ========================================================== */
  .overview .block {
    position: relative;
    margin-bottom: 10px; }
  .overview .box {
    height: 100%; }
  .overview .visual {
    display: block;
    margin: 0 0 15px 0; }
  .overview .visual img {
    display: block;
    padding: 0;
    border: none; }
  .overview .contents {
    padding: 0 10px 10px; }
  .overview .rte {
    font-size: 15px;
    font-size: 1.5rem; }
  .overview .row {
    clear: both;
    display: block; }

  /* VISUALS
  ========================================================== */
  .visuals .visual {
    display: block;
    margin-bottom: 20px; }
  .visuals img {
    display: block;
    padding: 0;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }

  .visual a {
    border-bottom: none; }
  .visual .caption,
  .visual .caption-centered {
    display: block;
    padding: 0 10px;
    font-size: 13px;
    font-size: 1.3rem;
    font-style: italic;
    color: #8A8A8A; }
  .visual .caption-centered {
    text-align: center; }

  /* VIDEO
  ========================================================== */
  .has-poster {
    position: relative; }
    .has-poster img.poster {
      cursor: pointer; }
    .has-poster iframe {
      display: none; }
    .has-poster .play {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 60px;
      height: 60px;
      margin-top: -40px;
      margin-left: -30px;
      padding: 0;
      font-size: 18px;
      font-size: 1.8rem;
      text-transform: uppercase;
      line-height: 60px;
      color: #fff;
      opacity: 1;
      cursor: pointer;
      background-color: rgba(41, 42, 41, 0.9);
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      border-radius: 30px; }
      .has-poster .play i {
        position: absolute;
        top: 15px;
        left: 24px;
        width: 18px;
        height: 28px;
        background: url(../img/play.png) no-repeat 0 0; }
    .has-poster a.video {
      border: none; }
    .has-poster:hover .play {
      background-color: rgba(41, 42, 41, 0.75); }

  /* UI TABS
  ========================================================== */
  .ui-tabs h1 {
    display: none;
    font-size: 21px;
    font-size: 2.1rem;
    width: 100%;
    text-transform: none;
    color: #444;
    border: none; }
  .ui-tabs nav {
    font-size: 18px;
    font-size: 1.8rem; }
    .ui-tabs nav ul {
      padding: 0;
      height: 40px;
      border-bottom: 5px solid #bdd731; }
    .ui-tabs nav a {
      float: left;
      margin-right: 2px;
      padding: 0 19px 0 14px;
      height: 40px;
      font-weight: 400;
      line-height: 40px;
      color: #a6a6a6;
      background-color: #eee;
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      -ms-border-radius: 4px 4px 0 0;
      -o-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0; }
    .ui-tabs nav .selected a {
      color: #595959;
      background-color: #bdd731; }
  .ui-tabs .tab {
    padding-bottom: 27px; }

  /* JIGSAW PUZZLE
  ========================================================== */
  .jigsaw {
    position: relative;
    width: 950px;
    height: 520px;
    margin-bottom: 20px;
    background: url(../img/bg_jigsaw.png) no-repeat 0 0; }
    .jigsaw ul {
      margin: 0;
      padding: 0; }
    .jigsaw li {
      position: absolute;
      height: 500px; }
    .jigsaw a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-indent: -999em;
      background-repeat: no-repeat;
      background-position: 0 0;
      opacity: 0;
      -webkit-transition: opacity 0.25s;
      -moz-transition: opacity 0.25s;
      -ms-transition: opacity 0.25s;
      -o-transition: opacity 0.25s;
      transition: opacity 0.25s; }
    .jigsaw a:hover {
      opacity: 1; }
    .jigsaw .maps {
      left: 44px;
      width: 349px; }
      .jigsaw .maps a {
        top: 97px;
        background-image: url(../img/bg_jigsaw_maps.png); }
      .jigsaw .maps .description {
        left: 72px; }
    .jigsaw .software {
      left: 295px;
      width: 360px; }
      .jigsaw .software a {
        top: 47px;
        background-image: url(../img/bg_jigsaw_software.png); }
      .jigsaw .software .description {
        left: 72px; }
    .jigsaw .services {
      left: 600px;
      width: 255px; }
      .jigsaw .services a {
        top: 47px;
        height: 374px;
        background-image: url(../img/bg_jigsaw_services.png); }
      .jigsaw .services .description {
        left: 20px; }
    .jigsaw .description {
      position: absolute;
      bottom: 0;
      padding: 125px 0 0 10px;
      width: 200px;
      height: 45px;
      color: #b3b3b3;
      font-size: 14px;
      font-size: 1.4rem;
      border-left: 2px solid #b3b3b3; }
      .jigsaw .description span {
        position: absolute;
        bottom: 0; }
      .jigsaw .description i {
        position: absolute;
        top: -7px;
        left: -6px;
        width: 10px;
        height: 10px;
        background-color: #aaa9a9;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
    .jigsaw li:hover .description {
      color: #424542;
      border-color: #b5d243; }
      .jigsaw li:hover .description i {
        background-color: #b5d243; }

  /* Carousel
  ========================================================== */
  .carousel {
    position: relative;
    margin: 10px 0;
    width: 950px;
    height: 400px;
    min-height: 100%;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .carousel ul {
      margin: 0;
      padding: 0; }
    .carousel img {
      display: block;
      width: 100%; }
    .carousel .description {
      display: none; }
    .carousel .linear {
      display: none; }
    .carousel .controls {
      position: absolute;
      bottom: 15px;
      right: 15px;
      margin: 0;
      padding: 0;
      z-index: 100; }
      .carousel .controls li {
        float: left;
        margin-left: 5px; }
      .carousel .controls a {
        float: left;
        width: 10px;
        height: 10px;
        text-indent: -999em;
        background-color: #828282;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
      .carousel .controls .active a {
        background-color: #c2d63d; }
    .carousel .item {
      position: relative;
      display: none;
      left: 0;
      top: 0;
      z-index: 5; }

  .carousel-fade .item.active,
  .carousel-fade .item.previous {
    display: block;
    opacity: 1; }
  .carousel-fade .item.active {
    z-index: 10; }
  .carousel-fade .item.previous {
    position: absolute;
    z-index: 15; }
  .carousel-fade .item > img {
    display: block;
    line-height: 1; }

  /*
  |--------------------------------------------------------------------------
  | UItoTop jQuery Plugin 1.2
  | http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
  |--------------------------------------------------------------------------
  */
  #toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
    text-indent: 100%;
    background: #595959 url(../img/ui.totop.png) no-repeat 0 -1px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px; }
    #toTop:hover {
      opacity: .95; }

  #toTopHover {
    width: 50px;
    height: 50px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0); }

  #toTop:active, #toTop:focus {
    outline: none; }

  /* ------------------------------------------------------------------------
      This you can edit.
  ------------------------------------------------------------------------- */
  /* ----------------------------------
      Default Theme
  ----------------------------------- */
  div.pp_default .pp_top,
  div.pp_default .pp_top .pp_middle,
  div.pp_default .pp_top .pp_left,
  div.pp_default .pp_top .pp_right,
  div.pp_default .pp_bottom,
  div.pp_default .pp_bottom .pp_left,
  div.pp_default .pp_bottom .pp_middle,
  div.pp_default .pp_bottom .pp_right {
    height: 13px; }

  div.pp_default .pp_top .pp_left {
    background: url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat; }

  /* Top left corner */
  div.pp_default .pp_top .pp_middle {
    background: url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x; }

  /* Top pattern/color */
  div.pp_default .pp_top .pp_right {
    background: url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat; }

  /* Top right corner */
  div.pp_default .pp_content .ppt {
    color: #f8f8f8; }

  div.pp_default .pp_content_container .pp_left {
    background: url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px; }

  div.pp_default .pp_content_container .pp_right {
    background: url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px; }

  div.pp_default .pp_content {
    background-color: #fff; }

  /* Content background */
  div.pp_default .pp_next:hover {
    background: url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer; }

  /* Next button */
  div.pp_default .pp_previous:hover {
    background: url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer; }

  /* Previous button */
  div.pp_default .pp_expand {
    background: url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px; }

  /* Expand button */
  div.pp_default .pp_expand:hover {
    background: url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
    cursor: pointer; }

  /* Expand button hover */
  div.pp_default .pp_contract {
    background: url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px; }

  /* Contract button */
  div.pp_default .pp_contract:hover {
    background: url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
    cursor: pointer; }

  /* Contract button hover */
  div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    cursor: pointer; }

  /* Close button */
  div.pp_default #pp_full_res .pp_inline {
    color: #000; }

  div.pp_default .pp_gallery ul li a {
    background: url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa; }

  div.pp_default .pp_gallery ul li a:hover,
  div.pp_default .pp_gallery ul li.selected a {
    border-color: #fff; }

  div.pp_default .pp_social {
    margin-top: 7px; }

  div.pp_default .pp_gallery a.pp_arrow_previous,
  div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto; }

  div.pp_default .pp_nav .pp_play,
  div.pp_default .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px; }

  div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px; }

  div.pp_default .pp_details {
    position: relative; }

  div.pp_default a.pp_arrow_previous,
  div.pp_default a.pp_arrow_next {
    background: url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    margin: 4px 0 0 0;
    width: 20px; }

  div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px; }

  /* The next arrow in the bottom nav */
  div.pp_default .pp_content_container .pp_details {
    margin-top: 5px; }

  div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative; }

  div.pp_default .pp_nav .currentTextHolder {
    font-family: Georgia;
    font-style: italic;
    color: #999;
    font-size: 11px;
    left: 75px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 10px;
    position: absolute;
    top: 2px; }

  div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
    opacity: 0.7; }

  div.pp_default .pp_description {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 5px 50px 5px 0; }

  div.pp_default .pp_bottom .pp_left {
    background: url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat; }

  /* Bottom left corner */
  div.pp_default .pp_bottom .pp_middle {
    background: url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x; }

  /* Bottom pattern/color */
  div.pp_default .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat; }

  /* Bottom right corner */
  div.pp_default .pp_loaderIcon {
    background: url(../img/prettyPhoto/default/loader.gif) center center no-repeat; }

  /* Loader icon */
  /* ----------------------------------
      Light Rounded Theme
  ----------------------------------- */
  div.light_rounded .pp_top .pp_left {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; }

  /* Top left corner */
  div.light_rounded .pp_top .pp_middle {
    background: #fff; }

  /* Top pattern/color */
  div.light_rounded .pp_top .pp_right {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; }

  /* Top right corner */
  div.light_rounded .pp_content .ppt {
    color: #000; }

  div.light_rounded .pp_content_container .pp_left,
  div.light_rounded .pp_content_container .pp_right {
    background: #fff; }

  div.light_rounded .pp_content {
    background-color: #fff; }

  /* Content background */
  div.light_rounded .pp_next:hover {
    background: url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer; }

  /* Next button */
  div.light_rounded .pp_previous:hover {
    background: url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer; }

  /* Previous button */
  div.light_rounded .pp_expand {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer; }

  /* Expand button */
  div.light_rounded .pp_expand:hover {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer; }

  /* Expand button hover */
  div.light_rounded .pp_contract {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer; }

  /* Contract button */
  div.light_rounded .pp_contract:hover {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer; }

  /* Contract button hover */
  div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer; }

  /* Close button */
  div.light_rounded .pp_details {
    position: relative; }

  div.light_rounded .pp_description {
    margin-right: 85px; }

  div.light_rounded #pp_full_res .pp_inline {
    color: #000; }

  div.light_rounded .pp_gallery a.pp_arrow_previous,
  div.light_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important; }

  div.light_rounded .pp_nav .pp_play {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px; }

  div.light_rounded .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px; }

  div.light_rounded .pp_arrow_previous {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; }

  /* The previous arrow in the bottom nav */
  div.light_rounded .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default; }

  div.light_rounded .pp_arrow_next {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; }

  /* The next arrow in the bottom nav */
  div.light_rounded .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default; }

  div.light_rounded .pp_bottom .pp_left {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; }

  /* Bottom left corner */
  div.light_rounded .pp_bottom .pp_middle {
    background: #fff; }

  /* Bottom pattern/color */
  div.light_rounded .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; }

  /* Bottom right corner */
  div.light_rounded .pp_loaderIcon {
    background: url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }

  /* Loader icon */
  /* ----------------------------------
      Dark Rounded Theme
  ----------------------------------- */
  div.dark_rounded .pp_top .pp_left {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; }

  /* Top left corner */
  div.dark_rounded .pp_top .pp_middle {
    background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; }

  /* Top pattern/color */
  div.dark_rounded .pp_top .pp_right {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; }

  /* Top right corner */
  div.dark_rounded .pp_content_container .pp_left {
    background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; }

  /* Left Content background */
  div.dark_rounded .pp_content_container .pp_right {
    background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; }

  /* Right Content background */
  div.dark_rounded .pp_content {
    background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; }

  /* Content background */
  div.dark_rounded .pp_next:hover {
    background: url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer; }

  /* Next button */
  div.dark_rounded .pp_previous:hover {
    background: url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer; }

  /* Previous button */
  div.dark_rounded .pp_expand {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer; }

  /* Expand button */
  div.dark_rounded .pp_expand:hover {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer; }

  /* Expand button hover */
  div.dark_rounded .pp_contract {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer; }

  /* Contract button */
  div.dark_rounded .pp_contract:hover {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer; }

  /* Contract button hover */
  div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer; }

  /* Close button */
  div.dark_rounded .pp_details {
    position: relative; }

  div.dark_rounded .pp_description {
    margin-right: 85px; }

  div.dark_rounded .currentTextHolder {
    color: #c4c4c4; }

  div.dark_rounded .pp_description {
    color: #fff; }

  div.dark_rounded #pp_full_res .pp_inline {
    color: #fff; }

  div.dark_rounded .pp_gallery a.pp_arrow_previous,
  div.dark_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important; }

  div.dark_rounded .pp_nav .pp_play {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px; }

  div.dark_rounded .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px; }

  div.dark_rounded .pp_arrow_previous {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; }

  /* The previous arrow in the bottom nav */
  div.dark_rounded .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default; }

  div.dark_rounded .pp_arrow_next {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; }

  /* The next arrow in the bottom nav */
  div.dark_rounded .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default; }

  div.dark_rounded .pp_bottom .pp_left {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; }

  /* Bottom left corner */
  div.dark_rounded .pp_bottom .pp_middle {
    background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; }

  /* Bottom pattern/color */
  div.dark_rounded .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; }

  /* Bottom right corner */
  div.dark_rounded .pp_loaderIcon {
    background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; }

  /* Loader icon */
  /* ----------------------------------
      Dark Square Theme
  ----------------------------------- */
  div.dark_square .pp_left,
  div.dark_square .pp_middle,
  div.dark_square .pp_right,
  div.dark_square .pp_content {
    background: #000; }

  div.dark_square .currentTextHolder {
    color: #c4c4c4; }

  div.dark_square .pp_description {
    color: #fff; }

  div.dark_square .pp_loaderIcon {
    background: url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat; }

  /* Loader icon */
  div.dark_square .pp_expand {
    background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer; }

  /* Expand button */
  div.dark_square .pp_expand:hover {
    background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer; }

  /* Expand button hover */
  div.dark_square .pp_contract {
    background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer; }

  /* Contract button */
  div.dark_square .pp_contract:hover {
    background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer; }

  /* Contract button hover */
  div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer; }

  /* Close button */
  div.dark_square .pp_details {
    position: relative; }

  div.dark_square .pp_description {
    margin: 0 85px 0 0; }

  div.dark_square #pp_full_res .pp_inline {
    color: #fff; }

  div.dark_square .pp_gallery a.pp_arrow_previous,
  div.dark_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important; }

  div.dark_square .pp_nav {
    clear: none; }

  div.dark_square .pp_nav .pp_play {
    background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px; }

  div.dark_square .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px; }

  div.dark_square .pp_arrow_previous {
    background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; }

  /* The previous arrow in the bottom nav */
  div.dark_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default; }

  div.dark_square .pp_arrow_next {
    background: url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; }

  /* The next arrow in the bottom nav */
  div.dark_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default; }

  div.dark_square .pp_next:hover {
    background: url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer; }

  /* Next button */
  div.dark_square .pp_previous:hover {
    background: url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer; }

  /* Previous button */
  /* ----------------------------------
      Light Square Theme
  ----------------------------------- */
  div.light_square .pp_left,
  div.light_square .pp_middle,
  div.light_square .pp_right,
  div.light_square .pp_content {
    background: #fff; }

  div.light_square .pp_content .ppt {
    color: #000; }

  div.light_square .pp_expand {
    background: url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer; }

  /* Expand button */
  div.light_square .pp_expand:hover {
    background: url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer; }

  /* Expand button hover */
  div.light_square .pp_contract {
    background: url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer; }

  /* Contract button */
  div.light_square .pp_contract:hover {
    background: url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer; }

  /* Contract button hover */
  div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer; }

  /* Close button */
  div.light_square .pp_details {
    position: relative; }

  div.light_square .pp_description {
    margin-right: 85px; }

  div.light_square #pp_full_res .pp_inline {
    color: #000; }

  div.light_square .pp_gallery a.pp_arrow_previous,
  div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important; }

  div.light_square .pp_nav .pp_play {
    background: url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px; }

  div.light_square .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px; }

  div.light_square .pp_arrow_previous {
    background: url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; }

  /* The previous arrow in the bottom nav */
  div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default; }

  div.light_square .pp_arrow_next {
    background: url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; }

  /* The next arrow in the bottom nav */
  div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default; }

  div.light_square .pp_next:hover {
    background: url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer; }

  /* Next button */
  div.light_square .pp_previous:hover {
    background: url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer; }

  /* Previous button */
  div.light_square .pp_loaderIcon {
    background: url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }

  /* Loader icon */
  /* ----------------------------------
      Facebook style Theme
  ----------------------------------- */
  div.facebook .pp_top .pp_left {
    background: url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; }

  /* Top left corner */
  div.facebook .pp_top .pp_middle {
    background: url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; }

  /* Top pattern/color */
  div.facebook .pp_top .pp_right {
    background: url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; }

  /* Top right corner */
  div.facebook .pp_content .ppt {
    color: #000; }

  div.facebook .pp_content_container .pp_left {
    background: url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; }

  /* Content background */
  div.facebook .pp_content_container .pp_right {
    background: url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; }

  /* Content background */
  div.facebook .pp_content {
    background: #fff; }

  /* Content background */
  div.facebook .pp_expand {
    background: url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer; }

  /* Expand button */
  div.facebook .pp_expand:hover {
    background: url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
    cursor: pointer; }

  /* Expand button hover */
  div.facebook .pp_contract {
    background: url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer; }

  /* Contract button */
  div.facebook .pp_contract:hover {
    background: url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
    cursor: pointer; }

  /* Contract button hover */
  div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer; }

  /* Close button */
  div.facebook .pp_details {
    position: relative; }

  div.facebook .pp_description {
    margin: 0 37px 0 0; }

  div.facebook #pp_full_res .pp_inline {
    color: #000; }

  div.facebook .pp_loaderIcon {
    background: url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat; }

  /* Loader icon */
  div.facebook .pp_arrow_previous {
    background: url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px; }

  /* The previous arrow in the bottom nav */
  div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -96px;
    cursor: default; }

  div.facebook .pp_arrow_next {
    background: url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px; }

  /* The next arrow in the bottom nav */
  div.facebook .pp_arrow_next.disabled {
    background-position: -32px -96px;
    cursor: default; }

  div.facebook .pp_nav {
    margin-top: 0; }

  div.facebook .pp_nav p {
    font-size: 15px;
    padding: 0 3px 0 4px; }

  div.facebook .pp_nav .pp_play {
    background: url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
    height: 22px;
    width: 22px; }

  div.facebook .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
    height: 22px;
    width: 22px; }

  div.facebook .pp_next:hover {
    background: url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer; }

  /* Next button */
  div.facebook .pp_previous:hover {
    background: url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer; }

  /* Previous button */
  div.facebook .pp_bottom .pp_left {
    background: url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; }

  /* Bottom left corner */
  div.facebook .pp_bottom .pp_middle {
    background: url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; }

  /* Bottom pattern/color */
  div.facebook .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; }

  /* Bottom right corner */
  /* ------------------------------------------------------------------------
      DO NOT CHANGE
  ------------------------------------------------------------------------- */
  div.pp_pic_holder a:focus {
    outline: none; }

  div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500; }

  div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000; }

  .pp_top {
    height: 20px;
    position: relative; }

  * html .pp_top {
    padding: 0 20px; }

  .pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px; }

  .pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px; }

  * html .pp_top .pp_middle {
    left: 0;
    position: static; }

  .pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px; }

  .pp_content {
    height: 40px;
    min-width: 40px; }

  * html .pp_content {
    width: 40px; }

  .pp_fade {
    display: none; }

  .pp_content_container {
    position: relative;
    text-align: left;
    width: 100%; }

  .pp_content_container .pp_left {
    padding-left: 20px; }

  .pp_content_container .pp_right {
    padding-right: 20px; }

  .pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px 0; }

  .pp_description {
    display: none;
    margin: 0; }

  .pp_social {
    float: left;
    margin: 0; }

  .pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: 55px;
    overflow: hidden; }

  .pp_social .twitter {
    float: left; }

  .pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0; }

  .pp_nav p {
    float: left;
    margin: 2px 4px;
    white-space: nowrap; }

  .pp_nav .pp_play,
  .pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px; }

  a.pp_arrow_previous,
  a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px; }

  .pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000; }

  .pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000; }

  .pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative; }

  .pp_gallery ul {
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
    white-space: nowrap; }

  .pp_gallery ul a {
    border: 1px #000 solid;
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden; }

  .pp_gallery ul a:hover,
  .pp_gallery li.selected a {
    border-color: #fff; }

  .pp_gallery ul a img {
    border: 0; }

  .pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0; }

  .pp_gallery li.default a {
    background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px; }

  .pp_gallery li.default a img {
    display: none; }

  .pp_gallery .pp_arrow_previous,
  .pp_gallery .pp_arrow_next {
    margin-top: 7px !important; }

  a.pp_next {
    background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%; }

  a.pp_previous {
    background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%; }

  a.pp_expand,
  a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000; }

  a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px; }

  .pp_bottom {
    height: 20px;
    position: relative; }

  * html .pp_bottom {
    padding: 0 20px; }

  .pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px; }

  .pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px; }

  * html .pp_bottom .pp_middle {
    left: 0;
    position: static; }

  .pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px; }

  .pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px; }

  #pp_full_res {
    line-height: 1 !important; }

  #pp_full_res .pp_inline {
    text-align: left; }

  #pp_full_res .pp_inline p {
    margin: 0 0 15px 0; }

  div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999; } }
/* end screen */
/* end print */