@import "reset.css";

/* stylized blocks */

        html, body { background:#F2F2F2 url(../images/header_bgc.jpg) repeat-x -10px top; }
        body, table, td { font:13px Tahoma, sans-serif; }
        a { color:inherit; color:expression(this.parentNode.currentStyle.color); }
        a:hover { text-decoration:none; }
        h1, h2 { font:bold 1.1em/1em Tahoma; }
        table, td { vertical-align:top; }

		.current {font-weight: bold;}

        .rel { position:relative; }
        .left { float:left; }
        .right { float:right; }

        .line { height:1px; background:silver; overflow:hidden; margin:10px 0; display:block; }
        .line.two { border-top:2px solid white; border-bottom:1px solid silver; margin:15px 0; }
        .pad { padding:10px; }

        /* some useful colors */
        .brown { color:#990000 !important; }
        .blue { color:#003399 !important; }
        .gray { color:#666; }
        .red { color:#ff000b; }
        .black { color:black !important; }

/* structure blocks */

             table.main {
                width:100%;
                width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000 ? "1000px": "100%");
                min-width:1000px;
                background:url(../images/header_p1.jpg) no-repeat left top;
        }

        /* шапка */
        table.main tr.header td { height:400px; text-align:center; }
        table.main tr.header .man { position:relative; top:100px; right:33%; float:right; display:block; background:url(../images/header_p3.png) no-repeat; width:63px; height:122px; z-index:100; }
        table.main tr.header .mancar { position:absolute; left:35%; top:120px; display:block; background:url(../images/header_p4.png) no-repeat; width:284px; height:170px; z-index:99; }
        table.main tr.header .car { position:absolute; right:20px; top:100px; display:block; background:url(../images/header_p2.png) no-repeat; width:332px; height:204px; }
        table.main tr.header .phones {
                position:absolute;
                right:0;
                bottom:15px;
                width:270px;
                height:54px;
                background:url(../images/phone_bgc.png) no-repeat left top;
                display:block;
                text-align:right;
                font:bold 24px/22px Arial, Helvetica, sans-serif;
                letter-spacing:1px;
                white-space:nowrap;
                -background:none;
                -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/phone_bgc.png, sizingMethod=crop);
        }
        table.main tr.header .phones small { font-size:16px; letter-spacing:0; vertical-align:middle; }
        table.main tr.header .phones img { margin:0 10px; }


        .navig { position:absolute; right:10px; top:10px; }
        .navig a { float:left; margin-left:15px; width:23px; height:23px; overflow:hidden; }
        .navig a img { width:11px; height:11px; background:url(../images/icons_navig.gif) no-repeat 0 0; margin:6px; }
        .navig a:hover, .navig a.active { background:url(../images/icons_navig_bgc.gif) no-repeat; }
        .navig a.home:hover img, .navig a.home img.active { background-position:0 -11px; }
        .navig a.sitemap img { background-position:-11px 0; }
        .navig a.sitemap:hover img, .navig a.sitemap img.active { background-position:-11px -11px; }
        .navig a.email img { background-position:-22px 0; }
        .navig a.email:hover img, .navig a.email img.active { background-position:-22px -11px; }


        /* каталог товаров (левая колонка со списком) */
        table.main td.catalog {
                width:20%;
                background:white;
                color:#4c4c4c;
        }

        table.main td.catalog .min_width_left { display:block; height:0; width:200px; overflow:hidden; clear:both; }

        table.main td.decor .r_block { height:auto; min-height:400px; -height:400px; position:relative; padding-bottom:50px; }
        table.main td.decor .r_block .decor { position:absolute; display:block; top:0; right:0; }
        table.main td.decor .r_block .decor.top { width:188px; height:76px; margin-top:-20px; background:url(../images/decor_l1.png) no-repeat; right:auto; left:0; }
        table.main td.decor .r_block .decor.side { width:32px; height:442px; margin-right:-32px; background:url(../images/decor_l2.png) no-repeat; }

        table.main td.decor .title {
                text-transform:uppercase;
                display:block;
                text-indent:20px;
                font:bold 15px Arial, Helvetica, sans-serif;
                position:relative;
                z-index:100;
                top:10px;
                padding-bottom:10px;
                margin-bottom:10px;
                border-bottom:1px solid silver;
                white-space:nowrap;
        }
        table.main td.decor .title img { background:#003399; vertical-align:middle; }
        table.main td.decor .data { display:block; padding:10px 15px; padding-left:30px; position:relative; z-index:100; }
        table.main td.decor .data a { text-decoration:none; color:#4c4c4c; text-transform:uppercase; line-height:20px; }
        table.main td.decor .data a:hover, table.main td.decor .data a.active { color:#003399;   }
        table.main td.decor .data .li { margin-left:-13px; width:9px; height:9px; float:left; background:url(../images/li.png) no-repeat 0 -9px; overflow:hidden; position:relative; top:5px; }
        table.main td.decor .data a:hover .li, table.main td.decor .data a.active .li { background-position:0 0; }

        table.main td.decor form { background:#cfcecc; padding:10px 0; white-space:nowrap; }
        table.main td.decor form input { border:0; background:white; padding:3px; width:65%; margin-left:5px; }
        table.main td.decor form a { background:#888; text-transform:uppercase; color:white; padding:3px 5px; margin:0 5px; }
        table.main td.decor form a:hover { background:#999; }

        /* специальные предложения (правая колонка) */
        table.main td.specials {
                width:20%;
                background:white;
        }
        table.main td.specials .r_block .decor.top { background:url(../images/decor_r1.png) no-repeat; left:auto; right:0; }
        table.main td.specials .r_block .decor.side { margin-left:-32px; background:url(../images/decor_r2.png) no-repeat; right:auto; left:0; }

        table.main td.specials .title { text-align:right; padding-right:20px; }
        table.main td.specials .product { display:block; padding:10px; padding-bottom:30px; border-bottom:1px solid silver; clear:both; margin:20px 0; }
        table.main td.specials .product .text { display:block; margin-left:80px; }
        table.main td.specials .product .text img { margin-left:-80px; }


        /* меню и основное содержимое страницы */
        table.main td.content { padding:40px; padding-top:0; }

        table.main td.content .menu {
                position:relative;
                text-transform:uppercase;
                color:#727272;
                width:100%;
        }
        table.main td.content .menu td { text-align:center; }
        table.main td.content .menu a { text-decoration:none; white-space:nowrap; }
        table.main td.content .menu a img { background:#727272; vertical-align:middle; }
        table.main td.content .menu a:hover { color:#003399; }
        table.main td.content .menu a:hover img { background:white; }

        table.main td.content .text { text-align:justify; }

        /* новинки */
        div.specials {
                background:#e5e5e5 url(../images/specials_bgc.png) repeat-x left top;
                padding:20px 40px;
                margin:40px -40px;
        }
        div.specials table { width:100%; margin:10px auto; }
        div.specials table, div.specials table td { border-collapse:separate; }
        div.specials table td { background:white; padding:20px; }
        div.specials table .text { display:block; margin-left:80px; text-align:left !important; }
        div.specials table td.border { background:none; width:10px; padding:0; }



        /* подвал */
        table.main tr.footer td { background:#ccc; padding:10px; }
        table.main tr.footer .menu { width:100%; text-transform:uppercase; color:white; }
        table.main tr.footer .copyright { text-align:center; }
        table.main tr.footer .copyright .blue { margin:0 150px; display:block; }
        table.main tr.footer .pad { width:150px; padding-top:0; }
        table.main tr.footer .left { text-align:left; }
        table.main tr.footer .right { text-align:right; }





/* стили для остальных страниц сайта */
        div.catalog {
                position:relative;
                text-align:right;
                background:none;
                margin:0;
                padding:0;
        }
        div.catalog .form { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 20px; }
        div.catalog .pagenator * { margin:0 3px; }
        div.catalog select { color:#666; margin-left:10px; font-size:1em; vertical-align:middle; width:150px; }

        div.catalog table { position:relative; }
        div.catalog table td { width:50%; border:1px solid silver; background:white; }
        div.catalog table td .r_block strong { display:block; }
        div.catalog table td .r_block .gray { line-height:30px; }
        div.catalog table td .text { margin-left:90px; }
        div.catalog table td .label { position:absolute; right:-25px; top:-25px; }

        /* уменьшенная шапка */
        body.header_type2 { background-image:url(../images/header2/header_bgc.jpg); }
        body.header_type2 table.main { background-image:url(../images/header2/header_p1.jpg);  }
        body.header_type2 table.main tr.header td { height:330px; }
        body.header_type2 table.main tr.header .car { background:url(../images/header2/header_p2.png) no-repeat; width:283px; height:174px; }
        body.header_type2 table.main tr.header .man { background:url(../images/header2/header_p3.png) no-repeat; width:54px; height:104px; }
        body.header_type2 table.main tr.header .mancar { background:url(../images/header2/header_p4.png) no-repeat; width:242px; height:145px; }