/* Crousel Basic CSS */
.main-slider-container { position: relative; margin: 0 auto }
.slider-container { width: 970px; position: absolute; overflow: hidden;}
.slider-container ul { position: relative; margin: 0; padding: 0;   }
.slider-container li { list-style-type: none; position: relative; float: left; }
.disable-link { pointer-events: none; }
.prev {  left: -40px; background: url(../images/img-blog-arrow-left.png); }
.next {  right: -40px; background: url(../images/img-blog-arrow-right.png); }
.disable-link.prev { /*background: none;*/background: url(../images/img-blog-arrow-left.png); opacity:0.5;}
.disable-link.next { /*background: none;*/background: url(../images/img-blog-arrow-right.png); opacity:0.5; }
.crousel-navigation { position: absolute; top: 110px; width: 23px; height: 87px; }

/*  Some other style to butify content */
.slider-container h3, .slider-container p { margin-left: 0; margin-right: 0; }
.slider-container p { width: auto; display: inline-block; vertical-align: top; }
.slider-container .crousel-image-outer { margin-right: 0; display: inline-block; width: auto; }