@import url(/css/home-buyer-calculator.css);
@import url(/css/starter-shares.css);

/*
 * Intro
 */
#intro {
}

#intro ul {
  background: #ffffff!important;
  list-style: none;
  border: 0!important;
  margin: 0!important;
  padding: 0!important;
  overflow: hidden;
}
#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 {
  background: url(/img/repayments-bg.jpg) no-repeat top left!important;
}
#intro ul li.starter {
  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%;
}
/*



*/