body {
}
/* liScroll styles */
@media screen and (max-width:1024px) 
{
    .tickercontainer { width: 265px; height: 27px; margin: 0; padding: 0;overflow: hidden; 
}
}


@media screen and (min-width:1270px) 
{
    .tickercontainer { width: 321px; height: 27px; margin: 0; padding: 0;overflow: hidden; 
}
}
@media screen and (min-width:1300px) 
{
    .tickercontainer { width: 295px; height: 27px; margin: 0; padding: 0;overflow: hidden; 
}
}
@media screen and (min-width:1500px) 
{
    .tickercontainer { width: 295px; height: 27px; margin: 0; padding: 0;overflow: hidden; 
}
}


  /*  .tickercontainer { width: 276px; height: 27px; margin: 0; padding: 0;overflow: hidden; }*/
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 5px;
/*width: 600px;*/
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Tahoma;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
/*background: #fff;*/
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #534f5c;
font: bold 14px Tahoma Regular;
margin: 0 50px 0 0;
text-decoration:none;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}