#allergyAdvisoryContent {
 width:420px;
 padding:20px;
 background-color:#fff;
 margin:50px auto 0;
 border-radius:3px;
 outline:none
}
#allergyAdvisoryContent h2 {
 text-align:center;
 font-size:24px;
 margin-bottom:20px
}
#allergyAdvisoryContent p {
 text-align:center;
 font-size:14px;
 line-height:19px;
 margin-bottom:20px
}
#allergyAdvisoryContent p a {
 color:#266abd;
 text-decoration:underline
}
#allergyAdvisoryContent p a:hover {
 color:#14509c
}
#allergyAdvisoryContent .actions .submit {
 width:100px;
 margin-left:auto;
 margin-right:auto
}
@media screen and (max-width:500px) {
 #allergyAdvisoryContent {
  width:auto;
  margin:50px 10px 0
 }
}
a {
 color:#666;
 text-decoration:none
}
a:hover {
 text-decoration:underline
}
a.submit {
 color:#333
}
.standardControl {
 margin-bottom:0;
 padding-bottom:16px
}
.standardControl .indicator label {
 margin:0 0 5px;
 line-height:1
}
.standardControl .control input,
.standardControl .control select,
.standardControl .control textarea {
 margin:0;
 box-sizing:border-box;
 width:100%;
 padding:12px 10px;
 color:#333
}
.standardControl .control select {
 padding:0 10px
}
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
 color:#999;
 font-size:14px
}
.standardControl .control textarea {
 border:1px solid #dfdfdf;
 border-radius:3px;
 min-height:6em;
 resize:none
}
.actions .submit {
 margin:20px 0
}
.actions .submit.spinning,
.actions .submit.spinner {
 background-image:url("//dy3erx8o0a6nh.cloudfront.net/images/icon_loader_arrow.gif");
 background-clip:border-box;
 background-size:20px 20px;
 background-repeat:no-repeat;
 background-position:50% 50%
}
.standardControl .control.medium input,
.standardControl .control.medium select {
 width:210px
}
.standardControl .control.small input,
.standardControl .control.small select {
 width:140px
}
.standardControl .control input:focus,
.standardControl .control input.input-validation-error:focus,
.standardControl .control select:focus {
 border-color:#636363;
 outline:none
}
#content .errorSummary,
#content .warningSummary {
 width:auto;
 padding:16px;
 margin-bottom:0;
 border-bottom-right-radius:0;
 border-bottom-left-radius:0
}
.errorSummary p,
.errorSummary ul li,
.warningSummary p {
 color:#333;
 font-size:14px;
 text-align:center
}
.errorSummary p {
 display:none
}
.errorSummary ul {
 margin-left:0
}
.errorSummary ul li {
 list-style:none;
 background-image:url(//dy3erx8o0a6nh.cloudfront.net/images/red_exclamation.svg);
 padding-left:40px;
 background-size:auto 26px;
 background-position:0 50%;
 background-repeat:no-repeat;
 padding:8px 0 8px 44px;
 text-align:left
}
.warningSummary p:last-child,
.errorSummary ul li:last-child {
 margin-bottom:0
}
.errorSummary a,
.warningSummary a {
 color:#ce0b10
}
.standardControl .control select.input-validation-error {
 border-color:#d50525
}
.standardControl .control input.input-validation-error,
.standardControl .control input:focus.input-validation-error {
 border-color:#d50525;
 padding-right:36px
}
form .field-validation-error {
 display:block;
 position:relative;
 background-image:url(//dy3erx8o0a6nh.cloudfront.net/images/red_exclamation.svg);
 background-repeat:no-repeat;
 background-size:auto 12px;
 padding-left:21px;
 background-position:0 2px
}
form .field-validation-error span {
 display:block;
 margin-top:8px;
 color:#d50525;
 font-size:14px;
 font-size:1.4em;
 text-align:left
}
.modal {
 display:none;
 overflow:hidden;
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:1050;
 -webkit-overflow-scrolling:touch;
 outline:0
}
.modal.fade .modal-dialog {
 -webkit-transform:translate3d(0,-25%,0);
 transform:translate3d(0,-25%,0);
 -webkit-transition:-webkit-transform .3s ease-out;
 -moz-transition:-moz-transform .3s ease-out;
 -o-transition:-o-transform .3s ease-out;
 transition:transform .3s ease-out
}
.modal.in .modal-dialog {
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
.modal-open .modal {
 overflow-x:hidden;
 overflow-y:auto
}
.modal-dialog {
 position:relative;
 width:auto;
 margin:10px
}
.modal-content {
 width:320px;
 margin:auto;
 border-radius:2px;
 position:relative;
 background-color:#fff;
 border:1px solid #999;
 border:1px solid rgba(0,0,0,.2);
 border-radius:4px;
 -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
 box-shadow:0 3px 9px rgba(0,0,0,.5);
 background-clip:padding-box;
 outline:0
}
.modal-backdrop {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:1040;
 background-color:#000
}
.modal-backdrop.fade {
 opacity:0;
 filter:alpha(opacity=0)
}
.modal-backdrop.in {
 opacity:.5;
 filter:alpha(opacity=50)
}
.modal-header {
 padding:15px;
 border-bottom:1px solid #e5e5e5;
 min-height:16.42857143px
}
.modal-header .close {
 margin-top:-2px
}
.modal-title {
 margin:0;
 line-height:1.42857143;
 font-size:14px;
 font-size:1.4em;
 color:#d62725
}
.modal-body {
 position:relative;
 padding:15px
}
.modal-footer {
 padding:15px;
 text-align:right;
 border-top:1px solid #e5e5e5
}
.modal-footer .btn+.btn {
 margin-left:5px;
 margin-bottom:0
}
.modal-footer .btn-group .btn+.btn {
 margin-left:-1px
}
.modal-footer .btn-block+.btn-block {
 margin-left:0
}
.modal-scrollbar-measure {
 position:absolute;
 top:-9999px;
 width:50px;
 height:50px;
 overflow:scroll
}
@media(min-width:600px) {
 .modal-dialog {
  width:600px;
  margin:30px auto
 }
 .modal-content {
  -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
  box-shadow:0 5px 15px rgba(0,0,0,.5)
 }
 .modal-sm {
  width:300px
 }
}
@media(min-width:768px) {
 .modal-lg {
  width:900px
 }
}
.modal p {
 color:#333
}
.btn {
 display:inline-block;
 margin-bottom:0;
 text-align:center;
 vertical-align:middle;
 cursor:pointer;
 background-image:none;
 border:none;
 padding:8px 12px;
 line-height:1.42857143;
 border-radius:2px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 box-sizing:border-box;
 font-size:14px;
 font-size:1.4em;
 font-weight:600
}
.btn-default {
 color:#fff;
 background-color:#266abd;
 border-color:#266abd
}
#recaptcha h2,
#login h2 {
 font-size:1.8em;
 margin-right:10px
}
p {
 margin-bottom:20px;
 font-size:14px;
 text-align:center
}
#confirmOrderDetails .warning {
 padding:1em
}
#login .termsAndConditionsText,
.c-register .signin {
 margin-bottom:0
}
.termsAndConditionsText a {
 color:#266abd
}
.termsAndConditionsText a:hover {
 color:#266abd
}
.horizontalSplit {
 display:block;
 margin:0 auto 20px 0
}
#login .checkboxControl.rememberMe label {
 padding:0 0 0 20px
}
#recaptcha .checkboxControl,
#login .checkboxControl,
#login .forgottenPasswordLink {
 width:48%;
 float:left
}
#login .forgottenPasswordLink {
 float:right;
 text-align:right
}
#login div.actions,
.c-register div.actions {
 margin-top:20px;
 margin-bottom:20px;
 clear:both
}
#login .row {
 overflow:hidden;
 margin-bottom:0
}
#recaptcha .actions .submit {
 display:block;
 width:100%;
 box-sizing:border-box;
 box-shadow:0 2px 0 #d4b37e;
 font-size:14px;
 font-size:1.4em;
 font-weight:600
}
.socialLoginContainer {
 list-style:none
}
.btn--social--facebook {
 display:block;
 margin:20px 0;
 padding:12px 45px 12px 45px;
 border:none;
 border-radius:3px;
 box-shadow:0 2px 0 #1f2d56;
 background:#3651a0 url('//dy3erx8o0a6nh.cloudfront.net/images/facebook.25x25px.png') no-repeat scroll 20px center;
 color:#fff;
 font-size:14px;
 font-size:1.4em;
 font-weight:300;
 text-align:center;
 text-decoration:none;
 white-space:nowrap
}
@media screen and (max-width:640px) {
 .btn--social--facebook {
  background-position:10px center
 }
}
.horizontalSplit {
 display:block;
 margin-bottom:20px;
 text-transform:uppercase;
 text-align:center;
 font-size:12px;
 font-size:1.2em;
 font-weight:300;
 overflow:hidden;
 white-space:nowrap
}
.horizontalSplit>span {
 position:relative;
 display:inline-block
}
.horizontalSplit>span:before,
.horizontalSplit>span:after {
 content:"";
 position:absolute;
 top:50%;
 width:9999px;
 height:1px;
 background:#dfdfdf
}
.horizontalSplit>span:before {
 right:100%;
 margin-right:60px
}
.horizontalSplit>span:after {
 left:100%;
 margin-left:60px
}
#confirmOrderDetails #alergyLinkContainer {
 margin-top:10px;
 margin-bottom:16px;
 text-align:center
}
#delivery .container p,
#collection .container p {
 font-size:14px;
 font-size:1.4em
}
.accountSwitch {
 color:#266abd;
 text-decoration:none
}
.accountSwitch:hover,
.accountSwitch:active {
 text-decoration:underline
}
#recaptchaContainer .g-recaptcha {
 clear:both;
 margin:20px 0
}
#recaptchaModalContainer .advisoryContent p {
 font-size:18px
}
@media screen and (max-width:640px) {
 #recaptchaContainer .g-recaptcha {
  margin:10px 0
 }
}