/* ---------------------------------------------------------
        TOP MENU BAR   
	--------------------------------------------------------- */
 
ul#top-menu {
	position:absolute;
	top:-9px;
	right:0px;
	width: 400px;
	list-style:none;
}
ul#top-menu li {
	float:left;
	padding:0;
	margin:0;
}
#top-menu a {
	text-decoration:none;
	color:#888;
	text-transform:uppercase;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	display:block;
	float:left;
	padding:3px 5px;
}
#top-menu a:hover {
	background:#ccc;
}
#top-menu img {
	padding-left:20px;
	padding-right:20px;
}
/* ---------------------------------------------------------
        TABS AND SUBTABS
   --------------------------------------------------------- */
ul.tabs, ul.subtabs {
	list-style:none;
}
ul.tabs a {
	text-decoration:none;
	display:block;
}
ul.tabs li {
	float:left
}
/* Tabbed Menu UL elements*/
ul.tabs {
	position:absolute;
	top:-29px;
	left:260px;
	width: 660px;
}
ul.subtabs {
	position:absolute;
	top:39px;
	width: 650px;
	left:20000px; /* hide all subtabs */
}
/* ---------------------------------------------------------
        LI element styling
   --------------------------------------------------------- */
li.tab {
	width:141px;
	height:31px;
	overflow:hidden;
	margin-right:20px;
	padding:0;
	margin-left:0;
	text-align:center;
	background: transparent url(../images/layout/tab-passive.png) no-repeat;
}
li.subtab {
margin-right 40px;
	background:transparent url(../images/layout/bullet-white.png) no-repeat 0% 53%;
}
/* ---------------------------------------------------------
        A element styling
   --------------------------------------------------------- */
li.tab a {
	color:#333;
	padding-top:3px;
	line-height:1.2em;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}
li.subtab a {
	color:#333;
	text-transform:uppercase;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	padding:3px 5px;
	padding-left:10px;
}
/* ---------------------------------------------------------
        ACTIVE behaviour
   --------------------------------------------------------- */
li.tab.active {
	background: transparent url(../images/layout/tab-active.png) no-repeat;
}
li.tab.active ul.subtabs {
	left: 0px; /* make subtab visible */
}
li.tab.active>a {
	color:white; /* active tab white color text */
}
li.subtab.active>a span {
	color:#006699; /* active subtab text color */
	border-bottom:1px dotted #006699;
}
/* ---------------------------------------------------------
        HOVER behaviour
   --------------------------------------------------------- */
li.tab:hover, li.tab.sfhover {
	background: transparent url(../images/layout/tab-hover.png) no-repeat;
}
li.tab.active:hover, li.tab.active.sfhover {
	background: transparent url(../images/layout/tab-active.png) no-repeat;
}
li.tab:hover>a {
	color:white;
}
li.subtab:hover a span, li.subtab.sfhover a span {
	color:#006699;
	border-bottom:1px dotted #006699;
}
/* ---------------------------------------------------------
        END OF TABS / SUBTABS
   --------------------------------------------------------- */