ul.attrlinks {display: inline-block;}

ul.attrlinks li {list-style:none;}

ul.attrlinks li.attribute{display: inline-block;cursor:pointer;border:1px solid #CCC;margin:0 4px 2px 0;padding: 10px 30px;color:#666; /*font-weight: bold;*/
/*font-size: 23px;*/}
 @media (max-width: 999px) {
ul.attrlinks li.attribute{display: inline-block;cursor:pointer;border:1px solid #CCC;margin:0 4px 2px 0;padding: 10px 17px;color:#666; /*font-weight: bold;*/
/*font-size: 23px;*/}
}
ul.attrlinks li.selected{border:1px solid #000;color:#222;font-weight:bold;     background-color: #F2F2F2;}

ul.attrlinks li.out {
    position: relative;
    display: inline-block;
}
ul.attrlinks li.out::before{
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}

ul.attrlinks li.out::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}
ul.attrlinks li.out::before {
    border-bottom: 1px solid black;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}
ul.attrlinks li.out::after {
    border-bottom: 1px solid black;
    -webkit-transform: skewY(10deg);
    transform: skewY(10deg);
}

ul.attrlinks li.out a{color:#CCC;}

ul.attrlinks li.unavailible{display: none;}



ul#color_to_pick_list li.out {opacity: 0.3;}

ul#color_to_pick_list li.unavailible {display:none;}