.floats
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
/*margin: -3em 0 0 -2em;*/
margin: 0px;

/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}


.floats:after
{
content: '';
display: block;
clear: both;
}

.floats .left
{

text-align:center;
width:240px;
height:250px;
padding:0px;
cursor:hand;
cursor:pointer;
border:2px solid white;


position: relative;
float: left;

/* Убираем удвоение отступов в IE */
display: inline;

/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;

/* Отсупы между float-блоками */
margin: 0px;

}




.floats .leftspec
{

text-align:center;
width:300px;
height:250px;
padding:2px;
cursor:hand;
cursor:pointer;
border:2px solid white;


position: relative;
float: left;

/* Убираем удвоение отступов в IE */
display: inline;

/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;

/* Отсупы между float-блоками */
margin: 0px;

}




.floats .left_small
{

text-align:center;
width:140px;
height:100px;
padding:5px;
cursor:hand;
cursor:pointer;

position: relative;
float: left;

/* Убираем удвоение отступов в IE */
display: inline;

/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;

/* Отсупы между float-блоками */
margin: 5px;

}



.floats .left_goods
{

text-align:left;
width:400px;
height:135px;
padding:5px;
cursor:hand;
cursor:pointer;

position: relative;
float: left;

/* Убираем удвоение отступов в IE */
display: inline;

/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;

/* Отсупы между float-блоками */
margin: 5px;

}



.floats .left .r
{
position: absolute;
top: 0;
left: 0;
}

.floats .left .min
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 150px 0;

/* Задаем минимальную высоту по тексту */
height: 3em;

/* Дублируем значение минимальной ширины по картинке для IE */
width: 150px;
}