@charset "utf-8";
/* CSS Document */

body {
    font-family: Segoe UI, Helvetica, Arial, Sans-Serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: bold;
}

.navbar-header {
    float: none;
}

.navbar-bentons {
    /*background-color: #887469;
  border-color: #e7e7e7;*/
}



.breadcrumb {
    background-color: white;
}

.black {
    color: black;
}


.jumbotron h1 {
    color: black;
}

.jumbotron p {
    color: black;
}

.page-header {
    margin-top: 0px;
}

.btn-bentonstrade {
    color: #ffffff;
    background-color: #004890;
    border-color: #004890;
}

    .btn-bentonstrade:hover,
    .btn-bentonstrade:focus,
    .btn-bentonstrade:active,
    .btn-bentonstrade.active,
    .open .dropdown-toggle.btn-bentonstrade {
        color: #ffffff;
        background-color: #004890;
        border-color: #004890;
    }

.btn-bentonsbathrooms {
    color: #ffffff;
    background-color: #323233;
    border-color: #323233;
}

    .btn-bentonsbathrooms:hover,
    .btn-bentonsbathrooms:focus,
    .btn-bentonsbathrooms:active,
    .btn-bentonsbathrooms.active,
    .open .dropdown-toggle.btn-bentonsbathrooms {
        color: #ffffff;
        background-color: #323233;
        border-color: #323233;
    }

.btn-bentonsgas {
    color: #ffffff;
    background-color: #FE0000;
    border-color: #FE0000;
}

    .btn-bentonsgas:hover,
    .btn-bentonsgas:focus,
    .btn-bentonsgas:active,
    .btn-bentonsgas.active,
    .open .dropdown-toggle.btn-bentonsgas {
        color: #ffffff;
        background-color: #FE0000;
        border-color: #FE0000;
    }

    .btn-bentonsgas .caret {
        color: #FFFFFF;
    }

.offset4 {
    margin-left: 340px;
}

.offset3 {
    margin-left: 245px;
}

.offset2 {
    margin-left: 180px;
}

.offset1 {
    margin-left: 100px;
}

.BentonsBathroomsHeader {
    background: #323233;
    padding: 10px 0 10px 0;
}

.BentonsGasHeader {
    background: #FE0000;
    padding: 10px 0 10px 0;
}

.BentonsTradeHeader {
    background: #004890;
    padding: 10px 0 10px 0;
}

.white-caret {
    border-top-color: white !important;
    border-bottom-color: white !important;
}

/* Product Table Styles */

.ProductCellTable {
    width: 100%;
    padding-right: 6px;
    padding-left: 6px;
    margin-bottom: 20px;
}

.ProductCellImageColumn {
    vertical-align: top;
    text-align: center;
    width: 140px; /*Max Image Width is 130px*/
    height: 110px; /*Max Image Width is 100px*/
}

.ProductCellTextColumn {
    vertical-align: top;
    text-align: left;
}

    .ProductCellTextColumn .ProductName {
        font-weight: bold;
    }

.img-responsive-padding12 {
    padding-bottom: 12px;
}

.padding12 {
    padding-bottom: 12px;
}

.marginbottom12 {
    margin-bottom: 12px;
}


/**************************************************/
/* Sidebar Categories and Brands Styles           */
/**************************************************/

.navbar-sidemenu {
    background-color: #FFFFFF;
}

@media (min-width: 768px) {
    .sidebar-nav .navbar .navbar-collapse {
        padding: 0;
        max-height: none;
    }

    .sidebar-nav .navbar ul {
        float: none;
        display: block;
    }

    .sidebar-nav .navbar li {
        float: none;
        display: block;
    }

        .sidebar-nav .navbar li a {
            padding-top: 2px;
            padding-bottom: 2px;
        }
}


/* CSS for Centering Content Vertically within a responsive column*/
/* http://www.bootply.com/94394 */
.center-row {
    display: table;
}

.center-vertical {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

/*CSS for Hover Menus for Touch Devices */
/* http://stackoverflow.com/questions/20734462/bootstrap-clickable-menu-on-hover */
/* http://cameronspear.com/blog/bootstrap-dropdown-on-hover-plugin/ */
.touch .mobile-link {
    display: block;
}

.no-touch .mobile-link {
    display: none;
}

/* Styles for Logo Image Grid */

.logoimagetable {
    min-height: 120px;
    min-width: 200px;
    vertical-align: middle;
}

.imagegridcell {
    min-height: 120px;
    min-width: 200px;
    padding-bottom: 20px;
}

/********************************************/
/* Styles for Multi Level Drop Down Menu    */
/********************************************/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/********************************************/


@media print {
    a[href]:after {
        /*content: " (" attr(href) ")"; Original Value*/
        /*Overrides the printing of URLs in the Print View*/
        content: none;
    }
}

.topnav {
    background-color: black;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: -10px;
}

.topnavlinks a {
    color: white;
    padding-left: 10px;
    /*font-weight:bold;*/
}