/**
 * Gateway Header and Side Navigation Style
 *
 * @author     Melvin Waller <Melvin.Waller@gateway.com>
 * @copyright  2006 Gateway
 * @version    CVS: $Id: header_menu.css,v 1.22 2007/02/09 20:21:48 ewang Exp $
 */

/* ------ HEADER ------ */
html>img { /* cursor autoscroll image */
	width: 0px !important;
	height: 28px !important;
	padding-left: 28px !important;
	background: url('gateway_autoscroll.png');
}
#site_header, #sub_nav {
	width: 738px;
}
.SearchInput {
	width: 125px;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	font-size: 10px;
	height: 15px;
}
#site_header {
	margin-bottom: 0px;
}
#site_data {
	height: 20px;
	padding: 7px 7px 0px 7px;
	font-size: 12px;
	color: #000;
}
#site_phone {
	float: right;
}
#site_recommend {
	font-weight: bold;
}
#site_recommend a {
	color: #000 !important;
	text-decoration: none !important;
	font-weight: bold;
}
#site_header a:link, #site_header a:visited {
	text-decoration: none;
	color: #fefefe;
}
#site_header a:focus, #site_header a:active, #site_header a:hover {
	text-decoration: underline;
	color: #fefefe;
}
#site_identity {
	position: relative;
	height: 55px;
	border-bottom: 1px solid #9f9f9f;
	background: #333 url('header_bground.gif') repeat-x left top;
	vertical-align: top;
}
#site_identity td {
	color: #ccc;
}
#site_logo {
	padding-left: 18px;
}
#site_logo h1 {
	margin: 0px;
	font-size: 12px;
}
#site_logo img {
	float: left;
}
#site_intro {
	float: left;
	padding: 21px 0px 0px 16px;
	text-transform: uppercase;
	font-size: 10px;
	color: #fefefe;
}
#site_segment_img {
	float: left;
	padding: 9px 0px 0px 16px;
	font-size: 12px;
	color: #fefefe;
}
#site_segment {
	float: left;
	padding: 17px 0px 0px 20px;
	font-weight: bold;
	font-size: 12px;
	color: #fefefe;
}
#site_segment h2 {
	margin: 0px;
	border: none;
	padding: 0px;
	width: 370px;
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #fefefe;
}
#site_support {
	position: absolute;
	right: 0px;
	top: 2px;
	padding-right: 8px;
	font-size: 11px;
	color: #ccc;
}
#site_support img {
	vertical-align: middle;
}
#tagline {
	padding-left: 10px;
	font-size: 150%;
	font-weight: bold;
	color: #000;
}
#site_login {
	position: absolute;
	right: 3px;
	bottom: 3px;
	font-size: 10px;
	color: #ccc;
}

#site_nav, #config_tabs, #bar_tabs {
	height: 24px;
	margin-top: 4px;
	background: url('bar.gif') repeat-x left top;
	font-size: 11px;
}
#config_tabs {
	margin-left: 180px;
}
#bar_tabs {
	background: url('greyband.gif') repeat-x left bottom;
}
#chat {
	float: right;
	padding: 3px 8px 3px 0px;
	font-weight: bold;
}
#chat img {
	vertical-align: middle;
}
#chat a:link, #chat a:visited {
	text-decoration: none;
	color: #000;
}
#chat a:focus, #chat a:active, #chat a:hover {
	text-decoration: underline;
	color: #000;
}
#main_nav_end, #config_nav_end {
	display: inline;
	float: right;
}
#main_nav_start, #config_nav_start {
	display: none;
	float: left;
}
#main_nav, #config_nav, #bar_nav {
	float: left;
	height: 24px;
}
#main_nav ul, #config_nav ul, #bar_nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#main_nav li, #config_nav li, #bar_nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#main_nav li a:link, #main_nav li a:visited,
#config_nav li a:link, #config_nav li a:visited,
#bar_nav li a:link, #bar_nav li a:visited {
	display: block;
	background: #ccc url('bar_link.gif') no-repeat 0px 0px;
	text-decoration: none;
	color: #000;
}
#bar_nav li a:link, #bar_nav li a:visited {
	background: #ccc url('bar_link2.gif') no-repeat 0px 0px;
}
#main_nav li a:focus, #main_nav li a:active, #main_nav li a:hover,
#config_nav li a:focus, #config_nav li a:active, #config_nav li a:hover,
#bar_nav li a:focus, #bar_nav li a:active, #bar_nav li a:hover {
	display: block;
	background: #333 url('bar_link.gif') no-repeat 0px -24px;
	text-decoration: none;
	color: #fefefe;
}
#bar_nav li a:focus, #bar_nav li a:active, #bar_nav li a:hover {
	background: #333 url('bar_link2.gif') no-repeat 0px -24px;
}
#main_nav li a b, #config_nav li a b, #bar_nav li a b {
	display: block;
	padding: 5px 10px 5px 10px;
	background: url('bar_tab_right.gif') no-repeat right top;
	white-space: nowrap;
	font-weight: bold;
}
#bar_nav li a b {
	background: url('bar_tab_right2.gif') no-repeat right top;
}

/* ------ SubNav ------ */
#sub_nav {
	clear: both;
	position: relative;
	height: 29px; /* 20px for 1 line, 35 for 2 lines */
	overflow: auto;
	background: transparent url('subhead_linefade.gif') no-repeat left top;
	font-size: 10px;
}
#sub_nav .subNav {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	padding: 0px;
}
#sub_nav .subNav ul {
	margin: 0px;
	list-style: none;
	padding: 3px 0px 0px 0px;
}
#sub_nav .subNav li {
	display: inline;
	margin: 0px;
	border-left: 1px solid #ccc;
	padding: 0px 3px 0px 6px;
}
#sub_nav .subNav a:link, #sub_nav .subNav a:visited {
	text-decoration: none;
	white-space: nowrap;
	font-size: 10px;
}
#sub_nav .subNav a:focus, #sub_nav .subNav a:hover, #sub_nav .subNav a:active {
	text-decoration: underline;
	white-space: nowrap;
	font-size: 10px;
}
#nav_0 #main_nav ul, #nav_0 #main_nav li {
	display: none;
}
#nav_0 #main_nav div, #nav_0 #main_nav_start {
	display: block;
}
.subMenu {
	display: none;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-weight: normal;
}
.hereSubNav {
	font-weight: bold;
	text-decoration: underline !important;
	color: #000 !important;
}
#bar_nav .hereTab a:link, #bar_nav .hereTab a:visited,
#config_nav .hereTab a:link, #config_nav .hereTab a:visited,
#nav_1 #main_nav1 a:link, #nav_1 #main_nav1 a:visited,
#nav_2 #main_nav2 a:link, #nav_2 #main_nav2 a:visited,
#nav_3 #main_nav3 a:link, #nav_3 #main_nav3 a:visited,
#nav_4 #main_nav4 a:link, #nav_4 #main_nav4 a:visited,
#nav_5 #main_nav5 a:link, #nav_5 #main_nav5 a:visited,
#nav_6 #main_nav6 a:link, #nav_6 #main_nav6 a:visited,
#nav_7 #main_nav7 a:link, #nav_7 #main_nav7 a:visited,
#nav_8 #main_nav8 a:link, #nav_8 #main_nav8 a:visited,
#nav_9 #main_nav9 a:link, #nav_9 #main_nav9 a:visited,
#nav_10 #main_nav10 a:link, #nav_10 #main_nav10 a:visited,
#nav_11 #main_nav11 a:link, #nav_11 #main_nav11 a:visited,
#nav_12 #main_nav12 a:link, #nav_12 #main_nav12 a:visited {
	display: block;
	background: #fff url('bar_link.gif') no-repeat 0px -48px;
	text-decoration: none;
	color: #000;
}
#bar_nav .hereTab a:link, #bar_nav .hereTab a:visited {
	background: #fff url('bar_link2.gif') no-repeat 0px -48px;
}
#bar_nav .hereTab a:focus, #bar_nav .hereTab a:active, #bar_nav .hereTab a:hover,
#config_nav .hereTab a:focus, #config_nav .hereTab a:active, #config_nav .hereTab a:hover,
#nav_1 #main_nav1 a:focus, #nav_1 #main_nav1 a:active, #nav_1 #main_nav1 a:hover,
#nav_2 #main_nav2 a:focus, #nav_2 #main_nav2 a:active, #nav_2 #main_nav2 a:hover,
#nav_3 #main_nav3 a:focus, #nav_3 #main_nav3 a:active, #nav_3 #main_nav3 a:hover,
#nav_4 #main_nav4 a:focus, #nav_4 #main_nav4 a:active, #nav_4 #main_nav4 a:hover,
#nav_5 #main_nav5 a:focus, #nav_5 #main_nav5 a:active, #nav_5 #main_nav5 a:hover,
#nav_6 #main_nav6 a:focus, #nav_6 #main_nav6 a:active, #nav_6 #main_nav6 a:hover,
#nav_7 #main_nav7 a:focus, #nav_7 #main_nav7 a:active, #nav_7 #main_nav7 a:hover,
#nav_8 #main_nav8 a:focus, #nav_8 #main_nav8 a:active, #nav_8 #main_nav8 a:hover,
#nav_9 #main_nav9 a:focus, #nav_9 #main_nav9 a:active, #nav_9 #main_nav9 a:hover,
#nav_10 #main_nav10 a:focus, #nav_10 #main_nav10 a:active, #nav_10 #main_nav10 a:hover,
#nav_11 #main_nav11 a:focus, #nav_11 #main_nav11 a:active, #nav_11 #main_nav11 a:hover,
#nav_12 #main_nav12 a:focus, #nav_12 #main_nav12 a:active, #nav_12 #main_nav12 a:hover {
	display: block;
	background: #333 url('bar_link.gif') no-repeat 0px -24px;
	text-decoration: none;
	color: #fefefe;
}
#bar_nav .hereTab a:focus, #bar_nav .hereTab a:active, #bar_nav .hereTab a:hover {
	background: #333 url('bar_link2.gif') no-repeat 0px -24px;
}
#nav_1 #sub1, #nav_2 #sub2, #nav_3 #sub3, #nav_4 #sub4,
#nav_5 #sub5, #nav_6 #sub6, #nav_7 #sub7, #nav_8 #sub8,
#nav_9 #sub9, #nav_10 #sub10, #nav_11 #sub11, #nav_12 #sub12 {
	visibility: visible;
}

/* ------ LeftMenu ------ */
#main_mnu {
	width: 136px;
	background:#eee none;
	border: solid #c1c1c1;
	border-width: 0px 1px 1px 1px;
	font-size: 12px;
}
#main_mnu ul, #config_mnu ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#main_mnu li, #config_mnu li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
}
#main_mnu li a:link, #main_mnu li a:visited,
#config_mnu li a:link, #config_mnu li a:visited {
	text-decoration: none;
	color: #000 !important;
}
#main_mnu li a:focus, #main_mnu li a:active, #main_mnu li a:hover,
#config_mnu li a:focus, #config_mnu li a:active, #config_mnu li a:hover {
	text-decoration: underline;
	background: #ddd none;
	color: #05a !important;
}
#main_mnu li a:focus b, #main_mnu li a:active b, #main_mnu li a:hover b,
#config_mnu li a:focus b, #config_mnu li a:active b, #config_mnu li a:hover b,
#main_mnu li a:focus span, #main_mnu li a:active span, #main_mnu li a:hover span,
#config_mnu li a:focus span, #config_mnu li a:active span, #config_mnu li a:hover span {
	background: #ddd none;
}
#main_mnu b, #config_mnu b {
	display: block !important;
	border-top: 1px solid #ccc;
	padding: 2px 8px 2px 8px;
}
#main_mnu span, #config_mnu span {
	display: block !important;
	padding: 2px 8px 2px 8px;
}
#main_mnu li .img, #config_mnu li .img {
	padding: 0px !important;
}
#sub_mnu {
	font-size: 12px;
}
#main_mnu .subMnu {
	display: none;
}
#main_mnu .subMnu ul {
	margin: 0px;
	padding: 0px;
}
#main_mnu .subMnu li {
	margin: 0px;
	padding: 0px;
}
#main_mnu .subMnu a:link, #main_mnu .subMnu a:visited {
	text-decoration: none;
	font-size: 12px;
}
#main_mnu .subMnu a:focus, #main_mnu .subMnu a:hover, #main_mnu .subMnu a:active {
	text-decoration: underline;
	font-size: 12px;
}
#mnu_0 #main_mnu ul, #mnu_0 #main_mnu li {
	display: none;
}
#mnu_0 #main_mnu div, #mnu_0 #main_mnu_start {
	display: block;
}

.hereSubMnu {
	font-weight: bold;
	text-decoration: underline !important;
	color: #000 !important;
}

/* BEER:14885 Remove mnu id from css since leftnav doesn't use any.     
---------------------------------------------------------------------------------------------*/
.mnu li{
	border-top: none;
}

#config_mnu .hereTab a:link, #config_mnu .hereTab a:visited,
.mnu a:link, .mnu a:visited {
	display: block;
	padding: 0px 3px 0px 15px !important;
	text-decoration: none;
	background: #eee url('bullet-tiny.gif') no-repeat left top !important;
}

#config_mnu .hereTab a:focus, #config_mnu .hereTab a:active, #config_mnu .hereTab a:hover,
.mnu a:focus, .mnu a:active, .mnu a:hover{
	display: block;
	padding: 0px 3px 0px 15px !important;
	text-decoration: underline;
	background: #ddd url('bullet-tiny.gif') no-repeat left top !important;
}

#config_mnu .hereTab a b, #config_mnu .hereTab a span,
.mnu a b, .mnu a span {
	padding-left: 0px;
}
/* 
---------------------------------------------------------------------------------*/

a.off, a.off:link, a.off:visited, a.off:focus, a.off:active, a.off:hover {
	text-decoration: none !important;
	color: #000 !important;
}

/* ------ SiteMap ------ */
#site_map,#site_map1,#site_map2,#site_map3 {
	margin: 0px;
	border: none;
	padding: 0px;
	background: transparent none;
}
#site_map td, #site_map1 td, #site_map2 td, #site_map3 td {
	border: 1px solid;
	border-color: #ddd #ccc #ccc #ddd;
	padding: 3px;
}
#site_map h4, #site_map1 h4, #site_map2 h4, #site_map3 h4 {
	margin: -3px -3px 3px -3px;
	border: solid #ccc;
	border-width: 0px 0px 1px 0px;
	padding: 3px 3px 3px 8px;
	background: #eee none;
	font-weight: bold;
	font-size: 13px;
}
#site_map ul, #site_map1 ul, #site_map2 ul, #site_map3 ul {
	margin: 0px 0px 0px -7px;
	padding: 0px 0px 0px 5px;
	font-size: 12px;	
}
#site_map li, #site_map1 li, #site_map2 li ,#site_map3 li {
	list-style: none;
	padding: 0px 3px 0px 15px;
	background: transparent url('bullet-tiny.gif') no-repeat left top !important;
}