/* ----------------  undostrial news  ---------------- */

#news {
position: absolute;
top: 135px;
left: 0;
width: 1024px;
height: 455px;
background: transparent url(../images/undo_news.png) 0 0 no-repeat;
}

#news a {
position: absolute;
padding: 4px;
text-transform: uppercase;
text-decoration: none;
color: #666;
}
#news a:hover {
color: #fff;
background-color: #a6d513;
}


#news a.product {
top: 170px;
left: 352px;
}

#news a.links {
top: 272px;
left: 540px;
}

#news a.news {
top: 176px;
left: 702px;
}

#news a.fair {
top: 239px;
left: 872px;
}

#news a.bonus {
top: 318px;
left: 890px;
}


/* ----------------  span news  ---------------- */


#news a span {
visibility: hidden;
position: absolute;
}
#news a:hover span {
visibility: visible;
}


#news a.product span {
top: 36px;
left: -143px;
}

#news a.links span {
top: -33px;
left: -154px;
}

#news a.news span {
top: -47px;
left: -30px;
}

#news a.fair span {
top: -239px;
left: -219px;
}

#news a.bonus span {
top: -58px;
left: -107px;
}





/* ----------------  text + arrows  ---------------- */


#pop_text {
margin: 15px 15px 0 15px;
width: 350px;
}

#text_top {
position: absolute;
top: 30px;
left: 170px;
width: 700px;
height: 90px;
font-size: 80%;
line-height: 130%;
z-index: 50;
overflow: auto;
}

p {
margin-bottom: 5px;
}

p.vert {
color: #a6d513;
}

#arrows {
position: absolute;
top: 105px;
left: 950px;
width: 70px;
height: 17px;
z-index: 100;
}

#arrows a.next {
display: block;
float: left;
padding-left: 15px;
width: 17px;
height: 17px;
background: transparent url(../images/undo_arrow_next.png) 0 0 no-repeat;
}

#arrows a.next:hover {
background: transparent url(../images/undo_arrow_next.png) 0 -17px no-repeat;
}

#arrows a.previous {
display: block;
float: left;
padding-left: 15px;
width: 17px;
height: 17px;
background: transparent url(../images/undo_arrow_prev.png) 0 0 no-repeat;
}

#arrows a.previous:hover {
background: transparent url(../images/undo_arrow_prev.png) 0 -17px no-repeat;
}

#arrows span {
display: none;
}