/* CSS Document */

body, td { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.borders { width: 436px; border: 1px solid #CCCCCC; padding: 1px; margin: 0px auto 8px auto;  background: #FFFFFF;  }
.tylenol_head { text-indent: -9999px; background: #981717 url(images/tylenol-logo.gif) 24px 0px no-repeat; height: 62px; margin: 0px; padding: 0px; }
.yellowcontentbox { background: #FFF6E6 url(images/yellowfade.gif) 0px 0px repeat-x; margin: 0px; padding: 0px;  }
* html .yellowcontentbox { height: 1%; }
p { padding: 10px 17px 0px 22px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; margin: 0px; }
p a{ color: #981717; }

a.arrowlink { display: block; background: url(images/arrow.gif) left 0.4em no-repeat; padding: 0px 0px 0px 8px;  }

.footerarea { width: 436px; margin: 0px auto; }
.footerleft { float: left; width: 215px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
.footerright { float: left; width: 221px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; text-align: right; }
.footerright a { color: #333333; }

.clear { clear: both; margin: 0px; padding: 0px; }

form { margin: 0px; padding: 0px; }
h1 {margin: 0px; padding: 0px; }
h3 {margin: 0px; padding: 0px; }

.labelerr { color: #FF0000 }
/* Styles for the index page only */
.promo_image { text-indent: -9999px; background: #FFFFFF url(images/promo_index.jpg) 0px 0px no-repeat; height: 157px; }

.row { clear: both; padding-top: 10px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.row .label { float: left; width: 170px; text-align: right; }
.row .labelerr { float: left; width: 170px; text-align: right; color: #FF0000 }
.row .formw { float: right; width: 255px; text-align: left; } 
.optin { margin: 0px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; text-align: center; } 

.getcoupon { width: 262px; height: 45px; display: block; margin: 10px auto 0px auto; padding: 0px 0px 10px 0px; background: url(images/getcoupon_button.gif) no-repeat; text-indent: -9999px; }


/* Styles for thanks page */
.thanks_image { text-indent: -9999px; background: #FFFFFF url(images/thanks_image.jpg) 0px 0px no-repeat; height: 157px;  }


/* Styles for sorry page */
.sorry_image { text-indent: -9999px; background: #FFFFFF url(images/sorry_image.jpg) 0px 0px no-repeat; height: 157px;  }


/* Styles for coupon page */
.couponbox { background: #FFF6E6 url(images/yellowfade.gif) 0px 159px repeat-x; margin: 0px; padding: 0px;  }
.printcoupon { width: 390px; height: 45px; display: block; margin: 0px auto; padding-top: 0px; background: url(images/print_button.gif) no-repeat; text-indent: -9999px; }

/* start footer stuff */
#footerclear {  width: 100%; height: 1px; font-size: 1px; }
#footer {  margin:0 auto; width: 440px; border: solid #CCCCCC 1px; background: #FFFFFF; padding: 1px; }
#insidefoot { background:  #910708; padding: 5px; }
#asktylenol { width: 160px; vertical-align: top; }
#asktylenolbutton { position: relative; top: 2px; }
#footcopy { font-size: 9px; color: #666666; width: 690px; padding: 3px 5px 0px 5px;  margin:0 auto; }
#copyright {  position: relative;  } 
#privacy { position: relative; top: 0px; text-align: right; }
#privacy a { color: #666666; text-decoration: none; }
#privacy a:hover { text-decoration: underline; }
#copyright a { color: #666666; text-decoration: none; }
#copyright a:hover { text-decoration: underline; }