/* CSS Document */

/*
-- Site Body ----------------------------------------------------- */

body{
margin: 0px;
padding:0px;
background:#FFF url(/res/pics/bar.jpg) repeat-x;
color:#262525;
text-align:center;
/*font-family:Arial, Helvetica, sans-serif;
*/
font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
font-size:100%;
font-weight:normal;
}


/*
-- Menu -------------------------------------------------------------

See menu Skin /res/app/RadControls/Menu/Skins/ils/styles.css

------------------------------------------------------------------ */


/*
-- Page Header --------------------------------------------------- */


#headerContainer{
background:url(/res/pics/bar.jpg) repeat-x;
height:139px;
background-color:#FFF;
color:#333;
}

#header{
background:url(/res/pics/header.jpg) no-repeat;
height:139px;
width:760px;
background-color:#FFF;
color:#333;
padding-top:10px;
margin:0px auto;
text-align:left;
}

#options{
/*font-family:Arial, Helvetica, sans-serif;*/
font-size:0.7em;
text-align:right;
color: #333;
background-color: transparent;
margin:0px 0px 0px 300px;
padding:13px 11px 10px 11px;
}


#options a:link{
background: url(/res/pics/cv_pdf.jpg) no-repeat left;
width: 160px;
padding: 5px 0px 1px 20px; /*22px left*/
color:#232822;
text-decoration: none;
border-bottom: 1px dotted #7B7D3C;
background-color: transparent;

}

#options a:visited{
background: url(/res/pics/cv_pdf.jpg) no-repeat left;
width: 160px;
padding: 5px 0px 1px 20px; /*22px left*/
color:#1F6A87;
text-decoration: none;
background-color: transparent;
border-bottom: 1px dotted #1F6A87;
}

#options a:hover{
background: url(/res/pics/cv_pdf.jpg) no-repeat left;
width: 160px;
padding: 5px 0px 1px 20px; /*22px left*/
color:#4D7425;
text-decoration: none;
border-bottom: 1px dotted #4D7425;
background-color: transparent;
}


#logoBarContainer{
background:#fff url(/res/pics/logo_bck.jpg) repeat-x;
margin:0px auto;
height:52px;}

#logos{
	height:52px;
	width:760px;
	background-color:#FFF;
	color:#333;
	margin:0px auto;
	background-image: url(/res/pics/brandLogos.jpg);
	background-repeat: no-repeat;
}

/*
-- Main Contents ------------------------------------------------- */ 

#contents{
background:url(/res/pics/contents_left_bck.jpg) repeat-y;
width:760px;
margin:0 auto;
}

#contentsLeft{
background:url(/res/pics/contents_left_bck.jpg) repeat-y;
float: left;
width: 185px;
margin:0 5px 0 0px;
padding-top: 0px;
padding-right:5px;
}


#contentsRight{
clear:right;
width:560px;
padding-top: 0px;
margin: 0px 0px 0px 195px;
}

.imgRotator{
position:relative;
border:none;
margin:0 0 10px 0;
}


/*
-- Text ---------------------------------------------------------- */

a:link{
color:#232822;
text-decoration: none;
border-bottom: 1px dotted #7B7D3C;
background-color:#FFF;

}

a:visited{
color:#1F6A87;
text-decoration: none;
background-color:#FFF;
border-bottom: 1px dotted #1F6A87;
}

a:hover{
color:#4D7425;
text-decoration: none;
border-bottom: 1px dotted #4D7425;
background-color:#FFF;
}

a.noLine
{
    border-bottom: none;
}


p {
	margin: 0 0 10px 3px; 
	text-align:left;
	font-size: 0.7em;
	line-height:150%;
}

p strong{
color:#466121;
background-color:#FFF;
}

p img{
float:left;
margin:5px 10px 30px 5px;
border:none;
}

p .highlight{
color:#558211;
background-color:#FFF;
}

h1 {
margin: -5px 0 0 4px; 
float:left;
width: 180px;
height: 120px;
}

h1 .img {
margin:0px auto;
width: 180px;
height: 120px;
border:none;
background-color:transparent;

}

h1 a:link {
text-decoration: none;
background-color:transparent;
border:none;
}

h1 a:hover {
background-color:transparent;
text-decoration: none;
border:none;
}

h1 a:visited {
background-color:transparent;
text-decoration: none;
border:none;

}


#contentsLeft h2 {
margin:0px 0px 5px 0px; 
font-size:0.8em;
height:25px;
background:url(/res/pics/sectionHeader.jpg) repeat-x;
text-align:left;
text-indent:5px;
width:181px;
}

#contentsRight h2 {
margin:0 0 5px 0px; 
display:block;
font-size:0.8em;
height:25px;
background:url(/res/pics/sectionHeader.jpg) repeat-x;
text-align:left;
text-indent:5px;
}

#contentsRight h3 {
color:#51950E;
background-color:#FFF;
margin:5px 0 5px 0px; 
display:block;
font-size:0.8em;
height:25px;
text-align:left;
text-indent:5px;
}


#productTable{
margin:0 0 10px 5px;
width:100%;
border:none;
text-align:left;
vertical-align:top;
font-size: 0.7em;
line-height:150%;
}

#productTable .odd{
color:#51950E;
background-color:#FFF;
}

.green {
color:#51950E;
background-color:#FFF;
font-size:0.8em;

}

#contentsLeftAddress{
margin:240px 0 0 0;}



/*
-- Legal  -------------------------------------------------------- */
#legal{
font-size:0.7em;
font-weight:bold;
text-align:left;
color: #333;
background-color:#FFF;
padding:0 0 0 20px;
}


#legal a:link{
background: url(/res/pics/link.png) no-repeat left;
padding: 3px 0px 2px 18px; /*22px left*/
color:#232822;
text-decoration: none;
border-bottom: 1px dotted #7B7D3C;
background-color:#FFF;

}

#legal a:visited{
background: url(/res/pics/link.png) no-repeat left;
padding: 3px 0px 2px 18px; /*22px left*/
color:#1F6A87;
text-decoration: none;
background-color:#FFF;
border-bottom: 1px dotted #1F6A87;

}

#legal a:hover{
background: url(/res/pics/link.png) no-repeat left;
padding: 3px 0px 2px 18px; /*22px left*/
color:#4D7425;
text-decoration: none;
border-bottom: 1px dotted #4D7425;
background-color:#FFF;
}


/*
-- Product List  /docs/products/ --------------------------------- */ 

.notice{
font-size:0.8em;
color:#ff0000;
font-weight:bold;}

ul.products {
line-height:150%;
list-style-image:url(/res/pics/bullet.gif);
list-style-position: inside;
  }
  
#products{
font-size:0.7em;
text-align:left;
padding:10px 0 20px 20px;
line-height:170%;
font-weight:bold;
}


#products table
{
border-collapse:collapse;
width:100%;}


#products a:link{
background: url(/res/pics/pdf_sml.jpg) no-repeat left;
padding: 2px 0px 2px 22px; /*22px left*/
/*color:#232822;*/
text-decoration: none;
border-bottom: none;
background-color:transparent;

}

#products a:visited{
background: url(/res/pics/pdf_sml.jpg) no-repeat left;
padding: 2px 0px 2px 22px; /*22px left*/

text-decoration: none;
border-bottom: none;
background-color:transparent;

}

#products a:hover{
background: url(/res/pics/pdf_sml.jpg) no-repeat left;
padding: 2px 0px 2px 22px; /*22px left*/
color:#666;
text-decoration: underline;
background-color:transparent;

}

.products_footer{
font-size:0.8em;}
  
  
#products .css_aerobics {color:#EA252A;}    
#products .css_archery{color:#459F40;}
#products .css_athletics {color:#BFAF0B;}
#products .css_badminton {color:#7E0071;}
#products .css_basketball{color:#7AC32A;} 
#products .css_bibs {color:#C8413D;}
#products .css_bowls {color:#59BD52;}
#products .css_boxing {color:#31469A;}
#products .css_cricket {color:#BFA00F;}
#products .css_firstAid {color:#DB001E;}
#products .css_fitness {color:#009883;}
#products .css_football {color:#77B327;}
#products .css_gaelic {color:#009955;}
#products .css_games {color:#BFA00F;}
#products .css_golf {color:#00748C;}
#products .css_gym {color:#9FA669;}
#products .css_hockey {color:#6F0F8A;}
#products .css_hockeyIndoor {color:#755D8A;}
#products .css_lineMarking {color:#DB8D16;}
#products .css_miniTennis{color:#94A22A;} 
#products .css_nursery{color:#6C9CB1;} 
#products .css_netball{color:#007399;} 
#products .css_play {color:#C55681;}
#products .css_rhythmicGymnastics {color:#BE0086;}
#products .css_rounders{color:#5A5E7B;} 
#products .css_rugby {color:#CA0028;}
#products .css_sportsDay{color:#B0007D;} 
#products .css_squash {color:#6F0F8A;}
#products .css_storage {color:#00748C;}
#products .css_swimming {color:#009FDF;}
#products .css_tableTennis {color:#D3494F;}
#products .css_tennis {color:#94A22A;}
#products .css_timing {color:#894697;}
#products .css_volleyball{color:#A778A1;} 
#products .css_terms {color:#333;}

  /*
-- Links  /docs/links -------------------------------------------- */ 

#links{
font-size:0.7em;
font-weight:bold;
text-align:left;
color: #333;
background-color:#FFF;
padding:0 0 0 20px;
}


#links a:link{
background: url(/res/pics/link.png) no-repeat left;
padding: 3px 0px 2px 18px; /*22px left*/
color:#232822;
text-decoration: none;
border-bottom: 1px dotted #7B7D3C;
background-color:#FFF;

}

#links a:visited{
background: url(/res/pics/link.png) no-repeat left;
padding: 3px 0px 2px 18px; /*22px left*/
color:#1F6A87;
text-decoration: none;
background-color:#FFF;
border-bottom: 1px dotted #1F6A87;

}

#links a:hover{
background: url(/res/pics/link.png) no-repeat left;
padding: 3px 0px 2px 18px; /*22px left*/
color:#4D7425;
text-decoration: none;
border-bottom: 1px dotted #4D7425;
background-color:#FFF;
}

#links p{
	margin: 5px 0 10px 18px; 
	text-align:left;
	font-size:1em;
	font-weight:normal;
	line-height:150%;
}

/* 
-- /docs/downloads/ - link styling ------------------------------- */


#downloads{
font-size:0.7em;
font-weight:bold;
text-align:left;
line-height:200%;
color: #333;
background-color:#FFF;
padding:0 0 0 20px;
margin:10px 0 0 25px;
}

#downloads a.pdf:link{
background: url(/res/pics/pdf_sml.jpg) no-repeat left;
padding: 5px 0px 3px 20px; /*22px left*/
color:#232822;
text-decoration: none;
border-bottom: 1px dotted #7B7D3C;
background-color:#FFF;

}

#downloads a.pdf:visited{
background: url(/res/pics/pdf_sml.jpg) no-repeat left;
padding: 5px 0px 3px 20px; /*22px left*/
color:#1F6A87;
text-decoration: none;
background-color:#FFF;
border-bottom: 1px dotted #1F6A87;

}

#downloads a.pdf:hover{
background: url(/res/pics/pdf_sml.jpg) no-repeat left;
padding: 5px 0px 3px 20px; /*22px left*/
color:#4D7425;
text-decoration: none;
border-bottom: 1px dotted #4D7425;
background-color:#FFF;
}


#downloads a.excel:link{
background: url(/res/pics/excel_sml.jpg) no-repeat left;
padding: 5px 0px 3px 20px; /*22px left*/
color:#232822;
text-decoration: none;
border-bottom: 1px dotted #7B7D3C;
background-color:#FFF;

}

#downloads a.excel:visited{
background: url(/res/pics/excel_sml.jpg) no-repeat left;
padding: 5px 0px 3px 20px; /*22px left*/
color:#1F6A87;
text-decoration: none;
background-color:#FFF;
border-bottom: 1px dotted #1F6A87;

}

#downloads  a.excel:hover{
background: url(/res/pics/excel_sml.jpg) no-repeat left;
padding: 5px 0px 3px 20px; /*22px left*/
color:#4D7425;
text-decoration: none;
border-bottom: 1px dotted #4D7425;
background-color:#FFF;
}

/* 
-- /docs/enquiry - form and error styling ------------------------ */

#PanelEnquiry{
width:550px}

fieldset{
text-align:left;
width:530px;
padding:10px;
border:1px solid #AAD795;
}

legend {
font-weight:bold;
font-size:0.7em;
color:#333;
background-color:#FFF;
}

.label{
font-weight:bold;
font-size:0.7em;
margin:0 20px 5px 10px;
color:#466121;
background-color:#FFF;
display:block;
}


.label_inline{
font-weight:bold;
font-size:0.7em;
margin:0 20px 5px 10px;
color:#466121;
background-color:#FFF;
display:inline;
}

.name{
width:200px;
margin:0 0 0 10px;
}

.email{
width:225px;
margin:0 0 0 10px;
}

.org{
width:200px;
margin:0 0 0 10px;
}

.subject{
margin:0 0 0 10px;
}

.tel{
width:150px;
margin:0 0 0 10px;
}

.address{
width:250px;
margin:0 0 0 10px;
}

.comments{
width:500px;
margin:0 0 0 10px;
}

.validator{
margin:0 0 0 10px;
font-size:0.7em;
color:#CC0000;
background-color:#FFF;
}


.validator_comments
{
margin:0 0 0 10px;
font-size:0.7em;
color:#CC0000;
background-color:#FFF;
display:inline;
}

#PanelSuccess p{
margin: 10px 0 10px 3px; 
text-align:left;
color: #48841C;
background-color:#FFF;
font-weight: bold;
width:500px;
}

#PanelSuccess p.reciept{
font-weight:normal;
margin: 0 0 0 55px;
color:#262525;
background-color:#FFF;
width:445px;

}


#PanelSuccess img{
float:left;
margin:10px 20px 20px 5px;
border:none;
}

#PanelFail p{
margin: 10px 0 10px 3px; 
text-align:left;
color: #AE0000;
background-color:#FFF;
font-weight: bold;
width:500px;

}

#PanelFail img{
float:left;
margin:10px 20px 20px 5px;
border:none;
}

.button
{
    margin:0 0 0 10px;
}

/*
-- Footer -------------------------------------------------------- */ 


#footerContainer { 
clear:both;
background:url(/res/pics/footer.jpg) repeat-x;
height:40px;
margin:0px auto;
 }
 
#footer{
font-size:0.7em;
font-weight: normal;
text-align:center;
text-decoration: none;
height:30px;
width:760px;
padding:17px 0px 2px 0px;
margin:0px auto;
}

#footer p{
font-size:100%;
margin:0px auto;
display:inline;}

#footer a:link { 
color:#232822;
text-decoration: none;
border-bottom: 1px dotted #7B7D3C;
background-color:#FFF;
}

#footer a:hover {
color:#4D7425;
text-decoration: none;
border-bottom: 1px dotted #4D7425;
background-color:#FFF;
}
#footer a:visited {
color:#1F6A87;
text-decoration: none;
border-bottom: 1px dotted #1F6A87;
background-color:#FFF;
}

/* 
-- /docs/sitemap/ - sitemap styling ------------------------------ */
#sitemap_ils{
text-align:left;
font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
font-size:0.7em;
margin:0 0 0 25px;}


/*
-- w3g validation ------------------------------------------------ */

#w3c{
text-align:right;
text-decoration: none;
height:20px;
width:760px;
margin:0px auto;
}

#w3c img {
border:none;
margin:0 22px 0 -12px;
}

#w3c a:link{
border-bottom:none;
}
#w3c a:hover{
border-bottom:none;
}
#w3c a:visited{
border-bottom:none;
}