@import url(reset.css);

html, body{height: 100%}
body {background: #ebebeb; font: 81.25%/1.2 Tahoma, sans-serif, arial; color: #898989}

h1 {font-size: 1.385em; font-weight: normal; color: #727272; margin: .539em 0 1em}
h2 {font-size: 1.231em; font-weight: normal; color: #727272; margin: 1.5em 0 1em}
h4 {margin-bottom: 0.5em}
h1 span, h2 span {color: #8fa543}
input, select, textarea {font-size: 100%; color: #898989; font-family: Tahoma, sans-serif}
p {margin-bottom: 1em}
p.note {color: #869d34; font-size: .924em; margin-bottom: .385em; clear: left}
hr {background: #c4c4c4; height: 1px; border: none}
a {color: #869D34}
h1.stitle {margin-bottom: 0.539em; text-align: center}
#container {width: 962px; padding: 10px; /*border: 1px solid #e4e4e4;*/  margin: 0 auto 0; position: relative;background: url(../i/bkg_lines.gif) 0 0 repeat;-moz-box-shadow: 0 5px 20px #666;-webkit-box-shadow: 0 5px 20px #666;box-shadow: 0 5px 20px #666;}
#wrapper {/*border: 1px solid #d6d6d6;*/ padding: 30px 15px; background: #fff url(../i/apple.jpg) 100% 100% no-repeat scroll; position: relative; width: 930px; overflow: hidden;}
.feedback #wrapper {width: auto}
#header {height: 295px; width: 710px; background: url(../i/header.jpg) 100% 0 no-repeat scroll; position: relative; border-bottom: 2px solid #e0e0e0;}
   #mainmenu {width: 190px; padding: 0 15px; font: 1.385em "Trebuchet MS", sans-serif; text-transform: lowercase}
    #mainmenu ul{border-top: 1px dashed #c4c4c4; margin-bottom: 1em}
      #mainmenu ul li{list-style: none; border-bottom: 1px dashed #c4c4c4; display: block; line-height: 30px; background: url(../i/menuitem.gif) 6px 8px no-repeat scroll; padding: 0 0 0 32px}
        #mainmenu ul li a{text-decoration: none; color: #8d908f}
        #mainmenu ul li a span {
            font-size: 0.75em;
            text-transform: none;
            position: relative;
            top: -0.75em;
            }
  #header .banner {position: absolute; top: 155px; left: 435px}
  #header .partners {position: absolute; color: yellow; text-align: right; font-size: 1.308em; top: 170px; width: 290px; left: 400px; line-height: 1.4;}
  #header .partners .phone{font-size: 1.295em}
#maincol {float: left; position: relative; width: 710px;}
#content {width: 710px; float: left; position: relative;padding-top: 0.5em;}
  
  #contact {margin-top: 1em}
  #contact .work-time{color: #869d34; font-size: 1.308em; display: block; text-align: left; position: relative; overflow: visible;line-height: 1.5;}
  #contact .work-time sup{font-size: 90%}
  
  .contact_index .column {clear: right; float: left; width: 48%}
  #contact p{margin-bottom: .5em}
  #contact .feed {padding: 1.1em 0 0; position: relative;clear: both;}
  .contact_index .request{font-size: 1.1em; padding-top: 10px;}
  
  .about {border-bottom: 2px solid #e0e0e0}
  .principal-shem {background: url(../i/home.gif) 100% 100% no-repeat scroll; padding-bottom: 1em; overflow: hidden; zoom: 1}
    .principal-shem img{float: left; margin: 0 1em 1em}
      .principal-shem ul li span{font-weight: bold; color: #8fa543}
  .advance {border: 5px solid #e5e7e6; margin-right: 7px; background: #f2f2f2; padding: 15px 20px; overflow: hidden; clear: left; zoom: 1}
  .advance h1{font-size: 1.616em; margin: 0 0 .429em}
  .advance h1 span{font-size: 1.334em; font-weight: bold}
  .advance ul{margin: 0 0 1em 2em; display: inline}
  .img_left {float: left; margin: 0 1em 1em 0}
  .thumb {float: left; margin: 0 1em 1em 0}
  .thumb img {width: 160px}
  .th p{margin-bottom: .5em}
  .scheme img{display: block; margin: 0 auto}
  .sitemap ul {margin: 0 0 1em 2em}
  .sitemap ul li {margin: .462em 0}
  .sitemap ul li ul{margin: 0 0 0 1em}
  .nobullet li {list-style: none}
#sidebar {width: 200px; float: right; padding-bottom: 150px; position: relative;}
  #contact {border: 2px solid #e5e7e6; padding: 15px; margin-bottom: 2em; zoom: 1}
  #contact .title{text-transform: uppercase; color: #869d34; font-size: 1.693em; margin: 0 0 .462em}
  #contact h3{margin-bottom: .75em}
  #contact p.feed{margin: 2em 0 0}
  #sidebar #contact .work-time{text-align: center; font-size: 1.154em}
  #contact .ph-number, .contact-page .ph-number{font-weight: bold; font-size: 1.154em; color: #666}
  #contact .phone_mcanal, .contact-page .phone_mcanal{font-size: 1.5em;}
  .models ul {margin: 0 0 0 1em; zoom: 1}
  .models ul {margin: .8em 0 0 1em}
  .models ul li{list-style: none; margin-bottom: 0.231em}
  .models ul li.last{margin-top: 1em}
  .models h3{font-size: 1.154em; color: #869D34}
  .models ul.models-list-main {margin-left: 0}
  .models ul.models-list-main li{margin-bottom: 1em}
  .models ul.models-list-main li.last{margin-top: 0}
  .models ul.models-list-main li a{left:1em; line-height:1.6; margin-right:1.6em; position:relative;}
  .models ul.models-list-main li img{margin-bottom: .381em; display: block;}

  .schemas__item {
    display: inline-block;
    zoom: 1;
    width: 28%;
    margin: 0 2% 2em 0;
    vertical-align: bottom;
    text-align: center; 
  } 
  .schemas__item img {
    display: block;
    width: 100%;
    margin-bottom: 0.75em;
  }

  .imp {color: #d00}

  a.popup {margin-left: 20px}
  a.popup img{position: relative; margin: 0 4px 0 -20px; vertical-align: middle; top: -1px}

#footer {clear: both; text-align: center; height: 40px; position: relative}
  #footer ul {margin: 0 0 25px; padding: 0; position:relative; top: 20px}
  #footer ul li{list-style: none; display: inline; padding: 0 .462em; border-right: 1px solid #a4a4a4}
  #footer ul li.last{border: none}
  #footer ul li a{color: #a4a4a4; text-decoration: none}

  .counter{position: absolute; top: 4px; right: 10px; height: 31px; overflow: hidden;}

.half-page {width: 46%; float: left; margin: 0 2% 0 0}
.bb {width: 960px; clear: both; margin: 0 auto; text-align: center; position: relative; line-height: 3}
.bb h1 {display: inline; margin-right: 0.616em; font-size: 1em}

.selection {margin-bottom: 1em; width: 100%}
.selection td{padding: 0 5px}
.selection table td{border-bottom: 1px dashed #c4c4c4; padding: 3px 5px}
.inm {width: 30px; text-align: right}
#r1 {width: 60px}
#r2 {background: #fff; border: 1px solid #ccc; width: 70%; padding: 3px}

#content ul {margin-left: 2em}

#content table.price {width: 99%; margin: 0 auto 1em}
#content table.price, #content table.price th, #content table.price td {border: 1px solid #c4c4c4}
#content table.price thead th {text-align: center}
#content table.price th, #content table.price td {padding: 3px}
table.price tbody tr {background:#fff; padding: 2px;hover: expression(this.onmouseover=new Function("this.style.background='#eaeaea';"), this.onmouseout=new Function("this.style.background='#ffffff';"));}
table.price tbody tr:hover{background:#eaeaea}
table.price tbody td {text-align: center;}
table.price tbody th {text-align: left;}
table.price .cost{text-align: right;white-space: nowrap}


table.why-topas {margin: 1em}
table.why-topas th{border-top: 1px dashed #c4c4c4; border-bottom: 1px dashed #c4c4c4; font-size: 1.07em; padding: .5em 0 }
table.why-topas td{padding: .7em; vertical-align: top}
table.why-topas td p{margin-bottom: .5em}
table.why-topas td ul{margin: 0 0 .5em 1em}
table.why-topas td.minus, table.why-topas td.plus{padding-left: 40px}
table.why-topas td.minus{background: url(../i/min.gif) 0 .7em no-repeat scroll}
table.why-topas td.plus{background: url(../i/plus.gif) 0 .7em no-repeat scroll}

.owner {margin-bottom: 1.616em}
.owner p{margin-bottom: 0}
.readmore{position: relative; top: .381em}

ol#articles {margin-left: 2em}
ol#articles li {margin-bottom: 1em}

.models {
    padding-top: 2em;
}

.request {
    margin: 1em 0;
    line-height:1.3;
    margin-left: 70px;
}
.request img {
    display: inline;
    float: left;
    margin: 0 0 0 -70px !important;
}  
.request a {margin:0px;}  
 
.metrost{background: url("../i/metroicon.jpg") no-repeat scroll 0 0 transparent;line-height: 22px;padding-left: 24px;padding-top: 1px;}  
  
.clr {clear: both; height: 0; font-size: 0; line-height: 0}

#container.feedback {width: 480px; background-image: none; margin: 0 auto; top: 20px}
#container.feedback #wrapper{border: 1px solid #d6d6d6; padding: 10px 15px 20px}
#container.feedback form dl{clear: left; overflow: hidden; margin-bottom: 1em}
#container.feedback form dt{float: left; width: 8em; padding-top: .231em}
#container.feedback form dd{margin-left: 9em}
#container.feedback form dd.field input{width: 85%; margin-bottom: .231em; color: #333}
#container.feedback form dd.textarea textarea{width: 85%; color: #333}
#container.feedback form dd.field span{display: block; font-size: 0.847em; color: #999}

.errors {padding: 1em; margin-bottom: 1em; font-size: 90%; color: #333; background: #fbb; border: 1px dashed red}

#vancouver-2010 body table img {width: 134px}

.similar {overflow: hidden;}
.similar__item {float: left; width: 200px; margin-right: 2em;}
.similar__item__thumb {float: none; margin: 0 0 0.5em;}
.similar__item__thumb img {height: 150px;}

.video_link {
    position: relative;
        margin: 0 0 1em;
}
.video_link img {
    display: block;
}
.video_thumb {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    height: 110px;
    margin-bottom: 0.5em
}
.video_link .video_thumb img {
    margin-top: -20px;
    width: 100%;
}
.video_link .play_button {
    position: absolute;
    top: 20px;
    left: 50%;
    margin: 0 0 0 -32px;
}