/* Stuff for Glass Buttons */

/* General things for all of them */
	A.jukeButtonOff, A.jukeButtonOn, A.jukeButtonOver, A.jukeon, A.jukeoff,
	A.jukeover, A.jukehidden, .jukeButtonText, .jukeButtonImage {
		white-space: nowrap;
		text-align:center;
		text-decoration:none;
		font-weight: bold;
		font-family: arial, helvetica, sans serif;
/*		font-style: italic;*/
	}
	
	A.jukeButtonOff, A.jukeButtonOn, A.jukeButtonOver, 
	A.jukeon, A.jukeoff, A.jukeover, A.jukehidden  {
		font-size:16px;
		line-height: 25px;
	}
	
	A.jukeButtonOff, A.jukeButtonOff:link, A.jukeButtonOver,
	A.jukeButtonOver:link, A.jukeButtonOn, A.jukeButtonOn:link,
	A.jukeon, A.jukeon:link, A.jukeoff, A.jukeoff:link, A.jukehidden, A.jukehidden:link  {
		text-decoration: none;		
	}

	.jukeButtonText {
		font-size:15px;
		background: url(/images/glass1/glass1_black_long_22px_off.png) center right no-repeat;
		padding: 3px 27px 5px 0px;
		color: white;
		border: none;
		line-height: 25px;
	}
	.autoPlayButton { /*additional class name for the autoplay buttons text*/
		color: #eef;
		font-style: italic;
	}
	.jukeButtonImage {
		font-size:15px;		
		background: url(/images/glass1/glass1_black_long_22px_off.png) center left no-repeat;
		padding: 3px 2px 5px 9px;
/*		margin-right:-4px;*/
		border: none;
		white-space:pre;
		line-height: 25px;		
	}
/* input version of jukeButton is for the OsCommerce catalog */
	input.jukeButtonText, input.jukeButtonImage {
		padding-top: 3px;
		margin-top: 3px;
		overflow: visible;
		cursor: pointer;
	}
	input.jukeButtonImage, A .jukeButtonImage {
		margin-right: 0px;
		cursor: pointer;		
	}

/* A (anchor) version of jukeButtonText/Image is for OsCommerce */
	A .jukebuttonText, A .jukebuttonImage {
		font-weight: bold;
		font-style: italic;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		padding-top: 3px;
		padding-bottom: 7px;
		line-height: 25px;
	}
/* that rule above affects everything, so we have to correct the padding */
	A.jukeButtonOff .jukebuttonText, A.jukeButtonOff .jukebuttonImage, A.jukeButtonOver .jukebuttonText, A.jukeButtonOver .jukebuttonImage, A.jukeButtonOn .jukebuttonText, A.jukeButtonOn .jukebuttonImage {
		padding-top: 1px;
		padding-bottom: 5px;
	}
	
/* jukeon, jukeover and jukeoff are floated divs */
	.jukeon, .jukeoff, .jukeover, .jukehidden {
		display: block;
		height: 33px;
		float:left;
	}
	.jukehidden {
		height: 1px;
		display: none;
	}
	A.jukeon .jukeButtonImage, A.jukeoff .jukeButtonImage, A.jukeover .jukeButtonImage {
		display: block;
		width: 10px;
		height: 33px;
		float: left;
		background-position: top left;
	}
	A.jukeon .jukeButtonText, A.jukeoff .jukeButtonText, A.jukeover .jukeButtonText {
		display: block;
		width: 200px;
		height: 33px;
		margin-left:20px;
		padding-top: 3px;
		background-position: top right;		
	}

/* Off */
	A.jukeoff .jukeButtonImage, A.jukeoff .jukeButtonText {
		background-image: url(/images/glass1/glass1_black_long_32px_off.png);
	}		
	
/* Over */
	A.jukeover .jukeButtonImage, A.jukeover .jukeButtonText {
		background-image: url(/images/glass1/glass1_green_long_32px_off.png);
	}		
	A.jukeButtonOver .jukeButtonImage, A.jukeButtonOver .jukeButtonText {
		background-image: url(/images/glass1/glass1_green_long_22px_on.png);
	}
	
/* On */
	A.jukeButtonOn .jukeButtonImage, A.jukeButtonOn .jukeButtonText {
		background-image: url(/images/glass1/glass1_blue_long_22px_on.png);
	}
	A.jukeon .jukeButtonImage, A.jukeon .jukeButtonText {
		background-image: url(/images/glass1/glass1_blue_long_32px_on.png);
	}		
		
/* Hover */
	A:hover .jukeButtonText, A:hover .jukeButtonImage, A.jukeButtonOff:hover .jukeButtonText, A.jukeButtonOff:hover .jukeButtonImage  {
		background-image: url(/images/glass1/glass1_green_long_22px_off.png);		
	}
	A.jukeButtonOn:hover .jukeButtonImage, A.jukeButtonOn:hover .jukeButtonText {
		background-image: url(/images/glass1/glass1_green_long_22px_on.png);
	}
	A.jukeon:hover .jukeButtonImage, A.jukeon:hover .jukeButtonText {
		background-image: url(/images/glass1/glass1_green_long_32px_on.png);
	}		
	A.jukeoff:hover .jukeButtonImage, A.jukeoff:hover .jukeButtonText {
		background-image: url(/images/glass1/glass1_green_long_32px_off.png);
	}		

/* Hidden */
	A.jukehidden .jukeButtonImage, A.jukehidden .jukeButtonText {
		background-image: none;
		height:1px;
		display:none;
	}

/* anchor holder for submit buttons in catalog */
	A.dhwGlassHolder {
		white-space: nowrap;
	}

/* change the heading backgrounds in the catalog */	
.productListing-heading {
	background: transparent url(/images/glass1/glass1_black_slice_16px.png) repeat-x scroll right center
}