@import url(screen.css);

/*
 * $Rev: * $
 * Created: fengling
 * Modified: $Author: fengling $ $LastChangedDate: 2010-01-21 16:03:00 +0800 (星期死, 21 一月 2010) $
 */

/* 通用
-------------------------------------------------------------- */
.bold { font-weight:700;}
.colorfff { color:#FFFFFF;}
.color000 { color:#000000;}  
.color333 { color:#333333;} 
.color666 { color:#666666;} 
.colorf60 { color:#FF6600;}
.color999 { color:#999999;}
.colorccc { color:#CCCCCC;}
.color70 { color:#707070;}
.color4f { color:#4f4f4f;}
.color5a { color:#5A5A5A;}
.color_1 { color:#994D06;}
.font_cn { font-family:simsun;}

.hr_6 { height:6px;}
.hr_8 { height:8px;}
.hr_9 { height:9px;}
.hr_10 { height:10px;}
.hr_18 { height:18px;}
.hr_20 { height:20px;}
.hr_30 { height:30px;}
.hr_6,.hr_8,.hr_9,.hr_10,.hr_18,.hr_20,.hr_30 { clear:both; font-size:1px; line-height:1px;}

body {background:#FAFAFA url(../images/bodyBg.jpg) repeat-x scroll 0 0;}

/* 顶部
-------------------------------------------------------------- */
.head 
{
	height:100px;
	clear:both;
	}
	
	.head h1 
	{
		float:left;
		padding:17px 0 0 31px;
		width:71px;
		height:71px;
		background:url(../images/logo.jpg) no-repeat scroll 31px 17px;
		}
		.head h1 a 
		{
			display:block;
			text-indent:-999px;
			height:71px;
			
			}
		
	.head .rArea 
	{
		width:337px;
		float:right;
		padding-top:20px;
		}
		.head .rArea ul 
		{
			list-style:none;
			}
			.head .rArea ul li 
			{
				vertical-align:top;
				}
			.head .rArea .toolBarArea 
			{
				height:16px;
				padding:0 15px 19px 0;
				overflow:hidden;
				}
				.head .rArea .toolBarArea a 
				{
					float:right;
					height:16px;
					margin-left:20px;
					overflow:hidden;
					text-indent:-999px;
					background:url(../images/toolBarIco.gif) no-repeat scroll 0 0;
					}
				.head .rArea .toolBarArea .homeIco 
				{
					width:14px;
					background-position:0 0;
					}
				.head .rArea .toolBarArea .loginIco 
				{
					width:16px;
					background-position:-14px 0;
					}
				.head .rArea .toolBarArea .mailIco 
				{
					width:16px;
					background-position:-30px 0;
					}
			.head .rArea .searchArea 
			{
				height:27px;
				overflow:hidden;
				padding-left:135px;
				background:url(../images/searchTextBoxBg.jpg) no-repeat scroll 0 0;
				}
				.head .rArea .searchArea .textBox 
				{
					color:#666666;
					width:150px;
					padding:6px 0 5px;
					padding:5px 0 5px\9;
					border:0 none;
					background-color:Transparent;
					margin-right:15px;
					vertical-align:top;
					}
				.head .rArea .searchArea .searchBtn 
				{
					width:27px;
					height:27px;
					border:0 none;
					cursor:pointer;
					background:url(../images/searchBtnBg.jpg) no-repeat scroll 0 0;
					vertical-align:top;
					}
					
/* 导航
-------------------------------------------------------------- */
.navArea
{
	height:42px;
	clear:both;
	background:url(../images/nav.jpg) no-repeat scroll 0 0;
	}
	.navArea ul	
	{
		list-style:none;
		padding-left:37px;
		overflow:hidden;
		}
		.navArea li.home,
		.navArea li.about,
		.navArea li.products,
		.navArea li.support,
		.navArea li.contact
		{
			float:left; 
			margin-right:39px; 
			height:42px;
			}
		.navArea li.home { width:72px;}
		.navArea li.about { width:134px;}
		.navArea li.products { width:125px;}
		.navArea li.support { width:89px;}
		.navArea li.contact { width:107px;}
			.navArea li span 
			{
				display:none;
				height:42px;
				text-indent:-999px;
				cursor:pointer;
				background:url(../images/nav.jpg) no-repeat scroll 0 0;
				}
			.navArea li.home span { background-position:-37px -42px;}
			.navArea li.about span { background-position:-148px -42px;}
			.navArea li.products span { background-position:-321px -42px;}
			.navArea li.support span { background-position:-485px -42px;}
			.navArea li.contact span { background-position:-613px -42px;}
			
/* 圆角
-------------------------------------------------------------- */
.tArea,
.bArea 
{
	height:11px;
	font-size:0;
	line-height:0;
	background:url(../images/corner.jpg) no-repeat scroll 0 0;
	}
.bArea {background-position:0 -11px;}
.inArea {background:url(../images/inAreaBg.jpg) repeat-y scroll 0 0; padding:0 10px 45px 11px; height:100%;}
.right .tArea{background-position:-220px 0;}
.right .bArea{background-position:-220px -11px;}
.right .inArea{background-position:-220px 0; padding:0 11px 45px;}

/* 左边-产品菜单
-------------------------------------------------------------- */
.proMenuArea {}
	.proMenuArea .titleArea 
	{
		height:31px;
		padding-bottom:8px;
		}
		.proMenuArea .titleArea h3 { text-indent:-999px; height:31px; background:url(../images/titleBg.jpg) no-repeat scroll 0 0;}
		
	.proMenuArea .aaaArea 
	{
		padding:0 0 49px 4px;
		background:url(../images/LeftAreaLine.jpg) no-repeat scroll 1px bottom;
		}
		.proMenuArea .aaaArea ul
		{
			list-style:none;
			width:170px;
			margin:0;
			padding:0;
			}
			.proMenuArea .aaaArea ul li 
			{
				display:block;
				position:relative;
				top:0;
				left:0;
				background:url(../images/menuLine.jpg) no-repeat scroll 0 bottom;
				}
				.proMenuArea .aaaArea li a 
				{
					display:block;
					color:#4C4C4C;
					height:34px;
					line-height:34px;
					padding-bottom:1px;
					font-weight:700;
					padding-left:21px;
					text-decoration:none;
					background:url(../images/menuIco.gif) no-repeat scroll 0 -25px;
					*background:url(../images/menuIco.gif) no-repeat scroll 0 -24px;
					}
				.proMenuArea .aaaArea li a.selected,
				.proMenuArea .aaaArea li a:hover 
				{
					color:#5A3508;
					background-position:0 11px;
					}
					
				.proMenuArea .aaaArea ul li ul
				{
					width:220px;
					position:absolute;
					visibility:hidden;
					border:1px solid #CECECE;
					border-right:1px solid #999999;
					border-bottom:1px solid #999999;
					background-color:#F3F3F3;
					}
					.proMenuArea .aaaArea ul li ul li 
					{
						padding-bottom:0;
						border-bottom:1px solid #D8D8D8;
						background:none;
						}
						.proMenuArea .aaaArea ul li ul li a 
						{
							padding-left:31px;
							background-position:10px -25px;
							*background-position:10px -24px;
							}
						.proMenuArea .aaaArea ul li ul li a:hover 
						{
							background-color:#FFFFFF; 
							background-position:10px 11px;
							}
							
							* html .proMenuArea .aaaArea ul li { float: left; height: 1%; }
							* html .proMenuArea .aaaArea ul li a { height: 1%; }

/* 左边-联系方式
-------------------------------------------------------------- */
.contactArea {}
	.contactArea .titleArea 
	{
		height:31px;
		background:url(../images/titleBg.jpg) no-repeat scroll 0 -31px;
		}
		.contactArea .titleArea h3 { text-indent:-999px;}
		
	.contactArea .conArea 
	{
		padding:11px 0 55px 9px;
		background:url(../images/LeftAreaLine.jpg) no-repeat scroll 1px bottom;
		}
		.contactArea .conArea ul
		{
			list-style:none;
			line-height:200%;
			color:#4C4C4C;
			}
	
/* 左边-广告位
-------------------------------------------------------------- */
.adArea {padding-left:10px;}

/* 右边-栏目标题
-------------------------------------------------------------- */
.right .titleArea 
{
	height:37px;
	background:url(../images/titleBg.jpg) no-repeat scroll -199px 0;
	padding-bottom:18px;
	}
	.right .titleArea h3 
	{
		float:left;
		font-size:12px;
		height:30px;
		line-height:30px;
		color:#5A3508;
		padding-left:35px;
		}
	.right .titleArea .crumbsArea 
	{
		float:right;
		color:#666666;
		line-height:30px;
		margin-right:5px;
		}
		.right .titleArea .crumbsArea a,
		.right .titleArea .crumbsArea span 
		{
			color:#666666;
			margin:0 5px;
			font-family:Verdana;
			}
			
	.right .textArea {padding:0 20px;}

/* 右边-联系方式
-------------------------------------------------------------- */			
.right .conInfoArea 
{
	padding-top:15px;
	font-size:14px;
	}
	.conInfoArea p 
	{
		padding-bottom:20px;
		}
		.conInfoArea p label 
		{
			display:inline-block;
			width:100px;
			text-align:right;
			margin-right:10px;
			}


/* 右边-产品列表
-------------------------------------------------------------- */
.proList 
{
	width:680px;
	margin-left:11px;
	table-layout:fixed;
	}
	.proList .area 
	{
		width:152px;
		height:204px;
		padding:0 9px;
		overflow:hidden;
		text-align:center;
		}
		.proList .area dd img {vertical-align:top; width:152px; height:152px;}
		.proList .area dt{padding-top:7px;line-height:120%;}
		
/* 右边-二级菜单列表
-------------------------------------------------------------- */
.proSubsetList 
{
	width:680px;
	margin-left:11px;
	table-layout:fixed;
	}
	.proSubsetList td 
	{
		vertical-align:top;
		}
	.proSubsetList .arrayArea
	{
		padding:0 10px 20px 20px;
		background:url(../images/2menuIco.gif) no-repeat scroll 0 5px;
		font-size:14px;
		}

/* 右边-空数据
-------------------------------------------------------------- */
.noResults 
{
	margin:15px 20px 0;
	height:68px;
	border:1px solid #DDDDDD;
	background-color:#FAFAFA;
	color:#666666;
	line-height:180%;
	font-size:14px;
	font-family:Arial;
	padding:17px 0 0 150px;
	}	
	
/* 右边-没有产品
-------------------------------------------------------------- */
.noProduct 
{
	margin:15px 20px 0;
	padding:17px 0;
	border:1px solid #DDDDDD;
	background-color:#FAFAFA;
	color:#666666;
	line-height:180%;
	font-size:14px;
	font-family:Arial;
	text-align:center;
	}
	
/* 分页
-------------------------------------------------------------- */
.paging 
{
	overflow:hidden; 
	text-align:right; 
	height:19px;
	padding-top:20px;
	}
.paging div { display:inline; overflow:hidden; }
.paging .pagingLeft 
{
	position:relative;
	top:-5px;
	*top:0px;
	margin-right:18px;
	color:#7C7C7C;
	display:none;
	}
.paging .pagingLeft .pagingItemCount { margin:0 11px; }
.paging .pagingLeft .pagingItemCount .itemCount 
{
	margin:0 7px; 
	color:#F88216;
	}
.paging .pagingLeft .pagingPageCount .pageIndex
{
	margin:0 2px;
	font-weight:bold;
	color:#F88216;
	}
.paging .pagingLeft .pagingPageCount .pageSep
{
	margin:0 2px;
	}
.paging .pagingLeft .pagingPageCount .pageCount
{
	margin:0 2px;
	color:#F88216;
	}
.paging .pagingRight { }
.paging .pagingRight a 
{
	display:inline-block;
	height:19px;
	position:relative;
	}
.paging .pagingRight a.firstPage,
.paging .pagingRight a.prevPage,
.paging .pagingRight a.nextPage,
.paging .pagingRight a.lastPage 
{
	text-indent:100px;
	margin:0 2px;
	overflow:hidden;
	background:url(../images/paging_v1.jpg) no-repeat scroll 0 0;
	top:0;
	*top:-2px;
	}
.paging .pagingRight a.firstPage 
{
	width:25px; 
	}
.paging .pagingRight a.prevPage 
{
	width:23px; 
	background-position:-28px 0;
	}
.paging .pagingRight a.nextPage 
{
	width:23px;
	background-position:-54px 0;
	}
.paging .pagingRight a.lastPage 
{
	width:25px;
	background-position:-80px 0;
	}
.paging .pagingRight a.pageNum 
{
	border:1px solid #DDDDDD; 
	height:17px;
	line-height:17px;
	padding:0 5px;
	color:#666666;
	top:-5px;
	top:-4px\9;
	*top:1px;
	margin:0 3px;
	}
.paging .pagingRight a.currentNum 
{
	border-color:#FFFFFF;
	color:#F88216;
	font-weight:bold;
	}
		
/* 右边-产品展示
-------------------------------------------------------------- */
.proShowArea 
{
	padding:15px 20px 0 30px;
	}
	
	.proShowArea .materialArea .leftArea 
	{
		float:left;
		width:230px;
		padding-bottom:5px;
		background-color:#F1F4F5;
		}
		.proShowArea .materialArea .leftArea img 
		{
			width:228px;
			height:228px;
			border:1px solid #BBC0C8;
			vertical-align:top;
			}
			
	.proShowArea .materialArea .rightArea 
	{
		float:right;
		width:409px;
		}
		.proShowArea .materialArea .rightArea p
		{
			padding:11px 0 13px;
			background:url(../images/splitLine.gif) repeat-x scroll 0 bottom;
			}
			.proShowArea .materialArea .rightArea p b {color:#4C4C4C;}
			.proShowArea .materialArea .rightArea p b.SKU {width:205px; display:inline-block;}
				.proShowArea .materialArea .rightArea p span 
				{
					color:#000000;
					margin-left:5px;
					}
		.proShowArea .materialArea .rightArea h4 
		{
			padding:11px 0 0;
			color:#666666;
			}
		.proShowArea .materialArea .rightArea .detailsArea 
		{
			color:#333333;
			line-height:180%;
			}
					
	.proShowArea .featuresTitle 
	{
		height:30px;
		line-height:30px;
		color:#4C4C4C;
		background-color:#F1F0F0;
		text-indent:10px;
		font-weight:700;
		}
	.proShowArea .featuresArea 
	{
		color:#333333;
		line-height:180%;
		padding:0 10px;
		}

/* 右边-留言
-------------------------------------------------------------- */
.supportArea 
{
	width:100%;
	overflow:hidden;
	padding-top:15px;
	}
	.supportArea label 
	{
		float:left;
		clear:both;
		margin-bottom:20px;
		overflow:hidden;
		width:100%;
		}
		.supportArea label span 
		{
			color:#4C4C4C;
			font-size:12px;
			float:left;
			line-height:34px;
			text-align:right;
			width:150px;
			padding-right:12px;
			_padding-right:10px;
			}
	.supportArea label.textBoxArea 
	{
		height:34px;
		background:url(../images/supportInputBg.jpg) no-repeat scroll 156px 0;
		
		}
		.supportArea label.textBoxArea input 
		{
			width:274px;
			padding:10px 0 7px;
			border:0 none;
			background-color:Transparent;
			}
	.supportArea label.textareaBoxArea 
	{
		background:url(../images/supportTextareaBg.jpg) no-repeat scroll 156px 0;
		}
		.supportArea label.textareaBoxArea textarea 
		{
			width:394px;
			padding:10px 0 10px;
			height:130px;
			border:0 none;
			background-color:Transparent;
			overflow-y:auto;
			}
		.supportArea label .sendBtn 
		{
			width:88px;
			height:30px;
			border:0 none;
			cursor:pointer;
			background:url(../images/sendBtnBg.jpg) no-repeat scroll 0 -30px;
			}
		.supportArea label .sendBtn:hover 
		{
			background-position:0 0;
			}
/* 底部
-------------------------------------------------------------- */
.foot 
{
	height:97px;
	background:url(../images/footBg.jpg) repeat-x scroll 0 0;
	}
	
	.foot ul
	{
		list-style:none;
		text-align:center;
		padding-top:22px;
		}
		.foot li {font-size:11px;}
		
	.foot .container 
	{
		position:relative;}
		.foot .container .runTop 
		{
			position:absolute;
			width:113px;
			height:39px;
			right:33px;
			top:9px;
			overflow:hidden;
			background:url(../images/runTop.jpg) no-repeat scroll 0 0;
			}
			.foot .container .runTop a 
			{
				display:block;
				width:57px;
				height:28px;
				text-indent:-999px;
				margin-left:33px;
				}
			.foot .container .runTop a:hover 
			{
				background:url(../images/runTop.jpg) no-repeat scroll -33px -39px;
				}