#app {
    width: 942px;
    position: relative;
    margin: -220px auto 0;
    display: block;
}

#heading{
    margin-top:25px;
    color:#fff;
    text-align: center;
}

#mode-buttons {
    position:relative;
    width: 403px;
    height: 71px;
    padding-top: 25px;
    margin: 0 auto;
    z-index:1000;
}

#app .elements_selection{
    position: absolute;
    top: 200px;
    left: 10px;
    width: 100px;
    height: 430px;

    background-image: url(../images/sel_bg.png);
    background-repeat:no-repeat;
    background-position:0px 0px;  
}

#app .elements_selection .control{
    position: absolute;
    left: 10px;
    width: 77px;
    height: 20px;

    background-repeat:no-repeat;
    background-position:center center;  
}
#app .elements_selection .control.up{
    top: 8px;
    background-image: url(../images/up.png);
}

#app .elements_selection .control.dn{
    bottom: 8px;
    background-image: url(../images/dn.png);
}

#app .elements_selection_holder1,   
#app .elements_selection_holder2{   
    background-image: url("../images/sel.png");
    background-position: 0 2px;
    background-repeat: no-repeat;
    height: 1000px;
    left: 0px;
    position: absolute;
    top: 0;
    width: 100px;
}

#app .elements_selection .elements_selection_holder_outer{
    position: absolute;
    top: 30px;
    left: 10px;
    height: 375px;
    width:100px;

    overflow:hidden;
}
#app .elements_selection .box{
    position: relative;
    float: left;
    clear: both;
    width: 60px;
    height: 75px;

    margin: 0px 0px 0px 8px;
    padding: 0;

    background-position: center center;
    background-repeat: no-repeat;

    cursor:pointer;
    z-index: 10000;
}

#app .elements_selection .box span{
    position: relative;
    display:block;
    top:18px;

    text-align:center;
    font-weight:bold;
    font-family: ubuntu;
    font-size:24px;

    cursor:pointer;
    z-index: 10000;

}

#app .infoHolder{
    display: block;
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 165px !important;
}

#app .info1,
#app .info2{
    position: absolute;
    top: 10px;
    left: 10px;

    width: 145px !important;
    height: 390px;
    padding: 10px;
    color:#fff;

    font-size: 11px;  
}
#app .info1 .jspPane,
#app .info2 .jspPane{
    padding:0px !important;
}



#app .infoHolderWrapper{
    position: absolute;
    top: 210px;
    left: 793px !important;
    width: 165px !important;
    height: 400px;

    border: 1px solid #4C4C4C;

    box-shadow: inset -1px 0px 1px #2e3535;
    -webkit-box-shadow: inset -1px 0px 1px #2e3535;
    -moz-box-shadow: inset -1px 0px 1px #2e3535;
    -o-box-shadow: inset -1px 0px 1px #2e3535;   
}
#app .scroller{
    display:none;
}

#app .scroller .prev,
#app .scroller .next{
    position: absolute;
    top:110px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;

    background-color: #4C4C4C;
    background-image: url("../images/nav-arrows.png");
    background-position: 10px 7px;
    background-repeat: no-repeat;
    border-radius: 15px 15px 15px 15px;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: block;

    z-index: 10;    
}
#app .scroller .prev{
    left:-15px;
    background-position: 10px 7px;  
}
#app .scroller .next{
    right:-15px;
    background-position: -19px 7px;
}


#app .multiDesc{
    position:absolute;
    left:0px;
    width: 1000px;  
    margin-left: 5px;
    height:385px !important;
    padding-bottom:15px;
}
#app .multiDesc .jspVerticalBar{
    right:auto !important;
    left:135px;
}
#app .multiDesc span{
    clear: none;
    display: block;
    float: left;
    margin-right: 30px;
    width: 130px !important;;
    height:auto;
}


#app .info1 h3,
#app .info2 h3{
    font-size:15px;
    margin-bottom:10px;
}

#app .info1 p,
#app .info2 p{
    margin-bottom:10px;
}
#app #mode-2{
    display:none
}

#app #paperBg{
    position:absolute;
    left:140px;
    top:175px;
    width:630px;
    height:600px;
    /*    background-color:red;*/
}
#app #paper{
    position:absolute;
    left:140px;
    top:175px;
    width:630px;
    height:600px;
    /*    background-color:lime;
        opacity: 0.5;*/
}
#app .img{
    disply:block;
    position:relative;
    width:145px;
    height:100px;
    margin-top:5px;
    padding-bottom:5px;
    background-position:center center;
    background-repeat:no-repeat;
    /*    background-color:lime;
        opacity: 0.5;*/
}
#app sub{
    display:inline !important;
}

#app .jspHorizontalBar{
    display:none;
}