/*	GLOBAL NAV
$Id: globalnav.css,v 1.38 2007/09/27 22:04:48 btapley Exp $
@author btapley
*/
#globalnav-search, 
#globalnav, 
#globalnav dl,
#globalnav dt,
#globalnav dd,
#globalnav ul,
#globalnav li,
#globalnav p {
margin:0;
left:0;
padding:0;
line-height:1;
}
#globalnav li li {
/* IE has problems with inheriting a floated parents attributes in IE 5 and 5.5 */
_float: left;
_f\loat:none; /* be nice to IE 6, but not required */
_width: 100%;
_w\idth:auto; /* be nice to IE 6, but not required */
}
#globalnav-search {
_text-align: center;
}
#globalnav {
_text-align: left;
}
#globalnav {
width:756px;
margin: 0 auto;
}
#adobe-logo {
width:42px;
height:48px;
background-image: url(/lib/com.adobe/template/gnav/adobe.png);
background-repeat: no-repeat;
background-position: 0 0;
overflow: hidden;
}
#adobe-logo a {
padding-left: 42px;
display:block;
height: 48px;
}
#globalnav-cart .cart {
background-image: url(/lib/com.adobe/template/gnav/cart.gif);
background-repeat: no-repeat;
background-position: center center;
width: 36px;
}
#globalnav {
position: relative; /* dont set this in #globalnav-search to prevent sub menu clipping in IE due to filters and layout mode */
top: 0;
z-index:100;
}
#globalnav-noscript {
position: absolute;
left: 50%;
top: 0;
margin-left: -331px;
width: 350px;
z-index: 100;
}
#adobe-logo {
position: absolute;
top: 7px;
left: 0;
z-index: 3;
}
#user-menu {
position: absolute;
top: 5px;
right: 0;
/*\*/text-align: right;/**/
}
#globalnav.checkout-nav #user-menu { margin-top: 33px; }
#user-menu .menu {
/*\*//*/float: right;/* this could be shared */
}
#site-menu,
#site-search {
position: absolute;
top: 33px;
width:100%;
}
#site-menu {
z-index: 2;
}
#site-search {
z-index: 1;
}
#globalnav #site-menu-dropdown {
position:absolute;
margin-left:44px;
display:block;
z-index: 3;
}
#site-menu-dropdown li {
position:relative;
z-index: 4;
}
#site-menu-dropdown li:hover,
#site-menu-dropdown li.hover {
z-index: 5;
}
#site-menu-dropdown .menu-title {
position:relative;
z-index: 7;
}
#site-menu-dropdown .menu {
z-index: 6; /* zero seems to be synonymous with auto in IE, using one instead */
top: 20px;
}
#site-search {
text-align:right;
right:0;
}
#globalnav-search {
margin: 0 0 1em;
height: 5em; /* layout mode is now on, dont set a z-index or sub-menu clipping will occur in IE */
}
#globalnav-noscript {
padding: 5px 5px 5px 27px;
display: none; /* removing the display per dhatch until further notice */
}
#globalnav {
height: 100%; 
}
#globalnav {
display: block;
}
#user-menu li {
padding-left: 1px;
}
#user-menu a,
#greeting {
padding: 3px 1.5ex;
}
#greeting {
display:-moz-inline-block;
/*\*/
display: inline-block;
/**/
}
#site-search p {
padding:0;
margin: 0;
/* site-search and site-menu overlap each other.
overlapping blocks will break focus behavior for contained links in IE.
Here I'm reducing the width of the search item to prevent 
overlap without forcing a width. Not forcing a width is important for localized labels */
_display:inline;
_height:1em;
}
#site-search p {
word-spacing: -1ex;
}
#site-search p * {
word-spacing: normal;
}
body:-moz-last-node #site-search p {
padding-top:3px;
}
* + html #site-search p {
padding-top:2px;
}
* html #site-search p {
padding-top:2px;
}
#search-input {
width: 125px;
}
#globalnav #site-menu-dropdown .menu-title {
min-height: 22px;
_height: 24px;
}
#globalnav #site-menu-dropdown .menu-title a {
padding:5px 5px 2px 7px; 
display:inline-block;
}
#globalnav #site-menu-dropdown li .menu {
width:148px;
margin-top:3px;
}
#site-menu-dropdown li .menu li,
#site-menu-dropdown li .menu dt,
#site-menu-dropdown li .menu dd {
display: block;
padding-left: 7px;
padding-right: 7px;
}
#site-menu-dropdown li .menu a {
padding-top:4px;
padding-bottom:4px;
display:block;
margin-left: -8px;
margin-right: -8px;
padding-left: 8px;
padding-right: 8px;
}
#site-menu-dropdown li .menu dt {
padding-top: 5px;
padding-bottom: 5px;
}
#site-menu-dropdown li .menu dt a {
margin-top:-5px;
margin-bottom:-5px;
}
#globalnav-noscript {
border-left:1px solid silver;
border-right:1px solid silver;
border-bottom:1px solid silver;
background-color: #FFFFCC;
background-image: url(theme/alert.gif);
background-repeat: no-repeat;
background-position: 1ex 5px;
}
#globalnav-search {
background-color: #F0F0F0;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
_filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#AAAAAA)
progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#BEBEBE) 
progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#D8D8D8)
progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#ECECEC)
progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#F9F9F9);
box-shadow: 0 0 5px #AAAAAA;
/*\*//*/
border-bottom: 2px solid #AAAAAA;
/**/
}
*+html #globalnav-search {
border-bottom: 2px solid #AAAAAA;
}
html:/* */not([lang*=""]) #globalnav-search, /* Old Gecko and Omniweb */
body:-moz-last-node #globalnav-search {
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: transparent;
-moz-border-bottom-colors: #F9F9F9 #ECECEC #D8D8D8 #BEBEBE #AAAAAA;
}
@media screen and (-op-browser) {
#globalnav-search {
border-bottom: 2px solid #AAAAAA;
}
}
#adobe-logo a,
#site-menu-dropdown .menu-title a {
background-color: transparent;
}
#user-menu .menu,
#user-menu .menu a,
#site-menu-dropdown .menu dt {
color:#000000;
}
#user-menu .menu a:hover,
#site-menu-dropdown .menu a:hover,
#site-search button:focus,
#site-search button:hover,
#site-menu-dropdown .menu-title a:hover {
color:#CC0000;
}
#site-menu-dropdown .menu-title a,
#site-menu-dropdown .menu a,
#site-search button {
color:#333333;
}
#user-menu .menu a:hover,
#site-menu-dropdown .menu a:hover {
background-color: #DDDDDD;
}
#site-menu-dropdown .menu-title {
border: 1px solid #F0F0F0;
}
#site-menu-dropdown > li:hover .menu-title {
border-color: #CCCCCC #CCCCCC #FAFAFA;
background-color: #FAFAFA;
background-image: none;
}
#site-menu li.hover .menu-title,
#site-menu li.focus .menu-title {
border-color: #CCCCCC #CCCCCC #FAFAFA;
background-color: #FAFAFA;
background-image: none;
}
#site-menu-dropdown li .menu {
background-color: #FAFAFA;
border: 1px solid #CCCCCC;
border-bottom: 2px solid #999999;
-moz-border-bottom-colors: #999999 #CCCCCC;
}
#site-menu-dropdown li {
background-position: 1px center;
}
#search-input {
background-color: #FAFAFA;
border-width: 1px;
border-color: #AAAAAA;
}
#search-input:active,
#search-input:focus,
#search-input:hover { 
background-color: #FFFFFF; 
}
#site-search button {
border-style: none;
background-color: transparent;
margin-top: 0;
margin-bottom: 0;
cursor: pointer;
display:inline;
}
#globalnav #site-menu-dropdown .menu-title a {
_padding-bottom: 7px;/* Fonts aren't bold in IE */
}
#site-menu-dropdown .menu a {
line-height: 14px;
}
#site-menu .d-dropdown { 
_behavior: url(/css/htc/gnavmenu.htc) url(/css/htc/hover.htc); /*IE sub7*/ 
}
#globalnav-cart .cart-icon,
#globalnav-cart a {
/*\*/
display: block;
overflow: hidden;
/**/
}
/*\*//*/
#globalnav-cart .cart-icon,
#globalnav-cart a {
display: inline-block;
}
/**/
/*need this extra .cart-icon span to stop a blinking image on hover in PC IE*/
#globalnav-cart .cart,
#globalnav-cart a {
background-image: url(/lib/com.adobe/template/gnav/cart.gif);
background-repeat: no-repeat;
background-position: center 2px;
}
#globalnav-cart a {
min-height: 1em;
text-indent: -2999px;
padding-left: 0;
padding-right: 0;
}
#globalnav-cart .cart {	width: 36px; }
::root #globalnav-cart .cart,
::root #globalnav-cart a { background-position: center 0; }
::root #globalnav-cart .cart {	width: 42px; }
#user-menu .menu {
float: right;
}
#user-menu .menu li {
float:  left;
text-align: left;
}
#site-menu .d-dropdown .menu-title,
#site-search button {	text-transform: uppercase; }
#site-menu .menu-title a {
display: inline;
display: inline-block;
display: -moz-inline-box;
_display: inline;
zoom: 1;
}
#site-menu [className~=menu-title] > a {
display: inline; 
}
#site-menu .menu .menu li,
#site-menu .menu .menu dt,
#site-menu .menu .menu dd,
#site-menu .menu .menu li a,
#site-menu .menu .menu dd a,
#site-menu .menu .menu dt a {
_display: block;
_zoom: 1;
}
#site-menu .pipe .menu li {
background-image: none;
}
#site-menu .pipe>li+li,
#site-menu .pipe-adjacent {
background-image: url("/images/globalnav/bar_pipe.gif");
background-repeat: no-repeat;
}
#site-search button {
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
}
#search-input {
line-height:1.35;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
position: relative;
}