p { margin-bottom:20px; } .clearout { height:20px; clear:both; } #flexiselDemo1, #flexiselDemo2, #flexiselDemo3 { display:none; } .nbs-flexisel-container { position:relative; max-width:100%; } .nbs-flexisel-ul { position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center; } .nbs-flexisel-inner { overflow:hidden; float:left; width:100%; } .nbs-flexisel-item { float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .nbs-flexisel-item img { width: 100%; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 60px; max-width:170px; max-height:70px; } .nbs-flexisel-item:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } /*** Navigation ***/ .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 22px; height: 35px; position: absolute; cursor: pointer; z-index: 100; opacity: 0.5; } /*.nbs-flexisel-nav-left { left: -20px; background: url(../img/left-arrow-01.png) no-repeat; top: 35px; } .nbs-flexisel-nav-right { right: -20px; background: url(../img/right-arrow-02.png) no-repeat; top: 35px; }*/ .slider-img{ margin: 0 auto; display: inline-block;}