#tmpl_main .sd_container{
	max-width: 950px;
	margin: 0 auto;
}

#promo{
	height: 400px;
	overflow: hidden;
	position: relative;
}
	#promo .scroll_viewer{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}

	#promo .headline{
		color: #fff;
		font-size: 1.125em;
		position: absolute;
		top:20px;
		left:25px;
		z-index: 10;
		margin: 0;
	}

	#promo .slide{
		position:absolute;
	}

	#promo .slide .slide_texts{
		position: absolute;
		left:70px;
		width: 800px;
		z-index: 10;
	}


	#promo .slide .visual{
		position:absolute;
		z-index: 1;
		width: 950px;
	}

	#promo .visual img {
		width: 100%;
	}

	#promo .left-btn{
		position: absolute;
		width: 45px;
		height: 85px;
		top: 159px;
		left: 20px;
		cursor: pointer;
		z-index: 10;
	}
	#promo .right-btn{
		position: absolute;
		width: 45px;
		height: 85px;
		top: 159px;
		right: 20px;
		cursor: pointer;
		z-index: 10;
	}

	#promo .thumbnail-area{
		top:372px;
	}



@media (max-width: 640px) {
	#promo{
		/* height: 200px; */
		height: auto;
		overflow: hidden;
		position: relative;
		background-color: #000;
	}
		#promo .scroll_viewer{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
		}
		#promo .headline{
			color: #fff;
			/*font-size: 112.5%;*/
			font-size: 1em;
			position: absolute;
			top:10px;
			left:15px;
			z-index: 10;
			margin: 0;
		}
		#promo .inner{
			top:0px;
			width: 100%;
			height: 100%;
		}
		#promo .slide{
			top:0px;
			width: 100%;
			height: 100%;
		}
		#promo .slide .slide_texts{
			position: absolute;
			/* left:60px; */
			/* left: 8%; *//*****************************0430*/
			width: 85%;/*****************************0430*/
			z-index: 10;
		}

		#promo .slide .visual{
			position:absolute;
			z-index: 1;
			/* width: 480px; */
			/* height: 200px; */
			width: 100%;
			height: auto;
		}

		#promo .visual img {
			width: 100%;
		}
		#promo .left-btn{
			width: 32px;
			height: 60px;
			top: 50%;
			left: 10px;
			margin: -30px 0 0 0;
		}
		#promo .right-btn{
			width: 32px;
			height: 60px;
			top: 50%;
			right: 10px;
			margin: -30px 0 0 0;
		}

		#promo .thumbnail-area{
			/* top:170px; */
			top: 86%;
		}
	

}

/*
load spinner
 */

#products .loadspinner{
	position: absolute;
	left: 50%;
	top: 160px;
	margin:0 0 0 -30px;
	width: 60px;
	height: 60px;
}
@media (max-width: 640px) {
	#products .loadspinner{
		position: absolute;
		top: auto;
		margin-top: 80px;
	}
}