#buttoncon {
    color: white;
    border-radius: 30px;
    border: none;
    padding: 5px 15px;
    margin-top: 10px;
    font: 700 13px/16px Arial, Helvetica, sans-serif;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3266ba), color-stop(100%, #3c485c));
    background-image: -moz-linear-gradient(#3266ba, #3c485c);
    background-image: -webkit-linear-gradient(#3266ba, #3c485c);
    background-image: linear-gradient(#3266ba, #3c485c);
}

#buttoncon:hover {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007ab7), color-stop(100%, #009ad0));
    background-image: -moz-linear-gradient(#007ab7, #009ad0);
    background-image: -webkit-linear-gradient(#007ab7, #009ad0);
    background-image: linear-gradient(#007ab7, #009ad0);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 );
}

#column_accessories {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    /* padding-block-start: 0.35em; */
    /* padding-inline-start: 0.75em; */
    /* padding-inline-end: 0.75em; */
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 1px;
    border-style: solid;
    border-color: #CDCDCD;
    border-image: initial;
}

#column_accessories_legend {
    text-align: center;
    display: block;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    width: unset;
    font-size: 14px;
    font-weight: bold;
    color: #777777;
}

#column_accessories table {
    -moz-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.05);
    -background: #f6f6f6;
    -border: 1px solid #d2d0d0;
    -border-top: 1px solid #b0afaf;
    -border-bottom: 1px solid #b0afaf;
}

#column_accessories > ul > li > p.clearfix > button {
    color: white;
    border-radius: 6px;
    border: none;
    padding: 5px 15px;
    font: 700 13px/16px Arial, Helvetica, sans-serif;
    -background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3266ba), color-stop(100%, #3c485c));
    -background-image: -moz-linear-gradient(#3266ba, #3c485c);
    -background-image: -webkit-linear-gradient(#3266ba, #3c485c);
    -background-image: linear-gradient(#3266ba, #3c485c);
    background-color: #3266BA;
}

#column_accessories > ul > li > p.clearfix > button:hover {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007ab7), color-stop(100%, #009ad0));
    background-image: -moz-linear-gradient(#007ab7, #009ad0);
    background-image: -webkit-linear-gradient(#007ab7, #009ad0);
    background-image: linear-gradient(#007ab7, #009ad0);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 );
}

#column_accessories ul li {
    border-bottom: 1px solid #CDCDCD;
    margin-bottom: 10px;
    margin-top: 5px;
}

#column_accessories .out-of-stock {
    background: #fe9126;
    border: 1px solid #e4752b;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    padding: 2px 8px 2px 8px;
    margin-left: 5px;
    border-radius: 6px;
}

#column_accessories ul li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}

#column_accessories ul li .product_image {
    float: left;
    width: 31%;
    margin-right: 5px;
}

#column_accessories ul li .s_title_block {
    float: right;
    font-weight: bold;
    padding-bottom: 5px;
    width: 56%;
}

#column_accessories ul li .product_desc {
    float: right;
    width: 56%;
}

.block li a {
    -display: inline !important;
}

.accessory-qty {
    width: 15%;
    display: inline;
    border-radius: 6px;
    margin-left: 5px;
    text-align: center;
}

#column_accessories > ul > li > p.clearfix > a:first-child {
    color: white;
    border-radius: 6px;
    border: none;
    padding: 5px 15px;
    -background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #869aa9), color-stop(100%, #3c485c));
    -background-image: -moz-linear-gradient(#869aa9, #3c485c);
    -background-image: -webkit-linear-gradient(#869aa9, #3c485c);
    -background-image: linear-gradient(#869aa9, #3c485c);
    background-color: #798F9F;
}

#column_accessories > ul > li > p.clearfix > a:first-child:hover {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007ab7), color-stop(100%, #009ad0));
    background-image: -moz-linear-gradient(#007ab7, #009ad0);
    background-image: -webkit-linear-gradient(#007ab7, #009ad0);
    background-image: linear-gradient(#007ab7, #009ad0);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 );
}

#column_accessories > ul > li > p.clearfix > a.exclusive.button.ajax_add_to_cart_button {
    font: 700 13px/18px Arial, Helvetica, sans-serif;
    position: relative;
    display: inline;
    padding: 5px 15px;
    -border: 1px solid #fff;
    font-weight: bold;
    color: white;
    cursor: pointer;
    white-space: normal;
    text-align: left;
    border-radius: 6px;
    -background-color: #3266BA;
    -background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3266ba), color-stop(100%, #3c485c));
    -background-image: -moz-linear-gradient(#3266ba, #3c485c);
    -background-image: -webkit-linear-gradient(#3266ba, #3c485c);
    -background-image: linear-gradient(#3266ba, #3c485c);
    background-color: #3266BA;
}

#column_accessories > ul > li > p.clearfix > a.exclusive.button.ajax_add_to_cart_button:hover {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007ab7), color-stop(100%, #009ad0));
    background-image: -moz-linear-gradient(#007ab7, #009ad0);
    background-image: -webkit-linear-gradient(#007ab7, #009ad0);
    background-image: linear-gradient(#007ab7, #009ad0);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 );
}

#column_accessories > ul > li > p.clearfix > a {
    display: inline;
}

@media (min-width: 992px) and (max-width: 1199px) {
      #column_accessories ul li .s_title_block {
          width: 42%;
      }
      #column_accessories ul li .product_desc {
          width: 100%;
      }
      #column_accessories ul li .product_image {
          width: 55%;
      }
      #column_accessories input {
          margin-top: 6px;
      }
          
}

@media (min-width: 768px) and (max-width: 991px) {
    #column_accessories ul li .product_image {
        width: 100%;
        text-align: center;
    }
    #column_accessories ul li .s_title_block {
        width: 100%;
    }
    #column_accessories ul li .product_desc {
        width: 100%;
        text-align: center;
    }
    #column_accessories > ul > li > p {
        text-align: center;
    }
    #column_accessories > ul > li > p > span{
        margin-top: 5px;
    }
    #column_accessories > ul > li > p.clearfix > a:first-child {
        padding: 5px 13px;
        display: inline-block;
    }
    #column_accessories > ul > li > p.clearfix > a.exclusive.button.ajax_add_to_cart_button {
        padding: 5px 13px;
        display: inline-block;
        margin-top: 5px;
    }
    .accessory-qty {
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        width: 34%;
        display: block;
    }
    #column_accessories > ul > li > p.clearfix > button {
        margin-top: 5px;
    }
    #column_accessories table th, table td {
        padding: 9px 4px;
    } 
}