body, button, input, textarea, select{ font-family: 'Raleway',sans-serif; font-size:1rem;color:#333; font-weight:normal; line-height: 1.5; }
.bodyClass { background-color: #ebebec; margin:0; padding: 0;}

html { scroll-behavior: smooth; }
html * { box-sizing: border-box; }
a{text-decoration:none;color:#333;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;color:#000000;}
img{border:0;}
h1{font-size:2.2rem;font-weight:normal;margin:0;padding:7px 0; color:#000000;}
h2{font-size:1.5rem;font-weight:normal;padding:0 0 10px; color:#000000;}
h3,h4,h5{color:#000000;font-size:1.3rem;}
hr{ color: #e0e0e0; background-color: #e0e0e0; height: 1px; display: block; border: 0; margin-top: 20px; margin-bottom: 20px; }
table { border-spacing:0; border-collapse:collapse; }
table td{ padding:2px; vertical-align: top;}
iframe { border:none; max-width: 100%; }
input, select, textarea { box-sizing: border-box; background-color: #fbfbfb; border:1px solid #e0e0e0;}
input:focus{ background-color: #fff9e0; border: 1px solid #000000; }
input:hover,select:hover,textarea:hover{ border: 1px solid #202020; }
input[type="button"]:hover, input[type="submit"]:hover{ border:none; }

fieldset{border:none;border-top:1px dotted #404040;margin:20px 0 10px 0;padding: 10px 0 0 0; display: block;}
legend{font-weight: bold;color:#333333;padding:5px 10px 3px 20px; border:none; text-transform: uppercase; margin: 0 30%;font-size:1.2em;text-align: center;}

input { box-sizing: border-box; }
select{ border: 1px solid #e0e0e0; background-color: #ffffff; padding:6px 4px; box-sizing: border-box; border-radius: 5px;}
option { background-color: #ffffff; }
textarea{ border: 1px solid #e0e0e0; padding: 2px 2px 0px 2px; background-color: #ffffff; box-sizing: border-box;}
.textBox { border: 1px solid #e0e0e0; background-color: #ffffff; border-radius: 5px; box-sizing: border-box;padding: 7px; box-sizing: border-box; }
.button{color:#ffffff;border: none;padding: 8px 25px 8px 10px; background-color:#101010; min-width: 60px; transition: all 0.2s ease; box-sizing: border-box;border-radius: 5px;}
.button:hover{ color:#ffffff; opacity: 0.75; cursor: pointer; text-decoration: none; background-color:#505050; }
.redStar{width:15px;height:15px;background:url('images/red_star.png') no-repeat;}
.divActionInformation{background-color:#ffe7e7;border:1px solid #f6cece;margin-bottom:5px;padding:10px;}

.buttonLink{display: inline-block; color:#ffffff; padding: 5px 30px 5px 15px; background:url('images/arrow_link.png') no-repeat 95% center; background-color:#808080; min-width: 60px; transition: all 0.2s ease;}
.buttonLink:hover{ opacity: 0.75; color:#ffffff;cursor: pointer; text-decoration: none; background:url('images/arrow_link.png') no-repeat 93% center;background-color:#808080;}

.center { display: flex; flex-direction:row; flex-wrap:wrap; justify-content:center;}
.clear { clear: both; }
.centerVH { display: flex; align-items: center; justify-content: center; }
.hide { display: none; }


.pageWidth{ max-width: 1920px; position: relative; margin: 0 auto; padding: 0px 40px; }

.wrapper { margin: 0 auto; position: relative; }
.wrapper > * { position: relative;}

#header{ min-height: 70px; position: relative; }
#footer { position: relative; clear: both; max-width: 1920px; margin: 0 auto; }

.headerIn p{ margin: 0; padding: 10px 0; }

#header .contentBackColor, #pageContent .contentBackColor, #footer { background-color: #ffffff; }

.col-wrapper { display: flex; flex-flow: row nowrap; min-height: 600px; clear: both;}
.pageContent .col-1{ order: 1; flex:0 1 20%; margin-right: 2%; border-right: 1px solid #f0f0f0; padding-right: 20px; }
.pageContent .col-2{  order: 2; flex:1 1 78%; overflow-x: hidden; clear: both; }
.pageContent .col-2 ul { list-style-type: square; }

.productSearch { border-bottom: 1px solid #e0e0e0; position: relative; margin-top: 20px; }
.productSearch:hover { border-color: #a0a0a0; }
.productSearch .txtbSearch:hover{ border: none; }
.txtbSearch{ height: 35px; width: 100%; text-indent: 10px; background: none; border: none; }
.txtbSearchButton { height: 35px; width: 30px; border: none; background: url('images/searchButton.png') no-repeat center center; float: right; opacity: 0.6; position: absolute; right: 3px;}

.ce_menu{ border-bottom: 1px solid #f0f0f0; }
.pageInformationPanel{ padding-top: 20px; }

.pageFooterCopyright { font-size:13px; min-height: 35px; position: absolute; right: 0; left: 0; bottom: 0; text-align: center; }
.pageFooterCopyright a { color: inherit; mix-blend-mode: difference; }

.pageNavigator .pageNavigatorHome{ margin-left: 0; text-transform: uppercase;}
.pageNavigator{ margin-top:10px;margin-bottom: 10px; display: inline-block;}
.pageNavigator a{ margin-right: 6px; margin-left: 6px; display: inline-block; }
.pageNavigator, .pageNavigator a{ color: #707070; font-size: 85%;}
.pageNavigator:hover, .pageNavigator:hover a{ color: #101010; }



.componentMouseOver img, img.componentMouseOver{ transition: opacity 0.3s ease; }
.componentMouseOver img:hover, img.componentMouseOver:hover{ opacity: 0.6; }



.search_result { margin-top: 50px; margin-bottom: 50px; }
.search_result li { padding-left: 16px; padding-top: 0px; margin-bottom: 15px; margin-top: 30px; }
.search_result h3 { font-size: 1em; text-align: left; padding-bottom: 0px; margin-bottom: 10px; }

.menu-toolbar{ position: relative; display: none; border-bottom: 1px solid #000; padding: 2px 0; margin-bottom: 20px; }
.menu-toolbar-in { clear: both; overflow: hidden; }

.responsive_menu_trg{ position: absolute; top: -40px; right: 5px; background: url('images/responsive_menu.svg') no-repeat right center; z-index: 11000; display: block; background-size: 30px 28px; width: 40px; height: 28px; cursor: pointer; }
.responsive_menu_trg::after { content: "Menu"; display: block; position: absolute; bottom: -12px; font-size: 75%; right: 0; }

@media only screen and (max-width: 900px) {
  .pageWidth{ padding: 0px 20px; }
}

@media only screen and (max-width: 780px) {
  h1{font-size:2rem; line-height: initial; }
  h2, h3, h4{ line-height: initial; }

  .centerVH { flex-wrap: wrap; }

  .pageWidth{ padding: 0px 10px; }
  .col-wrapper { display:block; }

  .menu-toolbar{ display: block; position: sticky; top:0; background: #ffffff; z-index: 15000; }
  .pageInformationPanel { display: none; }


  .pageContentIn { padding-left: 5px; padding-right: 5px; }
  .pageFooterCopyright { right: auto; width: 100%; text-align: center; position: relative; min-height: auto; }

  .pageContent .col-1 { padding: 0; border: none; }
  .res_productSearch .productSearch{ display: block; background: #f9f9f9; margin-top: 10px; clear: both; border: none; }
}

@media only screen and (max-width: 350px) {
  .textBox, select, textarea, input[type="button"], input[type="submit"] { width: 100% !important; }
}