/*  
Template Name: 简单系绿色模板 
Template URI: http://mall.51.ca/
Description: 店铺通用模板，左右两栏，左窄右宽
Version: V8.0
Author: QDSHOP Team
Author URI: http://mall.51.ca/
*/

/*===========================================
* 页面综合部分 *
===========================================*/
@charset "utf-8";

body{
	font: 12px Tahoma,SimSun,Arial; 
	}

a:link, a:visited {
	color: #000;
	text-decoration: none;
	}

a:hover, a:active {
	color: #F60;
	text-decoration: none;
	}

/*===========================================
* 模块基本定义 *
* lib_box 是块的基本定义，其中 i 是前导标题的基本样式 *
<div class="lib_box 模块文件名（不含.lib）" id="lib_模块文件名（不含.lib）">
	// 模块标题部分
	<div class="box_title">
		// 模块标题
		<div class="title"><span></span></div>

		// 在全部物品列表时有这个，具体看 libary/goods_list.lbi 文件
		<div class="listoption"></div>
		
		// 查看更多的连接，在有些模块没有
		<div class="more"><a><span></span></a></div>
	</div>
	<div class="box_content">

		// 如果有内容的话，一般按如下形式显示
		<div class="">
			<ul>
				<li class="firstbox lastbox firstbox linefirst linelast"></li> 
				// firstbox 是第一个，lastbox 是最后一个，在物品图形列表时，有 linefirst linelast 表示一行开始或结束
			</ul>
			
			// 查看更多，和上面标题部分的连接一样，根据需要可以显示上面或下面
			<div class="more"><a><span></span></a></div>
		</div>

		// 在全部物品和全部文章列表时有这个，具体看 libary/pager.lbi 文件	
		<div class="pager_box"></div>				

		// 如果没有内容的话，按以下形式显示
		<div class="none">[ 没有 ]</div>
	</div>
</div>
===========================================*/

/* i 是前导标题的基本样式 * /
/* 如 <i>店铺名称：</i><span>无忧商城演示店铺</span> */
.lib_box i {
	color: #666;
	font-style: normal;
	}

	/* 模块正文内部列表 */
	.lib_box .box_body ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}

		.lib_box .box_body ul.sub {
			padding: 8px 0;
			}

	.lib_box .box_body ul li {
		list-style: none;
		}

		.lib_box .box_body ul.sub li {
			margin-left: 9px;
			padding-left: 10px;
			}


	/* 模块内部查看更多连接 */
	.lib_box .more a {
		text-align: right;
		}

	.lib_box .more a:link, .lib_box .more a:visited {
		color: #039;
		}

	.lib_box .more a:hover, .lib_box .more a:active {
		color: #F60;
		}


	/* 店铺信息模块*/
	#lib_shop_info.lib_box .box_body li {
		padding: 5px 0;
		border-bottom: 1px dotted #999;
		}

		#lib_shop_info.lib_box .box_body li.shop_owner em.online {
			font-style: normal;
			padding-left: 20px;
			color: #999;
			background: transparent url(../images/offline.gif) left top no-repeat;
			}

			#lib_shop_info.lib_box .box_body li.shop_owner em.online.off a {
				color: #999;
				}

			#lib_shop_info.lib_box .box_body li.shop_owner em.online.on {
				background-image: url(../images/online.gif);
				color: #F60;
				}

				#lib_shop_info.lib_box .box_body li.shop_owner em.online.on a {
					color: #F60;
					}

		#lib_shop_info.lib_box .box_body em.sub_phone {
			font-style: normal;
			}

		#lib_shop_info.lib_box .box_body li.shop_address {
			/*border-bottom: none;*/
			line-height: 1.5;
			}

		#lib_shop_info.lib_box .box_body li.shop_phone span,
		#lib_shop_info.lib_box .box_body li.shop_date span {
			font-weight: bold;
			}

		#lib_shop_info.lib_box .box_body em.sub_phone {
			font-style: normal;
			}


	/* 推荐好友和收藏的连接 */
	#lib_shop_info.lib_box .box_body .addremovefav_shop_box,
	#lib_shop_info.lib_box .box_body .pm_user_box {
		float: left;
		display: inline;
		width: 80px;
		height: 20px;
		}

		#lib_shop_info.lib_box .box_body .pm_user_box {
			margin-left: 7px;
			}

		#lib_shop_info.lib_box .box_body .addremovefav_shop_box a,
		#lib_shop_info.lib_box .box_body .pm_user_box a{
			display: block;
			width: 80px;
			height: 20px;
			background-image: url(images/fav_pm.gif);
			background-repeat: no-repeat;
			}

			#lib_shop_info.lib_box .box_body .addremovefav_shop_box a span,
			#lib_shop_info.lib_box .box_body .pm_user_box a span {
				display: none;
				}


				#lib_shop_info.lib_box .box_body .pm_user_box a {
					background-position: left -20px;
					}

				#lib_shop_info.lib_box .box_body .addremovefav_shop_box.on a {
					background-position: left -40px;
					}

		/*
		#lib_shop_info.lib_box .box_body li.shop_address span {
			display: block;
			}
		*/


	/* 店铺搜索模块*/
	.search_form_box.lib_box .box_body ul#advanceSearchBit {
		display: none;
		}

		.search_form_box.lib_box .box_body ul#advanceSearchBit li {
			padding: 4px 0
			}

		.search_form_box.lib_box .box_body ul#advanceSearchBit input#buy_type0 {
			margin-left: 5px;
			}

		.search_form_box.lib_box .box_body li.price_range {
			white-space: nowrap;
			overflow: hidden;
			}

		.search_form_box.lib_box .box_body li.price_range input {
			width: 37px;
			height: 13px;
			}

	.search_form_box.lib_box .box_body select.cat_select {
		width: 170px; 
		margin: 5px 0;
		}

	.search_form_box.lib_box .box_body input.search_shop_keyword {
		height: 15px; 
		width: 115px; 
		line-height: 15px;
		}

	.search_form_box.lib_box .box_body input.search_shop_subbtn {
		width: 48px;
		}

	.search_form_box.lib_box .box_body input.textfocus{
		color:#999;
		} 

	.search_form_box.lib_box .box_body .switch_search_link {
		text-align: right;
		margin-top: 8px;
		}

		.search_form_box.lib_box .box_body .switch_search_link a:link,
		.search_form_box.lib_box .box_body .switch_search_link a:visited{
			color: #039;
			text-decoration: none;
			}

		.search_form_box.lib_box .box_body .switch_search_link a:hover,
		.search_form_box.lib_box .box_body .switch_search_link a:active {
			color: #F60;
			text-decoration: none;
			}


	/* 店铺内部分类模块*/
	#lib_category_tree.lib_box .box_body li {
		background: url(images/list_01.gif) no-repeat 0 3px;
		font-weight: bold;
		padding: 0 0 0 18px;
		margin: 0;
		}

		#lib_category_tree.lib_box .box_body ul.sub li {
			background: url(images/img_shop_49.jpg) 5px 5px no-repeat;
			font-weight: normal;
			}


	/* 店铺友情链接模块*/
	#lib_friend_links.lib_box .box_body li.textlink {
		background: url(images/list_01.gif) no-repeat 0 3px;
		font-weight: bold;
		padding: 0 5px 0 18px;
		margin: 2px 2px 2px 0;
		}

	#lib_friend_links.lib_box .box_body li.imglink {
		text-align: center;
		}


	/* 店铺文章列表模块*/
	.lib_box.article_list_box .box_body li {
		padding: 5px 0;
		border-bottom: 1px dotted #999;
		}

	.lib_box.article_list_box .box_body li.firstbox {
		padding-top: 0;
		}

	.lib_box.article_list_box .box_body li.lastbox {
		padding-bottom: 0;
		border-bottom: none;
		}

	.lib_box.article_list_box .box_body div.title {
		background: url(images/list_01.gif) 0 3px no-repeat;
		font-weight: bold;
		padding: 0 0 0 18px;
		margin: 0;
		}

	.lib_box.article_list_box .box_body div.title em.meta {
		font-style: normal;
		font-size: 9px;
		font-weight: normal;
		color: #999;
		padding-left: 10px;
		white-space: nowrap;
		}

	.lib_box.article_list_box .box_body div.content {
		padding: 10px 0 0 18px;
		line-height: 1.5;
		margin: 0;
		}



	/* 留言模块*/
	/* comments_box 是留言模板的基本样式，要想区分店铺、物品和文章留言，可以再附加样式 */
	/* .lib_box.comments_box.goods_comments, .lib_box.comments_box.article_comments, .lib_box.comments_box.shop_comments */
	.lib_box.comments_box .comments_list ul li {
		padding: 7px 0;
		line-height: 1.5;
		border-bottom: 1px dotted #999;
		}

	.lib_box.comments_box .comments_list ul li.firstline {
		padding-top: 0;
		}

	.lib_box.comments_box .comments_list ul li.lastline {
		/*border-bottom: none;*/
		padding-bottom: 5px;
		}

	.lib_box.comments_box .comments_list ul li.only4poster1 {
		border-bottom: 3px solid #CCC;
		}

	.lib_box.comments_box .comments_list ul li.only4poster2 {
		border-bottom: 3px solid #360;
		}

	.lib_box.comments_box .comments_list ul.sub li {
		border: none;
		padding-left: 23px;
		padding-bottom: 0;
		background-image: url(images/preline-reply.gif);
		background-position: left 2px;
		background-repeat: no-repeat;
		}

	.lib_box.comments_box .comments_list .commposter {
		float: left;
		color: #999;
		padding-bottom: 3px;
		font-family: arial;
		width: 100%;
		}

		.lib_box.comments_box .comments_list ul li .commposter b {
			font-size: 14px;
			color: #F60;
			}

		.lib_box.comments_box .comments_list ul.sub li .commposter b {
			font-size: 14px;
			color: #360;
			}

		.lib_box.comments_box em {
			font-style: normal;
			font-family: '宋体', Simsun; 
			white-space: pre;
			color: #999;
			}

			.lib_box.comments_box .comments_list .commposter em span {
				font-family: arial;
				font-size: 11px;
				}

		.lib_box.comments_box .comments_list .commposter .posterinfo {
				float: left;
				display: inline;
				}

		.lib_box.comments_box .comments_list .commposter .adminlink {
			float: right;
			display: inline;
			color: #999;
			}

	/* 留言分页 */
	.lib_box.comments_box .commpager  {
		clear: both;
		float: left;
		width: 100%;
		padding: 10px 0;
		color: #666;
		}

	.lib_box.comments_box .commpager .pages_sum {
		float: left;
		text-align: left;
		}

	.lib_box.comments_box .commpager .pages_link {
		float: right;
		text-align: right;
		}

		.lib_box.comments_box .commpager b {
			font-family: arial;
			}

		.lib_box.comments_box .commpager a {
			color: #666;
			text-decoration: none;
			font-family: arial;
			}

		.lib_box.comments_box .commpager a:hover {
			color: #F60;
			}


	/* 留言表单 */
	/* commFormBox 是留言表单块的基本样式，要想区分店铺、物品和文章留言，也可以再附加样式 */
	/* .commFormBox.goods_commForm, .commFormBox.article_commForm, .commFormBox.shop_commForm */
	.commFormBox {
		float: left;
		width: 300px;
		font-size: 12px;
		}

		.commFormBox .tips div {
			padding-bottom: 5px;
			line-height: 1.7;
			}

		.commFormBox textarea {
			width: 298px; 
			border: 1px solid #999;
			height: 75px;
			padding: 0;
			margin: 0;
			overflow: auto;
			}

		.commFormBox .alert {
			float: left;
			width: 160px;
			color: #0044DD;
			line-height: 25px;
			height: 25px;
			vertical-align: middle;
			}

		.commFormBox .alert.err {
			color: #F00;
			}

		.commFormBox .only4poster {
			line-height: 15px;
			height: 15px;
			margin: 10px 0;
			}

		.commFormBox .only4poster i {
			font-style: normal;
			color: #666;
			}

		.commFormBox  .message-button {
			width: 140px;
			float: right;
			text-align: right;
			white-space: nowrap;
			}

		.commFormBox  .message-button input {
			width: 60px;
			}

	.list_option .sort_by,
	.list_option .page_size {
		float: left;
		}

	.list_option span {
		float: left;
		padding-left: 7px;
		}

	.list_option span i {
		float: left;
		display: block;
		}

	/* 物品列表选项中的连接定义，只有在物品列表页才有这个链接 */
	.list_option .page_size a,
	.list_option .sort_by a {
		float: left;
		display: block;
		width: 24px;
		height: 15px;
		margin: 2px 5px 0 0;
		background-position: left top;
		background-repeat: no-repeat;
		}

	.list_option .page_size a {
		width: 19px;
		}

	/* 页面大小连接 */
	.list_option .page_size a.page_size_30 {
		background-image: url(images/listicons04.gif);
		}

		.list_option .page_size a.page_size_30.on {
			background-image: url(images/listicons04-1.gif);
			}

	.list_option .page_size a.page_size_60 {
		background-image: url(images/listicons05.gif);
		}

		.list_option .page_size a.page_size_60.on {
			background-image: url(images/listicons05-1.gif);
			}

	.list_option .page_size a.page_size_90 {
		background-image: url(images/listicons06.gif);
		}

		.list_option .page_size a.page_size_90.on {
			background-image: url(images/listicons06-1.gif);
			}


	/* 价格排序连接 */
	.list_option .sort_by a.sort_by_price {
		background-image: url(images/price_up.gif);
		}

		.list_option .sort_by a.sort_by_price.up {
			background-image: url(images/price_up-1.gif);
			}

		.list_option .sort_by a.sort_by_price.down {
			background-image: url(images/price_up-2.gif);
			}
		
	/* 上架时间排序连接 */
	.list_option .sort_by a.sort_by_add_time {
		background-image: url(images/time_up.gif);
		}

		.list_option .sort_by a.sort_by_add_time.up {
			background-image: url(images/time_up-1.gif);
			}

		.list_option .sort_by a.sort_by_add_time.down {
			background-image: url(images/time_up-2.gif);
			}

	/* 排序时间排序连接 */
	.list_option .sort_by a.sort_by_sort_time {
		background-image: url(images/time_up_1.gif);
		}

		.list_option .sort_by a.sort_by_sort_time.up {
			background-image: url(images/time_up_1-1.gif);
			}

		.list_option .sort_by a.sort_by_sort_time.down {
			background-image: url(images/time_up_1-2.gif);
			}


	.list_option .pages {
		float: right;
		}

	/* 如果要使用文字链接，可以把这段解开 */
	.list_option .pages a.page_prev span,
	.list_option .pages a.page_next span {
		display: none;
		}

	/* 如果要使用文字链接，需要把这段屏蔽 */
	.list_option .pages a.page_prev {
		display: block;
		width: 17px;
		height: 17px;
		background: url(images/tt004.gif) left top no-repeat;
		}

		.list_option .pages a.page_prev.on {
			background-image: url(images/tt004.gif);
			}

	.list_option .pages a.page_next {
		display: block;
		width: 54px;
		height: 17px;
		background: url(images/next_b002.gif) left top no-repeat;
		}

		.list_option .pages a.page_next.on {
			background-image: url(images/next_b001.gif);
			}


	/* 物品列表价格和标题块的定义 */
	.goods_list .goods_info {
		position: relative;
		}

		/* 默认不显示税的情况，在物品列表页中可以打开 */
		.goods_list .goods_price .price_rate {
			display: none;
			}


	/* 物品列表收藏连接的定义，只有在物品列表页才有这个链接 */
	.goods_list .goodsfav {
		position: absolute;
		text-align: right;
		right: 0;
		top: 0;
		}

		.goods_list .goodsfav a {
			display: block;
			width: 25px;
			height: 25px;
			background-position: center center;
			background-repeat: no-repeat;
			}

		.goods_list .goodsfav.on a {
			background-image: url(images/unfav.gif);
			}

		.goods_list .goodsfav.off a {
			background-image: url(images/addfav.gif);
			}


	/* 物品列表翻页连接的定义，只有在物品列表页才有这个链接 */
	.pager_box {
		clear: both;
		float: left;
		width: 100%;
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		padding: 10px 0;
		/*background: #F1F1F1;*/
		border-top: 1px solid #CCC;
		/*border-bottom: 1px solid #CCC;*/
		}

	.pager_box .record_summary {
		float: left;
		color: #666;
		}

	.pager_box .record_summary b {
		color: #B00;
		}

	.pager_box .record_summary .sepvline {
		color: #CCC;
		}

	.pager_box .pages,
	.pager_box .go2page {
		float: left;
		padding-left: 10px;
		}

	.pager_box .prevpages span,
	.pager_box .nextpages span {
		float: left;
		padding-left: 5px;
	}

	.pager_box .pages_link {
		float: right;
		}

	/*
	如果要使用图形连接，可以将这段 css 解开
	.pager_box .pages_link a {
		display: block;
		float: left;
		background-position: center center;
		background-repeat: no-repeat;
		height: 17px;
		width: 17px;
		}

	.pager_box .pages_link span a span {
		display: none;
		}

	.pager_box .pages_link a.page_prev.full,
	.pager_box .pages_link a.page_next.full {
		width: 54px;
		}

	.pager_box .pages_link a.page_first.full,
	.pager_box .pages_link a.page_last.full {
		width: 50px;
		}

	.pager_box .pages_link a.page_first.full {
		background-image: url(images/bb003.gif);
		}

	.pager_box .pages_link a.page_prev.full {
		background-image: url(images/tt003.gif);
		}

	.pager_box .pages_link a.page_first.short {
		background-image: url(images/bb004.gif);
		}

	.pager_box .pages_link a.page_prev.short {
		background-image: url(images/tt004.gif);
		}

	.pager_box .pages_link a.page_next.full {
		background-image: url(images/next_b001.gif);
		}

	.pager_box .pages_link a.page_last.full {
		background-image: url(images/b001.gif);
		}

	.pager_box .pages_link a.page_next.short {
		background-image: url(images/next_b002.gif);
		}

	.pager_box .pages_link a.page_last.short {
		background-image: url(images/b002.gif);
		}

	*/

	.pager_box .pages a {
		display: block;
		float: left;
		margin: 0 2px;
		font-size: 11px;
		font-weight: bold;
		border: 1px solid #EEE;
		line-height: 14px;
		height: 14px;
		vertical-align: middle;
		text-align: center;
		padding: 0 5px;
		text-decoration: none;
		background: #FFF;
		color: #666;
		}

	.pager_box .pages a:link, .pager_box .pages a:visited {
		background: #FFC;
		color: #039;
		}

	.pager_box .pages a:hover, .pager_box .pages a:active {
		background: #F60;
		color: #FFF !important;
		}

		.pager_box .pages .curpage {
			display: block;
			float: left;
			color: #B00;
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			}

	.pager_box .pages a:link, .pager_box .pages a:visited {
		font-size: 12px;
		font-weight: bold;
		}
	
	.pager_box .pages a:hover, .pager_box .pages a:active {
		color: #F30;
		text-decoration: none
		}
	
	.pager_box input.pagegoto {
		height: 15px; 
		width: 20px; 
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		border: 1px solid #CCC;
		} 

	/* 标签的定义 */
	.lib_box .box_body .tag_list {
		clear: both;
		float: left;
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		color: #CCC;
		overflow: hidden;
		}

	.lib_box .box_body .tag_list em {
		font-style: normal;
		font-size: 9px;
		font-weight: bold;
		}

	li.tag_box {
		float: left;
		white-space: nowrap;
		/*display: inline;*/
		}

	li.tag_box a {
		line-height: 1.7;
		text-decoration: none;
		margin-right: 10px;
		word-break
		}

	li.tag_box a.tag_lvl_10 {
		color:#690 !important;
		font-size:26px;
		font-weight:bold;
		}

	li.tag_box a.tag_lvl_9 {
		color:#F60 !important;
		font-size:18px;
		font-weight:bold;
		}

	li.tag_box a.tag_lvl_8 {
		color:#000 !important;
		font-size:18px;
		}

	li.tag_box a.tag_lvl_7 {
		color:#0CF !important;
		font-size:16px;
		font-weight:bold;
		}
	
	li.tag_box a.tag_lvl_6 {
		color:#666 !important;
		font-size:16px;
		}

	li.tag_box a.tag_lvl_5 {
		color:#006 !important;
		font-size:14px;
		font-weight:bold;
		}

	li.tag_box a.tag_lvl_4 {
		color:#333 !important;
		font-size:14px;
		}

	li.tag_box a.tag_lvl_3 {
		color:#F90 !important;
		font-size:12px;
		font-weight:bold;
		}

	li.tag_box a.tag_lvl_2 {
		color:#000 !important;
		font-size:12px;
		}

	li.tag_box a.tag_lvl_1 {
		color:#999 !important;
		font-size:12px;
		}

	li.tag_box a:hover, li.tag_box a:active {
		color: #F90 !important;
		}
	

/*===========================================
* 主要内容，模板的所有可定制内容均在这个 id 里面 *
===========================================*/
#page_content {
	height: auto;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	}

/*===========================================
* 导航内容，基本的主站导航，一般不可编辑 *
===========================================*/
.general-navigation {
	height: 30px;
	line-height: 30px;
}

/*===========================================
* 店铺头部 *
<div id="shop_header custom_banner" style="background: url('');"> // 如果有自定义的 banner 的话，则添加 custom_banner 样式和  style="background: url('');"
	
	<div class="shop_header_top"><span></span></div>	// 有必要的话可以定义这个层

	// 如果有自定义的 banner 的话，这是需要定义 span 为 display: none，把招牌按照背景显示
	<h1 class="header_title">
		<a class="title" href=""><span>店铺名称</span></a>
	</h1>

	<div class="header_menu">
    <ul>
		<li class="current"><a><span>当前选中的导航条</span></a></li>
		<li><a><span>导航条</span></a></li>
	</ul>
	</div>

	<div class="shop_header_bottom"></div> // 有必要的话可以定义这个层
</div>
===========================================*/
#shop_header {
	height: 124px;
	background: url(images/top.gif) 0 0 no-repeat;
	background-color: #F5F5F5;
	width: 100%;
	margin-bottom:10px;
	}

/* 店铺头部上方的定义*/
.shop_header_top {
	display: none;
	}

/* 店铺招牌 */
h1.header_title {
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	}
/* 店铺标题的定义*/
h1.header_title a {
	height: 84px;
	padding: 15px 20px 0 300px;
	display: block;
	font-size: 32px;
	font-weight: bold;
	color: #007C00;
	text-align: left;
	overflow: hidden;
	}

/* 有店铺招牌的定义*/
.custom_banner h1.header_title a span {
	display: none;
	}

/* 店铺菜单 */
.header_menu {
	margin:0 auto;
	}

	.header_menu ul {
		border-bottom:1px solid #6CBD4D;
		height:25px;
		float:left;
		margin:0;
		padding:0 0 0 40px;
		width:910px;
		list-style: none;
		}

	.header_menu li {
		background:transparent url(images/img_shop_07.png) no-repeat scroll right 0;
		border-width:0;
		float:left;
		height:25px;
		line-height:25px;
		list-style: none;
		margin:0 2px 0 0;
		padding:0 5px 0 0;
		}
	
		.header_menu li a  {
			background: transparent url(images/img_shop_06.png) no-repeat scroll left 0;
			color: #007C00;
			display: block;
			float: left;
			height: 22px;
			line-height:22px;
			padding: 3px 9px 0 15px;
			text-decoration:none;
			}

		.header_menu li a:link, .header_menu li a:visited {
			color: #007C00;
			}

		.header_menu li a:hover, .header_menu li a:active {
			color: #F60;
			}

	.header_menu li.current {
		background: transparent url(images/img_shop_04.png) no-repeat scroll right 0;
		border-bottom: 1px solid #FFF;
		margin-bottom: -1px;
		position: relative;
		}

		.header_menu li.current a  {
			background-image: url(images/img_shop_03.png);
			font-weight: bold;
			color: #F60;
			}

		.header_menu li.current a:link, .header_menu li.current a:visited {
			color: #F60;
			}


/*===========================================
* 页面的定义 *
* 在每个页面的 body 部分都有指定 id *

* 命名规则 *
* 页面名称 + '_page' *
* 如 #index_page, #goods_list_page *
===========================================*/

/*===========================================
* 页面框架的定义 *
* 页面框架共分9个部分，名称如下 *

* #page_top_left 上左 *
* #page_top_main 上中 *
* #page_top_right 上右 *

* .page_left 左 *
* .page_main 中 *
* #page_right 右 *

* #page_bottom_left 下左 *
* #page_bottom_main 下中 *
* #page_bottom_right 下右 *

可以根据上述不同的 页面ID 来设定需要决定在什么页面显示什么部分
===========================================*/

/* 这个模板是左中两栏，因此，只显示 .page_left 和 .page_main，其他设定为不显示 */
#page_top_left,
#page_top_right,
#page_top_main,
#page_bottom_left,
#page_bottom_right,
#page_bottom_main,
#page_middle_right {
	display: none;
	}

#goods_page #page_bottom_main {
	display: block;
	}

/* 页面左边 */
.page_left {
	float: left;
	width: 195px;
	padding: 0 20px 0 0; /* 如果要调整左右栏 margin 偏移至少要20才可以  */
	margin: 0;
	overflow: hidden;
	}

/* 页面主体 */
/* 主体部分一般不要定义 padding 和 margin，以方便 JS 的左右栏调整 */
/* 并且所有的区域尽量定义为 float:left */
.page_main {
	float: left;
	width: 735px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	}

/* 在 JS 将左栏调整为右栏时的样式定义 */
.switch_on #page_middle_main.page_main {
	padding: 0 0 0 15px;		/* 控制栏的宽度 + 中栏的左偏移*/
	}

.switch_on #page_middle_left.page_left {
	padding: 0 0 0 5px;			/* 原左栏的 margin - 控制栏的宽度 - 中栏的左偏移*/
	}

.switch_on #page_bottom_main.page_main {
	padding: 0 0 0 15px;			/* 控制栏的宽度 + 中栏的左偏移 */
	width: 935px;				/* #page_content 宽度 - 控制栏的宽度 - 中栏的左偏移 */	
	}

/*===========================================
* 左侧模块定义 *
===========================================*/

/* 左侧模块盒子 */
.page_left .lib_box {
	clear: both;
	float: left;
	width: 195px;
	margin: 0 0 7px 0;
	padding: 0;
	}

/* 左侧模块标题 */
.page_left .lib_box .box_title {
	background-color:#F7FEE6;
	border-color:#A8D932 #E4E4E4;
	border-style:solid;
	border-width:1px;
	color:#007C00;
	height:25px;
	}

	.page_left .lib_box .box_title div.title {
		display:block;
		font-weight:bold;
		height:18px;
		padding:7px 20px 0;
		}

	.page_left .lib_box .box_title div.more {
		display: none;
		}

/* 左侧模块正文 */
.page_left .lib_box .box_body {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
	border-top: none;
	width: 193px;
	border:1px solid #E4E4E4;
	border-top:none;
	}

	/* 左侧模块正文中的查看更多 */
	.page_left .lib_box .box_body .more {
		float: left;
		width: 100%;
		border-top: 1px solid #FFF;
		background: #F1F1F1;
		text-align: right;
		line-height: 25px; 
		}

		.page_left .lib_box .box_body .more a {
			padding-right: 10px;
			}


	/* 左部店铺信息模块*/
	.page_left #lib_shop_info.lib_box .box_body {
		padding: 5px 10px;
		width: 173px;
		}

		.page_left #lib_shop_info.lib_box .box_body em.sub_phone {
			display: block;
			margin-top: 5px;
			padding-left: 60px;
			}

		.page_left .box_body li.shop_owner em.online {
			display: block;
			margin: 5px 0 0 60px;
			}


		.page_left #lib_shop_info.lib_box .box_body .more {
			border: none;
			background: none;
			padding: 8px 3px 3px 3px;
			width: 167px;
			}

		.page_left #lib_shop_info.lib_box .box_body .more a {
			padding: 0;
			}


	/* 店铺地图模块*/
	.page_left .map_info_box.lib_box .box_body #map_box {
		height: 180px;
		}

	/* 左部店铺搜索模块*/
	#page_middle_left.page_left #lib_search_form .box_body {
		padding: 10px;
		width: 173px;
		}

	/* 左部店铺分类模块*/
	.page_left #lib_category_tree .box_body {
		padding: 10px;
		width: 173px;
		}

	/* 左部友情链接模块*/
	.page_left #lib_friend_links .box_body {
		padding: 10px;
		width: 173px;
		}

	/* 左侧模块物品列表 */
	.page_left .lib_box .list_option {
		display:none;
		}

	.page_left .lib_box .box_body .goods_list {
		clear: both;
		float: left;
		width: 183px;
		padding: 5px;
		border-bottom: 1px solid #DDD;
		}

		.page_left .lib_box .box_body .goods_list ul {
			float: left;
			width: 100%;
			}

			.page_left .lib_box .box_body li.goods_box {
				float: left;
				width: 100%;
				padding: 7px 0;
				border-top: 1px dotted #999;
				}

			.page_left .lib_box .box_body li.goods_box.linefirst {
				padding-top: 0;
				border-top: none;
				}

			.page_left .lib_box .box_body li.goods_box .goods_pic.goods_thumb {
				float: left;
				margin: 0 5px 0 0;
				padding: 2px;
				width: 60px;
				height: 60px;
				border: 1px solid #CCC;
				}

				.page_left .lib_box .box_body li.goods_box .goods_pic.goods_thumb a {
					display: block;
					width: 60px;
					height: 60px;
					overflow: hidden;
					background-repeat: no-repeat;
					background-position: center center;
					}

		.page_left .lib_box .box_body li.goods_box .goods_info {
			position: relative;
			float: left;
			width: 112px;
			}

		.page_left .lib_box .box_body li.goods_box .goods_price {
			position: absolute;
			left: 0;
			top: 45px;
			width: 100%;
			height: 20px;
			line-height: 20px;
			overflow: hidden;
			}

		.page_left .goods_list .goodsfav {
			top: 45px;
			}

			.page_left .lib_box .box_body li.goods_box .goods_price .price_neg,
			.page_left .lib_box .box_body li.goods_box .goods_price .price_free,
			.page_left .lib_box .box_body li.goods_box .goods_price .price_num,.price {
				text-align: left;
				}

		.page_left .lib_box .box_body li.goods_box .goods_title {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 36px;
			line-height: 18px;
			overflow: hidden;
			}

	/* 店铺最新公告模块*/
	.page_left .lib_box.article_list_box .box_body ul {
		padding: 10px;
		border-bottom: 1px solid #DDD;
		}


	.page_left .lib_box.article_list_box .box_body div.title {
		font-weight: normal;
		}

	.page_left .lib_box.article_list_box .box_body div.content {
		display: none;
		}

	.page_main .lib_box.article_list_box .box_body div.title {
		font-size: 14px;
		background-position: 0 4px;
		}


	/* 左侧模块中的留言 */
	.page_left .lib_box.comments_box .box_body .commlist {
		clear: both;
		float: left;
		padding: 5px;
		width: 183px;
		border-bottom: 1px solid #DDD;
		}

		.page_left .lib_box.comments_box .box_body .adminlink {
			display: none;
			}

		/* 留言连接 */
		.page_left .lib_box.comments_box .comment_link {
			display: block;
			}

		/* 留言表单 */
		.page_left .lib_box.comments_box .comment_form {
			display: none;
			}

		/* 留言分页 */
		.page_left .lib_box.comments_box .commpager .record_count,
		.page_left .lib_box.comments_box .commpager .sepvline,
		.page_left .lib_box.comments_box .gotofirst_link, 
		.page_left .lib_box.comments_box .gotolast_link {
			display: none;
			}

	/* 左侧模块中的标签 */
	.page_left .lib_box .box_body .tag_list {
		padding: 5px;
		width: 183px;
		border-bottom: 1px solid #DDD;
		}

		.page_left .lib_box .box_body .tag_list li.tag_box a {
			margin-right: 5px;
			line-height: auto;
			}

		.page_left .lib_box .box_body .tag_list li em {
			display: none;
			}

/*===========================================
* 右侧模块定义 *
===========================================*/

/* 右侧模块盒子 */
.page_main .lib_box {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 7px 0;
	padding: 0;
	}

/* 右侧模块标题 */
.page_main .lib_box .box_title {
	clear: both;
	float: left;
	width: 100%;
	background-color:#E2F7A6;
	color:#007C00;
	height:26px;
	}

	.page_main .lib_box .box_title .title {
		background: url(images/img_shop_43.gif) 12px 8px  no-repeat;
		float: left;
		height: 18px;
		font-weight: bold;
		color: #007C00;
		padding: 5px 8px 0 25px;
		font-size: 14px;
		}

		.page_main .lib_box .box_title .title i {
			font-size: 12px;
			font-weight: normal;
			padding-left: 10px;
			}


	.page_main .lib_box .box_title .more {
		float:right;
		color: #FFF;
		height: 26px;
		line-height: 26px;
		overflow: hidden;
		}

	.page_main .lib_box .box_title .more a {
		display: block;
		height: 26px;
		line-height: 26px;
		width: 50px;
		overflow: hidden;
		background: transparent url(images/img_shop_35.gif) no-repeat center center;
		color: #FFF;
		}

	.page_main .lib_box .box_title .more a span {
		display: none;
		}

/* 右侧模块正文 */
.page_main .lib_box .box_body {
	clear: both;
	float: left;
	padding: 10px 0;
	width: 100%;
	overflow: hidden;
	}

	/* 店铺地图模块*/
	.page_main .map_info_box.lib_box .box_body #map_box {
		height: 300px;
		}

	/* 右侧模块物品列表选项 */
	.page_main #lib_goods_list.lib_box .box_title {
		height: 55px;
		background: none;
		padding-top: 5px;
		}

	.page_main #lib_goods_list.lib_box .box_title .title {
		clear: both;
		float: left;
		width: 100%;
		padding: 0 0 8px 0;
		margin: 0;
		background: transparent url(images/items-navigation.gif) left bottom no-repeat;
		}

	.page_main #lib_goods_list.lib_box .box_title .title span {
		padding: 0 0 0 22px;
		background: transparent url(images/shops_list_01.gif) 5px 3px no-repeat;
		}

	.page_main .lib_box .list_option {
		clear: both;
		float: left;
		width: 725px;
		height: 18px;
		padding: 5px;
		line-height: 18px;
		background: #FFC;
		border-bottom: 1px dotted #CCC;
		}


	/* 右侧模块物品列表 */
	.page_main .lib_box .box_body .goods_list {
		clear: both;
		float: left;
		width: 100%;
		padding: 10px 0 15px 0;
		}

	/* 小图列表 */
	.page_main .lib_box .box_body .goods_list ul {
		clear: both;
		float: left;
		width: 730px;
		padding: 0 3px 0 2px;
		}

		/* 大图列表 */
		.page_main #lib_goods_list.lib_box .box_body .goods_list ul {
			width: 734px;
			padding: 0 1px 0 0;
			}

		.page_main .lib_box .box_body li.goods_box {
			float: left;
			width: 130px;
			margin: 0 0 15px 20px;
			}

		.page_main .lib_box .box_body li.goods_box.linefirst {
			margin: 0 0 15px 0;
			}

		/* 大图列表 */
		.page_main #lib_goods_list.lib_box .box_body li.goods_box {
			float: left;
			width: 238px;
			margin: 0 0 15px 10px;
			}

			.page_main #lib_goods_list.lib_box .box_body li.goods_box.linefirst {
				margin: 0 0 15px 0;
				}

			.page_main .lib_box .box_body li.goods_box .goods_pic a {
				display: block;
				overflow: hidden;
				background-repeat: no-repeat;
				background-position: center center;
				}


		/* 小图列表 */
		.page_main .lib_box .box_body li.goods_box .goods_pic.goods_thumb {
			margin: 0 22px 10px 22px;
			padding: 2px;
			width: 80px;
			height: 80px;
			border: 1px solid #CCC;
			}

			.page_main .lib_box .box_body li.goods_box .goods_pic.goods_thumb a {
				width: 80px;
				height: 80px;
				}

		/* 大图列表 */
		.page_main .lib_box .box_body li.goods_box .goods_pic.goods_litpic {
			margin: 0 0 10px 0;
			padding: 3px;
			width: 230px;
			height: 230px;
			border: 1px solid #EEE;
			}

			.page_main .lib_box .box_body li.goods_box .goods_pic.goods_litpic a {
				width: 230px;
				height: 230px;
				}


		.page_main #lib_goods_list.lib_box .box_body .goods_list .goods_price .price_rate.hasrate {
			display: inline;
			font-weight: normal;
			}


		/* 右侧物品列表标题的定义 */
		.page_main .lib_box .box_body li.goods_box .goods_title {
			height: 36px;
			line-height: 18px;
			overflow: hidden;
			}

	/* 右侧模块物品列表中的查看更多，因为标题中有了，下面就没必要再有 */
	.page_main .lib_box .box_body .more {
		display: none;
		}

	/*
	以下是显示的定义，可以是图片方式也可以是文字
	.page_main .lib_box .box_body .more {
		padding: 10px 0;
		width: 100%;
		text-align: right;
		}

		按以下定义，可以是图片方式显示
		.page_main .lib_box .box_body.goods_list_box .more a {
			display: block;
			float: right;
			width: 120px;
			height: 35px;
			line-height: 35px;
			overflow: hidden;
			background: transparent url('images/img_shop_52.jpg') right center no-repeat;
			}

		.page_main .lib_box .box_body.goods_list_box .more a span {
			display: none;
			}
	*/


	/* 店铺文章模块*/
	.page_main .lib_box.article_list_box .box_body li {
		padding: 15px 25px;
		}

	.page_main .lib_box.article_list_box .box_body li.firstbox {
		padding-top: 10px;
		}

	.page_main .lib_box.article_list_box .box_body .title {
		font-size: 14px;
		background-position: 0 4px;
		}

	.page_main .lib_box.article_list_box .box_body .title a:link,
	.page_main .lib_box.article_list_box .box_body .title a:visited {
		color: #690;
		}

	.page_main .lib_box.article_list_box .box_body .title a:hover,
	.page_main .lib_box.article_list_box .box_body .title a:active {
		color: #F60;
		}

	/* 右侧模块的留言样式 */
	.page_main .lib_box.comments_box {
		float: left;
		width: 100%;
		}

	.page_main .lib_box.comments_box .box_title {
		background: transparent url(images/items-navigation.gif) left bottom no-repeat;
		}

	.page_main .lib_box.comments_box .box_title .title {
		padding: 0 0 0 22px;
		background: transparent url(images/shops_list_01.gif) 5px 4px no-repeat;
		}

	/* 留言列表 */
	.page_main .lib_box.comments_box .comments_list {
		float: left;
		width: 403px;
		padding-right: 15px;
		}

	/* 左右栏变化时留言宽度调整 */
	.switch_on .lib_box.comments_box .comments_list {
		width: 603px;
		}


	/* 留言连接 */
	.page_main .lib_box.comments_box .comment_link {
		display: none;
		}

	/* 留言表单 */
	.page_main .lib_box.comments_box .comment_form {
		float: left;
		width: 300px;
		padding-left: 15px;
		border-left: 2px dotted #999;
		overflow: hidden;
		}


	/* 右侧模块中的标签 */
	.page_main #lib_tag_list.lib_box .box_title {
		padding: 5px 0;
		background: transparent url(images/items-navigation.gif) left bottom no-repeat;
		}

	.page_main #lib_tag_list.lib_box .box_title .title {
		padding: 6px 0 10px 32px;
		background: transparent url(images/icon_tag.gif) 3px top no-repeat;
		}

	.page_main #lib_tag_list.lib_box .box_title .more {
		padding-top: 3px;
		}

	.page_main #lib_tag_list.lib_box .box_body {
		clear: both;
		float: left;
		padding: 10px;
		width: 715px;
		}

	.page_main .lib_box .box_body .tag_list {
		padding-bottom: 15px;
		}

	/* 在标签云页面，就没有查看更多 */
	#tag_cloud_page .page_main #lib_tag_list.lib_box .box_title .more {
		display: none;
		}


	/* 右侧模块中的物品概要部分 */

	/* 230PX 的图片显示部分 */
	.page_main .goods_summary .picbox  {
		}
	
	.page_main .goods_summary .itemsinfo {
		padding-left: 17px;
		width:480px;
		}

	/* 推荐好友和收藏的连接 */
	.page_main .goods_summary .recfriend_box,
	.page_main .goods_summary .addremovefav_box {
		float: left;
		width: 110px;
		height: 38px;
		}

		.page_main .goods_summary .recfriend_box a,
		.page_main .goods_summary .addremovefav_box a {
			display: block;
			width: 110px;
			height: 38px;
			background-position: center center;
			background-repeat: no-repeat;
			}

		.page_main .goods_summary .recfriend_box a span,
		.page_main .goods_summary .addremovefav_box a span {
			display: none;
			}

		.page_main .goods_summary .recfriend_box a {
			background-image: url(images/recfriend.gif);
			}

		.page_main .goods_summary .addremovefav_box.off a {
			background-image: url(images/addtofav.gif);
			}

		.page_main .goods_summary .addremovefav_box.on a {
			background-image: url(images/removefav.gif);
			}


	/* 标签的处理 */
	.page_main .goods_summary .tagbox {
		height: 38px;
		background: transparent url(../images/bg_tags.gif) left top no-repeat;
		overflow: hidden;
		}

	.page_main .goods_summary .tagbox div.tags {
		padding-left:25px;
		line-height: 18px;
		}

	/* 没有标签的处理 */
	.page_main .goods_summary .tagbox em.none {
		float: left;
		margin-left: 20px;
		line-height: 36px;
		vertical-align: middle;
		color: #666;
		}


	/* 右侧模块中的物品描述 */
	#lib_other_goods.lib_box .box_title .more,
	#lib_other_goods.lib_box .box_dody .more {
		display: none;
		}

	#goods_page .page_main #lib_goods_comments.lib_box,
	#goods_page .page_main #lib_other_goods.lib_box,
	#goods_page .page_main #lib_goods_desc.lib_box {
		margin-top: 25px;
		}

	#goods_page .page_main .lib_box .box_title {
		background: transparent url(images/items-navigation.gif) left bottom no-repeat;
		}

	#goods_page .page_main .lib_box .box_title .title {
		padding: 0 0 0 22px;
		background: transparent url(images/shops_list_01.gif) 5px 4px no-repeat;
		}

	#goods_page .page_main .lib_box .box_title .more {
		padding: 0;
		margin: 0;
		}

	.page_main #lib_goods_desc.lib_box .box_title .more a {
		height: 20px;
		width: auto;
		color: #039;
		text-align: right;
		background: none;
		}

	.page_main #lib_goods_desc.lib_box .box_title .more a:hover, 
	.page_main #lib_goods_desc.lib_box .box_title .more a:active {
		color: #F30;
		}

	.page_main #lib_goods_desc.lib_box .box_title .more a span {
		display: inline;
		background: transparent url(../images/icon_report.gif) no-repeat scroll left top;
		padding-left: 20px;
		line-height: 20px;
		}

	.page_main #lib_goods_desc.lib_box .box_body {
		padding-top: 0;
		}

		.page_main #lib_goods_desc.lib_box .box_body .goods_desc {
			padding: 10px 0 0 0;
			}

		.page_main #lib_goods_desc.lib_box .box_body .goods_desc p {
			margin: 0 0 12px 0;
			}

	/* 右侧模块中的文章详情 */
	.page_main .lib_box.article .box_title {
		height: 55px;
		margin-bottom: 10px;
		}

	.page_main .lib_box.article .box_title .title {
		clear: both;
		float: left;
		width: 702px;
		}

		.page_main .lib_box.article .box_title .meta {
			clear: both;
			float: left;
			width: 100%;
			height: 15px;
			line-height: 15px;
			border-top: 1px dotted #CCC;
			padding: 5px 0;
			margin: 5px 0;
			color: #999;
			background: #FFF;
			}

		.page_main .lib_box.article .box_body {
			clear: both;
			float: left;
			width: 100%;
			padding: 0 0 10px 0;
			}

		.page_main .lib_box.article .box_body .content{
			line-height: 1.7;
			}


	/* 右侧模块店铺搜索模块*/
	.page_main .search_form_box.lib_box .box_body input#min_price, 
	.page_main .search_form_box.lib_box .box_body input#max_price {
		height: 13px;
		line-height: 13px;
		}

	.page_main .search_form_box.lib_box .box_body ul#advanceSearchBit {
		float: left;
		display: block;
		padding: 0 0 0 10px;
		margin: 0;
		}

		.page_main .search_form_box.lib_box .box_body ul#advanceSearchBit li {
			float: left;
			padding: 0 10px 0 0;
			margin: 0;
			}

	.page_main .search_form_box.lib_box .box_body select.cat_select {
		float: left;
		width: 170px; 
		margin: 0 10px 0 0;
		}

	.page_main .search_keyword {
		float: left;
		}

	.page_main .search_form_box.lib_box .box_body input.search_shop_keyword {
		float: left;
		margin-right: 5px;
		width: 110px;
		height: 13px;
		line-height: 13px;
		}

	.page_main .search_form_box.lib_box .box_body input.search_shop_subbtn {
		float: left;
		height: 21px;
		margin-top: -1px;
		}

	.page_main .search_form_box.lib_box .box_body .switch_search_link {
		display: none;
		}