/* ---- */ html, body { height: 100%; margin: 0; padding: 0; } body { overflow: visible !important;} #flashcontent { overflow: visible !important; margin: 0 auto;} #content {overflow: visible !important; width: 100%; margin: 0 auto;} #homepage { margin: 0 auto; overflow: visible !important; width: 100%; min-width:991px; } /*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/ .load #wrapper {display:none;} #wrapper { width: 100%; background: transparent url(/global/images/header_buttons/header_nav_tiles-2.png) center bottom repeat; overflow: visible !important; position:relative; z-index:999999;} #wrapper a, #wrapper a:visited {background-color:transparent;} #wrapper .hide-text {display:none;} #wrapper .header-nav {position:relative;width: 930px; overflow: visible !important; text-align: left; margin: 0 auto; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;} #grayShade { width: 100% !important;height:100%;position: absolute; opacity:.5; left:0; top: auto; background-color:#000; z-index:999;} #noWmodeShade { position: absolute; left:0; top: auto; width: 100% !important; height:100%;z-index:990; display:none;} #noWmodeShade.default { background:url(/global/images/header_buttons/bg_adidefault.gif) center center no-repeat;} #wrapper .button {cursor:pointer;} #wrapper .button, #wrapper .button-logo, #wrapper .button .dropdown dl ul { float: left;} #wrapper .header-nav a.logo-nav { height:55px;display:block; float:left; padding:0 !important; width: 178px; text-align:left !important;} #wrapper .parent {position: relative; cursor:pointer;} #wrapper .header-nav .dropdown { position: absolute; left: -3000px; top: auto; text-align: left;display:block;} #wrapper .header-nav .dropdown ul{ width: 179px; float:left; margin:0; } #wrapper .dropdown ul.left { display:block; position:relative; margin-left: 40px;} #wrapper .dropdown table { float:left;} #wrapper .dropdown table td { vertical-align:top;} #wrapper .dropdown div ul li{margin: 30px 0 0 0;} #wrapper .header-nav ul {margin: 0 7px 0 0;} #wrapper .header-nav ul {margin: 0 7px 0 0;} #wrapper .header-nav li ul li {text-align: left;} #wrapper .header-nav li ul li a {padding-left:10px;} #wrapper .header-nav .featured a.sublink-ovr div {display:block;} #wrapper .header-nav div.featured a {padding: 0;} #wrapper .header-nav a {padding: 3px 0 3px; font-size:10px; color:#666666;text-decoration:none;} #wrapper .header-nav a.nav-button {display: block;height:56px;padding:0;} #wrapper .header-nav ul ul a { color: #000000; border-right: 0; text-decoration: none;} #wrapper .dropdown li { position: relative; vertical-align: bottom; } /*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/ /* This is to hide the following from IE/Mac. \*/ * html #wrapper .button .dropdown li {height: 1%;margin-left: -16px;mar\gin-left: 0;} /* */ * html #wrapper .header-nav a {height: 1%;} #wrapper .brclear { /* Use a break with this class to clear float containers */ clear:both; height:0; margin:0;font-size: 1px; line-height: 0;} #wrapper .header-nav div.secondaryNavWrapper {position:absolute; right: 0; bottom: 1px; text-align:center;} #wrapper .topNavText li {float:right;position:relative; padding:0 8px;} #wrapper .topNavText li.custom {text-align:left; width:80px;} #wrapper .topNavText li.custom a {background:none;} #wrapper .topNavText .layer-text { display: block; vertical-align: bottom !important;} .header-nav div.pick-country { position:relative; display:block; left:0; top: 0; text-align:center;} #wrapper div.featured { margin: 0 !important; padding: 0 !important; width: 179px; height: 60px; display:block; overflow: hidden;} #wrapper .dropdown2 { width: 179px; height: 60px; position: absolute;} #wrapper .featured ol, #wrapper .dropdown2 li a{ margin: 0 !important; padding: 0 !important;} #wrapper .emptyLi {display:block; height:10px;} .clearfix:after { clear:both; content:"."; display:block; height:0pt; visibility:hidden;} .clearfix { display: block; } /* ---- */ #wrapper .adidasLogos .button .parent .nav-button, #wrapper .adidas-logo a {height:56px;} #wrapper .adidas-logo a {background-position:-282px -285px; width:166px;} #wrapper .discreet .adidas-logo a {height:29px; background-position:-282px -346px; width:125px;} #wrapper .adidasLogos .button .parent .nav-button {height:56px; cursor:pointer;} #wrapper .discreet .adidasLogos .button .parent .nav-button {height:29px;} #wrapper table.listwrap {background:url(/global/images/header_buttons/menu_bg_sprites.jpg) 0 -309px repeat-x; } #wrapper table.listwrap td {padding-top:18px; background:url(/global/images/header_buttons/menu_bg_sprites.jpg) top right no-repeat; } #wrapper table.listwrap td td {background:none;} #wrapper .dropdown table.listwrap table td, #wrapper .dropdown table.listwrap table td ul {width:135px; padding-top:0;} #wrapper table.listwrap ul {margin-bottom:20px;} #wrapper .adidasLogos .dropdown #wrapper .adidasLogos .dropdown li.emptyLi {display:none;} #wrapper .adidasLogos .dropdown .performance-label, #wrapper .adidasLogos .dropdown .originals-label, #wrapper .adidasLogos .dropdown .style-label, #wrapper .adidasLogos .dropdown .shop-label #wrapper .adidasLogos .dropdown .nosotros-label {padding:0 0 20px 10px; font-weight:bold; font-size:11px; text-transform:uppercase; color:#353535; text-align:left;} #wrapper .adidasLogos .dropdown {color:#9a9a9a;} #wrapper .adidasLogos .dropdown a { padding: 5px 0 5px 10px; font-size:11px; color:#9a9a9a; display:block; } #wrapper .adidasLogos .performance .click .dropdown {left:0; border-bottom:4px solid #000;} #wrapper .adidasLogos .originals .click .dropdown {left:0; border-bottom:4px solid #0089d0;} #wrapper .adidasLogos .style .click .dropdown {left:0; border-bottom:4px solid #b7b8b9;} #wrapper .adidasLogos .shop .click .dropdown {left:0; border-bottom:4px solid #e73921;} #wrapper .adidasLogos .shop .click .col3 {left:-180px;} #wrapper .adidasLogos .shop .click .col4 {left:-360px;} #wrapper .adidasLogos .nosotros .click .dropdown {left:0; border-bottom:4px solid #EE1B2D;} #wrapper .performance .listwrap li a.hover, #wrapper .performance .listwrap li a.ui-state-active {background:#000; color:#fff;} #wrapper .originals .listwrap li a.hover, #wrapper .originals .listwrap li a.ui-state-active {background:#0089d0; color:#fff;} #wrapper .style .listwrap li a.hover, #wrapper .style .listwrap li a.ui-state-active {background:#b7b8b9; color:#fff;} #wrapper .shop .listwrap li a.hover, #wrapper .shop .listwrap li a.ui-state-active {background:#e73921; color:#fff;} #wrapper .nosotros .listwrap li a.hover, #wrapper .nosotros .listwrap li a.ui-state-active {background:#EE1B2D; color:#fff;} /* Navigation button Styles */ #wrapper .adidasLogos .performance .parent .nav-button{width:138px; background-position:0 0; cursor:pointer;} #wrapper .adidasLogos .performance .hover .nav-button{background-position:0 -56px; } #wrapper .adidasLogos .performance .click .nav-button{background-position:0 -224px; } #wrapper .adidasLogos .performance .current .nav-button{background-position:0 -112px; } #wrapper .adidasLogos .performance .hover .current .nav-button{background-position:0 -168px; } #wrapper .adidasLogos .originals .parent .nav-button {width: 115px; background-position:-138px 0;} #wrapper .adidasLogos .originals .hover .nav-button { background-position:-138px -56px;} #wrapper .adidasLogos .originals .click .nav-button { background-position:-138px -224px;} #wrapper .adidasLogos .originals .current .nav-button{background-position:-138px -112px; } #wrapper .adidasLogos .originals .hover .current .nav-button{background-position:-138px -168px; } #wrapper .adidasLogos .style .parent .nav-button {width: 92px; background-position:-254px 0;} #wrapper .adidasLogos .style .hover .nav-button {width: 92px; background-position:-254px -56px;} #wrapper .adidasLogos .style .click .nav-button {width: 92px; background-position:-254px -224px;} #wrapper .adidasLogos .style .current .nav-button{background-position:-254px -112px; } #wrapper .adidasLogos .style .hover .current .nav-button{background-position:-254px -168px; } #wrapper .adidasLogos .shop .parent .nav-button{width: 100px; background-position:-348px 0;} #wrapper .adidasLogos .shop .hover .nav-button{width: 100px; background-position:-348px -56px;} #wrapper .adidasLogos .shop .click .nav-button{width: 100px; background-position:-348px -224px;} #wrapper .adidasLogos .shop .current .nav-button{background-position:-348px -112px; } #wrapper .adidasLogos .shop .hover .current .nav-button{background-position:-348px -168px; } #wrapper .adidasLogos .nosotros .parent .nav-button{width: 90px; background-position:-447px 0;} #wrapper .adidasLogos .nosotros .hover .nav-button{width: 90px; background-position:-447px -56px;} #wrapper .adidasLogos .nosotros .click .nav-button{width: 90px; background-position:-447px -224px;} #wrapper .adidasLogos .nosotros .current .nav-button{background-position:-447px -112px; } #wrapper .adidasLogos .nosotros .hover .current .nav-button{background-position:-447px -168px; } #wrapper .discreet .adidasLogos .nav-button {width:44px !important; } #wrapper .discreet .adidasLogos .performance .parent .nav-button{background-position:0 -361px; } #wrapper .discreet .adidasLogos .performance .hover .nav-button{background-position:0 -390px; } #wrapper .discreet .adidasLogos .originals .parent .nav-button{background-position:-45px -361px; } #wrapper .discreet .adidasLogos .originals .hover .nav-button{background-position:-45px -390px; } #wrapper .discreet .adidasLogos .style .parent .nav-button{background-position:-90px -361px; } #wrapper .discreet .adidasLogos .style .hover .nav-button{background-position:-90px -390px; } #wrapper .discreet .adidasLogos .shop .parent .nav-button{background-position:-135px -361px; } #wrapper .discreet .adidasLogos .shop .hover .nav-button{background-position:-135px -390px; } #wrapper .discreet .adidasLogos .nosotros .parent .nav-button{background-position:-180px -361px; } #wrapper .discreet .adidasLogos .nosotros .hover .nav-button{background-position:-180px -390px; } #wrapper .applications {clear:both;} #wrapper .discreet .applications {clear:none; float:right; width:360px; white-space:nowrap;} #wrapper .applications li {padding:0; margin-left:-1px;} #wrapper .applications li a {padding:0;} #wrapper .header-nav {background-image:url(/global/images/header_buttons/menu_bg_sprites.jpg); background-position: 0 -811px; background-repeat:repeat-x; height:56px; } #wrapper .header-nav .dropdown {top:55px;} #wrapper .discreet .header-nav .dropdown {top:28px;} #wrapper .discreet {height:29px; background-position:0 -280px;} #wrapper .discreet .dropdown {top:28px;} #wrapper .header-nav div.logo {left:0; position:absolute;} #wrapper .header-nav div.primaryNav { left:178px; position:absolute;} #wrapper .header-nav div.secondaryNavWrapper { position:absolute; right:0; height:56px; width:365px;} #wrapper .header-nav div.secondaryNav .utilities {margin:7px 7px 13px 0; float:right; font-size:10px;} #wrapper .discreet div.primaryNav { left:138px; position:absolute;} #wrapper .discreet div.secondaryNav .utilities {margin:6px 0 0; } #wrapper .discreet div.secondaryNav .applications {margin:0 0; } #wrapper .discreet div.secondaryNav {height:29px;} #wrapper .discreet div.secondaryNavWrapper {bottom:-4px; width:600px; height:29px;} body.ie6 #wrapper .discreet div.secondaryNavWrapper {bottom:-5px;} #wrapper .discreet div.secondaryNav .utilities { max-width:150px;} body.ie6 #wrapper .discreet div.secondaryNav .utilities {width:150px; } #wrapper .discreet div.secondaryNav .utilities li {display:none; text-align:left;} #wrapper .header-nav div.secondaryNav .utilities .countrySelect a {white-space:nowrap; background-position: -287px -384px; height:17px; padding:0 0 0 20px;} #wrapper .header-nav div.secondaryNav .utilities .countrySelect {border-right:none;} #wrapper .discreet div.secondaryNav .utilities .countrySelect {display:block; } #wrapper .header-nav div.secondaryNav .applications li.custom a {background-image:none;} #wrapper .header-nav div.secondaryNav .applications li a { display:block; height:25px;} #wrapper .header-nav div.secondaryNav .utilities li {border-right:1px solid #e5e5e5;} #wrapper .header-nav div.secondaryNav li.miadidas a{width:88px; background-position:0 -283px;} #wrapper .header-nav div.secondaryNav li.miadidas a:hover{background-position:0 -308px;} #wrapper .header-nav div.secondaryNav li.miadidas a.current{background-position:0 -333px;} #wrapper .header-nav div.secondaryNav li.micoach a{width:83px; background-position:-88px -283px;} #wrapper .header-nav div.secondaryNav li.micoach a:hover{ background-position:-88px -308px;} #wrapper .header-nav div.secondaryNav li.micoach a.current{background-position:-88px -333px;} #wrapper .header-nav div.secondaryNav li.adidastv a{width:106px; background-position:-171px -283px;} #wrapper .discreet div.secondaryNav li.adidastv a{width:107px;} #wrapper .header-nav div.secondaryNav li.adidastv a:hover{background-position:-171px -308px;} #wrapper .header-nav div.secondaryNav li.adidastv a.current{background-position:-171px -333px;}