html{
	font-size: 100%;
}
*{box-sizing:border-box;}
ul,ol,form, p, h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
li{
	list-style:none;
	display:inline;
}
input[type=text],
input[type=password],
input[type=button]{
	padding:0.2rem 0.3rem;
	color:#333;
	white-space:nowrap;
	border:solid 1px #000;
	border-radius:0.4rem;
}
input[type=button]{
	padding:0.4rem 0.6rem;
	cursor:pointer;
}
a{
	color: #343E54;
}
a:hover {
  color: #E46007;
  text-decoration:none;
}
body{
	margin:0;
	padding:0;
	background:#F7F9FB;
	font-weight: 400;
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #222;
}
#siToggle,#siSubmit, #forgotPass, nav a{
	-webkit-transition:all;
	transition:all;
	-webkit-transition-duration: 0.2s, 0.2s;
	        transition-duration: 0.2s, 0.2s;
}
#logo{
	display:flex;
	justify-content:space-around;
	align-items:center;
	padding:2vh 1vw;
	background:#2EC935;
}
#fpLogoCont{
	max-width:400px;
}
#fpLogoCont img{
	width:100%;
}
#vendorLogoCont{
	max-width:300px;
	padding:10px;
	background:#fafafa;
	border-radius:0.3em;
}
#vendorLogoCont img{
	width:100%;
}
@media screen and (max-width:500px){
	#logo{
		padding:1vh 0;
		text-align:center;
	}
	/*No vendor logo*/
	/*#fpLogoCont img{
		width:50%;
	}*/
}
@media all and (min-width: 501px){
	#logo{
		text-align:left;
	}
	/*No vendor logo*/
	/*#fpLogoCont img{
		width:40%;
	}*/
}
@media all and (min-width: 800px){
	/*No vendor logo*/
	/*#fpLogoCont img{
		width:35%;
	}*/
}
@media all and (min-width: 1200px){
	/*No vendor logo*/
	/*#fpLogoCont img{
		width:25%;
	}*/
}
#headerBar{
	position:relative;
	border-bottom:solid 1px #333;
}
#headerBar,#siCont ul,nav{
	background:#444A82;
}
#navToggle{
	display:none;
	position:absolute;
	top:26%;
	left:1%;
	z-index:500;
	color:#fff;
	cursor:pointer;
}
#siCont{
	position:relative;
	padding:0.5em;
	text-align:right;
	color:#fff;
}
#siToggle{
	color:#f0f0f0;
	text-decoration:none;
	cursor:pointer;
}
#siToggle:hover{
	color:#fff;
}
#siToggle .icon{
	margin-left:0.4em;
	color:#F27928;
}
#siCont ul{
	display:none;
	position:absolute;
	top:35px;
	right:0;
	width:100%;
	padding:16px;
	text-align:left;
	border-top:solid 1px #232643;
}
#siCont li{
	display:block;
	margin-bottom:0.5em;
}
#siCont label{
	display:inline-block;
	width:30%;
	margin-right:8px;
	text-align:right;
}
@media all and (max-width: 420px){
	#siCont li input[type=text],
	#siCont li input[type=password]{
		width:45%;
	}
}
@media all and (min-width: 421px){
	#siCont label{
		width:41%;
	}
}
@media all and (min-width: 820px){
	#siCont ul{
		width:60%;
	}
}
@media all and (min-width: 1000px){
	#siCont ul{
		width:40%;
	}
	#siCont label{
		width:45%;
	}
	#siCont li input[type=text],
	#siCont li input[type=password]{
		width:32%;
	}
}
@media all and (min-width: 1400px){
	#siCont ul{
		width:20%;
	}
	#siCont label{
		width:45%;
	}
	#siCont li input[type=text],
	#siCont li input[type=password]{
		width:40%;
	}
}
#siCont li.siButtons{
	margin-top:16px;
	text-align:center;
}
#siSubmit{
	margin-bottom:0.4em;
	padding:0.2em 1em;
	color:#fff;
	background:transparent;
	font-size:1.2em;
	cursor:pointer;
	border-color:#eaeaea
}
#siSubmit:hover{
	background:#15A41D;
	box-shadow:0 0 0.5em #c1c7ff;
}
#forgotPass{
	display:block;
	text-decoration:none;
	color:#f0f0f0;
}
#forgotPass:hover{
	color:#fff;
	text-decoration:underline;
}
#main{
	display:flex;
}
@media all and (max-width: 820px){
	#navToggle{
		display:block;
	}
	#main{
		display:block;
	}
	nav{
		display:block;
		width:100%;
	}
}
nav{
	padding:0.5em;
	white-space:nowrap;
}
nav a,nav a:visited{
	display:block;
	padding:0.2em 1em;
	color:#ededed;
	text-decoration:none;
}
nav a:hover{
	color:#fff;
}
.hasSub .icon{
	margin-left:0.4em;
	color:#F27928;
}
ul.isSub{
	margin-left:1em;
	border-top:solid 1px #75778C;
}
nav ul.isSub li a{
	margin-left:1em;
	padding-left:0;
	border-bottom:solid 1px #75778C;
}
.aButton,.aButton:visited{
	padding:0.2em 0.4em;
	border:solid 1px #aaa;
	border-radius:0.3em;
}
.aButton:hover{
	border-color:#e0e0e0;
}
.txtLink,.txtLink:visited{
	text-decoration:underline;
}
.txtLink:hover{
	text-decoration:none;
}
#content{
	padding:1em 0 1em 1em;
}
#content p{
	margin-bottom:0.5em;
}
footer{
	height:50px;
	line-height:50px;
	text-align:center;
	background:#fff;
	border-top:solid 1px #75778C;
	border-bottom:solid 1px #75778C;
}