/* Validation Summary
---------------------------------------------------------------------------------------- //// */

/* ---- TABLE OF CONTENTS ----
.validation_summary
	.error
	.warning
	.valid
*/

/* default ----------------------------------------------- //// */
.validation_summary {
	margin:2em 0 3em;
	padding:0 .5%;
	border-bottom:14px solid #a7a7a7;
	font-size:1em; /* 14px */
	line-height:1.4286; /* 20px */}

.validation_summary h2,
.validation_summary span {
	margin:0;
	padding:.6em 0 .5em;
	font-size:1.4286em; /* 20px */
	font-weight:bold}
.validation_summary p,
.validation_summary ul {
	margin:0 0 .5em}

/* variations ----------------------------------------------- //// */
.validation_summary.error h2,

.validation_summary.warning h2,
.validation_summary.valid h2,
.validation_summary.error span,
.validation_summary.warning span,
.validation_summary.valid span {
	padding-left:40px;
	background:url(/static/images/validation_summary.gif) no-repeat 3px 14px}

#store-no-js #h2nojs{	
	padding-left:40px;
	background:url(/static/images/validation_summary.gif) no-repeat 3px 14px;
	width: 370px;
	border:none;
	padding-top: 5px;
}

/* error ----------------------------------------------- */
.validation_summary.error {
	border-color:#be0d30}
.validation_summary.error h2,
.validation_summary.error span {
	color:#be0d30}

/* warning ----------------------------------------------- */
.validation_summary.warning {
	border-color:#de8e16}
.validation_summary.warning h2,
.validation_summary.warning span {
	background-position:3px -289px;
	color:#de8e16}

/* valid ----------------------------------------------- */
.validation_summary.valid {
	border-color:#71b43a}
.validation_summary.valid h2,
.validation_summary.valid span {
	background-position:3px -586px;
	color:#71b43a}


/* MEDIA QUERY: 480px
---------------------------------------------------------------------------------------- //// */
@media (min-width:480px) {
	/* default ----------------------------------------------- //// */
    .validation_summary {
        width: 356px;
    }
    .tab_panel .validation_summary {
        max-width: 100%;
    }

	/* sizes ----------------------------------------------- //// */
	.validation_summary.validation_xsmall {
		width:200px}
	.validation_summary.validation_small {
		width:290px}
	.validation_summary.validation_medium {
		/* this is the default */}
	.validation_summary.validation_large {
		width:440px}
	.validation_summary.validation_full {
		width:99%}
}
.validation_summary.margin {
	margin:0em 0 3em;}