/* sale-utils.css */
 
    .stallheader {
      float: left;
      width: 100%;
    }
    
    .shimagebox {
      float: left;
      width: 200px;
      height: 100%;
    }
    
    .shtextbox {
      padding-left: 220px;    
    }
    
    .shstallholders {
      font-weight: bold;
    }
    
    .productlist {
      list-style: none;
    }
    
    .productlist li {
      float: left;
      width: 100%;
      padding-bottom: 1em;
    }
    
    .productlist li h3 {
      font-size: 100%;
      background: #d40000;
      color: #ffffff;
      padding-left: 5px;
      padding-bottom: 3px;
      padding-top: 3px;
    } 
    
    .plimagebox {
      float: left;
      width: 100px;
      height: 100%;
    }
    
    .pltextbox {
      padding-left: 120px;    
    }
    
    .pldescription {
      padding-top: 0.5em;
    }
    
    .ploptions {
      font-style: italic;
    }  
    
    .thumbpop {
      position: relative;
      z-index: 0;
    }

    .thumbpop:hover{
      background-color: transparent;
      z-index: 50;
    }

    .thumbpop:focus {
      outline: 0 none;
    }

    .thumbpop span{ /*CSS for enlarged image*/
      position: absolute;
      background-color: #ffffff;
      padding: 0px;
      left: -1000px;
      border: 1px solid #d40000;
      visibility: hidden;
      color: #cccccc;
      text-decoration: none;
      font-size: 80%;
    }
    
    .thumbpop span img{ /*CSS for enlarged image*/
      border-width: 0;
      padding: 2px;
    }
    
    .thumbpop:hover span{ /*CSS for enlarged image on hover*/
      visibility: visible;
      z-index: 51;
      top: -150px;
      left: -50px; /*position where enlarged image should offset horizontally */
    }