html, body {
	height: 100%;
	background: black;
	background: url("bg.jpg");


}

h2 {
    font-size: 36px;
    line-height: 24px;
    font-family: "Dundee Bold", Arial, sans-serif;
    color: #9a9dce;
    font-weight: normal;
    margin-bottom: 10px;
}

.storetitle, p {
    font-size: 24px;
	background: url('../public/img/bg-testimonial.png') no-repeat left top;
	background-size: 100% 100%;
	line-height: 56px;
	padding-left: 20px;
}

p, label {
    font-family: "Dundee Medium", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #9a9dce;
    margin: 0 0 20px 0;
}

fieldset > label {
	margin: 0 0 20px 0;
	float: left;
	display: table;
	line-height: 28px;
}

input[type="text"] {
	line-height: 28px;	
	height: 28px;
	border: 1px solid #9A9DCE;
	float: left;
	margin-left: 20px;
	padding-left: 5px;
	color: #9A9DCE;
}

input[type="submit"] {
	background: #00aebf;
	border: 0px;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	-o-text-shadow: none;
	text-shadow: none;
	color: #ffffff;
	height: 50px;
	width: 50px;
	font-size: 18px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	margin-top: -10px;
	margin-left: 20px;
	cursor: pointer;
}

p {
	float: left;
	display: block;
	clear: both;
	margin-top: 20px;
}

.checkboxes {
	float: left;
	display: block;
	margin-bottom: 30px;
	padding-bottom: 20px;
	clear: both;
	width: 100%;
	background: url('../public/img/bg-news.png') no-repeat center bottom;
}

.checkboxes ul {

	padding: 0;
	margin: 0;
}

.checkboxes ul li {
	list-style-type: none;
	float: left;
	padding: 5px 10px 5px 0;
	width: 45%;
}

.checkboxes ul li input {
	display: inline-block;
}

.checkboxes ul li label {
	display: inline-block;
	vertical-align: top;
	width: 90%;
	font-size: 1em;
	margin-bottom: 0;
}

// This is for the checkbox unticked
input[type="checkbox"] {
	background-image: url('../public/img/store-locator-ticks-off.png');
	height: 29px;
	width: 26px;
	-webkit-appearance: none;
}

// This is for when its ticked
input[checked="checked"] {
	background-image: url('../public/img/store-locator-ticks-on.png');
	height: 29px;
	width: 26px;
	-webkit-appearance: none;
}


fieldset {
	border: 0;
	padding: 0;
	margin-top: 30px;
}

.storeLocationResults {
	height: 100%;
	margin-bottom: 20px;

}

#storeLocations {
	padding: 0 2.5% 0 2.5%;
	float: left;
	width: 45%;
	margin: 0;
}

.storeListing {
	list-style-type: none;
	width: 100%;
	float: left;
	margin-bottom: 40px;
	margin-top: 0;
	background: url('../public/img/bg-news.png') no-repeat left top;
}

.storeListing p {
	margin: 0;
}

.miles {
	padding-top: 10px;
	padding-bottom: 20px;
    font-family: "Dundee Bold", Arial, sans-serif;
	background: url('../public/img/bg-miles.png') no-repeat left bottom;
	background-size: 100% 5px;
}

form {
	float: left;
	clear: left;
}

table {
	float: left;
	clear: left;
	color: #9a9dce;
	font-family: "Dundee Medium", Arial, sans-serif;
}

th {
	border-bottom: 1px solid #9a9dce;
	line-height: 32px;
}

td {
	line-height: 32px;
}

.buttons {
	float: right;
	margin-top: -25px;
}

.where {
	background: url('../public/img/bg-where-to-buy.png') no-repeat left top;
	background-size: 100% 100%;
	padding: 20px 20px 10px 20px;
	margin: 0;
	width: 100%;
}

.where label {
    font-size: 24px;
    line-height: 24px;
    font-family: "Dundee Bold", Arial, sans-serif;
    color: #fff;
    font-weight: normal;
    margin-bottom: 10px;
    float: left;
}