.clearLeft {
 clear: left;
}

#scroller #products {
/*
 position: absolute;  // Original from Track-O.com
 left: -10px;
 top: 10px;
*/
 width: 558px;	/* 585px  // Original from Track-O.com*/
 height: 305px;
 background: url('/images/track-o/track-o-background.jpg');
 background-repeat: no-repeat;
 background-position: top left;
}

#scroller #products #picture{
 float: left;
 margin: 4px 0px 5px 4px;
 padding: 3px;
 background-color: #FFFFFF;
 background:  url('../images/track-o/bg-prod-player.gif');
 background-repeat: repeat-x;
 background-position: left bottom;
 width: 339px;
 border: 1px solid #878787;
}

#scroller #products #picture a img{border: none;}

#scroller #products #picture img{
 background-position: center center;
 background-repeat: no-repeat;
}

#scroller #products #text{
 float: left;
 width: 204px;  /* 229px; // Original from Track-O.com */
 height: 224px;
 overflow: hidden;
 padding-left: 0px;
 font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

#scroller #products #text h4{
 margin: 14px 9px 5px 0px;
 padding: 5px 10px;
 color: #333333;
 font: bold 13px/15px Verdana, Arial, Helvetica, sans-serif;
 background: #FFFFFF;
 border: 1px solid #878787;
 border-left: none;
 border-bottom: 2px solid #878787;
}

#scroller #products #text h4.h4-1{border-bottom-color: #ddc000; color: #736400;}
#scroller #products #text h4.h4-2{border-bottom-color: #b10000; color: #710000;}
#scroller #products #text h4.h4-3{border-bottom-color: #0053b1; color: #001a50;}
#scroller #products #text h4.h4-4{border-bottom-color: #4aa03c; color: #196c0b;}
#scroller #products #text h4.h4-5{border-bottom-color: #39a0a4; color: #066265;}

#scroller #products #text p{
 margin: 0px;
 padding: 0px 0px 3px 10px;
 font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

#scroller #products #text ul,
 #scroller #products #text ul li{
 margin: 0px;
 padding: 0px;
 list-style: none;
 font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
}

#scroller #products #text ul{padding: 8px 0px 0px 10px;}
 #scroller #products #text ul li{
 padding: 3px 0px 3px 15px;
 background: url(/images/track-o/bullet-blue-circle.gif) 4px 7px no-repeat;
}

#scroller #products #moreinfo{
 position: relative;
 clear: left;
}

#scroller #products #moreinfo div{
 top: -26px;
 left: 351px;
 width: 228px;
 position: absolute;
 text-align: right;
 font-size: 10px;
}

#scroller #products #moreinfo div a{
 display: block;
 padding: 4px 8px;
 float: right;
 background: #4f71a4;
 color: #FFFFFF;
 text-decoration: none;
}

#scroller #products #moreinfo div a:hover{
 background: #2c417c;
}

#scroller #products #player{
 position: relative;
 margin: 0px 0px 0px 4px;
 padding-bottom: 6px;
 width: 550px;  /* 577px;  // Original from Track-O.com */
 height: 66px;
 background: url('/images/track-o/bg-arrow-player.gif') 55px bottom no-repeat;
}

#scroller #products #player ul{
 margin: 0px;
 padding: 0px;
 list-style: none;
 height: 64px;
 background: #FFFFFF url(/images/track-o/bg-prod-player.gif) left bottom repeat-x;
 border: 1px solid #878787;
}

#scroller #products #player ul li{
 float: left;
 width: 109px;  /* 115px;  // Original from Track-O.com */
}

#scroller #products #player ul li span{display: none;}

#scroller #products #player ul li img{
 background-position: center center;
 background-repeat: no-repeat;
 margin: 3px;
 border: none;
}

#scroller #products #player ul li center.selected img{
 filter: alpha(opacity=50);
 -moz-opacity:.50;
 opacity:.50;
}

#scroller #videos a{
 float: left;
 display: inline;
 width: 278px;
 margin-top: 15px;
 margin-right: 19px;
 background: #d5dae3 url(/images/track-o/bg_plus.gif) right bottom no-repeat;
 text-decoration: none;
 font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 cursor: pointer;
}

#scroller #videos a:hover{
 background-color: #081d43;
 color: #b5bcc7;
}

#scroller #videos a strong, #scroller #videos a em{
 display: block;
 color: #4c6fa2;
}

#scroller #videos a:hover strong, #scroller #videos a:hover em{
 color: #FFFFFF;
}

#scroller #videos a strong{font-size: 12px; line-height: 18px;}

#scroller #videos a em{font-style: normal;}

#scroller #videos a img{
 margin: 4px;
 border: none;
 float: left;
 width: 120px;
}

#scroller #videos a span{
 float: left;
 display: inline;
 width: 142px;
 padding: 4px;
} 
