/* Jon's hovering forms
-----------------------------*/

/* the slider */

div#slider {
 position: absolute;
 top: 0;
 left: 5%;
 height: 371px;
 width: 370px;
 background: url(/images/BonusDropdown.gif) no-repeat top left;
 }
#fname, #lname, #eml {
 margin: 0 0 3px 0;
 padding: 0;
 width: 130px;
 }
#optin label {
 font-size: 9px;
 line-height: 14px;
 }
#slider a, #slider a:link, #slider a:visited {
 color: #999;
 background: transparent;
 }
#slider a:hover, #slider a:active {
 color: #ccc;
 background: transparent;
 }
#optin fieldset {
 padding: 145px 0 0 203px;
 border: 0;
 }
input#sendme {
 margin: 3px 0 0 198px; /* wanted 5px top margin but IE with its gargantuan input fields... sigh, 3 it is */
 }
#close, #shut { /* #shut is part if upseller commented out below */
 text-align: right;
 padding: 12px 25px 0 0;
 font-size: 9px;
}

/* the upseller 
 ### commented out, not in use

#upsell {
position:absolute;
height:285px;
width:257px;
background:url(/images/EmailUpSell.gif) no-repeat top left;
z-index:2;
display:none;
top:0px;
left:0px;
}
#continue {
position:relative;
padding:215px 0 0 60px;
}
#upsell a, #upsell a:link, #upsell a:visited {
color:#999;
background:transparent;
border:0;
}
#upsell a:hover, #upsell a:active {
color:#ccc;
background:transparent;
}
#upsell img {
border:0;
}
#shut {
position:relative;
}

 ### end of upseller css 
 */

/* the ThankYou, which drops in after our guest hits submit */

#thanksmessage {
 position: absolute;
 top: 100px;
 left: 7%;
 background: url(/images/thankyoudrop.jpg) no-repeat;
 width: 200px;
 height: 100px;
 }