www/carousel.css

   1 div.jcarousel-skin-ie7 {
   2 margin: 0 0 20px 0;
   3 }
   4
   5 .jcarousel-skin-ie7 .jcarousel-container {
   6 -moz-border-radius: 0px;
   7 background: #272928;
   8 border: none;
   9 }
  10
  11 .jcarousel-skin-ie7 .jcarousel-container-horizontal {
  12 height: 70px;
  13 padding: 6px 18px 6px 18px;
  14 width: 604px;
  15 }
  16
  17 .jcarousel-skin-ie7 .jcarousel-clip-horizontal {
  18 width: 605px;
  19 height: 70px;
  20 }
  21 .jcarousel-skin-ie7 .jcarousel-prev-horizontal {
  22 background-image: url(prev-horizontal.png);
  23 //    position: absolute;
  24     top: 24px;
  25     left: -7px;
  26 //    width: 32px;
  27 //    height: 32px;
  28 }
  29
  30 .jcarousel-skin-ie7 .jcarousel-next-horizontal {
  31 background-image: url(next-horizontal.png);
  32     top: 24px;
  33     right: -7px;
  34 }
  35
  36
  37 .jcarousel-skin-ie7 .jcarousel-item {
  38 border: none;
  39 position: relative;
  40 width: 117px;
  41 }
  42
  43 .jcarousel-skin-ie7 .jcarousel-item:hover {
  44 }
  45
  46 .jcarousel-skin-ie7 .jcarousel-item img {
  47 border-color: #272928;
  48 border-style: solid;
  49 border-width: 2px;
  50 cursor: pointer;
  51 }
  52
  53 .jcarousel-skin-ie7 .jcarousel-item img:hover {
  54 // border-color: #555 !important;
  55 }
  56
  57 .jcarousel-skin-ie7 .jcarousel-item:hover div.thumbnailOverlay {
  58 visibility: visible !important;
  59 }
  60
  61
  62 .jcarousel-skin-ie7 .jcarousel-item-horizontal {
  63 margin-right: 4px;
  64 }
  65
  66 .jcarousel-skin-ie7 .jcarousel-item-placeholder {
  67 }
  68
  69 .jcarousel-skin-ie7 .jcarousel-item div.thumbnailOverlay {
  70 background: black;
  71 bottom: 7px;
  72 color: #00EEFF;
  73 visibility: hidden;
  74 font-size: 10px;
  75 font-family: Arial, Verdana;
  76 font-weight: bold;
  77 left: 2px;
  78 line-height: 0.9em;
  79 opacity: 0.5;
  80 padding: 2px 2px 4px 4px;
  81 position: absolute;
  82 text-align: center;
  83 z-index: 10;
  84 width: 111px;
  85 }
  86