i.icon16-autobadge { background-repeat:no-repeat; height:16px; width:16px; display:inline-block; text-indent:-9999px; text-decoration:none!important; vertical-align:middle; margin: 0; }
i.icon16-autobadge.loading-icon { background-image: url("../img/loader2.gif"); z-index: 50; position: relative; }
.autobadge-holder, .autobadge-styles, .autobadge-holder-2 { display: none !important; }
/* Theme design fixes */
.s-main-wrapper .s-header-wrapper .s-fixed-container.is-fixed, .list-group-item.active, .list-group-item.active:hover, 
.list-group-item.active:focus { z-index: 20 } 
.s-sorting-list { position: relative; z-index: 15 } 
.s-dialog-wrapper { z-index: 18; }
.s-products-wrapper .s-products-list.thumbs-view .s-product-wrapper { overflow: visible }
ul.product-list li .pl-item-info, ul.product-list.thumbs li .pl-item-info,
.product-list.list_thumb_static .product .product_content, 
.product-list.list_thumb_static .list_buttons, 
.product-list.list_view .product .product_content, 
.product-list.table_view .list_buttons, 
.product-list.list_view .list_buttons, 
.product-list .thumbs_v2 .product .offers, 
.product-list .thumbs_v2 .product .pricing, 
.product-list .thumbs_v2 .product .product_title, 
.product-list .thumbs_v2 .product .rating, .product-list .thumbs_v2 .list_buttons { z-index: 1 }
ul.product-list > li, .product-slider .jcarousel-item, .v-products-list__general, .v-products-tbl__general { position: relative; }
#yourshop .table-small .autobadge-pl { display: none; }
#product-list.loading .autobadge-pl { opacity: .4; }
.s-products-wrapper .s-products-list.table-view .s-product-wrapper .s-product-block .autobadge-pl > *,
.s-products-wrapper .s-products-list.table-view .s-product-wrapper .s-product-block .autobadge-pl { padding-left: 0; }
/* Ribbons */
.autobadge-pl { position: absolute; line-height: 1; }
.autobadge-pl.autobadge-delay-loaded { opacity: 1; }
.autobadge-pl .badge-text-block { display: block; text-align: center; }
.autobadge-pl .badge-text-block span { display: inline-block; position: relative; color: #ffffff; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: bold; text-align: center; text-shadow: 0.0625em 0.0625em 0.0625em #333; }
.autobadge-pl .badge-text-block a { display: inline-block !important; height: inherit !important; width: inherit !important; line-height: 1 !important; }

.autobadge-countdown { font-style: normal; }
.autobadge-pl .colorDefinition { background: none; color: inherit; border: 0 none; }

.autobadge-pl-tail { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
.autobadge-pl-tail:before, .autobadge-pl.with-tail:after, .ribbon-5 .autobadge-pl-tail:after,
.ribbon-5.with-tail:before { border-style: solid; content: ""; position: absolute; } 

.ribbon-1, .ribbon-1-bt, 
.ribbon-2, .ribbon-2-bt,
.ribbon-3, .ribbon-3-bt,
.ribbon-5 { background: #ff0000; background: -ms-radial-gradient(center top, circle farthest-side, #FF0000 0%, #990000 100%); background: -moz-radial-gradient(center top, circle farthest-side, #FF0000 0%, #990000 100%);  background: -o-radial-gradient(center top, circle farthest-side, #FF0000 0%, #990000 100%); background: -webkit-radial-gradient(center top, circle farthest-side, #FF0000 0%, #990000 100%); background: radial-gradient(circle farthest-side at center top, #FF0000 0%, #990000 100%); width: 70px; height: 140px; border-top-right-radius: 2px; border-top-left-radius: 2px; }
.ribbon-1 .badge-dashed-line:before, .ribbon-1-bt .badge-dashed-line:before, 
.ribbon-2 .badge-dashed-line:before, .ribbon-2-bt .badge-dashed-line:before,
.ribbon-3 .badge-dashed-line:before, .ribbon-3-bt .badge-dashed-line:before { content: ''; height: 110%; left: 3px; top: 0; position: absolute; border-left: 1px dashed #000; }
.ribbon-1 .badge-dashed-line:after, .ribbon-1-bt .badge-dashed-line:after, 
.ribbon-2 .badge-dashed-line:after, .ribbon-2-bt .badge-dashed-line:after,
.ribbon-3 .badge-dashed-line:after, .ribbon-3-bt .badge-dashed-line:after { content: ''; height: 110%; right: 3px; top: 0; position: absolute; border-right: 1px dashed #000; }
.ribbon-1 .badge-dashed-line, .ribbon-1-bt .badge-dashed-line, 
.ribbon-2 .badge-dashed-line, .ribbon-2-bt .badge-dashed-line,
.ribbon-3 .badge-dashed-line, .ribbon-3-bt .badge-dashed-line { width: 100%; height: 100%; display: block; margin: auto; position: relative; overflow: hidden; }
.ribbon-1:before { content: ""; position: absolute; bottom: -20px; left: 0; width: 0; height: 0; border-top: 20px solid #990000; border-right: 35px solid transparent; }
.ribbon-1:after { content: ""; position: absolute; bottom: -20px; right: 0; width: 0; height: 0; border-top: 20px solid #990000; border-left: 35px solid transparent; }
.ribbon-1 .badge-text-block, .ribbon-1-bt .badge-text-block,
.ribbon-2 .badge-text-block, .ribbon-2-bt .badge-text-block,
.ribbon-3 .badge-text-block, .ribbon-3-bt .badge-text-block { top: 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: relative; }
.ribbon-3 .badge-text-block, .ribbon-3-bt .badge-text-block { padding: 0 5px; }

.ribbon-1-bt,
.ribbon-2-bt,
.ribbon-3-bt { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.ribbon-1-bt:before, 
.ribbon-2-bt:before { content: ""; position: absolute; top: -20px; left: 0; width: 0; height: 0; border-right: 35px solid transparent; border-bottom: 20px solid #990000; }
.ribbon-1-bt:after{ content: ""; position: absolute; top: -20px; right: 0; width: 0; height: 0; border-bottom: 20px solid #990000; border-left: 35px solid transparent; }

.ribbon-1-rl, .ribbon-1-lr,
.ribbon-2-rl, .ribbon-2-lr,
.ribbon-3-rl, .ribbon-3-lr { background: #ff0000; width: 140px; padding: 0; height: 70px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;  }
.ribbon-1-rl .badge-dashed-line, .ribbon-1-lr .badge-dashed-line,
.ribbon-2-rl .badge-dashed-line, .ribbon-2-lr .badge-dashed-line, 
.ribbon-3-rl .badge-dashed-line, .ribbon-3-lr .badge-dashed-line, .ribbon-5 .badge-dashed-line { overflow: hidden; position: relative; height: 100%; display: block; }
.ribbon-1-rl .badge-dashed-line:before, .ribbon-1-lr .badge-dashed-line:before,
.ribbon-2-rl .badge-dashed-line:before, .ribbon-2-lr .badge-dashed-line:before,
.ribbon-3-rl .badge-dashed-line:before, .ribbon-3-lr .badge-dashed-line:before,
.ribbon-5 .badge-dashed-line:before, .ribbon-5 .badge-dashed-line:before { content: ''; width: 110%; top: 3px; right: 0; position: absolute; border-top: 1px dashed #000; }
.ribbon-1-rl .badge-dashed-line:after, .ribbon-1-lr .badge-dashed-line:after,
.ribbon-2-rl .badge-dashed-line:after, .ribbon-2-lr .badge-dashed-line:after,
.ribbon-3-rl .badge-dashed-line:after, .ribbon-3-lr .badge-dashed-line:after,
.ribbon-5 .badge-dashed-line:after, .ribbon-5 .badge-dashed-line:after { content: ''; width: 110%; bottom: 3px; right: 0; position: absolute; border-top: 1px dashed #000; }
.ribbon-1-rl:before,
.ribbon-2-rl:before { content: ''; position: absolute; left: -20px; top: 0; width: 0; height: 0; border-right: 20px solid #ff0000; border-bottom: 35px solid transparent; }
.ribbon-1-rl:after { content: ''; position: absolute; left: -20px; bottom: 0; width: 0; height: 0; border-top: 35px solid transparent; border-right: 20px solid #ff0000; }
.ribbon-1-rl .badge-text-block, .ribbon-1-lr .badge-text-block,
.ribbon-2-rl .badge-text-block, .ribbon-2-lr .badge-text-block,
.ribbon-3 .badge-text-block, .ribbon-3-rl .badge-text-block, .ribbon-3-lr .badge-text-block,
.ribbon-5 .badge-text-block { top: 50%; position: relative; }

.ribbon-1-lr,
.ribbon-2-lr,
.ribbon-3-lr { border-top-left-radius: 2px; border-bottom-left-radius: 2px;  }
.ribbon-1-lr:before,
.ribbon-2-lr:before { content: ''; position: absolute; right: -20px; top: 0; width: 0; height: 0; border-bottom: 35px solid transparent; border-left: 20px solid #ff0000; }
.ribbon-1-lr:after { content: ''; position: absolute; right: -20px; bottom: 0; width: 0; height: 0; border-top: 35px solid transparent; border-left: 20px solid #ff0000; }

.ribbon-2:before { content: ""; position: absolute; bottom: -20px; left: 0; width: 0; height: 0; border-top: 20px solid #990000; border-right: 35px solid transparent;  border-left: 35px solid transparent; }

.ribbon-4, .ribbon-4-tr, .ribbon-4-tl { top: -6px; }
.ribbon-4.without-tail, .ribbon-4-tr.without-tail, .ribbon-4-tl.without-tail { top: -1px; }
.ribbon-4-bl, .ribbon-4-br { bottom: -6px; }
.ribbon-4-bl.without-tail, .ribbon-4-br.without-tail { bottom: -1px; }
.ribbon-4, .ribbon-4-tr, .ribbon-4-br { right: -5px; }
.ribbon-4.without-tail, .ribbon-4-tr.without-tail, .ribbon-4-br.without-tail { right: -1px; }
.ribbon-4-tl, .ribbon-4-bl { left: -5px; }
.ribbon-4-tl.without-tail, .ribbon-4-bl.without-tail { left: -1px; }
.ribbon-4, .ribbon-4-tl, .ribbon-4-tr, .ribbon-4-bl, .ribbon-4-br { overflow: hidden; width: 75px; height: 75px; }
.ribbon-4 .badge-text-block, 
.ribbon-4-tr .badge-text-block,
.ribbon-4-tl .badge-text-block,
.ribbon-4-bl .badge-text-block,
.ribbon-4-br .badge-text-block { line-height: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); width: 100px; background: #ff0000; background: -moz-linear-gradient(top, #ff0000 0%, #990000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #990000 100%); background: -o-linear-gradient(top, #ff0000 0%, #990000 100%); background: -webkit-linear-gradient(top, #ff0000 0%,#990000 100%); background: linear-gradient(to bottom, #ff0000 0%,#990000 100%); -webkit-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); -moz-box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 18px; right: -22px; } 
.ribbon-4-tl .badge-text-block { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.ribbon-4-bl .badge-text-block { transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); top: inherit; right: inherit; }
.ribbon-4-br .badge-text-block { transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); top: inherit; }
.ribbon-4-bl .badge-text-block span, .ribbon-4-br .badge-text-block span { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.ribbon-4 .badge-text-block::before, 
.ribbon-4-tr .badge-text-block::before,
.ribbon-4-tl .badge-text-block::before,
.ribbon-4-bl .badge-text-block::before,
.ribbon-4-br .badge-text-block::before { content: ""; position: absolute; left: 0; top: 100%; z-index: -1; border: 3px solid #8F0808; border-right-color: transparent; border-bottom-color: transparent; }
.ribbon-4 .badge-text-block::after, 
.ribbon-4-tr .badge-text-block::after,
.ribbon-4-tl .badge-text-block::after,
.ribbon-4-bl .badge-text-block::after,
.ribbon-4-br .badge-text-block::after { content: ""; position: absolute; right: 0; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right-width: 3px; border-right-style: solid; border-right-color: #8F0808; border-bottom: 3px solid transparent; border-top-width: 3px; border-top-style: solid; border-top-color: #8F0808; }

.ribbon-5 { width: 140px; height: 70px; }
.ribbon-5 .autobadge-pl-tail { display: none; }
.ribbon-5.with-tail .autobadge-pl-tail { display: block; }