.smallSwatchTitle {
        color:#120E7B;
        font-size:12px;
        font-weight:bold;
        line-height:15px;
        padding:2px 5px 0px 5px;
        text-align:center;
    }
    .smallSwatchBigImage {
        vertical-align: middle;
        text-align: center;
    }
    .tinyHeader {
        vertical-align: top;
        background:white;
        font-size: 8px;
        border-bottom: 1px solid #333333;
        font-weight: 500;
    }
    .showLarge {
        border: thin solid #c5c5c5;
        padding: 2px;
        margin: 2px;
        position:absolute;
        TOP: -35pt;
/*        LEFT:-12pt;*/
        width: 100px; 
        height:100px; 
        Z-INDEX:20; 
        background-color: #F5f5f5; 
        visibility: hidden;
        background-repeat: no-repeat;
    /*    background-color: transparent; */
        background-position:top;
        vertical-align: bottom !important;
        text-align: center;
        font-size: 10px;
    }
   .showSmall {
        border: thin solid #333333;
        padding: 4px;
        margin: 2px;
        position:absolute;
        TOP: -0pt;
        LEFT:-0pt;
        width: 10px; 
        height:10px; 
        Z-INDEX:25; 
        background-color: #F5f5f5; 
        visibility: hidden;
        background-image: url('./images/whitePO2_lg.jpg');
        background-repeat: no-repeat;
/*        background-color: transparent;*/
        background-color: #cccccc;
        background-position:top;
    }    
    .showRange {
        border: thin solid #cc3333;
        padding: 1px;
        margin: 1px;
        width: 100px; 
        height:100px; 
        visibility: visible;
/*        background-image: url('./images/whitePO2_lg.jpg');  */
        background-repeat: no-repeat;
        background-color: #ffffff;

    }
    .tinySwatch {
        border: 1px solid #333333;
        padding: 1px;
        margin: 0px;
        width: 20px; 
        height:20px; 
        visibility: visible;
/*        background-image: url('./images/whitePO2_lg.jpg');  */
        background-repeat: no-repeat;
        background-color: transparent;
    /*    display: inline; */
    }
    table.smallSwatch {
        border: 1px solid #777777;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000066;
    }
    .swatchPanel {
        background-color: white !important;
        position: relative;
        visibility: hidden;        
    }