<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--[if !IE]>-->
<base href="/">
<!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Marka Copper Vac Tumbler With SS Straw 20 oz.</title>
<meta name="description" content="Minimum quantity: 24">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="includes/styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<link rel="stylesheet" media="screen and (min-width: 0px) and (max-width: 599px)" href="includes/mobile.css?8" />
<link rel="stylesheet" media="screen and (min-width: 600px) and (max-width: 799px)" href="includes/tablet.css?8"/>
<link rel="stylesheet" media="screen and (min-width: 800px)" href="includes/desktop.css?8" />
</head>
<body>
<div class="wrapper">
	<div class="header-wrapper">
		<div class="header">
			<div class="header-left"><a href="/"><img src="images/flexco-logo.png" alt="Flexco" border="0"/></a></div>
			<div class="header-right">
				<div class="cartrow">
					<div class="cartrow-left">Welcome, Guest&nbsp;&nbsp;&nbsp;<a class="cartlinks" href="http://flexcofloors.epromo.com/signup.i">Log In</a> |  <a style="color:#000; text-decoration:none;" href="cart.i"><img src="images/cart-icon.png" hspace="5" border="0" align="absmiddle"/>Items in cart: 0 Total: $0.00</a></div>
					<div class="cartrow-right"><form action="search.i" method=get><input type="hidden" name="cmd" value="quick"><input name="search" type="text" class="search-field" onfocus="this.value='';" value="Product Search"/></form></div>
					<div style="clear:both"></div>
				</div>
				<div class="topnav"><a href="/" class="toplinks">Home</a><a href="/Products" class="toplinks">Products</a><a href="/My_Account" class="toplinks">My Account</a><a href="/Contact_Us" class="toplinks">Contact Us</a></div>
			</div>
			<div style="clear:both"></div>
		</div>
	</div>
    <div class="content-area">
    	<div class="content-left">
        	<div class="leftnav-top">CATEGORIES</div>
            <div class="leftnav-bottom"><!-- mergeleftnav --><span id="links_catnavLink">
<a href="http://flexcofloors.epromo.com/Bags" class="navlinksmall">Bags</a></span> <br />
<span id="links_catnavLink">
<a href="http://flexcofloors.epromo.com/Contractor__Installer" class="navlinksmall">Contractor & Installer</a></span> <br />
<span id="links_catnavLink">
<a href="http://flexcofloors.epromo.com/Drinkware" class="navlinksmall">Drinkware</a></span> <br />
<span id="links_catnavLink">
<a href="http://flexcofloors.epromo.com/Executive_Collection" class="navlinksmall">Executive Collection</a></span> <br />
<span id="links_catnavLink">
<a href="http://flexcofloors.epromo.com/Headwear" class="navlinksmall">Headwear</a></span> <br />
<span id="links_catnavLink">
<a href="http://flexcofloors.epromo.com/Kitchenware" class="navlinksmall">Kitchenware</a></span> <br />
<span id="links_catnavLink">
<a href="http://flexcofloors.epromo.com/Ladies" class="navlinksmall">Ladies'</a></span> <br />
<span id="links_catnavLink">
<a href="http://flexcofloors.epromo.com/Mens" class="navlinksmall">Men's</a></span> <br />
<span id="links_catnavLink">
<a href="http://flexcofloors.epromo.com/Office" class="navlinksmall">Office</a></span> <br />
<span id="links_catnavLink">
<a href="http://flexcofloors.epromo.com/Outdoors" class="navlinksmall">Outdoors</a></span> <br />
<span id="links_catnavLink">
<a href="http://flexcofloors.epromo.com/Quick_Ship-No_Minimums" class="navlinksmall">Quick Ship/No Minimums</a></span> <br />
<span id="links_catnavLink">
<a href="http://flexcofloors.epromo.com/Tradeshow" class="navlinksmall">Tradeshow</a></span> <br />
<!-- end mergeleftnav --></div>
            <div style="clear:both"></div>
        </div>
        <div class="content-right-shell" id="content-right-shell">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js" type="text/javascript">
</script>
<link href="/lib/image_gallery/js/jquery_thumb_scroller/jquery.thumbnailScroller.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.one_per_order {
    display: none;
}
#Overlay {
	background: #ccc;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000px;
}
#Modal {
	border: 0 none;
	left: 50%;
	margin-left: -200px;
	margin-top: -225px;
	position: fixed;
	top: 50%;
	z-index: 1001px;
}
#Modal .close-icon {
	display: block;
	left: 95%;
	position: relative;
	top: -470px;
	z-index: 1002px;
}
a.outer-next-btn {
	display: inline-block !important;
	margin-top: 18px;
	text-decoration: none;
	vertical-align: top;
}
a.outer-prev-btn {
	display: inline-block !important;
	margin-top: 18px;
	text-decoration: none;
	vertical-align: top;
}
</style>
<script language="javascript" type="text/javascript">
$(document).ready(
	function()
	{
		$('.logoimage').draggable(
			{
				cursor: 'move',        // sets the cursor apperance
				containment: '#drg', 
				stop : function(){}
			}
		);
	}
);
<!--
// flag to enforce a maximum qty when ordering a product
var enforcemax = 0;
// flag to allow ordering without sufficent inventory
var allowwithoutinventory = 1;
// flag to display total qty of inventory
var displayinventory = 0;
// flag to display the inventory in the cateogyr
var category_display_inventory = false;
// alerted flag
var alerted = false;
// flag for a user just hitting the enter key and not unfocusing off a field
var form_checked = false;
// must read terms and disclosures.
var must_read_terms_and_disclosures = false;
// recalculate(style_id) - check each product/style on this page
// called with a quantity on a product/style is changed
// maximum orderable quantity
var max_order_qty = 0;
var out_of_stock_message = '';
var only_display_out_of_stock_with_inventory = false;
function recalculate(style_id, caller)
{
	// get actual qty value
	// var changed = document.forms.cartForm['qty_'+style_id];
	var quantity_element_name = 'qty_' + style_id;
	var elements = document.getElementsByName(quantity_element_name);
	if ( elements.length == 0 ) { return; }
	var changed = elements[0];
	new_value = parseInt(changed.value);
	if ( isNaN(new_value) ) 
	{
		new_value = 0;
	}
	// get minimum qty value
	var total_qty_breaks = 0;
	// do not check total product quantities
	if ( total_qty_breaks )
	{
		form_checked = false;
		check_inventory(style_id);
		return false;
	}
	// minimum and maximum product/style quantities
	var total_qty_min = 24;
	var total_qty_max = 24;
	var min = document.forms.cartForm['min_' + style_id].value;
	if ( total_qty_breaks ) { min = total_qty_min; }
	var min_value = parseInt(min);
	// check current qty against minimum qty
	if ( new_value && new_value < min_value )
	{
		// they need to buy more
		alert("The minimum quantity you must order of this style is "+ min_value +".\nPlease increase the quantity you are ordering for this style to be equal to or greater than this amount before continuing.");
		//document.forms.cartForm['qty_' + style_id].focus();
		return false;
	}
	// get maximum value
	var max = document.forms.cartForm['max_'+ style_id].value;
	var max_value = parseInt(max);
	if (max_value < 0) {
		max_value = 0;
	}
	var enforce_specials_inventory = false;
	// check if qty is > maximum qty	
	if ( new_value && new_value > max_value )
	{
		if ( allowwithoutinventory || enforce_specials_inventory )
		{
			// backordering will still happen as necessary behind the scenes if
			// displayinventory is off, we just don't tell them, because they're
			// not supposed to know.
			if ( enforce_specials_inventory || ( displayinventory && category_display_inventory ) )
			{
				// product/style will be backordered.
				if ( max_value > 0 && !alerted && ( enforcemax || enforce_specials_inventory ) )
				{
					alert("The maximum quantity you are allowed to order of this style is "+ max_value +".\nPlease reduce the quantity you are ordering for this style to be equal to or less than this amount before continuing.");
					document.forms.cartForm['qty_' + style_id].focus();
					form_checked = false;
					return false;
				}
				else if ( max_value <= 0 && document.forms.cartForm['inventory_alert_' + style_id].value == 0  )
				{
					if ( document.forms.cartForm['qty_' + style_id].value > 0 ) {				
						if ( out_of_stock_message ) {
							alert(out_of_stock_message);
						}
						else {
							if ( enforce_specials_inventory )
							{
                                        			alert("The maximum quantity you are allowed to order of this style is "+ max_value +".\nPlease reduce the quantity you are ordering for this style to be equal to or less than this amount before continuing.");
							}
							else if ( only_display_out_of_stock_with_inventory == false && hide_inventory_even_if_shown == 'no' )
							{
								alert("The available inventory in stock for this style is " + max_value + "\nAny pieces ordered over this amount will be placed on backorder.\n\nSelect OK and press the “Add to Cart” button to submit this item.");
							}
							else if ( hide_inventory_even_if_shown == 'no' )
							{
								alert("Items in stock soon. Current not in stock.");
							}
						}
					}
					form_checked = false;
					document.forms.cartForm['inventory_alert_' + style_id].value = 1;
					return true;
				}
			}
			else if ( document.forms.cartForm['inventory_alert_' + style_id].value == 0 )
			{
				form_checked = false;
				document.forms.cartForm['inventory_alert_' + style_id].value = 1;
				return true;
			}
		}
		if (
			enforce_specials_inventory
			||
			(
				! allowwithoutinventory &&
			 	! enforcemax &&
			 	! alerted &&
				category_display_inventory
			)
		)
		{
			alert("The available inventory that can be ordered is "+ max_value +".\nPlease reduce the quantity you are ordering for this style to be equal to or less than this amount before continuing.");
		//	document.forms.cartForm['qty_' + style_id].focus();
			form_checked = false;
			return false;
		}
		else if ( ( enforce_specials_inventory || ( ! allowwithoutinventory ) ) && enforcemax )
		{
			alert("The maximum quantity that can be ordered for this style is "+ max_value +".\nPlease reduce the quantity you are ordering for this style to be equal to or less than this amount before continuing.");
			//document.forms.cartForm['qty_' + style_id].focus();
			form_checked = false;
			return false;
		}
	}
	// now that we've corrected whatever they may have input, put the
	// verified value into the input
	if (new_value == 0) 
	{
		new_value = '';
	}
	changed.value = new_value;
}
/*
 * checkForm()
 */
var special_order_minimum_qty = 0;
var available = -48;
var hide_inventory_even_if_shown = 'no';
var invalid_options = false;
function checkForm()
{
	// check total product quantities in this function
	if ( invalid_options ) {
		alert('Please choose the correct size, color, etc and try again.');
		return false;
	}
	if ( $('#atid_0') && $("#atid_1") )
	{
		if ( $('#atid_0').val() == '' || $('#atid_1').val() == '' || $('#logoid').val() == '' )
		{
			alert('Please choose the correct size, color, etc and try again.');
			return false;
		}
	}
	// add up products/styles
		var total = 0, minqty = 0, max_inventory_total = 0;
		var styles = {};
		var prodoptions = 0;
		for (i = 0; i < document.forms.cartForm.elements.length; i++)
		{
			var name = document.forms.cartForm.elements[i].name;
			var value = document.forms.cartForm.elements[i].value;
			var parts = name.split('_');
			if (/^qty_/.test(name))
			{
				value = parseInt(value);
				if (isNaN(value)) value = 0;
				if ( value != 0 )
				{
					var style_id = parts[1];
					styles[style_id] = value;
				}
				total += value;
			}
			if (/^max_/.test(name) )
			{
				value = parseInt(value);
				if (isNaN(value)) value = 0;
				max_inventory_total += value;
			}
			if(/^prodoption_/.test(name)) {
				if( value != '') {
					prodoptions++;
				}
			}
		}
		// force a qty
		if (total == 0)
		{
			alert("Please enter a quantity to add to the cart.");
			return false;
		}
		var ava = -48;
		if ( special_order_minimum_qty > 0 && total < special_order_minimum_qty && ava == 0 )
		{
			alert('Minimum Qty Not Met');
			return false;
		}
		// todo minimum quantity parsing
		// get minimum value
		var total_qty_breaks = 0;
		var total_qty_min = 24;
		var total_qty_max = 24;
		var inventory_value = max_inventory_total;
		var min, max;
		if (total_qty_breaks) {min = total_qty_min;}
		if ( total_qty_breaks) { max = total_qty_max; }
		// we using total product quantities
		if ( total_qty_breaks )
		{
			// Check for Minimum Quantity
			if (total < min)
			{
				// they need to buy more
				alert("The minimum quantity you must order of this product is "+ min +".\nPlease increase the total quantity you are ordering for this product to be equal to or greater than this amount before continuing.");
				return false;
			}
			// enforcemax, allowwithoutinventory, displayinventory
			if ( total > max && enforcemax )
			{
				alert("The maximum quantity that can be ordered for this product is "+ max +".\nPlease reduce the quantity you are ordering for this style to be equal to or less than this amount before continuing.");
				return false;
			}
			else if ( total > inventory_value && !allowwithoutinventory && category_display_inventory && hide_inventory_even_if_shown == 'no'  )
			{
				alert("The available inventory that can be ordered for this product is " + inventory_value + ".\nPlease reduce the total quantity you are ordering for this product to be equal to or less than this amount before continuing.");
				return false;
			}
		}
	// 	merge in inventory array
	// iterate through this array and check on each minimum maximum value
	if ( ! total_qty_breaks )
	{
		var inventories = new Array();
		inventories[0]=8913315;
		if ( form_checked == true )
		{
			alerted = 1;
		}
		else
		{
			alerted = 0;
		}
		for ( var i = 0; i < inventories.length; i++)
		{
			if ( recalculate(inventories[i], "checkform") == false )
			{
				return false;
			}
		}
	}
	// check maximum orderable quantity.
	if ( max_order_qty > 0 ) {
		if ( total > max_order_qty ) {
			alert('You have exceeded the maximum quantity: ' + max_order_qty  + ' for this product.  Please reduce the quantity your ordering.');
			return false;
		}
	}
	// warn about terms and conditions not being read
	// if this product has terms and conditions.
	if ( must_read_terms_and_disclosures == true ) {
		var termsAndConditionsCheckBox = document.getElementById('read_terms_and_disclosures');
		if ( ! termsAndConditionsCheckBox.checked ) {
			window.alert('You must agree to the terms and check the associated box before you may continue.');
			return false;		
		}
	}
	unHighLightPersonalizations();
	var allRequiredChecked = highLightUnCheckedRequiredPersonalizations()
	if ( ! allRequiredChecked ) {
		alert('Missing required personalizations.  Please fill in required personalizations highlited in red to continue.');
		return false;
	}
		// call system to see if adding to the cart is allowed
	// by the cart rules ( min, max, etc )
	var passed = true;
	var max_purchase_restriction = true;
	var min_purchase_restriction = true;
	if ( max_purchase_restriction || min_purchase_restriction ) {
		$.ajax(
			{
				type: 'POST',
				url: 'cart.i',
				dataType: 'json',
				data: {
					cmd: 'is_cart_items_rules_passed',
					cspid: 5323520,
					qty: total,
					styles: styles,
					ignore: 'minimum'
				},
				success: function(response) {
					//
					if ( response['cartItemsRulesPassed'] == 'false' ) {
						alert(response['cartItemsRulesErrorMessage']);
						passed = false;
					}
				},
				error: function() { alert("Please login before adding to the cart. (Reason: Could not check cart rules.)"); passed = false; },
				complete: function(){},
				async: false
			}
		);
	}
	/*
	// check personalization ranges
	if(prodoptions > 0) {
		$.ajax(
			{
				type: 'POST',
				url:  'cart.i',
				data: {
					cmd: 'personalization_minimum_price_range',
					styles: styles,
					cspid: 5323520 
				},
				success: function(response) {	
					if(response.status != "Success") {
						alert(response['message']);
						passed = false;
					}
				},
				error: function(request, res) {
					passed = true;
				},
				async: false
			}
		);
	}
	*/
	return passed;
}
var personalizationNames = [];
var requiredPersonalizations = {  };
function unHighLightPersonalizations()
{
	for( var i = 0; i < personalizationNames.length; i++ ) {
		var personalizationName = personalizationNames[i];
		highlightPersonalization(personalizationName, '#000000');
	}
}
function highLightUnCheckedRequiredPersonalizations()
{
	var uncheckedRequiredPersonalizations = findUncheckedRequiredPersonlizations();
	var allChecked = true;
	if ( uncheckedRequiredPersonalizations.length > 0 ) {
		allChecked = false;
	}
	for ( var i = 0; i < uncheckedRequiredPersonalizations.length; i++ ) {
		var personalizationFormName = uncheckedRequiredPersonalizations[i];
		highlightPersonalization(personalizationFormName, '#FF0000');		
	}
	return allChecked;
}
function findUncheckedRequiredPersonlizations()
{
	// foreach personalization in this products personalizations
	// if the personalization is required but not checked
	var unCheckedRequiredPersonalizations = new Array();
	for ( var i = 0; i < personalizationNames.length; i++ ) {
		var name = personalizationNames[i];
		if ( requiredPersonalizations[name] ) {
			var elements = document.getElementsByName(name);
			var element = elements[0];
			if ( ! personalizationFilledOut(element) ) {
				unCheckedRequiredPersonalizations.push(name);
			}
		}
	}
	return unCheckedRequiredPersonalizations;
}
function personalizationFilledOut(element)
{
	if ( element.nodeName == 'SELECT' ) {
		var selectedIndex = element.options.selectedIndex;
		if ( selectedIndex == 0 ) {
			return false;
		}
		else {
			return true;
		}
	}
	else {
		if ( element.value == '' ) { 
			return false;
		}
		else {
			return true;
		}
	}
}
function highlightPersonalization(name, color)
{
	var elements = document.getElementsByName(name);
	var element = elements[0];
	element.style.borderColor = color;
}
/*
 * check_inventory(style_id) - check only inventory
 */
function check_inventory(style_id)
{
	// get actual qty value
	var changed = document.forms.cartForm['qty_' + style_id];
	var new_value;
	if ( changed ) {
		new_value = parseInt(changed.value);
	}
	if (isNaN(new_value)) new_value = 0;
	// get maximum inventory qty or maximum qty value
	var max_value = document.forms.cartForm['max_' + style_id].value;
	max_value = parseInt(max_value);
	if ( isNaN(max_value) ) max_value = 0;
	if ( new_value > max_value )
	{
		if ( allowwithoutinventory && document.forms.cartForm['inventory_alert_' + style_id].value == 0  )
		{
			if ( displayinventory && category_display_inventory && hide_inventory_even_if_shown == 'no' )
			{
				alert("The available inventory that can be ordered for this style is " + max_value + ". Any pieces ordered over this amount will be placed on backorder.");
			}
			else
			{
				//alert("You have ordered more than the available inventory for this product. Some pieces will be placed on backorder.");
			}
			form_checked = false;
			document.forms.cartForm['inventory_alert_' + style_id].value = 1;
			return true;
		}
		else if ( !allowwithoutinventory && category_display_inventory )
		{
			alert("The available inventory that can be ordered for this style is "+ max_value +".\nPlease reduce the quantity you are ordering for this style to be equal to or less than this amount before continuing.");
			document.forms.cartForm['qty_'+ style_id].focus();
			form_checked = false;
			return false;
		}
	}
	else
	{
		return true;
	}
}
/*
 * Disable "Enter" key in Form script- By Nurul Fadilah(nurul@REMOVETHISvolmedia.com)
 * This notice must stay intact for use
 * Visit http://www.dynamicdrive.com/ for full source code
 */
function handleEnter (field, event)
{
	var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
	if ( keyCode == 13 ) {
		var i;
		for (i = 0; i < field.form.elements.length; i++)
			if (field == field.form.elements[i])
				break;
		i = (i + 1) % field.form.elements.length;
		alert("Please press the \"Add to Cart\" button to submit this form");
		return false;
	}
	else
	{
		return true;
	}
}
//-->
</script>
<!-- j-query script includes -->
<!-- script src="scripts/jquery/jquery-1.4.4.js" type="text/javascript"></script -->
<!-- script src="scripts/jquery/jquery.expander.js" type="text/javascript"></script -->
<script type="text/javascript">
// options to expandable text regions/area on this page.
//$(document).ready(function() {
         // simple example, using all default options
         //$('div.expandable').expander();  
//});
function popitup(url) {
	newwindow=window.open(url,'name','height=600,width=600');
	if (window.focus) {newwindow.focus()}
	return false;
}
$(document).ready(
	function()
	{
		// make all product logos draggable
		$('.productlogo').draggable(
			{
				cursor: 'move',        // sets the cursor apperance
				containment: '#drg', 
				stop : function(){
					var offset = $(this).offset();
					var xPos = Math.abs(offset.left);
					var yPos = Math.abs(offset.top);
					alert(xPos);
					alert(yPos);
				}
			}
		);
	}
);
</script>
</script>
<div style="font-size: 13px;">
</div>
<table role="presentation" width="100%" role="presentation" border="0" cellspacing="0" cellpadding="5" id="productheader">
		<tr>
			<td style="padding-left:15px;">
				<h1></h1>
<!--
				<div style="font-size:24px; font-weight:bold;" id="category_name"> <h1></h1></div>
-->
			</td>
		</tr>
		<tr>
			<td valign="top">
				<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td width="100%" background="images/headers/headerstretch.jpg">
							<img src="images/shell/transparentPixel.gif" width="1" height="1">
						</td>
						<td valign="top"><img src="images/headers/headerend.jpg"></td>
					</tr>
				</table>
			</td>
		</tr>
</table>
<form action="cart.i" method="post" name="cartForm" id="cartForm" onsubmit="return checkForm();">
<input type="hidden" name="cmd" value="addtocart">
<input type="hidden" name="cspid" value="5323520">
<input type="hidden" name="referer" value="">
<input type="hidden" name="catid" value="14">
<br />
<table width="99%" role="presentation" border="0" cellspacing="0" cellpadding="10" style="margin: 5px;">
	<tr>
	  <td align="center" valign="top">
				<a  style="display: inline-block; font-size: 11px; text-align: center;" role="button" href="#" onclick="getProductGallery(); return false;"><span style="display: inline-block; height: 200px;"><img id="MedImage" alt="Medium Image" style="max-width: 200px; max-height: 200px;" src="https://media.epromo.com/media/83906/companystores/928745282011/prodimages/DPP-4151.jpg?0.18341668704258" alt="" border="0"></span><br /><img width="15" height="15" border="0" align="middle" alt="" src="images/icons/magnify.gif" alt="View Large Image">View Large Image</a>
			<!-- <span class="bodytext"><a href="#" onclick="return popitup('https://media.epromo.com/media/83906/companystores/928745282011/prodimages/DPP-4151_big.jpg')">View Large Image</a></span> <br /> -->
			<br />
            <br />
			SKU: DPP-4151
		</td>
		<td valign="top"  id="prod-grad-back">
		<!-- ok this table column contains both sections below close up the space between the lower and upper sections -->
		<div id="product_productwrapper" style="width: 100%; display: inline-block;">
			<span role="heading" style="font-size: 20px; color: #000; font-weight: bold;" id="product_productname">Marka Copper Vac Tumbler With SS Straw 20 oz.</span><br />
            <!--
			<b id="product_productsku">SKU: DPP-4151</b><br /><br />
            -->
			<div style="color: red; font-size: 1.3em;"></div>
			<span class="bodytext" id="product_productdescription"><div class="expandable">Minimum quantity: 24</div></span>
			<br />
			<div class="bodytext">Product Notes: Minimum quantity: 24 </div>
		</div>
		<div style="max-width: 600px; overflow-x: auto;">
		<!-- add product_tablecell to all of this tables rows -->
		<table role="presentation" border="0" cellpadding="0" cellspacing="0" class="tablecell2">
		<tr>
			<td id="product_tablecell">
			<table border="0" role="presentation" cellpadding="0" cellspacing="0" width="100%" class="tablecell">
			<tr>
				<td colspan="2" align="left" role="presentation" id="product_tablecell">
					<table  role="presentation">
						<tr>
							<td>
								<br />
				<table
					cellspacing="0"
					cellpadding="3"
					border="0"
					role="presentation"
					class="tablecell"
					style="border: 1px solid black;">
						<tr class="th2" id="product_tablecell">
							<visible_pricing_header>
							<th align="left" id="product_tablecell">Quantity</th>
							<th align="left" id="product_tablecell"><pricing_price_header>Price</pricing_price_header></th>
							</visible_pricing_header>
						</tr>
			<tr style="background-color: white;">
				<td align="left" id="product_tablecell">24 or more</td>
				<td align="left" id="product_tablecell"><span id="product_productpricesmall">
                 $19.00 </span></td>
			        </tr>
					<tr>
						<td class="td3" align="center"  valign="top" colspan="3" id="product_tablecell">
							<div style="float: left;" id="product_tablecell">Quantity: </div> &nbsp;
							<input
								class="i3"
								type="text"
								name="qty_8913315"
								onkeypress="return handleEnter(this, event);" 
								onblur="return recalculate(8913315,'qty_field');" 
								style="width:35px !important;"
								value="" />
							<input type="hidden" name="max_8913315" value="-48" />
							<input type="hidden" name="min_8913315" value="24" />
							<input type="hidden" name="inventory_alert_8913315" value="0" />
						</td>
					</tr>
				</table>
							</td>
							<td>
								&nbsp;
								<products_in_package>
								<div style="margin-left: 20px;">
								</div>
								</products_in_package>
							</td>
						</tr>
					</table>
				</td>
			</tr>
<script type="text/javascript">
    function handleImageChange(element) {
        var name = element.getAttribute('name');
        var personalize_id = name;
        var regex = /^prodoption_([0-9]+)_/i;
        personalize_id = personalize_id.replace(regex, "");
        var value = element.value;
        $.ajax(
            {
                type: 'POST',
                url: 'cart.i',
                dataType: 'json',
                data: {
                    cmd: 'get_personlization_option_image',
                    personalize_id: personalize_id,
                    personalize_name: value
                },
                success: function(response) {
                    if(response.status == 'Success') {
                        $('#MedImage').attr('src', response.src);
                    } else {
                        console.log(response.message);
                    }
                },
                error: function() { console.log("Error finding personalization image"); },
                complete: function(){},
                async: false
            }
        );
    }
</script>
		</table>
			</td>
		</tr>
	</table>
	</div>
	<table  role="presentation"  border="0" cellpadding="0" cellspacing="0" width="100%">
		<tr>
			<td valign="top" class="bodytext" colspan="3" id="product_tablecell">
					<br />
					<div>
					</div>
						<input type="submit" id="product_formbutton" class="product_formbutton" value="Add To Cart"/>
				<br />
				<b><i>* The information you submit will be added to your shopping cart and displayed for your approval before checkout.</i></b>
			</td>
		</tr>
	</table>
	</td>
	</tr>
</table>
</form>
<div id="productGalleryContainer" style="display: none">
	<ul class="product-gallery">
	</ul>
</div>
<script language="javascript">	
	var galleryLoaded = false;
	var primay_image_order = 0;
	var imagepath = 'https://media.epromo.com/media/83906/companystores/928745282011/prodimages/DPP-4151/';
        $(document).ready(
                function(){
                     $('body').append('<div id="Overlay" class="ui-widget-shadow" style="display: none;"></div>');
                }
        );	
	//adjust image scroller width;
	var imgScrollerWidth = 100;
	var imageCount = 0;
	$('#ts2 div.jTscroller a').each(function(){
		imgScrollerWidth += 50;
		imageCount++;
	});
	$('#ts2 div.jTscrollerContainer').css('width',imgScrollerWidth +'px');
	function getProductGallery()
	{
		var url = 'product.i?cmd=get_product_gallery&cspid=5323520';
		$('body').append('<div id="Modal"></div>');
		console.log(product_gallery_width);
		console.log(product_gallery_height);
		if(has_product_gallery_dimensions == 'true') {
			$('#Modal').html('<iframe style="overflow: hidden;" scrolling="no" allowtransparency="true" width="' + product_gallery_width + '" height="' + product_gallery_height + '" frameborder="0" src="' + url + '"></iframe>');
		}
		else {
			$('#Modal').html('<iframe style="overflow: hidden;" scrolling="no" allowtransparency="true" width="500" height="600" frameborder="0" src="' + url + '"></iframe>');
		}
		$('#Overlay').css('display', 'block');
		$('#Overlay').click(function(){
			hideProductImageGallery();
		});
		$('#Modal').css('z-index', 1000);
	}
	function hideProductImageGallery(){
		$('#Modal').remove();
		$('#Overlay').css('display', 'none');
	}
	function changeMedImage(linkObj){
		var image_name = $(linkObj).attr('imgname');
		$('#MedImage').attr('src', imagepath + image_name + '.jpg');
		ImageOrder = $(linkObj).attr('listorder');
	}
	function showLogoPlacements()
	{
		var form 	= document.forms.cartForm;
		var index 	= form['pmid'].selectedIndex;
		var pmid 	= form['pmid'].options[index].value;
	}
	//set thumbscroller controls
	var jTscroller = $('#ts2 div.jTscroller');
	var left = 0;
	var startingLeft = left;
	var scrollpix = startingLeft
	var clickCount = 0;
	var ImageOrder = primay_image_order;
	function clickScrollerNextBtn(){
		if(clickCount < imageCount){
			scrollpix += -40;
			$('#ts2 div.jTscroller').css('left', scrollpix + 'px');
			clickCount += 1;
			if(clickCount > imageCount){clickCount = imageCount;}
		}
		//advance Image
		ImageOrder++;
		if(ImageOrder <  imageCount){
			var linkObj = $('#ts2').find('a[listorder="' + ImageOrder + '"]');
			changeMedImage(linkObj);
		}else{
			ImageOrder = imageCount;
		}
	}
	function clickScrollerPrevBtn(){
		if(clickCount > 0){
			scrollpix += 40;
			$('#ts2 div.jTscroller').css('left', scrollpix + 'px');
			clickCount -= 1;
			if(clickCount < 0){clickCount = 0;}
		}
		ImageOrder--;
		if(ImageOrder >=  0){
			var linkObj = $('#ts2').find('a[listorder="' + ImageOrder + '"]');
			changeMedImage(linkObj);
		}else{
			ImageOrder = 0;
		}
	}
	var has_product_gallery_dimensions = '';
	var product_gallery_width         = '438';
	var product_gallery_height        = '1116';
</script>
        </div>
      <div style="clear:both"></div>
    </div>
    <div class="footer">&copy; <script type="text/javascript">document.write(new Date().getFullYear());</script> Flexco Floors. All Rights Reserved. Website designed by <a href="http://www.discountprintedpromos.com" style="color:#000" target="_blank">Discount Printed Promos</a></div>
</div>
</body>
</html>
