@import url(balloon0.css);
@import url(balloonp.css);

body { margin: 0; padding: 0; overflow: auto; }
table, img { border: 0; }

#nav.inactive .canvas { filter: alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; }
#nav.inactive ul, #nav.inactive .prev, #nav.inactive .next { filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; }

#nav { position: relative; width: 100%; text-align: center; z-index: 10000; height: 22px; overflow: hidden;   }
#nav table { margin: 0 auto; }
#nav ul { position: relative; top: -22px; display: block; float: left; padding: 0; margin: 0; list-style: none; }
#nav li { display: block; padding: 0; margin: 4px 0 5px 0; float: left; border-width: 1px 1px 1px 0; border-style: solid; border-color: #fff; overflow: hidden;  width: 13px;  height: 13px;   }
#nav li.first { border-width: 1px; width: 13px;  height: 13px;}
#nav li.current, #nav li.current a:hover { background: #fff; width: 13px;  height: 13px;}
#nav li.current a { cursor: default; }
#nav li a { display: block; overflow: hidden; float: left; width: 13px; height: 13px; text-indent: -99999px; }
#nav li a:hover { background: #b4b4b4; width: 13px;  height: 13px;}
#nav .prev, #nav .next { position: relative; top: -22px; float: left; cursor: pointer; cursor: hand; display: block; width: 26px; height: 22px; overflow: hidden; }
#nav .prev { background: transparent url(../img/l-arrow0.gif) no-repeat; }
#nav .next { background: transparent url(../img/r-arrow0.gif) no-repeat; }
#nav .canvas { position: relative; height: 22px; overflow: hidden; background: #000; filter: alpha(opacity=67); -moz-opacity: 0.67; opacity: 0.67; }

#thumbwrapper { position: absolute; top: -1000px; left: -1000px; visibility: hidden; z-index: 1000; background: #b4b4b4; line-height: 0; }
#thumbwrapper img { border: 1px solid #fff; }