body, div, span, h1, h2, h3, h4, h5, h6, hr, address, a, img, applet, object, iframe,
p, pre, ins, del, em, strong, cite, dfn, code, samp, kbd, var, abbr, acronym, blockquote, q, sub, sup,la
tt, i, b, big, small, s, strike, u, font, dl, dt, dd, ol, ul, li,
form, optgroup, option, label, fieldset, legend,
table, caption, tbody, tfoot, thead, colgroup, col, tr, th, td {
    font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; font-style: inherit;
    margin: 0; padding: 0; border: 0; color: inherit;
}

input, button, select, textarea {
    font-family: Tahoma, Arial, sans-serif; font-size: inherit; line-height: inherit; font-weight: inherit; font-style: inherit;
}

html {
    // filter: expression(document.execCommand('BackgroundImageCache', false, true));
}

body {
    font-family: Tahoma, Arial, sans-serif; font-size: 11px; line-height: 13px;
    color: #000; background: #fff;
    padding: 5px 0; margin: 0;
}

table {
    border-collapse: collapse; border-spacing: 0;
}
caption, th, td {
    text-align: left;
}

h1, h2, h3, h4, h5, h6, b, strong, caption, th { font-weight: bold; }
i, em { font-style: italic; }
u { text-decoration: underline; }
s, strike { text-decoration: line-through; }


h1 { font-size: 11px; }
h2 { font-size: 16px; }
h3, big { 
    font-size: 14px;
    line-height: 16px;
}

small {
    font-size: 10px;
}

hr {
    border: none;
    border-top: #afd19f 1px solid;
    border-bottom: #f6fef3 1px solid;
    background: transparent;
    height: 1px;
    margin: 2px 0;
}

ul {
    padding: 0; margin: 0 0 0 40px;
    list-style-type: disc;
}

ul.small {
    padding: 0; margin: 0 0 0 20px;
}

ul.small-form {
    padding: 0; margin: 4px 0 6px 24px;
}


p {
    padding: 0; margin: 0 0 12px;
    color: #555;
}


.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center; vertical-align: center;
}




.clearer { 
    clear: both; padding: 0; margin: 0; font-size: 0; height: 0; overflow: hidden;
}


.page-wrapper {
    width: 996px; margin: 0 auto;
}


.header {
    background: #458123 url(images/gr-top.png) 0 0 repeat-x; border-bottom: #fff 1px solid; color: #fff;
}
.header .logo {
    display: block; width: 570px; height: 62px;
    background: #458123 url(images/logo.png) 0 0 no-repeat;
}
.header .order {
    diaplay: block; float: right; width: 80px; padding: 17px 0 0;
    text-align: center; color: #e4f5d4;
}
.header .order:active, .header .order:hover {
    color: #fff;
}
.header .order i {
    display: block; width: 14px; height: 13px; margin: 1px auto 1px; position: static;
    background: transparent url('images/order.png') 0 -40px no-repeat;
}
.header .order:active i, .header .order:hover i {
    background-position: 0 -60px;
}
.header .currency {
    float: right; padding: 18px 0 0; width: 146px; color: #e4f5d4;
}
.header .currency td {
    text-align: right;
}
.header .search-form fieldset {
    float: right;
}
.header .search-form .query {
    padding: 8px 0 0;
}
.header .search-form .query input {
    width: 144px;
}


.left-column { 
    width: 204px; padding: 4px 6px 4px 8px; float: left; 
}
.main-column { 
    margin-left: 218px;
}

.banner { width: 570px; height: 120px; margin: 0 0 15px; border: #afd19f 1px solid; border-right: #fff 1px solid; border-top: none; background: #fff url(images/bn-gr.png) 0 0 repeat; float: left; }
.banner .content { width: 570px; height: 120px; }
.banner table { width: 100%; height: 100%; }
.banner table td { text-align: center; }

.contacts { width: 206px; float: right; }
.contacts .content { background: #4e9c1c; color: #fff; padding: 12px 0 0; height: 109px; }
.contacts table { width: 70%; margin: 0 auto; }
.contacts table td { vertical-align: top; padding-bottom: 6px; }
.contacts table td.l { text-align: right; }
.contacts table td.r { width: 80%; }
.contacts .b { position: relative; height: 15px; background: url(images/gr-top-r.png) 0 0 repeat-x; }
.contacts .b .l { position: absolute; left: 0; width: 97px; height: 15px; background: url(images/gr-top-r.png) 0 -16px no-repeat; }
.contacts .b .r { position: absolute; right: 0; width: 97px; height: 15px; background: url(images/gr-top-r.png) 100% -32px no-repeat; }

.main-content-w { width: 772px; padding: 8px 6px 8px 0; float: left; }
.main-content { width: 572px; padding: 8px 0 8px 0; float: left; }
.right-column { width: 194px; padding: 8px 6px 8px 6px; float: right; }


.footer { clear: both; }
.footer .l { width: 204px; padding: 6px 0 0; margin: 0 6px 0 8px; height: 20px; background-color: #4e9c1c; color: #fff; float: left; text-align: center; display: inline; }
.footer .r { padding: 6px 8px 0; margin: 0 6px 0 218px; height: 20px; background-color: #d1edc4; color: #267c00; }
.footer .r .right { text-align: right; padding: 0 0 0 8px; float: right; }


td.lightgrey {
	background: #f8f8f8;
}


table.simple, table.simple td, table.simple th {
    border: #afd19f 1px solid;
    padding: 0; margin: 0;
}

table.simple td {
    padding: 6px; margin: 0;
}

table.simple th {
    padding: 6px; margin: 0;
    background: #eeffe5 url('images/gr-table-head.png') 0 0 repeat-x;
    color: #140;
    font-weight: bold;
}

table.simple td.top {
    vertical-align: top;
}

table.simple td.disable {
    background: #f1f9ea;
    color: #797;
}

table.simple td.strong { font-weight: bold; }
table.simple td.italic { font-style: italic; }

table.simple td.black { color: #000; }
table.simple td.gray { color: #797; }


table.simple td.img {
    padding: 0 6px; margin: 0;
    text-align: center;
}

table.simple td.img img {
    margin: 0 4px;
}



.article {
    margin: 0 0 18px; border: #afd19f 1px solid;
    clear: both;
}

.article-joined {
    margin-bottom: 6px;
}

.article .head {
    padding: 5px 8px;
    min-height: 14px;
    _height: auto !important;
    height: auto !important;
    height: 14px;
    background: #cff2be url('images/gr-head.png') 0 0 repeat-x;
    border: #c8ecb8 1px solid; 
    border-bottom: #b7e0a4 1px solid; 
    font-weight: bold;
    color: #140;
}

.article .head-highlight {
    color: #f88800;
}

.article-right .head-highlight {
    color: #140;
}

.article .left {
    float: left;
    padding: 0 8px 0 0;
}

.article .right {
    float: right;
    padding: 0 0 0 8px;
}

.article .head .right {
    font-weight: normal;
    color: #267c00;
}


.article .body {
    padding: 8px;
    border: #f6fef3 1px solid;
    border-top: #f6fef3 1px solid;
    color: #255;
}

.article-right .body {
    background: #eeffe5;
    color: #267c00;
    border: #f6fef3 1px solid; 
}

.article .body-top, .article .body-middle {
    border-bottom: #c8e8b8 1px dashed;
}

.article .body-bottom, .article .body-middle {
    border-top: none;
}

.article .body-full {
    padding: 0;
}

.article .subhead {
    padding: 4px; margin: 0 0 16px 116px;
    font-weight: bold; text-align: right;
    background: #e9f7e3;
    color: #267c00;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.article-simple .subhead {
    margin: 0 0 16px 0;
}

.article .content {
    position: relative; clear: both;
    margin: 0 0 0 116px;
    min-height: 100px;
    _height: auto !important;
    height: auto !important;
    height: 100px;
}

.article .image {
    position: absolute; left: -116px;
    margin: 0 16px 0 0;
    width: 100px; height: 100px;
}

.article .cost {
    position: absolute; left: -116px; bottom: 4px; // bottom: 3px;
    margin: 2px 16px 0 0;
    width: 100px;
    text-align: center;
}

.article .guarantee {
    padding: 2px 0 0 16px;
    float: right; text-align: right;
    color: #267c00;
}

.article .extra-content {
    position: relative; clear: both;
    margin: 16px 0 0 116px;
    min-height: 19px;
    _height: auto !important;
    height: auto !important;
    height: 19px;
}

.article .subcontent {
    padding: 2px 0 2px 4px;
}

.article .message {
    padding: 6px 8px;
    background: #fcfdcd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


.article-right .content, .article-simple .content {
    margin: 0;
    text-align: left;
    min-height: 0;
    height: auto !important;
}

.article-min .content {
    min-height: 0;
    height: auto !important;
}

.article-right .image {
    position: static;
    margin: 0 auto;
}

.article-right .cost {
    position: static;
    margin: 0;
    width: auto;
}

.article-right .guarantee {
    padding: 0;
    float: none; text-align: center;
}

.article-right .extra-content, .article-simple .extra-content {
    margin: 16px 0 0 0;
}




table.subsections { width: 100%; }
table.subsections td { padding: 2px 0 0; }
table.subsections tr.first-row td { padding: 0; }

table.cols-1 td { width: 100%; }
table.cols-2 td { width: 50%; }
table.cols-3 td { width: 33%; }
table.cols-4 td { width: 25%; }
table.cols-5 td { width: 20%; }

.w1 { width: 100%; }
.w2 { width: 50%; }
.w3 { width: 33%; }
.w4 { width: 25%; }
.w5 { width: 20%; }


table.first {
    width: 100%; 
    border-collapse: separate; border-spacing: 4px;
}

table.first td {
    width: 33%; 
    text-align: center;
}

table.first a img {
    width: 100px; height: 100px;
}




table.form {
    width: 100%;
}

table.form th {
    padding: 0 8px 8px 0;
}

table.form td {
    padding: 0 8px 4px 0;
}

table.form td.wide {
    padding: 0 0 4px 0; width: 100%;
}

table.form td.bottom, table.form th.nopadding {
    padding-bottom: 0;
}

table.form td.multiline {
    vertical-align: top;
}


table.filter { width: 100%; }
table.filter td { padding: 0 6px 0 0; white-space: nowrap; }
table.filter table td { padding: 0 3px 0 0; }
table.filter td.last { padding: 0; text-align: right; }
table.filter td.wide, table.filter table.wide { width: 100%; }
table.filter td.space { padding: 0 0 0 12px; }



table.img-preview, table.img-preview-a {
    width: 100px; height: 100px;
    padding: 0; margin: 0;
    border: #c8e8b8 1px solid;
    background: #fff;
}

table.img-preview td, table.img-preview-a td {
    padding: 0; margin: 0;
    text-align: center;
    background: #fff;
}

table.img-preview-a {
    border: none;
}

img { border: none; vertical-align: middle; }
a img { border: none; }

.order {
    position: relative; padding: 0 0 0 17px;
}
.order i {
    position: absolute; top: 0; left: 0; display: block; width: 14px; height: 13px;
    background: transparent url('images/order.png') 0 0 no-repeat; cursor: pointer;
}
.order:active i, .order:hover i {
    background-position: 0 -20px;
}
.subhead .order i {
    // top: 4px;
}

.delete {
    position: relative; padding: 0 0 0 16px;
}
.delete i {
    position: absolute; top: 0; left: 0; display: block; width: 16px; height: 16px;
    background: transparent url('images/delete.png') 0 0 no-repeat; cursor: pointer;
}
.delete:active i, .delete:hover i {
    background-position: 0 -20px;
}

.home {
    position: relative; padding: 0 0 0 15px;
}
.home i {
    position: absolute; top: 1px; left: 0; display: block; width: 12px; height: 12px;
    background: transparent url('images/home.png') 0 0 no-repeat; cursor: pointer;
}
.home:active i, .home:hover i {
    background-position: 0 -20px;
}
.head .home {
    padding: 0;
}
.head .home i {
    position: relative;
}

.mail i {
    display: block; width: 17px; height: 17px;
    background: transparent url('images/mail.png') 0 0 no-repeat;
}
.mail:active i, .mail:hover i {
    background-position: 0 -20px;
}


.img-left {
    margin: 2px 8px 6px 0;
    float: left;
    clear: both;
}

.img-right {
    margin: 2px 0 6px 8px;
    float: right;
    clear: both;
}

.img-border {
    margin: 2px 8px 6px 0;
    border: #c8e8b8 1px solid;
}

.border {
    border: #c8e8b8 1px solid;
}

div.img-zoom {
    position: relative;
    width: 100px; height: 100px;
}

div.img-zoom .zoom {
    position: absolute; bottom: 0; right: 0;
    width: 18px; height: 18px;
}

.zoom a {
    display: block; width: 18px; height: 18px; background: transparent url('images/zoom.png') 0 0 no-repeat;
}
.zoom:active a, .zoom:hover a {
    background-position: 0 -20px;
}


a { color: #267c00; text-decoration: underline; }
a:active, a:hover { color: #4a2; text-decoration: underline; }

a.white { color: #fff; }
a.white:active, a.white:hover { color: #e4f5d4; }

a.white-d { color: #e4f5d4; }
a.white-d:active, a.white-d:hover { color: #fff; }

a.orange { color: #f88800; }
a.orange:active, a.orange:hover { color: #fbad4e !important; }

a.grey { color: #777; }
a.grey:active, a.grey:hover { color: #aaa; }

a.grey-j { color: #777; text-decoration: none; border-bottom: 1px #777 dotted; }
a.grey-j:active, a.grey-j:hover { color: #aaa; text-decoration: none; border-bottom: 1px #aaa dotted; }


.grey { color: #777; }
.error { color: #f20; }
.result { color: #267c00; }
.light { color: #b3d599; }
.red { color: #f20; }
.green { color: #267c00; }
.green_dark { color: #140; }
.green_light { color: #b3d599; }
.blue { color: #00f; }
.orange { color: #f88800 !important; }

.default-color { color: inherit; }
.darkred-color { color: #9f1a1a; }
.red-color { color: #e91e25; }
.orange-color { color: #ffa500; }
.brown-color { color: #d28800; }
.yellow-color { color: #e6e52d; }
.green-color { color: #3b9700; }
.olive-color { color: #87a51f; }
.cyan-color { color: #3faf99; }
.blue-color { color: #004fb4; }
.darkblue-color { color: #3b5986; }
.indigo-color { color: #5d3275; }
.violet-color { color: #9b2fb9; }
.white-color { color: #fff; }
.black-color { color: #000; }

.cost {
    color: #267c00;
    font-weight: bold;
}

.title {
    color: #267c00;
    font-weight: bold;
}

.highlight {
    background: #267c00;
    color: #fff;
    font-weight: bold;
}



.sections {
    padding: 0; margin: 0;
    list-style: none;
}

.sections li {
    padding: 0; margin: 1px 0 1px 12px;
}

.sections li.select {
    font-weight: bold !important;
}

.sections li.select li {
    font-weight: normal;
}

.sections ul {
    padding: 0 0 0 6px; margin: 0;
    list-style: none;
}



.section, .subsection, .personal, .user, .path { 
    margin-left: 12px; position: relative; // zoom: 1;
}
.section label, .subsection label, .personal label, .user label, .path label { 
    display: block; width: 12px; height: 15px; position: absolute; top: 0; left: -12px;
    background: transparent url('images/arr-sect.png') 0 50% no-repeat;
}
.subsection label {
    background: transparent url('images/arr-subsect.png') 0 50% no-repeat; 
}
.path label {
    left: -13px; background: transparent url('images/arr-tree.png') 0 50% no-repeat; 
}
.path {
    margin-left: 13px;
}
.path-highlight {
    color: #f88800;
}
.personal label {
    left: -15px; background: transparent url('images/arr-pers.png') 0 50% no-repeat; 
}
.personal {
    margin-left: 13px;
}
.article .content .personal {
    margin-left: 15px;
}
.user label {
    left: -15px; background: transparent url('images/arr-pers.png') 0 50% no-repeat; 
}
.user {
    margin-left: 13px;
}
.details {
    font-weight: bold;
}
.details i {
    font-size: 14px; line-height: 10px; font-style: normal;
}
a label {
    cursor: pointer;
}

.button { 
    padding: 2px 16px 3px 6px; margin-right: 3px; height: 14px; overflow: hidden; position: relative; z-index: 1; // zoom: 1;
    text-decoration: none; color: #52653f; cursor: pointer;
    background: #c2ebb0 url('images/btn.png') 0 0 repeat-x;
}
.button:active, .button:hover {
    text-decoration: none; color: #000;
    background-position: 0 -120px;
}
.disabled, .disabled:active, .disabled:hover { 
    color: #949c8b; cursor: default;
    background-position: 0 0; 
}
.button .l { 
    width: 6px; height: 19px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1;
    background: #c2ebb0 url('images/btn.png') 0 -30px no-repeat; 
}
.button:active .l, .button:hover .l {
    background-position: 0 -150px;
}
.disabled:active .l, .disabled:hover .l { 
    background-position: 0 -30px; 
}
.button .r { 
    width: 16px; height: 19px; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 1;
    background: #c2ebb0 url('images/btn.png') 0 -60px no-repeat; 
}
.button:active .r, .button:hover .r {
    background-position: 0 -180px;
}
.disabled .r, .disabled:active .r, .disabled:hover .r { 
    background-position: 0 -90px; 
}
.button .c { 
    width: 100%; height: 19px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: -1;
    background: #c2ebb0 url('images/btn.png') 0 0 repeat-x;
}
.button:active .c, .button:hover .c {
    background-position: 0 -120px;
}
.disabled .c, .disabled:active .c, .disabled:hover .c { 
    background-position: 0 0; 
}
.button .a { 
    width: 100%; height: 19px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 2;
    background: transparent url('images/blank.gif') 0 0 repeat;
}
.button input {
    background: transparent; color: #52653f; border: none; padding: 0; margin: 0; width: 0; height: 0; overflow: hidden; position: absolute;
}
.button label {
    cursor: inherit;
}



input, textarea, select {
    padding: 1px; margin: 0;
}

input.checkbox, input.radio {
    margin: 0 2px 0 0;
    position: relative; top: 1px;
}

input.wide, textarea.wide, select.wide {
    width: 100%; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}


input.ok {
    width: 21px; height: 21px; padding: 0; margin: 0; border: none; cursor: pointer;
    background: #eeffe5 url(images/ok.png) 0 0 no-repeat;
}
input.ok:active, input.ok:hover {
    background-position: 0 -24px; 
}

input.search-ok {
    width: 40px; height: 62px; margin: 0; border: none; cursor: pointer;
    background: #458123 url(images/search.png) 0 0 no-repeat; 
}
input.search-ok:active, input.search-ok:hover {
    background-position: 0 -62px; 
}



img.apostol-logo { width: 15px; height: 14px; vertical-align: -22%; }


.green-form { 
    padding: 7px 0 7px 8px;
    background: #eeffe5; color: #267c00;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.green-form table { width: 100%; }
.green-form table td, .green-form table td.right { padding: 1px 8px 1px 0; }
.green-form table td.wide { width: 100%; }