/* primary layout */
#content-middle h1 {
  color: #42757A;
}

#content-middle li {
 margin: 12px 0;
 padding-bottom: 12px;
 border-bottom: 1px solid #cfcfcf;
}

#content-middle li li:last-child {
  border-bottom: none;
}

#content-middle li img {
  display: block;
  margin: 12px auto;
  border: 3px solid #fff;
  -moz-box-shadow: 0px 0px 8px #000;
  -webkit-box-shadow: 0px 0px 8px #000;
  box-shadow: 0px 0px 8px #000;
}

#content-middle #faq_nav_small {
  width: 550px;
  margin: 0 auto;
}

#content-middle #faq_nav {
  width: 750px;
  margin: 0 auto;
}

#content-middle #faq_nav div {
  width: 130px;
  height: 120px;
  float:left;
  text-align: center;
}

#content-middle #faq_nav .arrow {
  width: 65px;
}

#content-middle #faq_nav_small div {
  width: 100px;
  height: 100px;
  float:left;
}

#content-middle #faq_nav_small .arrow {
  width: 40px;
  margin-top: 12px;
}

#content-middle #faq_next{
  width: 65px;
  height: 78px;
  margin: 0 auto;
  background: url('../help/guide_images/nav/forward_arrow_next_step.png') no-repeat;
  background-position: 0 -78px;
}
#content-middle #faq_next:hover{
  background-position: 0 0;
}

/* For the Navigation */
#content-middle #faq_nav #create_account:hover, #content-middle #faq_nav #create_account.active,
#content-middle #faq_nav #create_set:hover, #content-middle #faq_nav #create_set.active,
#content-middle #faq_nav #create_flashcard:hover, #content-middle #faq_nav #create_flashcard.active,
#content-middle #faq_nav #study_set:hover, #content-middle #faq_nav #study_set.active,
#content-middle #faq_nav_small #create_account_small:hover, #content-middle #faq_nav_small #create_account_small.active,
#content-middle #faq_nav_small #create_set_small:hover, #content-middle #faq_nav_small #create_set_small.active,
#content-middle #faq_nav_small #create_flashcard_small:hover, #content-middle #faq_nav_small #create_flashcard_small.active,
#content-middle #faq_nav_small #study_set_small:hover, #content-middle #faq_nav_small #study_set_small.active {
  background-position: 0 0;
}

#content-middle #faq_nav #create_account {
  background: url('../help/guide_images/nav/create_account.png') no-repeat;
  background-position: 0 -120px;
}

#content-middle #faq_nav #create_set{
  background: url('../help/guide_images/nav/create_set.png') no-repeat;
  background-position: 0 -120px;
}

 
#content-middle #faq_nav #create_flashcard {
  background: url('../help/guide_images/nav/create_flashcard.png') no-repeat;
  background-position: 0 -120px;
}


#content-middle #faq_nav #study_set {
  background: url('../help/guide_images/nav/study_set.png') no-repeat;
  background-position: 0 -120px;
}


/* For the Small Navigation */
#content-middle #faq_nav_small #create_account_small {
  background: url('../help/guide_images/nav/create_account_small.png') no-repeat;
  background-position: 0 -92px;
}


#content-middle #faq_nav_small #create_set_small{
  background: url('../help/guide_images/nav/create_set_small.png') no-repeat;
  background-position: 0 -92px;
}


#content-middle #faq_nav_small #create_flashcard_small {
  background: url('../help/guide_images/nav/create_flashcard_small.png') no-repeat;
  background-position: 0 -92px;
}


#content-middle #faq_nav_small #study_set_small {
  background: url('../help/guide_images/nav/study_set_small.png') no-repeat;
  background-position: 0 -92px;
}