﻿/* CSS Document */

*{ list-style:none;}

img{ border:0;}
body{ margin:auto; padding:0px; width:1004px; font-size:11px; text-align:center;line-height:150%; font: 12px "ËÎÌå"; overflow-x:hidden;}
html{ width:1004px; margin:0 auto;}
a {color:#333;text-decoration: none;}
a:hover{color:#ff6600;text-decoration: underline;}
#top{ width:1004px; height:85px; text-align:left;}

.logo{ height:85px; background-image:url(Images/logo.gif); float:left; width:311px;}
.topnav{background-image:url(Images/top_bg.jpg); background-position:left; background-repeat:no-repeat; width:692px; height:85px; float:left;}

/*menu*/
.more{ float:right;padding:0px; margin:-40px 0px 0px 0px}

/* g.l 09-01-23 table td{word-break:break-all;word-wrap:break-word;} */
table tr{ text-align:left;}

#menu{
margin:0 auto 0px auto;
text-align:center;
background-color:#579FF4;
/*width:964px;*/
width:1004px;
overflow:hidden;
background:url(images/nav_bg.gif) transparent repeat-x left top;
}
#menu{padding:0px 0px 0px 0px;}

.right li{ float:right;}
strong{ font-weight:normal;}


#menu li{
float:left;
display:block;
margin-left:0px;
padding:0px 10px 0px 10px;
color:#6C6C6C;
text-align:center;
line-height:27px;
height:27px;
font-weight:bold;
font-size:12px;
background:url(images/nav_line.gif) transparent no-repeat right bottom;
}

#menu li a{
display:block;
margin:0px;
border:0px;
padding:0px;
text-decoration:none;
color:#000;
padding:0px 8px 0px 8px;
}
#service {
width:1004px;
height:27px;
clear:both;
text-align:left;
background-color:#0066FF;
border-top:5px solid #FFFF00;
}
#service ul {
width:700px;
margin:0 0 0 250px;
text-align:left

}
#service li {
margin:0 0 0 20px;
float:left;
display:inline;
}
#service a:hover { color:#FFF;}
#menu li a:hover{
color:#fff;
padding:0px 8px 0px 8px;
background:url(images/nav_bg_over.gif) transparent no-repeat left bottom;
}

/* You have item(s)*/

.top_item{
position:absolute;
top:40px;
left:500px;
text-align:center;
font-family:Verdana,Arial;
color:#000;
width:400px;
/*border:1px solid blue;*/
}

.top_item span{
color:#f00;
}

.top_item a{
color:#3366cc;
text-decoration:none;
}



.top_login{
position:absolute;
top:22px;
left:500px;
text-align:center;
font-family:Verdana,Arial;
color:#000;
width:400px;
/*border:1px solid blue;*/
}

.top_login span{
color:#f00;
}

.top_login a{
color:#3366cc;
text-decoration:none;
}

.HomeNav{ width:246px;  height:20px; position:relative; top:62px; right:-75px;}
/*position:absolute; top:62px; left:389px;*/
.HomeNav ul{ margin:0px; padding:0px;}
.HomeNav ul li{ float:left; text-align:center; padding:4px 0px; }
#tmenu0 span {font-weight: normal; color: #FFFFFF; font-size: 11px; }
#tmenu0 a:link {font-weight: normal; color: #FFFFFF; font-size: 11px; }
#tmenu0 a:visited {font-weight: normal; color: #FFFFFF; font-size: 11px; }
#tmenu0 a:active {font-weight: normal; color: #FFFFFF; font-size: 11px; }
#tmenu0 a:hover {font-weight: normal; color: #FFFFFF; font-size: 11px; }

#nowin{
background: url(Images/new_pro_icon.gif) no-repeat;
width:920px; height:20px;text-align:left; margin:0 0 0 20px; border:1px solid #FDCD89
}
#promotion{ text-align:center; width:1004px; height:60px;}
#searchBar img{ float:left;}
#category{ width:195px; height:auto; float:left; text-align:left; margin-left:20px;background:url(Images/categorybottom.jpg) left bottom no-repeat #4E92B9;}
.categoryleft{ width:24px; height:180px;background:url(Images/category.jpg) center no-repeat; line-height:250px; float:left;}
#shoppingcart{ width:175px; float:left; clear:both; margin-left:15px; margin-top:-5px; background-image:url(Images/right_nav.gif); background-repeat:no-repeat; background-position:top center;}
#cart{float:left; clear:both; margin-top:5px;background-repeat:no-repeat; background-position:top center;}
#shoppingcart h1{ font-size:14px; color:#FFFFFF; margin:0px 0px 8px 0px; padding:0px;}
#shoppingcart b{ font-weight:normal}
.HotPro{ width:154px; height:auto;
float:left;}
.HotProContent{ width:154px; border-left:1px solid #F7CF91; border-right:1px solid #F7CF91; background-color:#FAFAFA}
.HotProContent img{ border:1px solid #CCCCCC;}
.HotProContent dl,.HotProContent dl dt{ padding:0px; margin:0px;}
.HotProContent dl dd{ margin:0px 10px; text-align:left}

.HotProtop{ width:154px; height:auto; background:url(Images/yellow_top) top center no-repeat;}
.HotProBottom{ width:154px; height:auto; background:url(Images/yellow_bottom.gif) bottom center no-repeat;}
#promotions{ width:717px; margin-left:20px;float:left; height:300px;}
.promotion{ width:242px; height:312px; float:left; overflow:hidden;}
.promotion dl{ float:left;width:240px; text-indent:10px; text-align:left; height:56px; border:1px solid #FBA528;}
.promotionMore{ width:32px; height:260px; background:url(Images/promotion.jpg) left top no-repeat; float:left;}
#newproducts{ width:737px; height:200px; background: left top no-repeat url(Images/newproduct.jpg); float:left;}
.newproduct{ width:160px; height:160px; padding-top:25px; margin-left:16px; float:left; background:url(Images/picbg.jpg) no-repeat center;}
.newproduct img{ width:125px; height:125px;}
#categoryproduct{width:765px; float:center; height:auto; margin:0 auto;}
#categoryproduct img { width:72px; height:72px; border:1px solid #C3C3C3; margin-bottom:10px;}
/* .productname{ width:auto; float:left; text-align:left; padding:0px 10px;word-wrap:break-word;} */
.productname{ width:auto; float:left; text-align:left; padding:0px 10px;}
#categoryproduct .productprice{}

.maincategoryproductone,.maincategoryproducttwo,.maincategoryproductthree{ width:128px; height:60px; overflow:hidden; float:left; margin:0px; padding:0px;}
.maincategoryproductone h1,.maincategoryproducttwo h1,.maincategoryproductthree h1   { width:100%; text-align:left; font-size:16px; text-indent:10px;/*for other IE Versions*/  padding:4px 0px; margin:4px 0px;}
.maincategoryproductone img,.maincategoryproducttwo img,.maincategoryproductthree img{ float:left; margin:0px 5px 0px 0px; padding:0px; font-size:12px;}
.maincategoryproductone h1,.maincategoryproducttwo h1,.maincategoryproductthree h1   { width:100%; text-align:left; font-size:16px; text-indent:10px;/*for other IE Versions*/  padding:4px 0px; margin:4px 0px;}
.maincategoryproductone h1{background:url(Images/category1.jpg) left no-repeat;color:#1482D7;border-bottom:2px solid #0066CC;}

.categoryproductone,.categoryproducttwo,.categoryproductthree{ width:255px; height:150px; overflow:hidden; float:left; margin:0px; padding:0px;}
.categoryproductone img,.categoryproducttwo img,.categoryproductthree img{ float:left; margin:0px 5px 0px 0px; padding:0px; font-size:12px;}
.categoryproductone h1,.categoryproducttwo h1,.categoryproductthree h1   { width:100%; text-align:left; font-size:16px; text-indent:10px;/*for other IE Versions*/  padding:4px 0px; margin:4px 0px;}
.menucategoryproductone h1,.menucategoryproducttwo h1,.menucategoryproductthree h1   { width:100%; text-align:left; font-size:16px; text-indent:10px;/*for other IE Versions*/  padding:4px 0px; margin:4px 0px;}
h1 a{ color:#1482D7;}
.categoryproductone h1{background:url(Images/category1.jpg) left no-repeat;color:#1482D7;border-bottom:2px solid #0066CC;}
.ul{ margin:0px; padding:0px; float:left; height:140px; width:160px;}
.ulr{ margin:0px; padding:0px;}
.li{ margin:0px; padding:2px 0px; list-style:none; height:80px;}
.categorymore{ background:url(Images/new_pro_icon.gif) left 10px no-repeat; line-height:1.5em; text-align:left; text-indent:10px;}
.categoryproducttwo h1{background:url(Images/category2.jpg) left no-repeat;color:#F28B50;border-bottom:2px solid #F28B50;}
.categoryproductthree h1{background:url(Images/category3.jpg) left no-repeat;color:#389343;border-bottom:2px solid #389343;}
strike{ margin:0px 10px 0px 0px;}
#catepromotion{ margin-top:15px; width:1004px;}
#bestsellers{ clear:both; width:932px; float:left; margin-left:20px; height:218px; background-repeat:no-repeat;}
.bestseller{ width:455px; height:218px;float:left;}
.bb{ width:455px; height:10px; background:url(Images/bestb.jpg) no-repeat top}
.bt{ width:455px; height:25px; background:url(Images/bestt.jpg) #E5E9F4 no-repeat top; text-align:left; text-indent:10px;}
.bt h1{ width:100%; height:25px; line-height:25px; margin:0px; padding:0px;  font-size:small;/*for IE5/Win*/
			f\ont-size:medium;}
.bcontent{ border-left:10px solid #E5E9F4; border-right:10px solid #E5E9F4; width:455px; height:200px;}
.bimg{ width:150px; height:150px; float:left; border-right:1px solid #CCCCCC; margin:15px 0px;}
.bright{ height:90px; width:280px;text-align:left; text-indent:10px; float:left}
.bsimg{ width:90px; float:left}
.bright img{ width:60px; height:60px; margin:15px 0px; float:left}
.bline{ border-bottom:1px dotted #CCCCCC;}
/*.searchBar{position:absolute; left:700px; top:50px; color:#FFFFFF; font-weight:bold; width:250px; height:30px; }*/
.searchBar{position:relative; left:400px; top:30px; color:#FFFFFF; font-weight:bold; width:250px; height:30px; }
.searchBar img{ float:right; margin-top:3px;}
.fr{ float:right;}

/* CSS Document */
#width{padding-bottom:6px;margin:0;height:106px;}
.slidecontainer{position:relative;height:1px;}
.slideimages{margin-top:0px; float:left;}
.slideimages img{border:0;display:none;}
.slideimages a{position:absolute;top:0;left:0;}
/* slide begin */
/******************************************************/
#slidenum{position:absolute;right:1px;top:170px;z-index:30;}
#slidenum .slideNumber{padding-left:0px;margin:0;padding:0;list-style-type:none;float:right;}
#slidenum .slideNumber li{ padding:0px;background:none;font-size:14px;float:left;display:inline;color:#002ABF;text-align:center;line-height:12px !important;line-height:12px;font-family:arial;width:12px;height:12px;background-color:#fff;margin:2px 7px 0 0;cursor:pointer;cursor:hand; border:#C3CD91 solid 1px;}
#slidenum .slideNumber li.curSlideNumber{padding-left:0px;background:none;background-color:#4E92B9;color:#FFF; border:#9AA459 solid 1px;}

.accordionHeader
{
    border:1px solid #2F4F4F;
    background-color:#A6D0E6;
    font-family:»ªÎÄÐÂÎº;
    font-size:16px;
    font-weight:bold;
    padding:5px;
    margin-top:5px;
    cursor:pointer;
    text-align:left;
}

.accordionContent
{
    border:1px dashed #2F4F4F;
    background-color:#FFFEDF;
    font-family:Arial;
    border-top:none;
    padding:5px;
    text-align:left;
    padding-top:10px;
}