* { margin:0; padding:0; outline:none; }  
.hide { display:none; }  
body {  
    background:#000;  
    color:#fff;  
    padding:30px;  
    font-family:Arial, Helvetica, sans-serif;  
}  
#container {  
    width:596px;  
    height:650px;  
    background:#111;  
    overflow:hidden;  
    border:1px solid #333; 
    text-align:center;
}  
h1 {  
    background:#222;  
    width:592px;  
    height:29px;  
    padding-left:7px;  
    border-bottom:1px solid #333;  
    font-size:18px;  
    line-height:29px;  
    font-weight:normal;  
}  
#picture_section {  
    padding:7px 0 7px 7px;  
    width:590px;  
    height:520px;  
    overflow:hidden;  
}  
    #inside {  
        width:590px;  
        height:332px;  
    }  
    #picture_section img {  
        border:0;  
        height:57px;  
        width:111px;  
        float:left;  
        background:#333;  
        margin-bottom:7px;  
        margin-right:7px;  
        cursor:pointer;  
    }  
#controls_vert {  
    background:#222;  
    width:600px;  
    height:23px;  
    border-top:1px solid #333;  
}  
#controls_horz {  
    background:#222;  
    width:600px;  
    height:23px;  
    border-top:1px solid #333;  
}  
    #up {  
        height:10px;  
        width:10px;  
        margin-right:7px;  
        background:url(up.jpg) no-repeat;  
        text-indent:-9999px;  
        float:left;  
        margin:7px;  
        margin-bottom:6px;  
        cursor:pointer;  
    }  
    #down {  
        height:10px;  
        width:10px;  
        background:url(down.jpg) no-repeat;  
        text-indent:-9999px;  
        float:left;  
        margin:7px;  
        margin-left:0;  
        margin-bottom:6px;  
        cursor:pointer;  
    }  
    #left {  
        height:10px;  
        width:10px;  
        background:url(left.jpg) no-repeat;  
        text-indent:-9999px;  
        float:left;  
        margin:7px;  
        margin-bottom:6px;  
        cursor:pointer;  
    }  
    #right {  
        height:10px;  
        width:10px;  
        background:url(rightright.jpg) no-repeat;  
        text-indent:-9999px;  
        float:left;  
        margin:7px;  
        margin-left:0;  
        margin-bottom:6px;  
        cursor:pointer;  
    }  
    div#up.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }  
    div#down.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }  
    div#right.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }  
    div#left.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; } 
    
#display_picture_container {  
    position:absolute;  
    top:0;  
    left:0;  
    width:700px;  
    height:400px;  
    padding-top:16px;  
}  
#display_picture {  
    position:absolute;  
    top:61px;  
    left:31px;  
    width:596px;  
    height:330px;  
    background:#000;  
    opacity:0.8; filter:alpha(opacity=80);  
    text-align:center;  
    font-size:11px;  
    padding-top:16px;  
}  
#display_picture_img {  
    position:absolute;  
    top:108px;  
    left:65px;  
    height:272px;  
    width:530px;  
    cursor:pointer;  
}