/* CIS Sap Business One page - merged from B1 site */
/* Left nav formatting for SAP b1 */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
#left-nav,
#left-nav ul,
#left-nav li,
#left-nav a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  text-decoration: none;
  font: 400 1em/1em Oswald, Arial, Tahoma;
  position: relative;
}

#left-nav li {
  background: url(../images/icons/orange-triangle-right.png) 0 15px no-repeat scroll;
  margin: 10px 0;
}
    @media all and (max-width: 750px) {
      #left-nav li {
        display: inline-block;
        margin: 0 2% 0;
      }
    }
/* First level of nav formatting */
#left-nav {
  width: 21%;
  max-width: 150px;
  margin: 2% 0 2% 2%;
  float: left;
}
  .customers-page2 #left-nav {
    width: 18%;
  }
    .customers-page2 .page-shared-area {
      width: 76%;
    }
      .customers-page2 .grey-divide {
      margin-bottom: 2%;
      }
        #left-nav > ul > li > a {
          /* padding-right: 40px; */
          font: 400 1.2em/1em Oswald, Arial, Tahoma;
          display: block;
          color: #1a206e;
          border: 0;
          text-transform: uppercase;
          position: relative;
        }
            #left-nav > ul > li > a > span {
              padding: 10px 0 0 15px;
              display: block;
              font-size: 1em;
              font-weight: 300;
            }
                #left-nav > ul > li > a:hover {
                  text-decoration: none;
                }
                    #left-nav > ul > li.active {
                      border-bottom: none;
                    }
                        #left-nav > ul > li.active > a {
                          color: #ff6600;
                        }
                            #left-nav > ul > li.active > a span {
                              background: #1a206e;
                            }
                                #left-nav span.cnt {
                                  position: absolute;
                                  top: 8px;
                                  right: 15px;
                                  padding: 0;
                                  margin: 0;
                                  background: none;
                                }
@media all and (max-width: 750px) {
  #left-nav {
    width: 98%;
    max-width: inherit;
    margin: 2% auto;
    float: none;
  }
}

/* Sub menus */
#left-nav ul ul,
#left-nav ul ul ul {
  display: none;
}
  #left-nav ul ul li {
    margin-left: 5%;
  background-position:  0 10px;
  }
      #left-nav ul ul a {
        padding: 5px 15px;
        display: block;
        color: #000;
        font: 200 1em "Open Sans", Arial, Tahoma;
      }
        #left-nav ul ul ul li {
        margin: 0 5%;
        }

            #left-nav ul ul ul a {
                color: #F60;
                font-size: 0.9em;
            }
              #left-nav ul a:hover {
                color: #F60;
              }
                #left-nav ul ul ul a:hover {
                color: #000;
                }

main .page-shared-area {
  width: 82%;
  max-width: inherit;
  float: right;
}
  @media all and (max-width: 940px) {
      main .page-shared-area {
      width: 78%;
    }
  }
    @media all and (max-width: 750px) {
        main .page-shared-area {
          width: 98%;
          max-width: 98%;
          margin: 0 auto;
          float: none;
          clear: both;
        }
    }
/* CSS directly from original B1 page and then tweaked */
.sap-b1-page main {
  clear: both;
  max-width: 1200px;
  margin: 0 auto;
}
  .sap-b1-page main .page-shared-area article {
    width: 100%;
    margin: 1% 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both
  }
    .sap-b1-page main .page-shared-area .copy-side {
      width: 50%;
      margin: 1% 0 0 2%;
      float: left;
    }

    .sap-b1-page main .page-shared-area article img {
      width: 47%;
      margin: 1% 0 0 1%;
      float: right;
      max-width: 360px;
    }
      .sap-b1-page.internal-users main .page-shared-area article img {
        max-width: 460px;
      }
      .sap-b1-page main .page-shared-area article .top-right-zone {
        width: 47%;
        margin: 1% 0 0 0.5%;
        float: right;
        max-width: 360px;
      }
        .sap-b1-page main .page-shared-area article .top-right-zone img {
          width: 100%;
        }
          .sap-b1-page main .page-shared-area article .top-right-zone h4 {
            font-size: 0.95em;
          }


@media all and (max-width: 886px) {
  .sap-b1-page main .page-shared-area .copy-side,
  .sap-b1-page main .page-shared-area article img {
    width: 45%;
  }
}

@media all and (max-width: 803px) {
  .sap-b1-page main .page-shared-area article .top-right-zone {
    width: 45%;
  }
}

@media all and (max-width: 600px) {
  .sap-b1-page main .page-shared-area .copy-side,
  .sap-b1-page main .page-shared-area article img,
  .sap-b1-page main .page-shared-area article .top-right-zone {
    width: 98%;
    margin: 1% auto 0;
    float: none;
  }
  .sap-b1-page main .page-shared-area article img {
    padding: 1% 2%;
  }
}

.sap-b1-page main .page-shared-area h1 {
font: 400 1.2em/1em Oswald, Arial, Tahoma;
text-transform: uppercase;
color: #F60;
text-align: left;
margin: 20px 0 15px 0;
}
.sap-b1-page main .page-shared-area h2 {
text-align: left;
font: 400 1.1em/1.5em Oswald, Arial, Tahoma;
color: #000;
}

.sap-b1-page main .page-shared-area p,
.sap-b1-page main .page-shared-area li  {
font: 200 1.2em/1em Calibri,Oswald, Arial, Tahoma;
color: #000;
text-align: left;
padding: 0;
}
.sap-b1-page main .page-shared-area li {
font-size: 1.1em;
margin: 10px 0 10px;
}


.basic-req {
margin-left: 15px;
}
.req-list {
padding-left: 60px
}

.prerequisites, .prerequisites img {
position: relative;
top: -33px;
}
.prerequisites img {
top: 22px;
}

body.sap-b1-page .video-heading h3 {
text-align: center;
  padding-top: 2em;
font: 400 1.1em/1.5em Oswald, Arial, Tahoma;
}

/* ported from latest CSS on CIS site */
body.sap-b1-page .video-heading {
    clear: both;
}