/* ======  HOME CARROUSEL ====== */

.anythingSlider {
   width: 580px;
   height: 239px;
   position: relative;
   margin: 0 auto 15px;
   background:#fff url(../images/slider-bg.gif) no-repeat;
   float:left;
   display:block;
   clear:both;
}

.anythingSlider .wrapper {
   width: 530px;
   overflow: auto;
   height: 215px;
   margin: 0 30px;
   position: absolute;
   top:10px;
   left: 0;
}

.anythingSlider .wrapper ul {
   width: 9999px;
   list-style: none;
   position: absolute;
   top: 0;
   left: 0;
   margin: 0;
}

   .anythingSlider ul li {
      display: block;
      float: left;
      padding: 0;
      height: 317px;
      width: 680px;
      margin: 0;
      }

.anythingSlider .arrow {
   display: block;
   height: 25px;
   width: 25px;
   background: url(../images/slider-arrows.gif) no-repeat 0 0;
   text-indent: -9999px;
   overflow:hidden;
   position: absolute;
   top: 90px;
   cursor: pointer;
}
.anythingSlider .arrowBottom {
   display: none;
}
.anythingSlider .forward {
   background-position: -26px 0;
   right: 10px;
}

.anythingSlider .back {
   background-position: 0 0;
   left: 10px;
}

.anythingSlider .forward:hover {
   background-position: -26px -26px;
}

.anythingSlider .back:hover {
   background-position: 0 -26px;
}

#thumbNavContainer {
   position: absolute;
   float:right;
   top:220px;
   right:20px;
   height:20px;
   min-width:35px;
   width:auto;
   text-align: right;
   margin:0px;
   *margin:0px;
   _margin:28px 0 0 0;
   background: url(../images/slider-pager-tab.gif) no-repeat 0 0;   
}

#thumbNav {
   position: inherit;
   background: url(../images/slider-pager-tab-right.gif) no-repeat top right;
   padding:0 20px 0 16px;
   display:block;
   min-width:20px;
   height:20px;
   white-space: nowrap;
} 

#thumbNav a {
   color: black;
   display: inline-block;
   width:12px;
   height:12px;
   margin:5px 5px 0 0;
   background: #fff url(../images/slider-pager.gif) no-repeat -13px 0;
}

   #thumbNav a:hover {
      background-position: 0 0;
      }
      
   #thumbNav a.cur {
      background-position: 0 0;
      }
  
      
      
.anythingSlider .wrapper ul {
   position: static; 
   margin: 0; 
   background: none; 
   overflow: visible; 
   width: auto; 
   border: 0;
}

.anythingSlider .wrapper ul li {
   float: none; 
   height: auto; 
   width: auto; 
   background: none;
}

.slider-nav{
   width: 580px;
   height: 40px;
   position: relative;
   margin: 0;
   background:#fff url(../images/slider-nav-bg.gif) no-repeat;
   text-align:center;
   overflow:hidden;
}

.slider-nav ul {
   font-size:90%;
   list-style: none;
   margin: 12px 0 0 20px;
   padding: 0;
   width: 470px;
}

.slider-nav ul:after { /* clearing without presentational markup, IE gets extra treatment */
   display: block;
   clear: both;
   content: " ";
}

.slider-nav ul li {
   float: left;
   margin: 0 0 1px 5px;
   min-width: 84px; /* be nice to Opera */
}

.slider-nav ul a, .slider-nav ul a span {
   display: block;
   padding: 0 10px;
   background: url(../images/slider-nav-tabs.gif) no-repeat;
   background-position: 0 0;
}

.slider-nav ul a {
   margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
   padding-left: 0;
   color: #748d32;
   font-weight: bold;
   line-height: 1.2;
   text-align: center;
   text-decoration: none;
   white-space: nowrap; /* required in IE 6 */    
   outline: 0; /* prevent dotted border in Firefox */
}

.slider-nav ul .slider-nav-selected a {
   position: relative;
   top: 1px;
   z-index: 2;
   margin-top: 0;
   color: #748d32;
}

.slider-nav ul a span {
   width: 64px; /* IE 6 treats width as min-width */
   min-width: 64px;
   height: 20px; /* IE 6 treats height as min-height */
   min-height: 20px;
   padding-top: 6px;
   padding-right: 0;
   color:#fff;
}

*>.slider-nav ul a span { /* hide from IE 6 */
   width: auto;
   height: auto;
}

.slider-nav ul .slider-nav-selected a span {
   padding-bottom: 1px;
}

.slider-nav ul .slider-nav-selected a, .slider-nav ul a:hover, .slider-nav ul a:focus, .slider-nav ul a:active {
   background-position: 100% -28px;
}

.slider-nav ul a {
   background-position: -28px -28px;
}

.slider-nav ul .slider-nav-selected a span, .slider-nav ul a:hover span, .slider-nav ul a:focus span, .slider-nav ul a:active span {
   background-position: 0 0;
   color:#748d32;
}

.slider-nav ul a span {
   background-position: 0 -50px;
}

.slider-nav ul a:hover, .slider-nav ul a:focus, .slider-nav ul a:active { /* @ Opera, we need to be explicit again here now... */
   cursor: pointer;
}



/* Additional IE specific bug fixes... */

* html .slider-nav ul { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
   display: inline-block;
}

*:first-child+html ..slider-nav ul  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
   display: inline-block;
}

/* SLIDES */

div.anythingSlider div.favProducts {
   display:block;
   width:530px;
}

div.anythingSlider div.favProducts ul {
   list-style:none;
   display:inline;
   margin:0;
   width:530px;
   float:left;
padding:0px;
}

div.anythingSlider div.favProducts ul li {
   width:155px;
   float:left;
   border-right:1px solid #ededed;
   border-left:1px solid #fff;
   padding:0 10px;
   margin:0px;
}

   div.anythingSlider div.favProducts ul li.first {
      border-left:none;
      }
   
   div.anythingSlider div.favProducts ul li.last {
      border-right:none;
      }
   
   div.anythingSlider div.favProducts ul li h3 {
      margin:0;
      padding:0;
      font-size:85%;
      }
      
   div.anythingSlider div.favProducts ul li a {
      font-weight:bold;
      color:#748c32;
   }
   
   
   div.anythingSlider div.favProducts ul li p {
      margin:5px 0 0 0;
      padding:0;
      font-size:77%;
      line-height:140%;
      }

      div.anythingSlider div.favProducts ul li p a {
         color:#666;
         }
      
      div.anythingSlider div.favProducts ul li p span.price {
         margin:0;
         padding:0;
         font-size:150%;
         font-weight:bold;
         color:#D45F0F;
         }

div.anythingSlider div.bestSellerProducts {
   display:block;
   width:530px;
}

div.anythingSlider div.bestSellerProducts ul {
   list-style:none;
   display:inline;
   margin:0;
   width:530px;
}

div.anythingSlider div.bestSellerProducts ul li {
   width:155px;
   float:left;
   border-right:1px solid #ccc;
   border-left:1px solid #fff;
   padding:0 10px;
}

   div.anythingSlider div.bestSellerProducts ul li.first {
      border-left:none;
      }
   
   div.anythingSlider div.bestSellerProducts ul li.last {
      border-right:none;
      }
         
   div.anythingSlider div.bestSellerProducts ul li h3 {
          margin:0;
          padding:0;
          font-size:85%;
          }

       div.anythingSlider div.bestSellerProducts ul li a {
          font-weight:bold;
          color:#748c32;
       }
      
   div.anythingSlider div.bestSellerProducts ul li p {
       margin:5px 0 0 0;
       padding:0;
       font-size:77%;
       line-height:140%;
       }

       div.anythingSlider div.bestSellerProducts ul li p a {
          color:#666;
          }
         
  div.anythingSlider div.bestSellerProducts ul li p span.price {
     margin:0;
     padding:0;
     font-size:150%;
     font-weight:bold;
     color:#D45F0F;
     }



/* ======  LAST PRODUCTS ====== */



div.ultimosProdutos div.anythingSlider {
   width: 500px;
   height: 173px;
   position: relative;
   margin: 0px 0px 0px 0px;
   background:#eeebe5 url(../images/slider-lastproducts-bg.gif) no-repeat;
   float:left;
   display:block;
   overflow:hidden;
}
div.ultimosProdutos.confira-tambem div.anythingSlider { 
	margin-left:42px;
	display:inline;
	background:none;
	}
div.ultimosProdutos.confira-tambem p {
	width:534px;
	height:25px;
	margin:15px 0 0 24px;
	padding: 5px 0 0 10px;
	font-weight:bold;
	color:#fff;
	background:url(../images/bg-confira-tambem-title.gif) no-repeat;
}
div.ultimosProdutos div.anythingSlider .wrapper {
   width: 430px;
   overflow: auto;
   height: 170px;
   margin: 0px 35px;
   position: absolute;
   top:0px;
   left: 0;
   overflow:hidden;
}

div.ultimosProdutos div.anythingSlider .wrapper ul {
   width: 9999px;
   list-style: none;
   position: absolute;
   top: 0;
   left: 0;
   margin: 0;
}

   div.ultimosProdutos div.anythingSlider ul li {
      display: block;
      float: left;
      padding: 0;
      height: 170px;
      width: 420px;
      margin: 0;
      }

div.ultimosProdutos div.anythingSlider .arrow {
   display: block;
   height: 25px;
   width: 25px;
   background: url(../images/slider-lastproducts-arrows.gif) no-repeat 0 0;
   text-indent: -9999px;
   overflow:hidden;
   position: absolute;
   top: 75px;
   cursor: pointer;
}
div.ultimosProdutos div.anythingSlider .arrowBottom {
   display: none;
}
div.ultimosProdutos div.anythingSlider .forward {
   background-position: -26px 0;
}
div.ultimosProdutos div.anythingSlider .forward:hover {
   background-position: -26px -26px;
}

div.ultimosProdutos div.anythingSlider .forward.disabled {
   background-position: -26px -52px;
   
 
}

div.ultimosProdutos div.anythingSlider .forward.disabled:hover {
   background-position: -26px -52px;
   /*left: 460px;*/
   cursor:default;
   
}

div.ultimosProdutos div.anythingSlider .back {
   background-position: 0 0;
   /*left: 10px;*/
}

div.ultimosProdutos div.anythingSlider .back.disabled{
   background-position: 0px -52px;
   /*left: 10px;*/
}

div.ultimosProdutos div.anythingSlider .back.disabled:hover{
   background-position: 0px -52px;
   /*left: 10px;*/
   cursor:default;
}

div.ultimosProdutos div.anythingSlider .forward:hover {
   background-position: -26px -26px;
   
}

div.ultimosProdutos div.anythingSlider .back:hover {
   background-position: 0 -26px;
}

div.ultimosProdutos div.anythingSlider .wrapper ul ul {
   position: static; 
   margin: 0; 
   background: none; 
   overflow: visible; 
   width: auto; 
   border: 0;
}

div.ultimosProdutos div.anythingSlider .wrapper ul ul li {
   float: none; 
   height: auto; 
   width: auto; 
   background: none;
}

div.ultimosProdutos div.anythingSlider #thumbNavContainer {
   display:none;
}




/* SLIDES */

div.ultimosProdutos div.anythingSlider div.lastProductsSlide {
   display:block;
   width:430px;
   overflow:hidden;
}

div.ultimosProdutos div.anythingSlider div.lastProductsSlide ul {
   list-style:none;
   display:inline;
   margin:0;
   width:auto;   
}

div.ultimosProdutos div.anythingSlider div.lastProductsSlide ul li {
   width:120px;
   float:left;
   border-right:1px solid #fff;
   border-left:1px solid #ccc;
   padding:0 10px;
   text-align:center;
   display:inline;
}
div.ultimosProdutos div.anythingSlider span.hideBorder
{
	 float:left;
	 position:absolute;
	 width:10px;
	 height:200px;
	 background: url(../images/slider-lastproducts-bg.gif) no-repeat center -1px;
	 z-index:1;
	 top:1px;
	}
   div.ultimosProdutos div.anythingSlider div.lastProductsSlide ul li.first {
      border-left:none;
      }
   
   div.ultimosProdutos div.anythingSlider div.lastProductsSlide ul li.last {
      border-right:none;
      }
   
div.ultimosProdutos div.anythingSlider div.lastProductsSlide ul li h3,
div.ultimosProdutos div.anythingSlider div.lastProductsSlide ul li strong {
	margin:0 auto;
	width:110px;
	line-height:130%;
	padding:0;
	display:block;
	font-size: 77%;
}
div.ultimosProdutos div.anythingSlider div.lastProductsSlide ul li h3 a,
div.ultimosProdutos div.anythingSlider div.lastProductsSlide ul li strong a  {
	color:#666; 
	font-weight:bold;
}

   div.ultimosProdutos div.anythingSlider div.lastProductsSlide ul li img {
      margin:0px auto 0px auto;
      }
      
      
/* ======  SEE ALSO PRODUCTS ====== */


div.seeAlso div.anythingSlider {
 width: 974px;
 height: 265px;
 position: relative;
 margin: 0px 0px 0px 0px;
 background:#fff url(../images/slider-seealso-bg.gif) no-repeat;
 float:left;
 display:block;

}

div.seeAlso div.anythingSlider .wrapper {
 height: 258px;
 width: 880px;
 overflow: hidden;
 margin: 0px 35px;
 position: absolute;
 top:5px;
 left: 0;
}

div.seeAlso div.anythingSlider .wrapper .seeAlsoProducts ul {
 width: 9999px;
 list-style: none;
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
 padding: 0;
}

 div.seeAlso div.anythingSlider ul li {
    display: block;
    float: left;
    padding: 0;
    height: 220px;
    width: 950px;
    margin: 0;
    }

div.seeAlso div.anythingSlider .arrow {
 display: block;
 height: 25px;
 width: 25px;
 background: url(../images/slider-seealso-arrows.gif) no-repeat 0 0;
 text-indent: -9999px;
 overflow:hidden;
 position: absolute;
 top: 95px;
 cursor: pointer;
}
div.seeAlso div.anythingSlider .arrowBottom {
 display: none;
}
div.seeAlso div.anythingSlider .forward {
 background-position: -26px 0;
 right: 10px;
}

div.seeAlso div.anythingSlider .back {
 background-position: 0 0;
 left: 10px;
}

div.seeAlso div.anythingSlider .forward:hover {
 background-position: -26px -26px;
}

div.seeAlso div.anythingSlider .back:hover {
 background-position: 0 -26px;
}

div.seeAlso div.anythingSlider .wrapper ul {
 position: static; 
 margin: 0; 
 background: none; 
 overflow: visible; 
 width: auto; 
 border: 0;
}

div.seeAlso div.anythingSlider .wrapper ul li {
 float: none; 
 height: auto; 
 width: auto; 
 background: none;
}

div.seeAlso div.anythingSlider #thumbNavContainer {
	background: url(../images/slider-pager-tab.png) no-repeat top left;
	position:relative;
	right:41px;
	text-align:left;
	top:245px;
	z-index:1;
}

div.seeAlso div.anythingSlider #thumbNav {
	background: url(../images/slider-pager-tab-right.png) no-repeat right top;
	left:17px;
	padding:0 10px 0 0;
	position:relative;
}

div.seeAlso div.anythingSlider #thumbNav a {
   background: #fff url(../images/slider-seealso-pager.gif) no-repeat -13px 0;
}

div.seeAlso div.anythingSlider #thumbNav a:hover {
   background-position: 0 0;
   }
   
div.seeAlso div.anythingSlider #thumbNav a.cur {
   background-position: 0 0;
   }


.slider-top, .slider-recomendados{
   width: 974px;
   height: 40px;
   position: relative;
   margin: 0;
   background:#fff url(../images/slider-seealso-top-bg.gif) no-repeat;
   overflow:hidden;
}

.slider-recomendados {
	 background:#fff url(../images/slider-recomendados-top-bg.gif) no-repeat;
	}

.slider-top h2, 
.slider-recomendados h2, 
.slider-top h3, 
.slider-recomendados h3 {
   color:#fff;
   font-size:120%;
   font-weight:bold;
   margin:5px 0px 0px 20px;
}


/* SLIDES */

div.seeAlso div.anythingSlider div.seeAlsoProducts {
   display:block;
   width:900px;
}

/*div.seeAlso div.anythingSlider div.seeAlsoProducts ul {
   list-style:none;
   display:inline;
   margin:0;
   width:950px;
}*/

div.seeAlso div.anythingSlider div.seeAlsoProducts ul li {
   width:148px;
   float:left;
   border-right:1px solid #ededed;
   border-left:1px solid #fff;
   padding:0px 10px 0px 20px;
}

   div.seeAlso div.anythingSlider div.seeAlsoProducts ul li.first {
      border-left:none;
      }
   
   div.seeAlso div.anythingSlider div.seeAlsoProducts ul li.last {
      border-right:none;
      }
   
   div.seeAlso div.anythingSlider div.seeAlsoProducts ul li h3,
   div.seeAlso div.anythingSlider div.seeAlsoProducts ul li strong {
      margin:0;
      padding:0;
      font-size:85%;
      }
      
   div.seeAlso div.anythingSlider div.seeAlsoProducts ul li a {
      font-weight:bold;
      color:#666;
   }
   
   
   div.seeAlso div.anythingSlider div.seeAlsoProducts ul li p {
      margin:5px 0 0 0;
      padding:0;
      font-size:77%;
      line-height:140%;
      }

      div.seeAlso div.anythingSlider div.seeAlsoProducts ul li p a {
         color:#666;
         }
      
      div.seeAlso .anythingSlider div.seeAlsoProducts ul li p span.price {
         margin:0;
         padding:0;
         font-size:150%;
         font-weight:bold;
         color:#D45F0F;
         }