* { font-family: Verdana; font-size: 10px; }
body { background: url(../img/layout/bg.png) repeat-x; background-color: #005473; }
a { text-decoration: none; color: #00aeef; }
a.lnk { color: #00aeef; }
.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)); }
.op33, .opt22 td { background: url(../img/layout/opacity-22.png); filter:expression(fixPNG(this)); }

/*thumbnail*/

.opacity7 { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
            -moz-opacity: 0.7; /* Mozilla 1.6 � ���� */
            -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
            opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}

.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: 0px; left: 50%; margin-left: -522px; }

    /*���������*/
    #header { position: absolute; left: 0px; top: 0px; width: 100%; height: 144px; }
    #logo { height: 112px; width: 100%; text-align: right; }
        /*������� ����*/
        .menubox { z-index: 3000; font-size: 10px; height: 32px; width: 100%; background: url(../img/layout/mainmenu_bg.png); color: #fff;  filter:expression(fixPNG(this)); }
        ul#topmenu { float:left; list-style:none; margin:0; padding:0; margin-left: 48px; }
        ul#topmenu ul { z-index: 2; }
        ul#topmenu li { float:left; position:relative; padding-right: 0px; }
        ul#topmenu li a { display:block; padding: 12px 33px 10px 17px; color: #fff; background: url(../img/layout/topmenu_arrow.gif) right 14px no-repeat; }
        ul#topmenu li.selected a,
        ul#topmenu li:hover a,
        ul#topmenu li.hover a { color:#00aeef; background: url(../img/layout/topmenu_arrow_down.gif) right 14px no-repeat; background-color: #000; }
        /*���������� 2� �������*/
        ul#topmenu li:hover ul,
        ul#topmenu li.hover ul { display:block; }
        ul#topmenu ul { width: 160px; position:absolute; background: #000; top:32px; left:0px;  display:none;  float:none; list-style:none; margin:0; padding: 0px 28px 28px 28px; }
        ul#topmenu ul li { float:none; background:none; border-top:none; font-weight:normal; }
        ul#topmenu ul li a { color: #fff !important;  background: url(../img/layout/submenu_arrow.gif) right center no-repeat !important; padding: 12px 14px 13px 0px; border-bottom: 1px solid #545454; }
        ul#topmenu ul li:hover a,
        ul#topmenu ul li.selected a,        
        ul#topmenu ul li a:hover { color:#00aeef !important; background: url(../img/layout/submenu_arrow_down.gif) right center no-repeat !important; }
        /*���������� � ����*/
        #inworlds { position:absolute; left:865px; }
        div#inworlds a { display:block; padding: 12px 33px 9px 25px; color: #fff; background: url(../img/layout/topmenu_arrow.gif) right 14px no-repeat; }
        div#inworlds a:hover { color:#00aeef; background: #000 url(../img/layout/topmenu_arrow_down.gif) right 14px no-repeat; }

    /*��������� �������*/
    div#models_scroller { height: 732px; width:1044px; height:732px; }
    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:732px; }
    div#models_scroller div.opacity_black { position: absolute; top:0px; left:0px; background:url(../img/layout/opacity-33.png); filter:expression(fixPNG(this)); width:1044px; height:732px; }
    /*��������� ������*/
    div#previewscroll { position: absolute; top: 676px; width: 912px; padding: 0px 66px 0px 66px; overflow: hidden; white-space: nowrap; }
    div#previewscroll .inline { width: 100%; overflow: hidden;  }
    div#previewscroll div.inline img { width: 83px; height: 56px; cursor:pointer; cursor: hand;}


    /*����������� �������������� �� ������� ��������*/
    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: #000; }
    div#review_container .header td a { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; margin:0px; background: #fff url(../img/layout/review_arrow.gif) 187px center no-repeat; }
    div#review_container .header td a:hover,
    div#review_container .header td a.hover  { background: #fff url(../img/layout/topmenu_arrow_down.gif) 187px center no-repeat;  }
    div#review_container .header td a { font-size: 12px; color: #000; }
    div#review_container .header td a:hover { color: #00aeef; }
	
    div#review_container .subheader td { padding: 10px 0px 9px 10px; font-size:10px; color: #707070; 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: #000; padding: 32px 66px 32px 66px; color: #545454; }
    #footer_bro { width: 912px; height: 55px; }
    div#footer table.sinfo { margin-top: 32px; width: 100%; }
    div#footer .sinfo td { vertical-align: top;}
    div#footer div.info { display: inline; text-align: left; float: right;}
    div#footer a { color: #fff; }
    div#footer div.info a { color: #545454; }
    div#footer div.info a:hover { color: #00aeef }
    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.default_text { position:absolute; top: 175px; left: 66px; width:912px; height: 510px; background: url(../img/layout/opacity-66.png); filter:expression(fixPNG(this)); color: #fff;}    
    div#text { position:absolute; top: 175px; left: 66px; width:912px; height: 510px; background: url(../img/layout/opacity-66.png); filter:expression(fixPNG(this)); 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: url(../img/layout/opacity-66.png); filter:expression(fixPNG(this));}    
        /*���� ��������� ��������*/
    #submenu { width:912px; height: 32px; background: #fff; overflow: hidden; white-space: nowrap;  }        
    #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 #000; }
    #submenu ul li a { display:block; padding: 12px 20px 10px 20px; color: #000; background: url(../img/layout/submenu_arrow.gif) right 14px no-repeat; }
    #submenu ul li.selected a,
    #submenu ul li:hover a,
    #submenu ul li.hover a { color:#00aeef; background: url(../img/layout/submenu_arrow_down.gif) right 14px no-repeat; background-color: #fff; }    
    
    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 20px 0px 20px; background-color: #000; }

    /*������ ����������� ������������� ������*/
    div.modeltech { padding:0px 0px 0px 20px; color: #fff; }
    div.modeltech a { color: #fff; }
    div.modeltech a:hover { color: #00aeef; }
    div.modeltech .setting { float: right; width: 285px; background-color: #000; height: 438px; text-align: center; padding: 20px; color: #787878; font-size: 10px;}
    div#modeltech { padding-top: 20px; width: 535px; padding-right: 20px; }
    div#modeltech div.bracket{ border-bottom: 1px solid #606060; }
    div#modeltech div.bracket .first { border-top: 1px solid #606060; }            
    div#modeltech div.techtitle { height: 25px; padding-top:9px; cursor:pointer; cursor:hand; }
    div#modeltech div.techtitle span { padding-left: 20px; background: url(../img/layout/modeltech_plus.gif) left no-repeat; font-size: 12px; font-weight: bold; }      
    div#modeltech div.selected { color: #00a9ed; background: url(../img/layout/modeltech_border.gif) 410px repeat-y; }
    div#modeltech div.selected span { background: url(../img/layout/modeltech_sel.gif) left no-repeat; font-size: 12px; font-weight: bold; }    
    div#modeltech .techbody { color: #a1a0a0; background: url(../img/layout/modeltech_border.gif) 410px repeat-y; border-top: 1px solid #606060; padding-top: 10px; }
    div#modeltech .techbody table td { font-size: 10px; font-weight: bold; padding-left: 35px; color: #fff; vertical-align: top; }            
    div#modeltech .techbody table .techheader { width: 410px; padding-left: 20px; padding-bottom: 15px; font-size: 10px; font-weight: bold; color: #a1a0a0; }
    
    table.tb_compare { padding:0px; margin:0px; color: red; }
    .tb_compare a { color: #00aeef; }
    
    div#photo { overflow: hidden; white-space: nowrap; position: absolute; width:610px; height: 408px; left: 151px; top: 62px; }
    div#photopreview  { overflow: hidden; white-space: nowrap; position: absolute; bottom:0px; left: 83px; width: 747px; height:56px; padding:0px; text-align: center; }    
    div#photopreview  table { margin:0; padding:0; position: absolute;}
    
    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:56px; }    
    div#videopreview  ul { float:left; list-style:none; margin:0; padding:0; }
    div#videopreview  ul li { float:left; position:relative; padding-right: 0px; }     

    div#videotext { position:absolute; top: 175px; left: 66px; width:912px; height: 510px; background: url(../img/layout/opacity-66.png); filter:expression(fixPNG(this)); color: #fff;}
    div#videoplayer { overflow: hidden; white-space: nowrap; position: absolute; width:640px; height: 480px; left: 81px; top: 270px; }

    div#company { width: 610px; color: #fff; }

    div#news { height: 375px; }
    div#news_list div.newsblock { height: 375px; }
    div#news_list table tr td { vertical-align: top; height: 125px; padding: 15px 15px 0px 0px; border-bottom: 1px solid #383838; }
    .hr_news { height: 1px; width: 100%; border: none; background-color: #383838; }
    .news_date { padding-bottom: 15px; font-family: Verdana; font-size: 10px; font-weight: normal; color: #8c8c8c; }
    .news_date a { font-family: Verdana; font-size: 10px; font-weight: normal; color: #8c8c8c; }    
    .news_title { padding-bottom: 15px; color: #fff; font-family: Verdana; font-size: 12px; font-weight: bold; color: #fff; }    
    .news_title a { font-family: Verdana; font-size: 12px; font-weight: bold; color: #fff; }
    .news_short_text { font-family: Verdana; font-size: 10px; font-weight: normal; color: #fff; }    
    .news_short_text a { font-family: Verdana; font-size: 10px; font-weight: normal; color: #fff; }
    .news_full_text { font-family: Verdana; font-size: 10px; font-weight: normal; color: #fff; }        
    td.news_image { width: 280px; text-align: left; vertical-align: top; }
    td.news_empty { width: 0px; }    
    div.news_image { width: 240px; overflow: hidden; white-space: nowrap; height: 400px; }            
    
    div#pdf_list table { width: 830px; border-top: 1px solid #383838; }
    div#pdf_list .td_pdf { width:166px; text-align: center; height: 122px; padding: 16px 15px 0px 15px; }
    div#pdf_list div.pdf { padding-bottom: 15px; }    
    div#pdf_list .bracket { border-bottom: 1px solid #383838; font-size: 1px; height: 1px; padding:0px; }
    div#pdf_list { height: 375px; }

    .page_nav { margin-top: 30px; color: #fff; font-weight: bold; }
    .page_nav a { color: #a4a4a4; font-weight: normal; padding-right: 14px; }                            
    .page_nav span.navcurrent { padding-right: 14px; }
    .page_nav span.navbutton { font-size: 1px; padding-right: 23px; }
    
    
    /*��������*/
    div.contacts { padding:0px 0px 0px 20px; color: #fff; }
    div.contacts a { color: #fff; }
    div.contacts a:hover { color: #00aeef; }
    div#contacts { padding-top: 20px; width: 75%; padding-right: 20px; }
    div#contacts div.bracket{ border-bottom: 1px solid #606060; }
    div#contacts div.bracket .first { border-top: 1px solid #606060; }            
    div#contacts div.techtitle { height: 25px; padding-top:9px; cursor:pointer; cursor:hand; }
    div#contacts div.techtitle span { padding-left: 20px; background: url(../img/layout/modeltech_plus.gif) left no-repeat; font-size: 12px; font-weight: bold; }      
    div#contacts div.selected { color: #00a9ed; }
    div#contacts div.selected span { background: url(../img/layout/modeltech_sel.gif) left no-repeat; font-size: 12px; font-weight: bold; }    
    div#contacts .techbody { color: #a1a0a0; border-top: 1px solid #606060; }
    div#contacts .techbody table { margin-top: 10px; }
    div#contacts .techbody table td { font-size: 10px; font-weight: bold; padding-left: 35px; color: #fff; vertical-align: top; }            
    div#contacts .techbody table .techheader { width: 410px; padding-left: 20px; padding-bottom: 15px; font-size: 10px; font-weight: bold; color: #a1a0a0; }
    
    /*���������� �����*/
    #contactform 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; }

    /*�����*/
    #searchform input { width: 162px; color: #545454; font-weight: normal; border: 0px solid #707070; padding: 11px 20px 11px 10px;
    background: url(../img/layout/search.png); }
    
    /*������������*/
    #configure { background-color: #000; height: 418px; padding: 40px 20px 20px 20px;}
    #configure h1 { padding: 20px; font-size: 12px; line-height: 6px; color: #00aeef; }    
    #configure .check { width: 22px;  padding-left: 20px; }
    #configure .check input { width: 9px; height: 9px; border: 0px; padding:0px; margin: 0px; color: red;  }    
    .bt { border-top: 1px solid #252525; }
    .br { border-right: 1px solid #252525; }
    .bb { border-bottom: 1px solid #252525; }
    .bl { border-left: 1px solid #252525; }
    .n_bt { border-top: 1px solid red; padding-top: 20px; }
    .choice td { height: 32px; vertical-align: middle; }
    .ray { color: #00aeef; }
    a.ray { color: #00aeef; }
    #configure td { font-size: 10px; line-height: 22px; font-weight: bold; }
    .line td { height: 50px; vertical-align: middle; border-top: 1px solid #252525; }
    .line td a { padding-right: 30px; font-size: 12px; line-height: 48px; color: #fff; background: url(../img/layout/topmenu_arrow.gif) right 3px no-repeat; }
    .line td a:hover { color:#00aeef; background: url(../img/layout/topmenu_arrow_down.gif) right 3px no-repeat; }                                 
    td.cominfo { width: 228px; padding-left: 30px; border-left: 1px solid #545454; }
    td.cominfo p { font-size: 10px; line-height: 11px; width: 228px; font-weight: normal; padding:0px; color: #545454; }    
    
    .button {
        display: block; height:10px; background-color: #fff; color:#000; text-align: center; padding-left:28px; padding-right:16px;
        padding-top: 10px; padding-bottom: 11px; cursor:pointer; cursor:hand;
    }
    .button a { display: block; font-size: 10px; font-weight: bold; color: #000; line-height: 11px; padding-right: 30px; background: url(../img/layout/topmenu_arrow.gif) right 2px no-repeat; }
    .button a:hover { color:#00aeef; background: url(../img/layout/topmenu_arrow_down.gif) right 2px no-repeat; }
    .sender { margin-top: 38px; }
    .sender td { vertical-align: middle;  }