.selected {
    /*border-bottom:3px solid white;
    border-top:3px solid white;*/
    
}

.catTitle{
    margin:0px;
}
.autoCat td b{ line-height:37px; }
.autoCat td a b {
    text-decoration: underline;
}

.autoCat td a:hover b {
    text-decoration: none;
}

.w100{ width:100% !important; }

tr, td, th{ margin:0px; }
 table.autoCat{
     border-right:1px solid black;
     border-bottom:1px solid black;
     border-top:none;
     border-left:none;
     font-size:10pt;
     margin-right:10px;
     margin-left:10px;
     font-family:'Roboto', sans-serif;
 }
 
 .autoCat td,.autoCat th {
     border-left:1px solid #555;
     padding:2px 4px;
 }
 td:first-child, th:first-child{ /*border:none;*/}

 th.blank{
     border-left:none;
     border-bottom: 1px solid black;
 }

thPB {
    background-color: #d14f42;
}
#mainRight.rightside{ width:100%; }
#rightRight.rightside{ display:none; }

.icon-filter{
    margin-right:5px;
}
.selected .icon-filter{
    margin-right:5px;
    color:#DDD;
}

.atc.loginButton { width: 30px; }


.filter{
    /*display:inline-block;*/
    clear:both;
    margin: 2px 25px 5px 0px
}
.filter .icon-close{
    margin-left:2px;
    /*position:absolute;*/
}
div.icon-close {
    height:30px; line-height:30px; margin-right:10px;

}
.filter input, .filter select{
    padding: 4px;
    height:30px;
    margin: 0px 0 0 12px;
}
#campoFilter {
    display:block;
    margin-right:20px;
}
#UpdateProgress1{
    float:left; width:35px; padding-top:10px;
}
#description{
    font-size: 18px;
}
#description img{ padding: 0px 10px 10px 0px; }
.icon-add {
    margin-left: 20px;
    cursor:pointer;
}
#searchTitle{
    font-size: 16px; font-weight:bold;
}


.wrapAutocomp {
    position: relative;
    display: inline;
    width:100%;
}

    .wrapAutocomp #autocomp {
        left: 0px;
    }

#searchBox .viewall:hover {
    cursor: pointer;
}

#searchBox {
    margin: 0 0px 20px;
    padding: 10px 20px 20px;
    background: #EEE;
    /*width:600px;*/ width: 100%;
    box-sizing: border-box;
}
#searchBox2 {
    margin:0 4% 20px;
    padding:10px;
    background:#EEE;
    float:right;
    font-size:20px;
}
    #searchBox2 h2 {
        float: left;
        font-size: 16px;
        margin-bottom: 0px;
        text-transform: uppercase;
    }
#searchBox h2{
    margin:0 0 10px 0; padding:0;
    text-transform:uppercase;
}
#searchBox div > p {
    width: 230px;
}
@media screen and (max-width: 767px) {
    #searchBox div > p {
        width: auto;
    }
}
#searchBox p {
    margin:0 0 10px 0;
}
a.page{
    width:100px !important;
    margin: 0px 7px !important;
}
#searchBox .loginButton{
    width:100px;
    display:inline-block;
    margin:10px 2% 0 0;
    font-size:1.1em;
}

.mode{
  position: relative;
  width:100px;
  float:left;
  margin:0px 10px;
  height:30px;
}
.mode span {
    font-weight: bold;
    line-height: 30px;
    padding: 0 10px;
    text-transform: uppercase;
}
.selectdiv {
  position: relative;
  width:170px;
  float:left;
  margin-left: 24px;
  position: relative;
  border: 1px solid #cccccc;
  background: white;
}
.icon-close + .selectdiv, .filter:first-child .selectdiv {
  margin-left: 0px;
}
.filter .selectdiv.mode {
  margin-left: 10px;
}
.selectdiv.txt:after{
    content:none;
}
 
.selectdiv:after {
  content: '<>';
  font: 12px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  
  top: 6px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}
 
.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  border: 0px solid white;
  display: block;
  width: 100%;
  max-width: 170px;
  height: 30px;
  float: right;
  padding: 0px 20px 0px 10px;
  font-size: 12px;
  line-height: 1.25;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
  font-weight:bold;
}

.mode.selectdiv { width:130px; }
.mode.selectdiv * { text-transform:lowercase; }
.filter input.in { width:80px; }
/* viewcategory*/
.catlist{
    padding: 0px 10px;
    /*font-family:'Roboto', sans-serif;*/
    font-size:14px;    
}
    .catlist li {
        list-style: none inside none;
        margin-bottom: 5px;
        padding: 3px;
        min-height: 45px;
        /*background-color: #FAFAFA;*/
    }
    .collapsible-content .catlist li {
        background-color: #FAFAFA;
    }
    .collapsible-content .catlist li:nth-child(2n+1), .collapsible-content .catlist tr:nth-child(2n+1):not(.cspan) {
        background-color: #F5F5F5;
    }
    /*.catlist .description p {
        line-height: 45px;
    }*/
    .catlist li:nth-child(2n+1), .catlist tr:nth-child(2n+1):not(.cspan) {
        /*background-color: #F5F5F5#e6e6e6*/;
    }

    .catlist .r:nth-child(2n+1) {
        background-color: #e6e6e6;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333 !important;
    }

    .catlist .r:nth-child(2n) {
        background-color: white;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333 !important;
    }

.r td:last-child {
    border-right: 1px solid #333;
}

.r:last-child {
    border-bottom: 1px solid #333;
}

.r:first-child {
    border-top: 1px solid #333;
}

.cspan {
    line-height: 40px;
    font-size: 12pt;
    font-weight: 400;
    color: #00672e;
    background-color: white !important;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin-bottom: 0px;
    margin-top: 15px;
}

    .cspan + .cspan {
        margin-top: 0px;
    }

.cspanempty {
    height: 15px;
    background-color: #00672e !important;
}

.catlist.tA li:hover {
    /*background-color: rgba(0,103, 46, 0.5); /*#00672e*/*/
    color: black;
}
.tA .let {
    background-color:#00672e ; /*#00672e*/
    color: white;
}
.catlist.tE li:empty:hover,.catlist.tE li:empty{
    background-color: white;
}
.catlist.tE li:hover {
   /* background-color: rgba(82,118, 124, 0.5); #666699;*/
    color: white;
}
.tE .let {
    background-color: #52767c; /*#666699;*/
    color: white;
}
.catlist.tI li:hover {
    /*background-color: rgba(0,78, 142, 0.5); #0a96ff;*/
    color: white;
}
.tI .let {
    background-color: #004e8e; /*#0a96ff;*/
    color: white;
}
.catlist.tS li:hover {
    /*background-color: rgba(209,79,66, 0.5);*/
    color: white;
}
.tS .let {
    background-color: #d14f42;
    color: white;
}
/*.catlist li:hover a{ color:white;}*/
.catlist a:hover, .catlist a:focus, .catlist a:active, .catlist a:link{
    text-decoration:none;
    
}
.ws .description .f {
    padding-top: 0 !important;
}
.description .f{
    font-weight:bold;
    padding-top:17px;
}

@media (max-width: 768px) {
    .description .f {
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
    }
}
.description img {
    padding: 2px 15px 0px 0px;
    width: auto;
    height: auto;
}

.icon-close:hover{ cursor:pointer;}

.sumList .cr .elimina{color:red;font-size:smaller;padding:5px 3px 5px 9px}

.sumList {
    height: 300px;
}

#qtyBox .box{ padding: 20px;background:white; border:1px solid grey; position:absolute;top:-40px; left:50%; margin-left: -150px; width:300px; height:80px;z-index:100;}
#qtyBox .bg{ background-color:rgba(255,255,255, 0.6); position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:99;}

#TopWrapper{
    float: right;
    width: 70%;
}
#CartUP{
    padding:10px 20px 20px;
    background:#EEE;
}
#CartUP .sumTit{
    text-transform:uppercase;
    font-weight:bold;
}
#CartUP .loginButton{
    font-size: 1.1em;
    margin: 10px 2% 0 0;
    width: 100px;
}


.cart1 {
    width: 40%;
}

.cart4 {
    width: 10%;
    text-align: end;
}

.cart2, .cart3 {
    width: 25%;
    text-align: end;
}

strike {
    text-decoration: none;
    position: relative;
    opacity: 0.7;
}

    strike::before {
        top: 50%; /*tweak this to adjust the vertical position if it's off a bit due to your font family */
        background: red; /*this is the color of the line*/
        opacity: .7;
        content: '';
        width: 110%;
        position: absolute;
        height: .1em;
        border-radius: .1em;
        left: -5%;
        white-space: nowrap;
        display: block;
        transform: rotate(-15deg);
    }

.sumListBottom {
    height: 100px;
}

.let {
    /*padding:11px 18px;*/
    margin: 0px 10px 0px 0px;
    font-weight: bold;
    font-size: 20px;
    height: 2.5em;
    width: 2.5em;
    text-align: center;
    padding-top: .5em;
}
.description p {
    margin: 0px;
    padding: 0px;
    /*line-height: 48px;*/
}

#cats h1{
    text-transform:capitalize;
}
#searchBox .search, #searchBox .srcX{
    background: white none repeat scroll 0 0;
    border: 1px solid #cccccc;
    position: relative;
    width: 220px;
    height: 40px;
    padding: 5px 10px;
}
@media (max-width: 768px) {
    #searchBox .search, #searchBox .srcX {
        width: 80%; 
    }

#hyperCat{height:350px;padding:0px;background:#fff;}
#hyperCat h2{font-size:2.5em;margin-top:10px}
#hyperCat dl{height:350px}	
#hyperCat dt{height:25px;line-height:10px;text-align:right;padding:5px 10px 0 0;font-size:1.1em;font-weight:bold;text-transform:uppercase;letter-spacing:1px;background:#fff 0 0 no-repeat;color:#26526c; border-bottom:1px #ccc dotted;}
#hyperCat dt.active{cursor:pointer;}
    #hyperCat dd {
        padding: 5px;
        background: bottom left repeat-x;
        border-right: 1px solid;
        border-left: 0;
        margin-right: 3px;
 }
 #hyperCat .colwrap{
    -webkit-column-width: 141px; 
    -moz-column-width: 141px;
    column-width: 141px;
    height:100%;
    width:auto;
    /*width:100%;*/
    /*-webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-width: 10px;*/

}

#hyperCat .slide-number{left:10px;font-weight:bold}
#hyperCat .active .slide-number{color:#fff}
#hyperCat a, #hyperCat a:hover{ float:left; padding: 3px 3px; width:154px; font-size:12px; display:block; /*margin:0px 10px;*/ height:34px; text-decoration:none; border-bottom:1px solid #eee; overflow:hidden;}
#hyperCat a:nth-child(2n+0){
    top:0;
}
#hyperCat a:nth-child(2n+1){
    top:35px;
}
#hyperCat a:nth-child(2n+2){
    top:70px;
}
#hyperCat a:nth-child(2n+3){
    top:105px;
}
#hyperCat a:nth-child(2n+4){
    top:140px;
}
#hyperCat a:nth-child(2n+5){
    top:175px;
}
#hyperCat a:nth-child(2n+6){
    top:210px;
}
#hyperCat dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px}

#hyperCat.thA dt.actual{opacity:0.6;background: #00672e; color:white !important;}
#hyperCat.thE dt.actual{opacity:0.6;background: #52767c; color:white !important;}
#hyperCat.thI dt.actual{opacity:0.6;background: #004e8e; color:white !important;}
#hyperCat.thS dt.actual{opacity:0.6;background: #d14f42; color:white !important;}

.mCSB_container {width:auto !important;}


#hyperCat.thA dd, #hyperCat.thA dd a{ /*border-color: #00672e;*/ color:#00672e; }
#hyperCat.thA dt.active,#hyperCat.thA dt.hover, #hyperCat.thA a:hover { background: #00672e; color:white !important; opacity:1; }
#hyperCat.thE dd, #hyperCat.thE dd a{ /*border-color: #52767c;*/ color:#52767c; }
#hyperCat.thE dt.active,#hyperCat.thE dt.hover, #hyperCat.thE a:hover { background: #52767c; color:white !important; opacity:1; }
#hyperCat.thI dd, #hyperCat.thI dd a{ /*border-color: #004e8e;*/ color:#004e8e; }
#hyperCat.thI dt.active,#hyperCat.thI dt.hover, #hyperCat.thI a:hover { background: #004e8e; color:white !important; opacity:1; }
#hyperCat.thS dd, #hyperCat.thS dd a{ /*border-color: #d14f42;*/ color:#d14f42; }
#hyperCat.thS dt.active,#hyperCat.thS dt.hover, #hyperCat.thS a:hover { background: #d14f42; color:white !important; opacity:1; }


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(0,0,0,0.5);
}
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
        background: rgba(0,0,0,0.2);
    }

.icon-cart.fltrt { margin-right: 10px; }


.cartTools .formButton {
    margin: 7px 0px;
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
    #TopWrapper {
        float: none;
        width: 100%;
    }
    #searchBox {
        margin: 0 4% 20px;
        padding: 10px 4% 20px;
        background: #EEE;
        width: 92%;/*84%*/
        float: none;
        font-size: 0.9em;
    }
    #cWrapper #searchBox {
        margin: 0 0 20px;
        width: 92%;
    }
    #searchBox2 {
        width: 92%;
        /*margin: 0px 2% 20px 2%;*/
    }
    #CartHolder .prodBtn.cart {
        background: #EEE;
        color: #000;
        font-weight:bold;
        padding:10px 4%;
        text-transform:uppercase;
    }
        #CartHolder .prodBtn.cart .icon-arrow-down9 {
            font-size:1.5em;
        }

    .filter {
        /* display: inline-block; */
        clear: both;
        margin: 2px 0px 5px 0px;
    }
    .filter input, .filter select {
        margin:0;
    }
    .selectdiv, .mode.selectdiv, .filter input.in {
        width:88%;
        float: right;
    }
    .filter input.in {
        width:88.5%;
    }
    .close + .selectdiv {
        width:100%;
        margin:0;
    }
        .selectdiv select {
            max-width:initial;
        }
    .filter .selectdiv.mode {
        margin-right: 0px; margin-left:0;
        margin-top:5px;
    }
    .filter input.in {
        float: right;
        margin: 5px 0 15px;
        padding: 4px 10px;
    }


    .autoCat a.cd b, .autoCat a.cd {
        color:blue;
        text-decoration:none;
        font-style:normal;
        text-align:left;
    }
}