html, body, ul, li {
  margin: 0;
  padding: 0;
}

ul {
  list-style-type: none;
}

#ad {
  background: url("images/728x90.png") no-repeat;
}

#main {
    position: relative;
    height: 90px;
    top: 0px;
    width: 500px;
    left: 221px;
}
#main .viewport {
  overflow: hidden;
  width: 339px;
  height: 90px;
  top: 1px;
  left: 1px;
}

#main .items .item {
  position: absolute;
  width: 728px;
  height: 90px;
}

#main .product_image img {
  width: 338px;
}

/*.nav_arrows { position: absolute; top: 206px; left: 26px; width: 149px; }
.nav_arrows li { position: absolute; top: 0; }
.nav_arrows li.nav_previous { right: 140px; }
.nav_arrows li.nav_next { right: -9px; }
.nav_arrows li a { background-image: url("images/arrows.png"); display: block; width: 40px; height: 49px; text-indent: -999em; }
.nav_arrows li.nav_previous a { background-position: 0 0; }
.nav_arrows li.nav_next a { background-position: -40px 0; }
.nav_arrows li.nav_previous:hover { opacity: 1; }
.nav_arrows li.nav_next:hover { opacity: 1; }*/

/*<----------Nav Dots---------->*/


.nav_dots {
    left: 364px;
    position: absolute;
    top: 58px;
    width: 124px;
    z-index: 7;
    height: 27px;
    overflow: hidden;
}
.nav_dots li {
    float: left;
    margin-left: -2px;
}
.nav_dots li a {
    background-image: url("images/dots.png");
    background-position: 0px 0px;
    display: block;
    width: 33px;
    height: 49px;
    text-indent: -999em;
}
li#dot_0 a {
    background-position: 3px -6px;
}
li#dot_1 a {
    background-position: -29px -6px;
}
li#dot_2 a {
    background-position: -60px -6px;
}
li#dot_3 a {
    background-position: -93px -6px;
}

li#dot_0.active a {
    background-position: 3px -32px;
}

li#dot_1.active a {
    background-position: -29px -32px;
}
li#dot_2.active a {
    background-position: -60px -32px;
}
li#dot_3.active a {
    background-position: -93px -32px;
}

#cta {
    z-index: 9;
    height: 26px;
    width: 90px;
    position: absolute;
    top: 13px;
    left: 601px;
}

#intro {
    width: 300px;
    height: 250px;
    position: absolute;
    z-index: 8 !important;
    overflow: hidden;
   
}

#intro_cta {
    z-index: 9;
    height: 36px;
    width: 110px;
    position: absolute;
    top: 39px;
    left: 603px;
  
}