﻿/* Nav tabs specific */

#nav_tabs .tabbed_menu
{
	height: 47px;
	padding-top: 4px;
}


#nav_tabs .level_1 > a:link, 
#nav_tabs .level_1 > a:visited, 
#nav_tabs .level_1 > a:hover, 
#nav_tabs .level_1 > a:active
{
	color: White;
	font-weight: bold;
}

#nav_tabs .tabbed_menu ul.level_0
{
	/* this is to stop the main tab's LI's wrapping */
	width: 740px;
	z-index: 99;
}


.pageroot_default #nav_tabs .tabbed_menu
{
	background: url(blue_back.png) top left no-repeat;
}

.pageroot_aboutus-default #nav_tabs .tabbed_menu
{
	background: url(red_back.png) top left no-repeat;
}

.pageroot_products-default #nav_tabs .tabbed_menu
{
	background: url(darkblue_back.png) top left no-repeat;
}

.pageroot_purchase-default #nav_tabs .tabbed_menu
{
	background: url(purple_back.png) top left no-repeat;
}

.pageroot_support-default #nav_tabs .tabbed_menu
{
	background: url(orange_back.png) top left no-repeat;
}

.pageroot_admin-default #nav_tabs .tabbed_menu,
.pageroot_blog-default #nav_tabs .tabbed_menu
{
	background: url(black_back.png) top left no-repeat;
}

.pageroot_default #footer_hr
{
	background-image: url(blue_footer.png);
}

.pageroot_aboutus-default #footer_hr
{
	background-image: url(red_footer.png);
}

.pageroot_products-default #footer_hr
{
	background-image: url(darkblue_footer.png);
}

.pageroot_purchase-default #footer_hr
{
	background-image: url(purple_footer.png);
}

.pageroot_support-default #footer_hr
{
	background-image: url(orange_footer.png);
}

.pageroot_admin-default #footer_hr,
.pageroot_blog-default #footer_hr
{
	background-image: url(black_footer.png);
}

#nav_tabs a,
#nav_tabs span
{
	color: White;
}

#nav_tabs .nonav > span
{
	cursor: url("../no_entry.cur"), default;
}

#nav_tabs .selected > span
{
	cursor: default;
}

#nav_tabs ul.atl_menu li.selected > a
{
/*	font-weight: bold; */
}

#nav_tabs ul.atl_menu
{
	padding-left: 3px;
	margin-top: -3px;
}

#nav_tabs .atl_menu li a,
#nav_tabs .atl_menu li span
{
	height: 43px;
	line-height: 2.5em;
	text-align: center;
}

#nav_tabs .atl_menu ul.level_1 li a,
#nav_tabs .atl_menu ul.level_1 li span
{
	height: auto;
	line-height: 1em;
	text-align: left;
}

#nav_tabs .atl_menu ul ul, 
#nav_tabs .atl_menu ul ul ul
{
	margin-left: 155px;
}

/* Main navigation tabs */
#nav_tabs .atl_menu_horizontal ul.atl_menu li
{
	width: 105px;
}

/* Submenu items */

#nav_tabs .atl_menu_horizontal .atl_menu ul,
#nav_tabs .atl_menu_horizontal .atl_menu a, 
#nav_tabs .atl_menu_horizontal .atl_menu span
{
	width: 143px;
}

#nav_tabs .atl_menu_horizontal ul.atl_menu ul li
{
	width: 180px;
}


/* target drop-down menu items */
#nav_tabs ul ul li
{
	padding: 2px 2px 2px 8px;
}

#nav_tabs ul ul li.last
{
	border-bottom: 0px;
}

/* move all drop-down menus so that they're directly under each main tab */
#nav_tabs ul ul
{
	padding-left: 27px;
}

#nav_tabs ul ul ul
{
	padding-left: 0;
}

#nav_tabs .atl_menu_horizontal .withchildren > a,
#nav_tabs .atl_menu_horizontal .withchildren > span
{
	margin-right: 10px;
}

/* without this style, the submenus disappear when hovering between items over on the right */
#nav_tabs .atl_menu_horizontal ul.level_1
{
	height: 10em;
}

#nav_tabs .atl_menu_horizontal ul.level_1 li
{
	clear: left;
}

/*
#nav_tabs .atl_menu_horizontal .navto_products-default ul
{
	z-index: 1;
}
*/

#nav_tabs .atl_menu_horizontal .atl_menu ul li > ul, #nav_tabs .atl_menu_horizontal .atl_menu ul ul li > ul
{
	/* margin-top: -1.45em; */
}

#nav_tabs .atl_menu_horizontal .atl_menu a, 
#nav_tabs .atl_menu_horizontal .atl_menu span
{
	margin: 0;
}



.pageroot_default #nav_tabs ul ul li 
{
	background: url(blue_submenu_fade.png) repeat-y;
}

.pageroot_default #nav_tabs .atl_menu ul li:hover
{
	background: url(blue_submenu_fade_active.png) repeat-y;
}

.pageroot_default #nav_tabs .atl_menu_horizontal .withchildren > a,
.pageroot_default #nav_tabs .atl_menu_horizontal .withchildren > span
{
	background: url(blue_submenu_arrow.png) no-repeat right;
}

.pageroot_default #nav_tabs .atl_menu_horizontal ul.atl_menu ul li.selected,
.pageroot_default #nav_tabs .atl_menu_horizontal ul.atl_menu ul li.childselected
{
	background: url(blue_submenu_fade_active.png) repeat-y;
}


.pageroot_aboutus-default #nav_tabs ul ul li 
{
	background: url(red_submenu_fade.png) repeat-y;
}

.pageroot_aboutus-default #nav_tabs .atl_menu ul li:hover
{
	background: url(red_submenu_fade_active.png) repeat-y;
}

.pageroot_aboutus-default #nav_tabs .atl_menu_horizontal .withchildren > a,
.pageroot_aboutus-default #nav_tabs .atl_menu_horizontal .withchildren > span
{
	background: url(red_submenu_arrow.png) no-repeat right;
}

.pageroot_aboutus-default #nav_tabs .atl_menu_horizontal ul.atl_menu ul li.selected,
.pageroot_aboutus-default #nav_tabs .atl_menu_horizontal ul.atl_menu ul li.childselected
{
	background: url(red_submenu_fade_active.png) repeat-y;
}




.pageroot_purchase-default #nav_tabs ul ul li 
{
	background: url(purple_submenu_fade.png) repeat-y;
}

.pageroot_purchase-default #nav_tabs .atl_menu ul li:hover
{
	background: url(purple_submenu_fade_active.png) repeat-y;
}

.pageroot_purchase-default #nav_tabs .atl_menu_horizontal .withchildren > a,
.pageroot_purchase-default #nav_tabs .atl_menu_horizontal .withchildren > span
{
	background: url(purple_submenu_arrow.png) no-repeat right;
}

.pageroot_purchase-default #nav_tabs .atl_menu_horizontal ul.atl_menu ul li.selected,
.pageroot_purchase-default #nav_tabs .atl_menu_horizontal ul.atl_menu ul li.childselected
{
	background: url(purple_submenu_fade_active.png) repeat-y;
}


.pageroot_products-default #nav_tabs ul ul li 
{
	background: url(darkblue_submenu_fade.png) repeat-y;
}

.pageroot_products-default #nav_tabs .atl_menu ul li:hover
{
	background: url(darkblue_submenu_fade_active.png) repeat-y;
}

.pageroot_products-default #nav_tabs .atl_menu_horizontal .withchildren > a,
.pageroot_products-default #nav_tabs .atl_menu_horizontal .withchildren > span
{
	background: url(darkblue_submenu_arrow.png) no-repeat right;
}

.pageroot_products-default #nav_tabs .atl_menu_horizontal ul.atl_menu ul li.selected,
.pageroot_products-default #nav_tabs .atl_menu_horizontal ul.atl_menu ul li.childselected
{
	background: url(darkblue_submenu_fade_active.png) repeat-y;
}


.pageroot_support-default #nav_tabs ul ul li 
{
	background: url(orange_submenu_fade.png) repeat-y;
}

.pageroot_support-default #nav_tabs .atl_menu ul li:hover
{
	background: url(orange_submenu_fade_active.png) repeat-y;
}

.pageroot_support-default #nav_tabs .atl_menu_horizontal .withchildren > a,
.pageroot_support-default #nav_tabs .atl_menu_horizontal .withchildren > span
{
	background: url(orange_submenu_arrow.png) no-repeat right;
}

.pageroot_support-default #nav_tabs .atl_menu_horizontal ul.atl_menu ul li.selected,
.pageroot_support-default #nav_tabs .atl_menu_horizontal ul.atl_menu ul li.childselected
{
	background: url(orange_submenu_fade_active.png) repeat-y;
}

.pageroot_admin-default #nav_tabs ul ul li,
.pageroot_blog-default #nav_tabs ul ul li 
{
	background: url(black_submenu_fade.png) repeat-y;
}

.pageroot_admin-default #nav_tabs .atl_menu ul li:hover,
.pageroot_blog-default #nav_tabs .atl_menu ul li:hover
{
	background: url(black_submenu_fade_active.png) repeat-y;
}

.pageroot_admin-default #nav_tabs .atl_menu_horizontal .withchildren > a,
.pageroot_admin-default #nav_tabs .atl_menu_horizontal .withchildren > span,
.pageroot_blog-default #nav_tabs .atl_menu_horizontal .withchildren > a,
.pageroot_blog-default #nav_tabs .atl_menu_horizontal .withchildren > span
{
	background: url(black_submenu_arrow.png) no-repeat right;
}

.pageroot_admin-default #nav_tabs .atl_menu_horizontal ul.atl_menu ul li.selected,
.pageroot_admin-default #nav_tabs .atl_menu_horizontal ul.atl_menu ul li.childselected,
.pageroot_blog-default #nav_tabs .atl_menu_horizontal ul.atl_menu ul li.selected,
.pageroot_blog-default #nav_tabs .atl_menu_horizontal ul.atl_menu ul li.childselected
{
	background: url(black_submenu_fade_active.png) repeat-y;
}

#nav_tabs .level_1 li.seperator
{
	height: 2px;
	padding: 0;
	background: url(white_seperator_fade.png) repeat-y !important;
}

/*
#nav_tabs .atl_menu li.level_1.navto_aboutus-default ul
{
	display: block;
}
*/