@charset "utf-8";

#content form {
	display:inline-block;
	font-size: 1.3rem;
	padding: 0.5rem;
	width: 95%;
}
#content form ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content form ol li:after {
	content: "";
	display: table;
	clear: both;
}
#content .form-tag {
	padding: 1rem 0.5rem;
	background-color: rgb(243,243,248);
}
#content .form-tag p {
	margin: 0;
}
#content fieldset.boxed {
	margin: 0 0 1.5em;
	padding: 0.5em;
	background-color: #ffffff;
	box-shadow: 0 1px 2px #cccccc;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
#content legend { /*used when fieldset.boxed is used*/
	font-size: 0.9em;
	padding: 0.5em;
	margin-top: -1rem;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	border-bottom: none;
	box-shadow: -1px -1px 1px #eeeeee;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	text-transform: uppercase;
}
#content fieldset.submit {
	padding-left: 14.6rem; /*label width plus label padding*/
}

#content label {
	float: left;
	width: 14rem;
	padding: 0.8rem 0.6rem 0.5rem 0;
	font-size: 1.3rem;
	text-align: right;
}
#content label.large {
	width: 100%;
	text-align:left;
	clear:both;
}
#content label.auto {
	width: auto;
	text-align: left;
}
#content label.required:before,
#content label.required2:before {
	display: inline-block;
	padding-right: 0.3rem;
	font-size: 0.8rem;
	font-family:"Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f069";
	color: #8c0000;
	vertical-align: super;
}
#content label.required:after,
#content label.required2:after {
	visibility: hidden;
}

#content input.capitalize {
	text-transform: capitalize;
}

#content input[type=text],
#content input[type=password] {
	color: #666666;
}
#content input[type=text],
#content input[type=password],
#content select,
#content textarea {
	width:23.5rem;
	height:2.4rem;
	padding:0.2rem 0.5rem;
	border:1px solid #dedede;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	box-shadow: 0 1px 2px #eeeeee inset;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content span.form-value {
	display: inline-block;
	padding: 0.8rem 0 0 1rem;
	height: 2.4rem;
}
#content .bold {
	font-weight: bold;
}
#content textarea {
	height: auto;
}
#content textarea.full-width {
	width: 95%;
}
#content textarea.regular {
	width: 60%;
}
#content span.formvalue { /*used when form is pre-filled with non-editable existing values*/
	display: block;
	padding-top: 0.9rem;
}

#content select {
	width: 25rem;
	height: 3rem;
}

#content input[type=text].extra-large {
	width: 80%;
}

#content input[type=text].medium {
	width: 14rem;
}

#content input.small[type=text],
#content select.small{
	width:10rem;
}

#content input.smaller[type=text]{
	width:6rem;
}
#content input.extra-small[type=text]{
	width:4rem;
}
#content select.extra-small {
	width:7rem;
}

#content input[type=text]:hover,
#content input[type=password]:hover,
#content select:hover {
	border-color: #a7e0a7;
}
#content input[type=text]:focus,
#content input[type=password]:focus,
#content select:focus {
	border-color: #dddddd;
	box-shadow: 0 1px 3px #dddddd inset, 0 0 8px #e8f9c1;
}

#content fieldset > ol:after {
	content: "";
	display: table;
	clear: both;
}

#content .placeholder {
	color: #dddddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: -24rem;
	font-size:1.3rem;
}

#content div.right-float-tag {
	float: right;
	margin: -4rem 2rem 0 0;
}
#content input[type=submit],
#content input[type=button],
#content input[type=reset] {
	font-size: 1.6rem;
	display: block;
	height: 4.6rem;
	margin: 1rem 1rem 0 0 ;
	border: none;
	float: left;
	box-shadow: 0 1px 2px #cccccc;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	line-height: 1;
}

/* hide placeholder text on focus */
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

#content input:focus::-webkit-input-placeholder { color:transparent; }
#content input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
#content input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
#content input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

#content textarea:focus::-webkit-input-placeholder { color:transparent; }
#content textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
#content textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
#content textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
#content a.button, #content a.button:visited {
	display: block;
	height: 2.8rem;
	margin: 1rem 0;
	padding-top: 1.3rem;
	box-shadow: 0 1px 2px #cccccc;
	color: #ffffff;
	border-radius: 2.2rem; -webkit-border-radius: 2.2rem; -moz-border-radius: 2.2rem;
	font-size: 1.6rem;
	text-decoration: none;
	text-align: center;
	line-height: 1;
}
#content a.standalone-button, #content a.standalone-button:visited {
	display: block;
	margin-top: 1rem;
	padding: 2rem;
	border-radius: 0.8rem; -webkit-border-radius: 0.8rem; -moz-border-radius: 0.8rem;
	box-shadow: 0 1px 2px #cccccc;
	color: #ffffff;
	font-size: 1.8rem;
	text-decoration: none;
	text-align: center;
	line-height: 1;
}
#content a.mini-inline, #content a.mini-inline:visited {
	display: inline-block;
	font-size: 1.3rem;
	height: auto;
	width: auto;
	margin: 0;
	padding: 0.5rem 1rem;
}
#content a.green, #content a.green:visited,
#content input[type=submit].green,
#content input[type=button].green,
#content input[type=reset].green {
	cursor: pointer;
	background: #d50a27; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(rgba(184,7,34,1), rgba(213,10,39,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(184,7,34,1), rgba(213,10,39,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(184,7,34,1), rgba(213,10,39,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(184,7,34,1), rgba(213,10,39,1)); /* Standard syntax */rgb(184,7,34)
}
#content a.green:hover,
#content input[type=submit].green:hover,
#content input[type=reset].green:hover,
#content input[type=button].green:hover {
	cursor: pointer;
	background: #d50a27; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(rgba(213,10,39,1), rgba(184,7,34,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(213,10,39,1), rgba(184,7,34,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(213,10,39,1), rgba(184,7,34,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(213,10,39,1), rgba(184,7,34,1)); /* Standard syntax */rgb(184,7,34)
}

#content a.short,
#content input[type=submit].short,
#content input[type=button].short {
	width: 8rem;
}
#content a.medium,
#content input[type=submit].medium,
#content input[type=reset].medium,
#content input[type=button].medium {
	width: 12rem;
}
#content a.long,
#content input[type=submit].long,
#content input[type=button].long {
	width: 18rem;
}
#content a.longer,
#content input[type=submit].longer,
#content input[type=button].longer {
	width: 24rem;
}
#content a.extra-long,
#content input[type=submit].extra-long,
#content input[type=button].extra-long {
	width: 32rem;
}
#content a.float-right,
#content select.float-right,
#content input[type=submit].float-right,
#content input[type=button].float-right {
	float: right;
}
#content a.float-left,
#content select.float-left,
#content input[type=submit].float-left,
#content input[type=button].float-left {
	float: left;
	margin-right: 1rem;
}
#content a.centered,
#content input[type=submit].centered,
#content input[type=button].centered {
	margin: 0 auto;
}

#content a.bell:after,
#content a.caret-right:after,
#content a.hand-right:after,
#content a.pay:after,
#content a.print:after,
#content a.refresh:after,
#content a.send:after,
#content a.sign-in:after,
#content a.sign-up:after {
	padding-left: 1em;
	font-family:"Font Awesome 5 Pro";
	font-weight: 400;
}
#content a.bell:after { content: "\f0a2" }
#content a.caret-right:after { content: "\f0da" }
#content a.hand-right:after { content: "\f0a4" }
#content a.pay:after { content: "\f155" }
#content a.print:after { content: "\f02f" }
#content a.refresh:after { content: "\f021" }
#content a.send:after { content: "\f1d8" }
#content a.sign-in:after { content: "\f090" }
#content a.sign-up:after { content: "\f044" }


p.form-icon-strip {
	color: #aaaaaa;
}

#content #delivery-select-form {
	padding: 0;
}
.clear-order-link {
	display: inline-block;
	margin: 8rem -9.5rem 2rem 0;
}
.formerror {
	padding:0 0 0 13rem;
	color:#8c0000;
	text-align:left;
}
.formerror-nopadding {
	padding:0 0 0 0.3rem;
	color:#8c0000;
	text-align:left;

}
.maskedinput {
	text-transform: uppercase;
}
#content .msg {
	padding: 0.5rem 1rem 1rem 1rem;
}
#content .msg h3 {
	margin: 0;
	padding: 0.5rem;
	border: none;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: bold;
}
#content .fail {
	background-color: #ffecec;
	border: 1px solid #ffbfbf;
}
#content .fail h3 {
	color: #d90000;
}
#content .success {
	background-color: #f5fde3;
	border: 1px solid #d2f28b;
}
#content .success h3 {
	color: #769f1b;
}
#content .fail h3:before {
	padding-right: 0.8rem;
	font-family:"Font Awesome 5 Pro";
	font-weight: 400;
	font-weight: normal;
	font-size: 2rem;
	content:"\f071";
}
#content .success h3:before {
	padding-right: 0.8rem;
	font-family:"Font Awesome 5 Pro";
	font-weight: 400;
	font-weight: normal;
	font-size: 2rem;
	content:"\f087";
}

/*----------------------media queries-----------------------------------*/
@media screen and (max-width:860px) {
	#content .slide-860 {
		display: block;
		float: none;
		text-align: left;
		padding-left: 0.6rem;
		width: 100%;
	}
	#content label.required2:before {
		visibility: hidden;
		padding-right: 0;
		font-size: 0;
	}
	#content label.required2:after {
		visibility: visible;
		display: inline-block;
		padding-left: 0.3rem;
		font-size: 0.8rem;
		font-family:"Font Awesome 5 Pro";
		font-weight: 400;
		content: "\f069";
		color: #8c0000;
		vertical-align: super;
	}
	#content textarea.regular {
		width: 95%;
	}
	.formerror {
		padding:0 0 0 0.3rem;

	}
}
@media screen and (max-width:460px) {
	#content .slide-400 label {
		display: block;
		float: none;
		text-align: left;
		padding-left: 0.6rem;
		width: 100%;
	}
	#content .slide-400 input[type=text],
	#content .slide-400 input[type=password],
	#content .slide-400 select,
	#content .slide-400 textarea {
		margin-left: 0.5rem;
	}

	#content fieldset.submit {
		padding: 0;
	}
	#content label.required:before {
		visibility: hidden;
		padding-right: 0;
		font-size: 0;
	}
	#content label.required:after {
		visibility: visible;
		display: inline-block;
		padding-left: 0.3rem;
		font-size: 0.8rem;
		font-family:"Font Awesome 5 Pro";
		font-weight: 400;
		content: "\f069";
		color: #8c0000;
		vertical-align: super;
	}
}