* { font-family: Verdana; font-size: 10px; }
body { background-color: #e74c06; }
a { text-decoration: none; }
.clear{ clear:both; height: 0; line-height: 0;}
.clearb { position:relative; top:-1px; height:1px; background-color: #000; width:100%; }
.hr { height: 1px; width: 100%; border: none; background-color: #383838; }
.png { filter:expression(fixPNG(this)); }
.nodisplay{display:none}
.cursor{cursor:pointer; cursor:hand}
p { line-height: 12px; padding-bottom: 17px; }
h1 { font-size: 14px; font-weight: bold; padding-bottom: 31px; }
h2 { font-size: 11px; font-weight: bold; padding-bottom: 18px; }

.scroll-pane { padding: 0px; height: 438px; overflow: auto; }
.holder { padding: 20px 0px 20px 20px; overflow: auto; }
.jScrollPaneDrag { background-color: #fff; }

/*плашки*/
.op99, .opt99 td { background: url(../img/layout/opacity-99.png); filter:expression(fixPNG(this)); }
.op88, .opt88 td { background: url(../img/layout/opacity-88.png); filter:expression(fixPNG(this)); }
.op77, .opt77 td { background: url(../img/layout/opacity-77.png); filter:expression(fixPNG(this)); }
.op66, .opt66 td { background: url(../img/layout/opacity-66.png); filter:expression(fixPNG(this)); }
.op55, .opt55 td { background: url(../img/layout/opacity-55.png); filter:expression(fixPNG(this)); }
.op44, .opt44 td { background: url(../img/layout/opacity-44.png); filter:expression(fixPNG(this)); }
.op33, .opt33 td { background: url(../img/layout/opacity-33.png); filter:expression(fixPNG(this)); }
.op22, .opt22 td { background: url(../img/layout/opacity-22.png); filter:expression(fixPNG(this)); }

/*thumbnail*/

.opacity5 { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
            -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
            -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
            opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

.opacity3 { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE 5.5+*/
            -moz-opacity: 0.3; /* Mozilla 1.6 и ниже */
            -khtml-opacity: 0.3; /* Konqueror 3.1, Safari 1.1 */
            opacity: 0.3; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}


/* main block */
#main { width: 1044px; position: absolute; top: 55px; left: 50%; margin-left: -522px; }

    /*заголовок*/
    #header { position: absolute; left: 0px; top: 0px; width: 100%; height: 144px; }
    #logo { height: 112px; width: 100%; text-align: right; }


    /*скроллинг моделей*/
    div#models_scroller { height: 978px; width:1044px; }          
    div#models_scroller div.scroll { position: absolute; top: 382px; left: 0px; } 
    div#models_scroller div.right { left: 1014px; }
    img#models_top { position: absolute; top:0px; left:0px; width: 1044px; height:978px; }
    div#models_scroller div.opacity_black { position: absolute; top:0px; left:0px; background:url(../img/layout/opacity-11.png); filter:expression(fixPNG(this)); width:1044px; height:732px; }
    /*скроллинг превью*/
    div#previewscroll { position: absolute; top: 678px; width: 912px; padding: 0px 66px 0px 66px; overflow: hidden; white-space: nowrap; }
    div#previewscroll .inline { width: 100%; overflow: hidden; padding: 1px;}
    div#previewscroll .mpreview td { border: 1px solid #000; height: 54px; padding:0px; vertical-align:top; }
    div#previewscroll .mpreview div.stroke { border: 2px solid #E74C06; width: 75px; height: 50px; }
    div#previewscroll .mpreview div.stroke img { width: 75px; height: 50px; }            
    div#previewscroll div.inline img { width: 79px; height: 54px; cursor:pointer; cursor: hand; }
    div#previewscroll div.inline table td img.selected {  }
    

    /*технические характеристики*/
    div#review_container { position:absolute; top: 175px; left: 66px; width: 215px; height: 239px; background: url(../img/layout/opacity-22.png); filter:expression(fixPNG(this)); }
    div#review_container table { color: #fff; font-size: 9px; width: 100%; border-bottom: 1px solid #868784  }
    div#review_container table td { font-size: 9px; vertical-align: middle; padding-top: 10px; padding-left: 10px; border-bottom: 1px solid #868784; padding-bottom: 12px; padding-right: 0px; }    
    div#review_container .header td { padding:0px; margin:0px; border-bottom: none; font-weight: bold; font-size:12px; color: #fff; }
    div#review_container .header td p { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; margin:0px; background: #fd580e url(../img/layout/review_arrow.gif) 187px center no-repeat; }
    div#review_container .header td p:hover,
    div#review_container .header td p.hover  { background: #fd580e url(../img/layout/hermes/topmenu_arrow_down.gif) 187px center no-repeat;  }
    div#review_container .header td a { font-size: 12px; color: #fff; }
    div#review_container .header td a:hover { color: #fff; }    
    div#review_container .subheader td { padding: 10px 0px 9px 10px; font-size:10px; color: #e74d06; font-weight: bold; }
    div#review_container td.first { border-right: 1px solid #868784; width: 8px; padding-left: 8px; padding-right: 8px;}
    div#review_container td.gap { width: 34px; padding-right:8px; padding-left:8px; }    
    div#review_container td.jtech { padding-right:8px; font-size: 9px; }   


    #footer { width: 912px; background-color: transparent; padding: 0px 66px 32px 66px; color: #000; }
    div#footer table.sinfo { margin-top: 30px; width: 100%; }
    div#footer .sinfo td { vertical-align: top;}
    div#footer div.info { display: inline; text-align: left; float: left;}
    div#footer a { color: #fff; }
    div#footer div.info a { color: #fff; }
    div#footer p { margin:0px; padding: 10px 0px 0px 0px; }
    .banners { padding-bottom: 32px; height: 94px; }
    td.pass { vertical-align: middle; height: 28px;}
    td.pass img { padding-left: 8px; }

    /*Видео заставка*/
    div#mainvideo { position:absolute; top: 0px; left: 0px; width:1044px; height: 732px; background: url(../img/layout/opacity-66.png); filter:expression(fixPNG(this));}

    /*Текстовый раздел*/
    div#text { overflow: hidden; white-space: nowrap; position:absolute; top: 175px; left: 66px; width:912px; height: 510px; background: url(../img/layout/hermes/tech_selected.png); filter:expression(fixPNG(this)); color: #fff;}
    div#text a { color: #fff; }
    div#text_clear { position:absolute; top: 175px; left: 66px; width:912px; height: 510px; }    
    div#text_full { position:absolute; top: 175px; left: 66px; width:912px; height: 557px; background: #fff; }    
        /*Меню текстовых разделов*/
    #submenu { height: 32px; background: #572600; }        
    #submenu ul { float:left; list-style:none; margin:0; padding:0; }
    #submenu ul li { float:left; position:relative; padding-right: 18px; }
    #submenu ul .lborder { border-left: 1px solid #ebc5b2; }
    #submenu ul li a { display:block; padding: 12px 20px 10px 20px; color: #e74c06; background: url(../img/layout/submenu_arrow.gif) right 14px no-repeat; }
    #submenu ul li.selected { font-weight: bold; }
    #submenu ul li.selected, #submenu ul li:hover { background-color: #e74c06; }    
    #submenu ul li.selected a,
    #submenu ul li:hover a,
    #submenu ul li.hover a { color:#fff; background: #e74c06 url(../img/layout/hermes/submenu_arrow_down.gif) right 14px no-repeat; background-color: #e74c06; }    
    
    div.content { padding: 20px; color: #fff; width: 610px; }
    div.full_content { padding: 20px; color: #fff; width: 872px; }
    div.full_content table td { vertical-align: top; }
    
    div.settingup { padding: 0px 0px 0px 0px; background-color: #000; }

    div.modeltech { padding:0px 0px 0px 0px; color: #fff; height: 478px; }
    div.modeltech .setting { float: right; width: 325px; background-color: #000; height: 478px; }
    div#modeltech { padding-top: 0px; width: 100%; padding-right: 0px; }
    div#modeltech div.bracket{ border-bottom: 1px solid #9e8477; }
    div#modeltech div.bracket .first { border-top: 1px solid #9e8477; }            
    div#modeltech div.techtitle { padding: 0px 20px 0px 20px; height: 25px; padding-top:9px; cursor:pointer; cursor:hand; background: url(../img/layout/hermes/tech_box.png); filter:expression(fixPNG(this)); }
    div#modeltech div.techtitle span { padding-left: 20px; background: url(../img/layout/hermes/modeltech_plus.gif) left no-repeat; font-size: 12px; font-weight: bold; }      
    div#modeltech div.selected { color: #e74c06; background: none; filter:expression(fixPNG(this)); }
    div#modeltech div.selected span { background: url(../img/layout/hermes/modeltech_sel.gif) left no-repeat; font-size: 12px; font-weight: bold; }    
    div#modeltech .techbody { color: #a1a0a0; border-top: 1px solid #606060; padding-top: 10px; }
    div#modeltech .techbody table td { font-size: 11px; font-weight: bold; padding-left: 35px; color: #000; }            
    div#modeltech .techbody table .techheader { width: 410px; padding-left: 20px; padding-bottom: 15px; font-size: 10px; font-weight: bold; color: #000; }
    .techfooter { height:300px; background:url(../img/layout/hermes/tech_box.png); filter:expression(fixPNG(this)); }


    div#video { overflow: hidden; white-space: nowrap; position: absolute; width:700px; height: 408px; left: 151px; top: 62px; }
    div#videopreview  { overflow: hidden; white-space: nowrap; position: absolute; bottom:0px; width: 100%; height:73px; }    
    div#videopreview  ul { float:left; list-style:none; margin:0; padding:0; height: 56px; }
    div#videopreview  ul li { height: 56px; float:left; position:relative; padding-right: 0px; border: 1px solid #000; border-left: 0px;}
    div#videopreview  ul li.first { border-left: 1px solid #000;}         
    div#videopreview  ul li img { height: 56px; width: 83px; }     
    div#videopreview  ul li img.stroke { width: 79px; height: 52px; border: 2px solid #E74C06;}     
            
    /*Контактная форма*/
    input, textarea { color: #fff; font-weight: normal; background-color: #000; border: 1px solid #707070; padding: 11px 20px 11px 20px; }
    #contactform { padding:20px; color: #fff; }
    .frm_text { width: 370px; }
    .frm_textarea { height: 107px; width: 90%; }
    div.frm_header { width: 90%; border-top: 1px solid #707070; padding-right: 40px;}
    div.frm_send { width: 90%; border-bottom: 1px solid #707070; padding: 23px 40px 23px 0px;}    
    .frm_header p { color: #00aeef; font-size: 10px; font-weight: bold; padding: 14px 0px 14px 0px; }
    .frm_email p { color: #fff; font-size: 10px; font-weight: bold; padding: 28px 0px 14px 0px; }
    .frm_quest p { color: #fff; font-size: 10px; font-weight: bold; padding: 28px 0px 14px 0px; }
    .formerror { color: #f00; }
    
    
    div#hermes_text { padding: 20px; overflow: hidden; }
    div#hermes_text h3 { font-size: 11px; color: #e74c06; font-weight: bold; padding-bottom: 24px; }
     .Article {
       column-count: 2;
       column-gap: 24px;
    }
    
    div#text_scroller { height: 30px; width:912px; }    
    div#text_scroller div.scroll { position: absolute; top: 224px; left: 0px; } 
    div#text_scroller div.right { left: 882px; }