/**
 * stylesheet.buttons.css
 * Legaldownload DownloadShop buttons stylesheet
 *
 * Works with: FF, IE6, IE7, Safari, Opera
 *
 * SOME RULES IF YOU EDIT THIS STYLESHEET:
 * #1		Try to keep it working for FF, IE6, IE7, Safari and Opera
 * #2		Try to use as less CSS hacks as possible! If you need to apply hacks, first try other ways of styling! The need to apply a lot of hacks is mostly caused by bad styling!
 * #3		Do not mix id's and classnames! id's should be unique names to elements, classnames to style!
 * #4		Keep things tidy
 * #5		Give the sheet a logical order
 * #6		Do not change the standard properties of items! (Like giving all divs a display : inline :S)
 */
.playButton
{
	width					: 23px;
	height					: 22px;
	background-image 		: url('../graphics/buttons/play.gif');	
}

.addToCartButton
{
	display					: block;
	width					: 22px;
	height					: 22px;	
	background-image		: url('../graphics/buttons/cart_add.gif');
}

.addToCartButton:hover
{	
	background-image		: url('../graphics/buttons/cart_add-hover.gif');
}

.removeFromCartButton
{
	display					: block;
	width					: 22px;
	height					: 22px;	
	background-image		: url('../graphics/buttons/cart_remove.gif');
}

.removeFromCartButton:hover
{	
	background-image		: url('../graphics/buttons/cart_remove-hover.gif');
}

a.downloadButton
{
	display					: block;
	float					: left;
	
	width					: 22px;
	height					: 22px;
	
	background-image		: url('../graphics/buttons/download.gif');
}

a.downloadButton:hover
{	
	background-image		: url('../graphics/buttons/download-hover.gif');
}

a.imageButtonSmall
{
	display					: block;

	width					: 75px;
	height					: 22px;

	background-image		: url('../graphics/buttons/image_button_small.gif');
	background-position		: center;
	background-repeat		: no-repeat;

	text-align				: center;
	vertical-align			: middle;
	line-height				: 22px;

	color					: #FFFFFF;
	font-size				: 14px;
	text-transform			: uppercase;
	text-decoration			: none;
	font-weight				: bolder;
}

a.imageButtonSmall:hover
{
	background-image		: url('../graphics/buttons/image_button_small-hover.gif');
	color					: #FFFFFF;
	text-decoration			: none;
	font-weight				: bold;
}

a.imageButtonMediumBlue
{
	display					: block;
	
	width					: 110px;
	height					: 22px;

	background-image		: url('../graphics/buttons/image_button_medium_blue.gif');
	background-position		: center;
	background-repeat		: no-repeat;
	
	text-align				: center;
	vertical-align			: middle;
	line-height				: 22px;
	
	color					: #FFFFFF;
	font-size				: 14px;
	text-transform			: uppercase;
	text-decoration			: none;
	font-weight				: bolder;	
}

a.imageButtonMediumBlue:hover
{
	background-image		: url('../graphics/buttons/image_button_medium_blue-hover.gif');
	color					: #FFFFFF;
	text-decoration			: none;
	font-weight				: bold;
}