@charset "UTF-8";

.none {
	display: none;
}

#customPhoto {
	width: 300px;
	height: 180px;
	position: relative;
	margin: 0 auto;
} 

#customColor {
	width: 300px;
	height: 180px;
	position: absolute;
	z-index: 1;
	background-size: 300px auto;
	background-repeat: no-repeat;
}

#customPhoto .color-blue {
	background-image: url(../../wallet/img/color-blue.jpg);
}

#customPhoto .color-gray {
	background-image: url(../../wallet/img/color-gray.jpg);
}

#customPhoto .color-pink {
	background-image: url(../../wallet/img/color-pink.jpg);
}



#customDesign {
	width: 300px;
	height: 180px;
	position: absolute;
	z-index: 2;
	background-size: 300px auto;
	background-repeat: no-repeat;
}


#customPhoto .design-1 {
	background-image: url(../../wallet/img/design-1.png);
}

#customPhoto .design-2 {
	background-image: url(../../wallet/img/design-2.png);
}

#customPhoto .design-3 {
	background-image: url(../../wallet/img/design-3.png);
}




#customPhoto2 {
	width: 300px;
	height: 150px;
	position: relative;
	margin: 0 auto;
} 

#customColor2 {
	width: 300px;
	height: 150px;
	position: absolute;
	z-index: 1;
	background-size: 300px auto;
	background-repeat: no-repeat;
}

#customPhoto2 .color-blue2 {
	background-image: url(../../wallet/img/color-blue2.jpg);
}

#customPhoto2 .color-gray2 {
	background-image: url(../../wallet/img/color-gray2.jpg);
}

#customPhoto2 .color-pink2 {
	background-image: url(../../wallet/img/color-pink2.jpg);
}