/*Version 0.3.0 (c) 2020*/
html { background:#fff; font-family: 'Jura', sans-serif; margin:0; padding: 0;}
@media only screen and (min-width: 769px) {
fieldset { border:none; }
fieldset select { color: #1C1C1C; border:1px solid #bbb; background:#F7D358; font-size:1.2em; margin:0; padding:4px 2px; }
ul,li {list-style:none; padding:0; margin:0;}
a:link {color:#08298A !important; text-decoration:none;}
a:hover{color:#08298A !important; text-decoration:underline;}
a:visited{color:#08298A !important; text-decoration:underline;}
a:focus { outline: none !important;}
.wrapper {margin:auto auto;}
.head {}
.result {display:none;}
.footer {padding:0; margin:20px 0}
.footer .footer-nav { margin:25px 0}
.footer .footer-nav ul li {width:25%; font-size:8pt; height:18pt; display:inline-block; padding: 2px 0; text-align:center;}
.footer .footer-nav ul li a {display:block;}
.sb-tabs {margin:15px 0;}
.sb-tabs > a {display:inline-block;padding:10px 25px ;font-size:1.5em;font-weight:bold;border-right:1px solid #ddd;border-top:1px solid #ddd;}
.sb-tabs > a:first-child {border-left:1px solid #ddd;}
.sb-tabs > a:hover {background:red}
.sb-tabs .sb-sub { display:none; border:1px solid #ddd; padding:15px 0;}
.content-col { margin:20px 0; }
.content-col:after {content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.content-col-1-3 { text-align:center;width:33%; padding:0; margin:0; border:0; float:left; }
.content-col-2-3 { text-align:center;width:33%; padding:0; margin:0; border:0; float:left;}
.content-col-3-3 {text-align:center; width:33%; padding:0; margin:0; border:0; float:left;}
.category-description {border-bottom:1px solid #7a7a7a; margin: 0 0 15px; }
.order {margin:10px 0;border-top:1px solid #f1f1f1; padding:15px 0px;}
.order p{ color:#1C1C1C;padding:2px 0; margin:0; font-size:1.2em}
.order table {width:100%; margin: 15px 0; font-size:1.2em}
.order table td {border:1px solid #f1f1f1; margin:0; padding:0;}
.order table td input {border:1px solid #fff;}
.order table td input:hover {border:1px solid #F7D358;}
.order table td input:focus {border:1px solid red !important;}
.order table td input:active {border:1px solid red;}
.firma {border-top: 1px solid #7a7a7a; margin: 5px 12px 5px 6px; padding: 25px 0;}
.firma p{ padding:2px 0; margin:0; font-size:80%;}
.header { margin: 0 ; padding: 0;}
.header p {text-align:center; }
.navigation {font-family:'Trebuchet MS'; font-size:1.5em; }
.navigation a:hover { text-decoration:none }
.navigation #brand {margin:-20px 0 0;border:none;}
.navigation ul {display: flex; justify-content: center; width:100%; background:#F0F8FF;}
.navigation ul li {padding: 30px 30px 0 ;}
.navigation ul ul {display: none;}
.navigation ul li:hover > ul {display: flex; justify-content: center; z-index:1;position:absolute;left:0;border:1px solid #000;padding:50px;background:#fff;}
.navigation ul ul li {padding:15px 0 0 ; margin:15px; font-size:0.7em; }
.navigation ul ul h3 {padding:15px 0 0 ; margin:0 ;font-size:0.95em; }
.navigation ul ul ol {margin:0;padding:10px;}
.navigation ul ul ol li {margin:0 30px 0 0;}
.search-flex-container { display: flex; justify-content: center;}
.search-flex-container > div { border-bottom:1px solid #ddd; margin: 3px; padding: 10px; font-size: 30px;}
.search-flex-container > div input { border:none }
a.breadcrumbs {margin:15px 2px;padding:0 5px 0 0; display:inline-block; }
.catalog {margin-top:25px;}
.catalog h1, .catalog h2 {text-align:center;}
ul.catalog {margin:0; padding:0;}
ul.catalog li{margin:0;}
/* OLD FLEX LAYOUT - Replaced by Grid in article-modern.css */
/* ul.category {margin:0; padding:0; display:flex; align-items:flex-end;flex-wrap: wrap; align-content: space-between;} */
ul.article {/*background:#fff; width:500px; padding:15px; border:1px solid #7a7a7a; float:left; margin:5px;*/}
ul.article .title {text-align:center; font-size:200%;}
/* ul.article img {max-width:450px;margin:20px; } */
/*Mainsite*/
div.collection {max-width:100%; margin-bottom:100px }
div.collection div.header { font-size:2.5em; height: 150px; margin:25px 0; }
div.collection div.header a p { color:#eee !important; font-weight:bold; text-shadow: 2px 2px #000; }
/* OLD FLEX LAYOUT - Replaced by Grid in article-modern.css */
/* div.collection div {margin:0; padding:0; display:flex; flex-wrap: wrap; align-content: space-between;align-items: flex-begin; justify-content: center;} */
/* div.collection div div { background:#fff; text-align:center; margin:15px 15px; width:300px;} */
/* OLD FLEX LAYOUT - Replaced by Grid in article-modern.css */
/* ul.xs {max-width:19%; margin:50px 0 50px; padding:0; border:0; } */
/* ul.xs img {max-width:100%;margin:0} */
/* ul.xs:hover { background-color:lightgrey; color:#000; } */
/* ul.xs a { text-align:center; text-decoration:none; } */
/* ul.xs a:hover { font-weight:bold; } */
/* ul.xs a p {text-align:center; padding:0; margin:0; } */
/* ul.xs .new { color:red; background:gold; text-align:center; padding:0 15px; font-weight:bold; } */
.groupView { margin:20px 0;}
.articleView { border:none;}
.articleView .article {margin:0; padding:0; display:flex; flex-wrap: wrap; justify-content: center;}
.articleView .col-left, .col-right { max-width:50%;}
.articleView .col-left p {text-align:center;}
.articleView .col-left img {max-width:75%; }
.articleView .col-right p span {display:inline-block;width:150px; text-align:left; }
.articleView .col-right p span.elm {display:inline-block;width:300px; text-align:left; font-weight:bold; }
.articleView .col-right .descriptions {padding:10px; border-left:1px solid #7a7a7a; text-align:left;}
.articleView .in-group {}
.articleView .in-group ul {margin:0; padding:0; display:flex; flex-wrap: wrap; justify-content: center;}
.articleView .in-group ul li:first-child { border:none; }
.articleView .in-group ul li {max-width:20%;}
.articleView #orderform {display:block; padding: 10px 0; margin:10px 0 ; border:1px solid red;}
.order input[type=text] ,.groupView input[type=text], .articleView input[type=text] { color: #1D1D1D;border: 1px solid #bbb; background: #F7D1E7;font-size: 1.2em; margin: 0; padding: 4px 2px;}
.order input ,.groupView input, .articleView input,
.order button, .groupView button, .articleView button { color: #1C1C1C; border:1px solid #bbb; background:#F7D358; font-size:1.2em; margin:0; padding:4px 2px; }
.order input:disabled ,.groupView input:disabled, .articleView input:disabled,
.order button:disabled, .groupView button:disabled, .articleView button:disabled { cursor:not-allowed; color: #ddd; border:1px solid red; background:grey; font-size:1.2em; margin:0; padding:4px 2px; }
.login form {margin:20px 0; padding:0; display:flex; align-items:flex-end;flex-wrap: wrap; align-content: space-between;justify-content: center;}
.login form div { }
.related {}
.formstyle {}
.formstyle div {margin:5px 0px}
.formstyle label {display:inline-block;width:150px; height:30px; }
/*brands-carousel*/
#brands-carousel { background:#fff;border-top:1px solid #7a7a7a;border-bottom:1px solid #7a7a7a; width:1000px; height:220px; margin:0 auto;}
#brands-slides { float:left; overflow:hidden; /* fix ie overflow issue */position:relative; width:900px; height:220px; }
/* remove the list styles, width : item width * total items */
#brands-slides ul { position:relative; left:0;top:0; list-style:none; margin:0; padding:0; width:1350px; }
#brands-slides li { padding:15px 0 0 10px; width:220px; height:200px; float:left;}
#brands-slides li img { opacity:0.8;width:220px }
#brands-slides li img:hover {opacity:1.0;}
/* Styling for prev and next buttons */
#brands-button-prev { width:40px; float:left; }
#brands-button-next { width:40px; float:left; }
#brands-button-prev a,#brands-button-next a { width:40px; height:40px; display:block; margin:30px 3px; float:left; outline:0;}
a#brands-prev { border-bottom: 14px solid transparent; border-right: 14px solid #7a7a7a; border-top: 14px solid transparent; height: 0; margin: 80px 0 0 -20px; width: 35px;}
a#brands-prev:hover { opacity:0.8;}
a#brands-next {border-bottom: 14px solid transparent; border-left: 14px solid #7a7a7a; border-top: 14px solid transparent; height: 0; margin: 80px 0 0 15px; width: 35px;}
a#brands-next:hover { opacity:0.8;}
.head:after, .content:after, ul.category:after , .articleView:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
fieldset { border:none; }
fieldset select { border: 1 px solid #eee; background:orange; }
ul,li {list-style:none; padding:0; margin:0;}
a:link {color:#3333CC !important; text-decoration:none;}
a:hover{color:#3333CC !important; text-decoration:underline;}
a:visited{color:#3333CC !important; text-decoration:underline;}
a img {border:none;}
a:focus { outline: none !important;}
.wrapper {margin:auto auto;}
.head {}
.footer {padding:0; margin:20px 0}
.footer .footer-nav { margin:25px 0}
.footer .footer-nav ul li { display:block; padding: 2px 0; }
.footer .footer-nav ul li a {display:block;}
.content-col { margin:20px 0; }
.content-col:after {content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.content-col-1-3 { width:33%; padding:0; margin:0; border:0; float:left; }
.content-col-2-3 { width:33%; padding:0; margin:0; border:0; float:left;}
.content-col-3-3 { width:33%; padding:0; margin:0; border:0; float:left;}
.category-description {border-bottom:1px solid #7a7a7a; margin: 0 0 15px; }
.order {margin:10px 0;border-top:1px solid #f1f1f1; padding:15px 0px;}
.order p{ padding:2px 0; margin:0; font-size:11px;}
.order table {width:100%; margin: 15px 0; font-size:11px;}
.order table td {border:1px solid #f1f1f1; margin:0; padding:0;}
.order table td input {border:1px solid #fff;}
.order table td input:hover {border:1px solid orange;}
.order table td input:focus {border:1px solid red !important;}
.order table td input:active {border:1px solid red;}
.firma {border-top: 1px solid #7a7a7a; margin: 5px 12px 5px 6px; padding: 25px 0;}
.firma p{ padding:2px 0; margin:0; font-size:80%;}
.header { margin: 0 ; padding: 0;}
.header p {text-align:center; }
.header img { max-width:100%;}
.navigation {font-family:'Trebuchet MS'; font-size:1.5em; }
.navigation a img {margin:-20px 0 0 ;}
.navigation ul { text-align:center; width:100%; background:#F0F8FF; font-size:0.9em}
.navigation ul li {padding: 5px 5px 0 ;}
.navigation ul ul {display: none;}
.search-flex-container { }
.search-flex-container > div { border-bottom:1px solid #ddd; margin: 3px; padding: 10px; font-size: 30px;}
.search-flex-container > div input { border:none }
a.breadcrumbs {margin:10px 0px;padding:0 5px 0 0; display:inline-block; }
/* DUPLICATE STYLES - Already commented out above and overridden in article-modern.css */
/*
.catalog {margin-top:25px;}
.catalog h1, .catalog h2 {text-align:center;}
ul.catalog {margin:0; padding:0;}
ul.catalog li{margin:0;}
ul.category {margin:0; padding:0; display:flex; align-items:flex-end;flex-wrap: wrap; align-content: space-between;}
ul.article {}
ul.article .title {text-align:center; font-size:200%;}
ul.article img {max-width:450px;margin:20px; }
div.collection {max-width:100%; margin-bottom:100px }
div.collection div.header { font-size:2.5em; height: 150px; margin:25px 0; }
div.collection div.header a p { color:#eee !important; font-weight:bold; text-shadow: 2px 2px #000; }
div.collection div {margin:0; padding:0; display:flex; flex-wrap: wrap; align-content: space-between;align-items: flex-begin; justify-content: center;}
div.collection div div { background:#fff; text-align:center; margin:15px 15px; width:300px;}
ul.xs {max-width:50%; margin:50px 0 50px; padding:0; border:0; }
ul.xs img {max-width:100%;margin:0}
ul.xs:hover { background-color:lightgrey; color:#000; }
ul.xs a { text-align:center; text-decoration:none; }
ul.xs a:hover { font-weight:bold; }
ul.xs a p {text-align:center; padding:0; margin:0; }
ul.xs .new { color:red; background:gold; text-align:center; padding:0 15px; font-weight:bold; }
*/
.groupView {text-align:center; margin:20px 0;}
.articleView {text-align:center; border:1px solid #fff; font-size:0.8em;}
.articleView .col-left {width:50%; float:left; }
.articleView .col-left img {max-width:70%; margin:20px;}
.articleView .col-right { width:50%; float:left; }
.articleView .col-right p span {display:inline-block;width:150px; text-align:left; }
.articleView .col-right p span.elm {display:inline-block;width:300px; text-align:left; font-weight:bold; }
.articleView .col-right .descriptions {padding:10px; border-left:1px solid #7a7a7a; text-align:left;}
.articleView .in-group {}
.articleView .in-group ul {text-align:left;}
.articleView .in-group ul li:first-child { border:none; }
.articleView .in-group ul li {text-align:left; border-left:1px solid #7a7a7a; padding:5px; display:inline-block;width:22%}
.articleView #orderform {display:block; padding: 10px 0; margin:10px 0 ; border:1px solid red;}
p button {}
p button span {}
p button span span {}
.related {}
}
@media only screen and (max-width: 480px) {
fieldset { border:none; }
fieldset select { border: 1 px solid #eee; background:orange; }
ul,li {list-style:none; padding:0; margin:0;}
a:link {color:#3333CC !important; text-decoration:none;}
a:hover{color:#3333CC !important; text-decoration:underline;}
a:visited{color:#3333CC !important; text-decoration:underline;}
a img {border:none;}
a:focus { outline: none !important;}
.wrapper {margin:auto auto;}
.head {}
.footer {padding:0; margin:20px 0}
.footer .footer-nav { margin:25px 0}
.footer .footer-nav ul li { display:block; padding: 2px 0; }
.footer .footer-nav ul li a {display:block;}
.content-col { margin:20px 0; }
.content-col:after {content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.content-col-1-3 { width:33%; padding:0; margin:0; border:0; float:left; }
.content-col-2-3 { width:33%; padding:0; margin:0; border:0; float:left;}
.content-col-3-3 { width:33%; padding:0; margin:0; border:0; float:left;}
.category-description {border-bottom:1px solid #7a7a7a; margin: 0 0 15px; }
.order {margin:10px 0;border-top:1px solid #f1f1f1; padding:15px 0px;}
.order p{ padding:2px 0; margin:0; font-size:11px;}
.order table {width:100%; margin: 15px 0; font-size:11px;}
.order table td {border:1px solid #f1f1f1; margin:0; padding:0;}
.order table td input {border:1px solid #fff;}
.order table td input:hover {border:1px solid orange;}
.order table td input:focus {border:1px solid red !important;}
.order table td input:active {border:1px solid red;}
.firma {border-top: 1px solid #7a7a7a; margin: 5px 12px 5px 6px; padding: 25px 0;}
.firma p{ padding:2px 0; margin:0; font-size:80%;}
.header { margin: 0 ; padding: 0;}
.header p {text-align:center; }
.header img { max-width:100%;}
.navigation {font-family:'Trebuchet MS'; font-size:1.5em; }
.navigation a img {margin:-20px 0 0 ;}
.navigation ul { text-align:center; width:100%; background:#F0F8FF; font-size:0.9em}
.navigation ul li {padding: 5px 5px 0 ;}
.navigation ul ul {display: none;}
.search-flex-container { }
.search-flex-container > div { border-bottom:1px solid #ddd; margin: 3px; padding: 10px; font-size: 30px;}
.search-flex-container > div input { border:none }
a.breadcrumbs {margin:10px 0px;padding:0 5px 0 0; display:inline-block; }
.catalog {margin-top:25px;}
.catalog h1, .catalog h2 {text-align:center;}
ul.catalog {margin:0; padding:0;}
ul.catalog li{margin:0;}
ul.category {margin:0; padding:0; display:flex; align-items:flex-end;flex-wrap: wrap; align-content: space-between;}
ul.article {/*background:#fff; width:500px; padding:15px; border:1px solid #7a7a7a; float:left; margin:5px;*/}
ul.article .title {text-align:center; font-size:200%;}
ul.article img {max-width:450px;margin:20px; }
/*Mainsite*/
div.collection {max-width:100%; margin-bottom:100px }
div.collection div.header { font-size:2.5em; height: 150px; margin:25px 0; }
div.collection div.header a p { color:#eee !important; font-weight:bold; text-shadow: 2px 2px #000; }
div.collection div {margin:0; padding:0; display:flex; flex-wrap: wrap; align-content: space-between;align-items: flex-begin; justify-content: center;}
div.collection div div { background:#fff; text-align:center; margin:15px 15px; width:300px;}
ul.xs {max-width:50%; margin:50px 0 50px; padding:0; border:0; }
ul.xs img {max-width:100%;margin:0}
ul.xs:hover { background-color:lightgrey; color:#000; }
ul.xs a { text-align:center; text-decoration:none; }
ul.xs a:hover { font-weight:bold; }
ul.xs a p {text-align:center; padding:0; margin:0; }
ul.xs .new { color:red; background:gold; text-align:center; padding:0 15px; font-weight:bold; }
.groupView {text-align:center; margin:20px 0;}
.articleView {text-align:center; border:1px solid #fff; font-size:0.8em;}
.articleView .col-left { }
.articleView .col-left img {max-width:70%; margin:20px;}
.articleView .col-right { }
.articleView .col-right p span {display:inline-block;width:150px; text-align:left; }
.articleView .col-right p span.elm {display:inline-block;width:300px; text-align:left; font-weight:bold; }
.articleView .col-right .descriptions {}
.articleView .in-group {}
.articleView .in-group ul {text-align:left;}
.articleView .in-group ul li:first-child { border:none; }
.articleView .in-group ul li {text-align:left; border-left:1px solid #7a7a7a; padding:5px; display:inline-block;width:22%}
.articleView #orderform {display:block; padding: 10px 0; margin:10px 0 ; border:1px solid red;}
p button {}
p button span {}
p button span span {}
.related {}
}