/*============= define mycss.css ===============*/
/*======= 2008/12/09  author:salmon=========*/


/*======= First define main reference ======*/

body{
     color:#42464E;
	 background-color:#fff;
	 font-family: Arial,Tahoma,Helvetica, serif ;
	 font-size:11px;
	 margin:0px;
	 }

img{
     border:0px;
	 }

a{
  behavior:url(dot.htc);
  color:#42464E;
  text-decoration:none;
}

a:link{
  color:#42464E;
  text-decoration:none;
  }

a:visited{
  color:#42464E;
  text-decoration:none;
  }

a:hover{
  color:#42464E;
  text-decoration:underline;
  }
 

.fenye{
       margin-top:27px;
	   margin-bottom:27px;
	   clear:both;
	   }

.fenye select{
              font-size:9px;
			  }


/* define a small pic */
#sanjiao{ 
         margin-left:21px;
         border-top:4px solid #fff;
		 border-left:4px solid #4a4949;
		 border-bottom:4px solid #fff;
		}


/* define read more stylesheet */
.readmore{
          margin:2px;
		  color:#C70000;
		  }

		  .readmore a:link{
		                text-decoration:underline;
						color:#C70000;
						}
		  
		  .readmore a:visited{
		                text-decoration:underline;
						color:#C70000;
						}
		  
		  .readmore a:hover{
		                text-decoration:none;
						color:#E7BB29;
						}






/*======================== define main frame =====================*/

/* the main frame */
#main{
     width:1004px;
	 margin-left:auto;
	 margin-right:auto;
	 overflow:hidden;
	 clear:both;
	 }

/* define main frame background */
#mainbg{
	 width:1004px;
	 float:left  /* in order to keep the hight auto change */
	 padding:0px;
	 }



/*================ define left side of main frame =================*/
#lside{  
     width:197px;
	 float:left;
	 overflow:hidden;
	 margin-bottom:-1500px;
	 padding-bottom:1500px;
	 background-image:url(../../style/default/images/zmiddle.jpg);
    }

/* define total product number */
.ptotal{
     font-weight:bold;
	 font-size:10px;
	 padding:2px;
	 color:#4A4949;
	 }

	/* define product category */

	/* define title background */
.ltitle{
    height:25px;
	background-image:url(../../style/default/images/bcat.jpg);
	}
    /* define category title */
	.biaoti{
			font-family:Tahoma,Arial, Helvetica, serif ;
			font-weight:bold;
			color:#42464E;
			font-size:12px;
			margin-top:10px;
			margin-left:27px;
			}

	/* define category top title */
	.ztop{
	     width:197px;
         height:34px;
	     background:url("../../style/default/images/zbiaotibj.jpg") no-repeat left top;
	    }

	/* define zmiddle style */
	.zmiddle{
	     width:197px;
		 background-image:url(../../style/default/images/zmiddle.jpg);
		 }
	

	/* define category */
	.cate{
	       margin-left:15px;
		   margin-right:2px;
		   }
	
	/* define arrow */
	.arrow{
	      width:5px;
	      float:left;
	      background:url("../../style/default/images/arrow.gif") no-repeat center 3px;
		   }

	.cates{
	       height:24px;
	       margin-bottom:1px;
		   background-color:#EBECED;
		   }
	
     .cates div{
	           float:left;
	           margin-top:6px;
			   font-size:11px;
			   margin-left:7px;
			   background-color:#EBECED;
			   cursor:hand;
			   }
     
     .cates div a{
	             text-decoration:none;
				 color:#42464E;
				 }

	 .cates div a:link{
	                  text-decoration:none;
					  color:#42464E;
					  }
	 .cates div a:visited{
	                  text-decoration:none;
					  color:#42464E;
					  }
	 .cates div a:hover{
	                  text-decoration:underline;
					  color:#C70000;
					  }

		   


/*==================== define right side of main frame ======================*/
#rside{
    width:804px;
	float:left;
	overflow:hidden;
	margin-bottom:-1500px;
	padding-bottom:1500px;
	background-image:url(../../style/default/images/rmiddle.jpg);
	}


/* definde right side top,middle,bottom  three part */
.rtop{
      width:807px;
	  height:4px;
	  background-image:url(../../style/default/images/rtop.jpg);
	  }
	 
.rmiddle{
      width:807px;
	  background-image:url(../../style/default/images/rmiddle.jpg);
	  }


/* define notice div */
.notice{
     width:807px;
	 height:25px;
	 overflow:hidden;
	 text-align:left;
	 background:url("../../style/default/images/notice.jpg") no-repeat left top;
	 }

	 .notice div{
	             margin-left:76px;
				 margin-top:7px;
				 overflow:hidden;
				 font-size:12px;
				 color:#C70000;
				 }
	 

/* define right side title background */
.rtitle{
    width:807px;
    height:25px;
	overflow:hidden;
	}
    
	/* define products show product items select */
	.rtitle div{
	            text-align:right;
				margin-right:24px;
				}
	
	.rtitle div a:link{
	                   text-decoration:none;
					   color:#fff;
					   }
	
	.rtitle div a:visited{
	                   text-decoration:none;
					   color:#fff;
					   }

    .rtitle div a:hover{
	                   text-decoration:underline;
					   color:#E7BB29;
					   }
	
	.rtitle div select{
	                   margin-top:6px;
					   border:#ccc;
					   font-size:9px;
					   }
/* define the spliter throad between product */
.split {
    margin-top:15px;
    margin-left:-2px;
    width:807px;
	height:7px;
	overflow:hidden;
	background-image:url(../../style/default/images/split.jpg);
	}

/* define the product Model */
.ptitle {
    background-image:url(../../style/default/images/ptitlebj.jpg);
	width:261px; 
	height:30px;
    }

	/* define model line div and font */
	.ptitle div{
	            margin-top:6px;
				margin-left:15px;
				font-weight:bold;
				font-size:13px;
				}

/* define per line prodcut div */
.pdiv{
    margin-left:2px;
	margin-right:12px;
	overflow:hidden;
	 }

.ppdiv{
      width:263px;
      float:left;
	  overflow:hidden;
	  }


/* define product picture show div */
.pimg{
      width:118px;
      float:left;
      margin-top:10px;
	  margin-left:8px;
	  vertical-align:bottom;
	  }

/* define product explain and price split throad */
.psplit{
      margin-left:-6px;
      width:133px;
	  height:3px;
	  overflow:hidden;
	  background:url("../../style/default/images/psplit.jpg") no-repeat left top;
	  }

/* define more info */
.more{
	width:128px;
	height:19px;
	float:left;
	background:url("../../style/default/images/morebj.jpg") no-repeat left top;
	}
   
   /*define div more font */
   .more div{
              color:#fff;
	          font-weight:bold;
	          font-size:11px;
			  margin-left:24px;
			  margin-top:3px;
			 }

			 /* define link style */
			 .more div a:link{
			                  color:#fff;
							  text-decoration:none;
							  }

			 .more div a:visited{
			                  color:#fff;
							  text-decoration:none;
							  }

			 .more div a:hover{
			                   color:#c70000;
							   text-decoration:underline;
							   }

             

/*define add to cart */
.cart{
    float:left;
	background:url("../../style/default/images/cartbj.jpg") no-repeat left top;
	height:19px;
	width:133px;
	}

	/* define add to cart div font */
	.cart div{
	          color:#fff;
			  font-weight:bold;
			  font-size:11px;
			  margin-left:12px;
			  margin-top:3px;
			  }

			  /* define cart link style sheet */
			  .cart div a:link{
			                   color:#fff;
							   text-decoration:none;
							   }

			  .cart div a:visited{
			                   color:#fff;
							   text-decoration:none;
							   }

			  .cart div a:hover{
			                   color:#c70000;
							   text-decoration:underline;
							   }




/* define product explain frame */
.explain{
    float:left;
    width:120px;
	height:97px;
	overflow:hidden;
	background-image:url(../style/default/images/explain.jpg);
	}

	/* define product explain div font */
	.explain div{
	             margin-top:6px;
	             font-size:11px;
				 white-space:nowrap;
				 overflow:hidden;
				 }
				
    /* define product explain div bolder font about price */
	.explain span.price{
	                   font-size:11px;
					   font-weight:bold;
					   }
	/* define product price font */
	.explain span.value{
	                   color:#c70000;
					   font-size:11px;
					   font-weight:bold;
					  }
	                   
	                   

	



/* =========define header frame,didn't include login frame ======= */

#header{
     width:1004px;
	 height:99px;
	 text-align:center;
	 margin-left:auto;
	 margin-right:auto;
	 overflow:hidden;
	 }

/*define log */
.logo{
     width:197px;
	 height:99px;
	 float:left;
	 background-image:url(../../style/default/images/logo.jpg);
	 }


/* define logo right side div */
.rslogo{
     width:807px;
	 height:99px;
	 float:left;
	 }

/* define company name */
.cname{
     width:807px;
	 height:66px;
	 background-image:url(../../style/default/images/cname.jpg);
	 }

/* define nav menu */
.menu{
     font-size:11px;
	 font-weight:bolder;
     width:807px;
	 height:33px;
	 float:right;
	 background-image:url(../../style/default/images/nav.jpg);
	 }

    /* define menu font */
	.menu div{
	          width:98px;
			  margin-top:6px;
			  float:left;
			  overflow:hidden;
			  text-align:center;
			  vertical-align:middle;
			  }

	.menu a{
	        text-decoration: none;
			color:#42464E;
			}
	
	.menu a:link{
	        text-decoration:none;
			color:#42464E;
			}
	.menu a:visited{
	        text-decoration:none;
			color:#42464E;
			}
	.menu a:hover{
	        text-decoration:underline;
			color:#E7BB29;
			}

/* define cart items */
.tcart{
       width:98px;
	   float:right;
       text-align:left;
	   margin-top:36px;
       font-size:9px;
	   }

/* define cart pic */
.pcart{
       float:right;
       width:37px;
	   height:37px;
	   margin-right:6px;
	   margin-top:20px;
	   }





/* ================= define flash frame ========================== */

/* define flash frame */
#tflash{
       width:1004px;
	   height:132px;
	   margin-left:auto;
	   margin-right:auto;
	   overflow:hidden;
	   }

/* define login side frame */
.llogin{
       width:197px;
	   height:132px;
	   float:left;
	   }

/* define login page title */
.tlogin{
        font-size:12px;
		margin-top:88px;
		margin-left:315px;
		}

/* define login.asp frame site */
.plogin{
        margin-left:300px;
		margin-top:-6px;
		margin-bottom:88px;
		}
/* define right side flash background */
.rflash{
       width:807px;
	   height:132px;
	   float:left;
	   background:url("../../style/default/images/flashbj.jpg") no-repeat left top;
	   }

/* define scroll news frame */ 
.news{
       width:780px;
	   height:112px;
	   margin-top:12px;
	   margin-left:12px;
	   overflow:hidden;
	   }


/* define login form */
.login{
       width:197px;
	   height:83px;
	   background:url("../../style/default/images/logbj.jpg") no-repeat left top;
	   }

/* define login2 form */
.login2{
       width:197px;
	   height:83px;
	   background:url("../../style/default/images/logbj2.jpg") no-repeat left top;
	   }

/* define after login form */
.afterlogin{
       width:197px;
	   height:83px;
	   background:url("../../style/default/images/loginbj.jpg") no-repeat left top;
	   }

      /* define input frame */
	  .login input {
	               border:1px solid #cccccc;
				   height:18px;
				   }

       .login .tbutton{
	               margin-top:4px;
				   overflow:hidden;
				   }

/* define search system style */
.searchcontent{
        margin-top:-20px;
        width:197px;
		height:24px;
		/* background:url("../../style/default/images/searchcontent.jpg") no-repeat left top; */
		overflow:hidden;
	    }
		/* define select style */
		.searchcontent select {
		               margin-top:3px;
		               margin-left:14px;
					   border:solid 1px #999;
					   font-size:11px;
					   }

.search{
        margin-top:0px;
        width:197px;
		height:27px;
		/* background:url("../../style/default/images/search.jpg") no-repeat left top; */
	    overflow:hidden;
		}

		/* define input style */
		.search input{
		              margin-left:14px;
		              border:solid 1px #999;
					  height:21px;
					  font-size:12px;
					  }
        
		.search div{ 
		             float:left;
					 }

.search2{
        margin-top:-1px;
        width:197px;
		height:27px;
		/* background:url("../../style/default/images/between.jpg") no-repeat left top; */
		overflow:hidden;
		}

		.search2 div {
		             float:left;
					 }
        
		.search2 input{
		               border:solid 1px #999;
					   height:18px;
					   font-size:11px;
					   }

/* ========define bottom frame ======== */


#zybot{
     width:1004px;
	 height:14px;
	 margin-left:auto;
	 margin-right:auto;
	 overflow:hidden;
	 background:url("../../style/default/images/zybot.jpg") no-repeat left top;
	 }


#bot{
     width:1004px;
	 margin-left:auto;
	 margin-right:auto;
	 overflow:hidden;
	 }

     #bot .zbot{
                width:197px;
				height:75px;
				background-image:url(../../style/default/images/ztel.jpg);
				float:left;
				}
			
	 #bot .ybot{
	            width:807px;
				height:75px;
				float:right;
				}
/* define bottom navigation menu */
#botnav{
       margin-top:2px;
       text-align:center;
	   padding-top:6px;
	   margin-left:1px;
       margin-right:13px;
       font-size:11px;
	   font-weight:bold;
	   height:27px;
	   clear:both;
	   background-color:#ccc;
	  }
      
	  #botnav a:link{
	                 text-decoration:none;
					 color:#42464E;
					 }

	  #botnav a:visited{
	                 text-decoration:none;
					 color:#42464E;
					 }
	  
	  #botnav a:hover{
	                 text-decoration:underline;
					 color:#E7BB29;
					 }
	

/* define copyright */
#copyright {
     width:807px;
	 margin-top:8px;
	 margin-left:auto;
	 margin-right:auto;
	 overflow:hidden;
     font-size:11px;
	 color:#9c9c9c;
	 }

	 #copyright a:link{
	                   color:#9c9c9c;
					   text-decoration:none;
					   }
	 #copyright a:visited{
	                   color:#9c9c9c;
					   text-decoration:none;
					   }
     #copyright a:hover{
	                   color:#C70000;
					   text-decoration:underline;
					   }


#copyright div {
     height:18px;
	 text-align:center;
	 }





/*========================== define product details stylesheet ============================*/

/* define big picture div */
.bdiv{
      width:807px;
	  overflow:hidden;
	  clear:both;
	  }

/* define details product info div */
.ddiv{
	  overflow:hidden;
	  clear:both;
	  margin-left:36px;
	  margin-top:12px;
	  }

	  .ddiv div{
	            margin-top:12px;
			    width:780px;
				}
	  .ddiv span{
	            font-size:11px;
				font-weight:bold;
				}

/* define brief title */
.brief{
      font-weight:bolder;
	  font-size:13px;
	  color:#C70000;
	  }
.bpimg{
      width:600px;
	/*  overflow:hidden; */
	  float:left;
	  margin-top:24px;
	  margin-left:18px;
	  }

/* define small picture */
.spimg{
      overflow:hidden;
	  margin-top:24px;
	  margin-left:24px;
	  float:left;
	  width:120px;
	  }

	  .spimg div{
	             width:108px;
				 height:75px;
				 overflow:hidden;
				 }


/* define prev and next div */
.prevnext{
      margin-left:24px;
	  float:left;
	  background-image:url(../../style/default/images/prevnext.jpg);
	  height:19px;
	  }

	  .prevnext div{
	                margin-top:3px;
					margin-left:8px;
					margin-right:8px;
					color:white;
					font-weight:bold;
					}
	  .prevnext div a:link{
	                       text-decoration:none;
						   color:#fff;
						   }

	  .prevnext div a:visited{
	                       text-decoration:none;
						   color:#fff;
						   }
	  
	  .prevnext div a:hover{
	                       text-decoration:underline;
						   color:#C70000;
						   }


/*================== data page style ==================*/
.zixun{
       margin-top:12px;
	   margin-left:12px;
	   overflow:hidden;
	   }

	   .zixun div{
	              line-height:150%;
				  }



/*================ define video page stylesheet =====================*/
.vdiv{
      width:780px;
      margin-left:24px;
	  margin-top:12px;
	  text-align:left;
	  font-weight:bolder;
	  font-size:11px;
	  }

.vvdiv{
      margin-top:12px;
      margin-left:21px;
	  height:21px;
	  float:left;
	  width:15%;
	  /*background-color:#EBECED;*/
	  }

	  .vvdiv div{
	             margin-top:4px;
				 margin-left:4px;
				 overflow:hidden;
				 color:#E7BB29;
				}
	  
	  .vvdiv div a:link{
	                    text-decoration:none;
						color:#E7BB29;
						}
      
	  .vvdiv div a:visited{
	                       text-decoration:none;
						   color:#E7BB29;
						   }
	  
	  .vvdiv div a:hover{
	                     text-decoration:underline;
						 color:#c70000;
						 }



/*========================== define message stylesheet =========================== */
.mestitle{
          font-weight:bold;
		  height:27px;
		  }



/*=========== style define end ===============*/