.carousel { position:relative; margin:0px; padding:0px; -moz-user-select:none; -webkit-user-select:none; } .carousel .carousel-item { /*background-image:url(preloader.gif);*/ background-position:center; background-repeat:no-repeat; background-color:rgba(255,255,255,0); position:absolute; cursor:pointer; } .carousel .out { border:#DDD 2px rgba(255,255,255,0); } .carousel .over { border:2px rgba(255,255,255,0) #DDD; /*-moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000;*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color=#000000)"; } .carousel .click { border:2px rgba(255,255,255,0) #DDD; /*-moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000;*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color=#000000)"; } .carousel .select { border:2px rgba(255,255,255,0) #DDD; /*-moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000;*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color=#000000)"; } .carousel .tooltip { position:absolute; z-index:9999; background-color:#DDD; margin-bottom:20px; border:#EEE solid 4px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } .carousel .tooltip p { color:#999; padding:10px; margin:0px; } .carousel .scrollbar { width:340px; position:absolute; margin-top:100px; } .carousel .scrollbar .track { background-image:url(track.png); width:300px; height:20px; position:absolute; left:20px; } .carousel .scrollbar .thumb { background-image:url(thumb.png); width:70px; height:20px; position:absolute; cursor:pointer; } .carousel .scrollbar .left { background-image:url(left.png); width:20px; height:20px; position:absolute; cursor:pointer; left:0px; } .carousel .scrollbar .right { background-image:url(right.png); width:20px; height:20px; position:absolute; cursor:pointer; right:0px; }