/*spoil for feateres products*/ 
.spoil-button{ min-height:1.25em; padding: 0.625em 0.625em 0.625em 1.875em; color: #095197; background: #ddd; border: solid 1px #ddd; text-align: left; border-radius: 3px; cursor:pointer; position:relative; letter-spacing: 2px; text-overflow: ellipsis; }
#main .spoil .spoil-button h4{ font-weight: 600; margin-top: 0; color: #095197; margin-bottom: 0;}
.spoil-button:hover{box-shadow:inset 0 0 3px #ffd800;}
.spoil-button:before, .spoil-button:after{ content:''; width:0.625em; height:2px; background-color:#095197; position: absolute; top:1.5625em; transition: all 0.3s ease 0s; }
.spoil-button:before{ transform: rotate(40deg); left:0.3125em; }
.spoil-button:after{ transform: rotate(-40deg); left:0.75em; }
.spoil-button.active:before, .spoil-button.active:after{ background-color:#555; }
.spoil-button.active:before{ transform: rotate(-40deg); }
.spoil-button.active:after{ transform: rotate(40deg); }
#main .spoil-button.active{background: #ccc;}
#main .spoil-button.active h4{color:#555;}
.spoil{ margin: 1em 0 0 0; background:#eef; border:1px solid #c3c3c3; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;}
.sp_text{ padding:1em 0.625em 0.625em 0.625em; display:none; }
.spoil .sp_top{background:rgba(195,195,195,0.5); border-bottom:1px solid #c3c3c3;}
