html, body { font-family: "Georgia", serif; font-size: 16px; line-height: normal; color: #222222 }
body { min-width: 320px; }
body.dialog-body { min-width: 1px; }

/* modal styles */
html.appleios { height: 100%; }
html.appleios body.modal-open { height: 100%; }
html.appleios body.modal-open div.page-container { overflow: hidden; height: 100%; }
html.appleios body.modal-open .modal { position: absolute; -webkit-overflow-scrolling: touch; left: auto; right: auto; bottom: auto; width: 100%; }
html.appleios body.modal-open .modal-backdrop { position: absolute; left: auto; right: auto; bottom: auto; width: 100%; }

@media (min-width: 768px)
{
	.modal-dialog { width: auto; left: auto; right: auto; padding-top: 30px; padding-bottom: 30px; }
}
@media (min-width: 850px)
{
	.modal-dialog { width: 830px; }
}
div.modals div.modal-content button.close { margin-top: -16px; margin-right: -15px; opacity: 1; filter: alpha(opacity=100); position: absolute; z-index: 1; right: 0px; }
div.modals div.modal-content button.close:focus,
div.modals div.modal-content button.close:hover { opacity: 1; filter: alpha(opacity=100); }
iframe.dialog-iframe { width: 1px; min-width: 100%; height: 0px; overflow: hidden; background-color: #f1f3f4; vertical-align: top; }

.modal-backdrop.in { opacity: 0.75; }

div.modal-content { border-radius: 0px; }
div.modal-header { display: none; }
div.modal-body { padding: 0px; }

div.modal.stores-modal div.modal-dialog { width: 300px; }

/* general styles */
img { vertical-align: bottom; }
a img { border: none; }
a { color: #b91436; -moz-transition: opacity 200ms, color 200ms, background-color 200ms; -webkit-transition: opacity 200ms, color 200ms, background-color 200ms; -o-transition: opacity 200ms, color 200ms, background-color 200ms; -ms-transition: opacity 200ms, color 200ms, background-color 200ms; transition: opacity 200ms, color 200ms, background-color 200ms; }
a:focus, a:hover { text-decoration: underline; color: #7b553c; }
@media print
{
	a[href]:after { content: none !important; }
}
h1 { font-family: "Georgia", serif; text-transform: uppercase; color: #b91436; font-size: 24px; margin-top: 0px; margin-bottom: 50px; }
@media (min-width: 768px)
{
	h1 { font-size: 24px; }
}
h2 { font-family: "Georgia", serif; text-transform: uppercase; color: #222222; font-size: 30px; margin-top: 0px; margin-bottom: 0px; }
h3 { font-family: "Georgia", serif; text-transform: uppercase; color: #222222; font-size: 20px; margin-top: 0px; margin-bottom: 0px; }
h4 { font-family: "Georgia", serif; text-transform: uppercase; color: #222222; font-size: 16px; margin-top: 0px; margin-bottom: 0px; }

img.full-width { width: 100%; }
a.bookmark { height: 1px; margin-top: -1px; display: block; overflow: hidden; }

.alert { display: block; border-radius: 0px; margin-bottom: 0px; padding: 5px; }
.form-group .alert { margin-top: 5px; }
.alert.alert-success { color: #80bb44; border-color: #80bb44; background-color: #ffffff; }

input.form-control, select.form-control { border-radius: 0px; border: 1px solid #999999; font-family: "Georgia", serif; font-size: 16px; padding: 5px; height: auto; }
textarea.form-control { border-radius: 0px; border: 1px solid #999999; font-family: "Georgia", serif; font-size: 16px; padding: 5px; height: auto; }
input.form-control:focus,
input.form-control:hover { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(155,203,110,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(155,203,110,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(155,203,110,.6); }
.form-group { padding-bottom: 15px; margin-bottom: 0px; font-size: 16px; font-family: "Georgia", serif; }
.control-label { font-weight: normal; }

.readonly-textbox { padding: 10px; font-size: 14px; background-color: #dcddde; }

.btn.btn-primary { background-color: #b91436; border-radius: 0px; border: none; padding-top: 11px; padding-bottom: 11px; font-family:  "Georgia", serif; font-size: 16px; text-transform: uppercase; padding-left: 25px; padding-right: 25px; }
.btn.btn-primary:focus,
.btn.btn-primary:hover { background-color: #c7435e; }

.btn.btn-primary.loading { padding-top: 0px; padding-bottom: 0px; font-size: 1px; }
.btn.btn-primary.loading img { vertical-align: middle; }
.btn.btn-primary.disabled { opacity: 1; }

.btn.btn-default.loading { padding-top: 0px; padding-bottom: 0px; font-size: 1px; }
.btn.btn-default.loading img { vertical-align: middle; }
.btn.btn-default.disabled { opacity: 1; }

.btn.btn-sm.btn-primary { padding-top: 5px; padding-bottom: 5px; font-size: 14px; }
.btn.btn-sm.btn-primary.loading { padding-top: 0px; padding-bottom: 0px; font-size: 1px; }
.btn.btn-sm.btn-primary.loading img { vertical-align: middle; }
.btn.btn-sm.btn-primary.disabled { opacity: 1; }

div.modal-body img.loading { vertical-align: top; margin-top: 25px; margin-left: 25px; }


div.header { padding-top: 30px; padding-bottom: 30px; border-bottom: 5px solid #b91436; }
a.logo { color: #b91436; text-transform: uppercase; line-height: 114px; font-weight: bold; font-size: 28px; text-decoration: none; }
a.logo img { margin-right: 30px; }

div.page-container { padding-top: 30px; padding-bottom: 60px; }

.prettycheckbox label,
.prettyradio label { font-weight: 300; margin-left: 0px; padding-left: 3px; }
.radio-button-container { height: 30px; }
.prettycheckbox td.checkable-label-cell,
.prettyradio td.checkable-label-cell { padding-right: 20px; }
.prettycheckbox td.checkable-label-cell.empty,
.prettyradio td.checkable-label-cell.empty { padding-right: 0px; }
