a.primarynavlink span {cursor : default !important;}

div.container {
  margin: 0 auto;
  width: 1020px; }

div.global-nav {
  position: relative;
  width: 100%;
  height: 34px;
  z-index: 1030; }
  div.global-nav * {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */ }
  div.global-nav div.background {
    z-index: 1; }
    div.global-nav div.background div.primary-bar {
      position: absolute;
      height: 34px;
      width: 100%;
      background: #dedede;
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #e9e9e9 5%, #d1d1d1 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234, 234, 234, 0)), color-stop(5%, #e9e9e9), color-stop(100%, #d1d1d1));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #e9e9e9 5%, #d1d1d1 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #e9e9e9 5%, #d1d1d1 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(234, 234, 234, 0) 0%, #e9e9e9 5%, #d1d1d1 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(234, 234, 234, 0) 0%, #e9e9e9 5%, #d1d1d1 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00eaeaea', endColorstr='#d1d1d1',GradientType=0 );
      /* IE6-8 */ }
    div.global-nav div.background div.secondary-bar {
      background: #f2f2f2;
      position: absolute;
      width: 100%;
      height: 43px;
      top: 34px;
      display: none; }
  div.global-nav.open div.background div.secondary-bar {
    display: block; }
  div.global-nav.open div.secondary {
    display: block; }
  div.global-nav div.navbars {
    position: relative; }
  div.global-nav ul {
    display: block;
    width: 100%;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    height: inherit; }
    div.global-nav ul li {
      display: block;
      float: left;
      margin: 0; }
      div.global-nav ul li a {
        white-space: normal;
        color: #7c7c7c;
        display: table;
        height: inherit;
        padding: 0;
        text-decoration: none;
        position: relative; }
        div.global-nav ul li a span {
          display: table-cell;
          vertical-align: middle;
          color: #7c7c7c;
          font-size: 14px;
          text-align: center; }
        div.global-nav ul li a div {
          display: table-cell;
          vertical-align: middle; }
          div.global-nav ul li a div.arrow span {
            margin: 0 5px;
            vertical-align: middle;
            display: inline-block;
            width: 11px;
            height: 11px;
            background: url(/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/nav/global-nav-arrows.png) no-repeat;
            background-position: 0 0; }
          div.global-nav ul li a div.divider span {
            display: block;
            width: 2px;
            height: 20px;
            border-left: 1px solid #e7e7e7;
            border-right: 1px solid #d4d4d4; }
        div.global-nav ul li a:hover div.arrow span {
          background-position: 0 -11px; }
        div.global-nav ul li a[href*="/"] span.lbl {
          color: #008acb; }
        div.global-nav ul li a[href*="/"]:hover {
          color: #008acb;
          text-decoration: underline; }
        div.global-nav ul li a.no-children .arrow {
          width: 5px; }
          div.global-nav .primary ul li a.no-children .arrow span {
            display: none; }
      div.global-nav ul li.open > a span {
        color: #000000; }
      div.global-nav ul li.open > a > div.arrow > span {
        background-position: 0 -33px !important; }
  div.global-nav div.toggle-nav {
    display: none; }
  div.global-nav div.primary {
    position: absolute;
    top: 0;
    height: 34px;
    min-height: 34px;
    width: 100%; }
    div.global-nav div.primary ul {
      min-height: inherit; }
      div.global-nav div.primary ul li {
        height: inherit;
        min-height: inherit; }
        div.global-nav div.primary ul li a {
          min-height: inherit;
          min-width: 130px; }
          div.global-nav div.primary >ul>li>a span.lbl {
            padding-left: 8px;
            padding-right: 10px;
            min-height: inherit;
            font-weight: bold; }
          div.global-nav div.primary ul li a div.arrow {
            display: none; }
          div.global-nav div.primary ul li a[href*="/"] span.lbl {
            color: #7c7c7c; }
          div.global-nav div.primary ul li a[href*="/"]:hover {
            color: #000000;
            text-decoration: underline; }
            div.global-nav div.primary ul li a[href*="/"]:hover span {
              color: inherit; }
        div.global-nav div.primary ul li.open {
          background: #efefef;
          border: 1px solid #d1d1d1;
          border-bottom: none;
          -webkit-border-top-left-radius: 4px;
          -webkit-border-top-right-radius: 4px;
          -moz-border-radius-topleft: 4px;
          -moz-border-radius-topright: 4px;
          border-top-left-radius: 4px;
          border-top-right-radius: 4px;
          -webkit-box-shadow: 0px -1px 3px 0px rgba(25, 25, 25, 0.5);
          -moz-box-shadow: 0px -1px 3px 0px rgba(25, 25, 25, 0.5);
          box-shadow: 0px -1px 3px 0px rgba(25, 25, 25, 0.5);}
          div.global-nav div.primary ul li.open div.divider {
            display: none; }
        div.global-nav div.primary ul li:first-child div.divider span {
          display: none; }
      div.global-nav div.primary ul li.open + li {
        margin-left: -2px; }
        div.global-nav div.primary ul li.open + li div.divider span {
          visibility: hidden; }
  div.global-nav div.secondary {
    position: absolute;
    top: 34px;
    min-height: 34px;
    height: 43px;
    width: 100%;
    background: #f2f2f2;
    display: none; }
    div.global-nav div.secondary ul {
      display: none;
      position: absolute;
      width: auto;
      height: inherit;
      min-height: inherit; }
      div.global-nav div.secondary ul li {
        height: inherit;
        min-height: inherit; }
        div.global-nav div.secondary ul li a {
          min-height: inherit; }
          div.global-nav div.secondary ul li a div.divider {
            padding-right: 5px; }
            div.global-nav div.secondary ul li a div.divider span {
              border-left: 1px solid #aeaeae;
              border-right: 1px solid #dfdfdf;
              margin: 0 10px;}
          div.global-nav div.secondary ul li a div.arrow span {
            padding-left: 5px;
            min-height: inherit; }
        div.global-nav div.secondary ul li:first-child div.divider span {
          display: none; }
      div.global-nav div.secondary ul.open {
        display: block; }
  div.global-nav div.tertiary {
    position: absolute;
    top: 77px;
    width: 100%;
    height: 130px;
    display: none; }
    div.global-nav div.tertiary.open {
      display: block; }
    div.global-nav div.tertiary ul {
      height: 130px;
      padding: 10px;
      display: none;
      height: inherit;
      width: auto;
      position: absolute;
      background: #e9e9e9;
      /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmNmY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #e9e9e9 0%, #cfcfcf 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #cfcfcf));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #e9e9e9 0%, #cfcfcf 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #e9e9e9 0%, #cfcfcf 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #e9e9e9 0%, #cfcfcf 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #e9e9e9 0%, #cfcfcf 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#cfcfcf',GradientType=0 );
      /* IE6 */
      border-bottom: 1px solid #8f8da2; }
      div.global-nav div.tertiary ul li {
        margin: 0; }
        div.global-nav div.tertiary ul li a {
          display: block;
          position: relative;
          width: 145px;
          height: 110px;
          padding: 0;
          margin: 0;
          color: #008acb; }
          div.global-nav div.tertiary ul li a div.img {
            width: inherit;
            height: inherit;
            position: absolute;
            overflow: hidden;
            background: #000000; }
            div.global-nav div.tertiary ul li a div.img img {
              opacity: 0.7;
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: auto; }
              div.global-nav div.tertiary ul li a div.img img.active {
                opacity: 0;
                -webkit-transition: opacity 1s ease-in-out;
                -moz-transition: opacity 1s ease-in-out;
                -o-transition: opacity 1s ease-in-out;
                transition: opacity 1s ease-in-out; }
            div.global-nav div.tertiary ul li a div.img div.background {
              position: absolute;
              bottom: 0;
              width: 100%;
              height: 38px;
              background: url(/National_Library/20160521004321oe_/http://www.logitech.com/images/responsive/global-nav-tertiary-background.png) repeat-x; }
          div.global-nav div.tertiary ul li a div.lbl {
            display: table;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 2;
            width: 100%;
            min-height: 25px;
            padding: 0;
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
            background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.85) 100%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.85)));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.85) 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.85) 100%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.85) 100%);
            /* IE10+ */
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.85) 100%);
            /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 );
            /* IE6-8 */ }
          div.global-nav div.tertiary ul li a span.lbl {
            display: table-cell;
            vertical-align: center;
            color: #008acb;
            padding: 5px 10px;
            font-size: 12px; }
          div.global-nav div.tertiary ul li a:hover div.img img {
            opacity: 1; }
          div.global-nav div.tertiary ul li a:hover span.lbl {
            color: inherit;
            text-decoration: underline; }
      div.global-nav div.tertiary ul.open {
        display: block; }


div.global-nav div.primary > ul li:last-child .secondary li a span.lbl,
div.global-nav div.primary > ul li:last-child .secondary li a:hover {
color: #008acb;
}

@media only screen and (max-width: 1024px) {
  div.container {
    width: 100%; }

  div.global-nav div.container {
    margin: 0;
    padding: 0; }
  div.global-nav div.background {
    display: block;
    height: 34px; }
    div.global-nav div.background div.primary-bar {
      display: block;
      height: 30px;
      background: #dedede;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; }
    div.global-nav div.background div.secondary-bar {
      display: block;
      height: 34px;
      background: #dedede;
      top: 0;
      left: 0;
      z-index: 1; }
  div.global-nav div.navbars {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%; }
  div.global-nav div.toggle-nav {
    display: block;
    right: 15px;
    top: 6px;
    position: absolute;
    z-index: 2; }
    div.global-nav div.toggle-nav a {
      text-decoration: none;
      color: #7c7c7c;
      font-size: 16px; }
    div.global-nav div.toggle-nav a.expand {
      display: block; }
    div.global-nav div.toggle-nav a.collapse {
      display: none; }
    div.global-nav div.toggle-nav.open a.expand {
      display: none; }
    div.global-nav div.toggle-nav.open a.collapse {
      display: block; }
  div.global-nav div.primary {
    border-top: 1px solid #dedede;
    min-height: 34px; }
    div.global-nav div.primary ul.primary {
      margin-top: 33px;
      min-height: 0;
      width: 100%;
      position: relative;
      background: #dedede; }
      div.global-nav div.primary ul.primary li {
        min-width: auto;
        text-align: left;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #d4d4d4; }
        div.global-nav div.primary ul.primary li.open {
          background: #dedede;
          border: none;
          -webkit-border-top-left-radius: 0;
          -webkit-border-top-right-radius: 0;
          -moz-border-radius-topleft: 0;
          -moz-border-radius-topright: 0;
          border-top-left-radius: 40;
          border-top-right-radius: 0;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
          div.global-nav div.primary ul.primary li.open > ul {
            background: #f2f2f2; }
        div.global-nav div.primary ul.primary li a {
          min-width: none;
          padding-right: 10px; }
          div.global-nav div.primary ul.primary li a .arrow {
            display: inline-block; }
  div.global-nav div.primary, div.global-nav div.secondary, div.global-nav div.tertiary {
    position: relative;
    top: 0;
    left: 0;
    height: auto; }
  div.global-nav ul.primary, div.global-nav ul.secondary, div.global-nav ul.tertiary {
    display: none;
    display: block;
    overflow: hidden;
    height: auto;
    max-height: 0;
    transition: max-height 500ms;
    -webkit-transition: max-height 500ms;
    -moz-transition: max-height 500ms;
    -o-transition: max-height 500ms; }
    div.global-nav ul.primary li, div.global-nav ul.secondary li, div.global-nav ul.tertiary li {
      width: 100%; }
      div.global-nav ul.primary li a, div.global-nav ul.secondary li a, div.global-nav ul.tertiary li a {
        font-size: 16px;
        line-height: 18px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%;
        text-align: left; }
        div.global-nav ul.primary li a[href*="/"], div.global-nav ul.secondary li a[href*="/"], div.global-nav ul.tertiary li a[href*="/"] {
          color: #7c7c7c; }
          div.global-nav ul.primary li a[href*="/"] span.lbl, div.global-nav ul.secondary li a[href*="/"] span.lbl, div.global-nav ul.tertiary li a[href*="/"] span.lbl {
            color: #7c7c7c; }
        div.global-nav ul.primary li a span.lbl, div.global-nav ul.secondary li a span.lbl, div.global-nav ul.tertiary li a span.lbl {
          text-align: left;
          padding-left: 10px !important;
          padding-right: 0 !important; }
        div.global-nav ul.primary li a div.lbl, div.global-nav ul.secondary li a div.lbl, div.global-nav ul.tertiary li a div.lbl {
          float: none;
          width: 100%; }
        div.global-nav ul.primary li a div.divider, div.global-nav ul.secondary li a div.divider, div.global-nav ul.tertiary li a div.divider {
          display: none; }
        div.global-nav ul.primary li a > div, div.global-nav ul.secondary li a > div, div.global-nav ul.tertiary li a > div {
          float: right; }
      div.global-nav ul.primary li.open > a span.lbl, div.global-nav ul.secondary li.open > a span.lbl, div.global-nav ul.tertiary li.open > a span.lbl {
        color: #000000; }
  div.global-nav div.primary ul.secondary li {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #f6f6f6;
    background: #f2f2f2; }
    div.global-nav div.primary ul.secondary li a {
      padding-left: 20px; }
    div.global-nav div.primary ul.secondary li.open {
      background: #e3e3e3; }
      div.global-nav div.primary ul.secondary li.open > a {
        -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); }
        div.global-nav div.primary ul.secondary li.open > a span.lbl {
          color: #000000; }
  div.global-nav div.primary ul.tertiary li {
    background: #cccccc;
    border-bottom: none;
    border-top: none; }
    div.global-nav div.primary ul.tertiary li a {
      padding-left: 40px;
      color: #008acb !important; }
      div.global-nav div.primary ul.tertiary li a span.lbl {
        color: #008acb;
        font-size: 14px; }
    div.global-nav div.primary ul.tertiary li div.img {
      display: none; }
  div.global-nav.open div.secondary, div.global-nav.open div.tertiary {
    display: none; }
  div.global-nav.open div.background div.primary-bar {
    -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); }
  div.global-nav.open ul.primary {
    max-height: 1000px; }
  div.global-nav.open li.open > ul {
    max-height: 400px; } }