@charset "utf-8";

h1,h2,h3,h4 
{
color: #53519d;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #f9a139;
padding-bottom: 6px;
}

h1,h2 {font-size: 20px;}
h3 {font-size: 18px; width: fit-content;}
h4 {font-size: 17px;}

.gg{ display: inline-block !important; vertical-align:top; }
.ggm{ display: inline-block !important; vertical-align:middle; }
.ggs{ display: inline-block !important; vertical-align:sub; }

del{color:red;background:papayawhip;}
.orangehigh{color: #f9a139 !important;}

@keyframes goflashing {
            0% { opacity: 1; }
            50% { opacity: 0.3; }
            100% { opacity: 1; }
        }

        .flashing-text {
            animation: goflashing 3s infinite;
            transition: opacity 2s;
        }

.main-content a {text-decoration:none; font-weight:bold; font-size: 16px; border-bottom-width: thin; border-bottom-style:dotted; padding-bottom: 2px;}
.main-content a:link {color:#53519d;}
.main-content a:visited {color:#53519d;}
.main-content a:active {color:#53519d;}
.main-content a:hover {color:#f9a139;}

.content-links a {text-decoration:none; font-weight:bold; font-size: 16px; border-bottom-width: thin; border-bottom-style:dotted; padding-bottom: 2px;}
.content-links a:link {color:#53519d;}
.content-links a:visited {color:#53519d;}
.content-links a:active {color:#53519d;}
.content-links a:hover {color:#f9a139;}


.cat-links a {text-decoration:none; font-weight:bold; font-size: 16px; border-bottom-width: thin; border-bottom-style:dotted; padding-bottom: 2px;}
.cat-links a:link {color:#53519d;}
.cat-links a:visited {color:#53519d;}
.cat-links a:active {color:#53519d;}
.cat-links a:hover {color:#f9a139;}

.show-roof-left a, .show-roof-right a, .trade-box a{text-decoration:none; font-weight:bold; border-bottom-width: thin; border-bottom-style:dotted; padding-bottom: 2px;}
.content3 a{text-decoration:none; font-weight:bold;}
.show-roof-left a:link, .show-roof-right a:link, .content3 a:link, .trade-box a:link{color:#105ea8;}
.show-roof-left a:visited, .show-roof-right a:visited, .content3 a:visited, .trade-box a:visited {color:#105ea8;}
.show-roof-left a:active, .show-roof-right a:active, .content3 a:active, .trade-box a:active {color:#105ea8;}
.show-roof-left a:hover, .show-roof-right a:hover, .content3 a:hover, .trade-box a:hover {color:#f9a139;}

.footer a{text-decoration:none; font-size: 12px; line-height: 160%;}
.footer a:link {color:#FFFFFF;}
.footer a:visited {color:#FFFFFF;}
.footer a:active {color:#FFFFFF;}
.footer a:hover {color:#f9a139;}
.footer-p {color:#FFFFFF; font-size: 12px; }
.footer-bottom a{font-size: 13px; padding-left:4px; padding-right:4px}
.footer-head{font-weight:bold; font-size: 16px; border-bottom-width: thin; border-bottom-style:dotted; padding-top:10px; padding-bottom: 2px; color:#FFFFFF;}

.main-content a.imagebutton {border-bottom:none; padding-bottom:0px}
.main-content a.imagebutton:hover{border-bottom:none; opacity: 0.8; filter: alpha(opacity=80);}
.brands a.imagebutton {border-bottom:none; padding-bottom:0px}
.brands a.imagebutton:hover{border-bottom:none; opacity: 0.7; filter: alpha(opacity=70);}


p, label, ul, ol, input, .text {font-size: 16px; color: #53519d; line-height: 170%;}

.shop-mini-basket p{font-size: 13px; line-height: 100%;}
.shop-mini-basket strong{color: #53519d;}

::-webkit-input-placeholder {color: white;}
::-moz-placeholder {color: white;opacity: 1;}
:-ms-input-placeholder {color: white;}
:-moz-placeholder {color: white;}

input:focus::-webkit-input-placeholder { color:rgba(0, 0, 0, 0.3); }
input:focus:-moz-placeholder { color:rgba(0, 0, 0, 0.3); } /* FF 4-18 */
input:focus::-moz-placeholder { color:rgba(0, 0, 0, 0.3); } /* FF 19+ */
input:focus:-ms-input-placeholder { color:rgba(0, 0, 0, 0.3); } /* IE 10+ */

textarea:focus::-webkit-input-placeholder { color:rgba(0, 0, 0, 0.3); }
textarea:focus:-moz-placeholder { color:rgba(0, 0, 0, 0.3); } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:rgba(0, 0, 0, 0.3); } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:rgba(0, 0, 0, 0.3); } /* IE 10+ */

.navstyle a, .form-submit-button input[type=submit]{
font-size:15px; text-decoration:none; font-weight:bold; display: block;   margin:10px 3px;
  padding: 10px;
  border: solid 1px #53519d;
  background-color:#53519d;
  color:#FFFFFF !important;
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px;
  width:auto;
  }
.navstyle a{ float:left;} /* Seperate otherwise form-submit-button is also floated */

.navstyle a:hover, .form-submit-button input[type=submit]:hover{color:#FFFFFF !important; background-color:#f9a139;  border: solid 1px #f9a139; cursor: pointer; }

.navstyle span{
  font-size:13px; text-decoration:none; font-weight:bold; display: block; margin:10px 3px;
  padding: 6px;
  border: solid 1px #f9a139;
  background-color:#f9a139;
  color:#FFFFFF !important;
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px;
  text-align:center;
  width:auto;
  }

@media screen and (max-width:700px)
{ 
h1 {font-size: 18px;}
h2 {font-size: 16px;}

.small-text{font-size: 14px; line-height: 150%; margin-bottom: 0px;}
.small-text img{display:none;}

#burger-sm-link a { text-decoration:none; font-weight:bold; font-size: 14px; border-bottom-width: thin; border-bottom-style:none; padding-bottom: 2px; }
#burger-sm-link a:link {color:#53519d; }
#burger-sm-link a:visited {color:#53519d; }
#burger-sm-link a:active {color:#53519d;}
#burger-sm-link a:hover {color:#f9a139; }



.main-content a {font-size: 16px;}
.cat-links a {font-size: 16px;}
.show-roof-left a {font-size: 16px;}
p, label, ul, ol, input, .text {font-size: 16px;}

}