<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<title>Unsubscribe</title>
<style type="text/css">
#main {
    background: rgb(208,228,247);
    background: -moz-linear-gradient(top, rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%);
    background: -webkit-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%);
    background: linear-gradient(to bottom, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 );
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:1px solid #000000;
    -webkit-box-shadow: #B3B3B3 8px 8px 8px;
    -moz-box-shadow: #B3B3B3 8px 8px 8px;
    box-shadow: #B3B3B3 8px 8px 8px;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    font-size: 14pt;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    text-rendering: optimizeLegibility;
    padding: 5px 15px 5px 15px;

}
.body {
    color:white;
    text-align: center;
    display:block;
    padding: 3px;
    font-size: 14pt;
    text-shadow:1px 1px 1px #111111;
}
.heading {
    color:#333333;
    text-align: center;
    display: block;
    padding: 5px;
    font-size: 16pt;
    text-shadow:1px 2px 2px #DDDDDD;
}
fieldset {
    color:#333333;
    text-shadow:1px 2px 2px #DDDDDD;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #000000;
    background: rgb(206,220,231);
    background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
    background: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
}
#email {
    font-size: 14pt;
}
#reason {
    font-size: 12pt;
    width: 450px;
}
#reasonother {
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    text-rendering: optimizeLegibility;
    width: 450px;
}
input:required:invalid, input:focus:invalid {
    border-color: #A6D8FF;
}
textarea:required:invalid, input:focus:invalid {
    border-width:2px;
    border-color: #A6D8FF;
}
select {
    border-width: 2px;
    border-color: #A6D8FF;
}
.unsubbutton {
        -moz-box-shadow:inset 2px 2px 3px 0px #dcecfb;
        -webkit-box-shadow:inset 2px 2px 3px 0px #dcecfb;
        box-shadow:inset 2px 2px 3px 0px #dcecfb;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
        background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
        background-color:#bddbfa;
        -webkit-border-top-left-radius:5px;
        -moz-border-radius-topleft:5px;
        border-top-left-radius:5px;
        -webkit-border-top-right-radius:5px;
        -moz-border-radius-topright:5px;
        border-top-right-radius:5px;
        -webkit-border-bottom-right-radius:5px;
        -moz-border-radius-bottomright:5px;
        border-bottom-right-radius:5px;
        -webkit-border-bottom-left-radius:5px;
        -moz-border-radius-bottomleft:5px;
        border-bottom-left-radius:5px;
        text-indent:0;
        border:1px solid #84bbf3;
        display:inline-block;
        color:#ffffff;
        font-family:Arial;
        font-size:15px;
        font-weight:bold;
        font-style:normal;
        height:35px;
        line-height:35px;
        width:110px;
        text-decoration:none;
        text-align:center;
        text-shadow:1px 1px 0px #528ecc;
}
.unsubbutton:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa) );
        background:-moz-linear-gradient( center top, #80b5ea 5%, #bddbfa 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa');
        background-color:#80b5ea;
}
.unsubbutton:active {
        position:relative;
        top:1px;
}
</style>
</head>
<body>
<form method="post">
<div id="main">
<span class="heading">If you have received e-mail from us, it is because your e-mail address is currently on our newsletter list.</span>
<span class="body">Our records indicate that you have requested information from one of our partners or affiliates.  By entering your email address in the box below we will promptly remove you from our lists and you will no longer receive emails from us.</span>
<br>
<fieldset>
    Please enter your e-mail address: <input type="email" id="email" name="email" required placeholder="your@example.com"><br /><br>
    And let us know why you wish to unsubscribe:<br><select size="1" id="reason" name="reason">
        <option value="">----</option>
        <option>I experienced a technical problem viewing the e-mails</option>
        <option>I did not find the content to be relevant</option>
        <option>E-mails were sent too frequently</option>
        <option>E-mails were not sent frequently enough to meet my needs</option>
        <option>I am not involved in the purchasing process</option>
        <option value="Other">Other (please explain below)</option>
    </select><br><br>
    <textarea id="reasonother" name="reasonother" cols="40" rows="5" placeholder="Your comments here."></textarea><br><br>
    <input class="unsubbutton" type="submit" value="Unsubscribe">
</fieldset><br>
</div>
</form>
</body>
</html>
