/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:"Century Gothic", Arial;
	font-size:12px;
}

a { text-decoration:none;}
a img {border:0;}
input, select, textarea { font-size:10px;}

#header_container {width:980px; margin:0 auto; height:140px;}
#header_container input {height:12px;}
#head_left {float:left; width:40%; background:url(../images/head_left.gif) top left no-repeat; padding:40px 0 20px 70px;}
#head_right {float:right; width:40%; background:url(../images/head_right.gif) top right no-repeat; font-size:9px; padding:20px 70px 20px 0; line-height:10px;}
#head_right a {color:#b6b6b6;}
#head_right a:hover {color:#b6b6b6; text-decoration:underline;}
.btn_login {width:30px; background:#6c6d71; color:#fff; font-size:9px; border:0; line-height:12px; cursor:pointer;}
.btn_search { margin-right:15px; }
.btn {background:#6c6d71; color:#fff; border:0; line-height:12px; cursor:pointer; padding:2px 10px;}

#menu_container {height:52px; background:#f3f3f5;}
.menu {margin:0 auto; width:980px; line-height:50px; color:#6e6e70; text-transform:uppercase; font-size:16px;}
.menu ul {margin:0; padding:0 120px;}
.menu li {padding:0 35px; display:inline;}
.menu li a {color:#6e6e70; text-decoration:none;}
.menu li a:hover, .now {color:#000; text-decoration:none; font-size:24px;}

.sub_menu {margin:0 auto; width:980px; color:#6e6e70; font-size:12px; padding:0;}
.sub_menu ul {padding:0; margin:0 0 0 140px;}
.sub_menu li {padding:0 15px; margin:0; display:block; background:#f3f3f5; line-height:22px; list-style:none; float:left;}
.sub_menu li a {color:#6e6e70; text-decoration:none;}
.sub_menu li a:hover, .sub_now {color:#000; text-decoration:none; font-weight:bold;}

#center {margin:0 auto; width:825px; padding:20px 0;}
#content {margin:0 auto; width:880px; padding:20px 0;}
#content1 {margin:0 auto; width:980px; padding:20px 0;}
#content2 {margin:0 auto; width:980px; padding:0;}

.title {font-size:18px; font-weight:bold;}
.title_normal {font-size:18px;}

.input1 {width:332px; background:url(../images/input_bg.gif) top left no-repeat; border:0; height:18px; padding:2px 4px;}
.btn1 {
	width:45px; 
	background:url(../images/btn_bg.gif) top left no-repeat; 
	border:0; 
	height:18px; 
	color:#FFFFFF; 
	font-size:10px; 
	font-family:"Century Gothic", Arial;
}
.textarea1 {width:333px; background:url(../images/textarea_bg.gif) top left no-repeat; border:0; height:104px; padding:2px 4px;}

#ter_container {background:#f0f9fe; padding:20px 20px 40px 20px;}
.ter_box_1st {width:180px; float:left; font-size:14px;}
.ter_box {width:180px; float:left; font-size:14px; margin-left:15px;}

#prod_main_container {width:805px; margin:0 auto;}
#cat_cotainer {width:620px; margin:0 auto; margin-bottom:20px;}
.cat_1st {width:170px; height:375px; background:url(../images/cat_bg.gif) top left no-repeat; float:left; padding:20px 0;}
.cat {width:170px; height:375px; background:url(../images/cat_bg.gif) top left no-repeat; float:left; padding:20px 0; margin-left:55px;}
.cat_title {color:#347d86; font-size:20px;}

.announcement_1st {width:247px; height:65px; background:url(../images/announce_bg.gif) left top no-repeat; float:left; padding:3px 4px; color:#35393a; font-size:9px; line-height:10px;}
.announcement {width:247px; height:65px; background:url(../images/announce_bg.gif) left top no-repeat; float:left; margin-left:20px; padding:3px 4px; color:#35393a; font-size:9px; line-height:10px;}
.announce_num {color:#5d92a9;}

#prod_detail_container {width:855px; margin:0 auto;}
.prod_thumb {float:left; margin-left:2px;}
.prod_pic {float:left; width:350px; height:350px; background:url(../images/prod_detail_bg.gif) top left no-repeat; padding:15px;}
.prod_desc {float:left; padding:10px; margin-left:40px; width:405px;}

#footer { clear:both; margin:0 auto; font-size:10px; height:40px; width:980px; padding-top:20px;}
#footer a {color:#6e6e70;}
#footer a:hover {color:#6e6e70; text-decoration:underline;}

.clearing {clear:both;}
.left {float:left;}
.right {float:right;}