body{ margin:0 auto; background:#999; padding-TOP:10PX;}
html { font-family: Arial,Tahoma,Verdana; font-size: 12px; color: #555;
}
body,td,th,input{ font-family:Arial,Tahoma,Verdana; font-size: 12px; color: #555;
}
.left {float:left}
.right {float:right}
.clr{ clear:both;}
a {color:#555; text-decoration:none; }
a:hover{ color:red; text-decoration:none}
p,h2,h1 { margin:0; padding:0;}
img {border:0; vertical-align:middle;}
/* TOP */
#wrapper { width:965px;  margin:0 auto; padding:0 15PX;background:#FFF}
#wrapper .keys{ height:35px; color:#fff; overflow:hidden; font:100 11px/35px Arial, Helvetica, sans-serif;}
#header{ width:965px;  position:relative; margin:0 auto; height:142px; color:#fff; }
.topboxclass{background:url(images/cartbox.gif) no-repeat left top; width:159px; height:50px; padding-top:17px; text-align:center; font:100 11px/22px Arial, Helvetica, sans-serif}
.topboxclass a{}
.topboxclass a:hover{}


#search { color:#333;  padding:10px 0 0 0; height:25px;  text-align:center; overflow:hidden; width:485px; line-height:20px;  }
#search form { margin:0; padding:0; overflow:hidden; float:right; }
#search .searchtext{ width:150px; height:19px; margin:0 0 1px 0; padding:0; text-indent:5px; background:#333030; border:1px #403E3E solid; font:100 11px/19px Arial, Helvetica, sans-serif; }
#search .ser{ padding:0; color:#333; font:100 13px/25px Arial, Helvetica, sans-serif; }
#search .tag{ padding:0 10px; width:560px; height:25px; color:#333; float:left; text-align:left; line-height:25px;}
#search .tag{ color:#000;}



/* MENU */
.menuss{ margin-top:3px; text-align:left; width:965px; overflow:hidden; height:42px; background:url(images/menu.gif) no-repeat top left;}
#menu {PADDING:0; HEIGHT: 42px; TEXT-ALIGN: right; width:600px; margin-bottom:1px; float:right;}
#menu ul { margin:0; padding:0;}
#menu li { margin:0; padding:0; list-style-type:none; float:left;}
#menu li a { display:block; padding-left:18px; font:bold 15px/42px Arial,Verdana, Geneva, sans-serif; color:#777; text-transform:capitalize; margin:0 2px 0 10px}
#menu li a:hover { color:#000; text-decoration:underline;}

.headclss{ height:90px; width:974px; margin:0 auto; overflow:hidden;}


#menu2 {PADDING:0; HEIGHT: 30px; TEXT-ALIGN: center; width:615px; margin-bottom:1px;; text-align:center;}
#menu2 ul { margin:0; padding:0;}
#menu2 li { margin:0; padding:0; list-style-type:none; float:left;}
#menu2 li a { display:block; font:100 12px/24px Verdana, Geneva, sans-serif; color:#000; padding-left:20px;}
#menu2 li a:hover { color:red; text-decoration:underline;}


.lan {float:right; width:640px; height:85px; text-align:left; padding-top:12px; color:#000; font-size:12PX;}


.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:965px; margin:0 auto; background:#FFF;}

/* LEFT */
#sideBar{ width:178px; padding:0; float:left;  overflow:hidden;}

.sideBar_left {width:170px; overflow:hidden; margin-bottom:5px;border:2px solid #e3e3e3; padding:2px;}
.sideBar_left h2 { display:block; margin:0; padding-left:4px;  color:#999; text-transform:capitalize; font: bold 20px/32px Arial, Helvetica, sans-serif; height:32px; }
.sideBar_left h2 a { color:#052e81;}
.sideBar_left h2 a:hover { color:#f00; text-decoration:underline}
.sideBar_left .left_mid{ width:170px; color:#333; overflow:hidden;font: 100 11px/22px Arial, Helvetica, sans-serif; word-wrap:break-word;word-break:normal}
.sideBar_left .left_bot{ height:170px; overflow:hidden; height:3px;}
.leftconn{ font:100 12px/22px Arial, Helvetica, sans-serif; color:#000; clear:both; padding-left:5px; overflow:hidden }
.leftconn a{}

a.cart_btn { float:left; display:block; color:#999; width:72px; height:20px;  margin-right:6px; margin-top:10px; line-height:20px; padding-left:3px;}
a.cart_btn:hover { background-position:0 -20px;}
.topcart { margin:0 10px; font:700 11px/20px Tahoma, Geneva, sans-serif; width:228px; color:#333; height:20px; text-align:left; display:block; }

.sideBar_right {width:174px; border:2px #e3e3e3 solid; overflow:hidden; margin-bottom:5px;}
.sideBar_right h2 { display:block;  margin:0; padding:0; color:red; text-align:center; text-transform:capitalize; font:700 13px/20px Arial, Helvetica, sans-serif; }
.sideBar_right .right_mid{  width:174px; color:#777; font:100 11px/20px Arial, Helvetica, sans-serif}


/* RIGHT */
#Content{ width:780px; float:right; overflow:hidden; color:#333; 
}
#Content .content_l{ width:596px; float:left; overflow:hidden;
}
#Content .content_r{ width:178px; float:right;  overflow:hidden;
}
#Content .con_mid{ width:756px; color:#666; padding:5px 10px; border-left:2px solid #e3e3e3;border-right:2px solid #e3e3e3;border-bottom:2px solid #e3e3e3;background:#fff;
}
#Content .con_mids{ width:592px; color:#666; padding:5px 0 0 0;border:2px solid #e3e3e3;background:#fff;}
#Content .con_bot{ width:592px; height:12px; overflow:hidden;
}
#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:148px; height:18px; color:#999; text-align:center; line-height:18px; float:left; margin:0 2px 2px 0; border:1px solid #222; background:#333;}
#prohref a:hover{ text-decoration:none; color:#fff; border:1px solid #333; background:#222;}

.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:0; background:#; text-align:right; font-size:11px;clear:both;  padding:15px 2px 5px 2px;  color:#666; 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 */
.moneytype {width:122px;  font:100 11px/16px Verdana, Geneva, sans-serif; background:#222; border:1px #333 solid; color:#fff; padding:0;}


#bar{ background:url(images/titlebarbg.gif) no-repeat top left #ccc; margin:0; padding:0; text-align:left; text-indent:32px; text-transform:capitalize; color:#666; font:bold 14px/36px Arial, Helvetica, sans-serif; height:36px;}
#bar span { display:none; font-size:13px; background:url(images/star2.jpg) no-repeat 3px; padding-left:19px; font-weight:bold; color:#666; float:left; text-transform:capitalize;}
#bar b{color:#666; font-weight:700;}
#bar b a, #bar a { color:#666;}
#bar a:hover{ color:#000;}

#bar_in{background:#ee048e; margin:0; padding:0; text-align:left; text-indent:8px; text-transform:capitalize; color:#fff; font:bold 16px/26px Arial, Helvetica, sans-serif; height:26px;
}
#bar a { color:#333;}
#bar_in a:hover{ color:#000;}


/* PIC */
.hw00{ float:left; width:140px; margin:0 3px; overflow:hidden; list-style-type:none; display:block;}
.hw00 .hw1{ text-align:center;margin:2px auto; height:130px; width:140px; overflow:hidden; padding:0; display:block; background:#fff;}
.hw00 .hw1 a{ font-size:15px; color:#e5efab;}
.hw00 .hw1 a img{ border:0; max-width:140px; max-height:130px; width:expression(this.width > 140 && this.height < this.width*130/140 ? 140: true);  height: expression(this.height > 130 ? 130: true);margin-top: expression(this.height < 130  ? (130 -this.height)/2: 0); }
.hw00 .hw2{  overflow:hidden;text-align:center; font:100 12px/20px Arial, Helvetica, sans-serif; margin:auto; height:90px;}
.hw00 .hw2 b{ color:red; padding:0 5px; font-size:13px; clear:both}
.hw00 .hw2 br{ line-height:7px;}
.hw00 .hw2 a{  color:#666;}
.hw00 .hw2 a:hover{ font-size:12px; color:red; text-decoration:underline;}
.hw00 .hw2 span{ color:#333; font:bold 12px/16px Arial, Helvetica, sans-serif }
.hw00 .hw2 s{ color:#333;  padding:0 5px;}
.hw00 .hw2 u{  color:#333; text-decoration:none; font-weight:100;}


.hw01{ float:left; width:155px; padding:0; margin:5px; text-align:center; background:#fff;  overflow:hidden; list-style-type:none; display:block;}
.hw01 .hw1{ text-align:center;margin:2px auto; height:125px; width:156px; overflow:hidden; padding:2px; display:block}
.hw01 .hw1 a img{ border:0; max-width:156px; max-height:125px; width:expression(this.width > 156 && this.height < this.width*125/156 ? 156: true);  height: expression(this.height > 125 ? 125: true);margin-top: expression(this.height < 125  ? (125 -this.height)/2: 0); }
.hw01 .hw2{  overflow:hidden;text-align:center; line-height:1.3; margin:auto; height:68px;clear:both}
.hw01 .hw2 b{ color:#036; font:bold 13px/18px Arial, Helvetica, sans-serif}
.hw01 .hw2 br{ line-height:7px;}
.hw01 .hw2 a{  color:#333; font:100 11px Verdana, Geneva, sans-serif; text-decoration:underline}
.hw01 .hw2 a:hover{  color:red; text-decoration:none; }
.hw01 .hw2 span{ color:#333; font-size:12px;}
.hw01 .hw2 s{ color:#999; font-size:11px; padding:0 5px;}
.hw01 .hw2 u{ font-size:11px; color:#333; 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;clear:both}
.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;}

.insort55{  height:55px;}
.insort55 td b{ color:#FFA800; font-size:9px; font-family:verdana; font-weight:700;}
.insort55 td{ font-weight:100;font-size:12px;}
.insort55 a{  color:#000; }
.insort55 a:hover{  color:#f60; }

#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;          /* Ҫɫ */
	
	
}

/*
***********************************************
BOTTOM NAVI - BEGIN
***********************************************
*/

/* FOOTER */

#footerBfly {
   width:995px;
   margin:0px auto;
 color:#333; background:#fff; overflow:hidden; text-align:center;
}

#copyright {font:100 11px/38px Tahoma, Geneva, sans-serif; width:995px; margin:0 auto; text-align:left; border-top:3px solid #dbdbdb; background:#f5f5f5;}
#copyright a {color:#333;}
#keywords { font:100 11px/18px Tahoma, Geneva, sans-serif; width:995px; margin:0 auto; text-align:left; border-top:3px solid #dbdbdb; }
#keywords a{text-decoration:underline}
#keywords a:hover{ color:#fff;}


#subscribe {
   padding: 0;
   margin: 0;
}

.subscribeInput {
   padding: 2px 0;
   color: #A7ABB6;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   width: 150px;
   font-weight: bold;
   float: left;
   text-transform: lowercase;
}

#subscribe label {
   width: 80px;
   color: #969ba8;
   text-align: right;
   font-weight: bold;
   font-size: 10px;
   padding-right: 10px;
   float: left;
}

#confirm {
   display: none;
}

#confirm br {
   clear: left;
}

div#emailWidget {
   width:250px;
   float:right;
   height:65px;  /*javascript:SetCmd(cmdSend);
Send*/


   margin-top:10px;
   padding-right:7px;
}



#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
}

#CENTER{ width:974px; overflow:hidden; background:url(images/center.gif) repeat-x top; padding-top:40px; border-left:1px solid #333; border-bottom:1px solid #333; border-right:1px solid #333;}

<!--index-->