/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 @CHARSET "UTF-8";

.woosticker{ position:absolute; background-image:url(../images/wli_label_sprite.png);background-repeat: no-repeat;color:transparent; text-indent: -9999px; z-index:99; }

.woosticker.pos_right{ right:0px; left:inherit; }
.woosticker.pos_left{ left:0px; top:0px; }
.woosticker.pos_right_detail{right: 52% ;}
.woosticker.pos_left_detail{left:0px ;}
ul li a span.woosticker.pos_right_detail{right:0px ;}
 
.woosticker.new_ribbon_left, .woosticker.onsale_ribbon_left, .woosticker.soldout_ribbon_left{ left:0px; top:0px; width: 56px; height: 54px; }
.woosticker.new_ribbon_right, .woosticker.onsale_ribbon_right, .woosticker.soldout_ribbon_right{ right:0px; top:0px; left:inherit; width: 56px; height: 54px;}
 
.woosticker.new_round_right, .woosticker.onsale_round_right, .woosticker.soldout_round_right{ right:0px; top:10px; left:inherit; width: 43px; height: 43px; }
.woosticker.new_round_left, .woosticker.onsale_round_left, .woosticker.soldout_round_left{ left: 10px !important; top: 10px !important; width: 43px; height: 43px;}
 
.woosticker.new_ribbon_left { background-position:-1px -1px; }
.woosticker.new_ribbon_right { background-position:-72px -1px; }
.woosticker.new_round_left, .woosticker.new_round_right { background-position:-2px -186px; } 
 
.woosticker.onsale_ribbon_left { background-position:-1px -63px; }
.woosticker.onsale_ribbon_right{ background-position:-72px -63px; }
.woosticker.onsale_round_left, .woosticker.onsale_round_right {background-position:-2px -234px;}
 
.woosticker.soldout_ribbon_left { background-position:-1px -123px; }
.woosticker.soldout_ribbon_right{background-position:-72px -123px;}
.woosticker.soldout_round_left, .woosticker.soldout_round_right {background-position:-2px -282px; height: 44px;}
 
.woosticker.custom_sticker_image{top: 0px; width: 54px; height:54px; border-style: none; background-size:54px auto; }

@media only screen and (max-width:767px){
	.woosticker.pos_right_detail{right:0px ; }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  
and (orientation : portrait) { 
	.woosticker.new_ribbon_right,
	.woosticker.onsale_ribbon_right,
	.woosticker.soldout_ribbon_right,
	.woosticker.new_round_right,
	.woosticker.onsale_round_right,
	.woosticker.soldout_round_right{ right:0px !important; }
}