/* cookie bullshit -----------------------------------------------------------------*/

@import url('../fonts/campton/stylesheet.css');

.cookie-alert {
    background: url(cookies-bg.png) no-repeat center top;
    color: #fff;
    font-weight: normal;
	font-family: 'camptonbook', Helvetica, Arial;font-weight: normal;
    font-size: 1.4em;
    z-index: 999999;
    width: 922px;
  margin: auto;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
}
.cookie-alert p {
	margin:0 auto;
	padding:20px 0 0 20px;
    text-align:left;
    width: 960px;
}
.cookie-alert p  a{
    color: #530000!important;
}

#confirm span {float:left}

input[type=checkbox] {
	visibility: hidden;
}

.holder {
padding: 5px 0;
margin:0 auto;
width: 960px;
text-align:left
}

.checkboxFive {
	margin:0 auto;
	float:left;
}

.checkboxFive span{
	text-align:left;
	float:right;
	padding:5px 0 0 40px;
}

.checkboxFive label {
	cursor: pointer;
	position: absolute;
	width: 25px;
	height: 25px;
	background: #eee;
	border:1px solid #ddd;
}

.checkboxFive label:after {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/**
 * Create the hover event of the tick
 */
.checkboxFive label:hover::after {
	opacity: 0.5;
}
/**
 * Create the checkbox state for the tick
 */
.checkboxFive input[type=checkbox]:checked + label:after {
	opacity: 1;
}