/* CSS Document */
/*html{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/
*{ margin:0px;padding:0px;font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666; word-wrap: break-word; word-break: break-all;}
div,ul,li {
	position:relative;
}
p { line-height:150%;}
li { list-style:none;}
img { border:0px;}
a:link { color:#666666; text-decoration: none;}
a:visited { color:#666666; text-decoration: none;}
a:hover { color:#FF9900; text-decoration: underline;}
a:active { color:#666666; text-decoration: none;}
.tx { border:1px #CCCCCC solid; height:14px; padding:3px 0 0 3px;}
.imagebox {border:1px #CCCCCC solid;}
.red01 { color:#CC0000;}
.red02 { color:#CC0000; font-weight:bold;}
.red03 { color:#CC0000; font-size:14px;}
.red04 { color:#CC0000; font-weight:bold; font-size:14px;}
.blue01 { color:#0000FF;}
.gray01 { color:#999999;}
h1 { font-size:14px;}
h1.redpagetitle { font-size:16px; color:#CC0000;}
div.showmsg { float:none; width:300px; height:60px; margin: 100px auto 0 auto; padding-top:50px; border:5px #CCC solid; text-align:center; background:#F5F5F5;}
div.pageerr { float:left; width:inherit; text-align:center;}
div.pageshortinfo { width:708px; background:#F8F8F8; border:1px #CCCCCC dotted; margin:0 0 10px 0; padding:5px}
#index_ct {float:left; width:100%; height:20px; background:url(../images/V2/tbg.gif) repeat-x;}
/**Index structure Start**/
#header { position:relative; float:none; width:960px; height:auto; margin:5px auto 0px auto;}
#container{ position:relative; float:none; width:960px; height:auto; margin:20px auto 0px auto;}
#footer{ position:relative; float:none; width:960px; height:142px; margin:20px auto 0px auto;}
/**Index structure End**/
#header #top { float:left; width:100%; height:60px;}
#top #logo { float:left; height:60px;}
#top #topmenu { float:right; text-align:right;}
#header #menu { float:left; width:100%; height:35px; margin:5px 0 0 0; text-align:center; background:#CC0000 url(../images/V2/menu_bg.gif) no-repeat;}
#menu h1 { font-size:14px; margin:10px 12px 0 12px; color:#FFFFFF;}
#menu ul {
	width:auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 105px;
}
#menu ul li { float:left; height:35px;}
#menu ul li a:link,a:visited,a:active {}
#menu ul li.ml { background:url(../images/V2/menu_bgl.gif) repeat-x; color:#FFFFFF;}
#menu ul li.ma { background:url(../images/V2/menu_bga.gif) repeat-x;}
#menu ul li.menuline{ width:2px; background: url(../images/V2/menu_line.gif) no-repeat;}
#header #search { float:left; width:100%; height:24px; background:url(../images/V2/search_bg.gif) no-repeat;}
#search #hotkeywords { float:left; width:400px; margin:4px 0 0 20px;}
#search h1 { float:left; padding:0 5px 0 5px;}
#search ul { float:right; margin:2px 20px 0 0;}
#search ul li { float:left; width:auto; margin:0 4px 0 0px;}
#header div.topad { float:left; width:100%; margin:10px 0 10px 0;}
/**service**/
#service { float:left; width:218px; height:244px; border:1px #CCCCCC solid; background:#F8F8F8; padding-top:5px; margin-bottom:3px;}
#service h1 { color:#CC0000; padding-left:5px;}
#service ul{ float:left; margin:10px 0 0 5px; border-top:1px #CCCCCC dotted;}
#service ul li { float:left; padding-top:5px; height:20px; width:200px;}
#service ul li.orderbutton { text-align:center;}

/**index left**/
#container #left{float:left; width:220px; }
#left h1{ font-size:14px;}
#left ul.catalog_t { width:220px;}
#left ul.catalog_t li { float:left; background:url(../images/V2/tbg.gif) repeat-x; width:98px; padding:5px 5px 0 5px; height:20px;}
#left ul.catalog_t li.catalog_to { border-top:1px #CCCCCC solid; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid; border-bottom:1px #f8f8f8 solid;}
#left ul.catalog_t li.catalog_tc { border:1px #CCCCCC solid; }
div.catalog {
	float:left;
	width:218px;
	padding-top:10px;
	background:#F8F8F8;
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	overflow:hidden;
	margin-bottom:3px;
}
div.catalog h1 { float:left; width:200px; font-size:14px;}
div.catalog h1 a{ background:url(../images/V2/catalog_dot.gif) 0px 5px no-repeat; font-size:14px; height:24px; margin:5px 0 0 10px; padding:2px 2px 2px 15px;}
div.catalog ul { float:left; width:200px; margin:0 0 0 10px;}
div.catalog ul li { float:left; width:90px; height:18px; background:url(../images/V2/catalog_ldot.gif) 0px 5px no-repeat; padding:3px 0 0 10px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}

#articlelist{ float:left; width:220px; margin-bottom:3px;}
#articlelist ul { float:left; width:218px; border:1px #CCCCCC solid; background-color:#F8F8F8; margin-top:1px;}
#articlelist ul li{ float:left; list-style-image:url(../images/V2/catalog_ldot.gif); width:210px; height:20px; margin-left:5px; padding-top:5px; overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
#articlelist ul li.articlesort { border-bottom:1px #CCCCCC dotted; list-style:none; margin-top:3px; }
/**index center**/
#container #center{float:left; width:500px; margin:0 0 0 10px;}
#center #main_bt { background:#666666; height:20px; padding:5px 0 0 0;}
div.centertitle { float:left; width:100%; background:url(../images/V2/tbg.gif) repeat-x; height:20px; padding-top:5px; border:1px #CCCCCC solid;}
div.centertitle h1{ float:left; width:auto; margin-left:10px; color:#CC0000;}
div.sidetitle { float:left; width:218px; background:url(../images/V2/tbg.gif) repeat-x; height:20px; padding-top:5px; border:1px #CCCCCC solid;}
div.sidetitle h1{ float:left; width:auto; margin-left:10px; color:#CC0000;}
div.more {float:right; margin-right:10px; width:auto;}
.white_t { margin-left:10px; color:#FFFFFF; font-size:14px; font-weight:bold;}

/**#main**/
.currentpage { float:left; width:100%; height:20px; padding:0 0 2px 0; border-bottom:1px #000000 solid; margin-bottom:5px;}
div.pagetitle { float:left; width:100%; height:20px; background:url(../images/V2/tbg.gif) repeat-x;  padding:5px 0 0px 0; border:1px #CCCCCC solid; margin-bottom:5px;}
div.pagetitle h1 { float:left; color:#CC0000; margin-left:10px;}
#container #main_l{float:left; width:730px; margin-bottom:10px;}
#container #main_2{float:left; width:734px; margin-bottom:10px;}
#container #main1{float:left; width:730px; margin-bottom:5px;}
div.newstitle { float:left; width:100%; height:20px; padding:5px 0 0px 0; border-bottom:1px #333333 solid; margin-bottom:5px;}
div.newstitle h1 { float:left; margin-left:10px;}
ul.newslist { float:left; width:100%;}
ul.newslist li { float:left; background:url(../images/V2/newsdot.gif) no-repeat 5px 8px; width:320px; height:20px; margin-left:10px; padding:3px 0 0 20px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
ul.pagenewslist { float:left; width:100%;}
ul.pagenewslist li { float:left; background:url(../images/V2/newsdot.gif) no-repeat 5px 8px; width:680px; height:20px; margin-left:10px; padding:3px 0 0 20px;}
/****/
#container #main_r{
	float:right;
	width:725px;
	margin-bottom:10px;
	background-color: #FCFCFC;
}
ul.itemlist {float:left; width:100%; margin:5px 0 5px 0;}
ul.itemlist li {float:left; width:150px; padding:2px; margin:10px;}
ul.itemlist li div{ margin-top:3px;}
ul.itemlist li div.itemname{ clear:both; height:48px; text-align:center; overflow:hidden; text-overflow:ellipsis;}
ul.itemlist li div.itemname h1 { clear:both; font-size:14px;}
.pagelink { float:left; width:100%; height:20px; text-align:center;  padding:5px 0 5px 0; border-top:1px #000000 solid;}
div.iteminfo { float:left; width:100%; margin-bottom:10px; height:auto;}
div.itempic { float:left; width:300px; height:300px;}
/**big product picture show Start**/
#itemimage{margin:0 auto; width:250px; height:250px; display:table; border:5px solid #eee; *position:relative;}
#itemimage div.box{display:table-cell; vertical-align:middle; text-align:center; *width:100%; *position:absolute; *top:50%; *left:0; }
#itemimage p{*position: relative; *top:-50%;}
#itemimage img{ cursor:hand; *margin-top:3px;}
#itemimage img.small { max-width:120px; max-height:120px;}
#itemimage img.big { max-width:250px; /*IE6*/_width:250px; max-height:250px; /*IE6*/_height:250px;}
/**big product picture show End**/

ul.showstore1,ul.showstore2,ul.showbrand { float:left; width:720px; margin:1px 0 5px 0;}
ul.showstore1 li { float:left; margin:5px 0px 0 20px; width:150px;}
ul.showstore2 li { float:left; margin:5px 0px 0 20px; width:150px;}
ul.showbrand li { float:left; margin:5px 0px 0 20px; width:150px;}
div.showname,div.showlink { float:left; width:100%; height:20px; padding-top:5px; overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
div.shortinfo { height:60px; overflow:hidden; }
/**picture show Start**/
#storepic1{ margin:0 auto; width:150px; height:50px; display:table; border:1px #CCCCCC solid; *position:relative; margin:auto;}
#storepic1 div.box{display:table-cell; vertical-align:middle; text-align:center; *width:100%; *position:absolute; *top:50%; *left:0; }
#storepic1 p{*position: relative; *top:-50%;}
#storepic1 img{ cursor:hand; max-width:150px; /*IE6*/_width:150px; max-height:50px; /*IE6*/_height:50px; *margin-top:3px;}

#storepic2{ margin:0 auto; width:150px; height:100px; display:table; border:1px #CCCCCC solid; *position:relative; margin:auto;}
#storepic2 div.box{display:table-cell; vertical-align:middle; text-align:center; *width:100%; *position:absolute; *top:50%; *left:0; }
#storepic2 p{*position: relative; *top:-50%;}
#storepic2 img{ cursor:hand; max-width:150px; /*IE6*/_width:150px; max-height:100px; /*IE6*/_height:100px; *margin-top:3px;}

#brandpic1{ margin:0 auto; width:150px; height:40px; display:table; border:1px #CCCCCC solid; *position:relative; margin:auto;}
#brandpic1 div.box{display:table-cell; vertical-align:middle; text-align:center; *width:100%; *position:absolute; *top:50%; *left:0; }
#brandpic1 p{*position: relative; *top:-50%;}
#brandpic1 img{ cursor:hand; max-width:150px; /*IE6*/_width:125px; max-height:50px; /*IE6*/_height:30px; *margin-top:3px;}

#brandpic2{ margin:0 auto; width:150px; height:100px; display:table; border:1px #CCCCCC solid; *position:relative; margin:auto;}
#brandpic2 div.box{display:table-cell; vertical-align:middle; text-align:center; *width:100%; *position:absolute; *top:50%; *left:0; }
#brandpic2 p{*position: relative; *top:-50%;}
#brandpic2 img{ cursor:hand; max-width:150px; /*IE6*/_width:150px; max-height:100px; /*IE6*/_height:100px; *margin-top:3px;}
/**picture show End**/

ul.iteminfolist{ float:left; width:400px;}
ul.iteminfolist li { float:left; width:400px; padding:5px 0 5px 0;}
ul.iteminfolist li h1 { color:#CC0000; font-size:16px;}
div.maintitle { float:left; width:100%; background:url(../images/V2/tbg.gif) repeat-x; height:20px; padding-top:5px; border:1px #CCCCCC solid;}
div.maintitle h1{ float:left; width:auto; margin-left:10px; color:#CC0000;}
div.more {float:right; margin-right:5px; width:auto;}

#public {height:400px;}
#public ul { margin-top:280px; margin-left:105px; margin-right:105px;}
#public ul li { text-align:left; margin-bottom:8px; padding-left:40px; background-color:#CCCCCC}

div.content { float:left; margin:10px; width:95%; height:auto; line-height:150%;}
ul.friendlinks { float:left; width:100%; margin-top:1px; margin-bottom:10px; border:1px #CCCCCC solid;}
ul.friendlinks li { float:left; margin:5px 4px 0 4px; width:94px; height:40px; vertical-align: middle; text-align:center; padding:2px;}
ul.friendlinks li.linktext { padding-top:12px; }
/**right**/
#container #right{float:right; width:220px;}
/**foot**/
#footer div { text-align:center;}
#footmenu { clear:both; height:20px; background:url(../images/V2/tbg.gif) repeat-x; border:1px solid #CCCCCC; padding-top:5px;}
#footmenu #footermenu a { padding:0 10px 0 10px;}
#siteinfo { line-height:150%;}
/**product picture show Start**/
#pic{margin:0 auto; width:123px; height:123px; display:table; border:1px #CCCCCC solid; *position:relative; margin:auto;}
#pic div.box{display:table-cell; vertical-align:middle; text-align:center; *width:100%; *position:absolute; *top:50%; *left:0; }
#pic p{*position: relative; *top:-50%;}
#pic img{ cursor:hand; max-width:120px; _width:120px; max-height:120px; _height:120px; *margin-top:0px;}
/**product picture show End**/
/**brand rommend**/
#tips{ float:right; width:220px;}
#tips ul { float:left; width:218px; border:1px #CCCCCC solid; background-color:#F8F8F8; margin-top:1px;}
#tips ul li{ float:left; width:100px; height:20px; margin-left:5px; padding-top:5px; overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
/**brand rommend**/
/**product rommend picture show End**/
#rommend{ float:left; width:220px; margin:3px 0 3px 0; text-align:center}
#rommend ul { float:left; width:218px; border:1px #CCCCCC solid; background-color:#F8F8F8; margin-top:1px;}
#rommend ul li{ float:left; width:90px; height:140px; margin-left:5px; padding-top:5px; overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
#picrom{margin:5px auto; width:90px; height:90px; display:table; border:1px #CCCCCC solid; *position:relative; margin:auto;}
#picrom div.box{display:table-cell; vertical-align:middle; text-align:center; *width:100%; *position:absolute; *top:50%; *left:0; }
#picrom p{*position: relative; *top:-50%;}
#picrom img{
	cursor:hand;
	max-width:85px;
	_width:85px;
	max-height:85px;
	_height:85px;
*margin-top:1px;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 1px;
	margin-left: 1px;
}
/**sales show End**/
#sales{ float:left; width:220px; margin:3px 0 3px 0; text-align:center}
#sales ul { float:left; width:218px; border:1px #CCCCCC solid; background-color:#F8F8F8; margin-top:1px;}
#sales ul li{ float:left; width:90px; height:140px; margin-left:5px; padding-top:5px; overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
#picsales{
	margin-top:5px;
	width:210px;
	height:100px;
	display:table;
	border:1px dotted #CCCCCC;
*position:relative;							margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#picsales div.box{display:table-cell; vertical-align:middle; text-align:center; *width:100%; *position:absolute; *top:50%; *left:0; }
#picsales p{*position: relative; *top:-50%;}
#picsales img{ cursor:hand; max-width:205px; _width:205px; max-height:95px; _height:95px; *margin-top:0px;}
/**sales show End**/

#brandshop {
	float: left;
	height: 250px;
	width: 230px;
	border: 1px solid #C0C0C0;
	margin-bottom: 2px;
}
#brandlist {
	background-color: #F8F8F8;
	height: 25px;
	margin: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C0C0C0;
}

div.ptitle { float:left; width:225px;  height:20px; padding-top:5px; }
div.ptitle h1{ float:left; width:auto; margin-left:10px; color:#CC0000;}

#banner {
	float:left;
	width: 483px;
	height: 250px;
	border: 1px solid #CCCCCC;
	margin-left:4px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
}
#banner div.imges {
	float: left;
	width: 479px;
	height: 246px;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}
#banner img{
	cursor:hand;
	max-width:479px;
	_width:479px;
	max-height:246px;
	_height:246px;
*margin-top:0px;			height: 246px;
	width: 479px;
}

ul.imges {
	float: left;
	height: 120px;
	width: 120px;
	margin: 1px;
}
ul.imges li {
	height: 120px;
	width: 120px;
	padding-top: 1px;
}

#guess {
	height: 160px;
	width: 353px;
	border: 1px solid #CCCCCC;
	float:left;
	background-color: #F8F8F8;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 2px;
	margin-left: auto;
}
#gimg {
	height: 122px;
	width: 122px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 3px;
}
ul.gimg {
	float: left;
	height: 120px;
	width: 120px;
	margin: 1px;
}
ul.gimg li {
	height: 120px;
	width: 120px;
	padding-top: 1px;
	
}



#gimg div.box{display:table-cell; vertical-align:middle; text-align:center; *width:100%; *position:absolute; *top:50%; *left:0; }
#gimg p{*position: relative; *top:-50%;}
#gimg img{ cursor:hand; max-width:120px; _width:120px; max-height:120px; _height:120px; *margin-top:0px;}


#gtop {
	background-image: url(../images/2_03.gif);
	height: 24px;
	width: 355px;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

div.gtitle { float:left; width:218px;  height:20px; padding-top:5px; }
div.gtitle h1{ float:left; width:auto; margin-left:10px; color:#666666;}

div.newstitles {
	float:left;
	width:355px;
	height:20px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	
}
div.newstitles h1 { float:left; margin-left:10px;}

ul.newslists {
	float:left;
	width:210px;
	margin: auto;
	height: 18px;
	}
ul.newslists li {
	float:left;
	width:180px;
	height:18px;
	margin-left:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	padding-top: 3px;
	padding-left:12px;
	background-image: url(../images/V2/newsdot.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
}
ul.pagenewslists { float:left; width:250px;}
ul.pagenewslists li { float:left; background:url(../images/V2/newsdot.gif) no-repeat 5px 8px; width:680px; height:20px; margin-left:10px; padding:3px 0 0 20px;}

#fashion{
	width:210px;
	height:102px;
	display:table;
	border:1px dotted #CCCCCC;



*position:relative;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
}
ul.fashion {
	float: left;
	height: 100px;
	width: 205px;
	margin: 1px;
}
ul.fashion li {
	height: 100px;
	width: 205px;
	padding-top: 1px;
}#fashion div.box{display:table-cell; vertical-align:middle; text-align:center; *width:100%; *position:absolute; *top:50%; *left:0; }
#fashion p{*position: relative; *top:-50%;}
#fashion img{
	cursor:hand;
	max-width:205px;
	_width:205px;
	max-height:100px;
	_height:100px;
*margin-top:0px;	height: 100px;
	width: 205px;
}
#disbanner {
	float: left;
	height: 250px;
	width: 510px;
	border: 1px solid #C0C0C0;
	margin-left: 2px;
	margin-bottom: 5px;
}
#disbanner img {
	height: 240px;
	width: 500px;
	margin: 5px;
}

div.newstitless {
	float:left;
	width:100%;
	height:20px;
	padding:5px 0 0px 0;
	border-bottom:1px #333333 solid;
	
	background-color: #FCFCFC;
}
div.newstitless h1 { float:left; margin-left:10px;}