/* CSS Document */
body{width:770px;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:0px;font-size:12px;background:#fff;color:#000;line-height:150%;font-family:Arial, Helvetica, sans-serif}
td{text-align:left;}
a:link,a:visited{color: #000;}
a:hover {color: #c00;}
a:active {color: #c00;}
form{margin:0px;padding:0px;}
td,a,p,div{font-size:12px;}
h3{font-size:14px;font-weight:bold;font-family:"Times New Roman", Times, serif}
hr{color:#8fc426;}

#header{width:760px;text-align:left;background:#fff;height:60px;border-left:5px solid #fff;border-right:5px solid #fff;}
#navigation{width:760px;padding:5px;}
#logo{background:url(../images/logo.gif) no-repeat center;width:150px;height:60px;float:left;}
#logo a{display:block;width:150px;height:60px;}
#headerR{float:right;width:100px;text-align:center;padding:10px 20px;}
#headerR a{text-decoration:none;}
#search{float:right;text-align:center;}
#search form{margin-top:5px;padding-right:5px;}


#menu{clear:both;width:760px;background:#fff url(../images/bg/menuBg.gif) no-repeat;padding:0px;height:27px;border-left:5px solid #fff;border-right:5px solid #fff;}
#menu div{padding-left:240px;text-align:right;}
#menu a{display:block;padding:4px 10px;float:left;color:#fff;font-weight:bold;text-decoration:none;}
#menu a:hover{text-decoration:underline;color:#000;}

#menuShadow{background:#999;border-top:0px solid #fff;height:5px;font-size:1px;}
#homeTopAD{border-bottom:1px solid #fff;height:220px;border:5px solid #fff;}
#topAD{height:100px;background:#e0e0e0;border:5px solid #fff;}
#main{width:760px;background:#fff url(../images/bg/mainBg.gif) repeat-y;height:auto;border-left:5px solid #fff;border-right:5px solid #fff;border-bottom:5px solid #fff;border-top:5px solid #fff;}

#mainLeft{width:150px;float:left;height:200px;}
#leftMenu{width:100%;padding:5px;}
#leftMenu .right{text-align:right;padding:5px;}
#leftMenu a{display:block;padding:2px 0px 2px 10px;}
#leftMenu marquee{padding:5px;}
#leftMenu marquee a{display:inline;line-height:150%;padding:0px;}
/*#leftMenu a:link,#leftMenu a:visited{border-bottom:1px solid #fff;}
#leftMenu a:hover,#leftMenu a:active{color:#000;background:#e0e0e0;border-bottom:1px solid #fff;}*/
#leftMenu .classTitle{color:#8fc426;border-bottom:1px solid #8fc426;font-weight:bold;font-family:"Times New Roman", Times, serif}
#leftMenu .classTitle a{color:#8fc426;text-decoration:none;}
#leftMenu .classTitle a:link,#leftMenu .classTitle a:visited{}
#leftMenu .classTitle a:hover{color:#f00;}
#leftMenu .item a:link,#leftMenu .item a:visited{color:#333;border-bottom:1px dotted #8fc426;}
#leftMenu .item a:hover{color:#fff;font-weight:bold;background:#8fc426 url(../images/icon/arrow2.gif) 2px center no-repeat;padding:2px 0px 2px 20px;}
#leftMenu a{text-decoration:none;}


#mainMiddle{width:360px;float:left;line-height:150%;border-left:10px solid #fff;border-right:0px;border-top:10px solid #fff;border-bottom:10px solid #fff;}

#mainRight{width:240px;float:right;line-height:150%;padding-top:10px;padding-left:0px;}
#mainRight2{width:600px;float:right;text-align:left;}
#mainRight2 .classTitle{clear:both;background:#eaf6cc url(../images/icon/arrow.gif) right center no-repeat;color:#fff;padding-left:5px;padding-right:20px;border:0px solid #94d200;border-bottom:0px solid #94d200;line-height:140%;color:#000;font-weight:bold;padding:5px;display:block;font-size:14px;font-family:"Times New Roman", Times, serif}
#mainRight2 .classTitle a:link,#mainRight2 .classTitle a:visited{color:#000;line-height:100%;text-decoration:none;}
#mainRight2 .classTitle a:hover{color:#000;line-height:100%;text-decoration:none;color:#94d200;}


#mainRight2 .right{background:#f0f0f0;}
#mainRight2 .right .classTitle{background:#e0e0e0;border-bottom:1px solid #fff;color:#000;font-weight:bold;}
#mainRight2 .classTitle a{color:#fff;}
#mainRight2 .ad{border-top:5px solid #fff;border-bottom:5px solid #fff;height:100px;background:#def;padding:5px;}
#mainRight2 .ad td{padding:2px;}

.newsList{padding:15px;}
#mainRight2 .newsList{padding:15px;font-size:12px;}
#mainRight2 .newsList a{font-size:12px;}
#link{width:760px;border-left:5px solid #fff;border-right:5px solid #fff;background:#fff;border-top:1px solid #ccc;padding:5px 0px;}

#footerTop{background:#c00;height:5px;font-size:1px;border-right:5px solid #fff;border-left:5px solid #fff;}
#footer{margin:10px;clear:both;padding:10px 10px 20px 10px;text-align:left;border-top:1px solid #989898;color:#666;}
#homeFooter{color:#fff;text-align:center;}
#homeFooter a{color:#fff;text-decoration:none;}

#downMenu{width:760px;}
#downMenuAboutUS{
	float:left;
	position:absolute;
	visibility: hidden;
	z-index: 0;
	border:1px solid #999;
	background:#fff;

}

/*shopping cart*/
.pImage{clear:both;float:left;padding:5px;width:20px}
.pName{float:left;padding:5px;width:300px;}
.pQty{float:left;padding:5px;width:100px;}
.pAction{float:left;padding:5px;width:100px;}
.cartLine{border-bottom:1px solid #8fc426;border-top:1px solid #fff;height:35px;}


.right{text-align:right;}
.homeLeftTitle{color:#8fc426;border-bottom:1px solid #e5e5e5;font-weight:bold;}
.homeLeftText{color:#666;}
.homeProduct{height:145px;width:497px;background:#fff url(../images/bg/homeProductBg.jpg)}
.homeProduct div{text-align:center;padding:10px;text-align:center;}
.homeProduct div td{text-align:center;}

/*.downSubMenu{background:#fff;z-index:1}*/
.downSubMenu a{display:block;background:#fff;}

.itemTitle{background:#eaf6cc url(../images/icon/arrow.gif) right center no-repeat;color:#fff;padding-left:5px;padding-right:20px;border:0px solid #94d200;border-bottom:0px solid #94d200;line-height:140%;color:#000;font-weight:bold;padding:5px;display:block;font-size:14px;font-family:"Times New Roman", Times, serif}
.itemTitle a:link,.itemTitle a:visited,.itemTitle a:hover{color:#fff;text-decoration:none;}


.content{color:#333;font-size:12px;line-height:150%;padding:5px;text-align:left;}
#mainRight2 .left{float:left;width:200px;}
#mainRight2 .right{float:right;width:200px;}
.content p{font-size:12px;margin:10px 0px;}
.content a:link,.content a:visited{color:#000;text-decoration:underline;}
.content a:hover{color:#c00;text-decoration:none;}

.link td{text-align:center;}
.link img{border:1px solid #f0f0f0;padding:2px;margin-top:6px;background:#fff;}
.productTB{background:#fff;}
.productTB td{text-align:left;}
.productTB img{background:#fff;border:1px solid #ccc;padding:1px;}
.tdCenter td{text-align:center;}
.center{text-align:center;}

.productDetailTB td{text-align:left;}
.subMenu{
	width: auto !important;
	overflow: visible;
	padding: 0.2em 0.5em 0.4em 2em;
	background-image: url(../images/bg/subMenuBack.gif);
	background-repeat: repeat-x;
}
.subMenuItem{
	border-bottom: 1px double #cf9;
	padding:5px 5px 5px 30px;
	background:#99CC66;
	}


.red{color:red;}

.pad10px{padding:10px;}
.pad5px{padding:5px;}
.pad20px{padding:20px;}
.pad10pxLR{padding:0px 10px;}
.border2pxTB{border-top:2px solid #fff;border-bottom:2px solid #fff;}
.border2pxT{border-top:2px solid #fff;}


.inputBtn{
	height:20px; 
	font:12px; 
	BORDER-BOTTOM: #cccccc 1px groove; 
	BORDER-RIGHT: #cccccc 1px groove; 
	BACKGROUND-COLOR: #eeeeee;}
.inputText {
	BORDER-RIGHT: #ffffff 1px groove;
	BORDER-TOP: #ffffff 1px groove;
	FONT: 12px Verdana,Geneva,sans-serif;
	BORDER-LEFT: #ffffff 1px groove;
	COLOR: #000000;
	BORDER-BOTTOM: #ffffff 1px groove;
	BACKGROUND-COLOR: #ddeeff;
	background-image: url(../images/btn/TbNavBack.gif);
}
a.icoBuy{display:block;width:100px}
a.icoBuy:link,a.icoBuy:visited {border:2px solid #8fc426;padding:2px;background:#EEF9FB;color:#000;font-weight:bold;margin-top:5px;text-align:center;}
a.icoBuy:hover {color:#8fc426;border:1px solid #8fc426;padding:3px;}
a.icoBuy2{display:block;width:200px}
a.icoBuy2:link,a.icoBuy2:visited {border:2px solid #8fc426;padding:2px;background:#EEF9FB;color:#000;font-weight:bold;margin-top:5px;text-align:center;}
a.icoBuy2:hover {color:#8fc426;border:1px solid #8fc426;padding:3px;}
/*滚动QQ*/
.qqTitle a:link,.qqTitle a:visited{background:#eff7fb url(../images/bg/subMenuBack.gif) repeat-x;display:block;padding:2px;font-weight:bold;text-decoration:none;color:#369;}
.qqTitle a:hover{background:#eff7fb url(../images/bg/menuBgBlue.gif) repeat-x;color:#fff;}
/*下拉菜单*/
ul#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border:1px #eee solid;
	}
	
#nav li {
	display: block; 
	float: left;
	}
#nav li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 4px 11px 4px 12px;
	border-left: 1px solid #36c;
	border-bottom: 0;
	background: url(img/arrow-down.gif) right 55% no-repeat;
	}
#nav li li a{ border:0;}
	
/*
SON OF SUCKERFISH DropDOWNS
See http://www.htmldog.com/articles/suckerfish/dropdowns/
--------------------- */

/* 2nd and 3rd level menus */
#nav ul {
	position: absolute;
	z-index: 99;
	left: -999em;
	margin: 0px 0 0 -1px;
	padding: 0;
	width: 8em;
	w\idth: 6em;
	height: auto;
	background:#36c;
	border:#fff 1px solid;
}

/* 3rd level menus only */
#nav ul ul {
	margin: -1.3em 0 0 6em;
}

/* 2nd and 3rd level menus */
#nav li li a:link,#nav li li a:visited {
	padding: 3px 1em 3px 1em;
	width: 8em;
	border-bottom: 1px solid #fff;
	background:#36c;
}
#nav li li a:hover {
	padding: 3px 0em 3px 2em;
	width: 8em;
	border-bottom: 1px solid #fff;
	background:#339 url(../images/icon/arrow2.gif) no-repeat 5px center;
}

/* 2nd and 3rd level menus */
#nav ul a {
	width: 13em;
	w\idth: 9em;
	border-right: 0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
}

/* 2nd and 3rd level menus */
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {

}

/* 2nd and 3rd level menus */
#nav ul li a, #nav ul ul li a {
	background:none;
	}
#nav ul li a:hover, #nav ul ul li a:hover {
	
	}
/* 2nd level menus only */
#nav a.sub {
	background: url(img/arrow-right.gif) right 52% no-repeat;
}
/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */