/* navigator styling */
#navigator_outer{
display:block;
position:absolute;
right:0px; /* left */
top:0px;
z-index:100;
overflow:hidden;
}
#navigator{
display:block;
position:relative;
list-style-type:none;
margin:0px;
padding:0px;
}
/* default navigator element */
#navigator li.element{
display:block;
position:relative;
clear:both;
height:100px;
margin:0px;
padding:0px;
cursor:pointer;
background:none;
}
/* selected navigator element */
#navigator li.selected_right{
background:url('../images/fleche_slideshow.png') left no-repeat; /*right*/
margin-left:5px;
}
/* default instance inner navigator element styling */
#navigator li.element div.inner{
display:block;
position:relative;
clear:both;
height:100px;
background:url('../images/bg_slideshow_off.gif') repeat-x;
margin-left:auto; /* nista */
text-align:left;
}
#navigator li.element div.inner img{
float:left;
margin:10px;
border:1px #dad4ba solid;
background:#FFFFFF;
padding:3px;
width:74px;
height:74px;
}
#navigator li.element div.inner span.title{
display:block;
position:relative;
float:left;
color:#ac3a04;
font-size:12px;
font-weight:bold;
margin:15px 0px 0px;
}
#navigator li.element div.inner p.desc{
display:block;
position:relative;
height:55px;
overflow:hidden;
font-size:11px;
color:#636363;
float:left;
margin:0px;
padding:0px;
}
/* we set the selected inner elements as descendents of li.selected_right to affect all inner elements for selected offer */
#navigator li.selected_right div.inner{
background:url('../images/nav_selected.png') repeat-x;
color:#FFFFFF;
}
#navigator li.selected_right div.inner span.title{
color:#FFF;
}
#navigator li.selected_right div.inner img{
border:1px #94260f solid;
background:#762b04;
}
#navigator li.selected_right div.inner p.desc{
color:#FFF;
}
/* end of navigation styling, starting slides */
#slides{
display:block;
position:relative;
margin-right:auto;/*margin-left:auto;*/
overflow:hidden;
}
#slides div.slide{
display:block;
position:relative;
overflow:hidden;
}
#slides div.slide div.long_desc{
display:block;
position:absolute;
left:-500px; /*right*/
top:0px;
width:250px;
font-size:11px;
color:#FFFFFF;
padding:20px;
text-align:justify;
z-index:80;
background:url('../images/desc_bg.png');
}
#slides div.slide div.long_desc h1{
color:#fff;
font-size:18px;
background:none;
border:none;
letter-spacing:normal;
margin:0px;
}
#slides div.slide div.long_desc a:link, #slides div.slide div.long_desc a:visited{
display:block;
width:100px;
margin:10px 0px 0px;
background:#e66600;color:#fff;text-decoration:none;padding:2px 6px 2px 4px;border:1px solid #e66600;
}
#slides div.slide div.long_desc a:hover{
color:#dad4ba;background:#7f6b4d;border:1px solid #dad4ba;
}