/*
	author：汪义庭;
	MSN：hackwyt@hotmail.com;
	explain：常用公用类CSS.
*/



/*------常用公用类-------*/

body{font:12px Tahoma;}

*{margin:0;padding:0;}

ul{list-style:none;}

img{border:none;}

a:link,a:visited{color:#646464;text-decoration: none;}

a:hover{color:#5b2508;text-decoration:underline;}

#block10{
	height:10px;
	clear:both;
	overflow:hidden;
}

.floatleft{float:left;}

.floatright{float:right;}

.clearboth{clear:both;}


/* 头部信息*/
#header{
	width:1003px;
	height:102px;
	clear:both;
	margin:0 auto;
	position:relative;
	z-index:100;
}

#header-en{
	width:1003px;
	height:28px;
	background:#000;
	clear:both;
}
#header-en .search{
	float:right;
	width:440px;
	height:25px;
	color:#fff;
	margin:2px 20px 0;
}
#header-en ul{
	width:200px;
	height:28px;
	line-height:28px;
	float:right;
}
#header-en ul li{
	display:inline;
	margin:0 5px;
}
#header-en ul li a:link,#header-en ul li a:visited{color:#fff;}
#header-en ul li a:hover{color:#f79231;}

#menu{
	width:932px;
	height:20px;
	clear:both;
	margin:30px auto 0 auto;
}

#menu ul{
	width:702px;
	height:20px;
	margin-left:230px;
}	
#menu ul li{
	height:20px;
	line-height:20px;
	text-align:center;
	float:left;
	border-left:1px solid #D8D8D7;
	padding:0 14px;
}
#menu ul li a{
	color:#3E3E3E;
	font-weight:bold;
}
#menu ul li a:hover{
	color:#5b2508;
}

#logo{
	width:115px;
	height:86px;
	position:absolute;
	z-index:1;
	left:100px;
	top:15px;
}
#topbanner{
	width:932px;
	height:156px;
	margin:0 auto;
}
#headerdiv{
	width:932px;
	height:3px;
	background:#571511;
	margin:0 auto;
	overflow:hidden;
}

/* 中间部分信息*/

#main{
	width:932px;
	clear:both;
	margin:10px auto;
}
#main-left{
	width:280px;
	float:left;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #E6E6E6;
}
#main-center{
	width:394px;
	float:left;
	padding-right:10px;
	border-right:1px solid #E6E6E6;
}
#main-right{
	width:214px;
	float:right;
}
#leftblock{
	width:100%;
}
/*title CSS*/
.tt{
	height:25px;
	padding:0 10px 0 1px;
	clear:both;
	border-bottom:1px dotted #E0E0E0;
	margin-bottom:5px;
}
.tt span.more{
	float:right;
}
/* 首页公司新闻块 */
.news-box-ul{
	padding:0 6px 0 10px;
}
.news-box-ul li{
	padding:5px 0 5px 16px;
	background:url(../images/li1.gif) no-repeat 5px 12px;
}
.news-box-ul li span{
	float:right;
	color:#7C7C7C;
}

/* 首页推荐产品块 */
.pro-box{padding:4px;text-align:center;}
.pro-ul{margin:16px 0;}
.pro-ul li{float:left;width:110px;height:110px;margin:0 0 0 12px;}

/* 首页友情链接块 */
.linkul{
	width:100%;
}

.linkul li{
	padding:8px 0;
	text-align:center;
}
/* 首页公司介绍 */
.cpt-box{
	height:128px;
}
.cpt-box .l{
	width:118px;
	float:left;
	text-align:center;
}
.cpt-box .r{
	color:#5F5F5F;
	line-height:20px;
	text-indent:24px;
}

/* 联系我们 */
.ContactUs-box{
	height:128px;
	line-height:24px;
	color:#5F5F5F;
	font-weight:bold;
}

/* 脚部信息 */
#footer{
	width:100%;
	clear:both;
	text-align:center;
	margin:6px auto 0 auto;
	padding:6px 0 6px 0;
	border-top:6px solid #98372B;
}
#footer p{
	line-height:20px;
}

/* index.html over 上海程爵工艺礼品有限公司 作者：汪义庭 hackwyt@163.com */

#topbanner1{
	width:913px;
	height:103px;
	margin:10px auto 0 auto;
}

#insidemain-left{
	width:200px;
	float:left;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #E6E6E6;
}
#insidemain-right{
	width:700px;
	float:left;
}

.presentationbox{
	padding:20px;
	color:#3e3e3e;
	margin-bottom:1px;
}
.presentationbox p{
	text-indent:24px;
	line-height:20px;
}
.tt1{
	font-weight:bold;
	background:url(../images/tt1bg.gif) no-repeat 2px 1px;
	padding-left:12px;
}

/* 翻页CSS */
.page-nav{   
	height:20px;
	padding:15px 10px 5px 18px;
	clear:both;
	text-align:center;
}
.page-nav a:link,.page-nav a:visited{color:#646464;}

.page-nav a:hover{color:#f79231;}

/* 新闻块公用CSS */
.news-box h3{
	font-size:16px;
	text-align:center;
	padding:5px;
	color:#4a4949;
	border-bottom:1px solid #eaeaea;
}
.news-box .p{
	padding:10px 30px;
	line-height:20px;
	color:#4a4949;
}
.news-box p{
	text-indent:2em;
}
/* 产品 */
.prolist-box{padding:4px;}
.prolist-ul{margin:26px 0;clear:both;display:table;}
.prolist-ul li{
	width:101px;
	height:121px;
	line-height:20px;
	float:left;
	margin:0 0 0 30px;
	text-align:center;
}

.prodetail-img{
	width:350px;
	height:350px;
	margin:0 10px 0 0px;
	float:left;
}
.prodetail-box ul{
	width:300px;
	float:left;
	line-height:20px;
	color:#333;
}
.prodetail-box ul li{
	margin:5px 0;
}
.prodetail-box ul li span{
	font-weight:bold;
}

.brandshow{
	width:600px;
	margin:15px auto 0 auto;
	clear:both;
	color:#333333;
	overflow:hidden;
}

.brandshow .l{
	width:160px;
	float:left;
	text-align:center;
	padding:5px 0;
}
.brandshow .r{
	width:400px;
	float:right;
	border:1px solid #c3c3c3;
	padding:10px;
	line-height:20px;
	min-height:50px;
}
/* jobs */

.jobs-box{
	padding:3px;
}
.jobs-table{
	color:#333;
	margin:8px auto;
	border-collapse:collapse;
	width:620px;
	line-height:22px;
}
.jobs-table td{
	border:1px solid #ccc;
	padding:3px 4px;
}
.jobs-table .t{
	font-size:14px;
	padding:5px 3px;
}
.jobs-table .a{width:80px;}
.jobs-table .b{width:220px;}


.contactusbox{
	padding:20px;
	color:#333;
	margin-bottom:1px;
	line-height:22px;
}
.messagett{
	padding:5px 20px;
	line-height:22px;
}
.messagett span{
	color:#5b2508;
	font-weight:bold;
}
.messageform td{
	padding:3px 5px;
}
.messageform .l{
	width:100px;
	text-align:right;
}
.input{
	width:180px;
}
.textarea{
	width:350px;
	height:100px;
}