/*******************************************/
/* General styles applies to all */
* 
{
    box-sizing: border-box;
}

html
{
    background-color:white;
}
h1 {
    margin:0;
}
    
body {
    font-size: 0.938em;
    margin: 0 auto; /* this will center the content of the page to the center */
    width: 100%;   
    background-color: transparent;
    font-family: 'Open Sans','sans-serif';
    color:#333;
}
.tblMain {
   width: 100%;
   max-width:800px;
   background-color:white;
   margin:0 auto;
   display:table; 
   padding-bottom:16px; 
}

/*html5 display rule*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block; zoom:1; 
}
.top-header {
    font-size: 16px;
    font-weight: 400;
    background-color: #4E64A0;
    padding: 10px;
    margin: 0px;
}
.sub-header {
	width: 100%;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	position:relative;
}

header 
{
	width: 100%;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	position:relative;
    margin-top:1em;
}

header img
{
    width:auto;
    display:block;
}

#donation {
width:43%;
margin-right: 0.5em !important;
}
#grandtotal {
width:50%;
}
.txtbox_donation,
.rbldonation{
	margin-top:1em;
    margin-bottom:1em;

}
#lbl_donation_2, #ddldonation
{
    display:none;
}

#rbldonation td
{
    float:left;
    clear: both;
    content: "";
    display: block;
    white-space:nowrap;
}

.cbxRecurdonation
{
    display:block;
    margin-top:2em; 
}

#rpub
{
    width:100%;
}
.pc
{
	margin-top:1%;
	float: left;
	width: 100%;
}

.pc img
{
    width:100%;
    max-width:850px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

section 
{
    margin-top:1em;
	width: 100%;
    margin-left:auto;
    margin-right:auto;
	margin-bottom:20px;
}

section img
{
    width:100%;
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.mobile
{
    width: 100%;
    margin-left:auto;
    margin-right:auto;
}

.mobile img
{
    width:100%;
    max-width:350px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

sidebar 
{
	margin-left:1em;
	float: left;
	width: 100%;
}

sidebar img
{
    width:100%;
    max-width:403px;
    display:block;
}

footer 
{
    width:100%;
    max-width: 1180px;
    margin-top:1em;
    letter-spacing:2px;
    margin-left:auto;
    margin-right:auto;
    background-color: #4E64A0;
    color:white;
    padding:1.5%;
    text-align:center;
    font-size:0.9em;

}
.second-footer {
    width:100%;
    max-width: 1180px;
    margin:0 auto;
    display:block;
    background-color: #BBC3E8;
    padding:0.5%;
}

.module_blurb
{
	width: 95%;
	padding-top:1em;
	margin-left:auto;
	margin-right:auto;
    background-color: #FFFFFF;
    border-color: #E5E5E5;
    border-width:0px;
    border-style:solid;
    margin-bottom:2%;
    border-color: #666666;
	border-style:solid;
}

.module_blurb img
{
    width:100%;
    display:block;
}

#module_orderinfo_wrapper{
	width: 95%;
	margin-left:auto;
	margin-right:auto;
}

#module_orderinfo
{
    margin-left:5%;
	margin-right:auto; 
}
    
.table1
{ 
    border:none;
}

.tbl 
{
    width: 100%;
}

       
.moduleHdr 
{
    width: 100%;
    max-width:800px;
	margin-left:auto;
	margin-right:auto;
    font-weight:bold;
    color:white;
    font-size:1.2em;
    background-color: #4E64A0;
	padding:0.5%;
}



 /**************namedaddr module*************/
.module_wrapper
{
    width: 100%;
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
    background-color: transparent;
    padding:0.5%;
    margin-bottom:2%;
}

#moduleHdr_paybill
{
    border-style:none;
    background-color:White;
}

#module_login_wrapper, #module_custserve_wrapper
{
    width: 100%;
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
    background-color: transparent;
    padding:1%;
    margin-bottom:2%;
    
   
}


#module_grandtotal {
  padding-left: 108px; }
  
#module_newsletter_wrapper
{
    width: 100%;
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
    background-color: #F3F8FE;
    border-color: #666666;
	border-style:solid;
    border-width:2px;
    padding:1%;
    margin-bottom:2%;
    overflow:auto;
    
      /* this creates the rounded corners */
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;

    border-radius: 10px 10px 10px 10px; /*always declare the non-prefixed version LAST */
}

#module_orderinfo
{
    width: 100%;
    max-width:785px;
    margin-left:auto;
    margin-right:auto;
}

#module_google
{
    width: 85%;
    margin-left:auto;
    margin-right:auto;
    border-style:none;
}

   
.module 
{
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
    margin-left:5px;
}    
       
.tblMain 
{
    clear:left;
    width: 100%;
}

 
.reqstar {color:Red;}

.demos_question
{
    padding:0.5%;
}

.demos_answer
{
    padding-bottom:20px;
}
    
#demos_answer_1
{
    width:100%;
}

   
/****************demos module**********************/
    
.demos_question
{
    padding-top:10px;
    padding-bottom:8px;
}    

.demos_answer
{
    padding-bottom:8px;
} 
    
.demos_answer_other
{
    padding:1%;
} 
    

.checkboxlist_demos
{
    width:100%;
    /*font-size:90%;*/  
} 


/***********************************Price************************************/
#tbl_price {
    padding: 0.500em 0 0;
    text-align: center;
    width: 90%;
}

#headerRow_price {font-weight:bold;}

 
#module_price_bottom {

    display:none;
    margin:none;
}

/****************************************************************************/
/**AutoRenew**/
#module_autorenew_top {
	display: none;
	margin: none;
}

.module_submit {
    padding: 0px;
    text-align: center;
    margin-bottom: 0.5em;
}
input[type="submit"] {
    font-size: 1.25rem;
    line-height: 30px;
    border-radius: 0;
    overflow: hidden;
    border: none;
    font-weight: 400;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 0.3rem;
    background-color:#4E64A0;
}
    input[type="submit"]:focus {
        background-color:black;
    }

    input[type="submit"]:hover {
        background-color:black !important;
    }
#submit_btn {
    text-transform:uppercase;
    font-size:1.3em;
}

.tbllogin {
    width:100%;
}
#tbl_login td:nth-child(1),
#tbl_nameaddr td:nth-child(1),
#tbl_billto_nameaddr td:nth-child(1),
#tbl_username td:nth-child(1) {
    /*width:8em;*/
    width:100%;
    margin-bottom:0.3em;
}
#tbl_login td:nth-child(2),
#tbl_nameaddr td:nth-child(2),
#tbl_billto_nameaddr td:nth-child(2),
#tbl_username td:nth-child(2) {
    /*width:8em;*/
    width:100%;
    margin-bottom:0.1em;
}
#module_demos_wrapper input {
    margin-bottom:1em;
    margin-top:1em;
}
#module_demos_wrapper  select{
    margin-bottom:1em;
    margin-top:1em;
    width:50%;
}
#tbl_nameaddr td,
#tbl_billto_nameaddr td,
#tbl_username td {
    padding-bottom:0.2em;
}
#tbl_billto_nameaddr {
    display:table !important;
}
#blurb0_billto_nameaddr {
    display:none !important;
}
#divMailingLabel {
display:none;
}
#row_login_2 {width:48%; float:left; clear:left; margin-right:1%;
}
#row_login_3 {width:48%; float:right; clear:right; margin-right:1%;
}
#row_login_5 {width:48%; float:left; clear:left; margin-right:1%;
}
#row_login_6 {width:48%; float:right; clear:right; margin-right:1%;
}
#row_nameaddr_2 {width:46.5%; float:left; clear:left; margin-right:3.5%;
}
#row_nameaddr_3 {width:46.5%; float:left; clear:left; margin-right:3.5%;
}
#row_nameaddr_4 {width:46.5%; float:right; clear:right; margin-right:3.5%;
}
#row_nameaddr_5 {width:46.5%; float:left; clear:left; margin-right:3.5%;
}
#row_nameaddr_6 {width:100%; float:left; clear:left; 
}
#row_nameaddr_7 {width:100%; float:left; clear:left; 
}
#row_nameaddr_8 {width:100%; float:left; clear:left; 
}
#row_nameaddr_9 {width:46.5%; float:left; clear:left; margin-right:3.5%;
}
#row_nameaddr_10 {width:46.5%; float:right; clear:right; margin-right:3.5%;
}
#row_nameaddr_11 {width:46.5%; float:left; clear:left; margin-right:3.5%;
}
#row_nameaddr_12 {width:46.5%; float:right; clear:right; margin-right:3.5%;
}
#row_nameaddr_13 {width:46.5%; float:left; clear:left; margin-right:3.5%;
}
#row_nameaddr_16 {width:46.5%; float:right; clear:right; margin-right:3.5%;
}
#row_nameaddr_17 {width:46.5%; float:right; clear:right; margin-right:3.5%;
}
#row_billto_nameaddr_1 {width:46.5%; float:left; clear:left; margin-right:3.5%;
}
#row_billto_nameaddr_2 {width:46.5%; float:right; clear:right; margin-right:3.5%;
}
#row_billto_nameaddr_3 {width:100%; float:left; clear:left; 
}
#row_billto_nameaddr_4 {width:100%; float:left; clear:left; 
}
#row_billto_nameaddr_5 {width:100%; float:left; clear:left; 
}
#row_billto_nameaddr_6 {width:46.5%; float:left; clear:left; margin-right:3.5%;
}
#row_billto_nameaddr_7 {width:46.5%; float:left; clear:left; margin-right:3.5%;
}
#row_billto_nameaddr_8 {width:46.5%; float:right; clear:right; margin-right:3.5%;
}
#row_billto_nameaddr_9 {width:46.5%; float:left; clear:left; margin-right:3.5%;
}
#row_billto_nameaddr_10 {width:46.5%; float:right; clear:right; margin-right:3.5%;
}
#row_billto_nameaddr_11 {width:46.5%; float:left; clear:left; margin-right:3.5%;
}
#row_billto_nameaddr_14 {width:46.5%; float:right; clear:right; margin-right:3.5%;
}
#row_billto_nameaddr_15 {width:46.5%; float:right; clear:right; margin-right:3.5%;
}
#row_username_1 {width:47%; float:left; clear:left; margin-right:3%;
}
#row_username_2 {width:47%; float:right; clear:right; margin-right:3%;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
  width:93%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  line-height:17px;
  padding:8px 15px;
  outline: none;
  font-size: 0.87rem;
  font-size: 100% !important;
  color: black;
  border: 1px solid #808080;
  border-radius:3px;
  text-decoration: none;
  -webkit-transition: border 100ms;
  -moz-transition: border 100ms;
  transition: border 100ms;
  margin: 0 0 5px !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
  border: 1px solid #837349;
  background-color: #F5F5F5;
  color: #565656;
  -webkit-transition: border 100ms;
  -moz-transition: border 100ms;
  transition: border 100ms;
}
::-webkit-input-placeholder.txtbox_nameaddr,
::-webkit-input-placeholder.txtbox_payment,
::-webkit-input-placeholder.txtbox_login {
 color: #999999;

}
:-moz-placeholder.txtbox_nameaddr, 
:-moz-placeholder.txtbox_payment,
:-moz-placeholder.txtbox_login { /* older Firefox*/
 color: #999999;

}
::-moz-placeholder.txtbox_nameaddr,
::-moz-placeholder.txtbox_payment,
::-moz-placeholder.txtbox_login { /* Firefox 19+ */ 
 color: #999999; 

} 
:-ms-input-placeholder.txtbox_nameaddr,
:-ms-input-placeholder.txtbox_payment,
:-ms-input-placeholder.txtbox_login { 
 color: #999999;
}
.cell2_payment input[type="text"] {
  width:58%;
}
.cell2_payment #ccv {
  width:28%;
}
select {
  width:93% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;   
  border-radius: 0; 
  line-height:17px;
  padding:8px 15px;
  border: none;
  outline: none;
  font-size: 15px;
  color: black;
  border: 1px solid #808080;
  border-radius:3px;
  text-decoration: none;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANBJREFUeNrs2lENgzAUBdBKQAISJgEpSMEBUpCABKQggfHRZlvWEaBkWbJzkmvgJu/jtS8EAAAAAAAAftUthhOqNVNMpY7j+jVLTK+OY5qn8lIatewf3TlT4GyU9xky5aUM6tnWbpSX0qopr/4wurlRrtX1btxRXsqorlfdgfJSOrU9to3lZGwpcdM4W+CkPgAAAAC+y3NWIQ+qF+iCJ/1iPpUK1cG3ZrE2+Fgv5rSjkOOiCzTBeVsxB5YXjLIT3wu2FNsGAAAAAAAA/IW7AAMAGlXAQcG/jegAAAAASUVORK5CYII=');
  background-position: top right;
  background-size: 33px 33px;
  background-repeat: no-repeat;
  margin: 0 0 5px !important;
}
select::-ms-expand {
    display: none; /*remove arrow in IE*/
}
select:focus {
  border: 1px solid #837349;
  background-color: #F5F5F5;
  color: #565656;
  -webkit-transition: border 100ms;
  -moz-transition: border 100ms;
  transition: border 100ms;
}
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;
}

/********************NewsLetters*******/


#newsletter_0 {padding: 25px 0px 10px 20px;}
#newsletter_1 {display:block;width:48%;float:left;margin-bottom:1em;margin-left:0.5em;}
#newsletter_2 {display:block;width:48%;float:right;margin-bottom:1em;margin-left:0.5em;}
#newsletter_3 {display:block;width:48%;float:left;margin-bottom:1em;margin-left:0.5em;}
#newsletter_4 {display:block;width:48%;float:right;margin-bottom:1em;margin-left:0.5em;}
#newsletter_5 {display:block;width:48%;float:left;margin-left:0.5em;}
#newsletter_6 {display:block;width:48%;float:right;margin-left:0.5em;}

/*end*/
    
#checkbox_autorenew
{
    margin:1%;   
    
}

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;
    display:none;
}
#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;
}
#ccmonth, #ccyear {
    width:45% !important;
    margin-right:1em !important;
}

#gift_card
{
    width:23.5em;    
}
    

#spnSubscribe
{
    font-weight: bold; 
    font-size: 2.9em; 
    color: #CF0000; 
    margin-right: 2em;
}


#tbl_nameaddr .blurb
{
    color:Red;
}


#tbl_referrals td 
{
    padding-left: 0px !important;
}

.cell1_referrals 
{
    width: 20%;
    text-align:left;
}

/* GIFT */
.mGridLbl 
{
    text-align: center;
    background-color: white;
}  

table.static {
     width: 90%;
     margin: 0 auto;
     color: #000000;
}

/* Gridview */
.mGrid {    
    background-color: #FFFFFF;   
    margin: 5px 0 10px 0;   
    border: solid 1px #525252;   
    border-collapse:collapse; 
    width:100%;
}  

.mGrid td {   
    padding: 2px;   
    border: solid 1px #525252;   
    color: #000000;   
    font-size: 0.9em;   
}  

.mGrid th {   
    padding: 4px 2px;   
    color: #000000;   
    background-color: #DEE3FC;  
    border: solid 1px #525252;  
    font-size: 0.9em; 
    text-align: left;  
}   
    
#rbTerm 
{
    width:90%; 
    margin:0 auto; 
    font-weight: bold;
    color: #000000;
    border: solid 1px #525252;      
    text-align:center;
    margin-bottom: 10px;
}

#lbl_gift_total
{
    text-align: left;
}

#tbl_gift_total
{
    width: 100%;
    font-size: 0.9em;  
    color: #000000;
    background-color: #DEE3FC;
    text-align: center;
    margin-top: -10px;
    font-weight: bold;  
    border-top: solid 1px #DEE3FC;       
    border-left: solid 1px #525252;   
    border-right: solid 1px #525252;   
    border-bottom: solid 1px #525252;  
}

#tbl_gift_buttons
{
    width: 100%;
    text-align: left;
}
#btnGift {
    height: auto !important;
}
/* END OF GIFT */

/*hide module*/
.module_hidden
{
    display:none;
}

#demos_answer_0 #bcode 
{
overflow:auto;
width:90%;
}

/* Shopping Cart */
#ddlCategory
{
    display:none;
}

.longDescription
{
    max-width:95%;
    padding:4px;
}

.simpleCart_shelfItem
{
    max-width:95%;
    padding:8px;
}

.productTitle
{
    color:Black;
    font-size:1.25em;
    font-weight:bold;
}
/* End Shopping Cart */

.roundedTop {
 /* this creates the rounded corners */
	-webkit-border-bottom-right-radius: 10px !important;
	-webkit-border-bottom-left-radius: 10px !important;
	-webkit-border-top-right-radius: 10px !important;
	-webkit-border-top-left-radius: 10px !important;

	-khtml-border-radius-bottomright: 10px !important;
	-khtml-border-radius-bottomleft: 10px !important;
	-khtml-border-radius-topright: 10px !important;
	-khtml-border-radius-topleft: 10px !important;

	-moz-border-radius-bottomright: 10px !important;
	-moz-border-radius-bottomleft: 10px !important;
	-moz-border-radius-topright: 10px !important;
	-moz-border-radius-topleft: 10px !important;
	
    border-radius: 10px 10px 10px 10px !important; /*always declare the non-prefixed version LAST */    
}
#blurb_bottom_payment,
#blurb_bottom_price {
    font-size: 0.750em;
}
#module_payment_bottom {
    font-size: 0.850em;
}
#tbl_price {
    width:100%;
}
#tbl_price td {
    padding-bottom:0.5em;
}
.tblpayment {
    width:70%;
    float:left;
    clear:left;
}
.ccContainerpayment {
    width:100%;
}
#TrustedSecure {
    float:right;
    clear:right;
    width:30%;
    position:relative;
    top:41px;
}

@media only screen and (max-width: 150em) 
{  
    section
    {
        display:none;
    }

    .mobile
    {
        display:none;
    }
}

@media only screen and (max-width: 62em) 
{   
    .cell1_nameaddr, .cell1_referrals
    {
        width: 8em;
    } 
    
}

@media  only screen and (max-width: 43em) 
{
    body { 
       font-size: 0.938em; /*used to be 1em*/
       width:100%;
    }
    section {
        display:block;
    } 
    sidebar  {
	    margin-top:1em;
	    margin-left:auto;
	    margin-right:auto;
    }

    .moduleHdr 
    {
       width:100%;  
    }
    
    .module_blurb
    {
       width:96%;
    }
    
    .module_blurb td
    {
        display:block;
    }

    footer
    {
       width:100%; 
    }

        
    #module_grandtotal{
        padding-lefT:0;
    }
    #tbl_login td:nth-child(1),
    #tbl_nameaddr td:nth-child(1),
    #tbl_billto_nameaddr td:nth-child(1) {
    width:100%;
    }

    #tbl_nameaddr tr {
    width:100%; float:none; clear:none; margin-right:0;
    }
    .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 {
        font-size: 1em;
        width: 94% !important;
    }    
    
   /* #tbl_payment td
    {
        display:block;
    }*/
    
    #tbl_login td
    {
        display:block;
    }
   
    #tbl_username td
    {
        display:block;
    }
    
    #tbl_referrals td
    {
        display:block;
    }
    
    .module
    {
        padding: 0;
        margin: 0;
    }
     
  

    .tbllogin
    {
        width:100%;
    }
    
    .tblpayment {
        width:100%;
        float:none;
        clear:none;
    }
    #TrustedSecure {
        float:none;
        clear:none;
        width:100%;
        position:static;
        top:0;
     }
    #TrustedSecure table {
        width:100%;
    }
    #TrustedSecure img {
        margin:0 auto;
        display:block;
    }
    .ccContainerpayment td{
        display:block;
    }
    .txtbox_payment {
        width:95%;
    }
    .dropdown_payment {
        width:45%;
    }  
    /*.checkboxlist_demos td
    {
        float:left;
        clear: both;
        content: "";
        display: block;
        white-space:nowrap;
        
    }*/
    
    input[type="checkbox"] 
    {
        margin:0;
        padding:0;
        display: inline-block; 
        clear:none;
        position: relative;  
    }
    
    #blurb_bottom_price
    {
        margin: 0;
    }
    
    #ccnumber
    {
         width: 95%; 
    }
    
    #ccv, #ccmonth, #ccyear
    {
        width: 40%;
    }
    
    #tbl_price 
    {
        width:100%;
    }
    
    .txtbox_login
    {
        font-size: 1em;
        width: 96%; 
    }
    
    .txtbox_login
    {
        font-size: 1em;
        width: 90%; 
    }
    
    #newsletter_1, #newsletter_2, #newsletter_3, #newsletter_4, #newsletter_5, #newsletter_6  
    { 
       float:left;
       clear:left;
       width: 95%; 
    }
    
    #logo
    {
        float:left;
        clear:left;
        margin-left:1em;
        margin-top:2em;
        width:50%;
    }
    
    #big
    {
        float:left;
        clear:left;
        margin-left:1em;
        margin-top:1em;
        width:50%;
    } 
    
    #cover
    {
        display:none;
    } 
    
    #blurb_cross_sell_1,#blurb_cross_sell_2 td:nth-child(1)
    {
        display:none;
    }

}