#s7 { width: 200px; height: 200px; border: 1px solid #ddd; background-color: #eee; text-align: center; margin-bottom: 10px; }
#s7 div { width: 180px; height: 180px; color: #333; text-align: center; overflow: hidden }
#s7 img.h { height: 180px; width: auto; margin-left:-32px; margin-right: auto;}
#s7 img.v { height: auto; width: 180px; margin-top:-32px; margin-bottom: auto;}

#s5 { width: 440px; height: 440px; border: 1px solid #ddd; background-color: #eee; text-align: center; margin-bottom: 10px; }
#s5 div { width: 440px; height: 440px; color: #333; text-align: center; overflow: hidden }
#s5 img.h { height: 300px; width: auto; margin-top: 60px; margin-bottom: 60px;}
#s5 img.v { height: auto; width: 300px; margin-top: 20px; margin-left: 60px; margin-right: 60px;}

#s6 { width: 200px; height: 200px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #eee; text-align: center;}
#s6 div { width: 180px; height: 180px; text-align: left; padding: 10px; font-size: 70%}

#s6top { width: 200px; text-align: center; color: #666666; font-size: 80%; font-style: bold; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; background-color: #eee;}



#s6 div, #s7 div { top: 10px; left: 10px; }
s5 div { top: 10px; left: 10px; }
#big { width: 500px; text-align: left }

td a { margin: 5px }
.nav { margin: 5px 0 }
#nav a, #s7 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fc0; text-decoration: none }
#nav a, #s5 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fc0; text-decoration: none }
#nav a.activeSlide { background: #ea0 }
#nav a:focus { outline: none; }
#output { text-align: left; }


#s5 { margin: 20px }
#nav { width: 560px; margin: 15px }
#nav div.thumb { width: 120px; height: 120px; float: left; margin: 10px;}
#nav div.h { width: 100px; float: left; margin: 8px; list-style: none }
#nav a.h { width: 100px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav div.v { height: 100px; float: left; margin: 8px; list-style: none }
#nav a.v { height: 100px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
#nav img.h { border: none; display: block; width: 100px; height: auto;}
#nav img.v { border: none; display: block; height: 100px; width: auto;}