@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
width:100%; 
height:100%; 
margin:0px; 
top:0px; 
overflow:hidden;
}
hr {
border: none;

border-bottom: 1px dotted #889999;
margin: 5px 0 10px 0;
}
h1 {
	background-color: #edefef;
	border-bottom: 1px solid  #aabbbb;
	font-size: 20px;
	font-weight: normal;
	color: #5f6f6f;
	height: 20px;
	padding: 14px 14px;
	letter-spacing: -0.05em;
	background-image: url(images/fsLogo.gif);
	background-repeat: no-repeat;
	background-position: 15px 7px;
	z-index:3;
}
h1 a {
text-decoration: none;
color: #334444;
padding-left: 46px;

}
h2 {
	border-bottom: 1px solid  #aabbbb;
	font-size: 36px;
	font-weight: normal;
	color: #334444;
	padding: 10px 15px;
	letter-spacing: -0.05em;
	z-index:4;
	height: 40px;
	background-image: url(images/env20participationButon.gif);
	background-repeat: no-repeat;
	background-position: 90% 7px;
min-width: 800px;
}
h2 a {
color: #334444;
text-decoration: none;
width: 100%;
display: block;

}
h2 a span {
color: #e57100;
}
#wrapper, #content {
width: 100%;
height: 100%;

}
#map {
width:850px; 
height:100%; 
margin:0px; 
top:0px; 
left: 320px;
overflow:hidden;
z-index:1;
}
#forms {
top:125px;
width: 280px; 
left:5px; 
color: #667777;
position:absolute; 
background-color:white; 
z-index:2;
padding: 10px;
margin: 10px;
}
#forms h4 {
font-size: 17px;
border-top: 1px solid #667777;
border-bottom: 1px dotted #667777;
padding: 4px 0;
margin-bottom: 8px;
}
#forms p, #forms input, #forms select {
margin-bottom: 8px;
}
#forms select {
border: 1px solid #667777;

}
#step2, #done {
display: none;
}
input.nextstep  {
margin-top: 15px;
border: 1px solid #667777;
padding: 2px;
color: #e57100;
text-transform: uppercase;
font-weight: bold;
background-image: url(images/gradButton.gif);
	background-repeat: repeat-x;
}
input.go, input.back {
border: 1px solid #667777;
padding: 2px;
color: #e57100;
text-transform: uppercase;
font-weight: bold;
background-image: url(images/gradButton.gif);
	background-repeat: repeat-x;
}
.time {
width: 45px;
}
input#postcode {
border: 1px solid #667777;
width: 205px;
padding: 2px;
color: #667777;
}
input#postcode:focus {
color: #000;
}
#done p a, .firstmenu p a {
border: 1px solid #667777;
padding: 2px;
color: #e57100;
text-transform: uppercase;
font-weight: bold;
background-image: url(images/gradButton.gif);
background-position: bottom left;
	background-repeat: repeat-x;
	text-decoration: none;
	width: 235px;
	display: block;
}

.firstmenu p {
margin-bottom: 10px;
}
.clothing {
	background-color: #eaecec;
	display: block;
	float: left;
	width: 85px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	background-repeat: no-repeat;
	background-position: center 3px;
}
.size1 .clothing {
height: 40px;
padding-top: 50px;
}
.size2 .clothing {
height: 40px;
padding-top: 90px;
}
.size3 .clothing {
height: 40px;
padding-top: 130px;
}
#step3 .clothing.last {
margin-right: 0;
clear: right;
}
#step3 .clothing.first {
clear: left;
}
.clothing.sandals{
background-image:url(images/sandals.jpg);
}
.clothing.hat{
background-image:url(images/hat.jpg);
}
.clothing.tshirt{
background-image:url(images/tshirt.jpg);
}
.clothing.jumper{
background-image:url(images/jumper.jpg);
}
.clothing.jacket{
background-image:url(images/jacket.jpg);
}
.clothing.leggings{
background-image:url(images/leggings.jpg);
}
.clothing.shorts{
background-image:url(images/shorts.jpg);
}
.clothing.umbrella{
background-image:url(images/umbrella.jpg);
}
.clear {
clear: both;
}
.chaseLink, .raceLink {
text-indent: -4000px;
width: 271px;
height: 108px;

}
.chaseLink a {
background-image:url(images/chaseButton.jpg);
display: block;
width: 271px;
height: 108px;
}
.raceLink a {
background-image:url(images/raceButton.jpg);
display: block;
width: 271px;
height: 108px;
}