@charset "utf-8";
/* CSS Document */
/*main layout begin*/
html, body, form, ul, ol, li, p {
	margin:0px;
	padding:0px;
}
ul{
	list-style:none;
}
img {
	border:0px;
}
body{
	font: 11px Verdana, Arial, sans-serif, Helvetica;
	background: #10AAE4 url(../images/css/pageBg.jpg) no-repeat center top;
}
a{
	text-decoration:none;	
}
a:hover {
	text-decoration:underline;
}
#main {
	width:950px;
	margin:0 auto;	
}
#header {
	margin-top:5px;
	height:70px;/*tmp*/	
	border:solid 1px #94E0FF;/*frameColor*/
	position:relative;	
	overflow:hidden;
}
#logo {
	display: block;
	height: 70px;
	width: 267px;
	background: url(../images/css/logo.png)!important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='images/css/logo.png',sizingMethod='scale');	
	text-indent: -5000px;
	position: absolute;
	border:none;
	border-right:solid 1px #94E0FF;/*frameColor*/
}
#contenter {
	clear:both;	
	float:left;
	position:relative;
	width:948px;
	border:solid 1px #94E0FF;/*frameColor*/
	border-top:none;
	border-bottom:none;
	background-color:#FFFFFF;
}
#contenter #left {	
	float: left;
	width: 267px;
	text-align:center;	
}
#contenter #right {
	float:left;
	display:inline;
	position:relative;
	width:677px;
	border:none;
	border-left:solid 1px #94E0FF;/*frameColor*/
}
#footer {
	clear:both;
	background-color:#94E0FF;/*frameColor*/
	text-indent:10px;
	/*border:none;
	border-top:solid 4px #94E0FF;*/	
	color:#151515/*#181818*/;
	line-height:30px;
	position: relative;
	height: 30px;
}
/*main layout end*/
#contenter #right a{
	color:#0000FF;
}
#contenter #right a:hover{
	/*color:#000066;
	text-decoration:none;*/
}
.link {
	position: absolute;
	right: 10px;
	top: 0px;
}
.link a {
	color:#1174a1;
	padding-left:20px;
}
.link a:hover {
	color:#FFFFFF;	
	text-decoration:none;
}
.input {
	border:none;
}
#headnav {		
	width:681px;
	height:40px;	
	position:relative;
	left:267px;	
	top:0;
	border:none;
	border-bottom:solid 1px #94E0FF;/*frameColor*/
}
#headnav li {	
	float:left;
	padding:0 15px;	
}
#headnav li img {
	 opacity:1;
}
*html #headnav li img {
	 filter:alpha(opacity=100);
}
*+html #headnav li img {
	 filter:alpha(opacity=100);
}
#headnav li a {	
	font-family:Arial, Helvetica, sans-serif;	
	line-height:40px;
	font-size:17px;
	font-weight:bold;	
	color:#f0e537;/*001b28 1174a1 ff9933 f0e537*/	
}
#headnav li a.c {
	color:#d0f0ff;/* d0f0ff ffe7d0*/
}
#headnav li a:hover {
	color:#d0f0ff; /* d0f0ff ffe7d0*/
	text-decoration:none;
}
#headnav li ul{
	display:none;
}
#headnav li:hover ul, #headnav li.iehover ul, #headnav li#navCur ul {
	display:block;
	position:absolute;
	width:500px;
	left:0px;
	padding-left:10px;
	top:40px; /*48 for linkPic; 40 for textLink*/	
	/*background: url(../images/css/arrow.png) no-repeat  !important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/css/arrow.png',sizingMethod='crop');*/
}
#headnav li ul li{
	/*background: url(../images/css/interval.gif) no-repeat right;*/
	height:35px;
}
#headnav li ul li.last {
	background:none;
}
#headnav li:hover ul a, #headnav li.iehover ul a, #headnav li#navCur ul a {
	color:#FF9933;/*ffe7d0 ff9933*/
	font-size:14px;
	line-height:30px;		
	display:block;	
}
#headnav li:hover ul a.c, #headnav li.iehover ul a.c, #headnav li#navCur ul a.c, #headnav li:hover ul a:hover, #headnav li.iehover ul a:hover, #headnav li#navCur ul a:hover {
	color:#ffe7d0;/*ffe7d0 ff9933*/	
}
.searchForm {
	position:absolute;
	top:10px;
	right:10px;	
}
.itemList {
	float: left;
	width: 160px;
	height: 131px;
}
.itemList p {
	width: 100px;
	height:100px;	
	margin:5px auto 0 auto;
}
.itemList strong {
	line-height: 25px;
	width: 100px;
	margin:0 auto 0 auto;
	display: block;
	font-weight: normal;
	text-align: center;
}
#overView {
	position:relative;
	float:left;
	width:673px;
	padding-left:5px;
	padding-bottom:30px;
}
#overView #picDiv {
	width: 346px;
	margin-right:10px;
	float: left;
	position: relative;
}
#picDiv #p_pic {
	width:338px;
	height:338px;	
	/*border: 1px solid #BABAB9;*/
	overflow:hidden;
	line-height: 338px;
	text-align: center;
}
#picDiv #p_pic img{
	width:338px;
	height:338px;
}
#picDiv span {	
	display: block;
	line-height: 20px;
}
#picDiv .pic_btn {
	display: block;
	float: left;
	width: 10px;
	height: 102px;
	cursor:pointer;
}
#picDiv #previous_btn {
	background-attachment: scroll;
	background-image: url(../images/css/smallPic_btn.gif);
	background-repeat:no-repeat;	
	background-position: 0px 0px;
	
}
#picDiv #next_btn {
	background-attachment: scroll;
	background-image: url(../images/css/smallPic_btn.gif);
	background-repeat:no-repeat;	
	background-position: -290px 0px;
	
}
#picDiv .smallPicDiv {
	float: left;
	width: 326px;
	height: 102px;
	position: relative;
	overflow: hidden;
}
#picDiv #smallPicArea {
	position: relative;
}

#picDiv #smallPicArea img {
	border: 1px solid #C8D4E2;
	margin-right: 3px;
	height: 100px;
	width: 100px;
	display: inline;
	float: left;
	cursor:pointer;
	margin-left: 3px;
}

#overView h2 {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:30px;
}
#overView #feature {
	float: left;
	width: 300px;
	line-height: 25px;
	word-break:keep-all;
	/*padding-left: 40px;*/
	position: relative;
	z-index: 8;
}
#overView #feature li{
	padding-left: 15px;	
	position: relative;
}
#overView #feature li.bc, #overView #feature li.dt, #overView #feature li.fo, #overView #feature li.cr {
	padding-left: 50px;	
	height:40px;
}
.back {
	float:right;
	position: absolute;
	right: 20px;
	top: -40px;
}
.bc {	
	background: url(../images/chargeBettery.jpg) no-repeat left top;	
}
.dt {
	background: url(../images/dataTransmission.jpg) no-repeat left top;	
}
.fo {
	background: url(../images/ornament.jpg) no-repeat left top;
}
.cr {	
	background: url(../images/cardReader.jpg) no-repeat left top;
}
#detailDiv .pinPicDiv {
	position: absolute;
	z-index: 10;
	height: 105px;
	width: 105px;
	right: 0px;
	top: 70px;
}

#detailDiv #detail {
	clear: both;
	margin-bottom: 30px;
}
#detail h3 {
	line-height: 30px;
	text-indent: 15px;
	margin: 0px;
	padding: 15px 0px 0px;
	height: 30px;
	font-size: 14px;
}
#detail p {
	width: 600px;
	line-height: 18px;
	margin: 10px 10px 20px 30px;

}