body { background:#e8e8e8 url(https://nabuhiko.kiev.ua/images/bg-.jpg) 50% 100% no-repeat;}

#fcart {
    position:fixed; bottom:30px; right:20px; margin:0 0 0 431px; background:#fff; width:51px; z-index:1000;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow:0px 1px 1px #999;
}
#fcart.open { width:300px; margin-left:182px; overflow:hidden; }
    #fcart-slim { width:50px; border-left:1px solid #fff;  text-align:center; margin:5px 0; }
    #fcart.open #fcart-slim { border-left:1px solid #ccc; float:right; }
        #fcart h4 { font-size:11px; color:#000; text-align:center; margin:3px 0 6px 0; padding:0; }
        #fcart p { padding:5px 0; margin:0; }
        #fcart span {
            display:inline-block; background:#e2e2e2; padding:2px 5px; color:#c00;
             -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px;
        }
        #fcart .separator { border-top:1px solid #ccc; height:1px; font-size:1px; overflow:hidden; margin:0 5px; padding:0; }
        #fcart .open-cart img { width:12px; height:33px; background:url(https://nabuhiko.kiev.ua/images/sprite.png) -488px 100% no-repeat; }
        #fcart.open img { background-position:-439px 100%; }
    #fcart #fcart-info { display:none;}
    #fcart.open #fcart-info { float:left; display:block; width:245px; }
        #fcart #fcart-info table { width:100%; margin:3px 5px; font-size:12px; }
            #fcart #fcart-info table td { margin:0; padding:2px 0; }
            #fcart #fcart-info table td.name { color:#c00; width:170px; }
                #fcart #fcart-info table td.name div { position:relative; overflow:hidden; height:14px; width:175px; }
                    #fcart #fcart-info table td.name div div { width:1000px; background:none; }
                    #fcart #fcart-info table td.name div img {
                        position:absolute; top:0; right:0; width:20px; height:14px;
                        background:url(https://nabuhiko.kiev.ua/images/sprite.png) -380px 100% no-repeat; z-index:1000;
                    }
            #fcart #fcart-info table td.qty { color:#000; width:40px; text-align:right; }
            #fcart #fcart-info table td.control { font-size:18px; width:35px; }
                #fcart #fcart-info table td.control a { color:#666; margin:0 0 0 5px; }
                #fcart #fcart-info table td.control a:hover { color:#c00; text-decoration:none; }

#wrap { width:1022px; margin:0 auto; background:url(https://nabuhiko.kiev.ua/images/bg.jpg) 50% 0 no-repeat; }
    #header { height:155px; position:relative; background:url(https://nabuhiko.kiev.ua/images/bg-header.png) 180px 0 no-repeat; }
        #logo { position:absolute; top:15px; left:20px; }
        #lang { position:absolute; top:9px; left:25px; font-size:12px; line-height:12px; margin:0; padding:0; }
            #lang a.active { color:#c00; text-decoration:none; }
        #menu { position:absolute; top:55px; left:180px; width:532px; height:40px; font-size:14px; }
            #menu table { width:100%; height:40px; color:#CDC7B8; margin:0; }
                #menu td { width:16.6%; padding: 0 0 0 20px; }
            #menu a { color:#CDC7B8; text-shadow:0px 1px 1px #000; }
            #menu a.active { color:#fafafa; text-shadow:0px 1px 0px #c00; }
        #cart { position:absolute; top:0; left:732px; width:196px; }
            #cart h3 { color:#000; font-size:16px; line-height:16px; margin:16px 10px 10px; }
                #cart h3 a { float:right; font-size:10px; color:#c00;}
            #cart p { margin:0; padding:2px 10px 5px; color:#c00; }
            #cart p.a-right { font-size:14px; padding-top:0; }
                #cart p.a-right img { width:14px; height:12px; background:url(https://nabuhiko.kiev.ua/images/sprite.png) 100% 100% no-repeat; }
                #cart span { color:#000; }
            #cart .separator { border-top:1px solid #ccc; height:1px; font-size:1px; overflow:hidden; margin:0 10px; padding:0; }
        #header dl { position:absolute; top:6px; left:168px; width:550px; line-height:18px; }
            #header dl dt { display:block; width:22%; text-align:right; float:left; margin:0; padding:3px 5px 0 0; }
            #header dl dd { display:block; width:27%; color:#c00; float:left; margin:0; padding:0; }
                #header dl dd b { font-size:18px; font-weight:normal!important; }
                #header dl dd i { color:#393939; font-size:10px; font-style:normal!important; letter-spacing:-1px; }

    #recommend { overflow:hidden; }
        #recommend h3 { font-size:24px; }
        #recommendButtons { width:53px; height:127px; margin:10px 0 0 0; float:left; background:url(https://nabuhiko.kiev.ua/images/sprite.png) 100% 0 no-repeat; position:relative; }
            #recommendNext, #recommendPrev { display:block; position:absolute; width:25px; height:35px; z-index:100; background:#fff; }
            #recommendPrev { left:15px; top:18px;
                filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
            #recommendPrev:hover {
                filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
            #recommendNext { left:15px; bottom:18px;
                filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
            #recommendNext:hover {
                filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

        #recommend .slider { display:block; margin:0 0 0 60px; width:460px; height:161px; padding:0;  overflow:hidden; }
        #recommend ul { display:block; margin:0; width:460px; height:161px; padding:0; list-style-type:none; overflow:hidden; }
            #recommend li { margin:0 10px; padding:0; width:194px; height:161px; float:left; }
                #recommend li a { display:block; width:194px; height:161px; position:relative; }
                #recommend li a:hover { text-decoration:none; }
                    #recommend li a img { width:194px; height:161px; background:url(https://nabuhiko.kiev.ua/images/bg-scroll-item.png) 0 0 no-repeat; }
                    #recommend li.odd a img { width:194px; height:161px; background:url(https://nabuhiko.kiev.ua/images/bg-scroll-item.png) 100% 100% no-repeat; }
                #recommend li h4 { position:absolute; font-size:12px; line-height:12px; color:#fff; top:7px; left:5px; height:12px; overflow:hidden; }
                #recommend li p {
                    position:absolute; font-size:12px; line-height:18px; color:#fff; bottom:0px; left:5px; background:#393939; padding:0 3px;
                    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
                }

    #accordion {  }
        #accordion dt { margin:0; padding:0; border-top:1px solid #ccc; line-height:54px; height:54px; }
            #accordion h2 { font-size:26px; line-height:54px; height:54px; margin:0; padding:0; border-top:1px solid #fff; background:url(https://nabuhiko.kiev.ua/images/bg-accordion.png) 99% 20px no-repeat; cursor:pointer; }
                #accordion h2 img { vertical-align:middle; margin:-2px 0 0 0; }
        #accordion dt.first { border-top:none; }
        #accordion dt.first h2 { border-top:none; }
        #accordion dt h2.active { color:#c00; background-position:99% -37px; }
        #accordion dd { margin:0; padding:0; }
            .item { width:289px!important; background:url(https://nabuhiko.kiev.ua/images/sprite.png) 0 10px no-repeat; position:relative; padding:10px 0; }
                .item h4 { font-size:16px; line-height:32px; height:32px; margin:0 10px; padding:0; color:#c00; }
                .item .img { display:block; margin:0 10px; position:relative; width:179px; height:143px; }
                    .item .img .zoom { position:absolute; top:10px; right:10px; }
                .item p { margin:0 10px 0 0; padding:0; }
                .item p.descr { height: 89px; overflow: hidden; }
                .item p.stars { height:23px;}
                    .item p.stars img { width:16px; height:16px; background:url(https://nabuhiko.kiev.ua/images/sprite.png) -536px 100% no-repeat; }
                .item p.price { font-size:24px; line-height:24px; color:#fff; font-style:italic; letter-spacing:-1px; text-align:center; }
                    .item .price small { font-size:12px; letter-spacing:0px; }
                .item p.buy { font-size:24px; line-height:24px; color:#c00; text-shadow:0 1px 1px #fff; text-align:right; position:relative; padding-right:10px; }
                    .item p.buy a { color:#c00; border-bottom:1px dashed #c00; }
                    .item p.buy a:hover { border-bottom:1px solid #c00; text-decoration:none; }
                    .item p.buy small { font-size:11px; color:#666; }
                    .item p.buy a.qty {
                        width:8px; height:8px; overflow:hidden; background:url(https://nabuhiko.kiev.ua/images/plus-minus.png) 0 0 no-repeat;
                        display:block; text-align:center; border-bottom:none; position:absolute;
                    }
                    .item p.buy a.qty:hover { color:#c00;}
                    .item p.buy a.up { top:6px; right:0; }
                    .item p.buy a.down { bottom:4px; right:0; background-position:100% 100%; }

    #page { font-size:16px; margin:37px 0 50px 43px; width:885px; }
        #page a { color:green; text-decoration:underline;}
        #page a:hover { color:#c00; text-decoration:none;}
        #navbar { font-size:14px; line-height:18px;}
            #navbar a { color:#c00; text-decoration:none; }
            #navbar a:hover { color:#c00; text-decoration:underline; }
            #navbar span {
                background:#fff; padding:0 10px;
                -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;
                -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px;
                border-top-right-radius: 5px; border-top-left-radius: 5px;
            }
        #page h1 { font-size:32px; margin-bottom:.3em; }
        #descr { background:url(https://nabuhiko.kiev.ua/images/bg-descr.png) 0 0 no-repeat; height:173px; overflow:hidden; position:relative; }
            #descr .p { padding:10px; }
                #descr img.f-left { margin:0 20px 0 0 ;}
                #descr h1 { color:#c00; margin:0 0 20px; }
                #descr p { margin:.5em 0; }
                #descr p.date { font-size:12px; position:absolute; margin:0; padding:0; bottom:10px; right:20px; color:#333;}

        #page p { text-align:justify;}

#footer { width:715px; margin:0 auto; height:123px; }
    #footer-menu { background:url(https://nabuhiko.kiev.ua/images/bg-footer-menu.png) 0 0 no-repeat; height:40px; padding:0 10px; }
        #footer-menu table { width:100%; height:40px; color:#CDC7B8; }
            #footer-menu td { padding:0 10px; text-align:center; font-size:14px; }
        #footer-menu a { color:#CDC7B8; text-shadow:0px 1px 1px #000; }
        #footer-menu a.active { color:#fafafa; text-shadow:0px 1px 0px #c00; }
    #socio { margin:41px auto 0; padding:3px 10px; width:545px; height:32px; color:#ccc; background:url( https://nabuhiko.kiev.ua/images/bg-socio.png) 0 0 no-repeat;}
        #socio .f-right { margin:3px 15px; }



/* Pop-up message and fading background */
.item-popup {
    background-color: #e8e8e8; position: fixed; left:50%; top:50%; width:730px; z-index: 1200; display:none;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    -moz-box-shadow: 0px 0px 15px #999; -webkit-box-shadow: 0px 0px 15px #999; box-shadow: 0px 0px 15px #999;
}
    .item-popup .p { padding:10px; overflow:hidden; position:relative; }
    .item-popup h3 {
        font-size:26px; line-height:40px; height:40px; margin:0; padding:0; color:#c00;
    }
    .item-popup .img { display:block; margin:0 10px 0 0; position:relative; width:350px; }
        .item-popup img { background-position:center center; background-repeat:no-repeat; }
        .item-popup .thumbs { overflow:hidden; margin:10px -10px 0 0; }
            .item-popup .thumbs img { float:left; margin-right:10px; }

    .item-popup p { margin:0 10px 10px 0; padding:0; }
    .item-popup p.descr { }
    .item-popup p.stars { height:23px;}
        .item-popup p.stars img { width:16px; height:16px; background:url(https://nabuhiko.kiev.ua/images/sprite.png) -536px 100% no-repeat; }

    .item-popup p.price { position:absolute; bottom:5px; left:370px; margin:0; font-size:32px; line-height:32px; color:#000; text-shadow:0 1px 1px #fff; font-style:italic; letter-spacing:-1px; }
        .item-popup .price small { font-size:12px; letter-spacing:0px; }

    .item-popup .buy-block { position:absolute; bottom:10px; right:10px; }
        .item-popup p.buy { font-size:24px; line-height:24px; color:#c00; margin:0; text-shadow:0 1px 1px #fff; text-align:right; position:relative; padding-right:10px; }
            .item-popup p.buy a { color:#c00; border-bottom:1px dashed #c00; }
            .item-popup p.buy a:hover { border-bottom:1px solid #c00; text-decoration:none; }
            .item-popup p.buy small { font-size:11px; color:#666; }
            .item-popup p.buy a.qty {
                width:8px; height:8px; overflow:hidden; background:url(https://nabuhiko.kiev.ua/images/plus-minus.png) 0 0 no-repeat;
                display:block; text-align:center; border-bottom:none; position:absolute;
            }
            .item-popup p.buy a.qty:hover { color:#c00;}
            .item-popup p.buy a.up { top:6px; right:0; }
            .item-popup p.buy a.down { bottom:4px; right:0; background-position:100% 100%; }

#item-popup-shadow {
    background-color: #000000;
    position: absolute; top: 0; left: 0; width: 100%; z-index: 1100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* IE8 */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 70); /* IE5+ */
    filter: alpha(opacity=70);/* IE4- */
    moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;
}
#item-popup-close { position: fixed; top: 50%; left: 50%; z-index: 1210; margin-left:350px; }
#item-popup-next, #item-popup-prev {
    position: fixed; top: 50%; left: 50%; z-index: 1210; font-size:46px; color:#e8e8e8;
    text-shadow: 0px 0px 5px #999;
}
#item-popup-next:hover, #item-popup-prev:hover { color:#fff; text-decoration:none; }
#item-popup-next { margin-left:380px; }
#item-popup-prev { margin-left:-425px; }



input.text.w-in, textarea.w-in {
padding: 5px;
border: 1px solid #DDD;
background: white;
margin: 5px;
width: 400px;
box-shadow: inset 1px 1px 1px #999, 0 0 3px 2px #ddd;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
font:normal 1em/1.3em "Trebuchet MS",Arial,Tahoma,Verdana,sans-serif;
}
input.text.w-in:active, textarea.w-in:active,input.text.w-in:focus, textarea.w-in:focus {
    background:#fafafa; box-shadow: inset 1px 1px 1px #666, 0 0 3px 2px #ddd;
}

input.submit.w-50 {
padding: 5px 0;
border: 1px solid #999;
background: #999;
color:#fff;
margin: 5px;
width: 410px;
box-shadow: 1px 1px 1px #666, 0 0 3px 2px #ddd;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
font:bold 1em/1em "Trebuchet MS",Arial,Tahoma,Verdana,sans-serif;
text-shadow: -1px -1px 0px #777;
}
input.submit.w-50:hover { background:#959595; }
input.submit.w-50:active { position:relative; top:1px; box-shadow: -1px -1px 1px #666, 0 0 3px 2px #ddd; }

.f-rows table input {
padding: 3px 5px;
border: 1px solid #DDD;
background: white;
margin:0px;
width: 50px; text-align:center;
box-shadow: inset 1px 1px 1px #999, 0 0 3px 2px #ddd;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
font:normal .9em/1em "Trebuchet MS",Arial,Tahoma,Verdana,sans-serif;
}
.f-rows table input:active,.f-rows table input:focus {
    background:#fafafa; box-shadow: inset 1px 1px 1px #666, 0 0 3px 2px #ddd;
}