/* === Стили вывода категорий c картинками === */

.thumb {
	float:left;
	width:200px;
	height:210px;
	border:1px solid #ddd;
	padding:1px;
	color:#333;
	font:normal 10px Tahoma;
	margin-right:10px;
	margin-bottom:10px;
}

.thumb .thumbg {
	background-color:#f1f1f1;
	width:200px;
	height:210px !important;
	height:208px;
	text-align:center;
}

.thumb .bbc {
	display:none; 
	width:198px !important;
	width:200px;
	height:150px;
	background-color:#fff;
	border:1px solid #ddd; 
	position:absolute;
	margin:0;
}	

.thumb .getbb {
	position:relative;
	border-bottom:1px dashed #333;
	cursor:pointer;
}

.thumb .img {
	height:144px;
}

.thumb .img img {
	border:2px solid #ccc;
	margin-top:5px;
}

.thumb .hr1 {
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	width:190px;
	font-size:0;
	margin:10px 0 3px 4px !important;
	margin:5px 0 2px 4px;
}

.clearmar {
	clear:both;
	padding-top:10px;
}

/* === Стили вывода категорий списком === */

#WP A.list {
	display:block;
	width:47%;
	float:left;
	margin:0px 0px 5px 5px;
	padding:5px;
	text-decoration:none;
	font:bold 12px Arial;
	color:#333;
	border:1px solid #eee;
	border-right:2px solid #eee;
	border-bottom:2px solid #eee;

}

#WP A.list:hover {
	background:url(/pic/selector.gif) center right no-repeat;
	background-color:#f2f7ff;
	border:1px solid #ddd;
	border-right:2px solid #ddd;
	border-bottom:2px solid #ddd;

}

#WP A.list:hover h1 {
	color:#333;
}

#WP A.list:active {
	background-color:#f5fbe1;
	color:#c00;
}

#WP A.list:active h1 {
	color:#333;
}

#WP A.list h1 {
	margin:0;
	padding:0;
	font:bold 12px Arial;
}

#WP A.list .count {
	font:normal 10px Tahoma;
	color:#808080;
}