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

html
{
    background:0px 0px white;
}
    
body
{
    font-size: 0.938em;
    margin: 0 auto; /* this will center the content of the page to the center */
    color:black; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-style: none;
    border-width: 1px;
    border-color: #666666;
}

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

#rpub
{
    width:100%;
}
      
/*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: #000000;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #283744;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 800px;
	height: 40px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #fff;
	display: inline-block;
	width: 200px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	text-shadow: 1px 1px 0px #283744;
}
nav li a {
	border-right: 1px solid #6A6A6A;
	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*/

.top-container
{
    width:100%;
    background-color:#000000;
}

header
{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1.5em;
}

header img
{
    width:100%;
    margin-top:1.5em;
    max-width:240px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.image
{
   width:100%;
   height:30em;
   display:block;
   background:url("../images/desktop-large.jpg")no-repeat center center;
  /* Here, you have to add a basic/normal version of your image, which will be loaded by default, so for the background, set the path to your image-1*/
   margin-left:auto;
   margin-right:auto;
   display:block;
}

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

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

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

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


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

.mobile img
{
    width:100%;
    max-width:300px;
    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:1em;
    color:White;
    font-size:10pt;
    margin-left:auto;
    margin-right:auto;
    background-color: #000000;
    border-color: #ADADAD;
	border-style:solid;
    border-width:thin;
    text-align:center;
}

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

.module_blurb img
{
    width:100%;
    }

#blurb_bottom_payment
{
     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: 85%;
	margin-left:auto;
	margin-right:auto;
    font-weight:bold;
    background-color: #FFFFFF;
    border-color:#ADADAD;
	border-style:solid;
	border-width:thin;
	padding:0.5%;
	border-bottom:none;
}


 /**************namedaddr module*************/
.module_wrapper,.module_lastword, #module_privacy_wrapper
{
    width: 85%;
    margin-left:auto;
    margin-right:auto;
    background-color: #FFFFFF;
    border-color: #ADADAD;
	border-style:solid;
    border-width:thin;
    padding:0.5%;
    margin-bottom:2%;
    border-top:none;
}

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

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

   



/***********************************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%;
}
  

#submit_btn 
{
    margin-top:1%;
    font-size: 2.0em;
    background-color: #F3A052 !important;
    cursor: pointer; 
    border-color: #CB8643 !important;
    padding:1%;
    color:white;
    font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; /* always declare the non-prefixed version LAST */
}


#tbl_login td:nth-child(1),
#tbl_nameaddr td:nth-child(1),
#tbl_billto_nameaddr 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) {
    /*width:8em;*/
    width:100%;
    margin-bottom:0.5em;
}
#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 {
    padding-bottom:0.2em;
}
#tbl_billto_nameaddr {
    display:table !important;
}
#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:47%; float:left; clear:left; margin-right:3%;
}
#row_nameaddr_3 {width:47%; float:left; clear:left; margin-right:3%;
}
#row_nameaddr_4 {width:47%; float:right; clear:right; margin-right:3%;
}
#row_nameaddr_5 {width:100%; float:left; clear:left; margin-right:3%;
}
#row_nameaddr_6 {width:100%; float:left; clear:left; margin-right:3%;
}
#row_nameaddr_7 {width:100%; float:left; clear:left; margin-right:3%;
}
#row_nameaddr_8 {width:100%; float:left; clear:left; margin-right:3%;
}
#row_nameaddr_9 {width:100%; float:left; clear:left; margin-right:3%;
}
#row_nameaddr_10 {width:47%; float:left; clear:left; margin-right:3%;
}
#row_nameaddr_11 {width:47%; float:right; clear:right; margin-right:3%;
}
#row_nameaddr_12 {width:47%; float:left; clear:left; margin-right:3%;
}
#row_nameaddr_13 {width:47%; float:right; clear:right; margin-right:3%;
}
#row_nameaddr_16 {width:47%; float:left; clear:left; margin-right:3%;
}
#row_nameaddr_17 {width:47%; float:right; clear:right; margin-right:3%;
}
#row_billto_nameaddr_1 {width:47%; float:left; clear:left; margin-right:3%;
}
#row_billto_nameaddr_2 {width:47%; float:right; clear:right; margin-right:3%;
}
#row_billto_nameaddr_3 {width:47%; float:left; clear:left; margin-right:3%;
}
#row_billto_nameaddr_4 {width:47%; float:right; clear:right; margin-right:3%;
}
#row_billto_nameaddr_5 {width:47%; float:left; clear:left; margin-right:3%;
}
#row_billto_nameaddr_6 {width:47%; float:right; clear:right; margin-right:3%;
}
#row_billto_nameaddr_7 {width:47%; float:left; clear:left; margin-right:3%;
}
#row_billto_nameaddr_8 {width:47%; float:right; clear:right; margin-right:3%;
}
#row_billto_nameaddr_9 {width:47%; float:left; clear:left; margin-right:3%;
}
#row_billto_nameaddr_10 {width:47%; float:right; clear:right; margin-right:3%;
}
#row_billto_nameaddr_11 {width:47%; float:left; clear:left; margin-right:3%;
}
#row_billto_nameaddr_14 {width:47%; float:right; clear:right; margin-right:3%;
}
#row_billto_nameaddr_15 {width:47%; float:left; clear:left; margin-right:3%;
}
#tbl_billto_nameaddr {
    display:table !important;
}

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;
  color: black;
  border: 1px solid #AAAAAA;
  border-radius:3px;
  background-color: white;
  text-decoration: none;
  -webkit-transition: border 100ms;
  -moz-transition: border 100ms;
  transition: border 100ms;
}
#row_nameaddr_5 input[type="text"],
#row_nameaddr_6 input[type="text"],
#row_nameaddr_7 input[type="text"],
#row_nameaddr_8 input[type="text"],
#row_nameaddr_9 input[type="text"],
#row_nameaddr_16 input[type="text"],
#row_nameaddr_17 input[type="text"] {
    width:94%;
}
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:95%;
}
.cell2_payment #ccv {
  width:47%;
}
select {
  width:93%;
  -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 #AAAAAA;
  border-radius:3px;
  text-decoration: none;
  background-color: white;
  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;
}
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;
}


#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;
}
#tbl_nameaddr td,
#tbl_login td,
#tbl_billto_nameaddr td {
    display:block;
}
.ccContainerpayment td {
    display:block;
}
.dropdown_payment {
    width:45%;
}
.cell1_referrals 
{
    width: 20%;
    text-align:left;
}

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

@media only screen and (max-width:950px)
{
    body
    {
       width:100%;
    }
}

/*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 #6A6A6A;
		border-right: 1px solid #6A6A6A;
	}
  	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) 
{   
   section
    {
        display:block;
    }
    
}

@media  only screen and (max-width: 43em) 
{
   body
    { 
       font-size: 0.938em; /*used to be 1em*/
       width:100%;
    }
        #tbl_nameaddr tr {width:100%; float:none; clear:none; margin-right:3%;
    }
    .demos_answer {
       width:100%; 
    } 
    .image{
        width:100%;
        height:12em;
        display:block;
        background:url("../images/mobile-small.jpg")no-repeat center center;
    /* Here, you have to add a basic/normal version of your image, which will be loaded by default, so for the background, set the path to your image-3*/
    }
    
   .tablet
    {
        display:none;
    }
    
    .mobile
    {
        display:block;
    }
    
    .moduleHdr 
    {
       width:96%;  
    }
    
    .module_blurb
    {
       width:96%;
    }

    #module_nameaddr_wrapper, #module_billto_nameaddr_wrapper, #module_demos_wrapper, #module_price_wrapper, #module_autorenew_wrapper, 
    #module_cross_sell_wrapper, #module_demo_text_wrapper, #module_payment_wrapper, #module_newsletter_wrapper, 
    #module_rpub_wrapper, #module_pid_wrapper, #module_edition_wrapper, #module_login_wrapper, #module_custserve_wrapper,
    #module_username_wrapper, #module_referrals_wrapper, #module_forgotpassword_wrapper, section, footer, #module_privacy_wrapper
    {
        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%; 
    }
    
    #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;
    }

}