/* ========================================================
  @ Hot Product Board
======================================================== */

.hotProductList{
	margin: 0px;
	margin-bottom: 0px;
	padding: 0px 10px 10px 25px;
}

.hotProductList li{
	border-bottom: 1px dotted #ccc;
}

.hotProductList a{
	display: block;
	padding: 5px 0px 5px 0px;
	color: #000;
	text-decoration: none;
}

.hotProductList a:hover{
	color: #39f;
}


/* ========================================================
  @ Correlative Link Board
======================================================== */

.linkList{
	list-style-type: none;
	margin: 0px;		
	padding: 0px 10px 0px 10px;
}

.linkList li{
	list-style-type: none;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dotted #ddd;
}

.linkList img{
}

.linkList a{
	display: block;
}


/* ========================================================
  @ News Board
======================================================== */

.newsList{
	margin: 0px;
	padding: 10px 10px 10px 10px;
	list-style-type: none;
}

.newsList li{
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
}

.newsList a{
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: #000;
}

.newsList a:hover{
	color: #39f;
}

.newsList a div.title{
	float: left;
	width: 360px;
	overflow: hidden;
	
	font-size: 12px;
	cursor: pointer;
}

.newsList a div.date{
	float: right;
	width: 70px;
	overflow: hidden;
	cursor: pointer;
	
	font-size: 11px;
	text-align: right;
	cursor: pointer;
}



/* ========================================================
  @ Sale Note Board
======================================================== */

.saleNoteList{
	margin: 0px;
	padding: 10px 10px 10px 10px;
	list-style-type: none;
}

.saleNoteList li{
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
}

.saleNoteList a{
	display: block;
	padding: 5px 10px 5px 10px;
	color: #000;
	text-decoration: none;
}

.saleNoteList a:hover{
	color: #39f;
}

.saleNoteList div.title{
	float: left;
	width: 360px;
	overflow: hidden;
	
	font-size: 12px;
	cursor: pointer;
}

.saleNoteList div.title span.invalid{
	color: #999;
	text-decoration: line-through;
}

.saleNoteList div.date{
	float: right;
	width: 70px;
	overflow: hidden;
	cursor: pointer;
	
	font-size: 11px;
	text-align: right;
	cursor: pointer;
}


/* ========================================================
  @ Discuss Board
======================================================== */

.discussList{
	margin: 0px;	
	padding: 10px 10px 10px 10px;
	list-style-type: none;
}

.discussList li{
	border-bottom: 1px dotted #ccc;
}

.discussList a{
	display: block;
	padding: 5px 10px 5px 10px;
	color: #000;
	text-decoration: none;
}

.discussList a:hover{
	color: #39f;
}

.discussList div.title{
	float: left;
	width: 330px;
	overflow: hidden;
	
	font-size: 12px;
	cursor: pointer;
}

.discussList div.date{
	float: right;
	width: 100px;
	overflow: hidden;
	cursor: pointer;
	
	font-size: 11px;
	text-align: right;
	cursor: pointer;
}


/* ========================================================
  @ Category Board
======================================================== */

.categoryList{
	margin: 0px;;
	padding: 10px;
}

.categoryList li{
	background-image: url(../images/category/product-category-0065.gif); 
	background-repeat: no-repeat;
	background-position: center left;
	overflow: hidden;	
	height: 55px;
	width: 140px;
	padding: 15px 10px 15px 90px;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
}

.categoryList div.upperCategory{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 3px;
}

.categoryList div.subCategory{
}

.categoryList a{
	color: #000;
	text-decoration: none;
}

.categoryList a:hover{
	color: #06f;
	text-decoration: underline ;
}


/* ========================================================
  @ AD Website
======================================================== */

.adWebsiteList{
	margin: 0px;
	padding: 0px 8px 0px 8px;
}

.adWebsiteList li{
	padding: 8px 0px 0px 0px;
	list-style-type: none;
	text-align: center;
}

.adWebsiteList div.adImage{

}

.adWebsiteList div.adTitle{
	text-align: center;
	padding:2px;
}

.adWebsiteList a{
	display: block;
	color: #000;
	text-decoration: none;
}

.adWebsiteList a:hover{
	color: #06f;
	text-decoration: underline;
}


/* ========================================================
  @ Common AD
======================================================== */

#commonAdPanel{
	margin: 0px auto;
	padding: 0px;
	width: 240px;
}

#commonAdPanel ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#commonAdPanel li{
	margin: 0px;
	padding-bottom: 8px;
}

#commonAdPanel img{

}

#commonAdPanel a{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}


/* ========================================================
  @ Commend Company Board
======================================================== */

.commendCompanyList{
	list-style-type: none;
	margin: 0px;		
	padding: 0px 10px 0px 10px;	

}

.commendCompanyList li{
	list-style-type: none;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dotted #ddd;
}

.commendCompanyList img{

}

.commendCompanyList a{
	display: block;
}


/* ========================================================
  @ Common Style - Other 
======================================================== */

.functionPanel {
	width: 100%;	
}

.functionPanel div.right{
	padding-right: 10px;
	float: right;	
}

.functionPanel div.left{
	padding-left: 10px;
	float: left;	
}

.more{
	padding-right: 10px;
	text-align: right;
}

/* ========================================================
  @ On Sale AD Board
======================================================== */

#adRollImagePanel{
	position: relative;
    height: 125px;
    width: 455px;
    margin: 0px auto;
}

#adRollImagePanel ul.imageList{
	position: relative;
	margin: 0px;
	padding: 0px;
}

#adRollImagePanel ul.imageList li{
	position: absolute;
	list-style-type: none;
	display: none;
}

#adRollImagePanel ul.imageList img{
	height: 100px;
	width: 455px;
	border: 1px solid #ddd;
}

#adRollImagePanel ul.indexList{
	position: absolute;
	top: 105px;
	right: 0px;	
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#adRollImagePanel ul.indexList li{
	float: left;
}

#adRollImagePanel ul.indexList a{
	background-color: #ddd;
	padding: 1px 5px;
	margin: 0px 2px;
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #ccc;
}

#adRollImagePanel ul.indexList a:hover{
	background-color: #9a0;
}

#adRollImagePanel ul.indexList a.selected{
	background-color: #000;
}

/* ========================================================
  @ Product Ad Board
======================================================== */

#productAdPanel{
	width: 465px;
	height: 180px;
	margin: 0px auto;
}

.productAdList{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.productAdList li{
	background-color: #fafafa;
	margin-right: 10px;
	padding: 9px;
	
	width: 125px;
	height: 160px;
	
	border: 1px solid #ddd;		
	
	float: left;
	cursor: pointer;
}

.productAdList li a{
	display: block;
	text-decoration: none;
	color: #000;
}

.productAdList img{
	border: 1px solid #ddd;
	width: 125px;
	height: auto;
}

.productAdList div.adTitle{
	padding-top:10px;
	width: 125px;
	height: 15px;
	text-align: center;
	margin: 0px auto;
	overflow: hidden;
}
/* ========================================================
  @ Price Battle Board
======================================================== */

#priceBattlePanel{	

}

#priceBattlePanel div.title{
	background-image: url(../images/priceBattle/top.jpg); 
	background-repeat: no-repeat;
	background-position: top center;
	height: 95px;
}

#priceBattlePanel div.content{
	background-color: #fff;
	background-image: url(../images/priceBattle/bottom.jpg); 
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 10px;
}

#priceBattlePanel div.content div.itemListPanel{
	position: relative;
	height: 180px;
	overflow: hidden;
}

#priceBattlePanel div.content ul.indexList{
	position: absolute;
	top: 0px;
	left: 20px;	
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#priceBattlePanel div.content ul.indexList li{
	float: left;
}

#priceBattlePanel div.content ul.indexList a{
	background-color: #ddd;
	padding: 1px 5px;
	margin: 0px 2px;
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #ccc;
}

#priceBattlePanel div.content ul.indexList a:hover{
	background-color: #9a0;
}

#priceBattlePanel div.content ul.indexList a.selected{
	background-color: #000;
}

#priceBattlePanel div.content ul.itemList{
	position: absolute;
	top: 20px;
	left: 20px;	
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: none;
}

#priceBattlePanel div.content li.item{	
	padding: 0px;
	width: 440px;
}

#priceBattlePanel div.content li.item div.image{
	float: left;
	width: 125px;
	_zoom: 1;
}

#priceBattlePanel div.content li.item div.info div.image img{
	width: 125px;
	height: 125px;
}

#priceBattlePanel div.content li.item div.info{
	float: left;
	width: 305px;
}

#priceBattlePanel div.content li.item div.info div.name{
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #9a0;
}

#priceBattlePanel div.content li.item div.info div.description{
	padding-left: 20px;
	font-size: 12px;
	color: #666;
}

#priceBattlePanel div.content li.item div.info div.companyList{
	margin-top: 5px;
	margin-left: 10px;
}

#priceBattlePanel div.content li.item div.info div.companyList ul{
	padding-left: 25px;
	margin: 0px;
}

#priceBattlePanel div.content li.item div.info div.companyList li{
	border-bottom: 1px dotted #9a0;
}

#priceBattlePanel div.content li.item div.info div.companyList li span.price{
	font-size: 15px;
	font-weight: bold;
}

#priceBattlePanel div.content li.item div.info div.companyList li span.companyName{

}

#priceBattlePanel div.content li.item div.info div.companyList a{
	display: block;
	color: #000;
	text-decoration: none;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}

#priceBattlePanel div.content li.item div.info div.companyList a:hover{
	background-color: #fff;
	color: #9a0;
}

#priceBattlePanel div.content li.item div.more{
	padding: 5px 0px;
}

#priceBattlePanel div.content li.item div.more div.right{
	float: right;
}

#priceBattlePanel div.content li.item div.more div.left{
	float: left;
}

#priceBattlePanel div.content div.link{
	padding: 10px 0px 10px 0px;
	text-align: center;
}

#priceBattle_joinLink{
	text-decoration: none;
	color: #000;
	cursor: help;
}

#priceBattle_joinLink a:hover{
	color: #fa0;
}

#priceBattle_joinPanel{
	background-color: #333;
	padding: 10px;
	color: #fff;
}

#priceBattle_joinPanel ol{
	margin: 0px;
	padding: 10px 20px 10px 35px;
}

#priceBattle_joinPanel li{
	padding: 3px;
	color: #fff;
	border-bottom: 1px #999 dotted;
}


/* ========================================================
  @ Super Discount Board
======================================================== */

#superDiscountPanel{	

}

#superDiscountPanel div.title{
	background-image: url(../images/superDiscount/top.jpg); 
	background-repeat: no-repeat;
	background-position: top center;
	height: 95px;
}

#superDiscountPanel div.content{
	background-color: #fff;
	background-image: url(../images/superDiscount/bottom.jpg); 
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 10px;
}

#superDiscountPanel div.content ul{
	margin: 0px;
	padding: 0px 30px 0px 30px;
}

#superDiscountPanel div.content li{
	border-bottom: 1px dotted #ddd;
	line-height: 25px;
}

#superDiscountPanel div.content li a{
	display: block;
	color: #000;
	text-decoration: none;
}

#superDiscountPanel div.content li a:hover{
	color: #fa0;
}

#superDiscountPanel div.content div.link{
	padding: 10px 20px 10px 20px;
	text-align: center;
}

#superDiscount_joinLink{
	text-decoration: none;
	color: #000;
	cursor: help;
}

#superDiscount_joinLink a:hover{
	color: #fa0;
}

#superDiscount_joinPanel{
	background-color: #333;
	padding: 10px;
	color: #fff;
}

#superDiscount_joinPanel ol{
	margin: 0px;
	padding: 10px 20px 10px 35px;
}

#superDiscount_joinPanel li{
	padding: 3px;
	color: #fff;
	border-bottom: 1px #999 dotted;
}


/* ========================================================
  @ intro AD
======================================================== */
#AD_introLeftPanel{
	background-image: url(../images/intro/left.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 200px;
	height: 100px;
	margin-bottom: 10px;
	cursor: pointer;
}

#AD_introRightPanel{
	background-image: url(../images/intro/right.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 480px;
	height: 100px;
	margin-bottom: 10px;
	cursor: pointer;
}