

<!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">

	
					<style type="text/css">
						
#i4awidget_footercontact_212 {
	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;
}
						
					
#i4awidget_footercompanyname_216 {
	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;
}
						
					
#i4awidget_socialmediaicons_214 {
	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_widget_responsivelogin_217 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 100;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
}
						
					
#i4awidget_contactusbutton_215 {
	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_widget_responsivemenu_213 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 10000;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
}
						
					</style>
				
			
	<script type="text/javascript" src="/common/jquery/jquery.js?v=202606251648023"></script>

<script type="text/javascript" src="/common/jquery/jquery-migrate-3.4.0.min.js?v=202606251648023"></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/sandstone.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>Store | Books | i4a Individual Site</title>


<link rel="canonical" href="https://i4alaura.i4adev.com">


	<link rel="stylesheet" type="text/css" href="/templates/common/styles_responsive.css?v=902">


<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/1021/styles_template.css?v=6365">
	  	
	  	
	  	<link rel="stylesheet" type="text/css" href="/templates/1021/styles_wysiwyg.css?v=7702">
	  	
	  	
<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.8466005514038649"></script><script>_i4a_enableCookies(); _i4a_createCookie("i4aconsent", "true", 365);</script></head>


	<body class="page-1 childof-0 toplevelpage-0 theme-1021 level-0 section-1 innerpage">
<script>checkConsentStatus();</script>


<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700" rel="stylesheet">

<div class="container-fluid">
	<div class="fixed-top">
	    <div class="row i4a_header_row1">
	        <div class="col-md-3 col-sm-5 i4a_header_row1_col1 widgets" id="header_row1_column1"></div>
	        <div class="col-md-7 col-sm-7 i4a_header_row1_col2 widgets" id="header_row1_column2"></div>
	        <div class="col-md-2 d-none d-md-flex d-lg-flex d-xl-flex i4a_header_row1_col3 widgets" id="header_row1_column3"></div>
	    </div>
		<div class="row i4a_header_row2">
			<div class="col-sm-12 i4a_header_row2_col1 widgets" id="header_row2_column1"></div>
		</div>
	</div>
</div>

<div class="container">
     <div class="row i4a_main_content_row"> 
        <div class="col-12 i4a_page_content"> 
            
            
<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="1"  selected >Books</option>
						
							<option value="3"  >Conferences</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">Books</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">Books</h3>
			
		
		<div>General Fiction, Reference and Non-Fiction Books <P></div>
	

<div class="row row-cols-1 g-1">


	<div class="col-12">
	<div class="card">
		<div class="card-body">

		<div class="row">
			
				<div class="col-md-3">
					
						<div style="position: relative; z-index: 1;">
							<a href="/images/store/dfmc_logo_transparent_for_web.png" data-toggle="lightbox" data-title="&nbsp;" data-footer="">
								<img class="img-fluid img-thumbnail" src="/images/store/dfmc_logo_transparent_for_web.png" alt="ABC Book"
									data-toggle="tooltip" data-placement="right" title="click to zoom">
								<span class="store_product_image_zoom_overlay">
									<i class="fa fa-search-plus fa-2x store_product_image_zoom" title="click to zoom" data-toggle="tooltip" data-placement="right"></i>
								</span>
							</a>
						</div>
					
				</div>
				<div class="col-md-9">
			

				<h3 class="card-title store_h3">
					<a href="inlineview.cfm?id=103">ABC Book</a>
				</h3>

				
			</div> 
		</div>

		<br />

		
			<div>
				
					
					<small class="text-muted">Item No: 5678</small><br />
				

						<span class="text-muted">
					
					Member Price:
					
						$10.95
						
					
						</span>
					
				
				<br />
				
					<strong>
				
				
					Non-Member
				
				Price:
				
				
					$20.95
					
				
					</strong>
				
			</div>

		
			<br />
			<form id="storeProductForm103">
				<input NAME="action" VALUE="Add" TYPE="hidden" />
				<input NAME="add_product_id" VALUE="103" TYPE="hidden" />
				<input NAME="add_description" VALUE="ABC Book" TYPE="hidden" />
				<input NAME="add_adminprice" VALUE="0" TYPE="hidden" />
				<input NAME="add_mbrprice" VALUE="10.95" TYPE="hidden" />
				<input NAME="add_nonmbrprice" VALUE="20.95" TYPE="hidden" />
				<input NAME="add_mbrprice_bulk" VALUE="10.95" TYPE="hidden" />
				<input NAME="add_nonmbrprice_bulk" VALUE="20.95" TYPE="hidden" />
				<input NAME="add_bulk_threshold" VALUE="0" TYPE="hidden" />
				<input NAME="add_code" VALUE="103" TYPE="hidden" />
				<input name="add_tax" value="1" type="hidden" />

				
				<input type="hidden" name="qty_save" value="1" />

				
					<div class="form-row">
						<div class="col-auto">
							<label class="form-label store-product-label" for="add_quantity103">Quantity</label>
							<input class="form-control form-control-sm store-product-form-control" NAME="add_quantity" id="add_quantity103" VALUE="1"
								TYPE="number" step="1" min="1" max="9999" maxlength="5" style="max-width: 75px;" />
						</div>
					</div>
					<br />
					<input TYPE="hidden" NAME="add_quantity_required" VALUE="Please specify the quantity." />
					<input TYPE="hidden" NAME="add_quantity_range" VALUE="MIN=1 MAX=9999" />
				

					<input TYPE="hidden" NAME="add_size" VALUE="" />
				

					<input TYPE="hidden" NAME="add_Color" VALUE="" />
				
				
					<input TYPE="hidden" NAME="add_Language" VALUE="" />
				

					<input TYPE="hidden" NAME="add_options" VALUE="" />
				

				<input TYPE="hidden" NAME="add_options_label" VALUE="" />
				
					
				<input TYPE="hidden" NAME="add_downloadable" VALUE="0" />

				<br />
				<button type="button" id="storeAddToCartBtn103" class="btn btn-primary" data-loading-text="Please wait...">Add to Cart</button>&nbsp;
				<button type="button" class="btn btn-outline-primary" onclick="window.location.href='inlineview.cfm?id=103'">
					Details
				</button>
			</form>

		
		</div>
	</div>
	<br />
</div>
<br />

<script>
	$(function () {
		$('#storeAddToCartBtn103').on('click', function() {
			var request;

			if (request) {
                request.abort();
            }

            var btn = $('#storeAddToCartBtn103');
            var form = $('#storeProductForm103');
            var inputs = form.find('input, select, button, textarea');
            var isValid = true;
            var invalidFieldNames = '';

            for (var x = 0; x < inputs.length; x++) {
                if (inputs[x].required) {
                    if (inputs[x].value == '') {
                    	var $label = $("label[for='"+inputs[x].id+"']");
						if ($label.length == 0) {
					    	$label = $element.closest('label');
					   	}
					   	if ($label.length == 0) {
					     	// label wasn't found
					   	} else {
					     	// label was found
					     	if (invalidFieldNames != '') {
					     		invalidFieldNames += '<br>';
					     	}
					     	invalidFieldNames += $label.text();
					   	}

                        $('#'+inputs[x].id+'-group').addClass('has-error');
                        isValid = false;
                    }
                    else {
                        $('#'+inputs[x].id+'-group').removeClass('has-error');
                    }
                }
            }
            if (!isValid) {
            	swal({
		  			title: 'Missing required fields',
		  			html: true,
		  			text: invalidFieldNames,
		  			animation: 'slide-from-top',
		  			type: 'info',
		  			confirmButtonText: 'Ok',
		  			confirmButtonColor: '#337ab7'
		  		});
                return false;
            }

            else {
            	$(this).button('loading');

            	var serializedData = form.serialize();

				request = $.ajax({
					type: 'POST',
                    url: '/i4a/ams/amsstore/store.cfc?_nodom=true&method=addToCart',
                    data: serializedData,
                    dataType: 'text'
                });

            	request.done(function(response, textStatus, jqXHR) {
                    if (textStatus == 'success') {
                        var decodedObj = JSON.parse(response);
                        if (decodedObj.success) {
                            var messageType = 'success';
                            var messageTitle = 'Success';
                        }
                        else {
                            var messageType = 'error';
                            var messageTitle = 'Error';
                        }
                    }
                    else {
                        var messageType = 'error';
                        var messageTitle = 'Error';
                        decodedObj.message = 'Oops, something went wrong; please try again.';
                    }

                    if (messageType == 'success') {
                    	$('#basketItemsCount').html(decodedObj.data.basketitems);

                    	btn.prop('disabled', false);
	                    btn.button('reset');
	                    inputs.prop('disabled', false);

                    	swal({
				  			title: '',
				  			text: decodedObj.message,
				  			animation: "slide-from-top",
				  			type: messageType,
				  			showCancelButton: true,
				  			cancelButtonText: "View Cart",
				  			cancelButtonColor: "#078c41",
				  			confirmButtonText: "Continue Shopping",
				  			confirmButtonColor: "#337ab7'",
				  			showLoaderOnConfirm: true
				  		},
				  		function(obj) {
				  			if (obj===false) {
				  				window.location.href = '/i4a/ams/amsstore/cart.cfm';
			  				} else {
			  					return true;
			  				}
				  		});
                    }
                    else {
                    	swal({
				  			title: messageTitle,
				  			text: decodedObj.message,
				  			animation: "slide-from-top",
				  			type: messageType,
				  			confirmButtonText: "Ok",
				  			confirmButtonColor: "#337ab7",
				  		});
				  		btn.prop('disabled', false);
	                    btn.button('reset');
	                    inputs.prop('disabled', false);
                    }
                });

                request.fail(function(jqXHR, textStatus, errorThrown) {
                    swal({
			  			title: "Error",
			  			text: errorThrown,
			  			animation: "slide-from-top",
			  			type: "error",
			  			confirmButtonText: "Ok",
			  			confirmButtonColor: "#337ab7"
			  		});
			  		btn.prop('disabled', false);
                    btn.button('reset');
                    inputs.prop('disabled', false);
                });
            }
		});
	});
</script>

	
	<div class="col-12">
	<div class="card">
		<div class="card-body">

		<div class="row">
			
				<div class="col-12">
			

				<h3 class="card-title store_h3">
					<a href="inlineview.cfm?id=96">My Book for Sale</a>
				</h3>

				
					<br /><br />
					<div class="card-text"><p>A book for sale</p>

<p>Topics covered: anxiety; children</p>
</div>
				
			</div> 
		</div>

		<br />

		
			<div>
				

						<span class="text-muted">
					
					Member Price:
					
						$25.50
						
					
						</span>
					
				
				<br />
				
					<strong>
				
				
					Non-Member
				
				Price:
				
				
					$50.50
					
				
					</strong>
				
			</div>

		
					<div class="">42 In Stock</div>
				
			
			<br />
		

			<br />
			<form id="storeProductForm96">
				<input NAME="action" VALUE="Add" TYPE="hidden" />
				<input NAME="add_product_id" VALUE="96" TYPE="hidden" />
				<input NAME="add_description" VALUE="My Book for Sale" TYPE="hidden" />
				<input NAME="add_adminprice" VALUE="0" TYPE="hidden" />
				<input NAME="add_mbrprice" VALUE="25.5" TYPE="hidden" />
				<input NAME="add_nonmbrprice" VALUE="50.5" TYPE="hidden" />
				<input NAME="add_mbrprice_bulk" VALUE="0" TYPE="hidden" />
				<input NAME="add_nonmbrprice_bulk" VALUE="0" TYPE="hidden" />
				<input NAME="add_bulk_threshold" VALUE="0" TYPE="hidden" />
				<input NAME="add_code" VALUE="96" TYPE="hidden" />
				<input name="add_tax" value="0" type="hidden" />

				
				<input type="hidden" name="qty_save" value="1" />

				
					<div class="form-row">
						<div class="col-auto">
							<label class="form-label store-product-label" for="add_quantity96">Quantity</label>
							<input class="form-control form-control-sm store-product-form-control" NAME="add_quantity" id="add_quantity96" VALUE="1"
								TYPE="number" step="1" min="1" max="9999" maxlength="5" style="max-width: 75px;" />
						</div>
					</div>
					<br />
					<input TYPE="hidden" NAME="add_quantity_required" VALUE="Please specify the quantity." />
					<input TYPE="hidden" NAME="add_quantity_range" VALUE="MIN=1 MAX=9999" />
				

					<input TYPE="hidden" NAME="add_size" VALUE="" />
				

					<input TYPE="hidden" NAME="add_Color" VALUE="" />
				
				
					<input TYPE="hidden" NAME="add_Language" VALUE="" />
				

					<div class="form-row" id="add_options96-group">
						<div class="col-auto">
							<label class="form-label store-product-label" for="add_options96">Type of Cover</label> <span class="store_required-string"> *</span>
							
								<select class="selectpicker store-product-form-control  form-control form-control-sm" data-container="body" data-mobile="false" name="add_options96" id="add_options"
									data-toggle="tooltip" data-placement="bottom"  required="required" 
									
								>
									
										<option value="Hardcover;Paperback">Hardcover;Paperback</option>
									
								</select>
								<br />

							
						</div>
					</div>
					
						<small class="text-muted"><p>Choose the type of cover you prefer for your book.</p>
</small>
					
				
				<input TYPE="hidden" NAME="add_options_label" VALUE="Type of Cover" />
				
					
				<input TYPE="hidden" NAME="add_downloadable" VALUE="0" />

				<br />
				<button type="button" id="storeAddToCartBtn96" class="btn btn-primary" data-loading-text="Please wait...">Add to Cart</button>&nbsp;
				<button type="button" class="btn btn-outline-primary" onclick="window.location.href='inlineview.cfm?id=96'">
					Details
				</button>
			</form>

		
		</div>
	</div>
	<br />
</div>
<br />

<script>
	$(function () {
		$('#storeAddToCartBtn96').on('click', function() {
			var request;

			if (request) {
                request.abort();
            }

            var btn = $('#storeAddToCartBtn96');
            var form = $('#storeProductForm96');
            var inputs = form.find('input, select, button, textarea');
            var isValid = true;
            var invalidFieldNames = '';

            for (var x = 0; x < inputs.length; x++) {
                if (inputs[x].required) {
                    if (inputs[x].value == '') {
                    	var $label = $("label[for='"+inputs[x].id+"']");
						if ($label.length == 0) {
					    	$label = $element.closest('label');
					   	}
					   	if ($label.length == 0) {
					     	// label wasn't found
					   	} else {
					     	// label was found
					     	if (invalidFieldNames != '') {
					     		invalidFieldNames += '<br>';
					     	}
					     	invalidFieldNames += $label.text();
					   	}

                        $('#'+inputs[x].id+'-group').addClass('has-error');
                        isValid = false;
                    }
                    else {
                        $('#'+inputs[x].id+'-group').removeClass('has-error');
                    }
                }
            }
            if (!isValid) {
            	swal({
		  			title: 'Missing required fields',
		  			html: true,
		  			text: invalidFieldNames,
		  			animation: 'slide-from-top',
		  			type: 'info',
		  			confirmButtonText: 'Ok',
		  			confirmButtonColor: '#337ab7'
		  		});
                return false;
            }

            else {
            	$(this).button('loading');

            	var serializedData = form.serialize();

				request = $.ajax({
					type: 'POST',
                    url: '/i4a/ams/amsstore/store.cfc?_nodom=true&method=addToCart',
                    data: serializedData,
                    dataType: 'text'
                });

            	request.done(function(response, textStatus, jqXHR) {
                    if (textStatus == 'success') {
                        var decodedObj = JSON.parse(response);
                        if (decodedObj.success) {
                            var messageType = 'success';
                            var messageTitle = 'Success';
                        }
                        else {
                            var messageType = 'error';
                            var messageTitle = 'Error';
                        }
                    }
                    else {
                        var messageType = 'error';
                        var messageTitle = 'Error';
                        decodedObj.message = 'Oops, something went wrong; please try again.';
                    }

                    if (messageType == 'success') {
                    	$('#basketItemsCount').html(decodedObj.data.basketitems);

                    	btn.prop('disabled', false);
	                    btn.button('reset');
	                    inputs.prop('disabled', false);

                    	swal({
				  			title: '',
				  			text: decodedObj.message,
				  			animation: "slide-from-top",
				  			type: messageType,
				  			showCancelButton: true,
				  			cancelButtonText: "View Cart",
				  			cancelButtonColor: "#078c41",
				  			confirmButtonText: "Continue Shopping",
				  			confirmButtonColor: "#337ab7'",
				  			showLoaderOnConfirm: true
				  		},
				  		function(obj) {
				  			if (obj===false) {
				  				window.location.href = '/i4a/ams/amsstore/cart.cfm';
			  				} else {
			  					return true;
			  				}
				  		});
                    }
                    else {
                    	swal({
				  			title: messageTitle,
				  			text: decodedObj.message,
				  			animation: "slide-from-top",
				  			type: messageType,
				  			confirmButtonText: "Ok",
				  			confirmButtonColor: "#337ab7",
				  		});
				  		btn.prop('disabled', false);
	                    btn.button('reset');
	                    inputs.prop('disabled', false);
                    }
                });

                request.fail(function(jqXHR, textStatus, errorThrown) {
                    swal({
			  			title: "Error",
			  			text: errorThrown,
			  			animation: "slide-from-top",
			  			type: "error",
			  			confirmButtonText: "Ok",
			  			confirmButtonColor: "#337ab7"
			  		});
			  		btn.prop('disabled', false);
                    btn.button('reset');
                    inputs.prop('disabled', false);
                });
            }
		});
	});
</script>


</div> 


<style>
.page-item.disabled .page-link {
    color: #000;
}
.i4a_store-products-pagination {
	margin-top: 10px;
}
</style>


<div class="row">
	<div class="col-sm-12 d-flex justify-content-center">
		<nav>
			<ul class="pagination i4a_store-products-pagination">
				<li class="page-item  disabled">
					<a class="page-link" href="/i4a/ams/amsstore/category.cfm?category_id=1&start=0" aria-label="Previous" data-toggle="tooltip" data-placement="top" title="previous page"
						 aria-disabled="true">
							<span aria-hidden="true">&laquo;</span>
					</a>
				</li>
				
					
						<li class="page-item  active"  aria-current="page">
							<a class="page-link" href="/i4a/ams/amsstore/category.cfm?category_id=1&start=1">1</a>
						</li>
					
					
				<li class="page-item  disabled">
					<a class="page-link" href="/i4a/ams/amsstore/category.cfm?category_id=1&start=2" aria-label="Next" data-toggle="tooltip" data-placement="top" title="next page"
						 aria-disabled="true">
							<span aria-hidden="true">&raquo;</span>
					</a>
				</li>
			</ul>
		</nav>
	</div>
</div>


	<script>
		$(function () {
			$("input[type='number']").inputSpinner({
				groupClass: 'store-quantity'
			});

			$('#productsPerPage').on('change', function() {
				var categoryID = '1';
				window.location.href = '/i4a/ams/amsstore/category.cfm?category_id=' +categoryID+ '&perPage=' +$(this).val();
			});

			$('#subcategories').on('change', function() {
				var categoryID = '1';
				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 class="row i4a_footer_row1">
        <div class="col-md-6 i4a_footer_row1_col1 widgets" id="footer_row1_column1"></div>
		<div class="col-md-6 text-right i4a_footer_row1_col1 widgets" id="footer_row1_column2"></div>
    </div>
	
</div> 
		
	
			<div id="i4awidget_footercontact_212" class="footerContact"  >
				
					123 Any Street | City, ST 00000 <br />
<i class="fa fa-phone"></i> 000.000.0000 | <i class="fa fa-envelope-o"></i> email@domain.com
				
			</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('footer_row1_column1');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_footercontact_212'));
					}
				</script>
				
			
			<div id="i4awidget_footercompanyname_216" class="footerCompanyName"  >
				
					
						<i class="fa fa-copyright"></i> 2026 Company Name <br />
All Rights Reserved.

					
			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('footer_row1_column2');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_footercompanyname_216'));
					}
				</script>
				
			
			<div id="i4awidget_socialmediaicons_214" class="socialMediaIcons"  >
				
					<a href="#"><i class="fa fa-facebook-square fa-2x"></i></a>&nbsp;
<a href="#"><i class="fa fa-twitter-square fa-2x"></i></a>&nbsp;
<a href="#"><i class="fa fa-linkedin-square fa-2x"></i></a>&nbsp;
<a href="#"><i class="fa fa-youtube-square fa-2x"></i></a>
				
			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('header_row1_column1');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_socialmediaicons_214'));
					}
				</script>
				
			
			<div id="i4awidget_widget_responsivelogin_217" class="widget_responsivelogin"  >
				
					
<div class="login-wrapper">
	
		<style>
			.loginWidgetFormGroup {
				margin-bottom: 6px;
			}
		</style>

		
		<form name="lgn" action="https://i4alaura.i4adev.com/i4a/ams/amslogin.cfm" method="POST"  class="form-inline">
			

			<div class="form-group loginWidgetFormGroup">
				
				<input type="text" class="form-control form-control-sm" name="username" id="loginWidgetUsername" placeholder="username" maxlength="50">
			</div>
			&nbsp;
			<div class="form-group loginWidgetFormGroup">
				
				<input type="password" class="form-control form-control-sm" name="password" id="loginWidgetPassword" placeholder="password" maxlength="50">
			</div>

			
					&nbsp;
					<button class="btn btn-primary btn-sm buttonSand" type="submit">Log In</button>
				
			
			<input type="hidden" name="nextPage" value="/i4a/ams/home">
			<input type="hidden" name="nextParams" value="controller=memberHome&action=index">
		</form>

		
</div>


			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('header_row1_column2');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_widget_responsivelogin_217'));
					}
				</script>
				
			
			<div id="i4awidget_contactusbutton_215" class="contactUsButton"  >
				
					<button class="btn btn-secondary btn-sm buttonPurple" onclick="window.location.href=#">Contact Us</button>
				
			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('header_row1_column3');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_contactusbutton_215'));
					}
				</script>
				
			
			<div id="i4awidget_widget_responsivemenu_213" class="widget_responsivemenu"  >
				
					
<link rel="stylesheet" href="/common/smartMenus/addons/bootstrap-4/jquery.smartmenus.bootstrap-4.css">

<script type="text/javascript" src="/common/smartMenus/jquery.smartmenus.min.js"></script>

<script type="text/javascript" src="/common/smartMenus/addons/bootstrap-4/jquery.smartmenus.bootstrap-4.min.js"></script>


				<nav class="navbar navbar-light bg-light navbar-expand-lg mainNavigation">
			      	
				      	
							<a class="navbar-brand" href="/">
								<img src="/templates/1021/images/companylogo.png" class="noResponsive" />
							</a>
						
					
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" 
						aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
							<span class="navbar-toggler-icon"></span>
					</button>
				    <div class="collapse navbar-collapse" id="mainNavbar">
			
	      	
	      		<ul class="navbar-nav ml-auto" data-sm-options="{bootstrapHighlightClasses: 'text-white bg-dark'}">	
	      	
				
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3267">
							Home
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3282">
							About Us
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3354">
							My New Page
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3330">
							PDF Test
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3334">
							Awards & Scholarships
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3292">
							Board of Directors
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3311">
							Calendar
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/latest-news/">
							Latest News
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3328">
							Membership
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3336">
							Membership Application
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3351">
							Career Hub
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3299">
							Manage Account
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3348">
							Reprint/Resend Receipts
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3357">
							Email Signup Form
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3277">
							Account Balance
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3324">
							Pay Dues
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3313">
							Resource Library
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3309">
							Board Only Download
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3310">
							Member Search
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3314">
							List of Names
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3317">
							RSVP Form
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3322">
							Communities
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3349">
							Basic Menu Test
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3332">
							Store
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3345">
							Reg Forms
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3358">
							GroupReg for ALL (ID 107)
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/annual-meeting/">
							Annnual Meeting Registration
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/groupreg/">
							Group Reg Feature (confid 99)
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3347">
							Group Reg Feature (confid100)
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
	      	</ul>
		    
					</div> 
				</nav> 
			
		
			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('header_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_widget_responsivemenu_213'));
					}
				</script>
				
			
</body>
</html>