﻿/**
 * /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
    _______________________________________  */

/*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;
}

.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;
}

.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: left;
		padding-left: 10px;
		padding-top: 7px;
		padding-bottom: 4px;
	}

	.bannermsg {
		color: #fff;
		font-size: 15px !important;
		text-align: left;
		margin-top: 3px;
		display: inline;
	}

	.closebuttonspan {
		display: inline !important;
		margin-left: 5px !important;
	}
}
@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: #32b4ac;
		}

	/* 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;
	}

	#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 10px 3px 10px;
				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: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;
		}

		/* 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 .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: #CCC;
		}

			.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 #ccc;
	}

	#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: #f3591d
White:      #FFF8EEsear
Blue:       #32b4ac
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{
	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 #CCCCCC;
		-moz-box-shadow: 1px 1px 2px #CCCCCC;
		-webkit-box-shadow: 1px 1px 2px #CCCCCC;
	}

		.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;
		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: #f3591d;
	}

	#main-content h1 {
		/*padding: 0 0 0 1%;*/
	}



	/* ------- 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: #f3591d;
		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: #f3591d;
	}

	.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: #999999;
	}

	.qtydiscount {
		color: #a4027a;
	}


	/* Product Status - Sold Out, On Vacation */
	.product-status {
		display: block;
		font-family: "futura-pt", sans-serif;
		color: #f3591d;
		text-transform: uppercase;
		min-width: 185px;
	}



	/* ------- LINES ------ */
	.border-right {
		border-right: 1px solid #32b4ac;
		padding-right: 10px;
	}


	/* ------- HEADER ------ */

	#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: #32b4ac;
		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: #32b4ac;
		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  --------- */
	.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: #f3591d;
			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;
		}

	@-moz-document url-prefix() {
		#search .search-query {
			position: absolute !important;
		}
	}

	.search-button {
		position: absolute;
		color: white;
		background-color: #32b4ac !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: #a4027a 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;
	}

		.menu_zing li {
			margin-right: 10px;
		}

			.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 {
		background: white;
		border: white;
		border-radius: 0;
		margin-right: 9px;
	}

		.menu_zing li:hover div a {
			color: #000000;
			text-transform: none;
		}

		.menu_zing li:hover a {
			color: #a4027a;
			border: 1px solid #a4027a;
			border-bottom: white;
		}

	.menu li .drop,
	.menu li:hover .drop {
		padding-right: 4px;
	}

	.menu_zing li.nodrop:hover {
		background: white;
		border-radius: 0;
		border: 1px solid #a4027a;
	}

		.menu_zing li.nodrop:hover a {
			color: #a4027a;
			background: #ffffff;
			border: none;
		}

	.menu_zing li ul li {
		padding: 2px 5px;
		display: block;
	}

		.menu_zing li ul li:hover {
			background: #32b4ac;
			padding: 2px 5px;
			display: block;
		}

			.menu_zing li ul li:hover a {
				display: block;
			}

		.menu_zing li ul li a {
			font-size: 12px;
		}

		.menu_zing li ul li:hover a {
			color: #ffffff;
		}

	.menu_zing li:hover div a:hover {
		color: #a4027a;
		color: #ffffff;
	}

	.menu_zing li ul li a:hover {
		color: #ffffff;
	}

	.menu .dropdown_1column, .menu .dropdown_2columns, .menu .dropdown_3columns, .menu .dropdown_4columns, .menu .dropdown_5columns, .menu .dropdown_fullwidth {
		background: white;
		border: 1px solid #a4027a;
		border-top: 0;
		margin-top: 0px;
		border-radius: 0;
	}

	.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;
	}

	.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;
	}





	/* ------- 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 #cccccc;
		-moz-box-shadow: 1px 1px 2px #cccccc;
		-webkit-box-shadow: 1px 1px 2px #cccccc;
		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: #E6833B 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: #B162A4 url("/images/best-seller.svg") no-repeat;
	}

	.product-box.new::before {
		content: "new";
		background: #a4a6a5 url("/images/new.svg") no-repeat;
	}





	/* -- Category Box Specific -- */
	.category-header {
		padding-left: 10px;
		width: 100%;
	}

		.category-header p {
			padding: 10px 0;
			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: hidden;
		color: #000000;
		padding: 3px;
		font-size: 12px;
		text-transform: uppercase;
		background-color: #ffffff;
		border: 2px solid #f3591d;
		top: 40%;
		left: 25%;
		display: block;
		position: absolute;
		display: none;
		text-decoration: none;
		width: 100px;
		text-align: center;
	}

		.quicklook strong {
			font-weight: bold;
			color: #f3591d;
		}

		.quicklook:hover {
			background-color: #f3591d;
			color: #ffffff;
			text-decoration: none;
		}

			.quicklook:hover strong {
				color: #ffffff;
			}

	#cboxLoadedContent {
		border: 0; /*5px solid #f3591d;*/
	}

	#cboxOverlay {
		background: none repeat scroll 0 0 #cccccc;
	}

	.product-box:hover .quicklook {
		visibility: visible;
		display: block;
		text-decoration: none;
	}

	.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 #cccccc;
		text-align: left;
		padding: 5px;
		font-size: 10px;
		text-transform: none;
		font-weight: normal;
		color: #000;
		max-width: 200px;
	}

		#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 #cccccc;
	}




	/* ----- FORMS ----- */
	select {
		height: 34px;
		line-height: 24px;
	}

	.label {
		background: none;
	}

	/* ----- BUTTONS AND LINKS ----- */

	.action-link {
		color: #f3591d;
		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 #32b4ac;
			color: white;
			background: #32b4ac;
		}

			.button.primary:hover {
				border: 2px solid #13746d;
				color: white;
				background: #32b4ac;
			}

		.button.secondary {
			background: #ccc;
			border: 2px solid #ccc;
			color: #666666;
		}

			.button.secondary:hover {
				border: 2px solid #999999;
				background: #ccc;
				color: #666666;
			}

		.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 #32b4ac;
		border-bottom: 2px solid #32b4ac;
		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%;
	}

	.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: #f3591d;
	}

		.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: 40px;
		border: 2px solid white;
	}

	.custom_image {
		max-height: 100px;
		margin-bottom: 20px;
	}

		.custom_image img {
			max-height: 100px;
		}

	.custom_description {
		font-size: 12px;
		margin: 0 10px 10px 10px;
		display: block;
	}


	.custom_add_info {
		position: absolute;
		bottom: 0;
		margin-bottom: 10px;
		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;
		}


	button.custom_add_button {
		border: 1px solid #ccc;
		background: #ccc;
		text-align: center;
		width: 30px;
		height: 30px;
		color: #fff;
	}

	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 #32b4ac;
	}

	.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 #ccc;
	}

	.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: #f04926;
	}

	#main-content h1.category-heading {
		font-family: "trocchi", Georgia, Times New Roman, serif;
		font-weight: normal;
		text-transform: none;
		padding: 0;
		font-size: 48px;
		line-height: 1em;
	}

	#main-content h1.product-heading {
		font-family: "trocchi", Georgia, Times New Roman, serif;
		font-weight: normal;
		text-transform: none;
		padding: 0;
		font-size: 30px;
	}

	#main-content h1.category-image-heading {
		overflow: hidden;
		text-indent: -3333px;
		position: relative;
	}


		#main-content h1.category-image-heading img {
			position: relative;
			left: 3323px;
			max-width: 100%;
		}


	.tagline {
		height:100px;
		margin-left: 224px;
		position: relative;
		width: 210px;
		display: none;
	}

		.tagline span {
			color: #32b4ac;
			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: #32b4ac;
		border: 2px solid #32b4ac;
		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: #32b4ac;
			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: #ccc;
		color: #ccc;
	}

		.ui-btn-secondary.ui-btn-secondary.ui-btn-secondary:hover {
			background-color: white;
			border-color: #888;
			color: #ccc;
		}

	@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: #f3591d;
	}

	#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 #ccc;
			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: #f3591d;
	}

	.faq-answer {
		border-top: 1px solid #f3591d;
		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: #f04926;
			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 #32b4ac;
		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 #ccc;
		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: #f04926;
		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 #32B4AC;
		padding-top: 20px;
	}

		.single-content .testimonial .leftquote,
		.single-content .testimonial .rightquote {
			color: #32B4AC;
		}

	.single-content hr {
		margin: 0;
		border-color: #32b4ac;
	}

		.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 #32b4ac;
		}

		.single-content #professionalpresents.propresents-details table td {
			border-bottom: 0;
		}



	/* ---------- SEARCH ---------- */
	.searchresults h3 strong {
		color: #a4027a;
	}

	.searchresults th,
	.searchresults td {
		border-bottom: 1px dotted #32b4ac;
		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 #32b4ac;*/
	}

	.single-content #cart {
		border: 1px dotted #32b4ac;
	}

		.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 #cccccc;
	}

	#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-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;
		}

		/*#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 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, #menufication-btn.active span:after, #menufication-non-css3-btn.active span:after {
				top: 8px;
			}

			#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: 30px;
	}


	/* 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: 770px) {

		.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: #f04926;
		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 #32b4ac;
	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 */