.img-wrapper {width:100%;position:relative;margin-top:3px;}.ribbon-wrapper {width:85px;height:88px;overflow:hidden;position:absolute;top:-3px;right:-3px;}.ribbon {cursor:default;font:bold 15px Sans-Serif;text-align:center;transform:rotate(45deg);box-shadow:0 0 3px rgba(0,0,0,0.3);position:relative;padding:7px 0;left:-5px;top:15px;width:120px;}.ribbon:before, .ribbon:after {content:"";border-left:3px solid transparent;border-right:3px solid transparent;position:absolute;bottom:-3px;}.ribbon:before {left:0;}.ribbon:after {right:0;}.ribbon-FFFF00 {background-color:#FFFF00;background-image:linear-gradient(to bottom,#FFFF00,#BFBF00);color:#000000;text-shadow:1px 1px #ffffff;}.ribbon-FFFF00:before, .ribbon-FFFF00:after {border-top:3px solid #999900;}.ribbon-CC3300 {background-color:#CC3300;background-image:linear-gradient(to bottom,#CC3300,#D96640);color:#ffffff;text-shadow:1px 1px #000000;}.ribbon-CC3300:before, .ribbon-CC3300:after {border-top:3px solid #AE5233;}