@charset "utf-8";
/* CSS Document */

.thumbnail {
	background-repeat: no-repeat;
	background-position: center;
}

/* Brand List */
#content .brandlist {
	width: 98%;
	padding-left: 8px;
	height: 142px;
}

.brand #content .brandlist {
	padding-left: 4px;
	width: 98%;
}

#content .brandlist .item {
	display: inline;
	float: left;
	margin: 7px 11px 0px 12px;
	position: relative;
	width: 96px; 
	height: 128px;
	cursor: pointer;
}

#content .brandlist .item.active {
	cursor: default;
}

#content .brandlist .thumbnail {
	position: absolute;
	margin: 39px 9px 10px 7px;
	left: 0px; 
	width: 80px;
	height: 80px;
}

#content .brandlist .border {
	position: absolute;
	left: 0px;
	width: 96px;
	height: 128px;
	background: url(../images/brand_a_normal.gif) center no-repeat;
}

#content .brandlist .hover .border {
	background: url(../images/brand_a_hover.gif) center no-repeat;
}

#content .brandlist .expand {
	visibility: hidden;
}

#content .brandlist .hover .expand {
	color: #0061a2;
}

#content .brandlist .name {
	position: absolute;
	left: 0px;
	top: 7px;
	#top: 9px;
	width: 96px;
	color: #77797b;
	font-weight: bold;
	text-align: center;
}

#content .brandlist .hover .name {
	color: #0061a2;
}

#left .brandlist {
	width: 349px;
	padding-left: 0px;
	height: 99px;
}

#left .brandlist .item {
	display: inline;
	float: left;
	margin: 6px 8px 0px 9px;
	position: relative;
	width: 70px; 
	height: 92px;
	cursor: pointer;
}

#left .brandlist .item.active {
	cursor: default;
}

#left .brandlist .thumbnail {
	position: absolute;
	margin: 29px 0px 0px 6px;
	left: 0px; 
	width: 56px;
	height: 56px;
}

#left .brandlist .border {
	position: absolute;
	left: 0px;
	width: 70px;
	height: 92px;
	background: url(../images/brand_s_normal.gif) center no-repeat;
}

#left .brandlist .hover .border {
	background: url(../images/brand_s_hover.gif) center no-repeat;
}

#left .brandlist .expand {
	visibility: hidden;
}

#left .brandlist .name {
	position: absolute;
	left: 0px;
	top: 11px;
	#top: 12px;
	width: 70px;
	color: #77797b;
	text-align: center;
}

#left .brandlist .hover .name {
	color: #0061a2;
}


/* Common List */
#content .list {
	padding-left: 9px;
	width: 98%;
	height: 83px;
}

.emoticon #content .list {
	padding-left: 6px;
}

.emoticon #content .list {
	height: 85px;
}

.mywink #content .list {
	height: 85px;
}

#content .list .select {
	display: inline;
	float: left;
	margin-left: 7px;
	padding: 30px 0px;
	height: 15px;
}

#content .list .item {
	display: inline;
	float: left;
	margin: 8px 11px 0px 11px;
	position: relative;
	width: 56px; 
	height: 75px;
	cursor: pointer;
}

.emoticon #content .list .item {
	margin: 10px 11px 0px 11px;
}

.mywink #content .list .item {
	margin: 10px 11px 0px 11px;
}

.db #content .list .item {
	width: 126px;
}

#content .list .item.active {
	cursor: default;
}

#content .list .thumbnail {
	position: absolute;
	left: 0px; 
	width: 56px;
	height: 56px;
}

#content .list .border {
	position: absolute;
	left: 0px;
	width: 56px;
	height: 56px;
	background: url(../images/item_a_normal.gif) center no-repeat;
}

#content .list .hover .border {
	background: url(../images/item_a_hover.gif) center no-repeat;
}

#content .list .active .border {
	background: url(../images/item_a_hover.gif) center no-repeat;
}

#content .list .stats {
	display: none;
	position: absolute;
	left: 0px;
	width: 56px;
	height: 56px;
	background: url(../images/item_hover.gif) center no-repeat;
	filter: Alpha(opacity=70);
	opacity: .7;	
}

#content .list .active .stats {
	display: block;
}

/* #content .list .expand {
	display: none;
} */

.db #content .list .expand {
	position: absolute;
	padding-left: 1px;
	left: 60px;
	width: 65px;
	height: 60px;
	line-height: 19px;
	color: #77797b;
	background: url(../images/line_db.gif);
	overflow-y: hidden;
}

#content .list .hover .expand {
	color: #0061a2;
	background: url(../images/line_db_hover.gif);
}

#content .list .name {
	position: absolute;
	left: 0px;
	bottom: 0px;
	_bottom: -1px;
	width: 56px;
	color: #77797b;
	text-align: center;
}

#content .list .hover .name {
	color: #0061a2;
}

/* Main List */
#content .mainlist {
	margin-top: 1px;
	width: 528px;
	height: 105px;
}

#content .mainlist .item {
	display: inline;
	float: left;
	position: relative;
	width: 96px; 
	height: 105px;
	cursor: pointer;
}

#content .mainlist .item.active {
	cursor: default;
}

#content .mainlist .thumbnail {
	position: absolute;
	margin: 25px 20px 0px 20px;
	left: 0px; 
	width: 56px;
	height: 56px;
}

#content .mainlist .border {
	position: absolute;
	left: 0px;
	width: 96px;
	height: 105px;
	background: url(../images/item_m_normal.gif) center no-repeat;
}

#content .mainlist .hover .border {
	background: url(../images/item_m_hover.gif) center no-repeat;
}

#content .mainlist .expand {
	position: absolute;
	padding-top: 7px;
	left: 0px;
	width: 96px;
	height: 18px;
	color: #77797b;
	font-weight: bold;
	text-align: center;
}

#content .mainlist .hover .expand {
	color: #0061a2;
}

#content .mainlist .name {
	position: absolute;
	left: 0px;
	bottom: 6px;
	_bottom: 5px;
	width: 96px;
	color: #77797b;
	text-align: center;
}

#content .mainlist .more {
	margin-right: 6px;
	padding-top: 35px;
	height: 36px;
}

/* Commend Item */
#commend .list {
	clear: both;
	padding-left: 2px;
	width: 730px;
	height: 110px;
}

#commend .item {
	display: inline;
	float: left;
	position: relative;
	margin: 2px 0px; 
	width: 104px; 
	height: 105px;
	cursor: pointer;
}

#commend .item.active {
	cursor: default;
}

#commend .thumbnail {
	position: absolute;
	margin: 25px 24px 0px 24px;
	left: 0px; 
	width: 56px;
	height: 56px;
}

#commend .border {
	position: absolute;
	left: 0px;
	width: 104px;
	height: 105px;
	background: url(../images/item_c_normal.gif) center no-repeat;
}

#commend .hover .border {
	background: url(../images/item_c_hover.gif) no-repeat;
}

#commend .expand {
	position: absolute;
	padding-top: 7px;
	left: 0px;
	width: 104px;
	height: 18px;
	color: #77797b;
	font-weight: bold;
	text-align: center;
}

#commend .hover .expand {
	color: #0061a2;
}

#commend .name {
	position: absolute;
	left: 0px;
	bottom: 6px;
	_bottom: 5px;
	width: 104px;
	color: #77797b;
	text-align: center;
}

/* Hidden Styles */
.item.hidden .thumbnail {
	display: none;
}

.item.hidden .border {
	display: none;
}

.item.hidden .expand {
	display: none;
}

.item.hidden .name {
	display: none;
}