#slider{
	width:949px;
	height:283px;
	padding:2px;
	background:url(../img/bg-glidercontainer.gif) top left no-repeat;
	position:relative;
}

.scroll {
    height: 283px;
    width: 949px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	color:#FFF
}

.scrollContainer div.panel {
    padding: 0px;
    height: 283px;
    width: 949px;
	text-align:left;
	color:#d1dce5;
	position:relative
}

.scrollContainer div.panel img{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}

.scrollContainer div#page1 span{
    position:absolute;
    top:108px;
    left:30px;
    color:#CCC;
    width:270px;
    height:130px;
}

.scrollContainer div#page3 span{
    position:absolute;
    top:78px;
    left:30px;
    color:#CCC;
    width:400px;
    height:160px;
}

.scrollContainer div#page2 span{
    position:absolute;
    top:78px;
    left:30px;
    color:#CCC;
    width:270px;
    height:130px;
}

.scrollContainer div#page4 span{
    position:absolute;
    top:78px;
    left:30px;
    color:#CCC;
    width:500px;
    height:100px;
}

.take-a-peek{
	position:absolute;
	top:20px;
	right:20px;
	display:block;
}
.scrollContainer div.panel .heading{
	float:left;
	display:inline;
	margin-bottom:10px;
}
.scrollContainer div.panel .text{
	float:left;
	display:inline;
	width:450px;
}
.scrollContainer div.panel .list{
	float:left;
	display:inline;
	padding-top:10px;
	line-height:2em;
	width:450px;
}

.scrollContainer div.panel span img{
	padding-right:5px;
}
ul.navigation {
    list-style: none;
    margin: 0;
    padding:3px 0 0 86px;;
	position:absolute;
	left:0px;
	top:260px;
	z-index:10;
	width:867px;
	height:47px;
	background: url(../img/bg-glidercontrols.png) top left no-repeat;
	*background: url(../img/bg-glidercontrols.gif) top left no-repeat;
}
ul.navigation li {
    display: inline;
	margin-right:2px;
	float:left;
}

ul.navigation a .page1{
	width:170px;
	height:39px;
	float:left;
	display:inline;
    background: url(../img/btn-glider_1.gif) top left;
	cursor:pointer;
}
ul.navigation a:hover .page1{
    background: url(../img/btn-glider_1.gif) top right;
}
ul.navigation a.selected .page1{
    background: url(../img/btn-glider_1.gif) top right;
}

ul.navigation a .page2{
	width:208px;
	height:39px;
	float:left;
	display:inline;
    background: url(../img/btn-glider_2.gif) top left;
	cursor:pointer;
}
ul.navigation a:hover .page2{
    background: url(../img/btn-glider_2.gif) top right;
}
ul.navigation a.selected .page2{
    background: url(../img/btn-glider_2.gif) top right;
}

ul.navigation a .page3{
	width:201px;
	height:39px;
	float:left;
	display:inline;
    background: url(../img/btn-glider_3.gif) top left;
	cursor:pointer;
}
ul.navigation a:hover .page3{
    background: url(../img/btn-glider_3.gif) top right;
}
ul.navigation a.selected .page3{
    background: url(../img/btn-glider_3.gif) top right;
}

ul.navigation a .page4{
	width:195px;
	height:39px;
	float:left;
	display:inline;
    background: url(../img/btn-glider_4.gif) top left;
	cursor:pointer;
}
ul.navigation a:hover .page4{
    background: url(../img/btn-glider_4.gif) top right;
}
ul.navigation a.selected .page4{
    background: url(../img/btn-glider_4.gif) top right;
}

.hide {
    display: none;
}