/*--------------------------------------------------------
	promo
 ---------------------------------------------------------*/
#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: 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: 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;
			width: 85%;
			z-index: 10;
		}

		#promo .slide .visual{
			position:absolute;
			z-index: 1;

			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: 86%;
		}
}


/*--------------------------------------------------------
	lenses_nav
 ---------------------------------------------------------*/

#lenses_nav{
	height:110px;
	position: relative;
}
	#lenses_nav .tabs-container{
		margin:0;
		padding:0;
		display: block;
		height:110px;
		overflow: hidden;
		position: relative;
		z-index:100;
	}
	#lenses_nav .tabs-container .tabs-container-inner {
		margin:0;
		padding:0;
		background-color: #dedfe4;
		width: 100%;
		height: 110px;
	}
	#lenses_nav .tab{
		white-space: nowrap;
		width:auto;
		height: 90px;
		padding:20px 10px 5px 10px;
		background-color: #dedfe4;
		border-right: solid 1px #fff;
		text-align: center;
		position: absolute;
		top:0;
		-webkit-transition: background-color 0.15s ease-out;
		transition: background-color 0.15s ease-out;
		cursor: pointer;
		z-index:1;
	}
	#lenses_nav .tab.active{
		background-color: #fff;
		box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1);
		z-index:2;
	}
		#lenses_nav .tab:hover{
			background-color: #f3f4f6;
		}
		#lenses_nav .tab:hover.active{
			background-color: #fff;
		}
		#lenses_nav .tab-label{
			margin: -5px auto 10px auto;
			line-height: 1.3em;
			width: 100%;
			color: #212430;
		}
	#lenses_nav.fixed{
		position: relative;
		z-index: 100;
	}
		#lenses_nav.fixed .tabs-container{
			position: fixed;
			top:-70px;
			width:950px;
			height:70px;
			background-image: url("../../../images/products/common/navundershadow.png");
			background-position: 0 60px;
			background-repeat: no-repeat;
			overflow: hidden;
		}
		#lenses_nav.fixed .tabs-container.move{
			top:0;
			-webkit-transition-property: top;
			-webkit-transition-duration: 0.5s;
			-moz-transition-property: top;
			-moz-transition-duration: 0.5s;
			transition-property: top;
			transition-duration: 0.5s;
		}
		#lenses_nav.fixed .tabs-container .tabs-container-inner {
			width:950px;
			height:60px;
		}
		#lenses_nav.fixed .tab{
			height: 35px;
			letter-spacing: normal;
			display: block;
			float: left;
			position: static;
		}
		#lenses_nav.fixed .icon{
			display: none;
		}

#lenses_nav .icon{
	overflow: hidden;
	width: 50px;
	height: 50px;
	margin: 0 auto;
}

#lenses_nav .tab:hover .icon img,
#lenses_nav .tab.active .icon img{
	margin-top:-50px;
}
#lenses_nav .ghost-center {
	text-align: center;
}
#lenses .products_notes{
	width: auto;
	text-align: right;
}
#lenses .products_notes .notes{
	padding:10px 30px 14px 30px;
}
#lenses .products_notes .text_button{
	margin: 0 30px 0 0;
}

@media (max-width: 640px) {
	#lenses_nav{
		background-color: #dedfe4;
		height: auto;
	}
	#lenses_nav.fixed{
		background-color: #dedfe4;
		height: auto;
	}
		#lenses_nav .tabs-container{
			background-color: #fff;
			margin:0;
			padding:0;
			display: block;
			height:auto;
			overflow: visible;
			position: relative;
		}
		#lenses_nav.fixed .tabs-container{
			background-color: #fff;
			margin:0;
			padding:0;
			display: block;
			width: auto;
			height:auto;
			overflow: visible;
			position: relative;
		}
		#lenses_nav.fixed .tabs-container .tabs-container-inner{
			width: auto;
			height: auto;
		}
		#lenses_nav.fixed .tabs-container.move{
			top:auto;
			-webkit-transition-property: none;
			-webkit-transition-duration: none;
		}
		#lenses_nav .tabs-container .tabs-container-inner {
			background-color: #ffffff;
			height: auto;
		}
		#lenses_nav .tab{
			padding: 0;
			width: 49.9%;
			height: auto;
			white-space: normal;
			background-color: #fff;
			text-align: center;
			float: left;
			-webkit-transition: background-color 0.15s ease-out;
			transition: background-color 0.15s ease-out;
			cursor: pointer;
			z-index:1;
			position: relative;
			border-right: 1px solid #dedfe4;
			border-bottom: 1px solid #dedfe4;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		}
		#lenses_nav.fixed .tab{
			width: 50%;
			height: auto;
		}
		#lenses_nav .tab:nth-child(even){
			border-right: none;
		}
		#lenses_nav .tab.active{
			z-index:2;
			box-shadow: none;
		}
			#lenses_nav .tab:hover{
				background-color: #ffffff;
			}
			#lenses_nav .icon{
				vertical-align: middle;
				overflow: hidden;
				margin: 0 0 0 8px;
				display: inline-block;
			}
			#lenses_nav.fixed .icon{
				display: inline-block;
			}
			#lenses_nav .tab .ghost-center{
				width: 100%;
				vertical-align: middle;
				text-align: left;
				height: auto;
				padding: 7px 0;

				background-image: url(../../../images/common/navarrowunder.png);
				background-repeat: no-repeat;
				background-position: 96% center;
				background-size: 12px 6px;
			}
			#lenses_nav .tab-label{
				vertical-align: middle;
				margin: 0;
				padding-right: 15px;
				width: 65%;
				line-height: 1.3em;
				color: #212430;
				word-wrap: break-word;
				display: inline-block;
				font-size: 0.8125em;
			}
			#lenses_nav .tab:hover .icon img{
				margin-top:0;
			}
			#lenses_nav .tab.active .icon img{
				margin-top:-50px;
			}
	#lenses .products_notes{
		width: auto;
		text-align: left;
		background-color: #f3f3f5;
	}
	#lenses .products_notes .notes{
		padding:0 4.1% 14px;
	}
	#lenses .products_notes .text_button{
		float: none;
		margin: 30px 4.1% 20px 4.1%;
	}
}