body {



	text-align: center;



	margin: 0px;



	padding: 0px;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #000000;



	background-color: #cccccc;



}



ul,li {



	margin: 0px;



	padding: 0px;



	list-style-type: none;



}



a {



	color: #000000;



	text-decoration: none;



}



a:hover {



	text-decoration: underline;



}



div {



	margin: 0px;



	padding: 0px;



}



#container {



	width: 750px;



	margin-right: auto;



	margin-left: auto;



	text-align: left;



	background-color: #FFFFFF;



}



#header {



	float: left;



	width: 750px;



}



#top_nav {



	float: left;



	width: 730px;



	line-height: 25px;



	text-align: right;



	padding-right: 20px;



}



#top_nav a {



	display: inline;



	padding-right: 8px;



	padding-left: 8px;



}



#logo_nav {



	float: left;



	width: 750px;



	background-image: url(header_bg.gif);



	background-repeat: repeat-x;



	background-position: bottom;



	padding-bottom: 2px;



}



#logo {



	float: left;



	width: 210px;



}



#nav {



	float: left;



	width: 540px;



	padding-top: 27px;



}



.nav1 {



	background-image: url(nav1.gif);



	background-repeat: no-repeat;



	float: left;



	height: 29px;



	width: 5px;



}



.nav2 {



	float: left;



	height: 29px;



	width: 525px;



	background-image: url(nav2.gif);



	background-repeat: repeat-x;



	line-height: 29px;



	font-weight: bold;



	text-align: center;



	color: #000000;



}



.nav2 a {



	display: inline;



	padding-right: 10px;



	padding-left: 10px;



	color: #FFFFFF;



}



.nav3 {



	background-image: url(nav3.gif);



	background-repeat: no-repeat;



	float: left;



	height: 29px;



	width: 5px;



}







#pagebody {



	float: left;



	width: 750px;



	padding-top: 10px;



}



#sidebar {



	float: left;



	width: 200px;



	padding-right: 5px;



	padding-left: 5px;



}



#left_area {



	float: left;



	width: 200px;



	background-image: url(bottom1.gif);



	background-repeat: no-repeat;



	background-position: bottom;



	padding-bottom: 5px;



	margin-bottom: 5px;



}



#left_area_title {



	background-image: url(title1.gif);



	background-repeat: no-repeat;



	float: left;



	height: 25px;



	width: 200px;



	line-height: 25px;



	text-align: center;



	font-weight: bold;



}



#left_area_content {



	float: left;



	width: 190px;



	border-right-width: 1px;



	border-left-width: 1px;



	border-right-style: solid;



	border-left-style: solid;



	border-right-color: #53a1d9;



	border-left-color: #53a1d9;



	padding-right: 4px;



	padding-left: 4px;



}



.search {



	float: left;



	width: 190px;



	text-align: center;



}



.search li {



	padding-top: 8px;



}



.menu {



	float: left;



	width: 170px;



	padding-right: 10px;



	padding-left: 10px;



}



.menu li {



	line-height: 22px;



	font-weight: bold;



}



.menu li ul li {



	border-bottom-width: 1px;



	border-bottom-style: dashed;



	border-bottom-color: #d5d5d5;



	padding-left: 10px;



	font-weight: normal;



}



















#mainbody {



	float: left;



	width: 535px;



	padding-right: 5px;



}



#ad {



	float: left;



	width: 535px;



	padding-bottom: 5px;



}







#main_list {



	float: left;



	width: 535px;



	background-image: url(bottom2.gif);



	background-repeat: no-repeat;



	background-position: bottom;



	padding-bottom: 5px;



	margin-bottom: 5px;



}



#main_list_title {



	background-image: url(title2.gif);



	background-repeat: no-repeat;



	float: left;



	height: 25px;



	width: 525px;



	line-height: 25px;



	font-weight: bold;



	padding-left: 10px;



}



#main_list_content {



	float: left;



	width: 533px;



	border-right-width: 1px;



	border-left-width: 1px;



	border-right-style: solid;



	border-left-style: solid;



	border-right-color: #53a1d9;



	border-left-color: #53a1d9;



}



#pages {



	float: left;



	width: 533px;



	border-right-width: 1px;



	border-left-width: 1px;



	border-right-style: solid;



	border-left-style: solid;



	border-right-color: #53a1d9;



	border-left-color: #53a1d9;



	text-align: center;



	line-height: 25px;



}



.hot_pro {



	float: left;



	width: 533px;



}



.hot_pro_txt {



	float: left;



	width: 523px;



	line-height: 22px;



	border-bottom-width: 1px;



	border-bottom-style: dashed;



	border-bottom-color: #d5d5d5;



	padding-right: 5px;



	padding-left: 5px;



	



}



.hot_pro_txt h3 {



	font-size: 12px;



	color: #FF6600;



	margin: 0px;



	padding: 0px;



	text-align: center;



}



.hot_pro_txt p {



	margin: 0px;



	padding: 0px;



}







.hot_pro_img {



	float: left;



	width: 533px;



	padding-top: 5px;



}



.hot_pro_img li {



	float: left;



	width: 266px;



	text-align: center;



	line-height: 22px;



}



.pro_list {



	float: left;



	width: 251px;



	padding: 2px;



	border: 1px solid #d5d5d5;



	margin: 3px;



}



.pro_list_img {



	float: left;



	width: 102px;



}



.pro_list_txt {



	float: left;



	width: 148px;



}



.pro_list_txt h3 {



	color: #FF6600;



	font-size: 12px;



	text-align: center;



	margin: 0px;



	padding: 0px;



}



.pro_list_txt a {



	color: #FF6600;



}



.pro_list_txt p {



	margin: 0px;



	padding: 0px;



}















#footer {



	width: 750px;



	clear: both;



	background-color: #8cc7f1;



}



#bottom_nav {



	background-image: url(footer1.gif);



	background-repeat: repeat-x;



	background-position: top;



	text-align: center;



	float: left;



	width: 750px;



	padding-top: 5px;



	line-height: 25px;



}



#bottom_nav a {



	display: inline;



	padding-right: 5px;



	padding-left: 5px;



}



#copyright {



	float: left;



	width: 750px;



	text-align: center;



	line-height: 22px;



}



#new_pro {



	width: 114px;



}



.new_pro_title {



	float: left;



	width: 114px;



	background-image: url(title3.gif);



	background-repeat: no-repeat;



	height: 25px;



	line-height: 25px;



	text-align: center;



	font-weight: bold;



}



.new_pro_content {



	float: left;



	width: 112px;



	border-right-width: 1px;



	border-bottom-width: 1px;



	border-left-width: 1px;



	border-right-style: solid;



	border-bottom-style: solid;



	border-left-style: solid;



	border-right-color: #b8b9b8;



	border-bottom-color: #b8b9b8;



	border-left-color: #b8b9b8;



}



.new_pro_content li {



	float: left;



	width: 112px;



	text-align: center;



	line-height: 22px;



	background-color: #FFFFFF;



	padding-top: 5px;



}



#pro {



	float: left;



	width: 123px;



	text-align: center;



	border: 1px solid #CCCCCC;



	margin-right: 3px;



	margin-left: 3px;



	margin-top: 5px;



	padding-top: 1px;



}



.pro_img {



	float: left;



	width: 123px;



}



.pro_img img {



	width: 120px;



	height: 90px;



}



.pro_txt {



	float: left;



	width: 123px;



	line-height: 22px;



}



#about {



	float: left;



	width: 523px;



	padding-right: 5px;



	padding-left: 5px;



}



#cart {



	width: 533px;



	line-height: 22px;



}







/*-------------------��߲˵���ʽ-----------------------*/



/*�˵���С*/



.leftside {



width:158px;



padding:0px;



margin:0px;



float: left;



}



/*����Ʈ��*/



 #sortlist {



float:left;



padding: 0;



margin:0;



}



#sortlist li{ 



	clear:left;



	width:158px;



	padding-top: 0;



	padding-right: 0;



	padding-bottom: 0;



	padding-left: 0;



}







#sortlist li a {



	font-weight: bold;



	text-decoration:none;



	color: #666666;



	line-height: 25px;



}







/*���ϼ��˵�*/



#top_c{



	display:block;



	line-height: 25px;



	font-weight: bold;



	margin: 0px;



	padding: 0px;



	width: 158px;



}



/*�������ȥ����ɫ*/



#sortlist ul a:hover {



	text-decoration: underline;



}



#sortlist li a:hover  {



	text-decoration: underline; 



}







#sortlist li ul li a {



	text-align:left;



	margin-left:15px;



	font-weight: normal;



	display:block;



	padding-left: 0px;



}



#sortlist li ul {;



	margin-right:0px;



	margin-left: 0px;



	text-align: left;



}



/*�����»���*/



#sortlist li ul li {



	position: relative;



	border-bottom-style: dashed;



	border-bottom-width: 1px;



	list-style-type: none;



	color: #CACACA;



	border-bottom-color: #d4d4d4;



}



#sortlist li {



	margin: 0;



	



}



/*Ʈ��һ���˵�*/



#sortlist li ul li ul {



	left: 158px;



	border: 1px solid #333333;



	display: none;



	padding: 0;



	margin: 0;



	position: absolute;



	width: 158px;



	top: 0px;



	background-color: #FFFFFF;



}



#sortlist li ul li img {



padding: 0;



margin: 0;



position: absolute;



right: 0px;



top: 0px;



}



/*-------------------��߲˵���ʽ����-----------------------*/



.protitle_01 {



	margin: 0px;



	padding: 0px;



	float: left;



	height: 15px;



	width: 530px;



	background-image: url(protitletp.gif);



	background-repeat: no-repeat;



}



.procontent_01 {



	margin: 0px;



	float: left;



	width: 525px;



	border: 1px solid #CCCCCC;



	text-align: left;



	padding-top: 5px;



	padding-right: 0px;



	padding-bottom: 5px;



	padding-left: 3px;



}



.procontent_011 {



	margin: 0px;



	padding: 0px;



	float: left;



	width: 524px;



}



.procontent_011 .leibie {



	display: block;



	margin: 0px;



	padding-top: 0px;



	float: left;



	width: 164px;



	list-style-type: none;



	padding-right: 4px;



	padding-bottom: 0px;



	padding-left: 4px;



	border: 1px dashed #999999;



}



.payment {



	margin: 0px;



	float: left;



	width: 730px;



	padding-top: 5px;



	padding-right: 0px;



	padding-bottom: 5px;



	padding-left: 20px;



	border-top-width: 2px;



	border-top-style: solid;



	border-top-color: #53a1d9;



}



.payment li {



	float: left;



	margin: 0px;



	padding-top: 0px;



	padding-right:6px;



	padding-bottom: 0px;



	padding-left: 6px;



}



.payment img {



	border: 1px solid #53a1d9;



	padding: 2px;



	background-color: #E8E8E8;



}







#contact {



	font-size:14px;



	color:red;







}







#contact a {



	font-size:14px;



	color:red;







}

marquee li {



	width:100%;

}
#about dl{
	width:523px;
}
#about a{
	color: #333333;
	text-decoration: none;
}
#about dt{
	width:100%;
	float:left;
}
#about dd{
	float:left;
	width:140px;
	margin-left:20px;
}