/************************* BASE STYLES *******************************/
a, a:active, a:visited {
    color: #AE0000;
}
a:hover {
    color: #0476C4;
}

#main-background {
    background: #FFFFFF;
    margin-bottom: -156px;
}
#footer-clear {
    height: 156px;
}
body.Popup #content {
    margin-top: 0;
}
/*
    These values are set differently here because widgets in radiant run
    right up to the edge of the header/footer, while most of the other
    themes have a border on the outsides of the widgets.
*/

#content.has-left-column,
#content.has-left-column {
    min-width: 940px;
    width: 940px;
}

#footer.has-left-column,
#header.has-left-column {
    padding-right: 12px;
}

#footer.has-right-column,
#header.has-right-column {
    padding-right: 0;
}

#main.has-left-column {
    padding-left: 188px;
    min-width: 752px;
}
#main.has-right-column {
    padding-right: 188px;
    padding-left: 0;
}

div.widget {
    border: 1px solid #000000;
    background-color: #E7B6B6;
    /*
        IE users below 8 don't get the dropshadow, unless we want
        to do some really nasty filter stuff, which will probably
        be slow, since anyone on IE 6/7 is probably on an older
        computer as well (IE8 was the default on Windows 7).

        Because of the -moz-box-shadow and -webkit-box-shadow this
        won't validate until we can remove those and go fully CSS3.
    */
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}

div.widget.frameless {
    border: none;
    background-color: inherit;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.widget > div.widget-header a,
div.widget > div.widget-header > div {
    /* text and link color in the widget header (title bar) */
    color: #FFFFFF;
}
div.widget > div.widget-header > div.center {
    background: url(box_topbar_bg.gif) #000000 0 0 repeat-x;
}
/* Specific edge piece styles */
div.widget > div.widget-header > div.center > div.left {
    background: url(box_topbar_bg.gif) #000000 0 0 repeat-x;
}
div.widget > div.widget-header > div.center > div.right {
    background: url(box_topbar_bg.gif) #000000 0 0 repeat-x;
}
div.widget > div.widget-header div.widget-header-link {
    border-left: solid 1px #FFFFFF;
    background: url(box_toplink_bg.gif) transparent 0 0 repeat-x;
}
div.widget > div.widget-main > div.center > ol.menu > li,
div.widget > div.widget-main > div.center > ul.menu > li {
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #b2b2b2;
}
div.widget > div.widget-main > div.center > ol.menu > li.selected,
div.widget > div.widget-main > div.center > ul.menu > li.selected {
    background-color: #FFFFFF;
}
div.widget > div.widget-main > div.center > ol.menu a,
div.widget > div.widget-main > div.center > ul.menu a {
    color: #000000;
}
div.widget > div.widget-main > div.center > ol.menu a:hover,
div.widget > div.widget-main > div.center > ul.menu a:hover {
    color: #023B62;
}
table.styled-table > thead > tr > th,
div.widget > div.widget-main > div.center > table > thead > tr > th,
div.widget > div.widget-main > div.center > div.dataTables_wrapper > table > thead > tr > th {
    background: #FFFFFF;
}
table.styled-table > tbody > tr > th,
table.styled-table > tbody > tr > td,
div.widget > div.widget-main > div.center > table > tbody > tr > th,
div.widget > div.widget-main > div.center > table > tbody > tr > td,
div.widget > div.widget-main > div.center > div.dataTables_wrapper > table > tbody > tr > td {
    border-left: solid 1px #b2b2b2;
}
/* border within tables */
div.widget > div.widget-main > div.center > table > tbody > tr > td:first-child,
div.widget > div.widget-main > div.center > div.dataTables_wrapper > table > tbody > tr > td:first-child {
    border-left: 0 !important;
}
div.widget input,
div.widget textarea,
div.widget select {
    border: 1px solid #b2b2b2;
    background-color: #FFFFFF
}
div.widget input {
    padding: 1px 3px;
}

div.widget ol.tabs,
div.widget ul.tabs {
    border-bottom: 1px solid #000000;
}
div.widget ol.tabs > li,
div.widget ul.tabs > li {
    border-right: 1px solid #000000;
}
div.widget ol.tabs > li.selected,
div.widget ul.tabs > li.selected {
    background: #FFFFFF;
}
label.required {
    background: url(icon_required.gif) transparent 0 45% no-repeat;
    padding-left: 14px;
}
span.button {
    background: url(btn_right.gif) transparent 100% 0 no-repeat;
    height: 24px;
}
span.button > span.button-background {
    background: url(btn_left.gif) transparent 0 0 no-repeat;
    height: 24px;
    display: block;
}
span.button > span.button-background > a {
    color: #000000;
}
span.button.livechat {
    position: absolute;
    right: 0px;
    top: 92px;
}

/* buttons with icons */
span.button.add-to-cart > span.button-background > a {
    padding: 0 0 0 24px;
    height: 24px;
    background: url(btn_add_cart.gif) transparent 0 50% no-repeat;
}
span.button.apply-coupon > span.button-background > a {
    padding: 0 0 0 26px;
    height: 24px;
    background: url(btn_apply_coupon.gif) transparent 0 50% no-repeat;
}
/* end buttons with icons */

div.textarea-wrapper {
    border: 1px solid #000000;
}
div.submit-warning {
    border: 1px solid #000000;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}
a.zoom {
    background: url(icon_zoom.gif) transparent 0 3px no-repeat;
}
.edit-link {
    background: url(icon_edit.gif) transparent no-repeat 0 50%;
}
.tag {
    background: #FFFFFF;
    border: 1px solid #AE0000;
    color: #023B62;
}
.contract-item {
    background: url(icon_contract-item.gif) #FFFFFF 5px 50% no-repeat;
}
.favorite-item {
    background: url(icon_favorite-item.gif) #FFFFFF 5px 50% no-repeat;
}
.rebate_description {
    font-size: 14px;
    font-weight: bold;
    color: #0476C4;
}

table td > div.ProductDescription {
    font-size: 11px;
}
/************************* COMMON WIDGET STYLES *******************************/

#main > div.widget-container > div.widget.fullpage > div.widget-header,
#main > div.widget-container > form > div.widget.fullpage > div.widget-header {
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}
#main > div.widget-container > div.widget.fullpage > div.widget-header > div.center,
#main > div.widget-container > form > div.widget.fullpage > div.widget-header > div.center {
    background: url(title_bg.gif) #000000 0 50% repeat-x;
}
#main > div.widget-container > form > div.widget.fullpage > div.widget-main > div.center > div.widget-form {
    clear: both;
    border: 1px solid #000000;
    background-color: #E7B6B6;

    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}
div.widget > div.widget-main > div.center p.description {
    padding: 10px;
}

div.widget > div.widget-main > div.center p.required-marker {
    float: right;
    padding-left: 14px;
    background: url(icon_required.gif) no-repeat scroll 0 50% transparent;
}

.widget table tr.row0 th, .widget table tr.row0 td {
    background-color: #B7D7EE;
}

div.widget ul.line-note > li.line-note-add > a {
    padding-left: 20px;
    background: transparent url("icon_add_note.gif") left center no-repeat;
}
div.widget ul.line-note > li.line-note > input {
    padding-left: 20px;
    background: transparent url("icon_user_entered.gif") left center no-repeat;
}

/************************* INDIVIDUAL WIDGET STYLES *******************************/
div.FavoriteItemsListManager > div.widget > div.widget-header,
div.FavoriteItemsUserManager > form > div.widget > div.widget-header {
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}

/* Table widget */
div.Table div.page-selector > ol > li > a {
    border: 1px solid #AE0000;
}
div.Table div.page-selector > ol > li > a:hover,
div.Table div.page-selector > ol > li > a.selected {
    background-color: #E7B6B6;
    color: #000000;
}

/* ProductList widget */
div.ProductList > div.widget {
    border: none;
    background: none;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* OrderTotal widget */
div.OrderTotal > div.widget > div.widget-main > div.center > table.order-total > tbody > tr.total,
div.OrderTotal > div.widget > div.widget-main > div.center > table.order-total > tbody > tr.payments,
div.OrderTotal > div.widget > div.widget-main > div.center > table.order-total > tbody > tr.balance {
    border-top: solid 1px #000000;
}

/* CartComplete widget */
#cart-complete-message {
    border: 1px solid #000000;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}
#cart-complete-message > table td {
    background-color: #E7B6B6;
}
#cart-complete-message > table td:first-child {
    background: url(box_success_divider.gif) #FFFFFF 100% 0 no-repeat;
}

div.SimpleFooter {
    color: #FFFFFF;
}

div.OrderRouting > div.widget > div.widget-main > div.center > ol > li.selected {
    color: #000000;
}

/* ProductDescription widget */
div.ProductDescription > ol > li.sku,
div.ProductDescription > ol > li.sku > a {
    color: #000000;
}

div.ProductPrice > table {
    border-top: 1px solid #000000;
}

/* ProductAddQuantity widget */
div.ProductAddQuantity > ol > li a.increment-quantity, .mkt-rf-increment-quantity {
    background: url(btn_form_increment.gif) transparent no-repeat;
}
div.ProductAddQuantity > ol > li a.decrement-quantity, .mkt-rf-decrement-quantity {
    background: url(btn_form_decrease.gif) transparent no-repeat;
}

div.OrderItemDelete > a.delete {
    background: url(icon_trash.gif) 50% 50% transparent no-repeat;
}

.iconTrash {
    background: url(icon_trash.gif) 50% 50% transparent no-repeat;
}

div.FavoriteGroupList a.edit-link {
    color: #000000;
}

div.FavoriteItemsUserManager div.user-container {
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}

/* Rewards History Report widget */
div.RewardsHistoryReport > form > div.widget > div.widget-main > div.center > div.fields {
    background-color: #E7B6B6;
    border: 1px solid #000000;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}

/* Order History Report widget */
div.OrderHistoryReport > form > div.widget > div.widget-main > div.center > div.fields {
    background-color: #E7B6B6;
    border: 1px solid #000000;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}

/* Item History Report widget */
div.ItemHistoryReport > form > div.widget > div.widget-main > div.center > div.fields {
    background-color: #E7B6B6;
    border: 1px solid #000000;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}

/* Item budget Report widget */
div.BudgetReport > form > div.widget > div.widget-main > div.center > div.fields {
    background-color: #E7B6B6;
    border: 1px solid #000000;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}

/* Favorite Items widget */
li.plugin li.favorites-add,
li.plugin li.recurring-add,
li.plugin li.favorites-edit-move {
    background: url("icon_add_favorite.gif") no-repeat scroll 0 1px transparent;
    padding-left: 16px;
    background-position: 0 .5em;
}
li.plugin li.favorites-remove,
li.plugin li.favorites-edit-remove {
    background: url("icon_remove_item.gif") no-repeat scroll 0 1px transparent;
    padding-left: 16px;
    background-position: 0 .5em;
}

/* Alternate Items plugin */
li.plugin li.alternate-items {
    background: url("icon_alternate.gif") no-repeat scroll 0 1px transparent;
    padding-left: 16px;
    background-position: 0 .5em;
}

/* Accessory Items plugin */
li.plugin li.accessory-items {
    background: url("icon_accessories.gif") no-repeat scroll 0 1px transparent;
    padding-left: 16px;
    background-position: 0 .5em;
}

li.plugin a.line-item-note {
    background: url("icon_add_note.gif") no-repeat scroll 0 50% transparent;
    padding-left: 16px;
}

/* Refine widget */
div.Refine p a {
    background: url("icon_ui_remove.gif") no-repeat scroll 0 2px transparent;
}

#selected_filter li a,
#selected_filter li a:visited,
#selected_filter li a:active {
    color: #000000;
    background: url(icon_remove_item.gif) transparent 0 2px no-repeat;
}

#selected_filter li a:hover {
    background: url(icon_ui_remove.gif) transparent 0 2px no-repeat;
}

/* Refine.Available widget */
div.Available h4 {
    color: #666666;
}
div.Available h5 {
    background-color: #e4e4e4;
}

div.Available ul {
    color: #AE0000;
}
div.Available .keyword-filter input{
    height: 22px;
}
/* FavoriteItems widget */
.widget-favorite-items table {
    border: 1px black solid;
    box-shadow: 2px 2px 2px #888888;
}
.widget-favorite-items table td {
    font-size: 11px;
    border: 0px !important;
}
.widget-favorite-items table td.drag > div {
    background: url("icon_ui_drag.gif") no-repeat scroll 50% 50% transparent;

}
.widget-favorite-items table td.group {
    text-align: left !important;
}

div.widget-favorite-items p.add-group-name {
    background: url("icon_add_favorite.gif") no-repeat scroll 6px 6px transparent;
}

/* Compare widget */
div.Compare tr:first-child th,
div.Compare tr:first-child td {
    background-color: #F4F4F4;
    border-bottom: 1px solid #B2B2B2;
}
div.Compare tr:first-child td {
    border-left: none !important;
}
div.Compare tr:first-child td a {
    background: url(icon_ui_remove.gif) transparent left 2px no-repeat;
    padding-left: 15px;
}
div.Compare th.colspan {
    background-color: #B2B2B2;
    font-size: 120%;
    font-weight: bold !important;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

/* RecentlyCompared widget */
div.RecentlyCompared td {
    background-color: #E5E5E5;
}

/* Merchandising widgets */
div.merchandising-nav {
    background: url(box_topbar_bg.gif) #570000 0 0 repeat-x;
}
div.merchandising-nav a {
    background-color: white;
    color: black;
}
div.merchandising-nav a:hover,
div.merchandising-nav a:focus,
div.merchandising-nav a.activeSlide {
    background: url(box_toplink_bg.gif) transparent 0 0 repeat-x;
    color: white;
}

/* FeaturedItems widget */
.widget-featured-item-container.alt {
    background-color: #E7B6B6;
}
.widget-featured-item-container.alt2 {
    background-color: #DDDDDD;
}
.widget-featured-item .title-link {
    color: #333;
}
.widget-featured-item .line-note a {
    background: url("icon_add_note.gif") no-repeat scroll 0 -1px transparent;
}
.widget-featured-item-container.full-width .line-note a {
    background: url("icon_add_note.gif") no-repeat scroll 0 -1px transparent;
}
.widget-featured-item .add-to-cart {
    background-color: #0476C4;
}
.widget-featured-item .add-to-cart a {
    background: url("icon_cart.gif") no-repeat scroll 0 1px transparent;
    color: white;
}
.widget-featured-item-container.half-width .widget-featured-item .add-to-cart,
.widget-featured-item-container.full-width .widget-featured-item .add-to-cart {
    font-size: 8pt;
}
.widget-featured-item .zoom {
    background: url("icon_zoom.gif") no-repeat scroll 0 5px transparent;
}

/* ItemDetails widget */
div.ItemDetail td.details ul.tabs > li.active {
    background-color: #E7B6B6;
    border-bottom: 1px solid #E7B6B6;
}
div.ItemDetail td.details ul.tabs > li.active > a {
    color: #000000;
}
div.ItemDetail div.product-overview,
div.ItemDetail div.product-attributes,
div.ItemDetail div.product-warranty {
    background-color: #E7B6B6;
    border: 1px solid #000000;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}

div.PendingOrders table {
    background-color: #E7B6B6;
    border: 1px solid #000000;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    box-shadow: 2px 2px 2px #888;
}

/************************* PAGE STYLES *******************************/
body.AlternateItems #main,
body.Popup #main {
    margin-top: 0;
}

/************************* HEADER STYLES *******************************/
#header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 950px 1fr;
    -ms-grid-rows: auto auto auto auto 2px;
    grid-template-columns: auto 950px auto;
    grid-template-rows: auto auto auto auto 2px;
}
#header > div:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
#header > div:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}
#header > div:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
#header > div:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}
#header > div:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}
#header > div:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
}
#header > div:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
#header > div:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
}
#header > div:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}
#header > div:nth-child(10) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
}
#header > div:nth-child(11) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
}
#header > div:nth-child(12) {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
}
#header > div:nth-child(13) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}
#header > div:nth-child(14) {
    -ms-grid-row: 5;
    -ms-grid-column: 2;
}
#header > div:nth-child(15) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

#header > div:nth-child(-n+3) {
    background-image: linear-gradient(#FFFFFF, #570000 300%);
}

#header > div:nth-child(n+4):nth-child(-n+6) {
    background-image: linear-gradient(#D4D4D4, #FFFFFF 13%, #FFFFFF 87%, #D4D4D4);
}

#header > div:nth-child(n+7):nth-child(-n+9) {
    background-image: linear-gradient(#000000, #3A3A3A 50%, #000000 50%, #000000);
}

#header > div:nth-child(n+10):nth-child(-n+12) {
    background-image: linear-gradient(#FFFFFF, #570000 300%);
}

#header > div:nth-child(n+13) {
    background-image: linear-gradient(#999999, #FFFFFF);
}

div.header-nav-top {
    display: flex;
    justify-content: space-between;
}

#header-nav-profile > span,
#header-nav-site > span {
    padding: 2px 15px 3px;
    border-right: 1px solid #DDD;
    display: inline-block;
    min-height: 20px;
}
#header-nav-profile > span:first-child,
#header-nav-site > span:first-child {
    border-left: 1px solid #DDD;
}#header-nav-site {
    border-left: 1px solid #666;
    border-right: 1px solid #666;
}

#header-nav-site > span {
    background-image: linear-gradient(#0476C4, #023B62 50%, #023B62);
}
#header-nav-site > span > a {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 11px;
}
#header-nav-logo {
    display: inline-block;
    padding: 16px 0;
    min-height: 80px;
}
#header-nav-main > ul > li {
    display: inline-block;
    margin: auto;
    border-right: 1px solid #ddd;
}
#header-nav-main > ul > li:first-child {
    border-left: 1px solid #ddd;
}
#header-nav-main > ul > li > a {
    display: inline-block;
    padding: 7px 14px;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}
#header-nav-main > ul > li > a:focus {
    outline-width: 2px;
}
#header-nav-search {
    display: flex;
    justify-content: space-between;
}
#header-box-search {
    margin: 14px 2px;
    padding: 10px 17px 7px 32px;
    background-image: linear-gradient(#0476C4, #023B62);
    border-radius: 5px;
}
#header-search-string {
    min-width: 430px;
    line-height: 26px;
    height: 26px;
    border: 1px solid #444;
    padding: 0 3px;

    *background: #EEE;
    -moz-box-shadow: inset 0px 0px 2px black;
    -webkit-box-shadow: inset 0px 0px 2px black;
    box-shadow: inset 0px 0px 2px black;
}
#header-search-button {
    margin-left: 11px;
    height: 32px;
    width: 45px;
    cursor: pointer;
    border: none;
    text-decoration: none;
    background: url(btn_search_go.gif) transparent 0 3px no-repeat;
}
#header-cart-data {
    display: block;
    margin-top: 13px;
    padding: 17px 0 0 25px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    color: #000000;
    width: 193px;
    height: 35px;
    background: url(cart.png) transparent 0 0 no-repeat;
}
#header-finders {
    padding-top: 6px;
}


#header-finders ul li.supplies-finder {
    height: 31px;
    width: 128px;
    background: url("btn_supplies_finder.gif") no-repeat scroll 0 0 transparent;
}
#header-finders ul li.supplies-finder a,
#header-finders ul li.supplies-finder a:link,
#header-finders ul li.supplies-finder a:visited,
#header-finders ul li.supplies-finder a:hover {
    display: block;
    font-size: 11px;
    padding: 5px 0 0 34px;
    text-decoration: none;
}
#header-finders ul li.hon-micro {
    height: 31px;
    width: 128px;
    background: url("btn_hon_micro.png") no-repeat scroll 0 0 transparent;
}
#header-finders ul li.hon-micro a,
#header-finders ul li.hon-micro a:link,
#header-finders ul li.hon-micro a:visited,
#header-finders ul li.hon-micro a:hover {
    display: block;
    font-size: 11px;
    padding: 5px 0 0 34px;
    text-decoration: none;
}
.dark-on-focus {
    color: #AAA
}
.dark-on-focus:focus {
    color: $accent !important
}
.header-primary-category{
    height: 100%;
    padding: 7px 0 6px;
}
.header-primary-category > a,
.header-primary-category > a:visited {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 11px;
    padding-left:14px;
    padding-right:14px;
}
.header-secondary-category-container {
    left: -1px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background-color: #000000;
}
.header-secondary-category-odd > a,
.header-secondary-category-odd > a:visited,
.header-secondary-category-even > a,
.header-secondary-category-even > a:visited {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    text-align: left;
}
.header-secondary-category-odd {
    background-color: #212121;
    padding: 7px;
    opacity: 0.95;
    filter:alpha(opacity=95);
    position: relative;
}
.header-secondary-category-even {
    background-color: #000000;
    padding: 7px;
    opacity: 0.95;
    filter:alpha(opacity=95);
    position: relative;
}
.header-secondary-category-odd:hover,
.header-secondary-category-even:hover {
    background-color: #0476C4;
}
.header-secondary-category-msg {
    color: #FFFFFF;
    background-color: #000000;
    padding: 7px;
}
/************************* FOOTER STYLES *******************************/
#footer-background {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 950px 1fr;
    -ms-grid-rows: 1fr 100px;
    grid-template-columns: auto 950px auto;
    grid-template-rows: auto 100px;
}
#footer-background > div:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
#footer-background > div:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}
#footer-background > div:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
#footer-background > div:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
}

#footer-background> div:nth-child(1),#footer-background> div:nth-child(2),#footer-background> div:nth-child(3) {
    background-image: linear-gradient(#FFFFFF, #570000 300%);
}
#footer-background> div:nth-child(4) {
    background: #000000;
    grid-column: 1 / span 3;
}
#footer {
    display: flex;
    justify-content: space-between;
}
#footer-links {
    background-image: linear-gradient(#000000, #3A3A3A 50%, #000000 50%, #000000);
    margin-bottom: 1px;
}
#footer-links > a {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}
#footer-links > a:hover {
    text-decoration: underline;
}

/***** Scrollpane horizontal scroller *****/

div.jspTrack {
  display: none;
}

div.jspHorizontalBar {
  background: none;
  height: 50px;
}

a.jspArrowLeft {
  width: 25px !important;
  background: url("scroll_left.png") no-repeat;
}

a.jspArrowRight {
  width: 25px !important;
  float: right !important;
  background: url("scroll_right.png") no-repeat;
}

a.jspDisabled {
  display: none;
}

/***************** MEGA MENU***********************/
.megamenu-secondary-category-container {
    position: absolute;
    display: none;
    top: 0;
    left: 100%;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background-color: #000000;
}

.megamenu-secondary-category-container {
    width: 300px;
}