/*
	css/common/HEADER.CSS
	- Contains base styling for the masthead, main navigation, utility bar, and breadcrumbs
*/

/* GLOBAL HEADER/FOOTER STYLES */

header, footer, #global-search-form { font: normal normal normal 12px Arial, Helvetica, sans-serif; color: #5c5c5c; }

header, footer nav {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 3px 4px #ccc;
	-webkit-box-shadow: 0px 3px 4px #ccc;
	box-shadow: 0px 3px 4px #ccc;
	clear: both;	
	width: 100%;
	background-color: #fff; /* old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #eee 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE',GradientType=0 ); /* ie */
}

header { margin-bottom: 12px; margin-bottom: 0\9; }
#header-logo { float: left; padding: 13px 10px 13px 17px; }

#global-search { float: right; *float: left; padding: 6px; clear: both; }
	#global-search-form { float: right; }
	#global-search label { text-transform: uppercase; color: #fff; font-size: 10px; }
	#global-search-form input { margin: 0; padding: 0; }
	#global-search-form label input { border: 1px solid #ccc; padding: 2px; font-size: 11px; width: 120px; margin: 0 0 0 4px; }
	#global-search-form #global-search-btn { position: relative; top: 4px; }
	
#header-logo img, #global-search-btn { _behavior: url('/2005redesign/iepngfix.htc'); }

header ul, header ul li, footer ul, footer ul li { list-style: none; margin: 0; padding: 0; }

header a, footer a { outline: none; }
header a:link, header a:visited, footer a:link, footer a:visited, #footer a:link, #footer a:visited, .footer footer ul li a:link, .footer footer ul li a:visited { color: #5c5c5c; text-decoration: none; }
header a:hover, header a:active, footer ul li a:hover, #footer a:hover, #footer a:active, footer ul li a:active, .footer footer ul li a:hover, .footer footer ul li a:active { color: #000; }

header nav { background: url('/_assets/img/header/header-lines.gif') no-repeat 0 -69px; padding: 0; margin: 0; height: 67px; overflow: hidden;  }
#header-nav { _float: left; *padding-bottom: 0; }
#primary-nav { _width: 620px; }
header #primary-nav li { float: left; _position: relative; }
header #primary-nav li a { background: url('/_assets/img/header/header-nav-line.gif') no-repeat left center; text-transform: uppercase; padding: 8px 4px 8px 5px; display: block; font-size: 12px; margin: 0 1px 0 0; }
header #primary-nav li:first-child a { background-image: none; }
header #primary-nav li ul li { float: none;  }
header #primary-nav li ul li a { background: #eaeaea; border-top: 1px solid #ccc; display: block; text-transform: none; font-size: 12px; padding: 9px; padding: 9px 8px\9; margin: 0; width: 160px; font-weight: normal !important; }
header #primary-nav li ul li a:hover, header #primary-nav li ul li a:active { color: #000; }
header #primary-nav li table { border-collapse: collapse; margin: -1px 0 0 0; padding: 0; width: auto; }
header #primary-nav li table td { border: 0; }

/* On/Off states */
header #primary-nav li ul {
	position: absolute;
	left: -9999em;
	border: 1px solid #ccc;
	border-top: 0;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #eaeaea;
	padding-bottom: 2px;
	background: url('/_assets/img/header/header-nav-bkgrnd-ie.gif') no-repeat left bottom\9;
	border: 0\9; padding: 0 1px 2px 1px\9; /* <=IE8 */ 
}

header #primary-nav li:hover, header #primary-nav .hover { *position: relative; background: url('/_assets/img/header/header-nav-line.gif') repeat-y right center;}
header #primary-nav li:hover a, header #primary-nav .hover a { background: #eaeaea url('/_assets/img/header/header-nav-line.gif') repeat-y left center;  position: relative; z-index: 2; border-top: 1px solid #ccc\9; padding-top: 7px\9; }
header #primary-nav li:hover + li a, header #primary-nav .after-hover a { background-image: none; _background-image: none; }
header #primary-nav li:hover ul { left: auto; margin-top: -1px; z-index: 5000; }
header #primary-nav li:hover ul li { background-image: none; border: 0; }
header #primary-nav li:hover ul li a, header #primary-nav .hover ul li a { background-image: none; position: static;}

header #primary-nav .hover { *z-index: 5000; }
header #primary-nav .hover ul { _left: 0; }
header #primary-nav .after-hover a { _background: none; }

#secondary-nav { float: left; margin: 42px 0 0 0;  }
#primary-nav + #secondary-nav { margin-top: 11px; }
#secondary-nav.with-main-nav { _margin: 7px 0 0 0; }
#secondary-nav li { float: left; padding: 1px 10px; border-right: 1px solid #ccc; font-size: 11px; }
#secondary-nav li:last-child { border: 0; }
#secondary-nav li.user { font-weight: bold; color: #000; }
	#secondary-nav li.user a { font-weight: normal; }

footer { float: left; width: 100%; margin: 12px 0 0 0; }
footer ul { float: left; clear: left; padding: 12px 0; *padding: 6px 0; margin: 0 6px; *float: none; *width: 98%; }
footer ul li { display: inline; border-right: 1px solid #ccc; padding: 2px 6px; font-size: 11px; }
footer ul li:last-child { border-right: 0; }
footer nav { padding: 6px 0; }
footer nav ul { padding: 0; float: none; }
footer nav ul li a { text-transform: uppercase; }
.ssl_logo { *margin-top: -24px; }

.empty { color: #a9a9a9; }


li.outer-item { border-right-width: 0 !important; border-left-width: 0 !important; }

/* IE6 - IE8 CORNERS - inserted into HTML via jQuery */
.ie-corners-top, .ie-corners-btm, .ie-corners-lt, .ie-corners-rt, .ie-corners-ctr { padding: 0; margin: 0; height: 6px; float: left; }
.ie-corners-top, .ie-corners-btm { width: 100%;  clear: both; _overflow: hidden; float: none; }
.ie-corners-btm { margin-bottom: 12px; }
.ie-corners-lt, .ie-corners-rt { width: 6px; }
.ie-corners-top .ie-corners-lt { background: url('/_assets/img/header/global-nav-ie-top-lt.gif') no-repeat 0 0; }
.ie-corners-top .ie-corners-ctr { background: url('/_assets/img/header/global-nav-ie-top-ctr.gif') repeat-x 0 0; }
.ie-corners-top .ie-corners-rt { background: url('/_assets/img/header/global-nav-ie-top-rt.gif') no-repeat 0 0; }
.ie-corners-btm .ie-corners-lt { background: url('/_assets/img/header/global-nav-ie-btm-lt.gif') no-repeat 0 0; }
.ie-corners-btm .ie-corners-ctr { background: url('/_assets/img/header/global-nav-ie-btm-ctr.gif') repeat-x 0 0; }
.ie-corners-btm .ie-corners-rt { background: url('/_assets/img/header/global-nav-ie-btm-rt.gif') no-repeat 0 0; }