h1 {color:#BC0750; font-weight:bold; font-size: 18px; text-decoration:none; font-family:Georgia; display:inline}
h2 {font-size:110%;}

body  { margin:0 auto; padding:0; background-color: #dbf2b7; max-width:1400px; position:relative; }
a         { font-weight:bold; color:#008000; text-decoration:none; outline:none; }
a:visited { font-weight:bold; color:#3A6000; }
a:hover   { text-decoration:underline; }


#phone_bg { position:absolute; background-color:white; right:0; top:0; width:265px; height:70px; opacity:0.7; border-radius:0 0 0 40px; }
#phone { position:absolute; top:5px; right:10px; text-align:center; font: bold 20px Verdana; color:#ce3972; text-shadow: 1px 1px 1px #0828a0; z-index:1000; }
#phone a { color:#ce3972; }
#phone a:hover { text-decoration:none; color:#ef2670; }
.hh     { background-position:50% 50%; background-repeat:no-repeat; height:200px; margin-top:-200px; opacity: 0}
#head   { position:absolute; width:100%; text-align:center; margin-top:-200px; height:200px;}

#menu       { background-image:url(img/menu_bg.png); min-height:40px; margin:auto; padding:0; text-align:center; }
#menu ul    { list-style:none; padding:0; margin:auto; display:table }
#menu ul li { list-style:none;
              margin: auto;
              padding: 0 0 0 33px;
              float: left;
              width:110px;
              font-size: 16px;
              font-family: Verdana;
              font-weight: bold;
              text-shadow: #666666 2px 2px 1px;
              color: orange;
              height: 40px;
              line-height: 40px;
              background-image:url(img/cow.png);
              background-repeat:no-repeat;
              background-position:0% 30%;
              text-align: left;
            }
#menu ul .active { background-image:url(img/cow_a.png); }
#menu ul li:hover   { background-image:url(img/cow_a.png); }
#menu ul li a       { display:block; color: white; text-decoration: none; display:block; }
#menu ul li a:hover { color: orange; text-decoration: none; }
#pda-menu { background-image:none !important; width:100% !important; text-align:center !important; padding:0 !important; }
#pda-menu a {
  position: relative;
  width:110px;
  margin:auto;
}
.hamburger::before {
    content: "";
    position: absolute;
    top: 0.15em;
    left: 0;
    width: 100%;
    border-top: 0.15em solid #fff;
}
.hamburger {
    border-bottom: 0.15em solid #fff;
    border-top: 0.15em solid #fff;
    display: inline-block;
    height: 0.4em;
    margin-right: 0.3em;
    position: relative;
    width: 1em;
}

#left_bg  { background-image:url(img/left_bg.png); background-repeat:repeat-y; }
#right_bg { background-image:url(img/right_bg.png); background-repeat:repeat-y; background-position:100% 0; }
#right_bg2 { background-image:url(img/border.png); background-repeat:repeat-y; background-position: 100% 0; }
#content  { padding:25px; min-height:270px; }
#content li { list-style-position: inside; }
#content img { max-width:100% }
#address  { float:right; width:267px; height:267px; margin-left:25px; background-image: url(img/address_bg.png); background-repeat:no-repeat; padding-top: 30px; }
#address div   { padding:8px;font-size:16px;text-align:center; color:#421e04; text-shadow: #cc9966 2px 2px 1px; font-family: Arial; line-height: 1.3}
#address div a { color:#421e04; text-decoration:none; }
#footer   { clear:both; background-image:url(img/grass.png); background-position:0% 100%; background-repeat:repeat-x; margin-top:30px; padding-bottom:50px;}
.breadcrumb { margin-bottom: 20px; }

.block      { width:300px; border-width:0; border-spacing:0; border-collapse: collapse; }
.block td   { margin:0; padding:0; }
.corner     { width:38px; }
.corner img { display:block; border:none; width:38px; height:39px; }

.block_item { margin:15px 0; padding:7px; border:1px solid #3A6000; border-radius:5px;
    -moz-box-shadow: 2px 2px 2px #74AD1F;
    -webkit-box-shadow: 2px 2px 2px #74AD1F;
    box-shadow: 2px 2px 2px #74AD1F;
    }

/* catalog */
.leftcol { width:250px; float: left; }
.rightcol { margin-left:260px; }
#groups { border: 1px solid #477600; border-radius:5px; padding:10px; margin-bottom:5px; }
#items { text-align:left }

.border td, th { border:1px solid #3A6000; padding:5px;}
.head { color:#8d0001; font-weight:bold}
.require { border-bottom: 1px dotted red; }

th.tablesorter-header {
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
    margin-right: -1px;
}
th.tablesorter-headerDesc { background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); }
th.tablesorter-headerAsc  { background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); }

.num {text-align:right; white-space:nowrap; }
input.numeric {width:40px; text-align:right}
input.button {background-color:#EFA243; color:#8d0001; font-weight:bold; border:1px solid #8d0001; padding:3px; }
input.smallbutton {background-color:#EFA243; color:#8d0001; font-weight:bold; border:1px solid #8d0001; }

input:not(.spin)[type="number"] { -moz-appearance:textfield; }
input:not(.spin)::-webkit-outer-spin-button, input:not(.spin)::-webkit-inner-spin-button { -webkit-appearance: none; }

#basket { position:fixed; right:0px; bottom:0px; white-space:nowrap; border:1px solid #8d0001; padding:5px; text-align:right; background-color:#FFFF99; border-radius:10px 0 0 0;}
#last_pages { padding-bottom:5px; }
.price { font-weight:bold; color:#8d0001; }
.button_basket { width: 118px; font-weight:bold; border:1px solid #8d0001;border-radius:4px; background-color:#FFFF99; background-repeat:no-repeat; background-position:97% 40%; padding: 3px 26px 3px 3px; }
.button_basket:hover { cursor:pointer; }
.order_no {  color:#8d0001; background-image:url(/catalog/default/img/ico/shopping_cart.png); }
.order_yes {  color:green; background-image:url(/catalog/default/img/ico/shopping_cart_ok.png); }

.product_logo { border:0;float:left;margin:5px 8px 0px 5px; }
#desc   { text-align:justify; margin-top:5px; display:table; }
#desc p { text-align:justify; margin:0px }
.cascade_container { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.cascade { text-align:center; max-width:275px; overflow:auto; width:275px; margin:0 15px 30px 0; padding:7px; border:1px solid #3A6000; border-radius:5px;
    -moz-box-shadow: 2px 2px 2px #74AD1F;
    -webkit-box-shadow: 2px 2px 2px #74AD1F;
    box-shadow: 2px 2px 2px #74AD1F;
    }
.cascade_title { min-height: 40px; }
.foto { width:200px; height:210px; margin:auto; display:table; text-align:center; }
.foto div { display:table-cell; vertical-align:middle; }
.foto div img { max-height: 200px; }
.cascade_foto { max-height:200px; max-width:200px; border:none; }
.nofoto       { background-color:#F8F8F7; color:#53AD3B; font-size:14px; height:200px; }
#dhtmltooltip{
position: absolute;
left: -300px;
visibility: hidden;
text-align:center;
z-index: 100;
max-width:100%;
}
#dhtmltooltip img { max-width:400px; max-height:400px;}
article img { max-width:100%; height:auto !important; }

.err { border:2px solid red; }
.ico { width:16px; height:16px; border:0; vertical-align:absmiddle }

#login_block { margin:10px 0; background-color: #d1edaa; border-radius:5px; padding:10px; border: 1px solid #477600; }
#login_block input { width:100px; }
#login_block div.register_block { display:none; }
.num {text-align:right; white-space:nowrap; }
fieldset { margin:10px 0; border-radius:5px; padding:10px; width:100%; border: 1px solid #477600; }

.cattoggle { border: 1px solid #477600; border-radius: 5px; padding: 7px; margin: 5px 0; position: relative; background-color: #dbf2b7; }
.cattoggle a { display:block; }
.cattoggle a:after  { content:"»"; position:absolute; right:7px; }
.pda-yes {display:none;}

div.paynote { font-weight:bold;margin:20px 0; }
div.payway button {
-webkit-appearance:none;
background-color:#fff;
border:1px solid #74b2e2;
color:#2e6e9e;
border-radius:3px;
box-shadow:2px 2px 2px gray;
font-weight:bold;
padding:3px;
text-shadow:0 1px 0 #fff;
cursor:pointer;
width:250px;
text-align:left;
float: left;
margin-right: 15px;
font-size:105%;
}
div.payway button img { width:60px; height:60px; vertical-align:middle }
div.payway { border-bottom: 1px dotted silver; margin-bottom: 10px; padding-bottom: 10px; }
div.payway span { color:#2D2D2B; font-size:90%; }

@media (max-width: 768px) {
.leftcol { float: none; width: auto; }
.rightcol { margin-left: 0; }
.pda-no  { display:none !important; }
.pda-yes { display:block !important; }

table.flextable {
border:0;
}
table.flextable tr {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom:7px;
}
table.flextable td,table.flextable th {
padding: 3px;
display: block;
-webkit-flex-grow: 1;
flex-grow: 1;
word-wrap:break-word;
white-space: normal !important;
width:auto;
text-align:center !important
}
.flex-first {
background-color: #DBF2B7;
-webkit-order: -1;
order:-1;
-webkit-flex: 1 0 100%;
min-width:100%;
box-sizing:border-box;
padding:5px !important;
}
.flex-min { -webkit-flex-grow: 0 !important; flex-grow: 0 !important }
.break-all {word-break: break-all;}
div.payway button { width: 100%; margin-bottom: 5px; }
#items { text-align:center; }
#dhtmltooltip img { max-width:100%; height:auto;}
}