.productSample         { float:left; border: solid 1px black; width: 15px; height: 15px; margin-top: 0px; margin-right: 8px; }
    .productBar            { float:left; width: 179px; height: 19px; padding: 3px 3px 3px 3px; }
    .productBar:hover, .productBarHover     { background-color: #cccccc; }
    .productLabel          { width: 125px; height: 16px; float:left; font-weight: bolder;}
    .productToggle         { width: 25px;  height: 16px; float:left; margin-top: -1px;}
    
    .labels                { font-size:12px; font-weight:bolder; width:80px;margin-top:10px; text-align:right;padding-right:5px;}
    .filterLabel           { width: 178px; font-weight: bolder; padding: 2px 5px 2px 5px; cursor: pointer;}
    .filterLabel:hover     { background-color: #cccccc; }
    .filterSelected        { font-weight: bolder; color:Red;}
    
    #productInfo            { width:603px }
    #productName            { color:#3778bc; font-size:14px; font-weight:bolder; float:left;margin-right:60px;margin-top:9px;}
    #productDesc            { padding:10px; margin-right:12px;}
    #productLoading         { text-align:right;}
    #productLoadingAlt      { text-align:right;}
    #loadingSample          { float:right;margin-right:25px;width:60px;height:24px;background-color: #bbb; border:solid 1px #ccc;}
    #loadingSampleAlt       { float:right;width:60px;height:24px;background-color: #ddd; border:solid 1px #ccc;}
    #productSample          { position:absolute;top:-3px;left:0px;background-color: #bbb; width:20px;height:20px;z-index:2 }
    #productSampleAlt       { position:absolute;top: 2px;left:5px;background-color: #ddd; width:20px;height:20px;z-index:1 }
    #divProductSamples      { float:left;position:relative;width:40px;height:25px; }
    #divProductDesc         { border:solid 1px #ccc;background-color:#f1f1f1;overflow:auto;width:601px;height:150px; float:left}
    #divLinks               { position:relative; width:510px; margin-left:auto;margin-right:auto; }
    #divSampleRequest       { float:left;width: 110px; text-align:center; margin-right: 20px; }
    #divTechData            { float:left;width: 110px; text-align:center; margin-right: 20px; }
    #divMSDS                { float:left;width: 110px; text-align:center; margin-right: 20px; }
    #divRegAppr             { float:left;width: 110px; text-align:center;                     }
    
    
    #divColorChart          { width: 100%;  height: 380px; position: relative; }
    #divGrid                { width: 370px; height: 370px; position: absolute; left:  0px; top:  0px; z-index:1000; border:solid 1px #ccc;background-color:#f1f1f1; background-image: url("/images/grid.gif"); }
    #divCatalog             { width: 200px; height: 200px; position: absolute; right: 5px; top:170px; overflow:auto; cursor: pointer; border:solid 1px #ccc;background-color:#f1f1f1; z-index:1}
    #divFilters             { width: 190px; height:  70px; position: absolute; right: 5px; top:30px;                                 border:solid 1px #ccc;background-color:#f1f1f1; padding:5px 5px 5px 5px;}
    #divCatalogHeader       { width: 188px; height:  17px; position: absolute; right: 5px; top:140px; font-size:12px; font-weight:bolder;border:solid 1px #000000;background-color:#3778bc;color:#ffffff;padding:6px 6px 6px 6px;z-index:1;}
    #divFiltersHeader       { width: 188px; height:  17px; position: absolute; right: 5px; top:0px; font-size:12px; font-weight:bolder;border:solid 1px #000000;background-color:#3778bc;color:#ffffff;padding:6px 6px 6px 6px;z-index:2;}
    #divLoadings            { width: 180px; position: absolute; right: 5px; top: 5px; overflow:auto; padding: 0 20px 0 0; border:solid 1px #ccc;background-color:#f1f1f1;}
    
    #divFilterContainer         { position: relative; }
    #divPrimaryFilter           { position: absolute; top: 0px;  left: 0px;  width: 200px;}
    #divSecondaryFilter         { position: absolute; top: 37px; left: 0px;  width: 200px;}
    #divPrimaryFilters          { display:none; position: absolute; top: 32px; left: 0px; width: 188px; height:auto; overflow:auto; border:solid 1px #ccc;background-color:#f1f1f1; font-size:11px; z-index:10; }
    #divPrimaryFiltersHeader    { border: solid 1px #444444; position: absolute; top: 0px;   left: 0px;  width: 176px;  height:18px;background-color:#cccccc;font-size:12px; font-weight:bolder;padding:6px 6px 6px 6px;z-index:10;cursor:pointer; font-size:11px;}
    #divSecondaryFilters        { display:none; position: absolute; top: 32px; left: 0px; width: 188px; height:auto; overflow:auto; border:solid 1px #ccc;background-color:#f1f1f1; font-size:11px; z-index:5; }
    #divSecondaryFiltersHeader  { border: solid 1px #444444; position: absolute; top: 0px;   left: 0px;  width: 176px;  height:18px;background-color:#cccccc;font-size:12px; font-weight:bolder;padding:6px 6px 6px 6px;z-index:5;cursor:pointer; font-size:11px; display:inline; }
    #divPrimaryFiltersHeader:hover      { background-color:#888888}
    #divSecondaryFiltersHeader:hover    { background-color:#888888}
    
    #divClearFilters            { float:right;color:#ffffff; z-index: 5; cursor:pointer; text-decoration:underline; }
    #divClearFilters:hover      { color:#FFFF00; }
    .disabled               { border:solid 1px #ccc;background-color:#f1f1f1; color:#999; }
    
    .fi, .pi, .label, .description, .cipigment, .shade, .cReq, .cAppGroup
    {
        display: none;
    }
    
    .lbl_AppGroup, .lbl_Req, .lbl_CIPigment, .lbl_Shade
    {
        padding: 0px 5px 0px 5px;
        cursor: pointer;
        height: 17px; 
        font-size: smaller;
    }
    
    .lbl_AppGroup:hover, .lbl_Req:hover, .lbl_CIPigment:hover, .lbl_Shade:hover
    {
        background-color: #cccccc;
        height: 17px; 
    }
    
    .lbl_LockedSelected
    {
        padding: 0px 5px 0px 5px;
        height: 17px; 
        font-size: smaller;
        color: Blue;
    }
    
    .lbl_Disabled, .lbl_Locked
    {
        padding: 0px 5px 0px 5px;
        height: 17px; 
        font-size: smaller;
        color: #d4d4d4;
        font-style:italic;
    }
    
    .filterHeader
    {
        font-weight: bolder;
        border-bottom: #bbbbbb 1px solid; 
        border-left: #bbbbbb 1px solid; 
        border-top: #bbbbbb 1px solid; 
        border-right: #bbbbbb 1px solid;
        width: 185px; 
        float: left; 
        margin-left: 5px;     
    }
    
    .filterSelected
    {
        color:red;
        background-color: #cccccc;
        font-weight: bolder;
    }
    
    .filter
    {
        margin-left: 5px; 
        width: 185px; 
        float: left;
        border: solid 1px black;
        overflow: auto;
        height: 139px;
    }
    
    .itemid
    {
        border: solid 1px black;
        cursor: pointer;
    }
    
    .itemidHover
    {
        border: solid 2px red;
    }