#container {
  margin: 0 auto;
  border: 0;

}
  #container ol{
    background-color: #373B3C;
    margin:0;
  }
  #container p a {
    text-decoration: none;
    color: #fff;
    font-weight: normal;

  }
  #container li.item{
    background-color: #737778;
    display: inline;
    margin: 4px;
    padding: 4px 8px 4px 8px;
    overflow: hidden;
    border:1px solid transparent;
    width: 154px;
    min-height: 162px;
    background: #737778 url("/site/img/navigazione/news-frecci-sel.png") no-repeat bottom right;
  }
  
  #container li.item img:hover{
    border:1px solid #FF6600;	
  }
  
  #container li.item.yui-carousel-item-selected{
   
    /*background-color: #505455;*/
    background: #505455 url("/site/img/navigazione/news-frecci-de.png") no-repeat bottom right;
  }
  #container li img {
    border: 1px solid #fff;
  }
  #container li img.brand-logo {
    border: 0;
  }


  #container .intro {
    display: inline;
    margin: 0px 14px 0px 4px;
    /*width: 202px;*/
  }

  #container div.yui-carousel-nav{
    background: transparent url("/site/img/tit/news.gif") repeat-x;
    border:0;
    margin:0;
    padding:0;
    height: 46px;
    width: 542px;
  }
  
  
  #container .yui-carousel-button{
  	margin-top: 13px;
  }
  
  #container div.yui-carousel-nav .yui-menu-button{
  	margin-top: 11px;
  	z-index: 1111;
  }
  
  #container div.yui-carousel-nav ul{
  	margin-top: 9px;
  	/*border: 1px dashed blue;*/
  }

  /* bottone */
  .yui-skin-sam #container .yui-button {
     background-color: #D5D9DC;
     background-image: none;
     margin: 5px auto;
     position: relative;
     right: 120px;
     /*width: 120px;*/

  }
  /* testo del bottone */
  .yui-skin-sam #container .yui-button button, .yui-skin-sam .yui-button a{
    font-size: 11px;
  }

  /* overlay options */
  .yui-skin-sam #container #select-brand{
    background-color: #fff;
    width: 100px;
    right: 200px;
    top: 8px;
    position: relative;
    border: 1px solid #333;
    padding: 4px;
    text-align: left;

  }
  .yui-skin-sam #container #select-brand a{
    font-weight: normal;
    color: #333;
    font-size: 11px;
  }
  .yui-skin-sam #container #select-brand a.selected{
    color: #e66e1e;
  }



  



  
  
/*-----------------------------------------------------------------------------
carousel detail
------------------------------------------------------------------------------*/
#detail-carousel-container{
  border: 0;
  /*border: 1px dashed green;*/
  
}

#carousel-box{
  display: inherit;
  margin: 20px 0 10px 0;
  width: 550px;
  /*border: 1px dashed red;*/
}

#carousel-box.brands {
  clear:both;
  display: inherit;
  margin: 20px 0 10px 0;
  width: 500px;
  /*border: 1px dashed orange;*/
}

#carousel-box *{
  vertical-align: middle;
}

#detail-carousel-container.brands{
  width: 444px;
}

.yui-carousel-nav select{
  visibility: hidden;
}

#detail-carousel-container .yui-carousel-nav{
  display: none;
}

 #carousel-prev img,  #carousel-next img {
    border:0;
  
 } 

/*
a:hover#carousel-prev.carousel-control {
    background-image: url("/site/img/navigazione/freccia-sin-de.gif");
    background-repeat:no-repeat;
}
*/


#carousel-prev {
   float:left;
   margin: 25px 40px 0 0; 
 } 
 
#carousel-next {
   float:right;
   margin: -50px 0 0 0;
 } 

#detail-carousel-container #detail-carousel{
  margin: 0px;
  float: left;
}

    #detail-carousel-container #detail-carousel li.item {
      border: 1px solid #fff;
      margin: 0 14px 0 0;
    }
    
   .brands  #detail-carousel-container #detail-carousel li.item {
      margin: 0 20px 0 0;
    }
    
    #detail-carousel-container #detail-carousel li.yui-carousel-item-selected {
      border: 1px solid #fd5912;
    }

/*
  The Carousel ARIA Plugin removes the "href" attribute from the <A> elements used to
  create the buttons in the navigation, resulting in the focus outline no longer be
  rendered in Gecko-based browsers when the <A> element is focused.  For this reason,
  it is necessary to restore the focus outline for the <A>.
*/
a[role=button]:focus {
  outline: dotted 1px #000;
}

  /*------------------------------------------------------------------------
  sponsorizazioni
  ------------------------------------------------------------------------*/
  #container.sponsorship div.yui-carousel-nav{
    background: transparent url("/site/img/tit/sponsorizzazioni.gif") repeat-x;
  }
  #container.sponsorship li img.brand-logo {
    margin: 4px;
  }