#workscrolla {
	float: right;
	margin: 0;
	width: 560px;
	height: 560px;
	display: block;
	}

.imagearea {
	float: left;
	display: block;
	width: 496px;
	height: 496px;
	overflow: hidden;
	border: 2px solid #ffffff;
	}

#workscrolla button.wprev {
	float: left;
	margin: 233px 0px 0 0;
	padding: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: url(http://www.trinorth.co.uk/images/workbuttons.gif) no-repeat 0 0;
	border: none;
	outline: none;
	cursor: pointer;
	}

#workscrolla button.wnext {
	float: right;
	margin: 225px 0 0 0;
	padding: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: url(http://www.trinorth.co.uk/images/workbuttons.gif) no-repeat -30px 0;
	border: none;
	outline: none;
	cursor: pointer;
	}

#workscrolla button.wprev:hover { background: url(http://www.trinorth.co.uk/images/workbuttons.gif) no-repeat 0 -30px; }
#workscrolla button.wnext:hover { background: url(http://www.trinorth.co.uk/images/workbuttons.gif) no-repeat -30px -30px; }
#workscrolla button:focus { outline: none; }
#workscrolla button span { display: none; }