<style type="text/css"><!--
#mc_embed_signup form {margin: auto; display:block; width:480px; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}
<div id="mc_embed_signup">
<form id="subscribe-form" method="get" action="//mellanni.us14.list-manage.com/subscribe/post-json?u=6c48221cda3f7cf1c49340c6f&amp;id=2aa74f6017">
<div id="mc_embed_signup_scroll">
<h3>Mellanni Lifetime Warranty</h3>
<h4>Please fill out the form below to complete your Warranty Registration:</h4>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group"><label for="mce-EMAIL">Email Address <span class="asterisk">*</span> </label> <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" /></div>
<div class="mc-field-group"><label for="mce-FNAME">First Name </label> <input type="text" value="" name="FNAME" class="" id="mce-FNAME" /></div>
<div class="mc-field-group"><label for="mce-MMERGE2">Mellanni Order Number </label> <input type="text" value="" name="MMERGE2" class="" id="mce-MMERGE2" /></div>
<div class="mc-field-group input-group"><strong>Join Mellanni VIP Club </strong><input type="checkbox" value="1" name="group[3785][1]" id="mce-group[3785][1]" checked="checked" /><label for="mce-group group[3785][1]">Yes</label>
<p>Join Mellanni VIP Club for coupons, exclusive discounts and free products.</p>
<div id="message-responses" class="clear"></div>
<div id="subscribe-result"></div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_6c48221cda3f7cf1c49340c6f_2aa74f6017" tabindex="-1" value="" /></div>
<div class="clear"><input type="submit" value="Submit" name="subscribe" class="button" id="mc-embedded-subscribe" /></div>
<div id="myModal" class="modal"><!-- Modal content -->
<div class="modal-content">
<div class="modal-top"><span class="close">×</span> <span></span></div>
<div id="content_text"></div>
<style type="text/css"><!--
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 6px 10px 20px 10px;
border: 1px solid #888;
width: 450px; /* Could be more or less, depending on screen size */

.modal-content .modal-top {
padding-bottom: 5px;
border-bottom: 1px solid #bbb;
height: 25px;

#content_text {
margin-top: 15px;
text-align: center;
/* The Close Button */
.close {
color: #aaa;
float: right;
font-size: 20px;
font-weight: bold;

.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
--></style><script src="//code.jquery.com/jquery-1.11.3.min.js"></script><script type="text/javascript">// <![CDATA[
ajaxMailChimpForm($("#subscribe-form"), $("#subscribe-result"));
function ajaxMailChimpForm($form, $resultElement){
// Hijack the submission. We'll submit the form manually.
$form.submit(function(e) {
if (!isValidEmail($form)) {
var error = "A valid email address must be provided.";
$resultElement.css("color", "red");
} else {
$resultElement.css("color", "black");
submitSubscribeForm($form, $resultElement);
// Validate the email address in the form
function isValidEmail($form) {
// If email is empty, show error message.
// contains just one @
var email = $form.find("input[type='email']").val();
if (!email || !email.length) {
return false;
} else if (email.indexOf("@") == -1) {
return false;
return true;

var modal = document.getElementById('myModal');

var content = document.getElementById("content_text");

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";

function submitSubscribeForm($form, $resultElement) {
type: "GET",
url: $form.attr("action"),
data: $form.serialize(),
cache: false,
dataType: "jsonp",
jsonp: "c", // trigger MailChimp to return a JSONP response
contentType: "application/json; charset=utf-8",
error: function(error){
// According to jquery docs, this is never called for cross-domain JSONP requests
success: function(data){
if (data.result != "success") {
var message = data.msg || "Sorry. Unable to subscribe. Please try again later.";
if (data.msg && data.msg.indexOf("already subscribed") >= 0) {
message = "Thank you for registering. Please check your email";
$("#myModal #content_text").text(message);
$("#myModal").css("display", "block");
} else {
$("#message-responses").text("Almost finished... We need to confirm your email address. To complete the subscription process, please click the link in the email we just sent you.");
$("#message-responses").css("color", "#529214");
// ]]></script>


Sold Out