@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
body,
td,
p,
input,
select,
textarea,
button,
h3,
h4 {
    color: #333;
}


/* -- Defined classes and HTML Tags used in editor  --  */

.title,
h1 {
    font-family: 'Alata', sans-serif;
    color: #c31518;
}

.heading,
h2 {
    font-family: 'Alata', sans-serif;
    line-height: 1.5em;
}

h3,
.h3,
.subHeading,
.productCaption,
.productCaption a {
    font-family: 'Alata', sans-serif;
}

h4 {
    font-family: Arial, verdana, sans-serif;
    font-weight: bold;
}

a {
    color: #c31518;
}

a:visited {
    color: #494949;
}

a:hover {
    color: #c31518;
}

#page {
    position: relative;
    font-size: 1.2em;
    overflow: visible;
    max-width: 1000px;
    margin: auto;
    padding-top: 11em;
}

#wrapper {
    /* background: url(images/background-wool.jpg) no-repeat;
	background-attachment: fixed;
	background-size: cover; */
}


/*
#wrapper.rnd2, #wrapper.rnd3 {
	background-image: url(images/lettuce.jpg);
}

#wrapper.rnd4, #wrapper.rnd5 {
	background-image: url(images/radish.jpg);
}

#wrapper.rnd6, #wrapper.rnd7 {
	background-image: url(images/corn.jpg);
}

#wrapper.rnd8, #wrapper.rnd9 {
	background-image: url(images/capsicum.jpg);
}
*/

#main {
    padding: 1em;
    box-sizing: border-box;
    background: #fffd;
}

#menu {
    width: 150px;
}

#banner #simpleSearch {
    margin-left: 1em;
    margin-right: 0;
    padding-top: 0.1em;
    display: none;
}

#simpleSearch button {
    margin: 0;
    padding: 0.32em;
}

#banner #simpleSearch input[type="text"] {
    width: auto;
}

nav#nav {
    font-size: 1.6em;
    line-height: 1em;
}

.productBody ul {
    list-style: inside;
}

.productBody ul li {
    color: #c31518;
    line-height: normal;
    padding-bottom: 6px;
}

#productList .childItems {
    font-size: 0.7em;
}

#productList .childItems .product {}

#productList .childItems .product .attributes span,
#productList .childItems .product .author {
    display: none;
}

#productList .childItems .product .image {
    padding: 0;
    margin: 0;
    display: block;
    float: none;
}

#productList .childItems .product .image .frame {
    max-height: 200px;
    overflow: hidden;
}

#productList .childItems .product .image img {
    width: 100%;
}

.productList .product h3.productCaption {
    margin: 0;
    color: #c31518;
    font-weight: bold;
    font-size: 1.4em;
    font-family: 'Alata', sans-serif;
}

.productList .product h3.productCaption a {
    color: #c31518;
}

#productList .childItems .product .buttons .button {
    font-size: 12px;
    line-height: 20px;
}

section.block article.product.first {
    width: 100%;
    padding: 0;
    background: none;
    float: none;
}

section.block .productList article.product.first .attributes {
    width: 46%;
    float: left;
}

section.block article.product.first .productBody .image {
    max-height: unset;
    float: left;
    width: 48%;
    margin-right: 4%;
}

nav#nav ul li.selected {
    background: #000000;
}

nav#nav ul li div span.description {
    color: #ffffff;
}

nav#nav a,
nav#nav a:link,
nav#nav a:visited {
    color: #ffffff;
    background: #c31518;
    font-family: 'Alata', sans-serif;
}

nav#nav li.selected a,
nav#nav li.selected a:hover {
    background: #000000;
    color: #ffffff;
}

nav#nav #clientMenu a:hover,
nav#nav a:hover,
nav#nav a:active {
    color: #ffffff;
    background: #000000;
}

nav#nav ul li li li {
    padding-left: 1em;
}

nav#menu {
    position: fixed;
    margin-left: -240px;
    left: auto;
}

nav#menu ul li div {
    background: #c31518;
}

nav#menu ul li.selected div {
    background: #494949;
}

nav#menu ul li div span.description {
    color: #ffffff;
}

nav#menu a,
nav#menu a:link,
nav#menu a:visited {
    font-family: 'Alata', sans-serif;
    color: #ffffff;
    background: #c31518;
}

nav#menu li.selected a,
nav#menu li.selected a:hover {
    background: #000000;
    color: #ffffff;
}

nav#menu a:hover,
nav#menu a:active {
    color: #ffffff;
    background: #000000;
}

#actionProgress {
    color: #c31518;
    border-color: #c31518;
}

.googleMap,
.product .googleMap {
    border-color: #c31518;
}

ul.tabs li.selected a,
ul.filter li.selected a {
    color: #c31518;
}

.product .productBody .image,
.product .productBody .googleMap {
    border-color: #c31518;
    border-width: 0.5em;
}

#banner a.logo {
    width: 361px;
    height: 83px;
}

#banner {
    margin: auto;
    position: fixed;
    float: none;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 9999;
    padding-left: 7em;
    box-sizing: border-box;
    padding-right: 1em;
}

nav #clientMenu div.userMenu {
    right: unset;
}

#banner .logo img {
    display: none;
}

.productList article.product .attributes {
    width: 50%;
    float: left;
}

#resultSets a {
    display: inline-block;
    padding: 0.5em;
}

article.item.information {
    background: #77777777;
}

article.item.information h3.caption a {
    color: #c31518;
}

nav#nav ul li div,
nav#nav ul li.selected div {
    width: 302px;
    min-width: 302px;
    max-width: 302px;
    background: none;
}

nav#nav ul li div li {
    width: 150px;
    float: left;
    border-right: #fff solid 1px;
}

article.item {
    background: #fff;
}

article.item .attributes {
    padding-top: 1em;
}

article.item .attributes .attribute .price {
    float: right;
    padding: 0.5em;
    background: #c31518;
    color: #fff;
    font-size: 1.5em;
}

article.item .details .image .frame {
    max-height: unset;
}

.category {
    font-size: 1.2em;
    line-height: 1.7em;
}

.category ul li {
    padding: 0.5em;
    list-style: none;
    color: #c31518;
    line-height: normal;
    padding-bottom: 0.8em;
    text-indent: -2em;
}

.category ul li::before {
    content: "\f05d";
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 0.8em;
}