/* ------------------------------------

 ++ brand.css
 
  -brand logo
  -sale
  -type list


------------------------------------- */

/* ------------------------------------------------------------------[text] */
.brandText{
	clear:both;
	margin:30px 0 5px 0;
}
.brandText p{
	color:#444444;
}
.brandText strong{
	font-weight:bold;
}

/* font color */
.brandText .btPred{ color: #FA2540;}
.brandText .btPpink{ color:#F69;}
.brandText .btPorange{ color: #F60;}
.brandText .btPblue{ color: #3144F2;}
.brandText .btPblue2{ color: #0FB1FF;}
.brandText .btPgray{ color: #999999;}


/* font size */
.brandText .btP10{ font-size:10px;}
.brandText .btP11{ font-size:11px;}
.brandText .btP14{ font-size:14px;}
.brandText .btP16{ font-size:16px;}
.brandText .btP18{ font-size:18px;}
.brandText .btP24{ font-size:24px;}

/* text align */
.brandText .btPright{ text-align:right;}
.brandText .btPcenter{ text-align:center;}

.brandText table{
	font-size:12px;
	color:#444444;
}

.btPHOTO{
	padding:3px;
	border:1px solid #cccccc;
}











/* ----------------------------------- */

#pageName{
	float:left;
	width:220px;
	height:35px;
	margin:0;
	padding:0;
	background-image: url(/images/pagename_white.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	
}



/* ------------------------------------------------------------------[brand logo] */
.brandH{
	display:block;
	width:390px;
	_width:380px;
	height:200px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}
.brandH dd{
	font-size:11px;
	color:#696969;
}
.brandICONl{
	float:right;
	margin:0;
}



/* ------------------------------------------------------------------[sale] */
h5.saleH{
	display:block;
	width:560px;
	height:40px;
	margin:0;
	padding:0;
	background-image: url(/images/index_h_sale.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-1000em;
}



ul.categoryRankBox{
	display:block;
	float:left;
	width:560px;
	
	margin:0 0 30px 0;
	padding:10px 0 0 0;
	list-style:none;
	background-image:url(/images/table-bg-pinkwhite.jpg);
	background-repeat:repeat-y;
}

ul.categoryRankBox a:hover{
	background-color:#FFFFFF;
}

ul.categoryRankBox li{
	display:block;
	width:186px;
	
	margin:0;
	padding:0;
	float:left;
}

img.rank0Img{
	width:100px;
	
	background-color:#fff;
	margin:0 40px 0 40px;
	padding:2px;
	border:#CCCCCC 1px solid;
}


.itemName{
	display:block;
	width:156px;
	
	margin:5px 15px 10px 15px;
	padding:0;
	font-size:12px;
	color:#000;
	text-decoration:none;
}

.priceN{
	display:block;
	width:156px;
	
	margin:0 15px;
	padding:0;
	font-size:11px;
	color:#666;
	text-decoration:none;
}

.priceS{
	display:block;
	width:156px;
	
	margin:2px 15px 0 15px;
	padding:0;
	font-size:12px;
	color:#e73686;
	text-decoration:none;
}

.Poff{
	display:block;
	width:156px;
	
	margin:3px 15px 5px 15px;
	padding:0;
	font-size:11px;
	color:#ff8f9e;
}

.typeName{
	display:block;
	width:156px;
	
	margin:2px 0 0;
	padding:0;
	font-size:12px;
	color:#e73686;
	text-decoration:none;
	text-align:center;
}






/* ------------------------------------------------------------------[type list] */

.brandTypeList{
	clear:left;
	display:block;
	width:560px;
	height:40px;
	margin:0;
	padding:0;
	background-image: url(/images/brand_h.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

.allType{
	display:block;
	width:550px;
	height:12px;
	margin:15px 10px 0 0;
	text-align:right;
	font-size:12px;
	
}

ul.typeList{
	clear:left;
	display:block;
	width:560px;
	height:auto;
	overflow:hidden;
	margin:10px 0 0 0;
	padding:5px 0 15px 0;
	border-bottom:#CCCCCC 1px dotted;
	list-style:none;
}

ul.typeList li{
	display:block;
	width:186px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

ul.typeList a:hover{
	background-color: #FFFFCC;
}

/*--------*/

h5.hidden{
	visibility:hidden;
	display:none;
}
