/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { 
  
}


/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
 float: none; 
}

ul.tabbernav li { 
 float: left; 
 margin-bottom: -2px;  
}

ul.tabbernav li a {
  font: normal 11px 'Arial', 'Sans-Serif';
  color: #990029;
  display: block;
  height: 17px;
  padding-top: 4px;
  text-decoration: none;
  text-align: center;
}

ul.tabbernav li a:hover
{
 color: #000;
}

ul.tabbernav li.tabberactive a
{
 color: #2f2f2f; 
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
}

/*--------------------------------------------------
  Different tabs
  --------------------------------------------------*/
  
.wide-tabs ul.tabbernav li {
  background: url('../e-obchod/img/tabs-wide.gif');
}
.wide-tabs ul.tabbernav li.tabberactive {
  background: url('../e-obchod/img/tabs-wide-gray-active.gif');
}   
.wide-tabs ul.tabbernav li a {
  width: 100px;
}
.wide-tabs ul.tabbernav li.tabberactive a {
  color: #2f2f2f;
}

.wide-tabs.gray ul.tabbernav li {
  background: url('../e-obchod/img/tabs-wide.gif');  
}

.wide-tabs.gray ul.tabbernav li.tabberactive {
  background: url('../e-obchod/img/tabs-wide-gray-active.gif');
}

.narrow-tabs ul.tabbernav li  {
  background: url('../e-obchod/img/tabs-narrow.gif');  
}
.narrow-tabs ul.tabbernav li.tabberactive  {
  background: url('../e-obchod/img/tabs-narrow-active.gif');  
}
.narrow-tabs ul.tabbernav li a {
  width: 50px;
}
.narrow-tabs ul.tabbernav li.tabberactive a {
  color: #2f2f2f;  
}

.square-tabs ul {
  margin: 5px 0 0 10px;
}
.square-tabs ul.tabbernav li a {
  float: left;
  display: block;
  text-decoration: none;
  font-size: 12px;
  margin-right: 5px;      
}
.square-tabs ul.tabbernav li.tabberactive a {
  color: #990029;
  /* color: #2f2f2f; */
  font-size: 14px;
  font-weight: bold;
  /* background: url('../e-obchod/img/top-list-arrow.gif') bottom center no-repeat;*/  
}

.tabs-brands ul.tabbernav li {
  background: url('../e-obchod/img/tabs-brands.gif');
}
.tabs-brands ul.tabbernav li.tabberactive {
  background: url('../e-obchod/img/tabs-brands-all-active.gif');
}
.tabs-brands ul.tabbernav li a {  
  width: 70px;
}
.tabs-brands ul.tabbernav li.tabberactive a {  
  width: 60px;
}


.big-tabs ul.tabbernav li {
   background: url('../e-obchod/img/tabs-big.gif');
}

.big-tabs ul.tabbernav li.tabberactive  {
   background: url('../e-obchod/img/tabs-big-active.gif');
}

.big-tabs ul.tabbernav li a {
  width: 72px;
  font: normal 11px 'Arial', 'Sans-Serif';
  color: #990029;
  display: block;
  height: 20px;
  padding-top: 34px;
  text-decoration: none;
  text-align: center;  
}

.big-tabs ul.tabbernav li.tabberactive a {  
  color: #2f2f2f;
}


/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 border-top:0;
 
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
/*
.tabberlive .tabbertab h2 {
 display:none;
}
*/
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* e-shop big tabs */

.tab-description, .tab-reviews {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat left -54px; 
}
.tab-composition {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -72px -54px; 
}
.tab-fanns {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -144px -54px; 
}
.tab-help {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -216px -54px; 
}
.tab-history {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -288px -54px; 
}
.tab-send {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -360px -54px; 
}
.tab-items {
   width: 72px;
	 background: url('../e-obchod/img/tab-icons.gif') no-repeat -432px -54px; 
}
.tab-detail {
   width: 72px;
	 background: url('../e-obchod/img/tab-icons.gif') no-repeat -504px -54px; 
}
.tab-action {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -576px -54px; 
}
.tab-auctions-bidding {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -648px -54px; 
}
.tab-auctions-won {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -720px -54px; 
}
.tab-auctions-watched {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -792px -54px; 
}
.tab-video {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -864px -54px; 
}
.tab-fifi {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -720px -54px; 
}


.tabberactive .tab-description, .tabberactive .tab-reviews {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat left 0px; 
}
.tabberactive .tab-composition {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -72px 0px; 
}
.tabberactive .tab-fanns {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -144px 0px; 
}
.tabberactive .tab-help {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -216px 0px; 
}
.tabberactive .tab-history {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -288px 0px; 
}
.tabberactive .tab-send {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -360px 0px; 
}
.tabberactive .tab-items {
   width: 72px;
	 background: url('../e-obchod/img/tab-icons.gif') no-repeat -432px 0px; 
}
.tabberactive .tab-detail {
   width: 72px;
	 background: url('../e-obchod/img/tab-icons.gif') no-repeat -504px 0px; 
}	
.tabberactive .tab-action {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -576px 0px; 
}
.tabberactive .tab-auctions-bidding {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -648px 0px; 
}
.tabberactive .tab-auctions-won {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -720px 0px; 
}
.tabberactive .tab-auctions-watched {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -792px 0px; 
}
.tabberactive .tab-video {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -864px 0px; 
}
.tabberactive .tab-fifi {
   width: 72px;
   background: url('../e-obchod/img/tab-icons.gif') no-repeat -720px 0px; 
}