/* global */
body {text-align: center; margin: 0; padding: 0; font-family: verdana, arial, sans-serif;}
div#page {width: 1000px; height: 1800px; background: #fff url("/promo/thomaswellnesswatch/images/bgPage_1000x1800.jpg") no-repeat; margin: 0 auto; padding: 60px 0 0 0; text-align: center; position: relative;}
div#pageIFrame {width: 698px; height: 1247px; margin: 0 auto; text-align: center; position: relative;}
img#logo {margin: 0 auto; text-align: center; position: absolute; left: 437px; top: 20px;}

/* quiz questions page */
div#container {width: 698px; height: 940px; background: #ffeea8 url("/promo/thomaswellnesswatch/images/bgQuiz_698x940.jpg") no-repeat; margin: 0 auto; text-align: center;}
div#content {width: 621px; height: 411px; background: transparent url("/promo/thomaswellnesswatch/images/bqQuizQuestions_621x477.jpg") no-repeat; margin: 0 auto; text-align: left;}
img#submit {text-align: left; padding: 25px 0 0 40px;}
div#quizErrors {font-size: 10px;}
div#onPageResults {display: none;}
div.qpWrapperInt {padding-top: 20px;}
div.questionWrapper {font-family: georgia, times, serif; color: #591f00; font-size: 11px; width: 40%; height: 140px; float: left; padding-left: 40px;}
div.pollQuestionNum {font-family: verdana, arial, sans-serif; color: #f47b20; font-size: 11px; font-weight: bold; margin-bottom: 2px}
div.pollQuestionText {margin-bottom: 5px;}
div.pollAnswer input {margin: 0; padding: 0;}
input.QPsubmit {padding-top: 10px;}

/* quiz results page */
/* div#containerResults {width: 698px; height: 686px; background: #ffeea8 url("/promo/thomaswellnesswatch/images/bgResults_698x686.png") no-repeat; margin: 0 auto; text-align: left;} */
div#containerResults {width: 698px; margin: 0 auto; text-align: left;}
img#submitResults {text-align: left; padding: 410px 0 0 40px;}
img#headerScore {margin: 90px 0 0 70px;}
div.answerWrapper {display: none;}
div#hardcodedAnswers {position: absolute; top: 280px; left: 570px; width: 200px; height: 180px; overflow: auto;}
div.questionWrap {margin-bottom: 10px;}
div.questionWrap p {font-family: georgia, times, serif; color: #591f00; font-size: 11px; font-weight: normal; margin: 0 0 2px 0;}
div.questionWrap p.question {font-weight: bold;}
div.questionWrap p.correctAnswer {color: #f47b20;}
img#enterSweep {position: absolute; top: 655px; left: 200px;}
h3#qpScore {color: #fff; position: absolute; top: 164px; left: 605px; margin: 0; padding: 0; font-size: 30px; font-family: georgia, times, serif;}

/* sweep page */
div#containerSweep {width: 698px; height: 1247px; background: #ffeea8 url("/promo/thomaswellnesswatch/images/bgSweeps_698x1247.jpg") no-repeat; margin: 0 auto; text-align: left;}
p {color: #595959; font-size: 11px; font-weight: bold; margin: 5px 0 2px 0; padding: 0;}
input.standard {width: 250px;}
select#state {width: 110px;}
select#country {width: 150px;}
input#zip {width: 70px;}
span.asterik {color: #a51201;}
p.required {color: #595959; font-size: 10px; font-weight: normal;}
div#yourInfoBox {padding: 77px 0 0 60px; width: 260px;}
/* div#aboutYouBox {margin: 110px 0 0 60px; width: 250px;} */
div#aboutYouBox {position: absolute; top: 600px; left: 60px; width: 250px;}
/* div#newsletterBox {margin: 90px 0 0 60px; width: 250px;} */
div#newsletterBox {position: absolute; top: 925px; left: 60px; width: 250px;}
div.fieldSmall {float: left; width: 50%;}
div#radioButtons {margin: 15px 0;}
div#radioButtons p {float: left;}
div#genderRadioButtons input {float: left; margin-left: 10px;}
div#genderRadioButtons p {float: left;}
p#rulesLink {color: #595959; margin: 0 0 0 200px;}
p#rulesLink a:link {color: #595959; text-decoration: none;}
p#rulesLink a:visited {color: #595959; text-decoration: none;}
p#rulesLink a:hover {color: #f47b20; text-decoration: none;}
p#rulesLink a:active {}
p.comments {font-weight: normal; font-size: 10px;}
textarea#commentField {width: 240px; height: 95px;}
div.commentField {margin: 50px 0 0 0;}
div.optIn {float: left; width: 50px; border: solid 0px red;}
div.optIn input {float: left;}
div.optIn p {float: left; font-weight: normal; font-size: 10px;}
div.optInDesc {float: left; width: 125px; border: solid 0px blue;}
div.optInDesc p {font-weight: normal; font-size: 10px;}
span.zipLabel {font-size: 10px; color: #595959; font-weight: normal; display: block;}

/* sweeps Submit section */
div#submitSection {position: absolute; top: 1125px; left: 50px;}
/* p#agree {clear: both; font-weight: normal; margin: 275px 0 0 45px; width: 280px;} */
p#agree {clear: both; font-weight: normal; margin: 0 0 10px 0; width: 280px;}
p#agree a:link {color: #595959;}
p#agree a:visited {color: #595959;}
p#agree a:hover {color: #f47b20;}
p#agree a:active {}
/* input#submitSweep {text-align: left; padding: 15px 0 0 40px;} */
input#submitSweep {text-align: left; padding: 0;}

/* thanks page */
div#pageThanks {width: 1000px; height: 1800px; background: #fff url("/promo/thomaswellnesswatch/images/bgPage_1000x1800.jpg") no-repeat; margin: 0 auto; padding: 0; text-align: center;}
div#containerThanks {width: 1000px; height: 612px; margin: 0 auto; text-align: left;}

/* FLASH PANEL */
div#flashPanel {position: absolute; left: 360px; top: 42px; width: 307px; height: 1000px;}

/* breaking out error handling */
div#errorList {background-color: #fff9e0; border: solid 1px #f47b20; height: 105px; width: 250px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; position: absolute; top: 0px; left: 0px;}
p.formError, ul.regError {font-size: 10px; color: #591f00;}
p.formError {margin: 5px 0 0 5px; padding: 0; line-height: 1.5em}
ul.regError {margin: 5px 0 5px 0; paddding: 0;}

/* iframe */
iframe {frameborder: 0; width: 698px; height: 1247px; marginheight: 0; marginwidth: 0; scrolling: no; border: 0;}