@import "fonts.css";
html {
  overflow-y: scroll !important; /* Vertical Scrollbar always on - stops page shift */
}
body {
  /*background-color: #F1F6F0;*/
  color: #000000;
  font-family: "Open Sans", sans-serif;
  font-size: 0.7em;
  line-height: normal;
  margin: 1em;
  padding: 0;
  text-align: center;
}
strong {
  font-weight: bold;
}
p {
  font-size: 1.2em;
  line-height: 1.5em;
  color: #333;
}
a {
  display: block;
  text-decoration: underline;
  color: #000000;
}
a img {
  border: none;
}
p a {
  display: inline;
}
a.register {
  background: url(../images/bnt_register.gif) no-repeat center;
  height: 34px;
  width: 148px;
  padding: 4px 0 4px 0;
  cursor: pointer;
  font-weight: bold;
}
a.logout {
  background: url(../images/bnt_logout.gif) no-repeat center;
  height: 34px;
  width: 148px;
  padding: 4px 0 4px 0;
  cursor: pointer;
  font-weight: bold;
}
a.faq {
  background: url(../images/bnt_faq.gif) no-repeat center;
  height: 34px;
  width: 148px;
  padding: 4px 0 4px 0;
  cursor: pointer;
  font-weight: bold;
}
a.supplierguide {
  background: url(../images/bnt_supplierguide.gif) no-repeat center;
  height: 34px;
  width: 148px;
  padding: 4px 0 4px 0;
  cursor: pointer;
  font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "museo", serif;
  font-weight: bold;
  color: black;
  padding: 0;
  margin: 0
}
h1 {
  font-size: 3em;
  line-height: 1em;
}
h2 {
  font-size: 2em;
  font-weight: normal;
  line-height: 1.2em;
}
h3 {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.3em;
}
h4 {
  font-size: 1.4em;
  line-height: 1.2em;
}
h5 {
  font-size: 1.3em;
  line-height: 1.2em;
}
h6 {
  font-size: 1.2em;
  line-height: 1.2em;
}
ul {
  padding: 0;
  margin: 0;
  list-style-image: none;
  list-style-type: none;
}
fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
input, select {
  color: #333;
}
/*  Layout of body and main div's
************************************************************************************************************************/
body {
  font-size: 62.5%; /* 1em = 10px */
  padding: 0;
  margin: 0;
}
#globalNav {
  /*width:100%;
	float:left;*/
  width: 995px;
  margin: 0 auto;
  background-color: #FFFFFF;
}
/*div#header {}*/
#logo {
  background: url(../images/logo-ppf.png) no-repeat bottom left;
  height: 100px;
  padding: 44px 47px 0 0;
}
div#naviBar {
  width: 100%;
  padding: 0;
  border-bottom: 4px solid #95a1aa;
  margin-top: 20px;
}
div#homeContent {
  width: 940px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
div#homeContent {
  position: relative;
  padding: 15px 0 0;
}
div#content {
  float: left;
  width: 654px;
  padding: 20px 0 0 0;
  margin: 0;
  text-align: left;
}
div#content p.text {
  padding: 0 40px 0 0;
}
div#content ul {
  list-style-type: none;
  margin: 20px 0 0 0;
}
div#footer {
  width: 940px;
  margin: 0 auto;
}
div#footerLogo {
  clear: both;
  width: 600px;
  margin: 0 auto;
}
div#footerLogo img {
  float: left;
}
div#warning {
  clear: both;
  width: 940px;
  margin: 0 auto;
}
div#warning p {
  font-size: 1em;
}
/* Header formatting 
************************************************************************************************************************/
#header .subTitle {
  float: right;
  padding: 0;
  margin: 58px 0 0 0;
}
/* Right sidebar styling
************************************************************************************************************************/
.rightSidebar {
  float: right;
  width: 286px;
}
.rightSidebar .sideBoxWrap {
  width: 100%;
  overflow: hidden;
  margin: 30px 0 20px 0;
  clear: both;
  background-color: #E7E7D5;
  /*background-image:url(../images/boxOutlineBorder_bgTop.gif);
	background-repeat:no-repeat;
	background-position: top;*/
  text-align: left;
}
.rightSidebar .sideBoxWrap h3 {
  margin: 12px 0 0 0;
  padding: 4px 12px 4px;
}
.rightSidebar .sideBoxWrap p {
  padding: 0;
  margin: 0;
}
.rightSidebar .sideBoxWrap .contentBox {
  /*border-left:1px solid #d9d9d9;
	    border-right:1px solid #d9d9d9;
		background-color:#f5f5f5;*/
  padding: 0 0 0 12px;
  margin: 0;
}
.sideBoxWrap .contentBox ul li {
  background: none;
  padding-left: 0;
  line-height: 1.3em;
}
.sideBoxWrap .contentBox ul li p {
  margin: 0;
  font-size: 1.3em;
  line-height: 1.2em;
}
.sideBoxWrap .contentBox ul li p a {
  font-size: 1em;
}
.rightSidebar .sideBoxWrap .contentBoxBottom {
  /*background-image: url(../images/boxOutlineBorder_bgBottom.gif);
		background-repeat:no-repeat;
		background-position: bottom;
		background-color:#f5f5f5;*/
  height: 15px;
  width: 286px;
}
/*  Form definitions */
.contentBox form {
  padding: 0;
  margin: 0;
}
.contentBox form label {
  display: block;
  font-size: 1.3em;
  margin: 8px 0 4px 0;
}
.contentBox form input {
  padding: 0;
  margin: 0;
  width: 166px;
  height: 20px;
  border: 1px solid #a9aaac;
}
.contentBox form input.submit {
  background: none;
  border: 0;
  width: auto;
  height: auto;
  padding: 8px 0 8px 0;
  cursor: pointer;
  font-weight: bold;
}
.contentBox form ul li {
  list-style-type: none;
}
/* Footer Styles 
************************************************************************************************************************/
#footer ul {
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  padding-top: 5px;
  list-style-type: none;
}
#footer ul li {
  /* float: left; */
  font-size: 1.3em;
  padding: 10px 0 0 5px;
  display: inline;
}
#footer ul li a {
  display: inline;
}
#footer ul li.first a {
  padding-left: 0;
}
#footer ul li.last a {
  border: 0;
  padding-right: 20px;
}
#footer p {
  float: left;
  color: #999;
  margin: 0;
  padding: 0 20px 0 25px;
}
#footer {
  text-align: center;
}
.boxLeft {
  width: 62%;
  float: left;
}
.boxRight {
  width: 38%;
  float: left;
}
.hide {
  display: none;
}
.callMeBack {
  text-align: right;
  margin-right: 100px;
}
.block-heading {
  /*background-color: #E1EBE0;
    border-bottom: 6px solid #679966;*/
  color: #10155E;
  font-size: 2rem;
  font-weight: bold;
  padding: 20px 0px;
  text-align: left;
  font-family: "museo", serif;
}
#content p {
  margin: 10px;
}
#banner {
  background-color: #CEE2DC;
  /*border: 1px solid #649A68;*/
  height: auto;
  line-height: 13px;
  padding: 4px 9px 6px;
  text-align: left;
  width: 280px;
  float: left;
  min-height: 170px;
}
#banner-right {
  background-color: #CEE2DC;
  /*border: 1px solid #649A68;*/
  height: auto;
  line-height: 13px;
  /*margin-top: 10px;*/
  padding: 4px 9px 6px;
  text-align: left;
  width: 280px;
  margin-left: 330px;
}
#banner h3, #banner-right h3 {
  color: black;
  font-size: 1.2rem;
  font-weight: bold;
  border: 0 none;
  margin: 0;
  outline: 0 none;
  padding: 0;
  margin-left: 8px;
  margin-top: 20px;
}
div#second ul {
  margin: 0px;
  padding: 0px;
}
.second-level {
  margin-left: 20px;
  padding: 0px;
  font-size: 9px;
}
.red {
  color: #ff0000;
  font-size: 12px;
}
#formContainer {
  background-color: #F7F7F7;
  border: 1px solid #E5E5E5;
  margin: 16px 0;
  overflow: hidden;
  padding: 16px 16px 12px;
  width: 450px;
  font-size: 12px;
}
#formContainer .formRow {
  float: none;
  padding: 0 0 15px;
  clear: both;
}
.formRow label {
  display: block;
  float: left;
  padding: 3px 0 15px 0;
  width: 132px;
}
.formRow input {
  color: #666666;
  float: left;
  margin: 0 5px 15px 0;
  width: 250px;
}
.formRow #comments {
  margin-bottom: 16px;
  width: 250px;
}
#footer a {
  display: inline !important;
}
.btn {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  font-weight: 400;
  color: #fff;
  width: auto!important;
  height: auto!important;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #5B9A98!important;
  padding: 0.375rem 0.75rem!important;
  margin: .5rem 0 !important;
  font-size: 1.1rem;
  font-family: "museo",serif;
  line-height: 1.5;
  border-radius: 0.25rem;
  background-color:#5B9A98;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover {
  background-color: #84b3b2;
  border-color:#84b3b2;
}