.chabotSlider{
	height:100%;
	display:block;
	overflow:hidden;
}
.chabotSlider .inner{
	height:100%;
	display:block;
	white-space: nowrap;
}
.chabotSlider .inner .nameTag{
	position:absolute;
	left:400px;
	bottom:30px;
	z-index:15;
	background-color:#dddddd;
	background-color:rgba(21, 21, 21, 0.5);
	color:#FFFFFF;
	border: none;
	padding:3px 10px;
	font-size:120%;
	display:none;
}
.chabotSlider .inner .slideMenu{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:10;
	width:100%;
	height:20px;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.6);
	color: #FFFFFF;
	padding-top:5px;
}
.chabotSlider .inner .slideContent{}
.chabotSlider .inner .slideContent .cloneLeft,
.chabotSlider .inner .slideContent .cloneRight{
	display:inline-block;
	white-space: nowrap;
}
.chabotSlider .inner .slideContent .arrowLeft,
.chabotSlider .inner .slideContent .arrowRight{
	position:absolute;
	top: 170px;
	width:50px;
	margin:0px;
	padding:0px;
	z-index:1;
	display:inline;
	cursor:pointer;
	font-family: "InterstateExtraLightRegular",Helvetica,Verdana,Arial,'\5FAE\8F6F\96C5\9ED1';
	font-weight:bold;
	font-size: 150px;
	color: rgba(255,255,255,0.4);
	background-color: transparent;
}
.chabotSlider .inner .slideContent .arrowLeft:hover,
.chabotSlider .inner .slideContent .arrowRight:hover{
	color:#FFFFFF;
}
.chabotSlider .inner .slideContent .arrowLeft{
	left: 30px;
	text-align:left;
}
.chabotSlider .inner .slideContent .arrowRight{
	right: 30px;
	text-align:right;
}


.chabotSlider .inner .slideMenu a{
	color: #FFFFFF;
	text-decoration:none;
	margin-left:10px;
	margin-right:10px;
	filter:alpha(Opacity=50, Style=0);/*for ie*/ 
	-moz-opacity:0.5;/* Moz + FF */ 
	opacity: 0.5;/* CSS3的標準語法，FOR支援CSS3的瀏覽器（FF 1.5）*/
}
.chabotSlider .inner .slideMenu a:hover{
	filter:alpha(Opacity=100, Style=0);/*for ie*/ 
	-moz-opacity:1;/* Moz + FF */ 
	opacity: 1;/* CSS3的標準語法，FOR支援CSS3的瀏覽器（FF 1.5）*/

}
.chabotSlider .slideEle{
	position:relative;
	display:inline-block;
	white-space: nowrap;
	height: 479px; /* default height for element */
	overflow:hidden; /* fix : slideEle off position at onload */
}
.chabotSlider .slideEle .line{
	position: absolute;
	z-index:1;
	width:18px;
	height:100%;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.6);
}
.chabotSlider .slideEle span{
	/* position:absolute; */
	display:block;
	overflow:hidden;
	height:100%;
}





#slide_products{
	position:relative;
	width:396px;
	height:146px;
	background:#000 url(../images/products/slide_bg.jpg) repeat-x left bottom;
	overflow:hidden;
	display:block;
	
}
#armagnacs_slide,
.imageSlide{
	position:relative;
	width:790px;
	height:365px;
	overflow-x:auto;
	overflow-y:hidden;
	display:block;
}
#armagnacs_slide .fix,
#slide_products .fix,
.imageSlide .fix{
	width:10000px;
	height:146px;
}
#armagnacs_slide ul,
#slide_products ul,
.imageSlide ul{
	list-style:none;
	display:table;
	padding:0;
	margin:0;
	text-align:left;
}
#armagnacs_slide li,
#slide_products li,
.imageSlide li{
	margin:0px;
	padding:0px;
	display:table-cell;
	vertical-align:middle;
}
#slide_products .leftHandle,
#slide_products .rightHandle,
.imageSlide .leftHandle,
.imageSlide .rightHandle{
	height:146px;
	background-color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.8);
	font-size: 20px;
	position:absolute;
	width:25px;
	z-index:2;
	line-height: 135px;
	text-align: center;
	cursor: pointer;
}
#slide_products .leftHandle,
.imageSlide .leftHandle{
	top:0px;
	left:0px;
}
#slide_products .rightHandle,
.imageSlide .rightHandle{
	bottom:0px;
	right:0px;
}

/**********************
	armagnacs slide
**********************/
#armagnacs_slide,
.imageSlide{
	margin:0px;
	padding:0px;
	height:365px;
	display:block;
}
#armagnacs_bottom_bg{
	height:372px;
	margin:0px;
	padding:0px;
	display:block;
}
.imageSlidePanel{
	padding:10px 5px;
	height: 74px;
	text-align:center;
}
.imageSlidePanel .imgbtn{
	float:left;
	width:61px;
	height:61px;
	margin:0px 5px;
	padding:0px;
	display:block;
	cursor:pointer;
	border:4px transparent solid;
}
.imageSlidePanel .imgbtn:hover{
	border-color: #333333;
}
.imageSlidePanel .imgbtn.selected{
	border-color: #555555;
}
/**********************
	Tasting Notes
**********************/
.tastNotes{
	margin-top: 1em;
	line-height:30px;
}
.tastNotes .label{
	width:100px;
	float:left;
	clear:left;
	display:block;
}
.tastNotes .track{
	position:relative;
	float:left;
	clear:right;
	width:100px;
	height:12px;
	margin: 1em 0px;
	display:block;
	background: transparent url(../images/tastnotes_track.gif) left center no-repeat;
}
.tastNotes .track .level{
	position:absolute;
	top:0px;
	width:10px;
	height:100%;
	z-index:2;
	background: transparent url(../images/smenu_0.gif) center center no-repeat;
}

.tastNotes .track .level.lv1{ left:0%; }
.tastNotes .track .level.lv2{ left:10%; }
.tastNotes .track .level.lv3{ left:20%; }
.tastNotes .track .level.lv4{ left:30%; }
.tastNotes .track .level.lv5{ left:40%; }
.tastNotes .track .level.lv6{ left:50%; }
.tastNotes .track .level.lv7{ left:60%; }
.tastNotes .track .level.lv8{ left:70%; }
.tastNotes .track .level.lv9{ left:80%; }
.tastNotes .track .level.lv10{ left:90%; }