﻿/* default settings */
p, img, h1, h2, h3, h4, h5, h6, form
{
	margin:0;
	padding:0;
	border:0;
}

html, body
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	color:#000;
	font:12px tahoma;
}
html
{
	background:url('../i/all.jpg') 0 0 repeat-x;
}

a
{
	color:#9d3f00;
}

a:hover
{
	text-decoration:none;
}

/* all */

#all
{
	width:100%;
	min-width:980px;
	max-width:1018px;
	height:100%;
	min-height:801px;
	max-height:821px;
	background:url('../i/back.png') center 0 no-repeat;
	position:relative;
	margin:auto;
	top:3%;
}
	#all #cnt
	{
		width:980px;
		height:781px;
		margin:auto;
		padding-top:20px;
		position:relative;
	}
		#cnt #logo
		{
			width:231px;
			height:139px;
			position:absolute; 
			left:23px;
			top:0;
			display:block;
		}
		#cnt #top
		{
			width:980px;
			height:172px;
			padding-bottom:5px;
			position:relative;
			z-index:19;
			background:url('../i/top.jpg') 0 bottom no-repeat;
		}
			#top .srch
			{
				width:190px;
				height:20px;
				font:13px tahoma;
				color:#663300;
				border:0;
				position:absolute;
				top:104px;
				right:167px;
				padding:2px 0 0 10px;
				background:url('../i/srch.png') 0 0 no-repeat;
			}
			#top #sNavi
			{
				width:230px;
				font:11px arial;
				color:#663300;	
				position:absolute;
				left:384px;
				top:108px;
			}	
				#sNavi a
				{
					color:#663300;
					text-decoration:underline;
					margin:0 8px;
				}
				#sNavi a:hover
				{
					text-decoration:none;
				}
			
			#top #horNavi
			{
				width:980px;
				height:27px;
				position:relative;
				top:145px;
				z-index:22;
				background:#c59437 url('../i/hor.jpg') 0 0 repeat-x;
			}
				#horNavi a
				{
					margin-left:18px;
				}

		#cnt #hsubMenu
		{
			width:962px;
			height:27px;
			font:13px arial;
			color:#40561e;
			position:relative;
			z-index:24;
			padding-left:18px;
			background:#dee16c;
			text-transform:none !important;
		}
			#m1
			{
				
			}
			#m2
			{	
				margin-left:187px;
			}
			#m3
			{
				margin-left:374px;	
			}
			#hsubMenu div a
			{
				color:#40561e;
				text-transform:none;
				height:22px;
				display:block;
				float:left;
				padding:5px 15px 0 15px;
			}
			#hsubMenu .left
			{
				position:relative;
			}
			#hsubMenu a:hover
			{
				background:#d0d52b;
				text-decoration:underline;
			}
			#hsubMenu .select
			{
				background:#d0d52b;
			}

		#cnt .flash
		{
			width:980px;
			position:relative;
			height:408px;
			z-index:18;
			background:url('../i/flash.jpg') 0 0 no-repeat;
		}
		#cnt .inner
		{
			width:980px;
			position:relative;
			height:381px;
			z-index:18;
			background:url('../i/inner.jpg') 0 0 no-repeat;
		}

		
		#cnt #container
		{
			width:980px;
			height:517px;
			background:url('../i/fon.jpg') 0 0 no-repeat;
			position:relative;
			z-index:19;
		}
		#cnt #container2
		{
			width:980px;
			height:517px;
			background:#f9f2dd;
			position:relative;
			z-index:19;
		}
			#container #angle
			{
				width:222px;
				height:110px;
				background:url('../i/semki.png') 0 0 no-repeat;
				position:absolute;
				right:0;
				bottom:8px;
				z-index:20;
			}
.contacts
{
	background:url('../i/cont.jpg') 0 0 no-repeat !important;
}	

#contactForm
{}
	#contactForm input
	{
		width:256px;
		height:20px;
		border:0;
		background:url('../i/input.png') 0 0 no-repeat;
		font:13px arial;
		color:#663300;
		padding:2px 12px 0 12px;
		margin-bottom:6px;
	}
	#contactForm textarea
	{
		width:256px;
		height:233px;
		border:0;
		background:url('../i/text.png') 0 0 no-repeat;
		font:13px arial;
		color:#663300;
		padding:2px 12px 0 12px;
		margin-bottom:10px;
	}
	#contactForm .submit
	{
		color:#663300;
		display:block;
		margin-left:15px;
		font:bold 15px arial;
	}	

		
			#container #leftCont
			{
				width:565px;
				height:500px;
				position:relative;
				z-index:21;
				float:left;
			}
			#container2 #leftCont
			{
				width:585px;
				height:450px;
				position:relative;
				z-index:21;
				float:left;
				padding:30px 0 0 30px;
			}
				#container2 #leftCont .scroll-pane
				{
					color:#6b3a07;
					font:13px tahoma;
					height:450px;
				}
				#container2 #leftCont .scroll-wrap h2
				{
					font:bolder 25px tahoma;
					color:#6b3a07;
					margin-bottom:12px;
				}
				#container2 #leftCont .scroll-wrap h3
				{
					font:bolder 13px tahoma;
					color:#6b3a07;
				}
				#container2 #leftCont .scroll-wrap p
				{
					margin-bottom:15px;				
				}
				#container2 #leftCont .scroll-wrap img
				{
					margin-left:15px;				
				}
			#container #rightCont
			{
				width:370px;
				float:right;
				position:relative;
				z-index:21;
				top:22px;
			}
			#container2 #rightCont
			{
				width:330px;
				float:right;
				position:relative;
				z-index:21;
				top:22px;
			}
				#rightCont ul
				{
					font:13px arial;
					color:#6b3a07;
					list-style-type:none;
					margin:10px 0 0 -24px;
					padding:0;
				}
				#container2 #rightCont ul
				{
					margin:10px 0 0 -4px;
				}
				#container2 #rightCont li a
				{
					color:#6b3a07 !important;
				}
				#rightCont li
				{
					padding-top:2px;
					padding-left:22px;
					margin-bottom:7px;
				}
				.selected
				{
					background:url('../i/li3.png') 5px 6px no-repeat;
				}

				#pages
				{
					font:bold 16px tahoma;
					color:#6b3a07;
				}
					#pages .page
					{
						width:22px;
						height:21px;
						float:left;
						margin-left:6px;
						padding-top:1px;
						color:#669900;
						text-align:center;
					}
					#pages a
					{
						color:#669900;
						text-decoration:underline;
					}
					#pages .page a:hover
					{
						text-decoration:none !important;
						background:none !important;
					}
					a.pnext
					{
						height:21px;
						float:left;
						margin-left:6px;
						padding-top:4px;
						color:#6b3a07 !important;
						display:inline-block;	
						font:12px tahoma;				
					}
					a:hover.pnext
					{
					text-decoration:none !important;
					}
		#cnt .prod	
		{
			width:980px;
			position:relative;
			height:365px;
			z-index:19;
			
		}
			.prod #prodPrev
			{
				width:500px;
				position:absolute;
				left:120px;
				top:270px;
				font:32px Myriad Pro, Arial;
				color:#fff;
				line-height:40px;
			}
		
		#cnt .prod3	
		{
			width:980px;
			position:relative;
			height:517px;
			z-index:19;
			
		}
			#cnt .prod3	.scroll-pane
			{
				height:420px;	
			}
			.prod3 #prodPrev
			{
				width:500px;
				position:absolute;
				left:120px;
				top:270px;
				font:32px Myriad Pro, Arial;
				color:#fff;
				line-height:40px;
			}
			.prod3 .prodInfo
			{
				position:absolute !important;
				left:45px !important;
				top:60px !important;
				width:540px !important;
				height:450px !important;
				background:none !important;
			}
				.prod3 .prodInfo h1
				{
					font:bolder 25px tahoma;
					color:#6b3a07;
					margin-bottom:15px;
				}
				.prod3 .prodInfo p
				{
					font:13px tahoma;
					color:#6b3a07;
					margin-bottom:10px;
				}
			.prod3 #product
			{
				width:330px !important;
				height:495px !important;
				position:absolute !important;
				right:0 !important;
				top:20px !important;
				z-index:25 !important;
				
			}
		
		#cnt .prodInfo
		{
			width:980px;
			height:152px;
			background:url('../i/info.jpg') 0 0 repeat-x;
			position:relative;
			z-index:21;
		}
			.prodInfo h1
			{
				font:30px arial;
				color:#663300;
				margin:0;
				padding:0;
			}
			.prodInfo h2
			{
				font:20px arial;
				color:#c59437;
			}
			#famous
			{
				width:476px;
				height:132px;
				position:relative;
				top:10px;
				left:95px;
				font:13px arial;
				color:#663300;
				border-left:1px solid #e3cd82;
			}
			.eat #famous
			{
				border:0 !important;
				left:-20px;
				width:526px !important;
			}
			.prod #famous
			{
				position:absolute !important;
				width:446px !important;
				height:315px !important;
				background:url('../i/pro.png') 0 0 no-repeat;
				z-index:22 !important;
				top:34px;
				padding-top:14px;
				border:0;
			}
			.inner #famous
			{
				border:0 !important;
				left:95px;
				top:50px;
				height:295px;
				width:810px !important;
				background:url('../i/u2.png') 0 0 repeat;
			}
			.prodInfo #product
			{
				width:340px;
				height:495px;
				position:absolute;
				right:0;
				top:-345px;
				z-index:25;
			}
#proImg
{
	width:440px;
	height:295px;
	position:absolute;
	right:0;
	top:0;
	text-align:right;
}

#krasota
{
	width:925px;
	height:517px;
	background:url('../i/krasota.png') 0 0 no-repeat;
	position:absolute;
	left:0;
	top:0;
	z-index:20;
}

h1
{
	font:21px arial;
	color:#6b3a07;
	margin-bottom:10px;
}

h233
{
	font:15px arial;
	color:#6b3a07;
	margin-bottom:10px;
}

.tt1
{
	padding:50px 0 0 20px;
}
.eat
{
	position:relative;
	left:33px;
	color:#6c3a07;
	top:60px;
}		
	.eat ul
	{
		margin:0 0 0 16px;
		padding:0;
		color:#669900;
		font:18px arial;
		list-style-type:none;
		list-style-image:url('../i/disk.png');
	}
		.eat li
		{
			color:#6c3a07;
			padding-top:2px;
		}
.f18
{
	font:bold 18px arial;
}
		#cnt #forums
		{
			width:949px;
			height:128px;
			position:relative;
			padding:8px 0 0 31px;
			background:url('../i/forums.jpg') 0 0 repeat-x;	
		}
			#forums h1
			{
				font:16px Myriad Pro, tahoma !important;
				color:#af9127 !important; 
				margin-bottom:7px !important;
			}
				#forums h1 a
				{
					color:#6f9300;
				}
			#forums .sBlock
			{
				width:223px;
				height:84px;
				float:left;
				margin-right:24px;
			}
				.sBlock .sbCont
				{
					float:left;
					width:225px;
					height: 100px;
					border:1px solid #eddea6;
					color:#663300;
					font:11px arial;
					padding: 5px;
					padding-left: 10px;
				}
				
				.sBlock .sbCont p img {
					margin-right: 10px;
				}
				
				.sBlock a.lhead {
					display: block;
					clear: all;
					font-weight: bold;
					text-decoration: none;
					margin-bottom: 6px;
				}
				
				.sBlock a.md {
					float: right;
				}
				.sBlock a
				{
					color:#663300;
				}

		#cnt #footer
		{
			width:980px;
			height:59px;
			border-top:1px solid #e3cd82;
			background:#f0dfaa;
			font:11px arial;
			color:#663300;
		}
			#footer #copy
			{
				width:450px;
				height:23px;
				border-left:1px solid #e3cd82;
				position:relative;
				left:20px;
				top:12px;
				padding:13px 0 0 13px;
			}
				#copy span
				{
					color:#e6d18c;
					padding:0 10px;
				}
				#copy a
				{
					color:#663300;
				}

#olive
{
	width:210px;
	height:136px;
	background:url('../i/olive.jpg') 0 0 no-repeat;
	position:absolute;
	right:0;
	top:0;
}

.left
{
	float:left;
}
.right
{
	float:right;
}
.clear
{
	clear:both;
}


.u1
{
	position:absolute;
	list-style-type:none;
	background:#f1e4c1;
	margin:0 0 0 9px;
	padding:6px 0 6px 0;
	width:175px;
}
	.u1 ul
	{
		position:absolute;
		list-style-type:none;
		/*background:url('../i/u2.png') 0 0 repeat;*/
		background: #f5edd3;
		width:inherit !important;
		margin:-22px 0 0 175px;
		padding:6px 0;
	}
		.u1 ul li
		{
			width:inherit !important;
			white-space:nowrap;
			position:relative;
		}
		.u1 ul li a
		{
			white-space:nowrap;
			float:none !important;
			color:#546910 !important;
			display:block !important;
			padding:3px 36px 3px 16px !important;
			background:transparent !important;
		}
		.u1 ul li a:hover
		{
			background:transparent !important;
			padding:3px 3px 3px 16px !important;
		}
	.u1 li
	{
		
	}
.u1 a
{
	display:block !important;
	text-transform:none !important;
	height:inherit !important;
	float:none !important;
	padding:3px 16px 3px 16px !important;
	color:#663300 !important;
}
.u1 a:hover
{
	background:#f5edd3 !important;
	font-weight:bold;
	text-decoration:none !important;
}


/* scroll */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:url('../i/line.gif') right top repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background:url('../i/drag.png') no-repeat left top;
	height:105px !important;
	width:15px !important;
	right:2px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url('../i/artop.png') no-repeat center top;
	height:20px;
	width:20px !important;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url('../i/arbot.png') no-repeat center top;
	height:20px;
	width:20px !important;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.scroll-wrap
{
	
}

.scroll-pane
{
	height:480px;
	padding:0;
	overflow:auto;
}
#famous .scroll-pane
{
	height:125px;	
	font:13px arial;
	color:#663300;
	padding:8px 0 0 20px;
	overflow:auto;	
}

.prod #famous .scroll-pane
{
	height:276px;
	width:410px;
}

#big .scroll-pane
{
	height:350px;	
	font:13px arial;
	color:#663300;
	padding:8px 0 0 20px;
	overflow:auto;
	
}

.inner #famous .scroll-pane
{
	height:265px;
	font:12px arial;
	color:#40561e;
	width:470px;
	padding-right:10px;
}

.inner #famous .scroll-wrap
{
	padding-top:14px;	
}
#famous .scroll-pane p
{
	margin-bottom:22px;
	line-height:13px;
}

.activem {
	font-weight: bold;
}

.text {
	color: #663300;
}

#big .scroll-pane
{
	height:350px;	
	font:13px arial;
	color:#663300;
	padding:8px 0 0 20px;
	overflow:auto;
	
}
