@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en) Shinybuttons-Navigation
* (de) Shinybuttons-Navigation
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://www.zs-ecommerce.com
* @package         yaml for xt:Commerce
* @version         1.6.0  
*/

@media all
{
 /* ######################################################################################################
** ### Hauptnavigation: "Shiny Buttons" von Dirk Jesse ##################################################
** ######################################################################################################
*/

#nav_main {
	width: 100%;
  overflow:hidden;
  background:  url(../../img/shiny_buttons/background_top_navi.gif) repeat-x center right;
	background-color: #363636;
  border-bottom: 1px #bbbbbb solid;
}

/* #main { border-top: 1px #ddd solid; } */

#nav_main ul {
  padding: 0;
  font-size: 1.0em;
  line-height: 0px;
  border-left:1px solid #363636;
  display:inline;
  float:left;
  margin:0pt 0pt 0pt 25px;
}

#nav_main ul li {
	float: left;
	margin: 0;
	padding: 0;
    font-size: 1em;
	line-height:1.0em;
    list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #363636;

}

#nav_main ul li#first {	border-right: 1px #aaa solid; border-left: none; padding: 0.5em 0em 0.5em 0em; width:48px; margin-left:20px; }
#nav_main ul li#last { border-left: 1px #fff solid; border-right: none; padding: 0.5em 0em 0.5em 0em; }

#nav_main ul li a {
    display:block;
    width: auto;
	font-size: 1em;
	background: transparent;
	text-decoration: none;
	color: #9A9A9A;
	margin: 0;
	padding: 0.5em 0.8em 0.5em 0.8em;
}

#nav_main ul li a:hover {
	color: #ca513e;;
	text-decoration: none;
	background: url(../../img/shiny_buttons/tab_hover.gif) repeat-x center right;
}

#nav_main ul li#current {
	color: #ffffff;
	background-color: transparent;
	background-image: none;
	text-decoration: none;

}

#nav_main ul li#current a,
#nav_main ul li#current a:hover {
	color: #fff;
	background: transparent;
	text-decoration: none;
	background: url(../../img/shiny_buttons/tab_hover.gif) repeat-x center right;
}


}