/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 77%;
	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, #containerInnerBlack, #containerInnerGrey, #containerInnerRed, #containerInnerGreen, #containerInnerGold{
	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		: #1A1A1A;
	background-image		: url(../images/bkgrnds/bkgrnd.jpg);
	background-position		: top right;
	background-repeat		: no-repeat;
}

#containerInnerBlack{
	background-image		: url(../images/bkgrnds/bkgrndBlack.jpg);
}

#containerInnerGrey{
	background-image		: url(../images/bkgrnds/bkgrndGrey.jpg);
}

#containerInnerRed{
	background-image		: url(../images/bkgrnds/bkgrndRed.jpg);
}

#containerInnerGreen{
	background-image		: url(../images/bkgrnds/bkgrndGreen.jpg);
}

#containerInnerGold{
	background-image		: url(../images/bkgrnds/bkgrndGold.jpg);
}



*html #containerInner{
	height					: 600px;
		
}


#containerSplash{
	width					: 852px;
	margin-right			: auto;
	margin-left				: auto;
	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 				: 100%;
}

h1{ /* Page title */
	padding		 			: 0px 0px 0px 0px;
	margin					: 0px 0px 15px 0px;
	line-height				: 2.0em;
	font-size 				: 140%;
	color					: #FFF;
	border-bottom			: 1px Solid #FF8B10;
}

h2{ /* Paragraph heading */
	padding		 			: 10px 0px 10px 0px;
	margin					: 0px;
	line-height				: 1.0em;	
	font-size 				: 105%;
	color					: #FF8B10;
}

h3{ /* Product title */
	padding		 			: 0px 0px 0px 0px;
	margin		 			: 0px 0px 0px 0px;
	line-height				: 1.4em;	
	font-size 				: 180%;
	color					: #E68A01;
}

h4{  /* Product sub-title */
	padding		 			: 0px 0px 0px 0px;
	margin		 			: 0px 0px 0px 0px;
	line-height				: 2.0em;	
	font-size 				: 150%;
	color					: #E68A01;
}


h6{ /* Paragraph heading */
	padding		 			: 0px 0px 0px 0px;
	margin					: 0px 0px 15px 0px;
	line-height				: 2.0em;		
	font-size 				: 105%;
	color					: #FFF;
	border-bottom			: 1px Solid #FF8B10;
}



 /* General hyperlink */
a{
	color					: #777;
	text-decoration			: none;
}

a:hover {
	color					: #999;
	text-decoration			: underline;
}


#content a{
	color					: #FF8B10;
	text-decoration			: none;
}

#content a:hover {
	color					: #FF8B10;
	text-decoration			: underline;
}


 /* bullet point */ 
.productRight ul, ul.bullet{
	list-style 				: none;
	margin 					: 0px 0px 15px 0px;
	padding 				: 0px 0px 0px 0px;
}

.productRight ul li, ul.bullet 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;
}


hr{
	border					: 1px solid #333333;
}

/*################
##### HEADER #####
################*/ 


#header{
	width					: 852px;
	display					: block;
	height 					: 127px;
	background-color		: #212121;
	padding		 			: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	
}

#headerImage{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: none;

}




/*####################
### TOP NAVIGATION ###
####################*/ 


ul#navTop{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	width					: 852px;
	height					: 37px;
	background-image		: url(../images/topNavBkgrnd.jpg);
	background-position		: left;
	background-repeat		: repeat-x;
	
}

*html ul#navTop{
	margin					: -3px 0px 0px 0px;
	
}

ul#navTop li{
	display 				: inline;
}


ul#navTop li a{
	margin					: 7px 0px 0px 0px;
	display 				: block;
	float 					: left;
	font-weight				: normal;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 11px;
	line-height				: 2.0em;	
	height					: 23px;
	border-right			: 2px solid #333;
	padding					: 0px 17px 0px 18px;
	
}


#navTop li a:hover, #navTop li a.selected{
	background-image		: url(../images/headerNavOver.jpg);
	background-position		: left;
	background-repeat		: repeat-x;
	
}



/*#####################
### SIDE NAVIGATION ###
#####################*/ 



#leftNav{
	width					: 157px;
	min-height				: 452px;
	display					: block;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float					: left;
	background-color		: #1A1A1A;
	background-image		: url(../images/leftNavBkgrnd.jpg);
	background-position		: top left;
	background-repeat		: no-repeat;
}


*html #leftNav{
	height					: 452px;
}


#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		: #666666;
	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-image		: url(../images/headerNavOver.jpg);
	background-position		: left;
	background-repeat		: repeat-x;
}


#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		: #313131;
	color					: #CCC;
	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		: #414141;
	color					: #FFF;
	background-image		: none;
}

	
.hidden{
	display					: none;
}


.promoTeaser{
	margin					: 5px 0px 0px 3px;
}

.searchForm{
	margin					: 10px 0px 5px 5px;
	padding					: 0px 0px 0px 0px;
}

#recallTeaser a{
	margin					: 5px 0px 0px 3px;
	border					: 1px solid #666 !important;
	width					: 148px;
	height					: 68px;
	display					: block;	
}
#recallTeaser a:hover{
	border					: 1px solid #FF8B10 !important;
}

/*###############
#### 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					: #FFFFFF;
	line-height 			: 175%;
	min-height				: 500px;
}



*html #content{
	width 					: 670px;
	height					: 500px;
}



/*################
##### 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				: 90%;
	font-weight				: normal;
	background-image		: url(../images/footerBkgrnd.jpg);
	background-position		: top center;
	background-repeat		: repeat-x;
	
}

*html #footer{
	margin					: -3px 0px 0px 0px;
	
}

#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;
	
}

#footerBar p{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 17px;
	font-weight				: normal;
	color					: #FFF;
	
}

#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;

}


.footerImg{
	float					: right;
	margin					: -24px 20px 0px 0px;
	border					: none;
}

*html .footerImg{
	margin					: -25px 20px 0px 0px;
}



/*###############
##### MISC. #####
###############*/ 

/* --------- IMAGES ---------- */
.imageRight{
	float					: right;
	margin-left 			: 10px;
	margin-bottom 			: 10px;
}


.imageLeft{	
	float					: left;
	margin-right 			: 10px;
	margin-bottom 			: 10px;
}


/* --------- TABLES SIZE GUIDE ---------- */
.tblSizeGuide{
	margin					: 0px 0px 20px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 600px;
	border					: 1px Solid #FF8B10;
	background-color		: #333333

}

.tblSizeGuide td{
	margin					: 0px 0px 0px 0px;
	padding					: 6px 5px 6px 5px;	
	vertical-align			: top;
	text-align				: center;

}




/* ---------  MISC. BUTTONS ----------------- */
ul.miscBtn{
	margin					: 15px 0px 15px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	clear					: both;
	height					: 23px;
}


ul.miscBtn li{
	display 				: inline;
}


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;
	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;
}



/*  PLAYERS/OTHER SITE PAGES  */
.playerFrameLrg, .playerFrame, .otherSite{
	display					: block;
	margin					: 0px 10px 10px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 300px;
	height					: auto;
	float					: left;
}

.playerFrame{
	width					: 158px;
}

.otherSite{
	width					: 140px;
}

.playerFrameLrg a, .playerFrame a, .otherSite a{
	margin					: 0px 0px 0px 0px;
	padding					: 10px 0px 0px 0px;
	width 					: auto;
	height					: auto;
	display 				: block;
	border					: 1px solid #333;
	background-color		: #1E1E1E;
	color					: #ABABAB !important;
}

 .otherSite a{
	padding					: 0px 0px 0px 0px;
	background-color		: #121212;
}

.playerFrameLrg a:hover, .playerFrame a:hover, .otherSite a:hover{
	border					: 1px solid #FF8B10;
	text-decoration			: none !important;
	color					: #FFFFFF !important;
}


.playerFrameLrg img, .otherSite img{
	border					: none;
}


.playerPhoto{
	margin					: 0px 0px 0px 0px;
	padding					: 10px 0px 10px 0px;
	width 					: auto;
	height					: auto;
	display 				: block;
	border					: 1px solid #333;
	background-color		: #1E1E1E;
	color					: #ABABAB !important;
}

.playerPhoto img:hover{
	cursor					: pointer;
}



/*  SPLASH PAGE IMAGE  */
.splashImg{
	border					: none;
	margin					: 3px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}



/*  TABLES  */
.tableStockist, .tablePlayer, .tableContact{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;

}

.tableStockist td, .tablePlayer td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	vertical-align			: top;
	height					: 25px

}


.tableContact 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;
}


.tablePlayerM{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 480px;
	float					: left;
}



.contactAddress{
	margin					: 0px 0px 5px 15px;
	padding					: 5px 5px 5px 12px;
	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{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	font-weight				: normal;
	text-align				: center;
	color					: #FFF;
	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{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	font-weight				: normal;
	text-align				: center;
	color					: #FFF;
	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);
}


.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;
}




/*#################################
### SAFARI/IE6 HACK FOR NAV BAR ###
### KEEP AT BOTTOM OF THIS PAGE ###
#################################*/ 

/* PADDING BELOW FOR FIREFOX, IE6 & IE7 - BUT IGNORED BY SAFARI DUE TO '#'   */

.navSpacer{
	padding					: 0px 3px 0px 3px;
}

/*\*/
html* .navSpacer {
[padding: 0px 3px 0px 3px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is
addressed below.*/
padding: 0px 0px 0px 0px;/*Affects Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also
hidden from older Firefox and Netscape browsers.*/
]padding: 0px 3px 0px 3px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all
Firefox and Netscape browsers.*/
}/**/
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

/*The above rule is hidden from IE for MAC, and read only by older Firefox and Netscape 6-7 and IE5-7 for PC,
and Safari on MAC, in general.*/
/*Newer Firefox and Netscape agents reads rule, but does not read any properties set within [], so is
unaffected by it, probably because it sees these as part of an attribute selector. Those will be hidden.*/
/*IE 7 on PC will correctly read all rules as it will ignore many characters before a property*/
/*Safari for MAC sees each [] as a character and not part of a selector, if one falls before a property.
These cause the property name following the character to not be read, but next line without "[]" property
is  parsed.*/
/*use of [] will break all css selectors following the rule, if all are not closed, as Mozilla-Netscape
read the [] as part of a selector rule, so make sure they are all closed, using dummy selector.*/

/*\*/
* html .navSpacer {
padding:0px 2px 0px 2px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC
are not affected here, which means purple above should work only in IE 7 above!*/
}
/**/