

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="referrer" content="no-referrer-when-downgrade">
<link rel="stylesheet" href="/i4a/includes/css/lucee_dump_i4a_light.css">

	
							<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-J9WFSVMNFQ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-J9WFSVMNFQ');
</script>
						
					
					<style type="text/css">
						
#i4awidget_acg-ga4_51 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 1000;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	color: black;
}
						
					
#i4awidget_footercopyright_41 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 1000;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	color: white;
}
						
					</style>
				
			
	<script type="text/javascript" src="/common/jquery/jquery.js?v=202605152113508"></script>

<script type="text/javascript" src="/common/jquery/jquery-migrate-3.4.0.min.js?v=202605152113508"></script>


	<script type="text/javascript" src="/common/popper/popper.min.js"></script>
<script type="text/javascript" src="/common/bootstrap431/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/common/bootstrap431/plugins/statefulButton.js"></script>
<link rel="stylesheet" href="/i4a/includes/css/bootstrap_i4a.css">
<link rel="stylesheet" href="/common/bootstrap431/themes/bootswatch/431/spacelab.min.css">
<script type="text/javascript" src="/common/bootstrap431/plugins/bootbox.js"></script>
<script type="text/javascript" src="/common/bootstrap431/plugins/bootstrap-select/js/bootstrap-select.min.js"></script>
<link rel="stylesheet" href="/common/bootstrap431/plugins/bootstrap-select/css/bootstrap-select.min.css">
<link rel="stylesheet" href="/common/bootstrap431/plugins/bootstrap-select/css/bootstrap-select-i4a.css">
<script type="text/javascript" src="/common/bootstrap431/plugins/datepicker/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="/common/bootstrap431/plugins/datepicker/css/bootstrap-datepicker.standalone.min.css">
<script type="text/javascript" src="/common/bootstrap431/plugins/bootstrap-input-spinner/bootstrap-input-spinner.js"></script>

<link rel="stylesheet" href="/common/bootstrap431/plugins/lightbox/ekko-lightbox.min.css">

<script type="text/javascript" src="/common/bootstrap431/plugins/lightbox/ekko-lightbox.min.js"></script>

<link rel="stylesheet" href="/common/bootstrap431/plugins/bootstrap-toggle/css/bootstrap4-toggle.min.css">

<script type="text/javascript" src="/common/bootstrap431/plugins/bootstrap-toggle/js/bootstrap4-toggle.min.js"></script>

<link rel="stylesheet" href="/common/bootstrap431/plugins/colorpicker2/css/bootstrap-colorpicker.min.css">

<script type="text/javascript" src="/common/bootstrap431/plugins/colorpicker2/js/bootstrap-colorpicker.min.js"></script>

<link rel="stylesheet" href="/common/fontawesome642/css/all.min.css">

<link rel="stylesheet" href="/common/fontawesome642/css/v4-shims.min.css">

<link rel="stylesheet" href="/common/sweetalert/sweetalert.min.css">

<script type="text/javascript" src="/common/sweetalert/sweetalert.min.js"></script>


	<script>
		$(function() {
			// add Bootstrap responsive class to all images, except those with class name of 'noResponsive'
			$('img').each(function(index) {
				if ($(this).hasClass('noResponsive') == false) {
					$(this).addClass('img-fluid');
				}
			});
		});
	</script>


	<title>ILCA Store | Donations | International Lactation Consultant Association</title>


<link rel="canonical" href="https://portal.ilca.org/i4a/pages/index.cfm?pageid=4342">


	<link rel="stylesheet" type="text/css" href="/templates/common/styles_responsive.css?v=9875">


<link rel="stylesheet" href="/i4a/css/widgets/font_resizer.css" type="text/css" />
<link rel="stylesheet" href="/i4a/css/widgets/login.css" type="text/css" />
<link rel="stylesheet" href="/i4a/css/widgets/search.css" type="text/css" />
<link rel="stylesheet" href="/i4a/css/widgets/i4afooterlink.css" type="text/css" />


	  	<link rel="stylesheet" type="text/css" href="/templates/1004/styles_template.css?v=7836">
	  	
	  	
	  	<link rel="stylesheet" type="text/css" href="/templates/1004/styles_wysiwyg.css?v=9821">
	  	
	  	
<script>
	function MM_openBrWindow(theURL,winName,features) {
		window.open(theURL,winName,features);
	}
</script>


<link type="text/css" rel="stylesheet" href="/i4a/css/html5.css">
<script src="/i4a/jslib/consent.js?ts=0.9639756292714947"></script><script>_i4a_enableCookies(); _i4a_createCookie("i4aconsent", "true", 365);</script></head>


	<body class="page-4342 childof-1 toplevelpage-4342 theme-1004 level-1 section-1 section-4342 innerpage">
<script>checkConsentStatus();</script>


		<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet">


<div class="container-fluid">
    <div class="fixed-top">
	    <div class="row i4a_header_row1">
	    	<div class="col-6 i4a_header_row1_col1" id="header_row1_column1">
	    		<a href="https://ilca.org">
	    			<img src="https://ilca.org/wp-content/uploads/2020/03/ILCA-Logo-1.png" alt="International Lactation Consultant Association" style="float:left";>
	    		</a>	
	    	</div>
	    	<div class="col-6 i4a_header_row1_col2" id="header_row1_column2">
	    		<p style="font-size:115%; text-align:right;">
	    			<br /><br /><br />
	    			<a href="https://ilca.org" style="color:#000000;">HOME</a>&nbsp;&nbsp;<span style="color:#e1e1e1;">|</span>&nbsp;&nbsp;
	    			<a href="https://portal.ilca.org/i4a/pages/index.cfm?pageid=4347" style="color:#000000;">MY ACCOUNT</a>&nbsp;&nbsp;<span style="color:#e1e1e1;">|</span>&nbsp;&nbsp;
	    			<a href="https://portal.ilca.org/i4a/pages/index.cfm?pageid=4352" style="color:#000000;">LOGOUT</a>
	    		</p>
	    	</div>
		</div> <!-- END row i4a_header_row1 -->
	</div> <!-- END fixed-top -->

	<div class="row i4a_header_row2">
		<div class="col-12 i4a_header_row2_col1 widgets" id="header_row2_column1"></div>
	</div> <!-- END row i4a_header_row2 -->

	<div class="container">
		<div class="row i4a_main_content_row"> 
	        <div class="col-12 i4a_page_content"> 
	            
	            
					<br class="noPageTitle d-none d-md-inline d-lg-inline d-xl-inline" />
	            
		
<div id="i4acontent_area_outer">
	

<style type="text/css">
	.ekko-lightbox > .modal-dialog > .modal-content > .modal-header > h4.modal-title {
	line-height: .3;
	font-size: 0.5rem;
}

.ekko-lightbox > .modal-dialog > .modal-content > .modal-header > button.close { 
	padding: .5rem 1rem;
}

.store_required-string {
	color: #FF0000;
}

.store-cart-button {
	margin-top: -5px;
}

.store-quantity > input {
	max-width: 50px;
}
	
.store_product_image_zoom_overlay {
	position: relative; 
	top: -45px; 
	left: 7px; 
	z-index: 3; 
	max-width: 250px; 
	display: block;
}
.store_product_image_zoom {
	color: #000;
	background-color: #ffffff8a;
	padding: 5px;
}
	
.store-product-label {
	margin-bottom: 0px;
}

.store-product-form-control {
	margin-bottom: 10px;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, 
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	margin-bottom: 10px;
}

.bootstrap-select.form-control-sm>.dropdown-toggle.bs-placeholder, .bootstrap-select.form-control-sm>.dropdown-toggle.bs-placeholder:active, 
.bootstrap-select.form-control-sm>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select.form-control-sm>.dropdown-toggle.bs-placeholder:hover {
	margin-bottom: 10px;
}

.add-on .input-group-btn > .btn {
	border-left-width:0;left:-2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
	
/* h3.store_h3, h4.store_h4, h5.store_h5, h6.store_h6 */
h1.store_h1, h2.store_h2 {
	letter-spacing: -0.05em;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
}

h2.store_h2 {
	margin-top: 20px;
	margin-bottom: 25px;
}

h3.store_h3 {
	margin: .5em 0 .5em 0;
}

h2.store_h2::after {
	background: #BFBFBF;
	content: "";
	display: block;
	height: 5px;
	margin-top: 10px;
	width: 60px;
}

.sweet-alert h2::after {
	background: none;
}

h4.store_h4 span {
	padding: 0 15px;
}

h4.store_h4 span i {
	margin-right: 10px;
}

h5.store_h5, h6.store_h6 {
	letter-spacing: 0;
}	

.i4a_store-tag-badge {
	font-size: 80%;
}

/* fix sweet alert button colors to get rid of gray hover and non-hover colors */
.sweet-alert button {
  background-color: #078c41 !important;
}
.sweet-alert button:hover {
  color: #fff;
    background-color: #056c32 !important;
}
.sweet-alert button:active {
  background-color: #078c41 !important;
}
.sweet-alert button.cancel { 
  background-color: #32557B !important;
}
 .sweet-alert button.cancel:hover {
    background-color: #0a5291 !important;
  	border-color: #094b85 !important;
}
 .sweet-alert button.cancel:active {
    background-color: #32557B !important;
 }
</style>


<style>
	@media (max-width: 767px) {
		.searchParamsRow > .col, .searchParamsRow > [class*="col-"] {
			padding-bottom: 5px !important;
			padding-top: 5px !important;	
		}
	}
</style>

	<div class="form-row searchParamsRow">
		<div class="col-sm-4 col-md-4">
			<form action="search.cfm" method="GET">
				<div class="input-group">
					<input class="form-control" name="SearchText" value="" placeholder="Search" required />
					<div class="input-group-append">
						<button class="btn btn-outline-secondary" type="submit">
							<i class="fa fa-search"></i>
						</button>
					</div>
				</div>
			</form>
		</div>
		<div class="col-sm-5 col-md-6">
			
				<form action="category.cfm" method="GET">
					<select class="form-control" name="category_id" id="select" onchange="this.form.submit()" required>
							<option disabled selected>Browse By Category</option>
						
							<option value="17"  selected >Donations</option>
						
							<option value="9"  >ILCA Publications</option>
						
					</select>
				</form>
			
		</div>
		<div class="col-sm-3 col-md-2 text-right float-right">
			<button type="button" class="btn btn-lg btn-outline-primary store-cart-button" onclick="window.location.href='cart.cfm'">
				<i class="fa fa-shopping-cart fa-lg"></i> &nbsp;&nbsp;<span class="badge badge-primary" id="basketItemsCount">0</span>
			</button>
		</div>
	</div>
	
	
		<br />
		<div class="form-row searchParamsRow">
			<div class="col-sm-12">
				<nav aria-label="breadcrumb">
					<ol class="breadcrumb">
						<li class="breadcrumb-item"><a href="/i4a/ams/amsstore/store.cfm"><i class="fa fa-home"></i>&nbsp;Store</a></li>
						
				    		<li class="breadcrumb-item active" aria-current="page">Donations</li>
						
						
					</ol>
				</nav>
			</div>
		</div>
	

	<div class="row">
		
			<div class="col-sm-12 d-flex justify-content-end">
		
				<div class="form-group">
					<label for="productsPerPage" class="text-muted">Products per page</label>
					<select class="form-control" name="productsPerPage" id="productsPerPage">
						<option value="5" >5</option>
						<option value="10" selected>10</option>
						<option value="20" >20</option>
						<option value="50" >50</option>
						<option value="100" >100</option>
						<option value="0" >All</option>
					</select>
				</div>
		</div>
	</div>

	<style>
	.sweet-alert button.cancel {
	    background-color: #32557B;
	}
	</style>

	
			<h3 class="i4a_store_categories_header">Donations</h3>
		

		<div> <P></div>
	

		<br />
		<div class="alert alert-warning" role="alert">
  			No products found.
		</div>
		<br /><br />
	

	<script>
		$(function () {
			$("input[type='number']").inputSpinner({
				groupClass: 'store-quantity'
			});

			$('#productsPerPage').on('change', function() {
				var categoryID = '17';
				window.location.href = '/i4a/ams/amsstore/category.cfm?category_id=' +categoryID+ '&perPage=' +$(this).val();
			});

			$('#subcategories').on('change', function() {
				var categoryID = '17';
				var perPage = '10';
				var subcategory = $(this).val();
				var subcategoryLabel = 'Subcategories';
				window.location.href = '/i4a/ams/amsstore/category.cfm?category_id=' +categoryID+ '&perPage=' +perPage+ '&' +subcategoryLabel+ '=' +subcategory;
			});

		});
	</script>

<br /><br />


<script>
	$(document).ready(function() {
		$(document).on('click', '*[data-toggle="lightbox"]', function(event) {
			event.preventDefault();
	    	$(this).ekkoLightbox();
		});

		$('[data-toggle="tooltip"]').tooltip();
	});

	
</script>


	</div>


					</div> 
    	</div> 
	</div> 
</div>


<div class="container-fluid">
	<div class="row i4a_footer_row1">
        <div class="col-md-4 col-sm-12 i4a_footer_row1_col1 widgets" id="footer_row1_column1" style="color:white;"></div>
		<div class="col-md-4 col-sm-12 i4a_footer_row1_col2 d-flex justify-content-center widgets" id="footer_row1_column2"></div>
		<div class="col-md-4 col-sm-12 i4a_footer_row1_col3 text-right widgets" id="footer_row1_column3"></div>
    </div>
    <div class="row i4a_footer_row2">
        <div class="col-12 i4a_footer_row2_col1 text-center widgets" id="footer_row2_column1"></div>
    </div>
</div> 
		
	
			<div id="i4awidget_acg-ga4_51" class="ACG-GA4"  >
				
					<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-J9WFSVMNFQ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-J9WFSVMNFQ');
</script>
				
			</div>
			
				
				<script type="text/javascript">
					
					_getComputedStyle = function(_elem, _style) {
  						var computedStyle;
  						if (typeof _elem.currentStyle != 'undefined') {
  							computedStyle = _elem.currentStyle; }
  						else {
  							computedStyle = document.defaultView.getComputedStyle(_elem, null);
  							}
						return computedStyle[_style];
						}
					
					var _widget_parentDiv = document.getElementById('Document');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_acg-ga4_51'));
					}
				</script>
				
			
			<div id="i4awidget_footercopyright_41" class="footerCopyright"  >
				
					
						<i class="fa fa-copyright"></i> 2026 Copyright - International Lactation Consultant Association

					
			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('footer_row2_column1');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_footercopyright_41'));
					}
				</script>
				
			
</body>
</html>