.slider-wrapper {
  width:100%; /*image widkth*/
  height:auto;
  border: solid 1px #FFF;
  -moz-box-shadow:  0px 0px 8px #999;
  -webkit-box-shadow:  0px 0px 8px #999;
  box-shadow:  0px 0px 8px  #999;
}
.slider-wrapper .nivoSlider {
    position:relative;
}
.slider-wrapper .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
}
/* If an image is wrapped in a link */
.slider-wrapper .nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
}
/* The slices and boxes in the Slider */
.slider-wrapper .nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
}
.slider-wrapper .nivo-box {
    display:block;
    position:absolute;
    z-index:5;
}
/* Caption styles */
.slider-wrapper .nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#000;
    color:#fff;
    opacity:0.8; /* Overridden by captionOpacity setting */
    width:100%;
    z-index:8;
}
.slider-wrapper .nivo-caption p {
    padding:5px;
    margin:0;
}
.slider-wrapper .nivo-caption a {
    display:inline !important;
}
.slider-wrapper .nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.slider-wrapper .nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:9;
    cursor:pointer;
}
.slider-wrapper .nivo-prevNav {
    left:0px;
}
.slider-wrapper .nivo-nextNav {
    right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.slider-wrapper .nivo-controlNav a {
    position:relative;
    z-index:9;
    cursor:pointer;
}
.slider-wrapper .nivo-controlNav a.active {
    font-weight:bold;
}

/* thumb nav */

.slider-wrapper .nivoSlider .nivo-controlNav {
  position:absolute;
  width:490px; /* image width - 10px */
  height:38px;
  bottom: 2px; /* Put the nav below the slider */
  z-index:80;
  overflow:hidden;
  left: 3px;
  white-space:nowrap;
  border:none;
}
.slider-wrapper .nivoSlider .nivo-controlNav img {
  display:inline; /* Unhide the thumbnails */
  position:relative;
  padding:1px 1px 1px 1px;
  border:dotted 1px #000;
  margin: 2px 1px 2px 1px;
}
.slider-wrapper .nivoSlider .nivo-controlNav img:hover {
  border:solid 1px red;
}

.slider-wrapper .nivoSlider .nivo-controlNav  a.active img {
   border:solid 1px #fff;
}
.slider-wrapper .nivoSlider  a.nivo-imageLink {
  position:absolute;
  width:100%;
  height:80%;
  padding:0;
  margin:0;
}
.slider-wrapper .nivoSlider  a.nivo-imageLink:hover {
  border:solid 1px red;
}