form{margin:0px;}
p label{width: 100%;}
a{color: #990000;}
.main-color{color: #990000;}
.main-color2{color: #990000;}
#passalong-section{margin: 0px 12px;border-bottom:2px solid #990000;}
#submit-button:hover, .submit-button:hover{background-color: #610000;}
#add-passalong-button:hover{background-color: #610000;}
.btn.btn-default.active:hover{background-color: #610000;}
.input-column-container{padding-left: 3%;}
.logo-image{display: inline-block;padding:5px;}
.cover-image{display: inline-block;}
.carousel-container{text-align: center;}
.padding-top{padding-top: 3%;}
.padding-top-small{padding-top: 1.5%;}
.padding-bottom-large{padding-bottom: 10%;}
.padding-bottom{padding-bottom: 3%;}
.padding-bottom-small{padding-bottom: 1.5%;}
.padding-right{padding-right: 3%;}
.padding-left{padding-left: 3%;}
div.row{padding:0px;}
#pageheader, #body, #pagefooter{padding:5px 15px;}
.row label{font-size:1.4em;}
.demo-label{font-size: 1.4em;font-weight: 700;}
label.demo-label{width: 100%;}
.demographic{font-weight:normal;}
#demographics-section{margin: 0px 12px;}
.demo-other-input-container{padding: 7px 0px;display:none;}
.passalong-label{text-align:left;}
#passalong-section label{margin-bottom: 0px;}
.font-small{font-size: .75em;}
.font-medium{font-size: 1.1em;}
.font-medium-large{font-size: 1.3em}
div.main-product-row{padding: 15px; margin: 10px;}
.main-product-row:hover{background-color: lightgrey;}
.desc-content{padding:10px;}
.form-input-block{padding-left: 10px;}
.main-carousel-text{padding: 20px 40px;}
.carousel-control.main-carousel-control{background-image:none;color:black;}
.main-page-button{white-space:normal; width:80%;}
.demo-padding-left{padding-left:10px;}
#promo-code-section .thin-border-bottom{margin-bottom:0px;}
#pagefooter{margin: 0px 12px;}
.disabled-prepop-text{font-size:18px;color: grey;}
#nlet-receive-section label{font-size: inherit;font-weight: inherit;}
div.display-table-row > label.nlet{margin-bottom:0px;}
label.nlet > div.display-table-cell{padding-right:5px;}
label.nlet{font-size:inherit;}
#confirm-content{font-size:18px;}
.login-content label.error{font-size: 1em;text-align:left;}
#term-pricing-options-section{padding-right:3%;}
.error.text-left{text-align:left}
.airmail-font{font-size: 12px;}
#COUNTRY{width:auto;}
.cc-logo-image{width:50px;}
.transImage{opacity: 0.3;filter: alpha(opacity=30);/*for IE8 and earlier*/}
.noDiscoverCCSection{margin-left:32%}
.cc-label:hover{cursor:pointer;}
.cc-label{text-align: center;}
.help-text{font-size: 15px;color: grey;}
.row.input-row{padding: 5px 0px;}
.row label.error{font-size: 18px;}
button.multiselect.dropdown-toggle{width: 100%;}
.bootstrap-multiselect-btn.btn-group{width:auto;}
.multiColumnCheckboxFormat {font-weight: inherit; width: 100%; margin-top: -10px;} /*margin-top accounts for gap between columns*/
.main-page-link{text-decoration:underline;font-size:18px;}
.main-page-list li{padding-bottom:5px;}
.panel-group{margin-bottom:0px;}
.panel-heading{cursor:pointer;}
h4.panel-title{font-weight:bold;}
.img-center{margin:0 auto;}
#autoRenewalSection{font-size:medium;}
.word-wrap{word-wrap: break-word;}
.paid-help-text-container{padding-left:20px;}
.paid-help-text-container span.paid-help-text{padding-left:0px;}
label.disabled > div.paid-help-text-container > span.paid-help-text{color:white;}
.foreign-digital-only, .foreign-digital-text{display:none;}
#promo-price-error{color:red;}
.row.giftRecipientRow{display:none;}
.row.giftRecipientRow1{display:block;}
label.paid-term-radio-button{height:auto;}
input[type=checkbox].margin-top-checkbox {margin-top:1.5%;} /*.35em is equivalent if this creates issues*/
.term-price-button-label{margin-left:20px; font-weight:bold;}
.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
}
.demo-block{
	padding-left: 10px;
	padding-right: 10px;	
}
html{
	width:100%;
	height:100%;
}
body{
	width:100%;
	height:100%;
	background-color: lightgray;
}
.thin-border-bottom{
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 2px solid #990000;
}
.thin-border-top{
	padding-top: 10px;
	margin-top: 15px;
	border-top: 2px solid #990000;
}
.sub-container{
	background-color: white;
	border: 2px solid #990000;
	border-radius: 9px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#pageheader{
	padding-bottom: 10px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background-color: black;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
#carousel1, #carousel2{
	display: inline-block;
	width: 90%;
	margin-top: 1em;
}
label span.input-label {
	display: inline-block;
	width: 30%;
	text-align: right;
	font-weight: bold;
	padding-right: 20px;
	font-size: 16px;
}
p {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
label.error {text-align: right;}
label.paymentTypeInputLabel {text-align:left}
.text-left label.error{text-align: left;}
.pg-product-container .checkbox{margin-top:2px;margin-bottom:2px;}
.pg-product-container{padding-top:10px;}
.header-text{
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
    padding: 5px;
}
.content-block{
	font-size: 18px;
	margin: 10px;
}
input.error, select.error, textarea.error, .buttonErrorForHiddenField {
  border: 1px solid red;
  background: #fee;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default{
	background-color: #990000;
	border-color: black;
	color: white;
	text-decoration: none;
}
.btn-lg.btn-default{border: 2px solid black;}
a.btn-lg.btn-default{padding-top:12px;padding-bottom:12px;}
.btn-default[disabled], .btn-default[disabled].active{
	background-color:grey;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
	background-color: #990000;
	border-color: black;
	color: white;
}
.btn-default{
	font-weight: bold;
	margin: 10px;
	outline: none;
}
.input-container input, select {
	width: 100%;
	height: 35px;
	font-size: 17px;
	padding: 5px;
}
#demographics-section label.error{
	text-align: left;
}
.passalong-field-container, .custsrv-login-block{
	padding: 10px;
	border: 2px solid lightgrey;
	margin: 5px;
}
#account-info-section-custsrv label{
	font-weight:normal;
}
.border-box{
	padding: 20px;
	border: 2px solid black;
	background-color: lightblue;
}
.main-carousel-item{
	text-align: left;
	height: 460px;
	padding: 0px 30px;
}
#account-info-section{
	padding: 10px;
	background-color: lightblue;
	border: 1px solid;
	display: none;
}
.pricing-option-block{
	padding: 10px;
	margin-top: 0px;
	color: grey;
	border: 1px solid;
	border-radius: 20px;
}
.pricing-option-block.active{
	color: black;
	background-color: lightblue;
}
.pricing-option-block:hover{
	color: black;
	background-color:lightgrey;
	cursor: pointer;
}
.pricing-option-block.disabled{background-color:#EEEBEB;}
.pricing-option-block.disabled:hover{
	cursor: not-allowed;
	background-color:#EEEBEB;
	color: grey;
}
#receive-yes.btn-default:focus{
	color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default.focus{
	color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 4px;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-radius: 4px;
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 4px;
}
label.paid-term-radio-button{
    padding: 20px;
    padding-left: 0px;
    border-radius: 20px !important;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    margin: .5%;
    width: 99%;
}
.paid-term-radio-button span{
	padding-left: 20px;
}
.paid-term-radio-button.disabled{background-color:grey !important;}
.ccImage{}
.btn{
    white-space:normal !important;
    word-wrap:break-word; 
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.qualform2-image{max-height:325px;}
.multiselect-container.dropdown-menu{
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}
.button-cell{
  padding: 5px;
}
.promo-price-button{
  font-size: inherit;
  margin-right: 30px;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 4px;
  height: 100px; /*74 */
}
.price-code-radio{padding-left:3%;}
.promo-price-radio-section{padding-left:3%;}
[data-toggle=buttons] .btn input[type=radio] {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}
input.nlet-control {
  height: 20px;
  /*width: 20px;*/
  display: table-cell !important;
  margin-left: -10px !important;
  margin-top: 2px;
  width: 2%;
  vertical-align: top;
  poition: inherit !important; /*not valid on chrome, but needed for FF*/
}
div.nlet-control {
	display: table-cell !important;
	width: 98%;
}
label.nlet-control {
    display: table-row !important;
}

/*************************GRID BORDER COMPONENTS***************************/
.table-border-top{border-top: 2px solid black;}
.table-border-bottom{border-bottom: 2px solid black;}
.table-border-right{border-right: 2px solid black;}
.table-border-left{border-left: 2px solid black;}

/* following media queries correspond roughly to bootstrap xs, sm, md, lg */
@media(max-width:500px){
	.main-carousel-item{height:610px;padding: 0px 10px;}
	#billing-address-section{padding-left:3%;}
	.header-text{text-align:center;}
	.bootstrap-multiselect-btn.btn-group{width:100%;}
	.multiselect-container > li > a {white-space: normal;}
  .promo-price-button{height: auto;}
}
@media(min-width:767px){
	.main-carousel-item{height:550px;}
	#billing-address-section{padding-left:3%;}
	.header-text{text-align:center;}
	.multiselect-container > li > a {white-space: nowrap;}
}
@media(min-width:768px){
	.main-carousel-text{padding: 20px 60px;}
	.main-carousel-container{padding-top:0px;}
	#billing-address-section{padding-left:0px;}
	.main-carousel-item{height:460px;}
	.header-text{text-align:left;}
	.sub-container{width: 100%;}
}
@media(max-width:992px){
    div.checkbox.multiColumnCheckboxGutter {margin-top: -5px;}
    div.row:before {padding:5px;} /*inserts an imaginary element between div.row element and the next element to add css to - essencially before next*/
}
@media(min-width:992px){
	.main-carousel-text{padding: 20px 40px;}
	.main-carousel-container{padding-top:60px;}
	label.paid-term-radio-button{width:30%;}
	div.paid-term-radio-button{width:30%;float:left;}
	label.paid-term-radio-button.promo-price-button{width:100%;}
	.sub-container{width: 83.33333333%;}
	div.checkbox.multiColumnCheckboxGutter {margin-top: 10px;}
}
@media(min-width:1200px){
	.multi-select.form-control{height:200px;}
	.input-label{text-align:right;}
	label.paid-term-radio-button{margin:2%;}
	.sub-container{width: 80%;}
}
@media(min-width:1475px){
	.sub-container{width: 65%;}
}
@media(min-width:1650px){
	.sub-container{width: 50%;}
}