.item-wrapper {
    width: 302px;
    height: 252px;
    background-color: #f4f4f4;
    border: 1px solid #e5e5e5;
    padding: 10px;
    position: relative;
    float: left;
    margin: 0.4em;
}

.item {
    background-color: white;
    position: absolute;
}

.item-tooltip {
    position: absolute;
    background-color: whiteSmoke;
    width: 100%;
    height: 100%;
    opacity:0.4; 
    filter:alpha(opacity=40); /* For IE8 and earlier */
    display: none;
    z-index: 1;
    pointer-events:none; /* may not work on all browsers 8*/
}
.item-tooltip_reverse {
    position: absolute;
    background-color: whiteSmoke;
    width: 100%;
    height: 100%;
    opacity:0.4; 
    filter:alpha(opacity=40); /* For IE8 and earlier */
    z-index: 1;
    pointer-events:none; /* may not work on all browsers 8*/
}

.item-tooltip_link{
    width: 100%;
    height: 100%;
}

.item-tooltip a, .item-tooltip_reverse a{
    width: 100%;
    height: 100%;
    z-index: 0;
}


.item-tooltip .tooltip-price{
  font-size:10px;
  text-align:left; 
  padding-left:10px; 
}

.item-tooltip .tooltip-price del{
  text-decoration: line-through;
  margin-right: 5px;
}

.item-tooltip .tooltip-price ins{  
  color: green;
  text-decoration: none !important; /* remove underline on sale items */
}

.item-tooltip .tooltip-content{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom:40%;
    color: gray;
}

.item-tooltip_reverse .tooltip-content{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom:40%;
    color: gray;
}

.item-tooltip_large_text {font-size: 18px;}

.item-tooltip > a, .item-tooltip_reverse > a {text-decoration: none;}

/*
.footer_hover {
    position:fixed;
    bottom: 32px;  
    left: 0px;
    width: 100%;
    padding-bottom: 32px;
    background-color: rgba(255, 255, 255, 0.55); 
    z-index:-1;
    display: none; /* will undisplay when you call function in javascript */

        /* experimental gradients */
    
        /* webkit example 
        background-image: -webkit-gradient(
          linear, center top, center bottom,  
          from(rgba(255, 255, 255, 0.5)),
          to(rgba(255, 255, 255, 1))
        );*/

        /* mozilla example - FF3.6+ 
        background-image: -moz-linear-gradient(
          top,
          rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 1) 95%
        );*/

        /* IE 5.5 - 7 
        filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=1, startColor=0, endColorStr=#FFFFFF
        );*/

        /* IE8 uses -ms-filter for whatever reason... 
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=1, startColor=0, endColoStr=#FFFFFF
        );    */
    
/*}*/