/**/

      .bx-wrapper{ max-width: 1100px !important; background: #fff; }
      #books {height:200px;display:block;height:100%; position:relative;}
      #icons {height:200px;display:block;height:100%; position:relative; margin: 40px 0 60px 0; background: white;}
      #icons .bx-wrapper, #books .bx-wrapper {margin:0px;}
      #icons #carousel a {text-align:center;width:100%;display:block;line-height: 0.9em; font-weight: normal; color: #333333; white-space: normal;padding:15px 0; margin: 0 85px;}
      #books #carousel a {text-align:center;width:100%;display:block;line-height: 0.9em;white-space: normal;padding:15px 0;}
      #icons #carousel, #books #carousel a span {font-size:0.8em;}
      #icons ul li a img { display: block;  margin: 0 auto;  max-width: 90%; height:64px;}
      #books ul li a img { display: block;  margin: 0 auto;  max-width: 90%; padding-bottom: 1em; }
      #icons .tray-resources, #books .tray-resources {
      bottom: 2px;
      color: #FFFFFF !important;
      display: block;
      font-size: 1.4em;
      font-weight: bold;
      position: absolute;
      right: 2em;
      }

      #icons .bx-viewport,
      #books .bx-viewport{
      height: 100% !important;
      }

      #icons #carousel span,
      #books #carousel span {
      max-width: 135px;
      font-size: inherit;
      height: auto;
      display: inline-block;
      padding-top: 15px;
      }

      #icons #carousel li,
      #books #carousel li {
      font-size: 1.4em;
      line-height: 24px;
      padding: 0 15px;
      margin: 0;
      }

      #icons .bx-wrapper .bx-controls-direction a,
      #books .bx-wrapper .bx-controls-direction a {
      height: 100%;
      outline: 0 none;
      position: absolute;
      text-indent: -9999px;
      top: 0;
      line-height: 22px;
      width: 60px;
      z-index: 50;
      margin-top:0px;
      }


      #icons .bx-wrapper .bx-prev,
      #books .bx-wrapper .bx-prev{
      left: 0px;
      background: url('/img/00/arrows_icon_home.png') no-repeat left center  #fff !important;
      /*Opacity Commented out
      -moz-opacity: 0.90;
      opacity: 0.90;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
      */

      }

      #icons .bx-wrapper .bx-next,
      #books .bx-wrapper .bx-next {
      right: 0px;
      background: url('/img/00/arrows_icon_home.png') no-repeat right center #fff !important;
      /*  -moz-opacity: 0.90;
      opacity: 0.90;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90); */

      }

      .bx-default-pager{ visibility: hidden; height: 0px; width: 0px;}

      #icons .bx-wrapper .bx-prev:hover,
      #books .bx-wrapper .bx-prev:hover {
      background-position: left center;
      /*-moz-opacity: 1;
      opacity: 1;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
      */

      }

      #icons .bx-wrapper .bx-next:hover,
      #books .bx-wrapper .bx-next:hover {
      background-position: right center 0;
      /* -moz-opacity: 1;
      opacity: 1;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
      */

      }

      #icons .tray-resources,
      #books .tray-resources {display:none;}


/* These styles are applied for viewports 768px and higher */
@media only screen and (min-width: 768px) {

      #icons #carousel a {margin: 0 74px;}

}