#top_navbar
{
	position: absolute;
	top: 0;
	right: 90px;
	height: 30px;
	line-height: 30px;
	width: 600px;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align: right;
	
	background-color: #fff;
	color: #666666;
}

#top-logo {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 600px;
}

#top-search
{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 360px;
}

#top-social
{
	position: absolute;
	bottom: 70px;
	right: 5px;
	text-align: right;
}

#top_social
{
	position: absolute;
	top: 0;
	right: 10px;
	height: 30px;
	line-height: 30px;
	width: 80px;
	text-align: right;
}

#top_social_new
{
	position: absolute;
	top: 110px;
	right: 300px;
	height: 29px;
	line-height: 29px;
	width: 120px;
	text-align: right;
}

#top_social_new img
{
	margin-left: 10px;
}



#top_unitas
{
	position: absolute;
	top: 10px;
	right: 10px;
	
}

#top_login
{
	position: absolute;
	top: 50px;
	left: 430px;
	height: 29px;
	width: 240px;
	text-align: left;
}

#top_phone
{
	position: absolute;
	top: 110px;
	right: 10px;
	height: 29px;
	width: 290px;
	text-align: right;
	
	font-size: 38px;
	color: #273370;
	
	box-sizing: content-box;
	
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

#top_phone img
{
	vertical-align: baseline;
}

#top_navbar a
{
	color: #999;
	text-decoration: none;
}

#top_navbar a:hover
{
	text-decoration: underline;
}

#navbar
{
	letter-spacing: 1px;
	position: absolute;
	bottom: 0;
	left: 20px;
	height: 30px;
	width: 970px;
	font-size: 12px;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align: left;
	background-color: #273370;
	color: #fff;
}

#navbar ul 
{
	list-style-type: none;
	padding: 0;
	padding-left: 0;
	margin: 0;
	line-height: 30px;
	margin-right: 0;
}

#navbar li
{
	display: inline;
	margin-right: 0;
}

#navbar a
{
	color: #fff;
	text-decoration: none;
	
	padding: 8px 20px;
}

#navbar a.no_border
{
	color: #fff;
	text-decoration: none;
	
	padding: 8px 9px 8px 9px;
	
	border-width: 0 0 0 0;
	border-style: solid;
	border-color: #273370;
}

#navbar a:link
{

}

#navbar a:visited
{
}

#navbar a:hover
{
	color: #fff;
	text-decoration: none;
	
	background-color: #e41f27;
}

#navbar a:active
{

}

#menu
{
	float: left;
	margin: 0 0 0 0;
	width: 200px;
	font-size: 10px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align: left;
	background-color: #fff;
}

.menu_button
{
	position: relative;
	width: 200px;
	height: 43px;
}

.menu_link
{
	position: relative;
	width: 186px;
	
	display: block;
	padding: 5px 0 5px 10px;
	margin: 0 0 2px 0;
	
	font-size: 11px;
	font-weight: bold;
	
	background-color: #fff;
	color: #000;
	
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
}

.menu_link_new
{
	position: absolute;
	top: -2px;
	right: -17px;
	width: 15px;
	height: 30px;
	
}

.menu_link_new
{
	transform: rotate(00deg);
}

.cat_link
{
	position: relative;
	width: 86px;
	
	display: block;
	padding: 5px 0 5px 0;
	margin: 0 10px 0 0;
	
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	
	background-color: #fff;
	color: #000;
	
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
}

.cat_link_new
{
	position: relative;
	width: 96px;
	
	display: block;
	padding: 5px 0 5px 0;
	margin: 0 10px 0 0;
	
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	
	background-color: #fff;
	color: #000;
	
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
}

.cat_link_own
{
	position: relative;
	width: 116px;
	
	display: block;
	padding: 5px 0 5px 0;
	margin: 0 10px 0 0;
	
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	
	background-color: #fff;
	color: #000;
	
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
}

.cat_link_med
{
	position: relative;
	width: 102px;
	
	display: block;
	padding: 5px 0 5px 0;
	margin: 0 10px 0 0;
	
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	
	background-color: #fff;
	color: #000;
	
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
}

.cat_link_wide
{
	position: relative;
	width: 116px;
	
	display: block;
	padding: 5px 0 5px 0;
	margin: 0 10px 0 0;
	
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	
	background-color: #fff;
	color: #000;
	
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
}

.menu_button_text
{
	position: absolute;
	top: 12px;
	left: 10px;
	height: 12px;
	color: #52A625;
}

.menu_button_text a
{
	color: #52A625;
}

.menu_button_text2
{
	position: absolute;
	top: 12px;
	left: 10px;
	height: 12px;
	color: #fff;
}

.menu_button_text2 a
{
	color: #fff;
}

#menu_button_core_range
{
	position: relative;
	width: 200px;
	height: 38px;
}

#menu_button_shopping_list
{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 38px;
}
























#navbar-new
{
	position: absolute;
	bottom: 0;
	left: 20px;
	height: 60px;
	width: 970px;
	font-size: 12px;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align: left;
	background-color: #273370;
	color: #fff;
	letter-spacing: 1px;
	
	box-sizing: content-box;
}

#navbar-new ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#navbar-new li {
  display:inline-block;
  height: 30px;
  width: auto;
  background: #273370;
  text-align: center;
  vertical-align: middle;
  padding: 15px 14px;
  
  box-sizing: content-box;
}

#navbar-new li img {
  vertical-align: middle;
}

#navbar-new a {
  color:#fff;
  text-decoration: none;
  
}

#navbar-new li:hover:not(.active) {
    background-color: #e41f27;
}




.subnav {
	
	visibility: hidden;

	position: absolute;
	top: 220px;
	
	background-color: #e41f27;
	
	z-index: 99;
}

.subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.subnav li a {
	padding: 6px 20px;
	display: block;
	text-decoration: none;
	
	font-size: 12px;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align: left;
	color: #fff;
}


.subnav li a:hover {
	background-color: #273370;
}

#subnav_home {

	left: 0;
	
}

#subnav_about_us {

	left: 74px;
	
}

#subnav_deals {

	left: 160px;
	
}

#subnav_product_range {

	left: 225px;
	
}

#subnav_planograms {

	left: 307px;
	
}

#subnav_npd {

	left: 408px;
	
}

#subnav_retailer_advice {

	left: 509px;
	
}

#subnav_por_mup_calc {

	left: 611px;
	
}

#subnav_drop_shipment {

	left: 704px;
	
}

#subnav_pos_printer {

	//left: 837px;
	right: 20px;
}

#subnav_store_locator {

	right: 20px;
	
}

/* reset NAV */
nav#main-nav, nav#main-nav ul, nav#main-nav li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


nav#main-nav {
	display: block;
}

nav#main-nav ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
}
  
/* reset end */

nav#main-nav {
	position: absolute;
	bottom: 0;
	left: 20px;
	height: 60px;
	width: 970px;
	font-size: 12px;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align: left;
	background-color: #273370;
	color: #fff;
	letter-spacing: 1px;
}

nav#main-nav ul {
	height: 60px;
	margin: 0;
	display: flex;
	justify-content: space-between;
}

nav#main-nav ul li {
	position:relative;
	
}

nav#main-nav ul li:last-child a {
	 //margin-left: 1px;
}

nav#main-nav ul li:hover {
	background: #e41f27;
}

nav#main-nav ul li a {
	display: inline-block;
	float: left;
	line-height: 16px;
	color: #fff!important;
	text-decoration: none!important;
	margin: 0;
	padding: 0 12px;
	text-align: center;
	vertical-align: middle!important;
	height: 60px;
	display: inline-flex;
	align-items: center;
	
	box-sizing: border-box;
}

nav#main-nav ul li img.new {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
}

nav#main-nav ul li ul.sub_nav {
	position: absolute;
	top: 100%;
	left: 0;
	
	
	//min-width: 200px;
	width: -moz-max-content;
	width: max-content;
	
	
	
	height: auto;
	z-index: 99;
	display: none;
	
	background: #e41f27;
}

nav#main-nav ul li:hover > ul.sub_nav {
	display: block;
}

nav#main-nav ul li ul.sub_nav:hover > ul.sub_nav {
   background: #030303;
}

nav#main-nav ul li ul.sub_nav li a {
	
	text-align: left;
	height: auto;
	width: auto;
	display: block;
	padding: 6px 20px;
	width: 100%;
}

nav#main-nav ul li ul.sub_nav li a:hover {
	background-color: #273370;
}

#top-search { display: none; }

#top-search-wrapper {
	animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}