/* 
    Created on : 31/07/2014, 9:05:51 AM
    Description: Implementation default, if not disabled in theme
*/
.swatchesCon.list .swatch{
    float: left;
}
.swatchesCon.postSwatch{
    clear: both;
}

/*.swatchesCon.list .swatch.disabled .text{
    text-decoration: line-through;
}*/

/*.swatchesCon.list .swatch.available:hover img,
.swatchesCon.list .swatch.available:hover .text{
    border-color: lightgray !important;
}*/

/*.swatchesCon.list .swatch.selected .text,
.swatchesCon.list .swatch.selected img.lonely,
.swatchesCon.list .swatch.selected img.normal{
    border-color: grey;
}*/

.swatchesCon.list .image.lonely.disabled,
.swatchesCon.list .swatch.disabled .image.lonely{
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}
.swatchesCon.list .swatch.disabled .text{
    border: 1px solid #f0f0f0;
    background-color: #f0f0f0;
    color: #ccc;
}

.swatchesCon.list .swatch{
    height: 35px;
    display: block;
    position: relative;
    margin: 0 8px 8px 0;
}

.swatchesCon.list .swatch .image{
    width: 35px;
}

.swatchesCon.list .swatch .text{
    border: 1px solid #ccc;
    display: inline-block;
    height: 33px;
    line-height: 35px;
    min-width: 23px;
    padding: 0 5px;
    text-align: center;
}


.swatchesCon.list .swatch.selected .border,
.swatchesCon.list .swatch.available:hover .border{
    border: 4px solid lightgray;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
}

.magento-content .swatchesCon.list .swatch.selected .border,
.magento-content .swatchesCon.list .swatch.available:hover .border{
    height: 27px !important;
    width: 27px !important;
}

.swatchesCon.list .swatch.selected .text,
.swatchesCon.list .swatch.available:hover .text{
    border: 4px solid #ccc;
    color: #000;
    height: 27px;
    line-height: 29px;
    padding: 0 2px;
}


.swatchesCon.list .previewCon.available img.unavailable{
    display: none;
}

.swatchesCon.list .previewCon.disabled img.normal{
    display: none;
}