/* CSS Document */
@charset "utf-8";
/* Tags
----------------------------------------------------------------------------------------------------*/
body {
	margin:0; 
	padding:0;
	background:#FFF;
	font-family: 'Open Sans',sans-serif;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}
} 
pre {
	display: block;
	clear: both;
	background-color: #fff;
}
a { text-decoration: none; color: #AB1A1E;}

a:hover { text-decoration: underline; color: #804000;}
a:active {color:#0000FF; text-decoration:none;}  /* selected link */
img { border: 0;}

.img-responsive {max-width:100%;}
.image_left {float:left; margin:0 20px 20px 0; max-width:100%;}
.image_left.topmargin {margin:25px 20px 20px 0;}
.image_right {float:right; margin:0 0 15px 20px; max-width:100%;}
.image_right.topmargin {margin: 25px 0 15px 20px; }
.fresh { text-align: center;}
/*--------------------------------------------------------------------------------------------------*/
/* GRID SYSTEM (Copied from grid.css) */
/* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ 	Licensed under GPL and MIT. 
  Forces backgrounds to span full width,   even if there is horizontal scrolling.   Increase this if your layout is wider. Note: IE6 works fine without this fix. */
  
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
    margin-right: auto;
    width: 1296px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.row {clear:both;width:100%;}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

.container_12 .grid_1 {width:88px;}
.container_12 .grid_2 {width:196px;}
.container_12 .grid_3 {width:304px;}
.container_12 .grid_4 {width:412px;}
.container_12 .grid_5 {width:475px;}
.container_12 .grid_6 {width:628px;}
.container_12 .grid_7 {width:736px;}
.container_12 .grid_8 {width:844px;}
.container_12 .grid_9 {width:952px;}
.container_12 .grid_10 {width:1060px;}
.container_12 .grid_11 {width:1168px;}
.container_12 .grid_12 {width:1276px;}
.grid_9 .grid_7 {width:532px;}
.grid_9 .grid_6 {width:466px;}
.grid_9 .grid_5 {width:380px;}
.grid_9 .grid_4 {width:304px;}
.grid_9 .grid_3 {width:223px;}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
		
}
/* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */
.clearfix {zoom: 1;}
/* END GRID */

/* temp font preview warning remove */
#mfPreviewBar {display:none !important;}

button, h1, h2, h3, h4, h5, p, label, ul li, ol li .itemprice, select, a, table, section, input, textarea, select {
	font-family: 'Open Sans',sans-serif;
}
.floatleft {float:left;}
.floatright {float:right;}
/* screen reader */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.optinbox {
	font-size: .750em;
	padding-bottom: 20px !important;
	color: #5d5d5d;
}
#top-category { display: none; }
/* sort / show SORT & SHOW DROP DOWNS */
.showcount form {float:right;}
.sortshowresults {text-align:center; font-weight:bold;line-height:34px;}

<!-- /* MAIN CONTENT AREA */ -->
#main {padding: 20px; font: 14px/18px  "Open Sans", sans-serif; color: #666666;}
#main h1 { margin-top: 0; }

.m_details { display: none; }
.m_details h1 { font-size: 18px; }

#recs-wrapper {
	padding-top: 10px;
	clear: both;
}
#return-to-top {
    position: fixed;
    bottom: 0;
    right: 0;
	left: 300px;
	margin: 3.0% auto;
    background: #666;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.45;
    z-index: 1001;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

#call-now {
    position: fixed;
    bottom: 70px;
    left: 20px;
    background: #578014;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1001;
}
#call-now i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
}

.live-agent-button {
    position: absolute;
    top: 30px;
    right: -10px;
    background: #AB1B1F;
    width: 72px;
    height: 28px;
    text-decoration: none;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
    text-align: center;
}
.button-off {
	/* background: #757168; */
	background: #aaa;
	display: none;
}
a.live-agent-button { color: #fff; }
.live-agent-button i {
    margin: 0;
    position: relative;
    display: inline-block;
    top: 2px;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}
.live-agent-button span {
    padding-left: 5px;
    font-family: 'Open Sans';
    font-weight: bold;
}
.live-agent-button:hover {
    cursor: pointer;
}
#chat-container {
	position: fixed;
	bottom: 55px;
	right: 10px;
	z-index: 2147483648 !important;
}
.strike-same-size {text-decoration:line-through; padding-right: 10px; }
.strike { text-decoration: line-through; font-size: 20px; padding-right: 10px;}
.strikesmall { text-decoration: line-through; font-size: 12px; padding-right: 5px; font-weight: normal; line-height: 100%;}
.strike-non-sale-price { font-size: 11px; text-decoration: line-through; }


/* for the icons */
.clip { position: absolute; top: 2px; left: 0; }
.clipwrapper { position: relative; height: 18px; width: 18px; }
.clipleft {
    float: left;
    margin: 0 4px;
}
.pos-1 { clip:rect(0 18px 18px 0); }
.pos-9 { 
	clip: rect(18px, 72px, 36px, 54px);
    left: -58px;
    top: -16px;
}
.pos-2 { clip:rect(0 96px 48px 48px); left: -48px; }
.pos-3 { clip:rect(48px 48px 96px 0); top: -48px; }
.pos-4 { clip:rect(48px 96px 96px 48px); top: -48px; left: -48px; }


.clear { clear: both; }
/* END PRODUCT LISTING */


<!-- /* PRESS */-->

.pressfeature { width: 180px; border-top: 1px solid #999; float: left; margin-right: 20px; padding: 10px 0 0 10px; min-height: 120px; }


<!-- /* REFERENCE CONTENT PAGES */-->

.teaser { border-bottom: 1px solid #ccc; margin: 15px 0px; overflow: hidden;}

.teaser img {padding: 0 15px 15px 0; float: left;}
.teaser img.image_left {margin:0 0 0 0;} /* no need to duplicate spacing */
.teaser p {padding-left: 0;}
.teaser h3 { margin-top: 0; }
.teaser img { width: 240px; }

#article ul { margin: 0 0 0 15px; padding: 0;}

#article h3 { margin-top: 0;}
.addacomment {float:right; margin:0 10px 0 0}
/* Reference Search Results */
.reference_search { border-bottom: 1px solid #AFAC7E; margin: 5px 0px 10px 0px; }
.reference_search p {padding-left: 20px;}
.reference_search_title { color: #CC6600; font: 11px/15px "Lucida Sans Unicode ", "Lucida Sans", "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; margin-bottom: 4px;}


<!-- /* BOTTOM NAV AND FOOTER */ -->

.footer { vertical-align: top; padding: 10px 10px 10px 20px; font: 12px/16px Arial, Helvetica, sans-serif; color: #888888; background-color: #fcf6e8; }

.footer a { color: #888888; text-decoration: none; }

.about-menu { display: none; }

<!-- /* CART */ -->
#cart-panel-wrapper {
	position: fixed;
	display: none;
	width: 100%;
	float: left;
	top: 166px;
	background-color: #EEEDE7;
	z-index: 5;
	border-bottom: 1px solid #ccc;
}
#cart-panel-wrapper.shrink { top: 123px; }
#cart-panel {
	padding: 0;
	min-width: 340px;
	max-width: 540px;
	margin: 0 auto;
	overflow: hidden;
}
#cart-panel-suggestions {
	margin: 0 auto;
	width: 700px;
}
#cart-panel-suggestions h1 { font-size: 0.9em; margin-top: 10px !important; }
#close-panel { float: right; position: relative; right: 15px; top: 8px; }
#cart-panel-wrapper h4 { margin: 10px 0 10px 0; padding: 0 20px; font-size: 14px;}
#cart-panel img { width: 150px; float: left;}
#cart-panel div { padding: 0 20px; text-align: left; overflow: hidden; font-size: 14px; line-height: 22px;}
.cartcheckoutform .onethird { margin-bottom: 10px; }
/* cart layout here */
.cartcheckoutform .row {display:block; padding: 10px 0; overflow: hidden; clear: both; margin: 10px 0 0 0; }
.cartcheckoutform .kissitemrow {border-top: solid 1px #bbb;}
.cartheaders { padding-top: 0 !important; }
#process.cartcheckoutform .kissitemrow {border-bottom: solid 1px #bbb;border-top: none;} 
#process .noitemsrow {border-bottom: solid 1px #bbb;}
.cartcheckoutform .product, .cartcheckoutform .cartimg, .cartcheckoutform .qty, .cartcheckoutform .total, .cartcheckoutform .remove, .cartcheckoutform .gc_entry, .cartcheckoutform .gc_input, .cartcheckoutform .item {float:left; margin:0; width:10%;}
.cartcheckoutform .cartimg {width:10%; padding-right: 20px;}
.cartcheckoutform .product {width:54%; }
.cartcheckoutform .cart-deets { padding-top: 20px;}
.cartcheckoutform .item {width:10%; text-align:right}
.cartcheckoutform .row h4 { margin: 0; padding: 0;}
.cartcheckoutform .row h5 { margin: 0; padding: 0;}
.cartcheckoutform .item-delete { display: inline-block; }
.cartcheckoutform .item-delete a { color: #ccc; }
.cartcheckoutform .item-delete a:hover { color: #666; }
.cartcheckoutform hr, #cart-summary hr, .final-cc-entry hr {clear:both; width:100%; display:block; border-top: 1px solid #bbb;}
.cartcheckoutform .qty {text-align:center; width: 12%;} 
.cartcheckoutform .subtotal { border: 1px solid #bbb; padding: 10px 30px; text-align: right; clear: both; margin: 10px 0;}
.savecart {float: right; font-size: 11px; font-weight: bold;}
.cartcheckoutform .gc_entry {width:74%;}
.cartcheckoutform .gc_input {width:25%;}
.cartcheckoutform input[type=text] {min-height:22px; font-size:13px}
.cartcheckoutform #gc_number {width:30%; } /* same as the buttons-4 for border */
.cartcheckoutform .actionbtn, .cartcheckoutform .altbtn, .cartcheckoutform .defaultbtn {margin-left:10px; display:inline-block; clear:none;} 
.order-complete .actionbtn,.order-complete .defaultbtn {margin: 15px auto !important; float: none; display: block;}
#exception-message .actionbtn { margin: 0 auto; }

#ad-panel-wrapper { 
	position: fixed;
	width: 100%;
	float: left;
	top: 209px;
	background-color: #D1A808;
	z-index: 10;
	height: 36px;
}
#ad-panel-wrapper.shrink { top: 113px; }
#ad-panel-wrapper span a { color: #fff; font-size: 15px; line-height: 36px; font-weight: 400; display: block; font-family: Merriweather; text-shadow: 1px 1px 1px #666;}

.qtybox { width: 25px; font-size: 10px; line-height: 10px; color: #000000; text-align: center;}
.pname {color: #666; }
.spd_price {text-align: right; vertical-align: bottom; font-size: 11px; }
.spd_price_new { text-align: right; vertical-align: bottom; font-size: 12px; }
.total { text-align: right; }

.grtotal {text-align: right;}
.cartform {padding: 5px; margin: 5px 0;}
.sum_pname { vertical-align: top;  text-align: left; }
.sum_qty { vertical-align: top; text-align: right; width: 20px;}
.sum_summary { vertical-align: top; text-align: right; }
#giftdisplay { display: none; }
#giftdisplaytext { display: none; }
#doubleclickwarning { display: none; } 
.warning {color: #cc0000;}
a.back-to-jamon { float: right; padding: 6px; border: 3px double #FFF; background-color: #84460A; color: #FFF !important; text-decoration: none; font-size: 12px !important; clear: both; text-align: center;}
a.back-to-jamon:hover { padding: 8px; border: 1px solid #84460A; background-color: #DED3B9; color: #84460A !important; text-decoration: none !important;}
.back-left { width: 125px; margin-right: 20px; }


<!-- /* Simpletree CSS */ -->

.navtree ul{ margin: 0; padding: 0; } /*CSS for Simple Tree Menu*/

.navtree li{ line-height: 24px;list-style-type: none; padding-left: 15px; } /*Style for LI elements in general (excludes an LI that contains sub lists)*/

.navtree li.submenu{ cursor: hand !important; cursor: pointer !important; } /* Style for LI that contains sub lists (other ULs). */

.navtree li.submenu ul{ display: none; } /*Style for ULs that are children of LIs (submenu) - Hide them by default. Don't delete. */

.navtree .submenu ul li{ cursor: default; } /*Style for LIs of ULs that are children of LIs (submenu) */

.listprice { font-size: 11px;}

.discount-coupon { display: none; }
/* ratings stars */
.rating {
	float: left;
	text-align: right;
	width: 105px;
	position: relative;
	top: 3px;
}
.rating-clip { position: absolute; top: 0; right: 0; }
.rating-pos0 { clip:rect(0 86px 14px 0); }
.rating-pos-5 { clip:rect(14px 86px 28px 0); top: -14px; }
.rating-pos1 { clip:rect(28px 86px 42px 0); top: -28px; }
.rating-pos1-5 { clip:rect(42px 86px 56px 0); top: -42px; }
.rating-pos2 { clip:rect(56px 86px 70px 0); top: -56px; }
.rating-pos2-5 { clip:rect(70px 86px 84px 0); top: -70px; }
.rating-pos3 { clip:rect(84px 86px 98px 0); top: -84px; }
.rating-pos3-5 { clip:rect(98px 86px 112px 0); top: -98px; }
.rating-pos4 { clip:rect(112px 86px 126px 0); top: -112px; }
.rating-pos4-5 { clip:rect(126px 86px 140px 0); top: -126px; }
.rating-pos5 { clip:rect(140px 86px 154px 0); top: -140px; }

.required {
	font-weight: bold;
}
.delete-fade {background-color: #FFFFB3;}

#create-account {
	width: 100%;
	margin-bottom: 10px;
}
#create-account span {
	display: inline-block;
	width: 150px;
}
.success {
	background-image: url("/images/icons/icon-check-green.png");
	background-position: 10px center;
	background-repeat: no-repeat;
	background-color: #EAFFEB;
	color: #009600;
	padding: 10px 10px 10px 80px;
	border: 1px dotted #0B9D00;
	min-height: 30px;
	margin: 5px 0;
}
.notice {
	clear: both;
	background-image: url("/images/icons/icon-notice-blue.png");
	background-position: 10px center;
	background-repeat: no-repeat;
	background-color: #E8FEFF;
	color: #005AE4;
	padding: 20px 10px 20px 80px;
	border: 1px dotted #005AE4;
	min-height: 30px;
	margin: 5px 0;
}
#donate-box h1 {
	margin: 10px 0 0 0;
}
#donate-box p {
	margin: 0 0 10px 0;
}
blockquote { padding: 0; margin: 0 0 0 90px; line-height: 16px; }
blockquote h2 { color: #891d1d; font-variant: small-caps; font-style: italic; margin: 0; padding: 0; }
blockquote p { margin-top: 0; font-weight: bold; color: #2b70bb; font-size: 13px; }

#donate-box {
	width: 350px;
	padding: 20px 10px;
	text-align: center;
	background-color: #f2f2f2;
	color: #891d1d;
	line-height: 16px;
	border: 1px solid #ccc;
	font-size: 1.1em;
}
#donate-box .actionbtn {
	margin: 10px auto;
}

#shipping-donate-box
{
	background-image: url("https://res.cloudinary.com/tienda-com/image/upload/v1610139022/content/WCK-horizontal-logo-2021.png");
	background-position: 92% center;
	background-repeat: no-repeat;
	padding: 5px 20px;
	text-align: left;
	color: #2b70bb;
	margin-bottom: 10px;
	line-height: 16px;
	border: 1px solid #ccc;
	font-size: 1.1em;
	background-size: 160px;
}
#shipping-donate-box h3 {
	font-size: 16px;
	padding-top: 5px;
}
#shipping-donate-box h3 span {
	font-style: italic;
}
#shipping-donate-box p.note {
	color: #666;
	font-style: italic;
	font-size: 0.8em !important;
}


#summarybody {
	font-size: 12px;
	font-family: 'Open Sans',sans-serif;
}
#summarybody table td {
	padding: 5px;
	border-bottom: 2px solid #fff;
}
#summarybody .perishable_item {
	background-color: #e0e0e0;
}
#summarybody a:focus {
	outline: none;
}
.table th {
	text-align: left;
	padding: 5px;
}
.table td {
	padding: 5px;
}
.pretty-table td {
	padding: 5px;
	background-color: #f2f2f2;
}
#cart-search {
	width: 150px;
	float: left;
	background-color: #f2f2f2;
	padding: 5px 10px;
	margin-top: 10px;
	border: 1px dotted #ccc;
	clear: both;
}
#cart-search-results {
	margin-left: 10px;
	width: 495px;
	float: left;
	background-color: #f2f2f2;
	padding: 5px 10px;
	margin-top: 10px;
	border: 1px dotted #ccc;
}
#cart-search-results-table th {
	text-align: left;
	padding-right: 10px;
}


/* Styles for slide in ads [CAMC] Dec 2013 */
#overlay {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url(/images/overlay.png) repeat 0 0;
    display: none;
}

#overlay-panel {
    margin: 10% auto 0 auto;
    width: 350px;
    background: #FFF;
}

/** ie6 and below only **/
* html #overlay {
    background-image: url('/images/overlay-ie6.png');
    height: 100%;
    position: absolute;
}
.onethird, .twothirds, .onehalf, .onequarter, .threequarters, .onefifth {
	float:left;
	margin-left:1%;
	width:33%;
}
.onethird .alpha, .twothirds .alpha, .onehalf .alpha, .onequarter .alpha, .threequarters .alpha, .onefifth .alpha {margin-left:0}
.onehalf {width:49%;}
.twothirds {width:66%; margin-left: 0;}
.onefifth {width:19%;}
.onethird.right {
	float:right;
	margin-right:1% !important;
	width:30%;
}
.onethird.right img {float:right;}
.onequarter {width:24%;}
.threequarters {width:74%; margin-right:1%;}
.onethird img, .twothirds img, .onehalf img, .onequarter img, .threequarters img, .onefifth img {max-width:100%;}
.grid_9 .grid_7 img {max-width:532px; width:532px; height:auto} /* retail store page */
.pointer {cursor:pointer;}
.shpBold { font-weight: bold; }
.businesstype {margin-top:5px;}

.estimatedarrival, .estimatehold { font-weight: normal; font-size: 13px;}
.estimatehold {display:none;}

#inline-collections a { text-align: center; color: #7d7d7d; font-weight: bold;}
#inline-collections a:hover { cursor: pointer; text-decoration: none;}
#inline-collections {
    width: 100%;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding-bottom: 10px;
}
a.selectedColl { color: #333 !important; bottom: 1px; position: relative; }
.selectedColl:before { content: "\f0a9"; line-height: inherit !important; }
.collections { display: inline-block; margin-left: 15px; } 
.local-paging {display: block; clear: both; padding: 10px 0; width: 70%; margin: 0 auto; text-align: center; }
.local-paging a, .local-paging b { padding-left:4px; }
.local-results-count { clear: both; display: block; overflow: hidden; }
.topcat {
	text-transform: uppercase;
}
img.b {border:1px solid #d6d6d6;} /* to match products images */
.travels-listing {
	clear: both;
	margin: 10px 0;
}
.travels-listing img {
	float: left;
	padding: 0 20px 20px 0;
}
.toolbox-container {float: right; margin: 0px 0px 0px 25px;}
#toolbox ul, #toolbox ul li {list-style:none;}

/* fonts, over rides etc */
.script {font-family: 'Lobster Two', cursive; font-style: italic;} /* class for any text element using Notera script font */

.footertag h4 {text-align:center;font-size:140px;margin:0;padding:0;color:#f2f2f2;font-weight:normal;line-height:150px;margin-bottom:15px;}
#pageTop h1.script {font-size:40px; margin:0;font-weight:normal;color:#7d7d7d;line-height:42px;text-align: left; padding-bottom: 15px;}
#cartDisplay h1.script { font-size: 30px; line-height: 32px; }
#main h1 a { font-family: inherit; color: inherit;}
#main h1 a:hover { text-decoration: none; }
.grid_9#main h1.script {font-size:36px;}
.lefthead {float:left;color:#5d5d5d;font-size:22px;line-height:24px;}
h1, h2, h3 {color:#5d5d5d;line-height:1.3em; font-weight:bold;}
h1 {font-size:22px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
p, ul {color:#5d5d5d;}
p { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}
.page #main {padding:0;}
.page #main p {font-size:15px;line-height:20px;}
.page .left {margin:0; float:left;}
.page .right {margin:0; float:right;}
.page .align-right {text-align:right;}
.red {color:#ab1a1e;}

.subheading {float:left;width:100%;}
.subheading h1,.subheading h2,.subheading h3,.subheading h4 {margin:0 !important;padding:0 !important;font-size: 22px;}
.subheading h1,.subheading h2,.subheading h3 {float:left;}
h3.script { font-size: 36px; margin: 0; font-weight: normal; }

/* product boxes - add to cart stuff */
ul.blocks {margin:0 0 20px 0;padding:0; text-align:center;clear:both; float:left; width: 100%; }
.prodimg img {width: 212px; height: 212px; border:1px solid #d6d6d6;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display:block;}
.grid_12 .prodimg img {width: 295px; height: 295px; }

ul.blocks li {list-style-type:none; display:block; float:left; width:295px;margin:10px 16px; position:relative;padding:20px 0 0 0;}
ul.blocks li.tight {padding: 20px 0 0 0;}
ul.blocks li .actionbtn, ul.blocks li .defaultbtn, #logout .defaultbtn {width:295px;max-width:295px;}
ul.blocks li.panel { width: 150px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 10px !important;}
#cart-panel-suggestions ul.blocks { margin-bottom: 0; padding-top: 10px;}
#cart-panel-suggestions .script { font-size: 28px; }
#cart-panel-suggestions .overlay { font-size: 12px; }

.overlay {display:block;color:#fff;text-align:center;height:50px;line-height:50px;position:absolute;bottom:0px;width:100%;font-weight:bold;font-size:15px;background-color: rgba(0, 0, 0, 0.5);}
.overlay.nostock {color:#bab9b9;}
.prodimg {position:relative;} 
/* set up proper spacing / margins for product boxes in rows of FOUR with sidebar */
.grid_9 ul.blocks li {margin:10px 17px;}
.grid_9 ul.blocks li { width:212px;}
.grid_9 ul.blocks li .actionbtn, .grid_9 ul.blocks li .defaultbtn {width:212px;max-width:212px;}

.grid_9 ul.blocks li:nth-child(4n){margin:10px 0px 10px 17px;}
.grid_9 ul.blocks li:nth-child(4n+1){margin:10px 16px 10px 0;clear:left;}

/* set up proper spacing / margins for product boxes in rows of FOUR on home page fullwidth */
.grid_12 ul.blocks li:nth-child(4n){margin:10px 0 10px 15px;}
.grid_12 ul.blocks li:nth-child(4n+1){margin:10px 15px 10px 0; clear:left;}
.grid_12 ul.blocks li.panel:nth-child(4n),.grid_12 ul.blocks li.panel:nth-child(4n+1) { margin-top: 0; margin-bottom: 0; }

/* product category blocks styles */
ul.blocks.category h3 {font-weight:bold;padding:0px;margin:0;font-size:16px !important;float:none !important;}
ul.blocks.category h3 a {color:#ab1a1e;}
/* ul.blocks.category li { height: 250px; } */
.catbanner {width:100%; height:auto;} 
/* add to cart blocks styles */
ul.blocks.addtocart h2, ul.blocks.category h2 {padding:0 0 10px 0; margin:0;font-size:13px !important;float:none !important;line-height:15px !important;}
ul.blocks li.panel h2 { font-size: 12px !important; line-height: 14px !important; }

.detailscontainer { height:auto; }
.itemheading {padding:7px 0 0;}
.itemheading a { color: #666666; }
.addtocart .itemprice {
/*	font-weight:bold; */
	font-size:15px;
}
.itemcode { font-size: 11px; padding-left: 6px; text-transform: uppercase; }
.actionbtn, .defaultbtn, .altbtn {
	background: #578014;
	border: none;
	clear: both;
	color: #fff !important;
	cursor: pointer;
	min-width: 160px;
	max-width: 265px;
	display: block;
	text-align: center;
	height: 44px;
	line-height: 42px;

	font-size: 1.2em;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 700;
}

.actionbtn:hover, .actionbtn:active, .defaultbtn:hover, .defaultbtn:active, .altbtn:hover, .altbtn:active {background:#d1a808; text-decoration: none; color: #fff;}
.defaultbtn {background:#bcbbba;}
.altbtn {background: #d1a808;}
.altbtn:hover {background: #bcbbba;} /* CHRIS - what do you think? */
/* DEFAULT BLOCK styles */
ul.blocks.default {text-align:left;}
ul.blocks.default li {text-align:left;padding:0;}

/* HOME PAGE ELEMENTS
///////////////////////////////////////////////////// */
/* "MEET OUR ARTISANS" on home */
ul.blocks.default.meet li h1 {line-height:208px !important;} /* roughly 65% of height of product box */
ul.blocks.default.meet img {border:none;}
ul.blocks.default.meet a img { width: 100%;}
ul.blocks.default.meet a:hover img {opacity:1;}
ul.blocks.default.meet span { display: block; font-size: 11px; padding-top: 10px; }

/* ABOUT BOX on home */
.aboutblurb p { font-size: 14px; line-height: 20px; }
.aboutblurb > div, .aboutblurb > div img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.aboutblurb .grid_4 {text-align:center;padding:30px 15px 10px 30px;}
.aboutblurb .grid_8 {padding:30px 30px 10px 15px;}
.aboutblurb a, .homefeature a {color:#ab1a1e;font-weight:normal;}
.homefeature img {width:392px !important;height:auto;} /* width of grid 4 minus 20px for the frame */
/* SUBSCRIBE BLOCK on home */ 
.subscribe { padding-top: 10px; }
.subscribe h3 {font-size:2.1em;}
.subscribe p {font-size:18px !important;line-height:1.4em !important;}
h4.script {font-size:40px;float:none;text-align:center; margin: 20px 0 30px 0; font-weight: normal; color: #666;}
.subscribeform {margin-top:40px}
.subscribeform input[type="email"], .subscribeform button {float: left;font-size:18px;}
.subscribeform input[type="email"] {background: #fff; border:1px solid #d6d6d6;height:40px; padding: 0  15px; width: 270px;border-right:none;}
.subscribeform button {border:0; background:#ab1a1e;color:#fff; font-weight:bold; height:42px; width:130px;cursor:pointer;}
.subscribeform button:hover, .subscribeform button:active {background:#d1a808;}

/* 10px solid white border as a photo frame on home */
.bigframe {border:10px solid #fff;}
.bigframegrey {border:10px solid #e5e4de;}

/* NEW ITEM & SALE ITEM ICONS */
.newitem,.saleitem,.bestseller,.ownerfavorite { display:block;position:absolute;width:78px; height:78px;background-repeat:no-repeat; background-position:top left;top:0; left:-10px;text-indent: 100%;white-space: nowrap;overflow: hidden; z-index:3;}
.newitem {background-image:url(../images/new.png);width:78px; height:78px;}
.saleitem {background-image:url(../images/sale.png);}
.bestseller {background-image:url(../images/best-seller.png);width:78px; height:78px;}
.ownerfavorite {background-image:url(../images/owners-favorite.png);width:78px; height:78px;}
.recipesale { left: 0 !important; } /* hack for the recipe page so that that Sale icon doesn't get cut off */

/* ADD TO CART OVERLAY HERE */
a.addtocartcategory.atc_overlay, a.addtocartpanel.atc_overlay, a.atc_notify {
	position:absolute;
	bottom: 14px;
	right: 10px;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	font-size: 26px;
	z-index: 3;
}
a.addtocartcategory.atc_overlay:before, a.addtocartpanel.atc_overlay:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f07a";
	font-weight: 900;
	text-shadow:1px 1px 3px #000;
}
a.atc_notify:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0f3";
	font-weight: 900;
	text-shadow:1px 1px 3px #000;
}
a.addtocartcategory.atc_overlay:hover, a.addtocartpanel.atc_overlay:hover, a.atc_notify:hover { color: #D1A808; }

/* PRODUCT DETAILS PAGE
///////////////////////////////////////////////////// */
#product-detail { display: block; margin-bottom: 20px; clear: both; position: relative;}
.productdetails .saleitem {background-image:url(../images/saleLrg.png);width:135px; height:135px;top:-20px; left:-15px;}
.productdetails .newitem {background-image:url(../images/newLrg.png);width:135px; height:135px;top:-20px; left:-15px;}
.productdetails .ownerfavorite {background-image:url(../images/owners-favorite-large.png);width:135px; height:135px;top:-20px; left:-15px;}
.productdetails .bestseller {background-image:url(../images/best-seller-large.png);width:135px; height:135px;top:-20px; left:-15px;}
.productdetails, .tabber, .reviews  { clear:both; display: block;}
.productdetails img.prod-image, .cartimg img {border: 1px solid #d6d6d6;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.productdetails img.prod-image { width:100%;}
.cartimg img { width: 100%; }
#product-attributes { font-size: 13px; position: relative; overflow: hidden;}
#product-attributes ul { list-style-type: none; margin: 0; padding: 0; }
#product-attributes ul li { display: block; clear: both; float: left;}
.m_image { display: block; margin: 10px; position: relative;}
.wishlist { padding: 5px 0;}
.wishlist a { color: #666; }
.productAtc {padding:0;}
.productAtc .forms { margin-top: 10px; }
.productAtc .grid_6 {max-width:48%;}
.productAtc .actionButtons { padding-bottom: 10px; }
.actionButtons {padding-top: 10px; } /* changed from margin-top since didn't seem to be working */
.productby span,.productby span a {color:#ab1a1e;font-weight:600;}
.mainprice {font-size:20px !important;padding:10px 0;display:block;font-family: 'Open Sans',sans-serif;}
.mainprice em {font-size:13px;font-style:normal;color:#b4b4b4;padding-left:15px;text-transform:uppercase;}
.item_price { font-weight: 600; color: #5d5d5d;}
.prodright h1 {font-size:26px !important;margin:0;}
.natural { color: #71804A; margin: 0; font-size: 18px !important; padding-bottom: 5px;}
ul.wine_deets {
	line-height: 22px;
	margin: 20px 0 0 0;
	padding: 0;
	list-style-type: none;
}
.wineNav a {cursor: pointer; }
.wineNav ul { margin-left: 15px; }

.shipoverweight:before, .selectedColl:before, .heart:before,.instock:before, .outofstock:before, .spcareitem:before, .shipdeets:before, .shipfree:before, .print:before, .mail:before, .gift:before, .searchtype:before, .sub_open:before, .sub_closed:before {font-family: 'Font Awesome 5 Free'; font-weight: 900;text-decoration: inherit; color: #5d5d5d; font-size: 14px; padding: 0 4px 0 2px;line-height:30px;}
.instock:before { content:"\f00c";}
.outofstock:before { content:"\f00d";}
.spcareitem:before {content:"\f2dc";}
.shipdeets:before {content:"\f072";} 
.shipoverweight:before {content:"\f5cd";}
.shipfree:before {content:"\f187"; color: #AB1A1E !important;}
a.tooltip .shipfree, a.tooltip.red:after {color: #AB1A1E !important;}
.print:before {content:"\f02f";} 
.mail:before {content:"\f003";}
.searchtype:before {content:"\f00c";}
.gift:before {content:"\f06b"; font-size: 18px;}
.heart:before {content: "\f004";}

/* email to a friend */
.emailto a {font-weight:600;color:#ab1a1e;}
.emailto a:hover {text-decoration:none;color:#e7ae23;}
.emailto a:before {content:"\f003";font-family: 'Font Awesome 5 Free'; text-decoration: inherit; font-size: 14px; padding-right:4px; }

/* share section */
.share {height:25px;line-height:25px;}

/* customer reviews product detail */
.custreviews {padding:5px 0; }
.custreviews a {font-weight:700 !important;color:#ab1a1e; font-size: 12px; cursor: pointer;}
.custreviews .rating, .reviews .rating {text-align:left; float:left;margin:0 20px 0 0;padding:0; height:1em;}
.custrevtot { display:inline-block;}
.writeareview { padding-bottom: 10px; }
.writeareview a {font-weight:bold;color:#ab1a1e;}
.writeareview a:hover {text-decoration:none;color:#e7ae23;}
.writeareview a:before {content:"\f303";font-family: "Font Awesome 5 Free";font-weight: 600; font-size: 14px; padding-right:5px; }
.reviews .rating {margin: 8px 8px 0 0;}
.fromreviews {display:inline-block;  }
.revheader {overflow:hidden; line-height:35px;margin-bottom:20px;}
.revheader h1 {padding:0;margin:0;}
.backtotop { float: right; }
.backtotop a {
	color: #ab1a1e;
	font-size: 12px;
	cursor: pointer;
}

/* REVIEWS SECTION
///////////////////////////////////////////////////// */
.reviews ul {list-style-type:none;padding:0;margin:0;}
.reviews ul li {margin:0 0 30px 0;float:left; width:100%}
blockquote  {margin:0;clear:both;}
.reviews p  {padding:0;margin:0;}
.reviews p.quote {font-weight:600; font-style:italic;}
.reviews p.quote:before {content:"—";font-family: 'Font Awesome 5 Free'; text-decoration: inherit; font-size: 14px; padding-right:4px;} 
.reviews blockquote p {color: #5d5d5d;font-size: 13px;font-weight:normal;font-style:italic;}
.reviews .revlft {float:left; margin:5px 15px 0 0;}
.reviews .revrt {float:left;width:100%;}
.reviews .revrt .rating {margin:0 0 10px 0;line-height:1em;}

/* TABS
///////////////////////////////////////////////////// */
.tabber {padding:0 0 20px;}
.tabber h2 { margin: 13px 0;}
#tab_container {border-top: none;	overflow: hidden;	clear: both;float: left;	width: 100%;background: #f9f8f1;}
#tab_container a { text-decoration:none; background:#d3e4ec;}
ul.tabs {	margin: 10px 0 0 0;	padding: 0;	float: left;list-style: none;	height: 50px; border-bottom: 1px solid #d6d6d6;width: 100%;}
ul.tabs li {float: left;	margin: 0;padding: 0;	height: 49px; line-height: 50px; border: 1px solid #d6d6d6;	overflow: hidden;	position: relative;	background: #e0e0e0; margin-right:10px; margin: 0 15px -1px 0;}
ul.tabs li a {text-decoration: none;color: #5d5d5d;	display: block;	font-size: 14px;padding: 0 20px; font-weight:800;	outline: none;}
ul.tabs li a:hover {color:#ab1a1e;}
html ul.tabs li.active, html ul.tabs li.active a {background: #eeede7; color:#ab1a1e;border-bottom:1px solid #eeede7;}
.tab_content {clear:both;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-left:1px solid #d6d6d6;padding:20px;background:url(../images/tabcontBg.png) right -40px no-repeat #eeede7; overflow: hidden; background-size: 250px;}
.tab_content ul {padding:0;list-style-type:none;}
.tab_content ul li {font-size:15px;line-height:1.5em;margin:0 0 .5em 0;}
.tab_content ul li:before {content:"\f005";font-family: 'Font Awesome 5 Free'; text-decoration: inherit; font-size: 14px; padding-right:8px;color:#d1a808; }
.tab_content #player {margin-top:10px;}
#tab2.tab_content { display: none;}
#tab3.tab_content { display: none;}
#tab4.tab_content { display: none;}
#tab5.tab_content { display: none;}
#tab6.tab_content { display: none;}
#tab7.tab_content { display: none;}
#tab8.tab_content { display: none;}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#emptycart {margin-top: 10px;}
/* MAIN WRAPPER DIVS
///////////////////////////////////////////////////// */
.outerWrapper.nothomepage {margin-top:169px;}
.outerWrapper.nothomepage.shrink {margin-top:102px;}
.innerWrapper {padding:0 10px 0 10px;}
.mainContent {margin-top:20px;}

.sidebar {margin:20px 10px 0 0;}
.sidebar select, .sidebar .dropdown {display:none;} /* dropdown version of sidebar not displayed on full width */
/* STATIC HOLIDAY BAR
///////////////////////////////////////////////////// */
.holidaybar {  background:#f2f2f2;width:100%; position:fixed; top:0; height:37px;float:left; z-index:10000; text-align: center;}
.holidaybar div { padding-top: 8px; font-weight: bold;}
.holidaybar a { color: green; text-decoration: none;}
.holidaybar a:hover { color:#ab1a1e; }
.holidaybar a:after { content:"\f061";font-family: 'Font Awesome 5 Free';text-decoration: inherit;font-size: 14px;padding-left:10px; top: -2px; position: relative;}
.not-guaranteed, .guaranteed {color:#578014; font-weight:bold;display:block;clear:both;margin-top:-3px;}
.not-guaranteed {color:#AB1A1E;}
.holdforchristmas {
	background:#FCFAF5;
	width:97%; 
	padding:10px 16px 7px 16px;
	margin-left:-10px;
	text-align: center;
	border-top: 1px solid #ccc;
}
.holdforchristmas a {
	vertical-align: top;
	color: #5d5d5d;
}

/* STATIC TOP BAR
///////////////////////////////////////////////////// */
.topbar {width:100%; position:fixed; top:0; height:30px;z-index:199;background-color:#fff; border-bottom: 1px solid #f2f2f2; }
.topbar .grid_12 { margin-left: 0; }
/* .topbar.shrink {position:relative;} unfix on scroll - Aug 29 2016 keep stuck */
.topbar ul, .topbar ul li {margin:0;padding:0;}
.topbar ul li {display:block; float:left;line-height:30px;margin:0;padding:0;font-size:12px;position:relative;color: #333;letter-spacing: 0.07em;}
.topbar ul li a {height:30px; line-height:30px;display:block;padding:0 10px;}
.topbar ul li, .topbar ul li a {color:#666666;}
.topbar ul li a:hover, .topbar ul li.active a {text-decoration:none;color:#ab1a1e;}
.topbar ul.tblft {float:left; font-weight: bold; color: #ab1a1e; font-size: 13px; }
.topbar ul.tblft li a { padding: 0; font-size: 14px; color: #ab1a1e;}
.topbar ul.tbrt {float:right; color: #666666; margin-right: -10px;}
.topbar ul.tbrt li:last-child > a { padding-right: 0; }
#lang-selector-top { width: 65px; }
#lang-selector-top2 { display: none; z-index: 3; position: absolute; right: 10px; top: 5px; cursor: pointer; font-family: 'Open Sans',sans-serif; font-size: 12px; letter-spacing: 0.07em; }
#lang-selector-top2 a { color: #666666; }
#lang-selector-box { display: none; margin-right: 0; position: absolute; right: -15px; top: 31px; cursor: pointer; overflow: none; background-color: #fff; color: #444; }
#lang-selector-box2 { display: none; }
.lang-option-top:hover { background-color: #DDD; }
.lang-option-top { padding: 5px; }
.lang-option-top a { color: #666; text-transform: capitalize; }
.lang-option-top:hover a { color: #666!important }
.small-flag { max-height: 10px; }
img.small-flag { width: 13px; }
/* .topbar ul.tbrt li:last-child a:before {content: ""; position: absolute; left: 0; bottom: 10px; height: 18px; width: 1px; background: #d2d2d2;} */
.phone:before {content: "\f095"; font-family: 'Font Awesome 5 Free'; font-size: 13px; text-decoration: inherit;  padding-right: 5px; height: 31px;}
li.promo-alert { padding-left: 10px !important; }
li.promo-alert a { color: #ca9732 !important; font-size: 13px; font-weight: normal; font-style: italic; letter-spacing: 0.02em;}
/* SIDEBAR
///////////////////////////////////////////////////// */
ul.box {padding:10px;margin:0;padding:0;}
ul.box li {background:#eeede7;list-style-type:none;padding:10px;border:1px solid #d6d6d6;margin-bottom:30px;}
.sidebar h1 {font-size:22px;margin:0 0 15px;color:#5d5d5d; font-weight:normal;}
.sidebar h4 {font-size:18px;margin:0;}
.sidebar h3, .sidebar h4 {color:#5d5d5d; font-weight:normal; }
.fcount {position:relative; }
ul.box li form span {padding-left:5px;}
ul.box li form span:before {content:"("; font-family:inherit; color: #000;font-size:inherit;}
ul.box li form span:after {content:")"; font-family:inherit; color: #000; font-size:inherit;}
.sidebar legend {padding-bottom:10px;}
.sidebar label {margin-bottom:10px;}
.sidebar fieldset {border:0 none;}

/* NEW FOOTER
///////////////////////////////////////////////////// */
.footerNew { width:100%; float:left;}
.footerNew h3 {font-size:22px; color:#FFF;margin-bottom:22px;font-weight:normal;}
.footerNew ul {margin:0;padding:0;}
.footerNew ul li {line-height:2; list-style-type: none; position:relative;}
.footerNew ul li a {color:#666; white-space: nowrap;}
/* .footerNew ul li:before {content:"\f105"; font-family: 'Font Awesome 5 Free'; text-decoration: inherit; color: #aeaeae; font-size: 12.5px; position: absolute; top: 0px; left: -12px;} */
.footertag {padding-top:20px;}
/* footer sub section */
.footerNewSub {width:100%;float:left;}
.footerNewSub ul {margin:0;padding:10px 0; text-align:center; font-size:14px;}
.footerNewSub ul li { list-style-type: none; padding:2px; }
.footerNewSub ul li, .footerNewSub ul li a {color:#666;}

/* FOOTER SOCIAL BUTTONS
///////////////////////////////////////////////////// */
.footerNew ul.social li:before {content:"";}
.footerNew ul.social {margin:10px auto;}
ul.social li {display:inline-block;margin-right:20px; margin-right:20px; padding:10px 15px 5px 15px;color:#666;}
ul.social li .fa {font-size:36px;}
ul.social li a:hover {text-decoration:none; color:#ccc;}
ul.social li.facebook {padding:10px 20px 5px 20px;}

/* FOOTER NAV
///////////////////////////////////////////////////// */
.footer_nav {padding: 10px 0;}
.footer_nav ul li { display: inline; padding: 0 16px;}

/* CONTENT DIVIDERS
///////////////////////////////////////////////////// */
.divider {height:20px; clear:both;padding:10px 0; background:url(../images/shell.png) top center no-repeat ; margin:20px 0 10px 0; display:block; float:left; width:100%;}
.divider:before {float:left;width:47%;}
.divider:after {float:right;width:47%;}
.divider:before,.divider:after  {content: "";display:block;height: 1px;background: #d2d2d2;}

.assurance_block {
	text-align: center;
	padding: 10px 0;
}
.assurance_block div { padding-top: 10px; }

#recs-wrapper h1, #cart-panel-suggestions h1 {
    margin-top: 30px;
    text-align: left;
}
#recs-wrapper h1.background {
  position: relative;
  z-index: 1;
}
#recs-wrapper h1.background:before {
  border-top: 1px solid #d2d2d2;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
#recs-wrapper h1.background span {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #fff;
  padding: 0 15px 0 0;
}

.gift-subscription {
	margin-bottom: 10px;
}
.gift-subscription h3 {
	margin-bottom: 0;
}
.gift-subscription p {
	margin-top: 5px;
}
	
/* FONT AWESOME STAR RATING 
///////////////////////////////////////////////////// */
.rating { top: 0;width: 86px;height:14px;float:none;display:block; text-align:center;margin:0 auto 10px auto;}
ul.blocks .rating img {border:none;}

/* HEADER STUFF
///////////////////////////////////////////////////// */

.container_12 .branding { text-align: center; position: absolute; bottom: 6px;}
/*.shrink .container_12 .branding {top:0;} if topbar gets unstuck, set to 0 */
.shrink .branding a {position:relative; top:13px; left:-27px;display:inline-block; overflow:hidden; height:31px; width:317px;}
.shrink .branding a img {top:-60px;position:relative;}

/* BREADCRUMB 
///////////////////////////////////////////////////// */
.breadcrumb {float:left;padding:10px 0; width:100%;}
.breadcrumb ul {margin:0;padding:0;list-style-type:none;font-size:11px;float:right;}
.breadcrumb ul li {float:left;padding-left:5px;color:#666666;}
.breadcrumb ul li a {color:#666666;}
.breadcrumb ul li.active {background:none;}
.breadcrumb ul li.active a {font-weight:800;background:none;}
.breadcrumb ul li:after {content:"/"; font-size: 11px; padding-left:5px;   }
.breadcrumb ul li:last-child:after {content:"";}

/* header cart link & display
///////////////////////////////////////////////////// */
.carticon {
	position: relative;
}
#cartbadge {
	border-radius: 10px;
	width: 16px;
	height: 16px;
	text-transform: none;
	text-align: center;
	font-size: 11px;
}
.control-icons #cartbadge {
	position: absolute;
	top: -5px;
	left: 14px;
	z-index: 50;
	background-color: #D1A808;
	color: #000;
	margin: 0;
	font-weight: bold;
}

.cartbox {margin-top:24px;text-align:right;padding-top:20px;}

/* SEARCH BOX 
///////////////////////////////////////////////////// */
#main-search { position: relative; }
/* #main-search input[type=search] { -moz-appearance:none; -webkit-appearance:none; height: 26px; width: 200px; margin: 0; font-size: 16px; border: 0; padding: 4px; background-color: #EEEDE7; } */
#main-search input {
  -webkit-appearance: none;
  width: 250px;
  height: 32px;
  border: 1px solid #bbb;
  font-size: 16px;
}
#main-search input { text-indent: 32px;}
#main-search .fa-search { 
  position: absolute;
  top: 3px;
  left: 10px;
  color: #666;
  z-index: 10;
}
#main-search button { border: 0; margin: 0;background: none;color: #fff;font-size: 16px; }
#search-results-header h1 { padding-bottom: 10px; }
.search {margin-top:24px;padding-top:10px;}

#sayt-menu {
	width:500px;
	font-family: 'Open Sans', sans-serif;
	color:#444;
}
.gb-sayt-target a { color: #804000 !important; }
#gb-sayt { 
	width: 1000px;
    position: absolute;
    background: #eeede7;
    left: -750px;
    top: 44px;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    display: none;
}
#gb-sayt .detailscontainer, .detailscontainer a { color: #666 !important; }
.sayt-suggestions a { color: #333 !important; }
.sayt-prods { width: 77%; float: left; background: #fff;}
.sayt-prods .prodimg img { width: 160px !important; height: 160px !important;}
.sayt-prods ul.blocks li { width: 160px !important; padding-bottom: 50px !important; }
.sayt-prods .recipe-listing { margin: 20px 0 20px 20px; width: 223px;}
.sayt-suggestions { width: 23%; float: left; background: #eeede7;}
.sayt-suggestions ul { padding-left: 16px; font-size: 15px; }
.no-suggestion-results { padding: 16px 10px 10px 10px; color: #666; font-size: 12px; text-align: center; }
.no-sayt-results { clear: both; font-size: 12px; color: #666; padding-bottom: 10px; text-align: center;}
#gb-sayt ul { margin: 0; }
#gb-sayt ul li { display: block !important; padding: 5px 0; }


/* FORMS
///////////////////////////////////////////////////// */
	
a.starting { color: #578014 !important; font-weight: bold; text-decoration: none;}
input:focus::-webkit-input-placeholder, input:focus:-moz-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */
::-webkit-input-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}
input[type=number] {
	width: 34px;
	height: 34px;
	font-size: 14px;
	margin: 0 5px;
	padding: 0 4px;
}

/* HEADER & MAIN NAV
///////////////////////////////////////////////////// */
.header {width:100%;position:fixed;top:30px;padding-top:28px; padding-bottom: 0; z-index:101;background-color: #fff; border-bottom: 1px solid #f2f2f2; }
.header.shrink {padding-top:8px;} /*change top to 0 if topbar unstuck */
.header1 {width:100%;position:fixed;top:122px;min-height:44px;background-color:#ab1a1e;z-index:100;}
.header1.shrink {display:none;}
.header1.shrink.show {top:123px; display:block;} /* topbar + header */
.header1.show {display:block;} 
/* PROMO BAR */
.promoheader {width:100%;position:fixed;top:210px;min-height:44px;background-color:#fffaea;z-index:1;border-bottom: 1px solid #999;}
.promoheader ul {margin:0;padding:0; list-style-type:none;}
.promoheader ul li {display:block;float:left;font-size:14px; margin:0; width: 50%; font-weight: 700;}
.promoheader ul li > a {color:#ab1a1e; padding:0 20px; text-decoration:none;height:44px;line-height:44px;display:block; }
/* toggle menu button */
.c-hamburger {
	display:none;
	float:left;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	top:4px; /* adjust this to line up with logo and search bar */
	width: 48px;
	height: 48px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	transition: background 0.3s;
	z-index:9999;
}
.shrink .c-hamburger {display:inline;}
.c-hamburger:focus {outline: none;}
.c-hamburger span {
	display: block;
	position: absolute;
	top: 22px;
	left: 9px;
	right: 9px;
	height: 4px;
	background: #ab1a1e;
}
.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #ab1a1e;
	content: "";
}

.c-hamburger span::before {top: -10px;}
.c-hamburger span::after {bottom: -10px;}
.c-hamburger--rot {background:none;}

#checkout-wrapper {
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	padding: 10px;
	overflow: hidden;
	background-color: #eeede7;
	clear: both;
}
#checkout-wrapper h2 {
	padding: 0;
	margin: 0 0 6px 0;
	font-size: 16px;
	min-height: 30px;
	color: #999;
	border-bottom: 1px solid #ccc;
	clear: left;
}
#checkout-wrapper h4 {
	padding: 0;
	margin: 0;
	font-size: 14px;
}
.active-step { color: #666666 !important; font-size: 18px !important; }
.complete-step { color: #666666 !important; }
.active-step a, .complete-step a, .active-step a:hover, .complete-step a:hover { color: #666666 !important; text-decoration: none; }

#checkout-wrapper ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#checkout-wrapper ul li {
	padding: 5px 0;
	clear: both;
	overflow: hidden;
}
#checkout-wrapper ul li label, .mywishlist label {
	text-align: right;
	width: 270px;
	float: left;
	padding: 5px 5px 0 0;
	height: 18px;
	vertical-align: bottom;
}
#checkout-wrapper ul li input[type=text],#checkout-wrapper ul li input[type=password], #checkout-wrapper ul li input[type=email], #checkout-wrapper ul li input[type=tel], #checkout-wrapper ul li textarea, #checkout-wrapper ul li select {
	float: left;
	width: 300px;
	min-height: 18px;
	font-size: 13px;
}
#checkout-wrapper ul li textarea {min-height:80px;}
#checkout-wrapper ul li select, #billing-state select {
	width: 306px;
	height:30px;
	line-height:30px;
	font-size: 13px;
	background:#f4f4f4;
}
#shipping-donate-box select {
	height:30px;
	line-height:30px;
	font-size: 13px;
	background:#f4f4f4;
}
#new-cc-exp select {
	height:30px;
	line-height:30px;
	font-size: 13px;
	background:#f4f4f4;
}
#checkout-wrapper ul li input[type=checkbox] {min-height:18px; min-width:18px; position:relative; top:3px;}
#checkout-wrapper ul li .fa, .subdue .fa {font-size:18px; margin: 0 5px 0 5px;}
#checkout-wrapper ul li.checkout-promo .fa, .subdue .fa {position:relative; top:2px;}

.summary-panel {
	border: 1px solid #e2e2e2;
	background-color: #f2f2f2;
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;
}
.summary-panel .btn { display: inline-block; clear: none; width: 200px; margin-left: 10px; }
.summary-panel div { display: inline; }
.onethird.cart-right { margin-top: 38px; }
#cart-special {
	clear: both;
	margin: 10px 0 0 0;
	border: 1px solid #e2e2e2;
	background-color: #f2f2f2;
	padding: 10px;
	text-align: left;
	overflow: hidden;
}
.mobile-subtotal { display: none; }
#cart-special ul.blocks li { width: 100%; position: relative; margin: 0; padding: 0;}
#cart-special .prodimg img { width:100%; height: 100%; position: relative;}
#cart-special .twothirds .special-wrap { padding: 0 10px; }
#cart-special h2 { margin: 0; }
#cart-special ul.blocks { margin: 0; }
.special-wrap ul { list-style-type: none; margin: 0; padding: 0;}
.special-wrap ul li { padding: 2px 0; }
.special-wrap .fineprint { font-size: 10px; }
.special-wrap .actionbtn { margin: 0 !important;}
.summary-panel-wrap { margin-top: 10px; }
.score {
  display: block;
  font-size: 14px;
  position: relative;
  overflow: hidden;
}

.score-wrap {
  display: inline-block;
  position: relative;
  height: 19px;
}

.score .stars-active {
  color: #EEBD01;
  position: relative;
  z-index: 10;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

.score .stars-inactive {
  color: grey;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-text-stroke: initial;
  /* overflow: hidden; */
}
.score .count { font-size: 11px; vertical-align: top;}
#logo-container { width: 310px; margin: 0 auto; z-index: 1; padding-bottom: 4px;}
#logo-container img { width: 100%; }
.mainContent img#cat-banner, img#content-banner {
    width: 100%;
}
.content-wrapper {
	clear: both;
	padding: 30px 0;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
}
.content-wrapper p {
	margin-top: 0;
}
.content-wrapper img { width: 90%; }
#content-banner img { width: 100%; }
/* MAIN NAV */
.container_12 .nav { height: 44px;}
.nav {z-index:5;}
.nav ul {margin:0;padding:0; list-style-type:none;}
.nav ul li {display:block;float:left;font-size:16px; margin:0;}

.nav ul li > a {color:#fff; padding:0 70px 0 0; text-decoration:none;height:44px;line-height:44px;text-transform:uppercase; }
/* This is for Mother's Day
.nav ul li > a {color:#fff; padding:0 73px 0 0; text-decoration:none;height:44px;line-height:44px;text-transform:uppercase; }
 */

.nav ul li.active > a {color:#444;} /* match the dropdown */
.nav ul li:nth-child(10n) > a { padding: 0; }
.nav ul li a.drop:after {content:"\f0d7";font-family: 'Font Awesome 5 Free';text-decoration: inherit;font-size: 13px;padding-left:6px; font-weight: 900;}
.nav ul.mainnav li > a:hover,.nav ul.mainnav li.active > a, .nav ul.mainnav li.hover > a {color:#d1a808;}
.nav ul.mainnav {position: relative; text-align: center; display: inline-block;}
.nav ul.promo {float:right;}
.nav ul.promo a {color:#d1a808;font-weight:bold;}
.nav ul.promo li > a:hover,.nav ul.promo li.active > a, .nav ul.promo li.hover > a {background:#555;color:#fff;}
.nav ul.promo li.gifts { background-color: #016e01; }
.nav ul.promo li.gifts a { color: #fff; }

.nav ul .drop ul li, .nav ul .drop ul li a {text-transform:none; text-align: left; height: 30px;}
.nav ul .drop ul li { float:none;}
.nav ul .drop ul li a {color:#444;padding:0 ;margin:0;}
.nav ul li .drop ul li a:hover {background:none;color:#ab1a1e;}
.nav ul .drop h3 {font-size:16px;margin:0 0 10px 0;font-weight:bold;padding:0;}
.nav ul .drop h3 a {padding:0;color:#ab1a1e;text-decoration:none;}
.nav ul .drop h3 a:hover {color:#d00208;}
.nav ul li .drop h2  {color:#555;margin:0 0 5px;} 

.control-icons {
	position: relative;
	float: right;
	display: inline-block;
/*	margin-right: 10px; */
	color: #ab1a1e;
}
.shrink .control-icons{top:5px;}
.control-icons form { display: inline-block; padding: 0; margin: 0; }
.control-icons a { color: #ab1a1e; }
ul.control-icons { list-style-type: none; }
ul.control-icons li { display: inline; padding-right: 16px;}

/* MEGA DROP
///////////////////////////////////////////////////// */
/* styled "p" just for demo/illustration */
p.black_box { background:#555; color:#fff !important;}
.mainnav li.menuitem_fullwidth {position: static !important;}
/* Drop Downs Containers */
.mainnav .dropdown_2columns {background:#eeede7;margin:0;display: none;position:absolute;top:44px;left:auto;border-top:none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; border-right: 1px solid #fff;border-bottom: 1px solid #fff;border-left: 1px solid #fff;z-index:2}
/* Drop Downs Sizes */
.mainnav .dropdown_2columns {width: 270px;padding:10px 11px 15px 15px;}
/* Showing Drop Down on Mouse Hover */

/* Columns Sizes */
.mainnav .col_one_sixth, .mainnav .col_one_fifth, .mainnav .col_one_quarter, .mainnav .col_one_third, .mainnav .col_two_fifths, .mainnav .col_half, .mainnav .col_three_fifths, .mainnav .col_two_thirds, .mainnav .col_three_quarters, .mainnav .col_four_fifths, .mainnav .col_five_sixths, .mainnav .col_full {float: left;margin-left: 2%;}
.mainnav .col_one_sixth {width:14.66667%;}
.mainnav .col_one_fifth {width:18%;}
.mainnav .col_one_quarter {width:23%;}
.mainnav .col_one_third {width:31.33333%;}
.mainnav .col_two_fifths {width:38%;}
.mainnav .col_half {width:48%;}
.mainnav .col_three_fifths {width:58%;}
.mainnav .col_two_thirds {width:64.66667%;}
.mainnav .col_three_quarters {width:73%;}
.mainnav .col_four_fifths {width:78%;}
.mainnav .col_five_sixths {width:81.33333%;}
.mainnav .col_full {width:98%;}

/* IMPORTANT */
/* Use the "firstcolumn" class for the first element of a new row of content in mega drop!!!!!! */
.mainnav .firstcolumn {margin-left: 0;clear: left;}


/* Columns Sizes for all */
.col_full, .col_one_third, .col_half, .col_three_fifths, .col_two_fifths {float: left;margin-left: 2%;}
.col_full {width:98%;}
.col_one_third {width:31.33333%;}
.col_half {width:48%;}
.col_three_fifths {width:58%;}
.col_two_fifths {width:38%;}
 
/* SELECT DROPDOWNS STYLES */
.dropdown ul {margin:0;padding:0;}
.dropdown,.dropdown div,.dropdown li,.dropdown div::after {-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-ms-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;}
.dropdown .selected::after,.dropdown.scrollable div::after{-webkit-pointer-events: none;-moz-pointer-events: none;-ms-pointer-events: none;pointer-events: none;}
.dropdown div {-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.18);-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.18);box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.18);}

/* WRAPPER */
.dropdown{position: relative;width: auto; border: 1px solid #d6d6d6;cursor: pointer;background: #fff;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.dropdown.open{z-index: 2;}
 
/* CARAT */
.dropdown .carat{ position: absolute; right: 0; top: 0; width:36px;height:44px; background:#ab1a1e;}
.dropdown .carat:after {content:"\f0d7"; font-family: 'Font Awesome 5 Free'; text-decoration: inherit; font-size: 18px; position:absolute; top:9px;left:13px; color:#fff; font-weight: 900;}
.dropdown.open .carat:after {content:"\f0d8"; top:7px;}
/* OLD SELECT (HIDDEN) */
.dropdown .old{ position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden;}
.dropdown select{position: absolute;left: 0px; top: 0px;}
.dropdown.touch .old{ width: 100%; height: 100%;}
.dropdown.touch select{width: 100%; height: 100%; opacity: 0;}
/* SELECTED FEEDBACK ITEM */
.dropdown .selected, .dropdown li {width: auto;  display: block; font-size: 15px; line-height: 44px; color: #555; padding:0 12px; overflow: hidden; white-space: nowrap;}
.dropdown .selected::after{content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px;}
/* DROP DOWN WRAPPER */
.dropdown div {position: relative;height: 0;left: -1px; right: -1px; top: 100%; margin-top: 0px; background: #fff; border: 1px solid #d6d6d6; border-top: 1px solid #eee; overflow: hidden; opacity: 0;}
/* Height is adjusted by JS on open */
.dropdown.open div{opacity: 1;z-index: 5;}
/* FADE OVERLAY FOR SCROLLING LISTS */
.dropdown.scrollable div::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0;height: 50px;}
.dropdown.scrollable.bottom div::after{opacity: 0;}
/* DROP DOWN LIST */
.dropdown ul {position: absolute;left: 0; top: 0; height: 100%; width: 100%;list-style: none; overflow: hidden;}
.dropdown.scrollable.open ul{overflow-y: auto;}
/* DROP DOWN LIST ITEMS */
.dropdown li{list-style: none;padding: 0 12px;}
/* .focus class is also added on hover */
.dropdown li.focus{background: #ab1a1e; position: relative; z-index: 3; color: #fff;}
.dropdown li.active{ font-weight: 600; background: #ab1a1e; color:#fff;}
.sortby .dropdown {width:160px;}
#catsort .dropdown { width: 220px; z-index: 4; }
#catsort .fl-form select.fl-select { margin-bottom: 0;}
.showcount .dropdown {width:80px;}
.per-page { float: right; }

/* HOME PAGE REVOLUTION SLIDER SETTINGS
///////////////////////////////////////////////////// */
.banner{width:1168px;height:398px;position:relative;overflow:hidden;}
.banner h3.light {font-size:38px;line-height:44px;color:#474747;margin:0 0 20px;;padding:0;}
.banner p.light {font-size:19px !important;line-height:31px !important;color:#5d5d5d !important;margin-bottom:10px;margin:0 0 32px;padding:0;}
.banner h3.dark {font-size:38px;line-height:44px;color:#f2f2f2;margin:0 0 20px;;padding:0;}
.banner p.dark {font-size:22px !important;line-height:33px !important;color:#f2f2f2 !important;margin-bottom:10px;margin:0 0 32px;padding:0;}
.sale, .sale .item_price { color: #578014; }
/* tree menu */
ul.navtree {padding:20px;margin:0;background:#eeede7;border:1px solid #d6d6d6;margin-bottom:30px;font-size:14px;}
ul.navtree a {
	color: #5d5d5d;
	text-decoration: none;
}

/* HOME PAGE HERO */
.hero {width:100%;display: block;border-top: 1px solid #999; margin-top: 165px; position: relative;}
.hero > a img { width: 100%; display: block; }
/*.hero.shrink > a img {margin-top:90px;} *//* top bar height plus shrunken header */
.hero-billboard { position: absolute;}
.hero-billboard h1 { top: 70px; position: relative; font-size: 50px; font-weight: 700; margin: 0; padding: 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); letter-spacing: 0.05em;}
.hero-details { top: 70px; position: relative; font-size: 30px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); font-weight: 400; letter-spacing: 0.05em;}
.hero-action { top: 120px; position: relative; }
.hero-action a { width: 150px; font-size: 18px;}
.hero-secondary { position: absolute; bottom: 0; right: 0;}
.hero-secondary a { position: relative; right: 30px; bottom: 20px;}
.hero-secondary a:hover { color: #fcca01; text-decoration: none; }

#checkout_content {
	background-color: #fff;
	padding: 10px;
	line-height: 22px;
	font-size: 14px;
	color: #5d5d5d;
	margin-top: 20px;
}

#checkout-wrapper .actionbtn, #checkout-wrapper .defaultbtn {clear: none;}
.gc-login {background-color: #e2e5d4; padding: 5px; color: #333;} /* login for call center if gift card on billto */
#slideinadform .actionbtn, #slideinadform .defaultbtn, #contestform .actionbtn {
	text-align:center;
	margin:10px auto;
}
.signupimg img.prod-image { width: 100%; }
.ship-continue {
	clear: both;
}
.ship-continue .actionbtn, #ship-method-wrapper .actionbtn {
	float: right;
	margin: 5px 0 10px 0;
}
#checkout-wrapper h2 span {
	display: block;
	font-weight: normal;
	clear: left;
	overflow: hidden;
}
#region-map {
	clear: both;
	text-align: center;
	padding-top: 10px;
}
#shipto li a {
	display: inline-block;
}
.nav-spacer { padding: 8px 0 4px 0; }
#status-left {
	float: left;
	width: 49%;
	margin-right: 10px;
}
#status-left h4, #status-right h4 {
	margin: 0;
}
#status-left i.fab, #status-right i.fab { vertical-align: middle; }
#status-right {
	float: left;
	width: 49%;
}
#status-right ul, #status-left ul {
	list-style-type: none;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 0;
}
#status-right ul li, #status-left ul li {
	text-align: center;
	display: block;
	float: left;
	margin: 0;
}
#status-right ul img, #status-left ul img {
	display: block;
	padding: 4px 0;
}
#status-left h3 span {color: #578014; text-transform: uppercase;}
.status-full { color: #578014; }
.status-full span { display: block; width: 70px; height: 8px; padding: 4px 6px; background-color: #578014;}
.status-empty { color: #bbb; }
.status-empty span { display: block; width: 70px; height: 8px; padding: 4px 6px; background-color: #bbb;}

#logout {
	display: inline-block;
	float: right;
}
#logout .defaultbtn {padding-right:16px; padding-left:16px;}
#signup-left {
	float: left;
	width: 340px;
	padding-right: 10px;
}
#signup-right {
	float: left;
	width: 350px;
}
#signup-right img {
	border: 1px solid #d6d6d6;
}
.expected {
	display: block;
	font-size: 11px;
	font-weight: normal;
	position: relative;
	top: -35px;
}
#tab6 img {
	margin: 10px;
	border: 1px solid #d6d6d6;
	width: 286px;
}

#tab7 ul li:before {
	content: none;
}
#tab7 ul.blocks li {width:286px; margin:15px;}
#tab7 ul.blocks li:nth-child(4n){margin:15px 0 16px 15px;}
#tab7 ul.blocks li:nth-child(4n+1){margin:15px 15px 15px 0; clear:left;}
#tab7 ul.blocks li .actionbtn, #tab7 ul.blocks li .defaultbtn {
    width: 100%;
    max-width: 100%;
}
.uber {
	color: #cc9933 !important;
}
/* a.sub_open:before, option.sub_open:before { content:"\f0d7"; font-size: 14px; color: #cc9933; text-decoration: none; line-height: 24px;} */
/* a.sub_closed:before, option.sub_closed:before { content:"\f0da"; font-size: 14px; color: #cc9933; text-decoration: none; line-height: 24px;} */
button.fly-out-menu-button {
    border: none;
    background-color: inherit;
    color: #cc9933;
}
.listing { display: none; margin: 0; padding: 0; }
.egc-msg {
	background-color: #f9f9f9;
	margin: 5px;
	overflow: hidden;
	padding: 5px;
	clear: both;
}
.egc-msg p {
	vertical-align: top;
	font-size: 12px !important;	
	padding: 5px;
	margin: 0;
	text-align: right;
}
.egc-msg textarea {
	width:300px;
	height: 50px;
}
.egc-msg input[type=email], .egc-msg input[type=text] {
	width: 300px;
}

.review-count { position: relative; left: 60px; bottom: 2px; font-size: 12px; color: #666;}
#rev-pos { margin-top: 24px; }
.small { padding-top: 20px; font-size: 11px !important; }
.narrow-lines { line-height: 0.8em; }
#sms-prompt { margin: 2px 0px 10px 0px; font-size: 0.85em; }
#opt-in-text { padding-top: 0px; }
.btnsmall { width: 160px; }
.btntiny { min-width: 120px !important; margin: 10px 10px 10px 0 !important; display: inline-block; }
.btnshort { width: 85px; margin-top: 0 !important; height: 36px; line-height: 36px;}

.hidden { display: none !important; }
.page-size-mobile { display: none; }
.collections-mobile { display: none; }
.page-size { display: inline-block; }

.badge-social {
	margin-top: 10px;
	clear: both;
	position: relative;
	top: 10px;
	width: auto;
	display: block;
    border: 1px solid #ccc;
	border-radius: 3px 3px;
	font-size: 16px;
	text-align: center;
	padding: 6px;
}
.badge-social a {
	padding: 0 2px;
	color: #555;
	text-decoration: none;
}
.badge-social a:hover {
	color: #ab1a1e;
}
#atcform .badge-social { margin-top: 0; width: 95px; }

.margin-right {
	margin-right: 20px;
}
.margin-left {
	margin-left: 20px !important;
}
#collection-jumbotron {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.collection-media {
	float: left;
	width: 48%;
}
.collection-media img {
    width: 100%;
}
.collection-details {
	float: left;
	padding: 0 0 20px 20px;
	min-height: 210px;
	display: block;
	position: relative;
	width: 48%;
}
.collection-details h1 {
	margin: 0;
	padding: 0;
}
.collection-details p {
	font-size: 12px !important;
	text-align: justify;
}
.collection-details footer {
	display: block;
	position: absolute;
	bottom: -7px;
	left: 20px;
}
/* popovers */
a.tooltip {color: #5d5d5d;}
.tooltip:after {cursor:pointer;font-family: 'Font Awesome 5 Free';  color: #5d5d5d; font-size: 14px; content:"\f059";} /* adds a cute question mark after */
.webui-popover, .webui-popover p, .webui-popover li {
	font-family: 'Open Sans',sans-serif;
	font-size: 14px;
	color:#5d5d5d;
}
.webui-popover a {font-weight: bold;}
.webui-popover .webui-popover-content {max-width:500px; }
.tooltipdeets {text-align:center;}
/* Modals  */
.wide-modal {
	width:90%;
	max-width:900px !important;
	padding:15px 15px !important;
}
.modal {
	width:90%;
	max-width:600px;
	padding:15px 15px !important;
}
.modal-content {
	background-color:#FFF;
	padding:15px;
}
.modal-body {
	text-align:center;
	background-color:#eeede7;
	border:1px solid #d6d6d6;
	padding:10px;
	color:#5d5d5d;
}
#modalsignup .modal-form-header { padding-top: 45px; }
.grid_6.successmsg {
    padding-top: 20px;
}
h1.modal-form-title {
	font-size: 2em;
}
#contestform .modal-form-header { text-align: center;}
#slideinadform .fineprint {
    padding-top: 130px;
    font-size: .7em;
    color: #999;
}
/* Salesforce Live Agent settings */
#la-chat { background-color:#eeede7; font-size: 100% !important;}
#la-chat .modal-body {
	border: none;
}

.modal-body input[type="text"], .modal-body input[type="email"], .modal-body input[type="password"], .modal-body select, .modal-body textarea, .modal .ratingsdiv {
	width:80%;
	border-radius:4px;
	font-size:16px;
	padding:8px 15px;
	text-align:center;
	margin:10px auto 10px auto; 
	border:1px solid rgb(169, 169, 169);
}
#suggestcomments {display:block;}
.ratingsdiv {background-color:#FFF; } 
.modal-form-group {width:80%; margin:0 auto; padding:0; text-align:left;}
.modal-btn-group {width:100%; text-align:center; display:block; margin-top:15px;}
.modal-body button, .modal-body a.altbtn, .modal-body a.actionbtn {
	margin:15px 1% 15px 1%;
	display:inline-block;
	max-width:fit-content;
	padding: 0 10px;
}
.modal-body ul { list-style-type: none; margin: 0; padding: 0; }

.modal-terms {width:100%; display:block; text-align:center; font-size:12px; padding-top:10px;}
.modal-message {background-color:#FFF; padding:10px; border:1px solid #d6d6d6; box-sizing: border-box; width: 80%; margin:10px auto;font-size:16px; }
.modal-message h4, .modal-message h5 {margin:0; color:#ab1a1e; font-weight:bold; font-size:18px;}
.modal-message h5 {color:green;}
.modal .grid_6, .modal .grid_3 {width:49%; margin-right:1%;}
.wide-modal .grid_6 {width:47.5%; margin:1%;}

.modal .grid_3 {width:24%;}
.modal .alpha {margin-left:0;}
.modal .omega {margin-right:0;}
.omega img.prod-image, .aboutblurb .omega img { width: 100%; }
/* Ratings stars */
.star-rating {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.star-rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.star-rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:150%;
    line-height:1.2;
    color:#ddd;
}

.star-rating:not(:checked) > label:before {
    content: '★ ';
}

.star-rating > input:checked ~ label {
    color: #f70;
}

.star-rating:not(:checked) > label:hover,
.star-rating:not(:checked) > label:hover ~ label {
    color: #D1A808;
}

.star-rating > input:checked + label:hover,
.star-rating > input:checked + label:hover ~ label,
.star-rating > input:checked ~ label:hover,
.star-rating > input:checked ~ label:hover ~ label,
.star-rating > label:hover ~ input:checked ~ label {
    color: #ea0;
}

.star-rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}
.customer-rating { padding: 10px 0 0 0; }

.customer-rating input, .customer-rating label { display: inline !important; } 
/* new message styles here - 03212016 */
.tienda-info, .tienda-success, .tienda-warning, .tienda-error, .tienda-border {
    padding:10px;
    margin:10px auto;
	clear:both;
	line-height: 22px;
	font-size: 14px;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
}
.tienda-info::before, .tienda-success::before, .tienda-warning::before, .tienda-error::before, .tienda-border::before {
    font-family:'Font Awesome 5 Free';
    font-style:normal;
    font-weight:900;
    font-size: 1.2em;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    margin-right:.3em;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.tienda-info {
    color: #00529B;
    background-color: #D1ECF1;
    border-color: #bee5eb;
}
.tienda-success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.tienda-warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.tienda-error {
    color: #D8000C;
    background-color: #F8D7DA;
    border-color: #f5c6cb;
}

.tienda-border {
    border: 1px solid #bbb;
}
.btn {
	border: none;
	clear: both;
	color: #fff !important;
	cursor: pointer;
	width: 100%;
	min-width: 150px;
	max-width: fit-content;
	padding: 0 10px;
	display: block;
	text-align: center;
	height: 44px;
	line-height: 40px;
	font-size: 18px;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 5px;
	margin: 0 auto;
}
a.btn:hover { text-decoration: none; }
.button-group {
	text-align: center;
}
.button-group a {
	padding: 5px 0;
	font-size: 12px;
}
.activebtn, #submitCC, .tertiarybtn {
	background: #578014;
	text-transform: uppercase;
	line-height: 42px;
	font-weight: 600;
}
#cart-panel .activebtn {
	display: inline-block;
}

.secondarybtn {
	background: #bcbbba !important;
	margin: 10px auto;
}
.confirm-details, .confirm-disclaimer {
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	overflow: hidden;
}
.confirm-details section, .confirm-disclaimer section {
	padding: 20px;
	overflow: hidden;
}
.confirm-disclaimer {
	font-size: 12px;
}
.confirm-details h2, .confirm-details h3, .confirm-details h4 {
	margin: 0 0 10px 0;
	padding: 0;
}
.confirm-addresses {
	font-size: 14px;
}
.confirm-cart table td {
	font-size: 14px;
	padding: 5px;
}
.confirm-cart img { width: 220px; }
.confirm-shipping p, .confirm-billing p, .confirm-message p, .set-password p {
	font-size: 14px;
}
.rule {
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0;
}
.confirm-billing table {
	font-size: 14px;
	padding: 0;
	margin: 0;
}
.confirm-billing table td {
	padding: 2px 4px 0 0;
}
.confirm-billing img { width: 32px !important; margin: 0 !important; }
.savings { color: red; }
.confirm-total { text-align: right; }

/*--- GENERAL CLASSES ---*/
.right { text-align: right; margin-right: 5px;}
.text-right {text-align:right !important;}
.text-left {text-align:left !important;}
.left { text-align: left; margin-left: 5px;}

.bold { font-weight: bold; }
.center { text-align: center; }
.pad-bottom { padding-bottom: 10px; }
.vertical-pad { padding: 16px 0; }
.sm-visible, .xs-visible, .xxs-visible, .xxxs-visible {display:none !important;}
.bgd {background-color:#ddd;}
h3.bgd {max-width:100%; margin-top:16px; padding:8px; clear:both;}
#image-collections div:nth-child(odd) { clear: left; }

.gd-wrapper { width: 100%; }
.gd-wrapper img { width: 100%;}
.gd-wrapper ul { margin: 0; padding: 0; }
.gd-wrapper ul li { list-style-type: none; padding: 5px 0; }
.gd-wrapper p { max-width: 400px; }

.recipeMenu .grid_6 {margin-left: 0 !important; padding-right: 10px;}
.recipeMenu .alpha { clear: both; }
.recipeMenu .mainprice { font-size: 16px !important;}
.recipeMenu .gd-wrapper img { width: 50%; }
.rotw-image img {
    width: 100%;
}
.ot-dc-badge--p { margin-left: 20px !important; }
.testtext {
	display:block;
	font-size:80%;
	font-weight:normal;
	color:purple;
}

/* Input container for an input field with a button or icon */
.input-container {
	position:relative;	
	display: flex;
	width: 100%;
	margin-bottom: 15px;
}
.fl-form .fl-wrap {
	width:100% !important;
}
.field-icon { /* fa icon right in input field - like eyeball in password field */
  float: right;
  margin-right:5px;
  margin-top: -54px;
  position: relative;
  z-index: 2;
  cursor:pointer;
}
/* inside a container like in checkout with button abutted */
.input-container .field-icon { /* fa icon right in input field - like eyeball in password field */
	float: none;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    top: 0;
    margin-right: 0;
    margin-top: 20px;
    right: 105px;
}
.field-icon.small-field { /* on accounts/forgotpass.html page */
  float: right;
  margin-right:0;
  margin-top:4px;
  position: relative;
  z-index: 2;
  cursor:pointer;
}
/* generate a password */
#pw_output { /* results of the generate pw */
    font-weight:bold;
	display:block;
	padding-bottom: 10px;
}


/* Style the form icons */
.icon {
  padding: 10px;
  background: #bcbbba;
  color: white;
  min-width: 50px;
  line-height:1.5 !important;
  text-align: center;
}
.inlinebtn { /* inside an input box */
	padding: 13px;
	background: #bcbbba;
	color: white;
/*	min-width: 50px;*/
	line-height:1.5 !important;
	text-align: center;
	cursor:pointer;
}
.inlinebtn:hover {
	background: #bcbbba;
	text-decoration:none;
	color:#eee;
}
/* Style the input fields */
.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

/* Braintree forms styling here */
.hosted-field {
  height: 50px;
  box-sizing: border-box;
  width: 90%;
  padding: 12px;
  display: inline-block;
  box-shadow: none;
  font-weight: 600;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #dddddd;
  line-height: 20px;
  background: #fcfcfc;
  margin-bottom: 12px;
  background: linear-gradient(to right, white 50%, #fcfcfc 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 300ms ease-in-out;
}

.hosted-fields--label {
  font-size: 14px;
  display: block;
  margin-bottom: 6px;
}

.button-container {
  display: block;
  text-align: center;
}

.button {
  cursor: pointer;
  font-weight: 500;
  line-height: inherit;
  position: relative;
  text-decoration: none;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
}

.braintree-hosted-fields-focused {
  border: 1px solid #64d18a;
  border-radius: 1px;
  background-position: left bottom;
}

.braintree-hosted-fields-invalid {
  border: 1px solid #ed574a;
}


/* end Braintree styling */
h3#overlaymsg { color: #fff; font-size: 1.75em; font-weight: normal; font-family: 'Lobster Two', cursive; font-style: italic; letter-spacing: 1px;}

#panel-suggestions {
	overflow: hidden;
	margin: 20px 0;
}
#panel-suggestions .row {
	width: 32%;
	display: inline-block;
	vertical-align: top;
}
.panel-product {
	width: 57%;
	text-align: left;
	padding-left: 10px;
	overflow: hidden;
}
.panel-img {
	width: 40%;
	float: left;
	position: relative;
}
.panel-img img { width: 100%; }
.panel-product h4 {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
}
.panel-product a {
	margin-top: 40px;
	float: left;
}
.panel-product span {
	font-size: 13px;
	float: left;
}
.panel-details {
	height: 80px;
}
#call-now { display: none; }

.cl_image_left { float: left; padding-right: 20px; }
.cl_image_left img { width: 400px; }

.cl_image_right { float: right; padding-left: 20px; }
.cl_image_right img { width: 400px; }


/* class applies to select element itself, not a wrapper element */
/* https://www.filamentgroup.com/lab/select-css.html */
.select-collection {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    line-height: 1.3;
    padding: .4em 1.4em .4em .8em;
    width: 100%;
    max-width: 100%; /* useful when width is set to anything other than 100% */
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
        for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
        
    */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .7em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.select-collection::-ms-expand {
    display: none;
}
/* Hover style */
.select-collection:hover {
    border-color: #888;
}
/* Focus style */
.select-collection:focus {
    border-color: #aaa;
    /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}

/* Set options to normal weight */
.select-collection option {
    font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-collection, :root:lang(ar) .select-collection, :root:lang(iw) .select-collection {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-collection:disabled, .select-collection[aria-disabled=true] {
    color: graytext;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.select-collection:disabled:hover, .select-collection[aria-disabled=true] {
    border-color: #aaa;
}
.recordCount { float: left; width: 62%;}
.recordCount h2, .noResults h2 { font-size: 18px;}
.didYouMean { display: block; font-size: 16px;}
.collections { float: right; width: 35%; }
#search-results-wrapper { clear: both; }
.paging {display: block; clear: both; padding-top: 10px; width: 100%; text-align: center; font-weight: bold; margin: 0 auto; height: 40px;}
#recipe-listing-wrap { padding-top: 20px; }

/* Calendar stuff here */
.calendar-container {

}
.calendar-container h3 {
	margin-bottom: 16px;
}
.calendar-table th {
	height: 32px;
	width: 32px;
	text-align: center;
}
.calendar-table td {
	height: 32px;
	text-align: right;
}
.today span {
	border-radius: 24px;
	width: 24px;
	height: 24px;
	text-transform: none;
	text-align: center;
	margin: 0;
	display: inline-block;
	line-height: 22px;
	font-weight: bold;
	background: #578014;
	color: #fff;
}
.tracking-table td {
	padding: 5px;
	margin: 0;
	height: 30px;
}
.tracking-table tr:nth-child(odd) {
  background-color: #f2f2f2;
}

.bundles {
	background: #eeede7;
	padding: 10px;
	margin-top: 5px;
}
.bundles ul {
	margin: 0;
	padding: 0;
}
.bundles ul li {
	list-style-type: none;
}
.bundles h3 {
	margin-top: 0;
	margin-bottom: 5px;
}
#prop65 i:hover {
	cursor: pointer;
}
/*--- RESPONSIVE ---*/
/* Keep in mind all grids have a left & right margin of 10px */
@media only screen and (max-width: 1320px) {
	.container_12 {width: 1188px;}
	.container_12 .grid_1 {width:79px;}
	.container_12 .grid_2 {width:178px;}
	.container_12 .grid_3 {width:277px;}
	.container_12 .grid_4 {width:376px;}
	.container_12 .grid_5 {width:475px;}
	.container_12 .grid_6 {width:574px;}
	.container_12 .grid_7 {width:673px;}
	.container_12 .grid_8 {width:772px;}
	.container_12 .grid_9 {width:871px;}
	.container_12 .grid_10 {width:970px;}
	.container_12 .grid_11 {width:1069px;}
	.container_12 .grid_12 {width:1168px;}
	.grid_9 .grid_7 {width:484px;}
	.grid_9 .grid_6 {width:425px;}
	.grid_9 .grid_5 {width:346px;}
	.grid_9 .grid_4 {width:277px;}	
	.grid_9 .grid_3 {width:202px;}
	#tab6 img { width: 259px; }
	.nav ul li {font-size:12px;}

	.nav ul li > a {padding:0 67px 0 0;}
	/* This is for Mother's Day
	.nav ul li > a {padding:0 69px 0 0;}
	*/
	
	/* Banners */
	.bannercontainer {width:100%}
	.banner{width:100%;height:auto;} /* ratio is 940 w by 320 h */
	/* Product Blocks */
	
	
	ul.blocks.default.meet li h1 {line-height:199px !important;} /* roughly 91% of height of product box */
	.prodimg img {width: 192px; height: 192px; }
	.grid_12 .prodimg img {width: 269px; height: 269px; }
	
	/* set up proper spacing / margins for product boxes in rows of FOUR with sidebar */
	.grid_9 ul.blocks li {width:192px;}
	.grid_9 ul.blocks li {margin:15px 17px;}
	.grid_9 ul.blocks li .actionbtn, .grid_9 ul.blocks li .defaultbtn {width:192px;max-width:192px;}
	
	.grid_9 ul.blocks li:nth-child(4n){margin:15px 0px 15px 17px;}
	.grid_9 ul.blocks li:nth-child(4n+1){margin:15px 16px 15px 0;clear:left;}
	
	/* PRODUCT BLOCKS - no sidebar, total width 1168px, 4 across */
	.grid_12 ul.blocks li {width:269px; margin:15px;}
	.grid_12 ul.blocks li .actionbtn, ul.blocks li .defaultbtn {width:269px;max-width:269px;}
	.grid_12 ul.blocks li:nth-child(4n){margin:15px 0 16px 15px;}
	.grid_12 ul.blocks li:nth-child(4n+1){margin:15px 15px 15px 0;}
	/* Product blocks on product detail - other items tab */
	#tab7 ul.blocks li {width:259px;}
	#tab7 ul.blocks li:nth-child(4n){margin:15px 0 15px 15px;}
	#tab7 ul.blocks li:nth-child(4n+1){margin:15px 15px 15px 0;}
	
	.homefeature img.bigframegrey {width:356px !important;} /* width of grid 4 minus 20px for the frame */
	.recipe-collection,.recipe-collection img { width: 423px; }

	.tab_content #recipe-listing-wrap { width: 1290px; }
	.recipe-listing {
		width: 275px;
		float: left;
		background-color: #fff;
		border: 1px solid #ddd;
		margin: 0 0 20px 0;
		min-height: 326px;
		position: relative;
	}
	.tab_content .recipe-listing { width: 360px; min-height: 350px; }
	.rotw-controls { width: 350px; top: 67%; left: 10%; }	
	.grid_9 .grid_7 img {max-width:484px; } /* retail store page */
	.productAtc .grid_6 {max-width:48%;} /* product details */
	.productAtc button {max-width:99%; margin-right:1%;}
	.holdforchristmas {
		width:96.5%; 
	}
	.panel-product a {
		margin-top: 25px;
	}
	#return-to-top {
		left: 274px;
	}
}
@media only screen and (max-width: 1199px) { /* original grid sizes */
	.container_12 {width: 960px;}
	.container_12 .grid_1 {width:60px;}
	.container_12 .grid_2 {width:140px;}
	.container_12 .grid_3 {width:220px;}
	.container_12 .grid_4 {width:300px;}
	.container_12 .grid_5 {width:380px;}
	.container_12 .grid_6 {width:460px;}
	.container_12 .grid_7 {width:540px;}
	.container_12 .grid_8 {width:620px;}
	.container_12 .grid_9 {width:700px;}
	.container_12 .grid_10 {width:780px;}
	.container_12 .grid_11 {width:860px;}
	.container_12 .grid_12 {width:940px;}
	.grid_9 .grid_7 {width:406px;}
	.grid_9 .grid_6 {width:340px;}
	.grid_9 .grid_5 {width:169px;}
	.grid_9 .grid_4 {width:220px;}
	.grid_9 .grid_3 {width:160px;}	
	.hero {width:100%;}
	#logo-container { margin: 0; }
	#tab6 img { width: 202px; }
	.innerWrapper {padding:0 0 50px 0;}
	.header.shrink {padding-top:25px;} /*remove if topbar unstuck */
	.header1.shrink.show {top:132px; display:block;} /* topbar + header */
	.shrink .control-icons{top:-10px;}
	#cart-panel-wrapper.shrink { top: 140px; }
	/* main menu */
	.nav ul li > a {padding:0 42px 0 0;}
	/* This is for Mother's Day
	.nav ul li > a {padding:0 44px 0 0;}
	*/
	.prodimg img {width: 213px !important; height: 213px !important;}
	.homefeature img { width: 300px !important; }
	/* typography */
	#main h1.script {font-size:40px;}
	h4.script {font-size:40px;}
	.grid_9#main h1.script { font-size: 36px;}
	/* Banners */
	.banner{width:100%;height:auto;} /* ratio is 940 w by 320 h */
	.shrink .branding a img {left: 31px;}	
	.navfix div { right: 35px;}	
	#shipping-donate-box {
		background-position: center 10%;
		background-repeat: no-repeat;
		text-align: center;
		padding-top: 80px;
	}
	#shipping-donate-box h3 { line-height: 22px; }
	.holdforchristmas {
		width:96%; 
	}

	/* Product Blocks */
	/* set up proper spacing for boxes in rows of THREE, with sidebar, add up to 700 wide */
	.grid_9 ul.blocks li {width:213px; margin:15px;}
	.grid_9 ul.blocks li .actionbtn, .grid_9 ul.blocks li .defaultbtn {width:213px;max-width:213px;}
	.grid_9 ul.blocks li:nth-child(4n){margin:15px 15px 15px 15px;} /* have to reset these */
	.grid_9 ul.blocks li:nth-child(4n+1){margin:15px 15px 15px 15px;clear:none;} /* reset */
	.grid_9 ul.blocks li:nth-child(3n){margin:15px 0px 15px 16px;} /* new */
	.grid_9 ul.blocks li:nth-child(3n+1){margin:15px 15px 15px 0;clear:left;} /* new */
	
	/* set up proper spacing / margins for product boxes in rows of FOUR, no sidebar, add up to 940 */
	.grid_12 ul.blocks li {width:212px;margin:15px; position:relative;}
	.grid_12 ul.blocks li .actionbtn, ul.blocks li .defaultbtn {width:212px;max-width:212px;}
	.grid_12 ul.blocks li:nth-child(4n){margin:15px 0 15px 16px;}
	.grid_12 ul.blocks li:nth-child(4n+1){margin:15px 16px 15px 0;} /* add up to 940 */
	
	ul.blocks.default.meet li h1 {line-height:160px !important;} /* original value */
	
	/* Product blocks on product detail - other items tab */
	#tab7 ul.blocks li {width:202px;}
	#tab7 ul.blocks li:nth-child(4n){margin:15px 0 15px 15px;}
	#tab7 ul.blocks li:nth-child(4n+1){margin:15px 15px 15px 0;}
	
	/* About */
	.homefeature img.bigframegrey {width:280px !important;} /* width of grid 4 minus 20px for the frame */
	/* Buttons */
	a.redbtn {padding:10px 20px;font-size:16px;}
	.container_12 .branding { text-align: left; }
	.recipe-collection,.recipe-collection img { width: 338px; }
	.tab_content #recipe-listing-wrap { width: 1177px; }
	.recipe-listing {
		width: 218px;
		float: left;
		background-color: #fff;
		border: 1px solid #ddd;
		margin: 0 0 20px 0;
		min-height: 310px;
		position: relative;
	}
	.rotw .badge {
		top: 48%;
		left: 3%;
	}
	.rotw-controls {
		width: 320px;
		top: 60%;
		left: 12%;
	}
	.tab_content .recipe-listing { width: 283px; min-height: 335px; }
	.rotw-controls h1 { font-size: 20px; }
	.grid_9 .grid_7 img {max-width:404px;} /* retail store page */
	.grid_9 .grid_4 img {max-width:100%;} /* 3 across images on retail store page */
	.productAtc .grid_6 {max-width:45%;} /* product details */
	.ship-method-rec-wrap-left { width: 200px; }
	.ship-method-rec-wrap-right { width: 435px; }

	.panel-product {
		width: 55%;
	}
	.panel-product h4 {
		font-size: 12px !important;
	}
	.panel-product a {
		margin-top: -3px;
	}
	.cl_image_left img { width: 300px; }
	.cl_image_right img { width: 300px; }
	
	#gb-sayt { left: -655px; }
	input[type=number] {
		width: 32px;
		height: 24px;
		font-size: 14px;
		margin: 0 2px 4px 2px;
		padding: 0 4px;
	}
	.summary-panel div { display: block; padding-bottom: 10px; }
	#return-to-top {
		left: 220px;
	}

}
@media only screen and (max-width: 959px) { /* breakpoint for grid system, tablet portrait */

	#shipping-donate-box {
		background-position: center 10%;
		background-repeat: no-repeat;
		text-align: center;
		padding-top: 90px;
	}
	#shipping-donate-box h3 { line-height: 26px; }

	.container_12 {width:758px; padding: 0 10px;}
	.container_12 .grid_1 {width:44px;}
	.container_12 .grid_2 {width:108px;}
	.container_12 .grid_3 {width:172px;}
	.container_12 .grid_4 {width:236px;}
	.container_12 .grid_5 {width:300px;}
	.container_12 .grid_6 {width:364px;}
	.container_12 .grid_7 {width:428px;}
	.container_12 .grid_8 {width:492px;}
	.container_12 .grid_9 {width:556px;}
	.container_12 .grid_10 {width:620px;}
	.container_12 .grid_11 {width:684px;}
	.container_12 .grid_12 {width:748px;}
	.grid_9 .grid_7 {width:301px;}
	.grid_9 .grid_6 {width:268px;}
	.grid_9 .grid_5 {width:125px;}
	.grid_9 .grid_4 {width:172px;}	
	.grid_9 .grid_3 {width:124px;}

	.hero {width:100%;}
	#tab6 img { width: 213px; }
	.recipeMenu .grid_6 { width: 354px;}
	.extrastuff {width:85%; overflow:auto; height:500px;} /* our diagnostic messages */
	.innerWrapper {padding:0 0 50px 0;}
	/* menus */
	.topbar ul li {font-size:10px;}
	.topbar ul li a {padding:0 4px;}
	.nav ul li {font-size:13px;}
	
	.nav ul li > a {padding:0 22px 0 0;}
	/* This is for Mother's Day
	.nav ul li > a {padding:0 25px 0 0;}
	*/	
	.nav ul li.loginli > a {padding:0 0 0 0;} /* since have login or register on same line */
	.prodimg img {width: 164px !important; height: 164px !important;}
	
	.topbar ul.tblft li a { font-size: 11px;}
	/* sidebar menu */
	.sidebar {display:none} /* show immediately only on full width. Other devices will be shown using js */
	.sidebar.mobile ul.navtree {display:none;}
	.sidebar.mobile select, .sidebar .dropdown {display:block; margin:0 auto;}
	.sidebar.mobile select {display:block; margin:0 auto; padding:12px; color:#555; width: 100%;}
	.sidebar.mobile center, .sidebar.mobile img {display:none;} /* the "ships fast badge */
	.subheading h1 {float:none;}
	.homefeature img { width: 236px !important; }
	#main h1.script, #pageTop h1.script {font-size:36px;}
	.mainContent {margin-top:10px;}
	/* Header */
	.topbar ul.tblft {float:left; margin:0;}
	.topbar ul.tbrt {float:right; margin:0;}
	.nav ul.mainnav, .nav ul.promo {display:block;float:none; width:100%;}
	.outerWrapper.nothomepage {margin-top: 166px}
	/* hero */
	.hero-billboard h1 { top: 15px; font-size: 40px; letter-spacing: 0.05em;}
	.hero-details { top: 15px; font-size: 20px; letter-spacing: 0.05em;}
	.hero-action { top: 50px; position: relative; }
	.hero-secondary a { bottom: 10px;} 
	.pressfeature {margin-right: 10px; width: 165px; min-height: 130px; font-size: 13px; }
	/* Footer */
	.footerNew .grid_4 {margin-right:0;}
	.footertag h4 {font-size:112px;line-height:120px;margin-bottom:12px;}
	/* FOOTER NAV
	///////////////////////////////////////////////////// */
	.footer_nav {padding: 10px 0;}
	.footer_nav ul li { display: inline; padding: 0 10px;}
	
	/* Home page */
	.banner h3.light {font-size:26px; line-height:32px;}
	.banner p.light {font-size:15px !important; line-height:24px !important; margin-bottom:8px;}
	.banner a.redbtn {font-size:16px; padding:8px 16px; min-height:44px; min-width:44px; }

	.blocks .actionbtn, .blocks .defaultbtn {display:block; margin:0 auto;}
	
	/* PRODUCT BLOCKS - no more sidebar, all are in grid_12, rows of 4, total width 748px */
	.grid_12 ul.blocks li {width:164px;margin:15px; position:relative;}
	.grid_12 ul.blocks li .actionbtn, ul.blocks li .defaultbtn {width:100%;max-width:164px;}
	.grid_12 ul.blocks li:nth-child(4n){margin:15px 0 15px 16px;}
	.grid_12 ul.blocks li:nth-child(4n+1){margin:15px 16px 15px 0;} /* add up to 940 */
	.prodright h1 {font-size:22px !important;margin:0;}
	ul.blocks.addtocart h2,ul.blocks.category h2 {font-size:13px !important;line-height:16px !important;}
	/* Product blocks on product detail - other items tab */
	#tab7 ul.blocks li {width:154px;}
	#tab7 ul.blocks li:nth-child(4n){margin:15px 0 15px 15px;}
	#tab7 ul.blocks li:nth-child(4n+1){margin:15px 15px 15px 0;}
	
	#logout .defaultbtn {width:222px;max-width:222px;}
	/* meet our artisans now 2 across */
	ul.blocks.default.meet h1 {font-size:18px;}
	/* About us */
	.aboutblurb .grid_4 {padding:30px 10px;} 
	.aboutblurb .grid_4 img.bigframe {width:100%;height:auto;}	
	.aboutblurb .grid_8 {padding:30px 10px 30px 0;}
	/* home */
	.homefeature img.bigframegrey {width:216px !important;} /* width of grid 4 minus 20px for the frame */
	.grid_6 img {max-width:100%;}
	.subscribe h3 {font-size:1.5em;}
	.subscribeform input[type="email"] {width:58%; height:44px;}
	.subscribeform button {width:28%; height:45px;}
	.subscribeform input[type="email"], .subscribeform button {font-size: 16px;}
	h4.script {font-size:36px; line-height:36px;}
	#main .subscribe h4.script {font-size:48px;}
	/* general */
	.sm-visible {display:block;}
	/* recipes */
	.tab_content #recipe-listing-wrap { width: 700px; }
	.recipe-collection,.recipe-collection img { width: 362px; }
	.recipe-listing {
		width: 233px;
		float: left;
		background-color: #fff;
		border: 1px solid #ddd;
		margin: 0 0 20px 0;
		min-height: 320px;
		position: relative;
	}
	.tabber .recipe-listing { width: 218px; }
	.grid_12 .grid_7 img {max-width:100%; width:428px;} /* retail store page */
	/* checkout */
	.savecart {float:none; font-size: 13px; display:block; text-align:center;}
	/* checkout */
	.cartcheckoutform .gc_entry {width:48%;}
	.cartcheckoutform #gc_number {width:47%; margin-left:1%;margin-right:1%;} /* same as the buttons-4 for border */
	.cartcheckoutform .actionbtn, .cartcheckoutform .altbtn {margin-top:16px;}
	/*.image_left.first {display:block; float:none;}*/
	.ship-method-rec-wrap-left { width: 250px; }
	.ship-method-rec-wrap-right { width: 435px; }
	#slideinadform .fineprint {
    	padding-top: 80px;
	}
	.panel-product a {
    	margin-top: 5px;
	}
	.panel-details {
    	height: 87px;
	}
	#gb-sayt { width: 850px; left: -460px }
	.sayt-prods ul.blocks li { width: 130px !important; }
	.sayt-prods .prodimg img { width: 130px !important; height: 130px !important; }
	.sayt-prods .recipe-listing { width: 212px;}
	.cartcheckoutform .product { width: 44%; }
	.cartcheckoutform .total { width:14%;}
	.cartcheckoutform .item {width:12%;}
	.cartcheckoutform .qty {width:13%;}
	#return-to-top {
		left: 11px;
		margin: 4.5% auto;
	}

}
@media only screen and (max-width: 768px) { /* phones landscape, xs */
	#modalsignup .modal-form-header {
    	padding-top: 0;
	}
	.grid_6.successmsg {
		padding-top: 0;
	}
	.wide-modal .grid_6 {
		width: 46.5%;
		margin-right: 1%;
	}
	h1.modal-form-title {
		font-size: 1.5em;
	}
	.cl_image_left img { width: 258px; }
	.cl_image_right img { width: 258px; }
	
	#gb-sayt { width: 248px; left: 0; top: 27px;}
	#gb-sayt ul { padding: 10px; font-size: 12px;}
	#gb-sayt ul li { left: 0; }
	.sayt-prods { display: none; width: 100% !important; overflow-wrap: anywhere; }
	.sayt-suggestions { width: 100%; background: #fff; }
	.sayt-suggestions li:first-child { left: 0 !important; }

	.m_details { display: block; }
	.productdetails .newitem, .productdetails .saleitem { top: -10px;}
	#image-collections div, #image-collections div p { font-size: 13px !important; }
	
	#lang-selector-top2 {display:block;}
	#lang-selector-box2 { z-index: 51; display: none; margin-right: 0; position: absolute; right: 5px; top: 25px; cursor: pointer; overflow: none; background-color: #fff; color: #444; }
	
	.prodright h1 {font-size:18px !important;}
	#chat-form input[type="text"], #chat-form input[type="email"], #chat-form input[type="password"], modal-body select, #chat-form textarea, .modal .ratingsdiv {
		border-radius:2px;
		font-size:26px !important;
		padding:16px 6px;
		margin:5px auto 5px auto;
	}
	#gc-messages { display: block; }
	.container_12 {width: 568px}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
		margin-right:5px;
		margin-left:5px;
	}
	#recs-wrapper h1.background span {
		/* to hide the lines from behind the text, you have to set the background color the same as the container */
		padding: 0 10px;
	}
	#main h1.script, #pageTop h1.script {text-align: center;}
	.homefeature img { width: 100% !important; }
	.alpha {margin-left:0;}
	.omega {margin-right:0;}
	.container_12 .grid_1 {width:37px;}
	.container_12 .grid_2 {width:85px;}
	.container_12 .grid_3 {width:274px;}
	.container_12 .grid_4 {width:558px;} /* full width now */
	.container_12 .grid_5 {width:274px;}
	.container_12 .grid_6 {width:274px;}
	.container_12 .grid_7 {width:274px;}
	.container_12 .grid_8 {width:558px;}
	.container_12 .grid_9 {width:274px;}
	.container_12 .grid_10 {width:463px;}
	.container_12 .grid_11 {width:511px;}
	.container_12 .grid_12 {width:558px;}
	.grid_12 .grid_7 {width:302px;}
	.grid_12 .grid_6 {width:269px;}
	.grid_12 .grid_5 {width:215px;}
	.grid_12 .grid_4 {width:172px;} /* home, retail page, confirmation */
	.grid_12 .grid_3 {width:124px;}
	#logo-container { margin: 0 auto; padding: 0;}
	.hero {width:100%;}
	#tab6 img { width: 236px; }
	/* alpha and omega margins only make sense if on less than full width grids */
	.container_12 .grid_4.alpha, .container_12 .grid_8.alpha {margin-left: 5px;}
	.container_12 .grid_4.omega, .container_12 .grid_8.omega {margin-right: 5px;}
	.cartcheckoutform .cartimg { width: 20%; }
	.recipeMenu .grid_6 { width: 264px;}
	.ship-continue .actionbtn, #ship-method-wrapper .actionbtn {margin: 5px auto; float: none;}
	.about-menu {display: block;}
	ul.about-menu {list-style-type: none; width: 100%; margin: 10px 0; padding: 0;}
	ul.about-menu li { background-color: #eeede7; padding: 10px;border-bottom: 1px solid #ccc;}
	ul.about-menu li i {float: right;}

	#top-category { display: block; }
	#top-category a div { text-align: center; background-color: #F9F5F0; margin-bottom: 15px; width: 48%; display: inline-block;}
	#top-category a div.right { margin-left: 10px;}
	#top-category a:hover { background-color: #eeede7;}
	#top-category h3 { padding: 10px; color: #7d7d7d; font-size: 16px; }

	.prodimg img {width: 264px !important; height: 264px !important;}
	.tab_content .prodimg img {	width: 244px !important; height: 244px !important; }	
	.grid_3:nth-child(4n+1){ clear:left;}
	/* Header */
	.topbar ul.tblft {float:none; width:100%; margin:0; text-align: center;}
	.topbar ul.tbrt { display: none; } /* moves to hamburger menu */
	li.promo-alert { padding-left: 0 !important; line-height: 24px; }
	li.promo-alert a { line-height: 20px !important; }
	.topbar ul li.adOffset { line-height: 24px; }
	.topbar ul li.adOffset a { line-height: 24px; height: 24px; }
	.header.adOffsetHeader, .live-agent-button.adOffsetTopbar { top: 48px; }
	.topbar.adOffsetTopbar { height: 48px; }
	#cart-panel-wrapper, #cart-panel-wrapper.shrink {top: 136px; padding-bottom: 10px;}
	#cart-panel-wrapper.adOffsetPanel {top: 155px; }
	#suggestions { display: none; }
	#close-panel { right: 0; }
	.nav ul.mainnav, .nav ul.promo {display:block;float:none; width:100%;}
	.nav ul li.active {background:none;}
	.nav ul li.active a {color:#ab1a1e;}
	html ul.tabs li.active, html ul.tabs li.active a {border-bottom: inherit;}
	ul.tabs li a:after {content:"\f054";font-family: 'Font Awesome 5 Free'; text-decoration: inherit; font-size: 14px; padding-left:8px;color:#d1a808;}
	html ul.tabs li.active a:after {content:"\f078";font-family: 'Font Awesome 5 Free'; text-decoration: inherit; font-size: 14px; padding-left:8px;color:#d1a808;}
	.btn { font-size: 1.2em; }
	.btn.complete_order { font-size: 1.0em; }

	/* chris was here */
	.topbar ul li { letter-spacing: 0; width: 100%; }
	.topbar ul.tblft li a { font-size: 13px;}
	/* use clipped logo always now */
	.branding a, .shrink .branding a {position:relative; top:5px; left:-10px;display:inline-block; overflow:hidden; width:317px;}
	.branding a img, .shrink .branding a img {top:5px;position:relative; width:250px !important; left:0;}
	
	.header, .header.shrink {padding-top:43px; padding-bottom:0} /* basically don't change any more on scroll */
	.c-hamburger {display:inline; margin-top: 52px;} /* show mobile toggle button always now */
	.header1 {display:none;}
	.header1.show, .header1.shrink.show {height:480px;width:100%;overflow:scroll;top:135px;}
	.header1.checkout {top:101px !important;} /* no top bar, take off 34px */
	.header1.adOffsetHeader { top: 149px; }
	
	.header1.show .container_12 .nav {height:auto; padding: 5px 10px;}
	.header1.show .nav ul li {display:block;float:none;width:100%;}
	.header1.show .nav ul.mainnav {text-align:left;}
	.header1.show .mainnav .dropdown_2columns {top:-5px;left:130px;width:220px;padding:10px 10px 10px 10px;}
	#main-search button { display: none; }
	.control-icons {margin-right: 10px; }
	.control-icons li:first-child { left: -64px; position: relative;}
	.shrink .control-icons{top:0;} /* no more adjustments */
	.outerWrapper.nothomepage {margin-top: 136px;}
	.outerWrapper.nothomepage.adOffset {margin-top: 150px;}
	.outerWrapper.nothomepage.checkout {margin-top: 106px;} /* no top bar so take off 34px */
	/* hide top bar on mobile if a checkout page */
	.topbar.checkouttopbar {display:none;}
	.header.checkouttopbar {top:0;}
	.cartcheckoutform .right {text-align: center;}
	
/*	#login-wrapper { display: none; } */
	.flatrate { clear: both; float: left;}
	/* hero here */
	.hero { margin-top: 136px; }
	.hero-billboard h1 { left: 10px; top: 25px; font-size: 30px; letter-spacing: 0.05em;}
	.hero-details { left: 10px; top: 25px; font-size: 18px; letter-spacing: 0.05em;}
	.hero-action { left: 10px; top: 50px; position: relative; }
	.hero-action a { width: 120px; font-size: 14px;}
	.hero.adOffsetHome { margin-top: 154px;}

	.ship-method-rec-wrap-left,.ship-method-rec-wrap-right { width: 100%;}
	/* footer */
	.footertag h4 {font-size:82px;line-height:88px;margin-bottom:7px;}	/* 140, 150 at full width */
	.footerNew .grid_4 {text-align:center;}
	.footerNew ul li:before {display:none;}
	/* Home page */
	.banner h3.light {font-size:16px; line-height:20px;}
	.banner p.light {font-size:10px !important; line-height:15px !important; margin-bottom:5px;}
	.banner a.redbtn {font-size:12px; padding:5px 10px; }
	
	/* PRODUCT BLOCKS - no sidebar, all are in grid_12, total width 558px, go 2 across */
	.grid_12 ul.blocks li {width:264px;margin:15px; position:relative;}
	.grid_12 ul.blocks li .actionbtn, ul.blocks li .defaultbtn {width:100%;max-width:264px;}
	.grid_12 ul.blocks li:nth-child(2n){margin:15px 0 15px 15px;}
	.grid_12 ul.blocks li:nth-child(2n+1){margin:15px 15px 15px 0; clear:left;}
	/* Product blocks on product detail - other items tab - 2 across */
	#tab7 ul.blocks li {width:243px;}
	#tab7 ul.blocks li:nth-child(2n){margin:15px 0 15px 15px;}
	#tab7 ul.blocks li:nth-child(2n+1){margin:15px 15px 15px 0; clear:left;}
	
	/* About us */
	.aboutblurb .grid_6 {width:558px;} /* make full width otherwise video looks strange */
	/* home feature */
	.homefeature .grid_4, .homefeature .grid_4.alpha, .grid_12 .grid_4.retailstore, .grid_12 .grid_4.alpha.retailstore, .grid_12 .grid_4.omega.retailstore {margin-right:auto; margin-left:auto; width:100%;}
	.homefeature img.bigframegrey {width:538px !important;} /* width of grid 4 minus 20px for the frame */
	
	.subscribe h3 {font-size:1.2em; } /* was 2.1 */
	.subscribe p {font-size:1em !important; line-height:1.1em !important }
	.subscribeform {margin-top:20px;}
	.subscribeform input[type="email"], .subscribeform button {font-size: 14px;}
	h4.script {font-size:34px; line-height:34px;} /* was 80, 55 */
	#main .subscribe h4.script {font-size:24px;line-height:24px;} /* was 60 */
	/*category pages */
	#catsort .dropdown {width:392px;}
	/* product detail pages */
	.productdetails .grid_6 {width:100%;}

	.grid_6.prodright, .prodright .grid_6 {width:95%;}
	.prodright h1 {max-width:100%;}
	.prodright, .reviews {padding-right:10px;padding-left:10px;}
	p.description {display:block; float:none;}
	.productAtc .grid_6 {max-width:49%; width:49%} /* product details */
	.share .grid_2, .share .grid_4 {max-width:100%; width:100%} /* product details */
	.forward-progress .altbtn { margin-top: 10px; }

	ul.tabs { height: auto; width: 99.5% }
	ul.tabs li { width: 100%; }
	/* General */
	.xs-visible {display:block !important;}

	.container_12 .branding { text-align: center; top: -3px; }
	
	/* recipe stuff */
	.collection-media {	width: 100%;}
	.collection-details { width: 100%; min-height: inherit; padding: 0 0 20px 0;}
	
	#recipe-header { margin: 0; padding: 10px 0 10px 0; max-width: 100%;}
	#recipe-header h1 {	text-align: left; margin: 0;}
	.recipe-sub-header { text-align: left; }
	
	#recipe-ingredients {width: 100%;}
	#recipe-preparation { float: left; width: 100%; border-top: 1px dotted #ddd; padding-top: 10px; margin-top: 20px; }
	
	.recipe-intro {	float: left; padding-top: 10px; }
	.recipe-media {	float: left; padding-left: 0; }
	.recipe-media img {	width: 100%;}
	
	.recipe-collection,.recipe-collection img { width: 267px; }
	.recipe-listing {
		width: 267px;
		min-height: 342px;
	}
	.rotw .badge {
		top: 40%;
		left: 3%;
	}
	.rotw-controls {
		width: 310px;
		top: 55%;
		left: 13%;
	}
	.tabber .recipe-listing { width: 247px;}
	.recipe-header-details { position: relative; margin-bottom: 12px; }
	.recipe-save-details { float: right; }
	.recipe-save-details .recipe-save { padding: 5px 0; }
	.badge-social { margin-top: 0; top: 0; width: 91px; display: inline-block; }
	
	.rotw-controls h1 { font-size: 18px; }
	#recipe-listing-wrap a:nth-child(3n+1) div.recipe-listing {	margin-left: 20px; }
	#recipe-listing-wrap a:nth-child(2n+1) div.recipe-listing {	margin-left: 0;	}
	#chef-view-display .recipe-qty, #chef-view-display .ingredient { font-size: 12px; line-height: 24px;}
	.chef-view-preparation { font-size: 12px;line-height:24px;}
	#chef-view-display {padding:10px;}
	
	.threefifths img.retail {max-width:325px;} /* retail store page */
	.grid_12 .grid_4 img, .grid_12 .grid_7 img {max-width:100%; width:100%;}
	/* checkout */
	#checkout-progress-meter { display: none; }
	#checkout-wrapper ul li label, .mywishlist label { width: 48%; }
	#checkout-wrapper ul li input[type=text],#checkout-wrapper ul li input[type=password], #checkout-wrapper ul li input[type=email], #checkout-wrapper ul li input[type=tel], #checkout-wrapper ul li textarea, #checkout-wrapper ul li select, .mywishlist input [type=text],.mywishlist input [type=email], .mywishlist input [type=tel], .mywishlist select, .mywishlist textarea, #checkout-wrapper ul li .actionbtn, #checkout-wrapper ul li .altbtn  {width: 48%;}
	/* Account Info */
	#logout {width:100%;max-width:100%;margin:16px auto; clear:both; display:block; float:none;}
	#logout a {display:block; margin-right:auto; margin-left:auto;}
	/* Modals  */
	.modal {
		width:95% !important;
		padding:3px 3px !important;
		font-size:12px;
	}
	.modal-content {padding:3px;}
	.modal-body {padding:3px;}
	.modal-body input[type="text"], .modal-body input[type="email"], .modal-body input[type="password"], modal-body select, .modal-body textarea, .modal .ratingsdiv {
		border-radius:2px;
		font-size:13px;
		padding:4px 4px;
		margin:5px auto 5px auto;
	}

	.cartcheckoutform .product {width:40%; }
	.cartcheckoutform .qty {width: 15%;} 
	.cartcheckoutform .total { width:10%;}
	.cartcheckoutform .item {width:10%;}

	.modal-btn-group {margin-top:5px;}
	.modal-body button, .modal-body a.altbtn, .modal-body a.actionbtn {margin:5px;}
	.webui-popover h2, .webui-popover h3 {font-size:12px; padding-right:0;}
	.webui-popover p, .webui-popover li {font-size: 10px;}
	.webui-popover .webui-popover-content {max-width: 480px;}
	/* reference pages */
	#crumbs.reference, .toolbox-container {float:none; margin-left:auto; margin-right:auto; margin-bottom:20px; width:98%; display:block;text-align:left;}
	.toolbox-container {text-align:center;}
	#toolbox {text-align:left;}
	#toolbox ul {padding-left:0;}
	.holdforchristmas {
		width:96.5%; 
	}
	#slideinadform .fineprint {
    	padding-top: 45px;
	}
	h1.modal-form-title {
		font-size: 2em;
	}
	.summary-panel .btn { margin: 10px 0 0 0; width: 100%; padding: 0;}
	.summary-panel { margin-bottom: 10px; }
	#cartDisplay .onehalf { width: 100%; }
	div.summary-panel.right { float: none; }
	.productAtc .actionbtn { width: 100% !important; min-width: 100%;}	
	.breadcrumb { display: none; }
	.m_image { margin: 20px 0;}
	.cartcheckoutform .twothirds { width: 65%; float: left;}
	.cartcheckoutform .twothirds.cart-left { width: 100%; }
	.cartcheckoutform .onethird { margin: 0; width: 34%; float: left;}
	.cartcheckoutform .onethird.cart-right { width: 100%; margin: 0;}
	#cart-special ul.blocks li { max-width: 100%; }
	.row.checkoutrow.forward-progress { display: none; }
	.summary-panel div { display: inline; }
	.mobile-subtotal { display: block; }
	.desktop-summary { display: none !important; }
	#return-to-top {
		left: 0;
		margin: 5.3% auto;
	}

}
@media only screen and (max-width: 567px) { /* phones landscape, xxs */
	.container_12 {width: 480px}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
		margin-right:5px;
		margin-left:5px;
	}
	#addressbk { width: 100%; }
	#shipping-donate-box h3 { font-size: 14px; line-height: 22px; }
	.alpha {margin-left: 0;}
	.omega {margin-right: 0;}
	.container_12 .grid_1 {width:230px;}
	.container_12 .grid_2 {width:230px;}
	.container_12 .grid_3 {width:230px;}
	.container_12 .grid_4 {width:470px;} /* full width now */
	.container_12 .grid_5 {width:230px;}
	.container_12 .grid_6 {width:100%;}
	.container_12 .grid_7 {width:270px;}
	.container_12 .grid_8 {width:470px;} /* full width now */
	.container_12 .grid_9 {width:350px;}
	.container_12 .grid_10 {width:390px;}
	.container_12 .grid_11 {width:430px;}
	.container_12 .grid_12 {width:470px;}
	.grid_12 .grid_7 {width:264px;}
	.grid_12 .grid_6 {width:470px;}
	.grid_12 .grid_5 {width:470px;}
	.grid_12 .grid_4 {width:146px;}
	.grid_12 .grid_3 {width:110px;}
	#tab6 img { width: 95%; }
	/* nudge the logo */
	.branding a img, .shrink .branding a img {left:4px;}
	/* Hero */
	.hero-billboard h1 { left: 10px; top: 6px; font-size: 24px; letter-spacing: 0.05em;}
	.hero-details { left: 10px; top: 10px; font-size: 14px; letter-spacing: 0.05em; line-height: 18px;}
	.hero-action { left: 10px; top: 18px; position: relative; }
	.hero-action a { width: 100px; font-size: 14px; height: 30px; line-height: 30px; padding: 0 10px !important;}
	.hero-secondary a { position: relative; right: 10px; bottom: 10px; font-size: 13px;}
	.grid_12 ul.blocks li:nth-child(2n){margin:10px auto; }
	.control-icons { margin-right: 0;}
	.control-icons li:first-child { left: -24px; position: relative;}
	#main h1.script, #pageTop h1.script {font-size:32px;}
	.flatrate { clear: both; float: right;}
	/* Footer */
	.footertag h4 {font-size:70px;line-height:80px;margin-bottom:12px;}
	
	/* home feature */
	.homefeature .grid_4, .homefeature .grid_4.alpha {margin-right:auto; margin-left:auto; width:100%;}
	.homefeature img.bigframegrey {width:450px !important; max-width:100%;} /* width of grid 4 minus 20px for the frame */

	.prodimg img {width: 220px !important; height: 220px !important;}
	.tab_content .prodimg img {	width: 200px !important; height: 200px !important; }
	
	/* PRODUCT BLOCKS - no sidebar, all are in grid_12, total width 470px, still 2 across */
	.grid_12 ul.blocks li {width:220px;margin:15px; position:relative;}
	.grid_12 ul.blocks li .actionbtn, ul.blocks li .defaultbtn {width:100%;max-width:220px;}
	.grid_12 ul.blocks li:nth-child(2n){margin:15px 0 15px 15px;}
	.grid_12 ul.blocks li:nth-child(2n+1){margin:15px 15px 15px 0; clear:left;}
	/* Product blocks on product detail - other items tab - 2 across */
	#tab7 ul.blocks li {width:199px;}
	#tab7 ul.blocks li:nth-child(2n){margin:15px 0 15px 15px;}
	#tab7 ul.blocks li:nth-child(2n+1){margin:15px 15px 15px 0; clear:left;}
	
	.productdetails .grid_6 {width:100%;}

	.grid_6.prodright, .prodright .grid_6 {width:95%;}
	
	#final-summary { width: 100%; }
	/* recipe stuff here */
	.recipe-collection,.recipe-collection img { width: 223px; }
	.recipe-listing { width: 223px;	min-height: 315px; }
	.grid_12 .grid_7 img {width:468px;} /* retail page */
	.badge {
		border-radius: 45px;
		width: 66px;
		height: 28px;
		text-transform: none;
		text-align: center;
		padding: 25px 10px 30px 10px;
	}
	.rotw .badge {
		top: 30%;
		left: 3%;
	}
	.rotw-controls {
		width: 300px;
		top: 47%;
		left: 15%;
	}
	.tabber #recipe-listing-wrap a:nth-child(3n+1) div.recipe-listing {	margin-left: 20px; }
	.tabber #recipe-listing-wrap a:nth-child(2n+1) div.recipe-listing {	margin-left: 0; clear: left; }
	.tabber .recipe-listing { width: 203px;	min-height: 295px; }
	
	.grid_12 .grid_4 img {margin-top:32px;max-width:100%; width:470px;} /* 3 across images on retail store page */
	
	/* product detail pages */
	.productAtc .grid_6 {max-width:100%; width:100%} /* product details */
	.productAtc button, a.defaultbtn {max-width:98%; margin-left:1%; margin-right:1%; margin-top:10px;}
	.share .grid_2, .share .grid_4 {max-width:100%; width:100%} /* product details */
	
	/* checkout pages */
	.cartcheckoutform .xxs-visible {display:inline-block !important; width:auto; margin-right:5px;}
	#cart-summary .xxs-visible {display:inline-block !important; width:100px; margin-right:8px;} /* labels */
	#checkout-wrapper ul li label, .mywishlist label { width:100%; text-align:left; display:block; float:none; margin-bottom:5px; } /* stack forms */
	#checkout-wrapper ul li input[type=text], #checkout-wrapper ul li input[type=tel], #checkout-wrapper ul li input[type=email],#checkout-wrapper ul li input[type=password], #checkout-wrapper ul li select, #checkout-wrapper ul li textarea, #checkout-wrapper ul li .actionbtn, #checkout-wrapper ul li .altbtn { clear: left; width:90%; max-width:90%; display:inline-block; float:none; }
	/* checkout form rows with checkboxes */
	#checkout-wrapper ul li.checkout-step1-ship label{width:auto; display:inline-block;} /* need space for icon */
	#checkout-wrapper ul li input[type=text].text-short {display:inline-block; clear:none; width:150px; float:left;}
	#checkout-wrapper ul li input[type=checkbox] {top:0;}
	#checkout-wrapper ul li.checkout-step1-ship .fa, .subdue .fa{position:relative; top:0;}
	
	#checkout-wrapper ul li .actionbtn, #checkout-wrapper ul li .altbtn {margin:15px auto;}
	#cart-summary .onehalf, #cart-summary .onequarter {float: left; margin-top:8px; margin-bottom:8px;width:50%; clear:both; display:block; text-align:left;}
	#cart-summary .onehalf, #cart-summary .onequarter {float: left; margin-top:8px; margin-bottom:8px;width:25%; clear:both; display:block; text-align:left;}
	#cart-summary .onequarter .center {text-align:left;}

	.cartcheckoutform .product, .cartcheckoutform .qty, .cartcheckoutform .total, .cartcheckoutform .item {float: left; margin-bottom:8px;width:74%; display:block; text-align:left;}
	.cartcheckoutform .cartimg { min-height: 160px; }
	#process.cartcheckoutform .cartimg { min-height: 120px; }
	.cartcheckoutform .cart-deets { padding-top: 0;}

	.cartcheckoutform .subtotal { padding: 10px; border: none; border-top: 1px solid #bbb; }
	.cartcheckoutform .grtotal {clear:none; width:100px;}
	.cartcheckoutform .gc_entry {width:100%; display:block; float:none; text-align: center;}
	.cartcheckoutform #gc_number {width:48%; margin-left:0;margin-right:1%; float:none} /* same as the buttons-4 for border */
	.cartcheckoutform .actionbtn, .cartcheckoutform .altbtn { margin-left: 0;}
	.cartcheckoutform .right {text-align: center;}
	
	.checkout-step1-ship input { float: left; }
	.checkout-step1-ship span { display: none; }
	.checkout-step1-ship label { width: auto; padding: 0 5px !important; text-align: left !important; }
	#billto .checkout-step1-ship h3, #billto .checkout-promo h3 {margin-left: 0;}
	
	/*general classes */
	.xxs-visible {display:block !important;}
	.xxs-hide {display:none !important;}
	.modal h2 {font-size:12px;}
	.modal, .modal p, .modal label, .modal a {font-size:10px;}
	.modal .tienda-info, .modal .tienda-success, .modal .tienda-warning, .modal .tienda-error {padding:3px; margin:3px auto; font-size:10px; line-height: 16px;}
	.modal-body button, .modal-body a.altbtn, .modal-body a.actionbtn {font-size:14px; margin:3px 1% 3px 1%; line-height:28px;height:auto; min-height:auto;}

	/* live agent form here */
	#chat-form button, #chat-form a.altbtn, #chat-form a.actionbtn {font-size:24px !important; margin:3px 1% 3px 1%; line-height:40px;height:auto; min-height:auto;}

	.modal .divider {display:none;}
	.webui-popover .webui-popover-content {max-width:480px;font-size:10px;}
	.webui-popover, .webui-popover h2, .webui-popover, .webui-popover h3 {font-size:12px; padding-right:0;}
	.webui-popover, .webui-popover p, .webui-popover li {font-size: 10px;}
	.webui-popover .webui-popover-content {max-width: 300px;}
	.image_left, .image_left.topmargin, .image_right, .image_right.topmargin {width:100%; max-width:100%; height:auto;margin-right:auto; margin-left:auto; float:none; display:block;}
	.image_left.topmargin, .image_right.topmargin {margin: 25px auto 0 auto; }
	#recs-wrapper h1, #cart-panel-suggestions h1 { margin-top: 0px; text-align: center; font-size: 16px; }
	.info-form span { display: block; padding-left: 0; top: 0; }
	.info-form form ul li label { display: inline !important; }
	.holdforchristmas {
		width:95.8%;
	}
	#slideinadform .grid_6.successmsg, #contestform .grid_6.successmsg { width: 98%; padding: 10px 0; }
	#modalsignup .modal-form-header { padding-top: 0; }
	#slideinadform .signupimg, #contestform .signupimg { display: none; }
	#slideinadform .btn, #slideinadform .defaultbtn, #contestform .btn, #contestform .defaultbtn { font-size: 1.8em; }
	#contestform .activebtn { margin-top: 10px; }
	.modal-form-header p {
		font-size: 15px;
	}
	#slideinadform .fineprint {
    	padding-top: 30px;
	}
	#cat-banner, #cat-text { display: none; }
	#pageTop h1.script { padding-bottom: 0; }
	.cl_image_left,.cl_image_right { clear: both; padding: 0;}
	.cl_image_left img, .cl_image_right img { width: 100%; }

	.recordCount h2 { font-size: 16px; }
	.recordCount, .collections { width: 100%; text-align: center; padding-bottom: 10px; }
	#inline-collections { padding-top: 10px; }

	#status-left, #status-right {
		width: 100%;
	}
	#return-to-top {
		margin: 6.3% auto;
	}
}
@media only screen and (max-width: 479px) { /* iPhone 6 Plus, Nexus 5X, Nexus 6P, phones portrait */
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .alpha, .omega, .container_12 .grid_4.alpha, .container_12 .grid_8.alpha {margin-right:0px;margin-left:0px;}
	.container_12 {width: 96%; margin-right:auto; margin-left:auto;}
	.container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_7, .container_12 .grid_8, .container_12 .grid_9, .container_12 .grid_10, .container_12 .grid_11, .container_12 .grid_12 {width:100%;}
	.grid_12 .grid_7 { width: 250px;}
	.grid_12 .grid_6, .grid_12 .grid_5, .grid_12 .grid_4 {width:99%;}
	.grid_12 .row .grid_4 {width:32.33%; margin-right:1%; font-size:13px;} /* maintain 1/3 for order history page */
	.grid_12 .grid_7.confirm-billing, .grid_12 .grid_7.confirm-cart, .grid_12 .grid_7.retailstore, .grid_12 .grid_4.retailstore { width:100%;} 
	.alpha {margin-left:0;}
	.omega {margin-right:0;}
	/* typography */
	p, h2, .twothirds h1, #message h1 {padding-right:10px; margin: 5px 0;}
	#promo_container img {
	    width: 100%;
	}
	#chat-form input[type="text"], #chat-form input[type="email"], #chat-form input[type="password"], modal-body select, #chat-form textarea, .modal .ratingsdiv {
		border-radius:2px;
		font-size:26px !important;
		padding:6px 6px;
		margin:5px auto 5px auto;
	}
	.live-agent-button {	width: 40px; }
	.live-agent-button i { font-size: 16px; }
	.live-agent-button span { display: none; }
	#cc-wrapper .row {
		padding: 4px 8px;
	}
	.prodimg img {width: 216px !important; height: 216px !important;}
	.tab_content .prodimg img {	width: 196px !important; height: 196px !important; }

	#main h1.script, #pageTop h1.script {font-size:30px;}
	#main .subscribe h4.script {font-size:32px;line-height:32px;}
	/* Header */
	.branding a img, .shrink .branding a img {left:0;} /* nudge the logo */
	.topbar ul.tblft {float:none; width:100%; margin:0;}
	.page-size { display: none; }
	.page-size-mobile { display: inline-block; }
	.collections-desktop { display: none; }
	.collections-mobile { display: inline-block; }

	/* chris was here */
	.topbar ul.tbrt { display: none; }
	.topbar ul li { letter-spacing: 0; }
	.holdforchristmas {
		width:92%; 
		margin-left: -5px;
	}

	#login-wrapper { display: none; }
	#main-search button { display: none; }
	.control-icons li:first-child { left: -42px; position: relative;}
	.sw {margin:0 auto;}
	.nav ul.mainnav, .nav ul.promo {display:block;float:none; width:100%;}
	.loginli > a {display:inline !important; padding-right:0px;}
	/* .nav .uber a:after {content:"\f0d7"; font-size: 14px; color: #cc9933; text-decoration: none; line-height: 24px;} */
	/* Hero */
	.hero-billboard h1 { left: 10px; top: 6px; font-size: 22px; letter-spacing: 0.05em;}
	.hero-details { left: 10px; top: 10px; font-size: 14px; letter-spacing: 0.05em; line-height: 18px;}
	.hero-action { left: 10px; top: 18px; position: relative; }
	.hero-action a { width: 100px; font-size: 14px; height: 30px; line-height: 30px; padding: 0 10px !important;}
	.active-step { font-size: 16px !important; }
	.container_12 .grid_4.search, .container_12 .grid_3.cartbox {width:100%; text-align:center; margin-bottom:20px;}
	
	.saleitem, .newitem, .bestseller, .ownerfavorite { top:-15px; left:-5px; margin-top: 7px; }
	.productdetails .saleitem {background-image:url(../images/sale.png);width:78px; height:78px;top:-15px; left:-5px;}
	.productdetails .newitem {background-image:url(../images/new.png);width:78px; height:78px;top:-15px; left:-5px;}
	.productdetails .bestseller {background-image:url(../images/best-seller.png);width:78px; height:78px;top:-15px; left:-5px;}
	.productdetails .ownerfavorite {background-image:url(../images/owners-favorite.png);width:78px; height:78px;top:-15px; left:-5px;}

	/* Footer */
	ul.social li {margin-right:10px; margin-right:10px; padding:10px 15px 5px 15px !important;}
	.footerNewSub ul {width:100%;}
	.footerNewSub ul li {width:100%;margin-right:0;margin-left:0;padding:0;line-height:20px;}
	.footerNewSub ul li a {line-height:44px;}
	.footertag h4 {font-size:60px;line-height:70px;margin-bottom:13px;}
	/* Home page */
	.page .left {float:none; text-align:center;}
	.banner h3.light {font-size:14px; line-height:14px;}
	.banner p.light {font-size:10px !important; line-height:10px !important; margin-bottom:5px;}
	.banner a.redbtn {font-size:12px; padding:5px 5px; }
	
	/* PRODUCT BLOCKS - no sidebar, all are in grid_12, total width 100%, stay 2 across */
	.grid_12 ul.blocks li {width:47%;max-width:47%;margin:15px 3%;}
	.grid_12 ul.blocks li:nth-child(2n){margin:15px 0 15px 3%;}
	.grid_12 ul.blocks li:nth-child(2n+1){margin:15px 3% 15px 0; clear:left;}
	/* Product blocks on product detail - other items tab - 2 across */
	#tab7 ul.blocks li {width:47%;max-width:47%;margin:15px 3%;}
	#tab7 ul.blocks li:nth-child(2n) {margin:15px 0 15px 3%;}
	#tab7 ul.blocks li:nth-child(2n+1) {margin:15px 3% 15px 0; clear:left;}
	
	/* meet the artisans */
	ul.blocks.default.meet li img {max-width:100%; width:100%;}
	ul.blocks.default.meet li h1 {line-height:16px !important;}
	/*ul.blocks.default.meet a img {margin:0 auto;}*/

	/* home feature */
	.homefeature, .subscribe {padding-right:10px;padding-left:10px;}
	.homefeature img.bigframegrey {width:auto; max-width:420px;max-width: calc(100% - 20px);} /* width of grid 4 minus 20px for the frame */
	.subscribeform {width:100%;}
	.subscribeform input[type="email"] {width:60%;}
	.subscribeform button {width:30%;}
	/* product detail pages */
	.prodright, .reviews {padding-right:10px;padding-left:0;}
	.prodright .left { float: left; }
	.productAtc {max-width:100%;}
	.productAtc table {max-width:98%;}
	.share .grid_2, .share .grid_4 {max-width:100%; width:100%} /* product details */
	/*general classes */
	.xs-visible, .xxs-visible, .xxxs-visible {display:block !important;}
	.onehalf, .onequarter, .threequarters, .onethird, .twothirds, .onethird.right {width:100%; float:none;}
	#inline-collections .onequarter { width: 24%; float: left; font-size: 12px;}
	.onequarter.center, .onequarter.right {text-align:left !important;}
	.summaryrow .threequarters {width:74%;float:left; margin-left:0;}
	.summaryrow .onequarter {width:22%; float:right;}
	.summaryrow .onequarter.right {text-align:right !important;}
	.cartcheckoutform .summaryrow .grtotal {width:auto;}
	.onethird.right, .onethird.alpha {text-align:center;}
	.onethird img, .onethird.right img {text-align:center;float:none; width:100%; max-width:100%; margin:15px auto;}
	.rotw .badge {
		top: 24%;
		left: 3%;
	}
	.rotw-controls {
		width: 285px;
		top: 44%;
		left: 16%;
	}
	.rotw-controls h1 { font-size: 16px; }
	/* recipe stuff here */
	.recipe-collection,.recipe-collection img { width: 217px; }
	.recipe-listing { width: 217px; }

	.tabber .recipe-listing { width: 197px;	min-height: 290px; }
	/* payment page */
	.onethird.text-right {text-align:left; padding-bottom: 10px;}
	.final-cc-entry input[type=tel] { float: left; clear: both;}
	.final-cc-entry { font-size: 12px; }
	
	/* confirmation page */
	.confirm-billing table, .confirm-cart table {width:100%;}
	.confirm-billing table td, .confirm-cart table td {width:50%;}
	.webui-popover, .webui-popover h2, .webui-popover, .webui-popover h3 {font-size:12px; padding-right:0;}
	.webui-popover, .webui-popover p, .webui-popover li {font-size: 10px;}
	.webui-popover .webui-popover-content {max-width: 300px;}
	.modal {padding:5px 5px !important;}
	#chef-view-display {padding:10px;}
	.modal-content {padding:5px;}
	.modal-body {padding:5px;}
	.modal-body input[type="text"], .modal-body input[type="email"], .modal-body input[type="password"], .modal-body select, .modal-body textarea, .modal .ratingsdiv {
		width:90%; 
		max-width:90%;
		padding:4px; 
		border:1px;
		font-size:14px;
		margin-top:4px;
		margin-bottom:4px;
	}
	.modal-btn-group {margin-top:3px;}
	.modal-message {padding:3px;margin:3px auto;font-size:12px; }
	.modal-body button, .modal-body a.altbtn, .modal-body a.actionbtn {display:block;max-width:90%; margin:10px auto;	}
	h2.modal-form-title, .modal p {padding-right:0; margin-top:3px; margin-bottom:3px;}
	.modal-footer, .modal-terms {font-size:10px;}
	.modal .divider {margin:10px 0 0 0; height:10px;}
	.modal .divider:before {width:40%;}
	.modal .divider:after {width:40%;}
	
	.modal a.forgot {width:100%; display:block; float:none;margin-top:5px; margin-bottom:10px;}
	#login-form .modal-form-group {text-align:center;}
	.teaser img{float:none; display:block;padding:0 0 20px 0 !important; margin-left:auto; margin-right:auto; width:100%; height:auto;}
	.teaser img.image_left {margin:0 auto 0 auto;}
	.checkout-handheld { display: inline-block !important; }
	.checkout-desktop { display: none !important; }
	#gc_number { width: 70%; }
	.summary-panel { width: 93%; }
	a.addtocartcategory.atc_overlay {
		bottom: 22px;
		right: 14px;
		font-size: 36px;
	}
	#main-search .fa-search { top: 5px; }
	.content-wrapper img { width: 100%; }
	#return-to-top {
		margin: 8.3% auto;
	}

}
@media only screen and (max-width: 435px) { /* line up search bar on nexus 6p portrait */
	.control-icons li:first-child { left:-23px;}
	.recipe-collection,.recipe-collection img { width: 99.5%; }
	#recipe-collection-wrap a div.recipe-collection {margin-left: 0;}
	.recipe-listing { width: 100%; min-height: 405px;}
	#recipe-listing-wrap a:nth-child(3n+1) div.recipe-listing {	margin-left: 0; }
	#recipe-listing-wrap a:nth-child(2n+1) div.recipe-listing {	margin-left: 0;	}
	#recipe-listing-wrap a div.recipe-listing { margin-left: 0; }
	#recs-wrapper h1.background:before { display: none; }
	/* this is in the product details tabs */
	.tabber .recipe-listing { width: 176px;	min-height: 290px; }
	
	.confirm-cart table td { font-size: 13px !important; width: 50%; }
	.webui-popover.in {
		width:65%;
		left:25px !important;
	}
	.webui-popover .webui-popover-content {max-width: 100%;}
	.hero-billboard h1 { left: 10px; top: 6px; font-size: 20px; letter-spacing: 0.05em;}
	.hero-details { left: 10px; top: 10px; font-size: 12px; letter-spacing: 0.05em; line-height: 16px;}
	.hero-action { left: 10px; top: 18px; position: relative; }
	.hero-action a { width: 100px; font-size: 13px; height: 30px; line-height: 30px; padding: 0 10px !important;}
	.hero-secondary a { position: relative; right: 10px; bottom: 10px; font-size: 12px;}

	.live-agent-button { right: 0; height: 26px; width: 34px; }
	.prodimg img {width: 196px !important; height: 196px !important;}
	.tab_content .prodimg img {	width: 176px !important; height: 176px !important; }

}
@media only screen and (max-width: 413px) { /* up to iPhone 6 Plus */

	#chat-form input[type="text"], #chat-form input[type="email"], #chat-form input[type="password"], modal-body select, #chat-form textarea, .modal .ratingsdiv {
		border-radius:2px;
		font-size:26px !important;
		padding:6px 6px;
		margin:5px auto 5px auto;
	}

	/* Hero */
	.control-icons li:first-child { left:-11px; position: relative;}
	#login-wrapper { display: none; }
	/* this is in the product details tabs */
	.recipe-listing { min-height: 360px;}
	.tabber .recipe-listing { width: 353px;	min-height: 360px; }
	.tabber #recipe-listing-wrap a div.recipe-listing { margin-left: 0; clear: left; }
	.tabber #recipe-listing-wrap a:nth-child(2n+1) div.recipe-listing {	margin-left: 0; clear: left; }
	.tabber #recipe-listing-wrap a:nth-child(3n+1) div.recipe-listing {	margin-left: 0; clear: left; }
	.topbar ul.tblft li a { font-size: 11px;}
	#ad-panel-wrapper span a { font-size: 14px; }
	/* FOOTER NAV
	///////////////////////////////////////////////////// */
	.footer_nav ul li { display: block; padding: 0 16px;}
	.holdforchristmas {
		width:94.3%; 
	}

	.rotw .badge {
		top: 20%;
		left: 3%;
	}
	.rotw-controls {
		width: 285px;
		top: 40%;
		left: 16%;
	}
	.rotw-controls h1 { font-size: 16px; }
	/* ACCOUNT INFO SECTION */
	.cartcheckoutform .cartimg { padding-right: 15px; }
	.pressfeature {margin-right: 8px; }
	.confirm-details section, .confirm-disclaimer section {padding: 5px;}
	.btn { max-width: 100%;}
	.prodimg img {width: 186px !important; height: 186px !important;}
	.tab_content .prodimg img {	width: 166px !important; height: 166px !important; }
}
@media only screen and (max-width: 405px) { /* line up search bar on iphone 6 portrait */
	.branding a, .shrink .branding a { top: -94px; }
	.c-hamburger {top: 6px;}
	.control-icons li:first-child { left:0px;}
	.header1 { z-index: 300;}
}
@media only screen and (max-width: 390px) { /* iPhone 12 Pro */
	.prodimg img {width: 177px !important; height: 177px !important;}
	.tab_content .prodimg img {	width: 157px !important; height: 157px !important; }
	.btn { max-width: 93%;}
}
@media only screen and (max-width: 375px) { /* line up search bar on iphone 6 portrait */
	/* PRODUCT BLOCKS - no sidebar, all are in grid_12, total width 100%, to to 1 across */
	.grid_12 ul.blocks li .actionbtn, ul.blocks li .defaultbtn {width:100%;max-width:100%;}
	.detailscontainer { width: 159px; }

	.hero-secondary a { position: relative; right: 10px; bottom: 0; font-size: 10px;}
	ul.social li .fa {font-size: 30px;}
	ul.social li, ul.social li.facebook {width:auto; border:none;text-align:center;margin:0;padding:0;}
	.footertag h4 {font-size:45px;line-height:60px;margin-bottom:13px;}
	.control-icons li:first-child { left:3px;}
	.shpBold { font-size:12px;}
	.webui-popover .webui-popover-content {max-width:280px;}
	#process.cartcheckoutform .cartimg { min-height: 136px; }
	.badge {
		border-radius: 42px;
		width: 62px;
		height: 25px;
		text-transform: none;
		text-align: center;
		padding: 21px 6px 26px 6px;
		font-size: 12px;
	}
	.holdforchristmas {
		width:93.5%; 
	}

	.rotw .badge {
		top: 16%;
		left: 3%;
	}
	.rotw-controls {
		width: 255px;
		top: 36%;
		left: 16%;
		padding: 15px;
		font-size: 12px;
	}
	.rotw-controls h1 { font-size: 14px; }
	
	.confirm-details section .grid_4.confirm-billing, .confirm-details section .grid_7.confirm-billing, .confirm-billing table, .confirm-details section .grid_4.confirm-addresses, .confirm-details section .grid_7.confirm-cart {width:100%; margin-right:0}
	.pressfeature {width:46%; margin-right:1%;}
	.tabber .recipe-listing { width: 316px;	min-height: 350px; }
	.flatrate { clear: both; float: left;}
	#emptycart {text-align: center;}
	.hero-billboard h1 { left: 10px; top: 6px; font-size: 16px; letter-spacing: 0.05em;}
	.hero-details { left: 10px; top: 10px; font-size: 11px; letter-spacing: 0.05em; line-height: 14px;}
	.hero-action { left: 10px; top: 18px; position: relative; }
	.hero-action a { width: 100px; font-size: 11px; height: 30px; line-height: 30px; padding: 0 10px !important;}
	#recs-wrapper h1, #cart-panel-suggestions h1 {font-size: 20px; }
	.prodimg img {width: 169px !important; height: 169px !important;}
	.tab_content .prodimg img {	width: 149px !important; height: 149px !important; }
	a.addtocartcategory.atc_overlay { font-size: 30px; }
	
}
@media only screen and (max-width: 360px) { /* line up search bar on galaxy s5 portrait */
	.control-icons li:first-child { left:10px;}
	.topbar ul li {font-size:9px;}
	i.fa.fa-shopping-cart.fa-lg { font-size: 1em; }
	.branding a, .shrink .branding a {left:-7px;} /* nudge the logo */
	.tabber .recipe-listing { width: 302px;	min-height: 330px; }	
	.webui-popover .pop .top .in {left:10px !important;}
	.webui-popover .webui-popover-content {max-width:250px;}
	#ad-panel-wrapper span a { font-size: 13px; }
	#main h1.script, #pageTop h1.script {font-size:26px;}
	#cart-panel { width: 320px; }
	#cart-panel .actionbtn { font-size: 13px; height: 36px; line-height: 36px; }
	#cart-panel .btnsmall { width: 132px; }
	#cart-panel-wrapper h4 { margin: 10px 0 10px 0; padding: 0 20px; font-size: 13px;}
	#cart-panel div { font-size: 12px; line-height: 20px;}
	.prodimg img {width: 160px !important; height: 160px !important;}
	.detailscontainer { width: 100%; }
	.tab_content .prodimg img {	width: 140px !important; height: 140px !important; }
}
@media only screen and (max-width: 321px) { /* iphone 5 portrait. CC changed to 321 because it wasn't kicking in for the 320px screens for some reason */
	.grid_12 .grid_3 {width:24.5%; margin-right:.5%; font-size:12px;}
	.grid_12 .grid_3 .omega {margin-right:0;}
	.topbar ul li {font-size:8px;}
	.branding a, .shrink .branding a {left:-10px;  top: -94px;} /* nudge the logo */
	.c-hamburger {top: 6px;}
	
	#main-search input { width: 200px; }
	.control-icons li:first-child { left:0px; position: relative;}
	#ad-panel-wrapper span a { font-size: 12px; }
	
	/* Hero */
	.banner h3.light {margin-bottom:0;font-size:14px; line-height:14px;}
	.banner p.light {font-size:10px !important; line-height:10px !important; margin-bottom:5px;}
	.banner a.redbtn {font-size:12px; padding:5px 5px; }
	
	.hero-billboard h1 { left: 10px; top: 6px; font-size: 15px; letter-spacing: 0.05em;}
	.hero-details { left: 10px; top: 6px; font-size: 10px; letter-spacing: 0.05em; line-height: 14px;}
	.hero-action { left: 10px; top: 18px; position: relative; }
	.hero-action a { width: 100px; font-size: 10px; height: 30px; line-height: 30px; padding: 0 10px !important;}
	.footerNew ul {width:100%;padding: 0 0 0 0;}
	
	/* Home */
	.subscribeform input[type="email"] {width:60%;}
	.subscribeform button {width:29%;}
	#main .subscribe h4.script {font-size:28px;line-height:28px;margin}
	/* product details */
	.productAtc {max-width:280px;}
	.productAtc table {max-width:90%;}
	/* recipes */
	.tabber .recipe-listing { width: 266px;	min-height: 310px; }
	.badge {
		border-radius: 45px;
		width: 53px;
		height: 22px;
		text-transform: none;
		text-align: center;
		font-size: 11px;
		padding: 20px 10px 30px 10px;
	}
	.rotw .badge {
		top: 4%;
		left: 3%;
	}
	.rotw-controls {
		width: 220px;
		top: 27%;
		left: 20%;
		padding: 10px;
	}
	gb-sayt { width: 200px; }
	.rotw-controls h1 { font-size: 14px; }
	/* payment page */
	#cart-summary .onequarter {text-align:right;}
	#cart-summary .xxs-visible {text-align:left; float:left;}
	.final-cc-entry input[type=tel] {max-width:100%; width:99%;}
	.webui-popover .webui-popover-content {max-width:230px;font-size:8px;}
	.pressfeature {width:44%; margin-right:1%;}
	#recs-wrapper h1, #cart-panel-suggestions h1 {font-size: 13px; }
	#cc-entry ul {font-size: 11px;}
	.prodimg img {width: 144px !important; height: 144px !important;}
	.tab_content .prodimg img {	width: 124px !important; height: 124px !important; }
	
}

@media only screen and (max-height: 650px) {
	.nav ul .drop ul li, .nav ul .drop ul li a {text-transform:none; text-align: left; height: 22px; font-size: 12px}
	.mainnav .dropdown_2columns { width: 200px; padding: 0 11px 13px 15px; }
}
#cart-special .prodimg img { width:100% !important; height: 100% !important; position: relative;}
pre {
	font-family: "Courier New", monospace; 
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	border-radius: 4px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
}