#sitenav { .rel; z-index: 11; } .nav-container { .flcl; height: @nav-height; left: 0; margin: 0; .rel; width: 950px; z-index: 1; } .nav { .flcn; height: @nav-height; padding: 0; .pointer; width: 158px; background: @brand @sprite1 repeat-x 100% -39px; } .nav:hover { -webkit-user-select: none; } .nav_a1,.nav_a1:visited,.nav_a1:hover,.nav_a1:active { border-right: 0; display: block; height: @nav-height; font-size: @nav-fontsize; line-height: @nav-height; padding-left: @gutter+5; .bold; .auto; text-decoration: none; color: #fff; } .nav h1,.nav h2 { font-size: @nav-fontsize; padding-bottom: 0; } .sfhover { background-position: 100% 0; background-color: #fff; .rel; } .sfhover .nav_a1,.sfhover .nav_a1:visited,.sfhover .nav_a1:hover,.sfhover .nav_a1:active { color: @brand; } #sitenav .sfhover .nav_menu,.nojs #sitenav .nav:hover .nav_menu { top: @nav-height; left: -1px; width: 570px; z-index: 4; } #nav1 { .borderl (@brand); &:hover,&.sfhover { border-left-color:#ccc; } } .nojs .nav:hover { background-position: 100% 0px; } .nojs .nav .nav_a1 { color: #fff; } .nojs li:hover .nav_a1 { color: @brand; } /**/ .nav_menu { .abs; top: -9999px; left: -9999px; white-space: normal; z-index: 8; } .nav_menu_inner { clear: left; float: left; background: #fff url(/images/od/v2/bg_menu.png) no-repeat -330px 0; width: 557px; } #n3 .nav_menu_inner { background-position: -322px 0; } #ourServices .nav_menu_inner { background-position: -324px 0; } .nav_menu_outer { clear: left; float: left; background: url(/images/od/v2/bg_menu.png) no-repeat 100% 0; .borderl; width: 557px; padding: 0 11px 0 6px; } .nav_menu_footer { float: left; clear: left; width: 575px; } .nav_menu_footer img { background: url(/images/od/v2/bg_menu_bottom.png) no-repeat 100% 100%; height: @gutter; width: 569px; } .nav_menu_footer .corner { background-position: 0 0; float: left; clear: left; width: @gutter/2; } /*CALIBRATION*/ #nav2 .nav_menu_outer,#nav2 .nav_menu_promos { width: 619px; } #nav2 .nav_menu_footer { width: 637px; } #nav2 .bottom { width: 631px; } #nav3 .nav_menu_outer,#nav3 .nav_menu_promos { width: 566px; } #nav3 .nav_menu_footer { width: 584px; } #nav3 .bottom { width: 578px; } #ourServices .nav_menu_outer,#ourServices .nav_menu_inner,#ourServices .nav_menu_promos { width: 559px; } #ourServices .nav_menu_footer { width: 577px; } #ourServices .bottom { width: 571px; } /*SINGLE-COLUMN MENU*/ #inkNav .nav_menu_outer,#nav20 .nav_menu_outer,#nav22 .nav_menu_outer { background-position: 0 0; .border(#e7e7e7); border-top: 0; width: 140px; overflow: visible; } #nav22 .nav_menu_outer{overflow:visible} #inkNav .nav_menu_outer{ width: 456px; -moz-box-shadow:3px 3px 2px #999; -webkit-box-shadow:3px 3px 2px #999; box-shadow:3px 3px 2px #999; } #inkNav .predictiveInkContainer .overlayObj{top: 60px !important;} #headerinkpredictSearchFlyout li{width:100px;float:left;padding-bottom:6px;} #nav20 .nav_menu_inner,#nav22 .nav_menu_inner { margin-bottom: 6px; width: 100%; overflow: hidden; } #nav20 .nav_menu_inner ul,#nav22 .nav_menu_inner ul{ width:128px; } /*CALIBRATE ALL INDIVIDUAL MENUS: NOJS*/ .nojs #sitenav #nav2 a:hover .nav_menu { left: 159px; } #sitenav #nav3.sfhover .nav_menu { left:-159px; } .nojs #sitenav #nav3:hover .nav_menu { left:316px; } #sitenav #ourServices.sfhover .nav_menu { left:-257px; } .nojs #sitenav #ourServices:hover .nav_menu { left:377px; } .nojs #sitenav #nav22:hover .nav_menu { left:789px; } .nojs #sitenav #inkNav:hover .nav_menu { left: @grid1; } #nav22 .nav_menu, #sitenav #nav22.sfhover .nav_menu { width: @grid1; } #nav20 .nav_single_col { width: @grid1; } #nav22 .nav_single_col { width: 128px; } #nav22 .nav_single_col li{ width: 128px; padding-bottom:4px; } #nav20 .nav_single_col,#nav22 .nav_single_col { padding-bottom: @gutter*2; margin-left: @gutter; } .nav_single_col a { color: @brand-text; } .nav_single_col a:hover,.nav_single_col a:active { color: @brand; text-decoration: underline; } .nav_col1,.nav_col2,.nav_col_all { .flcn; width: 170px; text-align: left; padding-bottom: @gutter; } .nav_a2 { color: @brand-link; font-size: @base-font2; } .nav_m_unit a { margin-left: @gutter; .flcl; } .nav_menu li { border: 0; } .nav_menu_links { .flcl; width: 372px; } .nav-container .h3 { color: #333; font-size: @nav-fontsize; padding-left: @gutter+1; padding-bottom: 0; } .nav_m_unit { height: auto; min-height: 99px; } /*FURNTIURE CALIBRATION*/ #nav2 .nav_sub { min-height: 50px; } #nav2 .nav_m_unit { min-height: 102px; padding-bottom: 0; } .nav_single_col { width: 140px; } .nav_menu_links,.nav_menu_lists,.nav_menu_promos { .flcl; padding-top: @gutter; } .nav_menu_lists { padding: @gutter*2 0 16px; .w100; } .nav_menu_promos { .bordert (#e7e7e7); .flcl; padding: 10px 0; width: 557px; } .nav_menu_promos div { .flcl; } .nav_menu_promos .p2 { margin-top: @gutter/2; } .nav_sub { .flcl; height: auto; min-height: 90px; padding-bottom: @gutter; } .nav_sub li { padding-bottom: 0; } .nav_sub a { color: @brand-text; font-size: @base-font; padding-bottom: 3px; margin-left: 20px; margin-bottom: -2px; width: 150px; } .nav_sub a:hover { color: @brand-text; background-color: #98c6ea; text-decoration: underline; } .nav_sub .see_all,.nav_sub .see_all:visited { color: @brand-link; } .nav_col_all { float: right; font-size: @base-font2; padding-top: @gutter; } .nav_col_all .h3,.nav_col_all ul,.nav_col_all a { width: 164px; padding-left: 0; .bold; } #nav1 .nav_sub { min-height: 50px; } #nav1 .nav_m_unit { min-height: 50px; } #nav2 .nav_col_all { width: 230px; } #nav2 .nav_col_all ul { width: 224px; } #nav2 .nav_menu_inner { width: 619px; } .nav_menu_promos p { width: 168px; .flcn; padding-left: @gutter2; } .nav_menu_promos a,.nav_menu_promos a:visited { color: @brand; font-size: @base-font2; .bold; } .nav_menu_promos p a:hover,.nav_menu_promos a:active { text-decoration: underline; } #inkTonerFlyout { .flcl; padding:0 @gutter2 @gutter2; width:437px; } #inkTonerFlyout li{ .flcl; width:285px; } #inkTonerFlyout li.f_right{ clear:none; width:140px; } #inkLinksTop ul li{ width:140px; } #inkTonerFlyout h3, #inkTonerFlyout .h3{ .flcl; .w100; padding:@gutter2 0 .25em; } #inkTonerSearch{ width:300px } #inkNav .inkpredictSearchFlyout{ .flcl; .w100; margin-bottom:-2px; } #inkChoice,#inkHeaderSelection{ .flcl; .w100; padding:0 0 @gutter/2; } #inkChoice li{ .auto; .flcn; padding-right:@gutter; } #inkHeaderSelection li{ .auto; .flcn; padding-right:8px; } .inkpredictSearchFlyout .input{ .flcl; margin-right:@gutter/2; }