@charset "UTF-8";
/* CSS Document */

#store-select {
	width:180px;
}

div#form-item label {
	display:block;
	margin-bottom:5px;
	font-weight:bold;
	color:#022b61;
}

input.generic-input {
	display:block;
	width:100%;
	padding:10px;
	font-size:14px;
	color:#333;
	margin-top:5px;
	border-left:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	background:#f8f8f8;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}
input.generic-input:focus {				
	border-left:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	background:#fefefe;
	color:#022b61;
}

select.generic-select {
	display:block;
	width:100%;
	padding:3px 10px;
	font-size:14px;
	color:#333;
	margin-top:5px;
	border-left:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	background:#f8f8f8;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

select.generic-select:focus {				
	border-left:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	background:#fefefe;
	color:#022b61;
}

input.thin-input {
	display:block;
	width:100%;
	padding:4px 10px 4px 10px;
	font-size:12px;
	color:#333;
	margin-top:5px;
	border-left:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	background:#f8f8f8;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}
input.thin-input:focus {				
	border-left:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	background:#fefefe;
	color:#022b61;
}

textarea.generic-textarea {
	display:block;
	width:100%;
	padding:10px;
	font-size:14px;
	margin-top:5px;
	height:200px;
	border-left:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	background:#f8f8f8;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}

div#terms {
	display:block;
	width:100%;
	padding:10px;
	font-size:14px;
	margin-top:5px;
	height:200px;
	border-left:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	background:#f8f8f8;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	overflow:auto;
}

textarea.generic-textarea:focus {				
	border-left:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	background:#fefefe;
	color:#022b61;
}

div.form-item {
	display:block;
	width:100%;
	margin-bottom:20px;
}

input.generic-button {
	width:auto;
	padding:4px 15px 4px 15px;
	border:1px solid #0073b7;
	color:#ffffff;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:#0073b7 url('../../assets/public/generic-button-bg.jpg') 0 0;
}
input.generic-button:hover {
	background:#0073b7 url('../../assets/public/generic-button-bg.jpg') 0 100%;
	border:1px solid #004d77;
}

div#join-kids-club input.generic-input {
	background:#ffffff;
}

div#join-kids-club input.thin-input {
	background:#ffffff;
}

div#join-kids-club input.generic-input:focus {
	background:#ffffff;
	color:#d7004d;
}

div#join-kids-club input.thin-input:focus {
	background:#ffffff;
	color:#d7004d;
}

input.magenta-button {
	width:auto;
	padding:4px 15px 4px 15px;
	border:1px solid #d7004d;
	color:#ffffff;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:#d7004d url('../../assets/public/magenta-button-bg.jpg') 0 0;
}
input.magenta-button:hover {
	background:#d7004d url('../../assets/public/magenta-button-bg.jpg') 0 100%;
	border:1px solid #d7004d;
}

input.purple-button {
	width:auto;
	padding:4px 15px 4px 15px;
	border:1px solid #8d088d;
	color:#ffffff;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:#660066 url('../../assets/public/purple-button-bg.jpg') 0 0;
}
input.purple-button:hover {
	background:#660066 url('../../assets/public/purple-button-bg.jpg') 0 100%;
	border:1px solid #3a003a;
}

/* Competition */

#competition-answer {
	display:block;
	margin-top:10px;
}

div#competition-form div.comp-form-item {
	display:inline-block;
	clear:both;
	margin-bottom:10px;
}

div#competition-question-note p {
	margin-left: 168px;
	margin-right: 20px;
	margin-top: -10px;
	color: gray;
}
			
div#competition-form div.comp-form-item label {
	float:left;
	display:block;
	width:148px;
	text-align:right;
	margin-top:10px;
}

div#competition-form div.comp-form-item input {
	float:left;
	width:auto;
	margin-left:20px;
	width:400px;
}

div#competition-form div.comp-form-item select {
	float:left;
	width:auto;
	margin-left:20px;
	width:200px;
}

div#competition-form div.comp-form-item #terms {
	float:left;
	width:auto;
	margin-left:20px;
	width:400px;
	
}

div#answer-text {
	width:400px;
	float: right;
	margin-right: 21px;
	margin-bottom: 5px;
}

div#competition-form div.comp-form-item input:focus {
	color:#660066;
}

div#competition-form div.comp-form-item select:focus {
	color:#660066;
}

div#competition-form div.comp-form-item input.purple-button {
	width:auto;
}

div#data-protection {
	margin-left:168px;
	color:#333;
	font-size:10px;
}

div#competition-info-box {
	margin-bottom:20px;
	clear: both;	
	padding:10px;
	width:380px;
	margin-left:168px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background:#f8f8f8;
	border:1px solid #e5e5e5;	
}

div#competition-success-box {
	clear: both;	
	padding:30px 10px 10px 30px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #e5e5e5;	
}

div#competition-info-box h2 {
	margin-bottom:5px;
}

div#competition-info-box p {
	margin:0;
}

div.competition-success {
	height: 300px;
}

div#competition-info-box li, div#competition-info-box p, div#competition-info-box h2 {
	color:#333;
}

input.competition-error {
	border-color: purple;
}

label.competition-error {
	color: purple;
	postition:relative;
}

div#competition-answer label.competition-error span#answer-heading {
	color: purple;
	postition:relative;
}

div.comp-form-item div.recaptcha {
	margin-left: 110px;
}

/* contact form */

div#contact-info-box {
	clear: both;
	padding: 10px;
	margin-bottom: 10px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #e5e5e5;	
	background:#f8f8f8;
}

div#contact-info-box h2 {
	margin-bottom:5px;
}

div#contact-info-box p {
	margin:0;
}

div#contact-info-box li, div#contact-info-box p, div#contact-info-box h2 {
	color:#333;
}

input.contact-error, textarea.contact-error {
	border: 1px solid #e35b5b;
}

/* misc */
div.small-checkbox input[type="checkbox"], div.small-checkbox label {
	font-size: 10px;
}

/* Error Messages */

.error-message {
	display:block;
	background:#9a029c;
	margin-left: 168px;
	width:380px;
	padding:3px 10px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#FFF;
	font-style:italic;
}

.error-icon {
	width:28px;
	height:18px;
	background: url('../../assets/admin/cross-icon.png');
	background-repeat: no-repeat;
	background-position: right center;
	float:left;
	margin-left:-30px;
	margin-top:-2px;
}

.warning-icon {
	width:28px;
	height:16px;
	background: url('../../assets/admin/warning-icon.png');
	background-repeat: no-repeat;
	background-position: right center;
	float:left;
	margin:2px 10px 0 -12px;
}

.tick-icon {
	width:28px;
	height:16px;
	background: url('../../assets/admin/tick-icon.png');
	background-repeat: no-repeat;
	background-position: right center;
	float:left;
	margin:1px 10px 0 -12px;
}

form#contact-form .error-message {
	margin:0;
	float:left;
	width:418px;
	background:#e35b5b;
}

form#contact-form .error-icon {
	margin:2px 5px 0 0;
	width:18px;
	background-position:0% 0%;
}

form#contact-form input {
    clear: both;
}

form#kids-form .error-message {
	margin:0 0 4px 0;
	float:left;
	width:462px;
	background:#d7004d;
}

form#kids-form .error-icon {
	margin:2px 5px 0 0;
	width:18px;
	background-position:0% 0%;
}

form#kids-form input {
    clear: both;
}

/* Recaptcha */

div.recaptcha #recaptcha_image {
	margin-left:168px;
	border:1px solid #f1f1f1;
	float:left
}

div.recaptcha #recaptcha_options {
	width:25px;
	height:63px;
	overflow:hidden;
	float:left;
	margin-right:2px;
}

div.recaptcha #recaptcha_logo img {
	width:70px;
}