/* Prevent the slideshow from flashing on load */
    #slides {
      display: none
    }

    /* Center the slideshow */
    .container {
      margin: 0 auto;
      
    }

    /* Show active item in the pagination */
    .slidesjs-pagination .active {
      color:red;
    }

    /* Media quires for a responsive layout */

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 10px;
        padding-right: 10px;
      }
      .container {
        width: auto;

      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 736px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 736px
      }
    }
    
#slides {
      display: none;
      position: relative;
      
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
      
    }

    #slides .slidesjs-previous {
      position: absolute;
      left: 10px;
      top: 132px;
      z-index: 1000;
      display: none;
      width: 37px;
      height: 37px;
      background-image: url(./layout/prev.png);
      background-repeat: no-repeat;
      background-position: 0% 100%;
    }
    #slides .slidesjs-next {
      position: absolute;
      right: 10px;
      top: 132px;
      z-index: 1000;
      display: none;
      width: 37px;
      height: 37px;
      background-image: url(./layout/next.png);
      background-repeat: no-repeat;
      background-position: 0% 100%;
    }
    #slides .slidesjs-navigation:hover {
        background-position: 0% 0%;
    } 


    #slides .slidesjs-stop, #slides .slidesjs-play{display: none;}

  #slides{
    text-align: center;
    background: #fff;

      width: 736px;
      margin: 0 0px ;
      height: 440px;
  }

    ul.slidesjs-pagination {
      margin: 0px auto 0;

      padding: 0px 0;
      bottom: 18px;
      right: 0;
      height: 15px;
      z-index: 100;
      position: absolute;
      list-style: none !important;
    }

    ul.slidesjs-pagination li {
      float: left;
      margin: 0 1px;
      list-style: none !important;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(./layout/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

    #slides .slidesjs-slide{
      width: 736px;
      height: 400px;
      overflow: hidden;
    }