ul#step-top-nav {
  display: inline-block;
}
ul#step-top-nav {
  text-transform: uppercase;
  font-size: 0.9em;
  background: url(/img/calculate-top-nav-middle-current.png) no-repeat;
  overflow: hidden;
  display: block;
  list-style: none;
  z-index: 9999;
  position: relative;
  top: -40px;
  left: -9px;
  width: 670px;
  margin: 0;
  padding: 0 0 2px 0;
}


ul#step-top-nav.firstcurrent {
  background: url(/img/calculate-top-nav-first-current.png) no-repeat;
}

ul#step-top-nav.lastcurrent {
  background: url(/img/calculate-top-nav-right-current.png) no-repeat;
}
ul#step-top-nav li {
  width: 223px;
  line-height: 36px;
  float: left;
  text-align: center;
  color: #77072e;
  font-weight: bold;
}


ul#step-top-nav li a {

  display: block;
  text-decoration: none;
  font-size: 1.2em;
} 


div.top {
  height: 99px;
  padding-right: 259px;
  background: url(/img/repayment-sub-heading.png) right no-repeat;
  width: 335px;
  margin: 0 auto 20px auto;
  line-height: 1.3em;
  font-size: 2em;
}

div.repayments {
  background-image: url(/img/repayment-sub-heading.png);
}

div.starter-shares {
  background-image: url(/img/starter-shares-sub-heading.png);
}

div#share-message {
  font-size: 1.5em;
  padding: 10px;
  text-align: center;
}

/*
 * Intro
 */
#intro {
}

#intro ul {
  background: #ffffff!important;
  list-style: none;
  border: 0!important;
  margin: 0 auto 0 auto!important;
  padding: 0!important;
  overflow: hidden;
  width: 456px;
}
#intro ul li {
  background: none!important;
  color: #a02013;
  font-weight: bold;
  list-style: none!important;
  float: left!important;
  border: 0!important;
  margin: 0!important;
  padding: 0!important;
  width: 155px!important;
  height: 250px; 
}
#intro ul li h3 {
  font-size: 1em;
  border: 0!important;
  padding: 5px 5px 5px 5px!important;
}
#intro ul li h3 a {
  color: #f4e4b9;
  text-decoration: none;
}
#intro ul li div.content {
  width: 145px;
}
#intro ul li div.content a {
  text-decoration: none;
}
#intro ul li div.content p {
  padding: 0px 5px 5px 5px!important;
}



#intro ul li.repayments {
border: 10px solid #550000;
  background: url(/img/repayments-bg.jpg) no-repeat top left!important;
}
#intro ul li.starter {
border: 10px solid #550000;
  background: url(/img/starter-bg.jpg) no-repeat top left!important;
}
#intro ul li.budget {
  background: url(/img/budget-bg.jpg) no-repeat top left!important;
  width: 145px!important;
}

/*
 * repayments
 */

#bodybox #mainbox h2.pagetitle-repayments {
  margin: 0;
  padding: 7px 10px 50px 10px;
  background: #A02013 url(/img/page-title-repayment.gif) bottom left no-repeat;
  color: white;
  font-weight: bold;
  font-size: 140%;
}

#bodybox #mainbox h2.pagetitle-monthly-budget-planner {
  margin: 0;
  padding: 7px 10px 50px 10px;
  background: #A02013 url(/img/page-title-monthly_budget.gif) bottom left no-repeat;
  color: white;
  font-weight: bold;
  font-size: 140%;
}

#bodybox #mainbox h2.pagetitle-starter-shares {
  margin: 0;
  padding: 7px 10px 50px 10px;
  background: #A02013 url(/img/page-title-starter-share.gif) bottom left no-repeat;
  color: white;
  font-weight: bold;
  font-size: 140%;
}


/*



*/