﻿@charset 'UTF-8';
.home .categories {
    text-align:center;
    position:absolute;
    width:100%;
    bottom:-58px;
}
.home .categories a {
    display:block;
    background-repeat:no-repeat;
    background-position:center top;
    padding:150px 0 0 0;
    background-color:#fff;
}
.home .categories a span {
    font-size:1.3em;
    font-weight:500;
    background-color:#4e4e4e;
    padding:7px 15px;
    text-align:left;
    color:#fff;    
    display:block;
}
.home .categories a span:after
{
    content: '\203A';
    font-size: 2em;
    line-height: 0.2em;
    float: right;
    margin-top: 4px;
}
.home .categories .column {
    width:29%;
    margin:0 1.5%;
    display:inline-block;
    vertical-align:top;
    background-image:url('data:image/gif;base64,R0lGODlhAQCJAJEAAAAAAP///9zc3P///yH5BAEAAAMALAAAAAABAIkAAAIKlI+py+0Po5xUFAA7');
    background-repeat:repeat-x;
    background-position:left top;
    padding:8px 8px 0 8px;
}
.caption {
    line-height:20px;
}
.info-messages {
    background-color:#dc1616;
    color:#fff;
    padding:40px 0;
}
.info-messages .column {
    display:inline-block;
    width:20%;
    margin-right:5%;
    padding-left:35px;
    background-repeat:no-repeat;
    vertical-align:top;
    line-height:1.5em;
}

.info-messages b {
    display:block;
    margin-bottom:15px;
    font-size:1.1em;
    font-weight:500;
}
.info-messages .col1 {background-position:0 1px;}
.info-messages .col2 {background-position:0 -120px;}
.info-messages .col3 {background-position:0 -255px;}
.info-messages .col4 {background-position:0 -378px;}

.newsletter-container {
    background-color:#181818;
    background-image:url('data:image/gif;base64,R0lGODlhAQCkALMAAAAAAP///xoaGhgYGBcXFxYWFhUVFRQUFBMTExISEhERERAQEA8PDw4ODv///wAAACH5BAEAAA4ALAAAAAABAKQAAAQncMhJq7046807+WAYFmRZGmhqHGyLvHAiz0pdL3i+MHzPNMAGQBABADs=');
    background-repeat:repeat-x;
    padding:54px 0 50px;
    height:164px;
}
.newsletter .label {
    color:#fff;
    text-transform:uppercase;
    font-size:2em;
    font-family:'Roboto Condensed';
    background-position:0 -182px;
    padding:0 0 0 50px;
    margin:5px 0 0 0;
}
.newsletter-form {
    width:82%;
}
.newsletter-form .action-btn {
    font-size:1.4em;
    padding:9px 15px;
}
.newsletter-form #newsletterEmail {
    outline:0;
    border:1px solid #e8e8e8;
    border-right:0;
    font-size:1.2em;
    padding:11px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: -moz-calc(100% - 105px);
    width: -webkit-calc(100% - 105px);
    width: calc(100% - 105px);
}
footer {
    clear:both;
    color:#898989;
    padding:25px 0;
    float:left;
    width:100%;
}
footer a {
    color:#898989;
}
.bottom-links .column b {
    display:block;
    margin-bottom:20px;
    font-size:1.1em;
    font-weight:500;
    color:#fff;
    text-transform:uppercase;
}
.bottom-links .links li {
    display:block;
    margin:10px 0;
}
.bottom-links .links li:first-child {
    margin-top:0;
}
.bottom-links .column {
    display:inline-block;
    margin-right:5%;
    background-repeat:no-repeat;
    vertical-align:top;
}
.bottom-links .column.col1, .bottom-links .column.col4 {
    width:25%;
}
.bottom-links .column.col2, .bottom-links .column.col3 {
    width:15%;
}
.bottom-links .column.col4 p {
    padding-left:25px;
}
.bottom-links .column p {
    line-height:1.5em;
    background-repeat:no-repeat;
}
.bottom-links .column p.address {background-position:0 -565px}
.bottom-links .column p.phones {background-position:0 -657px}
.bottom-links .column p.emails {background-position:0 -733px}

.social a {
    display:inline-block;
    width:34px;
    height:34px;
    margin-right:10px;
    background-position:0 0;
    background-repeat:no-repeat;
}
.info-messages .column:last-child, .bottom-links .column:last-child {
    margin-right:0;
}
.copyright-payments {
    margin-top:40px;
}
.copyright {
    font-size:0.9em;
    margin:10px 0 0;
}
.payments {
    background-position:0 -107px;
    padding:0 0 0 50px;
    margin:5px 0 0 0;
    width:274px;
    height:36px;
}
.itemlist .cell a {
    padding:275px 0 0;
    display:block;
    background-position:center top;
    background-repeat:no-repeat;
    margin:5px 0 15px;
}
.specials {
    border:#f4f4f4 1px solid;
    border-width:1px 0;
}
.specials .cell {
    border-right:1px solid #dcdcdc;
    padding:0 15px;
    height:400px;
    width:266px;
}
p.message {
    margin:20px 0;    
    padding:50px 10px;
    float:left;
    width:100%;
}
p.message .mlogo {
    float:left;
    width:40%;
    height:129px;
    vertical-align:middle;
    background-position:center center;
    background-repeat:no-repeat;
    margin:0 10px 0 0;
}
nav a.active {
    position:relative;
}
nav a > div.bottom-border {
    display:none;
}
nav a.active > div.bottom-border {
    content:' ';
    width:0%;
    height:2px;
    background-color:#dc1616;
    position:absolute;
    left:50%;
    bottom:-4px;
    display:block;
}
nav .menu-dd {
    display:block;
    position:absolute;
    background-color:#fff;
    left:0;
    top:51px;
    padding:10px;
    white-space:nowrap;
    z-index:1001;    
    border:2px solid #710707;
    border-top:0;
}
nav .menu-dd > div {
    display:inline-block;
    vertical-align:top;
    white-space:normal;    
    text-align:left;
    width:290px;
}
nav .menu-dd a, nav .menu-dd span {
    display:block;
    margin:7px 0;
}
nav .menu-dd .headline {
    font-weight:600;
    font-size:1.1em;
}
#breadcrumbs li a, #breadcrumbs li.sep {
    color:#a6a6a6;
}
#breadcrumbs li.text {
    color:#000;
    font-weight:600;
}
.landing .list .column {
    border:1px solid #dfdfdf;
}
.products .list .column:not(.last) {
    border-bottom:1px solid #dfdfdf;
}
.landing .list .column a {
    font-weight:600;
    font-size:1.3em;
}
.sitemap {
    margin:10px 0;
}
.sitemap a {
    display:block;
}
.sitemap a.level1 {
    margin:0;
    font-size:1.3em;
    font-weight:600;
}
.sitemap a.level2 {
    margin:3px 0 3px 20px;
    font-size:1.1em;
    font-weight:400;
}
.sitemap a.level3 {
    margin:3px 0 3px 50px;
    font-size:1em;
    font-weight:400;
}

.filters {
    margin:0 0 20px;
    float:left;
    width:100%;
}
.filters .filter > span {
    font-size:1.1em;
    display:block;    
    margin:0 0 5px 0;
}
.filters .filter {
    float:left;
    width:100%;
}
.filters .filter label {
    float:left;
    margin:5px 20px 5px 0; 
    width:15%;
}
.filters .filter label input {
    margin:3px 5px 0 0;
    float:left;
}
.filters .filter .dd {
    margin:0 0 15px 0;
}
.filters .filter .dd .select2-container {
    width:40%;
    min-width:200px;
}
.controls {
    text-align:center;
    margin:0 0 15px;
    float:left;
    width:100%;
}
.controls.bottom {
    margin:15px 0;
}
.controls .perpage {
    width:120px;
}
.controls .sorting {
    width:130px;
    text-align:left;
}
.controls .sorting:before, .controls .perpage:before {
    display:block;
    font-size:1.1em;
    margin-bottom:5px;
}
.controls .sorting:before {
    content:'Sort By';
}
.controls .perpage:before {
    content:'Results per page';
}
.controls .numbers {
    float:left;
    margin:0 20px;
    font-size:1.1em;
    width: -moz-calc(100% - 290px);
    width: -webkit-calc(100% - 290px);
    width: calc(100% - 290px);
}
.controls .pages {
    margin:20px 0 0;
}
.controls .pages a {
    margin:0 5px;
    padding:3px 10px;
    border:1px solid #898989;  
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.controls .pages a.long {
    padding:3px 8px;
}
.controls .pages a.selected {
    background-color:#898989;    
    color:#fff;
}
.controls select {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display:block;
    font-size:14px;
    width:100%;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    background:url('data:image/gif;base64,R0lGODlhCwAHANUAAAAAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vHx8fDw8O7u7t3d3dfX17y8vLe3t7KysrGxsa6urqysrIuLi4CAgGhoaGJiYlZWVlNTU1BQUE1NTUlJSTc3NyYmJiEhIR0dHRwcHA8PDw0NDQsLCwkJCQUFBQMDAwEBAf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACsALAAAAAALAAcAAAZAwEloUwgEEgbI6JIBADQFQoBiAoAcnhKAg4iQUqdJgMFxfkQAVCWgCDQ6qjhpLRgEDAuPyiQJHIyADxgWBkcBQQA7') no-repeat 93% center;
    padding:12px 0 12px 15px; 
}
.controls .perpage select {
    background-position:90% center;
    width:70px;
    margin:0 auto;
    float:right;
}
#ys_searchiframe #doc {
    width:100% !important;
    background-color:#fff;
}
#ys_searchiframe #sidebar {
    background-color:#fff;
    color:#000;
}
#ys_searchiframe #sidebar, #ys_searchiframe #sidebar div.wrp {
    background-color:#fff;
}
#ys_searchiframe #sidebar h3 {
    color:#000;
}
#ys_searchiframe #main {
    width: -moz-calc(100% - 200px) !important;
    width: -webkit-calc(100% - 200px) !important;
    width: calc(100% - 200px) !important;
}
#yfc_mini {
    display:none;
}

@media screen and (max-width: 1360px) {
    .info-messages,.newsletter-container,footer {
        padding-left:20px;
        padding-right:20px;
    }
    .newsletter-form {
        width:80%;
    }
}
@media screen and (max-width: 1200px) {
    .newsletter-form {
        width:75%;
    }
    p.message {
        background-position:0 center;
    }
    .specials .cell {
        width:236px;
    }
}
@media screen and (max-width: 1000px) {
    nav .menu-dd {
        top:49px;
    }
    p.message .mlogo {
        width:300px;
        background-size:contain;
    }
    .newsletter-form {
        width:70%;
    }
}
@media screen and (max-width: 930px) {
    
}
@media screen and (max-width: 880px) {
    nav .menu-dd {
        top:41px;
    }
    .info-messages {
        padding:30px 10px;
    }
    .info-messages .column {
        width: 23%;
        margin-right: 2%;
        padding-left: 30px;
    }
    .copyright {
        width:370px;
    }
    nav .menu-dd > div {
        width:230px;
    }
}
@media screen and (max-width: 800px) {
    nav .menu-dd {
        top:39px;
    }
    .controls .pages a, .controls .pages a.long {
        padding:2px;
        margin:0 2px;
        border:0;
    }
    .controls .pages a.selected {
        text-decoration:underline;
        background-color:#fff;
        color:#000;
    }
}
@media screen and (max-width: 760px) {
    .newsletter-form {
        width:60%;
    }
    .info-messages .column {
        padding-left:25px;
        width: 24.5%;
        margin-right: 0%;
    }
    #mm {
        position:absolute;
        background-color:#710707;
        width:100%;
        left:0;
        top:0;
        z-index:1000;
    }
    #mm div {
        border-bottom:1px solid #964747;
        padding:15px 0;
        border-top:1px solid #7a1717;
        clear:both;
    }
    #mm div a {
        color:#fff;
        font-size:1.3em;
        text-transform:uppercase;
        display:block;
        text-align:left;
        padding-left:20px;
    }
    #mm.opened {
        display:block;
    }
    #mm .close {
        float:right;
        background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMApU4c3NaviWpLa/YAAABiSURBVAjXLc2hEYAwEETRBWbAIiMjkQioAEMJtJMIuLKZ/M2pmyf2a1jFnVmp8E13VQr4iKohChhZMCjYCIPwC5obcnOA3mTbm2w7xLZDJEEnQZIdzU/Dxp+22pOXxh5a9h8yiiDSQd4R5QAAAABJRU5ErkJggg==') no-repeat center center;
        width:20px;
        height:20px;
        margin:20px 20px 5px;
    }
    #mm .search {
        width:100%;
        padding:20px 4%;
        margin:0;
        float:left;
    }
    #mm div.extra {
        background-color:#590707;
        border:0;
    }
    #mm div.extra a {
        font-size:1.1em;
    }
    .filters .filter label {
        width:20%;
        margin:3px 10px 3px 0;
    }
    .filters .filter .dd .select2-container {
        width:100%;
    }
}
@media screen and (max-width: 710px) {
    .copyright,.payments {
        clear:both;
        text-align:center;
        width:100%;
    }
    .payments {
        background-position:center -107px;
    }
    .newsletter-container {
        padding: 30px 10px 30px;
        height: 105px;
    }
    p.message {
        padding:20px 0;
    }
}
@media screen and (max-width: 690px) {
    .info-messages .column {
        padding-left:30px;
        width: 47%;
        margin-bottom: 30px;
    }
    .info-messages .column:nth-child(n+2) {
        margin-bottom: 0;
    }
    p.message .mlogo {
        width:200px;
    }    
}
@media screen and (max-width: 670px) {
    .bottom-links .column.col2 {
        display:none;
    }
    .bottom-links .column.col1 {
        width:30%;
    }
    .bottom-links .column.col4 {
        width:35%;
    }
    .bottom-links .column.col3 {
        width:20%;
    }
}
@media screen and (max-width: 620px) {
    .newsletter .label,.newsletter .newsletter-form {
        clear:both;
        width:100%;
    }
    .newsletter .label {
        margin:0 0 5px 0;
    }
    .newsletter-container {
        padding:12px 10px 30px;
    }
    .mobile .wide-banner {
        padding:220px 0 0 0;
    }
    .home .categories {
        position:initial;
        bottom:auto;
        padding:0 10px;
    }
    .home .categories .column {
        width:100%;
        margin:0 0 10px 0;
        background:none;
        border:7px solid #dcdcdc;
        padding:0;
    }
    .home .content.wrapper {
        margin-top:140px
    }
    p.message .mlogo {
        width:100%;
    }
    .filters .filter label {
        font-size:0.9em;
        width:23%;
    }
    .controls select {
        padding:8px 0 8px 8px;
        font-size:12px;
    }
    .controls .sorting {
        width:100px;
    }
    .controls .pages {
        margin:10px 0 0;
    }
    .controls .sorting:before, .controls .perpage:before {
        font-size:0.9em;
    }
}
@media screen and (max-width: 560px) {
    .bottom-links .column.col1 {
        display:none;
    }
    .bottom-links .column.col3 {
        width:35%;
    }
    .bottom-links .column.col4 {
        width:58%;
    }
    .copyright-payments {
        margin-top:10px;
    }
    .filters .filter label {
        width:30%;
    }
    .filters .filter label:nth-child(n + 13) {
        display:none;
    }
    .content-containers:not(.home), .content-containers .content {
        padding-left:5px;
        padding-right:5px;
    }
}
@media screen and (max-width: 480px) {
    .info-messages .column, .info-messages .column:nth-child(n+2)  {
        width:60%;
        margin-bottom:10px;
    }
    .info-messages, .newsletter-container, footer {
        padding-left:5px;
        padding-right:5px;
    }
    .controls .pages a,.numbers span {
        font-size:0.9em;
    }
    .mobile .wide-banner {
        padding:190px 0 0 0;
    }
}
@media screen and (max-width: 430px) {
    .controls .pages a, .controls .pages a.long {
        margin:0;
    }
    .controls .numbers {
        margin:0 5px;
        width: -moz-calc(100% - 265px);
        width: -webkit-calc(100% - 265px);
        width: calc(100% - 265px);
    }
}
@media screen and (max-width: 390px) {
    .controls .sorting {
        display:none;
    }
    .controls .numbers {
        margin:0 5px;
        width: -moz-calc(100% - 165px);
        width: -webkit-calc(100% - 165px);
        width: calc(100% - 165px);
    }
}