.hide { display: none; }


/********** ERROR AND SUCCESS STYLES **********/
[role=alert] {
    padding: 1.0em 1.0em 1.0em 50px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 32px;
    border-width: 1px;
    border-style: solid;
}
.errors { border-color: #f4c1c1; color: #790000; background-color: #FFE5E6; background-image: url(/_assets/_gfx/circle-red-cancel.svg); }
.success { border-color: #4F8A10; color: #4F8A10; background-color: #DFF2BF; background-image: url(/_assets/_gfx/circle-green-confirm.svg); }


/***** Fancybox for terms and conditions *****/
.fancybox-inner h2 { font-size: 26px; line-height: 28px; padding: 0; margin: 14px 0 14px 0; border-bottom: 1px solid #e8e8e8; }
.fancybox-inner h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 24px; margin-bottom: 7px; }

.fancybox-inner p {  font-size: 14px; line-height: 21px; margin-bottom: 14px; xmargin-bottom: 14px; }
.fancybox-inner p img { margin: 0 0 14px 14px; padding: 2px; border: 1px solid #E9E9E9; }
.fancybox-inner ul { list-style-position: outside; list-style-type: circle; margin-bottom: 14px; xmargin-bottom: 14px;  margin-left: 23px;  }
.fancybox_inner li { font-size: 14px; line-height: 1.5; }


/***** Login form button/link alignment *****/
#content form button#login { margin-top: 18px; }


/*** Shopping Cart ***/
#right { position: sticky; position: -webkit-sticky; top: 0; }
#content div.shoppingcart { display: none; }
#right div.shoppingcart { width: 186px; margin-top: 10px; padding-top: 19px; }
#right div.shoppingcart h3 { font-weight: bold; color: #555; }
#right div.shoppingcart p { border-bottom: none; }
#right div.shoppingcart dl { width: 186px; }

#right div.shoppingcart dt {
	display: block;
	clear: left;
	float: left;
	width: 33%;
	font-weight: bold;
	margin: 0.25em 0.25em 0.25em 0;
}
#right div.shoppingcart dd {
	margin: 0.25em 1.0em 0.25em 0.25em;
	text-align: right;
	padding: 0;
	float: left;
	display: block;
	width: 57%;
	text-align: right;
}


/* TinyMCE Overrides */
#content form textarea.tinymce { width: 100%; height: 500px; }
#content .tox-tinymce {margin: 0 0 25px; padding: 0; }
#content .tox-tinymce button {
	border: none;
	background: none;
	width: auto;
	padding: 4px 4px;
	margin: 0;
}


/***** Admin css overrides *****/
#content a.delete { float: right; }
#content form fieldset fieldset.leftright fieldset { width: 69%; }
#content form fieldset fieldset.leftright label.longerlabel { width: 65%; }


/* jQuery-ui Overrides */
.ui-autocomplete { max-height: 250px; overflow-y: auto; overflow-x: hidden; }
.ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.ui-menu .ui-menu-item a.ui-state-focus { border: none; }
#content form input.ui-autocomplete-loading { background: url('../gfx/spinner.gif') right center no-repeat; }




/*************************************************
	LARGEST @ MEDIA
	the default - base width: 1114px
cols    1     2      3      4
px      186   418    650    882

*************************************************/
@media only screen and (min-width: 1025px) {
}


/*************************************************
	MIDDLE @ MEDIA / iPad landscape
	base width: 882px
cols    1     2      3
px      186   418    650

**************************************************/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.errors,.date-box { width: 418px; }
	.errors { background-image: none; }
}

/*************************************************

	SMALLEST @ MEDIA / iPad portrait
	base width: 650px

**************************************************/
@media only screen and (max-width: 768px) {
	.errors,.date-box { width: 395px; }
	.errors { background-image: none; }
	#right div.shoppingcart { width: 186px; top: 475px; }
}