/*--------------------------
	header: Шапка сайта
--------------------------*/
#header{
	padding-top: 10px;
	height: 130px;
}
#header.index{
	height: 210px;
}
	#header #left{
		float: left;
		width: 75%;
	}
		#header #left img{
			margin: 10px 0 15px 50px;
			
			width: 142px;
			height: 96px;
		}
		#header #left ul.main_nav{
			width: 80%;
			margin-left: 110px;
		}
			#header #left ul.main_nav li{
				display: inline;
				padding: 2px 7px;
				margin: 0 20px 0 0;
				
				font-size: 1.1em;
				line-height: 1.1em;
			}
				#header #left ul.main_nav li.current{
					background: #d60b0b;
					color: #fff;
					text-align: center;
				}
		#header #left ul.sec{
			margin: -72px 0 0 260px;
			font-size: 1.1em;
		}
			#header #left ul.sec li.current{
				background: #dddddd;
				text-align: center;
				line-height: 1.6em;
			}
		#header #left h1{
			clear: left;
			width: 100%;
			margin: 0 0 0 110px;
		}
	#header .icons{
			float: left;
			font-size: 12px;
		}	
	#header .icons ul.extra_menu{
		position: relative;
		margin-top: 20px;
		width: 100px;
		text-indent: -3000px;
	}
		#header .icons .extra_menu li{ float: left; width: 13px; height: 11px; padding: 0 20px 0 0 }
		#header .icons .extra_menu li a{ display: block; width: 13px; height: 11px; border: none }
		#header .icons .extra_menu .home{ background: url("/img/icon_home.gif") no-repeat }
		#header .icons .extra_menu .home_act{ background: url("/img/icon_home_act.gif") no-repeat }
		#header .icons .extra_menu .email{ background: url("/img/icon_email.gif") no-repeat }
		#header .icons .extra_menu .sitemap{ background: url("/img/icon_map.gif") no-repeat }
		#header .icons .extra_menu .sitemap_act{ background: url("/img/icon_map_act.gif") no-repeat }
		
/*--------------------------
	navigation: навигация
--------------------------*/
#navigation{
	float: left;
	margin-left: 50px;
	margin-top: 20px;
	width: 180px;
}
	#navigation ul li{ padding: 3px 10px 3px 0;}
		#navigation ul li.current{
			position: relative;
			padding-left: 1.2em;
			margin-left: -1.2em;
			
			font-weight: bold;
			background: #dddddd;
		}
		#navigation ul ul{ margin: 0.3em 0 0.8em 0; }
			#navigation ul ul li{ padding-left: 1.2em; }
				#navigation ul ul li.current{
					padding-left: 2.4em;
					font-weight: normal;
				}
/*--------------------------
	bread: хлебные крошки
--------------------------*/
ul.breadcrumbs{
	margin: -35px 0 30px 260px;
}
	ul.breadcrumbs li{
		display: inline;
		padding: 0;
		margin: 0;
		
		font-size: 1em;
		color: #767676;
	}
		ul.breadcrumbs li a{
			color: #767676;
		}
		
/*--------------------------
	content: контент
--------------------------*/
#content{
	position: relative;
	margin: 0 0 0 260px;
}
	#content .specialization ul{
		margin-bottom: -5px;
		font-size: 1.4em;
	}
		#content .specialization ul li{
			display: inline;
			padding: 2px 7px;
			margin-right: 20px;
		}
			#content .specialization ul li a{
				text-decoration: none;
				border-bottom: 1px dotted #3a55dd;
			}
				#content .specialization ul li a:hover{
					border: none;
				}
			#content .specialization ul li.selected{
				background: #0890d9;
			}
				#content .specialization ul li.selected a{
					color: #fff;
					text-align: center;
					border: none;
				}
				
	#content .line_banner{
		position: relative;
		margin-top: 20px;
		margin-bottom: 40px;
		height: 255px;
		font: normal 1em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color: #fff;
		
		background: url(/img/line_banner.png) repeat-x 0 8px;
	}
		#content .line_banner .banner{
			width: 732px;
			height: 254px;
			
			background: url(/img/banner.png) no-repeat;
		}
			#content .line_banner .banner .wrap{
				position: relative;
				padding: 0 30px 0 0;
				
				top: 5px;
				left: 5px;
				
				width: 687px;
				height: 244px;
				
				background: #03a4e4 url(/img/banner_back.png) repeat-x;
			}
				#description .left{
					position: relative;
					float: left;
					
					width: 310px;
					height: 244px;
					
					text-align: center;
				}
					#description .left img{
						margin-top: 20px;
					}
					#description .left h3 a {
						position: relative;
						top: -3px;
						text-decoration: underline;
						font: normal 20px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica,
						sans-serif;
						color: #cc0066;
					}
						#description .left h3 a:hover{
							text-decoration: none;
						}
					#description .left p{
						margin: 0 0 0 30px;
						width: 270px;
						
						text-align: left;
						font-size: 13px;
						color: #660066;
					}
				#description .right{
					float: right;
					width: 370px;
					
					font-size: 10px;
				}
					#content .line_banner .banner .wrap #description .right h2{
						margin-bottom: 13px;
						font: normal 34px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica,
						sans-serif;
					}
					#content .line_banner .banner .wrap #description .right h3{
						margin-bottom: 7px;
						font: normal 17px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica,
						sans-serif;
						font-variant: small-caps;
					}
	/*--------------------------
		news: Новости
	--------------------------*/
	dl.news{
		position: relative;
		float: left;
	
		padding:0 37px;
		width: 40%;
		
		font-size: 1.2em
	}
		dl.news dt span{
			font-size: 1em;
			line-height: 2em;
			color: #989898;
		}
		dl.news dt span.h3{
			line-height: 1.4em;
		}
		dl.news dt a{
			position: relative;
			font-size: 1.2em;
		}
			dl.news dd{
				margin-top: 0.5em;
				margin-bottom: 2em;
			}
	/*--------------------------
	hits: Хиты продаж
	similar: Похожие товары
	--------------------------*/
	div.similar{
		position: relative;
		clear: left;
		margin-top: 100px;
	}
	div.hits{
		position: relative;
		clear: left;
		top: 20px;
		margin-left: -210px;
	}
		div.hits div.hit, div.similar div.like{
			position: relative;
			float: left;
			margin-top: 10px;
			
			width: 33%;
			height: 160px;
		}
		div.hit img, div.like img{
			position: relative;
			float: left;
			
			vertical-align: middle;
		}
		div.hit b, div.like b{
			display: block;
		
			margin: 12px 0 0 130px;

			width: 40%;
			
			line-height: 1.5em;
			font-size: 1.2em;
			font-weight: normal;
		}
			div.hit b a, div.like b a{
				color: #000;
			}
	/*--------------------------
	txt: текст
	--------------------------*/
	#txt{
		width: 90%;
	}
	
/*--------------------------
	footer: Подвал
--------------------------*/
#footer{
	position: relative;
	padding: 70px 0 50px 0;
	clear: left;
	text-align: right;
}
#footer p{
	margin: 5px 70px 5px 70px;
}

/*--------------------------
	decription: описание товара
--------------------------*/
div.decription{
	position: relative;
	top: 10px;
	clear: right;
}
	div.decription img{ float: left; margin-bottom: 80px;}
	div.decription #promo{ margin-left: 300px; }
	div.decription #promo .specialization ul{ margin-bottom: 10px }
		div.decription #promo .specialization ul li{ margin: 0 40px 0 -8px; padding: 4px 10px 4px 7px;}
			div.decription #promo .specialization ul li a{
				font-size: 1.2em;
				font-style: italic;
				color: #000;
				border-bottom: 1px dashed #000;
			}
			div.decription #promo .specialization ul li a.selected{
				color: #fff;
				border: none;
			}
			
div.decription #tech table{
	font-size: 1.3em;
}
div.decription #tech table tr td{
	padding:7px 70px 7px 0;
}
/*--------------------------
	sort: сортировка
--------------------------*/
ul.sort{
		margin: 20px 0 5px 0;
	}
		ul.sort li{
			display: inline;
			padding: 0;
			margin: 0 15px 0 0;
			
			font: italic 1em Arial, Tahoma, sans-serif;
			color: #767676;
		}
			ul.sort li a{
				text-decoration: none;
				color: #767676;
				border-bottom: 1px dashed #767676;
			}
	
/*--------------------------
	.floats for product
--------------------------*/
.floats{
	/*Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство*/
	margin: 1em 0 3em -3em;
	/* Эти правила для IE */
	position: relative;
	float: left;
	width: 100%;
	display: inline-block;
}
	.floats .left{
		position: relative;
		float: left;
		/* Убираем удвоение отступов в IE */
		display: inline;
		/* Отсупы между float-блоками */
		margin: 1em 0 0 3em;
		/* Задаем минимальную ширину по картинке и тексту */
		width: 28em;
		min-width: 280px;
	}
		.floats .left .r{
			position: absolute;
			top: 0;
			left: 0;
			width: 230px;
		}
			.floats .left .r a{
				position: relative;
				font: normal 1.4em/1.3 Arial, Tahoma, sans-serif;
		
				text-decoration: underline;
				border: none;
			}
				.floats .left .r a b{
					font-weight: normal;
				}
				.floats .left .r a img{ margin-bottom:4px; }
				.floats .left .r a.amount{
					text-decoration: underline;
					font: normal 1.1em/2.5 Tahoma, sans-serif;
					color: #0167f8;
				}
			.floats .left .r a:hover{ text-decoration: none }
			.floats .left .r a.amount:hover{text-decoration: underline;}
	
		.floats .left .desc{
			/* Дублируем значение минимальной ширины по картинке для IE */
			width: 230px;
			margin-top: 1em;
			
			font: normal 1.2em/1.4 Arial, Tahoma, sans-serif;
		}	
		
		div.price{
			padding: 13px 0 0 0;
			margin-top: 10px;
			text-align: center;
			width: 145px;
			height: 49px;
			
			background: url("/img/price.png") no-repeat;
		}
			div.price b{
				letter-spacing: 0;
				font: normal 24px Georgia, sans-serif;
			}
		div.body{
			position: absolute;
		
			top: 200px;
		}
		.floats .left .min{
			/* Задаем минимальную высоту по картинке */
			margin: 0 0 250px 0;
			/* Задаем минимальную высоту по тексту */
			height: 5em;
			/* Дублируем значение минимальной ширины по картинке для IE */
			width: 280px;
		}