@import url("common.css");
@import url("forms.css");
@import url("default.css");
@import url("fire.css");
@import url("menu.css");

html, body{
background: #ebebeb url(../images/bg.jpg) repeat-x top center;
color: #000000;
text-align: center;
margin: 0px 0 0px 0;
padding: 0px;

}

body{
margin-top: 0px;
}
 
#container{
margin: 10px auto 0px auto;
position: relative;
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 0px;
background: #ffffff; 
border: 10px solid #ffffff;
}

#header{
position: relative;
height: 97px;
background: #ffffff url(../images/logo.gif) no-repeat top left;
border-bottom: 1px solid #ffffff;
}

#header .logo{
margin: 23px 0px 0px 28px;
}

#menus{
height: 32px;
background: #002663;
position: relative;
border-bottom: 2px solid #ffffff;
}

#menus .searchbox{
width: 183px;
height: 26px;
padding: 6px 0px 0px 18px;
float: left;
margin: 0px;
}

#menus form{
margin: 0px;
padding: 0px;
}

#menus input{
width: 161px;
height: 15px;
}

#menus .button{
border: 0px;
width: 59px;
height: 16px;
cursor: pointer;
margin: 8px 0px 0px 0px;
color: #ffffff;
background: #002663;
}

#menus ul{
position: absolute;
right: 28px;
top: 0px;
margin: 0px;
padding: 0px;
}

#menus ul li{
display: inline;
margin: 0px;
padding: 0px;
}

#menus ul li a{
margin: 0px;
padding: 0px 5px 0px 28px;
line-height: 32px;
color: #ffffff;
float: left;
}

#menus ul li a img{

}

#menus ul li a:hover{
color: #6f90b8;
}

#columns{
float: left;
height: auto;
width: 100% !important;
width: 980px;
margin: 0px;
padding: 0px;
}

#leftbar{
float: left;
width: 201px;
position: relative;
z-index: 280;
}

#leftbar ul{ 
border-top: 1px solid #ffffff;
margin: 0px;
padding: 0px 0px 20px 0px;
width: 200px;
background: #ffffff;
position: relative;
z-index: 200;
}

#leftbar ul li{
list-style-type: none;
margin: 0px;
padding: 0px 0px 1px 0px;
clear: both;
height: auto;
min-height: 28px;
background: #ffffff url(../images/menubg.gif) no-repeat bottom left;
}

#leftbar ul li.last{
background: #ffffff;
}

#leftbar ul li a{
line-height: 28px;
height: 28px;
width: 185px;
background: #ffffff url(../images/menuarrow.gif) no-repeat 182px 13px;
display: block;
float: left;
padding-left: 16px;
color: #002663;
font-weight:bold;
font-size: 11px;
}




#loginbox{
float: left;
width: 191px;
clear: both;
margin: 0px 0px 0px 0px;

}

#loginbox form{
padding: 12px 0px 0px 0px;

color: #00000;
font-weight: bold;
font-size: 11px;
margin: 0px;
}

#loginbox form input, #loginbox form label{
margin: 5px 0px 10px 15px;
width: 150px;
}

#loginbox form .button{
cursor: pointer;
width: 50px;
border: 0px;
color: #000000;
}
#loginbox form .button:hover{
color: #000000;
}

#loginbox .buttons{
position:relative;
}

#loginbox p{
margin: 5px 0px 0px 0px;
padding: 0px; 
}
#loginbox p a{
font-weight: normal;
font-size: 12px;
color: #000000;
margin: 0px;
padding: 0px 10px 0px 0px;
line-height: 12px;
position:absolute;
right: 50px;
top: 8px;
}

#footer{
clear: both;
color: #ffffff;
height: 32px;
margin: 0px 0px;
line-height: 32px;
padding-left: 15px;
position: relative;
border-top: 1px solid #ffffff;
background: #002663;
}

#footer ul{
position: absolute;
top: -5px;
left: 180px;
}

#footer li{
display: inline;
}

#footer li a{
color: #ffffff;
font-size: 11px;
padding: 0px 8px 0px 10px;
}

#footer li.last a{
border: 0px;
}

#footer strong{
float: right;
font-weight:normal;
margin-right: 10px;
}

#main{
float: left;
width: 776px;
position: relative;
z-index: 0;
padding-bottom: 10px;
}


.bodytext{
padding: 0px;
margin: 15px 10px 0px 25px;
color: #000000;
font-size: 11px;
line-height: 16px;
position: relative;
}

.bodytext h1{
margin: 0px 0px 20px 0px;
padding: 10px 0px 0px 0px;
line-height: 18px;
font-weight: normal;
font-size: 26px;
}

.bodytext h1 strong{
}

.bodytext h2{
padding: 20px 0px 0px 0px;
margin: 0px;
font-size: 16px;
}
.bodytext h2.top{
padding: 0px 0px 20px 0px;
}

.bodytext h3{
margin: 0px 0px 10px 0px;
padding-top: 20px;
font-size: 14px;
font-weight: normal;
}

.bodytext ul{
margin: 10px 0px 10px 20px;
padding: 0px;
}

#leagues{
border: 1px solid #002663;
padding: 15px;
background: #6f90b8;
clear: both;
overflow: auto;
}

#leagues ul{
margin: 0px;
padding: 0px;
}

#leagues li{
display: inline;
float: left;
margin: 0px;
padding: 0px;
width: 50%;
}

#leagues li a{
color: #ffffff;
}

#leagues li a:hover{
color: #000000;
}

.programme{
border-bottom: 1px solid #6f90b8;
padding: 15px;
overflow: auto;
clear: both;
}

.thumbimg{
float: right;
clear: right;
height: auto;
padding: 0px 0px 0px 10px;
}

.bodytext .programme h3{
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 16px;
font-weight: normal;
}

.bodytext .programme h3 em{
font-size: 10px;
color: #9c9c9c;
}

.bodytext .programme p{
margin: 5px 0px 10px 0px;
}

.programme a, a.button{
border: 1px solid #002663;
padding: 3px 10px;
background: #6f90b8;
color:#ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.programme a:hover, a.button:hover{
border: 1px solid #6f90b8;
padding: 3px 10px;
background: #002663;
color:#ffffff;
}

.col{
width: 50%;
float: left;
padding-top: 25px;
margin-top: 25px;

}

.buttonlink{
line-height: 27px;
float: left;
margin: 0px 0px 10px 0px;
}

.buttonlink a{
color: #ffffff;
text-indent: 10px;
float: left;
width: 342px;
margin: 0px 25px 0px 0px !important;
line-height: 27px;
margin: 0px 10px 0px 0px;
}

.homesplash{
text-align: right;
background: url(../images/splash.jpg) no-repeat top right;
height: 319px;
margin: 0px;
padding-right: 20px;
color: #7f7f7e;
} 


.promobox{
float: left;
width: 249px;
margin: 0px 10px 0px 0px;
position: relative;
color: #7f7f7e;
}

.promobox h1{
border: 1px solid #6f90b8;
padding: 3px 10px;
background: #002663;
color:#ffffff;
font-weight: normal;
font-size: 14px;
}
.promobox p{
padding: 0px 0px 10px 10px;
margin: 0px;
width: 130px;
font-size: 11px;
position: relative;
z-index: 5;
}

.promobox a{
color: #7f7f7e;
}
.promobox a:hover{
color: #000000;
}

.promobox img{
position:absolute;
bottom: 0px;
right: 0px;
z-index: 1;
}

td{
vertical-align: top;
}

td.contents{
width: 50%;
}

.bodytext iframe{
border: 0px;
background: #ffffff;
}

.downloadlink{
text-align: center;
width: 158px;
padding: 15px;
}

.downloadlinktext{
font-size: 10px;
color: #ababab;
}

table.details{
width: 100%;
border-collapse: collapse;
}

table.details th{
border: 1px solid #ababab;
}

table.details td{
border: 1px solid #ababab;

}

table.details input{
width: 300px;
}

.error{
color: #ff0000;
font-weight: bold;
}

#uploadform{
border: 1px solid #ababab;
clear: both;
position: relative;
padding: 15px;
height: auto;
overflow: auto;
}

#uploadform label{
display: block;
clear: both;
float: left;
margin: 5px 0px 5px 0px;
}


#uploadform label strong{
font-weight: normal;
width: 250px;
float: left;
}


#uploadform label input, #uploadform label textarea{
width: 200px;
margin: 0px;
}


#uploadform .button{
clear: both;
float: left;
border: 1px solid #6f90b8;
padding: 3px 10px;
background: #002663;
color:#ffffff;
margin-top: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.bodytext table.basket{
border-collapse: collapse;
border: 1px solid #6f90b8;
width: 100%;
margin-bottom: 15px;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

table.basket thead th{
border-top: 1px solid #6f90b8;
border-bottom: 1px solid #6f90b8;
padding: 3px 10px;
background: #002663;
color:#ffffff;
text-align: left;
}

table.basket td{
padding: 3px 10px;
border-bottom: 1px solid #6f90b8;
}

table.basket th{
border-top: 1px solid #6f90b8;
border-bottom: 1px solid #6f90b8;
padding: 3px 10px;
color:#000000;
}

.panel{
float: left;
width: 350px;
margin-right: 10px;
}

#loginbox{
border: 1px solid #6f90b8;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

margin: 10px 0px 10px 0px;
}

table{
}

.clubimage{
float: right;
padding: 0px 0px 20px 20px;
}