/*************************************************************************************************************************
tab Navigation
*************************************************************************************************************************/
.tab1-normal, .tab2-normal, .tab3-normal, .tab4-normal, .tab5-normal, .tab6-normal, .tab1-active, .tab2-active, .tab3-active, .tab4-active, .tab5-active, .tab6-active{height:25px; float:left; margin-left:2px; cursor:pointer;}

.tab1-normal{width:105px; height:25px; background:url(../images/tab1-normal.gif) no-repeat;}
.tab1-active{width:105px; height:25px; background:url(../images/tab1-active.gif) no-repeat;}

.tab2-normal{width:120px; height:25px; background:url(../images/tab2-normal.gif) no-repeat;}
.tab2-active{width:120px; height:25px; background:url(../images/tab2-active.gif) no-repeat;}

.tab3-normal{width:76px; height:25px; background:url(../images/tab3-normal.gif) no-repeat;}
.tab3-active{width:76px; height:25px; background:url(../images/tab3-active.gif) no-repeat;}

.tab4-normal{width:76px; height:25px; background:url(../images/tab4-normal.gif) no-repeat;}
.tab4-active{width:76px; height:25px; background:url(../images/tab4-active.gif) no-repeat;}

.tab5-normal{width:76px; height:25px; background:url(../images/tab5-normal.gif) no-repeat;}
.tab5-active{width:76px; height:25px; background:url(../images/tab5-active.gif) no-repeat;}

.tab6-normal{width:87px; height:25px; background:url(../images/tab6-normal.gif) no-repeat;}
.tab6-active{width:87px; height:25px; background:url(../images/tab6-active.gif) no-repeat;}

#tabcontent-holder{height:31px; color:#FFFFFF;}
#tabcontent-holder ul{margin-top:0px;}
#tabcontent-holder ul li{display:inline; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; line-height:2.2em; margin:0 20px;}
#tabcontent-holder ul li a{text-decoration:none; color:#ffffff;}
#tabcontent-holder ul li a:hover{text-decoration:underline;}
/*************************************************************************************************************************
Feature Tabs
*************************************************************************************************************************/
#slider
{
width:899px;
height:221px;
background:url(../images/slider-bg.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:justify;
}
#slider-ecom
{
width:899px;
height:221px;
background:url(../images/slider-bg-ecom.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:justify;
}
#slider-hris
{
width:899px;
height:221px;
background:url(../images/slider-bg-hris.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:justify;
}
#slider-payroll
{
width:899px;
height:221px;
background:url(../images/slider-bg-payroll.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:justify;
}
#slider-inventory
{
width:899px;
height:221px;
background:url(../images/slider-bg-inventory.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:justify;
}
#slider-webdev
{
width:899px;
height:221px;
background:url(../images/slider-bg-webdev.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:justify;
}
#slider-timekeeping
{
width:899px;
height:221px;
background:url(../images/slider-bg-timekeeping.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:justify;
}
#slider-pmis
{
width:899px;
height:221px;
background:url(../images/slider-bg-pmis.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:justify;
}
#slider-content{width:889px; overflow:hidden;}
#slider-content div{padding-left: 20px; padding-bottom: 10px; padding-right: 20px; }
#slider-tab{width:889px; height:35px;}

#slider-tab div:first-child{margin-left:15px;}

.slider-tab-normal, .slider-tab-active{float:left; height:31px; padding:0 20px; cursor:pointer; text-transform:capitalize; font-size:0.9em; font-weight:bold; line-height:2em;}
.slider-tab-normal{color:#585858;}
.slider-tab-active{color:#fffcf7; background-color:#971b11;}


/** SUB NAVIGATION CSS **/

.subnav-bg {
	background-image: url(../images/SUBNAV-bg.gif);
	background-repeat: repeat-x;
	height: 33px;
}

.subnav a:link {
	font-family: tahoma, verdana, arial;
	font-size: 12px;
	font-weight: bold;
	color: White;
	text-decoration: none;
}

.subnav a:visited {
	font-family: tahoma, verdana, arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: White;
}

.subnav a:hover {
	font-family: tahoma, verdana, arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: White;
}

.subnav a:active {
	font-family: tahoma, verdana, arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: White;
}

.subnav-shortcut a:link {
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.subnav-shortcut a:visited {
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

.subnav-shortcut a:hover {
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: black;
}

.subnav-shortcut a:active {
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

.subnav-shortcut-txt {
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

/** END SUB NAVIGATION CSS **/