/******************************************************************************/
/*       <link href="css/styles.css" type="text/css" rel="stylesheet" />      */
/******************************************************************************/
@import url("reset.css");


HTML, BODY, .basis, input, textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#5c6064;
}

/*** standard classes ***********************************************************************************************/
.separator1{	height: 1px;	font-size: 1px;	display: block;}
.separator2{	height: 2px;	font-size: 1px;	display: block;}
.separator3{	height: 3px;	font-size: 1px;	display: block;}
.separator5{	height: 5px;	font-size: 1px;	display: block;}
.separator10{	height: 10px;	font-size: 1px;	display: block;}
.separator20{	height: 20px;	font-size: 1px;	display: block;}
.separator50{	height: 50px;	font-size: 1px;	display: block;}

.clear{	clear:both;	display: block;}

.fs10{ font-size:10px;}
.fs11{ font-size:11px;}
.fs13{ font-size:13px;}

.lh12{ line-height:12px;}
.lh16{ line-height:16px;}


A{
	color:#5c6064;
	text-decoration:underline;
	outline:none;
}

/*** follow sections can edit *****************************************************************************/
BODY {
	background-color: #949a9f;
	behavior: url("js/csshover.htc");

}

.basis {
	margin: auto;
	margin-top:7px;
	width: 962px;
	background-color: #ffffff;
	overflow:hidden;
}

/*** header **************************************************************/
.header {
	height: 116px;
	background-image:url(../images/header_bg.png);
	background-repeat:no-repeat;
	background-color: #949a9f;
	position:relative;
	padding-left:260px;
	padding-top:18px;
}
.header a.logo {
	position:absolute;
	top:18px;
	left:18px;
}
.header .top_menu li{
	float:left;
	margin-left:4px;
	margin-bottom:5px;
}
.header .top_menu a {
	display:block;
	width:219px;
	height:24px;
	background-image:url(../images/top_menu_bg.png);
	color:#FFFFFF;
	text-decoration:none;
	font-size:15px;
	padding-left:7px;
	padding-top:4px;
}
.header .top_menu a.active, .header .top_menu a:hover {
	background-image:url(../images/top_menu_bg_hover.png);
}


/*** content **************************************************************/

.content{
	margin:2px 10px 0 12px;
}

.content .banner{
	border:1px solid #949a9f;
	height:178px;
	overflow:hidden;
}
.content .banner a{
	display:block;
}

.triple{
	background-image:url(../images/triple_bg.png);
	background-repeat:no-repeat;
	margin-top:11px;
	padding-top:9px;
	padding-left:9px;
}

.section{
	width:302px;
}
.section .section_top_white{
	width:302px;
	height:40px;
	background-image:url(../images/section_top_white.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
.section .section_top_green{
	width:302px;
	height:40px;
	background-image:url(../images/section_top_green.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
.section .section_btm{
	width:302px;
	height:15px;
	background-image:url(../images/section_bottom.png);
	background-repeat:no-repeat;
}
.section .section_content{
	width:260px;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	background-color:#FFFFFF;
	padding:20px 20px 10px;
	overflow:hidden;
	height:150px;
}
.section .section_with_img{
	width:274px;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	background-color:#FFFFFF;
	padding:10px 13px;
}
.section_with_img img.left{
	float:left;
	margin-right:13px;
}


.section .section_content p img{
	float:left;
	margin:0 10px 5px 0;
}


.triple .section{
	float:left;
	margin-right:8px;
}
.triple .section .section_top_white{
	background-image:url(../images/section_top_white2.png);
}

.section h4{
	font-size:30px;
	font-weight:normal;
	color:#0082c8;
	padding:5px 20px 0 20px;
}
.section h4 a{
	display:block;
	font-size:30px;
}
.section hr{
	color:#e1e3e4;
}

.narrow{
	width:220px;
	margin-bottom:15px;
}


.narrow .section_top_green{
	width:220px;
	height:40px;
	background-image:url(../images/section_top_green_narrow.png);
}
.narrow .section_btm{
	width:220px;
	height:15px;
	background-image:url(../images/section_bottom_narrow.png);
}
.narrow .section_content{
	width:178px;
	height:182px;
	padding:10px;
	width:198px;
	height:auto;
}



.main{
	margin-top:8px;
}

h1{
	font-size:48px;
	font-weight:normal;
	color:#3b3b3b;
	background-image:url(../images/h1_bg.png);
	background-repeat:no-repeat;
	background-position:125px bottom;
	padding-bottom:5px;
	margin-bottom:15px;
}
h2{
	font-size:18px;
	font-weight:normal;
	color:#0082c8;
	margin-top:6px;
	margin-bottom:12px;
}

h3{
	font-size:25px;
	font-weight:normal;
	color:#ffffff;
	background-repeat:no-repeat;
	padding-left:8px;
	padding-top:3px;
	*padding-top:4px;	/* for IE*/
}
h3.chef_hat{
	background-image:url(../images/chef_hat.png);
	background-position:11px 2px;
	padding-left:43px;
}
h3.cherry{
	background-image:url(../images/cherry.png);
	background-position:6px 5px;
}

.left_col{
	width: 660px;	/* width of left column */
	float: left;
	padding-left:20px;
	font-size:14px;
}
.right_col{
	width: 220px;	/* width of right column */
	float: right;
	padding-right:9px;
}


.homepage .left_col{
	width:590px;
}
.homepage .right_col{
	width:302px;
}


.left_col p{
	margin-bottom:10px;
}

.left_col ul{
	margin-bottom:10px;
	list-style:disc;
	padding-left:20px;
}

.left_col p img{
	float:left;
	margin:0 10px 10px 0;
}


.chapter{
	border-top:4px solid #949a9f;
	padding-top:3px;
	margin-top:35px;
}
.chapter_img{
	width:201px;
	overflow:hidden;
	float:left;
}
.chapter_txt{
	width:370px;
	float:right;
	line-height:16px;
	font-size:13px;
}
.section .section_products{
	width:300px;
	padding-top:10px;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	background-color:#ffffff;
	overflow:hidden;
}
.product{
	width:281px;
	background-color:#eaeaea;
	margin:auto;
	text-align:center;
	margin-bottom:10px;
}
.product .top{
	width:281px;
	height:12px;
	background-image:url(../images/product_bg_top.png);
	background-repeat:no-repeat;
}
.product .btm{
	width:281px;
	height:16px;
	background-image:url(../images/product_bg_btm.png);
	background-repeat:no-repeat;
}
.product a{
	display:block;
	width:215px;
	margin:auto;
	border:3px solid #ffffff;
}
.product a:hover{
	border:3px solid red;
}
.product a img{
	display:block;
}


/*** footer **************************************************************/
.footer {
	height:55px;
	padding-top:25px;
	text-align:center;
	line-height:16px;
	color:#ffffff;
	background-image:url(../images/footer_bg.png);
	background-repeat:no-repeat;
	background-color: #949a9f;
}
.footer a{
	text-decoration:underline;
	font-weight:bold;
	color:#ffffff;
}


.common_form{
	margin-bottom:30px;
	width:620px;
}

.common_form label{
	float:left;
	width:170px;
	margin-bottom:10px;
}

.common_form input.text{
	float:left;
	width:250px;
	margin-bottom:10px;
	border:1px solid #ccc;
	margin-right:100px;
	padding:2px;
}

.common_form textarea{
	float:left;
	width:350px;
	margin-right:50px;
	margin-bottom:10px;
	height:100px;
	border:1px solid #ccc;
}

.common_form select{
	float:left;
	display:block;
}

.common_form .captcha{
	display:block;
}

.errors{
	color:#f00;
	margin-bottom:10px;
}

#vericode{
	display:block;
	margin-left:170px;
	width:148px;
	border:1px solid #ccc;
}

table{
	width:100%;
}

table td{
	padding:5px 5px 5px;
	vertical-align:top;
}

table td a img{
	border:1px solid #ccc;
}



.document_editor{
}

.document_editor label{
	display:block;
	margin-bottom:5px;
}

.document_editor input.text{
	display:block;
	width:100%;
	margin-bottom:10px;
}

.expanding{
	margin-bottom:10px;
}

.expanding TABLE{
	display:none;
}

.expanding TABLE TR.odd TD{
	background-color:#ddd;
}