.buttonXXX {
	width: 114px;
	height: 28px;
	background: url('/templates/web/images/button.png') 0px 0px no-repeat;
	border: none;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	display: block; 
	text-align:center;
	text-decoration: none;
	line-height: 28px;
	margin-top: 10px;
}
.buttonXXX:hover { text-decoration: underline; }

#outerContainer {
margin: 20px auto 0px auto;
position: relative;
padding: 10px 0px 0px 0px;
/*border-top: 1px solid #74244B;*/
}
#outerContainer img{
border: none;
padding: 0px;
float: left;
border: 1px solid #DDDDDD;
}
#imageScroller {
position: relative;
overflow: hidden;
margin: 0px auto;
float: left;
}
#viewer {
position: absolute;
}
#outerContainer .arrowLeft{
width: 21px;
float:left;
background:url('/images/strLeft.png') 0px 50% no-repeat;
cursor: pointer;
position: relative;
z-index: 1;
margin: 5px 15px 0px 0px;
}

#outerContainer .arrowRight{
width: 21px;
float: left;
background:url('/images/strRight.png') 0px 50% no-repeat;
cursor: pointer;
position: relative;
z-index: 1;
margin: 5px 0px 0px 15px;
} 
#outerContainer .selImg{
display: block;
position: absolute;
border: 5px solid #1D3468;
margin: 0px 0px 0px 0px;
z-index: 1;
top:0px;
left: 0px;
}
#viewer a{
position: relative;
display: block;
float: left;
}