/* CSS Document */

/* CSS Document */

   
body { padding: 0; margin: 0 auto;  font: 0.7em Tahoma, Arial, sans-serif; background:#b7b7b7; color: #ffffff; margin-top:5px; }
img { padding:0; margin:0px;}
div{margin: 0 auto;}
/* links */
a { color: #003B6E; background: inherit; }
a:hover { color: #9EC068; background: inherit; }	

/* headings */
h1 { font: bold 2.5em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; }
h2 { font: bold 2em Arial, Sans-Serif; margin: 0; padding: 0; }
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #FFF; }
.title { color: #808080; background: #fff; }

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }
input.search { width: 150px; border: none; background: #fff url(images/input.gif) no-repeat; padding: 5px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }
.search p{ margin:0; padding:0;}
/* content holder */
#top { width: 1004px;  height:80px;}
#totop{ width:1004px; margin:0 auto;}
#menulist{ width:270px; height:20px; clear:both; background:#636363; margin-top:5px; padding-left:20px;margin-left:710px;}
#menulist a { color:#ffffff}
#content { background:#ffffff; padding-top:14px; padding-left:4px; padding-right:4px; clear:both; width:996px; height:auto; }
#content1 { background:url(images/index1_05.gif) repeat-x #FFFFFF; padding-top:14px;  clear:both; width:1004px; height:auto;}
/* header */
#header { height: 118px; background:url(images/index1_01.gif) no-repeat; }
#logo{width:253px; float:left; height:80px;}


/* menu */	
#tabs { background: url(images/index1_02.gif);  height: 50px; float:left; width:701px; padding-left:50px; padding-top:30px;}
#tabs li { display: inline; height: 45px; }
#tabs li a {  color: #808080;  text-decoration: none; color:#FFFFFF; font-size:16px; padding-left:40px;}
#tabs li a:hover {  color: red; }	
#tabs li a.current {color: #2C71AE; }	
.key { text-decoration: underline; }


/* search form */
#search { 
	float: left;
	clear: both;
	color: #000;
	background: #fff url(images/index1_03.gif) no-repeat;
	padding: 8px 0 0px 185px;
    width:819px;
	margin: 0 0 0 0;
	height:48px;
}
	#search p { padding-top:10px; margin: 0; }

#login { padding:3px 0px 3px 0px;}
#login p{ margin:5px 0; color:#FFFFFF;}

/* left side */
#left { float: left; width: 183px; clear:both;}
#menu{  padding:20px 0px;  background:url(images/menu_bg.gif) repeat-x;}
   #menu li{ display:block; width:190px; border-bottom:1px dotted #b0b0b0;}
   #menu li a{ color:#333839; font-size:13px; padding:8px 8px; text-decoration:none; line-height:25px; width:190px;}
   #menubg{ background:url(images/menu_bg.gif) repeat-x; margin-top:1px; }
   #menubg1{ background-color:#ffffff; margin-top:1px; }
#sell{  padding:20px 12px;}

 #sell li a{ color:#FFFFFF; }
#sell li p{line-height:15px; }
  #sell P{ margin:0; padding:0; color:#FFFFFF }
  .image { float: left; margin: 0 9px 3px 0; height:40px; }
   
   
.sellimg{ width:89; float:left;}
.fontstyle{ font-size:13px; color:#000000; font-weight:bold; padding:15px 20px; }
#ord { padding:5px 20px; font-size:13px;color:#ffffff;}
.logintop{ background:url(images/index1_06.gif); height:46px;}
.menutop{ background:url(images/index1_19.gif); height:30px;}
.menutop1{ background:url(images/index1_30.gif); height:30px;}
.contact{ background:url(images/index1_40.gif); height:27px; color:#ffffff; font-size:12px;  font-weight:bold;}
.contactb{ background:url(images/index1_43.gif); height:7px;}
.ordertop{ background:url(images/index1_45.gif); height:38px;}

.loginbot{background:url(images/index1_17.gif); height:33px; width:225px;}
/* right side */

#right{ width:766px; float:right; margin-left:3px;}	

#right1{ width:803px; float:right; margin-left:3px;}	
	
.ban2{margin-top:-2px;}
.box{ padding-top:5px;}
.boxlogo{  background:url(images/index1_22.gif) no-repeat; height:26px;
padding-left:620px;  color:#299ab5; font-size:13px;
}

.boxlogo1{ border-bottom:1px solid #182021; background:url(images/index1_36.gif) no-repeat; height:26px;
padding-left:620px;  color:#299ab5; font-size:13px; margin-:
}
.newbox{ margin:5px 0 0 0; padding:0; background:url(images/index1_39.gif) no-repeat; height:7px;}
.newboxbot{ background:url(images/index1_53.gif) no-repeat; height:5px;}
.news{ background:url(images/index1_34.gif) ;}
    #nav{ padding-left:25px; } 
    #nav li{ line-height:20px; font-size:12px; }

.thirds { float: left; width: 173px; background: #eee; margin: 0 8px 0 0; color: #5d5d5d; }
	.smallboxtop { height: 8px; background: #fff url(images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox {  color: #444; padding: 1px 5px 5px 5px; background-color:#FFFFFF; border:1px solid #dfdfdf;  }
	.smallbox p { padding: 0; margin: 0; background-color:#FFFFFF; }
		.thirds1 { float: left; width: 175px; background: #ffffff; margin: 0 1px 0 0; color: #5d5d5d; }
		.smallbox1 {  color: #444; padding: 1px 5px 5px 5px; background-color:#FFFFFF;   }
	    .smallbox1 p { padding: 0; margin: 0; background-color:#FFFFFF; }
	#productnm{ font-size:11px; height:60px; line-height:18px; text-align:center; }
		#productnm a{ font-size:11px; height:80px; line-height:18px; text-decoration:none }
	#price{ font-size:12px; color:#FF3300; text-align:center}

.four { float: left;  margin: 10px 10px 0 0; color: #5d5d5d; height:28px; background:#FFFFFF; }
.menuleft{ background:url(images/style_03.gif) no-repeat; width:5px; float:left; height:28px;}
.menubox{ float:left; background:url(images/style_04.gif) repeat-x; padding:5px 10px; height:28px; font-size:11px; width:116px;}
.menuright{ background:url(images/style_06.gif) no-repeat; width:4px; float:left;height:28px;}
	
/* footer  */
.footer { clear: both; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; }

/*--------------------------------------------------------------------*/
.rightbox{ width:669px; height:36px; font-weight:bold; line-height:36px; overflow:hidden; font-size:13px; }
.rightmid{ width:100%;  padding:0; margin:0; height:auto; padding-bottom:2px ; padding-top:5px;}
.mid1{  background:#ffffff;height:99%; padding:2px 5px;   padding-bottom:200px; margin-top:0px;    margin-bottom:5px; margin-left:5px; margin-right:5px;}

.midbg{ width:96%; height:23px; background:#2e3a3a; padding-left:10px; line-height:23px;overflow:hidden; margin-top:8px; }
.midbox{ border:1px solid #d9dde8; width:96%;padding-left:10px; margin-top:1px;}
.fontstyle{ font-size:13px; font-weight:bold; color:#056186;}

#nav{ padding-left:20px; color:#333333; list-style-image:url(images/list.gif);}
.dc{padding-left:20px; color:#ffffff;}
.dc1{ font-weight:bold; font-size:12px; color:#ffffff;}
.detail{ }
.bigimg{ border:1px solid #e1e1e1; width:390px; height:278px; background:#FFFFFF;}
.line{ border-bottom:2px solid #CC3300;}
.font1{color:#ea6705; font-size:13px;}
.pricecolor{ color:#ff3300; font-size:12px; font-weight:bold;}
.pic{ }

/*ÏÂÀ­-----------------------------------*/
.menunext{ padding-left:3px; background:#ffffff; width:190px;}
.menunext li{ line-height:18px; font-size:11px;  width:180px;}
.menunext li a{ color:#333839; }
.smallText{ color:#000000; padding-top:15px;}
.inputsize{ width:110px;}
.name1{ font-size:13px; color:#d6086b}
.namewidth{width:150px;}
.currency{ background:url(images/select.gif) no-repeat; height:41px; width:200px; padding-top:35px; padding-left:32px;}
.proname{ font-size:14px; color:#000000; font-weight:bold;}
.huanh{ height:auto;}
.pro-des{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.bigfont{ font-size:13px; font-weight:blod; color:#000066}
.smallfont{ font-size:12px;  font-family:Arial, Helvetica, sans-serif;line-height:15px; color:#000000 }
.wu{border:1px solid #cca371 ; height:17px;  padding-left:2px;  width:145px; font-size:12px; color:#523400;}
.wu0{ font-size:10px; color:#3e3e3e;}
.wu1{ width:107px; float:left;}
.wu2{width:28px; float:left;}
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

.layerPopup{

position:absolute;
width:281px;
background-color:black;
border:1px solid #414141;
bottom:5px;
padding:5px;
color: #FFFFFF;

}
.layerPopupHeader{
background-color:#212121;
border:1px solid #414141;
color:#EFBA36;
margin-bottom:8px;
margin-left:-5px;
margin-top:-6px;
padding:4px;
position:relative;
width:282px;
margin-right:-5px;
}
a.layerPopUpClose:link, a.layerPopUpClose:hover, a.layerPopUpClose:visited, a.layerPopUpClose:active
{
position:absolute;
right:6px;
top:7px;
}