/* CSS Document */
.pattern{background-repeat:repeat;background-position:left top;}
.pattern2{background-image:url(../images/pattern/pattern2.png);}
.pattern3{background-image:url(../images/pattern/pattern3.png);}
.pattern4{background-image:url(../images/pattern/pattern4.png);}
.pattern5{background-image:url(../images/pattern/pattern5.png);}
.pattern6{background-image:url(../images/pattern/pattern6.png);}
.pattern7{background-image:url(../images/pattern/pattern7.png);}
.pattern8{background-image:url(../images/pattern/pattern8.png);}
.pattern10{background-image:url(../images/pattern/pattern10.png);}

.pattern-wrap .pattern{
	height: 25px;
    margin: 0 5px 5px 0;
    width: 30px;
	
	float:left;
	cursor:pointer;
	text-indent:-999em;
	background-color: #ddd;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset,0 0 0 1px #fff;
	box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
.pattern:hover{}
/*.pattern.active{
	border: 1px solid rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(82, 168, 236, 0.6) !important;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(82, 168, 236, 0.6) !important;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(82, 168, 236, 0.6) !important;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(82, 168, 236, 0.6) !important;
}*/