@charset "UTF-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	color: #666;
	background-image: url("/EN/images/banners/black_BG-HOME.gif");
	background-position: 0 118px;
	background-repeat: repeat-x;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
body {
	background: none !important;
}

#nodeNEWProducts{ width: 114px; margin-left: 0px;}
#nodeHOTProducts{ width: 114px;}

/*<group=Spotlight>*/
.spotlightleft {
	margin: 10px 0px 13px 0px !important;
	color: #000000;
	float: left;           
}
.spotlight {
	margin: 10px 0px 10px 8px !important;
	color: #000000;
	float: left;
}

/*</group>*/

/* -----BILLBOARD CSS----- */
.pics {  
	height:  345px;
	width:   960px;
	background-color: none !IMPORTANT;
	padding: 0;
	margin:  0;
}

.pics div{
	position: relative;
	background-color: transparent;
}
.pics div div{
	position: absolute;
	background-color: none !IMPORTANT;
	left: 0px;
	top: 34px;
	width: 425px;
	font-size: 16px;
	line-height: 20px;
	color: #888;
}

.pics div div h2 {
	color: #000;
}

.pics div div ul {
	font-size: 14px;
	line-height: 18px;
	color: #888;
}

.bannerthumbleft {
	float: left;
	margin: 0 25px 100px 0;
	display: none; /* turn off thumbnail :( */
}

* html #billboardNav {top: 0px;}

#billboardContainer {
	position: relative; 
	width: 960px; 
	height: 345px;
	background-color: none !IMPORTANT;
	padding: 0px; 
	margin: 0;
	overflow:hidden;
}
#billboardNav {
	position: absolute;
	top: 14px;
	right: 10px; 
	z-index: 15; 
	padding: 0px; 
	margin: 0px; 
	vertical-align: top;
}
#billboardNav a {
	font-size: 9px; 
	line-height: 11px; 
	color: #FFFFFF; 
	background: #666666; 
	text-decoration: none; 
	margin: 0; 
	vertical-align: top; 
	padding: 0px 5px 0 5px;
}
#billboardNav a.activeSlide {
	color: #FFFFFF;
	background-color: #4b4b4b;
	background: none;
}
#billboardNav a:focus {
	color: #FFFFFF;
	outline: none;
}
@charset "UTF-8";
/* CSS Document */


/* -----SLIDER CSS----- */
.tabNavigation {
	position: relative;
	bottom: -4px;
	z-index: 9998;
	list-style: none;
	width: 963px;
	height: 28px;
	overflow: hidden;
	white-space: nowrap;
	padding: 0px;
	margin: 0px;
}

.tabNavigation li {
	float:left;
	margin:0 0.15em 0 0;
	background-image: url("/en/images/slider/tab_slider_off.gif");
	background-repeat: no-repeat;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	height: 20px;
	padding-top: 6px;
}

.tabNavigation li a {
	font-size: 11px;
	color: #999;
	text-decoration: none;
	outline: 0; 
}

.tabNavigation li.selected {
	background-image: url("/en/images/slider/tab_slider_on.gif");
	background-repeat: no-repeat;
}

.tabNavigation li a.selected {
	color: #333;
}

.productSlider {
	background: url("/en/images/slider/slider_bg.gif");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	height: 180px;
	width: 960px;
}
.productSlider ul {
	position: absolute;
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 5px 0 0 0;
}
.productSlider ul li a {
	color: #666;
	text-decoration: none;
}
.productSlider ul li {
    color: #666;
    font-size: 9px;
    line-height: 12px;
    height: 145px;
    /*width: 137px;*/
    padding: 0px;
    margin-left: 25px;
    margin-right: 25px;
    float:left;
    text-align: center;
}

.productSlider ul li br {
	margin: 0 0 5px 0;
}

.imagespace {/*for standard browsers*/
	display: table-cell;
	vertical-align:middle;
	text-align:center; 
	/* for IE6/7 */
	#display: block;
	#font-size: 100px;/*  400*0.905=362  */
	#font-family:"Times New Roman";  /*With Times New Roman, you can set the font-size to height*0.905*/
	/* width:125px; */
	height:120px;
}
.imagespace img { 
	vertical-align:middle;
}

.outerslider{
	width: 959px;
	position: absolute;
	bottom: 8px;
	height: 32px;
	left: 0px;
	background: url("/en/images/slider/slider_rail.gif") no-repeat;
	background-position: top;
	z-index: 1000;
}

.slider {
	position: absolute;
	bottom: 10px;
	left: 25px;
	width: 910px;
	height: 22px;
	background: transparent url("/en/images/slider/slider_rail_off.gif") no-repeat;
}

.slider:hover {
	background: url("/en/images/slider/slider_rail_ovr.gif") no-repeat;
}

.ui-slider-handle {
	position: absolute;
	cursor: move;
	height: 25px;
	width: 43px;
	top: -4px;
	margin-left: -21px;
	background: url("/en/images/slider/slider_knob.png") no-repeat;
	background-position: 0 0;
	/*margin-left: 3px;*/
	z-index: 9998;
}

.ui-slider-handle:hover {
	background-position: 0 -25px;
	
}

#tabs {
	height: 200px;
	position: relative;
}


div.tabs{
	overflow: hidden;
	height: 200px;
}

/* billboard height adjusted due overlapping issue in IE7 */

#navigation{
	height:108px;
}
html, body{
	background-position: 0 146px;
}

/*langbar overide for homepage */
#LangChange dt{
	background:url("/en/images/langbar/left-grey.png") no-repeat scroll left 0 transparent;
}

.dropdown dd ul li.last{
	background:url("/en/images/langbar/left-bottom-grey.png") no-repeat scroll left 0 transparent;
}

.dropdown dd ul li.last a{
	background:url("/en/images/langbar/right-bottom-grey.png") no-repeat scroll right 0px transparent;
}

.dropdown dt a{
	background:url("/en/images/langbar/right-grey.png") no-repeat scroll right 0px transparent;
}

.dropdown dd ul li{
	background-color: #EEEEEE;
}
/* end langbar */