#group-area {
	width: 805px;
}
#space-area {
	width: 190px;
}

.group {
	background-image: url(../images/group-T.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 35px;
	
	-zoom: 1;
	position: relative;
}
.group .heading {
	position: absolute;
	top: -10px;
	width: 805px;
}
.group .heading h2 {
	background-repeat: no-repeat;
	height: 30px;
	float: left;
	text-indent: -9999px;
}
.group .heading p {
	display: inline-block;
	margin-top: 12px;
	margin-left: 5px;
}
.group .footing {
	position: absolute;
	bottom: -23px;
	height: 20px;
	width: 805px;

	display: none;
}
.group .footing a.more {
	display: block;
	float: right;
	background-image: url(../images/group-more.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 18px;
}
.group .footing a.more span {
	background-image: url(../images/group-more.gif);
	background-position: right top;
	background-repeat: no-repeat;
	display: inline-block;
	padding-right: 5px;
	line-height: 20px;
}
.group .footing a.more:hover {
	background-position: left bottom;
	text-decoration: none;
	color: #000;
}
.group .footing a.more:hover span {
	background-position: right bottom;
}
.group .footing p {
	float: left;
}

.group .data {
	background-image: url(../images/group-B.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.group .data .cdata {
	padding: 27px 7px 7px 20px;
	height: 375px;
	
	-overflow: hidden;
}
.group .data .cdata .group-promo {
	float: left;
	margin-right: 5px;
}
.group .data .cdata .group-item {
	float: left;
	height:360px;
	*height: 360px;
	overflow:hidden;
}
.group .data .short .group-item,
.group .data .short .group-item ul {
	width: 420px;
}
.group .data .long .group-item,
.group .data .long .group-item ul {
	width: 525px;
}
.group .data .cdata .group-item ul,
.group .data .cdata .group-item ul li,
.group .data .cdata .group-item ul li ul {
	padding: 0;
}
.group .data .cdata .group-item ul li ul li {
	float: left;
	margin-right: 5px;
}
.group .data .cdata .group-item ul li ul li a {
	display: block;
	width: 100px;
	height: 115px;
	*height: 118px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	margin-bottom: 5px;
	
	zoom:1;
}
.group .data .cdata .group-item ul li ul li a:hover {
	color: #FFF;
	background-color: #006699;
}
.group .data .cdata .group-item ul li ul li a img {
	width: 100px; height: 100px;
}
.group .data .cdata .group-item ul li ul li a span {
}
.group .data .group-option {
	float: right;
	width: 231px;
	height: 373px;
	-margin-left: -5px;
	border: solid 1px #D3D3D3;
}
.group .data .group-option ul.tab-navigate {
}
.group .data .group-option ul.tab-navigate li {
	float: left;
}
.group .data .group-option ul.tab-navigate li a {
	border-right: solid 1px #D3D3D3;
}
.group .data .group-option ul.tab-navigate li a:hover {
	text-decoration: none;
	color: #000;
}
.group .data .group-option ul.tab-navigate li a span {
	display: inline-block;
	margin-top: 5px;
	cursor: pointer;
}
.group .data .group-option ul.tab-navigate li.last a{
	border-right: 0;
}
.group .data .group-option ul.tab-navigate li a {
	display: inline-block;
	background-image: url(../images/tabs-x.gif);
	background-repeat: repeat-x;
	background-position: top;
	
	width: 115px; height:26px;
	text-align: center; vertical-align: middle;
}
.group .data .group-option ul.tab-navigate li.ui-tabs-selected a {
	background-image: none;
}
.group .data .group-option div.ui-tabs-hide {
	display: none;
}
.group .data .group-option div.tab-content {
	padding: 5px;
	*padding-top: 3px;
	-padding-top: 5px;
	clear: both;
}
.group .data .group-option div.tab-content div {
	background: #F1F3F5;
	-moz-border-radius: 5px;
	padding: 3px;
	margin-bottom: 5px;
}
.group .data .group-option div.tab-content div strong {
	display: block;
	padding-left: 3px;
}
.group .data .group-option div.tab-content div ul {
	padding: 3px 0 3px 3px;
}
.group .data .group-option div.tab-content div ul li {
	display: block;
	line-height: 16px;
	background-image: url(../images/ico-star-small.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

/** Fasion group style */
#fashion {
	background-image: url(../images/group[fashion]-T.gif);
}
#fashion .data {
	background-image: url(../images/group[fashion]-B.gif);
	background-color:transparent;
}
#fashion h2 {
	background-image: url(../images/group-h2[fashion].gif);
	width: 140px;
}
#fashion .footing a.more {
}
#fashion .footing a.more span {
}

/** Digital group style */
#digital {
	background-image: url(../images/group[digital]-T.gif);
}
#digital .data {
	background-image: url(../images/group[digital]-B.gif);
	background-color:transparent;
}
#digital h2 {
	background-image: url(../images/group-h2[digital].gif);
	width: 120px;
	height: 37px;
}
#digital .footing a.more {
}
#digital .footing a.more span {
}

/** Life-style group style */
#lifestyle {
	background-image: url(../images/group[life-style]-T.gif);
}
#lifestyle .data {
	background-image: url(../images/group[life-style]-B.gif);
	background-color:transparent;
}
#lifestyle h2 {
	background-image: url(../images/group-h2[life-style].gif);
	width: 160px;
	height: 37px;
}
#lifestyle .footing a.more {
}
#lifestyle .footing a.more span {
}

/** Home group style */
#home {
	background-image: url(../images/group[home]-T.gif);
}
#home .data {
	background-image: url(../images/group[home]-B.gif);
	background-color:transparent;
}
#home h2 {
	background-image: url(../images/group-h2[home].gif);
	width: 130px;
	height: 30px;
}
#home .footing a.more {
}
#home .footing a.more span {
}

/** Car group style */
#car {
	background-image: url(../images/group[car]-T.gif);
}
#car .data {
	background-image: url(../images/group[car]-B.gif);
	background-color:transparent;
}
#car h2 {
	background-image: url(../images/group-h2[car].gif);
	width: 90px;
	height: 30px;
}
#car .footing a.more {
}
#car .footing a.more span {
}

/** Business group style */
#business {
	background-image: url(../images/group[business]-T.gif);
}
#business .data {
	background-image: url(../images/group[business]-B.gif);
	background-color:transparent;
}
#business h2 {
	background-image: url(../images/group-h2[business].gif);
	width: 160px;
	height: 37px;
}
#business .footing a.more {
}
#business .footing a.more span {
}

/** Other group style */
#other {
	background-image: url(../images/group[other]-T.gif);
}
#other .data {
	background-image: url(../images/group[other]-B.gif);
	background-color:transparent;
}
#other h2 {
	background-image: url(../images/group-h2[other].gif);
	width: 110px;
	height: 30px;
}
#other .footing a.more {
}
#other .footing a.more span {
}

/** Jewely group style */
#jewelry {
	background-image: url(../images/group[jewely]-T.gif);
}
#jewelry .data {
	background-image: url(../images/group[jewely]-B.gif);
	background-color:transparent;
}
#jewelry h2 {
	background-image: url(../images/group-h2[jewely].gif);
	width: 140px;
	height: 40px;
}
#jewelry .footing a.more {
}
#jewelry .footing a.more span {
}

.group-frame {
	width: 420px;
	height: 240px;
}
.recomment-product {
	width: 212px; 
	height: 120px; /*200 for 10 list*/
}
.side-frame {
	width: 190px;
	height: 440px;
}
.group-promo {
	width: 120px;
	height: 375px;
}