/* 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}  /* 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;
}
/* sort / show SORT & SHOW DROP DOWNS */
.showcount form {float:right;}
.sortshowresults {text-align:center; font-weight:bold;line-height:34px;}
/* new checkout progress panel here */
#progress-security {
	background-image: url("/images/icons/icon-lock-32.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #f2f2f2;
	padding: 12px 0 0 32px;
	vertical-align: bottom;
	height: 20px;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    font-size: 11px;
}

#checkout-progress {
	border: 1px solid #e0e0e0;
	padding: 10px;
	margin-bottom: 20px;
	font: 12px/18px Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
	color: #333;
	background-color: #eeede7;
}
#checkout-progress h2 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	text-align: center;
}
#checkout-progress h3 {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	font-family: arial, helvetica;
}
#checkout-progress ul { margin: 0; padding: 0; list-style-type: none; }

.ok {
	background-image: url("/images/icons/icon-check.png");
	background-position: 100px center;
	background-repeat: no-repeat;
}
.active h3 { color: #804000 !important; }


.progress-rule {
	background: url("/images/products/horz-rule.png") repeat-x scroll 0 0 transparent !important;
    font-size: 0;
    height: 1px !important;
    line-height: 0;
    margin: 10px 0;
    padding: 0 !important;
    width: 100%;
    clear: both;
}
.right-inline { display: inline; float: right; font-size: 12px;}

#checkout-progress-meter {
	height: 34px;
	bottom: -1px;
	position: relative;
}
#meter-ul {
	margin: 0;
	padding: 0;
	line-height: 32px;
}
#meter-ul li {
	float:left;
	list-style:none;
	font-size:12px;
	font-weight:bold;
	margin-right: 8px;
}
#meter-ul li a {
	cursor: default;
	padding: 0 16px 0 16px;
	list-style:none;
	font-weight:bold;
	text-decoration:none;
	display:block;
	color: #888;
border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.complete {
	background-color: #f2f2f2;
}
.active {
	color: #d1a808;
}
#meter-ul li.active a {
	color: #ab1a1e;
	border-bottom: 1px solid #eeede7;
}
#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;
}
#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: #777777 !important; font-size: 18px !important; }
.complete-step { color: #777777 !important; }
.active-step a, .complete-step a, .active-step a:hover, .complete-step a:hover { color: #777777 !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;
}
#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;}
.text-short {
	width: 150px !important;
}
#billto h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}
#billto .checkout-step1-ship h3, #billto .checkout-promo h3 {
	margin-left: 10px;
}
.asterix {
	font-size: 11px;
	color: #999;
	font-style: italic;
	padding-left: 10px;
}
//.checkout-promo { background-color: #f2f2f2; }
.checkout-promo-margin { margin-top: 5px; }

//.checkout-step1-ship { background-color: #fcf6e8; }

.billing a { float: right; display: inline; cursor: pointer; }

#menu_control {  font-size: 11px; margin-bottom: 6px; text-align: left;}


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


#newcat h1 {
	margin:0;
	padding:3px;
	/*color: #7E5522;*/
	font-size:23px;
	line-height:1;
}
#newcat p  {
	margin-left:3px !important;
	font-size:13px;
	line-height:16px;
}

.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; }

#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: 215px;
	background-color: #EEEDE7;
	z-index: 4;
	border-bottom: 1px solid #ccc;
}
#cart-panel-wrapper.shrink { top: 123px; }
#cart-panel {
	padding: 0;
	width: 340px;
	margin: 0 auto;
	overflow: hidden;
}
#cart-panel-suggestions {
	margin: 0 auto;
	width: 700px;
}
#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 .row {display:block; margin-bottom:16px;}
#cartcheckoutform .product, #cartcheckoutform .qty, #cartcheckoutform .total, #cartcheckoutform .remove, #cartcheckoutform .gc_entry, #cartcheckoutform .gc_input {float:left; margin:0; width:15%;}
#cartcheckoutform .product {width:60%;}
#cartcheckoutform .remove {width:10%; text-align:right}
#cartcheckoutform hr, #cart-summary hr, .final-cc-entry hr {clear:both; width:98%; display:block; border-top: 1px solid #E2E2E2;}
#cartcheckoutform .qty {text-align:center;} 
#cartcheckoutform .qty.subtotal {text-align: right; }
.savecart {float: right; font-size: 11px; font-weight: bold;}
#cartcheckoutform .gc_entry {width:75%;}
#cartcheckoutform .gc_input {width:25%;}
#cartcheckoutform input[type=text] {min-height:22px; font-size:13px}
#cartcheckoutform #gc_number {width:24%; } /* same as the buttons-4 for border */
#cartcheckoutform .actionbtn, #cartcheckoutform .altbtn {margin-left:10px; display:inline-block; clear:none;} 

#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: #777; }
.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; }


<!-- /* GENERAL FORMS */ -->

.form { padding: 3px 5px 15px 15px; white-space: nowrap;}

.form2 { padding: 0px; margin: 0px; }

.formfield { margin-left: 3px; width: 80px; height: 14px; font: 10px Arial, Helvetica, sans-serif;  line-height: 9px; color: #000000; }

.popup { width: 470px;  padding: 15px; border: thin solid #E2E2E2; font: 11px/15px  Arial, Verdana, Helvetica, sans-serif; color: #777777;}

.atc { padding: 5px; font: 12px/15px  Arial, Verdana, Helvetica, sans-serif; color: #777777;}

.atc_botbor { padding: 5px; border-bottom: thin solid #E2E2E2; font: 11px/15px  Arial, Verdana, Helvetica, sans-serif; color: #777777;}

.ajaxpromopopup { padding: 7px; border: thin solid #E2E2E2; font: 11px/15px  Arial, Verdana, Helvetica, sans-serif; color: #777777;}


<!-- /* Club Tienda */ -->

#clubstatus { margin-top: 10px; margin-bottom: 10px; border: 1px solid #CC6600;font: bold 11px/13px Arial, Helvetica, sans-serif; color: #CC6600; padding: 5px;}
#clubpagination { background-color: #FCF5D1; float: right; font-size: 15px; left: -6px; padding: 5px; position: relative; text-align: right; width: 696px; }
#clubpagination a { color: #C60; }


<!-- /* TOOLBOX - ADD THIS */ -->
.toolbox-container {float: right; margin: 0px 0px 0px 25px;}
#toolbox ul, #toolbox ul li {list-style:none;}
.addthis_button_email .at300bs { display:none !important; }
.at15t_compact {
	background:none !important;
	margin-right:0 !important;
	width:0;
}
.addthis_button_compact { padding-left:0 !important; }

<!-- /* JQuery Model UI CSS Overrides */ -->
.noTitleStuff .ui-dialog-titlebar { display:none }

<!-- /* 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) */


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

.flatrateshipping { color: #8E8A4C; font-size: 10px; }
.flatrateshipping_new { color: #8E8A4C; font-weight: bold; text-align: right; }
.oversizeshipping { color: #888888; font-weight: bold; }
.oversizeshippingCheckout { color: #CC6600; font-weight: normal; font-size:smaller; }
.adultsignature { color: #888888; font-weight: bold; }

.discontiuedcatlink { color: #8E8A4C; font-weight: bold; font-size: 13px;}

.shippingflatratemessaging, .Christmasbox { 
	background: url(/css/images/info-green.png) #FFF 10px center no-repeat;
	padding: 8px 8px 8px 44px;
	font-weight: bold;
	border: 3px double #7BA624;
	color: #999;
	margin-bottom: 10px;
	margin-top: 10px;
}
.Christmasbox {
	max-width:370px;
	border:1px solid green; 
	background:none; 
	background-color:rgba(0,128,0,.75); 
	color:#fff; 
	padding: 10px 20px; 
}
#___plusone_0 { position: relative; left: 0; display: inline; }



.listprice { font-size: 11px;}

.listing_image {
	padding: 15px 0 10px 0;
}
.catProdLast { 
	margin-right: 0 !important;
	background: none repeat scroll 0 0 transparent !important;
}
.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;
}
.recipient-wrap {
	float: left;
	padding: 10px;
	margin: 5px;
	height: 136px;
	background-color: #f9f9f9;
	overflow: hidden;
}
.recipient-wrap h2 {
	font-size: 14px !important;
}
#cont-with-recipients {
	padding: 10px 0;
	clear: both;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
.delete-fade {background-color: #FFFFB3;}
#ship-method-wrapper {
	clear: both;
}
.ship-method-rec-wrap {
	background-color: #f9f9f9;
	margin: 10px 0;
	overflow: hidden;
	padding: 10px;
}
.ship-method-rec-wrap-left {
	float: left;
	width: 300px;
	padding-right: 20px;
}
.ship-method-rec-wrap-right {
	float: left;
	width: 370px;
}
/* Hold to order area */
.rec-hold {padding:0; margin:0;}
.rec-hold p {margin-top:10px; margin-bottom:0;}
.rec-hold span {font-size:11px;}
.rec-hold input {padding-left:1px; padding-right:1px; width:70px; display:inline-block; font-size:12px}
#cart-summary {
	width: 100%;
	background: url("/images/products/horz-rule.png") repeat-x scroll 0 bottom transparent !important;	
	font-size: 13px;
}
#cart-summary cartname {text-align:left;}
#final-summary-notes {
	float: left;
	width: 115px;
	padding: 10px;
}
#final-summary {
	text-align: right;
	color: #333;
	float: right;
	width: 440px;
	padding-top: 10px !important;
}
#final-summary li {
	padding: 3px 0 2px 0 !important;
}
#final-summary-total {
	font-size: 16px;
	font-weight: bold;
	margin: 6px 0;
	padding-top: 5px !important;
	border-top: 1px solid #ccc;
}
#final-summary li > :first-child {
	float: left;
}
.final-cc-entry {
	margin-top:12px;
	padding-top:16px;
	padding-bottom:16px;
	width: 100%;
	display:block;
	background-color: #f9f9f9;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	color: #333;
    clear: both;
    overflow: hidden;
}
.final-cc-entry .row { overflow: hidden; display:block; }
.final-cc-entry .actionbtn, .final-cc-entry .defaultbtn { margin-top: 20px; }
.final-cc-entry img {
	vertical-align: bottom;
}
.final-cc-entry h2 { margin: 0 10px !important; }

.final-cc-entry input[type=tel] {
	width: 300px;
	height: 22px;
	font-size: 18px;
}
.final-cc-entry input[type=text] {
	width: 300px;
	height: 22px;
	font-size: 18px;
}
.final-cc-entry input.cvv {
	width: 60px;
	height: 22px;
	font-size: 18px;
}
.final-cc-entry select {
	height: 22px;
	font-size: 14px;
}

.final-cc-entry span {
	font-size: 11px;
}
.final-cc-entry span.confirm_cvv,.final-cc-entry span.confirm_cc { display: block; font-size: 13px; padding: 5px 0; display: none;}
.final-cc-entry span.confirm_cvv input.cvv_confirm {
	width: 60px !important;
	height: 22px !important;
	float: none !important;
	font-size: 18px !important;
}
.final-cc-entry span.confirm_cc input.cc_confirm {
	float: none !important;
	font-size: 18px !important;
}
#cc-wrapper .row {
	padding: 4px 0;
}
.assurance_block {
	text-align: center;
	padding: 10px 0;
}
.assurance_block div { padding-top: 10px; }
.gift-message input[type=text] {
	width: 270px;
}
.gift-message textarea {
	width: 274px;
	height: 100px;
}
#express-login-left {
	padding: 10px 0;
	float: left;
	width: 200px;
}
#express-login-right {
	padding: 5px 0 10px 20px;
	float: left;
	width: 450px;
}
#create-account {
	width: 100%;
	margin-bottom: 10px;
}
#create-account span {
	display: inline-block;
	width: 150px;
}
.shipping-options {
	color: #333 !important;
}
.shipping-options i {
	color: #666 !important;
}
#express-forgot, #express-reset {
	background-color: #f2f2f2;
	width: 654px;
	padding: 10px;
}
#forgot-table {
	margin: 4px 0;
}
#forgot-table td {
	padding-right: 4px;
}
.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;
}
.express-caveat {
	font-size: 10px;
	padding-right: 30px;
}
#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; }

#tab_container blockquote {
	font-size: 11px;
	font-style: italic;
	margin: 0 0 0 20px;
}
#donate-box {
	width: 250px;
	padding: 20px 10px;
	text-align: center;
	background-color: #f2f2f2;
	color: #891d1d;
	margin: 0 auto;
	line-height: 16px;
	border: 1px solid #ccc;
	font-size: 1.1em;
}
h3.donate-heading {
	color: #2b70bb;
	font-size: 14px;
	padding-bottom: 5px;
	text-align: center;
}
h3.donate-heading span {
	font-style: italic;
}
#shipping-donate-box {
	background-image: url("/images/cfs_banner_cart.png");
	background-position: center 3px;
	background-repeat: no-repeat;
	padding: 23px 20px 5px 20px;
	text-align: right;
	color: #2b70bb;
	background-color: #f9f9f9;
	margin-bottom: 10px;
	line-height: 16px;
	border: 1px solid #2b70bb;
	font-size: 1.1em;
}
#shipping-donate-box h3 {
	color: #891d1d;
	font-size: 14px;
	padding-top: 5px;
}
#shipping-donate-box h3 span {
	font-style: italic;
}
#shipping-donate-box p.note {
	color: #666;
	font-style: italic;
	font-size: 12px;
}
#donate-img-container {
	text-align: center;
	clear: both;
	padding-top: 10px;
}
#donate-img-container img {
	border: 1px solid #666;
	margin: 10px 14px;
}

/* Campaign for Spain stuff here */
#cfs-content-left {
	float: left;
	width: 420px;
}
#cfs-content-right {
	padding-top: 10px;
	float: right;
	width: 280px;
}

#cfs-press {
	width: 300px;
	padding-top: 4px;
	vertical-align: bottom;
}
#cfs-social {
	width: 200px;
	padding: 20px 20px 20px 75px;
}
.cfs-quote-wrapper {
	float: left;
	width: 680px;
	height: 120px;
	border-bottom: 1px solid #e0e0e0;
	padding: 10px;
	overflow: hidden;
	margin-right: 15px;
	border-top: 1px solid #e0e0e0;
}

.cfs-quote-wrapper blockquote {
	color: #ad4507;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.cfs-quote-wrapper strong {
	color: #666;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
}
.cfs-quote-wrapper img {
	float: left;
	padding-right: 10px;
	overflow: hidden;
}
.italic { font-style: italic; font-size: .95em; }
.question { font-weight: bold; }
::-webkit-input-placeholder  { color:#888; }
input:-moz-placeholder { color:#888; }
.tallies {
	display: block;
	padding-top: 6px;
	font-size: 18px;
}
#perishable_alert {
	width: 300px;
	background-color: #FFFFEB;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	color: #777;
	font-size: 12px;
}
#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;
}
.gc_entry {
	text-align: right;
	font-weight: bold;
}
.gc_entry span {
	font-weight: normal;
	font-size: 12px;
}
.table th {
	text-align: left;
	padding: 5px;
}
.table td {
	padding: 5px;
}
#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;
}

/* static-signup2 added Aug, 2013 CC - new design provided */
#static-signup, #static-signup2 {
	position: fixed;
	width: 100%;
	height: 44px;
	bottom: 0;
	background: #8a8645;
	color: #fff;
	text-align: left;
	z-index: 999999;
	color: #fff;
	font-family: arial;
	font-weight: bold;
	font-size: 16px;
}
#static-signup2 {
	height:50px;
	background: #815400; /* tan */
	font-size:18px;
}
#static-signup form, #static-signup2 form {
	width: 940px;
	margin: 0 auto;
	padding: 10px 20px;
	position: relative;
}
#static-signup2 form {
	padding: 0;
	margin-top:-4px;
	text-align: center;
	margin-bottom:20px;
} 
#static-signup form span, #static-signup2 form span {
	float: right;
	margin: 0;
	padding: 0;
	display: inline;
	padding-top: 3px;
}
#static-signup form span a, #static-signup2 form span a {
	text-decoration: none;
	color: #815400;
}
#static-signup form input, #static-signup2 form input {
	display: inline;
}
#static-signup form .close {
	position: absolute;
	right: -35px;
	top: -15px;
	display: block;
	width: 30px;
	height: 30px;
	background: url(/images/close.png) no-repeat 0 0;
	z-index: 999999;
}
#static-signup form a, #static-signup2 form a {
	text-decoration: none;
}
#static-signup form input[type=text], #static-signup2 form input[type=text]  {
	width: 150px;
	height: 18px;
}
#static-signup2 form input[type=text] {
	height: 15px;
	width:160px;
	color:#636466;
	font-style:italic;
	font-weight:bold;
	margin-left:20px;
	padding-left:10px;
}
.signup-button {
	font-family: arial;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background: #758736; /* Old browsers */
	background: -moz-linear-gradient(top,  #758736 46%, #77891b 79%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#758736), color-stop(79%,#77891b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #758736 46%,#77891b 79%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #758736 46%,#77891b 79%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #758736 46%,#77891b 79%); /* IE10+ */
	background: linear-gradient(to bottom,  #758736 46%,#77891b 79%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#758736', endColorstr='#77891b',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	margin: 0;
	border: none;
	position: relative;
	top: 1px;
}
.signup-button2 {
	position:relative;
	margin:0;
	margin-left:-13px;
	top:13px;
	padding:0;
    border:none;
}

.disable {
	cursor: default;
}
.topbannerdisplay  td {
	padding: 4px 0;
}
.topbannerdisplay img {
	float:left;
}
/* 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:30%;
}
.onethird .alpha, .twothirds .alpha, .onehalf .alpha, .onequarter .alpha, .threequarters .alpha, .onefifth .alpha {margin-left:0}
.onehalf {width:49%;}
.twothirds {width:65%;}
.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: 11px;}
.estimatehold {display:none;}
#cc-entry ul {
	list-style-type: none;
	margin: 10px;
}
#cc-entry ul li label {
	text-align: left;
	vertical-align: middle;
	height: 20px;
}
#cc-entry ul li label input {
	margin-right: 10px;
}
#cc-entry img {
	vertical-align: middle;
	margin: 0 6px 0 0;
}
.cc_active {
	background-color: #fff;
	border: 1px dotted #e0e0e0;
	padding: 8px 10px !important;
}
a.cc_update {
	display: none;
	cursor: pointer;	
}
.gc_hint {
	font-weight: normal !important;
	font-style: italic;
	font-size: 11px;
}
.tab-border {
	border-top: 1px solid #666;
}
.collections { display: inline-block; margin-left: 15px; } 
.search-sort {
	float: left;
	color: #777;
	font-size: 13px;
}
.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; }
.search-paginator {
	float: right;
	padding-bottom: 10px;
	color: #777;
	font-size: 13px;
}
.search-paginator b {
	padding-left: 5px;
}
.search-current {
	color: #000;
	text-decoration: underline;
}
div.ui-tooltip {
    max-width: 400px;
    font-size: 12px;
    padding: 10px;
    display: inline-block;
}
/*
#paypal-checkout {
	padding: 10px 0 10px 100px;
}
*/
.pp_checkout {
	background-image: url("https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif");
	background-color: inherit;
	width: 145px;
	height: 42px;
	border: 0;
	cursor: pointer;
	display: inline-block;
}

.topcat {
	text-transform: uppercase;
}
#search_reference {
	clear: both;
}
.datepicker {padding:2px; text-align:center; border-radius:3px;}

.nm {
	margin-top:0;
	line-height:1;
}
p.muted {font-size:14px !important;line-height:1 !important;color:#777777 !important; margin-top:0}
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;
}

/* fonts, over rides etc */
.script {font-family: 'Dancing Script';} /* 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;}
#main h1.script {font-size:48px; margin:0;font-weight:normal;color:#7d7d7d;line-height:46px;text-align: left; padding-bottom: 10px;}
#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 {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; }

/* product boxes - add to cart stuff */
ul.blocks {margin:0 0 20px 0;padding:0; text-align:center;clear:both; float:left;}
ul.blocks img {border:1px solid #d6d6d6;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display:block; max-width:100%; width:100%;height:auto;}
ul.blocks li {list-style-type:none; display:block; float:left; width:295px;margin:16px; position:relative;padding:20px 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; }
/*
#suggestions { margin: 0 auto; }
ul.suggestions {margin:0 0 20px 0;padding:0; text-align:center;clear:both; float:left;}
ul.suggestions img {border:1px solid #d6d6d6;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display:block; max-width:100%; width:100%;height:auto;}
ul.suggestions li {list-style-type:none; display:block; float:left; width:150px;margin:16px; position:relative;padding:20px 0;}
ul.suggestions li .actionbtn, ul.suggestions li .defaultbtn, #logout .defaultbtn {width:150px;max-width:150px;}
*/
.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:15px 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:15px 0px 15px 17px;}
.grid_9 ul.blocks li:nth-child(4n+1){margin:15px 16px 15px 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:15px 0 16px 15px;}
.grid_12 ul.blocks li:nth-child(4n+1){margin:15px 15px 15px 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 {padding:0px; margin:0;font-size:14px !important;float:none !important;line-height:17px !important;}
ul.blocks li.panel h2 { font-size: 12px !important; line-height: 14px !important; }

.itemheading {max-height:60px; height:60px;padding:7px 0 0;}
.itemheading a { color: #777777; }
.addtocart .itemprice {
/*	font-weight:bold; */
	font-size:15px;
}
.itemcode { font-size: 11px; padding-left: 6px; text-transform: uppercase; }
.actionbtn, .defaultbtn, .altbtn {
	background: #ab1a1e;
	border: none;
	clear: both;
	color: #fff !important;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	max-width: 295px;
	display: block;
	text-align: center;
	height: 44px;
	line-height: 40px;
	font-size: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
}

.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 {opacity:0.5;}
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:bold;}
.homefeature img {width:392px !important;height:auto;} /* width of grid 4 minus 20px for the frame */
/* SUBSCRIBE BLOCK on home */ 
.subscribe h3 {font-size:2.1em;}
.subscribe p {font-size:18px !important;line-height:1.4em !important;}
#main .subscribe h4.script {font-size:48px;float:none;text-align:center; margin: 20px 0 30px 0;}
.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 { display:block;position:absolute;width:78px; height:78px;background-repeat:no-repeat; background-position:top left;top:-10px; 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);}
.recipesale { left: 0 !important; } /* hack for the recipe page so that that Sale icon doesn't get cut off */

/* PRODUCT DETAILS PAGE
///////////////////////////////////////////////////// */
.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, .tabber, .reviews  { clear:both; display: block;}
.productdetails img {border: 1px solid #d6d6d6;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width:100%;height:auto;}
#product-attributes { font-size: 13px; position: relative;}
#product-attributes ul { list-style-type: none; margin: 0; padding: 0; }
.wishlist { padding: 5px 0;}
.wishlist a { color: #777; }
.productAtc {padding:10px 0;}
.productAtc .grid_6 {max-width:48%;}
.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;}
.prodright h1 {font-size:26px !important;margin:0;}
.natural { color: #71804A; margin: 0; font-size: 18px !important; padding-bottom: 5px;}
.heart:before,.instock:before, .outofstock:before, .spcareitem:before, .shipdeets:before, .print:before, .mail:before, .gift:before, .searchtype:before, .sub_open:before, .sub_closed:before {font-family: FontAwesome; text-decoration: inherit; color: #5d5d5d; font-size: 14px; padding-right:4px;line-height:30px;}
.instock:before { content:"\f00c";}
.outofstock:before { content:"\f00d";}
.spcareitem:before {content:"\f005";}
.shipdeets:before {content:"\f072";} 
.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: FontAwesome; 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 a {float:right;font-weight:500;color:#ab1a1e;}
.writeareview a:hover {text-decoration:none;color:#e7ae23;}
.writeareview a:before {content:"\f040";font-family: FontAwesome; text-decoration: inherit;  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: FontAwesome; 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:835px;}
.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: 99.7%;}
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:1px solid #d6d6d6;padding:20px;border-top:none;background:url(../images/tabcontBg.png) right -40px no-repeat #eeede7; overflow: hidden;}
.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:"\f006";font-family: FontAwesome; text-decoration: inherit; font-size: 14px; padding-right:8px;color:#d1a808; }
.tab_content #player {margin-top:10px;}
.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%;
}
/* MAIN WRAPPER DIVS
///////////////////////////////////////////////////// */
.outerWrapper.nothomepage {margin-top:215px;}
.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: FontAwesome;text-decoration: inherit;font-size: 14px;padding-left:10px; top: -2px; position: relative;}
.Christmasgreen, .Christmasred {color:green; font-weight:bold;display:block;clear:both;margin-top:-3px;}
.Christmasred {color:#ab1a1e;}

/* STATIC TOP BAR
///////////////////////////////////////////////////// */
.topbar {width:100%; position:fixed; top:0; height:34px;z-index:199;background-color:#fff;}
.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:34px;margin:0;padding:0;font-size:12px;position:relative;color: #333;letter-spacing: 0.07em;}
.topbar ul li a {height:34px; line-height:34px;display:block;padding:0 10px;}
.topbar ul li, .topbar ul li a {color:#777168;}
.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: #777168; margin-right: -10px;}
.topbar ul.tbrt li:last-child > a { padding-right: 0; }
/* .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: FontAwesome; 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 0 0 15px;}
.footerNew ul li {line-height:2; list-style-type: none; position:relative;}
.footerNew ul li a {color:#777; white-space: nowrap;}
/* .footerNew ul li:before {content:"\f105"; font-family: FontAwesome; 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:#777;}

/* 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:#777;}
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;}
	
/* SPECIAL "FILTER BY" CHECKBOXES 
///////////////////////////////////////////////////// */
input[type=checkbox].css-checkbox {position:absolute; z-index:-1000;}
input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr {padding-left:30px;height:20px; display:inline-block;line-height:20px;	background-repeat:no-repeat;background-position: 0 0;font-size:14px;vertical-align:middle;cursor:pointer;}
input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk {background-position: 0 -20px;}
label.css-label {background-image:url(../images/checkbox.png);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;}
				
/* FONT AWESOME STAR RATING 
///////////////////////////////////////////////////// */
.rating { top: 0;width: 86px;height:14px;float:none;display:block; text-align:center;margin:16px auto 16px auto;}
ul.blocks .rating img {border:none;}

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

.container_12 .branding { text-align: center; position: absolute; top: 18px;}
/*.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;}
/*
.shrink .branding a img {
	-webkit-clip-path: inset(60px 0 0 0);
	-moz-clip-path: inset(60px 0 0 0);
	clip-path: inset(60px 0 0 0);
	position: relative;
	top: -47px;
	left: -27px;
} */ /* logo */

/* 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:#bfbfbf;}
.breadcrumb ul li a {color:#bfbfbf;}
.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;
  background: #EEEDE7;
  border: 0;
  font-size: 16px;
}
#main-search input { text-indent: 32px;}
#main-search .fa-search { 
  position: absolute;
  top: 3px;
  left: 10px;
  color: #777;
  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;}
.sw:before, .sw:after {content:""; display:table;}   
.sw:after{clear:both;}
.sw{zoom:1;}
.search-wrapper {width: 265px;}
.search-wrapper input, .formfieldsm, .formfieldsch {background: #fff;border: 1px solid #aeaeae;float: left;height: 18px;padding: 10px 5px;width: 214px;}
.formfieldsm, .formfieldsch {margin-bottom:3px; height:auto;}
input:focus {background: none repeat scroll 0 0 #fdfdfd;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; outline: 0 none;}
.search-wrapper button {background: none repeat scroll 0 0 #aeaeae; border: 0 none;color: #fff;cursor: pointer;float: right;height: 40px;overflow: visible;padding: 0;position: relative;width: 40px;}
.search-wrapper button:hover, search-wrapper button:active, .search-wrapper button:focus {background: none repeat scroll 0 0 #a4a4a4;}
.search-wrapper button:before {content:"\f002";font-family: FontAwesome;text-decoration: inherit;color: #fff;font-size: 18px;position: absolute;top: 10px;left:11px;} 
.search-wrapper button::-moz-focus-inner {border: 0 none;padding: 0;}

.search-wrapper-sm {width: 190px;}
.search-wrapper-sm input {background: #fff;border: 1px solid #aeaeae;border-right:none;float: left;height: 18px;padding: 5px 5px;width: 149px;}
.search-wrapper-sm button {background: none repeat scroll 0 0 #aeaeae; border: 0 none;color: #fff;cursor: pointer;float: right;height: 30px;overflow: visible;padding: 0;position: relative;width: 30px;}
.search-wrapper-sm button:hover, search-wrapper button:active, .search-wrapper button:focus {background: none repeat scroll 0 0 #a4a4a4;}
.search-wrapper-sm button:before {content:"\f002";font-family: FontAwesome;text-decoration: inherit;color: #fff;font-size: 12px;position: absolute;top: 10px;left:11px;} 
.search-wrapper-sm button::-moz-focus-inner {border: 0 none;padding: 0;}
/* Search as you type results */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #444;
	background:none;
	font-weight: normal;
	color: #b31217;
}

#sayt-menu {
	width:500px;
	font-family: 'Open Sans', sans-serif;
	color:#444;
}
.gb-sayt-target a { color: #804000 !important; }
.ui-menu-item {
	padding:5px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#444;
}

.ui-autocomplete-category { /* big category title */
	margin-top:10px;
	margin-bottom:10px;
	font-family: 'Open Sans', sans-serif;
	color:#b31217;
	font-size:16px;
	font-weight:bold;
}
.sayt-product-content{
	border-bottom:1px dotted #666;
}
.sayt-product-content:last-child {
	border-bottom:none;
}
.sayt-product-image {
	float:left;
	height:80px;
	width:auto;
	margin-right:15px;
	margin-top:5px;
	margin-bottom:5px;
}
.sayt-product-title {
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
}
.sayt-product-price {
	display:block;
	margin-top:10px;
	margin-bottom:15px;
	font-family: 'Open Sans', sans-serif;
}
.sayt-product-sku {
	display:block;
}
.ui-menu-item a {
	font-family: 'Open Sans', sans-serif;
	color:#444;
}
.ui-menu-item a:hover {
	color:#fff;
	background-color: #d1a808;
	border: inherit;
	cursor:pointer;
}

/* FORMS
///////////////////////////////////////////////////// */
	
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:34px;padding-top:60px; padding-bottom: 17px; z-index:101;background-image: url("/images/backgrounds/snowflakes-red-2.png"); background-repeat: repeat-x;-webkit-box-shadow: 0px 3px 4px -3px rgba(0,0,0,0.64);-moz-box-shadow: 0px 3px 4px -3px rgba(0,0,0,0.64);box-shadow: 0px 3px 4px -3px rgba(0,0,0,0.64);} */
.header {width:100%;position:fixed;top:34px;padding-top:60px; padding-bottom: 17px; z-index:101;background-color: #ab1a1e;-webkit-box-shadow: 0px 3px 4px -3px rgba(0,0,0,0.64);-moz-box-shadow: 0px 3px 4px -3px rgba(0,0,0,0.64);box-shadow: 0px 3px 4px -3px rgba(0,0,0,0.64);}
.header.shrink {padding-top:8px;} /*change top to 0 if topbar unstuck */
.header1 {width:100%;position:fixed;top:171px;min-height:44px;background-color:#777168;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:5px; /* 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: white;
}
.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	content: "";
}

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

/*.c-hamburger--rot span {transition: transform 0.3s;}
/* active state, i.e. menu open */
/*
.c-hamburger--rot.is-active {background-color: #777168;}
.c-hamburger--rot.is-active span {transform: rotate(90deg);}
*/
/*
.promobox {text-align: center;color:#d1a808;z-index:1;}
.promobox li {font-size:13px; color:#ab1a1e;font-weight:600; display: inline; width: 50%;}
.promobox a {color:#ab1a1e; text-decoration:none; }
.promobox p span { padding-left: 4px; color:#d1a808;}
*/
/* 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 75px 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: FontAwesome;text-decoration: inherit;font-size: 13px;padding-left:6px;}
.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: 34px;}
.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: #fff;
}
.shrink .control-icons{top:5px;}
.control-icons form { display: inline-block; padding: 0; margin: 0; }
.control-icons a { color: #fff; }
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;}
/* 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: FontAwesome; text-decoration: inherit; font-size: 18px; position:absolute; top:9px;left:13px; color:#fff;}
.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: absolute;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: 2;}
/* 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: 3; }
.showcount .dropdown {width:80px;}
.per-page { float: right; }

/* HOME PAGE REVOLUTION SLIDER SETTINGS
///////////////////////////////////////////////////// */
.bannercontainer {background-color:#fff;width:1168px;position:relative;margin-bottom:40px;}
.bannercontainer ul {padding:0;margin:0;}
.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;}
/* change h3 heading & P paragraph to light color over dark backgrounds */
.darkbg h3 {color:#debe42;}
.darkbg p {color:#dcc69e !important;}
a.redbtn {color:#fff !important;background:#ab1a1e;font-weight:800;text-transform:uppercase; padding:10px 20px;font-size:20px;}
a.redbtn:hover {background:#d1a808;}
.sale { color: #ab1a1e; }
/* 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: 210px; 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; }

/* here are the selectable styles. These are chosen in admin */
/* header styles */
.bb-header-white-lato { color: #ffffff; font-family: Lato;}
.bb-header-yellow-lato {color: #feea08; font-family: Lato;}
.bb-header-gold-lato {color: #fcca01; font-family: Lato;}
.bb-header-orange-lato {color: #fd9003; font-family: Lato;}
.bb-header-red-lato {color: #b31217; font-family: Lato;}
.bb-header-grey-lato {color: #797878; font-family: Lato;}
.bb-header-white-open-sans { color: #ffffff; font-family: 'Open Sans';}
.bb-header-yellow-open-sans {color: #feea08; font-family: 'Open Sans';}
.bb-header-gold-open-sans {color: #fcca01; font-family: 'Open Sans';}
.bb-header-orange-open-sans {color: #fd9003; font-family: 'Open Sans';}
.bb-header-red-open-sans {color: #b31217; font-family: 'Open Sans';}
.bb-header-grey-open-sans {color: #797878; font-family: 'Open Sans';}
.bb-header-white-merriweather { color: #ffffff; font-family: Merriweather;}
.bb-header-yellow-merriweather {color: #feea08; font-family: Merriweather;}
.bb-header-gold-merriweather {color: #fcca01; font-family: Merriweather;}
.bb-header-orange-merriweather {color: #fd9003; font-family: Merriweather;}
.bb-header-red-merriweather {color: #b31217; font-family: Merriweather;}
.bb-header-grey-merriweather {color: #797878; font-family: Merriweather;}

/* description styles */
.bb-description-white-lato {color: #ffffff; font-family: Lato;}
.bb-description-yellow-lato {color: #feea08; font-family: Lato;}
.bb-description-gold-lato {color: #fcca01; font-family: Lato;}
.bb-description-orange-lato {color: #fd9003; font-family: Lato;}
.bb-description-red-lato {color: #b31217; font-family: Lato;}
.bb-description-grey-lato {color: #797878; font-family: Lato;}
.bb-description-white-open-sans {color: #ffffff; font-family: 'Open Sans';}
.bb-description-yellow-open-sans {color: #feea08; font-family: 'Open Sans';}
.bb-description-gold-open-sans {color: #fcca01; font-family: 'Open Sans';}
.bb-description-orange-open-sans {color: #fd9003; font-family: 'Open Sans';}
.bb-description-red-open-sans {color: #b31217; font-family: 'Open Sans';}
.bb-description-grey-open-sans {color: #797878; font-family: 'Open Sans';}
.bb-description-white-merriweather {color: #ffffff; font-family: Merriweather;}
.bb-description-yellow-merriweather {color: #feea08; font-family: Merriweather;}
.bb-description-gold-merriweather {color: #fcca01; font-family: Merriweather;}
.bb-description-orange-merriweather {color: #fd9003; font-family: Merriweather;}
.bb-description-red-merriweather {color: #b31217; font-family: Merriweather;}
.bb-description-grey-merriweather {color: #797878; font-family: Merriweather;}


#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 {
	text-align:center;
	margin:10px auto;
}
.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;
}
/* new checkout progress panel here */
#cc-title {
	background-image: url("/images/icons/icon-lock-32.png");
	background-position: 5px 10px;
	background-repeat: no-repeat;
	padding: 0 0 8px 45px;
	vertical-align: bottom;
}
#cc-title h1 {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 16px;
}
#cc-title p {
	margin: 0;
	padding: 0;
	font-size: 12px !important;
}
#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: 345px;
	margin-right: 10px;
}
#status-left h4 {
	margin: 0;
}
#status-right {
	float: left;
	width: 345px;
}
#status-right ul {
	list-style-type: none;
	color: #ab1a1e;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 0;
}
#status-right ul li {
	text-align: center;
	display: block;
	float: left;
	margin: 0 10px;
}
#status-right ul img {
	display: block;
	padding: 4px 0;
}
#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 38px;
	border: 1px solid #d6d6d6;
}

#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%;
}
.egc-message {
	clear: both;
	background-image: url("/images/egift-cart-msg.jpg");
	background-position: 20px center;
	background-repeat: no-repeat;
	background-color: #ffffff;
	padding: 10px 10px 10px 184px;
	margin-bottom: 10px;
}
.egc-message h3 {
	padding: 0;
	margin: 0;
}
.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;}
.listing { display: none; margin: 0; padding: 0; }
.egc-msg {
	background-color: #f9f9f9;
	margin: 5px;
	overflow: hidden;
	padding: 5px;
}
.egc-msg p {
	vertical-align: top;
	font-size: 12px !important;	
	padding: 5px;
	margin: 0;
}
.egc-msg textarea {
	width:300px;
	height: 50px;
}
.egc-msg input[type=email], .egc-msg input[type=text] {
	width: 300px;
}
a.sub_open:before { content:"\f0d7"; font-size: 14px; color: #cc9933; text-decoration: none; line-height: 24px;}
a.sub_closed:before { content:"\f0da"; font-size: 14px; color: #cc9933; text-decoration: none; line-height: 24px;}
.listing { display: none; margin: 0; padding: 0; }
.checkout-promo-text { font-size: 11px; font-style: italic; margin-top: -10px;}
.review-count { position: relative; left: 60px; bottom: 2px; font-size: 12px; color: #777;}
#rev-pos { margin-top: 24px; }
.small { padding-top: 20px; font-size: 11px !important; }
.btnsmall { width: 160px; }

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

/* recipe styling here */
#recipe-header {
	margin: 0 auto;
	font-size: 30px;
	max-width: 450px;
	padding: 30px 0 10px 0;
}
#recipe-header h1 {
	font-family: georgia;
	font-weight: normal;
	text-align: center;
	margin: 0;
}
.recipe-header-details {
	display: block;
	position: absolute;
	top: 10px;
	right: 0;
	width: auto;
}
.recipe-save-details .recipe-save {
    float: left;
    border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 14px;
	color: #666;
	width: 102px;
	margin-left: 0;
	padding: 8px 0;
	background-color: #e9e9e9;
	cursor: pointer;
	display: block;
	text-align: center;
}
.recipe-save-details .recipe-organize {
    float: left;
    display: inline-block;
    position: relative;
    border-radius: 0 3px 3px 0;
    width: 35px;
    font-size: 14px;
    text-align: center;
	padding: 8px 0 8px 0;    
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	background-color: #e9e9e9;
	cursor: pointer;
}
.recipe-save-details a {
	display: inline-block;
	float: left;
}
.recipe-save-details .recipe-save:hover, .recipe-save-details .recipe-organize:hover {
	background-color: #ab1a1e;
	color: #fff;
}
.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; }
.fa-envelope {
	color: #999;
}
a.fa-envelope:hover {
	color: #ab1a1e;
}

.recipe-sub-header {
	text-align: center;
	font-size: 14px;
}
.recipe-sub-header h3 {
	font-size: 14px;
	padding: 2px 12px 2px 0;
	margin-right: 5px;
	border-right: 1px solid #ccc;
	display: inline-block;
}
.time-yield {
	display: inline-block;
	margin: 10px auto 0;
	padding: 0;
}
.time-yield li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
	list-style: none;
}
.time-yield i {
	color: #ab1a1e;
	padding: 0 2px;
}
#recipe-jumbotron {
	overflow: hidden;
}
.recipe-intro {
	line-height: 22px;
	text-align: justify;
}
.recipe-media {
	float: right;
	padding-left: 20px;
}
.recipe-media img {
	width: 385px;
}
#recipe-body {
	clear: both;
	color: #000;
	line-height: 20px;
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
}
#recipe-body h3 {
	margin-top: 5px;
}
#recipe-body header {
	margin: 20px 0 10px 0;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #333;
	overflow: hidden;
}
#recipe-responses {
	float: right;
}
#recipe-responses div { display: inline-block; }
.cooked-button {
	font-size: 14px;
	border: none;
	background-color: inherit;
	cursor: pointer;
}
.cooked-button i { padding-right: 2px; color: #999; }
.cooked-button:hover .fa-check-circle-o:before {
	content:&quot;f05d&quot;;
	color:#ab1a1e;
}
#recipe-ratings {
	padding-left: 15px;
}
.recipe-rating {
	position: relative;
	top: -13px;
	width: 86px;
}
#recipe-ingredients {
	float: left;
	width: 42%;
	padding-right: 20px;
}
#recipe-ingredients a {
	font-weight: bold;
}
#recipe-ingredients ul {
	padding: 0;
}
#recipe-ingredients li {
	margin: 7px 0;
	display: block;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 7px;
}
.recipe-qty, .ingredient {
	font-size: 14px;
	display: inline-block;
	line-height: 22px;
	vertical-align: top;
}
.recipe-sku {
	width: 20px;
	display: inline-block;
}
.recipe-qty {
	width: 36px;
	text-align: right;
}
.recipe-ingredients-list .fa-shopping-cart, .recipe-ingredients-list .fa-shopping-cart:hover {
	color: #ab1a1e;
	cursor: pointer;
	outline: none;
}
.recipe-ingredients-list .cart-empty, .recipe-ingredients-list .oos:hover {
	color: #aaa;
}
.ingredient {
	padding-left: 5px;
	width: 78%;
}
.recipe-atc {
	text-align: center;
}
#recipe-preparation {
	float: right;
	width: 55%;
	line-height: 24px;
	text-align: justify;
}
#recipe-preparation a.chef-view {
	position: relative;
	float: right;
	text-decoration: none;
}
.chef-view {
    border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 14px;
	color: #666;
	padding: 3px 7px;
	background-color: #e9e9e9;
	cursor: pointer;
}
.chef-view:hover {
	background-color: #ab1a1e;
	color: #fff;
}
#notes-wrapper {
	clear: both;
	display: block;
	border-top: 1px solid #ccc;
	overflow: hidden;
}
#notes-form-wrapper {
	width: 100%;
}
.notes-form {
	border: 1px solid #ccc;
	background-color: #e1e1e1;
	padding: 20px;
}
.notes-form input[type=text], .notes-form input[type=email] {
	display: block;
	width: 300px;
	height: 30px;
	padding: 5px 10px;
	font-size: 14px;
}
.notes-form textarea {
	margin-top: 20px;
	width: 95%;
	height: 90px;
	font-size: 14px;
	padding: 5px 10px;
	border: 1px solid #ccc;
}
.notes-form label {
	display: block;
	padding: 5px 0;
}
.recipe-ingredients-list h4 {
	text-align: center;
	font-style: italic;
}
.recipe-ingredients-list button {
	border: 0;
	background-color: inherit;
}
.review-detail {
	border-bottom: 1px solid #ccc;
}
.review-detail p {
	padding-top: 10px;
}
.discrete-button {
	border: 1px solid #999;
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer;
	background-color: #ccc;
}
.discrete-button:hover {
	background-color: #ab1a1e;
	color: #fff;
}
#chef-view-display h1 {
	text-align: center;
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
#chef-view-display ul {
	list-style: none;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 10px 0;
	line-height: 40px;
}
#chef-view-display .recipe-qty {
	width: 10%;
}
#chef-view-display .recipe-qty, #chef-view-display .ingredient {
	font-size: 24px;
	line-height: 30px;
}
.chef-view-preparation {
	border-top: 1px solid #ccc;
	padding: 20px 10px 20px 10px;
	font-family: 'Open Sans',sans-serif;
	font-size: 24px;
	line-height: 34px;
	text-align: justify;
}
.recipe-items-added {
	padding: 10px;
	background-color: #eeede7;
	border: 1px solid #d6d6d6;
	margin-bottom: 10px;
	text-align: center;
}
.recipe-checkout {
	margin-top: 20px;
}
.rotw {
	display: block;
	margin-bottom: 20px;
}
.rotw, .rotw-image {
	position: relative;
	overflow: hidden;
}
.rotw .badge {
	position: absolute;
	top: 55%;
	left: 3%;
	z-index: 50;
	background-color: #ab1a1e;
	color: #fff;
	margin: 0;
}
.rotw-controls {
	position: absolute;
	width: 350px;
	top: 65%;
	right: 50%;
	background-color: #f2f2f2;
	opacity: 0.85;
	text-decoration: none;
	padding: 20px;
	overflow: hidden;
}
.rotw-controls h1 {
	font-family: georgia,sans-serif;
}
.badge {
	border-radius: 45px;
	width: 70px;
	height: 35px;
	text-transform: none;
	text-align: center;
	padding: 25px 10px 30px 10px;
}
#recipe-collection-wrap {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;
}
#recipe-collection-wrap a div.recipe-collection {
	margin-left: 20px;
}
#recipe-collection-wrap a:nth-child(2n+1) div.recipe-collection {
	margin-left: 0;
}
.recipe-collection {
	width: 464px;
	float: left;
	background-color: #fff;
	margin: 0 0 20px 0;
	text-align: center;
	border: 1px solid #ddd;
}
.recipe-collection img {
	width: 464px;
}
.recipe-collection h2 {
	margin: 0;
	padding: 10px 10px 20px 10px;
	font-size: 16px;
}

.recipe-listing {
	width: 301px;
	float: left;
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 0 0 20px 0;
	min-height: 300px;
	position: relative;
}
.recipe-listing img {
	width: 301px;
}
#recipe-listing-wrap a div.recipe-listing {
	margin-left: 20px;
}
#recipe-listing-wrap a:nth-child(3n+1) div.recipe-listing {
	margin-left: 0;
}

.recipe-listing-content {
	padding: 10px;
}
.recipe-listing-content {
	font-size: 12px !important;
	color: #333;
}
.recipe-listing-content h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.tab_content #recipe-listing-wrap {
	margin: 0 auto;
	width: 700px;
}
.recipe-listing-content footer {
	position: absolute;
	bottom: 10px;
	color: #ccc;
}
.recipe-search-wrapper {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
.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-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: FontAwesome;  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  */
.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;
}
.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);
}
.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:47%;
}
.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%;}
.modal .grid_3 {width:24%;}
.modal .alpha {margin-left:0;}
.modal .omega {margin-right:0;}
/* 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; } 
/* new message styles here - 03212016 */
.tienda-info, .tienda-success, .tienda-warning, .tienda-error {
    padding:10px;
    margin:10px auto;
	clear:both;
}
.tienda-info:before, .tienda-success:before, .tienda-warning:before, .tienda-error:before {
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    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:before {
    content:"\f05a";
}
.tienda-success:before {
    content:'\f00c';
}
.tienda-warning:before {
    content:'\f071';
}
.tienda-error:before {
    content:'\f057';
}
.tienda-info {
    color: #00529B;
    background-color: #BDE5F8;
	border: 1px solid #d6d6d6;
}
.tienda-success {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 1px solid #d6d6d6;
}
.tienda-warning {
    color: #9F6000;
    background-color: #FEEFB3;
    border: 1px solid #d6d6d6;
}
.tienda-error {
    color: #D8000C;
    background-color: #FFBABA;
    border: 1px solid #d6d6d6;
}
.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;}
.text-left {text-align:left;}
.left { text-align: left; margin-left: 5px;}

.bold { font-weight: bold; }
.center { text-align: center; }
.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;}
/*--- 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;}
	
	.nav ul li {font-size:14px;}
	.nav ul li > a {padding:0 73px 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 */
	
	/* 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: 300px;
		position: relative;
	}
	.recipe-listing img {
		width: 275px;
	}
	
	.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%;}
}
@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;}	
	.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 46px 0 0;}
	/* typography */
	#main h1.script {font-size:56px;}
	#main .subscribe h4.script {font-size:60px;}
	.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;}	
	/* 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: 260px;
		position: relative;
	}
	.recipe-listing img {
		width: 218px;
	}
	.rotw .badge {
		top: 48%;
		left: 3%;
	}
	.rotw-controls {
		width: 320px;
		top: 60%;
		left: 12%;
	}
	.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 */
}
@media only screen and (max-width: 959px) { /* breakpoint for grid system, tablet portrait */
	.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;}
	
	.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 29px 0 0;}
	.nav ul li.loginli > a {padding:0 0 0 0;} /* since have login or register on same line */
	/* 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;}
	#main h1.script {text-align:center;font-size:36px;}
	/* 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: 216px}
	/* 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 {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:64px; line-height:44px;}
	#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: 260px;
		position: relative;
	}
	.recipe-listing img {
		width: 233px;
	}
	.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%; text-align:left;}
	#cartcheckoutform #gc_number {width:47%; margin-left:1%;margin-right:1%; float:right} /* same as the buttons-4 for border */
	#cartcheckoutform .actionbtn, #cartcheckoutform .altbtn {margin-top:16px;}
	/*.image_left.first {display:block; float:none;}*/
}
@media only screen and (max-width: 767px) { /* phones landscape, xs */
	.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;
	}
	.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;}
	/* 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;}
	.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;}
	ul.about-menu li a {}
	.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 { top: 48px; }
	.topbar.adOffsetTopbar { height: 48px; }
	#cart-panel-wrapper, #cart-panel-wrapper.shrink {top: 155px; padding-bottom: 10px;}
	#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;}
	/* chris was here */
	.topbar ul li { letter-spacing: 0; width: 100%; }
	/* use clipped logo always now */
	.branding a, .shrink .branding a {position:relative; top:0; left:-25px;display:inline-block; overflow:hidden; height:31px; width:317px;}
	.branding a img, .shrink .branding a img {top:-50px;position:relative; width:250px; 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: 30px;} /* 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:0;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: -62px; position: relative;}
	.shrink .control-icons{top:0;} /* no more adjustments */
	.outerWrapper.nothomepage {margin-top: 140px;}
	.outerWrapper.nothomepage.adOffset {margin-top: 154px;}
	.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;}
	
/*	#login-wrapper { display: none; } */
	.flatrate { clear: both; float: left;}
	/* hero here */
	.hero { margin-top: 140px; }
	.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;}
	#main h4.script {font-size:47px; 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; }

	.reviews .revrt {width:308px;}
	ul.tabs { height: auto; }
	ul.tabs li { width: 100%; }
	.sortshowresults { clear: both; text-align: left;}
	/* General */
	.xs-visible {display:block !important;}

	.container_12 .branding { text-align: center; }
	
	/* 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: 290px;
	}
	.recipe-listing img {
		width: 267px;
	}
	.rotw .badge {
		top: 40%;
		left: 3%;
	}
	.rotw-controls {
		width: 310px;
		top: 55%;
		left: 13%;
	}
	.tabber .recipe-listing { width: 247px;}
	.tabber .recipe-listing img { width: 247px; }
	
	.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;
	}
	.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;}
}
@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%; }

	.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;}
	/* nudge the logo */
	.branding a img, .shrink .branding a img {left:5px;}
	/* 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 {font-size:32px;}
	gb-sayt { width: 250px; }
	.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 */

	/* 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-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; }
	.recipe-listing { width: 223px;	min-height: 260px; }
	.recipe-listing img { width: 223px; }
	.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: 260px; }
	.tabber .recipe-listing img { width: 203px; }
	
	.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: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;}
	#cartcheckoutform .product, #cartcheckoutform .qty, #cart-summary .onehalf, #cart-summary .onequarter {margin-top:8px; margin-bottom:8px;width:100%; clear:both; display:block; text-align:left;}
	#cart-summary .onequarter .center {text-align:left;}
	#cartcheckoutform .total {margin-top:8px; margin-bottom:8px; clear:left; display:inline-block; width:75%; text-align:left; }
	#cartcheckoutform .remove {width:20%;}
	#cartcheckoutform .qty.subtotal {text-align: left; display:inline-block; width:100px;}
	#cartcheckoutform .grtotal {clear:none; width:100px;}
	#cartcheckoutform .gc_entry {width:100%; display:block; float:none;}
	#cartcheckoutform #gc_number {width:95%; 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;}
	.modal-body button, .modal-body a.altbtn, .modal-body a.actionbtn {font-size:12px; margin:3px 1% 3px 1%; line-height:24px;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; }
}
@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:100%;}
	.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;}
	
	#main h1.script {font-size:30px;}
	#main .subscribe h4.script {font-size:32px;line-height:32px;}
	/* Header */
	.branding a img, .shrink .branding a img {left:-2px;} /* 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; }

	#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 { 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;}

	/* 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 */
	.reviews .revrt {width:308px;}
	/*general classes */
	.xs-visible, .xxs-visible, .xxxs-visible {display:block !important;}
	.onehalf, .onequarter, .threequarters, .onethird, .twothirds, .onethird.right {width:100%; float:none;}
	.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;	min-height: 260px; }

	.tabber .recipe-listing { width: 197px;	min-height: 220px; }
	.tabber .recipe-listing img { width: 197px; }
	/* payment page */
	.onethird.text-right {text-align:left;}
	.final-cc-entry input[type=tel] { float: left; clear: both;}
	
	/* 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:3px; 
		border:1px;
		font-size:12px;
		margin-top:3px;
		margin-bottom:3px;
	}
	.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;}
}
@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: 196px; }
	.recipe-listing { width: 196px;	min-height: 260px; }
	.recipe-listing img { width: 196px; }
	/* this is in the product details tabs */
	.tabber .recipe-listing { width: 176px;	min-height: 220px; }
	.tabber .recipe-listing img { width: 176px; }
	
	.confirm-cart table td { font-size: 13px !important; width: 50%; }
	
	.webui-popover .webui-popover-content {max-width: 280px;}
	.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;}

}
@media only screen and (max-width: 413px) { /* up to iPhone 6 Plus */
	/* Hero */
	.control-icons li:first-child { left:-11px; position: relative;}
	#login-wrapper { display: none; }
	.recipe-collection,.recipe-collection img { width: 99.5%; }
	#recipe-collection-wrap a div.recipe-collection {margin-left: 0;}
	/* this is in the product details tabs */
	.tabber .recipe-listing { width: 353px;	min-height: 340px; }
	.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;}
	.collections { clear: both; float: left; margin-left: 0; }
	.recordCount { width: 100%; text-align: center; padding-bottom: 10px; }
	#ad-panel-wrapper span a { font-size: 14px; }
	/* FOOTER NAV
	///////////////////////////////////////////////////// */
	.footer_nav ul li { display: block; padding: 0 16px;}

	.rotw .badge {
		top: 20%;
		left: 3%;
	}
	.rotw-controls {
		width: 285px;
		top: 40%;
		left: 16%;
	}
	.rotw-controls h1 { font-size: 16px; }

	.recipe-listing { width: 186px;	min-height: 240px;}
	.recipe-listing img {width: 186px;}
	/* ACCOUNT INFO SECTION */
	
	.pressfeature {margin-right: 8px; }
	.confirm-details section, .confirm-disclaimer section {padding: 5px;}

}
@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, ul.blocks.default {width:100%;max-width:100%;margin:15px auto;}
	.grid_12 ul.blocks li .actionbtn, ul.blocks li .defaultbtn {width:100%;max-width:100%;}
	.grid_12 ul.blocks li:nth-child(2n){margin:15px auto 15px auto; clear:left;}
	.grid_12 ul.blocks li:nth-child(2n+1){margin:15px auto 15px auto; clear:left;}
	/* Product blocks on product detail - other items tab - 1 across */
	#tab7 ul.blocks li  {width:100%;max-width:100%;margin:15px auto;}
	#tab7 ul.blocks li:nth-child(2n) {margin:15px auto 15px auto; clear:left;}
	#tab7 ul.blocks li:nth-child(2n+1) {margin:15px auto 15px auto; clear:left;}
	.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:6px;}
	.shpBold { font-size:12px;}
	.webui-popover .webui-popover-content {max-width:280px;}
	.badge {
		border-radius: 42px;
		width: 62px;
		height: 25px;
		text-transform: none;
		text-align: center;
		padding: 21px 6px 26px 6px;
		font-size: 12px;
	}

	.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; }
	
	.recipe-listing { width: 168px;	min-height: 240px;}
	.recipe-listing img {width: 168px;}
	.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: 320px; }
	.flatrate { clear: both; float: left;}
	
	.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;}
	
}
@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;}
	.branding a, .shrink .branding a {left:-31px; width:auto;} /* nudge the logo */
	.recipe-listing { width: 160px;	min-height: 240px;}
	.recipe-listing img {width: 160px;}
	.tabber .recipe-listing { width: 302px;	min-height: 310px; }	
	.webui-popover .pop .top .in {left:10px !important;}
	.webui-popover .webui-popover-content {max-width:250px;}
	#ad-panel-wrapper span a { font-size: 13px; }
	#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;}
}
@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;}
	#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; }
	#main h1.script {font-size:30px;}
	.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%;}
	.reviews .revrt {width:215px;}
	/* recipes */
	.recipe-listing {
		width: 100%;
		min-height: 320px;
	}
	.recipe-listing img {
		width: 100%;
	}
	#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; }
	.tabber .recipe-listing { width: 266px;	min-height: 280px; }
	.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%;}
}