/*

BROWSER RESET FOR GLOBAL HEADER

*/
#fxo-global-header div,
#fxo-global-header span, 
#fxo-global-header object, 
#fxo-global-header h1,
#fxo-global-header h2, 
#fxo-global-header h3, 
#fxo-global-header h4, 
#fxo-global-header p, 
#fxo-global-header a, 
#fxo-global-header em,  
#fxo-global-header img,
#fxo-global-header small,   
#fxo-global-header sup, 
#fxo-global-header ol, 
#fxo-global-header ul, 
#fxo-global-header li,
#fxo-global-header fieldset, 
#fxo-global-header form, 
#fxo-global-header label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

/*

SET BASE STYLES FOR GLOBAL HEADER

*/
#fxo-global-header {
	width: 990px;
	height: 110px;
	background-color: #f1f1f1;
	color: #666;
	position: relative;
	z-index:2000;
	font: 11px Arial, Helvetica, sans-serif;
}
#fxo-global-header a {
	color:#666;
}

/*

GLOBAL HEADER RESOURCE BAR

*/
#fxo-global-header #resource-bar {
	height:30px;
	line-height:30px;
	background-color:#e5e5e5;
	border-bottom:1px solid #CCC;
	padding:0 10px;
}
body.rtl #fxo-global-header #resource-bar {
	padding:0px 10px 0px 10px;
}
#fxo-global-header #nav-resources {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
body.rtl #fxo-global-header #nav-resources {
	float:left;
	width:270px;
}
#fxo-global-header #nav-resources li {
	float:left;
	display:block;
}
#fxo-global-header #nav-resources li.pipe {
	padding:0 10px;
	text-align:center;
}
body.rtl #fxo-global-header #nav-resources li {
	float:right;
}
#fxo-global-header #nav-resources li a {
	padding: 0;
}
#fxo-global-header #nav-resources li.on a {
	color: #00A0D3;
}
#fxo-global-header #nav-resources #font_size_1 {
	font-size: 0.9em;
	font-size: 10px;
	padding: 0 4px 0 0;
	border: none;
}
body.rtl #fxo-global-header #nav-resources #font_size_1 {
	padding:0 4px 0 0;
}
#fxo-global-header #nav-resources #font_size_2 {
	font-size: 1.1em;
	font-size: 12px;
	padding: 0 4px;
	border: none;
}
#fxo-global-header #nav-resources #font_size_3 {
	font-size: 1.3em;
	font-size: 14px;
	padding: 0 0 0 4px;
	border: none;
}
body.rtl #fxo-global-header #nav-resources #font_size_3 {
	padding: 0 0 0 4px;
}
#fxo-global-header #nav-resources .curr-size {
	text-decoration:underline;
}


/*

GLOBAL HEADER LOGO

*/
#fxo-global-header #logo-master {
	clear:both;
	width:200px;
	float: left;
}
#fxo-global-header #logo-master img {
	margin: 15px 0 0 10px;
}
body.rtl #fxo-global-header #logo-master img {
	margin: 25px 10px 0 0px;
}

/*

GLOBAL HEADER GLOBAL NAV

nav-global top level 

*/
/* style nav-global container */
#nav-global, #nav-global_flash {
	position: absolute;
	top: 31px;
	left: 260px;
	width: 730px;
}
/* style top level list items */
#nav-global li {
	list-style-image: none;
	list-style: none;
	float: left;
	position: relative;
	margin-right: 1px;
}
/* style top level buttons */
#nav-global li a {
	display: block;
	text-decoration: none;
	font-size: 1.5em;
	padding: 5px 10px;
	color: #fff;
	font-family: Arial Narrow, Arial, sans-serif;
	background: #999 url(/assets/templates/default/images/bg-btn-nav-global.gif) repeat-x left bottom;
}
/* arrow image is in the HMTL within the anchor tag */
#nav-global li a img {
	padding: 0 0 0 10px;
}
/* apply rounded corner bg image to the first nav element */
#nav-global li.first a {	
	background: #999 url(/assets/templates/default/images/bg-btn-nav-global-first.gif) no-repeat left bottom;
}
/* apply rounded corner bg image to the last nav element */
#nav-global li.last a {	
	background: #999 url(/assets/templates/default/images/bg-btn-nav-global-last.gif) no-repeat right bottom;
}
/* LONER button sits apart from the other 3 */ 
#nav-global li.loner {	
	margin-left: 10px;
}
/* LONER needs an additional span around the anchor to allow us to have rounded corners on both sides */
#nav-global li.loner span {
	display: block;
	padding: 0 0 0 10px;
	background: #999 url(/assets/templates/default/images/bg-btn-nav-global-first.gif) no-repeat left bottom;
}
#nav-global li.loner span a {	
	padding-left: 0;
	background: #999 url(/assets/templates/default/images/bg-btn-nav-global-last.gif) no-repeat right bottom;
	position: relative;
}
/*

nav-global dropdowns

- note: the only widths we need to set are for the dropdown UL and A. The UL is 30 px wider than the A.

*/
/* normally when the dropdown is exposed, it will align with the left edge of the parent button */
#nav-global li ul {
	position: absolute;
	top: -2000px;
	left: auto;
	clear: both;
	padding-top: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: none;
	width: 230px;
}
/* For parent buttons with class last or loner, we line the dropdown with the right edge of the parent button so it doesn't fly off the right edge of the page */
#nav-global li.last ul, #nav-global li.loner ul {
	right: 0;
}
#nav-global li li {
	float: none;
	padding: 0 5px;
}
#nav-global li li a {
	color: #666;
	font-size: 1.0em;
	font-family: Arial, sans-serif;
	border-bottom: 1px solid #CCC;
	background-image: none !important;
	background-color: #fff !important;
	display: block;
	width: 200px;
}
#nav-global li li.last {
	padding-bottom: 5px;
}
#nav-global li li.last a {
	border-bottom: none;
}
/*

On states

*/
/* apply on state bg image to nav elements in general */
#nav-global li a.on {
	background-color: #80b6d3;
	background-image: url(/assets/templates/default/images/bg-btn-nav-global-on.gif);
}
/* apply on state bg image to the first nav element */
#nav-global li.first a.on {
	background-image: url(/assets/templates/default/images/bg-btn-nav-global-first-on.gif);
}
/* apply on state bg image to the last nav element */
#nav-global li.last a.on {
	background-image: url(/assets/templates/default/images/bg-btn-nav-global-last-on.gif);
}
/* apply on state bg image to the LONER nav element */
#nav-global li.last a.on {
	background-image: url(/assets/templates/default/images/bg-btn-nav-global-last-on.gif);
}
/* 

hover (rollover) styles 

*/
/* sfhover replaces the pseudo hover class for IE6, and since above we have class first, last and LONER applied to the lis we need to use !important to make sure on hover the bg of the nav elements behaves properly */
/*
#nav-global li:hover a, #nav-global li.sfhover a {
	background-color: #fff !important;
	background-image: url(/assets/templates/default/images/bg-btn-nav-global-hover.gif) !important;
	background-repeat: repeat-y !important;
	color: #00A0D3;
}*/
/* on hover LONER's span gets the background styled so the button has both a left and right border */
#nav-global li.loner:hover span, #nav-global li.sfhover span, #nav-global li.loner:hover span a, #nav-global li.sfhover span a {
	background: #660099 url(/assets/templates/default/images/bg-btn-nav-global-ship-right.gif) repeat-x left bottom !important;
	color: #fff;	
}
/* position the dropdown under the nav element in question */
#nav-global li:hover ul, #nav-global li.sfhover ul {
	top: auto;
}
/* make sure dropdown anchors dont' inherit top level button hover state */
#nav-global li:hover li a, #nav-global li.sfhover li a {
	color: #666;
	background-image: none !important;
}
/* style dropdown anchor hover state */
#nav-global li li a:hover {
	color: #00A0D3;
	background-color: #e5e5e5 !important;
}
/*

nav-global rtl overrides

*/
body.rtl #fxo-global-header #nav-global {
	right: 260px;
}
body.rtl #fxo-global-header #nav-global li a img {
	padding: 0 10px 0 0;
}
body.rtl #fxo-global-header #nav-global li {
	float: right;
	margin-right: 0;
	margin-left: 1px;
}
body.rtl #fxo-global-header #nav-global li.loner {
	margin-left: 0;
	margin-right: 10px;	
}
body.rtl #fxo-global-header #nav-global li.first a {
	background: #999 url(/assets/templates/default/images/bg-btn-nav-global-last.gif) no-repeat right bottom;
}
body.rtl #fxo-global-header #nav-global li.last a {
	background: #999 url(/assets/templates/default/images/bg-btn-nav-global-first.gif) no-repeat left bottom;
}
body.rtl #fxo-global-header #nav-global li.first a.on {
	background-image: url(/assets/templates/default/images/bg-btn-nav-global-last-on.gif);
}
body.rtl #fxo-global-header #nav-global li.last a.on {
	background-image: url(/assets/templates/default/images/bg-btn-nav-global-first-on.gif);
}
body.rtl #fxo-global-header #nav-global li:hover a, body.rtl#fxo-global-header #nav-global li.sfhover a {
	background-position: right bottom !important;
}
body.rtl #fxo-global-header #nav-global li.last:hover a, body.rtl #fxo-global-header #nav-global li.last a {
	background-position: left bottom !important;
}
body.rtl #fxo-global-header #nav-global li ul {
	right: 0;
}
body.rtl #fxo-global-header #nav-global li.last ul, body.rtl #fxo-global-header #nav-global li.loner ul {
	right: auto;
	left: 0;
}

/*

GLOBAL HEADER SEARCH

*/
#fxo-global-header #global-search {
	position:relative;
	margin-top:46px;
	width:210px;
	float:right;
}
body.rtl #fxo-global-header #global-search {
	float:left;
}
#fxo-global-header #global-search .text {
	float: right;
	border: 1px solid #CCC;
	background-color: #fff;
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	color: #666;	
	padding: 3px 3px 1px 3px;
	height: 15px;
	width: 114px;
	margin-right: 4px;
}
#fxo-global-header #global-search button {
	float:right;
	margin-right:10px;
}
body.rtl #fxo-global-header #global-search .text {
	float: left;
	margin-left: 4px;
}
body.rtl #fxo-global-header #global-search button {
	float:left;
	margin-left:10px;
}
/* SLIDING DOOR BUTTONS */
#fxo-global-header button {
	border:0;
	margin:0;
	cursor:pointer;
	color:#FFF;
	font-family:"Arial Narrow", Arial, sans-serif;
}
#fxo-global-header button span {
	position:relative;
	display:block;
	white-space:nowrap;
}
#fxo-global-header .btn-20-gr {
	font-size:1.09em;
	font-size: 12px;
	padding:0 10px 0 0;
	background:url(/assets/templates/default/images/bg-btn-20-gr-cap.gif) no-repeat center right;
}
#fxo-global-header .btn-20-gr span {
	height:20px;
	line-height:20px;
	padding:0 0 0 10px;
	background:url(/assets/templates/default/images/bg-btn-20-gr-slide.gif) no-repeat center left;
}

/*

GLOBAL HEADER BREADCRUMB

*/
#fxo-global-header #breadcrumb {
	position: absolute;
	bottom: 10px;
	left: 260px;
	list-style: none;
}
body.rtl #fxo-global-header #breadcrumb {
	right: 260px;
}
#fxo-global-header #breadcrumb li {
	display: inline;
	padding: 0;
}
#fxo-global-header #breadcrumb li.on, #fxo-global-header #breadcrumb li.on a {
	color: #00A0D3;
	font-weight: bold;
}

/*

FXO GLOBAL HEADER CLEARFIX

*/
.fxo-global-header-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#nav-global li.fedex a, #nav-global li.fedexoffice a {
background:#999999 url(/assets/templates/default/images/bg-btn-nav-global-first.gif) no-repeat scroll left bottom;
display:block;
padding:0 0 0 10px;
}
#nav-global li.fedex a span, #nav-global li.fedexoffice a span {
background:#999999 url(/assets/templates/default/images/bg-btn-nav-global-last.gif) no-repeat scroll right bottom;
padding:5px 10px 5px 0;
display:block;
position:relative;
}

#nav-global li {
margin-right:10px;
}
#nav-global li.fedex a:hover span, #nav-global li.fedexoffice a:hover span{
color:#FFFFFF;
}

#nav-global li.fedex a:hover span {
background:#999999 url(/assets/templates/default/images/bg-btn-nav-global-fedex-right.gif) no-repeat scroll right bottom;
}
#nav-global li.fedex a:hover {
background:#999999 url(/assets/templates/default/images/bg-btn-nav-global-fedex-left.gif) no-repeat scroll left bottom;
}
#nav-global li.fedexoffice a:hover span {
background:#999999 url(/assets/templates/default/images/bg-btn-nav-global-fedexoffice-right.gif) no-repeat scroll right bottom;
}
#nav-global li.fedexoffice a:hover {
background:#999999 url(/assets/templates/default/images/bg-btn-nav-global-fedexoffice-left.gif) no-repeat scroll left bottom;
}