.brend {
	width:170px;
	height:100px;
	text-align:center;
	
	border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	-khtml-border-radius:6px;
	
	border:#E8E8E8 solid 2px;
	margin:10px 3px 0px 3px;
	padding:5px;
	overflow: hidden;
	
	vertical-align:top;
	
	display:-moz-inline-stack;/*Firefox 2*/
	display:inline-block; /*Хорошие браузеры*/
	_overflow:hidden;/*IE6, IE7*/
	*zoom:1;/*включаем hasLayout для IE6, IE7*/
	*display:inline;/*при hasLayout true display:inline в IE6, IE7 ведёт себя как display:inline-block*/
}
.brend2 {
	width:165px;
	height:150px;
	padding:4px;
	margin:10px 2px 0px 2px;
}
.brend:hover {
	background:#E0E0E0;
}
.brend img{
	width:150px;
	height:45px;
	border:0px;
	margin:15px 0px 0px 0px;	
}
.brend2 img{
	width:165px;
	height:111px;
	border:0px;
	margin:15px 0px 0px 0px;	
}

.letter {
	height:25px;
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	box-shadow: 0px 0px 9px #CCCCCC;
	margin:20px 20px 5px 5px;
	padding: 0px 0px 0px 10px;
	
	overflow:hidden;
}
.letter li{
	list-style-type: none;
	cursor: pointer;
	height:25px;
	line-height:25px;
	margin: 0px 5px;
	padding:0 5px;
	opacity: 0.5;
	
	background:#E0E0E0;
	
	display:-moz-inline-stack;/*Firefox 2*/
	display:inline-block; /*Хорошие браузеры*/
	_overflow:hidden;/*IE6, IE7*/
	*zoom:1;/*включаем hasLayout для IE6, IE7*/
	*display:inline;/*при hasLayout true display:inline в IE6, IE7 ведёт себя как display:inline-block*/
}
.letter li:hover{
	opacity: 1;
	cursor: pointer;
}

.letter li.letter_tut{
	opacity: 1;
	text-decoration:underline;
}