/* @override http://marinelayer.dev/skin/frontend/default/marinelayer/css/colorcodes.css */

span.colorBox { background: #fff url(../images/color_bg.png);margin-right:3px; display: block; float: left; width:55px; height:56px; cursor: pointer; position: relative; }
span.colorBox.disabled { opacity: 0.3; cursor: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }

span.colorBox img { padding: 10px 0 0 9px; }

span.colorBox span { display: none; }
span.colorBox.active span { background: url(../images/color_active.png) right top no-repeat; display: block; height: 56px; position: absolute; top: 0px; left: 0px; width: 55px; }