/*/// Stafford House Soccer School ///*/

#wrapper{width: 850px; margin: 0 auto;}

#nav{width: 825px; height: 1%; padding: 0; margin: 0 0 0 25px;}
#nav:after{content: "."; clear: both; display: block; height: 0; visibility: hidden;}
#nav ul{margin: 0; padding: 0;}
#nav ul li{display: inline; list-style: none;}
#nav ul li a{float: left; display: inline; padding: 10px 0 10px 9px; margin: 6px 0 0 0; list-style: none; background: url(/_img/sprite-nav.gif) no-repeat 0 -76px; text-decoration: none; color: #ddd; font-size: 90%; font-weight: bold;}
#nav ul li a span{background: url(/_img/sprite-nav.gif) no-repeat 100% -76px; padding: 10px 15px 10px 5px;}
#nav ul li a.on{background-position: 0 0; color: #484852; margin: 0; padding: 13px 0 13px 9px;}
#nav ul li a.on span{background-position: 100% 0; padding: 13px 15px 13px 5px;}
#nav ul li a:hover span{color: #fff;}
#nav ul li a.on:hover span{color: #484852;}

.flags{float: right; width: 85px; text-align: right; padding: 5px; margin: 7px 20px 0 0;}
.flags div{position: relative; float: left; margin: 0 5px 0 0;}
.popup{position: absolute; width: 62px; height: 40px; padding: 17px 17px 15px 17px; display: none; z-index: 50; border-collapse: collapse; background: url(/_img/bubble.png) no-repeat top left; text-align: center; font-size: 90%;}

#content{background: url(/_img/bg-curve-top.gif) no-repeat top left #fff; padding: 15px 0 0 25px; height: 1%;}
#content:after{content: "."; clear: both; display: block; height: 0; visibility: hidden;}

#content #secondnav{margin: 5px 0;}
#content #secondnav a{background: #8da9dc; color: #fff; padding: 3px 6px; text-decoration: none; font-size: 95%; font-weight: bold; margin: 0 5px 0 0;}
#content #secondnav a:hover, #content #secondnav a.on{background: #6182BE;}

#content .column{float: left; margin: 10px 15px 15px 0;}
#content .feature{float: left; width: 280px; height: 158px; background: #fff url(/_img/bg_feature.gif) repeat-x bottom; border: 1px #ccc solid; line-height: 16px; padding: 3px; margin: 0 15px 15px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#content .img{padding: 1px; border: 1px #ccc solid;}

.feature p{margin: 2px 0;}
.feature img{margin-right: 8px;}
.feature a{color: #590E79; font-weight: bold; text-decoration: none;}
.feature a:hover{color: #7DD3FF;}
.feature div.featureleft, .feature div.featureright{float: left; width: 115px;}
.feature div.featureright{width: 165px;}

#footer{font-size: 80%; background: url(/_img/bg-curve-bottom.gif) no-repeat bottom left #fff; padding: 10px 15px 125px 17px;}
#footer .column{float: left; width: 528px; padding: 10px 20px 0 0;}
#footer .accreds{width: 270px; padding: 0;}

/********************** BOOKING FORM **/

#BookingForm{}
#BookingForm label{float: left; width: 120px; margin-right: 5px; font-weight: bold;}
#BookingForm table{}
#BookingForm table td{border: 0; text-align: left; padding: 0;}
#ApplyProgress{float: right; font-weight: normal; border: solid 1px #b5b5b5; padding: 5px 7px 5px 7px; margin: 0 0 5px 5px;}
#ApplyProgress div{float: left; height: 8px; line-height: 8px; width: 8px; border: 1px solid #999; margin-right: 2px; margin: 2px 0 14px 1px; background: #eee;}
#ApplyProgress div.on{background-color: #352b65;}
.formErrorMsg{color: red;}
.btn{border: 1px solid #ccc; background-color: #637D8A; color: #fff;}
.disabled{background-color: #B1C1C9; color: #ccc;}
.formbtn{display: block; width: 160px; background: url(/_img/bg-formbtn.gif) repeat-x #565867; color: #fff; padding: 5px 10px; text-align: center; margin: 10px 0; text-decoration: none; border: 1px #666 solid;}