#HomePageHeader-Container {
	width: 100%;
	float:left;
}

#HomePageHeader-TopBar {
    text-align: center;
    color: #FFFFFF;
    font-family: "questrial", sans-serif;
    font-size: 12px;
    letter-spacing: .1rem;
    line-height: 1.5;
    background-color: #184f9f;
 padding: 1%;
 width: 98%; 
}

#HomePageHeader-TopContainer {
	width:100%;
	margin:0 auto;
	display:grid;
	/* Width of columns different widths 15% 15% 15% / if it is same with use repeat(5(no of columns),1fr) */
	grid-template-columns: 2.5% 15% 65% 15% 2.5%;
	/* Gap in between products */
	grid-column-gap: 0px;
	float:left;
	height: 230px;
}



#HomePageHeader-LeftContainer {
grid-column-start: 2;
}

.HomePageHeader-Search{
	border: 1px solid #cccccc;
	width: 100%;
	height: 50px;
	margin: auto;
	margin-top: 45px;

}

.HomePageHeader-SearchBox {
	font-family: "questrial", sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #999999;
	border:none;
	width: 50%;
    height: 40px;
    margin-top: 4px;
    margin-left: 23px;
   padding-left:5px;
}

.HomePageHeader-SearchGraphic {
	float:right;
	margin: 10px 5px 0px 0px;
}

#HomePageHeader-CenterContainer {
grid-column-start: 3;
}

#HomePageHeader-RightContainer {
grid-column-start: 4;
}

#HomePageHeader-NavContainer {
	width:100%;
	margin:0 auto;
	display:grid;
	/* Width of columns different widths 15% 15% 15% / if it is same with use repeat(5(no of columns),1fr) */
	grid-template-columns: 2.5% 95% 2.5%;
	/* Gap in between products */
	grid-column-gap: 0px;
	float:left;
border-bottom: 2px solid #e7e7e7;
    padding-bottom: 10px;
}

#HomePageHeader-NavPosition {
	margin: auto;
	grid-column-start: 2;
}