﻿/**
 * /css/megamenu.css
 */

/*
Item Name : CSS3 Mega Drop Down Menu
Author URI : http://themeforest.net/user/Keliah
Item URI : http://codecanyon.net/item/css3-mega-drop-down-menu/126387
Version : 3.0
*/
/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN MENU
03 CONTENT STYLING
04 CONTACT FORM
05 COLORS

*/

/*  _______________________________________

    01 MENU BAR
    _______________________________________  */

/*Selected styles*/

/*Covid banner*/
.closebutton {
	top: 3px;
	right: 5px;
	position: absolute;
	font-size: 17px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	color: white;
	border: 1px solid white;
	cursor: pointer;
}

.banner.nodisplay {
	display: none;
}

.bannermsg {
	color: #fff;
	display: inline-block;
	font-size: 15px !important;
	text-align: center;
	padding: 5px 0px;
	margin-top: 5px;
}

.banner {
	font-family: Raleway, Helvetica, sans-serif, Verdana, Arial, sans-serif;
	font-weight: 100;
	font-size: 12px;
	background: #434343;
	line-height: normal;
	overflow: hidden;
	clear: both;
	text-align: center;
	position: relative;
	z-index: 1001 !important; /* Higher than menufication */
	width: 100%;
}

/* Add these new styles */
@media only screen and (max-width: 679px) {
	#menufication-btn {
		position: absolute !important;
		top: 45px !important;
		z-index: 998 !important;
	}

	#header {
		padding-top: 30px;
		position: relative;
		z-index: 999;
	}
}





.bannerlink {
	display: inline-block;
	margin-left: 3px;
	margin-bottom: 6px;
	font-family: Raleway,Helvetica,Verdana,Arial,sans-serif;
	text-decoration: underline;
	font-size: 15px;
}

@media only screen and (max-width: 1024px) {

	.quicklook {
		display: none !important;
	}


	.closebutton {
		float: right;
		display: inline !important;
		position: relative !important;
		margin-bottom: 5px;
		font-size: 17px;
		padding-left: 1px;
		padding-right: 1px;
		padding-bottom: 1px;
		color: white;
		border: 1px solid white;
		cursor: pointer;
	}

	.banner {
		text-align: center;
		padding-left: 10px;
		padding-top: 7px;
		padding-bottom: 4px;
	}

	.bannermsg {
		color: #fff;
		font-size: 15px !important;
		text-align: center;
		margin-top: 3px;
		display: inline;
	}

	.closebuttonspan {
		display: inline-block;
		margin-left: 5px;
		cursor: pointer;
	}
}

@media only screen and (max-width: 900px) {
	.bannerlink {
		font-size: 15px !important;
	}
}

@media only screen and (max-width: 770px) {
	.bannerlink {
		margin-bottom: 6px;
		font-size: 14px !important;
	}

	.bannermsg {
		font-size: 14px !important;
	}
}

@media only screen and (max-width: 420px) {

	.bannermsg {
		font-size: 13px !important;
	}

	.bannerlink {
		font-size: 13px !important;
	}

	.pagingnum {
		padding: 6px 7px !important;
		font-size: 11px;
	}
}
/* Item History page*/

.product-row {
	position: relative;
}



.paging {
	display: flex;
	float: right;
	border-radius: 5px;
	margin: 10px 0px;
	background: #fff;
}

	.paging td {
		display: inline-block;
		color: #333131;
		border: 2px solid #d4caca;
		text-decoration: none;
		border-right: 0;
	}

.pagingnum {
	text-align: center;
	padding: 6px 10px;
	display: inline-block;
	background: #fff;
	color: #333131;
}

.SelectedPage {
	background-color: #333131 !important;
	margin-left: 0px;
	margin-top: 0px;
	color: #fff !important;
}
/*	.SelectedViewAll{
			background-color: #333131;
			margin-left:-5px;
			margin-top:-1px;
			color:#fff!important;
			border-bottom-left-radius:5px;
			border-top-left-radius:5px;
		}
		*/
.nextbtn {
	border: 2px solid #d4caca;
	padding: 5px 10px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.viewall {
	padding: 5px 10px;
	border: 2px solid #d4caca;
	border-right: 0 !important;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.prevbtn {
	border: 2px solid #d4caca;
	border-right: 0;
}

.product-box.homepage-small .product-title {
	font-size: 18px;
	float: none;
	/* width: 60%; */
	margin: 0;
	margin-bottom: 0.5em;
	color: #333131;
}

#header .container1020 {
	top: 0px !important;
}

input {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin: 0px;
}

.notvisible {
	visibility: hidden;
}


/*Header Menu drop-down.*/
.dropbtn {
	color: #a4027a;
	font-family: "trocchi", Georgia, Times New Roman, serif;
	font-weight: normal;
	font-size: 16px;
	background: none;
	border: none;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: white;
	min-width: 150px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 200;
	font-family: "trocchi", Georgia, Times New Roman, serif;
	font-weight: normal;
	font-size: 14px;
}

.nodisplay {
	display: none !important;
}
/* Links inside the dropdown */
.dropdown-content a {
	color: black !important;
	padding: 8px 12px;
	text-decoration: none;
	display: block !important;
	font-size: 15px;
	text-align: left;
}

	/* Hover on dropdown links */
	.dropdown-content a:hover {
		color: white;
		background: #00857E;
	}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	background-color: none;
}

/* Show the dropdown menu on hover */
.dropdown:focus-within .dropdown-content {
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:focus-within .dropbtn {
	background-color: none;
}

.welcomedropdown {
	display: none;
	position: absolute;
	background-color: white;
	min-width: 150px;
	box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
	z-index: 200;
	font-family: "trocchi", Georgia, Times New Roman, serif;
	font-weight: normal;
	font-size: 14px;
}

	/* Links inside the dropdown */
	.welcomedropdown a {
		color: black !important;
		padding: 8px 12px;
		text-decoration: none;
		display: block !important;
		font-size: 15px;
		text-align: left;
	}

		/* Hover on dropdown links */
		.welcomedropdown a:hover {
			color: white;
			background: #00857E;
		}

	.welcomedropdown .btn.ui-btn.ui-btn.ui-btn {
		white-space: nowrap;
		margin: 0;
	}

.welcomedropdown-visible {
	display: block;
}

/* Show the dropdown menu on hover */
.welcomedropdownroot:hover .welcomedropdown {
	display: block;
}

.nodecoration {
	text-decoration: none;
}

#wrapper_menu {
	width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 9999;
}

.menu {
	list-style: none;
	width: 940px;
	margin: 30px auto 0px auto;
	height: 43px;
	padding: 0px 5px 0px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

	.menu li {
		float: left;
		text-align: center;
		position: relative;
		margin-right: 20px;
		margin-top: 6px;
		border: none;
	}

		/*.menu li.fullwidth {
			position: static !important;
		}*/

		.menu li:hover {
			background: #161616;
			border: 1px solid #000000;
			border-bottom: none;
			/* margin-right: 19px; */
			background: -moz-linear-gradient(top, #212121, #161616);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#212121), to(#161616));
			background: -o-linear-gradient(top, #212121, #161616);
			-moz-border-radius: 5px 5px 0px 0px;
			-webkit-border-radius: 5px 5px 0px 0px;
			-khtml-border-radius: 5px 5px 0px 0px;
			border-radius: 5px 5px 0px 0px;
		}

		.menu li.nodrop:hover {
			background: #161616;
			border: 1px solid #000000;
			padding: 4px 10px 4px 9px;
			background: -moz-linear-gradient(top, #212121, #161616);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#212121), to(#161616));
			background: -o-linear-gradient(top, #212121, #161616);
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			border-radius: 5px;
		}

			.menu li.nodrop:hover a {
				padding: 0px;
			}

		.menu li a {
			color: #EEEEEE;
			outline: 0;
			padding: 5px 0px 3px 0px;
			text-decoration: none;
			display: block;
			text-shadow: 1px 1px 1px #000;
		}

		.menu li:hover a {
			color: #ffffff;
			text-shadow: none;
			position: relative;
			z-index: 11;
			border-bottom: 1px solid #161616;
			/* padding: 4px 9px 4px 9px; */
		}

		.menu li:focus a {
			color: #ffffff;
			text-shadow: none;
			position: relative;
			z-index: 11;
			border-bottom: 1px solid #161616;
			padding: 4px 9px 4px 9px;
		}

		.menu li:hover div a {
			display: inline;
		}

		.menu li .drop {
			/* padding-right: 27px; */
		}

		.menu li:hover .drop {
			/* padding-right: 27px; */
		}

	/* Right aligned menu item */

	.menu .right {
		float: right;
		right: 0;
		margin-right: 0px;
	}

	.menu li.right:hover {
		margin-right: -1px;
	}



	/*  _______________________________________

    02 DROP DOWN MENU
    _______________________________________  */



	/* Left & right aligned common styles */

	.menu .dropdown_1column,
	.menu .dropdown_2columns,
	.menu .dropdown_3columns,
	.menu .dropdown_4columns,
	.menu .dropdown_5columns,
	.menu .dropdown_fullwidth {
		margin: 4px auto;
		left: -999em;
		position: absolute;
		background: #161616;
		border: 1px solid #000000;
		padding: 10px;
		text-align: left;
		-moz-border-radius: 0px 5px 5px 5px;
		-webkit-border-radius: 0px 5px 5px 5px;
		-khtml-border-radius: 0px 5px 5px 5px;
		border-radius: 0px 5px 5px 5px;
		background: -moz-linear-gradient(top, #161616, #0A0A0A);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#0A0A0A));
		background: -o-linear-gradient(top, #161616, #0A0A0A);
	}

	/* Drop Downs Sizes */

	.menu .dropdown_1column {
		width: 145px;
	}

	.menu .dropdown_2columns {
		width: 300px;
	}

	.menu .dropdown_3columns {
		width: 455px;
	}

	.menu .dropdown_4columns {
		width: 610px;
	}

	.menu .dropdown_5columns {
		width: 765px;
	}

	.menu .dropdown_fullwidth {
		width: 920px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
	}

	.menu li .first_fullwidth {
		-moz-border-radius: 0px 5px 5px 5px;
		-webkit-border-radius: 0px 5px 5px 5px;
		border-radius: 0px 5px 5px 5px;
	}

	/* Showing Drop Down on Mouse Hover - Left aligned */

	.menu li:hover .dropdown_1column,
	.menu li:hover .dropdown_2columns,
	.menu li:hover .dropdown_3columns,
	.menu li:hover .dropdown_4columns,
	.menu li:hover .dropdown_5columns {
		left: -1px;
		top: 25px;
	}

	.menu li:hover .dropdown_fullwidth {
		left: 21px;
		top: 33px;
		display: block;
	}

	/* Showing Drop Down on Mouse Hover - Right aligned */

	.menu li .align_right {
		/* Rounded Corners */
		-moz-border-radius: 5px 0px 5px 5px;
		-webkit-border-radius: 5px 0px 5px 5px;
		border-radius: 5px 0px 5px 5px;
	}

	.menu li:hover .align_right {
		left: auto;
		right: -1px;
		top: 25px;
	}

	.menu li.right:hover .dropdown_fullwidth {
		right: 18px;
		top: 33px;
	}

	/* Showing Drop Down on Tab Focus - Left aligned */

	.menu li:focus .dropdown_1column,
	.menu li:focus .dropdown_2columns,
	.menu li:focus .dropdown_3columns,
	.menu li:focus .dropdown_4columns,
	.menu li:focus .dropdown_5columns {
		left: -1px;
		top: 25px;
	}

	.menu li:focus .dropdown_fullwidth {
		left: 21px;
		top: 33px;
		display: block;
	}

	/* Showing Drop Down on Tab Focus - Right aligned */

	.menu li:focus .align_right {
		left: auto;
		right: -1px;
		top: 25px;
	}

	.menu li.right:focus .dropdown_fullwidth {
		right: 18px;
		top: 33px;
	}

	/* Showing Drop Down on Tab Focus - Left aligned */

	.menu li:focus-within .dropdown_1column,
	.menu li:focus-within .dropdown_2columns,
	.menu li:focus-within .dropdown_3columns,
	.menu li:focus-within .dropdown_4columns,
	.menu li:focus-within .dropdown_5columns {
		left: 0px;
		top: 30px;
	}

	.menu li:focus-within .dropdown_fullwidth {
		left: 21px;
		top: 33px;
		display: block;
	}

	/* Showing Drop Down on Tab Focus - Right aligned */

	.menu li:focus-within .align_right {
		left: auto;
		right: -1px;
		top: 30px;
	}

	.menu li.right:focus-within .dropdown_fullwidth {
		right: 18px;
		top: 33px;
	}

	.menu selectedMenuDropdown {
		left: 21px;
		top: 33px;
		display: block;
	}

	/* Columns Sizes */

	.menu .col_1,
	.menu .col_2,
	.menu .col_3,
	.menu .col_4,
	.menu .col_5,
	.menu .col_6 {
		display: inline;
		float: left;
		position: relative;
		margin-left: 10px;
	}

	.menu .col_1 {
		width: 145px;
	}

	.menu .col_2 {
		width: 300px;
	}

	.menu .col_3 {
		width: 455px;
	}

	.menu .col_4 {
		width: 610px;
	}

	.menu .col_5 {
		width: 765px;
	}

	.menu .col_6 {
		width: 920px;
	}

	/* IMPORTANT */

	/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
	.menu .firstcolumn {
		margin-left: 0; /* Clearing margin & left */
		clear: left;
	}



	/*  _______________________________________

    03 CONTENT STYLING
    _______________________________________  */



	.menu p,
	.menu ul,
	.menu li,
	.menu h2,
	.menu h3 {
		color: #ffffff;
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 21px;
		text-align: left;
	}

	.menu p {
		font-size: 12px;
		line-height: 18px;
		margin: 0;
		margin-bottom: 10px;
		text-shadow: 1px 1px #000000;
	}

	.menu .strong {
		font-weight: bold;
	}

	.menu .italic {
		font-style: italic;
	}

	.menu h2,
	.menu h3 {
		text-shadow: 1px 1px #000000;
		border-bottom: 1px solid #333333;
		margin-top: 7px;
	}

	.menu h2 {
		font-weight: 400;
		font-size: 21px;
		margin-bottom: 18px;
		padding-bottom: 11px;
	}

	.menu h3 {
		font-weight: 600;
		font-size: 14px;
		margin-bottom: 14px;
		padding-bottom: 7px;
	}

	.menu li:hover div a {
		text-decoration: none;
		text-shadow: none;
		border: none;
		padding: 0;
	}

	.menu li:focus div a {
		text-decoration: none;
		text-shadow: none;
		border: none;
		padding: 0;
	}

	.menu li:focus-within div a {
		text-decoration: none;
		text-shadow: none;
		border: none;
		padding: 0;
	}

	.menu li:active div a {
		text-decoration: none;
		text-shadow: none;
		border: none;
		padding: 0;
	}

	.menu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
		margin-top: 18px;
	}

	/* Icon paragraphs */

	.menu .help,
	.menu .favorite,
	.menu .mail,
	.menu .print {
		padding-left: 36px;
		margin-bottom: 18px;
	}

	.menu .help {
		background: url("img/help.png") no-repeat 0px 2px;
	}

	.menu .favorite {
		background: url("img/favorite.png") no-repeat 0px 2px;
	}

	.menu .mail {
		background: url("img/mail.png") no-repeat 0px 2px;
	}

	.menu .print {
		background: url("img/print.png") no-repeat 0px 2px;
	}

	/* Images styles */

	.menu .imgshadow_dark { /* Better style on dark background */
		background: #FFFFFF;
		padding: 4px;
		border: 1px solid #333333;
		margin-top: 5px;
		-moz-box-shadow: 0px 0px 5px #000000;
		-webkit-box-shadow: 0px 0px 5px #000000;
		box-shadow: 0px 0px 5px #000000;
	}

	.menu .imgshadow_light { /* Better style on light background */
		background: #FFFFFF;
		padding: 4px;
		border: 1px solid #777777;
		margin-top: 5px;
		-moz-box-shadow: 0px 0px 5px #000000;
		-webkit-box-shadow: 0px 0px 5px #000000;
		box-shadow: 0px 0px 5px #000000;
	}

	.menu .img_left { /* Image sticks to the left */
		width: auto;
		float: left;
		margin: 2px 15px 5px 0px;
	}

	.menu .img_right { /* Image sticks to the right */
		width: auto;
		float: right;
		margin: 2px 0px 5px 15px;
	}

	/* Box styles */

	.menu li .black_box,
	.menu li .dark_grey_box {
		color: #eeeeee;
		text-shadow: 1px 1px 1px #000;
		padding: 4px 6px 4px 6px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		background-color: #0A0A0A;
		-webkit-box-shadow: inset 0 0 3px #000000;
		-moz-box-shadow: inset 0 0 3px #000000;
		box-shadow: inset 0 0 3px #000000;
	}

	/* Standard lists styles */

	.menu li ul {
		list-style: none;
		padding: 0;
		margin: 0 0 12px 0;
	}

		.menu li ul li {
			font-size: 12px;
			line-height: 24px;
			position: relative;
			text-shadow: 1px 1px 1px #000000;
			padding: 0;
			margin: 0;
			float: left;
			text-align: left;
			width: 145px;
		}

			.menu li ul li a {
				padding: 0;
			}

			.menu li ul li:hover {
				background: none;
				border: none;
				padding: 0;
				margin: 0;
			}

	/* Greybox lists styles */

	.menu li .greybox li {
		background: #0A0A0A;
		border: 1px solid #000000;
		margin: 0px 0px 4px 0px;
		padding: 4px 6px 4px 6px;
		width: 131px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
	}

		.menu li .greybox li:hover {
			background: #141414;
			border: 1px solid #111111;
			padding: 4px 6px 4px 6px;
			margin: 0px 0px 4px 0px;
		}

	/* Other lists styles */

	.menu li .plus li {
		background: url("img/plus_dark.png") left 6px no-repeat;
		margin: 0px 0px 4px 0px;
		padding: 0px 0px 0px 21px;
		width: 109px;
	}

		.menu li .plus li:hover {
			background: url("img/plus_dark.png") left 6px no-repeat;
			padding: 0px 0px 0px 21px;
			margin: 0px 0px 4px 0px;
		}

	/* Social Icons */

	.menu li ul.social {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.menu li ul.social li {
			padding-top: 5px;
			margin: 0 12px 12px 0;
			float: left;
			position: relative;
			display: inline;
			width: 32px;
		}

			.menu li ul.social li img {
				border: none;
			}

			.menu li ul.social li:hover {
				padding-top: 5px;
				margin: -1px 12px 12px 0;
			}

			.menu li ul.social li span {
				display: none;
			}

	/* 2-Levels Drop Down */

	.menu .levels, .menu .levels ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.menu li:hover .levels a {
		display: block;
	}

	.menu .levels a {
		display: block;
		width: 10em;
	}

		.menu .levels a.parent, .menu .levels a.parent:hover {
			background: url("img/drop2_dark.png") right center no-repeat;
		}

	.menu .levels li {
		float: left;
		width: 150px;
	}

		.menu .levels li ul { /* second-level lists */
			position: absolute;
			background: #161616;
			border: 1px solid #000000;
			top: -23px;
			margin: 15px 0px 0px 4px;
			padding: 6px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			border-radius: 5px;
			background: -moz-linear-gradient(top, #161616, #0A0A0A);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#0A0A0A));
			background: -o-linear-gradient(top, #161616, #0A0A0A);
			left: -999em;
		}

			.menu .levels li ul ul {
				top: -23px;
			}

		.menu .levels li:hover ul ul, .menu .levels li:hover ul ul ul {
			left: -999em;
		}

		.menu .levels li:hover ul, .menu .levels li li:hover ul, .menu .levels li li li:hover ul {
			left: 142px;
		}



	/*  _______________________________________

    04 CONTACT FORM
    _______________________________________  */



	.menu form {
		margin: 0 0 12px 0;
		padding: 0px;
	}

	/* Labels & fieldsets stylings */

	.menu fieldset {
		margin: 0;
		border: none;
	}

	.menu form p {
		margin: 10px 0;
		overflow: hidden;
		width: 270px;
	}

	.menu label {
		float: left;
		display: block;
		text-align: left;
		width: 50px;
	}

	.menu input,
	.menu textarea {
		margin: 0;
		width: 170px;
		float: right;
		color: #eeeeee;
		background-color: #222222;
		border: 1px solid #0A0A0A;
		padding: 3px 5px 3px 5px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
	}

	.menu textarea {
		height: 100px;
		overflow: auto;
	}

	/* Buttons stylings */

	.menu button {
		float: right;
		width: 80px;
		margin: 0px;
		margin-right: 12px;
		border: 1px solid #000000;
		padding: 2px 7px 2px 7px;
		color: #eeeeee;
		background-color: #222222;
		border: 1px solid #0A0A0A;
		text-shadow: 1px 1px 1px #000;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
	}



/*  _______________________________________

    05 COLORS
    _______________________________________  */



/* Black */

.menu_black {
	background: #333;
	border: 1px solid #444;
	border-top: 1px solid #777;
	background: -moz-linear-gradient(top, #555, #2a2a2a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#2a2a2a));
	background: -o-linear-gradient(top, #555, #2a2a2a);
}

	.menu_black li:hover div a {
		color: #767676;
	}

		.menu_black li:hover div a:hover {
			color: #EEE;
		}

	.menu_black li ul li a:hover {
		color: #EEE;
	}

/* Blue */

.menu_blue {
	background: #014464;
	border: 1px solid #015b86;
	border-top: 1px solid #029feb;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	background: -o-linear-gradient(top, #0272a7, #013953);
}

	.menu_blue li:hover div a {
		color: #0294da;
	}

		.menu_blue li:hover div a:hover {
			color: #33bcfd;
		}

	.menu_blue li ul li a:hover {
		color: #33bcfd;
	}

/* Brown */

.menu_brown {
	background: #44391e;
	border: 1px solid #5c4c29;
	border-top: 1px solid #a28748;
	background: -moz-linear-gradient(top, #736033, #382f19);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#736033), to(#382f19));
	background: -o-linear-gradient(top, #736033, #382f19);
}

	.menu_brown li:hover div a {
		color: #8b733e;
	}

		.menu_brown li:hover div a:hover {
			color: #bfa670;
		}

	.menu_brown li ul li a:hover {
		color: #bfa670;
	}

/* Green */

.menu_green {
	background: #3e5718;
	border: 1px solid #52711f;
	border-top: 1px solid #8bc135;
	background: -moz-linear-gradient(top, #658c26, #354914);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#658c26), to(#354914));
	background: -o-linear-gradient(top, #658c26, #354914);
}

	.menu_green li:hover div a {
		color: #6f992a;
	}

		.menu_green li:hover div a:hover {
			color: #a3d158;
		}

	.menu_green li ul li a:hover {
		color: #a3d158;
	}

/* Light Blue */

.menu_lightblue {
	background: #52786b;
	border: 1px solid #608c7d;
	border-top: 1px solid #99b9ae;
	background: -moz-linear-gradient(top, #709e8e, #52786b);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#709e8e), to(#52786b));
	background: -o-linear-gradient(top, #709e8e, #52786b);
}

	.menu_lightblue li:hover div a {
		color: #608c7d;
	}

		.menu_lightblue li:hover div a:hover {
			color: #99b9ae;
		}

	.menu_lightblue li ul li a:hover {
		color: #99b9ae;
	}

/* Orange */

.menu_orange {
	background: #d24900;
	border: 1px solid #f45500;
	border-top: 1px solid #ff945b;
	background: -moz-linear-gradient(top, #ff6717, #c14300);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6717), to(#c14300));
	background: -o-linear-gradient(top, #ff6717, #c14300);
}

	.menu_orange li:hover div a {
		color: #f45500;
	}

		.menu_orange li:hover div a:hover {
			color: #ff945b;
		}

	.menu_orange li ul li a:hover {
		color: #ff945b;
	}

/* Pink */

.menu_pink {
	background: #910045;
	border: 1px solid #b30055;
	border-top: 1px solid #ff1a87;
	background: -moz-linear-gradient(top, #d50066, #80003d);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d50066), to(#80003d));
	background: -o-linear-gradient(top, #d50066, #80003d);
}

	.menu_pink li:hover div a {
		color: #e6006d;
	}

		.menu_pink li:hover div a:hover {
			color: #ff4da1;
		}

	.menu_pink li ul li a:hover {
		color: #ff4da1;
	}

/* Purple */

.menu_purple {
	background: #6a5f71;
	border: 1px solid #7b6f83;
	border-top: 1px solid #ada5b3;
	background: -moz-linear-gradient(top, #8c8094, #615867);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8c8094), to(#615867));
	background: -o-linear-gradient(top, #8c8094, #615867);
}

	.menu_purple li:hover div a {
		color: #7b6f83;
	}

		.menu_purple li:hover div a:hover {
			color: #ada5b3;
		}

	.menu_purple li ul li a:hover {
		color: #ada5b3;
	}

/* Red */

.menu_red {
	background: #830701;
	border: 1px solid #a40802;
	border-top: 1px solid #fd190f;
	background: -moz-linear-gradient(top, #d70b02, #830701);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d70b02), to(#830701));
	background: -o-linear-gradient(top, #d70b02, #830701);
}

	.menu_red li:hover div a {
		color: #d60a03;
	}

		.menu_red li:hover div a:hover {
			color: #fd5953;
		}

	.menu_red li ul li a:hover {
		color: #fd5953;
	}


/**
 * /css/bcolorbox.css
 */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	background: white;
	border: 1px solid #762A85;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
}

#cboxLoadedContent {
	overflow: auto;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor: pointer;
}

.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background-color: rgba(299,299,299,0.6);
}

#colorbox {
}

#cboxTopLeft {
	width: 21px;
	height: 21px;
}

#cboxTopRight {
	width: 21px;
	height: 21px;
}

#cboxBottomLeft {
	width: 21px;
	height: 21px;
}

#cboxBottomRight {
	width: 21px;
	height: 21px;
}

#cboxMiddleLeft {
	width: 21px;
}

#cboxMiddleRight {
	width: 21px;
}

#cboxTopCenter {
	height: 21px;
}

#cboxBottomCenter {
	height: 21px;
}

#cboxContent {
	background: #fff;
	overflow: hidden;
}

.cboxIframe {
	background: #fff;
}

#cboxError {
	padding: 50px;
	border: 1px solid #767676;
}

#cboxLoadedContent {
	margin-bottom: 28px;
}

#cboxTitle {
	position: absolute;
	bottom: 4px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #949494;
}

#cboxCurrent {
	position: absolute;
	bottom: 4px;
	left: 58px;
	color: #949494;
}

#cboxSlideshow {
	position: absolute;
	bottom: 4px;
	right: 30px;
	color: #0092ef;
}

#cboxPrevious {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(/images/colorbox/controls.png) no-repeat -75px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}

	#cboxPrevious:hover {
		background-position: -75px -25px;
	}

#cboxNext {
	position: absolute;
	bottom: 0;
	left: 27px;
	background: url(/images/colorbox/controls.png) no-repeat -50px 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}

	#cboxNext:hover {
		background-position: -50px -25px;
	}

#cboxLoadingOverlay {
	background: url(/images/colorbox/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
	background: url(/images/colorbox/loading.gif) no-repeat center center;
}

#cboxClose {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(/images/colorbox/quicklook-close-2.png) no-repeat 0 0;
	width: 85px;
	height: 25px;
	text-indent: -10000px;
	border: 0;
}

	#cboxClose:hover {
	}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
	_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}


/**
 * /css/bscreen.css
 */

/*Changed on 07/11/2019 at 3.00pm */
/* ------- GLOBALS ------ */
/* 
COLORS
Purple:     #a4027a
Red/Orange: #DB3C11
White:      #FFF8EEsear
Blue:       #00857E
black:      #333131
DarkBlue:   #13746d

FONT STACKS
serif           font-family: "futura-pt-condensed", sans-serif;
sans-serif      font-family: "trocchi", Georgia, Times New Roman, serif;
base


Fallbacks 
Futura will use Trebuchet MS with letter-spacing -0.03em.
Trocchi will use Georgia.
*/


/*behavior: url("/css/pie/PIE.htc");*/


/* ------- LAYOUT ------ */


* {
	margin: 0;
}

html, body {
	height: 100%;
}

#aspnetForm {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 94px);
}

	#main-content-responsive,
	#aspnetForm .wrapper,
	main {
		flex-grow: 1;
		width: 100%;
	}

body {
	background: #FFF8EE;
	/*background-image: url('/images/master/header-footer-bg.png');*/
	display: block !important;
}

.clear {
	clear: both;
}


.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -240px; /* the bottom margin is the negative value of the footer's height */
}

.push {
	height: 240px; /* .push must be the same height as .footer */
}

#main-content .container {
	display: flex;
	flex-wrap: wrap;
	flex: 1 0 auto;
}

.container1020 {
	width: 1020px;
	margin: 0 auto;
	position: relative;
}

#stitch-border, #main-content::before, #main-content:before {
	content: "";
	display: block;
	/*background-image: url("/images/master/stitch-pattern.png");*/
	background-image: url("/images/stitch.svg");
	background-size: 740px 15px;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFF8EE;
	width: 100%;
	height: 15px;
}

#footer:before, #footer::before {
	content: "";
	display: block;
	background-image: url("/images/stitch.svg");
	background-size: 740px 15px;
	background-repeat: repeat-x;
	width: 100%;
	height: 15px;
	background-position: top;
}

#main-content .container1020 {
	padding-right: 0;
}

.single-content {
	background: white;
	padding: 20px;
	width: 100%;
	/*width: 98%;*/
	/*max-width: 970px;*/
	box-shadow: 1px 1px 2px #767676;
	-moz-box-shadow: 1px 1px 2px #767676;
	-webkit-box-shadow: 1px 1px 2px #767676;
}

	.single-content.full {
		padding: 0;
		max-width: none;
	}

	.single-content.left-nav {
		width: 200px;
		float: right;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		margin-right: 20px;
	}

.plain .single-content {
	padding: 0;
	width: 98%;
	max-width: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}



/* ------- GENERAL FORMATTING ------ */

body {
	font-size: 14px;
	font-family: Verdana, sans-serif;
}

p {
	line-height: 1.5em;
	line-height: 1.5em;
	color: #333131;
}

	p.special {
		font-family: "trocchi", Georgia, Times New Roman, serif;
	}

h1 {
	color: #333131;
	font-family: "Trebuchet MS", sans-serif;
	letter-spacing: -0.03em;
	font-weight: normal;
	text-transform: uppercase;
}

.wf-active h1 {
	font-family: "futura-pt-condensed", sans-serif !important;
	letter-spacing: normal;
}

h2, h3, h4 {
	font-family: "trocchi", Georgia, Times New Roman, serif;
	font-weight: normal;
}

td {
}

a {
	text-decoration: none;
	color: #a4027a;
}

	a:hover {
		color: #a4027a;
		text-decoration: underline;
	}

input {
	font-family: Verdana, sans-serif;
}

.error {
	color: #DB3C11;
}

#main-content h1 {
	/*padding: 0 0 0 1%;*/
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.visible-on-focus:focus {
	position: relative !important;
}



/* ------- TITLES ------ */

h2 {
	font-size: 30px;
}


/* Subtitles */
h3 {
	font-size: 24px;
	line-height: 1.4em;
	margin-bottom: 20px;
}

/* Secondary Static Headers, e.g. Randomly Generated Deliciousness */
h4.secondaryheader {
	font-size: 19px;
	font-family: "Trebuchet MS", sans-serif;
	letter-spacing: -0.03em;
	color: #333333;
	text-transform: uppercase;
	margin-left: 1%;
}

h1,
.wf-active h4.secondaryheader {
	font-family: "futura-pt", sans-serif;
	letter-spacing: normal;
}



/* -------------- TINY INFO -------------- */

/* Product Price */

.wf-active .callToOrder-status {
	font-size: 18px;
	font-family: "futura-pt-condensed", sans-serif;
	letter-spacing: normal;
	display: block;
	font-family: "futura-pt", sans-serif;
	color: #DB3C11;
	text-transform: uppercase;
	min-width: 185px;
}

.price-info {
	font-size: 18px;
	display: block;
	font-family: "Trebuchet MS", sans-serif;
	letter-spacing: -0.03em;
}

.wf-active .price-info {
	font-size: 24px;
	font-family: "futura-pt-condensed", sans-serif;
	letter-spacing: normal;
}



.price-old {
	text-decoration: line-through;
}


/* Product Notes - Shipping, Discounts, Specials */
.price-note {
	text-transform: uppercase;
	font-family: "Trebuchet MS", sans-serif;
	letter-spacing: -0.03em;
	font-weight: normal;
	color: #DB3C11;
}

.wf-active .price-note {
	font-family: "futura-pt-condensed", sans-serif;
	letter-spacing: normal;
}

.product-note,
.product-code, .purchasedate {
	text-transform: uppercase;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 1.4em;
	color: #666666;
}

	.product-note div {
		display: inline;
		width: auto;
	}

	.product-note a {
		color: #333333;
		text-decoration: underline;
	}

.product-code {
	color: #767676;
}

.qtydiscount {
	color: #a4027a;
}


/* Product Status - Sold Out, On Vacation */
.product-status {
	display: block;
	font-family: "futura-pt", sans-serif;
	color: #DB3C11;
	text-transform: uppercase;
	min-width: 185px;
}



/* ------- LINES ------ */
.border-right {
	border-right: 1px solid #00857E;
	padding-right: 10px;
}


/* ------- HEADER ------ */

@media only screen and (min-width: 681px) and (max-width: 1020px) {
	#header {
		height: 100px;
	}
}

#header {
	/* height: 123px;*/
	background-image: url('/images/master/header-footer-bg.png');
	background-repeat: repeat;
}

	#header .container1020 {
		top: 13px;
		margin: 0 auto;
	}

#logo {
	position: absolute;
	/*top: -12px;*/
	left: 1%;
	/*background-image: url('/images/master/desktop-mo-logo.png');*/
	background-image: url(/images/logo.svg);
	background-size: 200px;
	background-repeat: no-repeat;
	background-position-y: 8px;
	overflow: hidden;
	text-indent: -3333px;
}

	#logo a {
		display: block;
		width: 320px; /* larger than actual image? */
		height: 115px;
		text-decoration: none;
	}

.phone-number a {
	color: #00857E;
	text-decoration: none;
	font-size: 22px;
	font-family: "futura-pt", sans-serif;
}

.phone-number {
	text-align: right;
	position: absolute;
	top: 0px;
	right: 1%;
}

.hours {
	color: #00857E;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	position: absolute;
	top: 25px;
	right: 1%;
}

.TestModeBanner {
	color: white;
	text-align: center;
	text-shadow: none;
}

/* ---------  NAVIGATION  --------- */
.nav-header {
	flex-basis: 100%;
}

.navigation {
	list-style: none;
	margin: 0;
}

	.navigation li {
		list-style: none;
		display: inline;
		margin-left: 20px;
		padding-left: 0;
	}

	/* Utilities */
	.navigation.utilities {
		position: absolute;
		right: 1%;
		top: 88px;
		text-align: right;
		min-width: 400px;
		width: 100%;
		display: inline-flex;
		align-items: center;
		justify-content: flex-end;
	}

.utilities {
	font-size: 16px;
	color: #a4027a;
}

	.utilities li,
	.utilities a {
		list-style: none;
		color: #a4027a;
		font-family: "trocchi", Georgia, Times New Roman, serif;
		font-weight: normal;
		font-size: 16px;
		display: inline-flex;
	}

		.utilities a:hover {
			text-decoration: none;
		}

	.utilities img {
		padding-right: 2px;
	}

	.utilities .cart-link {
		position: relative;
	}

		.utilities .cart-link div {
			display: inline;
		}

	.utilities .cart-quantity {
		background-color: #DB3C11;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 0px 7px 2px 7px;
		color: white;
		position: absolute;
		top: -10px;
		right: -15px;
		font-size: 12px;
		line-height: 18px;
	}


/* Search */
#search {
	position: absolute;
	top: 44px;
	right: 1%;
	width: 390px;
	border-radius: 30px 0 0 30px;
}

	#search input {
		position: absolute !important;
		/*left: 69px !important;*/
	}

	#search label {
		color: #00857E;
		text-decoration: none;
		font-size: 22px;
		font-family: "futura-pt", sans-serif;
	}

@-moz-document url-prefix() {
	#search .search-query {
		position: absolute !important;
	}
}

.search-button {
	position: absolute;
	color: white;
	background-color: #00857E !important;
	height: 29px !important;
	right: -17px;
	letter-spacing: 1px;
}

#wrapper_menu {
	margin: 0;
	z-index: 50;
}

.menu {
	padding: 0 4px 0 5px;
}

.menu_zing * {
	box-sizing: content-box;
}

.menu_zing {
	background: #9B227E url('/images/master/navigation-bg.png') repeat;
	border: 0;
	box-shadow: 1px 0px 2px #666666;
	-moz-box-shadow: 1px 0px 2px #666666;
	-webkit-box-shadow: 1px 0px 2px #666666;
	border-radius: 10px 10px 0 0;
	width: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-around;
	align-items: stretch
}

	.menu_zing li {
		margin-right: 0px;
	}

		.menu_zing li a {
			font-family: "Trebuchet MS", sans-serif;
			letter-spacing: -0.03em;
			text-transform: uppercase;
			font-size: 14px;
			text-shadow: none;
		}

.wf-active .menu_zing li a {
	font-family: "futura-pt", sans-serif;
	text-transform: uppercase;
	letter-spacing: normal;
	font-size: 14px;
	text-shadow: none;
}

.menu_zing li:hover {
	color: #a4027a !important;
	background: white;
	border: white;
	border-radius: 0;
	/* margin-right: 9px; */
}

/*.menu_zing li:focus {
	color: #9B227E !important;
	background: white;
	border: white;
	border-radius: 0;
	/* margin-right: 9px; */
/*}*/

/*.menu_zing li:focus-within {
	color: #9B227E !important;
	background: white;
	border: white;
	border-radius: 0;
	/* margin-right: 9px; */
/*}*/

.menu_zing_selected {
	color: #9B227E !important;
	background: white;
	border: white;
	border-radius: 0;
	opacity: 1.0;
	/* margin-right: 9px; */
}

	.menu_zing_selected:focus-within a {
		opacity: 1.0 !important;
	}

.menu_zing li:hover div a {
	color: #000000;
	text-transform: none;
}

.menu_zing .top_level_link:focus {
	text-decoration: underline;
}

.menu_zing .top_menu_trigger {
	padding-right: 3px;
	margin-left: -5px;
	color: #98227e;
	opacity: 0.0;
}

	.menu_zing .top_menu_trigger:focus {
		color: white;
		opacity: 1.0 !important;
	}

/*.menu_zing li:focus div a {
	color: #000000;
	text-transform: none;
}*/

/*.menu_zing li:focus-within div a {
	color: #000000;
	text-transform: none;
}*/

.menu_zing li:hover a {
	color: #9B227E;
	/* border: 1px solid #9B227E; */
	/* border-right: 1px solid white; */
	border-bottom: white;
	opacity: 1.0;
}

.menu_zing .menu_zing_selected .top_level_link {
	color: #9B227E !important;
	border-bottom: white;
	opacity: 1.0;
}

.menu_zing li:hover .menu_zing_selected .top_level_link {
	color: #9B227E !important;
	border-bottom: white;
	opacity: 1.0;
}

.menu_zing_link {
	color: #9B227E !important;
	border-bottom: white !important;
	position: relative !important;
	z-index: 11 !important;
	padding-right: 4px !important;
	padding-left: 4px !important;
}

.menu_zing_box {
	left: 0 !important;
	top: 30px !important;
	display: block !important;
}

.menu_zing_dropdown_selected {
	color: #9B227E !important;
	opacity: 1.0;
}

.menu .menu_zing_selected .menu_zing_box {
	left: auto;
	right: -1px;
	border-radius: 0px 5px 5px 5px;
	border-top: 1px !important;
}

.menu_zing_sublink {
	color: #000000 !important;
	text-transform: none !important;
	text-decoration: none !important;
	text-shadow: none !important;
	border: none !important;
	padding: 0 !important;
	display: inline !important;
}

/*.menu_zing li:focus a {
	color: #9B227E;
	/* border: 1px solid #9B227E; */
/*border-bottom: white;
}*/

/*.menu_zing li:focus-within a {
	color: #9B227E;
	/* border: 1px solid #9B227E; */
/*border-bottom: white;
}*/

.menu li .drop,
.menu li:hover .drop {
	padding-right: 4px;
	padding-left: 4px;
}

/*.menu li .drop,
.menu li:focus .drop {
	padding-right: 4px;
	padding-left: 4px;
}*/

.menu_zing li.nodrop:hover {
	background: white;
	border-radius: 0;
	border: 1px solid #9B227E;
	opacity: 1.0;
}

	.menu_zing li.nodrop:hover a {
		color: #9B227E;
		background: #ffffff;
		border: none;
		opacity: 1.0;
	}

.menu_zing li.nodrop:focus a {
	color: #9B227E;
	background: #ffffff;
	border: none;
	opacity: 1.0;
}

.menu_zing li ul li {
	padding: 2px 5px;
	display: block;
}

	.menu_zing li ul li:hover {
		background: #00857E !important;
		padding: 2px 5px !important;
		display: block !important;
		opacity: 1.0;
	}

	.menu_zing li ul li:focus {
		background: #00857E !important;
		padding: 2px 5px !important;
		display: block !important;
		opacity: 1.0;
	}

	.menu_zing li ul li:focus-within {
		background: #00857E !important;
		padding: 2px 5px !important;
		display: block !important;
		opacity: 1.0;
	}

	.menu_zing li ul li:hover a {
		display: block !important;
		opacity: 1.0;
	}

	.menu_zing li ul li:focus a {
		display: block !important;
		opacity: 1.0;
	}

	.menu_zing li ul li:focus-within a {
		display: block !important;
		opacity: 1.0;
	}

	.menu_zing li ul li a {
		font-size: 12px;
	}

	.menu_zing li ul li:hover a {
		color: #ffffff !important;
		opacity: 1.0;
	}

	.menu_zing li ul li:focus a {
		color: #ffffff !important;
		opacity: 1.0;
	}

	.menu_zing li ul li:focus-within a {
		color: #ffffff !important;
		opacity: 1.0;
	}

.menu_zing li:hover div a:hover {
	color: #9B227E;
	color: #ffffff;
	opacity: 1.0;
}

.menu_zing li ul li a:hover {
	color: #ffffff;
	opacity: 1.0;
}

.menu .dropdown_1column, .menu .dropdown_2columns, .menu .dropdown_3columns, .menu .dropdown_4columns, .menu .dropdown_5columns, .menu .dropdown_fullwidth {
	background: white;
	border: 1px solid #9B227E;
	border-top: 0;
	margin-top: 0px;
	margin-left: -1px;
	border-radius: 0;
	display: none;
}

.menu .dropdown_1column, .menu .dropdown_2columns {
	box-shadow: 2px 10px 10px rgba(50,50,50,0.2);
	-moz-box-shadow: 2px 10px 10px rgba(50,50,50,0.2);
	-webkit-box-shadow: 2px 10px 10px rgba(50,50,50,0.2);
}

.menu li:hover .dropdown_1column,
.menu li:hover .dropdown_2columns {
	left: 0;
	top: 30px;
	display: block;
}

/*.menu li:focus .dropdown_1column,
.menu li:focus .dropdown_2columns {
	left: 0;
	top: 30px;
	display: block;
}*/

/*.menu li:focus-within .dropdown_1column,
.menu li:focus-within .dropdown_2columns {
	/* left: 0; */
/* top: 30px; */
/*display: block;
}*/

.menu li:hover .align_right {
	left: auto;
	right: -1px;
	border-radius: 0;
}


/* ---- FOOTER ---- */
#footer {
	background-image: url('/images/master/header-footer-bg.png');
	background-repeat: repeat;
	text-align: left;
	margin-top: 15px;
}

	#footer .container1020 {
		padding: 20px 0 10px 0;
		/*margin-top: 20px;*/
		position: relative;
	}

.navigation.footer-links {
	padding-left: 0px;
	margin-left: 10px;
}

	.navigation.footer-links li {
		margin-left: 0;
		margin-right: 20px;
	}

		.navigation.footer-links li a {
			text-transform: uppercase;
			font-family: "Trebuchet MS", sans-serif;
			letter-spacing: -0.03em;
			font-size: 18px;
			color: #333131;
		}

.wf-active .navigation.footer-links li a {
	font-family: "futura-pt", sans-serif;
	letter-spacing: normal;
}

.social-media img {
	height: 30px;
	float: left;
	margin-right: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 10px;
}

.guarantee {
	font-size: 11px;
	max-width: 300px;
	margin: 20px 0;
	margin-left: 10px;
}

.food-tracker {
	position: absolute;
	right: 10px;
	top: 0px;
	width: 340px;
	height: 130px;
	font-family: "Trocchi", Georgia, Times New Roman, serif;
	background: url('/images/super-pig.svg') top left no-repeat;
	/*background: url(/images/master/pig-flying.png) top left no-repeat;*/
	background-size: 208px;
}

	.food-tracker div {
		display: block;
		margin-top: 20px;
		margin-left: 220px;
	}

	.food-tracker strong {
		font-size: 16px;
	}

.zcob-footer {
	text-align: center;
	clear: both;
	font-size: 11px;
	line-height: 1.2em;
}

/* ------  FOOTER (formerly inline) ------ */
@media screen and (min-device-width: 1000px) and (max-device-width: 1800px) {
	.btmFoot {
		margin-top: -2%
	}
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.SubscribeENewsButtonDiv {
		text-align: left;
		padding-left: 10px;
	}

	.SubscribeENewsEmailAddressDiv {
		text-align: left;
		padding-left: 10px;
	}

	#SubscribeENewsEmailAddress {
		background-color: white;
	}
}

@media (min-width: 768px) {
	.SubscribeENewsButtonDiv {
		text-align: left;
		padding-left: 0px;
	}

	.SubscribeENewsEmailAddressDiv {
		text-align: left;
	}

	#SubscribeENewsEmailAddress {
		margin-left: 0px;
		background-color: white;
	}

	#SubscribeENewsButton {
		margin-left: 0px;
	}
}

.fa {
	font-family: 'FontAwesome' !important;
}



/* ------- PRODUCT CELLS ------ */

.product-row {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	justify-content: space-between;
}

	.product-row.product-row-homepage {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin: 0;
		justify-content: space-between;
	}

.searchspring-items.searchspring-items {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	justify-content: space-between;
}

.flexbox-fill {
	flex-basis: calc(1/4*100% - (1 - 1/4)*10px);
	max-width: calc(1/4*100% - (1 - 1/4)*10px);
	height: 0px
}

.custom_list .flexbox-fill {
	flex-basis: calc(1/5*100% - (1 - 1/5)*10px);
	max-width: calc(1/5*100% - (1 - 1/5)*10px);
	height: 0px
}

.searchspring-items.ss-targeted .flexbox-fill {
	flex-basis: calc(1/3*100% - (1 - 1/3)*10px);
	max-width: calc(1/3*100% - (1 - 1/3)*10px);
	height: 0;
}


.product-box {
	box-shadow: 1px 1px 2px #767676;
	-moz-box-shadow: 1px 1px 2px #767676;
	-webkit-box-shadow: 1px 1px 2px #767676;
	background: white;
	/* float: left; */
	margin-bottom: 10px;
	position: relative;
	padding-bottom: 5px;
	/* display: table-cell; */
	flex: 1 0 auto;
}

	/* -- Cell width size -- */
	.product-box.homepage-large {
		flex-basis: 100%;
		padding-bottom: 0px;
	}

		.product-box.homepage-large .homepage-large-content {
			max-width: 850px;
			margin: 0 auto;
			padding-bottom: 25px;
		}

	.product-box.homepage-medium {
		flex-basis: calc(1/2*100% - (1 - 1/2)*10px);
		max-width: calc(1/2*100% - (1 - 1/2)*10px);
	}

	.product-box.homepage-small {
		flex-basis: calc(1/4*100% - (1 - 1/4)*10px);
		max-width: calc(1/4*100% - (1 - 1/4)*10px);
	}

		.product-box.homepage-small:last-child {
			/*margin-left: 10px;
		margin-right: auto;*/
		}

.searchspring-items.ss-targeted .product-box.homepage-small {
	flex-basis: calc(1/3*100% - (1 - 1/3)*10px);
	max-width: calc(1/3*100% - (1 - 1/3)*10px);
}

.product-row-homepage .product-box.homepage-small:last-child {
}

.product-row-homepage .product-box.homepage-medium:last-child {
}

/* -- Product Cell Titles -- */
.product-box.homepage-large h2 {
	font-size: 48px;
	line-height: 1em;
	margin-top: 0;
	color: #333131;
}

.product-box.homepage-large a.product-title,
.product-box.homepage-large a.product-title:hover,
.product-box.homepage-medium a.product-title,
.product-box.homepage-medium a.product-title:hover {
	text-decoration: none;
	color: inherit;
}

.product-box.homepage-small h3 {
	font-size: 18px;
	float: left;
	width: 60%;
	margin: 0;
	margin-bottom: 0.5em;
	color: #333131;
}

/* -- Product Cell Images -- */
.product-box .product-image {
}

.product-box .product-image {
	height: 13em;
	display: block;
}

	.product-box .product-image a {
		width: 25%;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
		height: 13em;
	}

	.product-box .product-image img {
		margin: 20px;
		max-width: 100%;
	}

.product-box.homepage-large .product-image {
	text-align: right;
	float: right;
	min-height: 7em;
	height: auto;
	max-width: 250px;
	margin-top: 7%;
}

.product-box.homepage-medium .product-image {
	text-align: right;
	float: right;
	width: 50%;
}

	.product-box.homepage-medium .product-image img {
		max-height: 14em;
		max-width: 100%;
		margin: 20px 20px 0 0;
	}

.product-box.homepage-small .product-image img {
	display: inline-block;
}

/* -- Product Cell Info -- */
.product-box .product-info {
	position: relative;
	padding: 10px;
	padding-bottom: 60px;
}

.product-box.homepage-large .product-info {
	width: 58%;
	/*float: left;*/
	padding-top: 35px;
	padding-bottom: 0;
}

.product-box.homepage-medium .product-info {
	width: 45%;
	float: left;
}

.product-box.homepage-small .product-info {
}

.product-box .price-info {
	margin-left: 60%;
	text-align: right;
}

.product-box .price-note {
	font-family: "futura-pt", sans-serif;
	font-weight: bold;
	font-size: 11px;
	display: block;
}

.product-box .product-note {
	display: block;
}

.product-box .product-title {
	font-family: "trocchi", Georgia, Times New Roman, serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.4em;
	margin-bottom: 20px;
}


.product-box.homepage-small .product-title {
	font-size: 18px;
	float: left;
	width: 60%;
	margin: 0;
	margin-bottom: 0.5em;
	color: #333131;
}

.product-box.new::before, .product-box.limited-quantity::before, .product-box.special-bake::before, .product-box.best-seller::before {
	padding: 5px 15px 5px 35px;
	text-transform: uppercase;
	font-family: "futura-pt", sans-serif;
	font-weight: bold;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #333;
	color: #fff;
	z-index: 10;
}

.product-box.limited-quantity::before {
	content: "limited quantity";
	background: #DB3C11 url("/images/limited-quantity.svg") no-repeat;
}

.product-box.special-bake::before {
	content: "special bake";
	background: #3D81BA url("/images/special-bake.svg") no-repeat;
}

.product-box.best-seller::before {
	content: "best seller";
	background: #9B227E url("/images/best-seller.svg") no-repeat;
}

.product-box.new::before {
	content: "new";
	background: #767676 url("/images/new.svg") no-repeat;
}





/* -- Category Box Specific -- */
.category-header {
	width: 100%;
}

	.category-header .category-image-heading {
		padding-left: 2.5px;
	}

	.category-header .category-content-subject p {
		padding: 10px 0 10px 10px;
		font-size: 18px;
		font-family: "trocchi", Georgia, Times New Roman, serif;
	}

.product-box.category-box h3 {
	display: block;
	width: 100%;
	text-decoration: underline;
}

.category-box .sub-category-list {
	display: block;
}

	.category-box .sub-category-list ul,
	.category-box .sub-category-list li {
		list-style: none;
		margin-left: 0;
		-webkit-margin-before: 0;
		-webkit-margin-start: 0;
		-webkit-padding-start: 0;
	}

@-moz-document url-prefix() {
	.category-box .sub-category-list ul, .category-box .sub-category-list li {
		margin-left: -18px;
	}
}

.category-box .sub-category-list li {
	line-height: 1.2em;
	margin-bottom: 15px;
}

	.category-box .sub-category-list li a {
		color: #333131;
	}

/* -- Add to Cart -- */
.product-box .buy-info {
	position: absolute;
	bottom: 5px;
	margin: 10px;
	width: 100%;
}

.product-box.homepage-large .buy-info {
	position: inherit;
	bottom: 0;
	margin-top: 20px;
}

/* -- QuickLook -- */
.quicklook {
	visibility: visible;
	color: #000000;
	padding: 3px;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #ffffff;
	border: 2px solid #DB3C11;
	top: 40%;
	left: 25%;
	display: block;
	position: absolute;
	/* display: none; */
	text-decoration: none;
	width: 100px;
	text-align: center;
	opacity: 0;
}

	.quicklook strong {
		font-weight: bold;
		color: #DB3C11;
	}

	.quicklook:hover {
		background-color: #DB3C11;
		color: #ffffff;
		text-decoration: none;
	}

		.quicklook:hover strong {
			color: #ffffff;
		}

#cboxLoadedContent {
	border: 0; /*5px solid #DB3C11;*/
}

#cboxOverlay {
	background: none repeat scroll 0 0 #767676;
}

.product-box:hover .quicklook {
	visibility: visible;
	display: block;
	text-decoration: none;
	opacity: 100;
}

.product-box:focus-within .quicklook {
	visibility: visible;
	display: block;
	text-decoration: none;
	opacity: 100;
}

.view-full-details {
	float: right;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
}


/* BREADCRUMBS AND TINY NOTES */
#main-content .breadcrumbs, #main-content .pages {
	margin: 10px 0 10px 1%;
	display: block;
	width: 100%;
}

.breadcrumbs, .pages {
	text-transform: uppercase;
	font-size: 13px;
	font-family: "futura-pt", sans-serif;
	color: #a4027a;
}

	.breadcrumbs a, .pages a {
		color: #a4027a;
		text-decoration: none;
	}

		.pages a.button {
			background-color: #FFF8EE;
			border: 1px solid #a4027a;
		}


			.pages a.button:hover, .pages a.button:active {
				background-color: #a4027a;
				border: 1px solid #a4027a;
				color: white;
			}

	.pages .next, .pages .prev {
		position: relative;
		top: 1px;
		display: inline-block;
		margin-left: 10px;
		margin-right: 10px;
	}


.pages {
	text-align: right;
}

.zmo-tooltip {
	display: inline;
}

	.zmo-tooltip span {
		display: none;
	}

	.zmo-tooltip:hover {
		cursor: pointer;
	}

#tooltip-message {
	position: absolute;
	z-index: 100;
	background-color: #FFFFFF;
	border: 1px solid #767676;
	text-align: left;
	padding: 5px;
	font-size: 10px;
	text-transform: none;
	font-weight: normal;
	color: #000;
	max-width: 200px;
	max-width: 90vw;
}

@media (max-width: 768px) {
	#tooltip-message {
		left: 50% !important;
		transform: translateX(-15%);
	}
}

		#tooltip-message.top:after {
			border-top-color: transparent;
			border-bottom: 10px solid #111;
			top: -20px;
			bottom: auto;
		}

		#tooltip-message.left:after {
			left: 10px;
			margin: 0;
		}

		#tooltip-message.right:after {
			right: 10px;
			left: auto;
			margin: 0;
		}

	#tooltipshipping {
		background-color: #ffffff;
		border: 1px solid #767676;
	}




	/* ----- FORMS ----- */
	select {
		height: 34px;
		line-height: 24px;
	}

	.label {
		background: none;
	}

	/* ----- BUTTONS AND LINKS ----- */

	.action-link {
		color: #DB3C11;
		font-family: "futura-pt", sans-serif;
	}

	.button {
		padding: 5px 10px;
		text-transform: uppercase;
		font-family: "futura-pt", sans-serif;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

		.button:hover {
			text-decoration: none;
		}

		.button.primary {
			border: 2px solid #00857E;
			color: white;
			background: #00857E;
		}

			.button.primary:hover {
				border: 2px solid #13746d;
				color: white;
				background: #00857E;
			}

		.button.secondary {
			background: #767676;
			border: 2px solid #767676;
			color: white;
		}

			.button.secondary:hover {
				border: 2px solid #767676;
				background: #767676;
				color: white;
			}

		.button.warning {
			background: #da4f49;
			border: 2px solid #da4f49;
			color: white;
		}

			.button.warning:hover {
				background: #da4f49;
				border: 2px solid #C13630;
				color: white;
			}


	/* ------ PRODUCT DETAIL ------ */

	.product-detail .product-image {
		text-align: center;
		float: right;
		width: 40%;
		min-height: 7em;
		max-width: 100%;
	}

		.product-detail .product-image img {
			max-width: 100%;
		}

	.product-detail .prodt-info {
		margin: 20px 0 0 0;
		border-top: 2px solid #00857E;
		border-bottom: 2px solid #00857E;
		padding: 10px 0 0 0;
	}

	.product-detail .row-fluid {
		margin-bottom: 20px;
		margin-top: 10px;
		display: inline-block;
		width: 100%;
	}

	.product-detail .product-variation {
		float: left;
		width: 60%;
		margin-bottom: 2%;
	}

	.product-detail .product-variation-name {
		display: block;
		margin: 0;
		line-height: 1em;
		font-size: 18px;
	}

	.product-detail .price-info {
		float: right;
		min-width: 300px;
		text-align: right;
		width: 40%;
	}

		.product-detail .price-info .price, .product-detail .price-info .price-note, .product-detail .price-info .price-old {
			display: inline;
			margin-right: 5px;
		}

		.product-detail .price-info .price-note {
			font-size: 22px;
		}

	.product-detail .buy-info {
		float: right;
		margin-left: 10px;
		max-width: 500px;
		text-align: right;
	}

	.product-detail .buy-quantity {
		width: 53px;
		text-align: center;
	}

	.product-detail select.buy-quantity {
		width: auto;
	}

	@-moz-document url-prefix() {
		.product-detail select.buy-quantity {
			width: 36%;
		}

		.product-detail .price-info {
			float: right;
			min-width: 300px;
			text-align: right;
			width: auto;
		}
	}

	.product-detail .product-notes {
		clear: both;
		text-align: right;
		margin-top: 10px;
	}

	.product-detail .buy-info .product-note {
		text-align: right;
		/*float: right;*/
	}

	.product-notes .product-note.qtydiscount {
		display: block;
	}

	.product-detail .buy-info .addtocart-inactive {
		padding: 0;
		height: auto;
	}

	.product-club-list li {
		padding-left: 0;
		font-size: 12px;
		margin-left: 0px;
		clear: left;
		list-style: none;
	}

		.product-club-list li span {
			float: left;
			margin-right: 10px;
		}

		.product-club-list li div {
			float: left;
			max-width: 500px;
		}

	.product-detail .product-substitution,
	.product-detail .product-substitution p {
		color: #DB3C11;
	}

		.product-detail .product-substitution p:first-child {
			font-weight: bold;
		}

		.product-detail .product-substitution span {
			font-style: italic;
		}
	/* Custom Boxes */
	.custom_box {
		float: left;
		margin: 20px 0;
		position: relative;
		padding-bottom: 10px;
		padding-top: 10px;
		display: table-cell;
		width: 18%;
		margin-right: 1%;
		text-align: center;
		height: auto;
		padding-bottom: 71px;
		border: 2px solid white;
	}

	.custom_image {
		max-height: 105px;
		margin-bottom: 20px;
	}

		.custom_image img {
			max-height: 105px;
		}

	.custom_description {
		font-size: 12px;
		margin: 0 10px 10px 10px;
		display: block;
	}


	.custom_add_info {
		position: absolute;
		bottom: 0;
		margin-bottom: 6px;
		left: 50%;
		transform: translateX(-50%);
		min-width: 110px;
	}

		.custom_add_info input[type="text"]:hover {
			cursor: default;
		}

		.custom_add_info input[type="text"] {
			padding: 4px 10px;
			text-align: center;
		}

		.custom_add_info.product-status {
			font-size: inherit;
		}

	.quantity_label {
		min-width: 110px;
		font-family: "futura-pt-condensed";
	}

	.count_container {
		display: inline-table;
	}


	button.custom_add_button {
		font-weight: 700;
		border: 1px solid #949494;
		background: #D3D3D3;
		text-align: center;
		width: 30px;
		height: 30px;
		color: #231F20;
	}


	button.custom_add_button_selected {
		border: 1px solid #00857E !important;
		background: #00857E !important;
		color: #fff !important;
	}

	input.custom_count_box {
		font-weight: 700;
		color: #555 !important;
		background-color: #fff !important;
		border: 1px solid #949494 !important;
	}

	input.custom_count_box_selected {
		border: 1px solid #00857E !important;
	}

	button.custom_minus {
		border-right: 0;
	}

	button.custom_plus {
		border-left: 0;
	}

	.custom_add_info input.custom_item_value {
		width: 50px;
		/*height: 30px;*/
		float: left;
	}

	.custom_selected {
		border: 2px dotted #00857E;
	}

	.custom_button {
		width: 30px;
		text-align: center;
		height: 30px;
		float: left;
	}
	/* Track Your Order */
	.order-tracking-single {
		margin-bottom: 20px;
	}

	.order-meta {
		width: 220px;
		padding: 20px;
		float: left;
	}

	.shipping-info {
		margin-left: 260px;
		padding-left: 20px;
		padding-top: 20px;
		margin-right: 20px;
		padding-bottom: 20px;
		border-left: 1px solid #767676;
	}

	.shipping-history {
		width: 100%;
	}

		.shipping-history td {
			padding: 10px;
			width: 30%;
		}

			.shipping-history td:first-child {
				padding-left: 0;
			}

	.order-meta label {
		text-transform: uppercase;
		color: #666666;
		margin-top: 10px;
		margin-bottom: 0;
		font-size: 12px;
	}

	.shipping-status {
		color: #DB3C11;
	}

	h1.product-heading {
		font-family: "futura-pt", sans-serif;
		font-weight: normal;
		text-transform: none;
		padding: 0;
		font-size: 38.5px;
	}

	#main-content h1.category-heading {
		font-family: "futura-pt", sans-serif;
		font-weight: normal;
		text-transform: none;
		padding: 0;
		font-size: 48px;
		line-height: 1em;
	}

	#main-content h1.product-heading {
		font-family: "futura-pt", sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		padding: 0;
		font-size: 38.5px;
	}

	#main-content h1.h2 {
		font-size: 30px;
		font-family: "trocchi", Georgia, 'Times New Roman', serif !important;
		font-weight: normal;
		line-height: 1.1;
		text-transform: none;
	}

	#main-content h2.h3 {
		font-size: 24px;
		line-height: 1.2em;
		font-family: "trocchi", Georgia, 'Times New Roman', serif;
		font-weight: normal;
	}

	#main-content h1.category-image-heading {
		overflow: hidden;
		text-indent: -3333px;
		position: relative;
	}


		#main-content h1.category-image-heading img {
			position: relative;
			left: 3333px;
			max-width: 100%;
		}


	.tagline {
		height: 100px;
		margin-left: 224px;
		position: relative;
		width: 210px;
		display: none;
	}

		.tagline span {
			color: #00857E;
			text-decoration: none;
			text-transform: none;
			font-size: 25px;
			font-family: "futura-pt", sans-serif;
			line-height: 28px;
			position: absolute;
			bottom: 15px;
		}



	.ui-btn-primary.ui-btn-primary.ui-btn-primary {
		background-color: #00857E;
		border: 2px solid #00857E;
		color: white !important;
		text-transform: uppercase;
		font-family: futura-pt, sans-serif;
		text-shadow: none;
		box-shadow: none;
	}

		.ui-btn-primary.ui-btn-primary.ui-btn-primary:hover {
			color: white;
			text-shadow: none;
			box-shadow: none;
			background-color: #00857E;
			border-color: #13746d;
		}

	.ui-btn-secondary.ui-btn-secondary.ui-btn-secondary {
		background-color: white;
		text-transform: uppercase;
		font-family: "futura-pt", sans-serif;
		border-color: #767676;
		color: #767676;
	}

		.ui-btn-secondary.ui-btn-secondary.ui-btn-secondary:hover {
			background-color: white;
			border-color: #888;
			color: #767676;
		}

	@media only screen and (min-width:1024px) { /* Desktop 1020px */
		.tagline.tagline {
			display: block;
		}
	}


	@media only screen and (min-width: 768px) {
		.imagecolumn {
			margin-top: 68px;
		}

		.zcomm:before {
			clear: both;
		}
	}

	@media only screen and (max-width: 992px) {
		.left-nav {
			display: none;
		}

		.cleardiv {
			clear: both;
		}
	}



	@media only screen and (min-width:681px) and (max-width:1020px) { /* Smartphone 767px */

		.tagline.tagline {
			display: block;
			margin-left: 50px;
		}

			.tagline.tagline span {
				top: 20px;
			}


		#logo {
			height: 400px !important;
		}
	}



	.homepage-large-content h2.topline, .product-title h2 {
		font-size: 24px;
		line-height: 1.4em;
		margin-bottom: 20px;
		font-family: "trocchi", Georgia, Times New Roman, serif;
		font-weight: normal;
	}

	.homepage-large-content .product-title h3 {
		font-size: 48px;
		line-height: 1em;
		margin-top: 0;
		color: #333131;
		font-family: "trocchi", Georgia, Times New Roman, serif;
		font-weight: normal;
	}


	.text-danger {
		color: #DB3C11;
	}

	#footer {
		padding-bottom: 30px;
		color: #333131;
	}

	.footer {
		font-size: 12px;
		display: block;
	}

		.footer h4 {
			font-family: "futura-pt", sans-serif;
			letter-spacing: normal;
			text-transform: uppercase;
		}

		.footer ul {
			list-style: none;
			padding: 0;
		}

		.footer li {
			display: block;
		}

		.footer a {
			color: #333131;
			text-decoration: none;
			line-height: 20px;
			display: inline-block;
		}

			.footer a:hover {
				text-decoration: underline;
			}

		.footer i {
			font-size: 12px;
			width: 20px;
			text-align: center;
			padding: 1px;
		}

	.footer__social i {
		font-size: 24px;
		width: 24px;
		text-align: center;
	}

	.footer__social li {
		display: inline;
		padding: 5px;
	}

	.footer__social a:hover {
		text-decoration: none;
	}

		.footer__social a:hover i.fa-facebook {
			color: #3b5998;
		}

		.footer__social a:hover i.fa-instagram {
			color: #405de6;
		}

		.footer__social a:hover i.fa-twitter {
			color: #1da1f2;
		}

		.footer__social a:hover i.fa-vimeo {
			color: #1ab7ea;
		}

	.footer__social {
		clear: both;
	}

	.foodTracker {
		padding-left: 230px;
		/* font-family: "Trocchi", Georgia, Times New Roman, serif; */
		background: url(/images/super-pig.svg) top left no-repeat;
		background-size: 208px;
		height: 125px;
		font-size: 16px;
	}
	/* Fix zcobbar temp */
	.zcobbar {
		clear: both;
	}

		.zcobbar .zcobbar-footer {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			padding-bottom: 35px;
		}

			.zcobbar .zcobbar-footer .zcobbar-description {
				min-width: unset;
			}

	@media screen and (max-width: 1444px) {
		.zcobbar-footer.zcobbar-footer li a {
			font-size: 13px;
			padding-left: 10px;
			padding-right: 10px;
		}
	}

	.footer a.the-feed:hover {
		color: #30aea7;
	}

	.footer a.the-feed {
		font-size: 20px;
		font-family: "futura-pt";
		text-transform: uppercase;
	}


	label, input, button, select, textarea {
		font-size: 14px;
		font-weight: normal;
		line-height: 20px;
		margin: 5px;
	}

		textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
			border-color: rgba(82,168,236,0.8);
			outline: 0;
			outline: thin dotted \9;
			-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 1px 8px rgba(82,168,236,0.6);
			-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 1px 8px rgba(82,168,236,0.6);
			box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 1px 8px rgba(82,168,236,0.6);
		}

		textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
			width: 100%;
			height: 34px;
			padding: 6px 12px;
			font-size: 14px;
			line-height: 1.42857143;
			color: #555;
			background-color: #fff;
			background-image: none;
			border: 1px solid #767676;
			border-radius: 4px;
			-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
			box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
			-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
			-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		}

	.custom_add_info input, .custom_add_info button {
		border-radius: 0;
		height: 30px;
		/* margin-right: 0; */
		margin: 0;
	}

	.custom_add_info * {
		box-sizing: border-box;
	}

	.video-fullwidth {
		margin: 30px;
	}

	.video-left {
		max-width: 500px;
		clear: both;
		margin: 30px auto 30px 0px;
	}

	.video-center {
		max-width: 500px;
		clear: both;
		margin: 30px auto;
	}

	.video-right {
		max-width: 500px;
		clear: both;
		margin: 30px 0px 30px auto;
	}



	/**
 * /css/boverrides.css
 */

	/* ---------- NEW! FAQ ------------ */

	.faq-content {
		background-color: white;
		padding: 20px;
	}

	.faq-questions {
		margin-bottom: 40px;
	}

		.faq-questions h1 {
			margin-left: 0;
		}

		.faq-questions h2 {
			color: #88007B;
			margin-top: 20px;
		}

		.faq-questions ul.faq-category {
			list-style: none;
			margin-left: 0;
		}

			.faq-questions ul.faq-category li {
				list-style: none;
				border-bottom: 2px dotted #6DB2AB;
				padding: 5px 0;
			}

	.faq-category a {
		color: #333131;
		width: 100%;
		display: inline-block;
	}

	.faq-questions a:hover {
		text-decoration: none;
	}

	.faq-category span {
		display: inline-block;
		width: 98%;
	}

	.faq-category li:after {
		content: "\25BC";
		color: #6DB2AB;
	}

	.single-content .faq-questions hr {
		border-color: #DB3C11;
	}

	.faq-answer {
		border-top: 1px solid #DB3C11;
		padding: 10px 0;
	}

		.faq-answer h2 {
			color: #88007B;
			font-size: 1.8em;
		}

		.single-content .faq-questions .top,
		.faq-answer .top {
			float: right;
			font-size: 14px;
			color: #DB3C11;
			text-transform: uppercase;
			font-family: "futura-pt", sans-serif;
		}

			.single-content .faq-questions .top:hover,
			.faq-answer .top:hover {
				text-decoration: none;
			}

			.faq-answer .top:before {
				content: "\25B2";
				color: #6DB2AB;
			}

	/* ADDRESS BOOK */
	.billing-addresses {
		max-width: 220px;
		display: block;
		float: left;
	}

	.shipping-addresses {
		margin-left: 250px;
	}

	.address-info {
		margin-top: 10px;
		border-bottom: 1px dotted #00857E;
		max-width: 200px;
		width: 100%;
		padding: 15px 10px 15px 0;
		display: inline-block;
		min-height: 140px;
		vertical-align: top;
	}

		.address-info span {
			display: block;
		}

		.address-info .action-link {
			display: inline-block;
			margin-right: 10px;
			margin-top: 10px;
			font-size: 16px;
		}

		.address-info .address-name {
			font-weight: bold;
		}

		.address-info .address-country {
			color: red;
		}

		.address-info .address-packages a {
		}



	/* ---------- ACCOUNT ------------ */

	.divAccountLinks div {
		width: 350px;
		float: left;
		margin-top: 40px;
	}

	.divAccountLinks ul {
		padding-left: 0;
		margin-left: 0;
	}

	.divAccountLinks li {
		list-style: none;
		margin-bottom: 20px;
		font-size: 14px;
		font-weight: bold;
		color: #762A85;
		font-family: Verdana;
	}

	.divAccountLinks span {
		display: block;
		color: #333;
		font-size: 12px;
		font-weight: normal;
	}


	/* ---------- MANAGE CREDIT CARDS ------------ */

	.manage-credit-cards th,
	.manage-credit-cards td
	.order-history th,
	.order-history td {
		border-bottom: 1px solid #767676;
		padding: 10px;
		text-align: left;
	}

	.manage-credit-cards th,
	.order-history th {
		color: #666666;
		text-transform: uppercase;
		font-size: 11px;
		background: white;
	}

	.manage-credit-cards a,
	.order-history a {
		text-transform: uppercase;
		font-weight: Bold;
		font-size: 11px;
	}

	.order-history {
		width: 80%;
	}

	.order-detail .label {
		background-color: White;
		color: #000000;
		border-radius: 0;
		padding: 0;
		text-shadow: 0;
	}


	/* ---------- TEMPLATE DESIGN OVERRIDES ------------ */

	.single-content .btn {
		padding: 5px 10px;
		text-transform: uppercase;
		color: #DB3C11;
		background: white;
		font-family: "futura-pt", sans-serif;
		border-radius: 0;
	}

		.single-content .btn:hover {
			color: white;
			background: #6DB2AB;
			text-decoration: none;
		}

	.single-content .label {
		color: inherit;
		text-shadow: none;
		padding: 0;
	}


	/* ------- ACCOUNT, HELP, CONTACT ------- */

	.single-content #account-login {
		width: 100%;
	}

	.single-content .top {
		font-size: 14px;
		margin-left: 20px;
	}

	.single-content#customer-service h2 {
		font-size: 24px;
		position: relative;
	}

		.single-content#customer-service h2 a.anchor {
			position: absolute;
			top: -40px;
		}

	.single-content#contact-us {
		padding-bottom: 50px;
	}

		.single-content#contact-us h2 {
		}

		.single-content#contact-us p {
			font-size: 12px;
			margin-top: 0;
		}

	.single-content .testimonial {
		background: #ffffff;
		border-bottom: 0;
		border-top: 1px dotted #00857E;
		padding-top: 20px;
	}

		.single-content .testimonial .leftquote,
		.single-content .testimonial .rightquote {
			color: #00857E;
		}

	.single-content hr {
		margin: 0;
		border-color: #00857E;
	}

		.single-content hr.space {
			margin: 20px 0;
		}

	/* ---------- PROFESSIONAL PRESENTS ------------ */

	.single-content #professionalpresents,
	.single-content #professionalpresents table {
		width: 100%;
	}

		.single-content #professionalpresents .propresentslogo {
			display: block;
			margin: 0 auto;
		}

		.single-content #professionalpresents #content {
			padding: 0 80px;
		}

		.single-content #professionalpresents #title {
			font-family: "trocchi",Georgia,Times New Roman,serif;
			font-weight: normal;
			color: #88007B;
			font-size: 30px;
			font-weight: bold;
			margin: 30px 0;
		}

		.single-content #professionalpresents #sideheader {
			font-family: "futura-pt", sans-serif;
			font-weight: normal;
			color: #88007B;
			text-transform: uppercase;
			font-size: 16px;
			line-height: 20px;
		}

		.single-content #professionalpresents .titleheaders,
		.single-content #professionalpresents .titleheaders strong {
			font-family: "futura-pt", sans-serif;
			font-weight: normal;
			color: #88007B;
			text-transform: uppercase;
			font-size: 24px;
			line-height: 30px;
		}

		.single-content #professionalpresents p {
			margin-top: 10px;
		}

	.single-content #professionalpresents-contact li {
		list-style: none;
	}

	.single-content #propresents-quote {
		display: none;
	}

	.single-content #professionalpresents td {
		vertical-align: top;
	}


		.single-content #professionalpresents td img {
			padding-bottom: 20px;
			max-height: 200px;
		}

	.single-content #professionalpresents.propresents-details {
	}

		.single-content #professionalpresents.propresents-details h1 {
			font-family: "trocchi",Georgia,Times New Roman,serif;
			text-transform: none;
			padding: 0;
		}

		.single-content #professionalpresents.propresents-details h2 {
			margin-top: 0;
		}

		.single-content #professionalpresents.propresents-details td {
			border-bottom: 1px dotted #00857E;
		}

		.single-content #professionalpresents.propresents-details table td {
			border-bottom: 0;
		}



	/* ---------- SEARCH ---------- */
	.searchresults h3 strong {
		color: #a4027a;
	}

	.searchresults th,
	.searchresults td {
		border-bottom: 1px dotted #00857E;
		vertical-align: top;
		text-align: left;
		padding-right: 20px;
		font-size: 12px;
	}

	.pagenotfound h3 {
		margin-top: 20px;
		margin-bottom: 0;
	}

	/* ---------- CHECKOUT ------------ */

	.single-content#checkout-main {
		max-width: 970px;
		width: 100%;
	}

	.single-content .panel-header {
		background: none;
	}

	.single-content input {
		width: auto;
	}

	.single-content #ordersummary,
	.single-content .panel,
	.single-content #cart th,
	.single-content #cart tr {
		background: #ffffff;
		border: 0;
	}

	.single-content .panel {
		/*max-width: 90%;*/
		/*border: 1px dotted #00857E;*/
	}

	.single-content #cart {
		border: 1px dotted #00857E;
	}

		.single-content #cart th,
		.single-content #cart td {
			padding: 10px;
		}

			.single-content #cart th:nth-child(4),
			.single-content #cart th:nth-child(5) {
				text-align: right;
			}

	.single-content .panel-header-2 h3,
	.single-content .panel-header h2,
	.single-content .panel-header-3 h2 {
		/*padding: 5px 0;*/
	}

	.single-content .panel-header {
		border-bottom: 0;
	}

		.single-content .panel-header h2,
		.single-content .shipping-header h2 {
			font-size: 20px;
		}

	#checkout-main.single-content .panel {
		border: 2px dotted #767676;
	}

	#checkout-main label {
		display: inline;
		margin-left: 10px;
	}

	#shipping-page label {
		display: inline;
		margin-left: 10px;
	}


	.verify-address h2 {
		font-size: 24px;
	}

	.verify-address input {
		margin-bottom: 10px;
		margin-right: 10px;
	}

	.pickuppopup label {
		display: inline;
		margin-left: 10px;
	}

	.unavailableitems {
		padding: 10px;
	}

		.unavailableitems ul {
			margin: 0 0 20px 0;
		}

		.unavailableitems li {
			margin-left: 20px;
			margin-bottom: 10px;
		}

	/**
 * /css/bcheckout.css
 */

	.checkout-pages #header {
		height: 130px;
	}

		.checkout-pages #header .container1020 {
			top: 20px;
		}

	.shipping-box h2 {
		font-size: 22px;
	}

	/* Override the dialog z-index within checkout pages Toppest of the top*/

	.ui-mobile [data-role=dialog] {
		z-index: 999;
	}

	.cart__help {
	}


	/**
 * /css/menufication.min.css
 */

	/** Minified CSS for Menufication jQuery plugin **/
	#menufication-nav, #menufication-nav * {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.menufication-scroll, .menufication-non-css3-scroll {
		overflow-y: scroll !important;
		padding-bottom: 0 !important
	}

	.menufication-display, .menufication-non-css3-display {
		display: block !important
	}

	.menufication-add-padding, .menufication-non-css3-add-padding {
		padding-top: 52px
	}

	#menufication-page-holder, #menufication-non-css3-page-holder {
		position: relative
	}

	#menufication-nav h1, #menufication-non-css3-nav h1, #menufication-nav h2, #menufication-non-css3-nav h2, #menufication-nav h3, #menufication-non-css3-nav h3 {
		margin: 0 !important;
		padding: 0 !important
	}

	.menu-toggle {
		display: none
	}

	#menufication-top, #menufication-non-css3-top {
		width: 100%;
		position: fixed;
		top: 0;
		padding-right: 1px;
		left: -1px;
		height: 52px;
		min-height: 50px;
		background: #262626;
		background: -moz-linear-gradient(top,#262626 0,#1c1c1c 50%,#262626 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#262626),color-stop(50%,#1c1c1c),color-stop(100%,#262626));
		background: -webkit-linear-gradient(top,#262626 0,#1c1c1c 50%,#262626 100%);
		background: -o-linear-gradient(top,#262626 0,#1c1c1c 50%,#262626 100%);
		background: -ms-linear-gradient(top,#262626 0,#1c1c1c 50%,#262626 100%);
		background: linear-gradient(to bottom,#262626 0,#1c1c1c 50%,#262626 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#262626', GradientType=0);
		box-shadow: 0 1px 4px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);
		z-index: 10000;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		transition: all 400ms ease
	}

	.menufication-custom-top, .menufication-non-css3-custom-top {
		position: fixed;
		top: 0;
		left: 0;
		padding-right: 1px;
		z-index: 10000;
		min-height: 50px;
		width: 100%;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		transition: all 400ms ease
	}

	#menufication-top p, #menufication-non-css3-top p {
		margin: 0 0 0 37px;
		padding-top: 6px;
		color: #C9C9C9
	}

	#menufication-outer-wrap.menufication-transition-in #menufication-top, #menufication-outer-wrap.menufication-transition-in .menufication-custom-top {
		-webkit-transform: translate3d(220px,0,0) !important;
		-moz-transform: translate3d(220px,0,0) !important;
		-ms-transform: translate3d(220px,0,0) !important;
		-o-transform: translate3d(220px,0,0) !important;
		transform: translate3d(220px,0,0) !important
	}

	#menufication-non-css3-outer-wrap.menufication-non-css3-transition-in #menufication-non-css3-top, #menufication-non-css3-outer-wrap.menufication-non-css3-transition-in .menufication-non-css3-custom-top {
		left: 220px !important
	}

	#menufication-top #menufication-header-logo, #menufication-non-css3-top #menufication-non-css3-header-logo {
		max-height: 55%;
		height: 55%;
		margin-top: 10px
	}

	#menufication-top #menufication-btn, #menufication-non-css3-top #menufication-non-css3-btn {
		position: absolute;
		margin: 11px 0 0 10px;
		border-radius: 2px;
		height: 50px;
		width: 60px;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(255,255,255,0);
		tap-highlight-color: rgba(255,255,255,0);
		outline: 0
	}

		#menufication-top #menufication-btn:before, #menufication-outer-wrap #menufication-fixed-holder {
			-webkit-transition: all 400ms ease;
			-moz-transition: all 400ms ease;
			-o-transition: all 400ms ease;
			transition: all 400ms ease;
			top: 70px;
			position: fixed
		}

	#menufication-top {
		top: -25px;
	}

	#menufication-outer-wrap.menufication-transition-in #menufication-fixed-holder {
		left: 220px !important
	}

	#menufication-outer-wrap {
		overflow: hidden;
		width: 100%;
		position: relative
	}

	#menufication-inner-wrap {
		width: 100%;
		left: 0 !important;
		position: relative;
		z-index: 2;
		-webkit-transition: -webkit-transform 400ms ease;
		-moz-transition: -moz-transform 400ms ease;
		-o-transition: -o-transform 400ms ease;
		transition: transform 400ms ease;
		-webkit-backface-visibility: hidden
	}

	#menufication-outer-wrap.menufication-transition-in #menufication-inner-wrap {
		-webkit-transform: translate3d(220px,0,0) scale3d(1,1,1);
		-moz-transform: translate3d(220px,0,0) scale3d(1,1,1);
		-ms-transform: translate3d(220px,0,0) scale3d(1,1,1);
		-o-transform: translate3d(220px,0,0) scale3d(1,1,1);
		transform: translate3d(220px,0,0) scale3d(1,1,1)
	}

	#menufication-scroll-container {
		position: fixed;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		overflow-y: auto;
		overflow-x: hidden !important;
		top: 0;
		left: 0;
		height: 100%;
		padding-bottom: 100%;
		width: 220px;
		z-index: 1;
		background-color: #262626;
		padding-top: 0;
		-webkit-transform: translate3d(-100%,0,0);
		-moz-transform: translate3d(-100%,0,0);
		-ms-transform: translate3d(-100%,0,0);
		-o-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-box-shadow: inset -15px 0 15px -8px rgba(0,0,0,.5);
		-moz-box-shadow: inset -1.5em 0 1.5em -.75em rgba(0,0,0,.5);
		box-shadow: inset -1.5em 0 1.5em -.75em rgba(0,0,0,.5);
		-webkit-transition: -webkit-transform 400ms ease;
		-moz-transition: -moz-transform 400ms ease;
		-o-transition: -o-transform 400ms ease;
		transition: transform 400ms ease
	}

	#menufication-outer-wrap.menufication-transition-in #menufication-scroll-container {
		-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
		-moz-transform: translate3d(0,0,0) scale3d(1,1,1);
		-ms-transform: translate3d(0,0,0) scale3d(1,1,1);
		-o-transform: translate3d(0,0,0) scale3d(1,1,1);
		transform: translate3d(0,0,0) scale3d(1,1,1);
		overflow-y: scroll !important;
		overflow-x: hidden !important;
		z-index: 1
	}

	#menufication-transform-container {
		-webkit-transform: translate3d(90%,10%,0) scale3d(0.9,.9,.9);
		-moz-transform: translate3d(90%,10%,0) scale3d(0.9,.9,.9);
		-ms-transform: translate3d(90%,10%,0) scale3d(0.9,.9,.9);
		-o-transform: translate3d(90%,10%,0) scale3d(0.9,.9,.9);
		transform: translate3d(90%,10%,0) scale3d(0.9,.9,.9);
		-webkit-transition: -webkit-transform 400ms ease;
		-moz-transition: -moz-transform 400ms ease;
		-o-transition: -o-transform 400ms ease;
		transition: transform 400ms ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
		position: relative;
		z-index: 2;
		width: 100%;
		top: 0
	}

	#menufication-outer-wrap.menufication-transition-in #menufication-transform-container {
		-webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);
		-moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
		-ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
		-o-transform: translate3d(0%,0,0) scale3d(1,1,1);
		transform: translate3d(0%,0,0) scale3d(1,1,1)
	}

	#menufication-nav {
		width: 100%;
		top: 0;
		position: absolute;
		-webkit-font-smoothing: antialiased !important;
		-moz-font-smoothing: antialiased !important;
		-ms-font-smoothing: antialiased !important;
		-o-font-smoothing: antialiased !important;
		font-smoothing: antialiased !important
	}

		#menufication-nav img, #menufication-non-css3-nav img {
			margin-top: 20px;
			margin-bottom: 20px;
			max-width: 80%
		}

		#menufication-nav *, #menufication-nav li, #menufication-nav div, #menufication-non-css3-nav *, #menufication-non-css3-nav li, #menufication-non-css3-nav div {
			-webkit-tap-highlight-color: rgba(255,255,255,0);
			tap-highlight-color: rgba(255,255,255,0);
			outline: 0
		}

		#menufication-nav.menufication-add-transition {
			-webkit-transition: all 600ms cubic-bezier(0,.09,0,1);
			-moz-transition: all 600ms cubic-bezier(0,.09,0,1);
			-ms-transition: all 600ms cubic-bezier(0,.09,0,1);
			-o-transition: all 600ms cubic-bezier(0,.09,0,1);
			transition: all 600ms cubic-bezier(0,.09,0,1);
			-webkit-transition-timing-function: cubic-bezier(0,.09,0,1);
			-moz-transition-timing-function: cubic-bezier(0,.09,0,1);
			-ms-transition-timing-function: cubic-bezier(0,.09,0,1);
			-o-transition-timing-function: cubic-bezier(0,.09,0,1);
			transition-timing-function: cubic-bezier(0,.09,0,1)
		}

		#menufication-nav.menufication-add-transition-scroll {
			-webkit-transition: -webkit-transform 300ms ease-out;
			-moz-transition: -moz-transform 300ms ease-out;
			-o-transition: -o-transform 300ms ease-out;
			transition: transform 300ms ease-out
		}

		#menufication-nav ul:first-child, #menufication-nav .menufication-menu-level-0, #menufication-non-css3-nav .menufication-non-css3-menu-level-0 {
			padding-left: 0 !important;
			margin-top: 0
		}

			#menufication-nav .menufication-menu-level-0:nth-child(2), #menufication-non-css3-nav .menufication-non-css3-menu-level-0:nth-child(2) {
				margin-top: 30px
			}

		#menufication-nav ul, #menufication-non-css3-nav ul, #menufication-nav li, #menufication-non-css3-nav li {
			margin-left: 0;
			padding-left: 15px !important;
			max-width: 100% !important
		}

		#menufication-nav li, #menufication-non-css3-nav li {
			width: 100%
		}

			#menufication-nav li.menufication-active-class > a, #menufication-non-css3-nav li.menufication-active-class > a {
				color: #00A3E0 !important
			}

		#menufication-nav ul:first-child li, #menufication-non-css3-nav ul:first-child li {
			color: #fff
		}

		#menufication-nav li, #menufication-non-css3-nav li {
			padding: 13px 0 13px 15px;
			list-style: none;
			position: relative;
			border-bottom: 1px solid #111;
			border-top: 1px solid #333;
			line-height: 1 !important
		}

			#menufication-nav li.menufication-has-child-menu:before, #menufication-non-css3-nav li.menufication-non-css3-has-child-menu:before {
				content: "+";
				color: #fff;
				font-size: 20px;
				font-weight: 700;
				margin-top: -2px;
				float: right;
				margin-right: 10%;
				height: 12px
			}

			#menufication-nav li.menufication-child-menu-open:before, #menufication-non-css3-nav li.menufication-non-css3-child-menu-open:before {
				content: "";
				width: 12px;
				border-bottom: 2px solid #fff;
				float: right;
				margin-right: 10.5%;
				height: 10px !important
			}

		#menufication-nav .menufication-menu-level-1 li.menufication-has-child-menu:before, #menufication-non-css3-nav .menufication-non-css3-menu-level-1 li.menufication-non-css3-has-child-menu:before {
			margin-top: -3px !important
		}

		#menufication-nav .menufication-menu-level-2 li.menufication-has-child-menu:before, #menufication-non-css3-nav .menufication-non-css3-menu-level-2 li.menufication-non-css3-has-child-menu:before {
			margin-top: -4px !important
		}

		#menufication-nav .menufication-menu-level-1 li.menufication-child-menu-open:before, #menufication-non-css3-nav .menufication-non-css3-menu-level-1 li.menufication-non-css3-has-child-menu:before {
			height: 9px !important
		}

		#menufication-nav .menufication-menu-level-2 li.menufication-has-child-menu:before, #menufication-non-css3-nav .menufication-non-css3-menu-level-2 li.menufication-non-css3-child-menu-open:before {
			height: 8px !important
		}

		#menufication-nav li a, #menufication-non-css3-nav li a {
			text-shadow: 0 1px 0 #000;
			text-decoration: none;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-ms-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			font-smoothing: antialiased !important;
			font: 17px Helvetica,Arial,Georgia,Time !important;
			line-height: 1 !important;
			font-family: Helvetica,Arial,Georgia,Time !important;
			font-weight: 400 !important
		}

		#menufication-nav li a, #menufication-non-css3-nav li a {
			font-size: 17px;
			font-weight: 700;
			text-transform: capitalize
		}

		#menufication-nav .menufication-child-menu, #menufication-non-css3-nav .menufication-non-css3-child-menu {
			margin-top: 13px;
			border-top: 1px solid #111;
			border-bottom: 1px solid #333;
			padding-left: 0 !important;
			margin-bottom: -15px;
			display: none;
			margin-left: -15px
		}

			#menufication-nav .menufication-child-menu li a, #menufication-nav-non-css3-nav .menufication-non-css3-child-menu li a {
				font-size: 14px !important;
				margin-left: 10px
			}

		#menufication-nav .menufication-menu-level-2 li a, #menufication-nav-non-css3-nav .menufication-non-css3-menu-level-2 li a {
			margin-left: 20px !important
		}

		#menufication-nav .menufication-menu-level-3 li a, #menufication-nav-non-css3-nav .menufication-non-css3-menu-level-3 li a {
			margin-left: 30px !important
		}

	#menufication-non-css3-outer-wrap {
		position: relative;
		overflow: hidden;
		width: 100%
	}

	#menufication-non-css3-inner-wrap {
		position: relative;
		width: 100%;
		left: 0;
		-webkit-transition: left 400ms ease;
		-moz-transition: left 400ms ease;
		-o-transition: left 400ms ease;
		transition: left 400ms ease
	}

	#menufication-non-css3-outer-wrap.menufication-non-css3-transition-in #menufication-non-css3-inner-wrap {
		left: 220px !important
	}

	#menufication-non-css3-scroll-container {
		position: fixed;
		top: 0;
		min-height: 200%;
		width: 220px;
		background-color: #262626;
		padding-top: 0;
		left: -100%;
		overflow: hidden;
		-webkit-transition: left 400ms ease;
		-moz-transition: left 400ms ease;
		-o-transition: left 400ms ease;
		transition: left 400ms ease
	}

	#menufication-non-css3-transform-container {
		width: 100%;
		top: 0;
		position: absolute
	}

	#menufication-non-css3-nav {
		width: 100%;
		top: 0;
		position: absolute
	}

		#menufication-non-css3-nav * {
			-webkit-tap-highlight-color: rgba(255,255,255,0);
			tap-highlight-color: rgba(255,255,255,0);
			outline: 0
		}

	#menufication-non-css3-outer-wrap.menufication-non-css3-transition-in #menufication-non-css3-scroll-container {
		overflow-y: scroll !important;
		overflow-x: hidden !important;
		overflow: scroll;
		z-index: 200;
		left: 0 !important
	}

	#menufication-non-css3-nav ul:first-child {
		padding-left: 0 !important;
		margin-top: 0;
		padding-top: 0
	}

	#menufication-outer-wrap.right-direction {
	}

		#menufication-outer-wrap.right-direction.menufication-transition-in #menufication-top, #menufication-outer-wrap.right-direction.menufication-transition-in .menufication-custom-top {
			-webkit-transform: translate3d(-220px,0,0) !important;
			-moz-transform: translate3d(-220px,0,0) !important;
			-ms-transform: translate3d(-220px,0,0) !important;
			-o-transform: translate3d(-220px,0,0) !important;
			transform: translate3d(-220px,0,0) !important
		}

		#menufication-outer-wrap.right-direction #menufication-top #menufication-btn {
			position: absolute;
			right: -5px;
			top: 12px;
			margin: 0;
			border-radius: 2px;
			height: 50px;
			width: 60px;
			cursor: pointer
		}

		#menufication-outer-wrap.right-direction.menufication-transition-in #menufication-fixed-holder {
			right: 220px !important
		}

		#menufication-outer-wrap.right-direction #menufication-inner-wrap {
			right: 0 !important
		}

		#menufication-outer-wrap.right-direction.menufication-transition-in #menufication-inner-wrap {
			-webkit-transform: translate3d(-220px,0,0) scale3d(1,1,1);
			-moz-transform: translate3d(-220px,0,0) scale3d(1,1,1);
			-ms-transform: translate3d(-220px,0,0) scale3d(1,1,1);
			-o-transform: translate3d(-220px,0,0) scale3d(1,1,1);
			transform: translate3d(-220px,0,0) scale3d(1,1,1)
		}

		#menufication-outer-wrap.right-direction #menufication-scroll-container {
			right: 0 !important;
			left: auto !important;
			-webkit-transform: translate3d(220px,0,0);
			-moz-transform: translate3d(220px,0,0);
			-ms-transform: translate3d(220px,0,0);
			-o-transform: translate3d(220px,0,0);
			transform: translate3d(220px,0,0);
			-webkit-box-shadow: inset -5px 0 5px 8px rgba(0,0,0,.5);
			-moz-box-shadow: inset -1.5em 0 1.5em .75em rgba(0,0,0,.5);
			box-shadow: inset -1.5em 0 1.5em .75em rgba(0,0,0,.5)
		}

		#menufication-outer-wrap.right-direction.menufication-transition-in #menufication-scroll-container {
			-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
			-moz-transform: translate3d(0,0,0) scale3d(1,1,1);
			-ms-transform: translate3d(0,0,0) scale3d(1,1,1);
			-o-transform: translate3d(0,0,0) scale3d(1,1,1);
			transform: translate3d(0,0,0) scale3d(1,1,1)
		}

		#menufication-outer-wrap.right-direction #menufication-transform-container {
			-webkit-transform: translate3d(10%,10%,0) scale3d(0.9,.9,.9);
			-moz-transform: translate3d(10%,10%,0) scale3d(0.9,.9,.9);
			-ms-transform: translate3d(10%,10%,0) scale3d(0.9,.9,.9);
			-o-transform: translate3d(10%,10%,0) scale3d(0.9,.9,.9);
			transform: translate3d(10%,10%,0) scale3d(0.9,.9,.9)
		}

		#menufication-outer-wrap.right-direction.menufication-transition-in #menufication-transform-container {
			-webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);
			-moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
			-ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
			-o-transform: translate3d(0%,0,0) scale3d(1,1,1);
			transform: translate3d(0%,0,0) scale3d(1,1,1)
		}

	#menufication-non-css3-outer-wrap.right-direction #menufication-non-css3-top {
		-webkit-transition: right 400ms ease;
		-moz-transition: right 400ms ease;
		-o-transition: right 400ms ease;
		transition: right 400ms ease
	}

		#menufication-non-css3-outer-wrap.right-direction #menufication-non-css3-top #menufication-non-css3-btn {
			position: absolute;
			right: -5px;
			top: 12px;
			margin: 0;
			border-radius: 2px;
			height: 50px;
			width: 60px;
			cursor: pointer
		}

	#menufication-non-css3-outer-wrap.right-direction.menufication-non-css3-transition-in #menufication-non-css3-top {
		right: 220px !important;
		left: auto !important
	}

	#menufication-non-css3-outer-wrap.right-direction #menufication-non-css3-inner-wrap {
		position: relative;
		width: 100%;
		right: 0 !important;
		left: auto !important;
		-webkit-transition: right 400ms ease;
		-moz-transition: right 400ms ease;
		-o-transition: right 400ms ease;
		transition: right 400ms ease
	}

	#menufication-non-css3-outer-wrap.right-direction.menufication-non-css3-transition-in #menufication-non-css3-inner-wrap {
		right: 220px !important;
		left: auto !important
	}

	#menufication-non-css3-outer-wrap.right-direction #menufication-non-css3-scroll-container {
		right: -100%;
		left: auto !important;
		-webkit-transition: right 400ms ease;
		-moz-transition: right 400ms ease;
		-o-transition: right 400ms ease;
		transition: right 400ms ease
	}

	#menufication-non-css3-outer-wrap.right-direction.menufication-non-css3-transition-in #menufication-non-css3-scroll-container {
		right: 0 !important;
		left: auto !important
	}

	#menufication-outer-wrap.light #menufication-nav a, #menufication-outer-wrap.light #menufication-nav p, #menufication-outer-wrap.light #menufication-non-css3-nav a, #menufication-outer-wrap.light #menufication-non-css3-nav p, #menufication-non-css3-outer-wrap.light #menufication-nav a, #menufication-non-css3-outer-wrap.light #menufication-nav p, #menufication-non-css3-outer-wrap.light #menufication-non-css3-nav a, #menufication-non-css3-outer-wrap.light #menufication-non-css3-nav p {
		color: #5A5A5A;
		font-weight: 500 !important;
		text-shadow: none;
		font-size: 18px !important
	}

	#menufication-outer-wrap.light li, #menufication-non-css3-outer-wrap.light li {
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #E8E7E7
	}

	#menufication-outer-wrap.light #menufication-top, #menufication-outer-wrap.light #menufication-non-css3-top, #menufication-non-css3-outer-wrap.light #menufication-top, #menufication-non-css3-outer-wrap.light #menufication-non-css3-top {
		background: #fff;
		background: -moz-linear-gradient(top,#fff 0,#f7f7f7 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f7f7f7));
		background: -webkit-linear-gradient(top,#fff 0,#f7f7f7 100%);
		background: -o-linear-gradient(top,#fff 0,#f7f7f7 100%);
		background: -ms-linear-gradient(top,#fff 0,#f7f7f7 100%);
		background: linear-gradient(to bottom,#fff 0,#f7f7f7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0)
	}

		#menufication-outer-wrap.light #menufication-top #menufication-btn:before, #menufication-outer-wrap.light #menufication-non-css3-top #menufication-non-css3-btn:before, #menufication-non-css3-outer-wrap.light #menufication-top #menufication-btn:before, #menufication-non-css3-outer-wrap.light #menufication-non-css3-top #menufication-non-css3-btn:before {
			border-color: #303335 !important
		}

	#menufication-outer-wrap.light #menufication-scroll-container, #menufication-outer-wrap.light #menufication-non-css3-scroll-container, #menufication-non-css3-outer-wrap.light #menufication-scroll-container, #menufication-non-css3-outer-wrap.light #menufication-non-css3-scroll-container {
		background: #FAFAFA;
		-webkit-box-shadow: inset -5px 0 10px -8px rgba(0,0,0,.4);
		-moz-box-shadow: inset -5px 0 10px -8px rgba(0,0,0,.4);
		box-shadow: inset -5px 0 10px -8px rgba(0,0,0,.4)
	}

	#menufication-outer-wrap.light .menufication-menu-level-0 li:first-child, #menufication-outer-wrap.light .menufication-non-css-3-menu-level-0 li:first-child, #menufication-non-css3-outer-wrap.light .menufication-menu-level-0 li:first-child, #menufication-non-css3-outer-wrap.light .menufication-non-css-3-menu-level-0 li:first-child {
		border-top: 0 !important
	}

	#menufication-outer-wrap.light .menufication-child-menu, #menufication-outer-wrap.light .menufication-non-css3-child-menu, #menufication-non-css3-outer-wrap.light .menufication-child-menu, #menufication-non-css3-outer-wrap.light .menufication-non-css3-child-menu {
		border-top: 1px solid #E8E7E7
	}

	#menufication-outer-wrap.light #menufication-nav li.menufication-has-child-menu:before, #menufication-outer-wrap.light #menufication-non-css3-nav li.menufication-non-css3-has-child-menu:before, #menufication-non-css3-outer-wrap.light #menufication-nav li.menufication-has-child-menu:before, #menufication-non-css3-outer-wrap.light #menufication-non-css3-nav li.menufication-non-css3-has-child-menu:before {
		color: #5A5A5A
	}

	#menufication-outer-wrap.light #menufication-nav li.menufication-child-menu-open:before, #menufication-outer-wrap.light #menufication-non-css3-nav li.menufication-non-css3-child-menu-open:before, #menufication-non-css3-outer-wrap.light #menufication-nav li.menufication-child-menu-open:before, #menufication-non-css3-outer-wrap.light #menufication-non-css3-nav li.menufication-non-css3-child-menu-open:before {
		border-bottom: 2px solid #5A5A5A
	}

	/**
 * /css/bresponsive.css
 */

	/*Changed on 09/13/2019 at 12.05pm */


	* {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	/* Add to bscreen.css */
	.main-pages .container1020 {
		width: 100%;
		max-width: 1020px;
	}

	#mobile_menu, #flyout-menu {
		display: none;
	}

	.mobile_menu_wrapper {
		display: none;
	}




	/* Mobile Menu */
	@media only screen and (max-width:1024px) { /* Smartphone and Tablet - 1020px */

		/* Menufication */

		#menufication-top, #menufication-non-css3-top {
			width: 50px;
			background: none; /*white;*/
			box-shadow: none;
			z-index: 80;
			position: absolute;
			top: -25px !important;
		}

		/*#menufication-top #menufication-btn, #menufication-top #menufication-non-css3-btn {
            width: 60px;
            height: 45px;
            position: relative;
            margin: 50px auto;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            cursor: pointer;
        }

             #menufication-btn span, #menufication-non-css3-btn span {
                /*background: yellow;
width: 32px;
height: 31px;*/
		/*  display: block;
                position: absolute;
                height: 4px;
                width: 48%;
                background: #a4027a;
                border-radius: 9px;
                opacity: 1;
                left: 10px;
                top: 10px;
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: .25s ease-in-out;
                -moz-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
            }

                 #menufication-btn span:nth-child(1) {
                    top: -37px;
                    -webkit-transform-origin: left center;
                    -moz-transform-origin: left center;
                    -o-transform-origin: left center;
                    transform-origin: left center;
                }

                 #menufication-btn span:nth-child(2) {
                    top: -29px;
                    -webkit-transform-origin: left center;
                    -moz-transform-origin: left center;
                    -o-transform-origin: left center;
                    transform-origin: left center;
                }
                 #menufication-btn span:nth-child(3) {
                    top: -21px;
                    -webkit-transform-origin: left center;
                    -moz-transform-origin: left center;
                    -o-transform-origin: left center;
                    transform-origin: left center;
                }


    #menufication-btn.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: -39px;
        left: 8px;
    }

    #menufication-btn.open span:nth-child(2) {
        width: 0%;
        opacity: 0;
    }

    #menufication-btn.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: -19px;
        left: 8px;
    }
    */
		#menufication-btn span, #menufication-non-css3-btn span, #menufication-btn span:before, #menufication-non-css3-btn span:before,
		#menufication-btn span:after, #menufication-non-css3-btn span:after {
			cursor: pointer;
			border-radius: 1px;
			height: 5px;
			width: 35px;
			background: #88007B;
			position: absolute;
			display: block;
			content: '';
		}

			#menufication-btn span:before, #menufication-non-css3-btn span:before {
				top: 10px;
			}

		#menufication-btn.active span:before {
			top: 19px;
		}

		#menufication-btn span:after, #menufication-non-css3-btn span:after {
			bottom: -20px;
		}


		#menufication-btn span, #menufication-btn span:before, #menufication-btn span:after, #menufication-non-css3-btn span, #menufication-non-css3-btn span:before, #menufication-non-css3-btn span:after {
			transition: all 500ms ease-in-out;
		}

		#menufication-btn.active span, #menufication-non-css3-btn.active span {
			background-color: transparent;
		}

			#menufication-btn.active span:before, #menufication-non-css3-btn.active span:before {
				transform: rotate(45deg);
			}

			#menufication-btn.active span:after, #menufication-non-css3-btn.active span:after {
				transform: rotate(-45deg);
			}





		#menufication-inner-wrap {
			top: -50px;
			margin-bottom: -50px;
		}

		#menufication-scroll-container,
		#menufication-non-css3-nav,
		.menufication-non-css3-scroll {
			/*background-color: #88007B;*/
			background-color: #fff;
		}


			#menufication-nav .menufication-menu-level-0:nth-child(2),
			#menufication-non-css3-nav .menufication-non-css3-menu-level-0:nth-child(2) {
				margin-top: 0;
			}

			#menufication-nav li, #menufication-non-css3-nav li {
				border: 0;
				color: #88007B !important;
			}


		.background_selected {
			background-color: #88007B;
			color: #fff !important;
		}

		#menufication-nav li a, #menufication-non-css3-nav li a {
			font-family: "Futura-PT", Helvetica,Arial,Georgia,Time !important;
			font: 20px "Futura-PT", Helvetica,Arial,Georgia,Time !important;
			text-transform: uppercase;
			text-shadow: none;
			display: inline-block;
			width: 87%;
			height: 100%;
		}


		#menufication-nav li div, #menufication-non-css3-nav li div {
			display: none;
		}

		#flyout-menu {
			display: inline;
		}

		.mobile_menu_wrapper {
			display: inline;
		}

		.product-info.product-info {
			padding-bottom: 80px;
		}
	}
	/*search bar*/
	#search {
		position: absolute;
		top: 44px;
		right: 2%;
		width: 420px;
	}



	#menufication-scroll-container {
		box-shadow: none !important;
	}







	@media only screen and (max-width: 680px) { /* Smartphone 767px */

		#search .search-query {
			width: 90% !important;
		}

		.nodisp {
			display: none !important;
		}


		.container {
			padding: 0;
		}

		/* Remove menus */
		.main-pages #toppanel,
		.main-pages .mainmenu,
		.main-pages #wrapper_menu,
		.main-pages .utilities li,
		.main-pages .footer-links,
		.main-pages .social-media {
			display: none;
		}

		/* Header */
		.main-pages #header {
			/*padding-top: 20px;*/
			padding-bottom: 15px;
		}

		.main-pages #logo {
			position: static;
			width: 150px;
			margin: 0 auto;
			margin-top: -30px;
			background-image: url('/images/mobile-logo.svg');
			background-size: 150px;
			/*background-image: url('/images/master/mobile-logo.png');*/
			background-position-y: 10px;
		}

			.main-pages #logo a {
				width: 215px;
				height: 45px;
			}

			.main-pages #logo h1 {
				margin: 0;
			}
		/*.main-pages #search {
position: absolute;
top: 44px;
right: 8%;
width: 390px;
border: 1px black solid;
border-radius: 30px 0 0 30px;

}*/
		.main-pages #search {
			display: block;
			width: 90%;
			margin: 5px;
			position: relative;
			top: 0;
			left: 1%;
			height: 32px;
		}

		.main-pages .hours {
			display: none;
		}

		.main-pages .phone-number {
			display: block;
			position: static;
			margin: 0 auto;
			margin-top: -10px;
			width: 160px;
			text-align: center;
		}

		.main-pages .navigation.utilities .cart-link {
			display: block;
			position: absolute;
			top: -95px;
			right: 20px;
		}

		.main-pages .navigation.utilities .cart-quantity {
		}

		.main-pages .navigation.utilities .cart-text {
			display: none;
		}

		/* Primary buttons are 100% */
		.button.primary {
			text-align: center;
			display: inline-block;
			padding-top: 10px;
			padding-bottom: 10px;
		}

		.button.warning {
			width: 100%;
			text-align: center;
			display: inline-block;
			padding-top: 10px;
			padding-bottom: 10px;
		}

		#SubscribeENewsButton {
			width: 100%;
		}


		/* All product boxes are 100% */
		.product-box.homepage-large,
		.product-box.homepage-medium,
		.product-box.homepage-small,
		.searchspring-items.ss-targeted .product-box.homepage-small {
			max-width: 98%;
			flex-basis: 98%;
			margin-left: 1%;
		}

			.product-box.homepage-large .product-image {
				float: none;
				display: block;
				text-align: center;
				margin: 0 auto;
			}

			.product-box.homepage-large .product-info {
				float: none;
				width: 95%;
			}

			.product-box.homepage-large h2 {
				line-height: 1em;
			}

			.product-box.homepage-large h3.product-subtitle {
				font-size: 1.5em;
				line-height: 1em;
			}

			/*
.product-box.homepage-medium .product-image,
.product-box.homepage-medium .product-info {
float: none;
display: block;
width: 90%;
}
.product-box.homepage-medium .product-image {
text-align: center;
margin-bottom: 20px;
width: 100%;
}

.product-box.homepage-medium .product-image img {
max-width: 90%; 
max-height: none;
}*/
			.product-box.homepage-medium .product-info {
				width: 60%;
			}

			.product-box.homepage-medium .product-image {
				width: 30%;
			}

			.product-box.homepage-small .product-image img {
				max-width: 90%;
				max-height: none;
			}

		.product-box .buy-info {
			text-align: center;
			margin: 0;
		}

			.product-box .buy-info a {
				width: 80%;
			}



			.product-box .buy-info input[type="submit"] {
				width: 80%;
			}

		.product-box.homepage-large .buy-info,
		.product-box.homepage-medium .buy-info {
			width: 98%;
			margin-left: 1%;
		}

		/* Product Detail */
		.product-detail {
			margin: 0 1%;
		}

		.custom_box {
			width: 45%;
		}

		.custom_add_info input.custom_item_value {
			width: 50px;
		}


		/* Remove hovers */
		.product-box:hover .quicklook {
			visibility: hidden;
			display: none;
		}

		/* Other elements are 100% */
		.main-pages .food-tracker {
			position: static;
			width: 100%;
		}

			.main-pages .food-tracker span {
			}

		.main-pages .guarantee {
			max-width: none;
			width: 90%;
			margin: 0 5%;
			line-height: 1.3em;
		}

		#main-content .pages {
			text-align: center;
		}

		/* Remove footer */
		.main-pages .zcob-footer {
			display: none;
		}


		.main-pages .guarantee {
			/*margin-top: 140px;*/
		}

		.main-pages .food-tracker {
			right: auto;
		}


		.footer__contact {
			order: 3;
			flex-basis: 100%;
		}

		.footer__gifts {
			order: 4;
			flex-basis: 100%;
		}

		.footer__enews {
			order: 1;
			flex-basis: 100%;
			padding-bottom: 30px;
		}

		.footer__social {
			order: 2;
			flex-basis: 100%;
		}

		.footer__help {
			order: 5;
			flex-basis: 50%;
		}

		.footer__about {
			order: 6;
			flex-basis: 50%;
		}

		.footer__guarantee {
			order: 7;
		}

		.footer__tracker {
			order: 8;
		}

		.footer {
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
		}

			.footer h4 {
				font-size: 20px;
			}

			.footer a {
				font-size: 14px;
				padding: 7px 0px;
				display: inline-block;
			}

			.footer i {
				font-size: 14px;
			}

		.footer__social i {
			font-size: 24px;
			width: 24px;
		}

		/*Frequent Foodie*/

		/*.foodiepointtable th {
        text-align:center;
    }

    .foodiepointtable > tbody > th > :nth-child(2) {
        text-align: center;
    }

    .foodiepointtable > tbody > tr > :nth-child(2) {
        text-align: center;
    }
        .foodiepointtable > tbody > tr > :nth-child(3){
            text-align:center;
        }
    */
		/* Item History page*/
		.paging {
			display: flex;
			/*  border: 2px solid #d4caca;*/
			margin: 10px 0px;
			justify-content: center;
			float: none;
			background: none;
		}

			.paging td {
				display: inline-block;
				border: 2px solid #d4caca;
				text-decoration: none;
				border-right: 0;
			}
	}

	@media only screen and (max-width: 1020px) {

		.nodisp {
			display: none !important;
		}

		.sliding {
			position: relative !important;
			height: 0 !important;
		}


		.foodiepointtable th {
			font-size: 16px;
		}


		.foodiepointtable td {
			padding: 0px;
			font-size: 19px;
		}
	}

	.product-detail {
		position: relative;
		overflow: hidden;
	}

	@media only screen and (min-width:681px) and (max-width:1020px) { /* Tablet max 768px - 1020px */
		#main-content {
			padding: 10px;
		}

		.container {
			padding: 0;
		}

		#search {
			position: absolute;
			top: 10px;
			right: 3%;
			width: 375px;
		}



			#search .search-query {
				width: 315px !important;
			}
		/* Remove menus */
		.main-pages #toppanel,
		.main-pages .mainmenu,
		.main-pages #wrapper_menu,
		.main-pages .footer-links {
			display: none;
		}

		.main-pages #mobile_menu, #flyout-menu {
			display: none;
		}

		/* Header */
		.main-pages #header {
			padding-top: 20px;
			/*padding-bottom: 0px;*/
		}

		.main-pages #logo {
			top: -27px;
			left: 50px;
			/*background-image: url('/images/master/mobile-logo.png');*/
			background-image: url('/images/mobile-logo.svg');
		}

		.tagline.tagline {
			margin-top: 5px;
		}

		.main-pages .hours {
			display: none;
		}



		.main-pages .navigation.utilities {
			top: 54px;
			right: 6%;
		}

		.main-pages .phone-number {
			top: -20px;
		}

		/* Product boxes are 2-up for small */
		.product-box.homepage-large
		/*,
.product-box.homepage-medium*/ {
			width: 100%;
		}


		.product-box.homepage-medium .product-image img {
			max-height: 10em;
		}

		.product-box.homepage-medium .product-image {
			width: 40%;
			margin: 20px 20px 0 0;
		}


		/* Product Detail */
		.product-detail {
			margin: 0 1%;
			position: relative;
		}


		/* Remove hovers */
		.product-box:hover .quicklook {
			visibility: hidden;
			display: none;
		}


		.footer__contact {
			order: 4;
			flex-basis: 50%;
		}

		.footer__gifts {
			order: 6;
			flex-basis: 50%;
		}

		.footer__enews {
			order: 1;
			flex-basis: 50%;
			padding-bottom: 30px;
		}

		.footer__social {
			order: 2;
			flex-basis: 50%;
		}

		.footer__help {
			order: 3;
			flex-basis: 50%;
		}

		.footer__about {
			order: 5;
			flex-basis: 50%;
		}

		.footer__guarantee {
			order: 7;
			flex-basis: 50%;
		}

		.footer__tracker {
			order: 8;
			flex-basis: 50%;
		}

		.footer {
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
		}

			.footer a {
				font-size: 14px;
				padding: 7px 0px;
				display: inline-block;
			}

			.footer i {
				font-size: 14px;
			}

		.footer__social i {
			font-size: 24px;
			width: 24px;
		}

		.footer a.the-feed {
			font-size: 24px;
			font-family: "trocchi", Georgia, Times New Roman, serif;
		}



		/*Frequent Foodie*/


		/*.foodiepointtable > tbody > tr > :nth-child(2) {
        text-align: center;
    }

    .foodiepointtable > tbody > tr > :nth-child(3) {
        text-align: center;
    }
       */
		.foodiepointtable td {
			padding: 0px;
			font-size: 19px;
			font-weight: 600;
		}

		.imagediv {
			margin-top: 27px;
		}


		/*.foodiepointtable td:after
    {
        content:"...................";
        color:#a4027a;
        display:inline;
        overflow:h
    }*/




	}

	@media only screen and (min-width:1021px) and (max-width:1205px) { /* Tablet max 768px - 1020px */

		.main-pages .navigation.utilities {
			top: 88px;
			right: 6%;
		}
	}

	@media only screen and (max-width: 450px) {
		/*Foodie point table*/


		.foodiepointtable th {
			font-size: 1.13em;
			padding: 10px 4px;
		}


		.foodiepointtable td {
			padding: 0px 5px !important;
			font-size: 19px;
		}
	}

	@media only screen and (max-width: 374px) {
		/*Foodie point table*/

		.foodiepointtable th {
			font-size: 14px;
			padding: 10px 4px;
		}


		.foodiepointtable td {
			padding: 0px 5px !important;
			font-size: 17px;
		}
	}

	@media only screen and (max-width: 338px) {

		.foodiepointtable th {
			font-size: 0.93em !important;
		}


		.foodiepointtable td {
			padding: 0px 5px !important;
			font-size: 16px;
		}
	}




	@media only screen and (max-width: 338px) {

		.foodiepointtable th {
			font-size: 12px !important;
		}


		.foodiepointtable td {
			padding: 0px 5px !important;
			font-size: 15px;
		}
	}

	@media only screen and (max-width: 319px) {

		.foodiepointtable th {
			font-size: 10px !important;
			padding: 10px 9px !important;
		}


		.foodiepointtable td {
			padding: 0px 5px !important;
			font-size: 13px;
		}
	}



	@media only screen and (min-width:1020px) { /* Desktop 1020px */

		.main-pages #header {
			padding-bottom: 20px;
		}


		.tagline.tagline {
			display: block;
		}

		/*#search {
        position: absolute;
        top: 41px;
        right: 1%;
        width: 400px;
    }*/

		/* Reset menufication */
		#menufication-inner-wrap {
			top: 0 !important;
		}

		#mobile_menu, #flyout-menu {
			display: none !important;
		}

		.mobile_menu_wrapper {
			display: none;
		}

		.imagediv {
			margin-top: 27px;
		}

		.menufication-add-padding, .menufication-non-css3-add-padding {
			padding-top: 0px !important;
		}
	}

	@media only screen and (max-width: 1190px ) {
		.zcobbar-ribbon {
			display: none;
		}
	}


	/**
 * /css/bsearch.css
 */

	#search .gstl_50 {
		height: 25px;
	}

	#search .gsib_a {
		width: 100%;
		padding: 0;
	}

	#search .gsib_b {
		padding: 0;
		right: 5px;
		position: relative;
	}


	/*input.search-query {
    height: 20px;
    background: white;
    padding: 0 5px;
    border-radius: 0;
    margin: 0;
    font-size: 0.8em;
    border:0;
    margin-right: -10px;
}*/


	input.search-query {
		height: 29px !important;
		margin: 0 !important;
	}

	input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
		border: none;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		border-radius: 30px 0px 0px 30px;
		position: relative;
		left: 5px;
	}


	input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus,
	button.gsc-search-button, button.gsc-search-button:hover, button.gsc-search-button:focus {
		border: none;
		background-color: #DB3C11;
		position: relative;
		left: -5px;
	}

	.gsc-search-box-tools .gsc-search-box input.gsc-input {
		padding-left: 15px !important;
	}

	.gsc-search-box-tools .gsc-search-box .gsc-input {
		padding: 2px 2px 0px 0px !important;
		background-position-x: 15px !important;
	}

	.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2, button.gsc-search-button-v2 {
		padding: 6px 10px;
		border-radius: 0px 30px 30px 0px;
		cursor: pointer;
	}

	button.gsc-search-button-v2 {
		line-height: inherit;
		margin: inherit;
		height: inherit;
	}

	focus
	.gsc-search-button input {
		box-sizing: content-box;
	}

	.ss-product-image .ss-image-wrapper {
		width: auto;
		height: auto;
		overflow: unset;
		padding-bottom: unset;
	}

		.ss-product-image .ss-image-wrapper img {
			position: relative;
			display: block;
		}

	.searchspring-container {
		min-height: 450px;
	}

		.searchspring-container.ss-targeted {
			width: 100%;
		}

	.addthis_inline_share_toolbox_hhif {
		margin-top: 15px;
	}


	/* Hourglass for page loading*/

	/*Overlay with hourglass*/

	.product-box.homepage-small.productboxoverlay::after, .payments__creditcards.billingoverlay::after, .product-row.pageoverlay::after {
		position: absolute;
		top: 36%;
		left: 45%;
		content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e%3csvg fill='%23a9a9a9' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' transform='matrix(.69 0 0 .69 15.5 15.5)'%3e%3cpath d='M32.1 29.5l2-1.3c7.8-6 10-11.2 10.3-14.7 0-.5-.4-.8-.8-.6-3.3 1.4-9.6 3.6-13 1.8-3.6-1.7-8-1-10.3-.4-.4 0-.6.4-.5.8.8 3.3 3.3 8 10 13l2 1.4h.3z'/%3e%3ccircle cx='32' cy='34.5' r='1.8'/%3e%3ccircle cx='32' cy='42.8' r='2.9'/%3e%3cpath d='M49.8 55.2c1-4.4.8-13.5-11.5-23.5C51.8 20.7 50.7 11 49.5 7.1c2.3-.6 3.6-1.3 3.6-2.1 0-2.1-9.4-3.8-21.1-3.8S10.9 2.9 10.9 5c0 .8 1.3 1.5 3.6 2.1-1.2 3.8-2.3 13.7 11.2 24.6-12.3 10-12.5 19-11.5 23.5-2.1.6-3.3 1.3-3.3 2V59c0 2.1 9.4 3.8 21.1 3.8s21.1-1.7 21.1-3.8v-1.8c0-.7-1.2-1.4-3.3-2zM29.5 33.3a2 2 0 000-3.2C15.8 19.8 17 11 17.9 8.1h1.7a97.6 97.6 0 0024.8 0h1.7c.8 2.8 2 11.8-11.6 22a2 2 0 000 3.2C47 42.7 47.1 50.8 46.3 54.4l-3-.4c-.9-1.1-3.4-2.9-9.1-6.3-.7-.3-3.7-.3-4.4 0a41 41 0 00-9.1 6.3l-3 .4c-.8-3.6-.6-11.7 11.8-21z'/%3e%3c/svg%3e%3c/svg%3e ");
		z-index: 9000;
		width: 50px;
		height: 50px;
	}

	.payments__creditcards.billingoverlay::before, .product-box.homepage-small.productboxoverlay::before, .product-row.pageoverlay::before {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		content: "";
		z-index: 9000;
		background: rgba(254, 254, 254, 0.8);
	}


	.product-detail.pageoverlay::before {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		content: "";
		z-index: 9000;
		background: rgba(254, 254, 254, 0.8);
	}


	.product-detail.pageoverlay::after {
		position: absolute;
		top: 70%;
		left: 45%;
		background-image: url("https://www.zingermans.com/images/lightgraytransparent.svg");
		background-size: 50px 50px;
		z-index: 9000;
		width: 50px;
		height: 50px;
		display: block;
		content: "";
	}

	.borderedCC.billingoverlay::before {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		content: "";
		z-index: 9000;
		width: 100%;
		height: 100%;
		background: rgba(254, 254, 254, 0.8);
	}

	.borderedCC.billingoverlay::after {
		position: absolute;
		top: 50%;
		left: 45%;
		content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100'%3e%3csvg fill='%23a9a9a9' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' transform='matrix(.69 0 0 .69 15.5 15.5)'%3e%3cpath d='M32.1 29.5l2-1.3c7.8-6 10-11.2 10.3-14.7 0-.5-.4-.8-.8-.6-3.3 1.4-9.6 3.6-13 1.8-3.6-1.7-8-1-10.3-.4-.4 0-.6.4-.5.8.8 3.3 3.3 8 10 13l2 1.4h.3z'/%3e%3ccircle cx='32' cy='34.5' r='1.8'/%3e%3ccircle cx='32' cy='42.8' r='2.9'/%3e%3cpath d='M49.8 55.2c1-4.4.8-13.5-11.5-23.5C51.8 20.7 50.7 11 49.5 7.1c2.3-.6 3.6-1.3 3.6-2.1 0-2.1-9.4-3.8-21.1-3.8S10.9 2.9 10.9 5c0 .8 1.3 1.5 3.6 2.1-1.2 3.8-2.3 13.7 11.2 24.6-12.3 10-12.5 19-11.5 23.5-2.1.6-3.3 1.3-3.3 2V59c0 2.1 9.4 3.8 21.1 3.8s21.1-1.7 21.1-3.8v-1.8c0-.7-1.2-1.4-3.3-2zM29.5 33.3a2 2 0 000-3.2C15.8 19.8 17 11 17.9 8.1h1.7a97.6 97.6 0 0024.8 0h1.7c.8 2.8 2 11.8-11.6 22a2 2 0 000 3.2C47 42.7 47.1 50.8 46.3 54.4l-3-.4c-.9-1.1-3.4-2.9-9.1-6.3-.7-.3-3.7-.3-4.4 0a41 41 0 00-9.1 6.3l-3 .4c-.8-3.6-.6-11.7 11.8-21z'/%3e%3c/svg%3e%3c/svg%3e ");
		z-index: 9000;
		width: 50px;
		height: 50px;
	}

	/* BEGIN MORE TO LEARN */
	#MoreToLearnHeader {
		margin-top: 20px;
	}

	#MoreToLearnTeasers {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly;
		align-items: stretch;
		align-content: flex-start;
		margin-bottom: 1em;
		padding: 0 5px;
	}

		#MoreToLearnTeasers article {
			flex-grow: 1;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			margin: 0 5px;
			max-width: 320px;
		}
			/* If last row has only one teaser, this dummy teaser is added to align it to the left */
			#MoreToLearnTeasers article.DummyTeaser {
				width: 320px;
				height: 0px;
			}

			#MoreToLearnTeasers article > * {
				max-width: 320px; /* For IE-compatibility */
			}

			/* Apply a top padding to this anchor instead of margin so the fragment link has space above the image */
			#MoreToLearnTeasers article a.TeaserImageAnchor {
				padding-top: 28px;
				display: block;
				align-self: center;
				height: 228px;
				white-space: nowrap;
			}

			#MoreToLearnTeasers article h4 {
				margin-top: 15px;
				line-height: 133%;
			}

			#MoreToLearnTeasers article span.VerticalAlignHelper {
				display: inline-block;
				height: 200px;
				vertical-align: middle;
			}

			#MoreToLearnTeasers article picture, #MoreToLearnTeasers article picture img {
				max-width: 320px;
				max-height: 200px;
				width: 100%;
				margin: auto;
				vertical-align: middle;
			}

			#MoreToLearnTeasers article div.TeaserExcerpt p {
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
				overflow: hidden;
			}

	#MoreToLearnArticles {
		border-top: 2px solid #00857E;
		padding-top: 20px;
	}

		#MoreToLearnArticles article.MoreToLearnArticle {
			display: flex;
			flex-direction: column;
			align-items: center;
			max-width: 640px;
			margin: 0 auto;
			padding-top: 1em;
			padding-bottom: 50px;
		}

			#MoreToLearnArticles article.MoreToLearnArticle > * {
				max-width: 640px; /* For IE compatibility */
			}

	@media (max-width: 659px) {
		#MoreToLearnArticles article.MoreToLearnArticle img, #MoreToLearnArticles article.MoreToLearnArticle picture {
			max-height: 200px;
			max-width: 320px;
		}
	}

	@media (min-width: 660px) {
		#MoreToLearnArticles article.MoreToLearnArticle img, #MoreToLearnArticles article.MoreToLearnArticle picture {
			max-height: 400px;
			max-width: 640px;
		}
	}

	#MoreToLearnArticles article.MoreToLearnArticle h2 {
		margin-bottom: 0.7em;
		margin-top: 0.9em;
		padding-left: 25px;
		padding-right: 25px;
	}

	#MoreToLearnArticles div.MoreToLearnArticleBody {
		font-family: "trocchi", Georgia, Times New Roman, serif;
		padding-left: 25px;
		padding-right: 25px;
	}

		#MoreToLearnArticles div.MoreToLearnArticleBody h3 {
			margin-top: 1.5em;
		}

		#MoreToLearnArticles div.MoreToLearnArticleBody p {
			font-size: 1.1em;
			line-height: 1.75em;
		}

	#MoreToLearnArticles svg.CircleWithX {
		display: block;
		background: transparent;
		width: 50px;
	}

		#MoreToLearnArticles svg.CircleWithX circle {
			stroke-width: 0;
			fill: #a4027a;
		}

		#MoreToLearnArticles svg.CircleWithX path {
			stroke: white;
			fill: transparent;
			stroke-linecap: round;
			stroke-width: 3;
		}

	/* END MORE TO LEARN */

	/* BEGIN EMAIL SUBSCRIBE */

	/**
  Floating label
*/
	.email-input-label {
		position: relative;
	}

		.email-input-label label {
			position: absolute;
			left: 15px;
			top: 10px;
			font-size: 16px;
			opacity: .6;
			pointer-events: none;
			transition: all .2s ease-in-out;
		}

		.email-input-label.is-floating label {
			top: -15px;
			font-size: 12px;
			opacity: 1;
		}

		.email-input-label.has-focus label {
			color: #333131;
			opacity: 1 !important;
		}

		.email-input-label input {
			padding: 20px 10px 4px 12px;
			width: 250px;
		}

	/* END EMAIL SUBSCRIBE */


	/* ------- RESPONSIVEDESIGN.ASCX ------- */
	#vimeo, #insta, #faceb, #twit {
		cursor: pointer;
		font-size: 25px;
		padding-right: 20px;
	}

	#menufication-btn {
		border: none;
		background-color: transparent;
		right: -12px;
	}

		#menufication-btn:focus {
			border: 2px solid black !important;
		}

	#menufication-scroll-container {
		visibility: hidden;
	}

	#menufication-btn::after focus {
		border: 3px solid black !important;
	}

	#menufication-btn {
		padding-bottom: 36px;
		top: 15px !important;
	}
