#color-views {
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0;
}

#color-views-tooltip {
    margin-top: 1px;
    padding: 0;
    font-weight: bold;
}

#color-views ul {
    margin: 0;
    clear: both;
    height: 32px;
}

#color-views li {
    float: left;
    margin: 0;
    padding: 0;
}

#color-views img {
    padding: 2px;
    margin: 0;
    border: 1px solid #ffffff;
}

#color-views img.selected {
    padding: 2px;
    margin: 0;
    border: 1px solid #b6b6b6;
}

.color-views-browse {
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0;
}

.color-views-browse-tooltip {
    margin-top: 1px;
    padding: 0;
    font-weight: bold;
}

.color-views-browse ul {
    margin: 0;
    clear: both;
    height: 32px;
}

.color-views-browse li {
    float: left;
    margin: 0;
    padding: 0;
}

.color-views-browse img {
    padding: 2px;
    margin: 0;
    border: 1px solid #ffffff;
}

.color-views-browse img.selected {
    padding: 2px;
    margin: 0;
    border: 1px solid #b6b6b6;
}
.attribute-image{
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 4px;
    margin-top:10px;
}
.attribute-image button{
	position: relative;
	overflow: hidden;
	padding: 5px;
	border-radius: 0;
	border: none;
	background: #e3e0d9;
	font-size: 12px;
	padding: 8px 12px;
}
.list-color .attribute-image button,
.list-leather .attribute-image button{
	padding: 0;
	width: 40px;
	height: 40px;
	background: transparent;
}
.attribute-button {
    height: 30px;
    width: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 0.8em;
}

.attribute-button-text {
    margin: 0px;
    font-size: 0.8em;
}

.attribute-button-text[disabled]{background-color:#ccc; color: #999; text-decoration: line-through;}

.list-color .attribute-image button[disabled],
.list-leather .attribute-image button[disabled]{
	background: #eee;
}
.attribute-button-text[disabled] img{
	display: none;
}

.attribute-selected{
	position: relative;
}
.attribute-selected:after{
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	border: 1px solid rgba(255,255,255,0.5);
}
.list-lining .attribute-image button,
.list-gusset .attribute-image button{
    width: 173px !important;
    height: 50px;
}
.list-gusset .attribute-selected:after,
.list-lining .attribute-selected:after{
	border: 1px solid #fff;
}
.config-dropdown{
	display: none;
}
.select-lining.config-dropdown{
	display: block;
}
.list-lining.config-buttons{
	/*display: none;*/
}
.product-options .lightbox_guides{
	color: #ab1d2b;
}
.list-belt_size .attribute-image button,
.list-size .attribute-image button{
	background: none;
	border: 1px solid transparent;
	width: 25px;
	text-align: center;
	height: 25px;
	font-size: 14px;
    padding: 4px 0px;
}
.list-belt_size .attribute-image button.attribute-selected,
.list-size .attribute-image button.attribute-selected{
	border: 1px solid #ccc;	
}
.list-gusset .attribute-image button,
.list-lining .attribute-image button{
	width: 86px;
}
.list-gusset,
.list-lining,
.list-belt_size,
.list-size {
	margin: 8px 0;
}
.product-essential .config-buttons .price{
	font-size: 14px;
}

/* sample ones, the number is the code of the attribute value. Needs to be setup per site */
.color-10 {
    background-color: red;
}

.color-11 {
    background-color: green;
}

.color-12 {
    background-color: yellow;
}

.color-15 {
    background-color: black;
    color: white;
}

.color-16 {
    background-color: white;
}