/* CSS Document */

/*
#####################################################
	DIVS AND MAIN AREAS
#####################################################
*/
html{
	height:auto;
	width:100%;
}

body{
	height:auto;
	width:100%;
	padding:0;
	margin:0;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#heading h1, #heading h2{
	margin:0; padding:0:
}
#heading img{
	display:none;
}
#floatbox, #floatbuts{
	display:none;
}

#contentheader{
	display:none;
}
#contentfooter{
	display:none;
}

#certs{
	display:none;
}


#container{
}

#heading{
	padding: 20px 0 17px 27px;
	margin:0;
}

#contentheader{
	padding:0;
	margin:0;
}
#contentfooter{
	padding:0;
	margin:0;
}

#content{
	background-color:#FFFFFF;
	color:#4D4D4D;
	padding: 1px 20px 20px 20px;
	margin:0;
}
h1 em{
	display:block;
	font-size:12px!important;
	color:#4D4D4D!important;
	font-style:normal;
}
#contentleft{
	display:inline;
	float:left;
 	width: 297px;
	padding:0; 
	margin:20px 0; 
}
#contentright{
	margin-left:315px;
	padding:20px 0; 
}
#contentclear{
	clear:both;
}

#footer{
	margin-top:10px;
	background-repeat:no-repeat;
	background-position: top left;
	padding:13px 14px 21px 14px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:10px;
}
#footerright{
	display:inline;
	float:right;
	text-align:right;
	width:120px;
}
#footer a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
#footer a:hover{
	text-decoration:underline;
}
/*
#####################################################
	end of DIVS AND MAIN AREAS
#####################################################
*/




/*
#####################################################
	NAVIGATION
#####################################################
*/
#navigation {
	display:none!important;
}

/*
#####################################################
	end of NAVIGATION
#####################################################
*/










/*
#####################################################
	MAIN TAGS
#####################################################
*/
h1{
	font-size:21px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#165829;
}

h2{
	font-size:18px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#165829;
}

h3{
	font-size:15px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#165829;
}

h4{
	font-size:15px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#165829;
	border-bottom: 1px solid#165829;
}


#content a, #adminarea a, #programinfobox a{
	text-decoration:underline;
	color:#165829;
	font-weight:normal;
}
#content a:hover, #adminarea a:hover{
	color: Black;
}
form{
	padding:0;
	margin:0;
}

a:link {
	margin: 0 !important;
	padding: 0 !important;
}

a.balllink 
{
    background-image: url(/images/football.gif);
	background-position: left ;
    background-repeat: no-repeat;
    padding-top: 0pt;
    padding-right: 2px;
    padding-bottom: 0pt;
    padding-left: 16px;
 /*   margin-left: -2px;*/
}
hr{
	height:1px;
	width:auto;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom:2px solid #D9E4DC;
	padding: 10px 0;
	margin:0;
}
/*
#####################################################
	end of MAINTAGS
#####################################################
*/









/*
#####################################################
	GREENBOX
#####################################################
*/
div.greenbox{ 
	background-image:url(images/greenbox-bot.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	margin-bottom:25px;
}

div.greenbox div{
	background-image:url(images/greenbox-top.gif);
	background-repeat:no-repeat;
	background-position: top left;
	padding:10px;
	color: Black;
}

div.greenboxwide{
	background-image:url(images/greenboxw-bot.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	margin-bottom:25px;
	z-index:9999;
}

div.greenboxwide div{
	background-image:url(images/greenboxw-top.gif);
	background-repeat:no-repeat;
	background-position: top left;
	padding:10px;
	color: Black;
}
div.greenbox table, div.greenboxwide table{
	background-color:#A0C07C;
}

div.greenbox table th, div.greenboxwide table th, div.greenboxwide h1, div.greenbox h1{
	font-size:18px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:White;
	text-align:left;
	padding:0; margin:0;
}
div.greenbox table th.homepage, div.greenboxwide table th.homepage{
	font-size:24px; 
}
div.greenbox select, div.greenboxwide select{
	width:200px;
}
div.greenbox .input, div.greenboxwide .input{
	width:200px;
}
div.greenbox textarea, div.greenboxwide textarea{
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
div.greenbox strong, div.greenboxwide strong{
	color:#FFFFFF;
	font-size:15px;
	font-weight:normal;	
	letter-spacing:normal;
}
div.greenbox table tr td em, div.greenboxwide table tr td em{
	font-size:14px;
	font-style:normal;
	color:#000000;
}

div.greenbox h1, div.greenboxwide h1{
	font-size:19px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:White;
}




div.greenbox .question{
	background-image:url(images/faq-q.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:42px;
	padding-top:5px;
}
div.greenbox .answer{
	background-image:none;
	padding:0 0 15px 0;
	margin:0;
	color:White;
}







.resultcell{
	background-image:url(images/resultbox.gif);
	background-repeat:no-repeat;
	background-position:top left;
	color:Black;
}

.resultcount{
	color:#165829;
	font-size:24px;
	font-weight:normal;
}


.searchframe{
	padding:0px;
	margin:0px;
	border:none;
}
/*
#####################################################
	end of GREENBOX
#####################################################
*/



/*
#####################################################
	MESSAGE BOXES
#####################################################
*/



	
#errorbox{
	background-image:url(/images/error_b.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	margin-bottom:25px;
}

#errorbox div{
	background-image:url(/images/error_t.gif);
	background-repeat:no-repeat;
	background-position: top left;
	padding:10px;
	color: White;
}

#errorbox h1{
	font-size:18px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:White;
	text-align:left;
	margin:0; padding:0;
}
#errorbox a, #errorbox a:hover {
	color:#FFFFFF;
	font-weight:bold;
}

#messagebox {
	padding: 10px;
	margin: 10px 0px 10px 0px;
	border: 2px solid #4d4d4d;
	background-color: #EEF3EF;
	text-align: center;
}



#searchwaitbox {
	padding: 20px;
	margin: 10px 0px 10px 0px;
	background-color:#77873D;
	background-image: url(images/football-programmes-grass.jpg);
	background-repeat: repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

.errortext {
	color: #FF0000;
}

#programinfobox {
	background-image:url('../images/popup_b.gif');
	background-position:bottom;
	background-repeat:no-repeat;
	margin: 15px ;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	width:263px;
}
#programinfobox div{
	background-image:url('../images/popup_t.gif');
	background-repeat:no-repeat;
	background-position:top;
	padding:10px ;
}

#teamsearchbox {
	padding: 10px;
	margin: 10px 0px 10px 0px;
	border: 2px solid #4d4d4d;
	background-color: #EEF3EF;
	text-align: center;
}

/*
#####################################################
	end of MESSAGE BOXES
#####################################################
*/




/*
#####################################################
	ORDER and BASKET CSS
#####################################################
*/


.basketrow {
	display:block;
	padding: 4px;
	margin: 1px 12px 0px 1px;
	border-top: 1px solid #FFFFFF;
	background-color: #B2C8B8;
	text-align: left;
	background-color:#FFFFFF;
}


div.orderrowPENDING, div.orderrowSENT{
	background-repeat:no-repeat;
	background-position: bottom left;
	margin-bottom:25px;
	z-index:9999;
}

div.orderrowPENDING div, div.orderrowSENT div{
	background-repeat:no-repeat;
	background-position: top left;
	padding:10px;
	color: Black;
}

div.orderrowSENT {
	background-image:url(images/greenboxw-bot-fade.gif);
}
div.orderrowSENT div {
	background-image:url(images/greenboxw-top-fade.gif);
}

div.orderrowPENDING {
	background-image:url(images/greenboxw-bot.gif);
}
div.orderrowPENDING div{
	background-image:url(images/greenboxw-top.gif);
}

div.orderrowSENT h1, div.orderrowPENDING h1 {
	color:#FFFFFF; padding:0 ; margin:0;
}


.orderitem {
	display:block;
	padding: 4px;
	margin: 1px 12px 0px 1px;
	border-top: 1px solid #FFFFFF;
	background-color: #B2C8B8;
	text-align: left;
/*	background-image: url(images/orderitem.gif);
	background-repeat: repeat;*/
	background-color:#FFFFFF;
}

div.greenbox h1, div.greenboxwide h1{
	font-size:19px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:White;
}


.ordersearch {
	padding: 10px;
	width: 200px;
	margin: 5px 0px 10px 0px;
	border: 1px solid #4d4d4d;
	background-color: #EEF3EF;
	text-align: center;
}

/*
#####################################################
	end of ORDER CSS
#####################################################
*/




/*
#####################################################
	TABLEDATA
#####################################################
*/
.tabledata {
	color:#4d4d4d;
	vertical-align:top;
}
.tabledata th{
	color:Black;
	font-size:12px;
	text-align:left;
	vertical-align:top;
}
.tabledata td{
	font-size:12px;
	text-align:left;
	vertical-align:top;
}
.tabledata tr{
	background-color:#FFFFFF;
}
.tabledata tr.hover{
	background-color:#D9E4DC;
	cursor:pointer;
	color:Black;
}

.tabledata tr.row1{
	background-color:#EEF3EF;
}

.tabledata tr.row2{
	background-color:White;	
}


/*
#####################################################
	end of TABLEDATA
#####################################################
*/









/*
#####################################################
	FLOATBOX
#####################################################
*/
#floatbox{
	 position:absolute;
	 display:block;
	 background-image:url(images/floatbox.gif);
	 left:50%;
	 margin-left:140px;
	 width:203px;
	 height:57px;
	 font-family:Arial, Helvetica, sans-serif;
	 color:White;
	 font-size:12px;
	 white-space:normal!important;
}

#floatbuts{
	padding: 8px 0 0 0 ;
}
#floatbuts a{
	padding:  0 3px ;
	text-decoration:none;
	color: Black;
	font-weight:bold;
}
#floatbuts a:hover{
	border-bottom:2px solid White;
}


#floatbasket{
	padding: 16px 0 0 0 ;
	color:Black;
}
/*
#####################################################
	end of FLOATBOX
#####################################################
*/








/*
#####################################################
	ADMIN AREA
#####################################################
*/
#adminarea{
	background-color:White;
	position: relative;
	clear:none; 
	margin:0; 
	padding:30px 20px; 
	width:100%; 
	height:auto;
	min-height:auto;
	color:#4d4d4d;
	text-align:left;
}
#adminleft{
	display:none;
 	width: 0;
	padding:0; 
	margin:0; 
}
#adminright{
	margin:0;
	padding:20px; 
}

/*
#####################################################
	end if ADMIN AREA
#####################################################
*/


/*
#####################################################
	FORMS
#####################################################
*/

.cleanform input{
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.cleanform select{
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.cleanform textarea{
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


/*
#####################################################
	end of FORMS
#####################################################
*/


/*
#####################################################
	TOOLTIPS
#####################################################
*/

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; 
}

a.tooltip:hover{z-index:25; }

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	font-size:12px;
    top:20px; left:20px; width:100px;
	padding:5px;
    border:1px solid White;
    background-color:#006600; color:#ffffff;
    text-align: left;
}

.donotprint{
	display:none!important;
}

/*
#####################################################
	end of TOOLTIPS
#####################################################
*/