a img{
        border:none;
    }
@media screen{

    body, html{
        margin:0;
        padding:0;
        height:100%;
        font-family:Verdana, Arial, sans-serif;
        font-size:0.95em;
    }
    body{
        background:#000 url(/images/design/vilvet.jpg);
        background-attachment: fixed;
    }
    
    h1, h2, h3, h4, h5, h6{
        margin-bottom:0.5em;
        padding-top:0.5em;
        font-weight:normal;
        text-transform:uppercase;
        letter-spacing:1px;
        border-bottom:3px double #82c11e;
    }
     
    h1{
        font-size:1.3em;
        line-height:1.4em;
        padding-top:0.7em;
        margin:0 13px 0.5em 13px;

    }
    h2{font-size:1.25em;line-height:1.35em;}
    h3{font-size:1.2em;line-height:1.3em;}
    h4{font-size:1.1em;line-height:1.2em;font-style:italic;}
    h5{font-size:1em;line-height:1.1em;font-style:italic;}
    h6{font-size:1em;line-height:1.1em;font-style:italic;} 
    p{
        margin:0;
        padding:0 0 1em 0;
        line-height:1.3em;
        /*text-indent:2em;*/
    }
    a{
        color:#3d6400;
    }
    a:hover{
        color:#5e9802;
    }
    .clear{
        clear:both;
        width:100%;
        height:1px;
        overflow:hidden;
    }
    #root, #footer{
        width:1000px;
        margin:0 auto;
    }
    #root{
        background:#cbecf3 url(/images/design/sun-trans.png) no-repeat;
        min-height:100%;position:relative;
    }
    
    #footer{
        height:87px;
        margin-top:-90px;
        position:relative;
        padding-top:3px;
    }
    
    #header{
        background:url(/images/design/field-trans.png) no-repeat 0 100%;
        height:205px;
        position:relative;

    }
    #logo{
        position:absolute;
        top:0;
        left:5px;
    }
    #service{
        margin:0;
        padding:0;
        font-size:9px;
        position:absolute;
        top:120px;
        left:320px;
    }
    
    #service li{

        list-style:none;
        margin-right:20px;
        float:left;     
    }
    #service li a{
        position:relative;
        display:block;
        width:59px;
        height:39px;
        overflow:hidden;
        padding-top:20px;
        text-decoration:none;
        color:#000;
    }
    #service li a span{
        background-image:url(/images/design/service.png);
        background-repeat: no-repeat;
        display:block;
        width:59px;
        height:59px;
        overflow:hidden;
        position:absolute;
        top:0;
        left:0;
        cursor:pointer;
    }
    #service_main a span{
        background-position:0 0;
    }
    #service_email{
        margin-top:-30px;
    }
    #service_email a span{
        background-position:-59px 0;    
    }
    #service_print a span{
        background-position:-118px 0;   
    }
    #service_main a span:hover{
        background-position:0 -59px;
    }
    #service_email a span:hover{
        background-position:-59px -59px;    
    }
    #service_print a span:hover{
        background-position:-118px -59px;   
    }
    #char{
        background:url(/images/design/char-trans.png) no-repeat;
        width:142px;
        height:188px;
        position:absolute;
        right:90px;
        top:7px;
    }
    #slogan{
        background:url(/images/design/slogan-trans.png) no-repeat;
        width:592px;
        height:140px;
        position:absolute;
        left:150px;
        top:13px;
    }
    
    #menu{

        margin:0;
        padding:0;
        width:1000px;
        height:40px;
        overflow:hidden;
    
    }
    #menu li{
        float:left;
        list-style:none;
    }
    #menu li a{
    background:url(/images/design/li.png) no-repeat;
        display:block;


        margin-left:5px;
        text-decoration:none;
        color:#000;
        font-size:14px;
        font-weight:bold;
        /*letter-spacing:0.5px;*/
    }
    #menu li a span{
        background:url(/images/design/li.png) no-repeat 100% 0;
        display:block;  
        line-height:40px;   
        padding:0 15px 0 3px;
        margin-left:13px;
        overflow:hidden;
        white-space:nowrap;
        cursor:pointer;
    }
    #menu li a:hover{
        background:url(/images/design/li.png) no-repeat 0 -40px;
    }
    #menu li a:hover span{
        padding-top:2px;
        background:url(/images/design/li.png) no-repeat 100% -40px;
    }   
    #menu li.cur a, #menu li.cur a:hover{
        background:url(/images/design/li.png) no-repeat 0 -80px;

    }
    #menu li.cur a span, #menu li.cur a:hover span{
        padding-top:0;
        cursor:default;
        background:url(/images/design/li.png) no-repeat 100% -80px;
    }   
    #goods_page #menu li.cur a span, #goods_page #menu li.cur a:hover span{
        cursor:pointer;
    }
    #menu li a:active,
    #menu li a:focus,
    #service li a:active,
    #service li a:focus{
        outline:none;
    }

    
    #content{
    /*background:azure;*/
        width:727px;
        margin-bottom:103px;
        float:left;

    }
    
    #article{
        background:#f5ffff;
        padding:0 13px 0 13px;
        margin:0 13px;
        min-height:201px;
        position:relative;
        /*overflow:hidden;*/
    }
    #main_page #article{
        margin-top:13px;
    }
    .cn1,.cn2,.cn3,.cn4{
        background:url(/images/design/cn.png);
        width:10px;
        height:10px;
        display:block;
        position:absolute;
        overflow:hidden;
        font-size:1px;
    }
    .cn1{
        background-position:0 0;
        top:0;
        left:0;
    }
    .cn2{
        background-position:-10px 0;
        top:0;
        right:0;
    }   
    .cn3{
        background-position:-10px -10px;
        right:0;
        bottom:0;
    }   
    .cn4{
        background-position:0 -10px;
        bottom:0;
        left:0;
    }
    #catalog{
        background:azure;
        width:260px;
        margin-right:0px;
        float:left;
        margin-top:13px;
        margin-bottom:103px;
    }
    #catalog h3{
        background:#ff9900 url(/images/design/cat.png) no-repeat;   
        margin:0;
        padding:0;
        line-height:44px;
        height:44px;
        overflow:hidden;
        text-align:center;
        font-weight:normal;
        font-size:18px;
        letter-spacing:1px;
        cursor:default;
        border:none;
    }
    #catalog ul{
        margin:0;
        padding:10px 0 5px 0;
        border:#ff9900 solid;
        border-width:0 1px;
    }
    #catalog ul li{
        list-style:none;
        padding:0 10px 5px 15px;
        border-bottom:#82C11E 1px dotted;
    }
    #catalog ul li a{
        text-decoration:none;
        
    }
    #catalog ul li a:hover{
        text-decoration:underline;
        
    }
    #catalog ul li.cur a,
    #catalog ul li.cur a:hover{
        font-weight:bold;
        color:#333;
        text-decoration:none;
        cursor:default;
    }   
    #catalog li:last-child{
        border:none;
    }
    
    
    #catalog div{
        height:13px;
        background:#ff9900 url(/images/design/cat.png) no-repeat 0 -44px;
    }
    #price_cat a, #custom_cat a{
        margin-left:18px;   
    }
    #price_cat {
        background:url(/images/design/price_cat.png) no-repeat 15px 2px;        
    }
    #custom_cat {
        background:url(/images/design/custom_cat.png) no-repeat 15px 2px;       
    }   
    #footer div{
        padding-left:10px;
        background:#7cb81d url(/images/design/footer.png) no-repeat -10px 0;
        margin:0 13px 0 13px;
    }
    #footer div div{
        margin:0;
        padding:0;
        background-position:954px 0;
    }
    #footer div div div{
        height:74px;
        background:url(/images/design/footer_bg.png) no-repeat 220px 0;
    }
    #copy{
        font-size:12px;
        color:#333;
        position:absolute;
        bottom:22px;
        right:25px;
    }
    #contact{
        padding:0;
        margin:0;
        position:absolute;
        bottom:22px;
        left:25px;
        font-size:13px;
    }
    #contact li{
        list-style:none;
        padding-bottom:2px;
    }
    #contact  a{
        color:#006600;
    }
    #goods{
        margin:10px 0px 0px 3px;
        margin-top:100px;
        padding:0;
    }
    #goods li{
        list-style:none;
        float:left;
        width:137px;
        height:270px;
        padding:7px 7px 0 7px;
        background:#fff url(/images/design/napkin.png);
        margin:0 15px 15px 0;
        overflow:hidden;
        border:1px solid #82c11e;
    }
    #goods li img{
        display:block;
        width:135px;
        height:180px;
        border:1px solid #82c11e;       
    }
    #goods li span{
        display:block;
        text-align:center;
        /*background:red;*/
        padding:0 0 10px 0;
        /*min-height:35px;*/
        
    }
    #goods li a{
        text-decoration:none;
    }
    #developers
    {
        width:10px;
        height:10px;
        overflow:hidden;
        display:block;
        z-index:70;
        position:absolute;
        top:15px;
        right:28px; 
        background:#000 url(/images/design/viewertec.png) no-repeat;
    }
    #developers span
    {
        position:absolute;
        top:-1000px;
        left:-1000px;
    }
    #LG_container{
        border: 1px solid #aaa;
        visibility:hidden;
        position:absolute;
        top:0px;
        left:0px;
        padding:2px;
        z-index:200;
        opacity:1;
        background-color:#fff;
        background-position:center;
        background-repeat:no-repeat;
        font: normal 12px verdana, arial, sans-serif
    }
    .LG_loading{
        background:url(/images/design/ico-loading.gif) no-repeat center
    }
    #LG_panel {
        padding: 10px;
    }

    .LG_prevLink,.LG_nextLink{
        width:20px;
        height:20px;
        cursor:pointer;
        position:absolute;
        top:24px;
        opacity:0;
        /*filter:alpha(opacity=0);*/
    }
    .LG_prevLink{
        left:0;
        background:url(/images/design/prev.gif) no-repeat left 40px
    }
    .LG_nextLink{
        right:0;
        background:url(/images/design/next.gif) no-repeat right 40px
    }

    .LG_imgIndex{
        float:left;
        margin-left:16px;
        color:#777;
        height:20px;
        line-height:20px;
    }
    .LG_titleBar{
        color:#555;
        height:30px;
        line-height:30px;
        overflow:hidden;
        text-align:center;
    }
    #LG_overlay{
        position:absolute;
        top:0;
        left:0;
        z-index:100;
        width:100%;
        height:100%;
        display:none;
        background:#000;
        opacity:0;
        /*filter:Alpha(opacity=0);*/
    }
    #LG_pic{display:none;margin:0 auto}

    .LG_zoomIn, .LG_zoomOut, .LG_zoomNormal, .LG_fitScreen, .LG_zoom_disabled{
        width:20px;
        height:20px;
        margin:1px;
        float:left;
        cursor:pointer;
        display:block;
    }
    .LG_zoom_disabled {
        display:none;
    }
    .LG_zoomIn{background:url(/images/design/sprite.gif) no-repeat 0 0px}
    .LG_zoomIn:hover{background:url(/images/design/sprite.gif) no-repeat 0 -40px}

    .LG_zoomNormal{background:url(/images/design/sprite.gif) no-repeat 0 -80px}
    .LG_zoomNormal:hover{background:url(/images/design/sprite.gif) no-repeat 0 -120px}

    .LG_zoomOut{background:url(/images/design/sprite.gif) no-repeat 0 -160px}
    .LG_zoomOut:hover{background:url(/images/design/sprite.gif) no-repeat 0 -200px}

    .LG_fitScreen{background:url(/images/design/sprite.gif) no-repeat 0 -320px}

    .LG_closeBtn{
        float:right;
        background:url(/images/design/sprite.gif) no-repeat 0 -240px;
        width:22px;
        height:22px;
        cursor:pointer;
    }
    .LG_closeBtn:hover{
        background:url(/images/design/sprite.gif) no-repeat 0 -280px;
    }   
    
    

}
@media print{

    #service, #menu, #catalog, #developers{
        display:none;
    }
    #goods{
        margin:0;
        padding:0;
    }
    #goods li{
        width:180px;
        list-style:none;
        float:left;
        padding:0 15px 15px 0;
        overflow:hidden;
    }
    #goods li span{
        display:block;
        padding:0 0 15px 0;
    }
    a{
        color:#000;
    }
    #footer{
        clear:both;
        white-space:nowrap;
    }

}   
    
    
    
/* PAGINATOR */

.paginate {font-family: Arial, Verdana, Helvetica, sans-serif;font-size:9pt;color: #808080;}
.paginate_marginL {font-family: Arial, Verdana, Helvetica, sans-serif;font-size:9pt;color: #808080;}
a.paginate       {font:9pt Arial, Helvetica,sans-serif;padding:0px 5px;color: #808080;text-decoration:none;}
a.paginate:hover {font:9pt Arial, Helvetica,sans-serif;padding:0px 5px;color:#ffffff;text-decoration:none;background:#ff9800;}

a.current, a.current:hover {font:9pt Arial, Helvetica,sans-serif;padding:0px 5px;color:#ffffff;text-decoration:none;background:#ff9800;}

span.active_ctrl     {font:8pt Arial, Verdana, Helvetica,sans-serif;color: #808080;text-decoration:none;padding:0;}
span.inactive_ctrl   {font:8pt Arial, Verdana, Helvetica,sans-serif;color: #cbcbcb;text-decoration:none;padding:0;}

span.inactive        {font:9pt Arial, Verdana, Helvetica,sans-serif;padding:0px 5px;color: #cbcbcb;text-decoration:none;}
a.paginate_btn       {font:9pt Arial, Verdana, Helvetica,sans-serif;padding:0px 5px;color: #808080;text-decoration:none;}
a.paginate_btn:hover {font:9pt Arial, Verdana, Helvetica,sans-serif;padding:0px 5px;color: #ba0000;text-decoration:none;}