﻿/*
Default colors
————————————————————————————————————————
Red1            #DA291C
Red2            #D7392A
Grey            #53565A
Light grey      #F5F5F5
————————————————————————————————————————
*/

/* Default */
body {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #666;
}

h1, h2 {
    font-weight: 700;
    color: #53565A;
}

h2 {
    font-weight: normal;
}

a, a:link, a:visited, a:active {
    color: #53565A;
    text-decoration: none;
}
    a:hover {
        color: #D7392A;
        text-decoration: none;
    }

.error {
    color:#DA291C;
}

/* header */
.header-top {
    background-color: #DA291C;
    color: #FFF;
    padding: 0;
    position: relative;
    z-index: 1000;
    font-size: 14px;
}
    .header-top a:link, .header-top a:visited, .header-top a:active {
        color: #FFF;
    }
    .header-top a:hover {
        color: #F5F5F5;
    }
    .header-top ul {
        margin: 0;
        padding: 0;
    }
    .header-top li {
        padding: 4px 10px;
    }


/* Brands */
.highlighted_vendor .item-box .picture  {
    margin: 0;
}
.highlighted_vendor .item-box .picture a::before {
    padding-top: 40%;
}
.highlighted_vendor .nop-jcarousel {
    border: 1px solid #999;
}
.highlighted_vendor .nop-jcarousel .carousel-title strong::after {
    display: none;
}
.highlighted_vendor .nop-jcarousel .carousel-title {
    margin: 0;
}
.highlighted_vendor .nop-jcarousel .carousel-title strong {
    background: #999;
}

/* languages */
.languages ul {
    list-style: none;
    margin-right: 15px;
    text-transform: uppercase;
}
.languages li {
    float: left;
    padding: 4px 0;
    color: #f5f5f5;
}
    .languages li:before {
        content: "·";
        padding: 0 2px;
    }
    .languages li:first-child:before {
        display:none;
        padding: 0px;
    }

.languages a:link, .languages a:visited, .languages a:active {
    color: #F5F5F5;
}

.languages .selected a:link, .languages .selected a:visited, .languages .selected a:active {
    color: #FFF;
	font-weight: bold;
}
/* footer */
.footer{
	text-align:inherit;
}
.footer-middle {
    background-color: #53565A!important;
    color: #CCC;
    padding-top: 80px;
    font-size: 18px;
}
    .footer-middle h2 {
        text-transform: uppercase;
        font-size: 24px;
        margin-bottom: 30px;
        color: #FFF;
    }
        .footer-middle h2:after {
            display: block;
            width: 55px;
            height: 1px;
            content: " ";
            background-color: #FFF;
            margin-top: 5px;
        }
    .footer-middle i {
        color: #FFF;
    }
    .footer-middle a:link, .footer-middle a:visited, .footer-middle a:active {
        color: #CCC;
    }
    .footer-middle a:hover {
        color: #F5F5F5;
    }
	.footer-middle .footer-block {
		width: 40%;
	}

/* Breakpoints */
/* ———————————— */

/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width: 1199px) {
    footer h2 {
        font-size: 22px;
    }
}

/* Landscape phones and down */
@media (max-width: 479px) {
	.header-top li {
		padding: 4px 5px;
	}
    .languages ul {
        padding: 0;
    }
    .languages li {
        padding: 4px 0;
    }
}