.productcard-wrapper{
    width:100%;
    float:left;
    margin-top:25px;
}
.productcard-wrapper .productcard{
    float:left;
    padding:0.8%;
    position:relative;
    margin-bottom:30px;
}
.productcard-wrapper-3:after{
    content: "";
    display: table;
    clear: both;
}
.productcard-wrapper-3 .productcard{
    width:33%;
}
.productcard-wrapper-2{
    width:100%;
    float:left;
    margin-left:8%;
}
.productcard-wrapper-1{
    width:100%;
    float:none;
}
.productcard-wrapper-1 .productcard{
    width:33%;
    margin: 0 auto;
    float:none;
    margin-bottom:25px;
}
.productcard-wrapper-1.align-left{
    width:33%;
    float:left;
    margin-right:5%;
}
.productcard-wrapper-1.align-left .productcard{
    width:100%;
}
.productcard-wrapper-1.align-right{
    width:33%;
    float:right;
    margin-left:5%;
}
.productcard-wrapper-1.align-right .productcard{
    width:100%;
}
.productcard-wrapper-2 .productcard{
    width:33%;
    margin-left:5%;
    margin-right:5%;
}


.productcard-wrapper .productcard:hover .productcard-availability{
    border-color: #3cade7;
}
.productcard-wrapper .productcard .product-link{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}
.productcard-wrapper .productcard .productcard-image{
    text-align:center;
}
.productcard-wrapper .productcard .productcard-name a{
    font: 100%/1.5 'Open Sans', sans-serif;
    color:#000;
    font-size:12px;
    margin:15px 0 10px 0;
    display:block;
    height:60px;
}
.productcard-wrapper .productcard .price-box{
    height:32px;
}
.productcard-wrapper .productcard .price-box strong{
    font-weight:normal;
}
.productcard-wrapper .productcard .productcard-oldprice{
    text-decoration: line-through;
    color: #e51937;
    font-size: 0.75em;
    text-align:center;
    line-height:16px;
}
.productcard-wrapper .productcard .productcard-specialprice{
    color:#666;
    font-size:14px;
    text-align:center;
}
.productcard-wrapper .productcard .productcard-regularprice{
    color:#666;
    font-size:14px;
    text-align:center;
    padding-top:10px;
}
.productcard-wrapper .productcard .productcard-button{
    text-align:center;
    text-transform:uppercase;
    cursor:pointer;
    margin:10px 0 15px 0;
    display:block;
    position:relative;
    z-index:10;
    padding:10px 23px;
    background:#3cade7;
    color:#fff;
    font-size: 14px;
    line-height: 14px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-sizing:border-box;
    border:1px solid #3cade7;
}
.productcard-wrapper .productcard .productcard-button:hover{
    background:#fff;
    color:#3cade7;
    border:1px solid #3cade7;
    box-sizing:border-box;
    text-decoration: none;
}
.productcard-wrapper .productcard .productcard-availability{
    border-top: 1px solid #e2e2e2;
    padding-top:15px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.productcard-wrapper .productcard .productcard-availability .availability-icon{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    top: 1px;
    margin-right: 6px;
}
.productcard-wrapper .productcard .productcard-availability.out-of-stock .availability-icon{
    background-color: #e63852;
}
.productcard-wrapper .productcard .productcard-availability.in-stock .availability-icon{
    background-color: #96e264;
}
.productcard-wrapper .productcard .productcard-availability span{
    font-size:0.75em;
    color:#666;
}
.productcard-wrapper .productcard .productcard-availability .where-in-stock{
    font-size:0.75em;
    color:#666;
    position:relative;
    z-index:10;
}
.productcard-wrapper .productcard .productcard-availability .where-in-stock:before{
    content: "|";
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: 3px;
}
.productcard-wrapper .productcard .productcard-availability .where-in-stock:hover{
    color:#3cade7;
    text-decoration:none;
}

@media(max-width:479px){
    .productcard-wrapper .productcard{
        width:100%;
        margin:0;
        margin-bottom:40px;
    }
    .productcard-wrapper{
        margin:0;
        margin-top:25px;
    }
    .productcard-wrapper-1.align-left, .productcard-wrapper-1.align-right{
        width:100%;
    }
}


.config-option-wrapper{
    float:left;
    width:100%;
    margin-top:-20px;
    position:relative;
    z-index:999;
}

.color{
    width:15px;
    height:15px;
    float:left;
    border:none;
    margin-right:5px;
    margin-bottom:5px;
}

.color p{
    width:15px;
    height:15px;
    margin-bottom:5px;
    padding:0;
}

.color .option { background-color: #edf0f2; }
.color .option-84 { background-color: #767578; } /* gray */
.color .option-86 { background-color: #000; } /* black */
.color .option-87 { background-color: #b51824; } /* red */
.color .option-88 { background-color: #9EE377; } /* green */
.color .option-89 { background-color: #EFED36; } /* yellow */
.color .option-90 { background-color: #8c704f; } /* brown */
.color .option-91 { background-color: #23B4E1; } /* blue */
.color .option-92 { background-color: #fff; border: 1px solid #ccc; } /* white */
.color .option-93 { background-color: #F38B8F; } /* pink */
.color .option-312 { background-color: #C3C3C3; } /* silver */
.color .option-319 { background-color: #C090BC; } /* purple */
.color .option-333 { background-color: #cebda5; } /* beige */
.color .option-540 { background-color: #fff; border: 1px solid #ccc; } /* transparent */
.color .option-799 { background-color: #DECEBD; } /* gold */
.color .option-802 { background-color: #767578; } /* space gray */
.color .option-1002 { background-color: #fff; border: 1px solid #ccc; } /* matte white */
.color .option-1003 { background-color: #2ca894; } /* matte teal */
.color .option-1004 { background-color: #46bbcb; } /* matte light blue */
.color .option-1005 { background-color: #bc312d; } /* matte red */
.color .option-1006 { background-color: #520eb1; } /* matte purple */
.color .option-1007 { background-color: #db1b5b; } /* matte pink */
.color .option-1008 { background-color: #059050; } /* matte green */
.color .option-1009 { background-color: #0b74cd; } /* matte blue */
.color .option-1010 { background-color: #000; } /* matte black */
.color .option-1011 { background-color: #e9b4c0; } /* nicki pink */
.color .option-1026 { background-color: #0bcfc3; } /* turquoise */
.color .option-1027 { background-color: #f00; } /* bright red */
.color .option-1028 { background-color: #b51824; } /* dark red */
.color .option-1029 { background-color: #80607d; } /* dark purple */
.color .option-1030 { background-color: #a3447a; } /* dark pink */
.color .option-1031 { background-color: #b28e24; } /* dark orange */
.color .option-1032 { background-color: #5a5a5a; } /* dark grey */
.color .option-1033 { background-color: #276006; } /* dark green */
.color .option-1034 { background-color: #573f23; } /* dark brown */
.color .option-1035 { background-color: #0c1097; } /* dark blue */
.color .option-1036 { background-color: #e5ace1; } /* light purple */
.color .option-1037 { background-color: #f1b0b2; } /* light pink */
.color .option-1038 { background-color: #e8c660; } /* light orange */
.color .option-1039 { background-color: #9b9b9b; } /* light grey */
.color .option-1040 { background-color: #8ee670; } /* light green */
.color .option-1041 { background-color: #bd9c74; } /* light brown */
.color .option-1042 { background-color: #75a7fd; } /* light blue */
.color .option-1043 { background-color: #fffff0; } /* ivory */


.children-wrapper{display:none;}

.option.selected {border:1px solid #3cade7;}
.option{cursor:pointer;}