@charset "utf-8";
/* CSS Document **** FOR 090816 eShop:valleytools */
/* public : line  */
.line, .whiteline, .blueline, .dotline, .greyline, .colorline { clear:both; margin:0; padding:0; font-size:0; line-height:0; height:1px; line-height:1px;}
.whiteline { background-color:#fff;}
.blueline { background-color:#4ebfe6;}
.colorline {background-color:#cfcfce;}
.greyline { background-color:#d2d6cd;}
.cleardiv { clear:both; font-size:0; line-height:0; height:0;}
.dotline {  background:url('../images/dot_line.gif') repeat-x left;}


/*  page class */
.bodybg { margin:auto; padding:0; background:#544e55;}
/* header */
#header { clear:both; margin:0 auto; padding:0; width:980px; height:147px; background:url(../images/bg_header.gif) repeat-x left top;}
	#logo { float:left; padding:0; margin:0; width:200px; height:104px; overflow:hidden; text-indent:-999px;}
		#logo a { display:block; width:200px; height:104px; text-decoration:none; border:0; }
	#topbar { float:right; padding:0; margin:0; width:500px; height:104px;}

/* Main area, including leftbar and contents  */
#maincontent { padding:0; margin:auto; width:980px; background:#fff url(../images/bg_content.gif) repeat-y left top; overflow:hidden; text-align:left;}
		#leftbar { float:left; margin:0; padding:0 10px 10px 10px; width:180px; min-height:580px; _height:580px; overflow:hidden; background:url(../images/bg_cat.jpg) no-repeat left top;}
		#content {  float:left; margin:0; padding:0; width:780px; text-align:left; display:inline;}
		.contentianer {margin:0; padding:4px 10px 10px 10px; width:760px; overflow:hidden;}
		
/* footer */
#footer { margin:auto; margin-top:10px; padding:10px 0 0 200px; width:780px; background:#2d2c32 url(../images/logo_footer.gif) no-repeat left top; background-position:8px 50%; color:#fff;}
	.footer_box { float:left; margin:0 0 0 20px; padding:8px; height:80px; width:160px;}
	.footer_box span { font-weight:bold;}
	.footer_box ul { margin:0; padding:0; list-style:none; }
	.footer_box ul li { margin:0 0 0 2px; padding:0; color:#caf7a5; }
		a.footerlink,a.footerlink:link { font-family:"Arial","Tahoma","Verdana","Lucida Grande"; color:#b5a7a1; text-decoration: none; font-size:12px; line-height:16px;}
		a.footerlink:hover {color:#fff; }
	.footer_x { float:left; margin:0 20px 0 20px; padding:0; height:80px; width:1px; font-size:0; line-height:0; background:url(../images/footer_x.gif) no-repeat left top; background-position:0 12px;}
#footer_copyright { clear:both; color:#b5a7a1; margin:0 0 0 30px; padding:10px 0 0 0; font-size:12px; line-height:22px; width:650px; height:22px; text-align:left;}

/* Category */
.left-title { clear:both; padding:15px 0 5px 0; height:20px; text-align:center;}
.catline {clear:both; height:2px;	padding:0; margin:0; background:url(../images/cat_x.png) no-repeat center top;  font-size:0;}
.subcatline {clear:both; height:1px; padding:0; margin:0; background:url(../images/subcat_x.png) repeat-x left top;  font-size:0;}
.titleline  {clear:both; height:2px; padding:0; margin:0; background:url(../images/title_x.png) no-repeat center top;  font-size:0;}
.category_selected , .category_normal { margin:0; padding:6px 0 6px 20px; background:url(../images/dot_cat.gif) no-repeat left top; background-position:5px 10px; text-align:left; }
.category_selected { background:url(../images/dot_cat_sel.gif) no-repeat left top; background-position:5px 10px;}
a.catlink,a.catlink:link,a.catlink:visited {display: block;text-decoration: none; color:#000;font-size:12px; line-height:18px; font-weight:bold;}
a.catlink:hover {color:#000;text-decoration:underline; }
a.catlink_select,a.catlink_select:link, a.catlink_select:visited {display: block;text-decoration: none; color:#c94304 ;font-size:12px;line-height:18px; font-weight:bold;}
a.catlink_select:hover {color:#c94304;text-decoration:underline;}

.subcatnormal,.subcatselected { margin:0; padding:3px 0 3px 28px; background: url(../images/dot_subcat.gif) no-repeat left top; background-position:16px 10px; text-align:left; }
.subcatselected { background:url(../images/dot_subcat_sel.gif) no-repeat left top; background-position:16px 10px;}
a.subcatlink,a.subcatlink:link, a.subcatlink:visited{padding-right:4px; display: block;text-decoration: none; color:#333;font-size:12px;line-height:18px; }
a.subcatlink:hover {color:#333;text-decoration:underline; }
a.subcatlink_select,a.subcatlink_select:link, a.subcatlink_select:visited{ padding-right:4px; display: block;text-decoration:none; color:#c94304; font-size:12px;line-height:18px; }
a.subcatlink_select:hover {color:#c94304; text-decoration:underline; }

/* Member Left bar  */
/* member bar */
#member_bar { margin:0; padding:0; text-align:left;}
#member_bar ul {list-style: none; clear:left; margin:0; padding:0; line-height:22px;}
#member_bar ul li { background:url('../images/dot_faq_light.gif') no-repeat left; background-position:0 6px; height:24px; _height:24px;}
a.memberlink,a.memberlink:link,a.memberlink:visited { padding-left:20px; display:block; text-decoration: none; color:#000;font-size:12px;line-height:26px; font-weight:bold;}
a.memberlink:hover {color:#000; text-decoration:underline; }

/* for sitemap nav  */
#sitemapnav { padding:0px; margin:0; margin-top:8px; height:22px; overflow:hidden; background:url(../images/dot_line.gif) repeat-x left bottom;}
#sitemap_link { font-family: "Verdana", "sans-serif"; float:left; font-size:9px; color:#5e5e5e; padding-top:4px;}
#sitemapnav_title { font-family:"Arial","Tahoma", "Times New Roman","Times"; float:right; padding:0; font-size:1.8em; font-weight:bold; color:#ee5108; font-variant:small-caps; font-weight:bold;}
a.navlink ,a.navlink:link,a.navlink:visited { font-family: "Verdana", "sans-serif";font-size: 9px;line-height: 10px;text-decoration: none; color: #5e5e5e; }
a.navlink:hover {	text-decoration:underline; }

/* feedback form  */
#fb-div { margin:8px; padding:0;}
#fb-header { padding:6px; height:28px !important; height:38px; background-color:#2067ad;}
#fb-box { margin:0; padding:4px; height:18px !important; height:22px; border:#f9e6df 1px solid; font-weight:bold; color:#fff; text-align:left;}
#fb-line1 {	clear:both;	padding:0; margin:0; height:2px; background-color:#d0d0d2;font-size:0;}
#fb-line2 {	clear:both;	padding:0; margin:0; height:4px; background-color:#d0d0d2;font-size:0;}
#fb-content {	background-color:#f3f2f2;	padding:8px 8px 8px 8px;	min-height:68px;	text-align:left;}
#fb-thank { margin:0; padding:8px; height:90px; background:url(../images/icon_call.gif) no-repeat left top; padding-left: 108px; text-align:left;}

/* information  */
.viewstyle { border:1px solid #f0f0f0; height:24px; padding:6px; padding-top:10px; padding-left:58px; height:38px; background:url(../images/icon_sc.gif) no-repeat left top;}

/* toolstip */
#tooltip {	position: absolute;	z-index: 3000;	border: 1px solid #111;	background-color: #eee;	padding: 5px;	opacity: 0.85;}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip.pop_sc {	font-family:"Lucida Grande","Arial","Tahoma","Verdana"; color:#000; font-size:10px; border: none; padding:0; padding-top:14px; padding-left:42px; width:60px; height:22px; opacity:0.8; background:url(../images/bg_sc.png) no-repeat left top; text-align:left;}

/* products and category image border */
.pro-image { border:1px #c9c9c9 solid;}

/* for Img Border */
.imgout_bak { border:1px #ccc solid; background-color:#fff; padding:2px;}
.imgout { border:1px #ccc solid; background-color:#fff; padding:0;}
.imgon { border:1px #ee5108 solid;}