/*=Library*/
/* 首页所使用模块的样式
/*=============================================================================================*/
/* css file:index.css */
/* css file:TPL_INDEXGOODS_STYLE_1.css */
/*************************************************************************

只要调整下面的2个width的值，就可以实现几列显示；
这两个值最好是相同的。

*************************************************************************/
.INDEXGOODS_STYLE_1_Wrap .items,
.INDEXGOODS_STYLE_1_Wrap .items h1 {/*反复调整这里的数字来获得最佳的宽度*/
	width:243px;
}
/************************************************************************/


.INDEXGOODS_STYLE_1_Wrap .ItemsWarp {/*商品条目循环项外层*/
}
.INDEXGOODS_STYLE_1_Wrap .items {/*商品条目循环项*/
	padding:10px;
	float:left;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	overflow:hidden;
}
.INDEXGOODS_STYLE_1_Wrap .items h1{/*把商品名称放入h1中，更有利于搜索引擎的搜索*/
	background:url(syssite/home/shop/1/template/current/default/images/items.gif) no-repeat;
	padding:0 0 8px 18px;
	font-weight:700;
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.INDEXGOODS_STYLE_1_Wrap .items h1 a{
	color:#666;
}

.INDEXGOODS_STYLE_1_Wrap .items h1 a:hover{
	color:#f90;
	border-bottom:1px dotted #000;
}
.INDEXGOODS_STYLE_1_Wrap .items .goodpic{/*商品图片*/
	float:left;
}
.INDEXGOODS_STYLE_1_Wrap .items .goodpic a{/*商品图片*/
	vertical-align:middle;
	text-align:center;
	padding:2px;
	margin:0 5px;
	display:block;
	width:99px;
	height:99px;
	border:1px dotted #f2f2f2;
	overflow:hidden;
}
.INDEXGOODS_STYLE_1_Wrap .items .goodpic a:hover{/*商品图片*/
	padding:2px;
	border:1px dotted #f90;
}
.INDEXGOODS_STYLE_1_Wrap .items .paybutton{/*一些支付网关购买按钮*/
	text-align:center;
	margin:2px 0 ;
}
.INDEXGOODS_STYLE_1_Wrap .items .paybutton a{/*一些支付网关购买按钮*/
	display:block;
}
.INDEXGOODS_STYLE_1_Wrap .items ul{/*商品属性列表，列出价格、简介等*/
	float:left;
}


/* css file:TPL_INDEXGOODS_STYLE_2.css */
/*************************************************************************

只要调整下面的2个width的值，就可以实现几列显示；
这两个值最好是相同的。

*************************************************************************/
.INDEXGOODS_STYLE_2_Wrap .items,
.INDEXGOODS_STYLE_2_Wrap .items h1 {/*反复调整这里的数字来获得最佳的宽度*/
	width:137px;
}
/************************************************************************/





/* css file:TPL_NEWS.css */
/*=首页的文章类
=============================================================================================*/
.IndexArticleWrap{
}
.IndexArticleWrap h2{
	position:relative;
}
.IndexArticleWrap h2 span{
	position:absolute;
	_right:15px;
	right:0px;
	top:4px;
}
.IndexArticleWrap ul a{
	display:block;
	background:url(syssite/home/shop/1/template/current/default/images/articleitems.gif) no-repeat 0 5px;
	padding-left:15px;
	border-bottom:1px dotted #ccc;
}
.IndexArticleWrap ul a:hover{
	color:#ff9900;
	background:#f2f2f2 url(syssite/home/shop/1/template/current/default/images/articleitems.gif) no-repeat 0 5px;
}

/* css file:TPL_SELECTCURRENCY.css */
/*= 2.选择货币
=============================================================================================*/
.SelectCurWrap{
	clear:both;
}
.SelectCurWrap .title{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	background: url(syssite/home/shop/1/template/current/default/images/items.gif) no-repeat;
	padding-left:20px;
	border-bottom:3px solid #f2f2f2;
	color:#ff9900
}
.SelectCurWrap .select{
	margin-top:15px;
	text-align:center;
}

/* css file:TPL_CARTINFO.css */
/*=首页的购物信息
=============================================================================================*/
.CartInfoItems{
	color:#000;
	text-decoration:underline;
	padding:0;
	margin:0;
	line-height:normal;

}
.CartInfoItemsOver{
	position:relative;
	padding:0;
	margin:0;
	line-height:normal;
}
.CartInfoItems div{
	display:none;
}
.CartInfoItemsOver div{
	display:block;
	position:absolute;
	border:1px solid #999;
	background:#fff;
	width:200px;
	top:0;
	left:0;
	filter:alpha(opacity=90);
	opacity:0.90;
	min-height:10px;
	z-index:1;
}
.CartInfoItemsOver div a{
	display:block;
	color:#000;
	font-weight:normal;
	text-decoration:none;
	border-left:3px solid #f90;
	border-bottom:1px dotted #ccc;
	margin:0 0 2px 0;
	padding-left:5px;
}
.CartInfoItemsOver div a:hover{
	background:#91A41C;
	color:#fff;
}

/* css file:TPL_LINKLIST.css */
/*首页友情链接
=============================================================================================*/
.IndexLinkListWrap{
	margin:10px 0;
	background:#f2f2f2;
	border:1px solid #ccc;
	padding:6px;
}
.IndexLinkListWrap ul li a{
	text-align:center;
	display:block;
	border:1px solid #fff;
	background:#fff;
	_width:95%;
	margin:2px;
}
/*更多友情链接样式
=============================================================================================*/

body {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	margin: 0px;
	text-align:center;
	
}
/*=首页布局 
=============================================================================================*/
#IndexAllWrap{
	width:760px; 
	margin:0 auto;
	border:1px solid #ccc;
	border-top:none;
	overflow:hidden;

}
#Indexleftbox{
	width:199px;
	text-align:left;
	float:left;
	overflow:hidden;
}
#Indexmainbox{
	float:right;
	width:760px;
	text-align:left;
	padding:0 0 0 3px;
	overflow:hidden;
}
#Mainmiddlebox{
	width:576px;
	float:left;
	padding-right:7px;
	overflow:hidden;
}

/*=头部和菜单
=============================================================================================*/
#top{
	width:760px;
	position:relative;
	height:90px;
	text-align:left;
	margin:0 auto;
}
#top .logo{
	position:absolute;
	top:10px;
	left:30px;
}
#top .topmenu{
	position:absolute;
	top:10px;
	right:6px;
	width:423px;
}
#top .topmenu a{
	float:left;
	background:url(syssite/home/shop/1/template/current/default/images/items.gif) no-repeat;
	padding-left:16px;
	margin:0 3px;
}

#menubar{
	bottom:0;
	right:0;
	
}
#menubar .menu{
	position:absolute;
	
}
#menubar .menu a{
	text-align:center;
	float:left;
	margin-right:2px;
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:700;
	padding-top:10px;
	background:url(/images/menubg.gif) no-repeat 0 -29px;
	height:19px;
	width:79px;
	border-bottom:3px solid #91A41C;
}
#menubar .menu a:hover{
	background:url(/images/menubg.gif) no-repeat;
	border-bottom:3px solid #f90;
}
.catebar{
	background:#BCD524;
	border-top:4px solid #91A41C;
	border-bottom:1px solid #fff;
	height:29px;
}
/*------------------*/
#TopMenuWrap{
	float:left;
	width:100%;
	margin-bottom:2px;
}
#sidemenu{
	float:left;
	background:#dfdfdf url(syssite/home/shop/1/template/current/default/images/top-l-r.gif) no-repeat right;
	height:24px;
	width:194px;
	margin-left:-100%;
	text-align:right;
	padding:5px 8px 0 0;

}
#logo{
	height:133px;
	vertical-align:middle;
}

/* 关于文章的的样式
/*=============================================================================================*/
/* css file:Article.css */
/*=Library*/
/*=文章类列表
=============================================================================================*/
.ArticleListWrap{
	line-height:23px;
}
.ArticleListWrap a{
	display:block;
	background:url(/images/articleitems.gif) no-repeat 0 5px;
	padding-left:15px;
	border-bottom:1px dotted #ccc;
	width:95%;
}
.ArticleListWrap a span{
	float:right;
	color:#aaa;
	padding-right:10px;
}
.ArticleListWrap a:hover{
	color:#ff9900;
	background:#f2f2f2 url(/images/articleitems.gif) no-repeat 0 5px;
}
.ArticleListWrap a:hover span{
	float:right;
	color:#000;
}
/*=文章类详细
=============================================================================================*/
.ArticleDetailsWrap{
padding-left:10px;
}
.ArticleDetailsWrap h1{
	text-align:center;
	padding:20px 0;
	font-size:14px;
	font-weight:700;
	color:#f90;
	border-bottom:1px solid #f2f2f2;
}
.ArticleDetailsWrap .info{
	text-align:right;
	padding:0 10px;
	border-top:1px solid #f2f2f2;
}