/* Utilities
------------------------*/
html {
    box-sizing: border-box;
    font-size: 1.1em;
    font-style: normal;
    font-variant: normal;
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
a:active, a:link, a:visited {
    color: #B3DBF8;
    text-decoration: none;
}
#checkbox_autorenew a:active,
#checkbox_autorenew a:link,
#checkbox_autorenew a:visited {
    color:#0070C0;
    text-decoration:underline;
}
body {
    width: 100%;    
    margin: 0 auto;
    clear: both;
    position: relative;
    font-family: Atlas Grotesk Web, Arial, Helvetica, Verdana, sans-serif;
    font-size:12px;
    line-height:1.4285;
}
.tblMain {
    width: 100%;
    max-width:1100px;
    margin: 0 auto;
    position:relative;
}
    .tblMain td {
        padding:0;
    }
#thePanel {
    width: 100%;
    margin: 0 auto;
    display: block;
    box-sizing: border-box;
    background-color: #F9F9F9;    
}
h1 {
    font-size:36px;
    color: #ffffff;
    margin-top:0;
    margin-bottom: 0.5em;
}
h2 {
    width: 100%;
    margin: 0 auto;
    font-family: Atlas Grotesk Web, Arial, Helvetica, Verdana, sans-serif;
    font-size:15px;
    font-weight:400;
    color: #ffffff;
    margin-top:0;
    margin-bottom: 0;
    line-height:1.7em;
}
h3 {
    margin: 0 auto;
    font-family: Atlas Grotesk Web, Arial, Helvetica, Verdana, sans-serif;
    font-size:18px;
    font-weight:400;
    color: #ffffff;
    margin-top:0;
    margin-bottom: 1em;
}
.heading {
    font-size:1.5em;
    text-align:left;
    color:black;
}
.description {
    font-size:0.4em;
    margin-top:1.1em;
    letter-spacing:0.05em;
}
#rpub {
    width: 100%;
}
/* Clearfix */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* ~~ Top Navigation Bar ~~ */
.nav-container {
    width: 100%;
    height: 54px;
    background-color: #000000; 
    margin:0 auto;
}
.navigation-bar {
    width: 100%;
    max-width: 1100px;
    height: 52px;
    background-color: #000000; 
    margin:0 auto;
}
    .navigation-bar img {
        max-width: 255px;
        vertical-align:middle;
    }
.navigation-bar a {
 color:white !important;
 cursor:pointer;
}
.navigation-bar a:hover {
 color:#E83737 !important;
}
.nav-logo {
    display: inline-block;
    position: relative;
    margin-top: 14px;
    margin-left: 13px;
}
.logo {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    margin-top: 15px;  
}
    
.navlinks {
     float: right;
     position: relative;
     margin-top: 19px;
     margin-right: 13px;
 }

.navlinks > a {
    text-decoration: none;
    font-size: 14px;
    color: white;
    margin-right: 20px
}

.navigation-bar > img {
    position: absolute;
    max-width: 120px;
    margin-top: 10px;
    margin-left: 10px;
}
/* second nav bar*/
.topnav {
    display:none;
}
.topnav {
    overflow: hidden;
    background-color: #000000;
    color:white;
}
.topnav img {
    max-width:200px;
    vertical-align:middle;
}
.topnav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 13px;
}

.topnav a:hover {
  background-color: #000000;
  color: red !important;
}

.nav-active {
  background-color: #000000;
  color: white;
}

.topnav .icon {
  display: none;
}
/* end */

.mobile {
    display: none;
}

header {
    width: 100%;
    margin:0 auto;
    background-color:#000000;
}
header img {
    width: 100%;
    max-width:255px;
    display: block;
    margin: 0;
}
.header-container {
    width:100%;
    max-width:1100px;
    margin:0 auto;
    display:block;
}
.header {
    width: 100%;
    max-width: 900px;
    margin:0 auto;
    display:block;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
}

section {
    width: 100%;
    max-width:800px;
    margin:0 auto;
    display:block;
}

footer {
    width:100%;
    margin:0 auto;
    display:block;
    background-color: #9dbad8;
    padding-top: 10px;
}
.footerContent {
    width:100%;
    display:block;
    background-color: #030303;
    margin:0 auto;
    padding-top: 2em;
    padding-bottom: 2em;
}
    .footerContent table {
     width:100%;
     max-width:1081px;
     margin:0 auto;
    
    }
#footerText {
    /*padding: 0 0 114px 320px;*/
    color: #8ba1b6;
    font-size: .9em;
    font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
    position: relative;
    top: -2em;
}
#footerLinks {
    font-size: .9em;
    font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
    position: relative;
    top: -2.5em;
    color:white;

} 
.footerContent span a {
    color: #ffffff;
    text-decoration: none;
    font-size: .9em;
} 
#pageSource {
    text-align:center;
    margin-top:1.5em;
}
.module_blurb {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FEB290;
    font-size:0.8rem;
}

.module_blurb img {
    width:100% !important;
    margin:0 auto;
    display:block;
}
.autorenew-table {
    width:80%;
    border:1px solid black;
    padding:2em;
    max-width:600px;
}
.module_blurb p {
    font-size:16px;
    line-height:1.2em;
}
.module_blurb li {
    font-size:1rem;
    line-height:1.2em;
}
.module_blurb a {
    /*color:#565656;*/
}
.module_blurb a:hover {
    color:#a02b2f;
}
.module_blurb table{
    width:100%;
    margin:0 auto;
    display:block;
}
    .module_blurb table td {
        vertical-align:middle;
    }
        .module_blurb table td:first-child {
            width:61%;
        }
.module_blurb .standard-table h1{
    text-align:left;
}
.social img {
    width:auto!important;
}
.red {
    color: #FF003A;
}
#blurb_bottom_payment,
#blurb_bottom_price {
    display:block;    
    line-height: 1.6em;
    color: #a8afb7;
    text-align: center;
    font-size: 8pt;
    padding: 0 7em 0 7em;
    margin-top:30px;
}
.blurb_bottom {
    width: 85%;
    margin: 0 auto;
    display: block;
    color: #A6A49F;
    text-align: center;
    font-size: 12px;
    margin-top: 2em;
    letter-spacing: 0.43px;
    line-height: 17px;
}
#tbl_price td {
    padding-bottom:0.5em;
    padding-left:2em;
}
#headerRow_price .cell {
    font-weight:bold;
}
.ccContainerpayment {
    width:100%;
}
.InnerTableForRadiopayment {
    display:none;
}

#paypalPro_cell > table, #eCheck_cell > table {
    margin: 15px 0px;
}
#blurb_top_payment img{
    margin-right:1em;
    width:100%;
    max-width:64px;
}
#tbl_payment img {
    width:51px;
    height:32px;
}

.table1 {
    border: none;
}
.tbl {
    width: 100%;
}
.moduleHdr {
    width: 72%;
    display:block;
    margin-left: auto;
    margin-right: auto;
}

.moduleHdr:first-child {
    border-top-style: hidden;
}


/**************namedaddr module*************/

.module_wrapper {
    width: 100%;
    margin:0 auto;
    display:block;
    background-color:transparent;
    margin-bottom: 2%;
}
.module_lastword {
    width: 100%;
    margin: 0 auto;
    display:block;
    text-align:center;
    margin-bottom: 0%;
    font-size:12px;
}

#module_grandtotal_wrapper {
    padding-top:0;
    padding-left: 10em;
    padding-right: 10em;
}
#blurb0_nameaddr {
    display:none !important;
}

#module_agreement table {
    width:100%;
}

#module_newsletter_wrapper {    
    padding-top:0;
    padding-bottom:0;    
}

#module_newsletter {    
    display: block;
    margin: 0 auto;
}
#newsletter_1 {
    margin-left:0.1em;
    display:table-row;
}
#newsletter_1 label {
    padding-left:0.5em;
    display:table-cell;
}
#module_payment_wrapper {
    margin-bottom:0;
    padding-bottom:0;
}

ul.checkmark {
  list-style-image: url('../images/checkmark-small.png');
}

#module_submit_wrapper {
    border-style: none;
    padding-bottom: 4em;
    margin-bottom:0;
}
#module_login_wrapper {
    background-color:white;
}
#divMailingLabel {
    margin-top:1em;
}
#moduleHdr_paybill,
#module_paybill_wrapper {
    border: 0;
    outline: 0;
}
#module_orderinfo_wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: solid 0px maroon;
    background-color: #fff;
    padding: 1%;
    margin-bottom: 2%;
}
#module_orderinfo{
    overflow:hidden;
}
.tbllogin {
    width:100%;
}
#tbl_nameaddr td,
#tbl_billto_nameaddr td {
    padding-bottom:0.2em;
}
#tbl_billto_nameaddr {
    display:table !important;
}
#tbl_payment {
    width:100%;
}
#combinedcitystatezip {
    width:100%;
}
#row_login_2 {width:45%; float:left; clear:left; 
}
#row_login_3 {width:45%; float:right;  clear:right;
}
#row_login_5 {width:45%; float:left; clear:left; 
}
#row_login_6 {width:45%; float:right;  clear:right;
}
#row_nameaddr_1 {width:49%; float:left; clear:left;
}
#row_nameaddr_3 {width:49%; float:left; clear:left;
}
#row_nameaddr_4 {width:49%; float:right;  clear:right;
}
#row_nameaddr_6 {width:100%; float:left; 
}
#row_nameaddr_7 {width:100%; float:left;  
}
#row_nameaddr_8 {width:100%; float:left; 
}
#row_nameaddr_9, #row_billto_nameaddr_7 {width:49%; float:left; clear: left;
}
#row_nameaddr_10, #row_billto_nameaddr_8 {width:49%; float:right; clear: right;
}
#row_nameaddr_11, #row_billto_nameaddr_9 {width:49%; float:left; clear: left;
}
#row_nameaddr_12, #row_billto_nameaddr_10 {width:49%; float:right; clear:right;
}
#row_nameaddr_16 {width:49%; float:left; clear:left;
}
#row_nameaddr_17 {width:49%; float:right;  clear:right;
}
#demos_question_0, #demos_question_1 {
    display:none;
}
#demos_question_0,#demos_answer_0 {width:46.5%; float:left;margin-right:3em;margin-left:0.1em;
}
#demos_question_1,#demos_answer_1 {width:46.5%; float:right;margin-right:0.3em;
}
#row_billto_nameaddr_1 {width:49%; float:left; clear:left;
}
#row_billto_nameaddr_2  {width:49%; float:right;  clear:right;
}
#row_billto_nameaddr_3 {width:100%; float:left; 
}
#row_billto_nameaddr_4 {width:100%; float:left; 
}
#row_billto_nameaddr_5 {width:100%; float:left; 
}
#row_billto_nameaddr_6 {width:100%; float:left; 
}
/*#row_billto_nameaddr_7  {width:32.5%; float:left; margin-right:1em;
}
#row_billto_nameaddr_8 {width:32.5%; float:left; margin-right:1em;
}
#row_billto_nameaddr_9 {width:29%; float:right;
}
#row_billto_nameaddr_10 {width:49%; float:left; clear:left;
}*/
#row_billto_nameaddr_14 {width:49%; float:left; clear:left;
}
#row_billto_nameaddr_15 {width:49%; float:right; clear:right; 
}
#row_username_1 {width:49%; float:left; clear:left; 
}
#row_username_2 {width:49%; float:right;  clear:right;
}

#ccmonth {
    float: left;
    width: 47%;
    margin-right: 10px;
}
#ccyear {
    float: left;
    width: 47%;
    
}
#ccexpire_req {
    /*float:left;*/
}
#ccv{
    width:100%;
}
#ccvlink {
    display: none;
}
#checkbox0_billto_checkbox {    
    color:#000000;
    line-height: 12px;
    letter-spacing: 0.26px;
}
#module_submit_wrapper,
#module_paybill_wrapper {
    width: 100%;
}
.module{    
    margin-bottom: 5px;
    margin-right: 3.7em;
    margin-left: 3.7em;
}
#module_billto_checkbox {
    margin-right:0;
    margin-left:0;
}
#module_nameaddr, #module_billto_nameaddr, #module_username,#module_payment,#module_autorenew, #module_agreement, #module_newsletter, .moduleHdr-top-border, .module_submit,  .footer-text  {
    margin-left:10em;
    margin-right:0em;
}
#module_autorenew {
    border:2px solid #41719C;
    padding:0.5em;
    background-color: lightyellow;
}
#module_customgift {
    margin-top: 5px;
    margin-bottom: 5px;
}
#tbl_nameaddr span {

}
.reqstar {
    color: #a02b2f;
}
.reqmsg, #password_length, .reqmsg_payment {
    color: #a02b2f !important;
    font-weight:bold;
}
#payment_error_msg {
    width:100%;
    color: white !important;
    font-size:1.1em;
    font-weight:bold;
    background-color: #ff0000;
    padding: 1% !important;
    margin-bottom: 1em !important;
    text-align:center;
    display:block;
}

#errordiv div {
    color: white !important;
    padding:2em;
    font-size:1.1em;
    background-color: #ff0000;
    padding: 1% !important;
}

#thepanel2 #errordiv div {
    padding:0;
}

.fieldInput, .cgstate, .cgzip, .cgcountry  {
    max-width: 100%;
}
label {
    display:inline;
    margin-left:0.5em;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
   	width:100%;
    margin: 13px 0 0 0;
    border: 1px solid #A7A5A0;
    color: #2C2C2C;
    padding: 0 10px;
    height: 45px;
    line-height: 31px;
    font-size:12px;
    letter-spacing: 0.26px;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;  
    -webkit-border-radius: 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
  border: 1px solid #837349;
    color:#2C2C2C;
  -webkit-transition: border 100ms;
  -moz-transition: border 100ms;
  transition: border 100ms;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#ADADAA;
}
input::-moz-placeholder { /* Firefox 19+ */
    color:#ADADAA;
}
input:-ms-input-placeholder{ /* IE 10+ */
    color:#ADADAA;
}
input:-moz-placeholder { /* Firefox 18- */
    color:#ADADAA;
}
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#ADADAA;
    opacity: 1; /* Firefox */
}
textarea {
    height: 35px;
    margin: 13px 0 0 0;
    line-height: 31px !important;
        border: 1px solid #A7A5A0 !important;
    color: #2C2C2C;
}
select {
	width:100%;
    background-color: #f1f2f2;
	background-image: url('../images/arrow-down.png');
	background-repeat: no-repeat;
	background-position: right center;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;   
    -webkit-border-radius: 0;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
    -moz-border-radius: 0;  /* Firefox 1-3.6 */     
    border-radius: 0;  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	text-indent: 0.01px;
	text-overflow: "";
	height: 45px;
    font-size: 12px !important;
    letter-spacing: 0.26px;
	line-height: 22px;
	padding: 0 10px;
	border: 0;
    color:#ADADAA;
	box-shadow: none;
	background-color: #ffffff\9; /* for IE 8 and lower */
	background-image: url(none)\9;
	padding: 0 0 0 10px\9;
	height: 36px !important\9;
    margin:13px 0 0 0;
    border-style:none !important;
}
select::-ms-expand {
    display: none; /*remove arrow in IE*/
}
select:focus {
  border: 1px solid #837349;
  color: #2C2C2C;
  -webkit-transition: border 100ms;
  -moz-transition: border 100ms;
  transition: border 100ms;
}
option {
    background-color: #ffffff;
    color: #787878;
}
input[type="radio"] {
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #b2a279;
}
input[type="checkbox"] {
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #b2a279;
}
.module_submit {
    padding: 0px;
    text-align: center;
    margin-top: 1%;
    margin-bottom: 0.5em;
    margin-left: 10em;
    margin-right: 0em;
}

input[type="submit"], .button{
    width: 100%;
    max-width:242px;
    color:white;
    background-color:#E73836;
    border-color:#E73836;
    text-transform:uppercase;
    font-size:1.1em;
    padding-top: 1em;
    padding-bottom: 1em;
    letter-spacing:0.1em;
}
button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    
    font-size: 100%;
    /* 2 */
    
    /*margin-left: 5px;
    margin-right: 5px;*/
    border: 1px solid #AAAAAA;
}
#tbl_nameaddr .blurb {
    color: #a02b2f;
}
#tbl_referrals td {
    padding-left: 0px !important;
}
#tbl_nameaddr td,
#tbl_login td,
#tbl_billto_nameaddr td,
#tbl_username td
{
    display:block;
}
.ccContainerpayment td {
    display:block;
}
.dropdown_payment {
    width:50%;
}

.red {
    color: #BD0500;
    font-weight: bold;
    font-size: 15pt;
}

textarea {
    line-height: 1.5;
    height: 12em;
}

.rbSelector {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
}

.modal-wip
{
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 99;
    opacity: 0.2;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}
.loading-wip
{
    /*border: 5px solid #67CFF5;*/
    width: auto;
    /*height: 100px;*/
    display: none;
    position: fixed;
    background-color: White;
    z-index: 999;
    padding: 15px;
    font-size: 18px
}


.input {
  position: absolute;
  opacity: 0;
}

.label {
    padding: 8px 30px;        
    /*cursor: pointer;*/
    font-weight: bold;
    font-size: 15px;
    color: #ffffff;
    transition: background 0.1s, color 0.1s;
    margin: 0;
}

#TrustedSecure {
    /*margin-top:1em;*/
}

#moduleHdr_nameaddr, #module_nameaddr_wrapper, #module_username_wrapper, #module_payment_wrapper, #module_autorenew_wrapper, #module_agreement_wrapper, #moduleHdr_privacy, #module_privacy_wrapper, #module_gdpr_wrapper, #module_newsletter_wrapper, #module_submit_wrapper, .module_lastword, #module_billto_checkbox_wrapper, #module_billto_nameaddr_wrapper, #moduleHdr_billto_nameaddr, #module_hcaptcha_wrapper {

    float: left;
    clear: left;
    width: 60%;
}
#module_ordersummary_wrapper, #moduleHdr_ordersummary {
    float: right;
    clear: right;
    width: 35%;
    margin-left: 5%;
}

/**Checkout*/
#module_ordersummary_wrapper {
    padding-right: 5em;
}

#module_ordersummary {
    border: 5px solid red;
    padding: 20PX;
}

.module-ordersummary-top {
    padding: 20px 0px 10px 0px;
}

.selected-edition-label {
    color: #E83737;
    text-transform: uppercase;
    display: block;    
    font-Size: 13px;
    color: #E83737;    
    margin-bottom: 0.8em;
    letter-spacing: 0.85px;
}

.order-summary-offer-list {
    margin-bottom: 10px;
    font-weight:bold;
    color: black
}

.order-summary-totaldue {
    width: 100%;
    display:block;    
    padding-top: 15px;
    border-top: 1px solid #a9b0b8;
}
.order-summary-duevalue {
    float: right
}

label[for="autorenew"] {
    font-size: 14px;
}

.moduleHdr-top-border {
    margin-left: 10em;
    margin-right: 0em;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #a9b0b8;
    padding-top: 15px;
}

#module_agreement {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #a9b0b8;
    padding-top: 15px;
}

#module_billto_checkbox_wrapper {
     margin-left: 10em;
    margin-right: 0em;
}

.footer-text {           
    margin-left: 10em;
    margin-right: 0em;     
}

#module_recaptcha_wrapper {
    margin: -35px;
}

.simple-spinner.async-recaptcha-spinner {
    display: none;
}

.ccContainerpayment .row_payment:nth-child(2) {
    float: left;
    clear: left;
    width: 70%;
}

.ccContainerpayment .row_payment:nth-child(3) {
    float: right;
    clear: right;
    width: 30%;
}

#mobile-collapsible-ordersummary {
    display:none;
}

.mobile-icon-plus {
    color: #0550c8 !important
}

.order-summary-promocode-value {
    color:red;
}

.order-summary-specialnote {    
    margin: 0 auto;
    display: block;
    text-align: center;
    background-color: #F8DD57;
    color: #505F6E;
    padding: 1em;
}

.order-summary-specialnote {
    display: none
}

/**End Checkout*/

#echeck_routingNum, #echeck_accountNum {
    width: 200px;
}

@media only screen and (max-width: 70em) {
    #module_nameaddr, #module_billto_nameaddr, #module_username, #module_payment, #module_autorenew, #module_agreement, #module_newsletter, .moduleHdr-top-border, .module_submit, .footer-text, #module_billto_checkbox_wrapper  {
        margin-left: 3em;
        margin-right: 3em;
    }
    #module_billto_checkbox_wrapper {
        width:53%;    
    }
    #module_ordersummary_wrapper {
        padding-right: 2em;
    }
}
/*half screen*/
@media only screen and (max-width: 60em) {
    .tblMain {
        /*padding-left:2em;
        padding-right:2em;*/
    }
    h1 {
        font-size:33px;
    }
    h2 {
        font-size:13px;
    }
    .sub-content {
        width:90%;
    }
    .header-text {
        width:70%;
    }
    .header-text-long {
        width:70%;
    }   
    .module_blurb li {
        font-size:1.2em;
    }   
    .footerContent {
        padding-left:1em;
    }
    #module_ordersummary_wrapper {
        padding-right: 1em;
    }
}
@media only screen and (max-width: 55em) {
    .divTableCell label {
    font-size: 17px;
    }
    .sub-content {
        width:100%;
    }
    #module_nameaddr, #module_billto_nameaddr, #module_username, #module_payment, #module_autorenew, #module_agreement, #module_newsletter, .moduleHdr-top-border, .module_submit, .footer-text, #module_billto_checkbox_wrapper  {
        margin-left:2em;
        margin-right:2em;
    }
    h1 {
        font-size:30px;
    }
        #paypal-button-container {
        width: 100%
    }
}
@media only screen and (max-width: 53em) {
    #module_nameaddr, #module_billto_nameaddr, #module_username, #module_payment, #module_autorenew, #module_agreement, #module_newsletter, .moduleHdr-top-border, .module_submit, .footer-text, #module_billto_checkbox_wrapper   {
        margin-left:1em;
        margin-right:1em;
    }
}
@media only screen and (max-width: 51.188em) {
    #module_nameaddr, #module_billto_nameaddr, #module_username, #module_payment, #module_autorenew, #module_agreement, #module_newsletter, .moduleHdr-top-border, .module_submit, .footer-text, #module_billto_checkbox_wrapper   {
        margin-left:0;
        margin-right:0;
    }
}
@media only screen and (max-width: 49em) {
    #row_nameaddr_11 {
        width:27.5%;
    }
    #demos_question_0, #demos_answer_0 {
        margin-right: 2.4em;  
    }
    h1 {
        font-size:28px;
    }
}
@media only screen and (max-width: 48em) {
    #demos_question_0, #demos_answer_0 {
        margin-right: 2.3em;  
    }
}
@media only screen and (max-width: 45em) {
    body {
        font-size: 0.875em;
        width: 100%;
        background-size:800px;
        background-color:white;
    }
    #thePanel {
        margin-top:0;
    }
    .desktop {
        display:none;
    }
    .mobile {
        display:block;
    }
    .tblMain {
        padding:0;
        top:0;
    }
    h1 {
        font-size:25px;
    }
    h2 {
        width:100%;
        padding-left: 0;
        padding-right: 0;
        font-size:12px;
    }
    nav {
        display:none;
    }
    nav {
        font-size:11pt !important;
        text-transform:capitalize !important;
    }
    .topnav {
        display:block;
    }
    /*first nav*/
    .navlinks a {display: none;}
    .navlinks a.icon {
        float: right;
        display: block;
    }
    .navlinks.responsive {position: relative;}
    .navlinks.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .navlinks.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    /*second nav*/
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
        float: right;
        display: block;
    }
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    /*end nav*/
 
    .footer-text {
        width:98%;
    }
   
    header {
        border-top:0;
        min-height:0;
        margin-bottom: 2em;
    }
    header img {
        width: auto !important;
        display:block;
    }
    section {
        padding-bottom:2em;
    }
    section table td {
        display:block;
        text-align:left !important;
    }
    section p {
        padding-top:1em;
        padding-bottom:1.5em;
    }
    .footerContent table td {
        display:block;
    }
    #footerText, #footerLinks {
        position:initial;
        top:0;
    }   

    .container {
        display:none;
    }  
    input[type="text"], input[type="password"], input[type="email"], input[type="tel"] {
        font-size:1em !important;
    }
    select {
        font-size:1em !important;   
    }
    #tbl_login td:nth-child(1),
    #tbl_nameaddr td:nth-child(1),
    #tbl_billto_nameaddr td:nth-child(1) {
        width:100%;
    }
    #tbl_username tr {
        width:99%; float:none; margin-right:1%;
    }
    #tbl_nameaddr tr {
        width:99%; float:none; margin-right:1%;
    }
    #tbl_billto_nameaddr tr {
        width:99%; float:none; margin-right:1%;
    }

    .row_payment{width:100%; float:none;
    }

    .moduleHdr {
        width: 96%;
    }
    .remove {
        display:none;
    }
    .module_blurb {
        width: 100% !important;
    }
    .module_wrapper, .moduleHdr
     {
        width: 96% !important;
        padding: 0px 0px 0px 20px;
    }

    #module_nameaddr, #module_billto_nameaddr, #module_username, #module_payment, #module_autorenew, #module_agreement, #module_newsletter, .moduleHdr-top-border, .module_submit, .footer-text, #module_billto_checkbox_wrapper  {
        margin-left:0;
        margin-right:0;
    }
    #module_agreement_wrapper, .module_lastword {
        width: 96% !important;
    }
    #module_agreement,#module_newsletter {
        width:100%;
    }
    #module_grandtotal {
        width:100%;
    }
    .txtbox_bulk,
    .txtbox_donation,
    .txtbox_grandtotal {
        width:50% !important;
    }
     .module_lastword {
        /*background-color:#F1F2F2;*/
        font-size:12px;
     } 

    .module_blurb li {
    font-size: 1em;
    }
    #submit_btn {
        width: 100%;
        margin-top:20px;
    }
    .control_cell_nameaddr input,
    .txtbox_referrals input,
    .control_cell_nameaddr select,
    .txtbox_referrals select,
    .control_cell_billto_nameaddr input,
    .txtbox_referrals input,
    .control_cell_billto_nameaddr select,
    .txtbox_referrals select,
    .cell2_username input,
    .cell2_username select{
        font-size: 1em;
        width: 100% !important;
    }
    #module_pid select,
  
    #TrustedSecure table {
        width:100%;
    }
    #TrustedSecure img {
        margin:0 auto;
        display:block;
    }
    .ccContainerpayment td{
        display:block;
    }
    .txtbox_payment {
        width:95%;
    }
    #tbl_nameaddr td,
    #tbl_billto_nameaddr td {
        display: block;
    }
    #tbl_login td {
        display: block;
    }
    #tbl_referrals td {
        display: block;
    }
    .module {
        padding: 0;
        margin: 0;
    }
    
    input[type="checkbox"] {
        margin: 0;
        padding: 0;
        display: inline-block;
        clear: none;
        position: relative;
    }

    #blurb_bottom_payment, #blurb_bottom_price {
        padding:0;
        margin-top:1em;
    }
    #recaptcha_widget_div div {
        margin:0 auto;
        display:block;
    }

    #mobile-collapsible-ordersummary {
        display:block;
    }

    #module_ordersummary, #desktop-order-summary-title {
        display: none;
    }

    #module_ordersummary.show, #module_ordersummary.collapsing  {
        display: block !important;
    }



}
@media only screen and (max-width: 37em) {
    .mobile-heading {
        display:none;
    }
}
@media only screen and (max-width: 35em) {
     #ccv {
        width:100%;
    }
    h1 {
        font-size:22px;
    }
    #btnPricePanel, #lblPricePromoCodeError {
        display: block;
        margin-left: 140px;
    }
}
@media only screen and (max-width: 30em) {
    h1 {
        font-size:18px;
    }
    #reviewEditionHeader {
        font-size: 14pt;
    }
    #reviewEditionPrice {
        font-size: 14pt;
        margin-left: 5%;
    }
}
@media only screen and (max-width: 24em) {
    .module_blurb li {
        font-size:0.9em;
    }
    .moduleHdr {
        font-size:0.95em;
    }
}
@media only screen and (max-width: 22em) {
    .module_blurb li {
        font-size:0.8em;
    }
}

@media not all and (pointer: coarse) {
  .tabpanel:hover {
    background-color:#f1f2f2 !important;
    border:9px #E83737 solid !important;
  }
}
