/*--------------------------------------
*Filename:            style.css
*Description:         Global CSS
*Version:             1.0.0(2009-09-04)

==STRUCTURE:============================

*Page width:          970px
*Number of columns:   2

---------------------------------------*/
body,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p{padding:0; margin:0;}
body{width:100%; margin:auto; font:11px/150%  Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; color:#333; background:#fff; text-align:left; position:relative;}
fieldset,img {border:none;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
tr,td,select,input{font:11px/150%  Arial,"Lucida Grande",Verdana, Helvetica, sans-serif;}
label,img,input,textarea,select,button {vertical-align:middle;}
input.text, textarea {border:1px solid #ccc;}
button{overflow:visible;cursor:pointer;}

a:link,a:visited{color:#333;text-decoration:none; outline:none;}
a:hover,a:active{color:#f60;text-decoration:underline;}

.systemAlert{color:#f30;font-weight:bold;}
a.systemAlert,a.systemAlert:visited{color:#f30;}

.row{overflow:auto;zoom:1;}
.nav{ padding:5px 0; font-size:12px;}
.content{ padding:10px;}

/* __header----------------------------*/
#header{
	width:970px;	
	margin:0 auto;
}
#header970{	
	height: 167px;
	background: url(../images/topBg.jpg) no-repeat;	
}
.logo{float:left; display:inline;margin:40px 0 0 5px;}
.topMenu{
	background: url(../images/menuBg.gif) repeat-x;
	height: 38px;
	border:1px solid #fada63;
}
.topMenu ul{ width:880px; text-align:center;}
.topMenu li{display:inline; padding:0 10px; line-height:38px; font-weight:bold; font-size:12px;}
.topMenu li a,.topMenu li a:visited{ color:#fff;}
.topMenu li a:hover{ color:#000;}
.topMenu .menuDiv{
	background: url(../images/menuDiv.gif) no-repeat center center;
	height: 14px;
	width:2px;
}
.edition{ float:right; padding:5px;}

/* __pagebody----------------------------*/
#pagebody{
	width:970px;
	margin:10px auto 0;
	padding-bottom:10px;
	overflow:auto;
	zoom:1;
}

/* __sidebar----------------------------*/
#sidebar{
	float:left;
	width:190px;
	margin-right:10px;
	display:inline;
}

.leftSearch h3{
	background: url(../images/leftMenuTop.gif);
	font-weight:bold;
	font-size:14px;
	color:#fff;
	width:150px;
	height:25px;
	padding:10px 0 0 40px;
}
.leftSearch{
	background: url(../images/searchBg.gif) no-repeat center bottom;
	height: 100px;
}
.leftSearch .input{ border:1px solid #ddd; width:120px; height:20px; line-height:20px;}
.searchCon{ padding:10px 30px; text-align:right;}

/*define menu*/
#leftMenu{
	padding:10px 0 0;
	background:#fff;
}
#menu_index_top span{ margin-left:10px;}
#menu_index_top li a:link,#menu_index_top li a:visited{background:#fff url(../images/leftMenuTop.gif) no-repeat;width:150px;height:25px;display:block;font-size:14px;color:#fff;font-weight:bold;padding:10px 0 0 40px;}/*#333 */
#nav_chat p {padding:0;margin:0;}

.secNav{
	background: url(../images/leftMenu01.gif) repeat-x left center;
	padding:2px 12px;
}
.menu {font-size:12px;width:189px;padding-left:1px;background:#333;padding-bottom:2px;float:left;z-index:500;position:relative;}
.menu ul {background:transparent; float:left;}
.menu ul ul {width:189px;}
.menu ul li {float:left;display:block;width:188px;height:26px;line-height:26px;border-top:1px solid #333;font-weight:bold;background:#21547a url(../images/menu_arrow_bg.gif) no-repeat -1px -121px;}
.menu ul ul li {display:block;width:168px;height:auto; line-height:140%;border:0;font-weight:normal;padding:2px 0 2px 20px; border-right:2px solid #333;background-position:0 -52px;background-color:#fff;}
.menu ul ul .b_top {background-position:0 0;border-top:1px solid #333;border-right:2px solid #333;padding-top:10px;}
.menu a, .menu a:visited {display:block;float:left;height:100%; width:188px; font-size:1em;text-decoration:none;color:#fff; padding:0;text-indent:1em;}
.menu ul ul li a, .menu ul ul li a:visited {display:inline;color:#000;background:none;text-indent:0;width:auto;}
.menu ul ul li a:hover {color:#8D0011;background:none;text-decoration:underline;}
.menu ul ul :hover > a {color:#8D0011;background:none;text-decoration:underline;}
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}
* html .menu a:hover {color:#000;position:relative; z-index:100; text-decoration:none;background:#fff url(../images/menu_arrow_bg.gif) no-repeat -1px -148px;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#000;background:#fff url(../images/menu_arrow_bg.gif) no-repeat -1px -150px;}
.menu ul ul {position:absolute;height:0;top:-10000000px;left:156px; width:189px;padding-bottom:4px;height:auto;background:url(../images/menu_arrow_bg.gif) no-repeat 0 100%;}
.menu ul :hover ul {top:-1px;}
/*end define menu*/

/* __mainbody----------------------------*/
#mainbody{
	float:left;
	width:770px;
}

.banner{ margin-bottom:20px;}
.rightBox{ overflow:auto;zoom:1;}
.rightBox .rightBoxBox{ float:left;width:580px;}
.rightBox .rightBoxBox2{ float:left;width:190px;}
.rightBox h3{
	font-size:16px;
	font-weight:bold;
	padding:12px 10px;
	background:#fad756 url(../images/rightBoxTop.jpg) no-repeat;
	margin-bottom:10px;
}
.rightBox .time{ float:right; font-size:12px; font-weight:normal; color:#f30;}

.productsBox{
	float:left;
	width:180px;
	background: url(../images/productsBoxBg.gif) repeat-y;
	margin:0 10px 10px 0;
}
.productsBox h5{
	background: url(../images/prodcutsBoxTop.gif) no-repeat center top;		
	height: 29px;
	padding:0 10px;
	overflow:hidden;
	line-height:29px;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
.productsBox h5 a,.productsBox h5 a:visited{ color:#fff;}
.productsBox h4{
	height: 30px;
	overflow:hidden;
	text-align:center;
	padding:0 10px;
}
.productsBox .productsImg{display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size:135px; *font-family:Arial; width:180px; height:150px;}
.productsBox .productsImg img{vertical-align:middle;}
.productsBox .more{
	background: url(../images/prodcutsBoxBottom.gif);
	height: 29px;
	line-height:29px;
	text-align:right;
	padding:0 10px;
}

.productsBox2{
	width:190px;
	background:#f3f3f3;
	margin-bottom:10px;
}
.productsBox2 h5{
	background: url(../images/prodcutsBox2Top.gif) no-repeat center top;		
	height: 29px;
	overflow:hidden;
	line-height:29px;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
.productsBox2 h4{
	height: 30px;
	overflow:hidden;
	text-align:center;
	padding:0 10px;	
}
.productsBox2 .productsImg{display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size:105px; *font-family:Arial; width:170px; height:120px; margin:7px 10px;}
.productsBox2 .productsImg img{vertical-align:middle;}
.productsBox2 .price{ color:#c50707; font-weight:bold; text-align:center;}
.productsBox2 .more{
	background: url(../images/prodcutsBox2Bottom.gif);
	height: 29px;
	line-height:29px;
	text-align:right;
	padding:0 10px;
	border-top:1px solid #fff;
}

.textNote{ font-size:12px;}

.productBox .prev{text-align:right; padding:10px;border-top:1px solid #ddd; margin-top:10px;}
.productBox .productImg{ float:left;text-align:center;}
.productBox .productInfo{ float:left;}
.productBox h4{line-height:28px; font-size:13px; font-weight:bold; border-bottom:1px solid #ddd; margin-bottom:10px;}
.productBox .item{ text-align:left;}

.newsBox2{ border:1px solid #eee; font-size:12px; padding:20px; width:500px;}
.newsBox2 dl{ margin:10px 0; overflow:auto;zoom:1;}
.newsBox2 dt{ float:left; height:40px; color:#333;  margin:0 10px; font-weight:bold;}
.newsBox2 dd{height:40px; overflow:hidden;}

/* __footer----------------------------*/
#footer{
	width:970px; 
	margin:0 auto;
	background: url(../images/footBg.gif) repeat-x;
	color:#ab171a;
	font-weight:bold;
	padding:10px 0;
}
#footer a,#footer a:visited{ color:#d80419;}
.contact{ float:right; text-align:right;padding:0 10px;}
.footMenu{ overflow:auto;zoom:1;}
.footMenu li{ float:left; padding:0 10px;}
.copyRight{ padding:0 10px;;}