#slider-inner
{
	width: 900px;
	height: 200px; 	
	position: relative;
	text-align: left;
}

#slide-menu {
 	margin-left: 820px;
	width:70px;
	text-align:left;
	overflow:visible;
	z-index: 10000;
}

#slide-menu ul {
	width: 80px;
	display:inline;
}

#slide-menu li {
	width: 24px;
	margin-left: 3px;
	list-style-type: none;
}

#slide-box {
    position:absolute;
	left: 0px;
    top:0px;
    width:800px;
    line-height:14px;
    font-size:11px;
    z-index: 0;
}

#slide-box .slide-slider {
    position:absolute;
    left:0px;
    top:0px;
    width:800px;
    height:200px;
    overflow:hidden;
}
#slide-buttons
{
	z-index: 10000;
	float:right;
}

#slider img{
	border: 0px;
}

.back-button a img{
	width: 24px;
	height: 24px;
	border: 0;
	background: url( '../gfx/btn_back.gif' ) top left no-repeat;
}

.back-button a:hover img{
	background: url( '../gfx/btn_back_roll.gif' ) top left no-repeat;	
}

.forward-button a img{
	width: 24px;
	height: 24px;
	border: 0;
	background: url( '../gfx/btn_forward.gif' ) top left no-repeat;
}
.forward-button a:hover img{
	background: url( '../gfx/btn_forward_roll.gif' ) top left no-repeat;
}

.extjs-here {
	margin-left:5px;	
}

/*Slieder styles*/

.slide-image{
	float:left;
	width: 300px;
	height: 200px;
}

.slide-text{
	margin-top: 10px;
	margin-left: 310px;
}

.slide-moreinfo {
	width:160px;
	height: 40px;
	position: absolute;
	top: 150px;
	left: 680px;	
}

.slide-moreinfo a img{
	width: 160px;
	height: 40px;
	border: 0;
	background: url( '../gfx/moreinfo.gif' ) top left no-repeat;
}

.slide-moreinfo a:hover img{
	background: url( '../gfx/moreinfo_roll.gif' ) top left no-repeat;
}