/* Thumbs CSS Document */
ul.product thumbs li {
  margin:0px;
}
ul.product-thumbs {
  padding:0px;
    margin:0px;
}
.product-title {
    padding: 2px 0px 0px 2px;
    font-weight:bold;
  white-space:nowrap;
}
a.product-title {
    text-decoration:none;
    color:#947a4a;
    overflow:hidden;
    display: block;
    width: 105px;
}
.product-image {
    position:relative;
    border: 1px solid #c5ae85;
  padding:1px;
  background-color:#FFFFFF;
    width:99px;
    height:78px;
  overflow:hidden;
}
img.product-image {
  width:97px;
  height:76px;
}
.product-link {
    width:101px;
    height:80px;
    border: 1px solid #c5ae85;
    display:block;
}
img.product-sash {
    position:absolute;
    top:20px;
    left:14px;
}
img.product-favorite-link {
    position:absolute;
    bottom:38px;
    left:12px;
}
.product-footer {
    font-size:1em;
}
.product-type {
    display: block;
    width:106px;
    float:left;
    padding: 1px 0px 0px 1px;
    overflow:hidden;
    text-decoration:none;
    color:#c74f07;
    font-size:.95em;
    line-height: 1em
}
.product-extras {
    float:right;
    width:35px;
}
img.product-mood {
    position:relative;
    float:left;
    top:-6px;
    width:24px;
    height:24px;
  margin-left:10px;
    margin-right:2px;
}
img.product-mood-dropdown {
  float:left;
    height:4px;
    width:7px;
    position:relative;
    top:6px;
    float:left;
}
.product-thumbs li {
    list-style-type:none;
    position:relative;
    float:left;
    width:103px;
    height:118px;
    margin:5px 1px;
    display: block;
    padding: 3px 10px 10px 12px;
    background:url(../../kiw/shell.gif) no-repeat;
}
#product-rollover-body { background: transparent; }
#product-rollover { position: absolute; z-index: 199; top: 0; left: 0; width: 355px;}
#product-rollover p { margin: 0px; padding: 0px; }
#product-rollover img { display: block; }
#product-rollover #product-rollover-title { margin: 6px 0px; }
#product-rollover .product-rollover-image { margin: 9px auto; padding: 1px; border: 1px solid; }
#product-rollover .pointer-left { float: left; }
#product-rollover .pointer-middle { margin: auto; }
#product-rollover .pointer-right { float: right; }
#product-rollover .product-rollover-center { float: left; }
#product-rollover #product-type-desc { font-size: .9em; margin-bottom: 5px; }
#product-rollover .content-type { font-weight: bold; margin: 8px 0px;}
#product-rollover .product-container {
    background: url(../../kiw/bubble_middle.gif) repeat-y;
    width: 246px;
    padding: 1px 15px 29px 15px;
    min-height: 206px;
    height: auto !important;
    height: 206px;
    color: #947A4A;
}
#product-rollover .pointer-container {
    z-index: 20;
    position: relative;
}
#product-rollover .emoticon-container {
    border: 1px solid #947A4A;
    width:240px;
    margin: 9px auto;
    text-align:center;
}
#product-rollover .emoticon-container img {
    display: inline;
    padding: 5px;
}
#product-rollover .pointer-container-horizontal {
    width: 236px;
    height: 36px;
    clear: left;
    margin: auto;
}
#product-rollover .pointer-container-vertical {
    float: left;
    width: 36px;
}
/*
After everything is done, we'll uncomment this, and javascript will
handle the displaying of the pointers.
#product-rollover .pointer { display: none; position: relative;}
*/