#slider {
position: relative;
float:left;
background: transparent url(/images/catalog/bg_slideshow_bar_630px.jpg) 0 6px no-repeat;
height: 630px;
margin: 0 auto;
padding: 30px 0 60px 20px;
width: 920px;
}
.kurkista_sisapuolelle #slider {
position: relative;
float:left;
background: transparent url(/images/catalog/bg_slideshow_bar_480px.jpg) 0 10px no-repeat;
height: 480px;
margin: 0 auto;
padding: 30px 0 60px 20px;
width: 920px;
}
.scroll {
height: 630px;
width: 900px;
/*overflow: auto;
overflow-x: hidden;*/
position: relative;
clear: left;
}
.kurkista_sisapuolelle .scroll {
height: 480px;
width: 900px;
/*overflow: auto;
overflow-x: hidden;*/
position: relative;
clear: left;
}
.scrollContainer div.panel {
height: 630px;
width: 900px;
}
.kurkista_sisapuolelle .scrollContainer div.panel {
height: 480px;
width: 900px;
}
div#slider_navi {
background:#FFFFFF none repeat scroll 0 0;
height:50px;
position:absolute;
right: 20px;
text-transform:uppercase;
top: 0px;
width:590px;
z-index:100;
}
.scrollButtons {
position: absolute;
cursor: pointer;
font-size: 1.2em;
right: 0px;
padding-top: 3px;
text-transform: uppercase;
top: 15px;
}
.scrollButtons.left {
position: absolute;
background: url('/images/catalog/ico_navigation_arrow_left_white.gif') left 1px no-repeat;
color: #000;
width: 210px;
right:355px;
z-index: 100;
padding-left: 30px;
height: 19px;
}
.scrollButtons.left:hover {
background: url('/images/catalog/ico_navigation_arrow_left_white.gif') left -20px no-repeat;
color: #a80532;
}
.scrollButtons.right {
position: absolute;
color: #000;
width: 220px;
text-align: right;
z-index: 100;
padding-right: 30px;
right: 40px;
height: 19px;
background: url('/images/catalog/ico_navigation_arrow_right_white.gif') right 1px no-repeat;
}
.scrollButtons.right:hover {
background: url('/images/catalog/ico_navigation_arrow_right_white.gif') right -20px no-repeat;
color: #a80532;
}
.details {
float:left;
padding-left: 20px;
position:relative;
width:310px;
z-index:200;
}
div#slider .narrow {
float:left;
padding:0 0 0 40px;
position:relative;
width:200px;
z-index:200;
}
.kurkista_sisapuolelle div#slider .details {
font-size: 1.2em;
padding-top: 27px;
text-align: center;
width: 900px;
}
.hide {
display: none;
}
.kurkista_sisapuolelle .scrollButtons {
position: absolute;
cursor: pointer;
right: 0px;
padding-top: 3px;
text-transform: uppercase;
top: 430px;
z-index: 200;
}
.kurkista_sisapuolelle .scrollButtons.left {
position: absolute;
background: #000;
color: #000;
left: 0px;
z-index: 300;
margin-left: 20px;
padding: 30px 20px 25px 30px;
width: auto;
}
.kurkista_sisapuolelle .scrollButtons.right {
position: absolute;
color: #000;
text-align: right;
z-index: 300;
margin-right: 20px;
padding: 30px 30px 25px 20px;
right: 0px;
background: #000;
width: auto;
}