body{ margin:0 auto;}
html { font-family: Tahoma,Arial,Verdana; font-size: 12px; color: #333;
}
body,td,th,input{ font-family: Tahoma,Arial,Verdana; font-size: 12px; color: #333;
}
.left {float:left}
.right {float:right}
.clr{ clear:both;}
a {color:#222; text-decoration:none; }
a:hover{ color:#000; text-decoration:none}
p,h2,h1 { margin:0; padding:0;}
img {border:0; vertical-align:middle;}
/* TOP */
#wrapper { width:1000px; margin:0px auto; background:#FFFFFF url(images/bg.gif) top repeat-x;}

#header{ width:100%; position:relative; margin:auto; padding-bottom:5px; }

#header .logo{ width:400px; position:absolute; height:86px; padding:0; overflow:hidden; left:0;}
#header .logo a{ display:block; width:400px; height:86px; }

#sideBar_top { color:#222; float:right; font:100 11px Arial, Helvetica, sans-serif; color:#fff; height:28px; width:500px; padding:0 20px 0 0; }
#sideBar_top .guide { height:28px;  float:right; }
#sideBar_top .guide ul {list-style-type:none; margin:0; padding:0;}
#sideBar_top .guide li {margin:0; padding:7px 0px 0px 0px;  float:left; }
#sideBar_top .guide li a { display:block; padding:0 8px; color:#06C; border-right:1px #333 solid; font:700 12px/14px Arial, Helvetica, sans-serif;}
#sideBar_top .guide li a:hover { color:#F60; text-decoration:underline;}


.nav {}
#search { color:#333; float:right;  padding:3px 20px 30px 0px; margin-top:1px; text-align:center; overflow:hidden; font-weight:bold; }
#search a { color:#333;} #search a:hover { color:#ff0;}
#search form { margin:0; padding:0; overflow:hidden; }
#search .searchtext{ width:160px; height:17px; margin:0 0 1px 0; padding:0; background:#fff; border:1px #ccc solid; font:100 11px/19px Arial, Helvetica, sans-serif; vertical-align:middle}
#search .ser{ padding:0;}

/*
#header .joinus { background:url(images/free.gif) no-repeat left center; padding:10px 0 10px 440px;}
#sideBar_top .guide {width:152px; height:78px; border:1px #C7C7B6 solid; float:right; text-align:left; padding:0; margin:10px 53px 0 0; }
#sideBar_top .guide img { margin-right:2px;}
#sideBar_top .guide a{color:#333; font:100 9px/20px Tahoma, Geneva, sans-serif; display:block; float:left; width:50px; padding:2px 10px; text-align:center }
#sideBar_top .guide a:hover{color:#f00;}
.menu{font:100 11px/38px Arial, Helvetica, sans-serif; margin:0; background:url(images/menu.gif); padding:0; height:38px; clear:both; } 
.menu ul{list-style:none; margin:0; padding:0; }   
.menu li {float:left;position:relative; margin:0; line-height:38px; background:url(images/menu_r.gif) right no-repeat; padding-right:2px;}   
.menu li a{display:block; height:38px; float:left; padding:0 4px; margin:0; color:#EEEEEE; text-decoration:none; font:700 11px/38px  Arial, Helvetica, sans-serif;}   
.menu li a:hover{color:#ff0; background:url(images/menu_bg.gif) top repeat-x; }   
.menubg a {display:block; height:38px; float:left; padding:0 4px; margin:0; color:#E5CE99 !important; text-decoration:none; font:700 11px/38px Arial, Helvetica, sans-serif; background:url(images/menubg.gif) top repeat-x; }   
*/
/* MENU */
#menu {
	PADDING:0 20px 0 0; HEIGHT:36px; text-align:right; margin:0 auto; font:bold 12px/36px Arial, Helvetica, sans-serif;
}
#menu a { color:#F60;}

.topcarts { margin:0 10px; font:700 11px/20px Tahoma, Geneva, sans-serif; width:228px; color:#333; height:20px; text-align:left; display:block; }

/* BODY */
#Main{ width:1000px; margin:0 auto 0 0; padding:0; background:#fff ;
}

/* LEFT */
#sideBar{ width:165px; padding:0; float:left;
}

.sideBar_left {width:165px; overflow:hidden; margin:0px auto 8px auto;}
.sideBar_left h2 { display:block; background:url(images/left_title.gif) #79A0BD; margin:0; padding:0; color:#595959; text-align:center; text-transform:uppercase; font:700 12px/28px Arial, Helvetica, sans-serif; }
.sideBar_left h2 a { color:#492B20;}
.sideBar_left h2 a:hover { color:#f00; text-decoration:underline}
.sideBar_left .left_mid{  width:158px; padding:0 1px 0 6px; color:#333;}

.sideBar_left .left_mid span a { display:block; padding-left:10px; font:bold 12px/22px Arial, Helvetica, sans-serif; color:#333;}
.sideBar_left .left_mid span a:hover { color:#F00;}


.sideBar_left .left_bot{ display:block; text-align:right; clear:both; font:100 12px/25px Verdana, Geneva, sans-serif; height:25px; margin-top:3px; border-top:1px #ccc solid; }
.sideBar_left .left_bot a{ color:#039;}

.sideBar_left dl{ width:150px; margin:0 auto; padding:0; z-index:9999; }
.sideBar_left dl dd {margin:0; padding:0;}
.sideBar_left dl dd a {display:block; height:20px; font:100 11px/20px Verdana, Geneva, sans-serif; text-indent:10px; background:#E8EFF9; color:#333; border-bottom:1px #fff dotted;}
.sideBar_left dl dd a:hover { display:block; height:20px; text-decoration:none; color:#ff0; background:#79A0BD;}
.sideDot { font:700 12px/22px Arial, Helvetica, sans-serif; text-align:left; width:150px; margin:0; list-style-type:none; }
.sideDot a{display:block;color:#333;  }
.sideDot a:hover{ text-decoration:none; color:#f00; }

.sideBar_right {width:165px; overflow:hidden; margin:auto;}
.sideBar_right h2 { display:block; background:url(images/left_title.gif) #79A0BD; margin:0; padding:0; color:#595959; text-align:center; text-transform:uppercase; font:700 12px/28px Arial, Helvetica, sans-serif; }
.sideBar_right .right_mid{  width:158px; padding:0 1px 0 6px; color:#333; text-align:center;}



/* RIGHT */
#Content{ width:830px; float:right; overflow:hidden; color:#333; 
}
#Content .content_l{ width:620px; float:left; overflow:hidden;
}
#Content .content_r{ width:165px; float:right; overflow:hidden;
}

#Content .con_mid{ width:620px; margin-bottom:10PX; color:#333; padding:5px 0;
}
#Content .member{ background:url(images/member.gif) no-repeat; width:693px; height:89px;
}
#Content .member a.signin{ display:inline; width:116px; height:28px; text-indent:-9999px; margin-left:98px; margin-top:45px; overflow:hidden; float:left; }
#Content .member a.reg{ display:inline; width:116px; height:28px; text-indent:-9999px; margin-left:233px; margin-top:45px; overflow:hidden; float:left; }

#prohref a{ display:block; font-size:11px; width:142px; height:18px; color:#333; text-align:center; line-height:18px; float:left; margin:0 2px 2px 0; border:1px solid #efefef; background:#fefefe;}
#prohref a:hover{ text-decoration:none; color:#fff; border:1px solid #fff; background:#79A0BD;}

/* FOOTER */
#footer{ clear:both; font-weight:100; line-height:18px; width:815px; background:#fff; float:left; padding-left:185px; padding-bottom:10px; margin: 0 auto; font-family:Tahoma, Geneva, sans-serif; text-align:left; color:#333; font-size:11px;	
}

#footer .foot_inner{ padding:0; width:620px; text-align:center; background:#B2B2B2; margin:0;}
#footer .foot_inner span { display:block; margin:2px 0; border:#fff solid; border-width:1px 0; font:700 10px/20px Tahoma, Geneva, sans-serif; color:#fff; }
#footer .foot_inner span a { color:#fff;}

#footer .foot_inner .email_inner { width:210px; float:left; background:#000; padding:10px; text-align:left;}
#footer .foot_inner .email_inner .inputs { background:#323232; border:#535353 solid; border-width:1px 0 1px 1px; color:#fff; width:178px; margin:0; padding:0; line-height:17px; height:17px; padding-left:2px;}
#footer .copyright {color:#333;}
#footer .copyright a {color:#333;}
#footer .keywords { font:100 11px/16px Tahoma, Geneva, sans-serif; text-align:left;}

.viewstable { background:#ccc;}
.viewstable td{ background:#fff; width:50%;}
.viewstabletitle{ background:#eee; font-weight:bold; padding:1px; border:1px solid #ccc; border-bottom:0}
.viewscontent1{ border-top:3px solid #06c; color:#06c; margin:9px; padding:3px;}

/* PAGE */
#showpage {border:1px solid #ccc; background:#e8e8e8; text-align:right; font-size:11px;clear:both;  padding:2px 2px 5px 2px;  color:#333; font-weight:100; margin:10px 1PX;}
#showpage a{ font-family:arial; text-decoration:none; color:#000; font-size:11px; font-weight:bold; background:#fff; border:1px solid #666; padding:0 2px;}
#showpage a:hover{ background:#CCC}

/* TITLE */
#title{text-align:left; height:30px; font:700 14px/30px Arial, Helvetica, sans-serif; color:#1E73A3;  border-bottom:1px #C3C3C3 solid;  
}
#title span { display:none; font-size:11px; background:url(images/star2.jpg) no-repeat 3px; padding-left:19px; font-weight:bold; color:#a00; float:left; text-transform:uppercase;}
#title b{font-size:11px; color:#1E73A3;}
#title b a, #title a { color:#1E73A3;}

#bar{ padding-left:10px; height:30px; font:700 16px/30px Arial, Helvetica, sans-serif; color:#1E73A3; text-align:center; border-bottom:1px #C3C3C3 solid;  
}
#bar span { display:none; font-size:13px; background:url(images/star2.jpg) no-repeat 3px; padding-left:19px; font-weight:bold; color:#a00; float:left; text-transform:uppercase;}
#bar b{color:#1E73A3;}
#bar b a, #bar a { color:#1E73A3;}

/* PIC */
.hw00{ float:left; width:156px; padding:0 24px; margin:0;  overflow:hidden; list-style-type:none;}
.hw00 .hw1{ text-align:center;margin:2px auto;height:112px; border: 1px #CC00FF solid; width:152px; overflow:hidden; padding:2px; display:block; }
.hw00 .hw1 a img{ border:0; max-width:152px; max-height:112px; width:expression(this.width > 152 && this.height < this.width*112/152 ? 152: true);  height: expression(this.height > 112 ? 112: true);margin-top: expression(this.height < 112  ? (112 -this.height)/2: 0); }
.hw00 .hw2{  overflow:hidden;text-align:center; line-height:1.3; margin:auto; height:75px;}
.hw00 .hw2 b{ color:#036; font-weight:700; font-size:10px;}
.hw00 .hw2 br{ line-height:7px;}
.hw00 .hw2 a{  color:#666; font:700 10px Verdana, Geneva, sans-serif;}
.hw00 .hw2 a:hover{  color:#900; text-decoration:none; }
.hw00 .hw2 span{ color:#999; font-size:11px;}
.hw00 .hw2 s{ color:#999; font-size:11px; padding:0 5px;}
.hw00 .hw2 u{ font-size:11px; color:#000; text-decoration:none; font-weight:100;}

.hw01{ float:left; width:130px; padding:0; margin:0;  overflow:hidden; list-style-type:none;}
.hw01 .hw1{ text-align:center;margin:2px auto;height:95px; width:120px; padding:2px; display:block; }
.hw01 .hw1 a img{ border:0; max-width:120px; max-height:95px; width:expression(this.width > 120 && this.height < this.width*95/120 ? 120: true);  height: expression(this.height > 95 ? 95: true);margin-top: expression(this.height < 95  ? (95 -this.height)/2: 0); }
.hw01 .hw2{  overflow:hidden;text-align:center; line-height:1.3; margin:auto;}
.hw01 .hw2 b{ color:#036; font-weight:700; font-size:10px;}
.hw01 .hw2 br{ line-height:7px;}
.hw01 .hw2 a{  color:#666; font:700 10px Verdana, Geneva, sans-serif;}
.hw01 .hw2 a:hover{  color:#900; text-decoration:none; }
.hw01 .hw2 span{ color:#999; font-size:11px;}
.hw01 .hw2 s{ color:#999; font-size:11px; padding:0 5px;}
.hw01 .hw2 u{ font-size:11px; color:#000; text-decoration:none; font-weight:100;}

.hw02 { float:left; width:169px; padding:0; margin:0;  overflow:hidden; list-style-type:none; }
.hw02 .hw1{ text-align:center;height:70px; float:right; width:70px; margin:0; background:url(images/cart/loader.gif) center no-repeat;  overflow:hidden;}
.hw02 .hw1 a img{ border:0; max-width:70px; max-height:70px; width:expression(this.width > 70 && this.height < this.width*70/70 ? 70: true);  height: expression(this.height > 70 ? 70: true);margin-top: expression(this.height < 70 ? (70-this.height)/2: 0); }
.hw02 .hw2{ text-align:left; padding-left:1px; float:left; margin:auto; height:70px; width:96px; overflow:hidden; font-size:12px; font-weight:bold;color:#999;}
.hw02 .hw2 b{ color:#000; font-size:11px;}
.hw02 .hw2 br{ line-height:7px;}
.hw02 .hw2 a{  color:#333; font-size:11px; color:#666; font-weight:100; }
.hw02 .hw2 span{ color:#900; font-size:11px;}
.hw02 .hw2 u{ font-size:12px; color:#000; text-decoration:none; font-weight:100;}
.f1gif{ text-align:center; margin:0; color:#333; height:40px; text-transform:capitalize; font:700 11px/20px Tahoma, Geneva, sans-serif; }

.hw33{ max-width:330px; border:1px solid #ddd; background:#fff;}


	
#leftbox{   margin-bottom:10px; background:url(images/catelogbg.gif) bottom #fff; border:0; padding:10px 0 10px 0; }

#left02{ background:#565A5D;color:#fff; font-weight:bold; font-size:12px; text-transform:uppercase; padding-left:5px; line-height:20px; margin-bottom:10px;}
#left02 a{ color:#fff; }
#leftbox2{   margin-bottom:10px;padding-bottom:10px; border:1px solid #565A5D ;background:url(images/barbg2.gif) repeat-x;}


#left03{background:url(images/titlebg3.gif) top #fff; color:#900; font-weight:bold; font-size:12px;  padding-left:16px; height:27px; overflow:hidden; line-height:27px;}
#left03 a{ color:#900}
#left03 a:hover{ color:yellow}
#leftbox3{   margin-bottom:10px; background:url(images/catelogbg3.gif) bottom #fff; border:0; padding:0px 0 10px 19px; }


.insort55{  height:55px;}
.insort55 td b{ background:#c00; color:#fff; font-size:9px; padding:0px 1px 1px 1px; display:block; font-family:verdana; font-weight:100;}
.insort55 td{ font-weight:100;font-size:12px;}
.insort55 a{  color:#000; }
.insort55 a:hover{  color:#f60; }
.insort55 img{width:36px; height:36px; border:0; margin-right:2px;}
.insort55 span { color:#c00;}.insort55 b{ color:#aaa;} 

#siteinfoLegal { text-align:center;  font-size: 0.9em;}
#siteinfoLegal a {
    color: #ffffff;    
}
LABEL.inputLabel {
	width: 9em;
	float: left;
	}

.forward{
	float: right;
	}
.buttonRow {
	margin: 0.5em;
	}
.back {
	float: left;
	}
INPUT {
	display: inline;
	font-size: 1em;
	}
input:focus, select:focus, textarea:focus {
	background: #E4FEF5;
	}
.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.top_text{
	height:60px;
	font:100 11px Arial, Helvetica, sans-serif;
	width:700px ;
	text-align:left;
	margin:0 auto;
	overflow:auto;
	/*    */
	overFlow: auto ;  /* visible ȴʡ hidden auto scroll */
	overFlow-x: hidden ;
	/*   صɫ */
	scrollBar-face-color: #DBDADA;        /*  */
	scrollBar-hightLight-color: #efefef;    /*  */
	scrollBar-3dLight-color: #efefef;    /* 3ά */
	scrollBar-darkshadow-color:#efefef;    /* Ӱ    */
	scrollBar-shadow-color:#efefef;      /* Ӱ   */
	scrollBar-arrow-color:#fff;       /* ͷ */
	scrollBar-track-color:#efefef;         /* ɫ */
	scrollBar-base-color:#efefef;          /* Ҫɫ */
	
	
}



#dhtmltooltip {
	font-size: 9pt;BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 4px; Z-INDEX: 100; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=120); VISIBILITY: hidden; PADDING-BOTTOM: 4px; BORDER-LEFT: gray 1px solid;PADDING-TOP: 4px; BORDER-BOTTOM: gray 1px solid; POSITION: absolute; BACKGROUND-COLOR: #cccccc
}

