/* login page */

.container {
    max-width: 800px;
}

header.sixteen.columns {
    max-width: 800px;
}

footer.sixteen.columns.footer {
    max-width: 800px;
}



p#p93 {
    margin-bottom: 5px;
}

div#contactus1 {
    margin-top: 20px;
}

div#contactus1 a {
    color: blue;
}

/* header */

p#custservhead {
    font-weight: bold;
    color: black;
    text-align: left;
    font-size: 20px;
    line-height: 25px;
}

header img {
	max-width: 400px;
	width: 100%;
	margin: 20px;
}

header.sixteen.columns {
    text-align: center;
}

section.sixteen.columns.contentmiddle {
    max-width: 800px;
}

div#annualtext {
    vertical-align: top;
    display: inline-block;
    width: 65%;
    margin-left: 30px;
}

div#annualtext ul {
    text-align: left;
    list-style: disc;
    margin-left: 50px;
}

div#annualtext ul li {
    margin-bottom: 7px;
}

p#headtext {
    text-align: left;
    color: #b4331e;
    font-weight: bold;
    font-size: 16px;
}

/* Hide slideshow images for script */

.slide {
    display: none;
}

/* Slideshow buttons */

button.w3-button.w3-display-right {
    position: absolute;
    top: 56%;
    left: 292px;
}

button.w3-button.w3-display-left {
    position: absolute;
    top: 56%;
    left: 80px;
}

.slideshow {
    display: inline-block;
}

/* Center content */
section.sixteen.columns.contentmiddle {
    text-align: center;
}

/* Demographics all pages */

select#id270 {margin: auto;}

.addresslabel .questionlabel {
    display: none;
}

input#id1, input#id2, input#id9, input#id11, input#id13, input#id28, input#id23, input#id16 {
    width: 100%;
    /* display: inline-block; */
    /* max-width: 255px; */
}

input#id2, input#id9, input#id11, input#id28, input#id23 {
    margin-left: 0px;
}


select#id8, select#id7 {
    width: 100%;
    display: inline-block;
    max-width: 265px;
}

p#p1, p#p2, p#p8, p#p9, p#p7, p#p11, p#p13, p#p28, p#p23 {
    /* margin-bottom: 0px; */
    /* display: inline-block; */
    width: 298px;
    margin-right: auto;
    margin-left: auto;
}


input#id10, input#id3, input#id4, input#id5, input#id6 {
    margin-left: auto;
    width: 100%;
    max-width: 550px;
    margin-right: auto;
}

input#id1, input#id13, input#id16 {
    margin-left: 0px;
}

p#p16 .questionlabel {
    display: none;
}

select#id8, select#id7 {
    margin-left: 0px;
}


/* Demographics PRW */

p#p20, p#p19, p#p18 {
     text-align: left;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
    width: 560px;
}


select#id20, select#id19, select#id18 {
    width: 300px;
    margin-left: 0px;
    margin-top: 5px;
}


p#prwbonus {
    text-align:left;
    margin-left: auto;
    width: 100%;
    max-width: 550px;
    margin-right: auto;
}

/* Hide Rates */

span.spanc68, span.spanc69, span.spanc70 {
    display: none;
}

/* Rates selection */

p#p71 .questionlabel {
    display: none;
}



p#p71 {
    text-align: left;
}

span.spanc71 {
    width: 266px;
    display: inline-block;
    text-align: left;
}

table#ratetable {
    height: 111px;
    display: inline-block;
    width: 330px;
}



.spanc71 ul li {
    margin-bottom: 5px;
}

td {
    padding-right: 30px;
    padding-bottom: 5px;
}

th {
    padding-right: 35px;
    margin-right: 8px;
}

/* Autorenewal indicator */

p#p104 {
    text-align: left;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
}

input#id104_996 {
    margin-left: 0px;
}

/* Payment Section */

p#cardlogos {
    margin-left: auto;
    width: 100%;
    max-width: 550px;
    margin-right: auto;
    text-align: left;
}

p#cardlogos {
    margin-left: auto;
    width: 100%;
    max-width: 550px;
    margin-right: auto;
    text-align: left;
}

p#p127 .questionlabel {
    display: inherit;
}

p#p127 {
    text-align: left;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
    width: 560px;
}

input#id127 {
    margin-left: 0px;
}

iframe#ccframe {
    margin-bottom: 20px;
    text-align: left;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
    width: 560px;
}

select#EXPMONTH {
    margin-bottom: 0px;
    display: inline-block;
}

select#EXPYEAR {
    margin-bottom: 0px;
    display: inline-block;
}

p#p32 {
    margin-bottom: 0px;
    display: inline-block;
    width: 762px;
    margin-right: auto;
    margin-left: auto;
}

p#paytext {
    margin-top: 0px;
    text-align: left;
    max-width: 572px;
    margin-right: auto;
    margin-left: auto;
    width: 540px;
    font-size: 10px;
}

/* Premium/Newsletter section */

div#nlgroup {
    margin-bottom: 43px;
    vertical-align: text-bottom;
    display: inline-block;
    width: 50%;
}

div#nlgroup2 {
    margin-bottom: 43px;
    vertical-align: text-bottom;
    display: inline-block;
    width: 50%;
}

p#nlhead {
    margin-left: 20px;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
}

p#nldesc {
    font-size: 14px;
    text-align: left;
    margin-left: 20px;
}

p#p82, p#p83 {
    display: none;
}

/* Submit Button */

input[type="submit"] {
    min-width: 200px;
    margin-left: 6px;
    padding: 8px 15px;
    background: #e10f15;
    border: 1px solid #e10f15;
    outline: none;
    font-style: normal;
    font-weight: 800;
    font-size: 1.3rem;
    color: white;
    text-decoration: none;
    -webkit-transition: background 100ms;
    -moz-transition: background 100ms;
    transition: background 100ms;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #888888;
    text-shadow: none;
}

input[type="submit"]:hover {
    background: #b10c11;
    color: white;
    -webkit-transition: background 100ms;
    -moz-transition: background 100ms;
    transition: background 100ms;
}

div#submitorderbtn {
    margin-top: 30px;
}

div#submitbtn {
    display: none;
}

/* Footer */

p#foottext {
    width: auto;
    margin: 0 auto;
    padding: 2em;
    text-align: center;
    background-color: #171717;
    display: block;
    font-size: 0.8em;
    color: #CCCCCC;
}

footer.sixteen.columns.footer {
    margin-top: 30px;
}

p#foottext a {
    color: #1f79BF;
    text-decoration: none;
}

/* Confirmation Page */
p#confhead {
    color: #CF0000;
    font-weight: bold;
    margin-top: 15px;
}

p#conftext {
    line-height: 1.2em;
    font-style: normal;
    font-weight: 400;
}


@media only screen and (max-width:959px) {
    button.w3-button.w3-display-right {left: 250px;}

button.w3-button.w3-display-left {
    left: 37px;
}

}

@media only screen and (max-width:767px) {
    button.w3-button.w3-display-right {
    left: 303px;
    top: 25%;
}

button.w3-button.w3-display-left {
    left: 90px;
    top: 25%;
}

p#p1, p#p2, p#p8, p#p9, p#p7, p#p11, p#p13, p#p28 {
    width: inherit;
}

input#id1, input#id2, input#id9, input#id11, input#id13, input#id28, select#id8, select#id7 {
    width: 100%;
    max-width: inherit;
}

span.spanc8, span.spanc7 {
    width: 100%;
}

select#id20, select#id19, select#id18 {
    width: 100%;
}

p#p20, p#p19, p#p18 {
    width: inherit;
}

table#ratetable {
    height: 134px;
    width: 239px;
}

span.spanc71 {
    width: 180px;
    display: inline-block;
    text-align: left;
}

div#annualtext {
    width: 100%;
    margin-left: 0px;
}

p#p32 {
    text-align: left;
    margin-left: 0px;
}

select#EXPMONTH {
    margin-left: 0px;
    margin-bottom: 10px;
}

select#EXPYEAR {
    margin-left: 0px;
}

div#nlgroup {
    margin-bottom: 0px;
}

div#nlgroup2 {
    margin-bottom: 0px;
}

p#nldesc {
    margin-bottom: 0px;
}

span.spanc104 {
    text-align: left;
}

p#paytext {
    width: auto;
}

div#nlgroup {
    width: auto;
}

div#nlgroup2 {
    width: auto;
}

}

@media only screen and (max-width:479px) {
    button.w3-button.w3-display-right {
    left: 242px;
    top: 20%;
}

button.w3-button.w3-display-left {
    top: 20%;
    left: 30px;
}

span.spanc71 input {
    margin-left: 0px;
}

span.spanc71 {
    font-size: 11px;
}

table#ratetable {
    font-size: 11px;
}

table#ratetable th {
    padding-right: 10px;
}

table#ratetable td {
    padding-right: 10px;
}

table#ratetable {
    width: 175px;
}

span.spanc71 {
    width: 123px;
}

}