.carousel { position:relative; margin: 0 0 0 0; padding:0px; -moz-user-select:none; -webkit-user-select:none; } .carousel .carousel-item { background-image:url('fg-loading.gif'); background-position:center; background-repeat:no-repeat; position:absolute; cursor:pointer; } .carousel .out { /*border:#DDD 2px solid;*/ } .carousel .over { /*border:#DDD 2px solid; -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:#DDD 2px solid; -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:#DDD 2px solid; -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; color: #000000; font-family: HelveticaNeue, Arial; font-size: 12px; min-width: 150px; } .carousel .tooltip p { color: #000000; font-family: HelveticaNeue, Arial; font-size: 12px; padding:10px; margin:0px; } .carousel .scrollbar { width:340px; position:absolute; margin-top:100px; } .carousel .scrollbar .track { } .carousel .scrollbar .thumb { } .carousel .scrollbar .left { } .carousel .scrollbar .right { }