/* -------------------- HEADER -------------------- */
.header { width: 100%; height: 195px; position: relative; }

/* ----- searchbar ----- */
.h-searchbar { left: 279px; top: 45px; position: absolute; width: 516px; height: 30px; padding-left: 15px; background: url(/design/images/h-searchbar.png) 0 0 no-repeat; }
.h-searchbar .text { display: inline; float: left; width: 390px; height: 16px; padding: 7px 15px 7px 0; background-color: transparent; border: 0; }
.h-searchbar .asubmit { display: inline; float: left; width: 90px; height: 24px; margin: 3px 3px 3px 4px; font: bold 18px/20px 'Times New Roman'; color: #ffde00; text-align: center; text-decoration: none; }

/* ----- phrases ----- */
.h-phrase { top: 14px; position: absolute; font: 16px/20px 'Arial'; color: #fc5cab; }
.h-phrase span { color: #cc0878; }
.h-phrase-1 { left: 279px; }
.h-phrase-2 { right: 200px; }

/* ----- top nav ----- */
.top-nav { left: 200px; top: 89px; position: absolute; width: 600px; }
.top-nav td { width: 1%; padding: 20px 5px 0; font: bold italic 12px/16px 'Arial'; color: #ffde00; text-align: center; white-space: nowrap; background: url(/design/images/top-nav-a-bg.png) 50% 0 no-repeat; position: relative; }
.top-nav a { color: #fff; text-decoration: none; position: relative; }
.top-nav a:hover { text-decoration: underline; }

/* ----- fav ----- */
.h-fav { left: 855px; top: 0; position: absolute; height: 49px; padding: 8px 0 0 42px; font: bold 12px/14px 'Arial'; background: url(/design/images/h-fav.png) 0 0 no-repeat; }
.h-fav a { color: #fc5cab; }

/* ----- logo ----- */
.h-logo { left: 0; top: 0; position: absolute; }



/* -------------------- FOOTER -------------------- */
.footer { width: 100%; height: 84px; margin-top: -84px; background: #fef2f8 url(/design/images/b-bg.jpg) 50% 0 repeat; position: relative; }

/* ----- bottom nav ----- */
.bot-nav { left: 200px; top: 24px; position: absolute; width: 600px; }
.bot-nav td { width: 1%; padding: 0 5px; font: bold 14px/16px 'Times New Roman'; color: #ffde00; text-align: center; white-space: nowrap; position: relative; }
.bot-nav a { color: #fff; text-decoration: none; position: relative; }
.bot-nav a:hover { text-decoration: underline; }

/* ----- banner ----- */
.f-banner { left: 10px; top: 20px; position: absolute; }
.f-banner li { display: inline; float: left; margin-left: 10px; }
.f-banner img { vertical-align: top; }

/* ----- copyrights ----- */
.f-cr { left: 815px; top: 20px; position: absolute; font-weight: bold; color: #fef2f7; }
.f-cr a { color: #fef2f7; }



/* -------------------- CONTENT -------------------- */
.content { width: 100%; padding-bottom: 84px; position: relative; }

/* -------------------- CENTER -------------------- */
.wrapper { display: inline; float: left; width: 100%; }
.center { margin: -64px 200px 0; padding-top: 14px; position: relative; }

/* -------------------- LEFT -------------------- */
.left { display: inline; float: left; width: 160px; position: relative; margin-left: -100%; padding: 0 0 221px 10px; }

/* -------------------- RIGHT -------------------- */
.right { display: inline; float: left; width: 160px; position: relative; margin-left: -170px; padding-bottom: 185px; }



/* ---------------------------------------- PUBLIC CLASSES ---------------------------------------- */
/* ----- corners ----- */
.cn { display: block; left: 0; top: 0; position: absolute; overflow: hidden; }
.cn.trcn, .cn.brcn { left: 100%; }
.cn.blcn, .cn.brcn { top: 100%; }

/* ----- bg ----- */
.devka { display: block; left: 3px; bottom: 85px; position: absolute; width: 209px; height: 200px; background: url(/design/images/winx-niz.gif) 0 0 no-repeat; }
.mirwinx { display: block; right: 14px; bottom: 100px; position: absolute; width: 154px; text-align: right; color: #fcaed9; }
.mirwinx strong { color: #ff7cc4; }
.mirwinx img { vertical-align: top; margin-bottom: 15px; }
.cat { display: block; left: -11px; top: -11px; position: absolute; width: 41px; height: 48px; background: url(/design/images/cat.png) 0 0 no-repeat; z-index: 20; }
.pomada { display: block; right: 3px; bottom: 3px; position: absolute; width: 113px; height: 43px; background: url(/design/images/pomada.png) 0 0 no-repeat; }

/* ----- button ----- */
.btn { display: -moz-inline-box; display: inline-block; height: 30px; vertical-align: top; overflow: hidden; font: 14px/14px 'Times New Roman'; text-decoration: none !important; position: relative; }
.btn b { display: block; font-weight: bold; background-position: 0 -30px; background-repeat: no-repeat; }
.btn b b { height: 16px; padding: 6px 16px 9px; background-position: 100% -60px; }
.btn img { vertical-align: middle; margin: 0 5px; position: relative; }
.btn .larr { margin: 0 10px 0 0; }
.btn .rarr { margin: 0 0 0 10px; }
/* ----- blue ----- */
.btn-blue { color: #fff; background: url(/design/images/btn-blue.png) 0 0 repeat-x; }
.btn-blue b { background-image: url(/design/images/btn-blue.png); }
/* ----- pink ----- */
.btn-pink { color: #ffde00; background: url(/design/images/btn-pink.png) 0 0 repeat-x; }
.btn-pink b { background-image: url(/design/images/btn-pink.png); }

/* ----- horizontal separator ----- */
.hs-lapa { height: 14px; margin-bottom: 10px; overflow: hidden; background: url(/design/images/ico-lapa2.png) 0 0 repeat-x; position: relative; }

/* ----- icos ----- */
.remove { color: #f00; padding-right: 16px; background: url(/design/images/ico-remove.png) 100% 3px no-repeat; }
.print { padding: 0 0 2px 20px; background: url(/design/images/ico-print.png) 0 2px no-repeat; }
.zoom { padding-left: 16px; background: url(/design/images/ico-zoom.png) 0 3px no-repeat; }
.comment { padding-left: 14px; background: url(/design/images/ico-comment.png) 0 3px no-repeat; }
.babochki { padding: 28px 0 22px 65px; margin-bottom: 1em; background: url(/design/images/butterfly.gif) 0 0 no-repeat; }

/* ---------------------------------------- PRIVATE CLASSES ---------------------------------------- */
/* ----- sidebox ----- */
.sidebox { width: 166px; margin: 0 -3px 10px; background: #fff url(/design/images/sidebox-cbg.png) 0 0 repeat-y; position: relative; }
.sidebox .bbg { padding-bottom: 3px; background: url(/design/images/sidebox-bbg.png) 0 100% no-repeat; position: relative; }
.sidebox .head { height: 36px; padding: 4px 0 0 10px; overflow: hidden; background: url(/design/images/sidebox-tbg.png) 0 0 no-repeat; position: relative; }
.sidebox .body { width: 158px; padding: 1px 4px; margin-top: -6px; position: relative; }
.sidebox img { vertical-align: top; }
.left .sidebox .head h1 { color: #fff; }
.right .sidebox .head h1 { color: #c50257; }
.right .sidebox .head { background: url(/design/images/sidebox-tbg2.png) 0 0 no-repeat; }

/* ----- basket ----- */
.r-basket { width: 136px; height: 84px; margin: -146px 0 15px; padding: 160px 12px 0 12px; color: #fff; position: relative; z-index: 10; }
.r-basket .bg { display: block; left: 0; top: 0; position: absolute; width: 160px; height: 244px; background: url(/design/images/basket-bg.png) 0 0 no-repeat; z-index: -1; }
.r-basket h1 { margin-bottom: 8px; color: #c50257; }
.r-basket h1 a { color: #c50257 !important; }
.r-basket td { padding-bottom: 2px; }
.r-basket td:first-child, .r-basket td.first-child { padding-right: 5px; }
.r-basket strong { color: #c50257; }

/* ----- best sellers ----- */
.best-sellers ul { width: 150px; margin: -5px 5px 10px; list-style: none; position: relative; }
.best-sellers li { padding: 10px 0 17px; text-align: center; background: url(/design/images/best-sellers-sep.png) 5px 100% repeat-x; }
.best-sellers img { vertical-align: top; margin-bottom: 3px; }
.best-sellers a { color: #cc0878; }

/* ----- box ----- */
.w-box { margin-bottom: 30px; position: relative; z-index: 10; }
.box { margin: -3px; padding: 13px; overflow: hidden; background-color: #fff; position: relative; z-index: 10; }
.box .v-bg, .box .h-bg { display: block; left: 0; top: 0; position: absolute; }
.box .v-bg { width: 100%; height: 6px; margin: -3px 0 0 0; background: url(/design/images/box-vbg.png) 0 0 repeat-x; }
.box .v-bg.bbg { top: 100%; }
.box .h-bg { width: 6px; height: 100%; margin: 0 0 0 -3px; background: url(/design/images/box-hbg.png) 0 0 repeat-y; }
.box .h-bg.rbg { left: 100%; }
.box .cn { width: 18px; height: 18px; margin: -9px 0 0 -9px; background: url(/design/images/box-cn.png) 0 0 no-repeat; }
.box .h2 { padding: 0 10px 1em 20px; position: relative; }
.box .h2 h2 { margin-right: 140px; }
.box .h2 .remove { display: inline; float: right; }

/* ----- goods ----- */
.goods { width: 568px; margin: 0 auto 30px; table-layout: fixed; position: relative; }
.goods td { width: 176px; text-align: center; }
.goods td img { vertical-align: top; margin-bottom: 3px; }
.goods td.vsep { width: 14px; background: url(/design/images/goods-sep.png) 0 0 repeat-y; }
.goods tr.hsep td { width: 100%; height: 20px; }
.goods tr.nobg td.vsep, .goods tr.links td.vsep { background: none; }
.goods tr.links td { text-align: left; font: 16px/20px 'Times New Roman'; }
.goods tr.links p { margin-bottom: 4px; }
.goods tr.links a { padding-left: 22px; color: #cc0878; background: url(/design/images/ico-ok.gif) 0 2px no-repeat; }
.goods .price { width: 170px; height: 27px; margin: 2px -6px 0 0; padding: 7px 6px 0 4px; font: bold 14px/16px 'Arial'; color: #fff; background: url(/design/images/price-bg.png) 0 0 no-repeat; position: relative; }

/* ----- bottom box ----- */
.bottom-box { width: 100%; margin-bottom: 20px; position: relative; }
.bottom-box .head { padding: 0 0 5px 3px; }
.bottom-box .w-list { margin-left: -20px; overflow: hidden; position: relative; }
.bottom-box .w-list table td { width: 104px !important; padding: 0 0 10px 15px !important; text-align: center; }
.bottom-box .w-list table img { padding: 2px; vertical-align: top; margin-bottom: 4px; background-color: #fea9ce; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.bottom-box .w-list table a { color: #0264bd !important; text-decoration: underline; }
.bottom-box .w-list table a:hover, a:active { text-decoration: none !important; }

/* ----- speedbar ----- */
.speedbar { padding: 0 0 10px 10px; margin: 0 !important; list-style: none !important; position: relative; }
.speedbar li { display: inline; float: left; padding: 0 6px 10px 30px; color: #cc0878; background: url(/design/images/ico-lapa.png) 10px 1px no-repeat; }
.speedbar a { color: #cc0878; }

/* ----- goods options ----- */
.goods-options { padding-right: 10px; position: relative; }
.goods-options .speedbar { margin-right: 120px !important; }

/* ----- basket ----- */
.w-basket { width: 100%; margin-bottom: 10px; overflow: hidden; position: relative; }
.w-basket .cn { width: 16px; height: 16px; margin: -8px 0 0 -8px; background: url(/design/images/basket-cn.png) 0 0 no-repeat; }
.w-basket .bd-basket { border: solid #ff79af; border-width: 0 1px; }
.basket { width: 100%; position: relative; }
.basket img { vertical-align: middle; }
.basket thead td, .basket tfoot td { padding: 8px 0; font-weight: bold; color: #fff; background-color: #ff79af; }
.basket tfoot td { padding-left: 20px; padding-right: 20px; font-size: 14px; text-align: right; }
.basket thead .td1 { padding-left: 10px; }
.basket tbody td { padding: 5px 0; vertical-align: middle; }
.basket tbody .td1 { width: 170px; text-align: center; }
.basket tbody .td2 { padding: 20px 10px 5px 0; vertical-align: top; color: #7d7174; }
.basket tbody .td3 { width: 70px; }
.basket tbody .td4 { width: 80px; font-size: 14px; font-weight: bold; color: #c50257; }
.basket tbody .td5 { width: 30px; text-align: center; }
.basket tbody tr.even td { background-color: #feecf5; }
.basket tbody .text { width: 40px; text-align: center; color: #5d6b75; border-color: #cbe6f9; }

/* ----- basket options ----- */
.basket-options { padding: 0 10px; position: relative; }
.basket-options .fl .btn { margin-right: 10px; }
.basket-options .fr .btn { margin-left: 10px; }

/* ----- article ----- */
.article { width: 100%; margin-bottom: 30px; position: relative; }
.article .big-photo { width: 300px; padding-right: 10px; text-align: center; }
.article .big-photo img { vertical-align: top; margin-bottom: 5px; }
.article .specification h2 { margin-bottom: 1em; }
.w-price { padding: 0 0 20px 15px; }
.w-price p { margin-bottom: 4px; }
.w-price big { line-height: 16px; color: #cc0878; }

/* ----- other goods ----- */
.w-other-goods { margin: 0 -10px; }
.other-goods { width: 580px; margin-bottom: 15px; position: relative; }
.other-goods td { text-align: center; }
.other-goods tr.hsep td { height: 40px; background: url(/design/images/other-goods-sep.png) 50% 65% no-repeat; }
.other-goods img { vertical-align: top; margin-bottom: 4px; }

/* ----- pager ----- */
.navigation { width: 560px; height: 16px; padding: 7px 10px; color: #ffcde6; background: url(/design/images/pager-bg.png) 50% 0 no-repeat; position: relative; }
.navigation a { color: #fff; margin-left: 8px; }
.navigation .faq { display: -moz-inline-box; display: inline-block; vertical-align: middle; width: 24px; padding: 4px 0; margin: -4px 0; font-weight: bold; color: #ff79af; text-align: center; background: url(/design/images/pager-active.png) 50% 50% no-repeat; margin-left: 8px; }
.navigation .ml2 { margin-left: 16px; }

/* ----- lot ----- */
.lot { width: 100%; margin-bottom: 15px; position: relative; }
.lot .td1 { vertical-align: middle; }
.lot .td2 { padding-left: 10px; }

/* ----- dialog ----- */
.dialog { width: 476px; height: 32px; padding: 17px 10px 11px 104px; margin: -14px 0 5px 10px; font: bold 14px/16px 'Arial'; color: #567d96; background: url(/design/images/faq-bg.png) 0 0 no-repeat; position: relative; }
.dialog table { width: 100%; height: 32px; position: relative; }
.dialog td { vertical-align: middle; }
.dialog .td1 { padding-right: 10px; }
.dialog .td2 { width: 96px; }
.dialog .td2 img { float: left; margin-right: 14px; }