@charset "utf-8";
/* CSS Document */
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, 				
blockquote, th, td { margin:0; padding:0; border:0; outline:0; font-size: 100%; vertical-align:baseline; background: transparent; }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
q:before, q:after { content:''}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline: none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
/* End all resets */			

/* TYPOGRAPHY */
body { font-family: "Lucida Grande", Arial, sans-serif; font-size: 12px; color: #0174DF; }
label { display: inline; position: relative; top: 4px; width: 160px; background: none; float: left; }
.formblock1 label { width: 110px; }
.formblock1, .formblock2 { text-align: left; padding: 10px 0 0 10px; }
.formblock1 p, .formblock2 p { text-transform: uppercase; height: 20px; font-weight: bold; }
.submit p { font-size: 10px; line-height: 14px; margin: 2px 0 0 24px; }
.unsub p { line-height: 18px }
a:link, a:visited { text-decoration: none; color: #043c89; font-weight: bold; }
a:hover { text-decoration: underline; color: #0099FF; }


/* LAYOUT */
body { background: url(../images/background.jpg) no-repeat top center; text-align: center; vertical-align: top; margin: 0px; padding: 0px; }
.wrapper { margin: 0 auto 0 auto; padding: 0px; }
.offerwrapper { height: auto; width: auto; margin: 0 auto 0 auto; background: url(../images/offerbkg.jpg) no-repeat top center; }
.unsub_wrapper { height: auto; width: auto; margin: 0 auto 0 auto; background: url(../images/unsubbkg.jpg) no-repeat top center; }
.unsub_box { height: 700px; width: 700px; margin: 0 auto 0 auto; padding-top: 200px; background: none; }
.unsub { height: 250px; width: 650px; padding: 30px 30px; background: white; border-width: 2px 1px 1px 2px; border-color: #999999 #CCCCCC #CCCCCC #999999; border-style: solid; text-align: left; }
.container { background: none; height: auto; width: 980px; margin: 0 auto 0 auto; }
#formBox { width: 980px; margin: 380px 0 0 0; }
.formblock1 { background: none; width: 270px; height: 550px; float: left; }
.formblock2 { background: none; width: 300px; height: 550px; float: left; }
.line { width: 270px; height: 20px; border-top: 1px dotted #cccccc; padding: 5px 0 8px 0; }
.line2 { width: 291px; height: 20px; border-top: 1px dotted #cccccc; padding: 5px 0 8px 0; }
.text1 { border: 1px solid #666666; background: url(../images/textbox.gif) no-repeat top left; width: 125px; height: 17px; position: relative; left: 0px; padding: 3px 3px; }
.text2 { border: 1px solid #666666; background: url(../images/textbox.gif) no-repeat top left; width: 121px; height: 17px; position: relative; left: 0px; padding: 3px 3px; }
.text3 { border: 1px solid #666666; background: url(../images/textbox.gif) no-repeat top left; width: 175px; height: 17px; position: relative; left: -40px; padding: 3px 3px; }
.select1 { border: 1px solid #666666; width: 132px; height: 25px; background: #eaeaea; position: relative; left: 1px; padding: 3px 4px;}
.select2 { border: 1px solid #666666; width: 128px; height: 25px; background: #eaeaea; position: relative; left: 1px; padding: 3px 4px; }
.twochar { border: 1px solid #666666; width: 49px; height: 25px; background: #eaeaea; position: relative; left: 1px; padding: 3px 0; float:left; display:inline; margin: 0 2px 0 0;}
.fourchar { border: 1px solid #666666; width: 54px; height: 25px; background: #eaeaea; position: relative; left: 1px; padding: 3px 0; float:left; display:inline; margin: 0 2px 0 0;}
.submit { position: relative; background: none; width: 570px; padding: 0 0 0 8px; text-align: left; margin: 0 380px 0 0; float: left; }
.checkbox { position: absolute; left: 10px;}
.button { height: 57px; width: 204px; display: block; border: 1px solid white; margin-top: 13px; cursor: pointer; }
.button2 { height: 30px; width: 140px; background: green; border: 1px solid #CCCCCC; color: white; font-size: 16px; margin-top: 13px; padding-bottom: 3px; margin-top: 15px; }
.button2:hover { background: #D0F5A9; color: green; border: 1px solid green; }

.footer {text-align: center; width: 960px; margin: 0 auto 10px auto; padding: 4px; font-size: 10px; }

.arrows1 { height: 90px; width: 675px; margin: 0 auto 0 auto; padding-top: 300px;}
.arrows { height: 90px; width: 600px; margin: 20px auto 0 auto; }
.offer { height: 479px; width: 600px; margin: 0 auto 0 auto; border: 1px solid silver; background: white }

#btn-submit { float: left; display: inline; margin: 5px 0; }
#secure { float: left; display: inline; margin: 1px 0 0 49px; padding-bottom: 15px; }


/* IE6 Hacks and adjustments */
* html .formblock2 label { width: 158px }
* html .formblock1 label { width: 110px }
* html .submit { margin-right: 150px; }