@charset "UTF-8";
/* CSS Document */


#hd {margin: 10px 0 10px 0}
#ft {margin: 20px 0 0 0;  clear:both; background-color:#BBBBBB; height:22px; padding-top:6px;  }

.yui-g { height-min:10px;}		/* affects height of footer div */
#bd {background-color:none;}

.clearBoth {clear:both;}
.clearRight {clear:right;}
.clearLeft {clear:left;}

.menu 					{margin:0 auto; padding:0; height:30px; width:100%; display:block; 
							background:url('../images/general/topMenuImages.png') repeat-x;}
.menu li 				{padding:0; margin:0; list-style:none; display:inline;}
.menu li a				{float:left; padding-left:15px; display:block; color:rgb(255,255,255); 
							text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; 
							background:url('../images/general/topMenuImages.png') 0px -30px no-repeat; border-right: 1px solid white;}
.menu li a span 		{line-height:30px; float:left; display:block; padding-right:15px;
						 background:url('../images/general/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover		{background-position:0px -60px; color:#888888;}
.menu li a:hover span 	{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover {line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; 
							background:url('../images/general/topMenuImages.png') 0px -90px no-repeat; color:rgb(136,136,136);}
.menu li a.active span, .menu li a.active:hover span {background:url('../images/general/topMenuImages.png') 100% -90px no-repeat;}

.relativePosition 		{position:relative;}

.subnav_level2 			{font-size:12px;margin-top:8px; bottom-margin:20px;}
.subnav_level2 a 		{text-decoration:none; color:#888888;}
.subnav_level2 a:hover 	{background-color:none; color:#33FF00;}
.selected 				{color:#33FF00;}
.spaceBelow2ndLevelNav 	{margin-bottom:20px;}
.spaceBelow1stLevelNav 	{margin-bottom:30px;}
.spaceAboveMainPicture 	{margin-top:30px;}
.spaceBelowMainPicture 	{margin-bottom:20px;}

/* These classes defines offsets at which to start subnavs so they line up with parent block in 1st level nav */
/* Only subHeadwear is currently being used */
.subHeadwear 			{padding-left: 50px;}
.subAccessories 		{padding-left:150px;}
.subApparel 			{padding-left:250px;}
.subSustainability 		{padding-left:350px;}
.subGetInvolved 		{padding-left:450px;}
.subAboutUs 			{padding-left:550px;}

span.subnav_level3 a {block:in-line; text-decoration:none; color:#9966FF;}
span.subnav_level3 a:hover: {block:in-line; color:blue;}

#doc2 #bd .yui-g .subnav_level3 {color: #CC99FF; text-decoration: none;}
#doc2 {margin-left:20px;}

	   
#divsubnav {clear: left;margin-top: 10px;position: static;}

ul.footerNav {list-style-type:none; padding-left:0; margin-left:120px;margin-top:0px;}
ul.footerNav li {display:inline; font-size: 12px; color: white;}
ul.footerNav a {border:none;padding: 0 0 0 0; background-color:none; color:white; text-decoration:none;}
ul.footerNav a:hover { color: black; font-weight:normal;}
.footerStyle {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-top: 12px;}

.captions_blue {font-size:10px;color:#3333CC;padding-top: 6px;}
.captions_LookBookblue {font-size:11px; color:#7b93AD; padding-top: 6px;}
.captions_grey {font-size:11px;color:#777777;padding-top: 6px; font-family: Arial, Helvetica, sans-serif;}
.bodyText {
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#777777;
		padding-top: 6px;
	}	
.bodyTextGreyedOut {
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#BBBBBB;
		padding-top: 6px;
	}
.bodyTextFocus {
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#3333CC;		/* vs light blue: #0099CC */
		padding-top: 6px;
	}	
.bodyTextSmall {font-size:10px;}

.titleText {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#3333CC;			/* vs light blue: #0099CC */
	text-transform: uppercase;
	padding-top:10px;
	}
	
.inLineTitle {color:black; font-size: 12px; font-weight:normal; }
.inLineTitleFocus {color:#3333CC; font-size: 12px; font-weight:bold; }
.inLineTitleGreyedOut {color:#BBBBBB; font-size: 12px; font-weight:bold; }

.subHeadFocus     {font-family:Arial,Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#3333CC; margin-top:6px;}
.subHeadGreyedOut {font-family:Arial,Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#BBBBBB; margin-top:6px;}
.linksTitle { font-size:11px; font-weight:bold; font-color:#3333CC; margin-top:10px;}
.links li {font-size:11px; font-weight:normal;}
.links li a:hover {color:red;}
.link  {font-size:11px; font-weight:normal;} 
.link a:hover {color:red;}
.captions_red {font-size:10px; color: #EE0000; margin-top: 6px;}
.text_blue { color:#3333CC;}	/* versus light blue 0099CC */
.hrefLink {color:#3333CC;}		/* bersus light blue 0099CC */
h2 {color:#3333CC; font-size: 14px; font-weight:bold; padding-top:10px; padding-bottom:10px;}	/* vs light blue 0099CC */
.style1 {font-size:10px; color: #EE0000; margin-top: 6px;}
.style3 {color:#EE0000; font-size: 56px;}
.style4 {color:#DD0000; font-size: 11px;}
.style6 {color:#DD0000; font-size: 10px;}