html, body, wrapper2 {margin: 0;padding: 0;height: 100%;min-height: 100%; font-family: arial; font-size: 14px; color: #000;}
#wrapper {margin: 0;padding: 0; height: 100%;min-height: 100%; font-family: arial; font-size: 14px; color: #000; }
html>body, html>body #wrapper, html>body #wrapper2 {height: auto;}

html {min-height: 600px;}
body {min-width: 980px; height: 100%! important;}

#wrapper { background: url(/assets/images/bottom.jpg) bottom left repeat-x;}

div#wrapper {position: relative;top: 0;left: 0;}

#header { z-index:500;width: 100%;height: 61px; max-width: 1400px; margin: 0px auto; text-align: center;}
#head-cont {padding: 0px 0px 0px 0px; text-align: left;}

.clear {clear: both;margin: 0;padding: 0;}

#footer {clear: both;bottom: 0;left: 0;width: 100%; text-align: center;  height: 82px; color: #fff; overflow:hidden;}
#footerContent {min-width: 980px; max-width: 1400px; position: relative; padding: 25px 0px 0px 0px; margin: 0px auto; text-align: left;}
#xpage { font-family: tahoma; padding: 13px 0px 0px 37px; margin: 0px 10px 0px 0px; float: right; font-size: 12px; color: #fff;}
#xpage a {font-size: 12px; color: #fff; margin: 0px 0px 0px 5px;}
#xpage img {margin: -8px 0px 0px 0px;}
#copyright {font-family: tahoma;  float: left; padding: 13px 0px 0px 0px; margin: 0px 0px 0px 2%; line-height: 16px; font-size: 13px;}
#liveclick {float: left;  margin-top: 6px;  padding:0 0px 0 30px;}

#main {margin: 0;padding: 0; text-align: center; width: 100%;}
*html #content {height: 500px;}
#content {margin: 0px auto;padding: 0; text-align: center; width: 100%; max-width: 1400px; min-height: 500px;}
/* \*/
* html #footer {position: absolute;}
* html #main {padding-bottom: 130px;}
* html #content {padding-bottom: 150px; }
/* \*/
head:first-child+body div#footer {position: absolute;z-index:0;}
head:first-child+body div#main {padding-bottom: 130px;}
head:first-child+body div#content {padding-bottom: 150px;}

}

@media all and (min-wid1th:0px) {
head~body {height:100%;}
}



table, td, ul, li, p, img, div, a, h1, h2, h3, h4, label, input, textarea {margin: 0px; padding: 0px; border-width: 0px; vertical-align: top;}

table {border: 0px; border-collapse: collapse;}
body { }


a {color: #297c9b;}
a:hover {text-decoration: none;}

h1 { font-size: 25px; /*color: #000;*/ color: #74b10c; font-weight: bold; padding: 0px 0px 22px 0px; margin: 0px 0px 0px 0px;}
h1.main {font-size: 20px; color: #ff6600; line-height: 21px; font-weight: normal; padding: 0px 0px 0px 10px; margin: 0px 0px 8px 0px;}
h2 { font-size: 25px; font-family: tahoma; color: #74b10c; font-weight: bold; padding: 6px 0px 10px 4px; clear: left;width:90%}
h3 { font-size: 25px; font-family: tahoma; color: #000; font-weight: bold; padding: 6px 0px 21px 4px; clear: left;}
h4 { font-size: 17px; color: #000; font-weight: bold; padding: 0px 0px 10px 4px; clear: left;}

p {margin: 0px 0px 0px 0px; padding: 0px 0px 6px 4px;}
p img {margin: 7px 29px 10px 0px;}
ol { margin: 3px 0px 22px 17px;}
ol li {padding: 5px 0px 1px 0px;}
ul { list-style-type: none; margin: 3px 0px 22px 17px;}
ul li {background: url(/assets/images/li.gif) 11px 9px no-repeat; padding: 5px 0px 1px 35px;}
ul.black li {background: url(/assets/images/li3.gif) 13px 7px no-repeat;}
ul.line li {background: url(/assets/images/li2.png) 13px 7px no-repeat;}
ul li span {color: #8a8a8a; font-size: 11px;}
blockquote {background: #ece8e2; border-left: 8px solid #9d9d9d; margin: 0px 45px 9px 4px; padding: 12px 0px 2px 11px;}
blockquote p {padding: 0px 20px 12px 10px;}

table.tab {font-size: 15px; margin: 0px 0px 28px 4px;}
table.tab thead { background: #d9e2cb url(/assets/images/thead.png) top left repeat-x;}
table.tab thead p {padding: 3px 18px 2px 18px; margin: 0px;}
table.tab thead td {font-weight: bold; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7;}
table.tab thead td.first {background: transparent url(/assets/images/thead-bg.png) top left no-repeat;}
table.tab thead td.last {background: transparent url(/assets/images/thead-bg.png) top right no-repeat;  border-right: 0px solid #b7b7b7;}
table.tab tbody {}
table.tab tbody p {padding: 3px 18px 3px 18px; margin: 0px;}
table.tab tbody td {border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7;}
table.tab tbody td.first p {background: url(/assets/images/thead.png) top left repeat-y;}
table.tab tbody td.tr_first {background: transparent url(/assets/images/tbody-bg.png) bottom left no-repeat; border-bottom-width: 0px;}
table.tab tbody td.tr_last {background: transparent url(/assets/images/tbody-bg.png) bottom right no-repeat; border-width: 0px;}


#mainpage {min-w1idth: 980px; max-width: 1400px; margin: 0px auto; padding: 28px 0px 0px 0px; text-align: left;}
#contentpage {min-width: 980px; max-width: 1400px;  margin: 0px auto; text-align: left;}

#topmenu {width: 100%; margin: 0px 0px 0px 0px;}
*html #topmenu {margin: 0px 0px 0px 0px;}
#topmenu li {float: left; background-image: none; padding: 23px 0px 0px 0px;}
#topmenu li a {color: #5f6b2c; font-size: 12px; font-family: tahoma; padding: 0px 0px 0px 0px; display: block; float: left;}
#topmenu li a:hover {display: block;}
#topmenu li a.active {display: block;}
#topmenu li.mid-li {widt1h: 11.2%! important; margin-right: -80px;}


/*Main Page*/

#top { height: 275px; background: url(/assets/images/top-bg.png) top left repeat-x; text-align: center;}
#top-wrap { height: 275px; max-width: 1400px; margin: 0px auto; text-align: left; background: url(/assets/images/top-car.jpg) 30% 0px no-repeat;}

#logo {margin: 66px 0px 0px 75px; display: block; float: left;}
*html #logo {margin: 66px 0px 0px 38px;}

#top-contacts {font-family: georgia; font-size: 33px; color: #fff; clear: both; height: 77px; padding: 28px 0px 0px 0px;}
#top-contacts div {float: left;}
#top-code {font-size: 19px; margin: -5px 2px 0px 0px;}
#top-adr {font-size: 11px; font-family: tahoma; width: 145px; margin: 10px 0px 0px 15px;}
#underslide { font-family: georgia; color: #fff; font-size: 20px; font-style: italic;}
#underslide em {color: #2d4311;}

#steps {clear: both; margin: 0px 0px 0px 30px;}

#imgmenu {margin: 11px 0px 0px -18px; width: 100%;  display: block; clear: both;}
#imgmenu li {text-align: center; float: left; padding: 0px 0px 0px 0px; margin: 0px; width: 146px; background-image: none; color: #6f6f6f; font-family: tahoma; font-size: 11px; text-align: left;}
#imgmenu li.stepline {width: 12%; background: url(/assets/images/step-line.jpg) 37% 34px no-repeat; margin: 0px -70px 0px 0px; height: 161px;}
#imgmenu li p {margin: 0px 0px 0px 14px;}
#imgmenu li a {}

#main-center {clear: both; padding: 39px 0px 0px 30px; font-family: tahoma; font-size: 13px; position: relative;}

#need {width: 500px; min-height: 316px;}
*html #need {height: 316px;}
#need ul {margin: 14px 0px 6px 17px;}
#need ul li {padding: 5px 0px 10px 40px; background: url(/assets/images/li3.gif) 23px 10px no-repeat;}
#need ul li span {display: block; margin: 1px 0px 0px 0px;}
#need p {line-height: 24px;}

#board {text-align: right; background: url(/assets/images/board.jpg) top left no-repeat; width: 386px; height: 379px; position: absolute; top: 84px; left: 60%; margin-left: -53px;}
#board div {padding: 9px 0px 8px 0px; text-align: center;}
#board a {color: #fff; font-family: tahoma; font-size: 13px; margin: 0px 21px 0px 0px;}

#advantage {padding: 35px 0px 27px 0px; position: relative; margin: 0px 0px 25px 0px;}
#advantage ul {margin: 16px 0px 6px 17px;}
#advantage ul li {padding: 4px 0px 5px 42px; background: url(/assets/images/li2.png) 23px 12px no-repeat;}

#adv { width: 350px;}

#can {position: absolute; top: 139px; left: 60%; margin-left: -193px;}
#can strong { font-size: 15px;}
#can div {position: relative;}
#can img {position: absolute; margin: 13px 0px 0px 26px;}
#can ul {margin: 14px 0px 6px 50px;}

#sheme { background: url(/assets/images/sheme.jpg) top left no-repeat; width: 117px; height: 164px; position: absolute; right: 0px; top: 147px;}
#sheme a {color: #0084ff; font-family: tahoma; font-size: 14px; display: block; margin: 129px 16px 0px 0px;}

#otzivi { clear: both; background: url(/assets/images/otzivi.png) 0px 42px no-repeat; width: 100%; overflow: hidden;  font-family: tahoma;}
#otziv {float: left; color: #0084ff; font-size: 17px; margin: 0px 6px 0px 38px;}
#otz-wrap {height: 148px; width: 2000px;}
#otz-block {background: url(/assets/images/otzivi-car.png) 0px 0px no-repeat; margin: 0px 35px 0px 0px; float: left; width: 374px; height: 148px; text-align: left;}
#otz-block div {padding: 24px 100px 0px 43px;}
#otz-block strong {color: #a4a4a4; font-size: 13px;}
#otz-block p {color: #5b5b5b; font-size: 11px; font-style: italic; padding: 4px 100px 0px 43px; line-height: 15px;}

.allnews {padding: 11px 43px 0px 0px; margin: 0px 0px 0px 0px; text-align: right;}
.allnews a {background: url(/assets/images/allnews.gif) 0px 5px no-repeat; padding: 0px 0px 0px 9px;}


#cont-left {width: 230px; padding: 20px 0px 0px 0px; float: left; text-align: left;}
#cont-right {padding: 0px 20px 0px 0px; margin: 0px 0px 0px 230px;  text-align: left;}

/*Content Page*/

#cont-logo {height: 150px;}
#logo2 {float: left; margin: 0px 0px 0px 27px;}
#nav {float: left; margin: 22px 0px 0px 21px;}
#nav a {display: block; margin: 0px 0px 7px 0px;}

#leftmenu {background: url(/assets/images/leftmenu.gif) top left no-repeat; padding: 16px 0px 0px 0px; margin: 29px 0px 26px 30px;}
#leftmenu li  {padding: 7px 0px 10px 0px; background-image: none;}
#leftmenu li a {font-family: tahoma; font-size: 12px;}

#pathway {font-size: 11px; padding: 16px 0px 1px 4px;}
#pathway a {color: #000;}

#cont-right p {line-height: 23px;}
#cont-right ul li span {font-size: 14px; color: #000;}

#form {margin: 6px 0px 30px 4px; display: block; width: 453px; padding: 18px 0px 0px 0px; background: #d9e2cb;}
#form div {margin: 0px 0px 0px 0px; padding: 0px 0px 7px 26px; clear: right;}
#form label {display: block; width: 100%; font-family: tahoma; font-size: 12px; text-align: left; margin: 0px 0px 3px 0px; padding: 6px 0px 1px 0px;}
#form input {background: #fff; border: 1px solid #8a98c5; color: #242424;  font-size: 12px; font-family: tahoma; padding: 3px 3px 4px 3px; margin: 0px 0px 0px 0px;}
#form textarea {background: #fff; border: 1px solid #8a98c5; color: #242424;  font-size: 12px; height: 70px; width: 380px; font-family: tahoma; padding: 3px 3px 4px 3px; margin: 0px 0px 0px 0px;}
#form span {display: block; font-size: 11px; color: #999999; padding: 2px 0px 0px 0px;}
#form img {margin: 10px 0px 0px 0px! important; clear: both; display: block;}
#form .button {background: url(/assets/images/button1.png) top left no-repeat; color: #242424; font-family: tahoma; font-size: 12px; width: 74px; height: 22px; margin: 23px 0px 19px 314px; border-width: 0px; cursor: pointer; padding: 0px 0px 2px 0px;}
#form input.checkbox {margin: 0px 7px 0px 0px;}
#form input.radio {margin: 0px 4px 0px 0px;}

#zayavka {margin: 6px 0px 30px 8px; display: block; padding: 0px 0px 0px 0px;}
#zayavka div {margin: 0px 0px 0px 0px; padding: 6px 0px 5px 3px; clear: right;}
#zayavka label {display: block; width: 200px; float: left; font-family: arial; font-size: 15px; text-align: left; margin: 0px 20px 3px 0px; padding: 5px 0px 0px 0px;}
#zayavka input {background: #fff; border: 1px solid #7f9db9; color: #242424;  font-size: 12px; font-family: tahoma; padding: 3px 3px 4px 3px; margin: 5px 0px 0px 0px;}
#zayavka textarea {background: #fff; border: 1px solid #7f9db9; color: #242424;  font-size: 12px; height: 70px; width: 300px; font-family: tahoma; padding: 3px 3px 4px 3px; margin: 5px 0px 0px 0px;}
#zayavka span {display: block; font-size: 11px; color: #999999; padding: 2px 0px 0px 220px;}
#zayavka img {margin: 10px 0px 0px 0px! important; clear: both; display: block;}
#zayavka .button {background: url(/assets/images/button1.png) top left no-repeat; color: #242424; font-family: tahoma; font-size: 12px; width: 74px; height: 22px; margin: 6px 0px 19px 220px; border-width: 0px; cursor: pointer; padding: 0px 0px 2px 0px;}
#zayavka div.radio {float: left; width: 300px; clear: none;  padding: 2px 0px 5px 3px;}
#zayavka div.radio input {float: left; margin: 5px 7px 0px 0px; border-width: 0px;}
#zayavka div.radio label {float: left; width: auto; margin: 0px 10px 3px 0px;}
#zayavka input.checkbox {margin: 0px 7px 0px 0px;}
#zayavka input.radio {margin: 0px 4px 0px 0px;}

.readblock { background: url(/assets/images/text.gif) 3px 10px no-repeat; padding: 0px 0px 0px 18px;}
.readblock div {padding: 6px 0px 3px 9px;}


#pagenav {font-family: tahoma; margin: 0px 0px 0px 0px;}
#pagenav .arrows { margin: 0px auto; text-align: center;}
#pagenav .prev { background: url(/assets/images/prev.png) left 4px no-repeat; display: inline; font-weight: bold; color: #515151; padding: 0px 0px 0px 41px;}
#pagenav .next { background: url(/assets/images/next.png) right 4px no-repeat;  display: inline;  font-weight: bold; color: #515151; padding: 0px 41px 0px 28px;}
#pagenav .pages { margin: 0px auto; clear: left; padding: 12px 0px 0px 0px; text-align: center;}
#pagenav .pages div { display: inline; border: 1px solid #b0b0b0; margin-right: 0px; padding: 1px 5px 2px 5px; background: #ffaf49; color: #515151; font-size: 11px;}
*+html #pagenav .pages div {margin-right: 4px;}
*html #pagenav .pages div {margin-right: 4px;}
#pagenav .pages a {color: #515151; border: 1px solid #b0b0b0; margin-right: 0px; text-decoration: none; padding: 1px 5px 2px 5px; font-size: 11px; }

/* slider specific CSS */
        .sliderGallery {
            background: url(/assets/images/productbrowser_background_20070622.jpg) no-repeat;
            overflow: hidden;
            position: relative;
            height: 275px;
            width: 410px;
			left: 59%;
			float: left;
			margin-left: -200px;

        }
		*html .sliderGallery {}

        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;
        }

        .sliderGallery UL LI {
            display: inline;
			background-image: none;
			padding: 5px 0px 8px 0px;
			font-size: 33px;
			font-weight: bold;
			color: #fff;
			text-transform: uppercase;
        }

        .slider {
            width: 402px;
            height: 122px;
            top: 42px;
            margin-left: 5px;
            padding: 1px;
            position: relative;
            background: url(/assets/images/slider.png) 15px 18px no-repeat;
        }

		.slider p {color: #fff; font-size: 11px; font-family: tahoma; text-align: center;}

        .handle {
            position: absolute;
            cursor: move;
            height: 35px;
            width: 29px;
            top: 18px;
            background: url(/assets/images/handle.png) 0px 1px no-repeat;
            z-index: 120;
			margin-left: 7px;
        }

        .slider span {
            color: #fff;
            font-size: 10px;
			font-family:tahoma;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 26px;
        }

        .slider .slider-lbl1 {
            left: 0px;
        }

        .slider .slider-lbl2 {
            left: 48px;
        }

        .slider .slider-lbl3 {
            left: 96px;
        }

        .slider .slider-lbl4 {
            left: 144px;
        }

        .slider .slider-lbl5 {
            left: 192px;
        }
		.slider .slider-lbl6 {
            left: 239px;
        }
		.slider .slider-lbl7 {
            left: 290px;
        }
		.slider .slider-lbl8 {
            left: 338px;
        }
		.slider .slider-lbl9 {
            left: 377px;
        }*/



