/*************************************************************************
*   
*   G L O B A L  S T Y L E  S H E E T
*
*   Copyright 2009, Gerasimenko Igor, Ukraine Kharkov
*   www.kpd.pl.ua
* 
*************************************************************************/
html { height:100%; }
body { background:#3d3d3d; font-family:Arial, Helvetica, sans-serif; color:#3e3e3e; font-size:12px; height:100%; margin:0; }
img { border:none; }
input, textarea, select { background-color:#f0f0f0; border:1px solid #cbcbcb; color:#828282; }
select { height:22px; }
input[type='text'],input[type='password'] { height:20px; line-height:20px; }
input[type='button'],input[type='submit'] { width:150px; height:28px; background:url('but.png'); text-align:center; color:#FFF; text-decoration:none; line-height:28px; border:none; font-weight:bold; cursor:pointer !important; }
form { padding:0; margin:0; }
a { color:#2c9a1c; font-weight:bold; }
a:hover { text-decoration:none; }
h2,h1 { font-weight:bold; font-size:18px; color:#25a113; padding:0 20px; }
h2 a, h1 a { color:#3d3d3d; }
p { margin:0; padding:0; }

.menu.left { float:left; width:62px; padding:70px 0 0 13px; position:fixed; z-index:99999;   }
*+html .menu.left { margin-left:-75px; }
.menu.right { float:right; width:62px; padding:70px 13px 0 0; position:fixed; left:100%; margin-left:-75px; z-index:99999;  }

.menu a{ display:block; width:62px; height:51px; background-position:0 -51px; margin-top:10px; }
.menu a.select { background-position:0 0 }
.menu .m1 { background-image:url('LM1.png'); }
.menu .m2 { background-image:url('LM2.png'); }
.menu .m3 { background-image:url('LM3.png'); }
.menu .m4 { background-image:url('LM4.png'); }
.menu .m5 { background-image:url('LM5.png'); }
.menu .m6 { background-image:url('LM6.png'); }
.menu .r1 { background-image:url('RM1.png'); }
.menu .r2 { background-image:url('RM2.png'); }
.menu .r3 { background-image:url('RM3.png'); }
.menu .r4 { background-image:url('RM4.png'); }
.menu .r5 { background-image:url('RM5.png'); }
.menu .r6 { background-image:url('RM6.png'); }
.menu .r7 { background-image:url('RM7.png'); }
.menu .r8 { background-image:url('RM8.png'); }

.mentext div[id] { display:none; }
.mentext { position:absolute;  }
.mentext div { position:absolute; width:105px; height:36px; background:url('menu_bg.png'); padding:17px 2px 0 8px; font-size:14px; font-weight:bold; color:#FFF; }
.menu.left .mentext div { margin-left:70px; }
.menu.right .mentext div { margin-left:-122px; }
div#m1 { top:10px; padding-top:9px; height:44px; }
div#m2 { top:71px; padding-top:9px; height:44px; }
div#m3 { top:132px; }
div#m4 { top:193px; }
div#m5 { top:254px; }
div#m6 { top:315px; }
div#r1 { top:10px; padding-top:9px; height:44px; }
div#r2 { top:10px; padding-top:9px; height:44px; }
div#r3 { top:71px; }
div#r4 { top:132px; }
div#r5 { top:193px; padding-top:9px; height:44px; }
div#r6 { top:254px; }
div#r7 { top:315px; }
div#r8 { top:376px; padding-top:9px; height:44px; }

.main { background-color:#eef4f0; margin:0 75px; }
.header { padding:15px 8px 15px 20px; }
.logo { display:block; width:200px; height:17px; background:url('logo.png'); float:left; margin-top:20px; }
.inform { float:right; border:1px solid #FFF; border-collapse:collapse; background-color:#ededed;  }
.inform tr { border:1px solid #FFF; }
.inform tr.sel { background-color:#dadada; }
.inform td { padding:0 10px; font-size:12px; font-weight:bold; }
.clear { clear:both; }

.top { width:100%; border-collapse:collapse; }
.top td { vertical-align:top; padding:0; margin:0; }
.header .banner { width:50px; height:60px; position:relative; margin-left:220px; }
.top td.banner { width:240px; height:350px; }
.brend { width:190px; height:353px; background: no-repeat url('brend.png'); text-align:center; }
.brend>a { display:block; height:20px; }
.predlA { display:block; height:25px; width:200px; background: no-repeat url('prdl.png'); }

.restab { float:left; border-collapse:collapse; width:100%; }
.restab .yl { width:4px; height:29px; background:url('yl.png'); }
.restab .yr { width:4px; height:29px; background:url('yr.png'); }
.restab .cl { background:url('cl.png'); }
.restab .cr { background: right url('cr.png'); }
.restab .cb { background: bottom url('cb.png'); }
.restab .ct { background: top url('ct.png'); }
.restab .bl { width:4px; height:4px; background:url('bl.png'); }
.restab .br { width:4px; height:4px; background:url('br.png'); }
.restab .tl { width:4px; height:4px; background:url('tl.png'); }
.restab .tr { width:4px; height:4px; background:url('tr.png'); }
#searchFORM .restab { margin:10px 0; }
.restab .head_top { background:url('bg_table.png'); }
.restab .centr { padding:0 5px; }
.restab .centr input[type="text"] { width:90%; border:none; font-size:12px; font-style:italic; height:15px; }
.restab .centr input[type="submit"] { position:relative; left:16px;  margin:-2px 10px 0 0; height:20px; width:23px; background:url('lupa.png'); border:none; cursor:pointer; float:right; }

.bottable { background:#d1d6d3; width:100%; border-collapse:collapse; }
.bottable .banner { background-color:#e1e6e3; text-align:center; height:75px; vertical-align:middle; border-bottom:1px solid #bcc0bd; border-top:1px solid #bcc0bd; }
.bottable .header td { background-color:#eef4f0; height:31px; vertical-align:middle; border-left:1px solid #d7ddd9; width:33%; color:#3d3d3d; font-size:14px; font-weight:bold; padding-left:15px; }
.bottable .cont td { border-left:1px solid #ecf2ee; padding-left:15px; }

.context {background-color:#eef4f0; margin-top:30px; padding-bottom:20px; }

.footer { background-color:#3d3d3d; padding:10px 75px; color:#cdd2cf; font-weight:bold; text-align:center; }
.made{ float:right; }
.copy{ float:left; text-align:left; }

.tovar { float:left; width:330px; height:220px; margin:0 0 20px 30px; color:#adb3b0; }
.tovar>a{ font-size:14px; padding-bottom:5px; }
.tovar>div { width:170px; margin:10px 0 0 10px; }
.tovar>div a { color:#3e3e3e; }
.tovar img { float:left; margin:10px 5px; }
.tovar img:hover { border:5px solid #a7dd9f; margin:5px 0; }

#brend_div { margin-top:40px; }
#brend_div img { display:block; margin:40px auto; }

.HZ { background: repeat-x top url('bgHZ.png'); border-bottom:1px solid #6c6e6d; padding:0 20px 10px 20px; background-color:#c7ccc9; }
.greentbl { border-collapse:collapse; margin-left:20px; width:80%; }
.greentbl a { color:#515151; font-weight:normal; text-decoration:none; }
.greentbl a:hover { color:#25a113; text-decoration:underline; }
.greentbl td { padding:5px; border:1px solid #f8f8f8; }
.head { background-color:#2e981f; color:#FFF; font-size:14px; font-weight:bold; }
.where_buy { display:block; width:97px; height:28px; background:url('where-buy.png'); text-align:center; color:#FFF; text-decoration:none; line-height:28px; float:left; }

/*----------------------Scroll-------------------------*/
div.scrollable {  position:relative; overflow:hidden; height:200px; margin:10px 4px; background-color:#c5cac7; padding:5px; width:90%; float:left; }
div.scrollable div.items {  position:absolute; width:20000em; }
div.scrollable div.items a { display:block; margin-right:5px;  float:left; } 
.nextPage, .prevPage { float:left; cursor:pointer; margin-top:10px; }

.bot_cat { float:left; width:32%; margin-right:10px; }
.bot_cat a { color:#3e3e3e; text-decoration:none; }
.bot_cat a:hover { color:#2c9a1c; text-decoration:underline; }

/* ------------------------Tabs----------------------------------*/
.ui-tabs { padding: .9em; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; margin-left:11px; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: -16px 8px 3px -3px; background-color:#848484; border:1px solid #9ba19d; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em;}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background-color:#c5cac6; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#FFF;  }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color:#FFF; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background:#c5cac6; border:1px solid #9ba19d; margin:0 10px; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.predl { height:100px; width:200px; float:left; margin:5px; }
.div_ebn { overflow-x:scroll; height:318px; white-space: nowrap; }
.div_ebn { height:350px\0/; }
