/* 
 * 
 * News & Marketing
 * 
 */


   #marketingHome {height:287px; width:602px; background-image: url(/images/structure/marketing_bg.gif); background-repeat:no-repeat; float:left;}
   
   #marketingContent {width:525px; height:236px; float:left; margin:0;}
      .scrollable {position: relative; top:48px; left:3px; width:525px; height:236px; overflow:hidden;}
	  .scrollable .items {position:absolute; top:0; left:0; width: 20000em; clear:both;}
	  .scrollable .items .item{float:left; width:525px; margin-right:34px;}
	  
	  .scrollable-news {position: relative; top:15px; left:2px; width:900px; height:70px; overflow:hidden;}
	  .scrollable-news .items-news {position:absolute; top:0; left:0; width: 20000em; clear:both;}
	  .scrollable-news .items-news .item{float:left; width:300px; margin-right:0; margin-left:0;}
   
    a.prev-news {background-image: url(/images/buttons/home-prev.jpg); background-repeat:no-repeat; width:17px; height:70px; float:left; text-indent:-99999em; margin-top:15px;}
    a.prev-news:hover { background-position: -17px}
    a.next-news {background-image: url(/images/buttons/home-next.jpg); background-repeat:no-repeat; width:17px; height:70px; background-position:-17px; float:right; text-indent:-99999em; margin-top:15px;}
    a.next-news:hover { background-position: 0px}
    
   #headlines{width:895px; height:70px; float:left; margin:0 auto; background-color:White;}
   #headlines .summary { width:296px; height:70px; background-image:url(/images/article-bg.jpg); float:left; margin-right:0; margin-left:3px;}
   #headlines .summary .text { color:#626262; margin: 8px 0 0 10px;}
   
   
   a.next-marketing {float:right; margin-top:48px; width:34px; height:236px; background-image:url(/images/buttons/marketing-next.jpg); background-position:-236px 0; background-repeat:no-repeat; text-indent:-999em;}
   a.next-marketing:hover {background-position: -2px 0;}
   
   a.prev-marketing {float: left; margin-top: 48px; margin-left: 5px; width:34px; height:236px; background-image:url(/images/buttons/marketing-prev.jpg); background-position:-236px 0; background-repeat:no-repeat; text-indent:-999em;}
   a.prev-marketing:hover {background-position: -2px 0;}

   
   #marketingone { background-image: url(/images/jd-tractor.jpg); background-repeat:no-repeat; background-position:right; height:236px; padding-right:45px}
   #marketingone .text { color:#626262; width:280px; margin: 0 0 0 15px; padding-top:15px}
   #learnmore a{ width:128px; height:20px; background-image:url(/images/buttons/learn-more.jpg); display:block; background-position: 0 0px; background-repeat:no-repeat; margin: 15px 0 0 15px; text-indent:-99999em;}
   #learnmore a:hover{ background-position: 0 -20px;}