/* 	

	Created by Jordan Dobson Nov 3rd 2008 - Artist Add On for Product Titles & Artist Drop Down

	UPDATES

	* by Jordan Dobson Nov 3rd 2008
	* by Jordan Dobson Nov 14th 2008 - Added Known Firefox bug
	* by Jordan Dobson Nov 20th 2008 - Fixed Firefox bug with options & optgroup
	
	POSSIBLE ISSUE
	
	* Firefox 2 & 3 - Might cause a issue with IE 6 or IE 7
	
*/

/* MULTI ARTIST ONLY */

/******************************************************************************* Category Page Item Band Name Adjustments */

fieldset a span.title h3 i{
  display: block;
}

/******************************************************************************* Artist Select Menu */

/* Need to show this in Non Javascript Version */
div#menu menu li form i input{
	display: none;
}
																									
/* Normalize Form Tag */
div#menu menu li form{

	display: inline;
	float: none;
	
	width: auto;
	
	margin: 0;
	padding: 0;
}

/* em has Exactly the same as "a" tag */
div#menu menu li form i em{

	display: inline-block;
	display: block;

	padding: 0 25px;

	line-height: 1.65em;

	font-weight: bold;
	font-style: normal;
}

div#menu menu li form i em select{

	width: 100%;
	height: 20px;
	
	margin: 2px 0;	

	font-size: 11px;
	
	font-weight: bold;
	vertical-align: top;
	font-style: normal;
	
	cursor: pointer;
		
}

/* COLORS For Safari, IE 6 & IE 7 */
div#menu menu li form i em select,
*:first-child+html div#menu menu li form i em select{
	background-color: #0099CC;
	color: #fff;
}
* html div#menu menu li form i em select{
	background-color: #0099CC;
	color: #fff;
}

div#menu menu li form:hover i em select,
*:first-child+html div#menu menu li form i em select.ierollover{
	background-color: #FF00A7;
}
* html div#menu menu li form i em select.ierollover{

	background-color: #FF00A7;
}

div#menu menu li form i b em select,
*:first-child+html div#menu menu li form i b em select{
	background-color: #000;
}
* html div#menu menu li form i b em select{
	background-color: #000;
}

/* OPTGROUP LABEL COLOR for IE7 */
*:first-child+html div#menu menu li form i em select optgroup + optgroup{
	background-color: #333;
}



/* START - FireFox CSS */


	/* Select << FireFox 2 & 3-BOTH */
	div#menu menu li form i em select,
	x:-moz-any-link {
	
		height: 17px;	
	
		font-size: 12px;
		
		border: 1px solid #0099CC;
		opacity: .99;
		-moz-border-radius: 3px;
		
		background-color: transparent;
		background-image: url(/_site/img/ff_artist_select_bg.gif); /* Combine these into one image */
		background-position: center center;
		-moz-background-clip: padding;	
		
	}
	/* Select -> FireFox 3-ONLY */
	html>/**/body div#menu menu li form i em select, 
	x:-moz-any-link, 
	x:default {
	
		height: 19px;
	
		font-size: 11px;
	
		border: 2px solid transparent;
		
		-moz-background-clip: border;
	
	}
	/* Rollover << FireFox 2 & 3-BOTH */
	div#menu menu li form:hover i em select, 
	x:-moz-any-link {
		background-color: transparent;
		background-image: url(/_site/img/ff_artist_select_hover_bg.gif); /* Combine these into one image */
		border: 1px solid #FF00A7;
	}
	
	
	/* Rollover << FireFox 3-ONLY */
	html>/**/body div#menu menu li form:hover i select, 
	x:-moz-any-link, 
	x:default {
		border: 2px solid transparent;
	}
	/* Current << FireFox 2 & 3-BOTH */
	div#menu menu li form i b em select, 
	x:-moz-any-link {
		background-color: transparent;
		border-color: #000;
		background-image: url(/_site/img/ff_artist_select_selected_bg.gif);
	}
	/* Current << FireFox 3-ONLY */
	html>/**/body div#menu menu li form i b em select, 
	x:-moz-any-link, 
	x:default {
		
		border-color: transparent;
	}
	
	
	/* Hide the First option & first optGroup*/
	div#menu menu li form i select option:first-child,
	div#menu menu li form i select option:first-child + optgroup{
		display: none;
	}

/* END - FireFox CSS */

/* Style the options & OptGroups */
div#menu menu li form i select option, 
div#menu menu li form i select optgroup{

	padding: .25em;

	font-size: 125%;
	
	background-color: #fff;
	color: #333;
	margin: 0px;

}
div#menu menu li form i select optgroup{

	padding: .5em 0;
	
	font-size: .875em;
	letter-spacing: 1px;	
	
	color: #aaa;

	font-weight: normal;
	font-style: normal;
	text-align: center;
}

/* START - Safari CSS */

	/* Safari Style Adjustments */
	div#menu menu li form i select option:first-child{
		font-weight: bold;
	}
	/* Safari Style Adjustments */
	div#menu menu li form i select option:first-child + optgroup{
		font-size: 1px;
		/* This selects the blank optgroup */
	}
	
/* END - Safari CSS */

/*********** SELECTED ***********/


div#menu menu li form i b em{

	padding-right: 0px;
	margin-right: 25px;

	font-size: 90%;
	line-height: 1.75em;
	
	font-family: "Arial Black", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	
	overflow: hidden;
	white-space: nowrap;

}

div#menu menu li form i b em:before{

	display: inline-block;
	width: .5em;
	
	margin: 0;
	
	content: "\203A ";
	
	font-size: 120%;

	font-weight: bold;
	line-height: 20px;
	
	color: #333333;

}

div#menu menu li form i b em select{
	width: 140px;
}

/* FireFox 3 Only */
html>/**/body div#menu menu li form i b em select option, x:-moz-any-link, x:default {
	border-bottom: 1px solid #fff; /* Strange Bug with Bottom border in Firefox 3 */
}