/*#region Global Rules */

/*

	THEME standard is blue:
	@baseColor: #00-6699; --for bars with color, reverse text usually LOCAL: 006699
	@darkColor: #00-4268; --for color bars LOCAL: 004268
	@displayFontColor: #00-4269; --for fonts LOCAL: 004269

	@Red: #c72d2f; //leave this its for warnings

	//these are for colored areas like bars etc.
	@rowHighlight: #de-e6eb; LOCAL: dee6eb
	@rowHighlightMedium: #bd-c3cc; LOCAL: bdc3cc
	@rowHighlightDark: #80-8389; LOCAL 808389
	@rowHighlightBlack: #33-3333; --generally leave this a gray LOCAL: 333333
	
	Head-font: 'Times New Roman', Times, serif
	Book-font: Calibri, Optima, Verdana, Arial, sans-serif
*/

body { }
a { text-decoration: none; color: #c72d2f; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { color: #d92028; }

/* Text Classes */
.field-validation-error { color: #c72d2f; }
.field-validation-valid { display: none; }
.error { color: #c72d2f; font-weight: bold; }
div.error { margin: 1em; }
.notice { color: #c72d2f; font-style: italic; }
.subtle { font-size: smaller; color: #bdc3cc; }
.textright { text-align: right; }

/* Link Buttons */
.linkbutton { display: inline-block; padding: 5px; border-radius: 10px; color: #454545; border: 1px solid #cf2626; background-color: white; }
.linkbutton-cart {display: inline-block; padding: 2px 6px; border-radius: 10px; color: #454545; border: 1px solid #cf2626; background-color: white;}

a.linkbutton { display: inline-block; padding: 5px; border-radius: 10px; color: #454545; border: 1px solid #cf2626; background-color: white; }
span.linkbutton { display: inline-block; padding: 5px 10px; border: 1px solid #bdc3cc; border-radius: 10px; background-color: #eee; color: #bdc3cc; font-weight: normal; }
a.linkbutton.selected { cursor: default; pointer-events: none; border-color: #bdc3cc; background-color: #eee; color: #333333; font-weight: normal; }


/* for melbay checkout button*/
/* default css button

DD2430 -> B91F29 */

.css-checkout-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #DD2430;
	-webkit-box-shadow:inset 0px 1px 0px 0px #DD2430;
	box-shadow:inset 0px 1px 0px 0px #DD2430;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DD2430), color-stop(1, #B91F29));
	background:-moz-linear-gradient(top, #DD2430 30%, #B91F29 100%);
	background:-webkit-linear-gradient(top, #DD2430 30%, #B91F29 100%);
	background:-o-linear-gradient(top, #DD2430 30%, #B91F29 100%);
	background:-ms-linear-gradient(top, #DD2430 30%, #B91F29 100%);
	background:linear-gradient(to bottom, #DD2430 30%, #B91F29 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD2430', endColorstr='#B91F29',GradientType=0);
	background-color:#DD2430;
	/*-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	text-shadow:0px 1px 0px #ABABAB;
	*/
	border:1px solid #DD2430; 
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial,sans-serif;
	font-size:14px;
	font-weight: bold;
	padding:6px 14px;
	text-decoration:none;
	width: 150px;
	text-align: center;
	text-transform: uppercase;
	
}
.css-checkout-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #226FB3 ), color-stop(1, #DD2430));
	background:-moz-linear-gradient(top, #B91F29  30%, #DD2430 100%);
	background:-webkit-linear-gradient(top, #B91F29  30%, #DD2430 100%);
	background:-o-linear-gradient(top, #B91F29  30%, #DD2430 100%);
	background:linear-gradient(to bottom, #B91F29  30%, #DD2430 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B91F29', endColorstr='#DD2430',GradientType=0);
	background-color:#DD2430;
	text-decoration:none;
}
.css-checkout-button:active {
	position:relative;
	top:1px;
	text-decoration:none;
}

css-checkout-button-large
{
	font-size:14px;
}

.linkbutton-login{border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 .25em 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    padding-top: 0.875em;
    padding-right: 2em;
    padding-bottom: 0.875em;
    padding-left: 2em;
    font-size: 1em;
    font-weight: 500;
    background-color: #d92028;
    border-color: #bf6262;
    color: #fff;}
.linkbutton-create{border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 .25em 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    padding-top: 0.875em;
    padding-right: 2em;
    padding-bottom: 0.875em;
    padding-left: 2em;
    font-size: 1em;
    font-weight: 500;
    background-color: #d92028;
    border-color: #bf6262;
    color: #fff;}

/* Form Elements */
td form { display: inline-block; }
.formlabel label { min-width: 150px; float: left; }
.label150 { display: inline-block; width: 150px; }
.required-label{ color: red; }
.bold-label{ color: #c72d2f; font-weight: bold; }
.init-text-area { width: 200px; }
.hidden {display: none;}

/* Pages */
.msgcartpage { }
.msgcartpage h2 { text-align: center; background-color: #e7e7e7; color: #d92028;}
.msgcartpage h3 { background-color: #e7e7e7; padding: .1em .5em; }
.msgcartpage h3 a.linkbutton { float: right; background-color: white; font-size: 10px; font-weight: normal; text-transform: uppercase; text-shadow: 1px 1px 1px #999; }
.msgcartpage h3.msg-exp-t { background-image: url(/content/images/plus.png); background-position: 5px 5px; background-repeat: no-repeat; padding-left: 20px; }
.msgcartpage h3.msg-exp-open { background-image: url(/content/images/minus.png); }

.msgcartpage .shipping-codes {
		color: #aaaaaa;
		visibility: hidden;
	}


/*#endregion*/

/*#region Layout Elements */

#header { }
#header-welcome { font-weight: bold; }
#header a, #header span { white-space: nowrap; }
#footer { width: 955px; }
#msgwaiting { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ) url('/content/images/ajax-loader.gif') 50% 50% no-repeat; }
#msgtestmodeindicator { background-color: #600; color: white; text-align: center; font-weight: bold; }
#msgtestmodeindicator span { margin: 10px 40px; white-space: nowrap; }

/*#endregion*/

/*#Region Login/Signup Page*/
#login-block{
	float: left;
    width: 46%;
    overflow: hidden;
    position: relative;
    margin: 10px 0px 0px 0px;
    border-right: 1px solid gray;
    padding-right: 50px;
}

#signup-block{
	float: right;
    width: 46%;
    overflow: hidden;
    position: relative;
    margin-left: 10px;
    padding: 10px 0px 0px 0px;
}
/*EndRegion*/

/*#region Cart Views */
#msgcart table td, #msgcart table th { padding: 0.25em; }
#msgcart table td > * { vertical-align: middle; }
#msgcart table th { background-color: #949494; color: #fff; font-weight: bold; text-shadow: 1px 1px black; }
#msgcart table .price { text-align: right; }
#msgcart-items { width: 100%; border: solid 1px #004268; border-collapse: collapse; }
#msgcart-items td, #msgcart-items th { border: solid 1px #888888; }
form.msgcart-circterms { display: block; }
.msgcart-availability.backorder { color: #c72d2f; font-weight: bold; }
.msgcart-availability.digital { color: white; background-color: #c72d2f; font-weight: bold; }
.msgcart-quantity input { width: 55px; }
.shipping-codes { display: none; color: #eeeeee;}
#msgcart-bonusitemselect, #msgcart-bonusitemselect td { font-size: 16px; }
#msgcart-bonusitemselect em { font-style: normal; color: #096; font-weight: bold; }
#msgcart-bonusitemselect .linkbutton { margin-bottom: 2px; }
#msgcart-bonusitemselect-nothanks td { font-weight: bold; }
#msgcart-bonusitemnotice { font-weight: bold; }
#msgcart-currency { font-weight: bold; text-align: right; }
#msgcart-checkoutbutton {
} /* { color: #c72d2f;background-color: white;}*/
#msgcart-checkoutbutton.hidden { display: none; }
#msgcart-checkoutbutton:after {  }
#msgcheckout-notes-form {padding: 16px;background-color: #cccccc ;z-index: 777;overflow: auto;border: 2px solid #eee;border-radius: 10px;}
#msgcheckout-notes-form label {display:block;}
#msgcheckout-notes-form textarea {width:445px; height:110px;}
#msgcheckout-notes-close {float:right;}
#msgcheckout-notes-form.hidden { display: none; }
#msgcart-policy-warning {font-weight: bold; color: #c72d2f; }
#msgcart-digital-warning {font-weight: bold; color: #c72d2f; }
.donation-error:after{content:'Please enter a dollar amount'}


.msgcart-productid {width: 75px; align-items: center;}
.msgcart-title {width: 300px;}
.msgcart-quantity {width: 220px;}
.msgcart-availability {width: 100px;}
.msgcart-listprice {width:70px;}
.msgcart-discountprice {width: 70px; }
.msgcart-discountamount {width: 70px; color: #c72d2f; font-weight: bold;}
.msgcart-linetotal {width: 75px;}
#msgcart table th:nth-child(6) { color: #c72d2f;text-shadow: 0px 0px #d92028; }
.msgcart-discountamount {color:red;}
.msgcart-summaryline.order-total td{font-weight:bold;}

/*Login region*/
.linkbutton-login{border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 .25em 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    padding-top: 0.875em;
    padding-right: 2em;
    padding-bottom: 0.875em;
    padding-left: 2em;
    font-size: 1em;
    font-weight: 500;
    background-color: #d92028;
    border-color: #bf6262;
    color: #fff;}
.linkbutton-create{border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 .25em 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    padding-top: 0.875em;
    padding-right: 2em;
    padding-bottom: 0.875em;
    padding-left: 2em;
    font-size: 1em;
    font-weight: 500;
    background-color: #d92028;
    border-color: #bf6262;
    color: #fff;}
#login-block{
	float: left;
    width: 46%;
    overflow: hidden;
    position: relative;
    margin: 10px 0px 0px 0px;
    border-right: 1px solid gray;
    padding-right: 50px;
}
#signup-block{
	float: right;
    width: 46%;
    overflow: hidden;
    position: relative;
    margin-left: 10px;
    padding: 10px 0px 0px 0px;
}

/*#endregion*/

/*#region Checkout Views */
#msgconfirmation a.linkbutton { display: none; }
.msgcheckout-column { display: inline-block; max-width: 45%; vertical-align: top; margin: 0px 10px; overflow: auto; }
#msgcheckout-ordertable { border: 1px solid #bdc3cc; border-collapse: collapse; width: 100%; }
#msgcheckout-ordertable th, #msgcheckout-ordertable td { padding: .25em; }
#msgcheckout-ordertable .price { text-align: right; }
#msgcheckout-ordertable .total { font-weight: bold; }
#msgcheckout-notes p { margin: 3px; }
#msgcheckout-notes label { display: inline-block; min-width: 200px; vertical-align: top; }
#msgcheckout-billme span { white-space: nowrap; }
#msgcheckout-ccform > iframe { width: 95%; min-height: 680px; border-style: none; }
#msgcheckout-return { border-top: 2px solid #004268; margin-top: 1em; padding-top: 1em; }
#msgcheckout-shipping a.linkbutton { padding: 0px 6px; font-size: smaller; background-color: white; }
#msgcheckout-billing a.linkbutton { padding: 0px 6px; font-size: smaller; background-color: white; }
#msgcheckout-shipaddresses-select span { white-space: nowrap; }
#msgcheckout-shipaddresses-select span + span { border-left: 1px solid #bdc3cc; padding-left: 5px; }
#msgcheckout-dropship label { display: inline-block; width: 180px; }
#msgcheckout-dropship input { min-width: 220px; }
#msgcheckout-dropship select { min-width: 224px; }
#msgcheckout-notes-view { padding: 3px; border: solid 1px #dee6eb; }
#ConfirmationEmailAddress { min-width: 224px; }
#msgcheckout-circDelivery-form { width: 100%; }
.msgcheckout-campaigncode { margin-top: 5px;}

/*#endregion*/

/*#region Profile Views */
#msgprofile label { display: inline-block; min-width: 135px; white-space: nowrap; font-weight: bold; }
#msgprofile label:after { content: ':'; }
#msgprofile span { white-space: nowrap; }
#msgprofile .preferred { font-style: italic; }
#msgprofile .back, #msgorder .back { text-align: right; margin: 10px; }
#msgprofile-account a.linkbutton { padding: 0px 6px; font-size: smaller; background-color: white; }
#msgprofile-addresses li a.linkbutton { padding: 0px 6px; font-size: smaller;background-color: white; }
#msgprofile-addresses div a.linkbutton { margin: 5px 0px; background-color: white; }
#msgprofile-orders .info { font-size: smaller; text-align: right; font-style: italic; }
.msgprofile-order, .msgprofile-subscription { border: 1px solid #004268; box-shadow: #004268 2px 2px 10px; margin-bottom: 15px; }
.msgprofile-order p, .msgprofile-subscription p { margin: 5px; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.msgprofile-order p:first-child, .msgprofile-subscription p:first-child { font-weight: bold; }
#msgaccount p {padding:0px 10px;}
#sub-changeEmailAddresses input[type="text"]{  display: block; width: 300px; margin-bottom: 10px;}
.msgprofile-order .linkbutton { float: right; margin: 5px; }
.msgprofile-order-more, .msgprofile-subscription-gift { font-style: italic; }
.msgprofile-key.exprired { color: #c72d2f; }
.msgprofile-key.expires-soon { color: #c72d2f; }
#msgorder td { padding: 5px; vertical-align: top; }
#msgorder .price { /*text-align: right; width: 60px; display: inline-block;*/ }
#msgorder .address { white-space: nowrap; margin: 0px; }
#demographic input{border: 1px solid #1198D8; padding: 4px; border-radius: 2px;}
/*#endregion*/

/*#region Account Views */
#msgaccount label { display: inline-block; min-width: 155px; white-space: nowrap; font-weight: bold; }
#msgaccount label:after { content: ':'; }
#msgaccount label[for='RememberMe']:after { content: none; }
#msgaccount span { white-space: nowrap; }
#msgaccount .back { text-align: right; margin: 10px; }
#msgaccount-otheraccounts { font-size: 16px; font-weight: bold; font-style: normal; }
#msgaccount-otheraccounts .linkbutton:after { content: '\2192'; }
.msgaccount-choice { display: inline-block; width: 45%; margin: 0 2%; text-align: center; vertical-align: top; }
.email-form {border: solid 1px #c72d2f; margin: 10px; padding: 10px;}
.email-size {width: 300px;}

#msgcirc label { display: inline-block; min-width: 155px; white-space: nowrap; font-weight: bold; }
#msgcirc label:after { content: ':'; }
#msgcirc label[for='RememberMe']:after { content: none; }
#msgcirc span { white-space: nowrap; }

#msgcircemail label { display: inline-block; min-width: 155px; white-space: nowrap; font-weight: bold; }
#msgcircemail label:after { content: ':'; }
#msgcircemail input { width: 300px; }

#msgmemb .viewpackage {float: left; width: 45%; margin-right: 30px; border-top: solid 1px black;}
#msgmemb .total {font-size: 16px; font-weight: bold;}
#msgmemb .totalred {font-size: 16px; font-weight: bold; color: red;}

/*#endregion*/

/*#region Download Center */
.downloadcenter { max-width: 90%; margin: 0px auto; }
.downloadcenter h2 { border: solid 1px #004268; color: #004269; text-align: center; }
.downloadcenter h3 { color: white; background-color: #004268; padding: .1em .5em; }
.downloadcenter input#Key { min-width: 320px; }
.downloadlink { display: inline-block; padding: 5px 25px; color: white; background-color: #c72d2f; border-radius: 10px; font-weight: bold; }
.downloadlink-confirm{display: inline-block; padding: 5px 25px; color: white;     background-color: #72b352;border-radius: 10px;font-weight: bold;box-shadow: 2px 2px #6B6B6B;}
.downloadlink-confirm:hover{opacity:0.8;}
/*#endregion*/

/* this will depend on provider. For auth.net use width 900x550 for browser views, and 400x850 for tablet and mobile*/
#iframePayResource {
	width: 900px;
	height: 1500px;
}

.authNetFinishMessage {
	margin: 5px;
	text-align: center;
	font-weight: bold;
	color: red;
	font-size: 16px;
}

#gdpr-cookie {
	display: block; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 100; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

#gdpr-cookie-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
	display: block;
}

#gdpr-cookie a {
		color: red;
	}

#gdpr-cookie a:hover {
	color: red;
}

.gdpr-cookie-linkbutton {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-family: "Helvetica",Helvetica, Arial, sans-serif;
	line-height: normal;
	margin: 0 0 0 0;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	padding: 5px 15px;
	font-size: 16px;
	font-weight: bold;
	background-color: #c72d2f;
	border-color: #c72d2f;
	color: #fff;
}



/*#region Mobile ipads, tablets size*/
/*TODO: Move this into it's own css*/
@media (max-width: 767px) {

	h2 { text-align: center; }

	.msgmobile-block { display: block !important; }
	*[data-msgmobile-label]:before { content: attr(data-msgmobile-label); }

	#msgaccount span { display: block; white-space: normal; }
	.msgaccount-choice { display: block; width: auto; margin: 0; }

	#msgcart table { border: none; width: 100%; }
	#msgcart table th { display: none; }
	#msgcart table tr { display: block; border-bottom: 1px solid #004268; margin: 1em; }
	#msgcart table td { display: inline-block; border: none; }

	.msgcart-titletext { font-weight: bold; }
	.msgcart-discount .price { float: right; }
	.msgcart-summaryline .price { float: right; }

	.msgcheckout-column { display: block; max-width: initial; }
	#footer {width: auto}


	.msgcart-productid { width: auto;}
	.msgcart-title {width: auto;}
	.msgcart-quantity {width: auto;}
	.msgcart-availability {width: auto;}
	.msgcart-listprice {width: auto;}
	.msgcart-discountprice {width: auto;}
	.msgcart-discountamount {width: auto;}
	.msgcart-linetotal {width: auto;}

	#login-block{ float:none; width: auto; overflow: hidden; position: relative;  margin: 0px; border-right:none; padding-right: 0px;}

	#signup-block{ float:none; width: auto; overflow: hidden; position: relative; margin-left: 0px; padding: 0px 0px 0px 0px;}

	#iframePayResource {
		width: 400px;
		height: 850px;
	}

	#msgmemb .viewpackage { width: 100%; border-top: solid 1px black;}

}

/*#endregion*/
/* phone size */
@media screen and (max-width: 480px) {

	#msgcheckout-notes-form textarea {width:auto; height:110px;}
	#iframePayResource {
		width: 400px;
		height: 850px;
	}

}