/* CSS Document */
html, * , body {padding: 0; margin: 0; color: #535353;}
p {margin: 0 0 10px;}
a {color: #003399;}
body {background: url(images/savings-background.gif) repeat; margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#container {width: 767px; background: url(images/container-background.gif) repeat-y; margin: 0 auto; padding: 0 0 25px; text-align: left;}
body#coupon #container {width: 579px; background: url(images/container-background-coupon.gif) repeat-y; margin-bottom: 0; padding-bottom: 0;}
body#coupon #header {width: 574px;}
#header {position: relative; background: url(images/header-background.jpg) repeat-x; width: 762px; margin-left: 2px; height: 365px;}
body#survey #header, body#thanks #header {background-image: url(images/header-background2.jpg); height: 243px;}
body#coupon #header {background-image: url(images/header-background3.gif); height: 243px;}
#logo {position: absolute; top: 18px; left: 28px; width: 130px; height: 62px; background: url(media/Pataday-logo.gif) no-repeat;}
.logo-print {display: none;}
body#coupon #logo {top: 13px;}
#header-image {position: absolute; top: 0; right: 0; width: 291px; height: 279px; background: url(media/nav-flowers.jpg) no-repeat;}
#logo span, #title-bar span, #nav span, #form button span, #alcon-logo a span, #safety-info p.patanol, body#coupon #bottle, body#thanks #nav span a span {display: none;}
body#survey #header-image, body#thanks #header-image {width: 197px; height: 128px; top: 65px; background-image: url(media/nav-Van-Gogh.jpg);}
body#coupon #header-image {right: 20px; width: 169px; height: 171px; background-image: url(media/nav-coupon.jpg); top: 66px;}
.Print-banner {display: none;}
#title-bar {width: 419px; height: 57px; position: absolute; top: 118px; left: 36px; background: url(media/title-steps-away.gif) no-repeat;}
body#survey #title-bar {top: 123px; background-image: url(media/title-relief-is-in-sight.gif); width: 201px; height: 31px;}
body#thanks #title-bar {top: 123px; background-image: url(media/title-spring-is-in-the-air.gif); width: 414px; height: 31px;}
body#coupon #title-bar {top: 86px; background-image: url(media/title-ready-to-save.gif); width: 316px; height: 133px; left: 58px;}
.coupon-print {display: none;}
#header #content {padding: 230px 36px 20px;}
#header #content p {width: 375px;}
#nav {position: absolute; top: 347px; height: 18px; width: 731px; margin-right: 33px; background: url(media/nav-step1.gif) no-repeat right;}
body#survey #nav {top: 225px; background-image: url(media/nav-step2.gif);}
body#thanks #nav {top: 225px; background-image: url(media/nav-print.gif);}
body#thanks #nav a {display: block; width: 80px; height: 15px; float: right;}
body#thanks h1 {width: 295px; font-size: 16px; color: #333333;}
#form {width: 695px; margin-left: 36px; padding-top: 15px; background: url(media/dotted-line-orange.gif) no-repeat 5px 2px; position: relative;}
body#coupon #form {margin-left: 79px; width: 398px; background: none;}
body#survey #form { height: 390px;}
body#survey #form input {margin: 0 5px; padding: 0; vertical-align: middle;}
#form #column1 {width: 330px;}
#form #column2 {position: absolute; width: 300px; top: 15px; left: 360px;}
body#thanks #column1, body#thanks #column2 {padding-top: 20px; height: 125px;}
body#thanks #column2 a {font-size: 12px; color: #006699; text-decoration: none;}
body#thanks #column2 a:hover {text-decoration: underline;}
body#coupon #column1 {width: 220px; font-size: 14px;}
body#coupon #column2 {width: 170px; left: 230px; font-size: 14px; margin-top: 20px;}
body#coupon label {font-size: 11px;}
#used-yes, #used-no {padding: 0; margin: 5px 1px -2px 0;}
#used-no {margin-left: 10px;}
#question1, #question2, #question3, #question4 {padding-left: 30px; text-indent: 0; clear: both;}
#question1 {background: url(media/survey-number1.gif) no-repeat 0 3px; height: 65px;}
#question2 {background: url(media/survey-number2.gif) no-repeat 0 3px; height: 70px;}
#question3 {background: url(media/survey-number3.gif) no-repeat 0 3px; height: 65px;}
#question4 {background: url(media/survey-number4.gif) no-repeat 0 3px; height: 65px;}
.responses {text-indent: 0; margin: 5px 0;}
.responses input {float: left;}
.responses label {float: left; margin: 3px 10px 3px 0;}
.responses label.long {width: 260px;}
.responses label.med {width: 230px;}
.responses label.last {margin-right: -3px;}
.clear {clear: both;}
body#offer #form table input {width: 155px;}
body#offer #form table td {background: url(images/asterisk.gif) no-repeat 0 5px; padding: 3px 0 0 7px;}
.required {font-size: 10px; color: #ff3300; background: url(images/asterisk.gif) no-repeat 0 5px; padding: 4px 0 0 7px;}
.requiredOrange {font-size: 10px; color: #ff3300; background: url(images/asterisk.gif) no-repeat 0 5px; padding: 4px 0 0 7px; margin-left: 45px;}
body#survey .required {color: #535353; clear: both;}
#continue {width: 260px; height: 150px; position: absolute; top: 300px; left: 405px;}
#opt-in {position: absolute; left: 440px; width: 275px; font-size: 11px;}
#form button {width: 115px; height: 32px; background: url(media/button-continue.gif) no-repeat; border: 0; float: right; margin: 50px 0 0 0;}
input.opt-in {float: left; padding: 0; margin: 0 5px 15px 0;}
#footer {background: url(images/divider.gif) no-repeat 25px 0; padding-top: 15px; position: relative; font-size: 11px; margin-top: 40px; clear: both;}
body#coupon #footer {background-image: none; background-color: #f5f7f5; width: 574px; margin-left: 2px;}
#bottle {width: 136px; height: 149px; background: url(media/pataday-box-bottle.jpg) no-repeat; position: absolute; left: 40px; top: 30px;}
body#survey #bottle {top: 30px;}
#safety-info, #other-info {margin-left: 180px; width: 550px;}
body#survey #safety-info {margin-left: 180px; width: 550px;}
body#coupon #safety-info {width: 500px; margin: 5px 45px 15px 30px;}
.olopatadine {margin: 20px 0; font-size: 9px;}
body#survey #safety-info p.olopatadine {margin-left: 125px; width: 550px;}
body#survey #safety-info p.patanol {display: block; width: 550px;}
body#coupon #other-info {margin: 0; width: 574px; padding: 25px 0 5px; background: #e6ebe6 url(media/corner-flowers.jpg) bottom right no-repeat;}
body#coupon p.olopatadine {margin: 0 0 10px 30px; width: 330px;}
#copyright {font-size: 9px; width: 445px;}
bdoy#coupon #copyright {margin-left: 138px; width: 295px;}
body#survey #safety-info #copyright {width: 295px;}
#alcon-logo {float: left; width: 90px; text-align: left; margin-right: 15px;}
#alcon-logo a {width: 90px; height: 21px; display: block; background: url(media/Alcon-logo.gif) no-repeat; margin-bottom: 15px;}
.alcon-logo-print {display: none;}
body#coupon #alcon-logo {margin-left: 30px;}
body#coupon #alcon-logo a {background-image: url(media/Alcon-logo-coupon.gif);}
.error{ margin: 10px 0 20px 40px; font-weight:bold; font-size:14px; color:#FF0000}
#printButton {float:right; margin: 20px 20px 0 0}