ul#navbartop1{
padding-left:0;
margin-top:0;
list-style:none;
}
#navbartop1 li{
width:160px;/*size of image*/
height:49px;/* size of image*/
}
#navbartop1 li.first{ background:url(http://www.secured-loans-uk.net/images/apply_button3.jpg) no-repeat left top;}/* this holds the rollover state of the image1a*/

#navbartop1 a{
display:block;
width:160px;
height:49px;
text-decoration:none;
}
#navbartop1 li.first a{background:url(http://www.secured-loans-uk.net/images/apply_button.jpg) no-repeat left top;}/* this holds the normal state of the image1a*/

ul#navbartop1 a:hover{background:transparent}

/* on hover we just hide the anchor and let the image underneath show through.
This makes for pre-loaded rolovers unlike changing the image on hover which is slow.*/

/* the above code assumes a different image for each anchor but is much simpler if only one image is used as the individual classes are not necessary. */
ul#navbartop1{text-indent:-999em}/* hide text*/

/* The code below is an ie5 bug with text indent - remove if you don't care about ie5 */
/* html ul#navbartop1{text-indent:0;te\xt-indent:-999em}*/
/* html ul#navbartop1 span{text-indent:-999em;}*/