/* product catalog stylesheet */


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
} 


/* -------------------------------------------- */
/* -------------------------------------------- */
/* mast & global ------------------------------ */

#pc-container{
    max-width:1000px; /* give constraint to its children */
    font-family: inherit; /* Verdana, Helvetica, sans-serif; */ /* changed to inherit for dx themes and Helvetica Now */
    box-sizing:border-box;
}

body.full-width #pc-container { max-width: initial !important; }

/* dark grey small and wide collapse bars */
xh1.collapse{
    background:url('../graphics/pc-expand.jpg') no-repeat 240px 3px !important;
    cursor:pointer;
}

    xh1.collapse.toggle{
    background:url('../graphics/pc-collapse.jpg') no-repeat 240px 3px !important;
    cursor:pointer;
    }


xh1.collapse.collapse-lrg{
    background:url('../graphics/pc-collapse.jpg') no-repeat 802px 4px !important;
    cursor:pointer;
}

    xh1.collapse.collapse-lrg.toggle{
    background:url('../graphics/pc-expand.jpg') no-repeat 802px 4px !important;
    cursor:pointer;
    }


/* search filter collapse bar */
xh1.collapse.filters{
    background:url('../graphics/filter-expand.jpg') #e8e8e8 no-repeat 230px 4px !important;
    cursor:pointer;
}

    xh1.collapse.filters.toggle{
    background:url('../graphics/filter-collapse.jpg') #e8e8e8 no-repeat 230px 4px !important;
    cursor:pointer;
}


/* sku detail collapse bar */
xh1.collapse.detail{
    background:url('../graphics/detail-collapse.jpg') #ececec no-repeat 220px 6px !important;
    cursor:pointer;
}

    xh1.collapse.detail.toggle{
        background:url('../graphics/detail-expand.jpg') #ececec no-repeat 220px 6px !important;
        cursor:pointer;
    }


xh1.collapse.collapse-lrg.detail{
    background:url('../graphics/detail-collapse.jpg') #ececec no-repeat 550px 6px !important;
    cursor:pointer;
}

    xh1.collapse.collapse-lrg.detail.toggle{
        background:url('../graphics/detail-expand.jpg') #ececec no-repeat 550px 6px !important;
        cursor:pointer;
    }





#pc-header{
    width:100%;
    background:#666666;
}

#pc-header h1{
    float:left;
    color:#ffffff;
    font-size:14px;
    font-weight:bold;
    margin:10px;
    text-transform:uppercase;
}

/*#pc-srch-bar{
    width:210px;
    float:left;
    margin:10px 0 10px 440px;
}

    #pc-srch-bar input[type="text"]{
        float:left;
        padding:2px;
        font-size:11px;
    }

    #pc-srch-bar input[type="image"]{
        float:left;
        margin:0 0 0 10px;
    }
*/

/* -------------------------------------------- */
/* -------------------------------------------- */
/* top toolbar control ------------------------ */


#pc-toolbar{
    xwidth:820px;
    background:#ebebeb;
}

#pc-toolbar h1{
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
    text-transform: uppercase;
    padding:4px 0 4px 8px;
    margin:0;
}


/* -------------------------------------------- */
/* -------------------------------------------- */
/* portlets  ---------------------------------- */

#pc-spec-generator, #pc-srch-center{
    width:260px;
    float:left;
    margin:8px;
    background:url('../graphics/pc-tool-grad.jpg') repeat-x;
    }

    #pc-srch-center{
        float:right;
    }

    /* hide on first load */
    #pc-spec-generator .collapse-content, 
    #pc-srch-center .collapse-content{
        display:none;
    }


/* search center */
#pc-srch-center .collapse-content{
    box-sizing:border-box;
    position:absolute;
    z-index:10000;
    background:#ffffff;
    width:260px;
    border:1px solid #dddddd;
    -webkit-box-shadow: -3px 5px 5px 0px rgba(102,102,102,0.55);
    -moz-box-shadow: -3px 5px 5px 0px rgba(102,102,102,0.55);
    box-shadow: -3px 5px 5px 0px rgba(102,102,102,0.55);
    }

    #pc-srch-center input[type="text"]{
        float:left;
        width:200px;
        padding:2px;
        font-size:11px;
        margin:10px;
        }

    #pc-srch-center input[type="image"]{
        float:left;
        margin:12px 0 0 0;
        }

    .keyword-holder {padding: 10px 10px 10px 10px; vertical-align: baseline;}

    #pc-srch-filters{
        width:100%;
    }

        #pc-srch-filters h1{
            color:#333333;
            font-size:11px;
            text-transform: uppercase;
            font-weight:normal;
            padding-left:10px;
            margin-bottom:5px;
            padding:5px 0 5px 8px;
        }


    #pc-srch-filters .collapse-content{
        position:relative !important;
        width:259px;
        box-sizing:border-box;
        box-shadow:none;
        border:0;
        border-right:1px solid #dddddd;
    }
    #pc-srch-filters h2 {font-size: 1.2em; font-weight: normal; color: #333333; margin: 0px 0px 4px 10px;}
    #pc-srch-drops h3 {font-size: 1.4em; font-weight: normal; color: #333333; margin: 10px 0px 2px 10px;}
    #pc-srch-filters input{
            margin-left:10px;
            margin-top:10px;
        }

    #pc-srch-filters label{
            color:#493a27;
            font-weight:bold;
            font-size:12px;
            cursor:pointer;
        }

            input.pc-check-main{
                margin-left:10px;
                margin-top:10px;
            }

            label.pc-main-cat{
                color:#493a27;
                font-weight:bold;
                font-size:12px;
                cursor:pointer;
            }


            input.pc-check-sub{
                margin-left:15px;
            }

            label.pc-subcat{
                color:#c53524;
                font-weight:normal;
                font-size:11px;
                cursor:pointer;
            }

    input.pc_srch_txt {
        width: 225px;
        padding: 2px;
        font-size: 1.4em;
    }

    input.pc_srch_img {
        padding: 2px 0px 0px 2px;
    }

    #pc-srch-drops{
        width:100%;
        display:block !important;
    }

        #pc-srch-drops select{
            display:block;
            margin:6px auto 6px 10px;
            width:230px;
            border:1px solid #aaaaaa;
            font-size:1.1em;
            padding:4px;
            xdirection:rtl;
        }

    #pc-srch-drops .selectOptionDisabled{ font-weight:bold;color:#000000!important;}


    #pc-srch-attr{
        /*display:block !important;*/
        width:100%;
    }

        #pc-srch-attr input{
            margin-left:10px;
            margin-top:8px;
        }

        #pc-srch-attr label{
            color:#493a27;
            font-weight:bold;
            font-size:12px;
            cursor:pointer;
            vertical-align: -webkit-baseline-middle;
        }

    #pc-srch-submit{
        display:block !important;
        float:left;
        width:100%;
        margin:25px 0 10px 0;
    }

        #pc-srch-submit input{
            float:right;
            margin:0 10px 0 0;
        }


/* spec sheet generator (ssg) */
#pc-spec-generator .collapse-content{
    box-sizing:border-box;
    position:absolute;
    z-index:10000;
    background:#ffffff;
    width:260px;
    border:1px solid #dddddd;
    -webkit-box-shadow: -3px 5px 5px 0px rgba(102,102,102,0.55);
    -moz-box-shadow: -3px 5px 5px 0px rgba(102,102,102,0.55);
    box-shadow: -3px 5px 5px 0px rgba(102,102,102,0.55);
}

    #pc-spec-generator #pc-spec-listing{
        margin:10px;
        width:100%;
    }

    #pc-spec-listing{
    border:0;
    font-size: 1.1em;
}

        #pc-spec-listing td{
            color:#666666;
            font-size:12px;
            vertical-align:middle;
            padding-top:3px;
        padding-bottom:3px;
        border-color: #ffffff;
    }

        #pc-spec-listing input[type="submit"], #pc-spec-generator input[type="button"]{
            float:right;
            margin:10px 10px 10px 0;
        }

        #pc-spec-listing input[type="radio"]{
            float:right;
            margin:10px 10px 10px 6px;
        }


/* -------------------------------------------- */
/* -------------------------------------------- */
/* breadcrumbs & tabs ------------------------- */

#pc-nav-controls{
    xwidth:820px;
    margin-bottom:5px;
    }

#pc-breadcrumbs{
    Xwidth:760px;
    xxxwidth:100%;
    float:left;
    }

    #pc-breadcrumbs p{
        margin:9px 0 9px 6px;
        color:#333333;
        font-size:11px;
    }

    #pc-breadcrumbs p span{
        background:#fdefca;
        font-weight:bold;
        padding:2px 6px 3px 6px;
    }


#sscButton{
    float:right;
    border:1px solid #d5d5d5;
    height:25px;
    margin-top:5px;
    margin-right:15px;
    background-color: #e8e8e8;
}

    #sscButton a{
        display:block;
        font-weight:bold;
        font-size:11px;
        color:#666666;
        padding:5px 10px;
        cursor:pointer;
    }

        #sscButton a span{
            color:#dd7f36;
        }


#pc-tab-control{
    width:55px;
    float:right;
}

ul.tabs{
    margin:5px 0 0px 0;
    padding:0;
    list-style-type:none;
}

ul.tabs li{
    float:left;
    cursor:pointer;
    padding:4px 4px 2px 4px;
    border:1px solid #d6d6d6;
    margin-left: 0 !important;
}

ul.tabs li:first-child{
    border-right:0;
}



/* -------------------------------------------- */
/* -------------------------------------------- */
/* landing  ----------------------------------- */

#pc-tabs{
    xwidth:820px;
}

.tab-content{
    display: none;
}

.tab-content.current{
    display: inherit;
}


.pc-result-cat{
    background:url('../graphics/pc-tool-grad-tall.jpg') repeat-x;
    }

.pc-result-cat h1{
    color:#ffffff;
    font-size:11px;
    text-transform: uppercase;
    font-weight:bold;
    padding:5px 0 5px 10px;
    margin:0;
}

/* products - LIST VIEW */
.pc-product-listings{
    width:100%;
}

table.pc-product-listings {
    xxmargin-top: 4px;
}
	
    .pc-product-listings tr.alt{
        background:#f5f5f5;
    }

    .pc-product-listings tr:hover{ 
    background-color: #cccccc;
    color:#000000;
    }

    .pc-product-listings td{
        vertical-align: middle;
        padding-top:5px;
        padding-bottom:5px;
    }
    
    .pc-product-listings td.cbox{
        width:3%;
        text-align:center;
    }

    .pc-product-listings td.gs1{
        width:25px;
        text-align:center;
    }

        .pc-product-listings td.dotsku{
        width: 3%;
        padding-right: 4px;
        text-align:center;
    }

        .pc-product-listings td.fsrsku{
        width:20px;
        background-image: url( ../graphics/ico-fsr-logo.png ); 
        background-repeat:no-repeat; 
        background-position:0px 5px;  }
   
    
    	.pc-product-listings td.prosku{
        width:20px;
        background-image: url( ../graphics/tag-propoint.png ); 
        background-repeat:no-repeat; 
        padding-right:5px; 
        background-position:0px 5px;  }
   

    .pc-product-listings td.sku{
        width: 12%;
        xxxwidth:135px;
        padding-right:8px;
        color:#666666;
        font-size:11px;
        font-weight:bold;
    }

    .pc-product-listings td.sku a {
        text-decoration: none;
        color: #666666!important;
    }
    .pc-product-listings td.sku a:hover { color:#8f1c14!important;}

    .pc-product-listings td.desc{
        width: 36%;
        padding-right:8px;
        color:#333333;
        font-size:12px;
        font-weight:bold;
    }
    .pc-product-listings td.desc a:link, .pc-product-listings td.desc a:visited  {
        text-decoration: none;
        color: #525252!important;
    }

    .pc-product-listings td.desc a:hover { color:#8f1c14!important; text-decoration: underline;}

    .pc-product-listings td.case{
        width: 14%;
        color:#666666;
        font-size:11px;
        padding-left: 8px;
    }

    .pc-product-listings td.icons{
        text-align: right;
        width: 9%;
    }
.pc-product-listings td.icons img {margin-right: 6px;}
/*
.focusProduct { background-image:url( ../graphics/focusaccount-toggle.png  );display:block;width:16px; height:16px;padding-right: 4px; xxxbackground-repeat:no-repeat;float:right; xxxbackground-position:left -16px;}  
.focusProductoff{ background-image:url( ../graphics/focusaccount-toggle.png  );display:block;width:16px; height:16px;xxxbackground-repeat:no-repeat;float:right; xxxbackground-position:left -0px;; } 
*/
.focusProduct {display:block;width:16px; height:16px;float:right; padding-right: 8px;}

.favProduct { background-image:url( ../graphics/ico-fav.png  );display:block;width:22px; height:16px;xxxbackground-repeat:no-repeat;float:right; xxxpadding-left: 6px; xxbackground-position:left -16px;}  
.favProductoff{ background-image:url( ../graphics/ico-fav.png  );display:block;width:22px; height:16px;xxxbackground-repeat:no-repeat;float:right; xxxpadding-left: 6px; xxbackground-position:left -0px;; } 
.discProduct { display:block;width:16px; height:16px;float:right;}  

.privProduct {display:block;width:16px; height:16px;float:right; padding-right: 8px;}
.proPoints { width:16px; height:16px;float:right;padding-right:3px;}  
    }

    .pc-product-listings td.actions{
        width: 14%;
        font-size:11px;
    }

        .pc-product-listings td.actions .action-group{
            float:right;
            padding:3px 3px 2px 9px;
            background:#e2e2e2;
            vertical-align: middle;
            margin-right: 8px;
            width: 70%;
        }

        .pc-product-listings td.actions .action-group img{
            padding-right: 6px;}


/* Products - THUMB VIEW */
.pc-prod{
    float:left;
    width:140px;
    min-height:220px;
    margin:10px 17px 10px 7px;
    background:#ffffff;
}

#thumb-view td.control{
    padding-top:4px;
    vertical-align:top;
}

.cursor-pointer     {cursor: pointer;}

    /* eliminate right margin on last in row of 6*/
/*    .pc-prod:nth-of-type(6n+0){
        margin-right:0;
    }
    */

.pc-prod .pc-img-holder{
        width:100%;
        min-height:140px;
        border:1px solid #d7d8d9;
        position:relative;
        height: 140px;
        text-align: center;
        margin: 1em 0;
        display: flex;
        flex-direction: column;
        justify-content: center;

        }


        .pc-prod .pc-img-holder img.logo{
            xxmargin-top:15%;
            filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id=…cale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
        }
    
        .pc-prod .img-holder-favorites{
            margin:0 auto;
            border:2px solid #ffcc01;
            position:relative;
            }

    .pc-prod .pc-img-holder img{
        display:block;
        margin:5px auto;
        max-width:90%;
        max-height:126px;
        }
        
        .pc-prod img.mfr-logo{
            padding:15px 5px 15px 5px;
            }
        
        /* icons */
		.pc-prod .prod-tag-0-slot{ /* Added for Discontinued tag */
            position:absolute;
            right:-6px;
            top:-4px;
            width:18px;
            height:20px;
            }
            
            .pc-prod .prod-tag-0-slot img{
                width:18px !important;
                height:20px !important;
                min-height:20px !important;
                min-width:18px !important;
                }
		
        .pc-prod .prod-tag-1-slot{
            position:absolute;
            right:-6px;
            top:16px;
            width:18px;
            height:20px;
            }
            
            .pc-prod .prod-tag-1-slot img{
                width:18px !important;
                height:20px !important;
                min-height:20px !important;
                min-width:18px !important;
                }
                
        .pc-prod .prod-tag-2-slot{
            position:absolute;
            right:-6px;
            top:36px;
             width:18px;
            height:20px;
            }
            
            .pc-prod .prod-tag-2-slot img{
                  width:18px !important;
                height:20px !important;
                min-height:20px !important;
                min-width:18px !important;
                }
                
        .pc-prod .prod-tag-3-slot{
            position:absolute;
            right:-6px;
            top:56px;
            width:18px;
            height:20px;
            }
            
            .pc-prod .prod-tag-3-slot img{
                  width:18px !important;
                height:20px !important;
                min-height:20px !important;
                min-width:18px !important;
                }


        .pc-prod .prod-tag-4-slot{
            position:absolute;
            right:-6px;
            top:76px;
             width:18px;
            height:20px;
            }
            
            .pc-prod .prod-tag-4-slot img{
                 width:18px !important;
                height:20px !important;
                min-height:20px !important;
                min-width:18px !important;
                }
                
         .pc-prod .prod-tag-5-slot{
            position:absolute;
            right:-6px;
            top:96px;
             width:18px;
            height:20px;
            }
            
            .pc-prod .prod-tag-5-slot img{
                  width:18px !important;
                height:20px !important;
                min-height:20px !important;
                min-width:18px !important;
                } 
                
         .pc-prod .prod-tag-6-slot{
            position:absolute;
            right:-6px;
            top:116px;
            width:18px;
            height:20px;
            }
            
           .pc-prod .prod-tag-6-slot img{
                width:18px !important;
                height:20px !important;
                min-height:20px !important;
                min-width:18px !important;
                }  
                
       
    .pc-prod h2{
        font-size:12px !important; /* added for dx themes and changes to helvetica now */
        line-height:13px;
        text-transform:uppercase;
        text-align:center;
        margin:6px auto 4px auto;
        height:25px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:normal;
        color:#464646;  
        }
        
        .pc-prod h2 a:link {
            color:#464646;
            text-decoration:none;
            font-weight:bold;
            }

        .pc-prod h2 a:visited {
            color:#464646;
            text-decoration:none;
            font-weight:bold;
            }

            
        .pc-prod h2 a:hover{
                text-decoration:none!important;
                color: #e23c24;
                }

        .pc-prod h2 a:active{
                text-decoration:none!important;
                color: #464646;
                }
        
            
    .pc-prod h3{
        font-size:11px!important;
        line-height:13px!important;
        height:20px;
        overflow:hidden;
        text-align:center;
        margin:0;
        border-bottom: 0px!important;
        }
        
    .pc-prod h3 a{
        color:#666666;
        text-decoration:none;
        }
        
        .pc-prod h3 a:hover{
            text-decoration:none!important;
            }
            
            
    .pc-prod form{
        width:100%;
        box-sizing:border-box;
        background:#eaeaea;
        padding:4px;
        text-align: center;
        margin-bottom: 20px;
        height: 30px;
    }

    .pc-prod form img {
        /*padding: 0px 3px 0px 3px;*/
        float:left;
        margin-right:8px;
    }


    .pc-ssg{
        float:right;
        xwidth:45px;
        margin-top:2px;
        }

        .pc-ssg input[type="checkbox"]{
            float:left;
            margin: 3px 3px 3px 2px;
        }

            .pc-ssg label{
                line-height:20px;
            }

        

    .pc-prod form label{
        font-size:11px;
    }



/* -------------------------------------------- */
/* -------------------------------------------- */
/* sku detail  -------------------------------- */

.pc-scroller{
    float: right;
    margin-top: 3px;
    margin-bottom:10px;
    text-align: right;
    padding: 8px 8px 0px 0px;
}

.pc-scroller img{
    padding: 0px 1px 0px 1px;
}


#pc-sku-detail{
    xxxwidth:820px;
    height:auto;
}


    #pc-sku-detail h1{
        font-size:11px;
    }

#pc-sku-primary{
    float:left;
    width: 65%;
}
    
    /* sku info */
    #pc-sku-info{
    }

        #pc-sku-text{
            float:left;
            width:70%;
            margin:0 0 0 5px;
            padding-bottom: 8px;
        }

            #pc-sku-text h1{
                font-weight:bold;
                font-size:13px;
                color:#333333;
                margin:5px 0 15px 0;
                padding:8px 0 0 8px;
                border:none;
            }

            #pc-sku-text p{
                color:#493a27;
                font-size:1.2em;
                line-height: 1.5em;
                margin:0 0 25px 8px;
            }

            .pc-sku-pck-data{
                float:left;
                width:45%;
            }

                .pc-sku-pck-data:first-of-type{
                    margin:0 10px 0 8px;
                }

                #pc-sku-text .pc-sku-pck-data p{
                    color:#493a27;
                    font-size:1.1em;
                    margin:0 0 2px 0 !important;
                }

                .pc-sku-pck-data p span{
                    color:#493a27;
                    font-weight: bold;
                }
				
			.pc-sku-repl-data{
				position:absolute;
				bottom: 0;
			}

        #pc-sku-options{
            float:left;
            width:25%;
            margin:0 0 0 17px;
            padding: 8px 0 0 0;
        }

        #pc-sku-options .icon-group{
            float:right;
            margin-right:0px;
            width:100px;            
        }

        .icon-group img {
                margin-right: 6px;
                float: right;
            }

            #pc-sku-options .icon-group img.star{
                cursor:pointer;
            }

            #pc-sku-options .icon-group img.middle{
                vertical-align:top;
                padding-top:4px;
            }

        #pc-sku-options .action-group {
            width:100%;
            box-sizing:border-box;
            margin:5px 8px 5px 0;
            float:right;
            width: auto;
            /*text-align: right;*/
            padding:3px 3px 3px 3px;
            background:#e2e2e2;
            vertical-align: middle;
        }

        #pc-sku-options .action-group img{
            padding-right: 6px;}

        #pc-sku-options .brand-group {
            float:right;
            width: auto;
            text-align: center;
            padding:3px 8px 2px 9px;
            vertical-align: middle;
            margin: 0px 8px 8px 0px;
            border: 1px solid #eaeaea;

        }

          #pc-sku-options form {
                width:100%;
                box-sizing:border-box;
                background:#eaeaea;
                padding:4px;
                margin:5px 0 5px 0;
            }
                

            #pc-sku-options form label, #pc-sku-options div label{
                font-size:11px;
            }

        #pc-sku-options p{
            color:#737171;
            font-size:12px;
            margin:10px auto;
            text-align:center;
        }

        #pc-sku-options img.logo{
            display:block;
            margin:20px auto 10px auto;
            max-width:95%;
        }

            #pc-sku-options p span{
                color:#493a27;
                font-weight:bold;
            }
    #pc-addlcontent {
        margin: 0px 0px 0px 4px;
    }
    #pc-storage{
        background:#fafafa;
    }

        #pc-storage p{
            font-size:11px;
            color:#333333;
        }

            #pc-storage p span{
                font-weight:bold;
                line-height: 1.6em;
            }

        #pc-storage-primary{
            float:left;
            width:46%;
            margin-left:10px;
        }

        #pc-storage-secondary{
            float:left;
            width:44%;
            margin-left:10px;
        }

        .storage-list.left{
            clear:both;
            margin:0 10px;
        }

        .storage-list{
            width:46%;
            float:left;
            margin-bottom:15px;
            font-size: 1.1em;
        }
        .storage-list table {background: #fafafa; width: 100%; padding-bottom: 6px;}
        .storage-list table tbody tr td{padding: 4px 4px 2px 6px;}
        .storage-list.left table tbody tr td.sllabel  {
            font-weight:bold;
            width: 25%;
        }
        .storage-list table tbody tr td.sllabel  {
            font-weight:bold;
            width: 45%;
        }

            .storage-list h1{
                background:#e2e2e2;
                color:#333333;
                font-size:12px;
                border:0 !important;
                padding: 6px 0 6px 6px;
            }

            .storage-list ul{
                background:#ffffff;
                list-style-type:none;
                font-size:11px;
                padding:0;
                }

                .storage-list ul li{
                    padding:3px 0 3px 0;
                }

#pc-nutr-info {width: 100%;}
#pc-allergens {clear: both;}
    
    #pc-nutr-claims{
        padding: 0px 0 0 0px;
        }
    #pc-nutr-claims ul {
        margin: 8px 0 8px 8px;
    }
    #pc-nutr-claims ul li {
        font-size: 1.1em;
        margin-bottom: 6px;
        margin-left: 1.1em;
        line-height: 1.4em;
    }

        #nfp-box{
            margin-bottom:10px;
            float: left;
        }

            #nfp-box:first-child{
                float:left;
                margin-right: 10px;
            }

            #XXnfp-box:nth-child(2){
                float:right;
            }


    #ADDITIONALDESCRIPTION-portlet-view, #ALLERGENS-portlet-view, #INGREDIENTS-portlet-view, #SERVINGSUGGESTION-portlet-view, #MEMO-portlet-view{
            padding:8px 10px 10px 8px;
            font-size:11px;
            color:#493a27;
            line-height: 1.3em;
    }

        div.allergenItem{
            padding:3px 0;
        }



#pc-sku-secondary{
    float:left;
    margin:0 0 0 6px;
    XXXwidth:242px;
    width: 34%;
}


    #pc-images{ margin-bottom: 12px;
    }

        #pc-images img.cloudzoom{
            display:block;
            margin:10px auto;
            max-width:100%;
        }

        #pc-thumbs{
            margin-left:10px;
        }

            #pc-thumbs img{
                float:left;
                border:1px solid #ebebeb;
                margin-right:5px;
                cursor:pointer;
            }

            #pc-thumbs p{
                clear:both;
                padding-top:10px;
                font-size:10px;
                color:#737171;
            }


    #pc-related{ margin-bottom: 12px;
        }

    .prd_docPortlet{
        width:100% !important;
        margin-top:8px;
    }
    .prd_docPortlet p {padding: 0px 8px 0px 6px;}

    #prd_relatedFiles .docTitle a {text-decoration: none; font-weight: bold;}

        .pc-doc-item, #prd_relatedFiles{
            margin:0 5px 10px 5px;
            border-bottom:1px solid #999999;
        }


            .pc-doc-item a, .docTitle a{
                float:left;
                color:#b53524;
                font-size:11px;
                font-weight:bold;
            }



            a.doc-email, .docInfo_emailLink{
                float:right;
                margin:0 0 5px 5px;
                cursor:pointer;
            }

    .docInfo {clear: both; padding-top: 6px; vertical-align: baseline;}

        .pc-doc-files, .docInfo_type{
            xclear:both;
            text-align: right;
        }

            .pc-doc-files img{
                float:left;
            }

            .docInfo_mod{
                color:#493a27;
                float:left;
                font-size:10px;
                text-align:left;
                font-style:normal;
                width: 70%;
                line-height: 2.6em;
            }
            .docInfo_mod img {
                padding: 0px 10px 4px 0px;
            }

        .docInfo_type{
                color:#493a27;
                float:left;
                font-size:10px;
                font-style:normal;
                width: 30%;
                line-height: 2.6em;
            }

            .docInfo_type img {padding-right: 14px;}

            .docInfo_filesize   {text-align: right;}

            .pc-doc-files p{
                float:right;
                font-size:10px;
                color:#000000;
                text-align:right;
                font-style:normal;
            }

                .pc-doc-files p span{
                    color:#999999;
                }
                
                            
.pc-prod-displayNone{ display:none}

.pc-prod-display{ display:block}


#norecords-view{ 
    width:100%;
    height:150px;
    text-align:center;
    font-weight:bold;
    font-size:12px;
    padding-top:25px; 
    }

    .pc-ssg-btn-container{
        width:100%;
        float:right;
        padding-top: 15px;
        padding-bottom: 10px;
    }


    .pc-action{
        border: 1px solid #d5d5d5;
        padding:5px;
        float:right;
        margin-right:8px;
        background-color: #e8e8e8;
        /*width:175px;*/
        }


        .pc-action input[type="button"]{
            border:0;
            background: none;
            font-size:11px;
            color:#000000;
            width:100%;
            cursor:pointer;
        }
        
        
        .school-list.left{
            clear:both;
            margin:0 10px;
        }

        .school-list{
            width:80%;
            float:left;
            margin-bottom:15px;
            font-size: 1.1em;
            padding-top: 8px;
        }
        .school-list table {background: #ffffff; width: 100%; padding-bottom: 6px;}
        .school-list table tbody tr td{padding: 4px 4px 2px 6px;}
        .school-list.left table tbody tr td.sllabel  {
            font-weight:bold;
            width: 25%;
        }
        .school-list table tbody tr td.sllabel  {
            font-weight:bold;
            width: 45%;
        }

            .school-list h1{
                background:#e2e2e2;
                color:#333333;
                font-size:12px;
                border:0 !important;
                padding: 6px 0 6px 6px;
            }

            .school-list ul{
                background:#ffffff;
                list-style-type:none;
                font-size:11px;
                padding:0;
                }

                .school-list ul li{
                    padding:3px 0 3px 0;
                }

        




#pc-barcode-primary{
    float:left;
    width: 65%;
    TEST-border:1px solid pink;
    height:450px;
    margin-left: 10px;
}

#pc-barcode-primary h1{
    font-size:14px;
    border-bottom:2px black;
    padding-left: 20px;
}

#barcodeContainer{
    TEST-border:1px solid red;
}


#barCodeType{
    width:300px;
    padding:20px;
}

#upcCodeText{ 
    color:#6d6d6d;
    font-weight:bold;
    padding-left:24px;
    padding-bottom:10px;
}

#upcCodeContainer{
    width:300px;
    padding-left:20px;
}
                        
#upcCode{
    width:200px;
    float:left;
}

#submitBtn{
    width:100px;
    float:right;
}

#upcCodeContainerResult{
    padding:20px;
    padding-left:20px;
    TEST-border:1px solid rgb(0, 225, 255);
    margin-top:20px;
}

#upcCodeContainerResult span{
    font-weight:bold;
}

#downloadBtn{
    display:none;
    width:100px;
    float:left;
    margin-left:20px;
}

.imageDownloadButton{
    padding:4px 10px
}

#pc-thumbs img{ margin-bottom: 4px; }

#imageDownloadButton { background:inherit; }
#imageDownloadButton .dx-button-mode-contained { background-color: #F1F1F1; border-color:808080; }