/* reset
-------------------------------------------------------------------*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE,
A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, INS, KBD, Q, S, SAMP,
SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI,
FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100.1%;
}
LABEL { cursor: pointer; }
BUTTON { cursor: pointer; overflow: visible; outline: none; }
:focus, :active { outline: 0; }
INS { text-decoration: underline; }
DEL { text-decoration: line-through; }
TABLE { border-spacing: 0; border-collapse: collapse; }
UL, OL { list-style: none; }
IMG { margin: 0; padding: 0; border: 0; }
/* body
-------------------------------------------------------------------*/
HTML, BODY { height: 100%; }
BODY { font: 11px/14px Tahoma, Arial, Verdana, Serif; color: #333; background: #f2e1c6 url(../images/bg.jpg); }

H1, H2 { font: bold 18px/24px Tahoma; color: #4b0325; margin: 0 0 10px; }

H3 { font: bold 12px/26px Tahoma; color: #fff; padding: 0 15px; height: 50px; line-height: 44px;  margin: 0 0 5px; background: url(../images/lenta-fon.png) no-repeat; }


A {font: bold 12px; color: #4b0325; text-decoration: underline; }
A:hover { text-decoration: none; }

.clrfix { height: 1%; }
.clrfix:after { height: 0; content:'.'; display: block; clear: both; visibility: hidden; }
.clear { clear: both; }
.center { text-align: center; }
.hidden { display: none; }

/* layout
-------------------------------------------------------------------*/
#container {
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../images/bg.png);
}
#logo { width: 195px; height: 95px; position: absolute; top: 45px; left: 20px; z-index: 5; }
#header { height: 365px; position: relative; background: url(../images/bghm.jpg) repeat-x; z-index: 1; }
#wrapper { width: 100%; padding: 0 0 110px; margin: -20px 0 0; position: relative; z-index: 3; }
#page { float: left; width: 100%; padding: 20px 0 50px; }
#content { padding-right: 21%; padding-left: 21%; }
#lside { float: left; width: 20%; margin-top: -60px; margin-left: -100%; position: relative; z-index: 3; }
#rside {
	float: left;
	width: 20%;
	padding: 0 0 50px;
	margin-top: -50px;
	margin-right: -3px;
	margin-left: -20%;
	position: relative;
	z-index: 3;
}
#footer {
	height: 160px;
	margin: -160px 0 0;
	position: relative;
	background: url(../images/bgfm.png) 0 84px repeat-x;
	z-index: 1;
}

/* header
-------------------------------------------------------------------*/
#header .bgr {
	width: 333px;
	height: 275px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/bghr.jpg);
	z-index: 2;
}
#header .bgl {
	width: 655px;
	height: 325px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/bghl.jpg);
	z-index: 2;
}
#header .circle {
	width: 215px;
	height: 210px;
	position: absolute;
	bottom: 0;
	left: 600px;
	/* */background: url(../images/circle.png); 
	z-index: 3;
}

/* menu
-------------------------------------------------------------------*/
#menu { font: bold 14px/20px Tahoma; width: 640px; margin: 0 auto; position: relative; z-index: 3; }
#menu LI { float: left; width: auto; height: 30px; padding: 5px 5px 0; background: url(../images/menu.png) repeat-x; }
#menu LI.cl { width: 12px; padding: 5px 0 0; background-position: 0 -15px; }
#menu LI.cr { width: 12px; padding: 5px 0 0; background-position: -12px -15px; }
#menu LI A { color: #4a0224; text-decoration: none; float: left; width: auto; }
#menu LI A:hover, #menu LI.active A { border-bottom: 3px solid #4a0224; }

/* forms
-------------------------------------------------------------------*/
.line { margin: 0 0 5px; }
.txt, .area { background: #fff; border: 1px solid #4b0325; }
.txt { line-height: 18px; padding: 0 3px; }
.area { padding: 0 0 0 3px; zoom: 1; }
.txt INPUT, .area TEXTAREA {
	color: #333;
	width: 100%;
	padding: 2px 0;
	margin: 0;
	display: block;
	vertical-align: top;
	background: none;
	border: none;
}
.area TEXTAREA { resize: none; }
.p60 { padding-left: 60px; }
.p80 { padding-left: 80px; }
.pad { position: relative; zoom: 1; }
.pad LABEL { position: absolute; top: 3px; left: 0; }
LABEL { color: #4b0325; }
BUTTON {
	font: bold 12px/18px Tahoma;
	color: #fff;
	height: 20px;
	padding: 0 10px;
	background: #4b0325;
	border: none;
}

BUTTON.btn { height: 24px; padding: 0; background: none; }
BUTTON.btn:active { position: relative; top: 1px; left: 1px; }
BUTTON.tocart { width: 116px; background: url(../images/tocart.png); }
BUTTON.incart { width: 116px; background: url(../images/incart.png); }
BUTTON.order { width: 146px; background: url(../images/order.png); }
BUTTON.recount { width: 146px; background: url(../images/recount.png); }

/* content
-------------------------------------------------------------------*/
#content P { margin: 0 0 10px; }

IMG.pic { padding: 5px; margin: 10px; background: #fff; border: 1px solid #4b0325; }
IMG.pic.left { float: left; width: auto; margin-right: 25px; }
IMG.pic.right { float: right; width: auto; margin-left: 25px; }

/* flyers */
.search-result, .flyers-head { font: bold 12px Tahoma; color: #510c2d; margin: 0 0 10px; }
.search-result SPAN { padding-right: 20px; }
.flyer { float: left; width: 33%; }
.flyer .wrap { padding: 10px 10px 20px; }
.flyer DL { font-size: 12px; margin: 0 0 10px; }
.flyer DL DT { float: left; width: auto; padding-right: 10px; }
.flyer .price { font-size: 12px; font-weight: 700; margin: 0 0 10px; }
.flyer .price SPAN { color: #510c2d; }
.flyer .addtocart { height: 35px; }
.flyer .checkit { width: 117px; height: 33px; background: url(../images/checkit.png); }
.flyer2 { float: left; width: 170px; padding: 10px 20px 20px 0; }

.subsel LI { float: left; width: 33%; text-align: center; }
.subsel TABLE { width: 182px; height: 182px; margin: 0 auto; }
.subsel TD { vertical-align: middle; }
.subsel .pic { margin: 0; }
.subsel A { text-decoration: none; }
.subsel STRONG { display: block; padding: 5px 0 20px; }
/* sidebars
-------------------------------------------------------------------*/
.block { padding: 0 10px; margin: 0 0 20px; }
.block .title { height: 18px; margin: 0 0 10px; background: url(../images/text.png) no-repeat; }
/* contacts */
.contacts { position: relative; width: 170px; padding: 20px 0 0; background: url(../images/phone.jpg) 50% 0 no-repeat; z-index: 6; zoom: 1; }
.contacts LI { font: bold 18px/21px Tahoma; text-align: center; }
/* catalogue */
.block.catalogue { padding-left: 0; }
.block.catalogue .title { background-position: 10px -18px; }
.block.catalogue LI { padding: 0 0 5px; }
.block.catalogue .top {  }
.block.catalogue .top DIV {   }
.block.catalogue .cl { background: url(../images/menu-left-fon.png) no-repeat; height: 60px;  }
.block.catalogue .cr { padding: 16px 0px 0px; }
.block.catalogue .bottom {   }
.block.catalogue .bottom DIV {  }
.block.catalogue A {
	font: bold 14px/16px Tahoma;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 4px 10px 2px 20px;
}
.block.catalogue LI.active A, .block.catalogue A:hover { background: url(../images/check.png) 5px 0 no-repeat; }
/* articles */
.block.articles .title { background-position: 0 0; }
.block.articles P { margin: 0 0 12px; }
.block.articles A { font-weight: 700; color: #4b0325; text-decoration: none; }
.block.articles A:hover { text-decoration: underline; }
/* cart */
.block.cart { font: 14px Tahoma; color: #4a0224; margin: 0px 10px 0px 10px; padding: 10px 10px 10px; border: 1px solid #4a0224;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 }
.block.cart .title { background-position: 0 -36px; }
.block.cart UL { margin: 0 0 5px; }
.block.cart A { color: #699f2d; font-size: 18px; font-weight: bold;}
/* backform */
.block.backform { 
	margin: 0px 10px 0px 10px; padding: 15px 10px 10px;  
	border: 1px solid #4a0224; -webkit-border-radius: 5px; -moz-border-radius: 5px;
} 
.block.backform .title { background-position: 0 -54px; }

.bl-t-fon {
	background: url(../images/bl-t-fon.png) center top no-repeat;
	height: 25px; width: 100%;
}
.bl-b-fon  {
	background: url(../images/bl-b-fon.png) center top no-repeat;
	height: 25px; width: 100%;
}
/* footer
-------------------------------------------------------------------*/
#footer .bgr {
	width: 210px;
	height: 160px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../images/bgfr.jpg);
	z-index: 2;
}
#footer .bgl {
	width: 690px;
	height: 78px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/bgfl.jpg);
	z-index: 2;
}
#footer .copyright { font-weight: 700; color: #4b0325; position: absolute; bottom: 25px; left: 10px; z-index: 3; }
#footer .copyright A { color: #4b0325; text-decoration: none; }
#footer .copyright A:hover { text-decoration: underline; }
#footer .counters { height: 31px; position: absolute; bottom: 5px; left: 570px; z-index: 3; }
#footer .counters IMG { vertical-align: middle; margin: 0 20px 0 0; }
/* cart
-------------------------------------------------------------------*/
#cart TABLE { font-size: 11px; }
#cart THEAD { color: #da3a93; }
#cart TD { padding: 4px; border: 1px solid #540528; }
#cart TH { padding: 4px; border: 1px solid #540528; background: #cbcbcb; }
#cart TBODY TD.label { color: #da3a93; }

/*	PAGES	*/

.current {
 	font-size: 14px; font-weight: bold; 
	padding: 2px 0px;
	margin: 0px 5px;
}
a.page_link:link,
a.page_link:visited {
	font-size: 14px; font-weight: bold; 
	background: #d287a8;
	padding: 2px 5px;
	margin: 0px 5px;
	border: 1px solid #773153;
}
a.page_link:hover {
	font-size: 14px; font-weight: bold; 
	background: #773153;
	color: #fff;
}
.bigb {
	font-weight: bold;
	font-size: 14px;
}