/* CSS Document */
@import "menustyle.css";
/* COMMON STYLE
--------------------------------------------------------- */


body {
	margin: 0;
	padding: 0;
	background-image: url(../images/bg.gif);
}

body, th, td, input, textarea {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #C8CACB;
	text-transform:capitalize;
}

#bodypage {
	width:1003PX;
	margin: 0 auto;
	background-color: #323232;
	background-image: url(../images/bg_2.gif);
	background-repeat: repeat-x;
	background-position: top;
}

p {
	line-height: 20px; margin:0; padding:0;
}

ol, ul {
    list-style-type:none; 
}
a { text-decoration:none; color:#C8C8C8; 
}
a:hover {
	text-decoration: none; color:#565656; 
}

.clr {
	clear: both;
}

.left {
	float:left;
}

.right { 
	float:right;
}

h1,h2,h3,h4,h5,h6  {
    margin: 0; padding: 0; 	font-family: Tahoma, Arial, sans-serif;

}

form {
	margin: 0;
	padding: 0;
}

.BOTT{ BORDER-top:#ccc 2px solid;BORDER-left:#ccc 2px solid; BORDER-right:#666 1px solid;BORDER-bottom:#666 1px solid; vertical-align:middle; FONT: 12px Arial, Helvetica, sans-serif; HEIGHT: 20px;width:60pX; color:#FFf; background:#333;
}

.searchsets { width:65px; height:16px; line-height:16px; text-align:center; text-transform:capitalize;vertical-align:middle;}

#header {
	margin:0 auto; height:145PX;
}

/* TOP */
#topmenu {
	width:724px; margin:0; padding:30px 20px 0 0; 
}
.cBlue { color:#FFF; font: bold 11px Tahoma, Verdana, Arial; }
a.cBlue { color:#FFF text-decoration:none; }
a.cBlue:hover { color: #999; text-decoration:underline; }

#logo {		
	margin:68px 0 0 14px; padding:0; height:59px; width:263px; position:absolute; background: url(../images/logo.gif) no-repeat left top;
}

#logo a { 
	display:block; height:59px; width:263px; float:left
}

.texthidden{ 
	display:block; overflow:hidden; width:0; height:0; 
}

#ben {
	width:717px; height:260px; padding:1px; margin:0 auto; border:1px solid #AA8E62;
}


textarea, input, select{
    background: #333;
    BORDER-top:#666 1px solid;
	BORDER-left:#666 1px solid;
	BORDER-right:#ccc 2px solid;
	BORDER-bottom:#ccc 2px solid;
    color: #fff;
    font-family: verdana, tahoma, sans-serif;
    font-size: 0.95em;
	line-height:19px;
}
	
/* CONTENT */
#content {
	width:984px; margin:0 auto; padding:0; 
}

/* CONTENT RIGHT */
#padding_right { 
	width:724px; float:right; margin:0; padding:0 8px 0 0;
}

#padding_right .rights {
	border:1px #AA8E62 solid; margin:10px 0 0 0; background:#222;
}
#padding_right .about {
	border:1px #AA8E62 solid; margin:10px 0 0 0; background:#222; height:100%;
}
#padding_right .about form{ margin:5px 5px 5px 15px; padding:0px;}
}
#padding_right .about p{ line-height:25px; text-indent:1.3em; padding:5px; margin:5px; font-size:11px;
}
#padding_right .about ul{ list-style-type:none; padding:0px; margin-left:10px;}
#padding_right .about li{ line-height:22px; padding:0px; margin:0px; font-size:11px;}
#padding_right .about a:link{ color:#fff; text-decoration:none;}
#padding_right .about a:visited{ color:#fff; text-decoration:none;}
#padding_right .about a:hover{ color:#ff0; text-decoration:none;}
#padding_right .about h1{ line-height:25px; padding:2px; font-size:14px; font-weight:bold; text-align:center;}
#padding_right .about p{line-height:25px; text-indent:1.53m; padding:0px; margin:0px;}
.spans {
	color:#C8CACB; font:12px/24px Arial, Verdana, Helvetica, sans-serif; width:230px; margin:0 10px; display:inline; float:right;
}
.rights span a {
	text-decoration:underline;
}
#padding_right h2 { display:block; height:23px; font: 12px/23px Arial, Helvetica, sans-serif; padding:0 0 4px 5px; margin:1px; color:#fff;background:url(../images/bg_mid_bg.gif) top repeat-x; } 
/*--new product--*/
.INDEX_PRO {
	WIDTH: 300px; display:block; 
}
.INDEX_PRO .texts {
	WIDTH: 150px; height:90px; PADDING:45px 0 0 10PX; color:#FF6600; text-align:LEFT; font:12px/16px Arial, Verdana, Helvetica, sans-serif; display:block; overflow:hidden; float:left;
}
.INDEX_PRO {
	FLOAT: left; padding: 3px 9PX; OVERFLOW: hidden;  MARGIN: 0px;  TEXT-ALIGN: center; 
}

.INDEX_PRO .goodspic {
	display:block;PADDING: 2px; MARGIN:0px auto; VERTICAL-ALIGN: middle; OVERFLOW: hidden;  WIDTH: 130px; LINE-HEIGHT: 130px; HEIGHT: 130px; float:left;
}
.INDEX_PRO .goodspic img {
	FONT-SIZE: 1px; MAX-WIDTH: 130px; VERTICAL-ALIGN: middle; ; WIDTH: expression(this.width > 130 && this.height < this.width ? 130: true); BORDER-TOP-STYLE: none; MAX-HEIGHT: 130px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; ; HEIGHT: expression(this.height > 130 ? 130: true); BORDER-BOTTOM-STYLE: none; line-height:130px;
}

/*--new product--*/
.INDEX_PIC {
	WIDTH: 153px; display:block; 
}
.INDEX_PIC H4 {
	WIDTH: 153px;PADDING:5px 0 0 0; text-align:center; font: 12px/16px Arial, Verdana, Helvetica, sans-serif; display:block; overflow:hidden;
}
.INDEX_PIC {
	FLOAT: left; padding: 3px 9PX; OVERFLOW: hidden;  MARGIN:5PX 0;  TEXT-ALIGN: center; border:1PX #5C5C5C solid; color:#FF6600; height:180px; 
}

.INDEX_PIC .goodspic {
	display:block;PADDING: 5px; MARGIN:0px auto; VERTICAL-ALIGN: middle; OVERFLOW: hidden;  WIDTH: 140px; LINE-HEIGHT: 140px; HEIGHT: 140px;
}
.INDEX_PIC .goodspic img {
	FONT-SIZE: 1px; MAX-WIDTH: 130px; VERTICAL-ALIGN: middle; ;BORDER-TOP-STYLE: none; MAX-HEIGHT: 130px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; ;BORDER-BOTTOM-STYLE: none; line-height:130px; width:130px; height:130px; margin-top:5px;}

#padding_left { 
	width:229px; margin:0 8px 13px 10px; padding:0 0 10px 0; border:1px #AA8E62 solid;
}

/* FOOTER */
#footer { 
	width:962px; background:#3F3F3F; height:110px; margin:10px auto; padding:0;
}
#footer P {
	background:#2C2C2C; height:24PX;
}

#footer .copyright { 
	width:952px; font:11px/27px Verdana, Arial, Helvetica, sans-serif; padding:2px 5px; text-align:center;
}

#footer .copyright a {
	color:#C8CACB;
}
#footer .copyright a:hover {
	color:#ff0;
}

#keywords { 
	width:962px; background:#3F3F3F; margin:2px auto; padding:0;
}

.views img {
	FONT-SIZE: 1px; height:450px; width:400px;
}

/* BANR */

div#MainPromotionBanner{
	width:717px;
	height:260px;
	background:#feb900;
}
#MainPromotionBanner #SlidePlayer {
	position:relative;
	margin: 0 auto;
}
#MainPromotionBanner .Slides{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 260px;
	overflow: hidden;
}
#MainPromotionBanner .Slides li {
	float: left;
	width: 717px;
	height: 260px;
}

#MainPromotionBanner .Slides img{
	border:0;
	display: block;
	width: 717px;
	height: 260px;	
}

#MainPromotionBanner .SlideTriggers{
	margin: 0;
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 230px; 
	right: 0px;
	z-index: 10;
	height: 25px;	
}
#MainPromotionBanner .SlideTriggers li{
	float: left;
	display: inline;
	color: #000;
	text-align: center;
	line-height:16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: .9em;
	cursor: pointer;
	overflow: hidden; 
	margin:3px 1px;
	background: url(../images/slide_trigger.gif) no-repeat center center;
}
#MainPromotionBanner .SlideTriggers li.Current{ 
	color:#fff; 
	background: url(../images/slide_trigger_c.gif) no-repeat center center;
	border:0; 
	font-weight:bold;
	font-size: 1.4em;
	line-height: 21px;
	height: 21px;
	width: 21px;
	margin:0 1px; 
}

.msn{ width:125px;}
.msn .top{ width:100%; height:40px;}
.msn .middle{width:125px;background-image:url(../images/2.gif);background-repeat: repeat-y; text-align:center; font-size:11px; color:#000;}
.msn .middle a:link:{ color:#000; text-decoration:none;}
.msn .middle a:visited:{ color:#000; text-decoration:none;}
.msn .middle a:hover:{ color:#ff6600; text-decoration:none;}
.msn .bottom{ width:100%;}