/* global */
/*
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, small, strike, strong, sub, sup, tt dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}
*/
/* navigation menu */
#little-swimmer-menu {
  padding-bottom: 10px;
  padding-left: 0;
  position: relative;
  z-index: 9; }
  #little-swimmer-menu .heading {
    display: none; }
  #little-swimmer-menu .toilet-training-menu-active {
    position: relative; }
  #little-swimmer-menu ul.mainmenu {
    margin: 0;
    padding: 22px 0 0;
    height: 60px;
    overflow: hidden;
    background: url("../images/little-swimmer/stages-nav-long.jpg") left top no-repeat; }
  #little-swimmer-menu .active-little-swimmer-menu-1 ul.mainmenu {
    background-position: 0 -83px; }
  #little-swimmer-menu .active-little-swimmer-menu-2 ul.mainmenu {
    background-position: 0 -165px; }
  #little-swimmer-menu .active-little-swimmer-menu-3 ul.mainmenu {
    background-position: 0 -248px; }
  #little-swimmer-menu .active-little-swimmer-menu-4 ul.mainmenu {
    background-position: 0 -331px; }
  #little-swimmer-menu ul.mainmenu li {
    float: left;
    height: 35px;
    margin-top: 15px; }
    #little-swimmer-menu ul.mainmenu li a {
      display: block;
      height: 50px;
      text-indent: -999em; }
    #little-swimmer-menu ul.mainmenu li.ready a {
      width: 251px; }
    #little-swimmer-menu ul.mainmenu li.organised a {
      width: 225px; }
    #little-swimmer-menu ul.mainmenu li.action a {
      width: 225px; }
    #little-swimmer-menu ul.mainmenu li.help a {
      width: 224px; }
    #little-swimmer-menu ul.mainmenu li ul.menu a {
      text-indent: 0em;
      width: 180px;
      line-height: 16px;
      text-decoration: none; }
  #little-swimmer-menu .menu-content .content {
    position: absolute;
    margin-top: 0;
    top: 82px;
    left: 0;
    width: 920px;
    padding-left: 15px;
    padding-bottom: 15px;
    overflow: hidden;
    background: url("../images/little-swimmer/dropdown-slide.gif") -1px bottom no-repeat; }
    #little-swimmer-menu .menu-content .content .description {
      width: 432px;
      float: left; }
    #little-swimmer-menu .menu-content .content h3 {
      font-size: 15px;
      color: #032dbd; }
    #little-swimmer-menu .menu-content .content p {
      line-height: 1.3em;
      font-size: 15px;
      color: #666; }
  #little-swimmer-menu .menu-content .menu {
    float: right;
    width: 435px; }
    #little-swimmer-menu .menu-content .menu li {
      float: left;
      width: 176px;
      padding: 0;
      padding-right: 15px;
      background: none;
      list-style-type: none; }
      #little-swimmer-menu .menu-content .menu li img {
        float: left;
        margin-right: 4px;
        height: 50px;
        width: 50px;
        border: 1px solid #59a8f7;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px; }
      #little-swimmer-menu .menu-content .menu li span {
        color: #032dbd;
        font-size: 14px; }

/* beach bag */
#beach-bag-container {
  width: 628px;
  height: 410px;
  position: relative;
  background: url("../images/little-swimmer/container-bg.jpg") top left no-repeat; }
  #beach-bag-container .btn {
    display: block;
    position: absolute; }
  #beach-bag-container #btn1 {
    width: 76px;
    height: 112px;
    background: url("../images/little-swimmer/btn01-safe.png") top left no-repeat;
    top: 104px;
    left: 205px; }
  #beach-bag-container #btn2 {
    width: 81px;
    height: 112px;
    background: url("../images/little-swimmer/btn02-learn.png") top left no-repeat;
    top: 104px;
    left: 333px; }
  #beach-bag-container #btn3 {
    width: 79px;
    height: 115px;
    background: url("../images/little-swimmer/btn03-finder.png") top left no-repeat;
    top: 104px;
    left: 456px; }
  #beach-bag-container #btn3-nz {
    width: 79px;
    height: 115px;
    background: url("../images/little-swimmer/btn03-nz.png") top left no-repeat;
    top: 104px;
    left: 456px; }
  #beach-bag-container #btn4 {
    width: 96px;
    height: 85px;
    background: url("../images/little-swimmer/btn04-product.png") top left no-repeat;
    top: 242px;
    left: 203px; }
  #beach-bag-container #btn5 {
    width: 72px;
    height: 101px;
    background: url("../images/little-swimmer/btn05-sample.png") top left no-repeat;
    top: 232px;
    left: 334px; }
  #beach-bag-container #btn6 {
    width: 79px;
    height: 96px;
    background: url("../images/little-swimmer/btn06-faq.png") top left no-repeat;
    top: 232px;
    left: 445px; }
  #beach-bag-container #arrow-1 {
    position: absolute;
    top: -15px;
    left: 80px; }
  #beach-bag-container #arrow-2 {
    position: absolute;
    top: -15px;
    left: 210px; }
  #beach-bag-container #arrow-3 {
    position: absolute;
    top: -15px;
    left: 340px; }
  #beach-bag-container #arrow-4 {
    position: absolute;
    top: 171px;
    left: 90px; }
  #beach-bag-container #arrow-5 {
    position: absolute;
    top: 171px;
    left: 210px; }
  #beach-bag-container #arrow-6 {
    position: absolute;
    top: 171px;
    left: 340px; }
  #beach-bag-container .bottom-panel {
    display: block;
    position: absolute;
    left: 144px;
    top: 220px;
    width: 445px;
    z-index: 999; }
  #beach-bag-container .top-panel {
    display: block;
    position: absolute;
    left: 144px;
    top: 51px;
    width: 445px;
    z-index: 998; }
  #beach-bag-container .copy-panel {
    padding-left: 20px;
    padding-top: 30px;
    background: url("../images/little-swimmer/content-bg.gif") top left no-repeat;
    min-height: 160px; }
    #beach-bag-container .copy-panel .left-side {
      width: 76px;
      float: left;
      margin-right: 10px; }
    #beach-bag-container .copy-panel .right-side {
      width: 315px;
      float: left; }
    #beach-bag-container .copy-panel p {
      font-size: 12px;
      line-height: 18px; }
  #beach-bag-container h3 {
    font-size: 16px;
    font-weight: bold;
    color: #252567;
    margin-top: 0; }

/* winner section */
#winer-container {
  width: 628px;
  height: 390px;
  position: relative;
  background: url("../images/little-swimmer/winner-bg.jpg") top left no-repeat; }

#winer-container .winnerThumbnails {
  position: absolute;
  width: 108px;
  height: 108px; }

#winner1 {
  top: 70px;
  left: 79px; }

#winner2 {
  top: 70px;
  left: 261px; }

#winner3 {
  top: 70px;
  left: 440px; }

#winer-container .winnerInfo {
  position: absolute;
  width: 108px;
  height: 50px;
  color: #323490;
  text-align: center;
  padding: 10px; }

#winer-container #winner1-info {
  top: 190px;
  left: 70px; }

#winer-container #winner2-info {
  top: 190px;
  left: 250px; }

#winer-container #winner3-info {
  top: 190px;
  left: 430px; }

/** NZ Customistaion **/
.nz #little-swimmer-menu ul.mainmenu {
  background-image: url("../images/little-swimmer/stages-nav-long-nz.jpg"); }