/* CSS Document */
#mobile_image {
	/*border:2px solid #e3e0db;
	border-radius:5px;*/
	width:90%;
	margin:10px 0;
}

#mob-slider {
	background: transparent;
	text-align: center;
	margin: 0px auto;
	max-width: 100%;
	width: auto;
	padding: 0;
	max-height:350px;
}

#mob-slides {
	position:relative;
}

#mob-slider input {
	display: none;
}

#mob-slide1:checked ~ #mob-slides .mob-inner { margin-left:0; }
#mob-slide2:checked ~ #mob-slides .mob-inner { margin-left:-100%; }
#mob-slide3:checked ~ #mob-slides .mob-inner { margin-left:-200%; }
#mob-slide4:checked ~ #mob-slides .mob-inner { margin-left:-300%; }
#mob-slide5:checked ~ #mob-slides .mob-inner { margin-left:-400%; }
#mob-slide6:checked ~ #mob-slides .mob-inner { margin-left:-500%; }
#mob-slide7:checked ~ #mob-slides .mob-inner { margin-left:-600%; }
#mob-slide8:checked ~ #mob-slides .mob-inner { margin-left:-700%; }
#mob-slide9:checked ~ #mob-slides .mob-inner { margin-left:-800%; }
#mob-slide10:checked ~ #mob-slides .mob-inner { margin-left:-900%; }

#mob-overflow {
	width: 100%;
	overflow: hidden;
}

#mob-slides .mob-inner {
	width: 1000%;
	line-height: 0;
}

#mob-slides div ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#mob-slides div ul li{
	width: 10%;
	float: left;
	height:350px;
	position:relative;
}

#mob-slides div ul li img{
	/*width:100%;*/
	height:auto;
	max-width:100%;
	max-height:350px;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
}

#mob-slides #mob-controls label { 
	display: none;
	width:25px;
	height:80px;
	position:absolute;
	top:0px;
	bottom:0px;
	margin:auto;
	cursor: pointer;
	text-decoration: none;
}

#mob-slide1:checked ~ #mob-slides #mob-controls label:nth-child(2), 
#mob-slide2:checked ~ #mob-slides #mob-controls label:nth-child(3), 
#mob-slide3:checked ~ #mob-slides #mob-controls label:nth-child(4), 
#mob-slide4:checked ~ #mob-slides #mob-controls label:nth-child(5), 
#mob-slide5:checked ~ #mob-slides #mob-controls label:nth-child(6),
#mob-slide6:checked ~ #mob-slides #mob-controls label:nth-child(7),
#mob-slide7:checked ~ #mob-slides #mob-controls label:nth-child(8),
#mob-slide8:checked ~ #mob-slides #mob-controls label:nth-child(9),
#mob-slide9:checked ~ #mob-slides #mob-controls label:nth-child(10),
#mob-slide10:checked ~ #mob-slides #mob-controls label:nth-child(1) {
	background: url('mob_arrow_right.png') no-repeat center top;
	display: block;
	float: right;
	right:-25px;
}
#mob-slide1:checked ~ #mob-slides #mob-controls label:nth-child(2):hover, 
#mob-slide2:checked ~ #mob-slides #mob-controls label:nth-child(3):hover, 
#mob-slide3:checked ~ #mob-slides #mob-controls label:nth-child(4):hover,
#mob-slide4:checked ~ #mob-slides #mob-controls label:nth-child(5):hover,
#mob-slide5:checked ~ #mob-slides #mob-controls label:nth-child(6):hover,
#mob-slide6:checked ~ #mob-slides #mob-controls label:nth-child(7):hover,
#mob-slide7:checked ~ #mob-slides #mob-controls label:nth-child(8):hover,
#mob-slide8:checked ~ #mob-slides #mob-controls label:nth-child(9):hover,
#mob-slide9:checked ~ #mob-slides #mob-controls label:nth-child(10):hover,
#mob-slide10:checked ~ #mob-slides #mob-controls label:nth-child(1):hover {
	background: url('mob_arrow_right.png') no-repeat center top;
}

#mob-slide1:checked ~ #mob-slides #mob-controls label:nth-child(10), 
#mob-slide2:checked ~ #mob-slides #mob-controls label:nth-child(1), 
#mob-slide3:checked ~ #mob-slides #mob-controls label:nth-child(2), 
#mob-slide4:checked ~ #mob-slides #mob-controls label:nth-child(3), 
#mob-slide5:checked ~ #mob-slides #mob-controls label:nth-child(4),
#mob-slide6:checked ~ #mob-slides #mob-controls label:nth-child(5),
#mob-slide7:checked ~ #mob-slides #mob-controls label:nth-child(6),
#mob-slide8:checked ~ #mob-slides #mob-controls label:nth-child(7),
#mob-slide9:checked ~ #mob-slides #mob-controls label:nth-child(8),
#mob-slide10:checked ~ #mob-slides #mob-controls label:nth-child(9){
	background: url('mob_arrow_left.png') no-repeat center top;
	display: block;
	float: left;
	left:-25px;
}
#mob-slide1:checked ~ #mob-slides #mob-controls label:nth-child(10):hover, 
#mob-slide2:checked ~ #mob-slides #mob-controls label:nth-child(1):hover, 
#mob-slide3:checked ~ #mob-slides #mob-controls label:nth-child(2):hover,
#mob-slide4:checked ~ #mob-slides #mob-controls label:nth-child(3):hover,
#mob-slide5:checked ~ #mob-slides #mob-controls label:nth-child(4):hover,
#mob-slide6:checked ~ #mob-slides #mob-controls label:nth-child(5):hover,
#mob-slide7:checked ~ #mob-slides #mob-controls label:nth-child(6):hover,
#mob-slide8:checked ~ #mob-slides #mob-controls label:nth-child(7):hover,
#mob-slide9:checked ~ #mob-slides #mob-controls label:nth-child(8):hover,
#mob-slide10:checked ~ #mob-slides #mob-controls label:nth-child(9):hover{
	background: url('mob_arrow_left.png') no-repeat center top;
}

#mob-slides ul li[rel=""], #mob-slides label[rel=""],
#mob-slides ul li[rel="$$PRODUCTMAINIMAGE$$"], #mob-slides label[rel="$$PRODUCTMAINIMAGE$$"],
#mob-slides ul li[rel="$$PRODUCTIMAGE2$$"], #mob-slides label[rel="$$PRODUCTIMAGE2$$"],
#mob-slides ul li[rel="$$PRODUCTIMAGE3$$"], #mob-slides label[rel="$$PRODUCTIMAGE3$$"],
#mob-slides ul li[rel="$$PRODUCTIMAGE4$$"], #mob-slides label[rel="$$PRODUCTIMAGE4$$"],
#mob-slides ul li[rel="$$PRODUCTIMAGE5$$"], #mob-slides label[rel="$$PRODUCTIMAGE5$$"],
#mob-slides ul li[rel="$$PRODUCTIMAGE6$$"], #mob-slides label[rel="$$PRODUCTIMAGE6$$"],
#mob-slides ul li[rel="$$PRODUCTIMAGE7$$"], #mob-slides label[rel="$$PRODUCTIMAGE7$$"],
#mob-slides ul li[rel="$$PRODUCTIMAGE8$$"], #mob-slides label[rel="$$PRODUCTIMAGE8$$"],
#mob-slides ul li[rel="$$PRODUCTIMAGE9$$"], #mob-slides label[rel="$$PRODUCTIMAGE9$$"],
#mob-slides ul li[rel="$$PRODUCTIMAGE10$$"], #mob-slides label[rel="$$PRODUCTIMAGE10$$"]{
	display:none !important;
}

/* Animation */

#mob-slides .mob-inner {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
	
	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#mob-slider {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#mob-controls label{
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}