@media all {

    .crumb-wrapper
    {
        clear: both;
        background-color: #ededed;
        width: 100%;
        overflow: hidden;
        border-bottom: 10px solid #fff;
    }

    .crumb-wrapper ul,
    .crumb-wrapper ul li
    {
        float: left;
    }
    
    .crumb-wrapper li a,
    .crumb-wrapper.global #crumb1 span
    {
        font-size: 16px;
        border-right: 1px solid #bebebe;
        padding: 4px 5px;
        display: block;
    }
    
    .crumb-wrapper li a:hover,
    .crumb-wrapper li a
    {
        text-decoration: none;
    }
    
    .crumb-wrapper li.last a,
    .crumb-wrapper ul.crumb-nav li a,
    .crumb-wrapper.global #crumb1 span
    {
        border: 0;
    }
    
    .crumb-wrapper ul.crumb-nav #crumb2,
    .crumb-wrapper ul.crumb-nav #crumb3
    {
        margin-left: -20px;
    }
    
    .crumb-wrapper ul.crumb-nav #crumb2 a,
    .crumb-wrapper ul.crumb-nav #crumb3 a
    {
        padding-left: 25px;
        
    }
    
    /* set up layering */
    .crumb-wrapper ul.crumb-nav li,
    .crumb-wrapper ul.crumb-nav li a
    {
        color: #fff;
        position: relative;
        z-index: 3;
    }
    
    .crumb-wrapper ul.crumb-nav #crumb2,
    .crumb-wrapper ul.crumb-nav #crumb2 a
    {
        z-index: 2;
    }
    
    .crumb-wrapper ul.crumb-nav #crumb3,
    .crumb-wrapper ul.crumb-nav #crumb3 a
    {
        z-index: 1;
        position: relative;
    }
    
    /* background image for crumbs */
    .crumb-wrapper #crumb1 a,
    .crumb-wrapper.global #crumb1 span,
    .crumb-wrapper #crumb2 a,
    .crumb-wrapper #crumb3 a
    {
        background-color: transparent;
        background-position: right center;
        margin-right: 0;
        padding-right: 15px;
    }
    
    .crumb-wrapper #crumb1 a
    {
        background-image: url(images/crumb_1.png);
    }
    
    .crumb-wrapper.global #crumb1 span
    {
        background-image: url(../../global/styles/images/crumb_1.png);
    }
    
    .crumb-wrapper #crumb2 a
    {
        background-image: url(images/crumb_2.png);
    }
    
    .crumb-wrapper #crumb3 a
    {
        background-image: url(images/crumb_3.png);
    }
    
    .crumb-wrapper #crumb1 a:hover,
    .crumb-wrapper #crumb2 a:hover,
    .crumb-wrapper #crumb3 a:hover
    {
        background-image: url(../../common/crumb_over.png);
        color: #fff;
    }
    
    /* local crumb nav */
    .crumb-wrapper ul.local-nav li a:focus,
    .crumb-wrapper ul.local-nav li a:hover,
    .crumb-wrapper ul.local-nav li a:active
    {
        background-color: #d61d00;
        color: #fff;
    }
    
    .crumb-wrapper.global ul.local-nav li a:focus,
    .crumb-wrapper.global ul.local-nav li a:hover,
    .crumb-wrapper.global ul.local-nav li a:active
    {
        background-color: #4f4f4f;
    }
    
    .crumb-wrapper ul.related-to-crumb2 li a:focus,
    .crumb-wrapper ul.related-to-crumb2 li a:hover,
    .crumb-wrapper ul.related-to-crumb2 li a:active
    {
        background-color: #801100;
    }
    
    .crumb-wrapper ul.related-to-crumb3 li a:focus,
    .crumb-wrapper ul.related-to-crumb3 li a:hover,
    .crumb-wrapper ul.related-to-crumb3 li a:active
    {
        background-color: #ab1700;
    }
    
    .crumb-wrapper ul.local-nav li.first
    {
        margin-left: -20px;
        z-index: 0;
        position: relative;
    }
    
    .crumb-wrapper ul.local-nav li.first a
    {
        padding-left: 25px;
    }

    /* hot topics override - zone nav in page footer */
    .crumb-wrapper.global ul.crumb-nav li a,
    .crumb-wrapper.global ul.local-nav li a:hover
    {
        color: #fff;
    }

}