/*设置整个body的样式*/
body{
	margin:0;
	padding:0;
	font:70% 'Lucida Grande',Verdana, Helvetica, sans-serif;
	background:#ecede7;
}

/*设置整个容器的样式*/
#wrapper{
	width:780px;
	margin:0 auto;/*让这个容器居中对齐*/
	padding:0 10px 10px 10px;
}

/*公共的链接样式*/
a:link {
	font: bold 12px/22px arial, helvetica, sans-serif; 
	color: #006600; 
	text-decoration:underline
}
a:hover {
	font: bold 12px/22px arial, helvetica, sans-serif; 
	color: #990000; 
	text-decoration:none
}
a:visited {
	font: bold 12px/22px arial, helvetica, sans-serif; 
	color: #006600; 
	text-decoration:underline
}

h3{
	display:inline;
}

h4{
	padding:6px 0px 5px 5px;
	margin:0; 
	background:#d2e4fc;
	font: bold 10pt arial; 
	color: #000088;
}

/*清除浮动，否则图片会不包含在box中*/
.spacer {
	clear: both;
}

/*1. 设置整体布局*/
/*设置primaryContent列的默认样式*/
#primaryContent{
	float:left;
	width:780px;
	min-height:600px;
	display:inline;
	margin:0 0 0 0;
	background:#FFFFFF;
}

/*当左边有导航时primaryContent列的样式*/
#leftColLayout #primaryContent{
	float:left;
	width:586px;
	margin:0 0 0 194px;
}

/*当右边有导航时primaryContent列的样式*/
#rightColLayout #primaryContent{
	float:left;
	width:586px;
	margin:0 0 0 0;
}

/*左边的导航的样式*/
#lefContent{
	float:left;
	width:190px;
	margin:0 0 0 -780px;
	background:#f2f2f2;
}

/*右边的导航的样式*/
#rightContent{
	float:left;
	width:190px;
	margin:0 0 0 4px;
	background:#f2f2f2;
}

/*当导航在左边时，右边不显示导航*/
#leftColLayout #rightContent{
	display:none;
}

/*当导航在右边时，左边不显示导航*/
#rightColLayout #lefContent{
	display:none;
}

/*当不显示导航时，左右都不显示*/
#oneContent #lefContent, #oneContent #rightContent{
	display:none;
}

/*2. 设置页头的样式*/
/*整个页头的样式*/
#header{
	width:780px;
	height:100px;
	background:url(../images/back.gif) repeat-x;
}

/*LOGO图片的样式*/
#header img{
	float:left;
	width:237px;
}

#header h2{
	margin:0 50px 0 50px;
	padding:8px 0 0 0;
	font:bold 16px arial;
	color:#009900;
}

/*导航条样式*/
#mainNav{
	width:443px;
	margin:15px 0 0 0;
	padding:0 0 0 60px;
	float:left;/*不能省略，否则此div在非IE中的起始位置会从最左边开始，从而与logo重叠*/
}

#mainNav ul{
	list-style:none;
	margin:0;
	padding:0;
	border:none;
}

#mainNav li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:auto;
	font:12px bold;
}

#mainNav a{
	display:inline;
	width:auto;
	margin:0;
	padding:0 10px 0 10px;
	border-right:1px solid #000;
}

/*3 页头的产品类别菜单*/
#topmenu{
	width:780px;
	color:#000088;
	background:#7FBFAA;
	padding:0 0 2px 0;
	background:url(../images/back.gif) repeat-x;
}

#topmenu ul{
	list-style:none;
	border:none;
	margin:3px 0 3px 0;
	padding:0 9px 0 9px;
}

#topmenu li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:127px;
}

#topmenu a{
	text-decoration:none;
}

/*把当前所在的类别高亮显示*/
body.iphone a#iphone, body.zune a#zune, body.ipod a#ipod
, body.appletv a#appletv, body.mp4 a#mp4, body.psp a#psp
, body.dvdcopy a#dvdcopy, body.dvdripper a#dvdripper, body.dvdburner a#dvdburner
, body.xbox a#xbox, body.blackberry a#blackberry, body.powerpoint a#powerpoint
, body.flash a#flash, body.audio a#audio, body.video a#video
, body.pdf a#pdf, body.photo a#photo, body.utility a#utility, body.freeware a#freeware{
	color:#CC6600;
	text-decoration:none;
}

/*4 左边的导航条*/
.leftMenuBlock{
	background:#d2e4fc;
	margin:0 0 5px 0;
	padding:0;
}

.leftMenuBlock h3{
	background:#d2e4fc;
	margin:0;
	padding:0 0 0 5px;
}

.leftMenuBlock ul{
	list-style:none;
	margin:2px 0 5px 0;
	padding:0 0 5px 0;/*不能省略，否则在在非IE中会导致li中的内容缩进*/
	background:#f2f2f2;
}

.leftMenuBlock li{
	display:block;
	margin:0 2px 0 18px;
	padding:0;
}

.leftMenuBlock a:link, .leftMenuBlock a:visited{
	text-decoration:none;
}

/*5 右边导航条的样式*/
.rightMenuBlock{
	margin:0 0 5px 0;
	padding:0;
}

.rightMenuBlock h3{
	margin:0;
	padding:0 0 0 5px;
	font:bold 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

.rightMenuBlock ul{
	list-style:none;
	margin:2px 0 5px 0;
	padding:0 0 5px 0;/*不能省略，否则在在非IE中会导致li中的内容缩进*/
}

.rightMenuBlock li{
	display:block;
	margin:0 2px 0 18px;
	padding:0;
}

.rightMenuBlock a:link, .rightMenuBlock a:visited{
	text-decoration:none;
}


.navigation{
	margin:3px 0 3px 5px;
}

.navigation a:link, .navigation a:visited{
	text-decoration:none;
}

/*6 图片列表的样式*/
.imagelist{
	margin:0 0 8px 0;
}

.imagelist p{
	padding:6px 3px 5px 5px;
	margin:0; 
	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

.productdetaillist li{
	padding:6px 3px 5px 15px;
}

.imagelist p img{
	float:right;
	padding:2px 0px 2px 2px;
	margin:0px;
	border:0px solid;
	width:220px;
	height:136px;
}

.imagelist div{
	text-align:right;
	clear:both
	border:none;
	margin:10px 0 0 0;
}

.imagelist span a{
	margin:0;
	padding:0 4px 0 4px;
}

/*7 产品列表的样式*/
.productlist{
	margin:0;
	padding:0;
	width:586px;
	border:none;
}

.productlist.more{
	float:right;
	margin:-23px 0 0 0;
	padding:0 2px 0 2px;
}

.productlist ol{
	margin:6px 0 8px 35px;
	padding:5px 0 0 8px;
	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

.productlist li p{
	margin:3px 0 3px 3px;
	padding:0;
}

/*8 新闻列表的样式*/
.newslist{
	margin:0;
	padding:0;
	width:586px;
	border:none;
}

.newslist h4 a{
	float:right;
	margin:-23px 0 0 0;
}

.newslist ul{
	margin:6px 0 8px 2px;
	padding:5px 0 0 8px;
	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
}

.newslist li p{
	margin:3px 0 3px 3px;
	padding:0;
}

/*8 关联产品列表*/
.relateProductList{
	border:1px solid blue;
	margin:5px 0 0 0;
	padding:0;
}

.relateProductList ul{
	list-style:none;
	margin:0;
	padding:0;
	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

.relateProductList li{
	margin:0;
	padding:0 0 3px 13px;
}

.relateProductList li p{
	margin:3px 0 3px 3px;
	padding:0;
}

/*9 产品结果页正文中的广告*/
.productAd{
	background:url(../images/adground.gif);
	height:131px;
	margin:0;
	padding:0;
}

.productAd p{
	margin:0px 102px 3px 50px;
	padding:30px 0px 0px 0px;
}

/*9 网站地图的样式*/
.sitemaptitle{
	background:#558ec5;
}

.sitemaplist{
	width:252px;
	float:left;
	margin:2px 2px 3px 2px;
	padding:0;
}

.sitemaplist h4{
	background:#fff;
}

.sitemaplist h4 a:link, .sitemaplist h4 a:visited, .sitemaplist h4 a:active{
	color:#000;
}

.sitemaplist ul{
	list-style:none;
	margin:0;
	padding:0;
}

.sitemaplist li{
	display:block;
	margin:0;
	padding:0 0 0 10px;
	width:auto;
}

.sitemaplist li a:link, .sitemaplist li a:visited, .sitemaplist li a:hover, .sitemaplist li a:active{
	color:#006600;
}

.submit h4, .about h4{
	background:#558ec5;
}

/*9 links页面的样式*/
.linksdesc{
	border:1px solid;
}

.linksdesc h4{
	background:#558ec5;
	text-align:center;
}

.links h4{
	border-bottom:2px solid;
	background:#fff;
}

.links ul{
	list-style:none;
	margin:0;
	padding:0;
}

.links li{
	display:block;
	margin:2px 0 2px 15px;
	padding:0;
}

/*9 页脚的样式*/
#footer{
	width:780px;
	height:85px;
	background:#FFF url(../images/bottom.gif) repeat-x bottom;
	text-align:center;
}

#footer p{
	padding:3px 0 0 0;
	margin:0
}

#footer #copyright{
	font: bold 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

#footer #bottomtitle{
	font: normal 13px/1.5 Verdana, Arial, Helvetica, sans-serif;
}
#footer #otherweb{
	margin:0 0 0 0;
	padding-top:0;
	padding-left:30px;
	list-style:none;
	border:none;
	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

#footer #otherweb li{
	display:block;
	float:left;
	font-size:12px;
	margin:0;
	padding:0;
}

#footer #otherweb li a{
	display:inline;
	margin:0;
	padding:0 10px 0 0px;
	border-right:0px solid #000;
	color:#000;
	font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#footer ul{
	margin:0 0 0 200px;
	padding-top:2px;
	list-style:none;
	border:none;
}

#footer li{
	display:block;
	float:left;
	font-size:12px;
	margin:0;
	padding:0;
}

#footer li a{
	display:inline;
	margin:0;
	padding:0 10px 0 10px;
	border-right:1px solid #000;
}

