/* Crousel Basic CSS */


.main-slider-container {
  position: relative;
  margin: 0 auto;
  height: 280px;
}

.slider-container {
  position: absolute;
  overflow: hidden;
}

.slider-container ul {
  position: relative;
  margin: 0;
  padding: 0;
}

.slider-container li {
  list-style-type: none;
  position: relative;
  float: left;
  width: 300px;
}
.slider-container li img {width: 100%;}

.disable-link { pointer-events: none; }

.prev {
  left: 0px;
  background: url("/REF/Common/2015-website/plugins/simpleSlider/prev.jpg") no-repeat 0 0;
}

.next {
  right: 0px;
  background: url("/REF/Common/2015-website/plugins/simpleSlider/next.jpg") no-repeat right 0;
}

.disable-link.prev { background: none; }

.disable-link.next { background: none; }

.crousel-navigation {
  position: absolute;
  top: 100px;
  width: 50px;
  height: 50px;
  z-index: 10;
  cursor: pointer;
}

/*  Some other style to butify content */

.slider-container h3,
.slider-container p {
  margin-left: 20px;
  margin-right: 20px;
}

.slider-container p {
  width: 200px;
  display: inline-block;
  vertical-align: top;
}

.slider-container .crousel-image-outer {
  margin-right: 20px;
  display: inline-block;
  width: 200px;
}