/* Queries to hide elements on page depending on size */
.hidden {
	display: none;
	visibility: hidden;
}

.visible-phone {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.hidden-desktop {
	display: none !important;
}

.visible-desktop {
	display: inherit !important;
}
.visible-inline-desktop-phone {
	display: inline !important;
	font-family: sans-serif;
	font-size:9px;
}
.visible-inline-desktop {
	display: inline !important;
	font-family: sans-serif;
	font-size:9px;
}
.visible-inline-desktop-phone:hover .secure-ssn-label-tmp-phone{
	display:block;
}
.visible-inline-desktop-phone:hover .secure-ssn-label-tmp-phone-legacy{
	display:block;
}
.secure-ssn-label-tmp-phone{
	display: none;
    position: absolute;
    width: 250px;
    padding: 10px;
    background:#F8F8F8;
    color: #717171;
    border: 1px solid;
    text-align: left;
    left: 250px;
    font-size: 9px;
    margin-top:-32px;
}
.secure-ssn-label-tmp-phone-legacy{
	display: none;
    position: absolute;
    width: 250px;
    padding: 10px;
    background:#F8F8F8;
    color: #717171;
    border: 1px solid;
    text-align: left;
    left: 655px;
    font-size: 9px;
    margin-top:-32px;
}

@media(max-width: 979px) {
	#plansSlider {
	  width: 194px;
	}
	.pricing-messages.flagbit12 {
		border: 1px solid #d2d2d2;
    	border-radius: 5px;
	}
	
	.pricing-messages.flagbit12 .form-right-col, .pricing-messages.flagbit12 .charge-summary {
		width: auto;
	}
	
	.pricing-messages.flagbit12 .charge-summary, .pricing-messages.flagbit12 .order-summary-flagbit12 {
		margin-left: 0;
	}
	
	.pricing-messages.flagbit12 .order-summary-header, .pricing-messages.flagbit12 .form-left-col {
		padding: 0 1em;
	}
	
	.pricing-messages.flagbit12 .form-left-col {
		width: 95%;
	}
	
	.pricing-messages.flagbit12 .form-right-col {
		margin-top:0em;
	}

	.pricing-messages.flagbit12 .charge-messaging {
		color: #5C5C5C;
		margin-top: 2em;
	}
	
	.pricing-messages.flagbit12 .form-left-col .order-summary .total-label {
		width: 65%;
	}
	
	.pricing-messages.flagbit12 .name-plan {
		float: left;
	}
	
	.pricing-messages.flagbit12 .os-name {
		width: auto;
		display: block;
	}
	
	.pricing-messages.flagbit12 .os-plan {
		display: block;
	}
	
	.pricing-messages.flagbit12 .price-savings {
		float: right;
	}
	
	.pricing-messages.flagbit12 .os-price {
    	text-align: right;
    	display: block;
	}
	
	.pricing-messages.flagbit12 .os-savings {
    	text-align: right;
    	display: block;
	}
	
	.pricing-messages.flagbit12 .pro-rated {
		text-align: right;
		display: block;
	}
	
	.no-fees-messaging {
		text-align: center;		
	}
	
	.order-summary-flagbit12 {
		width: 95%;
	}
	
	label.join-txt {
		text-align: center;
		font-weight: bold;
 	}
	.check-icon {
		float: left;
		padding-right: 5px;
 	}
	.check-icon-icon {
		float: left;
		margin-top: 2px;
 	}
 	.check-icon-txt {
		padding-top: 10px;
 	}
 	.join-div-padding {
 		padding-left: 33%;
 	}
}

@media ( min-width : 768px) and (max-width: 979px) {
.question-icon{
	margin-top:10px;
	display:inline;
	position:relative;
    cursor:pointer;
}
.ssn-lbl{
	float:left;
}
.secure-ssn-label-tmp{
	display: none;
    position: absolute;
    width: 250px;
    padding: 10px;
    background:#F8F8F8;
    color: #717171;
    border: 1px solid;
    text-align: left;
    left: 250px;
    font-size: 9px;
    margin-top:-32px;
}
.visible-inline-desktop-tmp:hover .secure-ssn-label-tmp{
	display:block;
}
.secure-ssn-tmp{
	display:inline;
	margin-top:12px;
	padding-left:10px;
}
	.order-summary .second-column-title {
		display:none;
	}
	.sams-savings-column{
		display:none;
	}
	
	.order-summary .os-name{
		width:300px;
	}
	.order-summary .os-price{
		width:100px;
		float:right;
		margin-top:-35px;
	}
	.order-summary .os-savings{
		float:right;
		margin-top:-20px;
	}
	
	
/*	.order-summary .os-savings{
		width:150px;
		float:right;
		text-align:right;
		margin-top:-20px;
		color: #999;
	}	*/
	.savingsInfo{
		display:inline;
	}
	.hidden-desktop {
		display: inherit !important;
	}
	.visible-desktop {
		display: none !important;
	}
	.visible-inline-desktop-phone {
		display: none !important;
	}
	.visible-inline-desktop {
		display: none !important;
	}
	.visible-tablet {
		display: inherit !important;
	}
	.hidden-tablet {
		display: none !important;
	}
	
	#topHeader .lady-image {
		display: none !important;
	}
	#topHeader .click-to-chat {
		display: none !important;
	}
	.confirm-billing-address .payment-address-margin {
		margin-left: 4em !important;
		line-height: 0px;	
	}
	#header .step-nav-callchatheader {
   		margin-top:20px !important;
	}
}

@media ( max-width : 768px) {	
	.visible-inline-desktop-phone {
		display: none !important;
	}
	.question-icon{
		margin-top:10px;
		display:inline;
		position:relative;
	    cursor:pointer;
	}
	.ssn-lbl{
		float:left;
	}
	.secure-ssn-label-tmp{
		display: none;
	    position: absolute;
	    width: 250px;
	    padding: 10px;
	    background:#F8F8F8;
	    color: #717171;
	    border: 1px solid;
	    text-align: left;
	    left: 250px;
	    font-size: 9px;
	    margin-top:-32px;
	}
	
	.visible-inline-desktop-tmp:hover .secure-ssn-label-tmp{
		display:block;
	}
	.secure-ssn-tmp{
		display:inline;
		margin-top:12px;
		padding-left:10px;
	}
	.order-summary .summary-text, .charge-summary {
		width: auto;
	}
	.order-summary .second-column-title {
		display:none;
	}
	.sams-savings-column{
		display:none;
	}
	
	
	.order-summary .os-name{ 					
		width:300px;
	}
	.order-summary .os-price{
		width:100px;
		float:right;
		margin-top:-35px;
	}
	.order-summary .os-savings{
		float:right;
		margin-top:-20px;
	}
	.savingsInfo{
		display:inline;
	}
	
	.hidden-desktop {
		display: inherit !important;
	}
	.visible-desktop {
		display: none !important;
	}
	.visible-inline-desktop {
		display: none !important;
	}
	.visible-phone {
		display: inherit !important;
	}
	.hidden-phone {
		display: none !important;
	}
	.hidden-tablet {
		display: none !important;
	}
	
 	.billing-addr-lbl-flagbit12 {
 		float: none;
 		margin-top: 20px;
	}
	.order-summary-flagbit12 .os-name {
		display:block;
		float:none;
		font-weight: bold;
	}
	.form-left-col .order-summary {
		overflow:visible !important;
		margin-left: -10px;
		width: 100%;
	}
}

/*
 * Tablet Only styles
 * For setting font sizes and stuff
 */
@media ( min-width : 768px) and (max-width: 979px) {
  /*
   * Receipt page
   */
	.webstore-receipt-page .receipt-header>p {
		font-size: 1.4em;
	}

	.webstore-receipt-page .btn-get-started-top {
		width: 180px;
		margin: auto;
	}

	.webstore-receipt-page .btn-get-started-bottom {
		width: 150px;
		margin: auto;
	}

}

@media ( max-width : 979px) {
	.form-container .form-left-col.split,
	.form-container .form-right-col.split {
		margin-left: 0px;
	}
	.inline-input {
		position: relative;
		top: 20px;
		right: 0px;
		float: right;
	}
	.protect-family .add-member-contact-info .form-right-col .inline-input {
		position: relative;
		top: 30px;
		right: 15px;
		float: right;
	}
	/*
   * Global styles
   */
	body {
		width: 100%;
		min-width: 320px;
		background: none;
	}
	.feedbacklabel {
		margin-bottom: 15px;
	}

	/*
   * Wrapper styles
   */
	#globalWrapper {
		background-position: 0 -70px;
	}
	#globalWrapper #wrapper {
		width: 100%;
	}
	#globalWrapper #wrapper #content {
		width: auto;
		padding: 5px 15px 25px 15px;
		background: none;
		border-left: none;
		border-right: none;
	}

	/*
   * Footer Styles
   */
	#footer {
		background: none;
		margin: 20px 20px 0 20px;
		border-top: 1px solid #FFFFFF;
	}
	#footer .footer-content {
		font-size: 12px;
		padding-top: 20px;
		width: auto;
	}
	#footer .certButtons {
		width: auto;
		margin-top: -15px;
	}
	#footer p.copyright {
		width: auto;
	}

	/*
   * Navigation bar styles
   */
	.webstore-enrollment-page #wrapper #header .step-nav {
		float: right;
		margin-right: 0;
		margin-top: 40px;
		width: 400px;
	}
	.webstore-enrollment-page #wrapper #header h1 {
		top: 52px;
	}

	/* Styling for the high-res sprite sheet */
	#wrapper #header .step-nav li span.icon {
		background-image:
			url(https://cdn.lifelock.com/assets/secure/images/enrollment/wayfinder-sprite-8-2013.png);
		background-size: 30em;
		width: 40px;
		height: 40px;
		background-repeat: no-repeat;
	}
	#wrapper #header .step-nav .wf-step1 span.icon {
		background-position: 0px -135px;
	}
	#wrapper #header .step-nav .wf-step1 span.icon {
		background-position: 0px -135px;
	}
	#wrapper #header .step-nav .wf-step2 span.icon {
		background-position: -81px 3px;
	}
	#wrapper #header .step-nav .wf-step3 span.icon {
		background-position: -161px 3px;
	}
	#wrapper #header .step-nav .wf-step4 span.icon {
		background-position: -241px 3px;
	}
	.webstore-receipt-page #wrapper #header .step-nav span.wf-step5 {
		float: none;
	}
	#wrapper #header .step-nav .wf-step5 span.icon {
		cursor: auto;
		background-position: -323px 2px;
	}
	#wrapper #header .step-nav .wf-step1.wf-active span.icon {
		background-position: 0px 3px;
	}
	#wrapper #header .step-nav .wf-step2.wf-active span.icon {
		background-position: -81px -73px;
	}
	#wrapper #header .step-nav .wf-step3.wf-active span.icon {
		background-position: -161px -73px;
	}
	#wrapper #header .step-nav .wf-step4.wf-active span.icon {
		background-position: -241px -73px;
	}
	#wrapper #header .step-nav li .wf-depressed span.icon {
		background-position: 0px -73px;
		cursor: pointer;
	}
	#wrapper #header .step-nav li .wf-depressed.wf-nolink span.icon {
		background-position: 0px -77px;
		cursor: default;
	}

	/*
   * Header bar (the one with LifeLock logo) styles
   */
	.navbar-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
		margin-top: 0;
		margin-bottom: -90px;
	}
	.navbar-wrapper .container {
		width: auto;
		min-width: 320px;
		margin-right: auto;
		margin-left: auto;
		zoom: 1;
	}
	.navbar-wrapper .navbar {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
		margin: 0 !important;
		width: 100% !important;
		min-width: 320px !important;
	}
	.navbar-wrapper .navbar.navbar-fixed-top {
		position: fixed !important;
	}
	.navbar-wrapper .navbar .navbar-inner {
		min-height: 40px;
		padding: 0;
		border: solid 1px #bbbaba;
		text-shadow: #f3f3f3 1px 1px 0;
		background-color: #d5d3d3;
		background: linear-gradient(bottom, #cbc9c9 13%, #fff 95%);
		background: -o-linear-gradient(bottom, #cbc9c9 13%, #fff 95%);
		background: -moz-linear-gradient(bottom, #cbc9c9 13%, #fff 95%);
		background: -webkit-linear-gradient(bottom, #cbc9c9 13%, #fff 95%);
		background: -ms-linear-gradient(bottom, #cbc9c9 13%, #fff 95%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',
			endColorstr='#ff111111', GradientType=0);
	}
	.navbar-wrapper .navbar-fixed-top .brand {
		left: 0%;
		margin-left: 5px;
	}
	.navbar-wrapper .brand {
		background-image:
			url(https://cdn.lifelock.com/assets/secure/images/ll-logo-nw.png);
		background-position: 0px 8px;
		background-repeat: no-repeat;
		background-size: 123px;
		color: #777777;
		display: block;
		float: none;
		font-size: 20px;
		font-weight: 200;
		left: 50%;
		margin-left: -60px;
		padding: 10px 20px 10px;
		position: absolute;
		text-indent: -999em;
		text-shadow: 0 1px 0 #ffffff;
		top: 0;
		vertical-align: middle;
		width: 110px;
	}
	.navbar-wrapper .phone {
		float: right;
		margin: 13px;
	}

	/*
   * Containers (the "chrome" around divs) styles
   */
	.form-container-bottom,.service-type-header,.form-container .sub-header
		{
		display: none;
		/* display:none; is used instead of adding visible-desktop next to all instances of these classes in html */
	}
	.form-container {
		padding: 0;
		position: static;
		border-left: none;
		border-right: none;
	}
	.plan-container {
		padding-top: 0;
	}
	.plan-panel .sub-instructions {
		padding: 0;
		margin: 0;
	}
	.navigation-btns-container {
		margin-top: 50px;
	}
	.btn-box {
		border-top: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		padding: 0;
		position: static;
		width: 100%;
	}
	.ssn-secure-lock {
		line-height: 1.3em;
		color: #8e8b90;
		background:
			url('https://cdn.lifelock.com/assets/secure/images/enrollment/ssn-lock.png')
			no-repeat 0 0;
		background-size: 20px;
		padding-left: 30px;
		min-height: 28px;
	}
	#responsiveSsn {
		-webkit-text-security: disc;
	}

	/*
   * Buttons styles
   */
	.navigation-btns-container a.button {
		width: 160px;
		height: 37px;
		padding-top: 8px;
	}
	/* Forward buttons */
	a.btn-continue:link,a.btn-continue:visited,a.btn-skip:link,a.btn-skip:visited,a.btn-add-member:link,a.btn-add-member:visited
		{
		padding-top: 8px;
		background: #cd2843;
		background: -moz-linear-gradient(top, #cd2843 0%, #ad0c28 50%, #8c0a26 51%, #991c31
			100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd2843),
			color-stop(50%, #ad0c28), color-stop(51%, #8c0a26),
			color-stop(100%, #991c31));
		background: -webkit-linear-gradient(top, #cd2843 0%, #ad0c28 50%, #8c0a26 51%,
			#991c31 100%);
		background: -o-linear-gradient(top, #cd2843 0%, #ad0c28 50%, #8c0a26 51%, #991c31
			100%);
		background: -ms-linear-gradient(top, #cd2843 0%, #ad0c28 50%, #8c0a26 51%, #991c31
			100%);
		background: linear-gradient(to bottom, #cd2843 0%, #ad0c28 50%, #8c0a26 51%, #991c31
			100%);
		filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#cd2843',
			endColorstr='#991c31', GradientType=0);
		-webkit-box-shadow: 0px 0px 2px 1px rgba(200, 200, 200, .7);
		box-shadow: 0px 0px 2px 1px rgba(200, 200, 200, .7);
		border: 1px solid #901d37;
	}
	/* Backward buttons and Save for Later buttons */
	a.btn-cancel:link,a.btn-cancel:visited,a.btn-go-back:link,a.btn-go-back:visited,a.btn-complete-later:link,a.btn-complete-later:visited
		{
		padding-left: 20px;
		padding-right: 20px;
		background-image: linear-gradient(bottom, #EFEFEF 0%, #FFFFFF 100%);
		background-image: -o-linear-gradient(bottom, #EFEFEF 0%, #FFFFFF 100%);
		background-image: -moz-linear-gradient(bottom, #EFEFEF 0%, #FFFFFF 100%);
		background-image: -webkit-linear-gradient(bottom, #EFEFEF 0%, #FFFFFF 100%);
		background-image: -ms-linear-gradient(bottom, #EFEFEF 0%, #FFFFFF 100%);
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EFEFEF),
			color-stop(1, #FFFFFF));
		border: 1px solid #dedede;
		box-shadow: 0px 1px 1px 0px rgba(100, 100, 100, 0.5);
		text-align: center;
		text-decoration: none;
	}
	/* Text styling for the forward/back buttons */
	a.btn-cancel span,a.btn-go-back span,a.btn-continue span,a.btn-add-member span
		{
		background: none;
		font-size: 1.7em;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
	}
	a.btn-continue span,a.btn-add-member span {
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7);
	}
	a.btn-complete-later span {
		background: none;
		color: #808080;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 1.1em;
	}
	/*
   * Step 1: Select a Plan styles
   */
	.plan-panel .sub-instructions {
		background: none;
	}
	.services .plan-list {
		margin-left: 0;
		width: 100%;
	}
	.services .plan-container {
		float: none;
		margin: 0;
		padding: 0;
		width: auto;
	}
	.plan-mmt {
		width: auto;
		margin-left: 0;
	}
	.plan-mmt img {
		max-width: 100%;
		width: auto;
	}
	.services .plan-container .service-plans {
		margin-left: 0px;
		width: 100%;
	}
	.services .plan-container .plan {
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		border-bottom: none;
		margin-left: 0;
		padding: 0 !important;
		width: 50% !important;
	}
	.services .plan-container div.credit,.services .plan-container div.junior
		{
		width: 100% !important;
	}
	.services .plan-container .clear-both {
		clear: none;
	}
	.services .plan-container .basic+.clear-both,.services .plan-container .service-plans+.clear-both
		{
		clear: both;
	}
	.services .plan-container .plan .plan-info-left {
		padding: 5px 0 0px 5px !important;
		width: auto !important;
	}
	.services .plan-container .plan .plan-input {
		padding: 10px 0 0 9px;
	}
	.services .plan-container .plan .plan-bestvalue {
		display: none;
	}
	.services .plan-container .plan .vertical-divider {
		background-color: transparent;
		display: none;
		height: 0;
		width: 0;
		margin: 0;
		padding: 0;
	}
	.services .plan-container .plan .desc-showmore,.services .plan-container .plan .desc-showmore-all
		{
		clear: both;
		color: #777978;
		cursor: pointer;
		padding: 0 0 5px 15px;
		text-decoration: none;
		text-transform: uppercase;
	}
	.services .plan-container .plan .desc-showmore {
		font-size: 10px;
	}
	.services .plan-container .plan .showmore-arrow {
		font-size: 10px;
		vertical-align: top;
	}
	.services .plan-container .plan .plan-info-right {
		display: none;
		height: auto;
		padding: 0 0 20px 15px;
		width: auto;
		overflow: hidden;
		-moz-transition: 0.5s max-height, padding-bottom linear;
		-webkit-transition: 0.5s max-height, padding-bottom linear;
		transition: 0.5s max-height, padding-bottom linear;
	}

	/*.services .plan-container .plan .plan-info-right.open {
      max-height:200px;
      padding-bottom:20px;
  }*/
	.services .plan-container .plan .plan-info-right #ultimateDesc {
		width: auto;
		margin-right: 10px;
	}
	.services .plan-container .plan .plan-info-right .desc-list {
		width: auto;
		margin-right: 10px;
	}

	/* "Help Me Choose" button and table */
	.services .plan-container .learn-more-content .top-row {
		background: none;
		font-size: 10px;
	}
	.services .plan-container .learn-more-content td.desc-col {
		width: 700px;
		/* Set to a big width to make the table fit whole page, doesn't neccesarily make the page that big */
		padding: 15px 20px 15px 20px;
		line-height: 16px;
	}
	.services .plan-container .learn-more {
		margin-left: 0;
		clear: both;
	}

	/* Credit Container pop-up */
	.credit-services .plan-list {
		border: 1px solid #e2e2e2;
		border-top: none;
		border-radius: 5px;
	}
	.credit-services .plan-container {
		margin-top: -1px;
	}
	.credit-services .service-type-header {
		border-radius: 5px;
		display: block;
		margin: 0;
	}
	.credit-services .service-type-header .tl,.credit-services .service-type-header .tr
		{
		display: none;
	}
	.credit-services .credit .credit-info {
		padding-left: 15px;
		width: auto;
	}
	.credit-services .credit .credit-info .plan-title {
		margin-top: 15px;
		margin-bottom: 15px !important;
	}
	.credit-services .credit .credit-info .credit-detail-info {
		margin-left: 5px !important;
	}
	.credit-services .credit .credit-info .desc-list {
		margin-right: 20px;
	}
	.credit-services .plan-col.credit-info {
		float: none;
		margin-left: 60px;
	}

	/* Promo code towards bottom */
	.promo-detail {
		padding-top: 15px;
		width: 290px;
		margin: auto;
	}
	.promo-detail .promo-box input,.member-float-right input,.retailer-float-right select
		{
		-webkit-appearance: none;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #e2e2e2;
		font-size: 12px;
		font-weight: bold;
		margin-right: -10px;
		width: 205px;
		padding: 10px 0 8px 0;
		text-indent: 10px;
		text-transform: uppercase;
		float:left;
	}
	.member-float-right input,.retailer-float-right select {
		width: 280px;
	}
	.promo-detail .promo-box input:focus,.member-float-right input:focus {
		outline: 0;
	}
	.promo-detail .promo-box a:link,.promo-detail .promo-box a:visited {
		-webkit-appearance: none;
		-moz-border-radius: 0px 5px 5px 0px;
		-webkit-border-radius: 0px 5px 5px 0px;
		background:
			url(https://cdn.lifelock.com/assets/secure/images/enrollment/service-header-bg.png)
			repeat-x;
		border-radius: 0px 5px 5px 0px;
		border: 1px solid #e2e2e2;
		border-top: none;
		color: black;
		font-size: 12px;
		font-weight: bold;
		padding: 16px 17px 0px 16px;
		width: auto;
		height: 2.3em;
		margin: 0px;
		display: block;
		float: left;
	}
	.promo-detail .promo-box .wicket-ajax-indicator {
		margin-left: 10px;
	}

	/*
   * Step 2: Your Info styles
   */
	.primary-contact-info {
		margin-bottom: -60px;
	}
	.primary-contact-info.form-container .form-left-col,.primary-contact-info.form-container .form-right-col
		{
		padding-left: 0;
		width: 50%;
	}
	.primary-contact-info.form-container .form-left-col label,.primary-contact-info.form-container .form-right-col label
		{
		margin-left: 5px;
		font-weight: bold;
	}
	.primary-contact-info .feedbacklabel {
		margin-left: 5px;
	}
	.primary-contact-info input:not ([type=checkbox] ),.primary-contact-info .select-container
		{
		display: block;
		height: 34px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin-bottom: 13px;
	}
	.primary-contact-info .form-left-col .select-container,.primary-contact-info .form-left-col input {
		width: 95%;
	}
	.primary-contact-info .form-left-col .half-col input {
		width: 90%;
	}
	.primary-contact-info .form-right-col .select-container,.primary-contact-info .form-right-col input
		{
		width: 100%;
	}
	.primary-contact-info input[type=text],.primary-contact-info input[type=password],.primary-contact-info input[type=number],.primary-contact-info input[type=date],.primary-contact-info input[type=email],.primary-contact-info input[type=tel]
		{
		border: 1px solid #ccc;
		text-indent: 7px;
		padding: 1px 3px;
		-webkit-appearance: none;
		/*outline-color: red;*/
	}
	.primary-contact-info .select-container,.protect-family .select-container,.payment-info .select-container
		{
		position: relative;
		overflow: hidden;
		background-color: #EEE;
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F4F4F4),
			color-stop(0.4, #FAFAFA));
		height: 34px;
		background-image: linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		background-image: -o-linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		background-image: -moz-linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		background-image: -webkit-linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		background-image: -ms-linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		border: 1px solid #ccc;
		border-radius: 3px;
		margin-bottom: 5px;
	}
	.select-container-flagbit12 {
		width: 49% !important;
		display: inline-block !important;
	}
	.primary-contact-info .select-container::before,.protect-family .select-container::before,.payment-info .select-container::before
		{
		position: absolute;
		right: 6px;
		top: 13px;
		content: "";
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 8px solid #555;
		-moz-border-top: none;
	}
	.primary-contact-info .select-container select,.protect-family .select-container  select,.payment-info .select-container select
		{
		background: transparent;
		width: 100%;
		height: 100%;
		padding: 5px;
		outline: none;
		border: 0;
		-webkit-appearance: none;
	}
	#wrapper .primary-contact-info .accept-terms label.label-checkbox,#wrapper .protect-family label.label-checkbox,#wrapper .payment-info label.label-checkbox
		{
		background:
			url(https://cdn.lifelock.com/assets/secure/images/enrollment/service-checkbox-sprite-2013.png)
			no-repeat 0px 0px;
		background-size: cover;
		display: block;
		cursor: pointer;
		float: left;
		height: 38px;
		margin-top: 0px;
		margin-right: 10px;
		width: 37px;
	}
	#wrapper .primary-contact-info .accept-terms label.label-checkbox.selected,#wrapper .protect-family label.label-checkbox.selected,#wrapper .payment-info label.label-checkbox.selected
		{
		background-position: 0px -38px;
	}
	.primary-contact-info label.label-checkbox input,.protect-family label.label-checkbox input,.payment-info label.label-checkbox input
		{
		left: -999em;
	}
	.primary-contact-info .alert-phone-aside {
		float: none;
		width: auto;
	}
	.primary-contact-info .alert-phone-inputs {
		width: auto;
	}
	.primary-contact-info .gender-aside {
		float: none;
		width: auto;
	}
	.primary-contact-info .service-guarantee-disclaimer {
		clear: both;
		margin-left: 0 !important;
		padding-top: 15px;
		font-size: 1em !important;
	}
	.primary-contact-info .accept-label {
		position: relative;
		top: 10px;
	}
	.primary-contact-info .accept-terms {
		margin-top: 25px;
	}
	.primary-contact-info .termsFrame {
		width: 100%;
		margin-top: -15px;
		margin-bottom: 25px;
	}

	/*
   * Step 3 Add Family Styles
   */
	.protect-family {
		margin-bottom: -60px;
	}
	.protect-family .member-box {
		border-radius: 5px;
		border: 1px solid #0261b3;
		font-size: 12px;
		margin-bottom: 25px;
		margin-left: 0;
		padding: 10px;
		width: auto;
	}
	.protect-family .member-box .member-box-top,.protect-family .member-box .member-box-bottom
		{
		background: none;
		margin: 0;
	}

	.protect-family .member-box .mb-status,.protect-family .member-box .mb-name,.protect-family .member-box .mb-plan
		{
		float: none;
		display: block;
		width: auto;
	}

	.protect-family .member-box .member-plan-hide{
		display:none;
	}

	.protect-family .member-box .btn-remove-link {
		width: auto;
		margin-top: -5px;
	}
	.protect-family .member-box .btn-edit-link {
		width: 35px;
		margin-top: -5px;
	}
	.protect-family .member-box .combined-plan {
		display: block;
		float: none;
		padding-left: 0;
		padding-top: 15px;
		width: auto;
	}
	.protect-family .sub-instructions {
		display: none;
		margin: 0 0 20px 0;
		padding: 0;
		background: #ffffff;
	}
	.protect-family .sub-form-container {
		width: auto;
		padding: 0;
		margin: 0;
		border-left: none;
		border-right: none;
	}
	.protect-family .sub-form-container-top,.protect-family .sub-form-container-bottom
		{
		display: none;
	}
	.protect-family .form-left-col,.protect-family .form-right-col,.protect-family .guardian-box
		{
		padding-left: 0;
		width: 50%;
	}
	.protect-family .form-container .form-left-col,.protect-family .form-container .form-right-col
		{
		float: left;
		padding-left: 0;
		width: 50%;
	}
	.protect-family .form-left-col label,.protect-family .form-right-col label
		{
		font-weight: bold;
		margin-left: 0px;
	}
	.protect-family .select-container {
		display: block;
		height: 34px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin-bottom: 13px;
	}
	.protect-family .form-left-col .select-container,.protect-family .guardian-box .select-container
		{
		width: 95%;
	}
	.protect-family .form-right-col .select-container {
		width: 100%;
	}
	.protect-family .form-left-col .txt-first-name,.protect-family .form-left-col .txt-middle,.protect-family .form-left-col .txt-last-name
		{
		-webkit-appearance: none;
		border: 1px solid #e3e3e1;
		font-size: 14px;
		margin-bottom: 15px;
		/*outline-color: red;*/
		padding: 8px 0 8px 0px;
		text-indent: 10px;
		width: 95%;
	}
	.protect-family .birthday-aside,.relationship-aside {
		float: none;
		margin-left: 0;
	}
	.protect-family .birthday-aside #responsiveBday {
		-webkit-appearance: none;
		display: block;
		height: 34px;
		min-width: 95%;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin-bottom: 13px;
		border: 1px solid #ccc;
		text-indent: 7px;
	}
	.protect-family .add-member-details-container {
		margin-top: 0;
	}
	.protect-family .add-member-details-container .add-member-select-plan {
		background: #fff;
		border-left: none;
		border-right: none;
		margin: 0 0 20px 0;
		padding: 15px 0 20px 0;
		width: auto;
	}
	.protect-family .add-member-details-container .services .plan-list {
		margin-left: 0;
	}
	.protect-family .add-member-details-container .add-member-contact-info {
		border-left: none;
		border-right: none;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.protect-family .add-member-details-container .collapsed-container .plan-price,.protect-family .add-member-details-container .collapsed-container .plan-name
		{
		float: none;
		margin-left: 0;
	}
	.protect-family .add-member-details-container .collapsed-container .plan-links
		{
		float: none;
		padding: 30px 0;
		width: 100%;
	}
	.protect-family .add-member-details-container .add-member-select-plan .choose-plan
		{
		background: #cd2843;
		background: -moz-linear-gradient(top, #cd2843 0%, #ad0c28 50%, #8c0a26 51%, #991c31
			100%);
		background: -ms-linear-gradient(top, #cd2843 0%, #ad0c28 50%, #8c0a26 51%, #991c31
			100%);
		background: -o-linear-gradient(top, #cd2843 0%, #ad0c28 50%, #8c0a26 51%, #991c31
			100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd2843),
			color-stop(50%, #ad0c28), color-stop(51%, #8c0a26),
			color-stop(100%, #991c31));
		background: -webkit-linear-gradient(top, #cd2843 0%, #ad0c28 50%, #8c0a26 51%,
			#991c31 100%);
		background: linear-gradient(to bottom, #cd2843 0%, #ad0c28 50%, #8c0a26 51%, #991c31
			100%);
		border-radius: 5px;
		border: 1px solid #901d37;
		box-shadow: 0px 0px 2px 1px rgba(200, 200, 200, .7);
		-webkit-box-shadow: 0px 0px 2px 1px rgba(200, 200, 200, .7);
		color: white;
		filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#cd2843',
			endColorstr='#991c31', GradientType=0);
		font-weight: bold;
		padding: 15px 65px;
		text-decoration: none;
	}
	.protect-family .add-member-contact-info .form-left-col input,.protect-family .add-member-contact-info .form-right-col input
		{
		-webkit-appearance: none;
		border: 1px solid #e3e3e1;
		font-size: 14px;
		margin-bottom: 15px;
		/*outline-color: red;*/
		padding: 8px 0 8px 0px;
		text-indent: 10px;
	}
	.protect-family .add-member-contact-info .form-left-col input {
		width: 95%;
	}
	.protect-family .add-member-contact-info .form-right-col input {
		width: 100%;
	}
	.protect-family .add-member-contact-info .form-left-col input[type="checkbox"],.protect-family .add-member-contact-info .form-right-col input[type="checkbox"],.protect-family .add-member-contact-info .form-left-col input[type="radio"],.protect-family .add-member-contact-info .form-right-col input[type="radio"]
		{
		width: auto;
	}
	.protect-family .add-member-contact-info .form-right-col input.txt-ssn1,.protect-family .add-member-contact-info .form-right-col input.txt-ssn2,.protect-family .add-member-contact-info .form-right-col input.txt-ssn3
		{
		width: 29%;
	}
	.protect-family .add-member-contact-info .form-right-col .input-desc,.protect-family .add-member-contact-info .form-right-col .info,.protect-family #select-container-suffixes
		{
		display: none;
	}
	.protect-family .add-member-contact-info .form-right-col .alert-phone-aside,.protect-family .add-member-contact-info .form-right-col .alert-phone-inputs,.protect-family .add-member-contact-info .form-right-col .gender-aside
		{
		width: 100%;
	}
	.protect-family .add-member-aside {
		padding-top: 0;
		padding-bottom: 20px;
	}
	.protect-family .add-member-contact-info .form-right-col .secure-ssn {
		margin-bottom: 10px;
	}
	#wrapper .protect-family label.use-primary-text {
		font-weight: normal;
		line-height: 32px;
	}
	.protect-family .accept-terms {
		padding-top: 30px;
		border-top: 1px solid #d2d2d2;
	}
	.protect-family .accept-terms p {
		margin-left: 0 !important;
		margin-top: 20px !important;
	}
	.protect-family .termsFrame {
		height: 300px;
		margin-top: 0;
		width: 100%;
	}
	.protect-family .guardian-agreement {
		line-height: 16px;
		margin-top: -10px;
		padding-bottom: 25px;
	}
	.protect-family .btn-box a {
		border-radius: 5px;
		margin-top: 0;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.protect-family .btn-box a {
		border-radius: 5px;
		margin-top: 0;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.protect-family .btn-aside {
		float: none;
		width: auto;
		margin-right: 0;
	}
	.protect-family a.btn-complete-later {
		width: 300px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.protect-family a.btn-go-back span,.protect-family a.btn-add-member span,.protect-family a.btn-complete-later span
		{
		font-size: 1.5em;
	}
	.protect-family .btn-box .wicket-ajax-indicator {
		float: right;
		margin-right: 75px;
		margin-top: -50px;
	}

	/*
   * Step 4 Payment Info Styles
   */
	.payment-info .form-left-col,.payment-info .form-right-col {
		float: left;
		width: 50%;
		padding-left: 0;
	}
	.payment-info .form-left-col .select-container,.payment-info .form-right-col .select-container
		{
		display: block;
		height: 34px;
		width: 90%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin-bottom: 13px;
	}
	.select-container-flagbit12 {
		width: 49% !important;
		display: inline-block !important;
	}
	.payment-info .form-left-col label,.payment-info .form-right-col label {
		margin-left: 0;
	}
	.payment-info .form-left-col input,.payment-info .form-right-col input {
		-webkit-appearance: none;
		border: 1px solid #e3e3e1;
		font-size: 14px;
		margin-left: 0;
		margin-bottom: 15px;
		/*outline-color: red;*/
		padding: 8px 0 8px 0px;
		text-indent: 10px;
	}
	.payment-info .form-left-col .select-container,.payment-info .form-left-col input
		{
		width: 95%
	}
	.select-container-flagbit12 {
		width: 49% !important;
		display: inline-block !important;
	}
	.payment-info .form-right-col .select-container,.payment-info .form-right-col input
		{
		width: 100%;
	}
	.payment-info .form-left-col .info {
		display: none
	}
	.payment-info .form-left-col ul.cards {
		margin: 0 0 15px !important;
	}
	.payment-info .confirm-billing-address {
		line-height: 32px;
		margin-bottom: 20px;
	}
	.payment-info .confirm-billing-address-flagbit12 {
		margin-top: 20px;
		padding-left: 10px;
	}
	.payment-info .billing-options {
		border-top: none;
		clear: both;
		float: none;
		height: auto;
		margin: 0;
		padding: 0;
		width: auto;
	}
	.billing-cycle-flagbit12 {
		border: 1px solid #d2d2d2;
		border-radius: 5px;
		margin-top: 1em;
	}
	.payment-info .billing-options label {
		float: none;
	}
	.billing-options-label-flagbit12 {
		padding-left: 1em;
	}
	.payment-info .billing-radio-group {
		float: none;
		margin: 0;
	}
	.payment-info .billing-plans {
		float: none;
		margin-top: -10px;
		width: auto;
		margin-bottom: 20px;
	}
	.payment-info .billing-plans li {
		border: 1px solid #d2d2d2;
		border-top: none;
		float: none;
		line-height: 1.5em;
		margin: 0;
		padding: 15px;
		width: auto;
	}
	.payment-info .billing-plans li .bp-plan,.payment-info .billing-plans li .bp-name,.payment-info .billing-plans li .bp-annual,.payment-info .billing-plans li .bp-monthly
		{
		display: block;
		float: none;
		width: auto;
	}
	.payment-info .billing-plans li .bp-annual,.payment-info .billing-plans li .bp-monthly
		{
		margin: 10px 0 10px 0;
	}
	.order-summary-box {
		margin-bottom: -40px;
	}
	.order-summary-box .order-summary-header {
		background: none;
		margin: 0;
		padding: 0;
	}
	/*.order-summary-box .flagbit12-border {
		border-top: 1px solid rgb(210, 210, 210);
		border-left: 1px solid rgb(210, 210, 210);
		border-right: 1px solid rgb(210, 210, 210);
		border-radius: 5px 5px 0px 0px;
	}*/
	.order-summary-box .order-summary-header h2 {
		font-weight: normal;
		color: #003b6f;
	}
	.order-summary-box .form-container-top {
		height: auto;
		margin: 0;
		padding-bottom: 0;
		background: none;
	}
	.order-summary-box .order-summary {
		width: auto;
		overflow: hidden;
		float: none;
		margin-left: 0;
	}
	.order-summary li {
		line-height: 1.5em;
		padding: 10px 20px;
		background-color: #e0f2fc;
		border: 1px solid #d2d2d2;
		margin-top: -1px;
	}
	.form-left-col .order-summary li {
		line-height: 1.5em;
		padding: 10px 20px;
		background-color: #e0f2fc;
		margin-top: -1px;
		border:none !important;
	}
	#summary-text-id-flagbit12 {
		display:none;
		background-color:#ffffff;
	}
	.form-left-col .order-summary .flagbit12 {
		background-color: #ffffff;
		font-weight:bold;
	}
	.order-summary-box .order-summary .summary-header {
		background-color: #EEE;
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F4F4F4),
			color-stop(0.4, #FAFAFA));
		background-image: linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		background-image: -o-linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		background-image: -moz-linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		background-image: -webkit-linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		background-image: -ms-linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		border: 1px solid #ccc;
		border-radius: 5px 5px 0 0;
		margin: 0;
		padding: 10px;
	}
	.order-summary .member-column-title {
		float: none;
		width: auto;
	}
	.order-summary .services-column-title,.order-summary .first-column-title
		{
		display: none;
	}
	.order-summary .column-price,.order-summary .total-label
		{
		display: block;
		float: none;
		width: auto;
	}
	.order-summary .os-name{
		display: block;
		float: none;
		/*width: auto;*/
	}
	.order-summary .os-plan{
		display: block;
		float: none;
		/*width: auto;*/
	}
	.order-summary .os-price{
		display: block;
		/*float: none;*/
		/*width: auto;*/
	}
	.order-summary .os-price,.order-summary .column-price,.order-summary .total-label
		{
		text-align: right;
		padding: 0;
	}
	.form-left-col .order-summary .total-label {
	    margin-top: 0em;
	}
	.form-left-col .column-price {
	    color: #000 !important;
	    margin-top: 0em;
	    margin-left: 0em;
	}
	.order-summary .os-total {
		background: #FAFAFA;
	}
	.order-summary .summary-text {
		background: #FAFAFA;
		border-bottom: 1px solid #ccc;
		border-radius: 0 0 5px 5px;
		padding-top: 15px;
	}
	.submit-order-error {
		width: 500px;
	}
	.submit-order-container a.btn-final-submit:link,.submit-order-container a.btn-final-submit:visited
		{
		background: #006900;
		background: -webkit-gradient(linear, left top, left bottom, from(#009900),
			to(#006900));
		background: -webkit-linear-gradient(top, #009900, #006900);
		background: -moz-linear-gradient(top, #009900, #006900);
		background: -ms-linear-gradient(top, #009900, #006900);
		background: -o-linear-gradient(top, #009900, #006900);
		border: 1px solid #006900;
		box-shadow: 0px 1px 1px 0px rgba(100, 100, 100, 0.5);
		color: white;
		display: block;
		float: left;
		height: 30px;
		margin: 0;
		text-decoration: none;
		border-radius: 5px;
		text-align: center;
		padding: 10px 20px 10px 20px;
		width: 160px;
	}
	.submit-order-container {
		margin-top: -50px;
		width: 235px;
	}
	.submit-order-container a.btn-final-submit:link span {
		font-size: 1.7em
	}
	.submit-order-container .wicket-ajax-indicator {
		position: relative;
		top: 20px;
		left: -80px;
	}

	/*
  * Final Step - Receipt Page
  */
	.webstore-receipt-page .enrollment {
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
	}
	.webstore-receipt-page .form-container {
		width: 48%;
	}
	.webstore-receipt-page .pricing.form-container {
		position: absolute;
		top: -10px;
		left: 50%;
	}
	.webstore-receipt-page .btn-get-started-top>a::before,.webstore-receipt-page .btn-get-started-bottom>a::before
		{
		position: relative;
		top: 5px;
		left: 42px;
		content: "Continue";
		color: #FFF;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7);
		font-size: 1.7em;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		font-weight: bold;
	}
	.webstore-receipt-page .btn-get-started-top>a,.webstore-receipt-page .btn-get-started-bottom>a
		{
		display: block;
		width: 180px;
		height: 37px;
		padding-top: 8px;
		background: #cd2843;
		background: -moz-linear-gradient(top, #cd2843 0%, #ad0c28 50%, #8c0a26 51%, #991c31
			100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd2843),
			color-stop(50%, #ad0c28), color-stop(51%, #8c0a26),
			color-stop(100%, #991c31));
		background: -webkit-linear-gradient(top, #cd2843 0%, #ad0c28 50%, #8c0a26 51%,
			#991c31 100%);
		background: -o-linear-gradient(top, #cd2843 0%, #ad0c28 50%, #8c0a26 51%, #991c31
			100%);
		background: -ms-linear-gradient(top, #cd2843 0%, #ad0c28 50%, #8c0a26 51%, #991c31
			100%);
		background: linear-gradient(to bottom, #cd2843 0%, #ad0c28 50%, #8c0a26 51%, #991c31
			100%);
		filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#cd2843',
			endColorstr='#991c31', GradientType=0);
		-webkit-box-shadow: 0px 0px 2px 1px rgba(200, 200, 200, .7);
		box-shadow: 0px 0px 2px 1px rgba(200, 200, 200, .7);
		border: 1px solid #901d37;
		text-decoration: none;
		border-radius: 6px;
	}
	.webstore-receipt-page .btn-get-started-top>a>img,.webstore-receipt-page .btn-get-started-bottom>a>img
		{
		display: none;
	}
	.webstore-receipt-page .btn-get-started-bottom>a::before {
		top: 3px;
		left: 32px;
		font-size: 1.5em;
	}
	.webstore-receipt-page .btn-get-started-bottom>a {
		position: relative;
		left: 16px;
		width: 150px;
		height: 31px;
	}
	.webstore-receipt-page #header .step-nav {
		float: right;
		margin-right: 0px;
		margin-top: 40px;
		width: 400px;
	}
	.webstore-receipt-page #wrapper #header .step-nav li .wf-depressed.wf-nolink span.icon {
		background-position: 2px -75px;
	}
	.webstore-receipt-page #header .last-step {
		margin-left: 5px;
	}
	.webstore-receipt-page p {
		margin-bottom: 5px;
	}
	.webstore-receipt-page p.important-note {
		font-weight: normal;
	}
	.webstore-receipt-page h2.plan-summary-header {
		height: auto;
		margin-bottom: 10px;
		margin-left: 0;
		color: #00339a;
		padding-top: 0;
	}
	.webstore-receipt-page h2.basic,.webstore-receipt-page .order-summary-misc>h3
		{
		color: #444;
		padding: 0;
		margin-left: 0;
		padding-top: 6px;
		padding-left: 12px;
	}
	.webstore-receipt-page .sub-header>.tl,.webstore-receipt-page .sub-header>.tr,.webstore-receipt-page .order-summary-header .tl,.webstore-receipt-page .order-summary-header .tr
		{
		display: none;
	}
	.webstore-receipt-page .form-container>.sub-header,.webstore-receipt-page .order-summary-misc
		{
		display: block;
		background-color: #EEE;
		background: none;
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F4F4F4),
			color-stop(0.4, #FAFAFA));
		background-image: linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		background-image: -o-linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		background-image: -moz-linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		background-image: -webkit-linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		background-image: -ms-linear-gradient(#FAFAFA 0%, #F4F4F4 40%, #E5E5E5 100%);
		border: 1px solid #ccc;
		border-radius: 5px 5px 0 0;
		margin: 0;
		top: 0;
		padding: 0;
	}
	.webstore-receipt-page .plan-panel,.webstore-receipt-page .contact-panel,.webstore-receipt-page .billing-panel,.webstore-receipt-page .family.form-container .collapsed-container,.webstore-receipt-page .receipt-header
		{
		background-image: linear-gradient(bottom, rgb(239, 239, 239) 0%,
			rgb(253, 253, 253) 100%);
		background-image: -o-linear-gradient(bottom, rgb(239, 239, 239) 0%,
			rgb(253, 253, 253) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(239, 239, 239) 0%,
			rgb(253, 253, 253) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(239, 239, 239) 0%,
			rgb(253, 253, 253) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(239, 239, 239) 0%,
			rgb(253, 253, 253) 100%);
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(239,
			239, 239)), color-stop(1, rgb(253, 253, 253)));
		border: 1px solid #ccc;
		border-top: none;
		border-radius: 0 0 5px 5px;
		padding: 10px 15px;
	}
	.webstore-receipt-page .receipt-container {
		border: 1px solid #e0e0e0;
		margin-bottom: 15px;
		/*border-radius: 5px;*/
	}
	.webstore-receipt-page .receipt-header {
		position: relative;
		background-image: linear-gradient(bottom, #E7E7E7 0%, #FFFFFF 100%);
		background-image: -o-linear-gradient(bottom, #E7E7E7 0%, #FFFFFF 100%);
		background-image: -moz-linear-gradient(bottom, #E7E7E7 0%, #FFFFFF 100%);
		background-image: -webkit-linear-gradient(bottom, #E7E7E7 0%, #FFFFFF 100%);
		background-image: -ms-linear-gradient(bottom, #E7E7E7 0%, #FFFFFF 100%);
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E7E7E7),
			color-stop(1, #FFFFFF));
		border: none;
		border-bottom: 1px solid #e0e0e0;
		padding: 50px 350px 50px 30px;
	}
	.webstore-receipt-page .receipt-header>.important-note {
		margin: 20px 0;
	}
	.webstore-receipt-page .app-cta {
		position: absolute;
		top: 15px;
		right: 15px;
		width: 300px;
		border: 1px solid #e0e0e0;
		border-radius: 3px;
		cursor: pointer;
	}
	.webstore-receipt-page .app-cta>h3 {
		position: absolute;
		top: 18px;
		left: 20px;
		width: 260px;
		color: #333;
		font-size: 1.2em;
	}
	.webstore-receipt-page .app-cta>p {
		position: absolute;
		top: 58px;
		left: 20px;
		width: 160px;
		font-size: 1em;
		color: #777;
	}
	.webstore-receipt-page .app-cta>img {
		width: 300px;
	}
	.webstore-receipt-page div.btn-get-started-top,.webstore-receipt-page div.btn-get-started-bottom
		{
		text-align: left;
	}
	.webstore-receipt-page .plan-panel>.collapsed-container {
		padding-top: 0 !important;
	}
	.webstore-receipt-page .plan-panel>.collapsed-container>.plan-price {
		float: right;
	}
	.webstore-receipt-page .form-container>.form-container-top {
		display: none;
	}
	.webstore-receipt-page .collapsed-container>p {
		display: none;
	}
	.webstore-receipt-page .billing-panel .card-display {
		margin-top: 0;
	}
	.webstore-receipt-page .billing-panel .card-display>div {
		float: none !important;
	}
	.webstore-receipt-page .order-summary-header {
		background: none;
		margin: 0;
		padding: 0;
	}
	.webstore-receipt-page .order-summary-header>h2 {
		color: #00339a;
		height: auto;
		margin-bottom: 10px;
	}
	.webstore-receipt-page .order-summary-misc {
		width: auto;
		float: none;
		height: 26px;
		padding-top: 12px;
	}
	.webstore-receipt-page .order-summary-misc>h3 {
		float: left;
		margin-bottom: 0;
		padding-top: 0;
	}
	.webstore-receipt-page .order-summary-misc>h3+span {
		float: right;
		margin-right: 10px;
		font-weight: bold;
		font-size: 15px;
		color: #444;
	}
	.webstore-receipt-page .family.form-container .readonly-col {
		float: none;
		width: auto;
	}
	.webstore-receipt-page .family.form-container .readonly-col>.plan-name {
		float: none;
		display: inline-block;
	}
	.webstore-receipt-page .family.form-container .readonly-col>.plan-price
		{
		float: none;
	}
	.webstore-receipt-page .family.form-container .price-col {
		float: right;
		position: relative;
		top: -2em;
	}
	.webstore-receipt-page .summary-header {
		display: none;
	}
	.webstore-receipt-page .order-summary {
		clear: both;
		float: none;
		display: block;
		width: auto;
		margin-left: 0;
	}
	.webstore-receipt-page .order-summary li>span {
		width: auto;
	}
	.webstore-receipt-page .order-summary li>span.os-price {
		float: right;
		position: relative;
		top: -2em;
	}
	.webstore-receipt-page .btn-get-started-bottom+p>strong {
		font-weight: normal;
	}
	.webstore-receipt-page .btn-get-started-bottom+p>strong>a {
		text-decoration: none;
		color: #03c;
	}
	/* updates per redesign tweaks affecting legacy */
	.protect-family .legacy-inline {
		width: 100%;
	}
	.how-heard {
		width:auto;
		margin-bottom: 20px;
	}
	.receipt-header-margin .how-heard {
		width:95%;
		margin-bottom: 20px;
	}
	.how-heard-label {
		display: block !important;
	}
	.how-heard-button {
		top: 10px;
		margin-left: 0px;
		margin-top: 10px !important;
	}
	.how-heard .how-heard-div-one {
		display:block;
	}
	.how-heard .how-heard-div-two {
		display:block;
	}
	.receipt-header-margin .how-heard-div-one {
		display:inline;
	}
	.receipt-header-margin .how-heard-div-two {
		display:inline;
	}
	.defaultcursor {
		cursor:default;
	}
	.billing-addr-lbl-flagbit12 {
		float: none;
		margin-top: 20px;
	}
	.order-summary-flagbit12 .os-name {
		display:block;
		float:none;
		font-weight: bold;
	}
	.form-left-col .order-summary {
		overflow:visible !important;
		margin-left: -10px;
		width: 100%;
	}
}

@media ( max-width : 767px) {
	
	.services .plan-container .service-plans {
		display:table;
	}

	/*
   * Navigation bar
   */
	.webstore-enrollment-page #wrapper #header .step-nav {
		float: left;
		position: relative;
		left: 50%;
		margin-left: -200px;
	}

	.webstore-receipt-page #wrapper #header .step-nav {
		float: left;
		position: relative;
		left: 50%;
		margin-left: -200px;
	}

	/*
   * Footer Styles
   */
	#footer .footer-content {
		font-size: 1em;
		position: relative;
		width: auto;
	}
	#footer .certButtons {
		position: relative;
		height: 72px;
		width: 345px;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
	}
	#footer p.copyright {
		position: absolute;
		top: 15px;
		left: 50%;
		margin-left: -150px;
		width: 300px;
	}


	/*
   * Containers (the "chrome" around divs) styles
   */
	.navigation-btns-container,.submit-order-container {
		float: none;
		margin-left: auto;
		margin-right: auto;
		/*margin-top: 80px;*/
		padding: 0;
		width: 200px;
	}
	/*
   * Buttons styles
   */
	.navigation-btns-container a.button {
		float: none;
		display: inline-block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	/* Forward buttons */
	a.btn-continue:link,a.btn-continue:visited,a.btn-add-member:link,a.btn-add-member:visited
		{
		position: relative;
		top: -45px;
	}

	/* type=110 situation, go back button must be below the skip button introduced in type=110 layout */
	a.btn-go-back-type110:link,a.btn-go-back-type110:visited {
		top: 130px !important;
	}

	/* Backward buttons and Save for Later buttons */
	a.btn-cancel:link,a.btn-cancel:visited,a.btn-go-back:link,a.btn-go-back:visited,a.btn-complete-later:link,a.btn-complete-later:visited
		{
		position: relative;
		top: 80px;
	}

	/*
   * Step 1 Select a Plan styles
   */
	.services .plan-container .plan {
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		margin-left: 0;
		padding: 0 !important;
		width: 100% !important;
	}
	.services .plan-container .clear-both {
		clear: both;
	}

	.services .plan-container .plan.basic {
		display: table-footer-group;
		float: none;
	}

	.services .plan-container .plan.advantage {
		float: none;
	}

	.services .plan-container .plan.preferred {
		display: table-caption;
		float: none;
	}

   /*
   * Step 2: Your Info styles
   */
	.primary-contact-info.form-container .form-left-col,.primary-contact-info.form-container .form-right-col
		{
		padding-left: 0;
		width: 100%;
	}
	.primary-contact-info input:not ([type=checkbox] ),.primary-contact-info .form-left-col .select-container,.primary-contact-info .form-right-col .select-container
		{
		width: 100%;
		min-width: 95%;
	}
	.primary-contact-info .termsFrame {
		margin-top: 0;
	}

	/*
   * Step 3 Add Family Styles
   */
	.protect-family .form-container .form-left-col,.protect-family .form-container .form-right-col,.protect-family .form-left-col,.protect-family .form-right-col
		{
		float: none;
		padding-left: 0;
		width: auto;
	}
	.protect-family .guardian-box,.protect-family .form-left-col .select-container,.protect-family  .form-right-col .select-container,.protect-family .guardian-box .select-container,.protect-family .form-left-col .txt-first-name,.protect-family .form-left-col .txt-middle,.protect-family .form-left-col .txt-last-name,.protect-family .add-member-contact-info .form-left-col input,.protect-family .add-member-contact-info .form-right-col input,.protect-family .btn-aside
		{
		width: 100%;
	}
	.protect-family .btn-box .btn-add-member {
		position: relative;
		top: -96px;
	}
	.protect-family .btn-box .btn-complete-later {
		position: relative;
		top: -73px;
	}
	.protect-family .btn-box .btn-cancel {
		position: relative;
		top: 125px;
	}
	.protect-family .btn-box .wicket-ajax-indicator {
		float: none;
		left: 50%;
		position: relative;
		top: -120px;
		margin: 0 -16px 0 0;
	}
	.protect-family .btn-box .wicket-ajax-indicator img {
		margin: 0 !important;
	}
	.protect-family .btn-box a {
		border-radius: 5px;
		float: none;
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/*
   * Step 4 Payment Info Styles
   */
	.payment-info .form-left-col,.payment-info .form-right-col {
		float: none;
		width: auto;
		padding-left: 0;
	}
	.edit-billing-border-flagbit12 {
		border: 1px solid #d2d2d2;
		border-radius: 5px;
	}
	.form-left-col-flagbit12 {
		margin: 2em 1em;
	}
	.payment-info .form-left-col .select-container,.payment-info .form-right-col .select-container,.payment-info .form-left-col input,.payment-info .form-right-col input
		{
		width: 100%;
	}
	.select-container-flagbit12 {
		width: 49% !important;
		display: inline-block !important;
	}
	.submit-order-error {
		margin-top: -130px;
		position: static;
		width: auto;
	}
	.submit-order-container {
		margin-top: 75px;
	}
	.submit-order-container a.btn-final-submit:link,.submit-order-container a.btn-final-submit:visited
		{
		margin-top: 25px;
	}
	.submit-order-container .wicket-ajax-indicator {
		position: relative;
		top: 30px;
		left: 0;
		margin-left: -20px;
	}

	/*
   * Final Step - Receipt Page
   */
	.webstore-receipt-page .enrollment {
		position: static;
		padding: 0;
	}
	.webstore-receipt-page .form-container {
		width: auto;
	}
	.webstore-receipt-page .pricing.form-container {
		position: static;
	}
	.webstore-receipt-page .receipt-container {
		border: none;
	}
	.webstore-receipt-page .receipt-header {
		background: none;
		border: none;
		padding: 0;
	}
	.webstore-receipt-page .btn-get-started-top {
		width: 180px;
		margin: auto;
	}
	.webstore-receipt-page .btn-get-started-bottom {
		width: 150px;
		margin: auto;
	}
	.webstore-receipt-page .btn-get-started-bottom>a {
		left: 0;
	}
	.webstore-receipt-page .app-cta {
		position: relative;
		top: 0;
		right: 0;
		margin: auto;
		margin-top: 20px;
	}
	#topHeader .lady-image {
		display: none !important;
	}
	#topHeader .click-to-chat {
		display: none !important;
	}
	#header .step-nav-callchatheader {
   		margin-top:20px !important;
	}
	label.join-txt {
		text-align: center;
		font-weight: bold;
 	}
	.check-icon {
		float: left;
		padding-right: 5px;
 	}
	.check-icon-icon {
		float: left;
		margin-top: 2px;
 	}
 	.check-icon-txt {
		padding-top: 10px;
 	}
 	.join-div-padding {
 		padding-left: 30%;
 	}
	.billing-addr-lbl-flagbit12 {
		float: none;
		margin-top: 20px;
	}
	.order-summary-flagbit12 .os-name {
		display:block;
		float:none;
		font-weight: bold;
	}
	/*.order-summary-flagbit12 .os-price {
    	padding-left: 25%;
	}
	.order-summary-flagbit12 .os-savings {
    	float:right;
	}*/
	.form-left-col .order-summary {
		overflow:visible !important;
		margin-left: -10px;
		width: 100%;
	}
	.pricing-messages.flagbit12 {
		border: 1px solid #d2d2d2;
    	border-radius: 5px;
	}
	.pricing-messages.flagbit12 .form-right-col {
    	margin-top: 2em;
	}
}

@media ( max-width : 480px) {
	
	.secure-ssn-label-tmp{
		display: none;
	    position: absolute;
	    width: 200px;
	    padding: 10px;
	    background:#F8F8F8;
	    color: #717171;
	    border: 1px solid;
	    text-align: left;
	    font-size: 9px;
	    left: 160px;
	    margin-top:-65px;
	}
	
	
	.order-summary .os-name{ 							
		width:175px;
	}
	.order-summary .os-price{
		text-align: right;
		padding: 0;
		width:100px;
		float:right;
		margin-top:-40px;
	}
	.savingsInfo{
	display:inline;
	}
	.order-summary .os-savings{
	width:150px;
	float:right;
	text-align:right;
	margin-top:-20px;
	color: #999;
	}
	
	
	
	.primary-contact-info input[type=text],.primary-contact-info input[type=password],.primary-contact-info input[type=number],.primary-contact-info input[type=date],.primary-contact-info input[type=email],.primary-contact-info input[type=tel]
		{
		height:2.8em;
	}


	.lp-btn-position a.btn-continue:link, .lp-btn-position a.btn-add-member:link {
		position: relative;
		top: -125px;
	}

	/* promocode feedback label to be
		under promcode input field */
	.promo-box .feedbacklabel {
		margin-bottom: 15px;
	}
	.navbar-wrapper .brand {
		left: 0%;
		margin-left: 20px;
	}

	#header {
		position: relative;
		height: 126px !important;
	}
	div.services .plan-container {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	/* Promo code towards bottom */
	.lp-promo-detail-position {
		padding-top: 10px;
		padding-bottom: 50px;
		width: 290px;
		margin: auto;
		position: relative;
		top: 74px;
	}
	/*
  * Navigation bar styles
  */
	#globalWrapper #wrapper #header .step-nav {
		margin-left: -155px;
		width: 310px;
	}
	#globalWrapper #wrapper #header .step-nav li .wf-nolink,#globalWrapper #wrapper #header .step-nav li .wf-active,#globalWrapper #wrapper #header .step-nav li a:link,#globalWrapper #wrapper #header .step-nav li a:visited,#globalWrapper #wrapper #header .step-nav li .wf-active,#globalWrapper #wrapper #header .step-nav li .wf-nolink
		{
		width: 55px;
		font-weight: normal;
	}
	#globalWrapper #wrapper #header .step-nav li.last-step {
		font-weight: normal;
	}
	a.btn-complete-later span {
		font-size: 1.3em;
	}

	/*
   * Step 1 Select a Plan
   */
	.services .plan-container .plan .plan-input {
		margin-right: 0;
	}
	.credit-services h2 .no-thanks {
		color: transparent;
		font-size: 0;
		line-height: 0;
		margin-right: 10px;
	}
	.credit-services .plan-col.credit-info {
		margin-left: 45px;
	}
	/*
	* Step 3: Add Member
	*/
	.padding-btm-adjust {
		padding-bottom:85px !important;
	}

	/*
   * Footer styles
   */
	#footer .certButtons {
		position: relative;
		height: auto;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	#footer .certButtons .verisign,#footer .certButtons .truste,#footer .certButtons .bbb
		{
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 7px;
	}
	#footer .certButtons .verisign {
		width: 108px;
	}
	#footer .certButtons .bbb {
		width: 115px;
	}
	#footer .certButtons .truste {
		width: 118px;
	}
	#sams-redirect-notification-bg {
		width:300px;
	}
	#sams-redirect-notification-header {
		width:300px;
	}
	#sams-redirect-notification-content {
		width: 280px;
	}
	.sams-blue-button {
	    margin-left:30px;
	}
	.confirm-billing-address .payment-address-margin {
		margin-left: 4em !important;
		line-height: 0px;	
	}
	#topHeader .lady-image {
		display: none !important;
	}
	#topHeader .click-to-chat {
		display: none !important;
	}
	#header .step-nav-callchatheader {
   		margin-top:20px !important;
	}
	label.join-txt {
		text-align: center;
		font-weight: bold;
 	}
	.check-icon {
		float: left;
		padding-right: 5px;
 	}
	.check-icon-icon {
		float: left;
		margin-top: 2px;
 	}
 	.check-icon-txt {
		padding-top: 10px;
 	}
	.join-div-padding {
 		padding-left: 10%;
 	}
	.billing-addr-lbl-flagbit12 {
		float: none;
	}
	.pricing-messages .form-left-col {
		width:97%;
	}
	.form-left-col .order-summary {
		overflow:visible !important;
		margin-left: -10px;
		width: 100%;
	}
	.block-display {
		display: block;
	}
}

@media (max-width:399px) {
	.secure-ssn-label-tmp{
		display: none;
	    position: absolute;
	    width: 200px;
	    padding: 10px;
	    background:#F8F8F8;
	    color: #717171;
	    border: 1px solid;
	    text-align: left;
	    font-size: 9px;
	    left: 88px;
	    margin-top:-65px;
	}
	
	.order-summary .second-column-title {
		display:none;
	}
	.order-summary .os-name{ 							
		width:175px;
	}
	.order-summary .os-price{
		text-align: right;
		padding: 0;
		width:100px;
		float:right;
		margin-top:-40px;
	}
	.savingsInfo{
	display:inline;
	}
	.order-summary .os-savings{
	width:150px;
	float:right;
	text-align:right;
	margin-top:-20px;
	color: #999;
	font-size:85%;
	}
	
	#sams-redirect-notification-bg {
		width:300px;
	}
	#sams-redirect-notification-header {
		width:300px;
	}
	#sams-redirect-notification-content {
		width: 280px;
	}
	.sams-blue-button {
	    margin-left:30px;
	}
	.how-heard {
		float: left;
		width: 100%;
		padding: 15px 2px;
		border-radius: 5px;
		border-width: 1px;
		border-color: #F5F5F5;
		background-color: #F5F5F5;
		margin-bottom: 20px;
	}
	.receipt-header-margin .how-heard {
		width: 100%;
		margin-left: -11px;
		padding-left: 2px;
	}
	.receipt-header-margin .how-heard-label {
		display: block !important;
		font-weight: bold;
		font-size: 12px;
	}
	.how-heard-choices {
 	   margin-left: 0px;
	}
	.how-heard-button {
		top: 10px !important;
		margin-left: 120px;
	}
	.how-heard-div-one {
		display:block;
	}
	.how-heard-div-two {
		display:block;
	}
	.confirm-billing-address .payment-address-margin {
		margin-left: 4em !important;
		line-height: 0px;	
	}
	#topHeader .lady-image {
		display: none !important;
	}
	#topHeader .click-to-chat {
		display: none !important;
	}
	#header .step-nav-callchatheader {
   		margin-top:20px !important;
	}
	label.join-txt {
		text-align: center;
		font-weight: bold;
 	}
	.check-icon {
		float: left;
		padding-right: 5px;
 	}
	.check-icon-icon {
		float: left;
		margin-top: 2px;
 	}
 	.check-icon-txt {
		padding-top: 10px;
 	}
 	.join-div-padding {
 		padding-left: 10%;
 	}
	.billing-addr-lbl-flagbit12 {
		float: none;
	}
	.pricing-messages .form-left-col {
		width:96%;
	}
	.form-left-col .order-summary {
		overflow:visible !important;
		margin-left: -10px;
		width: 100%;
	}
/*	.order-summary-flagbit12 li {
		border-top-style: none;
		border-right: 1px solid #D2D2D2;
		border-bottom-style: none;
    	border-left: 1px solid #D2D2D2;
	}
*/		
}