/*content size */

section.sixteen.columns.contentmiddle {
    max-width: 800px;
}

header.sixteen.columns {
    max-width: 800px;
}

footer.sixteen.columns.footer {
    width: 800px;
}

div#content1 {
    text-align: center;
}



/* header */

div#bannerimg img {
    margin-bottom: 20px;
}

div#prwcover {
    float: left;
    display: inline-block;
}

header img {
	max-width: 800px;
    width: 100%;
}

img {
    /* float: left; */
}

header.sixteen.columns {
    text-align: center;
}


div#annualtext {
    vertical-align: top;
    display: inline-block;
    max-width: 465px;
    margin-left: 45px;
    float: left;
}

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;
}



/* Center content */
section.sixteen.columns.contentmiddle {
    text-align: center;
}



/* Demographics all pages */

p#p285 {
    margin-bottom: 10px;
}

.addresslabel .questionlabel {
    display: none;
}

input#id1, input#id2, input#id9, input#id11, input#id13, input#id28, input#id23 {
    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 {
    margin-left: 0px;
}

select#id8, select#id7 {
    margin-left: 0px;
}


/* Demographics MMM */

span.spanc9 p#p9, span.spanc10 p#p10, span.spanc11 p#p11 {
     text-align: left;
     width: 800px;
}


span.spanc9 p#p9 select#id9, span.spanc10 p#p10 select#id10, span.spanc11 p#p11 select#id11 {
    width: 435px;
    margin-left: 0px;
    margin-top: 5px;
}


table#demotable td {
    vertical-align: middle;
    padding-right: 10px;
    padding-bottom: 0px;
}

table#demotable td {
    vertical-align: middle;
    padding-right: 10px;
    padding-bottom: 0px;
}


select#id9, select#id10, select#id11 {
    width: 435px;
    margin-left: 0px;
}

input#id_r216 {
    width: 425px;
    margin-left: 0px;
}

span#otherfillinid_r216 {
    display: block;
    text-align: left;
    width: 100%;
}

/* free sub offer */

p#p24 {
    text-align: left;
}

p#p24 select {
    width: 435px;
    margin-left:0px;
}

/* MMM bonus offer */

table#pmdblurb td {
    text-align: left;
    vertical-align: middle;
}

div#pp8 {
    text-align: left;
}

div#pp8 input {
    margin-left: 0px;
}

/* Hide Rates */

div#pp70 {
    display: none;
}

span.spanc175 {
    display: none;
}

span.spanc68, span.spanc69, span.spanc70 {
    display: none;
}

span.spanc150, span.spanc151, span.spanc152, span.spanc153, span.spanc154, span.spanc155,
 span.spanc156, span.spanc157, span.spanc158  {
    display: none;
}

/* Rates selection */

p#p139 .questionlabel {
    display: none;
}



p#p139 {
    text-align: left;
}

span.spanc139 {
    float: left;
    width: 266px;
    display: inline-block;
    text-align: left;
}

table#ratetable {
    float: left;
    height: 111px;
    display: inline-block;
    width: 330px;
}



.spanc139 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 */

h3 {
    text-align: left;
}

p#cardlogos {
    margin-left: auto;
    width: 100%;
    max-width: 550px;
    margin-right: auto;
    text-align: left;
}

p#cardlogos {
    float: left;
    display: inline-block;
    margin-left: auto;
    width: 100%;
    margin-right: auto;
    text-align: left;
    margin-top: 0px !important;
}

p#p127 .questionlabel {
    display: inherit;
}

p#p127 {

    text-align: left;
    margin-right: auto;
    margin-left: auto;
}

p#p127 {
    margin-bottom: 0px;
}

p#p127.addresslabel {
    padding-left: 0px;
}

input#id127 {
    margin-bottom: 0px;
    margin-left: 0px;
}

iframe#ccframe {
    text-align: left;
    margin-right: auto;
    margin-left: -10px;
    float: left;
}

select#EXPMONTH {
    margin-left: 0px;
    margin-bottom: 0px;
    display: inline-block;
}

select#EXPYEAR {
    margin-bottom: 0px;
    display: inline-block;
}

p#p32 {
    float: left;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
}

#p32.addresslabel {
    padding-left: 0px;
    display: inline-block;
    float: left;
}

p#paytext {
    width: inherit;
    margin-bottom: 0px;
    display: inline-block;
    margin-top: 0px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    font-size: 10px;
    float: left;
}

p#paytext2 {
    margin-bottom: 15px;
    display: inline-block;
    margin-top: 5px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    font-size: 10px;
    float: left;
}

input[type="radio"] {
    margin-left: 0px;
}

p#p32 {
    clear: both;
}

span.spanc104 {
    display: inline-block;
    float: left;
    margin-top: 0px;
}

/* Premium/Newsletter section */

div#nlgroup {
    margin-bottom: 75px;
    vertical-align: text-bottom;
    display: inline-block;
    width: 65%;
}

div#nlgroup2 {
    margin-bottom: 85px;
    vertical-align: text-bottom;
    display: inline-block;
    width: 65%;
}

p#nlhead {
    margin-top: 10px;
    margin-left: 0px;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
}

p#nldesc {
    margin-bottom: 0px;
    font-size: 14px;
    text-align: left;
    margin-left: 0px;
}

p#p82, p#p83 {
    display: none;
}

/* Newsletter / Deployments */

div#newsletters {
    text-align: left;
    margin-bottom: 15px;
}

div#pp37, div#pp38, div#pp39, div#pp40  {
    text-align: left;
}

input#optp37, input#optp38, input#optp39, input#optp40  {
    margin-left: 0px;
}

/* Submit Button */

/* Submit Button */

input[type="submit"] {
    min-width: 200px;
    margin-left: 6px;
    padding: 8px 15px;
    background: #fd0006;
    border: 1px solid #fd0006;
    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: #000000;
    color: white;
    -webkit-transition: background 100ms;
    -moz-transition: background 100ms;
    transition: background 100ms;
}

div#submitorderbtn {
    margin-top: 30px;
}

div#submitbtn {
    display: none;
}

div#submitorderbtn {
    text-align: center;
}

/* 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: #d2118d;
    font-weight: bold;
    margin-top: 15px;
}

p#conftext {
    line-height: 1.2em;
    font-style: normal;
    font-weight: 400;
}

div#MMMlogo {
    max-width: 237px;
    margin-top: 20px;
}

@media only screen and (max-width:959px) {
    button.w3-button.w3-display-right {left: 250px;}

button.w3-button.w3-display-left {
    left: 37px;
}

div#annualtext {
    max-width: 387px;
}

p#p1, p#p2, p#p8, p#p9, p#p7, p#p11, p#p13, p#p28 {
    width: 100%;
}

div#nlgroup2 {
    margin-bottom: 69px;
}

}

/* SS report */
h4 {
    font-family: initial;
    text-align: left;
    font-style: normal;
    font-size: 1.4em;
    font-weight: bold;
}

div#mmmss img {
    border: 1px solid black;
}

div#pp12 {
    display: none;
}

span.spanc168 {
    display: none;
}


@media only screen and (max-width:767px) {

    div#prwcover{
        float:initial;
    }

    div#annualtext ul {
        margin-left:0px;
    }

    p#p139 {
    margin-bottom: 42px;
}

    img {
    float: initial;
}

footer.sixteen.columns.footer {
    width: auto;
}

    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.spanc139 {
    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;
}

iframe#ccframe {
    margin-bottom:20px;

}

@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.spanc139 input {
    margin-left: 0px;
}

span.spanc139 {
    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.spanc139 {
    width: 123px;
}

}



