/* любовные прелюдии */

body		{	background-color: #d4c298;
			margin: 0px; padding: 0px;
			line-height:1.3;
			}
			
ul {
	margin:1px 0;
}

ol {
	margin:1px 5px;
}

div.foundation	{	position: relative; top: 0px; left: 0px;
			background-image: url(./img/foundation_back.gif);
			background-position: top center;
			background-repeat: repeat-y;}


/* меню с кнопками и ролловерами */

div.header	{	width: 1008px; height: 222px;
			margin: 0px; padding: 0px;
			border: 0px solid red;
			background-image: url(./img/header_back.jpg);
			position: absolute; top: 0px; left: 0px;
			}

a.menu101	{	display: block;
			width: 119px; height: 42px;
			background-image: url(./img/menu1_01.gif);
			position: relative; top: 0px; left: 4px;
			float:left;
			}

a.menu101:hover	{	background-image: url(./img/menu1_01a.gif);
			}

a.menu102	{	display: block;
			width: 114px; height: 42px;
			background-image: url(./img/menu1_02.gif);
			/*position: relative; top: 0px; left: 123px;*/
			float:left;
			}

a.menu102:hover	{	
			background-image: url(./img/menu1_02a.gif);
			}

a.menu103	{	display: block;
			width: 135px; height: 42px;
			background-image: url(./img/menu1_03.gif);
			/*position: relative; top: 0px; left: 237px;*/
			float:left;
			}

a.menu103:hover	{	
			background-image: url(./img/menu1_03a.gif);
			}

a.menu104	{	display: block;
			width: 87px; height: 42px;
			background-image: url(./img/menu1_04.gif);
			float:left;
			/*position: relative; top: 0px; left: 372px;*/
			}

a.menu104:hover	{	
			background-image: url(./img/menu1_04a.gif);
			}

a.menu201	{	display: block;
			width: 17px; height: 32px;
			background-image: url(./img/menu2_01.gif);
			position: absolute; top: 0px; left: 953px;
			}

a.menu201:hover	{	
			background-image: url(./img/menu2_01a.gif);
			}
a.menu202	{	display: block;
			width: 16px; height: 32px;
			background-image: url(./img/menu2_02.gif);
			position:absolute; top: 0px; left: 976px;
			
			}

a.menu202:hover	{	
			background-image: url(./img/menu2_02a.gif);
			}

img.top_banner {
			position:absolute; top:48px; left:4px;
			}
div.phone {	margin:0; padding:0;
			position:absolute; top:13px; left:593px;
			color: #d4c298;
			font-family:Arial, Helvetica, sans-serif;
			width:300px; height:30px;
			}

/* здороваемся с юзером */

div.hello	{	font-family: Arial, sans-serif;
			font-weight: normal;
			font-style: normal;
			font-size: 13px;
			color: #cfbc78;
			position: absolute; top: 14px; right: 90px;
			text-align: right;
			}

span#exit a	{	color: #cfbc78; text-decoration: none;}
span#exit a:hover {	color: #fff7c4; text-decoration: underline;}
span#reg a	{	color: #cfbc78; text-decoration: none;}
span#reg a:hover {	color: #fff7c4; text-decoration: underline;}



/* меню слева */

div.rmenu	{
	width: 199px;
	overflow: hidden;
	background-image: url(./img/rmenu_back.gif);
	position: absolute;
	top: 222px;
	left: 0px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
			}

div.back	{	background-image: url(./img/rmenu_gradient.gif);
			position: absolute; top: 0px; left: 0px;
			width: 199px; height: 480px;
			z-index: 10;
			}

a.rmenu		{	display: block;}

a.lvl1		{	width: 189px; height: 18px; 
			margin-left: 0px;
			}

a.lvl2		{	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 13px;
			color: #bbc1b8;
			text-decoration: none;
			margin: 0px;
			}

a.lvl2:hover	{	text-decoration: underline;
			}

ul.lvl2		{	list-style-image: url(./img/rmenu_bullet01.gif);
			margin: 0px; 
			padding: 0px 0px 0px 50px;
			}

				/*	собака порылась тут. 
					padding обрабатывается и наследуется 
					по-разному в IE и в нормальных браузерах.
					Я его обозначил явно, теперь вроде всё ОК
					последняя цифра теперь задаёт отступ пунктов меню слева,
					поправь, если надо будет
				*/




ul.lvl2 li	{	padding: 2px 0px;}

a.lvl3		{	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 13px;
			color: #c7b37b;
			text-decoration: none;
			margin: 0px;
			}

a.lvl3 span	{	text-decoration: none;
			}

a.lvl3:hover	{	text-decoration: underline;
			}

ul.lvl3		{	list-style-image: url(./img/rmenu_bullet02.gif);
			margin: 0px 0px 0px 5px; padding: 0px;
			}

ul.lvl3 li	{	margin: 0px 0px;}

a#sect1		{	background-image: url(./img/rmenu_sect1.gif); background-repeat: no-repeat; background-position: center; margin-bottom: 5px;}
a#sect2		{	background-image: url(./img/rmenu_sect2.gif); background-repeat: no-repeat; background-position: center; margin-top: 17px; margin-bottom: 5px;}
a#sect3		{	background-image: url(./img/rmenu_sect3.gif); background-repeat: no-repeat; background-position: center; margin-top: 17px; margin-bottom: 5px;}



/* вспомогательные меню справа */

div.lmenu	{	background-image: url(./img/lmenu_back.jpg);
			width: 196px; height: 411px;
			position: absolute; top: 222px; right: 0px;
			overflow: hidden;
			}

div.lmenu p	{	margin: 0px; padding: 0px;}

div.lmenu p.text {	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 13px;
			color: #000000;
			}

div.lmenu p.text a {	color: #0000ff; text-decoration: underline;}
div.lmenu p.text a:hover {	color: #0000ff; text-decoration: underline;}

form#currency select {	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 10px;
			position: absolute;
			top: 192px; left: 22px;
			}



/* контент */

div.content	{	background-color: #ebe7d9;
			background-image: url(./img/rmenu_back.gif);
			background-repeat: repeat-y;
			background-position: top left;
			padding: 222px 201px 0px 199px;
			overflow: visible;
			}

div.path	{	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 13px;
			color: #653626;
			padding-left: 10px;
			margin-bottom: 4px;
			}

div.path a	{	color: #653626;
			}

div.path a:hover {	color: #af9661;
			}

img.header_pic	{	position: absolute;
			top: 48px;
			left: 4px;
			}


/* footer */

div.footer	{	
			height: 56px; width: 1008px;
			/*margin-right:10px;
		/*	position: relative; top: 0px; left: 0px;
			z-index:-10;*/
			}

div.footer div.left	{	padding-left: 225px;
			padding-top: 20px;
			font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 11px;
			color: #5b4e4a;
			}

div.footer div.right	{	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 11px;
			color: #5b4e4a;
			position: absolute;
			top: 20px; right: 15px;
			}

div.left a	{	color: #5b4e4a;
			text-decoration: none;
			}

div.left a:hover {	text-decoration: underline;
			}



/* стили собственно страниц */

div.page 	{   
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			/*width: 608px; min-height: 480px; overflow:visible;*/
			margin: 0px;
			position: relative; top: 0px; left: 0px;
			clear:both;
			}


div.page h1	{	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 20px;
			color: #663727;
			margin: 16px 8px 8px 8px;
			}
			
div.page h2	{	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 18px;
			color: #663727;
			margin: 16px 8px 8px 8px;
			}
			
div.page h3	{	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 16px;
			color: #663727;
			margin: 10px 8px 8px 8px;
			}
			


div.page p	{	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 12px;
			color: #000000;
			margin: 8px;
			}
div.page img {border:1px solid #663300; }

div.page p.projects {
			}

div.page p.projects a{
			font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 18px;
			color: #663727;
			margin: 16px 8px 8px 0px;			}

div.page p.projects a:visited{
			color: #663727;
			}
			
div.page div.project {
			position:relative;
			background-image:url(../img/project_promo_back.gif);
			width:290px;
			height:195px;
			float:left;
			margin:0 8px 5px 0;
			}

div.project a.name {
				font-family:Arial, Helvetica, sans-serif;
				display:block;
					font-size:11px;
					color:white;
					text-decoration:none;
					line-height:13px;
					}
div.project img {
					position:absolute;
					top:36px; left:53px;
					border:0;
					}

div.tover	{	/*display: inline;*/
float:left;
			width: 384px; height: 166px;
			margin: 0px 4px 14px 10px;
			position: relative; top: 0px; left: 0px;
			border:0;
			}

div.tover img	{	vertical-align: top; border:none;}

div.tover h5	{	font-family: Arial, sans-serif;
			font-weight: bold; font-style: normal;
			font-size: 12px;
			color: #5a6b41;
			position: absolute;
			top: 8px; left: 141px;
			margin: 0px; padding: 0px;
			width: 240px;
			line-height: 11px;
			}

div.tover h5 a	{	color: #5a6b41; text-decoration: none;}
div.tover h5 a:hover	{	color: #5a6b41; text-decoration: underline;}

div.tover p	{	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 11px;
			color: #000000;
			position: absolute;
			top: 32px; left: 141px;
			margin: 0px; padding: 0px;
			line-height: 13px;
			width:240px;
			}

div.tover a.more {	font-family: Arial, sans-serif;
			font-weight: bold; font-style: normal;
			font-size: 12px;
			color: #5a6b41;
			position: absolute;
			top: 100px; left: 141px;
			margin: 0px; padding: 0px;
			line-height: 13px;
			text-decoration: none;
			}

div.tover a.more:hover {	text-decoration: underline;
			}

div.tover p.price	{	
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.2em;
			font-weight:bold;
			color: #fdf9d9;
			position: absolute;
			top: 135px; left: 158px;
			margin: 0px; padding: 0px;
			line-height:20px;
			text-align: center;
			width: 200px; height:17px;
			}
@font-face { font-family: "Rubl Sign"; src: url(http://www.cay.ru/ruble.eot); }
    div.tover p.price span.rur { font-family: "Rubl Sign"; text-transform: uppercase; // text-transform: none;}    
    div.tover p.price span.rur span { position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .1ex 0 0 -.55em; // display: none; }
    div.tover p.price span.rur span:before { content: '\2013'; }


/* Все версии оперы… */
@media all and (min-width: 0px) {
	div.tover p.price span.rur span {margin-top: 0.25ex;}
}


div.tover img.tover {	position: absolute;
			top: 12px; left: 14px;
			}


div.tover a.basket img {	position: absolute;
			top: 138px; left: 33px;
			}

div.tover div.articul {	position: absolute;
			top: 143px; left: 15px;
			font-size:0.9em;
			}


div.ff		{	margin: 10px 0px 0px 0px;
			text-align: center;
			font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 14px;
			}

div.ff a	{	color: 5b5d5a;
			text-decoration: none;
			}

div.ff a:hover	{	text-decoration: underline;
			}

div.banner	{	background-image: url(./img/tover_banner.jpg);
			width: 599px; height: 190px;
			overflow: hidden;
			margin: 2px;
			}
div.banner div	{	position: relative; top: 0px; left: 0px;
			}


div.banner h4	{	font-family: Arial, sans-serif;
			font-weight: bold; font-style: normal;
			font-size: 14px;
			color: #cdab6d;
			position: absolute;
			top: 92px; left: 50px;
			margin: 0px; padding: 0px;
			}

div.banner h4 a	{	color: #cdab6d; text-decoration: none;}
div.banner h4 a:hover	{	color: #cdab6d; text-decoration: underline;}

div.banner p	{	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 11px;
			color: #fff5d0;
			position: absolute;
			top: 110px; left: 50px;
			margin: 0px; padding: 0px;
			line-height: 13px;
			width: 205px;
			}

div.banner a.more {	font-family: Arial, sans-serif;
			font-weight: bold; font-style: normal;
			font-size: 11px;
			color: #a78b67;
			position: absolute;
			top: 151px; left: 122px;
			margin: 0px; padding: 0px;
			line-height: 13px;
			text-decoration: none;
			}

div.banner a.more:hover {	text-decoration: underline;
			}

div.banner p.price	{	font-family: Impact, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 16px;
			color: #e0c672;
			position: absolute;
			top: 118px; left: 375px;
			margin: 0px; padding: 0px;
			line-height: 13px;
			text-align: center;
			width: 200px;
			}

div.banner img.tover22 {	position: absolute;
			top: 29px; left: 433px;
			width: 78px; height: 78px;
			}

div.banner a.basket img {	position: absolute;
			top: 98px; left: 260px;
			}

div.section	{	background-image: url(./img/tover_big_back.jpg);
			width: 597px; height: 168px;
			margin: 8px 0px;
			overflow: hidden;
			}

div.section div	{	position: relative; top: 0px; left: 0px;}

div.section h6	{	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 21px;
			color: #4b5a43;
			position: absolute;
			top: 15px; left: 225px;
			margin: 0px; padding: 0px;
			}

div.section h6 a	{	color: #4b5a43; text-decoration: none;}
div.section h6 a:hover	{	color: #4b5a43; text-decoration: underline;}

div.section p	{	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 13px;
			color: #000000;
			position: absolute;
			top: 45px; left: 225px;
			margin: 0px; padding: 0px;
			line-height: 13px;
			width: 350px;
			}

div.section a.more {	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 12px;
			color: #ccbc8f;
			position: absolute;
			top: 137px; left: 460px;
			margin: 0px; padding: 0px;
			line-height: 11px;
			text-decoration: none;
			}

div.section a.more:hover {	text-decoration: underline;
			}

div.section img.section  {	position: absolute;
			top: 15px; left: 20px;
			width: 180px; height: 134px;
			}

div.section a.more img	{	vertical-align: bottom;}

table.item {border:1px solid #b6a671;}

table.item td.top {
			background-image:url(/img/item/top.jpg);
			height:32px;
			}	
table.item td.top h1 {
			color:#4d5762;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 21px;
			margin:0; padding:0;
}

div.bigimg {
/*			width:201px; height:191px;
			background-image:url(/img/item/bigimg.gif);
*/			background-repeat:no-repeat;
			background-position: left top;
			padding:1px 0 0 1px; margin:0;
			}
			
div.bigimg img {
	border: 1px solid white;
	box-shadow: 2px 2px 5px 0px #b6a671;
	-webkit-box-shadow: 2px 2px 5px 0px #b6a671;
	-moz-box-shadow: 2px 2px 5px 0px #b6a671;
	

}

div.bigimg img:hover {
	box-shadow: 2px 2px 5px 0px #503b08;
	-webkit-box-shadow: 2px 2px 5px 0px #503b08;
	-moz-box-shadow: 2px 2px 5px 0px #503b08;
	cursor: url(img/zoom.gif), url(http://www.w3schools.com/cssref/myBall.cur), auto;	
}

div.item_art {
			font-family: Arial, sans-serif;
			font-weight: bold; font-style: normal;
			font-size: 13px;
			color: #7d4c39;
			margin: 0; padding: 0px;
			line-height: 15px;
			margin-top:5px;
			}
			
div.item_descr {
			font-family: Arial, sans-serif;
			font-weight:normal; font-style: normal;
			font-size: 13px;
			color:#7e4f41;
			}

div.item_descr ul {
			margin:0 0 0 15px;; padding:0;
}

div.item_descr li {
			font-family: Arial, sans-serif;
			font-weight:normal; font-style: normal;
			font-size: 13px;
			color:#7e4f41;
			margin:0; padding:0;
			}
						
div.item_price {
			font-family: Impact, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 26px;
			color: #7d4c39;
			margin: 0px; padding: 0px;
			margin-top:10px;
			line-height: 26px;
			}
			
div.pager {

			}
div.prev_img {
			width:133px; height:113px;
			overflow:hidden;
			background-image:url(/img/item/prev.gif);
			background-position:left top;
			background-repeat:no-repeat;
			float:left;
			margin:0; padding:0;
			}
div.prev_img img {border:0; padding:1px 0 0 21px;}
div.prev_text { float:left; width:195px; height:133px; margin:0; padding:0 0 0 5px; font-size: 12px; }
div.prev_text a{color:#b6a671; cursor:pointer;text-decoration:none;border-bottom:1px dashed #b6a671;}
div.bubble {float:left; width:126px; height:133px; margin:0; padding:0;}
div.next_text { float:left; width:175px; height:133px; margin:0; padding:0 5px 0 20px; font-size: 12px;}
#web{color:#b6a671; cursor:pointer;text-decoration:none; border-bottom:1px dashed #b6a671}
div.next_img {
			width:133px; height:113px;
			overflow:hidden;
			background-image:url(/img/item/next.gif);
			background-position:left top;
			background-repeat:no-repeat;
			float:left;
			 margin:0; padding:0;
			}
div.next_img img {border:0; padding:1px 0 0 1px;}
			
div.about1	{	width: 597px; height: 234px;
			background-image: url(./img/about1.jpg);
			overflow: hidden;
			margin-top:0;
			}

div.about2	{	width: 597px; min-height: 76px;
			/*background-image: url(./img/about2.gif);*/
			}

div.about3	{	
			position: relative;
			width: 597px; height: 21px;
			background-image: url(./img/about3.jpg);
			}

div.about4	{	position: relative; top: 0px; left: 0px;
			}

div.about1 h3	{	
			font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 21px;
			color: #4b5a43;
			position: absolute;
			top: 8px; left: 240px;
			margin: 0px; padding: 0px;
			}

div.about1 p.list	{	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 13px;
			color: #000000;
			position: absolute;
			top: 93px; left: 235px;
			margin: 4px; padding: 0px;
			line-height: 15px;
			width: 350px;
			}

div.about1 p.price {	font-family: Impact, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 26px;
			color: #7d4c39;
			position: absolute;
			top: 160px; left: 195px;
			margin: 0px; padding: 0px;
			line-height: 26px;
			text-align: center;
			width: 200px;
			}

div.about1 p.art	{	font-family: Arial, sans-serif;
			font-weight: bold; font-style: normal;
			font-size: 13px;
			color: #7d4c39;
			position: absolute;
			top: 100px; left: 365px;
			margin: 4px; padding: 0px;
			line-height: 15px;
			width: 350px;
			text-align: center;
			width: 200px;
			}

div.about1 img.big_prod  {	
			position: absolute;
			top: 23px; left: 28px;
			width: 184px; height: 184px;
			}

div.about1 form span	{	font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 12px;
			color: #000000;
			position: absolute;
			top: 194px; left: 245px;
			}

div.about1 form input.input1	{ position: absolute; top: 190px; left: 317px;}

div.about1 form input.input2	{ position: absolute; top: 159px; left: 373px;}

div.about1 form	{	margin: 0px;}

div.about2 div.bigtext	{	margin: 0px 10px 0px 240px;
							position:relative;
							top: 0px; left:0px;
						}

div.about2 div.bigtext p {	padding: 4px 0px 0px 0px;
				margin: 0px;
			font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 12px;
			color: #000000;
			}

div.about2 div.bigtext ul, li {	padding: 4px 0px 0px 0px;
				margin: 0px;
			font-family: Arial, sans-serif;
			font-weight: normal; font-style: normal;
			font-size: 12px;
			color: #000000;
			list-style-type:square;
			}

div.about2 img.sw	{	width: 58px; height: 58px;}

div.about2 img.switch1 {	position: absolute;
				top:14px; left: 26px;}

div.about2 img.switch2 {	position: absolute;
				top:14px; left: 92px;}

div.about2 img.switch3 {	position: absolute;
				top:14px; left: 158px;}

div.page div.ldsp {
	float:left;
	margin:0 5px 10px 5px;
	padding:0 20px 10px 20px;
	border: 1px solid white;
	box-shadow: 2px 2px 5px 0px #b6a671;
	-webkit-box-shadow: 2px 2px 5px 0px #b6a671;
	-moz-box-shadow: 2px 2px 5px 0px #b6a671;

}

div.page div.ldsp img {
	width:200px;
	height:200px;
}

div.page div a img {
	border: 1px solid white;
	box-shadow: 2px 2px 5px 0px #b6a671;
	-webkit-box-shadow: 2px 2px 5px 0px #b6a671;
	-moz-box-shadow: 2px 2px 5px 0px #b6a671;
	

}

div.page div a img:hover {
	box-shadow: 2px 2px 5px 0px #503b08;
	-webkit-box-shadow: 2px 2px 5px 0px #503b08;
	-moz-box-shadow: 2px 2px 5px 0px #503b08;
	cursor: url(img/zoom.gif), url(http://www.w3schools.com/cssref/myBall.cur), auto;	
}