/* @group reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

*:focus {outline: 0;}

body {line-height: 1em; color: black; background: #fff;}

ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0; vertical-align: middle;}

caption, th, td {text-align: left; font-weight: normal; vertical-align: middle;}

q, blockquote {quotes: "" "";}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

img a {border: none;}

/* @group reset inputs */
input,
button {margin: 0; padding: 0; background: transparent; vertical-align: middle; overflow: visible;}
button {display: inline-block; border: none;}

input.text,
textarea {padding: 2px 4px;}
input.text {display: inline; height: 1em;}
body:first-of-type input.text {height: 1.2em;}

textarea {height: 81px; resize: vertical;}
/* @end */
/* @end */

/* @group image replacement */
.replacement {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat;}
/* @end */

/* @group columns */
.columns {overflow: hidden; width: 100%;}
.columns .column {float: left; clear: right;}

.columns, .column, .column-inner {display: block;}

/* @group three columns ratio */
/* @group 1/4 to 2/4 to 1/4 */
.one-to-two-to-one-fourth .first, .one-to-two-to-one-fourth .third {width: 25%;}
.one-to-two-to-one-fourth .second {width: 50%;}
.one-to-two-to-one-fourth .indented .first .column-inner {margin-left: 0; margin-right: 14px;}
.one-to-two-to-one-fourth .indented .second .column-inner {margin-left: 14px; margin-right: 14px;}
.one-to-two-to-one-fourth .indented .third .column-inner {margin-left: 14px; margin-right: 0;}

/* @end */
/* @end */
/* @group two columns ratio */
/* @group 1/4 to 3/4 */
.one-to-three-fourth .first {width: 25%;}
.one-to-three-fourth .second {width: 75%;}
.one-to-three-fourth .indented .first .column-inner {margin-left: 0; margin-right: 14px;}
.one-to-three-fourth .indented .second .column-inner {margin-left: 14px; margin-right: 0;}

/* @end */
/* @group 3/4 to 1/4 */
.three-to-one-fourth .first {width: 75%;}
.three-to-one-fourth .second {width: 25%;}
.three-to-one-fourth .indented .first .column-inner {margin-left: 0; margin-right: 10px;}
.three-to-one-fourth .indented .second .column-inner {margin-left: 10px; margin-right: 0;}

/* @end */
/* @group 1/3 to 2/3 */
.two-to-one-third .first {width: 66.667%;}
.two-to-one-third .second {width: 33.333%;}
.two-to-one-third .indented .first .column-inner {margin-left: 0; margin-right: 14px;}
.two-to-one-third .indented .second .column-inner {margin-left: 14px; margin-right: 0;}

/* @end */
/* @group 3/5 to 2/5 */
.three-to-two-fifth .first {width: 60%;}
.three-to-two-fifth .second {width: 40%;}
.three-to-two-fifth .indented .first .column-inner {margin-left: 0; margin-right: 14px;}
.three-to-two-fifth .indented .second .column-inner {margin-left: 14px; margin-right: 0;}

/* @end */
/* @end */
/* @group simple columns */
.two .column {width: 50%;}
.two .indented .first .column-inner {margin-left: 0; margin-right: 14px;}
.two .indented .second .column-inner {margin-left: 14px; margin-right: 0;}

.three .column {width: 33.333%;}
.three .indented .first .column-inner {margin-left: 0; margin-right: 14px;}
.three .indented .second .column-inner {margin-left: 7px; margin-right: 7px;}
.three .indented .third .column-inner {margin-left: 14px; margin-right: 0;}

.four .column {width: 25%;}

.five .column {width: 20%;}

.six .column {width: 16.667%;}

.seven .column {width: 14.286%;}

.eight .column {width: 12.5%;}

/* @end */
.columns table .first, .columns table .second, .columns table .third {width: auto;}

/* @end */
/* @group centering */
.centering {display: table; text-align: center;}
td.centering {display: table-cell;}
.centering .centering-container {display: table-cell; vertical-align: middle; text-align: center;}
.centering .centering-container .centering-inner {display: block; overflow: hidden; text-align: center;}

/* @end */
/* @group boxes */
/* @group backgrounds */
.box, .box-left, .box-top-left, .box-top-right, .box-middle, .box-bottom-left, .box-right, .box-bottom-right, .box-inner {display: block; margin: 0; border: 0; padding: 0;}

.box-left, .box-top-left {background: top left no-repeat;}

.box-top-right {background: top right no-repeat;}

.box-middle {background: center center repeat;}

.box-bottom-left {background: bottom left no-repeat;}

.box-right, .box-bottom-right {background: bottom right no-repeat;}

/* @end */
/* @group white box */
.box-white {background: white;}
.box-white .box-top-left {background-image: url(../i/box-white-top-left.png);}
.box-white .box-top-right {background-image: url(../i/box-white-top-right.png);}
.box-white .box-bottom-left {background-image: url(../i/box-white-bottom-left.png);}
.box-white .box-bottom-right {background-image: url(../i/box-white-bottom-right.png);}

/* @end */
/* @group gray back box */
.box-gray-back {overflow: hidden; position: relative; padding: 4px 0 8px;}
.box-gray-back .corner {top: -6px; left: -6px; width: 12px; height: 12px; background: url(../i/box-gray-back-star.png);}

/* @end */
/* @group gray box */
.box-gray {background: #f0f0f2;}
.box-gray .box-top-left {background-image: url(../i/box-gray-top-left.png);}
.box-gray .box-top-right {background-image: url(../i/box-gray-top-right.png);}
.box-gray .box-bottom-left {background-image: url(../i/box-gray-bottom-left.png);}
.box-gray .box-bottom-right {background-image: url(../i/box-gray-bottom-right.png);}

/* @end */
/* @group product box */
.box-product {border-left: 3px solid #00b151; background: #636669;}
.box-product .box-top-right {background-image: url(../i/box-product-top-right.png);}
.box-product .box-middle {background: url(../i/box-product-middle.png) repeat-x 0 100%;}
.box-product .box-bottom-right {background-image: url(../i/box-product-bottom-right.png);}

/* @end */
/* @group error box */
.box-error {overflow: hidden; position: relative; width: 212px; padding: 4px 0 8px;}
.box-error .box-inner {padding: 1px 8px 2px; background: #249e3e; color: white; font: 11px "Tahoma", sans-serif; }
.box-error .corner {top: -4px; left: -4px; width: 8px; height: 8px; background: url(../i/box-error-star.png);}
.box-error .corner-top-left, .box-error .corner-bottom-left, .box-error .corner-bottom {width: 100%; }
.box-error .corner-bottom-left, .box-error .corner-bottom-right {height: 4px;}
.box-error .corner-bottom {top: auto; bottom: 0; height: 4px; background-position: 0 100%;}

/* @end */
/* @group right box */
.right-box {padding-left: 26px; background: url(../i/dashed-vertical.png) repeat-y;}

/* @end */
/* @group splash2 box */
.box-splash2 {background: #454545;}
.box-splash2 .box-inner {height: 113px;}
.box-splash2 .box-left, .box-splash2 .box-middle, .box-splash2 .box-right {background-image: url(../i/box-splash2.jpg);}

/* @end */
/* @group splash3 box */
.box-splash3 {background: #e0e1e4;}
.box-splash3 .box-inner {height: 113px;}
.box-splash3 .box-left, .box-splash3 .box-middle, .box-splash3 .box-right {background-image: url(../i/box-splash3.jpg);}

/* @end */
/* @group choose box */
.box-choose {background: #00ac39;}
.box-choose .box-inner {overflow: hidden; height: 75px;}
.box-choose .box-left, .box-choose .box-middle, .box-choose .box-right {background-image: url(../i/box-choose.png);}
#leftside .box-choose .box-left,
#leftside .box-choose .box-middle,
#leftside .box-choose .box-right {background-image: url(../i/box-choose-white.png);}

/* @end */
/* @group question box */
.box-question {background: #5c5e62;}
.box-question .box-inner {overflow: hidden; height: 75px;}
.box-question .box-left,
.box-question .box-middle,
.box-question .box-right {background-image: url(../i/box-question.png);}
#leftside .box-question .box-left,
#leftside .box-question .box-middle,
#leftside .box-question .box-right {background-image: url(../i/box-question-white.png);}

/* @end */
/* @group corners */
.box .corner, .box .box .corner {display: block; position: absolute; font: 0/0 none;}
.box .corner-top-left, .box .corner-top-right, .box .box .corner-top-left, .box .box .corner-top-right {margin-top: 0;}
.box .corner-top-right, .box .corner-bottom-right, .box .box .corner-top-right, .box .box .corner-bottom-right {margin-left: 100%;}
.box .corner-bottom-left, .box .corner-bottom-right, .box .box .corner-bottom-left, .box .box .corner-bottom-right {top: auto;}
/* FF 3 */
html>/**/body .box .corner-bottom-left, .box .corner-bottom-left x:-moz-any-link, .box .corner-bottom-left x:default, html>/**/body .box .corner-bottom-right, .box .corner-bottom-right x:-moz-any-link, .box .corner-bottom-right x:default, html>/**/body .box .box .corner-bottom-left, .box .box .corner-bottom-left x:-moz-any-link, .box .box .corner-bottom-left x:default, html>/**/body .box .box .corner-bottom-right, .box .box .corner-bottom-right x:-moz-any-link, .box .box .corner-bottom-right x:default {margin-top: 0;}
/* @end */
/* @end */

/* @group tabs */
.tabs-outer {background: #e0dee1;}
.tabs-outer .tabs {overflow: visible; padding-left: 9px;}
.tabs-outer .tabs .tab {float: left; margin: 0 11px; padding: 13px 0 15px; font-size: 14px; background: none;}
.tabs-outer .tabs .tab a {color: black; text-decoration: none; background: url(../i/dashed.png) repeat-x 0 100%;}
.tabs-outer .tabs .tab span {display: none;}
.tabs-outer .tabs .tab-active {position: relative; margin-top: -3px; border-top: 4px solid #009527; padding: 12px 24px 15px; background: white; font-size: 18px;}
.tabs-outer .tabs .tab-active a {background: none;}
.tabs-outer .tabs .tab-active span {display: inline;}
.tabs-outer .tab-content {clear: both; padding: 24px; background: white;}

/* @end */
/* @group basic styles */
body,
button {font: 13px/15px  "Arial", sans-serif; color: #545454;}
a,
button {color: #008b26; font-style: italic; text-decoration: underline; cursor: pointer;}
strong {font-weight: bold;}
em {font-style: italic;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.line {margin: 13px 0; border-top: 1px dashed #d9d9d9;}

h1, h2, h3, h4 {overflow: hidden; color: black; text-decoration: none;}
h2 {margin: 9px 0 17px -3px; padding-left: 3px; font: italic 30px "Calibri", "Arial", sans-serif;}
.page-index h2 {margin: 0; padding: 5px 0 23px;}
.quotes {margin-left: -0.35em;}
h3 {margin: 0 0 6px; font: italic 22px "Calibri", "Arial", sans-serif;}
#content h3 {margin-top: 23px;}
h4 {padding: 17px 0; font: italic 17px "Calibri", "Arial", sans-serif;}
h5 {font-weight: bold;}

.photo-frames {overflow: hidden; margin: 20px 0 0; width: 100%;}
.photo-frame {display: table; float: left; margin: 0 20px 20px 0; border: 1px solid #dedede; padding: 10px;}
.photo-frame img {vertical-align: middle;}

.photo-right {display: table; float: right; margin: 0 0 20px 20px; border: 1px solid #dedede; padding: 10px;}
.photo-right img {vertical-align: middle;}

.table {clear: both; margin-left: 1px; width: 100%; border-collapse: collapse;}
.table td,
.table th {border: 1px solid #ccc; padding: 3px;}
.table thead th {text-align: center; background: #249e3e;}
.table thead th,
.table thead th a {color: white;}
.table tbody th {text-align: left;}
.table tbody td {text-align: center;}
.table .stripe td,
.table .stripe th {background: #f1f1f1;}

/* @group content region */
.content p, .content ul, .content ol {margin-bottom: 13px;}
.content ul {padding-left: 20px;}
.content ul li {margin-bottom: 5px; padding-left: 18px; background: url(../i/bullet.png) no-repeat 0 0.65em;}
.content ol li {list-style: decimal; margin-left: 26px; margin-bottom: 5px;}

/* @end */
/* @end */


/* @group background */
body.page-index {background: #eeecef;}
/* @end */


/* @group forms */
.form-login fieldset,
#form-search fieldset {margin-bottom: 5px;}
.form-login a,
#form-search a {margin-right: 7px; font-size: 11px; font-style: italic; color: black;}
.form-login button,
#form-search button {padding: 2px 12px 2px 3px; background: no-repeat 100% 0;}

.form-login input.text,
#form-search input.text {border: 1px solid #dde3c6; height: 1.15em; background: #fff;}
body:first-of-type .form-login input.text,
body:first-of-type #form-search input.text {height: 1.44em;}

.form-login input.text {border-color: #ccc; width: 104px;}
#middle .form-login input.text {width: 122px; margin-top: 7px;}
.form-login button {background-image: url(../i/icon10-lock.png);}

#form-search button {background-image: url(../i/icon10-lens.png);}
#footer #form-search input.text {border-color: #bab9bb; width: 122px;}

/* @group registration form */
.mark {position: absolute; right: 8px; color: red;}

input.checkbox,
input.radio {overflow: hidden; margin: 0; width: 13px; height: 13px;}

#content-inner {margin-bottom: 30px;}
#content-inner fieldset {margin: 0 0 12px; padding: 0 0 12px; background: url(../i/dotted.png) repeat-x 0 100%;}

#form-registration .row, #form-registration-left .row {position: relative; overflow: hidden; clear: both; margin: 0; padding: 4px 0; width: 100%;}
#form-registration .pseudo-label, #form-registration-left .pseudo-label {position: relative; float: left; padding: 1px 0; width: 33%; font: 15px "Trebuchet MS", sans-serif; color: black;}
#form-registration .flexible, #form-registration-left .flexible {float: right; clear: right; width: 66%;}
#form-registration .flexible2, #form-registration-left .flexible2 {margin-left: 34%;}
#form-registration .flexible .row, #form-registration-left .flexible .row {clear: none;}
#form-registration .flexible .box-error, #form-registration-left .flexible .box-error {position: absolute; right: 0; top: -10px;}
#form-registration .flexible .group {margin-left: -6px; padding-left: 6px; padding-right: 6px;}
#form-registration .flexible .group .group-content {display: none; margin-top: 4px; font: 11px "Tahoma", sans-serif;}
#form-registration .flexible .group .group-content .row {overflow: hidden; margin-left: 28px;}
#form-registration .flexible .group .group-content .row label {float: left; clear: both; width: 173px; padding: 4px 0;}
#form-registration .flexible .group .group-content .row input.text {display: block; margin-left: 173px; width: 118px;}
#form-registration .flexible .group-opened {background: #f1f0f2;}
#form-registration .flexible .group-opened .group-content {display: block;}
#form-registration button {position: relative; left: 33%; margin-left: -50px; padding: 2px 12px 2px 3px; background: url(../i/icon10-letter.png) no-repeat 100% 0; font: italic 18px "Georgia", sans-serif;}
#form-registration-left button {position: relative; left: 45px; margin-left: -50px; padding: 2px 12px 2px 3px; background: url(../i/icon10-letter.png) no-repeat 100% 0; font: italic 18px "Georgia", sans-serif;}
/* @end */

/* @group inputs containers */
.outer-text {display: block; margin-right: 12px;}
.outer-text input.text,
.outer-text select,
.outer-text textarea {width: 100%;}
/* @end */
/* @end */

/* @group body */
html, body {height: 100%;}

/* @group outer */
#outer {min-height: 100%; height: auto !important; height: 100%;}
#outer, #footer {min-width: 997px;}

#header, #menu, #splash, #footer-inner {padding: 0 32px;}

#middle {overflow: hidden; width: 100%;}
#middle .indented {margin-right: 64px;}
#middle .content .columns .indented {margin-right: 0;}
#middle .content {padding-left: 32px;}
#splash .indented {margin-right: 0;}

/* @group header */
#header {overflow: hidden; height: 116px; background: white;}
#header #logo {position: absolute; top: 26px; left: 34px; width: 231px; height: 63px; overflow: hidden; display: block;}
#header #logo .replacement {background-image: url(../i/logo.png);}
#header .form-login {float: right; margin: 37px 30px 0 0; white-space: nowrap;}

/* @end */
/* @group menu */
#menu {overflow: hidden; background: #eeecef; padding-top: 21px; padding-bottom: 29px; font-size: 18px; font-style: italic;}
#menu .columns {overflow: visible;}
#menu .column {text-align: center;}

#menu .index {width: 10%; text-align: left;}
#menu .about {width: 10%; text-align: left;}
#menu .catalog {width: 11%;}
#menu .preimushestva {width: 17%;}
/*#menu .docs {width: 16%;}*/
#menu .serives {width: 10%;}
#menu .partners {width: 13%;}
#menu .proects {width: 17%;}
#menu .customers {width: 11%; text-align: right;}

#menu a {display: inline-table; display: inline-block; margin: 0 -10px; padding: 10px 9px 9px; color: black; text-decoration: underline;}
#menu a:hover,
.about #menu .about a,
.catalog #menu .catalog a,
.preimushestva #menu .preimushestva a,
.docs #menu .docs a,
.serives #menu .serives a,
.partners #menu .partners a,
.proects #menu .proects a,
.customers #menu .customers a {position: relative; z-index: 1; padding-top: 8px; border-top: 2px solid #009527; background: black; color: white;}

/* @end */
/* @group splash */
body.page-index #middle {margin-top: -21px; padding-top: 21px; }
#splash {padding-bottom: 28px;}
#splash .cufon {display: none;}
#splash-inner {overflow: visible; height: 235px;}
#splash * {display: block;}
#splash .second {overflow: hidden;}

/* @group splash1 */
#splash1 {position: relative; width: 100%;}
#splash1 .bg {height: 235px; background: url(../i/splash1-bg.jpg) no-repeat 100% 0;}
#splash1 .hand {position: absolute; top: -21px; width: 466px; height: 256px; background: url(../i/splash1-hand.png);}
#splash1 .text {position: absolute; bottom: 27px; margin-left: 100%; left: -282px; width: 282px; height: 71px; overflow: hidden;}
#splash1 .text .replacement {z-index: 1; background: url(../i/splash1-text.png);}
/* @end */

/* @group splash2 */
#splash2 {position: relative; margin: 0 0 10px;}
#splash2 .box-inner {overflow: hidden; background: url(../i/splash2.jpg) no-repeat 15% 0;}
#splash2 .line2 {position: absolute; top: 14px; right: 0; width: 3px; height: 26px; background: #00ac39; font: 0/0 none;}
#splash2 .text {position: relative; display: block; margin: 14px 0 0 50%; padding: 59px 0 0; height: 1px; overflow: hidden;}
#splash2 .text .replacement {background: url(../i/splash2-text.png) no-repeat;}
/* @end */

/* @group splash3 */
#splash3 {position: relative;}
#splash3 .box-left {width: 100%;}
#splash3 .box-inner {position: relative; padding-left: 5px;}
#splash3 .text {position: relative; margin-left: auto; width: 365px; height: 113px;}
#splash3 .text .replacement {background: url(../i/splash3.jpg);}
#splash3 .flower {position: absolute; top: -22px; left: 173px; width: 31px; height: 22px; background: url(../i/splash3-flower.png);}
#splash3 .corners {position: absolute; top: 0; right: 0; width: 7px; height: 113px; background: url(../i/splash3-corners.png); font: 0/0 none;}
/* @end */
/* @end */
/* @group middle */
#middle {margin-top: 27px;}

/* @group leftside */
#leftside .box-inner {padding: 18px;}
#leftside {margin: -24px 0 24px;}
#leftside h3,
#leftside h4 {margin-top: 24px; padding-top: 0;}
#leftside h3 {position: relative; margin-left: -14px; padding-left: 14px;}
#leftside h3 i {position: absolute; top: 0; left: 0; width: 9px; height: 1em; background: url(../i/plus-minus.png) no-repeat 100%; cursor: pointer;}
#leftside h3 i.plus {background-position: 0;}
#leftside ul {margin: 0; padding: 0;}
#leftside ul li {padding-left: 0; background: none;}
#leftside ul li.level2, #leftside ul li.level3 {font-size: 11px;}
#leftside ul li.level2 a, #leftside ul li.level3 a {color: #666;}
#leftside ul li.level2 {margin-left: 10px; padding-left: 15px; background: url(../i/bullet.png) no-repeat 0 0.65em;}
#leftside ul li.level3 {margin-left: 52px; margin-bottom: 2px; padding: 1px 6px 2px 9px;}
#leftside ul li.level3active {display: table; background: black; padding-left: 6px; border-left: 3px solid #009527;}
#leftside ul li.level3active a {color: white;}

/* @end */
/* @group content */
/* @group path block */
#path, #path a {font-size: 11px; color: #666;}
#path span {margin: 0 5px 0 8px;}

/* @end */
/* @group news block */
.additional {margin: 38px 0 39px; padding: 28px 0 0; background: url(../i/dotted.png) repeat-x;}

#news {clear: both;}
#news #news-heading {overflow: hidden;}
#news #news-heading h3 {margin-top: 0; margin-bottom: 18px;}
#news .archive {margin: 0 0 0 16px; padding: 4px 12px 0 0; background: url(../i/icon10-sheet.png) no-repeat 100% 0; font-size: 11px;}
.page-index #news .archive {margin-top: 5px;}
#news .archive a {color: #535353;}
#news dt {float: left; width: 6.2em; color: #7f7d7f;}
#news dd {margin-left: 6.2em; margin-bottom: 13px;}
#news dd a {color: #545454; font-style: normal; text-decoration: none;}
#news dd a span {color: #008b26; font-style: italic; text-decoration: underline;}

/* @end */

/* @group banner */
#leftside .banners a,
#content-inner .banners a {position: relative; overflow: hidden; width: 100%; height: 75px;}
#leftside .banners .box-inner {padding: 0;}
#leftside .banners {margin: 33px 0 0;}
#leftside .banners a {margin: 0 0 15px;}
/* @end */


/* @group download block */
.content .download {background-color: white; margin-left: 1px; padding-left: 0;}
.content ul.download,
.content .download ul {margin: 0; padding: 0;}
.content .download li {margin: 0 0 15px; padding: 0 0 0 20px; background: no-repeat 0 0;}
.content .download li,
.content .download li.available {background-image: url(../i/icon14-available.png);}
.content .download li.auth {background-image: url(../i/icon14-auth.png);}
.content .download li.auth .note {color: #f90;}
.content .download li.unavailable {background-image: url(../i/icon14-unavailable.png);}
.content .download li.unavее ilable .note {color: #c00;}
.content .download li.auth,
.content .download li.auth a,
.content .download li.unavailable,
.content .download li.unavailable a {color: #999; text-decoration: none; cursor: default;}
.content .download li .note {font-size: 11px;}
.content .download li .note a {color: #666; text-decoration: underline; cursor: pointer;}

/* @end */
/* @group registration link */
.registration {display: table; padding: 2px 18px 0 0; background: url(../i/icon12-portrait.png) no-repeat 100% 0;}
.registration a {border-bottom: 1px solid #009527;}

/* @end */
/* @group rightside */
#rightside #rightside-inner {padding: 0 5px;}
#rightside p {margin: 0 0 24px;}

/* @group choose block */
.choose {display: block; position: relative; margin: 0 0 23px; border: 1px dotted #c7c7c7; border-left: 4px solid #707275; padding: 10px 19px;}
.choose .lens {display: block; position: absolute; right: 0; bottom: -23px; width: 56px; height: 42px; background: url(../i/lens.png);}

/* @end */
/* @end */
/* @end */
/* @end */
/* @group footer */
#outer {margin-bottom: -120px;}

#footer, #footer-push {height: 120px;}

#footer {background: #eeecef;}
#footer #footer-inner {padding-top: 44px;}
#footer .banners {text-align: right;}

/* @end */
/* @end */


/* @group pages */
/* @group catalog page */
#categories {margin-top: 35px;}
#categories .box-inner {padding: 11px;}
#categories .category {margin-bottom: 55px;}
#categories .category h3 {margin-top: 0;}
#categories .category h3 a {color: black; text-decoration: none;}
#categories .centering {margin: 0 0 13px; width: 100%; padding: 20px 0 0; background: white;}
#categories ul {padding-left: 0;}

#series {margin-top: 35px;}
#series .series {overflow: hidden; margin-bottom: 55px;}
#series .series .centering {float: left; width: 258px; text-align: left;}
#series .series .series-inner {margin-left: 258px;}
#series .series h3 a {text-decoration: none; background: url(../i/underline-green.png) repeat-x 0 100%;}
#series .series ul {padding-left: 0;}
#series .series ul li {margin-bottom: 0;}

.page-series .series {overflow: hidden;}
.page-series .series-image {float: right; width: 225px; text-align: center; margin-bottom: 5px;}
.page-series .series-inner {margin-right: 225px;}
.page-series .series-inner h3,
.page-series .series-inner h4 {clear: both;}

#product-preview {margin: 0 0 39px;}
#product-preview #preview {margin-right: 262px; height: 279px;}
#product-preview #preview .centering {width: 100%; height: 100%;}
#product-preview #previews {float: right; margin: 0; padding: 0; width: 231px; padding: 27px 31px 0 0;}
#product-preview #previews li {clear: none; margin: 0 0 9px 10px; padding: 0; width: 67px; height: 67px; background: url(../i/bg-preview.png);}
#product-preview #previews li.active {background-image: url(../i/bg-preview-active.png);}

.content ul.accessories {padding-left: 24px;}
.content ul.accessories li {padding-left: 16px; background: url(../i/bullet2.png) no-repeat 0 5px;}
/* @end */

/* @group index page */
.page-index #middle {margin-top: 0;}
.page-index #content .block {margin-bottom: 35px;}
/* @end */

/* @group sitemap page */
.content .siteMap {padding-left: 0;}
.siteMap .level1 {margin-left: 0;}
.siteMap .level2 {margin-left: 20px;}
.siteMap .level3 {margin-left: 40px;}
.siteMap .level4 {margin-left: 60px;}
.siteMap .level5 {margin-left: 80px;}
/* @end */
/* @end */
/* @end */

/* ADD 22.09.2009 */
/* Èêîíêè âåíòà */
.icon_vent_01 {
  background-image:url(/i/icons/icon_vent_01.png);
 }

.icon_vent_02 {
  background-image:url(/i/icons/icon_vent_02.png);
 }

.icon_vent_03 {
  background-image:url(/i/icons/icon_vent_03.png);
 }

.icon_vent_04 {
  background-image:url(/i/icons/icon_vent_04.png);
 }

.icon_vent_05 {
  background-image:url(/i/icons/icon_vent_05.png);
 }

.icon_vent_06 {
  background-image:url(/i/icons/icon_vent_06.png);
 }

.icon_vent_07 {
  background-image:url(/i/icons/icon_vent_07.png);
 }

.icon_vent_08 {
  background-image:url(/i/icons/icon_vent_08.png);
 }

.icon_vent_09 {
  background-image:url(/i/icons/icon_vent_09.png);
 }

.icon_vent_10 {
  background-image:url(/i/icons/icon_vent_10.png);
 }
 
 /* ADD 07.10.2009 */
 .benefits {text-align: center; padding-right: 10px; padding-bottom: 30px;}
 
 /* ADD 09.10.2009 */


.icon_01 {
  background-image:url(/i/icons/01.png);
 }

.icon_02 {
  background-image:url(/i/icons/02.png);
 }

.icon_03 {
  background-image:url(/i/icons/03.png);
 }

.icon_04 {
  background-image:url(/i/icons/04.png);
 }

.icon_05 {
  background-image:url(/i/icons/05.png);
 }

.icon_06 {
  background-image:url(/i/icons/06.png);
 }

.icon_07 {
  background-image:url(/i/icons/07.png);
 }

.icon_08 {
  background-image:url(/i/icons/08.png);
 }

.icon_09 {
  background-image:url(/i/icons/09.png);
 }

.icon_10 {
  background-image:url(/i/icons/10.png);
 }

.icon_11 {
  background-image:url(/i/icons/11.png);
 }

.icon_12 {
  background-image:url(/i/icons/12.png);
 }

.icon_13 {
  background-image:url(/i/icons/13.png);
 }

.icon_14 {
  background-image:url(/i/icons/14.png);
 }

.icon_15 {
  background-image:url(/i/icons/15.png);
 }

.icon_16 {
  background-image:url(/i/icons/16.png);
 }
 
  /* ADD 09.10.2009 */
.benefits-icon-t, .benefits-icon {text-align: left; vertical-align: top;}
.benefits-icon-t td {padding-right: 5px; vertical-align: top;}
.benefits-icon img{ float:left; margin-right: 5px; }
.benefits-icon-t p {padding-right: 15px;}

  /* ADD 03.11.2009 */
.clear-all {clear:both;}
/* ADD 10.11.2009 */
.series_img{text-align: center;}
.series_img img {margin-bottom: 10px;}