/* 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%;
	vertical-align: baseline;
}
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: 12px/14px Tahoma; color: #000; background: #fff; }

H1, H2, H3 { font: normal 24px/32px Georgia; }
H1 { text-align: center; margin: 0 0 20px; }
H1, H2 { color: #c90; }
H4 { font: bold 14px/16px Tahoma; color: #900; }
H2, H3, H4 { margin: 0 0 5px; }

A { color: #009; 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; font-size: 0; }
.center { text-align: center; }
.wrapper { width: 100%; overflow: hidden; }
/* layout
-------------------------------------------------------------------*/
#container {
	min-width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../images/cbg.png) -770px 0 repeat-y;
}
#header { height: 245px; position: relative; background: url(../images/bgh.jpg) 50% 0 no-repeat; }
#wrapper { width: 100%; padding: 0 0 80px; position: relative; }
#page { float: left; width: 100%; }
#content { padding-top: 40px; padding-right: 22%; padding-left: 22%; }
#sidel { float: left; width: 17%; margin-top: -30px; margin-left: -98%; position: relative; }
#sider { float: left; width: 17%; margin-left: -19%; position: relative; }
#footer { position: relative; z-index: 10; min-width: 1000px; height: 40px; margin: -40px 0 0; background: #f90 url(../images/bgf.jpg) 100% 0 no-repeat; }

/* header
-------------------------------------------------------------------*/
#panel { position: absolute; top: 145px; left: 2%; }
#panel LI { float: left; width: 25px; padding: 0 10px; }
#panel LI A { float: left; width: 25px; height: 25px; background: url(../images/icons.png); }
#panel LI.home A { background-position: 0 0; }
#panel LI.mail A { background-position: -25px 0; }
#panel LI.map A { background-position: -50px 0; }
#contacts { position: absolute; top: 145px; right: 2%; background: url(../images/icons.png) -75px 0 no-repeat; }
#contacts P { color: #c70000; padding-left: 30px; }
#contacts .phone { font: bold 18px/20px Tahoma; color: #000; margin: 0 0 5px; }
#contacts .deliveryrus { font: bold 14px/14px Tahoma; margin: 0 0 5px; }
#contacts A { color: #000; }
#logo { width: 320px; height: 65px; position: absolute; top: 24px; left: 50%; margin-left: -355px; z-index: 2; }
/* menu
-------------------------------------------------------------------*/
#menu { width: 610px; height: 21px; padding: 224px 0 0; margin: 0 auto; }
#menu LI {
	font: bold 14px/18px Tahoma;
	float: left;
	width: auto;
	padding: 0 8px 3px 10px;
	background: url(../images/menu.gif) repeat-y;
}
#menu LI.first { background: none; }
#menu LI A { color: #000; float: left; width: auto; height: 18px; text-decoration: none; border-bottom: 1px solid #000; }
#menu LI.active A { color: #c90; border-bottom: 1px solid #c90; }
#menu LI A:hover { border: none; }
/* forms
-------------------------------------------------------------------*/
FORM { margin: 20px 0; }
FORM P { margin: 0 0 5px; }
LABEL STRONG { color: #900; }
INPUT { border: 1px solid #e3e9ef; border-top-color: #abadb3; }

.btn { height: 20px; margin: 0 1px 1px 0; display: inline-block; cursor: pointer; }
.btn:active { margin: 1px 0 0 1px; }
.btn.recalc { width: 131px; background: url(../images/recalc.png); }
.btn.order { width: 147px; background: url(../images/order.png); }
.btn.next { width: 101px; background: url(../images/next.png); }
BUTTON.btn { border: none; padding: 0; cursor:pointer; }

/* content
-------------------------------------------------------------------*/
#content P { margin: 0 0 5px; }
#content .intro { color: #213e84; margin: 0 0 20px; }
#content .intro H4 { font-size: 18px; color: #213e84; }
#content .intro A { color: #004bff; }
.path { color: #c29c04; margin: 0 0 10px; }
.path A { color: #c29c04; }
.path I {
	width: 19px;
	height: 14px;
	display: inline-block;
	margin: 0 5px;
	position: relative;
	top: 2px;
	vertical-align: top;
	background: url(../images/arrow.gif) -55px 0;
}
.bar { height: 20px; background: #f8f3b6 url(../images/bgt.jpg) no-repeat; }
.bar UL { float: right; width: auto; padding: 0 50px 0 0; }
.bar LI { float: left; width: auto; height: 20px; line-height: 18px; padding: 0 0 0 5px; }
.bar LI A { color: #000; float: left; width: auto; }
.bar LI I { float: left; width: 13px; height: 20px; vertical-align: top; background: url(../images/sort.gif); }
.bar LI.asc I { background-position: 0 0; }
.bar LI.desc I { background-position: 0 -20px; }
.bar LI B { float: left; width: 13px; height: 20px; vertical-align: top; background: url(../images/sort_act.gif); }
.bar LI.asc B { background-position: 0 0; }
.bar LI.desc B { background-position: 0 -20px; }
/*#content .catalogue UL { padding: 0 0 20px 20px; }
#content .catalogue LI I { background-position: -12px 0 !important; }*/
.padding { padding: 0 20px; }
.user-content TABLE { width: 100%; margin: 0 0 20px; border: 1px solid #c90; }
.user-content TABLE THEAD { font: normal 12px/20px Tahoma; color: #000; background: #f8f3b6; }
.user-content TABLE TD { border: 1px solid #c90; /*text-align: center;*/ vertical-align: middle; }
.user-content TABLE TBODY TD { padding: 10px; background: #fff; }
#content .catalogue { padding: 4px 0 20px 20px; }
#content .catalogue UL { width: 125%; }
#content .catalogue LI { float: left; width: 40%; padding: 6px 0 0!important; }
#content .catalogue LI A { padding: 0 0 0 16px; }
#content .catalogue LI.flyer A { padding: 0; }
#content .catalogue LI I { background-position: -12px 0 !important; }
/* flyers
-------------------------------------------------------------------*/
.flyers { margin: 0 0 20px; border: 1px #d6bb50; border-style: dotted dotted none; overflow: hidden;}
.flyers UL { width: 125%; }
.flyer { float: left; width: 40%; }
.flyer .wrap {
 height: 177px;
 padding: 10px 0 10px 10px;
 border: 1px #d6bb50;
 border-style: none dotted dotted none;
 overflow: hidden;
}
.flyer.last .wrap { border-right: none; }
.flyer TD.pic { width: 130px; height: 164px; text-align: center; vertical-align: middle; background: #e8e8e8;  }
.flyer TD.pic IMG { max-width: 130px; max-height: 160px; }
.flyer TD.info { padding: 0 5px 0 10px; vertical-align: top; }
.flyer .title { color: #900; text-decoration: none; display: block; line-height: 16px; height: 80px; overflow: hidden; }
.flyer .title SPAN { font-size: 14px; }
.flyer .weight { margin: 0 !important; }
.flyer .details { color: #000; }
.flyer .details I {
 width: 12px;
 height: 14px;
 display: inline-block;
 position: relative;
 top: 2px;
 left: 2px;
 vertical-align: top;
 background: url(../images/arrow.gif) -12px 0;
}
.flyer .price { font: bold 14px/24px Tahoma; color: #c90; padding: 7px 0 0; height: 24px; white-space: nowrap; z-index: 2; }
.btn.incart { width: 111px; height: 16px; background: url(../images/incart.png); z-index: 2; }
.flyer .noprice { font: bold 12px/24px Tahoma; color: #c90; padding: 7px 0 0; height: 24px; white-space: nowrap; z-index: 2; }

/* flyers mini
-------------------------------------------------------------------*/
.mini .flyer { float: left; width: 20%; }
.mini .flyer .wrap { height: 255px; padding: 10px 0; text-align: center; }
.mini .flyer .title { line-height: 14px; height: 42px; padding: 0 5px; margin: 0 0 3px; }
.mini .flyer TABLE { width: 130px; margin: 0 auto; }
.mini .flyer .price { padding: 0; }

/* fly-page
-------------------------------------------------------------------*/
.w50 { float: left; width: 49%; }
.flypage { margin: 0 0 50px; }
.flypage TD { vertical-align: top; }
.flypage TD.img { padding: 0 50px 0 0; }
.flypage .price { font: bold 14px/24px Tahoma; color: #900; padding: 7px 0 0; height: 34px; white-space: nowrap; }
.flypage .photos { padding: 80px 0 0; }
.flypage .photos P { color: #c90; }
.flypage .photos LI { float: left; width: auto; padding: 0 10px 10px 0; }

/* similar item
-------------------------------------------------------------------*/
.similar { margin: 0 0 10px; }
.similar .pic { text-align: left; }
.similar .pic A { margin-right: 20px; }
.similar .flyer .title { height: auto; text-decoration: underline; }
.similar .flyer .title:hover { text-decoration: none; }
.similar .flyer .title I {
	width: 12px;
	height: 14px;
	display: inline-block;
	margin: 0 5px;
	position: relative;
	top: 2px;
	vertical-align: top;
	background: url(../images/arrow.gif) -12px 0;
}
.w50s { float: left; width: auto; }

/* cart
-------------------------------------------------------------------*/
TABLE.cart { width: 100%; margin: 0 0 20px; border: 1px solid #c90; }
TABLE.cart THEAD { font: normal 12px/20px Tahoma; color: #000; background: #f8f3b6; }
TABLE.cart TD { border: 1px solid #c90; text-align: center; vertical-align: middle; }
TABLE.cart TBODY TD { padding: 10px; background: #fff; }
TD.pic { width: 130px; }
TD.count, TD.price, TD.amount { width: 80px; }
TD.count INPUT { width: 50px; text-align: center; }
TABLE.cart TD.name { text-align: left; }
TD.name .title { font: 14px/16px Tahoma; color: #900; text-decoration: none; display: block; height: 90px; }
TD.name .del {
	font: 10px/12px Tahoma;
	color: #000;
	display: block;
	height: 19px;
	padding-left: 22px;
	background: url(../images/del.png) no-repeat;
}
.common { margin: 0 0 20px; }
.common LI { float: right; width: auto; height: 30px; padding: 0 40px; }
.common LI.amount { width: 148px; text-align: center; padding: 0; }
.common.cart { background: #f8f3b6; }
.common.cart LI { font: 14px/30px Tahoma; color: #339; }
.common.cart LI.amount { font-weight: 700; background: #e2c674; }

/* steps
-------------------------------------------------------------------*/
#steps { height: 30px; margin: 0 0 30px; }
#steps LI { float: left; width: auto; height: 30px; line-height: 28px; padding-right: 5px; }
#steps LI * { float: left; width: auto; height: 30px; }
#steps LI I, #steps LI B { width: 5px; background: url(../images/cr.png); }
#steps LI I { background-position: -10px 0; }
#steps LI.active I { background-position: 0 0; }
#steps LI B { background-position: -14px 0; }
#steps LI.active B { background-position: -4px 0; }
#steps LI SPAN { color: #999; height: 28px; border: 1px #999; border-style: solid none; }
#steps LI.active SPAN { color: #c90; border-color: #c93; }
#steps LI EM { width: 19px; background: url(../images/arrow.gif) -36px 9px no-repeat; }

FORM.order1 LABEL { display: inline-block; width: 80px; }
FORM.order1 SELECT { width: 81%; } /*width: 410px;*/
FORM.order1 INPUT { width: 80%; padding: 1px 2px; } /*width:404px;*/
FORM.order1 INPUT#user_index { width: 100px; }
FORM.order1 EM { color: #900; }

/* pagging
-------------------------------------------------------------------*/
.pagging { height: 20px; margin: 0 0 25px; background: #f8f3b6 url(../images/bgb.jpg) no-repeat; }
.pagging UL { float: right; width: auto; padding: 0 20px 0 0; }
.pagging LI { float: left; width: auto; height: 20px; line-height: 18px; padding: 0 0 0 10px; }
.pagging LI A {
	color: #900;
	text-align: center;
	float: left;
	width: auto;
	height: 20px;
	padding: 0 6px;
	background: #ebd88e;
}
.pagging LI.active A { color: #000; text-decoration: none; background: #c93; }

/* sidebars
-------------------------------------------------------------------*/
.block { margin: 0 0 30px; }
#sider .block { float: right; width: 170px; clear: both; }
/* catalogue
-------------------------------------------------------------------*/
.catalogue LI { padding: 6px 0 6px 16px; position: relative; }
.catalogue LI A { color: #900; }
.catalogue LI SPAN { color: #999; }
.catalogue LI I { width: 12px; height: 14px; position: absolute; top: 8px; left: 0; background: url(../images/arrow.gif); }
.catalogue LI.active I { background-position: -12px 0 !important; }
.catalogue LI A:hover I { background-position: -24px 0; }
.catalogue LI.active A { color: #c90; }
/* site-map
-------------------------------------------------------------------*/
.site-map LI { padding: 6px 0 3px 16px; position: relative; }
.site-map LI A { color: #900; }
.site-map LI SPAN { color: #999; }
.site-map LI I { width: 12px; height: 14px; position: absolute; top: 8px; left: 0; background: url(../images/arrow.gif); }
.site-map LI.active I { background-position: -12px 0 !important; }
.site-map LI A:hover I { background-position: -24px 0; }
.site-map LI.active A { color: #c90; }
#content .site-map UL { padding: 0 0 0 5px; }
#content .site-map LI I { background-position: -12px 0 !important; }
/* news
-------------------------------------------------------------------*/
.news DL { padding: 0 0 0 0px; }
.news DD { margin: 0 0 14px; }
.news A { color: #213e84; }
.news I {
	width: 12px;
	height: 14px;
	display: inline-block;
	margin: 0 0 0 3px;
	position: relative;
	top: 2px;
	vertical-align: top;
	background: url(../images/arrow.gif) -24px 0;
}
/* block cart
-------------------------------------------------------------------*/
#cart { padding: 31px 0 31px 64px; position: relative; background: #e3ecff url(../images/cart.png) 12px 28px no-repeat; }
#cart P { line-height: 17px; }
#cart STRONG { font: bold 15px Arial; color: #c00; }
#cart A { width: 40px; height: 40px; position: absolute; top: 28px; left: 12px; z-index: 2; }
/*.ui-effects-transfer IMG { width: 100%; opacity: .5; filter: alpha(opacity=50); }*/
.effect-transfer { position: absolute; z-index: 100; }
.effect-transfer IMG { width: 100%; opacity: .5; filter: alpha(opacity=50); }
/* footer
-------------------------------------------------------------------*/
#footer .counters { float: left; width: auto; margin-left: 2%; padding: 4px 16px;}
#footer .copyright { font: 9px/15px Tahoma; float: left; width: auto; padding-top: 5px;}
#footer .copyright A { color: #000; }

.notice-wrap{position:fixed;top:20px;right:20px;width:250px;z-index:9999;}
* html .notice-wrap{position:absolute;}
.notice-item{overflow: hidden;background:#83A1E4;-moz-border-radius:6px;-webkit-border-radius:6px;color:#eee;padding:8px 8px 8px 8px;font-family:lucida Grande;font-size:11px;border:2px solid #eee;display:block;position:relative;margin:0 0 12px 0;}
.notice-item-close{display:none;}
.notice-item a {color:#000;}
.notice-item h5 { font: bold 14px/18px Tahoma; color: #eee; margin: 0 0 10px; }
.notice-item h5 { margin: 0 0 5px; }
.notice-item STRONG { color: #fff; }

/* END    */

.stars
{
	margin: 0px;
	padding: 0px;
}

.stars li
{
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	float: left;
	background: url('/hostcmsfiles/images/stars_gray.gif') no-repeat 0 0;
	cursor: pointer;
	list-style-type: none;
}

.stars .curr
{
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	float: left;
	background: none;
	background: url('/hostcmsfiles/images/stars_single.gif') no-repeat 0 0;
}

#error
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 25px;
	position: relative;
	font-size: 8pt;
	border-collapse: collapse;
	border: 1px #CA1D13 dashed;
	color: #CA1D13;
	background-color: #F2EDE9;
	background: url('/hostcmsfiles/images/error.gif') no-repeat 5px 50%;
	width: 450px;
}

#message
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 25px;
	position: relative;
	font-size: 8pt;
	border-collapse: collapse;
	border: 1px #4ba749 dashed;
	color: #4ba749;
	background: url('/hostcmsfiles/images/message.gif') no-repeat 5px 50%;
	width: 450px;
}

#message p
{
	margin: 0px;
	padding: 0px;
}

/*  ""   */
.c_u_l
{
	font-weight: bold;
}

/*    */
.cr
{
	display: none;
	margin: 0px 0px 10px 20px;
}

/* sub-div    */
.csd
{
	margin-left: 20px;
}

.comment
{
	background-color: #eae4df;
	padding: 30px;
	margin: 15px 0px 5px 0px;
	width: 450px;
	zoom: 1;
	position: relative;
	padding: 20px;
}

.comment p
{
	margin: 0px 0px 5px 0px;
}

.comment_desc
{
	margin: 0px 0px 10px 20px;
}