body{max-width:		1650px}


/*	Common styles for catalog pages																		*/
/*		3.2	Sub navigation																				*/
		#sub-menu-block{
			background:		url("../i/interface/sub-nav-bg.png") no-repeat;
			float:			left;
			height:			140px;
			overflow:		hidden;
			padding-left:	2px;
			position:		relative;
			text-align:		left;
			width:			930px;
			z-index:		10;
			}


			.sub-menu-ul{
				clear:			right;
				float:			left;
				height:			140px;
				overflow:		hidden;
				position:		absolute;
				}


				.sub-menu-ul ul{
					margin-top:		5px;
					overflow:		hidden;
					white-space:	nowrap;
					zoom:			1;
					}


					.sub-menu-ul li{
						color:			#fff;
						display:		block;
						font-size:		75%;
						font-weight:	bolder;
						line-height:	2em;
						padding-left:	15px;
						vertical-align:	center;
						zoom:			1;
						}


						.sub-menu-ul a{
							color:			#f5d100;
							zoom:			1;
							}
				
							.sub-menu-ul a:hover{color:	#f8dcd2;}



				.ul_1{
					background:		url("../i/interface/_sub-nav-bg_.png") no-repeat;
					left:			2px;
					margin-left:	0;
					width:			205px;
					z-index:		20;
					}

					.ul_1 ul{margin-left:	5px}

					.ul_1:hover, .ul_1_hover{background-position: 0 -140px;}


				.ul_2{
					background:		url("../i/interface/_sub-nav-bg_.png") no-repeat -205px 0;
					left:			207px;
					margin-left:	-5px;
					width:			130px;
					z-index:		19;
					}

					.ul_2:hover, .ul_2_hover{background-position: -205px -140px}


				.ul_3{
					background:		url("../i/interface/_sub-nav-bg_.png") no-repeat -335px 0px;
					left:			337px;
					margin-left:	-10px;
					width:			210px;
					z-index:		18;
					}

					.ul_3:hover, .ul_3_hover{background-position: -335px -140px}


				.ul_4{
					background:		url("../i/interface/_sub-nav-bg_.png") no-repeat -545px 0;
					left:			547px;
					margin-left:	-15px;
					width:			250px;
					z-index:		17;
					}

					.ul_4:hover, .ul_4_hover{background-position: -545px -140px}


				.ul_5{
					background:		url("../i/interface/_sub-nav-bg_.png") no-repeat -795px 0;
					left:			797px;
					margin-left:	-20px;
					width:			140px;
					z-index:		16;
					}

					.ul_5:hover, .ul_5_hover{background-position: -795px -140px}


		.new:after{
			background-color: #fff;
			color: #f00;
			content: 'New!';
			font-size: 85%;
			font-style: italic;
			font-weight: bolder;
			margin-left: 3px;
			overflow: hidden;
			padding: 0 0.5em;
			position: relative;
			top: -0.3em;
			}


/*			2.1.1		Local navigation_														*/
			#td{padding-top:	1em}


			#local-nav{
				color:			#333;
				float:			left;
				font-size:		10px;
				left:			2%;
				margin:			4.3em 0 3em 0;
				overflow:		hidden;
				position:		relative;
				width:			20em;
				z-index:		21;
				}


				#local-nav li{
					display:		block;
					margin:			0 !important;
					padding:		0.25em 0;
					overflow:		hidden;
					position:		relative;
					width:			19em;
					}


					#local-nav a{
						color:			#55799a;
						float:			left;
						display:		block;
						height:			100%;
						line-height:	140%;
						margin:			0 5px 0 0;
						overflow:		hidden;
						padding-left:	0.5em;
						}


						#local-nav a:hover, .local-nav-a-hover{color:	#d43a06 !important}
				
						
						#nav-current-item{
							background-color:	#d43a06;
							color:				#fff !important;
							display:			block;
							float:				left;
							margin:				0 1em 0 0.25em;
						   _margin-left:		0.125em;
							position:			relative;
							padding:			0.1em 0.25em 0.1em 0.25em !important;
							z-index:			11;
							}


							#nav-current-item i{
								background:	url("/i/interface/nav-current-bg.gif") no-repeat;
								font-size:	1px;
								height:		5px;
								overflow:	hidden;
								position:	absolute;
								width:		5px;
								z-index:	20;
								}


								#nav-current-corner-lt{
									left:		0;
									top:		0;
									}


								#nav-current-corner-rt{
									background-position:	-5px 0 !important;
									top:					0;
									right:					0;
									}


								#nav-current-corner-rb{
									background-position:	-5px -5px !important;
									right:		0px;
									bottom:		0;
									}

								#nav-current-corner-lb{
									background-position:	0 -5px !important;
									left:		0;
									bottom:		0;
									}


							.margin-top{margin-top:	1em}

								.margin-top:first-child{margin-top:	0em !important}




					#download-block{
						left:			348px;
						margin-left:	2.66em;
						margin-top:		-1.5em;
						position:		absolute;
						top:			0.5em;
						width:			375px;
						z-index:		15;
						}


						#download-block-bg{
							background:		url("/i/interface/download-price.png") 0 0 no-repeat;
							height:			207px;
							position:		absolute;
							width:			375px;
							z-index:		16;
							}


							.file-type{
								font-size:		13px;
								left:			95px;
								line-height:	140%;
								position:		absolute;
								z-index:		17;
								}


								.file-type a{color:	#55799a}

									.file-type a:hover{color:	#d43a06 !important}


								.file-size{color:	#999999;}


							#pdf{top:	64px}

							#xls{top:	110px}


						#price{
							background:		url("/i/interface/floppy.gif") 0 0px no-repeat;
							cursor:			pointer;
							cursor:			hand;
							height:			16px;
							font-size:		13px;
							left:			70px;
							margin-top:		1.8em;
							overflow:		hidden;
							padding-left:	25px;
							position:		absolute;
							z-index:		20;
							}


							#price span{
								color:			#55799a;
								border-bottom:	1px dotted #55799a;
								display:		inline-block;
								height:			15px;
							  //height:			16px;
								overflow:		hidden;
								}


								#price:hover, .price-hover{
									background:		url("/i/interface/floppy.gif") 0 -16px no-repeat !important;
									}



									#price:hover span, .price-hover span{
										border-bottom:	1px dotted #d43a06 !important;
										color:	#d43a06 !important;
										}



					#items{
						border:			0px dotted #00f;
						left:			19px;
					   _left:			20px;
						margin-bottom:	5em;
					  //margin-bottom:	10em;
						margin-left:	1.7em;
						overflow:		hidden;
						padding-right:	-10em;
						position:		relative;
						top:			4.6em;
						z-index:		9;
						zoom:			1;
						}


						h2{
							font-size:		100%;
							margin-bottom:	1em;
							}


						.item{
							color:				#000 !important;
							cursor:				pointer;
							display:			block;
							float:				left;
							height:				230px;
							margin:				0 1em 4em 0;
							outline:			none;
							overflow:			hidden;
							position:			relative;
							text-decoration:	none;
							width:				290px;
							z-index:			9;
							}

							.item:hover, .item-hover{
								background:	url("/i/interface/frame.gif") no-repeat 0 0;
								color:	#000
								}

								.item:hover .h3, .item-hover .h3{color:	#d43a06;}

								.item:hover p, .item-hover p{color:		#000}


							.item img{
								float:			left;
								font-size:		75%;
								margin:			0.25em 1em 0 0.25em;
								}


							.item-div{
								clear:				right;
								display:			block;
								float:				left;
								height:				200px;
								left:				135px;
								position:			absolute;
								text-decoration:	none;
								}


								.h3{
									color:				#55799a;
									display:			block;
									font-size:			100%;
									font-weight:		bolder;
									margin-bottom:		0.5em;
									overflow:			hidden;
									text-decoration:	underline;
									width:				160px;
									}


								.item-p{
									display:		block;
									font-size:		81.25%;
									line-height:	150%;
									margin-bottom:	0.7em;
									}


								.price-value, .price b{
									background:		url('/i/interface/price-bg.gif') no-repeat 50% 50%;
									font-weight:	bolder;
									overflow:		hidden;
									margin-left:	-3px;
									margin-right:	-7px;
									padding-left:	3px;
									padding-right:	7px;
									}



								#item-photo{
									clear:			right;
									float:			right;
									margin:			0 0 1.5em 1em;
									position:		relative;
									z-index:		20;
									}


								#price-str, .price-str{font-size:	128.57%}


								#item-content table{
									border-collapse:	collapse;
									display:			inline-block;
									//display:			inline;
									font-size:			100%;
									left:				-1em;
									line-height:		130%;
									margin:				0 -20em 2em 0;
									position:			relative;
									table-layout:		fixed;
									text-align:			left;
									width:				60%;
									z-index:			5;
									}


									#item-content caption{
										font-weight:	bolder;
										padding-bottom:	0.5em;
										padding-left:	1em;
										text-align:		left;
										}
									
									#item-content td{padding:	0.5em 1em 0.5em 1em}


									tr.even{background-color: #f3f2f2}

									tr.odd{background-color: #eee5c1}

									tr.hover{background-color: #fdebc5;}


								#note{
									font-size:	85.71%;
									left:		-0.44em;
									position:	relative;
									top:		0;
									}


		.decor{
			float:		left;
			height:		200px;
			margin:		0 1em 2.5em 0;
			overflow:	hidden;
			position:	relative;
			width:		131px;
			z-index:	4;
			}


			.decor a{outline: none;}


			.decor img{
				display:	block;
				height:		142px;
				margin:		8px 3px 5px 3px;
				text-align:	center;
				width:		125px;
				}


			.decor h3{
				font-size:		90%;
				font-style:		italic;
				font-weight:	normal;
				text-align:		center;
				position:		absolute;
				top:			150px;
				width:			100%;
				z-index:		15;
				}


		#full-size-photo-block{
			height:				637px;
			left:				0;
			position:			absolute;
			top:				0;
			width:				492px; /* 396 photo, 1×2 border, 2×47 shadow	*/
			z-index:			80;
			}


			#full-size-photo-block-content{
				display:			none;
				height:				540px;
				left:				47px;
				position:			absolute;
				width:				398px;
				z-index:			85;
				}


				#full-size-photo-block-shadow{
					background:			url("/i/interface/lightbox-shadow.png") 0 0 no-repeat;
					display:			none;
					height:				637px;
					left:				0;
					position:			absolute;
					top:				0;
					width:				100%;
					z-index:			50;
					}



				#full-size-photo-block-bg{
					background:			#000 url("/i/interface/loader.gif") 191px 270px no-repeat;
					height:				540px;
					left:				0px;
					opacity:			0.85;
					//filter:			alpha(opacity=85);
					position:			absolute;
					top:				0;
					width:				398px;
					z-index:			80;
					}


			#full-size-photo-block-content h3{
				bottom:			40px;
				color:			#fff;
				font-size:		125%;
				font-style:		italic;
				font-weight:	normal;
				left:			0;
				position:		absolute;
				text-align:		center;
				width:			100%;
				z-index:		85;
				}


			#left-arrow, #right-arrow{
				bottom:		40px;
				color:		#fff;
				font-size:	125%;
				position:	absolute;
				z-index:	85;
				}

				#left-arrow:hover, #right-arrow:hover{color: #d43a06 !important	}


			#left-arrow{left: 1.5em;}

			#right-arrow{right: 1.5em;}


			#full-size-photo-block img{
				left:		48px;
				position:	absolute;
				top:		5px;
				z-index:	85;
				}

				.small-image{
					height:		142px;
					width:		125px;
					}