body {
    font-family: "Lato", "Helvetica Neu", Arial, Helvetica, sans-serif;
}

.main {
    padding-bottom:5px;
}


/* Header */
.delivery-msg {
    position: absolute;
    width: 100%;
    left: 0;
    top: 18px;
    text-align: center;
    margin: 0 auto;
    z-index: 1000;
}

    .delivery-msg a {
        color: #fff;
    }

        .delivery-msg a:hover {
            color: #fff;
        }

.search-area {
    margin: 8px;
    border-bottom: 1px solid #fff;
    padding: 7px 0;
    position: relative;
    z-index: 2000;
}

.search-area .fa-search {
    color: #fff;
    margin-right: 2px;
}

.search-area input {
    background-color: transparent;
    border: 0;
    color: #fff;
    font-size: 10pt;
    padding-left: 2px;
    width: 162px;
}

.search-area input:focus {
    outline: none;
}

.search-area ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}
.search-area ::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}
.search-area :-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}
.search-area :-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

.shopping-cart {
    float: right;
    margin: 5px 0 0 35px;
    position: relative;
    z-index: 2000;
}

.shopping-cart a:hover, .shopping-cart a:focus {
    text-decoration: none;
}

.shopping-cart span {
    display: table;
    margin: -29px auto;
    font-weight: bold;
    font-size: 1.1em;
    color: #e2383f;
}

.social-icons {
    padding: 15px 20px 10px 0;
    position:relative;
    z-index:2000;
}

.social-icons a {
    margin-right: 8px;
}

    .social-icons a img {
        width: 30px;
    }

#subNavMobile nav {
    background: #fff;
    border-left: 1px outset darkgray;
}

.sub-menu {
    color: #000;
}

.sub-menu #nav-close {
    font-size: 1em !important;
    font-weight: 600 !important;
}

.sub-menu li a {
    color: #000;
}

.sub-menu li a:hover {
    color: #000;
}

.sub-menu .btn-primary {
    background-color: #e2383f;
    border-color: #bd2f35;
}

.sub-menu .btn {
    border-radius: 0;
}

.top-nav {
    font-weight: bold;
    margin-bottom: 15px;
    background-color: white;
    padding-top: 16px;
    padding-bottom: 16px
}

.rnd-link {
    background-color:transparent;
    color: #000;
    margin-right: 10px;
    border: 2px solid #e2383f;
    border-radius:18px;
    padding:5px;
    display:inline-block;
    width:120px;
    text-align:center;
}

    .rnd-link:hover, .rnd-link:focus, .rnd-link:active, .rnd-link.active {
        color: #fff;
        background-color: #e2383f;
        text-decoration: none;
    }

/* Views */
.banners {
    margin:0 auto 40px;
    width:100%;
}

.ken-gen [class*='col-'] {
    padding: 40px;
}

    .ken-gen [class*='col-']:first-child {
        border-right: 2px solid #d4d5d5;
    }

.paccar-links {
    text-align:center;
    margin-top:20px;
}

.paccar-links a {
    margin:0 15px;
}

.groupbuy-outer {
    padding: 8px 15px 8px 0;
}

.breadcrumb {
    /*background-color:#fff;*/
    background-color:transparent;
    /*color:#fff;*/
    /*text-transform:uppercase;*/
    padding-left:0;
    margin-bottom:0;
}

.breadcrumb a {
    color:#000;
    font-weight:normal;
}

    .breadcrumb > .active {
        color: #e2383f;
        font-weight: bold;
    }



/*.list-group-heading:first-child {
    border-top: 5px solid #e7e8e9;
}*/

.list-group-item:first-child {
     border-top-left-radius: 0; 
     border-top-right-radius: 0; 
}

.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

a.list-group-item, button.list-group-item {
    color: #000;
}

.list-group-heading {
    /*background-color: transparent !important;*/
    background-color: #dbdbdb;
}

.list-group-heading:hover {
    background-color: transparent !important;
    color: #e2383f;
}

.list-group-item {
    border: none;
    /*border-top:1px solid #e7e8e9;*/
    text-transform: uppercase;
    font-weight: bold;
}

a.list-group-item:hover {
    /*color: #e2383f;*/
    color: #fff;
    background-color: #e2383f !important;
}

.list-group a.selected {
    /*color: #e2383f;*/
    color: #fff;
    background-color: #e2383f !important;
}

.list-group-item .fa {
    display:none;
}

.cat-back-panel {
    background-image: url('/Areas/KENWORTH/Content/Images/cat-bg-115.jpg');
    background-repeat:no-repeat;
    padding-top: 15px;
}

    .cat-back-panel .breadcrumb a {
        color: #fff;
    }

.cat-accordion {
    background-color:#fff;
    padding:50px 0 0;
}

.categories-replace {
    margin-top:10px;
}

.catdiv {
    padding: 8px;
}

.catheader {
    display:none;
}

.cat-header {
    color:#fff;
    font-size:3em;
}

.catbody {
    border: none;
}

.sort-order {
    color:#fff;
}

.prod_det_col2 {
    background-color: transparent;
}

.PageHeading, .SubHeading {
    color: #e2383f;
    text-transform:uppercase;
}

.panel-heading {
    background-color: #e2383f !important;
    color:#fff !important;
}

.zsbtn {
    background-color: #e2383f;
    border-color: #e2383f;
    border-radius:0; 
}

.zsbtn:hover {
    background-color: #e2383f;
}

.proddiv {
    width:200px;
}

.prodname {
    text-align: left;
    font-size: 125%;
}

.prodname .price
{
    color:#e2383f;
    margin-top:10px;
}

.prodname .name
{
    padding:0px;
    color:#000;
}

.proddiv .prodimg {
    background-color: #f0f0f0;
}

.sub-menu .cart-item {
    border-bottom:1px solid #ddd;
}

.cart-item-itemtotal {
    color:#e2383f;
    font-weight:bold;
    font-size:11pt;
}

.cart-item-qty {
    font-size: 11pt;
    font-weight: bold;
}

.out-of-stock {
    text-transform:uppercase;
}

#subNavMobile nav {
    border-left: 1px outset #eee;
}

.btn-primary, .zsbtn, .panel-title {
    text-transform:uppercase;
    font-weight:bold;
}

    .btn-primary:active:focus {
        background-color: #e2383f;
        border-color: #e2383f;
    }

.item-controls .fa-trash {
    color:#e2383f;
}

.PageHeading {
    /*font-family:Impact,Arial;
    font-size:26pt;*/
    font-size:20pt;
}

.editshoppingcart {
    width:200px;
}

.subtotal {
    text-transform:uppercase;
    font-weight:bold;
}

.subtotal .pull-right {
    color:#e2383f;
}

/* Footer */
.find-dealer {
    background-image: url('/Areas/KENWORTH/Content/Images/bg-poly-black.png');
    color: #fff;
}

    .find-dealer [class*='col-'] {
        padding: 40px;
    }

    .find-dealer .rnd-link {
        color:#fff;
    }

    .find-dealer img {
        border: 10px solid #040707;
        border-radius:50px;
    }

footer {
    background-color: #040707;
    box-shadow: 0px 500px 0px 500px #040707;
    min-height: 50px;
    padding: 20px;
    color: #fff;
}

.footer-link {
    text-align:right;
}

.footer-link a {
    color: #fff;
    font-size: 85%;
    margin-left:8px;
}

.footer-link a:hover {
    color: #fff;
    text-decoration: none;
}


/* Bootstrap overrides */
.navbar-fixed-top .navbar {
    border-radius:0;
}

.navbar-default {
    background-color: #e2383f;
    border-color: #e2383f;
}

.navbar-brand {
    height: auto;
    margin-left:0 !important;
    padding: 15px 0;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 10pt;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    margin-right: 5px;
    margin-bottom: 0;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-toggle .icon-bar {
    width: 24px;
    height: 4px;
    background-color: #fff !important;
}

.navbar-collapse li {
    border-bottom: 1px solid #bd2f35;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

    .row.display-flex > [class*='col-'] {
        flex-grow: 1;
    }


/* Different screen sizes */
@media (max-width:1000px) {
    .top-nav .col-sm-9 a {
        font-size: .8em;
        width: 90px;
    }

    footer {
        font-size:85%;  
    }
}

@media (max-width: 767px) {
    .navbar-brand {
        padding: 12px;
    }

    .banners {
        margin-bottom:0;
    }
    
    .shopping-cart {
        float: right;
        margin: 4px 12px 0 0;
    }

    .shopping-cart img {
        max-height: 40px;
    }

    .shopping-cart span {
        margin: -26px auto;
        font-size: 1em;
    }

    .search-area {
        margin: 0 15px;
        border-bottom: none;
        padding: 3px 0;
    }

    .social-icons {
        padding: 10px 0 0 0;
        text-align: center;
        border-top: 1px solid #bd2f35;
    }

    .ken-gen {
        margin:0 20px;
    }

        .ken-gen [class*='col-'] {
            padding: 20px;
        }

            .ken-gen [class*='col-']:first-child {
                border-right: none;
                border-bottom: 2px solid #d4d5d5;
            }

    .paccar-links img {
        max-width:60px;
    }

    .cat-back-panel {
        background-image: none;
        padding-top: 0;
    }

        .cat-back-panel .breadcrumb a {
            color: #000;
        }

    .cat-accordion {
        background-color: unset;
        padding: 0 15px;
    }

    .cat-header {
        display:none;
    }

    .sort-order {
        color:#000;
    }

    footer {
        text-align: center;
        padding:10px 0;
        font-size: 85%;
    }

    .footer-link {
        text-align:center;
    }

    .footer-link a {
        color: #fff;        
        margin-left:5px;
    }
}

@media (max-width: 320px) { /* iPhone 5 */
    .paccar-links img {
        max-width:48px;
    }

    footer {
        text-align: center;
        padding:10px 0;
        font-size: 72%;
    }
}

.progress-bar {
    background-color: #e2383f;
}

.modal-header {
    background-color: #fff;
    font-weight: bold !important;
    font-size: 24pt;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: black;
    font-family: 'Open Sans', sans-serif;
}

#ModalLoading .modal-header h2.h2white {
    font-weight: bold !important;
}