// BEFORE

// -html
<input type="image" name="_ctl0:ContentPlaceHolder1:_ctl7" title="Köp filmen" class="btnAboutUs" oncontextmenu="return false;" onmouseover="this.className='btnAboutUs-Over';" onmouseout="this.className='btnAboutUs';" onmousedown="this.className='btnAboutUs-OnClick';" src="App_Themes/Publiken1/images/transp_pixel.gif" border="0" onclick="document.location.href='moviedetails.aspx?ID=4&amp;buy=yes'; return false;" language="javascript" />

// -css
.btnAboutUs
{
    background: url(images/menu_aboutus.gif) center center;
	width: 69px;
	cursor: pointer;
	height: 28px;
	border:  none;
}

.btnAboutUs-Over
{
    background: url(images/menu_aboutus_f2.gif) center center;
	width: 69px;
	cursor: pointer;
	height: 28px;
	border:  none;
}

.btnAboutUs-OnClick
{
    background: url(images/menu_aboutus_f3.gif) center center;
	width: 69px;
	cursor: pointer;
	height: 28px;
	border:  none;
}


// AFTER

// -html
<input type="image" title="Action & Thriller" class="btnActionThriller" id="idle" onmouseover="this.id='over';" onmouseout="this.id='idle';" onmousedown="this.id='click';" src="App_Themes/Publiken1/images/transp_pixel.gif" border="0" />

// -css
.btnAboutUs
{
    background: url(images/menu_aboutus.gif) center center;
	width: 69px;
	cursor: pointer;
	height: 28px;
	border:  none;
}
.btnAboutUs#over
{
    background: url(images/menu_aboutus_f2.gif) center center;
}
.btnAboutUs#click
{
// byt bild helt (inkl storlek), inte så smart men bara visar att det går
    background: url(images/menu_aboutus_f3.gif) center center;
	width: 145px;
	height: 57px;
}