body,html,body,div,img,dl,dt,dd,h1,h2,h3,h4,h5,p,form,input,select,textarea,a,table,tr,td,ul,li {margin:0;padding:0;}

body, html {width: 100%; height: 100%; text-align: center;}
body {background: #bfbfbf;}
body, div {font: 12px/16px Georgia, Arial, Tahoma, Verdana, sans-serif; color: #5a5c5d;}

a, a:hover {color: #084ebe; text-decoration: underline;}a:hover {color: #f32020;}a:focus {outline: none;}
img {border: none; vertical-align: middle;}

.spacer{height:1px;width:100%;clear:both;font-size:1px;}.s10{height:10px;}.s15{height:15px;}.s20{height:20px;}.s25{height:25px;}.s35{height:35px;}.s45{height:45px;}.s55{height:55px;}.s95{height:95px;}

/* main block */
.container {width: 1000px; margin: 0 auto; text-align: left; position: relative; background: #f5f5f5; min-height: 100%;}
.container-pad {padding: 45px 0 0 55px; width: 944px;}
.container-second-pad {padding: 0 0 0 55px; width: 944px;}

/* header */
.header {height: 240px; position: relative; width: 100%; background: url(/imgs/bg-header.jpg) 50% 0 no-repeat;}
.logo {position: absolute; top: 52px; left: 54px;}
.slogan {font: 11px/13px Arial; color: #939393; position: absolute; top: 40px; left: 232px; text-indent: -5px;}
.header-desc {line-height: 16px; color: #646667; position: absolute; top: 115px; left: 100px;}
.header-desc b {display: block; font-size: 20px; line-height: 25px; font-weight: normal; color: #3f3f3f; margin-bottom: 10px;}
.phone {font-size: 13px; line-height: 25px; position: absolute; top: 115px; left: 760px; letter-spacing: -1px;}
.phone b {display: block; font-size: 26px; line-height: 25px; font-weight: normal; color: #000; margin-bottom: 10px; text-indent: -15px; letter-spacing: 0;}
.ico {position: absolute; top: 41px; left: 810px;}
.ico a, .ico a:hover {display: block; width: 33px; height: 32px; float: left; margin-right: 25px;}
.i1 {background: url(/imgs/i-home.gif) no-repeat;}.i2 {background: url(/imgs/i-map.gif) no-repeat;}.i3 {background: url(/imgs/i-search.gif) no-repeat;}
.ico a.on, .ico a.on:hover {background-position: 0 -32px;}

/* menu */
.menu {width: 816px; height: 39px; background: #0156b3 url(/imgs/bg-menu.gif) no-repeat; padding-left: 30px; margin-left: 25px;}
.menu li {font-size: 16px; list-style: none; float: left; margin-right: 27px; white-space: nowrap;}
.menu li.last {margin-right: 0;}
.menu li a, .menu ul li a:hover {color: #fff; display: block; padding: 9px 0;}
.menu li a.on, .menu li a.on:hover, .menu li a:hover {color: #ffff99; text-decoration: none;}
/* /menu */

/* index goods list and wow block */
.main-good-list {width: 650px; float: left;}
.main-good {width: 295px; float: left; margin-right: 25px; line-height: 20px;}
.main-good a, .main-good a:hover {display: block; padding: 133px 0 2px; font-size: 20px; line-height: 25px;}
.bg-mg1 {background: url(/imgs/bg-maing1.jpg) no-repeat;}
.bg-mg2 {background: url(/imgs/bg-maing2.jpg) no-repeat; margin-right: 0;}
.bg-mg3 {background: url(/imgs/bg-maing3.jpg) no-repeat;}
.bg-mg4 {background: url(/imgs/bg-maing4.jpg) no-repeat; margin-right: 0;}

.main-wow {background: url(/imgs/bg-mwow.gif) no-repeat; width: 270px; height: 449px; padding-top: 3px; float: left; text-align: center; font-size: 20px; line-height: 25px;}
.main-wow a, .main-wow a:hover {display: block;}
/* /index list goods and wow block */

/* news list */
.news-list {width: 100%; position: relative; z-index: 777;}
.news-list .title {font-size: 20px; color: #3f3f3f; float: left; margin-right: 30px; padding-top: 5px; line-height: 25px;}
.news-list .titles {margin-right: 0; position: relative; left: -22px;}
.news {width: 290px; margin: 15px 25px 0 0; float: left;}
.news-last {margin-right: 0;}
.news span, .date {display: block; color: #5a5c5e;}
.news a, .news a:hover {font-size: 14px; display: block; line-height: 17px; font-style: italic; margin: 2px 0 5px; position: relative; left: -8px; padding-left: 8px; background: url(/imgs/bg-news-a.gif) 0 9px no-repeat;}
.news-info {width: 610px;}

.more, .more:hover {display: block; float: left; background: #ffff99 url(/imgs/bg-more.gif) no-repeat; margin: 5px 30px 0 0; white-space: nowrap;}
.more span, .more:hover span {display: block; float: left; padding: 6px 15px 0; height: 23px; background: url(/imgs/bg-more-s.gif) 100% 0 no-repeat; text-decoration: underline; cursor: pointer;}

.news-subscribe {float: left; position: relative; z-index: 777;}
.news-subscribe a, .news-subscribe a span {text-decoration: none !important;}
.news-subscribe i {font-style: normal; border-bottom: 1px dashed #084ebe;}
.news-subscribe a:hover i {border-bottom: 1px dashed #f32020;}

.subscribe {z-index: 333; position: absolute; left: -7px; top: -57px; z-index: 777; display: none;}
.subscribe-bg {background: url(/imgs/bg-s.png) no-repeat;}
.subscribe, .subscribe-bg {width: 212px; height: 170px;}

.subscribe-form {font: 13px/18px Georgia, Arial; color: #707070; padding: 25px 35px 0 35px; width: 142px; height: 145px; position: absolute; top: 0; left: 0; z-index: 555;}
.subscribe-form .input {width: 130px; padding: 1px 3px 3px; margin: 5px 0 8px; font-size: 12px;}
.subscribe-form .x, .subscribe .x:hover {font: 15px/15px Arial; color: #acacac; float: right; text-decoration: none; font-weight: bold;}
.subscribe-form .x:hover {color: #f32020;}
.subscribe-form div {text-align: center; position: relative; width: 100%; z-index: 555;}
.subscribe-form div img {margin-bottom: 5px;}
/* /news list */

/* solution page */
.bg-solution {width: 915px; padding: 160px 0 30px 6px; margin-left: 46px;}
.bg-solution h1 {margin: 0;}

.solution-list {padding-top: 25px; width: 625px; position: relative; left: -10px;}
.solution-list .spacer {background: #dcdcdc; margin-top: 20px;}
.solution {padding: 18px 0 0 60px; line-height: 20px; position: relative;}
.solution img {position: absolute; top: 24px; left: 13px;}
.solution a, .solution a:hover {font-size: 20px; display: block; margin-bottom: 3px;}

.bgs1 {background: url(/imgs/bg-solution1.jpg) no-repeat;}
.bgs2 {background: url(/imgs/bg-solution2.jpg) no-repeat;}
.bgs3 {background: url(/imgs/bg-solution3.jpg) no-repeat;}
.bgs4 {background: url(/imgs/bg-solution4.jpg) no-repeat;}
/* /solution page */

/* partners page */
.partners-list {padding-top: 25px; width: 625px; position: relative; left: -10px;}
.partners-list .spacer {background: #dcdcdc; margin-top: 20px;}
.partners {padding: 18px 0 0 110px; line-height: 20px; position: relative;}
.partners span {display: block; font-size: 23px; line-height: 25px;}
.partners img {position: absolute; top: 24px; left: 0;}
.partners a, .partners a:hover {display: block; margin-bottom: 3px;}
/* /partners page */

/* product page */
.product-image {width: 170px; float: left;}
.product-desc {width: 640px; float: left;}
/* /product page */

/* calculator */
.p-image {width: 95px; float: left; color: #3f3f3f;}
.p-image img {margin-top: 25px; position: relative; left: -8px;}
.p-desc {width: 700px; float: left;}
.p-desc a, .p-desc a:hover {font-size: 15px; display: block; float: left; margin-right: 30px; text-decoration: none; border-bottom: 1px dotted #0156b3;}
.p-desc a:hover {border-bottom: 1px dotted #f32020;}
.p-desc a.on, .p-desc a.on:hover {border: none; color: #000;}
.p-desc b {font-size: 15px; font-weight: normal; color: #000; display: block; margin-bottom: 10px;}

.form {width: 710px; position: relative; left: -9px; padding-left: 9px;}
.form .line {background: #e4e4e4;}

.form .label {color: #3f3f3f; display: block; padding: 0 0 4px 65px;}
.form .label a, .form .label a:hover {color: #3f3f3f;}
.form label.label span {color: #7e7e7e;}
.form .disable, .form .disable span {color: #a0a0a0 !important;}

.form input {font: 12px/16px Georgia, Arial, Tahoma, Verdana, sans-serif; color: #5a5c5d;}
.form .input {margin-left: 65px; width: 130px; padding: 1px 3px 3px;}

.forms {float: left; width: 235px; position: relative;}
.forms img {position: absolute; top: 4px; left: 0;}

.check {float: left; padding-left: 65px; color: #3f3f3f; width: 305px;}
/*.check {float: left; white-space: nowrap; padding-left: 65px; color: #3f3f3f; width:290px;}*/
.check input {width: 14px; height: 14px;}
.check p {margin: 0; padding: 8px 0 0 16px; color: #888;}

.price {padding: 3px 25px 5px 14px; color: #3f3f3f; width: 310px; margin-left: 50px;}
.price span {display: block; float: right;}
.price i {font-style: normal; text-decoration: line-through;}
.price-on {background: #ffff99;}
/* /calculator */

h1, h2, h3, h3 a, h3 a:hover {color: #0c55bc; font-weight: normal; font-family: Georgia, Arial, Tahoma, Verdana, sans-serif;}
h1 {font-size: 30px; line-height: 35px; float: left; margin: 0 50px 0 0;}
h2 {font-size: 20px; color: #5a5c5d; padding: 35px 0 10px;}

input {font: 14px Arial, Tahoma, Verdana, sans-serif; color: #000; vertical-align: middle;}
big {font-size: 16px; color: #000;}

.content {width: 910px;}
.content h1 {padding: 0px 0 30px 0; width: 100%; margin: 0;}

/* footer */
.spacerfooter {height: 150px;}
.footer {width: 100%; position: absolute; bottom: 0; left: 0; height: 65px; padding-top: 85px; background: url(/imgs/bg-footer.jpg) 50% 0 no-repeat; font-size: 13px;}
.footer .made {background: url(/imgs/made.gif) no-repeat; padding: 2px 0 10px 110px; width: 265px; float: right;}
.footer a {color: #5a5c5d !important;}
.footer-i {padding: 2px 35px 0 55px; float: left;}

a.tt span{
display:none;/*собственно прячем тултип - пока мышь не наведена*/
}
a.tt:hover{
position:relative;/*Ставим точку отсчета для тултипа внутрь данной ссылки*/
z-index:23;/*это нужно что бы тултип показывался поверх этой и других ссылок*/
}
a.tt:hover span{
display:block;/*показываем тултип при наведении*/
position:absolute;
top:-10px;
left:40px;/*три строки для позиции тултипа относительно левого верхнего угла ссылки*/
z-index:22;/*мне 22 + см. выше*/
background:#084ebe;/*фон, что бы было видно тултип*/
font-size: 8pt; color: #FFFFFF; padding:10px;
width: 390px;
}