
body {
	/*background: #f6f6f6;*/
	font-family: Arial, Helvetica, sans-serif;	
}
body a {
	cursor: pointer !important;	
}
header {
	background: #1d6686;
	padding: 8px 0 8px;
}
.bureaus-logo {
	margin-top: 10px;	
}
label {
	font-size: 11px;	
}
aside, .billing-copy, aside h4  {
	font-size: 11px;
	color: #666;
	line-height: 1.22090em;
}
.billing-copy {
	line-height: 1.36363636em;
	font-size: 9px;
}
aside h4 {
	font-weight: 600;
	margin-bottom: 0;	
}
aside p, aside h4 {
	padding-left: 11px;
	padding-right: 3px;	
}
aside p, aside .quest  {
	font-size: 9px;
	line-height: 1.33333em;	
}
aside ul {
	padding: 0;
	font-weight: 600;
	color: #333;	
}
aside ul, .green-bg p {
	font-size: 13px;	
}
.blue {
	color: #244764;
	font-size: 13px;
	font-weight: bold;
	margin-top: 15px;
	line-height: 1.2307692em;	
}
.step2copy {
	font-size: 9px;
	line-height: 1.25em;
	margin-left: 8px;	
}
aside.right-col ul li {
	list-style: none;	
	background: url("https://d3dh5c7rwzliwm.cloudfront.net/US/2016/Greencheck.png") no-repeat 7% 50%;
	padding-left: 37px;
	margin-top: 6px;
	padding-bottom: 5px;
	font-size: 11px; 
}
	aside ul li:nth-child(odd)
	{
		background-color:#e8ecf2;
	}

	aside.right-col ul
	{
		display:table;
		width:107%;
	}
		aside.right-col li 
		{
			text-align:center;
			display:table-row;
			vertical-align: middle;
			height:50px;
			font-weight:normal;
			border-bottom: 1px solid #cbcbcb;
		}
			aside.right-col ul li span 
			{
				display: table-cell;
				margin: 0 auto;
				text-align: center;
				vertical-align: middle;
				border-bottom: 1px solid #cbcbcb;
			}
			aside.right-col ul li strong
			{
				display: table-cell;
				margin: 0 auto;
				text-align: center;
				vertical-align: middle;
				border-bottom: 1px solid #cbcbcb;
			}
			aside.right-col ul li span a
			{
				max-width:145px;
				display:inline-block;
				text-decoration:underline;
			}

.copyright {
	font-size: 10px;	
}
header .copyright {
	color: #fff;	
}
.congrats h1{
	font: 20px Georgia, "Times New Roman", Times, serif;
	color: #104d69;
}
.green-bg p {
	color: #fff;
	font: italic 13px Georgia, "Times New Roman", Times, serif;	
}
.green-bg span {
	font-size: 32px;	
}
.congrats p{
	font-size: 12px;
	font-style: italic;
	color: #333;
	margin: 8px 0 23px;
}
footer {
	font-size: 9px;
	color: #fff;
	background: #102b36;
	padding: 30px 10px 10px;
	max-width: 800px !important;
	margin: 0 auto;	
}
footer p {
	margin-bottom: 15px;
	line-height: 1.41631799em;	
}
legend {
	color: #21415a;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
	border: none;
	text-indent: 8px;
	position: relative;	
}
.step2legend {
	margin-bottom: 3px;	
}
input {
	font-size: 16px;
	height: 30px;
	margin-bottom: 14px;
	display: block;		
}
::-moz-placeholder {
	color: #333;
}
:-moz-placeholder {
	color: #333;

}
::-webkit-input-placeholder {
	color: #333;
}
::-ms-input-placeholder {
	color: #333;	
}
#subform {
	width: 268px;
	height: auto;
	margin: 0 auto 15px;	
}
fieldset {
	border: none;
	position: relative;
	padding: 0;	
}

.white-bg {
	background-color: #fff;
	min-width: 332px;
	border: 1px solid #c7c7c7;
	padding: 3px 25px 0;	
}
.green-bg {
	background: #679E10;
	height: 80px;
	padding-top: 16px;	
	margin-left:10px;
}
aside {
	margin-top: -8px;	
}
#zoom {
	width: 100%;
}
.lock-container {
	background: #f9f9f9;
	padding: 10px 0;
	border: 1px solid #b9b9b9;
	border-radius: 14px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: none;	
	margin: 13px 0 17px 30px;
}
.lock-container p, .lock-container span {
	padding-left: 37px;	
	margin: 0;
	color: #000;
	font-size: 11px;
}
.lock-container span {
	color: #3db8fe;
	text-decoration: underline;
	cursor: pointer;
}
.lock-container img {
	position: absolute;
	left: 8px;
	margin-top: -4px;	
}
.no-pad {
	padding-left: 0;
	padding-right: 0;	
}
.container-fluid {
	background: #f6f6f6;	
}
.container-fluid, header, footer {
	min-width: 480px;	
}
.col-xs-8 {
	width: 69.325%;	
}
.col-xs-4 {
	width: 30.625%;	
}
.step {
	width: 26px;
	position: absolute;
	top: -3px;
	left: -25px;
	background: #fe6200;
	color: #fff;
	font-size: 	19px;
	font-weight: 600;
	padding-left: 1px;
	height: 26px;
}
.step.step2 {
	top: -3px;
	padding-top: 0px;
	padding-bottom: 28px;	
}
#zip, #homeZip {
	width: auto;	
}
#ccbox {  
	background: transparent url("https://media.one-time-offer.com/images/2014/greatfun_cclogos_MC-V-D_auto.png");
	padding: 0 0 0 91px;
	width: 0;
	height: 17px;
	overflow: hidden;
	position: absolute;
	right: 6px;
	bottom: 20px;
	top: 8px;
	z-index: 3;
}
.cc-container {
	position: relative;
}
.terms-links {
	margin-bottom: 14px;
	margin-left: -6px;	
}
.terms-links span {
	margin: 0 7px;
	color: #fff;
	text-decoration: underline; 	
	cursor: pointer;
}
.ssl-copy {
	margin-top: 15px;	
}
.ssl-copy p.address, .ssl-copy address {
		display: inline;
		margin-bottom: 0px;
}
.ssl-copy p, .ssl-copy address {
	font-size: 12px;
	color: #666;	
}
.ssl-copy * {
	font-weight: normal;
	font-size: 9px !important;	
}
.ssl-copy p.copyright {
	margin-bottom: 20px;	
}
#zip, #homeZip {
	width: 30%;
	float: right;	
}
[name=state], #homeState{
	width: 49% !important;
}
.state-label {
	float: left;
	margin-right: 10px;	
}
.dob_wrapper label, .dob_wrapper select, [name=state], #homeState,
.expdate_wrapper select, .expdate_wrapper label {
	float: left;	
}
.dob_wrapper label {
	width: 50px;	
}
.dob_wrapper select {
	margin-right: 5px;
	width: 21.6%;
	padding: 0;	
}
label[for="ssn1"], label[for="verifyssn1"]{
	float: right;
   margin-right: 5px;	
}
.expdate_wrapper {
	margin-bottom: 14px;	
}
.expdate_wrapper select {
	width: 30%;	
}
.exp  {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.expyear-container{
	padding-right: 0px !important;	
}
.why:hover {
	color: #fff;
	text-decoration: none;	
}
#norton {
	float: left;
	position: relative;
	top: 15px;	
}
#norton + img {
	width: 74px;	
}
#cybertrust {
	float: right;
	position: relative;
	top: 15px;
}
.security-logo {
	margin-bottom: 12px;
	margin-top: 15px;
	clear: both;
	padding: 0 30px;	
}
.security-logo p{
	font-size: 16px;
	font-style: italic;	
}
.security-logo span{
	cursor: pointer;
}
.group3 {
	margin-top: 25px;	
}
#ccexpmonth {
	float: left;
	margin-left: 15px;	
}
#ccexpyear {
	float: right;	
}
#birthday {
	width: 18%;	
}
#birthyear {
	width: 25%;	
}
.why {
	background: none repeat scroll 0 0 #295174;
    color: #fff;
    display: inline-block;
    font: 13px/17px "Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 33px;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    width: 33px;	
	 cursor: pointer;
}
[for="state"], [for="homeState"], [for="ccexpmonth"], [for="ssn1"], [for="verifyssn1"] {
	position: relative;
	top: 8px;	
}
/***** Exit Pop/
*/
.downsell-offer {
	display: none;	
}
.lightblue-bg {
	border-radius: 5px;
	border: 2px solid #fff;	
}

.lightblue-bg {
	background-image: radial-gradient(circle closest-side, #fbfdfe, #cae0ee);
	width: 650px;
	margin: 15px auto;
	padding-top: 26px;	
	position: fixed;
	top: 43%;
	z-index: 9999;
}	
.lightblue-bg .darkblue-bg h1{
	font: 600 38px/1.078943em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;	
}
.lightblue-bg p{
	font: 300 19px/1.57894 Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
}
.darkblue-bg {
	width: 610px;
	background: #112f3b;
	margin: 0 auto 25px;
	padding: 25px 0;
}
.darkblue-bg p {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 19px;
	text-transform: uppercase;	
}
#downsell-btn {
	display: inline-block;
	margin: 28px 127px 30px;
    padding: 5px 0 1px 5px;
	float: right;
}

#close-downsell {
	position: absolute;
	top: 0;
	left: 630px;
	cursor: pointer;
	font-size: 13px;
}

#lightbox-shadow, #down-lightbox-shadow {
  	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 10000px;
  	background: #000;
  	filter: alpha(opacity=75);
  	-moz-opacity: 0.75;
  	-khtml-opacity: 0.75;
  	opacity: 0.75;
  	z-index: 99;
  	display: none;
}
#lightbox {
	position: absolute;
	top: 10%;
	left: 5%;
	width: 84%;
	background: #fff;
	z-index: 1001;
	display: none;
	border-radius: 20px;
	padding: 10px;
}
#lightbox-x {
	position: absolute;
	height: 42px;
	width: 42px;
	top: 0;
	right: 10%;
	z-index: 1002;
	display: none;
	background:url(https://media.one-time-offer.com/images/2013/dtc-modal-close.png) no-repeat;
	cursor: pointer;
}
.placeholder{
	color:#A9A9A9;
}
input[type="password"].placeholder:focus{
	color:black;
}
#phoneDiv{
 display: none;	
}
select, #zip, #homeZip {
	padding-right: 0px !important;
}
.ssn_wrap div{
	padding: 0px;	
}
.ssn_wrap input{
	padding: 6px 2px !important;	
	text-align: center;
}
.mid_ssn{
	padding: 0px 2px !important;	
}
iframe, object, object + img,
iframe + img, script + img[width="1"],
img[width="1"]
{
                display: none;
}
html {-webkit-text-size-adjust: none;}
hr {
		border-top: 1px solid #c7c7c7;	
	}
	
input#billingAddrFields {
    height: 13px;
	position: relative;
    top: 15px;
}

/***************************************************/
/* Styles for inline validation                    */
/***************************************************/
span.inline-error {
	background:url(https://media.one-time-offer.com/images/2012/error.png) no-repeat 0px 0px;
}
span.inline-checked {
	background:url(https://media.one-time-offer.com/images/2012/success.png) no-repeat 0px 0px;
}
.form-control-feedback{
	right: -25px;
	top: 10px;
	height: 16px;
	width: 16px;
}
span[for="birthyear"] {
	right: 25px;
}
.cvv-container {
	position: relative;	
}
.cvv-container .why {
	position: absolute;
	right: 0;
	top: 0;
}


@media only screen and (min-width: 1px) and (max-width: 480px){
	security-logo {
		width: 460px;	
	}
	span[for="birthyear"] {
	  right: -25px;
	}
	.congrats br {
	  display: none;
	}
	#lightbox table#cvv-table td {
		width: 100%;
		display: block;
		text-align: justify;		
	}
	aside.right-col ul li {
	list-style: none;	
	background: url("https://d3dh5c7rwzliwm.cloudfront.net/US/2016/Greencheck.png") no-repeat 5px 50%;
	padding-left: 37px;
	margin-top: 6px;
	padding-bottom: 5px;
	font-size: 11px; 
}
	aside.right-col ul
	{
		display:table;
		width:100%;
	}
		aside.right-col ul li span a
		{
			width:70%;
			margin-left:25px;
		}
		aside.right-col ul li strong
		{
			width:70%;
			text-indent:10px;
		}
	.green-bg
	{
		position:relative;
		top:8px;
	}
}

@media only screen and (min-width: 1px) and (max-width: 640px) and (orientation: landscape)
{
	aside.right-col ul
	{
		width:100%;
	}
	aside.right-col ul li 
	{
		list-style: none;	
		background: url("https://d3dh5c7rwzliwm.cloudfront.net/US/2016/Greencheck.png") no-repeat 1% 50%;
		padding-left: 37px;
		margin-top: 6px;
		padding-bottom: 5px;
		font-size: 11px; 
	}
}

@media only screen and (min-width: 768px) {
	body {
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #1D6686),
			color-stop(1, #102B36)
		);
		background: #1D6686;
		background-image: linear-gradient(to bottom,  #102B36 0%, #1D6686 100%);
		background-image: -o-linear-gradient(bottom, #102B36 0%, #1D6686 100%);
		background-image: -moz-linear-gradient(bottom, #102B36 0%, #1D6686 100%);
		background-image: -webkit-linear-gradient(bottom, #102B36 0%, #1D6686 100%);
		background-image: -ms-linear-gradient(bottom,  #102B36 0%, #1D6686 100%);
		padding:0 10px;	
	}
	header {
		padding: 40px 0 0;
		background: transparent;
		max-width: 800px;
		margin: 0 auto;	
	}
	fieldset {
		padding: 0 50px;	
	}
	#logo {
		width: auto;
		float: left;	
	}
	.container-fluid {
		max-width: 800px;
		border: 1px solid #c7c7c7;
		border-radius: 13px;
		padding-left: 40px;
		padding-right: 25px;	
	}
	.bureaus-logo {
		float: right;
		margin-top: 0;	
	}
	.congrats {
		text-align: left;	
	}
	.white-bg {
		padding: 30px 0 0;	
	}
	input {
		height: 36px;
		margin-bottom: 19px;
		font-size: 13px;	
	}
	legend {
		font-size: 17px; 
		position: relative;	
	}
	label{
		font-size: 12px;	
	}
	.congrats {
		padding-left: 0;	
	}
	.congrats h1 {
		font-size: 20px;
		line-height: 1.2em;
	}
	.congrats p {
		font-size: 13px;
		line-height: 1.46153846em; 
		margin: 0 0 10px;	
	}
	hr {
		width: 94%;
		margin-left: 14px;
		border-top: 1px solid #c7c7c7;	
	}
	.billing-copy {
		width: 118%;
		margin-left: -34px;	
		font-size: 12px;
		line-height: 1.25em;
	}
	aside p, aside .quest {
		font: 11px/1.363636em "Helvetica Neue",Helvetica,Arial,sans-serif;
		padding-left: 21px;
	}
	aside h4.quest {
		font-weight: 600;	
	}
	.green-bg {
		height: auto;
		padding: 20px 0 1px;	
	}
	.green-bg span {
		font-size: 48px;	
	}
	.green-bg p {
		font-size: 24px;
		line-height: 1.1666667em;	
	}
	aside ul {
		margin-bottom: 21px;	
	}
	aside ul li {
		font-size: 12px;
		
		background-position: 14px 10px;
		margin: 0;
		padding-bottom: 0;	
	}
	.blue {
		margin-bottom: 12px;	
	}
	.step {
		width: 37px;
		height: 37px;
		padding: 6px 5px;
		font-weight: 400;
		left: -41px;
		top: -7px;
		box-shadow: 1px 0  5px 0 rgba(0, 0, 0, 0.4);	
	}
	.step2copy { 
		width: 110%;
		margin: 13px 0 10px -15px;
		font-size: 12px;
	}
	#subform {
		margin: 20px 0 30px;	
	}
	.lock-container {
		border: 1px solid #000;
		border-radius: 14px;
		padding: 8px 0 0;
		margin-top: 26px;	
	}
	.lock-container img {
		margin-top: -24px;	
	}
	.lock-container span {
		color: #666;	
	}
	.javelin-logos {
		padding-top: 15px;	
	}
	.javelin-logos img {
		margin: 0 74px 10px;
		display: block;	
	}
	.security-logo {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 25px;	
	}
	.security-logo p {
		font-size: 12px;
		margin-bottom: 19px;
		margin: 10px 0 18px -36px; 	
	}
	#subform, #zoom {
		width: auto;	
	}
	.ssl-copy hr {
		border-top: 1px solid #c7c7c7;
		width: 102%;
		margin: 25px 0 10px -14px;	
	}
	.ssl-copy * {
		font-size: 12px !important;
		line-height: 1.25em;
		color: #666;
		margin-bottom: 10px;	
	}
	.ssl-copy .copyright {
		margin-top: 10px;	
	}
	#zoom {
		box-shadow:0 4px 4px 0px rgba(0, 0, 0, 0.4);
		position: relative;
		top: 8px;
		left: 21px;	
		margin-left: 22px;	
	}
	footer {
		font-size: 11px;
		background: transparent;	
	}
	.terms-links span {
		text-decoration: none;	
		cursor: pointer;
	}
	aside {
		margin-top: -90px;	
	}
	.left-col {
		width: 59.875% !important;	
	}
	.right-col{
		width: 38.875% !important;
	}
	.why {
		background-color: #1a7ba3;
		background-image: -moz-linear-gradient(center bottom , rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
		border-radius: 9px;
		box-shadow: 0 -2px 0 #093f54 inset;
		float: left;
		height: 17px;
		margin: 9px 0 0 26px;
		padding: 0;
		width: 17px;
		position: absolute;	
	}
	.step.step2 {
		padding: 5px 6px;
		top: -8px;	
	}
	span[for="birthyear"]{
		right: 40px;
	}
	.cvv-container {
		width: 93%;	
	}
	.cvv-container .why {
    	right: -47px;
    	top: 0;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.step, .step.step2 {
		top: -3px;  
	}
}
