@import url(base.css);
@import url(content.css);

BODY {background: #fff; color: #000098; text-align: center; }

#canvas {margin: 0 auto; padding-top: 10px; padding-bottom: 25px; position: relative; text-align: left; width: 990px; }

#top {background-image: url(../i/topBg.jpg); background-position: right top; margin-bottom: 25px; width: 100%; height: 210px; }

#html_catalogue #top {background-image: url(../i/topBg_catalogue.jpg); }
#html_catalogue_in #top {background-image: url(../i/topBg_catalogue_in.jpg); }
#html_contacts #top {background-image: url(../i/topBg_contacts.jpg); }
#html_useful #top {background-image: url(../i/topBg_useful.jpg); }
#html_about #top {background-image: url(../i/topBg_about.jpg); }
#html_service #top {background-image: url(../i/topBg_service.jpg); }

#logo {margin: 0; position: absolute; left: 14px; top: 15px; }

#logo,
#logo A,
#logo SPAN {display: block; overflow: hidden; width: 175px; height: 176px; }

#logo A {cursor: pointer; }
#logo SPAN {background-image: url(../i/logo.png); margin-bottom: -176px; position: relative; }

#slogan {margin: 0; position: absolute; left: 17px; top: 191px; }

#slogan,
#slogan SPAN {display: block; overflow: hidden; width: 159px; height: 33px; }

#slogan SPAN {background-image: url(../i/slogan.png); margin-bottom: -33px; padding: 0; position: relative; }


#logo_2 {background-image: url(../i/url.png); margin: 0; position: absolute; right: 25px; top: 20px; }

#logo_2,
#logo_2 A,
#logo_2 SPAN {display: block; overflow: hidden; padding-top: 78px; width: 402px; height: 78px; }

#logo_2/**/,
#logo_2 A/**/ {height: /**/0; }

#logo_2 A {margin-top: -78px; position: relative; }
#logo_2 SPAN {background: none; padding: 0; padding-top: 78px; }


#slogan_2,
#slogan_2 SPAN {width: 715px; height: 48px; }

#slogan_2 {background-image: url(../i/slogan_2.png); margin: 0; overflow: hidden; padding-top: 48px; position: absolute; left: 205px; top: 161px; }
#slogan_2/**/ {height: /**/0; }

#main {width: 100%; }

#contentBox {float: right; margin-left: -185px; width: 100%; }
#content {margin-left: 185px; min-height: 0; }
#contentA {padding-bottom: 2.5em; width: 100%; }
#contentB {min-height: 0; padding: 1em 15px; padding-left: 40px; padding-bottom: 51px; width: 100%; }
#contentB/**/ {width: /**/auto; }

#mnuCol {background-image: url(../i/mnuColBgBot.jpg); background-position: 15px 100%; float: left; padding-bottom: 850px; width: 185px; }
#mnuColA {background: #fff; min-height: 0; padding-left: 15px; padding-top: 48px; padding-bottom: 8px; width: 100%; }
#mnuColA/**/ {width: /**/auto; }

/*#html_catalogue #mnuCol,
#html_catalogue_in #mnuCol {padding-bottom: 580px; }

#html_contacts #mnuCol {padding-bottom: 780px; }
#html_useful #mnuCol {padding-bottom: 420px; }
#html_service #mnuCol {padding-bottom: 300px; }*/

#html_catalogue #mnuCol,
#html_catalogue_in #mnuCol {background-image: url(../i/mnuColBgBot_catalogue.jpg); }

#html_about #mnuCol {background-image: url(../i/mnuColBgBot_about.jpg); }
#html_contacts #mnuCol {background-image: url(../i/mnuColBgBot_contacts.jpg); }
#html_useful #mnuCol {background-image: url(../i/mnuColBgBot_useful.jpg); }
#html_service #mnuCol {background-image: url(../i/mnuColBgBot_service.jpg); }

#mnu {width: 100%; }

#mnu H5 {display: none; }

#mnu UL,
#mnu UL LI {margin: 0; min-height: 0; padding: 0; }

#mnu UL {font-weight: bold; list-style: none; }
#mnu UL LI {background-color: #ccc; background-image: url(../i/mnuItemBgLTop.gif); margin-bottom: 8px; }
#mnu UL LI A {background-image: url(../i/mnuItemBgLTop_on.gif); background-position: 0 -15px; color: #008840; display: block; min-height: 0; padding: 0.5em 5px; padding-left: 20px; text-decoration: none; text-transform: uppercase; }

#mnu UL LI A:hover,
#mnu UL LI.cur A {background-color: #008840; background-position: 0 0; color: #fff; }


#bot {margin-left: 225px; margin-top: -51px; min-height: 0; position: relative; }
#bot P {margin: 0; }

#copy,
#copy SPAN {overflow: hidden; width: 750px; height: 84px; }

#copy SPAN {background-image: url(../i/copy.png); display: block; margin-bottom: -84px; position: relative; }

.models,
.models LI {margin: 0; padding: 0; }

.models {font-size: 0.917em; list-style: none; }

.models {margin: 2em 0; overflow: hidden; width: 100%; }
.models H3 {font-size: 1.363em; font-weight: normal; margin: 0; margin-bottom: 1em; }
.models H3 EM {font-style: normal; font-weight: bold; }
.models H3 A {text-decoration: none; }
.models H3 A:hover {text-decoration: underline; }
.models LI {float: left; margin-right: -1px; width: 33%; }
.models LI .inner {margin-right: 15px; min-height: 0; }
* HTML .models LI .inner {height: 1px; }
.models .pic {float: right; margin: 5px; margin-top: 0; margin-right: 0; }
.models .pic IMG {vertical-align: top; }

.models DL,
.models DL DT,
.models DL DD {margin: 0; padding: 0; }

.models DL {color: #008840; }
.models DL DT {font-size: 1.15em; font-weight: normal; }
.models DL DD {font-weight: bold; }


.spec {margin: 1.5em 0; }
.spec TABLE {border-collapse: collapse; border-spacing: 0; }
:root .spec TABLE {border-collapse: separate; }

.spec TABLE TD,
.spec TABLE TH {border-bottom: 1px solid #fff; padding: 0.2em 0.5em; vertical-align: top; }

.spec TABLE TH {background-color: #f2f2f2; font-weight: normal; }

.spec TABLE TD UL,
.spec TABLE TD UL LI {margin: 0; padding: 0; }

.spec TABLE TD UL {list-style: none; }
.spec TABLE TD UL LI {padding: 0.2em 0; }

.spec TABLE TR.sub TH,
.spec TABLE TD UL LI {background-image: url(../i/bull.gif); background-position: 20px 0.85em; padding-left: 35px; }

DL.details,
DL.details DT,
DL.details DD,
DL.details DD DL {margin: 0; }

DL.details DT {margin-right: 0.3em; }
DL.details DD DT {font-weight: normal; margin: 0; }

DL.details DD DL,
DL.details DD DL DT,
DL.details DD DL DD {display: inline; }


.about_common {background-image: url(../i/benefitsBull.png); min-height: 36px; margin: 1.5em 0; padding-left: 65px; width: 100%; }
.about_common/**/ {width: /**/auto; }
* HTML .about_common {height: 36px; }

DL.benefits {background-image: url(../i/benefitsBull.png); margin: 1.5em 0; min-height: 36px; padding-left: 65px; }
* HTML DL.benefits {height: 36px; }
DL.benefits DT {color: #008840; font-size: 1.42em; font-weight: normal; margin-bottom: 0.2em; }