/* ---- */
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*/
		
#wrapper {
	width: 100%;
	background: transparent url(../../images/header_nav_tiles-2.gif) center bottom repeat;
	overflow: visible !important;
	height: 56px;
	position:relative;
	z-index:999999;
}

#wrapper .hide-text {display:none;}

#wrapper .header-nav {
	background: transparent url(../../images/vertical_bg_image.jpg) center top repeat;
    position:relative;
	width: 991px;
	overflow: visible !important;
	text-align: left;
	margin: 0 auto;
	height: 55px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
	
#grayShade { 
	width: 100% !important;
	height:100%;
	position: absolute;		
	left:0;
	top: auto;
	opacity:.5; 
	filter:alpha(opacity=50); 
	background-color:#000;
	clear:both;
	z-index:999;
	display:none;
}

#noWmodeShade {
	
	position: absolute;	
	left:0;
	top: auto;
	width: 100% !important;
	height:100%;
	z-index:990;
	display:none;
}
#noWmodeShade.default {
	background:url(../../images/bg_adidefault.gif) center center no-repeat;	
}

#wrapper .button, #wrapper .button-logo, #wrapper .button .dropdown dl ul {
	float: left;
}
	
#wrapper .header-nav div.primaryNav {
	position:absolute; bottom: 1px; _bottom: -1px; left: 178px;

}

	
#wrapper .header-nav div.logo 
{
	position:absolute; left: 0;
}

#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;}

#wrapper .header-nav .dropdown { 
	position: absolute;		
	left: -3000px;
	top: auto;
	margin-top:1px;
	_margin-top:0px;
	text-align: left; 	
	padding-bottom: 30px;
	display:block;
}

#wrapper .dropdown ul{ 
  width: 180px;
  margin: 0 30px 30px 0px;
  float:left;
  }
  
#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-left: 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 {
    display: block !important;
    color: #800;
	font-size: .85em;
	padding: 3px 0 3px;
}

#wrapper .header-nav a.nav-button {
    display: block;
    height:54px;
	padding:0;
}

#wrapper .header-nav .perfomance {
    width: 125px !important;

}
#wrapper .header-nav .original {
    width: 103px !important;

}
#wrapper .header-nav .style {
    width:80px !important;

}
#wrapper .header-nav .shop {
    width:75px !important;

}

#wrapper .header-nav ul ul a {
  color: #000000;
  border-right: 0; 
  

  text-decoration: none;
}

#wrapper .dropdown li {
  position: relative; 
  vertical-align: bottom;
  }
			
#wrapper table.listwrap {margin-left:41px !important;}



#wrapper .one .dropdown ul li a {
	background:#ffffff url(../../images/sport-arr.gif) 160px no-repeat !important;
	color: #000000;
	border-bottom: 1px solid #CECBCE; 
}
#wrapper .one .dropdown ul li:hover a, #wrapper .one .dropdown ul li.hover a {
	background-image:url(../../images/sport-arr-ovr.gif) !important; 
	background-color:#080C08 !important;
	background-position: -16px;
	
	background-position:160px; 
	background-repeat:no-repeat;
	color: #ffffff;
	border-bottom: 1px solid #080C08; 
}

#wrapper .two .dropdown ul li a {
	background:#ffffff url(../../images/originals-arr.gif) 160px no-repeat !important;
	color: #000000;
	border-bottom: 1px solid #CECBCE; 
}
#wrapper .two .dropdown ul li:hover a, #wrapper .two .dropdown ul li.hover a {
	background-image:url(../../images/originals-arr-ovr.gif) !important;
	background-color:#3982B9 !important;
	background-position:160px;
	background-repeat:no-repeat;
	color: #ffffff;
	border-bottom: 1px solid #3982B9; 
}

#wrapper .three .dropdown ul li a {
	background:#ffffff url(../../images/style-arr.gif) 160px no-repeat !important;
	color: #000000;
	border-bottom: 1px solid #CECBCE; 
}
#wrapper .three .dropdown ul li:hover a, #wrapper .three .dropdown ul li.hover a {
	background-image:url(../../images/style-arr-ovr.gif) !important;
	background-color:#B5B6B5 !important;
	background-position:160px;
	background-repeat:no-repeat;
	color: #ffffff;
	border-bottom: 1px solid #B5B6B5; 
}

#wrapper .four .dropdown ul li a {
	background:#ffffff url(../../images/shop-arr.gif) 160px no-repeat !important;
	color: #000000;
	border-bottom: 1px solid #CECBCE; 
}

#wrapper .four .dropdown ul li:hover a, #wrapper .four .dropdown ul li.hover a {
	background-image:url(../../images/shop-arr-ovr.gif) !important;
	background-color:#F72000 !important;
	background-position:160px;
	background-repeat:no-repeat;
	color: #ffffff;
	border-bottom: 1px solid #F72000; 
	
}






/* :hover classes something weird with IE6 */
#wrapper .one {z-index: 1000;}
#wrapper .one:hover div.dropdown, #wrapper #button1 .hover div.dropdown  {left:-40px; _left:-81px;} 
#wrapper .one:hover div.dropdown ul, #wrapper #button1 .hover div.dropdown ul{ 
  margin: 0; 
  width: 179px;
  } 
  
#wrapper .one:hover div.dropdown, #wrapper #button1 .hover div.dropdown {left:-40px; _left:-81px;} 
#wrapper .one:hover div.dropdown ul, #wrapper #button1 .hover div.dropdown ul { 
  margin: 0; 
  width: 179px;
  }   
  
#wrapper .one div.dropdown ul {border-right: 1px solid #CECBCE;} 
#wrapper .one:hover div.dropdown table.listwrap, #wrapper #button1 .hover div.dropdown table.listwrap { margin: 0 40px 30px 0; }

#wrapper .two {z-index: 2000; }
#wrapper .two:hover div.dropdown, #wrapper #button2 .hover div.dropdown {left:-40px; _left:-81px;} 
#wrapper .two:hover div.menu2, #wrapper #button2 .hover div.menu2 {left:-118px; _left:-168px;} 
#wrapper .two:hover div.dropdown ul, #wrapper #button2 .hover div.dropdown ul { 
  margin: 0; 
  width: 179px;
  } 
#wrapper .two div.dropdown ul {} 
#wrapper .two:hover div.dropdown table.listwrap, #wrapper #button2 .hover div.dropdown table.listwrap { margin: 0 40px 30px 0; }

#wrapper .three {z-index: 3000; }
#wrapper .three:hover div.dropdown, #wrapper #button3 .hover div.dropdown {left: -40px; _left:-81px;} 
#wrapper .three:hover div.menu3, #wrapper #button3 .hover div.menu3 {left: -220px; _left:-271px;} 
#wrapper .three:hover div.dropdown ul, #wrapper #button3 .hover div.dropdown ul { 
  margin: 0; 
  width: 179px;
  } 
#wrapper .three div.dropdown ul {border-right: 1px solid #CECBCE;} 
#wrapper .three:hover div.dropdown table.listwrap, #wrapper #button3 .hover div.dropdown table.listwrap { margin: 0 40px 30px 0; }
  
#wrapper .four {z-index: 4000;}
#wrapper .four:hover div.dropdown, #wrapper #button4 .hover div.dropdown {left: -40px; _left:-81px;} 
#wrapper .four:hover div.menu4, #wrapper #button4 .hover div.menu4 {left:-325px; _left:-353px;} 
#wrapper .four:hover div.dropdown ul, #wrapper #button4 .hover div.dropdown ul { 
  margin: 0; 
  width: 179px;
}
#wrapper .four div.dropdown ul {border-right: 1px solid #CECBCE;} 
#wrapper .four:hover div.dropdown table.listwrap, #wrapper #button4 .hover div.dropdown table.listwrap{ margin: 0 40px 30px 0; }


/* small browser window menu shift */  
#wrapper.smallWindow .two:hover div.dropdown, #wrapper.smallWindow #button2 .hover div.dropdown {left:-127px; _left:-168px;} 
#wrapper.smallWindow .three:hover div.dropdown, #wrapper.smallWindow #button3 .hover div.dropdown {left: -230px; _left:-271px;} 
#wrapper.smallWindow .four:hover div.dropdown, #wrapper.smallWindow #button4 .hover div.dropdown {left: -310px; _left:-353px;} 
  
/*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 div.parenthover {background-image: url(images/transparent.png);}				
#wrapper .parent:hover {background-image: url(images/transparent.png);} 
/* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any 
background change on hovering div.parent will make IE obey and display the dropdown.
While the call itself will fix the bug, make sure you actually call a real image 
file so that your site error logs will not fill with failed image calls. */

#wrapper .header-nav div.secondaryNavWrapper {
	position:absolute;
	right: 0;
	bottom: 1px;
	text-align:center;
}

#wrapper .header-nav div.secondaryNav {
	vertical-align: bottom !important;
	margin-top:67px;
	float:left;

}
	
#wrapper .topNavText li {
	float:left;
	position:relative; 
	padding:0 5px;
	min-width: 79px;
	width: auto !important;
	width: 79px;
}

#wrapper .topNavText a.nav-text {
    color: #000;
	font-weight: bold;
	font-size: .83em;
	text-decoration:none;
	text-align:center;
}
	
#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 .country-selector {
	position:absolute; 
	right:0;
	width:191px;
}
	
#wrapper .country-selector a {
	color: #000 !important;
	font-weight: bold;
	font-size: .85em;
	float:right !important;
	background:transparent url(../../images/country-corner.jpg) left top no-repeat;
	padding: 8px 0 8px 11px;
	white-space:nowrap;
	margin: 0 auto;
}

#wrapper .country-selector span {
	display:block;
	border-bottom: 1px solid #DEDEDE;
	padding: 0px 10px 8px 0;
	background:transparent url(../../images/crn-blobk.jpg) right top no-repeat;
}

#wrapper .firstButtons {
	border-right: 1px solid #DEDEDE;
}
#wrapper .lastButton {
	border-right: none;
}

#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 .performance-label  {
	background: #10100F url(../../images/sport-bg-ovr.gif) left top repeat !important;
	height:26px !important;
	padding-left:10px;
	padding-top: 18px;
	text-transform:uppercase;
	font-size:.83em;
	font-weight:bold;
	color: #ffffff;
	border-bottom: 1px solid #CECBCE;
	text-align: left !important;
}

#wrapper th.performance-label {
	border-right: 1px solid #CECBCE;
}

#wrapper tr.rowheight {
	height:45px;
}

#wrapper .original-label  {
	background:#0089D0 url(../../images/original-bg-ovr.gif) left top repeat !important;
	height:26px !important;
	padding-left:10px;
	padding-top: 18px;
	text-transform:uppercase;
	font-size:.83em;
	font-weight:bold;
	color: #ffffff;
	border-bottom: 1px solid #CECBCE;
	text-align: left !important;
}

#wrapper .two div.dropdown .originalsLeft{
	border-left: 1px solid #4D89BD;
}

#wrapper .two div.dropdown .originalsRight{
	border-right: 1px solid #4D89BD;
}

#wrapper .two div.dropdown td.originals ul{
	border-right: 1px solid #CECBCE;
}

#wrapper .style-label  {
	background:#AFB0B2 url(../../images/style-bg-ovr.gif) left top repeat !important;
	height:26px !important;
	padding-left:10px;
	padding-top: 18px;
	text-transform:uppercase;
	font-size:.83em;
	font-weight:bold;
	color: #ffffff;
	border-bottom: 1px solid #CECBCE;
	text-align: left !important;
}

#wrapper th.style-label {
	border-right: 1px solid #CECBCE;

}

#wrapper .shop-label  {
	background:#ED2C12 url(../../images/shop-bg-ovr.gif) left top repeat !important;
	height:26px !important;
	padding-left:10px;
	padding-top: 18px;
	text-transform:uppercase;
	font-size:.83em;
	font-weight:bold;
	color: #FFFFFF;
	border-bottom: 1px solid #CECBCE;
	text-align: left !important;
}

#wrapper th.shop-label {
	border-right: 1px solid #CECBCE;

}

#wrapper .emptyLi {background:#ffffff none repeat scroll 0% !important; height:18px !important; border-bottom:1px solid #C9C9C9;}

#wrapper .one .nav-button title {padding-left: 50px;}

#wrapper .one {z-index: 1000;}
#wrapper .two {z-index: 2000;}
#wrapper .three {z-index: 3000;}
#wrapper .four {z-index: 4000;}
#wrapper .four #shop { border-right: 1px solid #CECBCE;}

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}

.clearfix { display: block; }