.offer {float:left; width: 86%; position: relative; background: #C7B782;margin:5px 6% 10px 6%;text-align:center; /*border-radius:3px;*/ overflow:hidden}
.mP .offer {}
.offerHld {}
.offer img { float:left; width:100%}
.offer span span {}
.offer span.offer_name {color: #FFF; position:absolute; bottom:0; right:0; left:0; padding:10px; background:rgba(21, 31, 50, 0.7); font-size:18px; text-shadow:rgb(21, 31, 50)}
.offer span.offer_info { float:left; width:100%; padding:10px 0; color:#232850}
.offer span.offer_info strong { font-size: 20px; font-weight:normal;}
.oldPrice { text-decoration:line-through; color: #B40909; font-size: 14px!important;}


.offer:hover { background:#FFF; opacity:1!important}
.offer:hover span.offer_name { background:#FFF; color:rgb(21, 31, 50)}