/* Код увеличителя начинается здесь */
/* Если ваше изображение не связано ссылкой с другой страницей, оставьте ссылку в виде <a href="#nogo"> 
Иначе увеличитель не будет работать в IE6 */

.ienlarger {
/*	float: left;*//* Можно установить left или right по необходимости */
	clear: none;
	padding-bottom: 5px; /* Расстояние между миниатюрами. Лучше не трогать данное поле */
	padding-right: 5px; /* Расстояние между миниатюрами и окружающим текстом */
}

.ienlarger#how a { 
	display:block;
	text-decoration: none;
	cursor:crosshair; /* Если добавить правило cursor:default;, то отключится курсор в виде руки */
}

.ienlarger#clk a {
	display:block;
	text-decoration: none;
	cursor: zoom-in; cursor: -moz-zoom-in; cursor: -webkit-zoom-in;
}

.ienlarger#how a:hover{ /* Не надо изменять тип позиционирования */
	position:relative;
}

.ienlarger#clk a:active { /* Не надо изменять тип позиционирования */
	position:relative;
}

.ienlarger span img {
border-width: 0;
/*	border: 1px solid #FFFFFF; Добавляем рамку вокруг изображения 
	margin-bottom: 8px; /* Сдвигаем текст вниз от изображения */
}

.ienlarger a span {  /* Для большого изображения и названия */
	position: fixed;
	display:none;
	color: #000000; /* Текст названия */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /* Размер шрифта названия */
	background-color: #FFFFFF;
	font-weight: normal;
	padding: 5px;
	text-align:right;
	/*	padding-right: 0px;*/
	border: solid #CC9966 2px;
}

.ienlarger img { /* Для IE, чтобы не было рамки вокруг ссылки */
border-width: 0;
}

.ienlarger#how a:hover span { 
	display:block;
/*	top: 50px; /* Большое изображение выскакивает вверх на 50px от миниатюры 
/*	left: 90px;  Большое изображение выскакивает влево на 90px от миниатюры */
	z-index: 100;
	
/* Если добавить правило cursor:default;, то отключится курсор в виде руки на большом изображении */
}

.ienlarger#clk a:active span { 
	display:block;
	z-index: 100;
}

/* Код увеличителя закончен */