@charset "utf-8";
/********** banner *************/
.banner{width:950px;height:229px;overflow:hidden;position:relative;}
.slider{z-index:10;position:absolute;}
.slider img{width:950px;height:297px;}
.num{z-index:20;position:absolute;left:19px; bottom:10px;}
.num li{float:left;margin-right:14px;}
.num li.SlideMenuOut img{-moz-opacity:0.3; opacity: 0.3; filter: Alpha(Opacity=30);}
.num li.SlideMenuOn img{-moz-opacity:1; opacity: 1; filter: Alpha(Opacity=100);}
.banner img{display:block;}

.SlideMenuOver {FILTER: alpha(opacity=100); moz-opacity: 1}
.SlideMenuOut {FILTER: alpha(opacity=30); moz-opacity: 0.3}
.SlideMainRoll {FILTER: progid:DXImageTransform.Microsoft.Slide(slidestyle=SWAP,Bands=1); CURSOR: pointer}

/********* content ********/
.content{
	padding-top:2px;
	background-color:#fff;
	}
.title{
	height:25px;
	background:url(../images/titleBgR.gif) no-repeat right top;
	border-bottom:1px solid #fff;
	}
.title p{
	background:url(../images/titleBgL.gif) no-repeat left top;
	font-size:13px;
	color:#474747;
	padding:7px 0 0 28px;
	height:18px;
	}
.title a{ 
	color:#4e4e4e;
	float:right;
	text-decoration:none;
	line-height:25px;
	margin-right:9px;
	}
.title a:hover{
	color:#f15010;
	}
/********* Recommenda products **********/
.recommendaProducts{
	width:284px;
	float:left;
	}
.recommendaImg{
	padding:3px 4px 4px 4px;
	background-color:#ececec;
	}
/*********** productAndNews *********/
.productAndNews{
	width:660px;
	float:right;
	}
.newProduct{
	height:178px;
	padding-top:17px;
	margin-bottom:3px;
	background:url(../images/productBg.gif) no-repeat left top;
	list-style:none;
	}
.newProduct li{
	float:left;
	text-align:center;
	}
.newProduct li.first{
	padding:0 68px 0 28px;
	}
.newProduct li.last{
	padding:0 0 0 59px;
	}
.newProduct a{
	text-decoration:none; 
	color:#474747;
	display:block;
	}
.news{
	margin-top:5px;
	width:657px;
	list-style:none;
	}
.news li{
	padding-left:6px;
	}
.news li, .news a{ 
	color:#474747;
	line-height:21px;
	}
.news a, .news span{
	font-weight:normal;
	text-decoration:none;
	}
.news a:hover{
	text-decoration:underline;
	}
.news span{
	float:right;
	margin-right:24px;
	}
.news li.gray{
	background-color:#f9f9f9;
	}