/* = Typography
-------------------------- */
h1,
h2,
h3,
h4,
.productList h4,
.productList ul li .price {
    color: #AE2423;
}

a {
    color: #AE2423;
}

a:hover {
    color: #AE2423;
}

.highlight {
    color: #AE2423;
}

.marked {
    background: #AE2423;
}

blockquote:before {
    color: #AE2423;
}
blockquote p span:before { color: #AE2423; }

#mainContent p > a:not(.btn),
#mainContent .passwordReset  { color: #AE2423; }

/* = Buttons
--------------------------- */
.btn,
.miniBasket .btn {
    background-color: #AE2423;
    border-color: #AE2423;
    color: #fff;
}

.btn:hover {
    background-color: #666;
    border-color: #666;
    color: #fff;
}

.miniBasket .btn:before {
    background-color: #AE2423;
}

.btnImpact { background-color: #fff; color: #AE2423; }

.coCCBtn:hover, .coChequeBtn:hover, .coPaypalBtn:hover { background: #AE2423; border-color: #AE2423; }

.coCCBtn:before { color: #AE2423; }
.coChequeBtn:before { color: #AE2423; }

.hamburger span { background: #AE2423; }
.hamburger span::before,
.hamburger span::after { background-color: #AE2423; }

.btnMoreInfo a {
    color: #AE2423;
}

.btnMoreInfo a:hover {
    color: #AE2423;
}

.cookie-notice .cookie-button .btn:hover {
    background: #AE2423;
    border-color: #AE2423;
}

.cookie-notice .cookie-button .btn:hover:before {
    background: #AE2423 url(/_img/icons/cookie-check.svg) no-repeat 50% 50%;
}

/* = Lists
-------------------------- */
.paging ul li a { background: #AE2423; }

/* = Tables
-------------------------- */
th {
    border: 1px solid #000;
    background: #000;
}

/* = Tabs
--------------------------- */
.tabs ul li a.on {
    color: #AE2423;
}

.tabs ul li a.on:after,
.tabs ul li a.on:hover:after {
    background: #AE2423;
}

.tabs .dropdown.showOptions li a:hover {
    color: #AE2423;
}

.tabs .dropdown.showOptions a.on,
.tabs .dropdown.showOptions a.on:hover {
    background-color: #AE2423;
}

/* = Accordion
--------------------------- */
.accordion>h3 {
    color: #AE2423;
    border: 1px solid #AE2423;
}

.accordion>h3:hover {
    border: 1px solid #AE2423;
}

.accordion>h3.on {
    background: #AE2423;
}

/* = Forms
----------------------------*/
.radList label.checked:after,
.formListRadio label.checked:after,
.formListRadio span.checked label::after,
.formListRadio label.checked::after {
    background: #AE2423;
}

.checkList label.checked:after,
.formList:not(.radList):not(.formListRadio) label.checked:after,
.checkbox.checked:after,
.check.checked:after {
    border: solid #AE2423;
    border-width: 0 2px 2px 0;
}

/* = Framework > Header items
------------------------------- */
.logo > a {
    background-image: url(/_img/products/logo_ttrm.png);
    height: 100px;
}

.miniBasket .item:before {
    color: #AE2423;
}
.miniBasket .btn { color: #AE2423; border-color: #AE2423; background: none; }
.miniBasket .btn:before { background: #AE2423; }
.miniBasket .btn:hover, .miniBasket .btn:focus, .miniBasket .btn:active { border-color: #AE2423; }

.no-csstransforms3d .miniBasket .btn:hover,
.no-csstransforms3d .miniBasket .btn:focus,
.no-csstransforms3d .miniBasket .btn:active { background: #AE2423; border-color: #AE2423; }

@media screen and (max-width: 800px) {
    .logo {
        margin-top: 75px;
    }
}

/* = Footer
----------------------------- */
#footer {
    border-top: 1px solid #AE2423;
}

/* = Popup message
---------------------------- */
#popup .ClosePopup { background: #AE2423; }

/* = Menu
---------------------------- */
#nav {
    background-color: #000;
}

#nav ul li a {
    color: #fff;
}

#nav ul li.liOn a {
    background-color: #AE2423;
    color: #fff;
}

#menu ul li:hover a:hover {
    background-color: #AE2423;
    color: #fff;
}

@media screen and (max-width: 600px) {
    .main-nav-wrap { background: #AE2423; }

    #nav {
        margin-bottom: 16px;
        padding: 32px 16px 16px;
    }

    #nav ul li {
        border-bottom-color: #fff;
    }

    #nav ul li a {
        color: #fff;
    }

    .shopHotline { background: #000; color: #fff; }
    
    .geoSelectMobile .geoSwitcher>span {
        color: #fff;
    }
}

/* =  Menu > submenu
-------------------------------- */
#subNav {
    background: #AE2423;
}
#subNav ul li a {
    color: #fff;
}

.submenuTrigger {
    color: #fff;
    background: #AE2423;
}

.submenuTrigger .hamburger span { background: #fff; }
.submenuTrigger .hamburger span:before, .submenuTrigger .hamburger span:after { background-color: #fff; }
.submenuTrigger .hamburger.is-active span { background: none; }

@media screen and (max-width: 800px) {
    #subNav { background: #d5e6e6; }
    #subNav ul li a { color: #AE2423; }
}

/* = Product list
--------------------------------*/
.productList ul li .price { color: #AE2423; }

/* = Checkout proccess
----------------------------------------------------------------------------------------------------------------- */
.checkoutProgress li a { background: #666; color: #fff; }
.checkoutProgress li a:after { border-color: transparent transparent transparent #666; }
.checkoutProgress li a:hover:after { border-color: transparent transparent transparent #AE2423; }
.checkoutProgress li a.btnDisabled:hover { background: #666; color: #fff; }
.checkoutProgress li a.btnDisabled:hover:after { border-color: transparent transparent transparent #666; }

.checkoutProgress .progressActive a,
.checkoutProgress .progressComplete a { background: #AE2423; }

.checkoutProgress .progressActive a:after,
.checkoutProgress .progressComplete a:after { border-color: transparent transparent transparent #AE2423; }

.checkoutProgress .progressActive a:hover:after,
.checkoutProgress .progressComplete a:hover:after { border-color: transparent transparent transparent #AE2423; }

.enter-address-manually { display: inline-block; }

@media screen and (max-width: 900px) {
    .checkoutProgress .progressActive:first-child a:after { border-color: #AE2423; }

    .checkoutProgress li.progressComplete:first-child a:after,
    .checkoutProgress li.progressComplete:first-child a:hover:after { border-color: transparent #AE2423 transparent transparent; }
}

/* = Cookie
----------------------------------------------------------------------------------------------------------------- */
.cookie-notice .cookie-info a {
    color: #AE2423;
}