/*------------------------------------------
Sohoware Style Sheet

Version:	1.0
Author:		yinghuiwu
Time:		2007-7-4
--------------------------------------------*/

/* =Universal Settings
--------------------------------------------*/

	body {margin: 0;background: black url(main_bkgd.jpg) repeat-x top center;font: normal 12px "Arial";}
	#panel {margin: 0px auto; width:830px;background: white;border: solid 1px #E3E7E7;}
	.padding {padding: 0 20px;}
	.clear {clear:both;margin:0;padding:0;height:0;}

	a:link {text-decoration: none;color: #108576;}
	a:visited {text-decoration: none;color: #638C87;}
	a:hover {color: #316F11;}
	.fn12 {font-size: 12px;}
	*{margin: 0; padding: 0;list-style:none;}
	p {line-height: 150%;}
	h2,h3,h4 {font-size: 12px;}
	h4 {font-weight: normal; color: #888888;}
	img {border:0;}
	h1{font:normal 12px Arial;color:#777777;}

/* =Home css Settings
--------------------------------------------*/
	
	#header {background: white;}
		.logo {float:left;padding: 20px 0 4px 0; }
		.title {float:left;padding: 35px 0 4px 0; }
		.menu {float: right;padding: 20px 0 4px 0; }
	#header ul {display: inline;margin: 0;padding: 0;z-index: 0;}
	#header li {display: inline;list-style: none;margin: 0;	padding: 0;	float: left;background-image: none;	z-index: 0;}
		li#nav1 a {background: url(menu_buy.gif);background-position: 0 0;display: block;width: 108px;height: 36px;text-indent: -999999px;overflow: hidden;}
		li#nav1 a:hover {background: url(menu_buy.gif); background-position: 0 -36px;border: 0;}
		li#nav1 a.current {background: url(menu_buy.gif);background-position: 0 -72px;}
		li#nav2 a {background: url(menu_gallery.gif);background-position: 0 0;display: block;width: 114px;height: 36px;text-indent: -999999px;overflow: hidden;}
		li#nav2 a:hover {background: url(menu_gallery.gif); background-position: 0 -36px;border: 0;}
		li#nav2 a.current {background: url(menu_gallery.gif);background-position: 0 -72px;}
		li#nav3 a {background: url(menu_news.gif);background-position: 0 0;display: block;width: 138px;height: 36px;text-indent: -999999px;overflow: hidden;}
		li#nav3 a:hover {background: url(menu_news.gif); background-position: 0 -36px;border: 0;}
		li#nav3 a.current {background: url(menu_news.gif);background-position: 0 -72px;}
		
		
	#nav {background: url(nav_back.gif);}
		.nav_rgt {background: url(nav_rgt.gif) no-repeat right top; height: 50px;}
		.nav_lft {background: url(nav_left.gif) no-repeat left top;height: 50px; text-indent: 1em; color: #888888;}
		#nav .padding{padding: 20px 0 0 0;}
		#nav a {color: #777777;}
		#nav a:hover {color: #444;}
		#nav .navlink {float:left;width: 237px;}
		#nav h1 {float:left;line-height: 135%;}

	#content {margin-top: 5px;width: 100%;}
	#content a:hover {color: #316F11;border-bottom: dotted 1px #316F11;}
	#content .padding {padding: 0;}
		.mainpic {margin-bottom:12px;}
		#mainpic {margin-bottom:12px;}
		#mainpic a:hover{border:none;}
		#canvas {margin: 5px 0 10px 0;background: url(canvas.gif) no-repeat left top;height:207px;}
		#canvas .item {padding-top:41px;padding-left:254px;}
		#canvas li {width: 155px;padding-right:20px;float:left;}
		#canvas .man {background: url(canvas_man.gif) no-repeat left top;height: 207px;z-index: 2;margin-top: -165px;}
		#canvas li a:hover{border:none;}
		#event {margin-top: 10px;}
		#event .left {float:left;width: 74%;}
		#event .right {float:right; width: 23%;margin-top:10px;} 

	
	#bottom {border-top: solid 1px #E3E7E7;color: #888888;line-height: 190%; background: url(ware.gif) no-repeat right;margin-top: 20px;padding: 10px 0;}
	#bottom .padding {padding: 0px 20px;}
	#bottom a:link{color: #888888;}
	#bottom a:hover {color: #316F11;border-bottom: dotted 1px #316F11;}
	#bottom a:visited{color: #888888;}
	
	#footer {margin: 0px auto; width:832px;background: white;}
	#footer .validation {border-right: solid 1px #E3E7E7;border-bottom: solid 2px #E3E7E7;border-left: solid 1px #E3E7E7; background: #F4F4F4; padding: 12px 10px 10px 10px;text-align: right;}
	#footer .copyright {padding: 5px 10px;text-align: right;color: gray;font-size: 10px;}


/* =Home Event CSSs
--------------------------------------------*/		
	#event .item {margin-bottom: 16px;}
		#event h2,h3 {border-bottom: solid 2px #FF7908; color: #FF7908;padding: 2px 0;margin: 10px 0 2px 0;line-height: 200%;font-size: 120%;}
		#event h2 a:link {color: #FF7908;}
		#event h2 a:visited {color: #FF7908;}
		#event h2 a:hover {color: #FF7908;border-bottom: dashed 1px #FF7908;}
		#event p{line-height: 150%;margin: 7px 0; color: #323232}
		#event p a {color: #323232}
		#event .note {padding-top: 1px; color: #888888;}
		
	#link {margin-bottom: 16px;}
		#link .outer_lft {background: url(msgboardmenuback_left.gif) no-repeat left bottom;height:27px;}
		#link .outer_rgt {background: url(msgboardmenuback_rgt.gif) no-repeat right bottom;height:27px; color: white; font-weight: bold;line-height: 220%; text-indent: 2em;}
		#link p{padding: 2px 0;  border-bottom: solid 1px #B0AF95;line-height: 135%;color: #323232;}
	
	#category {margin-bottom: 16px;}
		#category .outer_lft {background: url(catemenuback_left.gif) no-repeat left bottom;height:27px;}
		#category .outer_rgt {background: url(catemenuback_rgt.gif) no-repeat right bottom;height:27px; color: white; font-weight: bold;line-height: 220%; text-indent: 2em;}
		#category p{background: url(catalog_arrow.gif) no-repeat left;  border-bottom: solid 1px #B0AF95;line-height: 200%;color: #888888; text-indent: 18px;font-weight: bold;}
		#category p a {color: #323232}
	
	#hmnews {margin-bottom: 16px; }
		#hmnews p{background: url(news_arrow.gif) no-repeat left; line-height: 160%;color: #888888; text-indent: 18px;font-weight: normal;white-space:nowrap;overflow: hidden;}
		#hmnews p a {color: #323232}

/* =Products CSSs
--------------------------------------------*/	
	#product {margin-top:10px;}
	#product .item {padding: 10px 20px}
	#product .item2 {padding: 10px 20px;background: #F6F6F6;}
	#product h2 {text-indent: -999999px;margin-bottom: 10px;}
	#product ul{padding: 8px 0 0 20px;}
	#product li{line-height: 200%; color: #666666;font-weight: bold;}
	#product .notetxt {color: #888888;padding-left: 30px;font-weight: normal;}
	
	#product .hr{background: #F6F6F6 url(hrline.gif) repeat-x; height: 3px;margin:0;padding:0;}
	
	#btn li {display: inline;list-style: none;margin: 0;padding: 0;	float: right;background-image: none;z-index: 0;}
	li#btnview a {background: url(button_view.gif);background-position: 0 0;display: block;width: 95px;height: 36px;text-indent: -999999px;overflow: hidden;}
	li#btnview a:hover {background: url(button_view.gif); background-position: 0 -36px;border: 0;}
	li#btnbuy a {background: url(button_buy.gif);background-position: 0 0;display: block;width: 66px;height: 36px;text-indent: -999999px;overflow: hidden;}
	li#btnbuy a:hover {background: url(button_buy.gif); background-position: 0 -36px;border: 0;}
	li#btnview2 a {background: url(button_view2.gif);background-position: 0 0;display: block;width: 95px;height: 36px;text-indent: -999999px;overflow: hidden;}
	li#btnview2 a:hover {background: url(button_view2.gif); background-position: 0 -36px;border: 0;}
	li#btnbuy2 a {background: url(button_buy2.gif);background-position: 0 0;display: block;width: 66px;height: 36px;text-indent: -999999px;overflow: hidden;}
	li#btnbuy2 a:hover {background: url(button_buy2.gif); background-position: 0 -36px;border: 0;}

	li#btnok a {background: url(button_ok.gif);background-position: 0 0;display: block;width: 132px;height: 36px;text-indent: -999999px;overflow: hidden;}
	li#btnok a:hover {background: url(button_ok.gif); background-position: 0 -36px;border: 0;}
	li#btnback a {background: url(button_back.gif);background-position: 0 0;display: block;width: 155px;height: 36px;text-indent: -999999px;overflow: hidden;}
	li#btnback a:hover {background: url(button_back.gif); background-position: 0 -36px;border: 0;}
		
	#product td{height: 23px;}
	#product th{color: #666666;text-align:left;}
	#product input,textarea{padding:4px 0 3px 4px;font-family: Arial;font-size: 14px;}

/* =Otherpages CSSs
--------------------------------------------*/		
	#others {padding: 10px 20px}
	#others a {color: #666666;}
	#others ul{padding: 8px 0 0 20px;}
	#others li{line-height: 200%; color: #666666;font-weight: bold;}
	#others h2,h3 {margin-top: 20px; border-left:solid 3px #80AF20;text-indent: 10px; border-bottom: dashed 1px #80AF20;color: #888888;}
	#others p {padding: 10px 10px 0 20px;}

/* =Home Customer feedback CSSs
--------------------------------------------*/	
#feedback{}
#feedback h2 {font-size: 12px;color: gray; border:none;}
#feedback .item1 {font: italic 16px Arial;line-height: 140%; border-left: solid 4px #999; padding-left: 7px;margin-left: 10px;text-indent: 2em;}
#feedback .item2 {font: italic 16px Arial;line-height: 140%; border-right: solid 4px #999; padding:0 5px 0 7px;margin-left: 10px;text-indent: 2em;}
#feedback .name {font: italic 14px Arial;font-weight: bold; text-align: right;padding-right: 10px;}

.homelink {padding-left:20px;margin:10px 0 0 0;}
.homelink a:link{color: #666666;}


/* = New logo page css 2008423
----------------------------------*/
	#lmenu {background: white url(2menu_back.gif) repeat-x;width: 780px;height:40px;}
	#lmenu ul {background: url(2menu_rgt.gif) no-repeat right top;width: 780px;height:40px;}
	#lmenu li {float: left;}
	#lmenu a:hover {border: solid 0px #ECECEC;}
	h4 {padding:0; margin:10px 0;}
	.litem {padding: 2px 0; width: 781px;}
	.litem li {float: left; padding: 3px 7px 3px 0;}
	#levent a:link {text-decoration: none;}
	#levent a:visited {text-decoration: none;}
	#levent a:hover {color: #316F11;border: solid 0px #ECECEC;}
	
	.page {padding-top: 20px;}
	.page li {float:left; padding-right: 20px;}

	/*-- google ad -*/

	.ad {margin-left: 10px;}
	.ad2 {text-align: center; margin-bottom: 20px;}