html { overflow-y: scroll; }
body, td  { color: #000000; font: 11px sans-serif; }
body { background-color: #ffffff; margin: 0; }

div.bg { background-image: url(/i/1/bg.jpg); background-position: top center; background-repeat: no-repeat; min-width: 1000px; min-height: 600px }
div.bg1 { background-image: url(/i/1/bg2.jpg); background-position: top center; background-repeat: no-repeat; min-width: 1000px; min-height: 600px }
div.bg2 { background-image: url(/i/1/bg2.jpg); background-position: top center; background-repeat: no-repeat; min-width: 1000px; min-height: 600px }
div.header { background-image: url(/i/1/top-line.png); background-position: top center; background-repeat: repeat-x; padding-top: 21px; }
div.header2 { background-image: url(/i/1/top-line2.png); background-position: top center; background-repeat: repeat-x; padding-top: 21px; }
div.topbar { background-image: url(/i/1/bar-bg.png); background-position: center center; background-repeat: no-repeat; min-width: 1000px;  }

div.bottom { background-image: url(/i/1/bot-line.png); background-position: top center; background-repeat: repeat-x; padding: 3px 0px 0px 0px; }
div.bottom2 { background-image: url(/i/1/bot-line.png); background-position: top center; background-repeat: repeat-x; padding: 3px 0px 0px 0px; }
div.bottom div { background-image: url(/i/1/bottom.jpg); background-position: top center; background-repeat: no-repeat; padding: 6px 2px 20px 2px; min-height: 140px }
div.bottom2 div { background-image: url(/i/1/bottom.jpg); background-position: top center; background-repeat: no-repeat; padding: 6px 2px 20px 2px; min-height: 140px }
td.copy { font-size: 9px; color: #666666; }
td.copy a { color: #666; text-decoration: none; }

div.menu { cursor: pointer; background-image: url(/i/1/menu-bg-closed.png); background-position: left center; background-repeat: no-repeat; font-size: 14px; font-weight: bold; padding: 6px 6px 6px 16px; }
div.menu-a, div.menu.active, div.menu.expanded { background-image: url(/i/1/menu-bg.png); background-position: left center; background-repeat: no-repeat; font-size: 14px; font-weight: bold; padding: 6px 6px 6px 16px; }
div.menu-a.leaf, div.menu.leaf.active { background-image: url(/i/1/menu-bg2.png); background-position: left center; background-repeat: no-repeat; font-size: 14px; font-weight: bold; padding: 6px 6px 6px 16px; }
div.menu-hover { background-image: url(/i/1/menu-bg-hover.png) !important; background-position: left center; background-repeat: no-repeat; font-size: 14px; font-weight: bold; padding: 6px 6px 6px 16px; }
div.leaf.menu-hover { background-image: url(/i/1/menu-bg-hover2.png) !important; background-position: left center; background-repeat: no-repeat; font-size: 14px; font-weight: bold; padding: 6px 6px 6px 16px; }
div.page { position: relative; background-image: url(/i/1/page.png); background-position: left top; background-repeat: no-repeat; padding: 10px 10px 10px 16px; }
div.page-bot { position: absolute; bottom: 0px; left: 0px; width: 187px; height: 5px; background: url(/i/1/page-bot.png) no-repeat; }
div.page2 { position: relative; background-image: url(/i/1/page2.png); background-position: left top; background-repeat: no-repeat; padding: 10px 10px 10px 16px; }
div.page-bot2 { position: absolute; bottom: 0px; left: 0px; width: 187px; height: 5px; background: url(/i/1/page-bot2.png) no-repeat; }

.menu a:link { color: #000000; }
.menu a:visited { color: #000000; }
.menu a:hover { color: #5673b7; }
.menu a:active { color: #000000; }

.menu-a a:link { color: #000000; }
.menu-a a:visited { color: #000000; }
.menu-a a:hover { color: #5673b7; }
.menu-a a:active { color: #000000; }

.menu-hover a:link { color: #000000; }
.menu-hover a:visited { color: #000000; }
.menu-hover a:hover { color: #5673b7; }
.menu-hover a:active { color: #000000; }

span.grey { color: #a4a4a4; font-size: 9px; }

div.menulist { margin-left: 30px; padding-bottom: 3px; }
div.menulist img { margin-left: -14px }
div.menulist a:link { color: #00e; }
div.menulist a:visited { color: #00e; }
div.menulist.active { font-weight: bold; }

div#key-icon { display: none; position: fixed; top: 0px; right: 0px; width: 80px; height: 80px; background: url(/i/lock.png); }

td.zapravka { background-image: url(/i/1/icon-zapravka.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
td.printer { background-image: url(/i/1/icon-printer.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
td.remont { background-image: url(/i/1/icon-remont.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
td.rashod { background-image: url(/i/1/icon-rashod.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
td.soft { background-image: url(/i/1/icon-soft.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
td.computer { background-image: url(/i/1/icon-computer.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }

.bg1 td.zapravka { background-image: url(/i/1/icon-zapravka2.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
.bg1 td.printer { background-image: url(/i/1/icon-printer.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
.bg1 td.remont { background-image: url(/i/1/icon-remont2.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
.bg1 td.rashod { background-image: url(/i/1/icon-rashod2.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
.bg1 td.soft { background-image: url(/i/1/icon-soft2.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
.bg1 td.computer { background-image: url(/i/1/icon-computer2.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }

.bg2 td.zapravka { background-image: url(/i/1/icon-zapravka3.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
.bg2 td.printer { background-image: url(/i/1/icon-printer3.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
/* .bg2 td.remont { background-image: url(/i/1/icon-remont3.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  } */
.bg2 td.remont { background-image: url(/i/1/icon-computer3.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
.bg2 td.rashod { background-image: url(/i/1/icon-rashod3.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
.bg2 td.soft { background-image: url(/i/1/icon-soft3.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
.bg2 td.computer { background-image: url(/i/1/icon-computer3.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
.bg2 td.planshet { background-image: url(/i/1/icon-tablet.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
.bg2 td.monitor { background-image: url(/i/1/icon-monitor.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
.bg2 td.notebook { background-image: url(/i/1/icon-remont3.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
.bg2 td.apple { background-image: url(/i/1/icon-iphone-ipad.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }
.bg2 td.recycle { background-image: url(/i/1/icon-recycle.png); background-position: left top; background-repeat: no-repeat; min-height: 120px; padding: 0px 10px 10px 140px;  }

div.iconheader { min-height: 42px; font-family: serif; font-size: 15px; padding-top: 6px; line-height: 14px; color: #2b3e62; }
div.icontext { min-height: 70px; font-family: tahoma, verdana, sans-serif; font-size: 11px; }
div.icontext ul { padding: 0px; margin: 0px; }
div.icontext li { padding: 0px; margin: 0px; list-style-image: url(/i/1/menulist.png); list-style-type: circle; list-style-position: outside; margin-left: 30px; padding-left: 0px; }
/*div.icontext li { list-style: none; } div.icontext li:before { display: marker; content: url(/i/1/menulist.png); } */
div.iconheader a, div.icontext a { color: inherit !important; text-decoration: none; }

div.prodcat3 { width: 150px; margin-right: 15px; margin-bottom: 15px; float: left; text-align: center; }
div.prodcat3 a { text-decoration: none; color: #000; }


.catgroup { display: inline-block; float: left; width: 160px; height: 120px; text-align: center; vertical-align: middle; padding: 15px; }
.catgroup img { height: 40px; }
.cattitle { font-size: 70%; }
.cattitle a { text-decoration: none; color: #000; }
.cattitle { font-family: serif; font-size: 100%; }

.cattbl { /*border-collapse: collapse;*/ border-spacing: 1px; }
.cattbl td, .cattbl th { padding: 5px; /* border: 1px solid #777; padding: 10px; */ font-family: serif;  }
/* .cattbl .spacer { display: block; float: left; width:0px; height: 60px; } */

.cattbl tr.even td { background-color: #ebf1ff; }
/* .cattbl tr td, .cattbl tr th { min-height:60px; height:60px; } */
.cattbl th { text-align: center; }
.cattbl td.price { text-align: right; }
.cattbl td.icon { width: 92px; text-align: center; background-color: #fff !important; }
img.cart { vertical-align: middle; }
img.thumb { vertical-align: middle; width: 88px; margin-top: 2px; margin-bottom: 2px; }

.content, .content td { font-family: serif; font-size: 14px; }

.menu_track { font-size: 90%; padding-bottom: 15px; }
.menu_track a { color: #8c8c8c; }
.menu_track a.active { color: #000; text-decoration: none; font-weight: bold; }
.menu_track a.home { display: inline-block; overflow: hidden; width: 15px; height: 14px; background: url(/i/1/home.png) no-repeat; text-indent: -9999px; }

td.code { white-space: nowrap; vertical-align: middle; }

tr.thead { background-image: url(/i/1/thead-bg.png); cursor: pointer; background-position: left bottom; background-repeat: no-repeat;}

td.thead-prodcat { background-position: left bottom; background-repeat: no-repeat; min-height: 50px; color: #ffffff; font: 20px serif; padding: 10px 4px 16px 4px;}
td.thead-prodcat a { color: white; text-decoration: none; }
td.thead-hp { background-image: url(/i/prodcat/hewlett-packard.png); background-position: left bottom; background-repeat: no-repeat; min-height: 50px; color: #ffffff; font: 20px serif; padding: 10px 4px 16px 4px;}
td.thead-xerox { background-image: url(/i/prodcat/xerox.png); background-position: left bottom; background-repeat: no-repeat; min-height: 50px; color: #ffffff; font: 20px serif; padding: 10px 4px 16px 4px;}
td.thead-samsung { background-image: url(/i/prodcat/samsung.png); background-position: left bottom; background-repeat: no-repeat; min-height: 50px; color: #ffffff; font: 20px serif; padding: 10px 4px 16px 4px;}
td.thead-canon { background-image: url(/i/prodcat/canon.png); background-position: left bottom; background-repeat: no-repeat; min-height: 50px; color: #ffffff; font: 20px serif; padding: 10px 4px 16px 4px;}
td.thead-kyocera { background-image: url(/i/prodcat/kyocera.png); background-position: left bottom; background-repeat: no-repeat; min-height: 50px; color: #ffffff; font: 20px serif; padding: 10px 4px 16px 4px;}
td.thead-brother { background-image: url(/i/prodcat/brother.png); background-position: left bottom; background-repeat: no-repeat; min-height: 50px; color: #ffffff; font: 20px serif; padding: 10px 4px 16px 4px;}
td.thead-panasonic { background-image: url(/i/prodcat/panasonic.png); background-position: left bottom; background-repeat: no-repeat; min-height: 50px; color: #ffffff; font: 20px serif; padding: 10px 4px 16px 4px;}
td.thead-col { background-color: #6384c3; color: #d1dcf1; font: 9px sans-serif; padding: 0px 4px 2px 4px;  }

.search_cathdr { font-family: tahoma,verdana,sans-serif; font-size: x-small; color:#777; }

.soc { float: left; width: 50px; height: 50px; background: url(/i/vkfbok.png) no-repeat; margin-right:2px; }
.soc.vk { background-position: 0px -50px; }
.soc.fb { background-position: -50px -50px; }
.soc.ok { background-position: -100px -50px; }
.soc.vk.over { background-position: 0px 0px; }
.soc.fb.over { background-position: -50px 0px; }
.soc.ok.over { background-position: -100px 0px; }

.cornerimg { margin-top: -60px; height: 60px; float: right; }