/*###################
##### CSS RESET #####
###################*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #333;
	text-align				: center;
	margin					: 0px;
	padding 				: 0px;
	margin-bottom			: 10px;
	background-color		: #666666;
	
}


/*#####################
### OUTER CONTAINER ###
#####################*/ 


#containerOuter{
	width					: 950px;
	margin-right			: auto;
	margin-left				: auto;
	background-image		: url(../images/bodyBkgrnd.jpg);
	background-position		: center;
	background-repeat		: repeat-y;
	
	
}


/*###################
##### CONTAINER #####
###################*/ 

#containerInner, #containerInnerWhite{
	display					: block;
	min-height				: 600px;
	width					: 852px;
	margin					: 0px auto 0px auto;
	padding					: 0px 0px 0px 0px;
	text-align				: left;
	border-left				: 2px solid #000;
	border-right			: 2px solid #000;
	background-color		: #121212;
	background-image		: url(../images/bkgrndImg.gif);
	background-position		: top;
	background-repeat		: repeat-y;
		
}

#containerInnerWhite{
	background-image		: url(../images/bkgrndImgW.gif);
	
}

*html #containerInner{
	height					: 600px;
		
}


#containerInnerImg{
	background-image		: url(../images/contentBkrd.jpg);
	background-position		: top right;
	background-repeat		: no-repeat;
}

#containerInnerImgWhite{
	background-image		: url(../images/contentBkrdW.jpg);
	background-position		: top right;
	background-repeat		: no-repeat;
}

#containerInnerImgTeamwear{
	background-image		: url(../images/contentBkrdTeamwear.jpg);
	background-position		: top right;
	background-repeat		: no-repeat;
}

#containerSplash{
	width					: 852px;
	margin					: 0px auto 0px auto;
	padding					: 0px 0px 0px 0px;
	text-align				: left;
	display					: block;
	background-color		: #1D1D1D;
	border-left				: 2px solid #000;
	border-right			: 2px solid #000;
		
}


/*###############
##### FONTS #####
###############*/ 


p{
	padding					: 0px 0px 10px 0px;
	margin					: 0px;
	font-size 				: 13px;
	line-height				: 1.3em;
	color					: #BBB
}



h1{ /* Page title */
	padding		 			: 0px 0px 0px 0px;
	margin					: 0px 0px 15px 0px;
	line-height				: 2.0em;
	font-size 				: 20px;
	color					: #FFF;
	border-bottom			: 1px Solid #FF6699;
}

h6{ /* Paragraph heading */
	padding		 			: 0px 0px 0px 0px;
	margin					: 0px 0px 15px 0px;
	line-height				: 2.0em;		
	font-size 				: 16px;
	color					: #FFF;
	border-bottom			: 1px Solid #FF6699;
}

h2{ /* Paragraph heading */
	padding		 			: 10px 0px 10px 0px;
	margin					: 0px;
	line-height				: 1.0em;	
	font-size 				: 17px;
	color					: #CECECE;
}

h3{ /* Product title */
	padding		 			: 0px 0px 0px 0px;
	margin		 			: 0px 0px 0px 0px;
	line-height				: 1.4em;
	text-transform			: uppercase;	
	font-size 				: 22px;
	color					: #FF6699;
}

h4{  /* Product sub-title */
	padding		 			: 0px 0px 0px 0px;
	margin		 			: 0px 0px 0px 0px;
	line-height				: 2.0em;	
	font-size 				: 16px;
	color					: #FF6699;
}

#content a{
	color					: #FE9ACE;
	text-decoration			: none;
}

#content a:hover {
	color					: #FE9ACE;
	text-decoration			: underline;
}

#content ul
{
	list-style 				: none;
	margin 					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
}
#content ul li
{
	display 				: block;
	margin 					: 0px 0px 0px 10px;
	padding 				: 4px 0px 10px 15px;
	color					: #BBBBBB;
	line-height				: 1.3em;
	font-size				: 13px;
	background				: url('../images/bullet.gif') top left no-repeat;
}



.productRight a{
	color					: #FFF !important;
	text-decoration			: underline !important;
}

.productRight a:hover {
	color					: #CECECE !important;
	text-decoration			: underline !important;
}

 /* Products bullet point list */
.productRight ul{
	list-style 				: none;
	margin 					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
}

.productRight ul li{
	display 				: block;
	margin 					: 0px 0px 0px 10px;
	padding 				: 1px 0px 0px 15px;
	min-height				: 25px;
	background-image		: url(../images/bullet.gif);
	background-position 	: top left;
	background-repeat		: no-repeat;
}

 /* bullet point */

ul#list {
	list-style 				: none;
	margin 					: 0px 0px 0px 0px;
	padding 				: 0px 0px 30px 0px;
}

ul#list li{
	display 				: block;
	margin 					: 0px 0px 0px 10px;
	padding 				: 1px 0px 0px 15px;
	height					: 25px;
	background-image		: url(../images/bullet.gif);
	background-position 	: top left;
	background-repeat		: no-repeat;
}



 /* General hyperlink */
 
a{
	color					: #777;
	text-decoration			: none;
}

a:hover {
	color					: #999;
	text-decoration			: underline;
}


hr{
	color					: #333;
}

/*################
##### HEADER #####
################*/ 


#header{
	width					: 852px;
	display					: block;
	height 					: 127px;
	background-color		: #666666;
	position				: relative;
	padding		 			: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	
}

#logo{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: none;
	float					: left;
	border-right			: 1px solid #1D1D1D;
}


#headerImage{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float					: right;
	border					: none;

}




/*####################
### TOP NAVIGATION ###
####################*/ 

ul#navTop
{
	margin					: 0px 0px 0px 0px;
	padding					: 7px 0px 0px 0px;
	position				: absolute;
	bottom					: 0;
	display 				: block;
	list-style 				: none;
	width					: 852px;
	height					: 30px;
	background				: url(../images/topNavBkgrnd.jpg) left repeat-x;	
}

ul#navTop li
{
	display 				: inline;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}
ul#navTop li a.history
{
	width					: 70px;		
}
ul#navTop li a.stockist
{
	width					: 85px;		
}
ul#navTop li a.sponsors
{
	width					: 90px;		
}
ul#navTop li a.gallery
{
	width					: 70px;		
}
ul#navTop li a.competition
{
	width					: 94px;		
}
ul#navTop li a.news
{
	width					: 65px;		
}
ul#navTop li a.events
{
	width					: 75px;		
}
ul#navTop li a.links
{
	width					: 65px;		
}
ul#navTop li a.contact
{
	width					: 130px;		
}
ul#navTop li a.other
{
	width					: 90px;		
}





ul#navTop li a
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float 					: left;
	font-weight				: normal;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 12px !important;
	line-height				: 2.0em;	
	height					: 23px;
	text-align				: center;		
	border-left			    : 1px solid #333;
	border-right		    : 1px solid #333;	
}
#navTop li a:hover, #navTop li a.selected{
	background				: url(../images/headerNavOver.jpg) left repeat-x;
	
}



/*#####################
### SIDE NAVIGATION ###
#####################*/ 

#leftNav{
	width					: 157px;
	min-height				: 505px;
	display					: block;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float					: left;
}

*html #leftNav{
	height					: 505px;
}


#leftNav ul{
	list-style				: none;
	margin					: 0px;
	padding					: 0px;
}

#leftNav ul li a{
	display 				: block;
	width					: 126px;
	margin					: 0px 0px 0px 3px;
	padding 				: 0px 5px 0px 18px;
	color					: #FFF;
	background-color		: #FF538B;
	border					: 1px solid #000;
	line-height				: 1.8em;
	font-size 				: 90%;
	font-weight				: normal;
	text-align				: left;
	text-decoration 		: none;	
}

*html #leftNav ul li a{
	padding 				: 0px 5px 0px 18px;
	height					: 20px	
}

*html #leftNav img{
	padding 				: 0px 0px 0px 0px;
	margin					: 6px 0px 0px 0px;	
}

#leftNav ul li a:hover, #leftNav ul li a.selected{
	color					: #FFF;
	background-color		: #D93C73;
}


#leftNav ul li a.currentItem{
	background-image		: url(../images/buttonOver.jpg);
	background-repeat		: repeat-x;
	background-position		: bottom;
}

#leftNav ul li ul li a{
	background-color		: #FFFFFF;
	color					: #000000;
	text-transform			: none;
	font-size				: 90%;
	font-weight				: 200;
}

#leftNav ul li ul li a:hover, #leftNav ul li ul li a.selected{
	background-color		: #FFC6E2;
	color					: #000000;
	background-image		: none;
}

	
.hidden{
	display					: none;
}


.promoTeaser{
	border					: none;
	margin					: 5px 0px 0px 3px;
	padding					: 0px 0px 115px 0px;
}

.searchForm{
	margin					: 5px 0px 5px 5px;
	padding					: 0px 0px 0px 0px;
}

.ifnaLink{
	margin					: 4px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #000;
}


/*###############
#### CONTENT ####
###############*/ 
	
	
#contentHome{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	float					: right;
	width 					: 695px;
	height					: auto;
	display 				: block;
	color					: #999999;
	line-height 			: 175%;
}

*html #contentHome{
	float					: left;
	padding					: 0px -5px 0px 0px;
	margin					: 0px -5px 0px 0px;
}


#content{
	padding					: 5px 12px 5px 10px;
	margin					: 0px 0px 0px 0px;
	float					: right;
	width 					: 673px;
	display 				: block;
	color					: #999999;
	line-height 			: 175%;
	min-height				: 500px;

}


*html #content{
	padding					: 5px 14px 5px 10px;
	width 					: 670px;
	height					: 500px;
}




/*##################
##### TEAMWEAR #####
##################*/ 

.teamwear
{
	margin					: 60px 0px 0px 20px;
	padding					: 0px 0px 0px 0px;
	display					: block;
	width					: 300px;
	float					: left;
}
.teamwear h1
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 15px;
	color					: #DD9DBF;
	font-weight				: bold;
	border					: none;
	line-height				: 1.0em;
}
.teamwear p
{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 10px 0px;
	font-size				: 14px;
	color					: #FFFFFF;
}
.teamwear p span
{
	color					: #DD9DBF;
}

/*################
##### FOOTER #####
################*/ 

#footer{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display					: block;
	width					: 950px;
	height					: 89px;
	clear					: both;
	text-align				: left;
	font-size				: 12px;
	font-weight				: normal;
	background-image		: url(../images/footerBkgrnd.jpg);
	background-position		: top center;
	background-repeat		: repeat-x;
	position				: relative;
}

*html #footer{
	margin					: -3px 0px 0px 0px;
	
}



.facebook
{
	margin					: -100px 0px 0px 60px;
	padding					: 0px 0px 0px 0px;
	width					: 145px;
	position				: absolute;
	top						: 0;
	left					: 0;
}
.facebook img
{
	margin					: 0px 10px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float					: right;
}
.fb-like fb_edge_widget_with_comment fb_iframe_widget
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float					: left;
}


#footerBar{
	margin					: 0px 0px 0px 49px;
	padding					: 0px 0px 0px 0px;
	width					: 852px;
	color					: #FFF;
	height					: 37px;
	background-image		: url(../images/topNavBkgrnd.jpg);
	background-position		: left;
	background-repeat		: repeat-x;
	
}

#footer p{
	margin					: 4px 0px 0px 0px;
	padding					: 0px 0px 0px 65px;
	font-weight				: normal;
	color					: #555;
	font-size				: 12px;
	
}

#footerBar p{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 17px;
	font-weight				: normal;
	color					: #FFF;
	font-size				: 12px;
	
}

#footerBar a {
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	line-height				: 3.2em;
	text-decoration			: none;
	color					: #FFF;
}


#footerBar a:hover {
	text-decoration			: underline;

}

.leftNavImg{
	display					: block;
	position				: absolute;
	margin					: -118px 0px 0px 55px;
	padding					: 0px 0px 0px 0px;
	border					: none;
}


.footerImg{
	float					: right;
	margin					: -28px 20px 0px 0px;
	border					: none;
}




/*###############
##### MISC. #####
###############*/ 


/* ----- Misc. Buttons ------ */
ul.miscBtn{
	margin					: 20px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	clear					: both;
	height					: 23px;
}


ul.miscBtn li{
	display 				: inline !important;
	background-image		: none !important;
}


ul.miscBtn li a{
	margin					: 0px 10px 0px 0px;
	padding					: 0px 10px 0px 10px;
	display 				: block;
	float 					: left;
	font-weight				: normal;
	color					: #FFFFFF !important;
	text-decoration 		: none !important;
	font-size 				: 11px;
	line-height				: 2.0em;	
	height					: 23px;
	border					: 1px solid #000000;
	background-image		: url(../images/submitBtn.jpg);
	background-repeat		: repeat-x;
}


ul.miscBtn li a:hover{
	background-image		: url(../images/submitBtnOver.jpg);
	background-repeat		: repeat-x;
	text-decoration 		: none !important;
	color					: #FFFFFF !important;
}



/* --------- TABLES SIZE GUIDE ---------- */
.tblSizeGuide{
	margin					: 0px 0px 20px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 600px;
	border					: 1px Solid #FF6699;
	background-color		: #333333

}

.tblSizeGuide td{
	margin					: 0px 0px 0px 0px;
	padding					: 3px 5px 3px 5px;	
	vertical-align			: top;
	text-align				: center;

}




/* -------  TEAMS PAGE --------- */
.playerFrame a
{
	margin					: 5px 5px 5px 5px;
	padding					: 5px 5px 0px 5px;
	float					: left;
	width 					: 135px;
	height					: 100px;
	display 				: block;
	border					: 1px solid #333;
	background-color		: #1E1E1E;
	font-size				: 11px;
	line-height				: 1.2em;
	cursor					: hand;	
	position				: relative;
}

*html .playerFrame a
{
	margin					: 0px 15px 15px 0px;
	
}

.playerFrame a:hover
{
	border					: 1px solid #FF6699;
	text-decoration			: none !important;
}

.playerFrame span
{
	margin					: 0px 0px 2px 0px;
	position				: absolute;
	display					: block;
	width 					: 135px;
	bottom					: 0;
	text-align				: center;
}

.teamImgHolder
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height					: 80px;
	border					: none;
}

.galleryImgHolder
{
	margin					: 3px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #333;
	height					: 160px;
}

.galleryImgHolder:hover
{
	border					: 1px solid #FF6699;
}





/* -------  GALLERY IMAGES --------- */
.imgGallery
{
	margin					: 10px 10px 10px 0px;
	padding					: 0px 0px 0px 0px;
	display					: block;
	float					: left;
	width 					: 155px;
	height					: 120px;
	display 				: block;
	border					: 1px solid #333;
	background-color		: #1E1E1E;
	cursor					: pointer;	
	overflow				: hidden;
}
.imgGallery img
{
	border					: none;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}
.imgGallery:hover
{
	border					: 1px solid #FF6699;
	text-decoration			: none !important;
}









.otherSites{
	border					: 1px Solid #FF6699;
	
}


.imgLeft{
	float					: left;
	margin					: 0px 20px 20px 0px;
	padding					: 0px 0px 0px 0px;
}
.imgRight{
	float					: right;
	margin					: 0px 0px 10px 25px;
	padding					: 0px 0px 0px 0px;
}

.flashHome{
 	width					: 690px; 
	height					: 450px;

}

.splashImg{
	border					: none;
	margin					: 2px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	
}

*html .splashImg{
	margin					: 2px 0px 2px 2px;
	
}

.tableStockist{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;

}

.tableStockist td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 10px 5px 0px;	
	vertical-align			: top;

}

.playerHolder{
	float					: right;
	display					: block;
	width					: 350px;
	height					: auto;
}

.playerHolderM{
	float					: right;
	display					: block;
	width					: 200px;
	height					: auto;
}


.tablePlayer{
	margin					: 0px 0px 30px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 330px;
	float					: left;
}

.tablePlayer td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 10px 5px 0px;	
	vertical-align			: top;
}
.tablePlayerM{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 480px;
	float					: left;
}

.tablePlayerM td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 10px 5px 0px;	
	vertical-align			: top;
}
.tableContact{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;

}

.tableContact td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 10px 5px 0px;	
	vertical-align			: top;

}
.contactAddress{
	padding					: 5px 5px 5px 12px;
	margin					: 0px 0px 5px 0px;
	float					: right;
	width 					: 200px;
	height					: auto;
	display 				: block;
	border					: 1px solid #333;
	background-color		: #1E1E1E;

}

.stockistMap{
	padding					: 0px;
	margin					: 0px 0px 5px 0px;
	float					: right;
	width 					: 348px;
	height					: auto;
	display 				: block;
	border					: 1px solid #333;
	background-color		: #1E1E1E;

}


.playerImages{
	padding					: 5px 5px 5px 5px;
	margin					: 0px 0px 5px 0px;
	float					: right;
	height					: auto;
	display 				: block;
	border					: 1px solid #333;
	background-color		: #1E1E1E;

}


.playerFlash{
	padding					: 5px 5px 5px 5px;
	margin					: 0px 0px 30px 30px;
	float					: left;
	height					: auto;
	width					: 248px;
	display 				: block;
	border					: 1px solid #333;
	background-color		: #1E1E1E;

}

.dropdownField{
	margin					: 10px 0px 0px 0px;
	padding					: 2px 2px 2px 2px;
	display 				: block;
	width					: 150px;
	border					: 1px solid #000000;
	font-size 				: 11px;	
}


.textArea, .textField{
	width					: 220px;
}

.submitBtn, .submitBtn a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	font-weight				: normal;
	text-align				: center;
	color					: #FFFFFF !important;
	text-decoration 		: none;
	font-size 				: 11px;	
	height					: 23px;
	width					: 80px;
	border					: 1px solid #000000;
	background-image		: url(../images/submitBtn.jpg);
	background-repeat		: repeat-x;
	cursor					: pointer;
	cursor					: hand;
}

.submitBtn a:hover{
	background-image		: url(../images/submitBtnOver.jpg);
	text-decoration 		: none !important;
}


.textFieldSml{
	width					: 110px;
	font-size 				: 11px;	
	padding					: 2px 2px 2px 2px;
}

.submitBtnSml{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #000000;
	background-image		: url(../images/submitBtn.jpg);
	background-repeat		: repeat-x;
	font-weight				: normal;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 11px;	
	height					: 20px;
	width					: 15px;
	cursor					: pointer;
	cursor					: hand;
}


