/*--------------------------------------
*Filename:            style.css
*Description:         Global CSS
*Version:             1.0.0(2009-06-22)
*Website:             http://*****.com
*Author:              it5.cn        

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

*Page width:          1000px
*Number of columns:   3

---------------------------------------*/
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% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; color:#333; background:#808080; text-align:left; position:relative;}
body, div, img{ behavior:url("iepngfix.htc");}
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 Verdana, Arial, 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:#f65041;text-decoration:underline;}
.systemAlert{color:#ff0000;}
.row{ overflow:auto;zoom:1;}

/* __container----------------------------*/
#container{width:965px; margin:0 auto; background:#fff;}

/* __header----------------------------*/
#header{padding:10px 10px 20px;}

.header1,.header2,.header3{overflow:auto;zoom:1;}
.header1 .topLink{float:left;}
.header1 .topNav{float:right;}
.topNav a,.topNav a:visited{color:#3300ff}

.header2{ padding:5px 0;}
.header2 .gfLogo{ float:left;}
.header2 .topMenu{ float:right;width:780px;}
.topMenu li{float:right;height:21px;margin:3px;background:#3768a3 url(../images/menu_ll.gif)  left top; }
.topMenu li a:link,.topMenu li a:hover,.topMenu li a:visited{display:block;height:16px;padding:2px 15px 3px 10px;
margin-left:5px;width:auto;font:bold 13px/120% arial;color:#fff;background:#3768a3 url(../images/menu_rr.gif) right top;hide-focus:expression(this.hideFocus=true);outline:none;_float:left;_margin-left:3px;}

.header3 .topNote{float:left;}
.header3 .topNote .topShipping{ color:#f4c124; font-weight:bold;}
.header3 .topContact{float:right;color:#666699;}
.header3 .topContact a,.header3 .topContact a:visited{color:#666699;}

.topSearch{ margin-top:5px; border:1px solid #e3e8ec; background:#f0f5f9; padding:10px;}
.topSearch .search{ color:#333; font-size:14px; font-weight:bold;}
.topSearch .search .input{ border:1px solid #999; width:500px;height:16px; line-height:16px;}
.topSearch .keyWord{ color:#666699; margin-top:5px;}
.topSearch .keyWord a,.topSearch .keyWord a:visited{color:#666699;}

.topSearch2{background:#d6d7dc; padding:8px; margin-top:1px;}
.topSearch2 select{width:700px;}

.topSearch3{
    float:right;
	background: url(../images/topSearch03.gif);
	height: 56px;
	width: 565px;
	padding:3px 5px;
}
.topSearch3 .input{ width:430px;}
.topMenu2{
	background: url(../images/topMenu2.gif);
	height: 65px;
	color:#fff;
	overflow:auto;
	zoom:1;
}
.topMenu2 a,.topMenu2 a:visited{ color:#fff;}
.topMenu2 .view{ float:left;padding:10px; width:103px;font-size:14px; font-weight:bold;}
.topMenu2 .topMenu22{ float:left;overflow:auto;	zoom:1;}
.topMenu2 .topMenu22 .topMenu222 ul{width:800px; text-align:left; margin:0 auto;}
.topMenu2 .topMenu22 .topMenu222 ul li{ padding:10px 2px; display:inline;}
.topMenu2 .topMenu22 .nav{ padding:5px;}
.topMenu2 .topMenu22 .active a,.topMenu2 .topMenu22 .active a:visited{ font-weight:bold; color:#D71522;}
a.qnmde{ color:#FF0000;}
a.qnmde:visited{ color:#FF0000;}

/* __pagebody----------------------------*/
#pagebody{
	padding:0px 10px 10px 10px;
	background: url(../images/pagebodyBg.gif) repeat-y;
}

/* __mainbody----------------------------*/
#mainbody{ float:left;width:725px; margin-right:10px; overflow:auto; zoom:1; overflow:hidden;}
.leftBox{ width:256px; float:left;}
.productsBox{ float:left; text-align:center; width:115px; margin-bottom:10px;}
.productsBox .productsImg{ display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size: 86px; *font-family:Arial; width:100px; height:100px; border:2px #999 solid;}
.productsBox .productsImg img{vertical-align:middle;}
.productsBox .productsImg a  {
	border: 0;
	margin: 0;
	display:block;
	z-index:1
}
.productsBox .productsImg a img  {
	margin: 0;
	z-index:1
}
.productsBox .productsImg a:hover  {
	margin: -50px 0 0 -2px;
	*margin:-2px 0 0 -52px;
	_margin: -2px 0 0 -2px;
	position: absolute;
	border:2px #999 solid;
	*font-size: 80px;
	z-index:5
}
.productsBox .productsImg a:hover img  {
	width: 300px;
	height:auto;
	z-index:6
}
.productsBox h4 a,.prodcutBox h4 a:visited{color:#3300ff; line-height:24px;}
.productsBox .price{ color:#000;}
.productsBox .date{ color:#666;}

.banner{ float:left; background: url(../images/bannerBg.gif) repeat-y;}
.banner1{margin:8px 23px;}
.bannerNews{margin:8px 23px;}
.banner h3{
	background: url(../images/newsBg.gif) no-repeat left;
	color:#fff;
	font-weight:bold;
	padding:5px;
}
.bannerTop{ background: url(../images/bannerTopBg.gif) no-repeat; }
.bannerBottom{ background: url(../images/bannerBottomBg.gif) no-repeat; }

.banner2{ width:356px;float:left; margin:10px 2px; overflow:hidden;}
.leftBox2{ width:356px; float:left; margin:10px 2px;}
.leftBox2 h3{
	background: url(../images/leftBox2Top.gif) no-repeat;
	height: 20px;
	padding:10px;
	font-weight:bold;
}

.leftBox3{ width:716px; float:left; margin:10px 2px;}
.leftBox3 h3{
	background: url(../images/leftBox3Top.gif) no-repeat;
	height: 20px;
	padding:10px;
	font-weight:bold;
}
.more{ float:right;}
.banner3 img{ margin:20px 2px 10px;}

.newsInfo{padding:0px;}
.newsInfo h3{
	background: url(../images/leftBox3Top.gif) no-repeat;
	height: 20px;
	padding:10px;
	font-weight:bold;
}
.newsInfo .content{ padding:10px;}
.newsInfo h5{ font-weight:bold; font-size:13px; margin:25px 0 5px 0;}
.newsInfo dl dt{ color:#9d9b9b;margin:5px 0;}
.newsInfo dl dd{ margin:0;}

.productBox h3{
	background: url(../images/productBg.gif) no-repeat left;
	padding:5px 10px;
	font-weight:bold;
	color:#fff;
}
.productInfo{ margin:10px; overflow:auto;zoom:1; overflow:hidden;}
.productImg{ float:left}
.productContent{ float:left; border:1px solid #ddd; background:#f5f5f5; margin:0 10px; padding:10px;}
.productContent dt{ background:#ddd; padding:5px; font-weight:bold;}
.productContent dd{ margin:10px 0;}
.productOtherImg{ margin:10px;overflow:auto;zoom:1;}

/* __sidebar----------------------------*/
#sidebar{ float:left; width:210px; background:#e3e3e3; height:auto;}

.currency{ background:#fff; padding-bottom:10px;}
.currency select{ width:100px;}
.rightMenu h3{padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #bababa;}
.rightMenu h3 a,.rightMenu h3 a:visited{ font-size:13px; font-weight:bold; color:#d41324; }
.rightMenu ul li{ padding:10px;}

/* __footer----------------------------*/
#footer{ margin-top:10px; }
.footerMenu{
	background: url(../images/footerBg.gif);
	line-height: 24px;
	text-align: center;
	padding:0 10px;
}
.footerMenu a,.footerMenu a:visited{ color:#fff;}
.copyright{ padding:10px;text-align:center; color:#000; line-height:24px;}