:root{
  --resp-container-width:1055px;
  --resp-gap:20px;
  --resp-col-side:210px;
  --resp-col-center:595px;
  --resp-header-height:80px;
  --resp-belt-height:80px;
  --resp-info-height:20px;
  --resp-panel-header-height:36px;
  --resp-space:10px;
  --resp-z-overlay:30;
  --resp-z-header:20;
  --resp-bg:#FFFFFF;
  --resp-fg:#000000;
}
*{box-sizing:border-box}
html,body{height:100%;width:100%;max-width:100%}
body{font-size:14px;font-family:Open Sans;color:var(--resp-fg);background:var(--resp-bg);margin:0;overflow-x:auto;text-shadow:1px 1px 1px rgba(0,0,0,0.004);text-rendering:optimizeLegibility !important;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
img{display:block}
form{display:inline;margin:0;padding:0}
select{font-size:12px;width:150px;-moz-border-radius:5px;border-radius:5px;border-width:1px;display:inline;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#CCCCCC;outline:none}
input{font-size:11px;width:190px;-moz-border-radius:5px;border-radius:5px;border-width:1px;border-style:inset;border-left-color:#979797;border-top-color:#979797;border-right-color:#E3E3E3;border-bottom-color:#E3E3E3;display:inline;padding-left:3px;padding-right:3px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#CCCCCC;outline:none}
input.order{font-size:13px;width:200px;height:28px;background-color:#FD9500;color:#000;font-weight:bold}
input.backtoproduct{font-size:11px;width:180px;height:28px;color:#000;font-weight:bold}
input.parcelshop{font-size:11px;width:150px;height:28px;font-weight:bold}
input.center{font-size:11px;width:180px;height:28px;font-weight:bold}
input.radio{font-size:11px;width:auto}
input.checkbox{font-size:11px;width:auto}
input.basket{font-size:11px;width:auto}
input.basketnew{background-repeat:no-repeat;background-position:left center;background-color:#FD9500;-moz-border-radius:5px;border-radius:5px;display:inline;outline:none;padding-left:3px;padding-right:3px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:180px;height:40px;font-size:13px;font-weight:bold;background-image:url(../img/basket-1-normal.svg);background-size:auto 60%}
input.basketnew2,input.basketnew2s{background-repeat:no-repeat;background-position:left center;background-color:#FD9500;-moz-border-radius:5px;border-radius:5px;display:inline;outline:none;padding-left:3px;padding-right:3px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:126px;height:28px;font-size:11px;font-weight:normal;background-image:url(../img/basket-1-normal.svg);background-size:auto 60%}
input.filter{font-size:11px;width:115px}
input.productamount{font-size:12px;color:#000;font-weight:bold;width:40px;height:28px;border:solid;border-width:1px;border-color:#000;background-color:#CCC;vertical-align:middle;display:inline;outline:none}
input.productpurchase{font-size:10px;width:65px;background-color:#007B32;color:#FFF}
input.address{font-size:13px;width:290px;height:28px;border-color:#CCC}
input.login{font-size:14px;width:190px;height:28px}
input.login2{border-style:outset;font-size:14px;width:190px;height:28px;font-weight:bold}
input.quicksearch{font-size:14px;width:100%;height:28px;background-color:#FFF;background-repeat:no-repeat;background-position:85%;margin:0 10px 0 0}
input.garage{font-size:11px;width:110px;height:28px;font-weight:bold}
select.filter{font-size:12px;width:115px}
select.filter2{font-size:12px;width:110px;background-color:#CCC}
select.productamount{font-size:17px;color:#000;font-weight:bold;width:45px;height:40px;border:solid;border-width:1px;border-color:#000;background-color:#CCC;vertical-align:middle;display:inline;outline:none}
select.productamount2,select.productamount2s{font-size:12px;color:#000;font-weight:bold;width:40px;height:28px;border:solid;border-width:1px;border-color:#000;background-color:#CCC;vertical-align:middle;display:inline;outline:none}
select.address{font-size:13px;width:290px;height:28px}
select.car1{font-size:13px;width:100%;height:28px;background-color:#FFF}
select.car2{font-size:13px;width:585px;height:28px}
textarea{font-size:13px;width:290px;border-width:1px;outline:none}
::placeholder{color:#EEE;opacity:1}
:-ms-input-placeholder{color:#EEE}
::-ms-input-placeholder{color:#EEE}
a{color:#FD9500;text-decoration:underline}
a:visited{color:#FD9500;text-decoration:underline}
a:hover{color:#FD9500;text-decoration:none}
a:active{color:#FD9500;text-decoration:none}
a.whitetext{color:#FFF;text-decoration:none}
a.whitetext:visited{color:#FFF;text-decoration:none}
a.whitetext:hover{color:#FFF;text-decoration:underline}
a.whitetext:active{color:#FFF;text-decoration:none}
a.menutext{font-weight:bold;color:#007B32;text-decoration:none}
a.menutext:visited{font-weight:bold;color:#007B32;text-decoration:none}
a.menutext:hover{font-weight:bold;color:#007B32;text-decoration:underline}
a.menutext:active{font-weight:bold;color:#007B32;text-decoration:none}
a.producttitle{color:#000;text-decoration:none}
a.producttitle:visited{color:#000;text-decoration:none}
a.producttitle:hover{color:#000;text-decoration:underline}
a.producttitle:active{color:#000;text-decoration:none}
a.manufacturertitle{color:#000;text-decoration:none}
a.manufacturertitle:visited{color:#000;text-decoration:none}
a.manufacturertitle:hover{color:#000;text-decoration:underline}
a.manufacturertitle:active{color:#000;text-decoration:none}
a.purchase{color:#000;text-decoration:none}
a.purchase:visited{color:#000;text-decoration:none}
a.purchase:hover{color:#000;text-decoration:underline}
a.purchase:active{color:#000;text-decoration:none}
a.list{color:#007B32;text-decoration:none}
a.list:visited{color:#007B32;text-decoration:none}
a.list:hover{color:#007B32;text-decoration:underline}
a.list:active{color:#007B32;text-decoration:none}
a.next{color:#000;text-decoration:none}
a.next:visited{color:#000;text-decoration:none}
a.next:hover{color:#000;text-decoration:underline}
a.next:active{color:#000;text-decoration:none}
a.structure{color:#000;text-decoration:none}
a.structure:visited{color:#000;text-decoration:none}
a.structure:hover{color:#000;text-decoration:underline}
a.structure:active{color:#000;text-decoration:none}
.titletext{font-size:16px;color:#007B32;font-weight:bold}
.usertext{font-weight:normal;color:#FFF;text-decoration:none}
.headtext{color:#FFF;font-weight:bold;padding-left:10px;padding-right:10px;text-align:left}
.headtextbox{font-size:16px;color:#FFF;font-weight:bold;padding-left:10px;padding-right:10px;text-align:left}
.menutext{color:#007B32;font-weight:bold}
.menuitemtext{font-weight:bold;color:#FFF}
.menuitemtext2{font-weight:normal;color:#FFF}
.productimage{color:#000;font-weight:bold;background-color:#FFF}
.productimageon{color:#000;font-weight:bold;background-color:#F0FAEF}
.productimageon2{color:#000;font-weight:normal;background-color:#E4F6E2}
.productimageoff{color:#000;font-weight:bold;background-color:#F5F5F5}
.productimageoff2{color:#000;font-weight:normal;background-color:#EDEDED}
.productimagea1{color:#000;font-weight:bold;background-color:#FED42A}
.producttitle{font-size:16px;color:#000;font-weight:bold;line-height:120%}
.productlead{font-size:12px;color:#000;font-weight:normal}
#h1span.productlead{display:block}
.productlisttitle{font-size:12px;color:#000;font-weight:normal}
.productlistoption{font-size:12px;color:#000;font-weight:normal}
.productlistdescription{font-size:11px;color:#000;font-weight:normal}
.productprice{color:#007B32;font-weight:bold}
.productotherprice{color:#000;font-weight:normal;text-decoration:line-through}
.purchase{font-family:Arial;color:#007B32;font-weight:normal}
.productotherpercent{color:#000;font-weight:normal;text-decoration:none}
.producttext{font-size:12px;color:#000;font-weight:normal}
.productdatasheed{font-size:16px;color:#000;font-weight:normal}
.producthead{font-size:22px;color:#000;font-weight:bold}
.productlistoff{color:#CCC}
.manufacturertitle{font-size:12px;color:#000;font-weight:bold}
.next{font-size:11px;color:#000;font-weight:bold}
.nextnormal{font-size:11px;color:#000;font-weight:normal}
.listshade{background-color:#DDD}
.listshadeprice{background-color:#FFFFCC}
.filter{font-size:12px}
.filteroption{font-size:11px}
.table{font-size:12px}
.votequestion{color:#FFF;font-weight:bold}
.voteanswer{font-size:12px;color:#FFF;font-weight:normal}
.quicksearchtab{width:100%;height:60px;display:table;user-select:none}
.quicksearchimg{width:80px;height:60px;display:table-cell;vertical-align:middle;user-select:none;overflow:hidden}
.quicksearchimg img{display:inline-block;max-width:80px;max-height:60px;margin:0;border:none}
.quicksearchtxt{width:495px;height:60px;display:table-cell;vertical-align:middle;user-select:none}
#basket_add{display:none;position:fixed;z-index:5000;max-width:90%;min-width:260px;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 16px;font-family:Arial,sans-serif;font-size:14px;font-weight:bold;color:#fff;background:#FD9500;border-radius:10px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.3)}
#parcelshop_add{position:fixed;z-index:5000;left:50%;top:50vh;transform:translate(-50%,-50%);width:100%;height:80vh;max-height:80vh;background:rgba(255,255,204,0.9);border-radius:10px;padding:10px;box-sizing:border-box;display:none;overflow:hidden}
ul.structure1 li{font-size:16px}
.cat1{position:fixed;z-index:100;inset:0;margin:0;padding:0;overflow:hidden;background:rgba(255,255,204,0.9)}
.cat1wrapper{position:relative;height:100%;width:90%;margin:0 auto;box-sizing:border-box}
.cat5head{position:absolute;top:1%;left:0;width:100%;background-color:rgba(255,255,255,0.5);border-radius:12px;z-index:3;box-sizing:border-box}
.cat5head-inner{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;gap:10px}
.cat5head .carstruct{order:1}
.cat5head .offerbox{order:2;display:flex;align-items:center;gap:10px}
.cat5head .offer{height:100%;font-size:14px;font-weight:bold;color:#fff;background:#FD9500;padding:0 8px;border-radius:4px;white-space:nowrap}
.cat3close{display:flex;align-items:center;order:3}
.offer-toggle{display:none}
.cat4next{position:absolute;top:10%;left:0;right:0;background:rgba(255,255,255,0.5);border-radius:6px;padding:4px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1px;min-height:40px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
#tcmanufacturer{display:flex;flex-wrap:wrap;gap:1px;justify-content:flex-start;width:auto !important}
#tcmanufacturer>div{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:32px;padding:0 !important}
#tcmanufacturer img{display:inline-block;height:30px;width:auto;display:block}
.cat2{position:absolute;top:17%;left:0;right:0;width:100%;overflow:hidden;background-color:rgba(255,255,255,0.5);border-radius:12px}
.cat2-header{background-color:#007B32;text-align:left}
.cat2-options{display:flex;flex-wrap:wrap}
.cat2-options .option{padding:10px}
.cat2-options a{color:#fff;text-decoration:none;white-space:nowrap}
.cat2i{display:flex;flex-wrap:nowrap;height:510px;overflow-x:auto;width:auto}
.row{max-width:196px}
.row .col{height:510px;width:196px;border-style:solid;margin:20px;text-align:center;padding-top:80px}
.autocomplete-w1{background:url(/img/shadow.png) no-repeat bottom right;position:absolute;top:0;left:0;margin:6px 0 0 6px;_background:none;_margin:1px 0 0 0;width:100%;box-sizing:border-box}
.autocomplete{border:1px solid #999;background:#FFF;cursor:pointer;text-align:left;max-height:500px;overflow:hidden;margin:-6px 6px 6px -6px;_height:400px;_margin:0;_overflow-x:hidden}
.autocomplete .selected{background:#FFFFCC}
.autocomplete div{padding:2px 5px;white-space:nowrap;overflow:hidden}
.autocomplete strong{font-weight:bold;color:#007B32}
#product2>div{display:inline-block;white-space:nowrap}
.blink{animation:blinker 2s linear infinite}
@keyframes blinker{50%{opacity:0}}
@media(max-width:1055px){
    body{font-size:18px}
    input.order{font-size:19px;width:260px;height:40px}
    input.backtoproduct{font-size:17px;width:240px;height:40px}
    input.parcelshop{font-size:17px;width:210px;height:40px}
    input.center{font-size:17px;width:240px;height:40px}
    input.quicksearch{font-size:26px;height:44px;background-repeat:no-repeat !important;background-position:right 60px center !important;background-size:90px 14px !important}
    input.basketnew{font-size:18px;width:200px;height:54px}
    input.basketnew2{font-size:16px;width:140px;height:44px}
    input.basketnew2s{font-size:14px;width:120px;height:44px}
    select.productamount{font-size:24px;width:60px;height:54px}
    select.productamount2{font-size:22px;width:50px;height:44px}
    select.productamount2s{font-size:20px;width:50px;height:44px}
    select.car1{font-size:26px;height:44px}
    select.filter2{font-size:26px;height:44px;width:100%}
    .headtextbox{font-size:16px}
    .headtext{font-size:14px}
    .menutext{font-size:18px;padding:10px 10px 10px 10px}
    .table{font-size:16px;padding:5px 0 5px 0}
    #q_r_full.autocomplete{overflow-y:auto !important;overflow-x:hidden !important}
    .quicksearchtab{height:80px}
    .quicksearchimg img{max-width:100px;max-height:80px}
    .quicksearchtxt{font-size:18px;font-weight:bold}
    body.cat-open #basket_add{z-index:12000}
    #q_rr .quicksearchtab{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    #q_rr .quicksearchtab::-webkit-scrollbar{display:none}
    #q_rr .quicksearchimg{width:100px}
    #q_rr .quicksearchimg img{max-width:100px;max-height:80px}
    #q_rr .quicksearchtxt{width:max-content;font-size:18px;font-weight:bold;white-space:pre-line}
    .search-full-inner .quicksearchtxt{width:max-content;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}
    ul.structure1 li{margin-top:20px;margin-bottom:20px;font-size:24px}
    body.cat-open .resp-center-inner{transform:none !important;height:auto !important}
    body.cat-open .resp-container{padding-top:0 !important}
    body.cat-open .resp-header,body.cat-open .resp-info-bar{display:none !important}
    .cat1{position:fixed !important;inset:0 !important;width:100vw !important;height:100vh !important;overflow-y:auto;z-index:9999 !important;transform:none !important}
    .cat1wrapper{width:100%;margin:0}
    .cat5head{position:relative;top:auto;margin-bottom:10px}
    .cat5head-inner{flex-direction:column;align-items:stretch;padding:0}
    .cat5head .offerbox{order:1;flex-direction:row;align-items:center}
    .scroll-x-touch{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .scroll-x-touch::-webkit-scrollbar{display:none}
    .offer-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:var(--resp-panel-header-height);box-sizing:border-box}
    .offer-toggle button{background:none;border:none;padding:0;cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
    .offer-toggle img{height:100%;width:auto;display:block;object-fit:contain}
    .cat5head .offer{flex:1;text-align:left;border-radius:0;padding:5px 10px;box-sizing:border-box}
    .cat5head .carstruct{order:2}
    .cat3close{display:none}
    .cat4next{position:relative;top:auto;margin:10px 0;height:40px;flex-wrap:nowrap;align-items:center}
    #tcmanufacturer{flex-wrap:nowrap;align-items:center}
    .cat2{position:relative;top:auto;border-radius:0;margin-top:0}
    .cat2-options{display:flex}
    .cat2-options .option{padding:5px;font-size:14px}
    .cat2-select{display:block;width:100%;padding:5px;background-color:#007B32;color:#fff;border:none;font-size:14px;font-weight:bold}
    .cat2-header{display:block !important;padding:0 !important;background-color:#007B32 !important;color:#fff !important;line-height:1.4 !important;min-height:20px;will-change:transform;transform:translateZ(0);backface-visibility:hidden}
    .cat2-header a.structure,.cat2-header .menutext{display:block !important;width:100% !important;font-size:16px !important;font-weight:bold !important;color:#fff !important;padding:4px 8px !important;text-decoration:none !important;visibility:visible !important;opacity:1 !important}
    .cat2-header a.structure:hover{text-decoration:underline !important}
}
