/* css file:TPL_INDEXGOODS_STYLE_1.css */
/*************************************************************************



只要调整下面的2个width的值，就可以实现几列显示；

这两个值最好是相同的。



*************************************************************************/

.INDEXGOODS_STYLE_1_Wrap .items,

.INDEXGOODS_STYLE_1_Wrap .items h1 {/*反复调整这里的数字来获得最佳的宽度*/

	width:253px;

}

/************************************************************************/







.INDEXGOODS_STYLE_1_Wrap .ItemsWarp {/*商品条目循环项外层*/

	background:url(syssite/home/shop/1/template/Tw00014/images/);

	padding:2px;

	min-height:10px;

}

.INDEXGOODS_STYLE_1_Wrap .items {/*商品条目循环项*/

	padding:3px;

	float:left;

	border:1px solid #ccc;

	overflow:hidden;

	margin:2px 2px 2px 0;

	background:#fff ;

	

}

.INDEXGOODS_STYLE_1_Wrap .items h1{/*把商品名称放入h1中，更有利于搜索引擎的搜索*/

	background:url(syssite/home/shop/1/template/Tw00014/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; 
 display:none;
 width:auto;
 line-height:20px;
 float:left;
 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:122px;

}

/************************************************************************/







.INDEXGOODS_STYLE_2_Wrap .ItemsWarp {/*商品条目循环项外层*/

}

.INDEXGOODS_STYLE_2_Wrap .items {/*商品条目循环项*/

	padding:10px;

	float:left;

	border-right:1px dotted #ccc;

	border-bottom:1px dotted #ccc;

	overflow:hidden;

	margin:0 auto;

}

.INDEXGOODS_STYLE_2_Wrap .items h1{/*把商品名称放入h1中，更有利于搜索引擎的搜索*/

	background:url(syssite/home/shop/1/template/Tw00014/images/items.gif) no-repeat;

	padding:0 0 8px 18px;

	font-weight:700;

	font-size:12px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	text-align:left;

}



.INDEXGOODS_STYLE_2_Wrap .items h1 a:hover{

	color:#f90;

	border-bottom:1px dotted #000;

}

.INDEXGOODS_STYLE_2_Wrap .items ul {/*商品图片*/

	text-align:center;

	margin:0 auto;

}

.INDEXGOODS_STYLE_2_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_2_Wrap .items .goodpic a:hover{/*商品图片*/

	padding:2px;

	border:1px dotted #f90;

}

.INDEXGOODS_STYLE_2_Wrap .items .paybutton{/*一些支付网关购买按钮*/

	text-align:center;

	margin:2px 0 ;

}

.INDEXGOODS_STYLE_2_Wrap .items .paybutton a{/*一些支付网关购买按钮*/

	display:block;

}






/* css file:TPL_INDEXGOODS_STYLE_3.css */
/*=热卖商品

TPL_HOTGOODS

=============================================================================================*/

.TPL_INDEXGOODS_STYLE_3_Wrap .items a{

	display:block;

	border-bottom:1px dotted #ccc;

}

.TPL_INDEXGOODS_STYLE_3_Wrap .items a:hover{

	color:#f90;

	background:#f2f2f2;

	position:relative;

}

.TPL_INDEXGOODS_STYLE_3_Wrap .items a span{

	display:none;

}

.TPL_INDEXGOODS_STYLE_3_Wrap .items a:hover span{

	display:block;

	position:absolute;

	border:3px solid #ccc;

	width:80px;

	height:80px;

	top:20px;

	left:20px;

	z-index:100;

	background:#fff;

}

.TPL_INDEXGOODS_STYLE_3_Wrap .items dt a:hover span img{

	width:80px;

	height:80px;

}

.TPL_INDEXGOODS_STYLE_3_Wrap .items dd{

	border-bottom:1px solid #ccc;

	text-align:right;

	color:#999966;

}








/* css file:TPL_INDEXLOGIN.css */
.IndexLoginWrap{



}

.IndexLoginWrap br{

clear:both;

}

.IndexLoginWrap .title{

	background:url(syssite/home/shop/1/template/Tw00014/images/logintitle.gif) no-repeat ;

	height:33px;

	width:199px;

}



.IndexLoginWrap .button {

	text-align:center;

	border-top:1px dotted #ccc;

	margin:8px 0 ;



}

.IndexLoginWrap .button a{



	background:url(syssite/home/shop/1/template/Tw00014/images/items.gif) no-repeat;

	padding-left:16px;

	margin-left:6px ;

}

.IndexLoginWrap p{

	margin:0;

	padding:0;

	text-align:center;



}








/* 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/Tw00014/images/articleitems.gif) no-repeat 0 5px;

	padding-left:15px;

	border-bottom:1px dotted #ccc;

}

.IndexArticleWrap ul a:hover{

	color:#888877;

	background:#f2f2f2 url(syssite/home/shop/1/template/Tw00014/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/Tw00014/images/items.gif) no-repeat;

	padding-left:20px;

	border-bottom:3px solid #f2f2f2;

	color:#999966

}

.SelectCurWrap .select{

	margin-top:15px;

	text-align:center;

}




/* css file:TPL_CARTINFO.css */
/*=首页的购物信息

=============================================================================================*/

.CartInfoWrap{

	text-align:center;

	font-weight:700;

	padding:5px;

}

.CartInfoWrap p{

	background:url(syssite/home/shop/1/template/Tw00014/images/cartinfosep.gif) repeat-x 0 bottom;

	padding:3px;

	padding-bottom:15px;

	margin:5px 0;

}

.CartInfoWrap ul li a{

	text-align:left;

	display:block;

	border-bottom:1px dotted #ccc;

	background:url(syssite/home/shop/1/template/Tw00014/images/items.gif) no-repeat;

	padding-left:15px;

	font-weight:normal;

}

.CartInfoWrap ul li a:hover{

	color:#f90;

	position:relative;

}

.CartInfoWrap  ul li a span{

	display:none;

}

.CartInfoWrap ul li a:hover span{

	display:block;

	position:absolute;

	border:3px solid #ccc;

	width:80px;

	height:80px;

	top:20px;

	left:20px;

	z-index:100;

	background:#fff;

}

.CartInfoWrap ul li a:hover span img{

	width:80px;

	height:80px;

}






/* css file:TPL_LINKLIST.css */




body {



	font-family: "Arial", "Helvetica", "sans-serif";



	font-size: 12px;



	color: #666666;



	line-height: 20px;



	margin: 0px;



	text-align:center;
	background-image:url(syssite/home/shop/1/template/Tw00014/images/bg.jpg);
	background-repeat:repeat-x;



}



/*=首页布局 | 不一定只是首页的布局，凡是三栏布局的页面均使用下面的样式 | 



=============================================================================================*/



#IndexAllWrap{



	width:998px; 



	margin:0 auto;



    background:#fff url(syssite/home/shop/1/template/Tw00014/images/mainbg.gif) repeat-y;


border-bottom:5px solid #fff;
	border-left:5px solid #fff;
	border-right:5px solid #fff;






}



#Indexleftbox{



	width:201px;



	text-align:left;



	float:left;



	overflow:hidden;



}



#Indexmainbox{



	float:left;



	width:793px;



	text-align:left;



	padding:0 0 0 4px;



	overflow:hidden;



}



#SearchAndLogin{/*搜索栏和首页登录框的背景*/



	background:url(syssite/home/shop/1/template/Tw00014/images/searchbg.gif);



	height:33px;



	color:#000;



	padding-left:3px;



}







#Mainmiddlebox{



	width:576px;
float:left;
padding-right:7px;

overflow:hidden;



}



#Mainrightbox{


width:210px;



	float:left;



	overflow:hidden;



}



/*=内页布局 | 凡是两栏布局的页面均使用下面的样式 | 



=============================================================================================*/



#AllWrap{
width:998px; 
margin:0 auto;
background:#fff url(syssite/home/shop/1/template/Tw00014/images/mainbg.gif) repeat-y;



}



#leftbox{



	width:201px;



	text-align:left;



	float:left;



}



#mainbox{



	float:right;



	width:796px;



	text-align:left;



	padding:5px 5px 5px 1px;



	overflow:hidden;



}



#main{



	padding:10px;



}



/*=购物流程页面布局 | 



=============================================================================================*/



#CartWrap{



	width:998px; 



	margin:0 auto;
	border-bottom:5px solid #fff;
	border-left:5px solid #fff;
	border-right:5px solid #fff;


	background:#fff;



}







/*=头部和菜单



TPL_TOP TPL_MENU 



=============================================================================================*/

#TOP{ width:998px; height:200px; margin:0 auto; background-image:url(syssite/home/shop/1/template/Tw00014/images/top.gif); background-repeat:no-repeat;  border-top:5px solid #fff;
	border-left:5px solid #fff;
	border-right:5px solid #fff;}
#TOP.bbo1{float:left; display:block;  padding-top:0; background-image:url(syssite/home/shop/1/template/Tw00014/images/cptop_6.jpg); background-repeat:no-repeat;}
#TOP.bbo2{
margin-top:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:blod;
	height:30px;
	width: auto;
	color:#000000;
	
}
#TOP.bbo3{
	list-style-type:none;
	float:left;
	font-style: normal;
	font-size:14px;
	background-position: left;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	
}
#TOP ul{ list-style-type:none; margin:0; padding:0;}
#TOP li{ float:left;}
#TOP li a{ display:block; line-height:35px; color:#fff; text-decoration:none; background-image:url(syssite/home/shop/1/template/Tw00014/images/topmenu-bg.gif); font-family:Arial, Helvetica, sans-serif; font-size:14px; padding-left:10px; padding-right:10px;}
#TOP li a:hover{ background-image:url(syssite/home/shop/1/template/Tw00014/images/topmenu-bg2.gif); background-position: center top; background-repeat:no-repeat;}
#TOP.bbo4{clear:both; display:block; width:894px; height:243px; background-image:url(syssite/home/shop/1/template/Tw00014/images/bg01.gif); color:#0033FF; margin:0; padding:80px 80px 0 420px; font-size:16px;}


/*------------------*/



#TopMenuWrap{



	float:left;



	width:100%;



	margin-bottom:2px;



}



#sidemenu{



	float:left;



	background:#dfdfdf url(syssite/home/shop/1/template/Tw00014/images/top-l-r.gif) no-repeat right;



	height:24px;



	width:194px;



	margin-left:-100%;



	text-align:right;



	padding:5px 8px 0 0;







}



#topbanner{



background:#F08080;



}



/*=搜索栏



=============================================================================================*/



#SearchBar{



	position: absolute;



	left: 5px;



	top: 0px;



}



#SearchBar .search{



	color:#000;



}







/*=底部



TPL_BOTTOM



=============================================================================================*/



#foot{
height:100px;
clear:both;
background:#fff;
background-image:url(syssite/home/shop/1/template/Tw00014/images/fbg.gif); 
background-repeat:no-repeat;



}



#foot .top{



	background:url(syssite/home/shop/1/template/Tw00014/images/coryrightbt.gif) repeat-x;



	height:3px;



}



#foot .menubar{



	text-align:center;



	margin-top:20px;



}



#foot .menu a{



	margin-right:5px;



	color:#fff;



	background: #3366CC;



	border:3px solid  #3366CC;



	padding:3px;



}



#foot .menu a:hover{



	color:#000;



	background:#fff;



	border:1px solid #708090;



	text-decoration:none;



}