body { margin: 0; padding: 0; }
ul { list-style-type: none; margin: 0; padding: 0; }
img { border: none; }

#ad { width:300px; height:250px; background-image: url("images/300x250.gif"); cursor: pointer; }


.navigation_content{
  position: absolute;
  top: 44px;
  left: 1px;
  height: 199px;
}
.navigation_content .viewport {
width: 298px;
height: 183px;
overflow: hidden;
margin: 22px 0px 0px;
}


.nav {
position: absolute;
top: 2px;
left: 1px;
width: 298px;
}
.nav li {
  float: left;
  display: inline;
}
.nav li a {
display: block;
width: 74px;
height: 19px;
text-indent: -999em;
background-image: url("images/nav.jpg");
}
#prod-1_nav_item a { background-position: -1px -1px; }
#prod-1_nav_item.active a { background-position: -1px -23px; }
#prod-2_nav_item a {background-position: -75px -1px; }
#prod-2_nav_item.active a { background-position: -75px -23px; }
#prod-3_nav_item a { background-position: -149px -1px; }
#prod-3_nav_item.active a { background-position: -149px -23px; }
#prod-4_nav_item a { background-position: -223px -1px; }
#prod-4_nav_item.active a { background-position: -223px -23px; }