body {
    font-size: 70%;
    font-family: Arial;
    background: #E4E4E4;
}
div {
    height: 1%;
}

.loginForm a,
.detailsForm a { color: #fff; }

.container {
    width: 856px;
    margin: 0 auto;
    padding: 20px 19px 0 20px;
    background: #fff;
    position: relative;
    font-size: 1.6em;
    font-weight: bold;
}

.container.header {
    background: url("../images/header_bg.gif") 0 100% repeat-x #fff;
    padding-top: 105px;
}

.header .gfx {
    position: absolute;
    left: 73px;
    top: 0px;
}
.header .logo {
    position: absolute;
    top: 0px;
    left: 0px;
}
.header .ccLogo {
    position: absolute;
    top: 70px;
    left: 0px;
}
.header .flash {
    position: absolute;
    top: 70px;
    left: 160px;
}
.home .header {
    height: 65px;
}

/* -------------------------------------------------- */
.btn {
    position: relative;
    display: block;
    overflow: hidden;
    text-indent: 1000%;
    white-space: nowrap;
}

.btn.contrast {
    background: url("../images/btn_contrast.gif") 0 0 no-repeat;
    width: 190px;
    height: 49px;
}
.home .btn.contrast {
    position: absolute;
    top: 100px;
    left: 480px;
}
.btn.contrast:hover {
    background-position: 0 -50px;
}
.textresize {
    position: absolute;
    top: 100px;
    left: 685px;
    background: url("../images/btn_textSize_bg.gif") 0 0 no-repeat;
    width: 190px;
    height: 49px;
}
.btn.textUp {
    left: 75px;
    top: 0px;
    width: 57px;
    height: 49px;
    background: url("../images/btn_textSize_up.gif") 0 0 no-repeat;
}
.btn.textDown {
    position: absolute;
    left: 133px;
    top: 0px;
    width: 57px;
    height: 49px;
    background: url("../images/btn_textSize_down.gif") 0 0 no-repeat;
}
.btn.textDown:hover,
.btn.textUp:hover {
    background-position: 0 -50px;
}

.btn.login {
    width: 222px;
    height: 60px;
    background: url("../images/btn_login.gif") 0 0 no-repeat;
}
.container .btn.login:hover,
.container .btn.registerBtn:hover{
    background-position: 0 -61px;
}
.container .registerBtn, /* ie6 */
.btn.registerBtn {
    width: 222px;
    height: 60px;
    background: url("../images/btn_register.gif") 0 0 no-repeat;
}
.btn.start,
.container .startBtn {
    width: 166px;
    height: 58px;
    background: url("../images/btn_start.gif") 0 0 no-repeat;
}
.container .btn.start:hover,
.container .btn.begin:hover{
    background-position: 0 -80px;
}
.btn.begin {
    width: 166px;
    height: 58px;
    background: url("../images/btn_begin.gif") 0 0 no-repeat;
}
.btn.editDetails {
    width: 118px;
    height: 49px;
    background: url("../images/btn_editDetails.gif") 0 0 no-repeat;
}
.btn.editDetails:hover {
    background-position: 0 -50px;
}
.btn.logout {
    width: 117px;
    height: 42px;
    background: url("../images/btn_logout.gif") 0 0 no-repeat;
    position: absolute;
    left: 24px;
    top: 105px;
}
.btn.logout:hover {
    background-position: 0 -50px;
}


.btn.submit {
    width: 166px;
    height: 56px;
    background: url("../images/btn_submit.gif") 0 0 no-repeat;
    position: absolute;
    top: 12px;
    left: 452px;
}
.btn.submit:hover {
    background-position: 0 -80px;
}
.btn.cancel {
    width: 166px;
    height: 56px;
    background: url("../images/btn_cancel.gif") 0 0 no-repeat;
    position: absolute;
    top: 12px;
    left: 242px;
}
.btn.cancel:hover {
    background-position: 0 -80px;
}
.btn.yes {
    width: 166px;
    height: 56px;
    background: url("../images/btn_yes.gif") 0 0 no-repeat;
}
.btn.yes:hover {
    background-position: 0 -80px;
}
.btn.no {
    width: 166px;
    height: 56px;
    background: url("../images/btn_no.gif") 0 0 no-repeat;
}
.btn.no:hover {
    background-position: 0 -80px;
}
.btn.returnToMessages {
    width: 286px;
    height: 56px;
    background: url("../images/btn_backToMyMessages.gif") 0 0 no-repeat;
}
.btn.returnToMessages:hover {
    background-position: 0 -80px;
}
.btn.returnToFacts {
    width: 286px;
    height: 56px;
    background: url("../images/btn_backToFactsSheet.gif") 0 0 no-repeat;
}
.btn.returnToFacts:hover {
    background-position: 0 -80px;
}

.btn.requestTest {
    width: 286px;
    height: 56px;
    background: url("../images/btn_requestTest.gif") 0 0 no-repeat;
}
.btn.requestTest:hover {
    background-position: 0 -80px;
}

.btn.requestTestSml {
    width: 241px;
    height: 56px;
    background: url("../images/btn_requestTestSml.gif") 0 0 no-repeat;
    position: absolute;
    top: 12px;
    right: 150px;
}
.btn.requestTestSml:hover {
    background-position: 0 -68px;
}

.btn.factSheets {
    width: 241px;
    height: 56px;
    background: url("../images/btn_factSheets.gif") 0 0 no-repeat;
    position: absolute;
    top: 12px;
    left: 180px;
}
.btn.factSheets:hover {
    background-position: 0 -68px;
}

.btn.answerSurvey {
    width: 241px;
    height: 56px;
    background: url("../images/btn_answerSurvey.gif") 0 0 no-repeat;
    position: absolute;
    top: 12px;
    left: 20px;
}
.btn.answerSurvey:hover {
    background-position: 0 -68px;
}
.btn.myFeedback {
    width: 241px;
    height: 56px;
    background: url("../images/btn_myFeedback.gif") 0 0 no-repeat;
    position: absolute;
    top: 12px;
    left: 20px;
}
.btn.myFeedback:hover {
    background-position: 0 -68px;
}

.btn.printScreen {
    width: 170px;
    height: 49px;
    background: url("../images/btn_printScreen.gif") 0 0 no-repeat;
}

#tailorMessageContent .btn.printScreen {
  position: absolute;
  right: 0;
  top: 0;
}
/*#tailorMessageContent #content { clear: right; }*/
#tailorMessageContent #feedbackTitle {
  position: relative;
  margin-bottom: 1em;
  height: 49px;
}
#tailorMessageContent #feedbackTitle h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
}


.btn.pdfVersion {
    width: 170px;
    height: 49px;
    background: url("../images/btn_pdfVersion.gif") 0 0 no-repeat;
}
.btn.clearForm {
    width: 184px;
    height: 49px;
    background: url("../images/btn_clearForm.gif") 0 0 no-repeat;
}
.btn.submitOnline {
    width: 184px;
    height: 49px;
    background: url("../images/btn_submitOnline.gif") 0 0 no-repeat;
}
.btn.printScreen:hover,
.btn.pdfVersion:hover,
.btn.clearForm:hover,
.btn.submitOnline:hover {
    background-position: 0 -57px;
}
/* --------------------------------------------------------------- Welcome Page */
.welcomeHolder {
    width: 856px;
    background: url("../images/bg_welcome_.gif") 0 0 repeat-y;
    overflow: hidden;
    padding-bottom: 79px;
    position: relative;
}

.welcomeHolder .resetForm { display: none; font-size: .65em; }
.welcomeHolder .loginForm { font-size: .8em; }
.welcomeHolder .doReset { display: none; }
.welcomeHolder.reset .loginForm { display: none; }
.welcomeHolder.reset .resetForm { display: block; }
.welcomeHolder.reset .doReset { display: block; }
.welcomeHolder.reset .doLogin { display: none; }
.gateway {
    width: 446px;
    position: relative;
    float: right;
    z-index: 10;
}
.gateway .login,
.gateway .register {
    position: absolute;
    top: 0;
    left: 224px;
}
.gateway .register {
    left: 0;
}
.gateway .tabs {
    background: #fff;
    width: 446px;
    height: 62px;
    position: relative;
}

.welcome {
    float: left;
    width: 408px;
    position: relative;
    z-index: 20;
    font-size: 1.1em;
}
.welcome h3 {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 51px;
    width: 412px;
    background: url("../images/title_welcome.gif") 0 0 no-repeat;
    text-indent: 110%;
    white-space: nowrap;
}
.welcome .txt {
    padding: 42px 20px 20px 20px;
    color: #fff;
}
.gateway .holder {
    position: relative;
    margin-top: -11px;
    background: url("../images/bg_login.gif") 0 0 no-repeat;
    overflow: hidden;
    padding: 40px 16px;
    color: #fff;
    font-size: 1.4em;
}
.gateway .loginForm,
.gateway .resetForm {
   padding: 157px 0;
}
.gateway .showmsg .loginForm {
    padding-top: 0px;
}
.welcomeHolder #gfx_welcome_login {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: url("../images/gfx_welcome_login.gif") 0 0 no-repeat;
    width: 856px;
    height: 292px;
}
.welcomeHolder .start,
.welcomeHolder .begin {
    position: absolute;
    bottom: 11px;
    right: 23px;  
    z-index: 40;

}
h2.bcsda {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 70px;
    width: 100%;
    background: url("../images/headings/bowel_cancer_screening.gif") 50% 50% no-repeat;
    font-size: 1px;
    color: #fff;
    text-indent: 100%;
    white-space: nowrap;
}
h3.editDetailsHeading {
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0;
    height: 39px;
    width: 100%;
    background: url("../images/headings/edit_details.gif") 50% 0 no-repeat;
    font-size: 1px;
    color: #fff;
    text-indent: 100%;
    white-space: nowrap;  
}
h3.factsSheetsHeading {
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0;
    height: 39px;
    width: 100%;
    background: url("../images/headings/fact_sheets.gif") 50% 50% no-repeat;
    font-size: 1px;
    color: #fff;
    text-indent: 100%;
    white-space: nowrap;  
}
h3.helpHeading {
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0;
    height: 39px;
    width: 100%;
    background: url("../images/headings/help.gif") 50% 50% no-repeat;
    font-size: 1px;
    color: #fff;
    text-indent: 100%;
    white-space: nowrap;
}
h3.creditsHeading {
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0;
    height: 39px;
    width: 100%;
    background: url("../images/headings/credits.gif") 50% 50% no-repeat;
    font-size: 1px;
    color: #fff;
    text-indent: 100%;
    white-space: nowrap;
}
h3.fotb {
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0;
    height: 39px;
    width: 100%;
    background: url("../images/headings/request_FOTB_kit.gif") no-repeat 0 0;
    font-size: 1px;
    color: #fff;
    text-indent: 100%;
    white-space: nowrap;  
}
.gateway input.txt {
    width: 230px;
    padding: 4px 2px 2px 2px;
    border: 2px solid #fff;
    color: #fff;
    background: #9F9F9F;
    font-weight: bold;
    float: left;
    font-size: .7em;
    margin-bottom: 4px;
}
.gateway input.txt.age {
    width: 100px;
}
.gateway select.sex {
    width: 108px;
    margin-right: 100px;
}
.gateway select {
    width: 238px;
    padding: 4px 2px 2px 2px;
    border: 2px solid #fff;
    color: #fff;
    background: #9F9F9F;
    font-weight: bold;
    float: left;
    margin-bottom: 4px;
}
.gateway label {
    width: 158px;
    float: left;
    color: #fff;
    margin: 0;
    padding: 0;
    clear: left;
}
.gateway .forgot {
  padding-left: 158px;
  clear: left;
  font-size: 0.7em;
}
.gateway fieldset {
    padding: 0 0 1em 0;
    margin: 0;
    border: 0;
    overflow: hidden;
}
.gateway .msg {
    border-bottom: 1px solid #fff;
    margin-bottom: 40px;
    color: #FBA830;
}
/* reg form */
.registerForm {
    font-size: .65em;
}
.gateway .registerForm input.txt,
.gateway .registerForm select {
  background: #4eb6db;
}
.register .gateway .holder {
    position: relative;
    margin-top: -11px;
    background: url("../images/bg_register.gif") 0 0 no-repeat;
    overflow: hidden;
    padding: 40px 16px;
    color: #fff;
    font-size: 1.4em;
}
.welcomeHolder.register {
    background: url("../images/bg_welcome_register.gif") 0 0 repeat-y;
}
.welcomeHolder.register #gfx_welcome_login {
    background: url("../images/gfx_welcome_register.gif") 0 0 no-repeat;
    height: 261px;
}
.registerForm .note {
    font-size: .7em;
}
.required {
    color: #C1D82F;
}
/* -------------------------------------------------- header */
.loggedIn {
    width: 305px;
    height: 49px;
    background: url("../images/bg_loggedIn.gif");
    position: absolute;
    left: 166px;
    top: 100px;
}

.subpage .header {
    height: 60px;
}
.subpage .header .textresize {
    position: absolute;
    left: 685px;
    top: 100px;
}
.subpage .header .contrast {
    position: absolute;
    left: 484px;
    top: 100px;
}
.btn.editDetails {
    position: absolute;
    top: 0;
    left: 180px;
}
#username {
    position: absolute;
    left: 70px;
    top: 17px;
    color: #3C3C3C;
    font-size: 14px;
}
/* ---------------------------------------------------- Edit Details */
.detailsForm {
    background: url("../images/gfx_detailsTop.gif") 0 0 no-repeat #34ACD5;
    padding: 20px 20px 100px 20px;
    color: #fff;
    position: relative;
}
.detailsForm .footer,
.question .footer {
    width: 100%;
    height: 79px;
    background: url("../images/gfx_detailsBottom.gif") 0 0 no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
}
.postalInstructions,
#inp-state-printable { display: none; }
/* ---------------------------------------------------- Section */
.section {
    background: url("../images/gfx_sectionTop.gif") 0 0 no-repeat #0197cb;
    padding: 20px;
    color: #fff;
    position: relative;
    margin: 0 0 20px 0;
}
.section h3,
.detailsForm h3 {
  margin: 0 0 1em 0;
}
.section .footer {
    width: 100%;
    height: 10px;
    background: url("../images/gfx_sectionBottom.gif") 0 0 no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
}
/* ---------------------------------------------------- Question */
.question {
    position: relative;
    padding: 20px 115px 20px 20px;
    background: url("../images/bg_question.gif") repeat-y 0 0;
    color: #fff;
    min-height: 140px;
}
.question .questionMsg { margin: 0 0 50px 0; }
.question h3 {
  margin: 0 0 1em 0;
}
  .question .top {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 561px;
    background: url("../images/gfx_question_top.gif") no-repeat 0 0;
}
.question .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 561px;
    overflow: hidden;
    background: url("../images/gfx_question_bottom.gif") no-repeat 0 0;
}
.question .next {
    width: 75px;
    height: 96px;
    background: url("../images/btn_next.gif") no-repeat -80px 0;
    position: absolute;
    top: 50%;
    margin-top: -48px;
    right: 0;
}
.question .next:hover {
    background-position: -160px 0;
}
.question.incomplete .next {
    background-position: 0 0;
}

#progressHolder {
    width: 850px;
    height: 39px;
    background: url("../images/bg_numbers.gif") no-repeat 0 0;
    margin-bottom: 20px;
}
#progress {
    width: 46px;
    height: 39px;
    background: url("../images/bg_numbers.gif") no-repeat 0 -40px #f0f;
}
/* -------------------------------------- hr */

hr {
    padding: 0;
    height: 0;
    border-top: 1px solid #6EC2DF;
    border-bottom: 1px solid #259AC3;
}

/* -------------------------------------- input types */
.question input {
    position: absolute;
    top: -1000px;
    left: -1000px;
}
.question input.txt {
    position: relative;
    top: 0;
    left: 0;
}

ol.rating,
ol.rating li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ol.rating {
    width: 760px;
    height: 40px;
    /*background: red;*/
}
ol.rating li {
    float: left;
    padding-right: 10px;
    cursor: pointer;
}
ol.rating .btn {
    width: 140px;
    height: 40px;
}
ol.rating .btn:hover,
ol.rating li.selected .btn {
    background-position: 0 -44px;
}
ol.rating .sd {
    background: url("../images/btn_stronglyDisagree.gif") no-repeat 0 0;
}
ol.rating .dis {
    background: url("../images/btn_disagree.gif") no-repeat 0 0;
}
ol.rating .ns {
    background: url("../images/btn_notSure.gif") no-repeat 0 0;
}
ol.rating .agr {
    background: url("../images/btn_agree.gif") no-repeat 0 0;
}
ol.rating .sa {
    background: url("../images/btn_stronglyAgree.gif") no-repeat 0 0;
}


ul.options,
ul.options li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.options {
    width: 561px;
    padding-left: 100px;
}
ul.options label {
    display: block;
    width: 533px;
    padding: 20px 14px 16px 14px;
    color: #fff;
    position: relative;
    background: url("../images/bg_option.gif") repeat-y 0 0;
    margin-bottom: 5px;
}
ul.options label .top {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    background: url("../images/gfx_option_top.gif") no-repeat 0 0;
    z-index: 2;
    height: 10px;
}
ul.options label .bottom {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    background: url("../images/gfx_option_bottom.gif") no-repeat 0 0;
    z-index: 2;
    height: 25px;
}
ul.options label .middle {
    position: relative;
    z-index: 4;
}
ul.options label:hover,
ul.options li.selected label {
    background: url("../images/bg_option_on.gif") repeat-y 0 0;
}
ul.options label:hover .top,
ul.options li.selected label .top {
    background: url("../images/gfx_option_top_on.gif") no-repeat 0 0;
    height: 35px;
}
ul.options label:hover .bottom,
ul.options li.selected label .bottom {
    background: url("../images/gfx_option_bottom_on.gif") no-repeat 0 0;
    height: 10px;
}

ul.yesno {
    margin: 0;
    padding: 0 0 0 180px;
    list-style: none;
    height: 56px;
}
ul.yesno li {
    margin: 0 0 0 40px;
    padding: 0;
    float: left;
}

ul.yesno li.selected label {
    background-position: 0 -80px;
}

/* ------------------------------------------------ edit form */
.detailsForm input.txt {
    width: 462px;
    padding: 4px 2px 2px 2px;
    border: 2px solid #fff;
    color: #fff;
    background: #4EB6DB;
    font-weight: bold;
    float: left;
    margin-bottom: 4px;
}
.detailsForm select {
    width: 470px;
    padding: 4px 2px 2px 2px;
    border: 2px solid #fff;
    color: #fff;
    background: #4EB6DB;
    font-weight: bold;
    float: left;
    margin-bottom: 4px;
}
.detailsForm label {
    width: 326px;
    float: left;
    color: #fff;
    margin: 0;
    padding: 0;
    clear: left;
}
.detailsForm fieldset {
    padding: 0 0 42px 0;
    margin: 0;
    border: 0;
    overflow: hidden;
}
.detailsForm .value {
    width: 462px;
    float: left;
    margin-bottom: 4px;
}
/* ---------------------------------------------- topics */
ul.topics,
ul.topics li {
    margin: 0;
    padding: 8px 0 18px 0;
    list-style: none;
    width: 190px;
}

ul.topics a,
ul.topics a:visited.up {
    display: block;
    position: relative;
    width: 121px;
    padding: 7px 55px 4px 14px;
    background: #DEDEDE;
    text-decoration: none;
    color: #3C3C3C;
}
ul.topics .top,
ul.topics a:visited.up .top {
    position: absolute;
    top: -8px;
    left: 0;
    background: url("../images/gfx_topic_top.gif") no-repeat 0 0;
    width: 190px;
    height: 24px;
}
ul.topics .bottom,
ul.topics a:visited.up .bottom {
    position: absolute;
    bottom: -8px;
    left: 0;
    background: url("../images/gfx_topic_bottom.gif") no-repeat 0 0;
    width: 190px;
    height: 10px;
}
ul.topics .icon {
    position: absolute;
    top: 4px;
    right: 14px;
    background: url("../images/icon_topic.gif") no-repeat 0 0;
    width: 31px;
    height: 31px;
    z-index: 2;
}

ul.topics .up .icon,
ul.topics a:visited.up .icon {
    background: url("../images/icon_up.gif") no-repeat 0 0;
}
ul.topics .label {
    position: relative;
    z-index: 2;
}
/* hover */
ul.topics a:hover,
ul.topics a:hover.up,
ul.topics a:visited {
    background: #C1D82F;
    color: #fff;
}
ul.topics a:hover .top,
ul.topics a:hover.up .top,
ul.topics a:visited .top {
    background: url("../images/gfx_topic_top_on.gif") no-repeat 0 0;
}
ul.topics a:hover .bottom,
ul.topics a:hover.up .bottom,
ul.topics a:visited .bottom {
    background: url("../images/gfx_topic_bottom_on.gif") no-repeat 0 0;
}
ul.topics a:hover .icon,
ul.topics a:visited .icon {
    background: url("../images/icon_topic_on.gif") no-repeat 0 0;
}
ul.topics a:hover.up .icon {
    background: url("../images/icon_up_on.gif") no-repeat 0 0;
}
ul.topics a.current {
	background: #129ECE;
	color: #fff;
}
ul.topics a.current .top {
    background: url("../images/gfx_topic_top_active.gif") no-repeat 0 0;
}
ul.topics a.current .bottom {
    background: url("../images/gfx_topic_bottom_active.gif") no-repeat 0 0;
}
ul.topics a.current .icon {
	background: url("../images/icon_topic_active.gif") no-repeat 0 0;
}
/* ------------------------------------------------------------------------------ scroll bars */

.small .btn.Scrollbar-Up {
  width: 30px;
  height: 28px;
  background: url("../images/btn_scrollbar_small_up.gif") no-repeat 0 0;
  position: absolute;
  top: 3px;
  left: 2px;
}
.small .btn.Scrollbar-Up.wide,
#wideScrollbarUp {
    width: 190px;
    height: 20px;
    text-indent: 400px;
    left: -202px;
    top: 0;
    background: url("../images/btn_scroll_up.gif") no-repeat 0 0;
}
.small .btn.Scrollbar-Down {
    position: absolute;
    bottom: 2px;
    left: 2px;
    width: 30px;
    height: 28px;
    background: url("../images/btn_scrollbar_small_down.gif") no-repeat 0 0;
}
.small .btn.Scrollbar-Down.wide,
#wideScrollbarDown {
    position: absolute;
    text-indent: 400px;
    bottom: 0px;
    left: -202px;
    width: 190px;
    height: 20px;
    background: url("../images/btn_scroll_down.gif") no-repeat 0 0;
}

.Scroller-Container {
    position: absolute;
    top: 0px;
    left: 0px;
}

.SContainer {
    position: absolute;
    top: 22px;
    left: 0px;
    width: 500px;
}

.SContainer.small {
    width: 190px;
}
.Scroller-Container { height: auto; }
#Scrollbar-Container.small  {
    position: absolute;
    left: 202px;
    width: 33px;
    height: 400px;
    background: url("../images/bg_scrollbar_small_track.gif") no-repeat 0 0;
}
#Scrollbar-Container2.small  {
    position: absolute;
    right: 0px;
    width: 33px;
    height: 400px;
    background: url("../images/bg_scrollbar_small_track.gif") no-repeat 0 0;
}

#Scrollbar-Container3.small  {
    position: absolute;
    right: 90px;
    width: 33px;
    height: 400px;
    background: url("../images/bg_scrollbar_small_track.gif") no-repeat 0 0;
}
.small .Scrollbar-Track {
    width: 30px;
    height: 334px;
    position: absolute;
    top: 34px;
    left: 1px;
}
.Scrollbar-Handle {
  position: absolute;
  width: 31px;
  height: 119px;
  background: url("../images/btn_scrollbar_small_mid.gif") no-repeat 0 0;
}
#Scroller-1 { 
    position: absolute;
    overflow: hidden;
    top: 0;
    width: 190px;
    height: 350px;
}

#Scroller-2 {
    position: absolute;
    overflow: hidden;
    top: 0;
    width: 500px;
    height: 370px;
}

#Scroller-3 {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 20px;
    width: 700px;
    height: 370px;
}
/* ------------------------------------------------------------------------------------ tailor messages */
.tailorMessage .info {
  height: 400px;
}

.tailorMessage .SContainer,
.tailorMessage #Scroller-2 {
    width: 750px;
}

#tailorMessageContent { position: relative; }
#tailorMessageContent .Scroller-Container { margin-right: 40px; width: 750px; }

.tailorMessage h1.part {
  margin: 0 0 1em 0;
  font-size: 1.3em;
  display: none;
}

/* ------------------------------------------------------------------------------------ factsSheets */

#factSheetContent { position: relative; }
#factSheetContent .Scroller-Container { margin-right: 40px; width: 500px; }

.factsSheetsHolder .nav {
    position: relative;
    /*height: 400px;*/
    float: left;
    width: 240px;
}

.factsSheetsHolder .info {
    margin-left: 260px;
    height: 400px;
}
.msgHolder { height: 420px; }

.factsSheetsHolder h4 {
    font-size: 1.2em;
    margin: 0 0 .5em 0;
}
.factsSheetsHolder img {
    float: left;
    margin: 0 12px 12px 0;
}
.factsSheetsHolder p { clear: left }
.factsSheetsHolder small { display: block; margin: 0 0 1em 0; font-size: 0.6em; }

.factsSheetsHolder {
    background: url("../images/gfx_factsSheets_top.gif") no-repeat 0 0 #34ACD5 ;
}
.factsSheetsHolder .footer {
    background: url("../images/bg_factsSheets_footer.gif") no-repeat 0 0;
}
.btn.returnToMessages {
    position: absolute;
    top: 10px;
    left: 120px;
}
.btn.requestTest,
.btn.returnToFacts {
    position: absolute;
    top: 10px;
    left: 444px;
}

/* ----------------------------------------------------------------------------------- fotb form */

.detailsForm.fotb input.txt {
    width: 557px;
}
.detailsForm.fotb select {
    width: 180px;
}
.detailsForm.fotb label {
    width: 326px;
    width: 231px;
}
.detailsForm.fotb fieldset {
    padding: 0 0 19px 0;
}
.detailsForm.fotb input.txt.postcode {
    width: 40px;
    margin-right: 500px;
}
.fotb .actions {
    height: 50px;
}
.fotb .actions,
.fotb .actions li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.fotb .actions li {
    float: left;
    margin-left: 12px;
}
.fotb .actions li .clearForm {
    margin-left: 50px;
}
/* ----------------------------------------------------------------------------------- footer */
.container.footer {
    padding-top: 20px;
}
.footer ul {
    border-top: 1px solid #D9DCDB;
    margin: 0;
    padding: 8px 0 12px 200px;
    list-style: none;
    overflow: hidden;
}
.footer li {
    margin: 0;
    padding: 0 8px;
    float: left;
    border-right: 1px solid #010101;
    font-size: .65em;
}
.footer li a {
    color: #010101;
    text-decoration: none;
    font-weight: normal;
}
.footer li.lastUpdated {
    color: #009BCE;
    font-weight: bold;
    border-right: 0;
}

.kitRequestText {
  padding: 4px;
}

.container .privacy {
  word-spacing: 0.1em;
}

.container .privacy .privacyHeader strong {
  font-size: 15px;
  letter-spacing:0.1em;
  line-height: 1.7;
}

.container .privacy p strong {
  font-size: 12px;
  letter-spacing:0.01em;
  line-height: 1.7;
}

.container .privacy ol li {
  font-size: 12px;
  line-height: 1.7;
  letter-spacing:0.01em;
  font-style: normal;
  font-weight: normal;
}

.container .privacy ul li div {
  font-size: 12px;
  line-height: 1.7;
  letter-spacing:0.01em;
  font-style: normal;
  font-weight: normal;  
}

.container .privacy p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.7;
  letter-spacing:0.01em;
  font-style: normal;
  font-weight: normal;
}

.container .privacy .inlineContact {
  line-height: 1.7;
  letter-spacing:0.01em;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0 10px;
}

.container .privacy .inlineContact strong {
  color: #0091BD;
}