/* Start of tabs CSS*/

/* All tabs have these properties*/
a.yeltab,
a.blktab,
a.whttab
	{
	font-family: Arial narrow, verdana, Trade gothic, Helvetica-condensed, sans-serif;;
	text-transform: uppercase;
	font-size: 11px;
	font-style: oblique;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
	vertical-align:text-bottom;
	margin:0px;
	padding:0px;
	height:16px;
	}

/* add colour specific properties*/
a.yeltab
	{
	color: #121212;
	border-bottom:3px solid #ffb81c;
	background: url(menupics/yel-tab-bg.gif) repeat-x top left;
	}

a.whttab
	{
	color: #121212;
	border-bottom:3px solid #bcbcbc;
	background: url(menupics/wht-tab-bg.gif) repeat-x top left;
	}

a.blktab
	{
	color: #eeeeee;
	border-bottom:3px solid #121212;
	background: url(menupics/blk-tab-bg.gif) repeat-x top left;
	}

/* tab rollovers*/
a.yeltab:hover,
a.blktab:hover,
a.whttab:hover
	{
    border-bottom:0px solid #ffffff;
	}

/* Selected/active tab properties*/
a.yelselectedtab,
a.whtselectedtab,
a.blkselectedtab
	{
	font-family: Arial narrow, verdana, Trade gothic, Helvetica-condensed, sans-serif;;
	text-transform: uppercase;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	text-align: left;
	margin:0px;
	border:0px;
	padding:0px;
	letter-spacing:0px;
	text-decoration: none;
	vertical-align:bottom;
	height: 16px;
	}

/* colour specific properties for selected tabs*/
a.yelselectedtab
	{
	color: #121212;
	border-bottom:4px solid #ffb81c;
	background: url(menupics/yel-tab-bg.gif) repeat-x top left;
	}

a.whtselectedtab
	{
	color: #121212;
	border-bottom:4px solid #bcbcbc;
	background: url(menupics/wht-tab-bg.gif) repeat-x top left;
	}

a.blkselectedtab
	{
	color: #eeeeee;
	border-bottom:4px solid #121212;
	background: url(menupics/blk-tab-bg.gif) repeat-x top left;
	}
/* end of tabs CSS*/