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

html
{

}
    
body
{
    font-size: 0.875em;
    margin: 0 auto; /* this will center the content of the page to the center */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-style: none;
    border-width: 1px;
    border-color: #F7F7F7;
    width:100%;
    color: rgb(93, 93, 93); 
}

.wrapper
{
    max-width:800px;
    margin: 0 auto; /* this will center the content of the page to the center */
    display:block;
}

#rpub
{
    width:100%;
}

#errordiv 
{
    width:100%;
    padding-top:5%;
    text-align:center;
    color:red;
}
      
/*html5 display rule*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block; zoom:1; 
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Navigation bar*/
nav {
	height: 40px;
	width: 100%;
	background: #F7F7F7;
	font-size: 9.5pt;
	font-weight: bold;
	position: relative;
	border-top: 0.5px solid #283744;
	border-bottom: 0.5px solid #283744;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 700px;
	height: 40px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #000000;
	display: inline-block;
	width: 170px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;

}
nav li a {

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #8c99a4;
}
nav a#pull {
	display: none;
}
/*End Nav*/

.red-header {
    font-weight:bold;
    color:#FF0000;
    font-size: 1.3em;
    margin-top:.3em;
    margin-bottom:.5em;
}

header
{
    width:100%;
    margin-bottom:0.75em;
    margin-left:auto;
    margin-right:auto;
    padding-top:0.5em;
    padding-bottom:0.5em;
    display:block;
}

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

.header2
{
    width:100%;
    margin-bottom:0.75em;
    margin-left:auto;
    margin-right:auto;
    padding-top:0.5em;
    padding-bottom:0.5em;
    display:block;
}

.header2 img
{
    width:100%;
    max-width:800px;
    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:294px;
    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%;
    margin-top:0.5em;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    border:solid 4px #F0F0F0;
    background-color:#fff;
    padding:0.5%;
    margin-bottom:1%;
    
     /* this creates the rounded corners */
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;

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

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

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

.module_blurb
{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
    background-color: white;
    border-color: #E5E5E5;
    border-width:0px;
    border-style:solid;
    margin-bottom:2%;
    border-color: #666666;
	border-style:solid;
}

.module_blurb img
{
    width:100%;
}
.founder {
   display:block;
}
.img1 {
    float: left;
    margin-right:1em;
}
.founder img {
   max-width:100px;
}
.big
{
    text-align:center;
    font-size:1.3em;
}

.red
{
    color:#FF003A;
}    

#blurb_bottom_payment, #blurb_bottom_price
{
     font-size: 0.750em;   
}
#module_orderinfo
{
    margin-left:5%;
	margin-right:auto; 
}
    
.table1
{ 
    border:none;
}

.tbl 
{
    width: 100%;
}

.tblpayment
{
    width: 70%;
    float:left;

}

#lblTrust
{
    width: 30%;
    float:right;

}
        
.moduleHdr 
{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
    font-weight:bold;
    border:solid 4px #F0F0F0;
    border-bottom:none;
    background-color:#fff;
	padding:0.5%;
	
}


 /**************namedaddr module*************/
.module_wrapper
{
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    border:solid 4px #F0F0F0;
    background-color:#fff;
    padding:0.5%;
    margin-bottom:2%;
    border-top:none;
}

#module_demos_wrapper {
    border-top:solid 4px #F0F0F0;
}

#module_submit_wrapper {
    border-style:none;
}

#module_login_wrapper{
    border:solid 4px #F0F0F0;
}

#moduleHdr_paybill, #module_paybill_wrapper
{
    border:0;
    outline:0;
}

#module_orderinfo_wrapper
{
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    border:solid 4px #F0F0F0;
    background-color:#fff;
    padding:0.5%;
    margin-bottom:2%;
}

.module_lastword
{
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    border:solid 4px #F0F0F0;
    background-color:#fff;
    padding:0.5%;
    margin-bottom:2%;
    
    /* this creates the rounded corners */
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;

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

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

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

}

.cell1_username, .cell1_nameaddr
{
    width:8em;    
}

#module_billto_checkbox_wrapper
{
    width: 85%;
    margin-left:auto;
    margin-right:auto;
    background-color: transparent;
    padding:0.5%;
    margin-bottom:2%;
}

#module_submit_wrapper, #module_paybill_wrapper
{
    width:100%;
}

#module_orderinfo
{
    width: 85%;
    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;
}



/***Submit Button***/
.module_submit
{
    padding:0px;
    text-align:center;
    margin-top:1%;
    margin-bottom:0.5em;
}
  

#submit_btn 
{
    margin-top:1%;
    font-size: 2.0em;
    background-color: #9D0A00 !important;
    cursor: pointer; 
    border-color: #9D0A00 !important;
    padding:1%;
    color:white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; /* always declare the non-prefixed version LAST */
}


/***Radio and Checkbox autofocous***/
input[type="radio"] {
    vertical-align:middle;
    margin-left: 5px;
    margin-right: 5px;
}

input[type="checkbox"]
{
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
}

input[type=text], textarea ,input[type=password], input[type=tel], input[type=email]  {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  /*padding: 3px 0px 3px 3px;*/
  /*margin: 5px 1px 3px 0px;*/
  border: 1px solid #212121;
}

input[type=text]:focus, textarea:focus, input[type=password]:focus, input[type=tel]:focus , input[type=email]:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  /*padding: 3px 0px 3px 3px;*/
  /*margin: 5px 1px 3px 0px;*/
  border: 1px solid rgba(81, 203, 238, 1);
}

select 
{
   -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  /*padding: 3px 0px 3px 3px;*/
  /*margin: 5px 1px 3px 0px;*/
  border: 1px solid #212121;

}   
    
select:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  /*padding: 3px 0px 3px 3px;*/
  /*margin: 5px 1px 3px 0px;*/
  border: 1px solid rgba(81, 203, 238, 1);
}    
/*end of autofocus*/

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

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

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin-left:5px;
    margin-right:5px;
}

.txtbox_nameaddr, .txtbox_billto_nameaddr, .txtbox_username, .txtbox_payment, .txtbox_referrals, .txtbox_login
{
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; /* always declare the non-prefixed version LAST */
}

.dropdown_referrals
{
	/* this creates the rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; /* always declare the non-prefixed version LAST */
}
    
.dropdown_locked, .dropdown_nameaddr, .dropdown_billto_nameaddr, .dropdown_demos, .dropdown_pid, .dropdown_payment
{
    padding:2px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; /* always declare the non-prefixed version LAST */
    
}

.demos_answer_other
{
    padding:1%;
}
    
#btitle_other, #bcode_other, #specialty_other, #AreaInt_Other_other
{
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; /* always declare the non-prefixed version LAST */    
}

#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;
}

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

.home
{
    text-align:center;    
}

.red
{
color:red;font-weight:bold;font-size:15pt;
}

/* 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: white;  
    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: white;
    text-align: center;
    margin-top: -10px;
    font-weight: bold;  
    border-top: solid 1px white;       
    border-left: solid 1px #525252;   
    border-right: solid 1px #525252;   
    border-bottom: solid 1px #525252;  
}

#tbl_gift_buttons
{
    width: 100%;
    text-align: left;
}

/* END OF GIFT */

/*Media Queries*/
/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #F7F7F7;
		border-right: 1px solid #F7F7F7;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #000000;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url("../images/nav-icon.png") no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #6A6A6A;
	}
}

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

@media only screen and (max-width: 59em) 
{   
    .wrapper
    {
        max-width:700px;
        }
    header
    {
        margin-bottom:1px;
    }    
}

@media  only screen and (max-width: 43em) 
{
   body
    { 
       font-size: 0.938em; /*used to be 1em*/
       width:100%;
    }
    
    header
    {
       width:100%;
       margin-top:0;
       margin-bottom:0;
    }
    
    .moduleHdr 
    {
       width:96%;  
    }
    
    .module_blurb
    {
       width:96%;
    }

    .module_wrapper,  section, footer, .module_lastword
    {
        width:96%;
    }
    
    .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%; 
    }

    #module_pid select, #module_demos select
    {
        font-size: 1em;
        width: 95%; 
    }
       
    #module_custserve .txtbox_custserve
    {
        font-size: 1em;
        width: 95% !important;
    }
    
    #module_referrals .txtbox_referrals
    {
        font-size: 1em;
        width: 95% !important;
    }
     
    #tbl_nameaddr td, #tbl_billto_nameaddr td 
    {    
        display:block;
    }
    
    #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;
    }
     
    .tblpayment
    {
        width:100%;
        float:left;
        overflow:auto;   
    }

    .tbllogin
    {
        width:100%;
    }
    
    #lblTrust
    {
        width:100%;
        float:left;
    }
    
    /*.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%; 
    }
    
    #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;
    }

}