.promopanel-action, .promopanel-action-hover
{
	width:7em;
	margin-top:0.3em;
	margin-bottom:0.3em;
}

.promopanel-action .promopanel-action-t { background: url(images/dot.gif) 0 0 repeat-x #FF6600; }
.promopanel-action .promopanel-action-b { background: url(images/dot.gif) 0 100% repeat-x; }
.promopanel-action .promopanel-action-l { background: url(images/dot.gif) 0 0 repeat-y; }
.promopanel-action .promopanel-action-r { background: url(images/dot.gif) 100% 0 repeat-y; }
.promopanel-action .promopanel-action-bl { background: url(images/bl.gif) 0 100% no-repeat; }
.promopanel-action .promopanel-action-br { background: url(images/br.gif) 100% 100% no-repeat; }
.promopanel-action .promopanel-action-tl { background: url(images/tl.gif) 0 0 no-repeat; }
.promopanel-action .promopanel-action-tr 
{
	background: url(images/tr.gif) 100% 0 no-repeat; 
	/* modified by Lightstone - to make all buttons same height */
	/* padding: 3px 10px 3px 5px; */
	padding: 5px 10px 4px 5px; /*top right bottom left*/
	text-align:center;	
} 

.promopanel-action input, .promopanel-action a
{
	white-space: nowrap;
	color: black; 
	text-decoration: none;
	border: 0em;
	padding: 0 5px 0 0; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-family: Arial;
	font-size: 75%;
	background: url(images/arrowhover.gif) no-repeat scroll right center;
	width:100%;
	display : block;
	/*
	
	height: 1.5em;
	vertical-align : bottom;
	*/
}

.promopanel-action-hover .promopanel-action-t { background: url(images/thover.gif) 0 0 repeat-x white; }
.promopanel-action-hover .promopanel-action-b { background: url(images/bhover.gif) 0 100% repeat-x; }
.promopanel-action-hover .promopanel-action-l { background: url(images/lhover.gif) 0 0 repeat-y; }
.promopanel-action-hover .promopanel-action-r { background: url(images/rhover.gif) 100% 0 repeat-y; }
.promopanel-action-hover .promopanel-action-bl { background: url(images/blhover.gif) 0 100% no-repeat; }
.promopanel-action-hover .promopanel-action-br { background: url(images/brhover.gif) 100% 100% no-repeat; }
.promopanel-action-hover .promopanel-action-tl { background: url(images/tlhover.gif) 0 0 no-repeat; }
.promopanel-action-hover .promopanel-action-tr 
{
	background: url(images/trhover.gif) 100% 0 no-repeat; 
	/* modified by Lightstone - to make all buttons same height */
	/* padding: 3px 10px 3px 5px; */
	padding: 5px 10px 4px 5px;
	text-align:center;	
} 


.promopanel-action-hover input, .promopanel-action-hover a
{
	white-space: nowrap;
	color: black; 
	text-decoration: none;
	border: 0em;
	padding: 0 5px 0 0; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-family: Arial;
	font-size: 75%;
	background: url(images/arrowhover.gif) no-repeat scroll right center;
	width:100%;
	display : block;
	/*
	height: 1.5em;
	vertical-align : bottom;
	*/
}