/*
Theme Name: SHU
Version: 1.0
Author: A.P.
*/


body, html{
    padding:0;
    margin:0;
}
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    background:url(./images/bg.jpg) repeat-x top center #fff5bd;
}
.break{
    clear:both;
}
#flashContainer{
    width:100%;
    height:100%;
    position:absolute;
    z-index:999;
}
#flashIntro{
    width:1150px;
    height:540px;
    margin: 0 auto;
}


#topLine{
    display: block;
    width:100%;
    height: 6px;
    background:url(./images/upper-line.png) repeat-x top center;
}
#wrapper{
    width: 976px;
    margin: 0 auto;
    /*background:#fff;*/
}
    #logo{
        float:left;
        margin-left:27px;
    }
    #logo a{
        display: block;
        width:129px;
        height: 138px;
        background:url(./images/shu.png) no-repeat;
    }
    #lang{
        float:left;
        margin-left:30px;
        margin-top:61px;
    }
    #lang a{
        display:block;
        height:9px;
        width:22px;
        background:url(./images/lang.png) no-repeat;
    }
    #lang a.ru{
        background-position:0 -9px;
        height:9px;
        width:22px;
    }


    #menu{
        margin-top:57px;
        margin-right:27px;
        float:right;
    }
        #menu .dotted{
            display:block;
            float:left;
            height:17px;
            width:35px;
            background:url(./images/dotted.png) no-repeat top center;
        }
        #menu a.poed, #menu a.poed:visited{
            float:left;
            display:block;
            width:34px;
            height:20px;
            background:url(./images/menu.png) no-repeat;
            margin-top:2px;
        }
        #menu a.poed.ru, #menu a.poed.ru:visited{
            width:71px;
            background:url(./images/menu-ru.png) no-repeat;
        }
        #menu a.poed:hover, #menu a.poed.selected{
            background:url(./images/menu.png) 0 -42px;
        }
        #menu a.poed.ru:hover, #menu a.poed.ru.selected{
            background:url(./images/menu-ru.png) 0 -42px;
        }
        #menu a.soodus, #menu a.soodus:visited{
            float:left;
            display:block;
            width:89px;
            height:20px;
            background:url(./images/menu.png) 0 -63px;
            margin-top:2px;
        }
        #menu a.soodus.ru, #menu a.soodus.ru:visited{
            width:54px;
            background:url(./images/menu-ru.png) 0 -63px;
        }
        #menu a.soodus:hover, #menu a.soodus.selected{
            background:url(./images/menu.png) 0 -105px;
        }
        #menu a.soodus.ru:hover, #menu a.soodus.selected.ru{
            background:url(./images/menu-ru.png) 0 -105px;
        }
        #menu a.shu, #menu a.shu:visited{
            float:left;
            display:block;
            width:44px;
            height:20px;
            background:url(./images/menu.png) 0 -126px;
            margin-top:2px;
        }
        #menu a.shu.ru, #menu a.shu.ru:visited{
            width:41px;
            background:url(./images/menu-ru.png) 0 -126px;
        }
        #menu a.shu:hover, #menu a.shu.selected{
            background:url(./images/menu.png) 0 -168px;
        }
        #menu a.shu.ru:hover, #menu a.shu.selected.ru{
            background:url(./images/menu-ru.png) 0 -168px;
        }

    #boxesTransparent{
        float:left;
        margin-top:-25px;
        height:417px;
        width:100%;
    }
    #boxes{
        float:left;
        margin-top:-25px;
        height:417px;
        width:100%;
        background:url(./images/boxes.png) no-repeat top center;
        display:none;
    }
    .color{
        color:#dad000;
    }
    #box1{
        position:relative;
        float:left;
        margin:92px 0 0 60px;
        /*background:#ddd;*/
        width:430px;
        height:281px;
        overflow:hidden;
        z-index:33;
    }
        #box1 .LSlide{
            display:block;
            overflow:hidden;
            float:left;
            width:430px;
            height:281px;
        }
        #box1 .marginUp{
            margin-top:7px;
        }
        #box1 a{
            color:#4f4834;
        }
        #box1 .content{
            margin-top:13px;
            float:left;
            width: 170px;
            color: #2a2a26;
        }
            #box1 .content .fifteen{
                font-size:14px;
                font-weight:600;
            }

        #box1 .image{
            float:right;
        }
        #box1 h2{
            margin:0;
            padding:0;
            font-size: 30px;
            font-family: Arial Black, Arial, Helvetica, sans-serif;
            line-height:1.2em;
            /*background:#333;*/
        }
        #box1 h2 a{
            color:#2a2a26;
            text-decoration:none;
        }
        #box1 .content .spacer{
            width: 169px;
            height: 2px;
            background:url(./images/spacer.png) no-repeat;
            margin-top: 16px;
            margin-bottom: 12px;
        }

    #box2{
        position:relative;
        float:right;
        margin:55px 60px 0 0;
        /*background:#ddd;*/
        width:405px;
        height:274px;
        overflow: hidden;
        /*overflow-y: auto;*/
        z-index:11;
    }
        #kontakt, #kontaktru{
            float:right;
            margin-right:40px;
            margin-top:-14px;
        }
        #kontakt a, #kontaktru a{
            width:102px;
            height:59px;
            display:block;
        }
        #kontakt a{
            background:url(./images/kontakt.png) no-repeat;
        }
        #kontaktru a{
            background:url(./images/kontakt-ru.png) no-repeat;
        }
        #box2 .slide{
            height:274px;
            width:405px;
        }
        #box2 .jsSlide{
            float:left;
            width:405px;
            height:274px;
        }
        #box2 h2{
            padding:0;
            margin:0;
            font-size:18px;
            font-weight:bold;
        }
        #box2 .soodus{
            margin-top:14px;
        }
        #box2 .left{
            font-weight: 600;
            float:left;
            width:267px;
        }
        #box2 .title a{
            color:#ed5d04;
            font-size:20px;
            text-decoration: none;
        }
        #box2 .desc{
        	font-weight: 300;
            margin-top:5px;
            float:left;
            font-size:14px;
        }
        #box2 .img{
            float:right;
            margin-right:5px;
        }

        #box2 .spacer, #box2 .spacerSood{
            background:url(./images/soodus-spacer.png) no-repeat;
            width: 100%;
            height:2px;
        }
        #box2 .spacerSood{margin-top:14px;}
        #box2 .submenu{
            margin-bottom:9px;
            height:17px;
        }
        #box2 .submenu a{
            line-height:17px;
            display:block;
            float:left;
            color:#ed5d04;
            font-weight:bold;
            text-decoration:none;
            font-size:14px;
        }
        #box2 .dotted{
            float:left;
            display:block;
            width:35px;
            height:17px;
            background: url(./images/submenu-dotted.png) no-repeat top center;
        }#box2 h1{
            font-size:18px;
            font-weight:bold;
            margin: 11px 0 5px 0;
            padding:0;
        }

        #box2 .cities h3{
            margin:20px 0 8px 0;
            padding:0;
            font-size:14px;
            color:#4f4834;
        }
        #box2 .cities a{
            line-height:20px;
            font-size:14px;
            color:#db4700;
            font-weight:600;
        }
        #box2 .pood{
            margin:14px 0 0 72px;
            color:#4f4835;
        }


        #box2 .shops{
            margin-top:16px;
        }
        .shop{
            float:left;
            width:257px;
        }
        .shopLeft{
            float:left;
            width:203px;
        }
        .open{
            font-size:14px;
            font-weight:bold;
        }
        .verticalSpacer{
            float:left;
            width:50px;
            height:169px;
            background:url(./images/vertical-spacer.png) no-repeat top center;
        }
        #box2 .uus, #box2 .uusru{
            float:right;
            width:40px;
            height:41px;
        }
        #box2 .uus{
            background:url(./images/uus.png) no-repeat;
        }
        #box2 .uusru{
            background:url(./images/uus-ru.png) no-repeat;
        }
        #box2 .colorContainer{
            margin-top:10px;
        }
        #box2 .colorContainer .image, #box2 .colorContainer .text{
            float:left;
        }
        #box2 .colorContainer .text{
            margin-left:11px;
            width:320px;
        }
        #box2 .marginTop{
            margin-top:10px;
        }
        #box2 a.email{
            color:#dd4600;
        }
        #box2 a{
            color:#4f4834;
        }

/* FOOTER */

#footer{
    height:30px;
    width:924px;
    margin: 7px auto 0 auto;
    background:url(./images/footer-line.png) no-repeat;
}
#footer .dotted{
    display:block;
    float:left;
    width:33px;
    height:17px;
    margin-top:24px;
    background:url(./images/footer-dotted.png) no-repeat top center;
}
a.kaubamaja{
    display:block;
    float:left;
    width: 66px;
    height: 18px;
    margin-top:23px;
    background:url(./images/footer-logos.png) no-repeat;
}
a.kaubamaja:hover{
    background-position: 0 -21px;
}
a.abc{
    display:block;
    float:left;
    width: 70px;
    height: 9px;
    margin-top:28px;
    background:url(./images/footer-logos.png) no-repeat 0 -44px;
}
a.abc:hover{
    background-position: 0 -58px;
}
a.nero{
    display:block;
    float:left;
    width: 70px;
    height: 9px;
    margin-top:28px;
    background:url(./images/footer-logos.png) no-repeat 0 -72px;
}
a.nero:hover{
    background-position: 0 -86px;
}
a.suurtyki{
    display:block;
    float:left;
    width: 60px;
    height: 15px;
    margin-top:25px;
    background:url(./images/footer-logos.png) no-repeat 0 -100px;
}
a.suurtyki:hover{
    background-position: 0 -117px;
}
a.ilu{
    display:block;
    float:left;
    width: 45px;
    height: 14px;
    margin-top:25px;
    background:url(./images/footer-logos.png) no-repeat 0 -135px;
}
a.ilu:hover{
    background-position: 0 -155px;
}
a.kia{
    display:block;
    float:left;
    width: 47px;
    height: 30px;
    margin-top:18px;
    background:url(./images/footer-logos.png) no-repeat 0 -175px;
}
a.kia:hover{
    background-position: 0 -211px;
}
a.selver{
    display:block;
    float:left;
    width: 52px;
    height: 22px;
    margin-top:18px;
    background:url(./images/footer-logos.png) no-repeat 0 -247px;
}
a.selver:hover{
    background-position: 0 -275px;
}
a.partner{
    display:block;
    float:left;
    width: 72px;
    height: 18px;
    margin-top:21px;
    background:url(./images/footer-logos.png) no-repeat 0 -301px;
}
a.partner:hover{
    background-position: 0 -325px;
}
a.motive{
    display:block;
    float:right;
    width: 84px;
    height: 11px;
    margin-top:27px;
    background:url(./images/motive_link.png) no-repeat 0 0;
}
a.motive:hover{
    background-position: 0 -11px;
}
.shu-shop{
    padding:1px 0;
}
.shu-shop img{
    margin:0 0 -5px 4px;
}