#tabs_bg {
	background: url(/images/tabs/tab_bg.gif) left top repeat-x;
	width: 728px;
}

#tabs {
	line-height: 23px;
}

#tabs a
{
	color: #000;
	padding-left: 20px;
	background: url("/images/tabs/left-tab.gif") left top no-repeat;
	text-decoration: none;
	display: block;
	height: 23px;
}

#tabs a span
{
	background: url("/images/tabs/right-tab.gif") right top no-repeat;
	padding-right: 20px;
	display: block;
}


#endTabs {
	background: url("/images/tabs/right-tab-end.gif") right top no-repeat;
	width: 1px;
}

#tabs a:hover, #tabs #now a
{
	color: #fff;
	padding-left: 20px;
}

#tabs a:hover span, #tabs #now a span
{
	padding-right: 20px;
}


/* 
	=========================
	Start Color Specific Tabs 
	=========================
*/

/* Start RED Tabs */
#tabs .red a:hover
{
	background: url("/images/tabs/left-tab-red.gif") left top no-repeat;
}

#tabs .red a:hover span
{
	background: url("/images/tabs/right-tab-red.gif") right top no-repeat;
}

#tabs .red#now a
{
	background: url("/images/tabs/left-tab-red_active.gif") left top no-repeat;
}

#tabs .red#now a span
{
	background: url("/images/tabs/right-tab-red_active.gif") right top no-repeat;
}
/* End RED Tabs */

/* Start PURPLE Tabs */
#tabs .purple a:hover
{
	background: url("/images/tabs/left-tab-purple.gif") left top no-repeat;
}

#tabs .purple a:hover span
{
	background: url("/images/tabs/right-tab-purple.gif") right top no-repeat;
}

#tabs .purple#now a
{
	background: url("/images/tabs/left-tab-purple_active.gif") left top no-repeat;
}

#tabs .purple#now a span
{
	background: url("/images/tabs/right-tab-purple_active.gif") right top no-repeat;
}
/* End PURPLE Tabs */

/* Start ORANGE Tabs */
#tabs .orange a:hover
{
	background: url("/images/tabs/left-tab-orange.gif") left top no-repeat;
}

#tabs .orange a:hover span
{
	background: url("/images/tabs/right-tab-orange.gif") right top no-repeat;
}


#tabs .orange#now a
{
	background: url("/images/tabs/left-tab-orange_active.gif") left top no-repeat;
}

#tabs .orange#now a span
{
	background: url("/images/tabs/right-tab-orange_active.gif") right top no-repeat;
}
/* End ORANGE Tabs */

/* Start BLUE Tabs */
#tabs .blue a:hover
{
	background: url("/images/tabs/left-tab-blue.gif") left top no-repeat;
}

#tabs .blue a:hover span
{
	background: url("/images/tabs/right-tab-blue.gif") right top no-repeat;
}

#tabs .blue#now a
{
	background: url("/images/tabs/left-tab-blue_active.gif") left top no-repeat;
}

#tabs .blue#now a span
{
	background: url("/images/tabs/right-tab-blue_active.gif") right top no-repeat;
}
/* End BLUE Tabs */

/* Start Yellow Tabs */
#tabs .yellow a:hover
{
	background: url("/images/tabs/left-tab-yellow.gif") left top no-repeat;
}

#tabs .yellow a:hover span
{
	background: url("/images/tabs/right-tab-yellow.gif") right top no-repeat;
}

#tabs .yellow#now a
{
	background: url("/images/tabs/left-tab-yellow_active.gif") left top no-repeat;
}

#tabs .yellow#now a span
{
	background: url("/images/tabs/right-tab-yellow_active.gif") right top no-repeat;
}
/* End Yellow Tabs */

/* Start GREEN Tabs */
#tabs .green a:hover
{
	background: url("/images/tabs/left-tab-green.gif") left top no-repeat;
}

#tabs .green a:hover span
{
	background: url("/images/tabs/right-tab-green.gif") right top no-repeat;
}

#tabs .green#now a
{
	background: url("/images/tabs/left-tab-green_active.gif") left top no-repeat;
}

#tabs .green#now a span
{
	background: url("/images/tabs/right-tab-green_active.gif") right top no-repeat;
}

/* End GREEN Tabs */

/* 
	=========================
	End Color Specific Tabs 
	=========================
*/