* {
    font-family:Arial;

}
html{background-color: white;}
.errors,.error {
    color: #F00;
}


select {
    margin: 2px 0 0 0;
}
h2.subHead{font-weight: normal;}
.strong {
    font-weight: bold;
}

td{
    padding: 2px;
}
.cell-width{
    white-space: nowrap;
    width: 10px;
}
.cell-width1{
    white-space: nowrap;
}
.cell-width-sales{
    border: 0;
    border-spacing: 0;
    padding: 5px;
    width: 600px;
}
.cell-width-sales1{
    width: 760px;
    margin: 20px 0;
}
.cell-style-sales-output{
    width: 760px;margin: 20px 0;
}

.mrgin{
    display: block;
    text-align: right;
    margin-top: 5px;
}
.radio-margin{
    margin-top: 34px;
}
.index-fieldset{
    position:relative;
    border-color: transparent;
}
.index-fieldset > legend{
    position: absolute;
    top: 20px;
    left: 38px;
}
.global-fieldset{
    border-color: transparent;
    margin-left: -17px;
    margin-top: 20px;
}
legend.unsbcrbTherArea{margin: 20px 0 40px;}



#skiptocontent {float:left; background:#F8F8F2; width:8%;}



#skiptocontent a:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #25B44F;
    outline: 0;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}


#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: #EEEBDC;
    /*border-right: 1px solid white;
    border-bottom: 1px solid white;*/
    border-bottom-right-radius: 8px;
    background: #000000 !important;
    -webkit-transition: top 1s ease-out, background 1s linear;
    /* transition: top 1s ease-out, background 1s linear; */
    z-index: 100;
}

.cb, .clear-block {
    clear:both;
}

.hidden {
    display: none !important;
}

.inline-block {
    display: inline-block;
}

.pt10 { padding-top: 10px; }
.pl10 { padding-left: 10px; }
.ml10 { padding-left: 10px; }

.italics { font-style: italic; }

.no-wrap { white-space: nowrap; }

#print-container {
    float: left;
}
body {
    font-size: 16px;
    color: #696969;
    margin-right:0;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
}
P {
    MARGIN-TOP: 0;
    MARGIN-BOTTOM: 1em
}
legend{color: #696969!important;}
#wrapper {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto;
    WIDTH: 960px;
    PADDING-TOP: 0px;
    POSITION: relative;
    HEIGHT: auto
}
#header{border-bottom: 5px solid #F7511B;}
#header a{margin: 15px 0 10px 15px;display: inline-block;}
#header a.gsklogo{height: 65px;border: none;width:90.75%;}
#header img{border: none;}
#header .langToggle{
    margin: 10px 0 0 0!important;
    color: #696969;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
}
#content-container{margin: 30px 20px;}
#bodycontent {
    PADDING-RIGHT: 50px;
    PADDING-LEFT: 50px;
    PADDING-BOTTOM: 20px;
    WIDTH: 680px;
    PADDING-TOP: 10px;
    POSITION: relative;
    HEIGHT: auto;
    BACKGROUND-COLOR: #ffffee
}
#patientorhcp{
    margin: 70px auto 20px;
    border: 3px solid #F7511B;
    height: 150px;
    width: 500px;
    padding: 20px 40px;
    padding-bottom: 37px;
}




#patientorhcp input[type=radio]{margin: 10px;}
#patientorhcp div{margin-left: 45px;}
.patient{margin-left: 32px;}
/*Footer styles*/
#footer-content{border-top: 2px solid #F7511B;margin-top: 50px;}
div.footer-links{margin: 5px 0 10px;}
div.footer-links a{color: #696969;text-decoration: none;}
#nextButton{margin-top: 5px;}
#nextButton input{height: 40px;width: 110px}

/**/
.form-required{color: #B60000; font-weight: 800;}
.resetEmail{margin-left: 30px}
.formButtons{margin-top: 50px;}

.columnize{width: 900px!important;}
.columnize .column{width: 300px!important;}
.columnItem,.textIndent25{
    text-indent: -25px;
    padding-left: 25px;
}

hr.form-divider{margin: 8px 0!important;width: 800px!important;text-align:left;}
.outofsight{position: fixed;left: 5000px;}
#rsvErrors a{color: #aa0000;}
#main{outline:0;}
.emailOptoutLabel{
    width: 200px;
    display: inline-block;
    margin-right: 0;
}
.frEmailOptoutLabel{
    width: 346px;
    display: inline-block;
    margin-right: 0;
}
.textOptoutLabel{
    width: 189px;
    display: inline-block;
    margin-left:-2px;
    margin-right: 16px;
}
.frTextOptoutLabel{
    width: 351px;
    display: inline-block;
    margin-right: 178px;
}
.text-fieldset{
    border:transparent;
    margin:0;
    padding:0;
}
.phone-legend{
    float:left;
    width:45%;
}
.confirm-phone-legend{
    float:left;
    width:45%;
}
.phone-label{
    float:right;
    width:50%;
}
.confirm-phone-label{
    float:right;
    width:50%;
}

.rsvErrorField {
    background-color: #ffffcc;
    color: #990000;
}
.rsvErrorBox {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #ffffcc;
    border: 1px solid #aa0000;
    color: #aa0000;
    display: none;
}
.marBottom{  margin-bottom: 16px;}
.visible-phone {display: none !important;}
.hidden-phone {display: inherit !important;}
.visible-tablet { display: none !important;}
.hidden-desktop {display: none !important;}
.visible-desktop {display: inherit !important;}

p.reg-field-class {margin-top: 19px;margin-bottom: 35px;}
.above-space {margin-top: 35px;}

@media (max-width: 991px) {
    .hidden-desktop{display: inherit !important;}
    .visible-desktop{display: none !important;}
    .visible-tablet{ display: inherit !important;}
    .hidden-tablet{display: none !important;}
    #wrapper{width: 95%;  overflow-x: hidden;}
    hr.form-divider,.columnize .column ,.columnize{width: 100%!important;}
    .navigation{ position: relative !important;top: -30px !important;  right: 0 !important;  width: 100% !important;}
    .navigation ul li{  width: 48% !important;background-repeat: repeat-x !important;}
    .navigation ul li.selected{background-repeat: repeat-x !important}
    .navigation ul{  width: 100% !important;}
    .navigation ul li a{  padding: 11px 10px 11px 14px !important;}
    .navigation.french ul li a{padding: 11px 10px 7px 14px !important;}
    #header a.gsklogo{  height: auto;  margin: 15px 0 10px 0px;}
    .cell-style-sales-output input#GSK_OPT_OUT_IND{  margin-left: -20px;position: relative;left: 16px;}
    .cell-style-sales-output label{  margin-left: 0;position: relative;left: 15px;}
    .textIndent25 input#GSK_OPT_OUT_IND{  position: relative;left: -6px;}
    .textIndent25 label{  position: relative;left: -7px;}
    #header img{  width: 60px;height: 50px;}
    .cell-width-sales1{width:100%;}
    input{margin-top: 4px;}
    div.footer-links a{  display: block;text-align: center;padding-bottom: 6px;}
    div.footer-links span{display: none;}
    #footer-content p{text-align: center;}
    #patientorhcp{  margin: 45px auto 10px;}
    #footer-content{  margin-top: 30px;}
    .formButtons {margin-top: 30px;}
    legend.unsbcrbTherArea {margin: 20px 0 15px;}
    .marBottom{  margin-bottom: 0px;}
    .textOptoutLabel{margin-right: 50px;}
    .confirm-phone-label{width: 45%;}
    .phone-label {width: 45%;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .navigation.french{height: 40px !important;}
}

@media (max-width: 767px) {
    .visible-phone {display: inherit !important;}
    .hidden-phone {display: none !important;}
    body {font-size: 14px;}
    #patientorhcp{width:50%;height:auto;}
    #patientorhcp div {margin-left: 0;}
    #patientorhcp input[type=radio] {margin: 10px 10px 10px 0px;}
    .patient{margin-left: 22px;}
    #nextButton input{}
    .emailOptoutLabel,.phone-legend,.phone-label,.confirm-phone-legend,.confirm-phone-label,.emailOptoutLabel,.frEmailOptoutLabel,.frTextOptoutLabel,.cell-width-sales1,.cell-width-sales,.cell-style-sales-output{width:100%;}
    .navigation ul li{  width: 100% !important;margin: 0px !important;}
    #header a.gsklogo{  width: 80%;}
    #header .langToggle{  float: right;}
}

@media (max-width: 640px) {
    #patientorhcp{width:85%}
    .rsvErrorBox{  margin-top: 15px;}
    #header img{  width: 50px;height: 41px;}
}
@media (max-width: 568px) {
    #patientorhcp{width:83%}
    .navigation.french{  height: 80px !important;}
}

@media (max-width: 480px) {
    #patientorhcp{padding: 20px 15px 20px 20px;width: 88%;}
    .index-fieldset > legend{left: 20px;}
}
@media (max-width: 360px) {
    .navigation.french {height: 95px !important;}
}

@media (max-width: 320px){
    .navigation {height: 62px !important;}
    #content-container {margin: 30px 2px;}
    #patientorhcp {width: 86%;}
    
}