body, .sidebar h2, h3 { font-size: 14px }
h1, .content .pages, .characteristics .content h2, .info .price, .sidebar .price { font-size: 25px; }
h2, .check .status, #header .menu a { font-size: 16px }
.content h2 { font-size: 17px }
body, .field, .button, .field input, .button input, .field textarea, .button button, .field span { font-family: Arial, sans-serif }
#main a, #footer a, #panel ul li a strong, .goods .unavailable a:hover, #main .pages a span {
    text-decoration: underline }
#main a:hover, #footer a:hover, #panel ul li a, .menu li a.active, .menu li a.active:hover, #main .menu li a.active, #main .menu li a.active:hover, #header .menu li a:hover, .goods .discount ins, #main .sort a, #main .pages a, #main .pages a:hover span {
    text-decoration: none }
h1, #panel ul strong, .content h2 {
    font-weight: normal }
h2, .phone div, .list .price span, .sort span, .sort a, h3 {
    font-weight: bold }
h1, h2, h3, h4, .phone p, .menu a.active, .menu a.active:hover, p.copy, .goods .unavailable *, .sort, .pages, .filter, .info {
    cursor: default }
.button, .button *, .expandHeader {
    cursor: pointer }

#sidebar li a, #sidebar li a span, #panel ul a, .field, .button, .field input, .button input, .field textarea, .button button, .field span, #main label, #panel ul strong, #panel ul span, #header .menu a {
    display: block }
#panel li, #panel ul a strong, #panel ul a span, #header .menu a, #header .c2 div, sup, .pages a, .info .button {
    position: relative }
#logo, #header .c1, .cart .list .checkbox {
    position: absolute }
#header, .field, .button, .field input, .button input, .field textarea, .button button, .field span, .phone div, #header .items, .sort span, .sort a {
    overflow: hidden }
#sidebar li a, .phone p, .phone div, form.check label, #panel fieldset, #panel label, #panel li, #panel li strong, #panel li span, #header li, .filter div label, .preview {
    float: left }
#panel form, #header .c2 div, #content .sidebar, .info .button {
    float: right }
#sidebar .clearer, #sidebar li {
    clear: left }

.sidebar { clear: right }

#main .button input, #main .button button, #main form, #main fieldset, #main .button, .phone div, #sidebar h2, #panel ul strong, .menu a.active span, .goods .item, .list li, #main .pages span, .pages a, .expandHeader, .producer, .info, .info .c, .info .button span, .preview, .home .col .item h2 {
    background-repeat: no-repeat }
#main form, #main .field, #main .menu a.active span span, .pages span span, .sidebar .pages a span, .content .pages a, .info, #main .button, #header .menu a.active span span {
    background-position: 100% 100% } 
.menu a.active span, .pages span, .pages .content a span {
    background-position: 0 0 }

#main a, #footer a {
    color: #6BBB33 }
#main .button input, #main .button button, .phone div, #panel ul strong, #header .menu a, #sidebar .menu a.active, #sidebar .menu a.active:hover, .new h1 sup, .new h2 sup, .sort span, #main .sort a, .pages span span {
    color: #fff }
.field, #panel .button {
    background-color: #fff }
h2, #sidebar h2 a, .field input, .field textarea, .phone p, #panel li span {
    color: #000 }
#main .button, #header .menu, #main .menu a.active span, .pages span {
    background-color: #84C225 }
#content .goods .unavailable *, .goods .unavailable *:hover, .cart #content .goods .notChecked * {
    color: #848170 }
.goods .discount ins, .action h1 sup,  .action h2 sup, .sort .active, .discount sup del, .cart #main .remove, .cart #main .order {
    color: #E77817 }
.new h1 sup, .new h2 sup, .sort span {
    background-color: #E77817 }
.field input, .button input, .field textarea, .button button, .menu a.active span span, .pages span span, .pages a span {
    background-color: transparent !important }

.field, .button, .field input, .button input, .field textarea, .button button, .field span, .sort span, .sort a, .filter div input, .sidebar .expandable, .sidebar .producer { margin: 0 }
.filter div input, #main .sidebar li, #sidebar .menu a.active, .sort span, .sort a { padding: 0 }

#panel li, #header .items, #sidebar label, .phone div {
    height: 30px }
#sidebar h2, #sidebar li, #main li li {
    padding-left: 20px }
#content li, #main li ul, #panel form, #header .menu a {
    padding-top: 4px }
#sidebar li a, #content li {
    padding-bottom: 3px }

h1 { padding: 15px 0 10px 0 }
h2, #sidebar form fieldset { padding-bottom: 6px }

#sidebar        { padding-top: 57px }
#sidebar .block     { margin-left: 20px }
#sidebar .block h2  { padding-left: 0 }
#sidebar li     { padding-top: 3px }

.block { margin-bottom: 20px }

.field, .button, .field input, .button input, .field textarea, .button button, .field span {
    height: 21px; font-size: 13px; }

#main label { padding-top: 5px }
.field input, .button input, .field textarea, .button button {
    width: 100%; border: 0 }
.field input, .field textarea {
    padding: 3px 0 0 5px; width: 96% }
.textarea, .textarea span, .textarea textarea {
    height: 100px }
.textarea textarea {
    height: 93px; overflow-y: scroll }

#sidebar form, .sidebar form, #main .content .pages a:hover, .info      { background-image: url("/images/form/formBg.png"); background-color: #F3F2EB }
#main fieldset, #main .content .pages a:hover span, .info .c    { background-image: url("/images/form/formFg.png") }
#main fieldset                          { padding: 11px }

#main .button                   { background-image: url("/images/form/mainButtonFg.png"); width: 80px; height: 21px }
#main #content .button              { margin-top: 5px }
#main .button input, #main .button button   { background-image: url("/images/form/mainButtonBg.png") }

#main    .field     { background-image: url("/images/form/mainFieldBg.png") }
#main    .field span    { background-image: url("/images/form/mainFieldFg.png") }
#sidebar .field     { background-image: url("/images/form/sidebarFieldFg.png"); background-position: 0 100% }
#sidebar .field span    { background-image: url("/images/form/sidebarFieldBg.png"); background-position: 100% 0 }

#sidebar form h2, .sidebar form h2 { padding-bottom: 4px; border-bottom: 2px solid #D5D4D2 }

.filter h2 { border: 0; padding-bottom: 8px }

form.check { margin-top: 8px; }
form.check .field, form.check .field span { width: 108px }
form.check .field input { width: 100px }
form.check .field { margin-right: 4px }
form.check .button input { width: 76px !important; padding-left: 2px; padding-right: 0 !important;}
form.check label { border-bottom: 2px solid #DAD9D6 }

.phone p {
    width: 131px;
    text-align: right;
    font-size: 11px;
    line-height: 120%;
    padding-top: 2px;
    padding-right: 9px;
}

.phone div {
    padding-left: 32px;
    background-image: url("/images/icons/phone.png");
    background-position: 0 6px;
    font-size: 24px;
}

#panel { background-color: #63B72D; background-image: url("/images/panelBg.png") }
#panel label { padding-left: 3px }
#panel .field { width: 159px; background-image: url("/images/form/panelField.png") }
#panel .button { width: 55px; background-image: url("/images/form/panelButton.png") }
#panel .button input { color: #63B72D }

#panel li { left: -20px }

#panel li a {
    padding-bottom: 30px;
    font-size: 13px;
}

#panel li.cart strong { 
    background-image:url(/images/icons/cart.png);
    font-size:18px;
    padding-left:39px;
}

#panel li.list strong, #main .filter div label, button { white-space: nowrap }

#panel li.list strong { padding-left: 35px; background-image: url("/images/icons/list.png") }

#panel li strong {
    padding-top: 6px;
    height: 24px;
    background-position: 18px center;
    padding-right: 36px;
    z-index: 2
}

#panel li span {
    color:#CCEEBB;
    font-family:sans-serif;
    font-size:14px;
    font-weight:normal;
    margin-left:-33px;
    padding-top:6px;
    z-index:1;
}

#panel li a:hover, #panel li a:hover span { background-color: #66AA41 }

#logo     { width: 143px; height: 152px; margin: 37px 0 0 43px }
#logo img { width: 103px; height: 112px; padding: 20px }

#header .menu { border-top: 30px solid #fff; background-position: center 100% }

#header .menu .items {
    margin-top: 130px;
    background-image: url("/images/headerMenu.png");
}

#header .menu ul    { padding: 0 6px }
#header .menu li,
.preview        { text-align: center }
#header .menu li a  { height: 26px }

#header .menu .i1   { width: 19% }
#header .menu .i2   { width: 13% }
#header .menu .i3   { width: 14% }
#header .menu .i4   { width: 13% }
#header .menu .i5   { width: 16% }
#header .menu .i6   { width: 24% }


#header .menu a.active, #header .menu a.active:hover { color: #63B72D }
#sidebar a.active { margin-left: -7px }

#sidebar .menu li li a, #main .menu li li a.active, #main .menu li li a.active:hover, #content .faq .q, .sort div, #main .pages a:hover, .info li, .article .block p { color: #848170 }
#content .faq .q {color: #2A781A/*#848170*/; font-weight: bold;}
#main .menu li li a.active span, #main .sort a, #main .sidebar .pages a:hover { background-color: #E6E5D5 }
#main .sort a:hover { background-color: #848170 }
#main .sort a.active {background-color: #E77817}

#header .menu span span         { height: 22px }
.menu a.active span         { padding: 0 0 0 8px }
.menu a.active span span        { padding: 0 8px 0 0 }
#header .menu a.active span     { background-image: url("/images/menuActiveFg.png") }
#header .menu a.active span span    { background-image: url("/images/menuActiveBg.png"); background-repeat: repeat-x }
#header .menu .c1, #header .menu .c2 div{ width: 15px; height: 15px }
#header .menu .c1           { background-image: url("/images/headerLeftCorner.png") }
#header .menu .c2 div           { background-image: url("/images/headerRightCorner.png"); top: -15px; }

#main .menu a.active span,  .content .pages span     { background-image: url("/images/mainListActive.png") }
#main .menu a.active span span, .content .pages span span{ background-image: url("/images/mainListActive2.png") }
#main .menu li li a.active span,
#main .sidebar .pages a:hover                { background-image: url("/images/mainSublistActive.png") }
#main .menu li li a.active span span,
#main .sidebar .pages a:hover span           { background-image: url("/images/mainSublistActive2.png") }
#main .pages a span                  { background-image: none }
#sidebar .menu a            { padding: 1px 0 3px 0 }

#sidebar .menu a.active span span   { padding: 1px 8px 2px 0; }


#content        { padding-bottom: 28px; float:left }
#content .gazon {float:left}
#content .gazon * {float:left}

.list .item, .sort, .content .pages { padding-bottom: 12px; padding-top: 14px; border-top: 1px dotted #399A24/*1px solid #c1c1c1*/}
.list .first, .cart .item           { border-top: 0; }

#content .list li    { padding: 0 0 .2em 16px; background-position: 0 10px; background-image: url("/images/bullet.png") }
#content .list p     { padding-bottom: .5em }

.goods .item         { padding-left: 110px; }
.goods img           { margin: 18px 10px 10px 0; float:left; }
.goods .discount ins { margin-left: 6px }

sup { top: -.7em }
h1 sup, h2 sup      { padding: 0 2px; margin-left: 1px }
h1 sup, .price sup  { font-size: 12px; font-weight: bold}
h2 sup          { font-size: 10px }

.sort div { word-spacing: 2px; padding-top: 12px }

.sort div, .sort div *, sup { vertical-align: baseline }

.filter div { height: 30px }

#main .filter div label { width: 70px; padding-right: 7px; padding-top: 0 }

.filter div input { width: 50px; font-size: 11px; height: 13px }

.filter input { margin-left: 0; padding-left: 0 }

#main .filter .button { border-top: 10px solid #F3F2EB; width: 60px; margin-top: 0 }

#main .filter .button input { padding: 0 2px 0 1px }

.filter h3 { padding-bottom: 3px; }

.sort span, .sort a {
    font-family:Arial Unicode MS,Lucida Sans Unicode,Microsoft Sans Serif,sans-serif;
    font-size: 10px;
    height: 10px;
    width: 10px;
    line-height: 10px;
}

.filter label, .sort { font-size: 12px; }

.filter label *, .preview .c { vertical-align: middle }

button span { vertical-align: top }

#content p { padding-bottom: .8em }

p.copy { border-top: 3px solid #c1c1c1; padding-top: 23px; padding-bottom: 5px }

#header .menu a, #header .menu a span,
.pages a, .pages span, .sort span, .sort a, .info .button span { display: -moz-inline-box; display: inline-block }
.sort a.active, .sort a{padding: 1px 1px 1px 1px; font-size: 13px;}
.pages span span, .pages a span { padding: .1em .4em .15em .35em }

#main .content .pages { padding: 25px 0 0 0 }

.sidebar .pages span        { background-image: url("/images/smallPagesActive.png"); }
.sidebar .pages span span   { background-image: url("/images/smallPagesActive2.png"); }

.expandHeader { background-position: 0 5px; padding: 0 0 2px 15px }

      .expandContent    { display: none }
.expanded .expandContent    { display: block }
      .expandHeader     { background-image: url("/images/icons/expand.png") }
.expanded .expandHeader     { background-image: url("/images/icons/expanded.png") }
      .expandHeader span    { border-bottom: 1px dashed #000 }
.expanded .expandHeader span    { border-bottom: 1px dashed #999 }

.sidebar .expandable { border-top: 1px solid #c1c1c1; padding: 8px 0 10px 0 }

.producer       { padding: 15px 0 15px 15px; background-position: 0 center }
.producer, .producer *  { line-height: 110% }

#content table  { width: 98%; margin-bottom: 20px; table-layout: fixed }
#content tr.bg  { background-color: #eee }
#content td, #content th { padding: 4px 20px 3px 0; width: 50% }

.info .c, .preview { height: 122px }

.info { margin-bottom: 10px }

.info .c { padding: 0 10px }

.preview { background-image: url(/images/previewBg.png); display: table; overflow: hidden }

.preview .c { display: table-cell }

#content .info .price { padding: 10px 0 2px 0 }
#content .info li { padding-bottom: 0 }
#content .info .button { width: 160px; top: 85px; height: 23px }
#content .info .button button { padding: 0 9px 0 7px; height: 23px; line-height: 20px }

.info .button span { width: 17px; height: 16px; background-image: url("/images/icons/tocart.png"); padding-right: 5px; vertical-align: middle }

#main table.list    { margin: 8px 0; }
#main table.list h2 { padding-bottom: 3px }

.characteristics .content h2 { padding: 10px 0 2px 0 }


/*            */


.home #main    h2 span, .home #sidebar h2 span a { display: block }
.home #content h2 span, .home #sidebar h2 span a { background-color: #fff }
.home #content h2,      .home #sidebar h2 span   { overflow: hidden }

.home #content h2,      .home #content ul { padding-left: 32px }
.home #content h2 span, .home #content li { padding-left: 8px }

.home #content h2       { padding-bottom: 0; /*height: 32px*/ }
.home #content h2 span  { padding-top: 5px;  height: 27px }
.home #content h2 a     { color: #000; }


.home .col .gazon    h2 { /*bg: #84C225*/; background-image: url("/images/icons2/gazon.gif"); }
.home .col .drova    h2 { /*bg: #F8C300*/; background-image: url("/images/icons2/drova.gif"); }
.home .col .tok      h2 { /*bg: #FFF500*/; background-image: url("/images/icons2/tok.gif"); }
.home .col .pochva   h2 { /*bg: #8F5444*/; background-image: url("/images/icons2/pochva.gif"); }
.home .col .sad      h2 { /*bg: #E15616*/; background-image: url("/images/icons2/sad.gif"); }
.home .col .zapchast h2 { /*bg: #838281*/; background-image: url("/images/icons2/zapchast.gif"); }
.home .col .sneg     h2 { /*bg: #75C5F0*/; background-image: url("/images/icons2/sneg.gif"); }
.home .col .cvety    h2 { /*bg: #0093DD*/; background-image: url("/images/icons2/cvety.gif"); }
.home .col .relax    h2 { /*bg: #0093DD*/; background-image: url("/images/icons2/relax.gif"); }

.home .col .item { min-height: 150px}


.home #sidebar  { padding-top: 22px }

.home #sidebar h2           { padding-top: 35px; padding-left: 0 }
.home #sidebar h2       span    { padding-left: 16px; height: 17px; /*background-color: #DEDEDD*/; background-repeat: no-repeat; /*background-position: 0px 0px;*/ }
.home #sidebar h2       span a  { border-left: 4px solid #fff; margin-top: -3px}

.home #sidebar h2#shops         span    { background-image: url("/images/icons2/ico_08_24.gif"); }
.home #sidebar h2#service       span    { background-image: url("/images/icons2/ico_08_26.gif"); }
.home #sidebar h2#vkont       span    { background-image: url("/images/icons2/ico_vk.gif"); }
.home #sidebar h2#discount      span    { background-image: url("/images/icons2/ico_08_28.gif"); }

.cart #sidebar p    { padding-bottom: .3em }
.cart #sidebar p.price { padding-bottom: 2px }

.cart #content .list .checkbox { margin-left: -130px; width: 20px; height: 120px; text-align: center; padding: 0 100px 0 0 }

.cart .item { border-left: 0px none #eee; border-bottom: 1px solid #ddd; margin-bottom: 20px }


/* --- */

.search h2 a { font-weight: bold }

.photos, .shopInfo, div.search { padding-top: 20px }

.search .item {
    border-top: 0;
    padding-top: 0
}

.shop { padding-top: 20px }

.shop .item {
    border-top: 0;
    padding-top: 0
}

#main #content .search .field span {
    background-image: url("/images/form/searchFieldFg.png")
}

#main #content .search .button { 
    margin: 0;
    width: 60px;
    background-position: 54px 100%;
    background-image: url("/images/form/searchButtonFg.png")
}

#main #content .search .button input {
    background-image: url("/images/form/searchButtonBg.png")
}

.photos { word-spacing: 2px }

.photos img { width: 200px; height: 150px; padding-bottom: 3px }

#main .photos a img {
    width: 60px;
    height: 45px;
    padding: 2px;
    position: relative;
    left: -2px;
}

#main .photos a { outline: none }

#main .photos a.active img {
    padding: 1px;
    border: 1px solid #6BBB33
}

#main .photos a:hover img   { opacity: .7; filter: alpha(opacity=70) }
#main .photos a.active:hover img{ opacity:  1; filter: alpha(opacity=100) }

#main .photos a.active:hover { cursor: default }

/**********************************************************************************/

h1.header span { color: #848170; font-size: 20px; }
.error { color: #ff2211; }
.home #content .col div { padding-left: 20px; }
a { color: #6BBB33; }
    
#panel li.user strong { background-image:url('/images/icons/user.png'); font-size:18px; padding-left:39px; }

#sidebar .price { font-size: 24px; }

body.cart div.add    { padding:6px; margin:5px; width:20px; height:20px; background:#ddee88 url('/images/icons/cart/plus.png') no-repeat 7px; cursor:pointer; float:left; }
body.cart div.remove { padding:6px; margin:5px; width:20px; height:20px; background:#ffeeaa url('/images/icons/cart/minus.png') no-repeat 7px; cursor:pointer; float:left; }
.goods.list .description { clear:left; }

/* .cart #content .goods .notChecked, .cart #content .goods .notChecked * { color: #aaa; background-color: #f4f4f4; } */

form#cartSubmitForm label { display:inline; font-size:16px }

#editor-grid {
    margin-left: 254px;
}

#editor-grid h1 {
    font-size: 24px;
}

#editor-grid h1 strong{
    font-weight: bold;
}

/*
 * Ext JS Library 2.2.1
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

#slider {
    width:214px;
    padding-top:6px;
    background-image:url(/images/ticks.gif);
}
#slider .x-slider-thumb {
    background-image:url(/images/slider-thumb.png);
}

#slider h3 {
    padding:15px 0 5px;
}

/* Properties */
#sortable1, #sortable2 { 
    list-style-type: none; 
    margin: 0; 
    padding: 10px;
    margin-top: 10px;
    background-color: #eee; 
}


#sortable1 li, #sortable2 li { 
    margin: 0 0 5px 0; 
    padding: 5px 10px; 
    font-size: 1.2em; 
    cursor: pointer;
    color: #333;
    background-color: #B0EF86; 
    text-align: center;
}

#sortable2 li {
    background-color: #CFFFAF;  
}

#sortable-main, #sortable-others {
    float: left;
}

#sortable-main h3, #sortable-others h3{
    color: #333;
    font-size: 16px;
}

#sortable-others {
    margin-left: 30px;
}

/**
 * Admin questions section
 * 
 */

.questionsLayout {
    width: 100%;
    margin-top: 20px;   
}
.questionsLayout td {
    vertical-align: top;    
}

.questionsLayout .tableQuestion {
    margin: 10px 0 5px 0;
    padding: 5px;
    background-color: #ddee88;
}

.questionsLayout .tableQuestion table {
    padding: 0 !important;
    margin: 0 !important;   
}
.questionsLayout .tableQuestion table h4 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
.questionsLayout .tableQuestion table h4 .email{
	font-weight: normal;
	color: #333;
}

.questionsLayout td.oldQuestion .tableQuestion {
    background-color: #eee;    
}

.questionsLayout td.oldQuestion .from_user {
	background-color: #EEDCC3 !important;
}

.questionsLayout td.newQuestion .from_user {
	background-color: #FFD399 !important;
}

.questionsLayout td.oldQuestion ul li {
    margin: 0 !important;
    padding: 0 !important;  
}

.questionsLayout .tableHeader {
    font-size: 14px;
    color: #333;
    font-weight: bold;  
}

.questionsLayout .tableQuestion td.questionTool {
    width: 32px !important;
    padding: 5px !important;
    vertical-align: top;
    text-align: center;
}

.questionsLayout .tableQuestion td.questionTool .chkboxTitle {
    font-size: 10px;
    display: inline;
}

.questionsLayout .tableQuestion td.questionTool .questionCheckbox {
    display: inline;
}
.questionsLayout .tableQuestion td.questionBody {
    width: auto !important;
    padding: 5px 1px 5px 5px !important;
}
.questionsLayout .tableQuestion td.questionAnswer {
    width: auto !important;
    padding: 5px 1px 5px 5px !important;
    font-size: 12px;
    color: #848170;
}

.questionsLayout .tableQuestion td.questionAnswer h4 {
    font-weight: bold;
    margin-bottom: 3px;
}

#dock {
    padding: 5px 0;
}

#dock img {
    margin-right: 5px;
}

.editableUri, .editableTitle {
	cursor:pointer;
}

/*******************************************/
#content td.num, #content th.num {
	text-align: right !important;
}
#content table {
	width: 100%;
}
#content table th {
	color: #676;
	text-align: left;
	background: #DED;
}
#content table tr.inactive {
	color: #696;
}

#content table .plus, #content table .minus {
	background-repeat:no-repeat;
	background-position:center;
	/*width:330px;*/
}
#content table .plus {
	background-image:url(/images/plus_icon.gif);
}
#content table .minus {
	background-image:url(/images/minus_icon.gif);
}

.desc {
	font:italic 12px Arial,sans-serif;
	color:#666
}

.email {width: 230px;}
.password {width: 150px;}

form#accountSettings h3 {
	color: #676;
	font-size: 14px;
	font-weight: normal;
}
form#accountSettings ul {
	margin-left: 20px;
	font-size: 12px;
}
form#accountSettings div {
	margin: 5px 0;
}