﻿* {
	margin: 0px;
	padding: 0px;
}
div, p, ul, li {
	font-size: 13px;
}

/*****************************
 container 
 *****************************/
#container {
	margin: 0 auto;
}
/*****************************
 content 
 ****************************/
#content {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 940px;
}
/* group-top */
#content .group-top {
	clear: both;
	padding-bottom: 5px;
	overflow: hidden;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
/* top-slideshow  */
#content .group-top .top-slideshow {
	width: 420px;
	height: 208px;
	float: left;
	background: transparent url(../LideShow_Shop/top-slideshow.jpg) no-repeat;
}
#content .group-top .top-slideshow .mask {
	width: 420px;
	height: 208px;
	overflow: hidden;
	position: relative;
}
#content .group-top .top-slideshow .mask #box-top-slideshow {
	position: absolute;
}
#content .group-top .top-slideshow .mask #box-top-slideshow .item {
	position: absolute;
	cursor: pointer;
}
#content .group-top .top-slideshow .mask #box-top-slideshow .item .alpha {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 308px;
	height: 31px;
	margin-left: 0px;
	background-color: #000;
	visibility: visible;
	opacity:0.4;
	filter: alpha(opacity=40);
}
#content .group-top .top-slideshow .mask #box-top-slideshow .item .description {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 292px;
	height: 37px;
	margin-left: 8px;
}
#content .group-top .top-slideshow .mask #box-top-slideshow .item .description label {
	position: relative;
	top: 12px;
	left: 12px;
	color: #fff;
	z-index: 999;
}
#content .group-top .number-slide {
	background: transparent url(../LideShow_Shop/top-slideshow-number-alpha.gif) no-repeat;
	width: 104px;
	height: 36px;
	bottom: 0px;
	right: 9px;
	position: absolute;
	z-index: 999;
}
#content .group-top .number-slide ul {
	list-style: none;
	position: absolute;
	top: 7px;
	left: 10px;
	overflow: hidden;
}
#content .group-top .number-slide ul li {
	background: #ffa000  url(../LideShow_Shop/top-slideshow-number-body.jpg) no-repeat;
	width: 23px;
	height: 20px;
	float: left;
	text-align: center;
	margin-right: 7px;
	padding-top: 3px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
}
#content .group-top .number-slide ul li.active {
	color: #000;
}
/* top-showcase */
#content .group-top .top-showcase {
	background: transparent url(../LideShow_Shop/top-showcase-body.jpg) repeat-x;
	width: 554px;
	height: 206px;
	float: right;
	border: #a0d5de 1px solid;
}
#content .group-top .top-showcase ul {
	background: transparent url(../LideShow_Shop/top-showcase-dot-width.jpg) repeat-x left bottom;
	list-style: none;
	overflow: hidden;	
	margin: 7px 7px 0 7px;
	height: 96px;
}
#content .group-top .top-showcase ul.last {
	background: none;
	margin-top: 0px;
}
#content .group-top .top-showcase ul li {
	width: 90px;
	height: 96px;
	float: left;
	background: transparent url(../LideShow_Shop/top-showcase-dot-height.jpg) repeat-y top right;
}
#content .group-top .top-showcase ul li.last {
	background: none;
}
#content .group-top .top-showcase ul li .picture {
	float: left;
	height: 60px;
	width: 90px;
	text-align: center;
	margin: 5px 0;
}
#content .group-top .top-showcase ul li .picture img {
	height: 60px;
	width: 60px;
}
#content .group-top .top-showcase ul li p.price {
	text-align: center;
	color: #000;
}
/* group-body */
#content .group-body {
	overflow: hidden;
	border-bottom: #fff 1px solid; /* fix IE6 */
}
#content .group-body .panel-left {
	width: 250px;
	float: left;
}
#content .group-body .panel-right {
	width: 730px;
	float: right;
}
/* begin banner */
#content .group-body .panel-right .banner01 {
	width: 730px;
	height: 50px;
	margin-bottom: 5px;
	clear: both;
}
#content .group-body .panel-right .banner02 {
	width: 730px;
	height: 124px;
	margin-bottom: 5px;
	clear: both;
}
/* end banner */
#content .group-body .panel-right .showcase {
	width: 361px;
	height: 263px;
	overflow: hidden;
	float: left;
	margin-bottom: 5px;
}
#content .group-body .panel-right .showcase .title {
	width: 361px;
	height: 20px;
	background-color: #dcdbdf;
}
#content .group-body .panel-right .showcase .title p {
	float: left;
}
#content .group-body .panel-right .showcase .title .color-left {
	width: 18px;
	height: 20px;
}
#content .group-body .panel-right .showcase .title .color-body {
	width: 200px;
	height: 20px;
	background-color: #878787;
}
#content .group-body .panel-right .showcase .title .color-body a {
	font-weight: bold;
	color: #fff;
	position: relative;
	top: 3px;
	left: 10px;
}
/*****************************
 begin color for showcase id
 ****************************/
#content .group-body .panel-right .showcase .title .showcase01 {
	background-color: #fea716;
}
#content .group-body .panel-right .showcase .title .showcase02 {
	background-color: #54d83c;
}
#content .group-body .panel-right .showcase .title .showcase03 {
	background-color: #f960b7;
}
#content .group-body .panel-right .showcase .title .showcase04 {
	background-color: #f7e31d;
}
#content .group-body .panel-right .showcase .title .showcase05 {
	background-color: #509df9;
}
#content .group-body .panel-right .showcase .title .showcase06 {
	background-color: #f7941d;
}
/*****************************
 end color for showcase id
 ****************************/
#content .group-body .panel-right .showcase .top-product {
	height: 118px;
	border-bottom: #d5d5d5 1px solid;
	overflow: hidden;
	padding: 12px 0 0 12px;
}
#content .group-body .panel-right .showcase .top-product .picture {
	width: 102px;
	height: 102px;
	float: left;
}
#content .group-body .panel-right .showcase .top-product .picture img {
	width: 100px;
	height: 100px;
	border: #d5d5d5 1px solid;
}
#content .group-body .panel-right .showcase .top-product .info {
	width: 235px;
	float: right;
	overflow: hidden;
}
#content .group-body .panel-right .showcase .top-product .info ul {
	list-style: none;
}
#content .group-body .panel-right .showcase .top-product .info ul li {
	line-height: 20px;
}
#content .group-body .panel-right .showcase .top-product .info ul li .link {
	font-weight: bold;
}
#content .group-body .panel-right .showcase .top-product .info ul li .price {
	color: #FF6600;
	font-weight: bold;
}
#content .group-body .panel-right .showcase .top-product .view-more {
	background: transparent url(../LideShow_Shop/view-more.jpg) no-repeat bottom right;
	clear: both;
	height: 16px;
	text-align: right;
	padding-right: 8px;
	line-height: 16px;
}
#content .group-body .panel-right .showcase .top-product .view-more a {
	font-size: 10px;
	text-decoration: none;
}
#content .group-body .panel-right .showcase .more-product ul {
	list-style: none;
}
#content .group-body .panel-right .showcase .more-product ul li {
	line-height: 28px;
	height: 28px;
	background: transparent url(../LideShow_Shop/more-product-dot-bottom.jpg) repeat-x center bottom;
	padding-left: 4px;	
	white-space: nowrap;
}
#content .group-body .panel-right .showcase .more-product ul li.last {
	background: transparent url(../LideShow_Shop/more-product-dot-bottom-last.jpg) repeat-x center bottom;
}
#content .group-body .panel-right .showcase .more-product ul li span {
	background: transparent url(../LideShow_Shop/more-product-dot-left.jpg) no-repeat center left;
	padding-left: 10px;	
}
#content .group-body .panel-right .showcase .more-product ul li p {
	background: transparent url(../LideShow_Shop/more-product-dot-left.jpg) no-repeat center left;
	padding-left: 10px;	
}
#content .group-body .panel-right .showcase .more-product ul li p img {
	vertical-align: middle;
	margin-left:5px;
	margin-bottom:5px;
}
/*****************************
 showcase-space, clear-showcase
 ****************************/
#content .group-body .panel-right .showcase-space {
	width: 8px;
	float: left;
	height: 50px;
}
#content .group-body .panel-right .clear-showcase {
	clear: both;
	height: 1px;
	font-size: 0px;
}
/*****************************
 group-bottom 
 ****************************/
#content .group-bottom {
	clear: both;
	overflow: hidden;
}
/* top-seller */
#content .group-bottom .top-seller {
	margin-bottom: 5px;
	overflow: hidden;
}
#content .group-bottom .top-seller .top {
	overflow: hidden;
	background-image: url(top-seller-top-body.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
	height: 28px;
	width: 100%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #79b2d0;
}
#content .group-bottom .top-seller .top .left {
	background: transparent url(../LideShow_Shop/top-seller-top-left.jpg) no-repeat scroll left top;
	float: left;
	height: 28px;
	width: 202px;
}
#content .group-bottom .top-seller .top .left label {
	font-weight: bold;
	color: #e76700;
	left: 60px;
	position: relative;
	top: 7px;
}
#content .group-bottom .top-seller .top .body {
	background: transparent url(../LideShow_Shop/top-seller-top-body.jpg) repeat-x;
	float: left;
	height: 28px;
	width: 774px;
}
#content .group-bottom .top-seller .top .right {
	background: transparent url(../LideShow_Shop/top-seller-top-right.jpg) no-repeat right top;
	float: left;
	height: 28px;
	width: 4px;
}
#content .group-bottom .top-seller .main {
	border-left: #79b2d0 1px solid;
	border-right: #79b2d0 1px solid;
	height: 114px;
}
#content .group-bottom .top-seller .main .mask {
	height: 114px;
	overflow: hidden;
	position: relative;
	margin-left: 4px;
	width: 930px;
}
#content .group-bottom .top-seller .main .mask ul {
	list-style: none;
	width: 3000px;
	position: absolute;
	padding: 4px 6px 4px 0;
	top: -3px;
}
#content .group-bottom .top-seller .main .mask ul li {
	width: 310px;
	height: 106px;
	background-color: #d0f2f0;
	float: left;
	margin: 0 2px 0 2px;
	padding-left: 10px;
	overflow: hidden;
}
#content .group-bottom .top-seller .main .mask ul li.odd {
	background-color: #b3cee3;
}
#content .group-bottom .top-seller .main .mask ul li .picture {
	float: left;
	height: 62px;
	width: 62px;
	margin: 12px 0 0 0;
}
#content .group-bottom .top-seller .main .mask ul li .picture img {
	border: 1px solid #D5D5D5;
	height: 60px;
	width: 60px;
}
#content .group-bottom .top-seller .main .mask ul li .info {
	float: right;
	overflow: hidden;
	width: 220px;
	margin: 10px 2px 2px 0;
	text-align: left;
}
#content .group-bottom .top-seller .main .mask ul li .info p {
	line-height: 15px;
}
#content .group-bottom .top-seller .main .mask ul li .info p .seller {
	color: #fe6000;
	font-weight: bold;
}
#content .group-bottom .top-seller .main .mask ul li .info p a {
	font-weight: bold;
}
#content .group-bottom .top-seller .main .mask ul li .info p img {
	vertical-align: middle;
}
#content .group-bottom .top-seller .bottom {
	background: transparent url(../LideShow_Shop/top-seller-bottom-left.jpg) no-repeat left top;
	padding-left: 4px;
}
#content .group-bottom .top-seller .bottom .right {
	background: transparent url(../LideShow_Shop/top-seller-bottom-right.jpg) no-repeat right top;
}
#content .group-bottom .top-seller .bottom .body {
	background: transparent url(../LideShow_Shop/top-seller-bottom-body.jpg) repeat-x;
	height: 4px;
	margin: 0 4px 0 0;
	overflow: hidden;
}
/* hot-product */
#content .group-bottom .hot-product {
	overflow: hidden;
	margin-bottom: 5px;
}
#content .group-bottom .hot-product .top {
	background: transparent url(../LideShow_Shop/hot-product-top-left.jpg) no-repeat left top;
	padding-left: 4px;
}
#content .group-bottom .hot-product .top .right {
	background: transparent url(../LideShow_Shop/hot-product-top-right.jpg) no-repeat right top;
}
#content .group-bottom .hot-product .top .body {
	background: transparent url(../LideShow_Shop/hot-product-top-body.jpg) repeat-x;
	height: 27px;
	margin: 0 4px 0 0;
	overflow: hidden;
}
#content .group-bottom .hot-product .top .body label {
	font-weight: bold;
	color: #e76700;
	left: 10px;
	position: relative;
	top: 7px;
}
#content .group-bottom .hot-product .main {
	border-left: #e6a5bb 1px solid;
	border-right: #e6a5bb 1px solid;
	height: 260px;
}
#content .group-bottom .hot-product .main ul {
	list-style: none;
	position: absolute;
	padding: 4px 0 4px 6px;
	width: 930px;
}
#content .group-bottom .hot-product .main ul li {
	width: 102px;
	float: left;
	margin: 0 6px 5px 0;
	overflow: hidden;
}
#content .group-bottom .hot-product .main ul li .picture {
	float: left;
	height: 102px;
	width: 102px;
	margin-bottom: 5px;
}
#content .group-bottom .hot-product .main ul li .picture img {
	border: 1px solid #D5D5D5;
	height: 100px;
	width: 100px;
}
#content .group-bottom .hot-product .main ul li p.price {
	text-align: center;
	color: #000;
}
#content .group-bottom .hot-product .bottom {
	background: transparent url(../LideShow_Shop/hot-product-bottom-left.jpg) no-repeat left top;
	padding-left: 4px;
}
#content .group-bottom .hot-product .bottom .right {
	background: transparent url(../LideShow_Shop/hot-product-bottom-right.jpg) no-repeat right top;
}
#content .group-bottom .hot-product .bottom .body {
	background: transparent url(../LideShow_Shop/hot-product-bottom-body.jpg) repeat-x;
	height: 4px;
	margin: 0 4px 0 0;
	overflow: hidden;
}


#product-category .category-items p {
	background: transparent url(home/icon-arrow.jpg) no-repeat left center;
	padding: 0px 0px 0px 15px;	
}

#product-category .category-items span {
	background: transparent url(home/icon-arrow.jpg) no-repeat left center;
	padding: 0px 0px 0px 15px;	
	display: block;
	text-align:left;
}

.category-header-left 
{
    height: 36px;    
	background: transparent url(home/category-header-left.jpg) no-repeat left top;
}

.category-header-bg {
	background: transparent url(home/category-header-bg.jpg) repeat-x;
	margin: 0px 6px;
	height: 36px;
	text-align:center;
}

.category-header-bg p
{    
	font-weight:bold;
	height:100%;	
	padding-top:9px;
	font-size:13px;
	font-family:Verdana;
}

.category-header-right {
	background: transparent url(home/category-header-right.jpg) no-repeat right top;
	height: 36px;
	width:244px;
	overflow: hidden;
	margin-bottom:3px;
}
/* } Menu Left */

#discountBanner
{	
	list-style-type:none;	
}

#discountBanner li
{
	float: left;
	list-style-image: none;	
	list-style-type:none;	
}


#page-content-mpane
{
    float:left;        
    width:425px;
    margin:0px auto;
}

/*-------------------------------------------------------------------*/
/* Page-Content */
/*-------------------------------------------------------------------*/
#page-content
{
	width:940px;
	min-height:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#page-content-lpane
{
    float:left; 
    width:255px;   
}
#page-content-rpane
{
    float:right;        
    width:296px;
}

