/*============================== default setting ======================================*/

DIV,TABLE,TR,FORM{
        margin:0px;
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
        COLOR: #000000;
      	FONT-SIZE: 14px;
      /*  line-height:130%;   */
}
H3 {
	COLOR: #222222;
	FONT-SIZE: 16px;
	}
TD{
  padding-left: 0px;
  }
BUTTON,INPUT,SELECT,TEXTAREA {

        COLOR: black;
        FONT-SIZE: 12px;
		line-height: 110%;
}
A{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-weight: bolder; */
    font-size: 14px;
    color : #0059B3;
    text-decoration: none;/*underline;*/
}
A:hover{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-weight: bolder; */
    font-size: 14px;
    color : #AE5700;
    text-decoration: none;
}

/*============================== Main Web page body=====================================*/
BODY{
      background-image: url(images/background.gif);
     /* background-color: #000000; */
     /* background-repeat: repeat-x; */
      background-attachment: fixed;
      text-align: center;
      margin: 0px;
}
BODY{
      background-image: url(images/background.gif);
     /* background-color: #000000; */
     /* background-repeat: repeat-x; */
      background-attachment: fixed;
      text-align: -moz-center;
      margin: 0px;
}
DIV.MAIN_PAGE {
	WIDTH: 1050px;
	border: 1px solid #804040;
	/*
	border-top: 1px solid #AAAAAA;
	border-style: solid;
	border-color: #216B9C;
	border-width: 2px;
	*/
}
TABLE.Main_box {
	WIDTH: 100%;
	height:500px;
    text-align: center;
}
TD.Main_left_td {

   background-image: url(images/zhujian150w.jpg);
    background-repeat: repeat-y;

    /*background-color: #B58D73;*/
	border-right:1px solid #804040;


	width: 150px;
	vertical-align: top;
	padding-left: 0;
	}
TD.Main_right_td {
	/*
    background-image: url(../web_images/boxback.gif);
    background-repeat: repeat-x;
	border-left:1px solid #aaaaaa;

	background-color: #EEEEEE; */
	width: 150px;
	vertical-align: top;
	padding-left: 0;
 	border-left: 1px solid #804040;
	}
TD.Main_middle_td {
	background: #eeeeee;
	/*width: 150;
    background-image: url(images/mainback.jpg);
   /* background-repeat: repeat-y; */

	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 20px;
	}
DIV.notes {
      font-size: 9px;
      color : #ffcc66;
}
TABLE.TOP {

    background-image: url(images/zhujian100.jpg);

    background-repeat: repeat-x;
    /*
    background-attachment: fixed;
	background-color: #FFE2C6;
     */
	WIDTH: 100%;
	height: 95px;
    text-align: center;
}
TD.TOP{
	height: 55px;
    text-align: left;
    line-height:200%;
}
TABLE.NAVIGATION {

    background-image: url(images/zhujian150w.jpg);
    background-repeat: repeat-x;
    /*
   background-color: #804040;*/
   	WIDTH: 100%;
	height: 23px;
    text-align: center;
    panding-top: 0px;
    panding-bottom: 0px;
     /*
	background-color: #6FB7FF;

    border-top: 3px solid #A6D2FF;
    border-bottom: 3px solid #0683FF;
    border-left: 3px solid #2D96FF;
    border-right: 3px solid #4FA7FF; */
}
TD.NAVIGATION{
	width: 150px;
}
TD.VNAVIGATION{
	width: 150px;
	background: #ffffff;
	border: 1px solid #000000;
	filter: alpha(opacity=30);
}
A.navigation {
    font-size: 14px;
    font-weight: bolder;
    color :#000000;
    text-decoration: none;
}
A.navigation:hover{
    font-size: 14px;
    font-weight: bolder;
    color : #bbbbbb;
    text-decoration: none;
}

TABLE.bottom {
	width: 1000 px;
	/*background-color: #000000; */
    font-size: 10px;
    text-align: center;
    }
A.bottom_nav {
    font-size: 10px;
    color : #669977;
    text-decoration: none;
}
A.bottom_nav:hover{
    font-size: 10px;
    color : #777777;
    text-decoration: none;
}
/*===================================Left Table ================================*/
table.left_tb {
    width: 100%;
   /* background-color: #000066;   */

	}
td.left_tt {
	background-color: #cccccc;
	font-size: 12px;
	font-weight: bolder;
	height: 20px;
	border-bottom:0px solid #6699ff;
	border-top:0px solid #6699ff;
	padding_left: 10px;
	}
td.left_td {
    background-image: url(images/zhujian150w.jpg);
    background-repeat: repeat-x;
	height: 23px;
    font-size: 16px;
    font-weight: bolder;
    color: #bbbbbb;
	/*
	border-top: 3px solid #000099;
	border-bottom: 3px solid #000000;
	border-left: 3px solid #000011;
	border-right: 3px solid #000088;
	*/
	padding-left: 30px;
	}
a.Navleft {
    color : #000000;
    font-size: 12px;
   /*font-weight: bolder;*/
    text-decoration: none;
    margin-left: 10px;
	}
a.Navleft:hover {
      color :#bbbbbb;
     /* font-weight: bolder;*/
      font-size: 12px;
      text-decoration: underline;
	}
a.Navleft_tt {
      color : #000000;
      font-weight: bolder;
      text-decoration: none;
	}
a.Navleft_tt:hover {
      color : #777777;
      text-decoration: underline;
	}
/*================================All Products Table ================================*/
table.search_tb {
      width: 100%;
	}
tt.search_tt{
      background-color: #bbbbbb;
}
tr.search_tr{
	}
td.search_td{
	padding: 0px;
}
/*================================List each Product  Table ================================*/
table.list_tb {
    font-size: 10px;
	width: 100%;
	height: 200px;
	border-top: 1px solid #0099ff;
	border-right: 0px solid #0099ff;
	padding-left: 0;
	}
tr.list_tt {
    font-size: 10px;
	background-image: url(../web_images/lefttdback.jpg);
	height: 20px;
	border-bottom: 1px solid #ff6600;
	padding-left: 0;

}
td.list_tt{
color : #ff9900;
}
a.list_link {
      color : #ff9900;
      text-decoration: none;
      }
a.list_link:hover {
      color : #0099ff;
      text-decoration: none;
      }
/*==============================Right Table ================================= */
table.right_tb {
	  width: 100%;
	}
td.right_tt {
	background-image: url(../web_images/leftttback.jpg);
    background-repeat: repeat-x;
	height: 20px;
	border-bottom:1px solid #6699ff;
	border-top:1px solid #6699ff;
	padding_left: 10px;
	}
td.right_td {
	text-align: left;
	padding_left: 10px;
	}
a.right_nav {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color : #000000;
    text-decoration: none;
    margin-left: 10px;
	}
a.right_nav:hover {
	  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color : #777777;
      text-decoration: underline;
	}
/*================================= Other Box =============================== */
div.adBox {
	border-top: 1px solid #0099ff;
	background-color: #fefefe;
	padding: 0px;
	width: 150px;
	height: 150px;
	overflow: hidden;
	}
div.text{	letter-spacing: 2px;	line-height: 150%;
}
div.hidden{
	position: absolute;
	visibility: hidden;
	padding: 10px;
	border: 1px solid #444444;
	background-color: #222222;
	z-index: -10;
	width: 100%
}
div.dicBox {
	width: 400px;
	border: 1px solid #0099ff;
	position: absolute;
	background-color: #fefefe;
	padding: 5px;
	text-align: left;
	visibility: hidden;
	z-index: 100;
	}
div.popupBox {	width: 400px;
	border: 1px solid #0099ff;
	position: absolute;
	background-color: #fefefe;
	padding: 5px;
	text-align: left;
	z-index: 100;
	}
div.popupBoxClose {
	position: absolute;
	}
div.page_nav {
	font-size: 10px;
	}
div.scrollBox{
	overflow:auto;
	height: 200px;
	width: 100%;
	border: 1px solid #444444;
	padding: 5px;
	}
div.brief{
	font-size: 12px;
	color: #777777;
	}
TABLE.box100 {
	  width: 100%;
	  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color : #000000;
}
TABLE.box90 {
	  width: 95%;
	  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color : #000000;
      padding: 10px;
      border: 1px solid #bbbbbb;
}
TABLE.box80 {
	  width: 80%;
	  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color : #000000;
      border-top: 3px solid #777777;
      border-bottom: 3px solid #000000;
      border-left: 3px solid #333333;
      border-right: 3px solid #555555;
}
tr.box_tt {
	background-image: url(../web_images/lefttdback.jpg);
	color : #ff9900;
    font-size: 12px;
	height: 20 px;
	border-bottom: 0px solid #FF6600;
	padding-left: 5px;
}
td.box_tt {
	background-color: #dddddd;
	font-size: 12px;
	font-weight: bolder;
	height: 20px;
	border-bottom: 0px solid #FF6600;
	padding-left: 5px;
}
td.box{
	padding: 20px;
}
td.button_up {
	  background-color: $222222;
      border-top: 3px solid #777777;
      border-bottom: 3px solid #000000;
      border-left: 3px solid #333333;
      border-right: 3px solid #555555;
}
td.button_down {
	  background-color: $000000;
      border-top: 3px solid #000000;
      border-bottom: 3px solid #777777;
      border-left: 3px solid #555555;
      border-right: 3px solid #333333;
}
/*=========================== for print_db_result(); =========================*/
TABLE.db_box {
	  width: 100%;
	  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 10px;
      color : #000000;
      border: 1px solid #bbbbbb;
}
tr.db_box_title {
	background-image: url(../web_images/lefttdback.jpg);
	color : #ff9900;
    font-size: 12px;
	height: 20 px;
	border: 1px solid #FF6600;
	padding-left: 5px;
}
tr.db_box_row {
	font-size: 12px;
}
td.bd_box_td {
	border-bottom: 1px solid #bbbbbb;
	}
table tr.even:hover{	background-color: #dddddd;
}
