/*------------------------------------------------------------------------------------
  Grey Pallete

  Primary:                    Secondary:
    #000                        #202020
    #333                        #505050
    #666                        #808080
    #999                        #B5B5B5
    #CCC                        #DCDCDC
    #E8E8E8                     #F4F4F4
    #FFF
    
  Reds:
    #990000
------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------
  External Stylesheets
------------------------------------------------------------------------------------*/

@import "homepage.css";
@import "products.css";

@import "sports.css";
@import "community.css";
@import "about.css";
@import "popup.css";
@import "subnav.jsp";

/*------------------------------------------------------------------------------------
  Global Styles
------------------------------------------------------------------------------------*/

* {
  padding:0;
  margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.hidden { visibility:hidden; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
a{ outline:none; }
a .activeimage{ border:1px solid #0C0C0C; }
a:hover .activeimage { border:1px solid #990000;}
.notopspacing { padding-top:0px; margin-top:0px; }
.missing{ color:orange !important; }
.formatting{ color:#33cc00 !important; }
.wamissingback{ background:#00458d !important; }

/*------------------------------------------------------------------------------------
  Main Layout
------------------------------------------------------------------------------------*/

body{
  padding:0 0 20px 0;
  background:#202020;
}

.outer{
  background:url(shadow_repeat.jpg) 50% 0 repeat-y;
}
.outer .outer{
  background:url(body_back.jpg) 50% 0px no-repeat;
}

#container{
  margin:0 auto;
  width:980px;
  overflow:hidden;
}

#header{
  height:70px;
  background:url(header.jpg) 0 0 no-repeat;
  z-index:2;
  position:relative;
}

#content{
  position:relative;
  min-height:400px;
  background:#0C0C0C;
}
/* Problems
* html #content{
  height:400px;
}
*/
.backpage #content{
  overflow:hidden;
  background:url(backpage_columns2.gif) repeat-y #0C0C0C;
  padding-bottom:20px;
}
html>body*#content{
 padding-bottom:0; 
}
#community #content{
  padding-bottom:0;
}
.full #content{
  background:#0C0C0C;
}
/* Special sections */

ul.countries li{
  list-style-type:none;
  margin:4px 0;
  line-height:24px;
}
ul.countries li img{
  vertical-align:middle;
  line-height:24px;
  padding-right:3px;
}
ul.countries li a:hover{
  border:none;
  color:#fff;
}

#oakleystore #content{
  background:#0C0C0C;
}

#oakleystore #content a.location, ul.countries li a {
  border:none;
  color:#666666;
}

#oakleystore #content a.location:hover {
  color:#990000;
}

#content .column1-4 {
  width:220px;
  float:left;
  clear:both;
}

#content .column2-4 {
  width:220px;
  float:left;
}

#content .column3-4 {
  width:220px;
  float:left;
}

#content .column4-4 {
  width:220px;
  float:left;  
}

#oakleystore #content .right {
  margin: 0px 0px 10px 20px;
}

.column1-4 li, .column2-4 li, .column3-4 li, .column4-4 li {
  list-style-type:none;
  margin:0;
}
#oakleystore li{
  margin-top:2px;
  margin-bottom:2px;
}

#oakleystore.full #content h3{
  margin-top:20px;
  margin-bottom:10px;
  font-size:14px;
}

.column1-4 h4, .column2-4 h4, .column3-4 h4, .column4-4 h4{
  color:#cccccc;
  margin-bottom:5px;
  font-size:12px;
}

#content .sidenav{
  float:left;
  width:175px;
  margin:30px 0 0 0;
  padding:0 0 0 24px;
  overflow:hidden;

}

.backpage #content .sidenav{
  float:left;
  width:175px;
  margin:2px 0px 0px 0px;
  padding:0 0 0 24px;
  overflow:hidden;
}

#content.tabbed .sidenav{
  margin-top:5px;
}
/* Hide it  for these sections */
#oakleystore #content .sidenav{
  display:none;
}

#content .container{
  float:right;
  width:690px;
  margin:0px 0 0px 0;
  padding:0 45px;
  overflow:hidden;
}

.backpage #content .container{ 
  margin-top:3px;
}

/* Extend it  for these sections */
.full #content .container{
  width:890px;
}
#oakleystore #content .container{
  width:890px;
}

.container{
  float:right;
  width:690px;
  margin:30px 0 40px 0;
  padding:0 45px;
  overflow:hidden;
}

.full .container{
  float:none;
  width:auto;
  margin-top:15px;
  padding:0 30px;
}
#content.tabbed .container{
  width:694px;
  margin:5px 24px 40px 24px;
  padding:0 15px 15px 23px;
  background:#333;
}

#content.tabbed .container ul.tabs li{
  padding-left:12px;
}

#content.tabbed .container{
  position:relative;
}

#content.tabbed .container-full {
  width:890px;
  margin:22px 24px 0px 24px;
  padding:0px 15px 15px 23px;
}

#content .container .main{
  float:left;
  width:462px;
}

#content .container .secondary{
  float:right;
  width:211px;
  margin-top:1em;
}
#content.tabbed .container .secondary{
  margin-top:15px;
}

#content .ancillary{
  padding:25px 30px 15px;
  background:url(ancillary_separator.gif) 0 0 repeat-x;
  font-size:10px;
  color:#333;
}
.articlepage #content .ancillary{
  width:690px;
  padding-left:45px;
  padding-right:45px;
  margin-left:-45px;
}

#footer{
  margin:-10px 0 0 0;
  background:url(footer_back.gif) 50% 0 no-repeat #202020;
  zoom:1;
}
#footer .inner{
  margin:0 auto;
  width:980px;
  overflow:hidden;
}

blockquote{
  margin:20px 0;
  padding:0 20px 0 50px;
  background:url(../images/quote_back_333.gif) 0 0 no-repeat;
  color:#fff;
  font-size:11px;
  line-height:1.8;
}
.tab-content blockquote{
  margin:20px 0;
  padding:0 20px 0 50px;
  background:url(quote_back.gif) 0 0 no-repeat;
  color:#fff;
  font-size:11px;
  line-height:1.8;
}

.level3 .header{
  height:80px;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.header .return a{
  border-bottom:1px dotted #999;
}

.header .return a:hover{
  border-bottom:1px solid #fff;
}

.header .return{
  text-align:right;
  float:right;
  margin:55px 25px 0 0;
  color:#fff;
}

#content .header .promo{
  float:right;
  width:210px;
  height:100%;
  /* This top padding will get overwritten with Javascript to vertically center
  This padding is for people without javascript on */
  padding-top:70px;
  padding-left:22px;
  padding-right:33px;
  color:#666;
  line-height:1.4;
}

#content .header .promo h3{
  color:#999;
  margin-bottom:-0.5em;
}

#content .header .promo a{
  border-bottom:1px dotted #666;
}

#content .header .promo a:hover{
  border-bottom:1px solid #ffffff;
}

#content .header {
  clear:both;
  position:relative;
}

#content .small {
  height:80px;
  background: url(innovation_l3_header.jpg) no-repeat;
  margin:0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
}
#content .header .herotext{
  float:left;
  display:inline;
  margin:17px 0 0 37px;
}

#content .medium {
  height:270px;
  margin:0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  background: url(fpo_medium.jpg) no-repeat;
}

#content 

#content .medium .promo {
  float:right;
  width:210px;
  height:100px;
  /* This top padding will get overwritten with Javascript to vertically center
  This padding is for people without javascript on */
  padding-top:70px;
  padding-left:22px;
  padding-right:33px;
  color:#666;
  line-height:1.4;
  margin-top:30px;
}


#content .large {
  height:330px;
  margin:0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  background: url(fpo_large.jpg) no-repeat;
}

#content .large .promo {
  right:0px;
  width:210px;
  height:200px;
  padding-left:22px;
  padding-right:33px;
  margin: 30px 0px 0px 0px;
}

#content .container li.review {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style-type:none;
  clear:both;
}

#content .container li.review img{
  float:left;
  margin:10px 0px 0px 0px;
  padding: 0px 20px 20px 0px;
}
#content .container li.review p { 
  margin:0px 0px 0px 0px;
  padding:0px 0px 10px 0px;
  float:right;
  width:430px;
}

#content .container li.review p.businessname {
  font-weight:bold;
  color:white;
  margin:-10px 0px 0px 0px;
  padding: 0px 0px 40px 0px;
}

#content #flashcontent {
  text-align:center;
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
}

#content #flashcontent #flashcontainer {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/*
.tabbed .flashblock{
  width:733px;
  margin:15px 0 15px -22px;
  z-index:10;
}
*/

/*------------------------------------------------------------------------------------
  Typography
------------------------------------------------------------------------------------*/

body{
  font-family:Verdana, Arial, sans-serif;
  font-size:11px;
  color:#999;
  line-height:1.3;
}

a{
  color:#fff;
  text-decoration:none;
}
.container a{
  border-bottom:1px dotted #ccc;
}
.container a:hover{
  border-bottom:1px solid #fff;
}

h1{
  margin:15px 0 -1em 0;
  font-size:1em;
  color:#FFF;
}

h2{
  margin:0 0 -1em 0;
  font-size:1em;
  color:#FFF;
}

h3{
  font-size:1em;
  margin:0 0 -1em 0;
  font-weight:normal;
  color:#ccc;
}
h3 a{
  color:#ccc;
}

h4, h4 a{
  font-size:1em;
  color:#999999;
  text-decoration:none;
}

h5, h5 a{
  font-size:10px;
  font-weight:bold;
  color:#666;
  margin: 15px 0px 0px 0px;
}

p.more{
  text-align:right;
}
span.more{
  padding-right:8px;
  white-space:nowrap;
  background:url(arrow_right-small.gif) 100% 4px no-repeat;
}
p.caption{
  margin:-10px 0 15px 0;
  text-align:right;
  color:#ccc;
  font-size:10px;
}
.footnote{
  font-size:10px;
  color:#666666;
  padding-bottom:10px;
}
.footnote a{
  color:#333;
  border-color:#333;
}
.footnote a:hover{
  color:#666;
  border-color:#666;
}

ul{
  list-style-type:square;
}

ol li{
  margin-left:15px;
}

.downloads a{
  color:#990000;
  text-decoration:none;
  border:none;
}

.downloads a:hover{
  color:#ffffff;
  text-decoration:none;
}

.downloads{
  height: 1%;
  margin-bottom:10px;
  padding:0 0 0 30px;
  font-size:10px;
}
.downloads ul{
  margin:0;
}
.downloads ul li{
  list-style-type:none;
  margin:0;
}
.quicktime{
  background:url(icon_quicktime.gif) 0 0 no-repeat;
}
.wmp{
  background:url(icon_wmp.gif) 0 0 no-repeat;
}

.videofeature{
  margin:10px 0;
  width:290px;
  height:80px;
  position:relative;
}
.videofeature p{
  position:absolute;
  bottom:0;
  margin:0;
  width:270px;
  height:15px;
  padding:2px 10px;
  background:url(drawers_back.png) 0 0;
}
.videofeature a, .videofeature a:hover{
  height:16px;
  width:256px;
  position:absolute;
  top:-55px;
  left:0px;
  display:block;
  font-weight:bold;
  color:#fff;
  padding-left:34px;
  padding-top:57px;
  padding-bottom:2px;
  font-size:11px;
}

.video, .video:hover{
  padding-left:24px;
  font-size:11px;
  border:none;
  background:url(icon_movie.gif) 10px 87% no-repeat;
}
.productfeature{
  margin:10px auto;
  width:215px;
  height:75px;
  position:relative;
}
.productfeature p{
  position:absolute;
  bottom:0;
  margin:0;
  width:195px;
  height:15px;
  padding:3px 10px 1px 10px;
  background:url(drawers_back.png) 0 0;
}
.productfeature a{
  display:block;
  font-size:10px;
  font-weight:bold;
  color:#fff;
  border:none;
}
.productfeature a:hover{ border:none; }

.imgpromo{
  position:relative;
  float:left;
  width:200px;
  height:75px;
  margin:6px 0px 5px 11px;
  border:3px solid #333;
}
.imgpromo p{
  position:absolute;
  bottom:0;
  width:180px;
  height:15px;
  margin:0;
  padding:2px 10px;
  background:url(drawers_back.png) 0 0;
}
.imgpromo a, .imgpromo a:hover{
  position:absolute;
  top:-25px;
  left:0px;
  display:block;
  height:16px;
  width:190px;
  padding:27px 0 2px 10px;
  font-weight:bold;
  color:#fff;
  font-size:11px;
  border:none;
}


ul.links{
  margin:10px 0;
}
.featured ul.links{
  margin:5px 0;
}
ul.links li{
  list-style-type:none;
  margin:0;
  text-transform:uppercase;
  color:#909090;
}
ul.links li a{
  padding-right:11px;
  font-size:10px;
  color:#999999;
  text-decoration:none;
  background:url(arrow_right-body.gif) 100% 50% no-repeat;
}

ul.articles{
  margin:15px 0;
  list-style-type:none;
  font-size:9px;
}
ul.articles li{
  margin:10px 0;
  padding:0;
}
ul.articles h4, ul.articles h4 a, ul.articles h4 a:hover{
  margin:0;
  border:none;
  font-size:10px;
  color:#fff;
}
ul.articles p{
  margin:0;
}

ol{
  margin:15px 0 15px 15px;
}
ol ol{
  margin:5px 0 5px 0px;
  list-style-type:lower-alpha;
}

.rule{
  margin:17px 0 15px 0;
  height:2px;
  line-height:1px;
  font-size:1px;
  background:url(main_rule_dark.gif) 0 0 repeat-x;
}
.tabbed .rule{
  background:url(main_rule.gif) 0 0 repeat-x;
}

.rule_light{
  margin:10px 0 0px 0;
  height:2px;
  line-height:1px;
  font-size:1px;
  background:url(../images/main_rule_light.gif) 0 0 repeat-x;
}

.featured .rule{
  height:2px;
  background:url(featured_rule.gif) 50% 0 no-repeat;
}

.shadowrule{
  margin:5px 0 15px -45px;
  height:25px;
  line-height:1px;
  font-size:1px;
  background:url(shadow_rule.gif) 0 0 repeat-x;
  width:980px;
}
#mailinglists .shadowrule {
	margin-top: -12px;
	margin-bottom: -12px;
}

.left{
  margin:15px 15px 15px 0;
}
.topimg{
  margin-top:10px;
}
.picture{
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.picture p{
  margin:3px 0;
  text-align:right;
  font-size:10px;
  color:#ccc;
}
.right{
  margin:15px 0 15px 15px;
}
.positive{
  color:#1d8417;
}
.negative{
  color:#841717;
}

/*------------------------------------------------------------------------------------
  Forms
------------------------------------------------------------------------------------*/

table.form{
  width:390px;
  border-spacing:1px;
}
table.form th{
	width:120px;
	text-align:right;
	font-weight:normal;
	color:#fff;
	background:#292929;
	border-left:3px solid #404040;
	padding: 3px;
	line-height: 1em;
}
table.form th.heading{
	width:auto;
	background:#202020;
	border:none;
	text-align:left;
	font-weight:bold;
	padding: 5px;
}

.tabbed table.form th{
  width:120px;
  padding:2px 2px;
  text-align:right;
  font-weight:normal;
  color:#fff;
  background:#505050;
  border-left:3px solid #666;
}

table.form td{
	padding-left:3px;
	height: 25px;
	padding-top: 1px;
	padding-bottom: 1px;
}

select{
  font-family:Arial, Verdana, sans-serif;
  font-size:12px;
  color:#FFF;
  background:#292929;
  border:1px solid #141414;
}

.tabbed select{
  font-family:Arial, Verdana, sans-serif;
  font-size:12px;
  color:#FFF;
  background:#505050;
  border:1px solid #141414;
}

table.form select{
  width:256px;
  padding-top:2px;
  padding-bottom:2px;
}

input.textfield{
	width:250px;
	background:#292929;
	border:1px solid #141414;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	font-size:12px;
	color:#fff;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 18px;
}

.tabbed input.textfield{
  width:250px;
  padding:3px 2px 2px 2px;
  background:#505050;
  border:1px solid #141414;
  border-right:1px solid #666;
  border-bottom:1px solid #666;
  font-size:11px;
  color:#fff;
}

.formactions{
  width:390px;
  height:20px;
  padding:5px 2px 2px 2px;
  text-align:right;
}
.formactions .submit{
  float:right;
}
.formactions .cancel{
  float:left;
}

.required{
  color:#ff0000;
  font-weight:bold;
}

label.checkbox{
  margin:5px 0;
  display:block;
}
.sportssurvey label.checkbox{
  float:left;
  width:200px;
}
.catalogmailers{
  margin-top:20px;
}
.newsletters label.checkbox .label{
  float:left;
  margin-top:-2px;
}
.newsletters label.checkbox input{
  float:left;
}
.newsletters label.checkbox{
  padding-top:15px;
  clear:both;
}

.formErrors{
  color:#990000;
  font-weight:bold;
}

/*------------------------------------------------------------------------------------
  Tables
------------------------------------------------------------------------------------*/

table.data{
  margin:20px 0 20px -2px;
  width:100%;
  border-spacing:1px;
}

table.data th, table.data td{
  padding:5px 5px;
  text-align:left;
}

table.data th{
  color:#FFF;
  background:#1a1a1a;
}

table.data td{
  color:#ccc;
  background:#292929;
}
table.data .even td{
  background:#333333;
}

table.washinguide{
  border-spacing:0;
  border-collapse:collapse;
}
table.washinguide td, table.washinguide .even td{
  vertical-align:middle;
  line-height:45px;
  background:#333333;
}
table.washinguide td img{
  margin-right:10px;
}

.tabbed table.data td {
  color:#ccc;
  background:#505050;
}

.tabbed table.data td{
  color:#ccc;
  background:#505050;
}
.tabbed table.data .even td{
  background:#666;
}

.itemlisting h2{
  float:left;
  margin-bottom:-15px;
}
.itemlisting table{
  margin:0;
  width:100%;
  border-spacing:0;
  border-collapse:collapse;  
}

.itemlisting .table{
  background:url(itemlisting_top.gif) 0 0 no-repeat #1f1f1f;
}
.itemlisting .table .inner{
  padding:15px 7px;
  background:url(itemlisting_bottom.gif) 0 100% no-repeat;
}

.itemlisting table th, .itemlisting table td{
  padding:4px 15px 4px 16px;
  text-align:left;
  color:#505050;
}
.itemlisting a{
  color:#505050;
  border-color:#505050;
}
.itemlisting a:hover, .itemlisting .hover a{
  color:#fff;
  border-color:#fff;
}
.itemlisting table .hover td{
  color:#fff;
}
.itemlisting table th{
  color:#999;
}
col{
  background:url(dotted_itemlisting.gif) 0 0% repeat-y;
}
col.first{
  background:transparent;
}

.paging{
  float:right;
  width:105px;
  height:13px;
  margin-top:13px;
  margin-bottom:8px;
}
.toppaging{
  margin-top:0;
}
.paging .previous{
  float:left;
  width:56px;
  height:13px;
  font-size:1px;
  text-indent:-9999px;
  background:url(btn_previous.gif) 0 0 no-repeat;
  border:none;
}
.paging .previous:hover{
  border:none;
  background-position:0 -13px;
}
.paging .next{
  float:right;
  width:38px;
  height:13px;
  font-size:1px;
  text-indent:-9999px;
  background:url(btn_next.gif) 0 0 no-repeat;
  border:none;
}
.paging .next:hover{
  border:none;
  background-position:0 -13px;
}

table.stocks{
  width:100%;
}
table.stocks th, table.stocks td{
  text-align:left;
  vertical-align:top;
}
table.stocks th{
  font-weight:normal;
}
table.stocks td{
  font-weight:bold;
}




/*------------------------------------------------------------------------------------
  Widgets
------------------------------------------------------------------------------------*/

.columns{
  margin:15px 0;
}
.twocol .lcol{
  float:left;
  width:48%;
}
.twocol .rcol{
  float:right;
  width:48%;
}

.floatingpane{
	width:211px;
	margin-right: 2px;
}
* html .floatingpane {margin-right:-10px;}
.floatingpane .inner {
  padding:0px 0px 0px 0px;
  width:235px;
  background:url(articleswell_background.gif) repeat-y;
}

.floatingpane .inner .top {
  background:url(articleswell_top.gif) no-repeat;  
  height:30px;
}

.floatingpane .inner .bottom {
  background:url(articleswell_bottom.gif) no-repeat;  
  height:13px;
  width:235px;
  z-index:1;
  position:relative;
  bottom:-13px;
  padding-top:0px;
  margin-top:0px;
}

.floatingpane .inner .top h3 {
  margin:0px 0px 0px 0px;
  padding:16px 0 0 16px;
  color:#fff;
}

.floatingpane .inner ul {
  padding:0px 16px 0px 16px;
  margin:0px 0px 10px 0px;
}

.floatingpane .inner ul li h4 {
  margin-bottom:15px;
}

.floatingpane .inner ul li h4 a {
  font-size:9px;
}

.floatingpane .inner p {
  font-size:9px;
  margin-top:10px;
}

.floatingpane .inner p.more {
  width:225px;
  height:16px;
  float:right;
  font-size:9px;
  margin:0px 10px 0px 0px;
  padding:0px 0px 0px 0px;
  background:url(right_arrow.gif) right 4px no-repeat transparent;
  z-index:25;

}

.floatingpane .inner p.more a {
  margin-right:10px;
  color:#cccccc;
  z-index:30;
}

.secondary .pane{
  margin:0 0 20px 0;
  background:#313131;
}

.secondary .pane .inner{
  padding:14px;
}

.secondary .pane a, .secondary .tab-content a{
  color:#999;
  border-color:#999;
}

.secondary .pane a:hover, .secondary .tab-content a:hover{
  color:#ccc;
  border-color:#ccc;
}

.spacer{
  margin:20px 0;
}

dl.articles{ margin:2px 0 11px 0; }
dl.articles dt{
	float:left;
	width:80px;
	clear:left;
	padding:9px 0 10px 0;
}
dl.articles dd{
	margin:0 0 0 80px;
	padding:9px 0 10px 0;
	border-bottom:1px dotted #333;
}
* html dl.articles dd{ text-indent:-3px; } /* IE 3-pixel jog */
dl.articles a{
  border:none;
}

.archives{
  margin:10px 0 20px 0;
}

ul.archive, ul#vidnav{
  margin:0;
  padding-top:20px;
  clear:both;
}
ul.archive li, ul#vidnav li{
  list-style-type:none;
  float:left;
  margin:0 10px 0 0;
}
ul#vidnav li{
  height:28px
}
ul.archive li.year{
  background:transparent;
}
ul.archive li a, ul#vidnav li a{
  border:none;
  padding:2px 6px 4px 6px;
  background:#333;
}
ul.archive li a:hover, ul#vidnav li a:hover{
  border:none;
  background:#666;
}
ul#vidnav li a.selected{
  background:#990000;
}

/*------------------------------------------------------------------------------------
  Header
------------------------------------------------------------------------------------*/

h2#logo{
  float:left;
  margin:0;
  width:178px;
  height:70px;
}
h2#logo a{
  float:left;
  width:178px;
  height:70px;
  text-indent:-9999px;
  text-decoration:none;
}

ul#gnav{
  float:right;
  margin:6px 0 0 0;
  width:416px;
  height:27px;
}
ul#gnav li{
  display:inline;
  list-style-type:none;
  margin:0;
}
ul#gnav li a{
  float:left;
  height:27px;
  text-decoration:none;
  text-indent:-9999px;
  background:url(gnav_matrix.gif);
}
ul#gnav li.cart a{
  width:48px;
  background-position:0 0;
}
ul#gnav li.cart a:hover{
  background-position:0 -27px;
}
ul#gnav li.orderstatus a{
  width:87px;
  background-position:-48px 0;
}
ul#gnav li.orderstatus a:hover{
  background-position:-48px -27px;
}
ul#gnav li.storelocator a{
  width:96px;
  background-position:-135px 0;
}
ul#gnav li.storelocator a:hover{
  background-position:-135px -27px;
}

ul#gnav li.search {
  margin-left:0;
}

ul#gnav li.search form{
  padding:5px 0 0 0;
}
#gnav li.search img {
  vertical-align:top;
  position:relative;
  top:0;
}
html>body*#gnav li.search img{
  display:none;
}
ul#gnav li.search input.textfield{
  width:135px;
  height:13px;
  padding:4px 5px 0 5px;
  border:none;
  font-size:9px;
  color:#393939;
  background:url(search_repeat.gif) 0 0 repeat-x;
}
html>body*#gnav li.search input.textfield{
  width:160px;
}

ul#nav{
  float:right;
  clear:right;
  margin:0;
  width:428px;
}
ul#nav li{
  float:left;
  list-style-type:none;
  margin:0;
}
ul#nav li a{
  float:left;
  height:37px;
  text-decoration:none;
  text-indent:-9999px;
  background:url(nav_matrix.gif);
}
ul#nav li.products a{
  width:100px;
  background-position:0 0;
}
ul#nav li.products a:hover, ul#nav li.productshover a{
  background-position:0 -74px;
}
ul#nav li.products a.selected{
  background-position:0 -37px;
}
ul#nav li.innovation a{
  width:117px;
  background-position:-100px 0;
}
ul#nav li.innovation a:hover, ul#nav li.innovationhover a{
  background-position:-100px -74px;
}
ul#nav li.innovation a.selected{
  background-position:-100px -37px;
}
ul#nav li.sports a{
  width:89px;
  background-position:-217px 0;
}
ul#nav li.sports a:hover, ul#nav li.sportshover a{
  background-position:-217px -74px;
}
ul#nav li.sports a.selected{
  background-position:-217px -37px;
}
ul#nav li.community a{
  width:122px;
  background-position:-305px 0;
}
ul#nav li.community a:hover, ul#nav li.communityhover a{
  background-position:-305px -74px;
}
ul#nav li.community a.selected{
  background-position:-305px -37px;
}


ul#nav li.products li a, ul#nav li.innovation li a, ul#nav li.sports li a, ul#nav li.community li a { width:auto; }

/* Dropdowns */

ul#nav li{ position:relative; }

ul#nav ul{ 
  position:absolute;
  left:-7px;
  top:0px;
  float:none;
  clear:none;
  margin:37px 0 0 7px;
  padding:5px 0 10px 0;
  width:152px;
  background: url(dropdown_back.png);
}
ul#nav .community ul{
  width:117px;
  left:-1px;
}
ul#nav .innovation ul{
  left:0;
}
ul#nav .innovation ul ul{
  left:154px;
}

ul#nav li li{
  float:none;
}
ul#nav li li a{
  display:block;
  float:none;
  height:20px;
  padding:0 0 0 17px;
  line-height:20px;
  text-indent:0;
  color:#fff;
  background:transparent;
}
ul#nav li li a:hover, ul#nav li li.hover a, ul#nav li li.hover li a:hover, ul#nav li li.hover li.hover a{
  background-color:#990000;
}
ul#nav li li.hasChildren a:hover, ul#nav li li.hasChildren.hover a{
  background-image:url(more_nav.gif);
  background-position: 140px 50%; 
  background-repeat:no-repeat;
}
ul#nav li li.hover li a{
  background:transparent;
}
ul#nav li li.hasChildren.hover li a, ul#nav li li.hasChildren li a:hover{
  background-image:none;
}

/* Second Level */

ul#nav ul ul{
  left:154px;
  margin:-4px 0 0 0;
  padding:4px 0 10px 0;
}

/*------------------------------------------------------------------------------------
  Page Top Bar
------------------------------------------------------------------------------------*/

.pageinfo{
  height:28px;
  padding:0 0 0 37px;
  background:url(topbar_back.gif) 0 0 repeat-x;
}

.pageinfo ul#secnav{
  float:right;
  margin: 0px 0px 0px 0px;
}
.pageinfo ul#secnav li{
  list-style-type:none;
  display:inline;
  margin:0;
}
.pageinfo ul#secnav li.video{
  padding-left:0;
  background:transparent;
}
.pageinfo ul#secnav li a{
  float:left;
  height:28px;
  font-size:1px;
  text-decoration:none;
  text-indent:-9999px;
}
#secnav a{ width:1px; }

.breadcrumb{
  text-transform:capitalize;
  font-size:10px;
  line-height:28px;
  color:#666;
}
.breadcrumb a{
  color:#666;
  text-decoration:none;
}
.breadcrumb span.selected{
  color:#990000;
}

/*------------------------------------------------------------------------------------
  Side Navigation
------------------------------------------------------------------------------------*/

ul.side{
  margin:0px 0px 30px 0px;
}

ul.side li{
  list-style-type:none;
  margin:0;
  line-height:18px;
}

ul.side li a{
  color:#808080;
  text-decoration:none;
  border:none;
}

ul.side li a:hover{
  color:#990000;
}

ul.side li a.selected{
  color:#990000;
}


ul.side ul {
	margin:5px 12px 5px 0;
	border-top: 1px dotted #717171;
	border-bottom: 1px dotted #717171;
	padding:5px 0;
}

ul.side ul li {
	padding-left:10px;
}

/*------------------------------------------------------------------------------------
  Sidebar
------------------------------------------------------------------------------------*/

.tabbed .container .secondary {
  font-size:10px;
}

.imagepromo p {
  color:#808080;
  margin:5px 0;
}

.sidebar {
  background:url(sidebar_top.gif) 0 0 no-repeat #212121;
}

.sidebar .inner {
  margin:20px 0;
  padding:14px;
  background:url(sidebar_bottom.gif) 0 100% no-repeat;
}

.sidebar .rule {
  height:2px;
  margin:15px 0;
  background:url(sidebar_rule.gif) 0 0 repeat-x;
}

.sidebar ul li {
  list-style-type:none;
  margin:7px 0 7px 5px;
  padding:0 0 0 13px;
  background:url(bullet_sidebar.gif) 0 4px no-repeat;
}

.sidebar .inner h3 {
  margin:10px 0px 0px 0px;
}

.sidebar .inner p.vid {
  padding:0px 0px 0px 24px;
  margin: 0px 0px 0px 0px;
  background:url(icon_movie.gif) 0px no-repeat;
  border:none;
}

.sidebar .inner a.vid {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  background:none;
}


/*------------------------------------------------------------------------------------
  Mainbar
------------------------------------------------------------------------------------*/

.mainbar {
  background:url(mainbar_top.gif) 0 0 no-repeat #212121;
  padding:0;
  margin:0;
}

.mainbar .inner {
  margin:20px 0;
  padding:14px 0 0 14px;
  background:url(mainbar_bottom.gif) 0 100% no-repeat;
  display:block;
  height:auto;
}

.mainbar .inner h2 {
  margin: 0;
}

.mainbar .inner .lcol { width:180px; float:left; }
.mainbar .inner .rcol { width:180px; padding:0 0 0 20px; float:right; clear:none; background: url(brochure_separator.gif) no-repeat; }

/*------------------------------------------------------------------------------------
  Tabs
------------------------------------------------------------------------------------*/

ul.tabs{
  display:none;
  width:932px;
  height:27px;
  margin:0 0 0 -23px;
  background:#0C0C0C;
  float:left;
}

.hasJavascript ul.tabs {
  display:block;
}

.container-full ul.tabs{
  width:109px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  background:#0C0C0C;
}

ul.tabs li{
  list-style-type:none;
  float:left;
  margin:0;
  height:27px;
  line-height:27px;
  padding:0 15px 0px 0px;
  background:url(bodytab_inactive.gif);
  background-position:100% 0;
}


.container-full ul.tabs li{
  list-style-type:none;
  font-size:10px;
  float:left;
  margin:0;
  width:129px;
  height:35px;
  line-height:35px;
  background:url(bodytab2_inactive.gif);
}

ul.tabs li.active{
  background:url(bodytab_active.gif);
}

.container-full ul.tabs li.active{
  color:#ffffff;
  background:#303030;
  background-position:100% 0px;
}

.container-full ul.tabs #first.active{
  background:url(bodytab2_active.gif);
}

.container-full ul.tabs li a{
  display:block;
  padding:0 5px 0px 8px;
}
.container-full ul.tabs li.active a{
  color:#ffffff;
}


ul.tabs li.last{
  border-right:1px solid #0c0c0c;
}

.container-full ul.tabs #last.active{
  height:27px;
}

.container-full ul.tabs #last{
  border-right:none;
  height:33px;
}

ul.tabs li a{
  border:none;
  color:#666;
}

ul.tabs li a:hover{
  color:#CCC;
  border:none;
}

ul.tabs li.active a{
  color:#808080;
  font-weight:bold;
}

.tab-content {
  display:block;
  float:left;
  padding-top:30px;
}

.hasJavscript .tab-content {
  display:none;
}


.tab-content .lcolumn {
  float:left;
  width:45%;
}

.tab-content .rcolumn h4 {
  color:#ffffff;
  font-size:10px;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.tab-content .rcolumn p {
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.tab-content .rcolumn {
  font-size:9px;
  border-left:1px dotted #cccccc;
  padding:0px 20px 0px 20px;
  margin:20px 0px 20px 0px;
  float:right;
  width:45%;
}

.container-full .tab-content{
  float:right;
  width:880px;
  height:315px;
  overflow:hidden;
  padding:0 10px 0 30px;
  margin:0;
}

.hasJavascript .container-full .tab-content{
  width:711px;
}
.hasJavascript .tab-content{
  display:none;
}
.container-full .tab-content h3 {
  margin-top:20px;
}

div.active, .hasJavascript .container-full .tab-content.active{
  display:block;
}

.container-full div.active{
  display:block;
  background:url(tabbed_active_background.gif) repeat-x #303030;
}
.hasJavascript div.active{
  display:block;
}

.container-full div.active p {
  padding:12px 0px 0px 0px;
}


.container-full div.active a {
  border-bottom:1px dotted #575757;
}

.container-full div.active a:hover {
  border-bottom:1px solid #ffffff;
}

.secondary ul.tabs{
  margin-left:0;
}
.secondary .tab-content{
  padding:5px 15px;
}

#content.tabbed .container-full .tab-content img.flush{
	float:right;
	line-height:1px;
	font-size:1px;
	padding:0px;
	margin: 7px -3px 7px 25px;
}

#content.tabbed .container-full ul.tabs li {
  display:block;
  clear:left;
}

/* Sub-masthead on tabbed pages */
#content .submast{
  background:#0c0c0c;
  padding:10px 0 20px 0;
  width:732px;
  margin:-10px 0 0 -23px;
}


/*------------------------------------------------------------------------------------
  Footer
------------------------------------------------------------------------------------*/

#footer{
  font-size:10px;
  color:#505050;
  text-align:right;
}

#footer a, ul#fnav{
  color:#999999;
  text-decoration:none;
}
#footer a:hover{
  color:#B5B5B5;
  border-bottom:1px dotted #B5B5B5;
}

ul#fnav{
  margin:26px -10px 0 0;
}
ul#fnav li{
  display:inline;
  list-style-type:none;
  margin:0;
  padding:0 10px 0 12px;
  background:url(fnav_separator.gif) 0 2px no-repeat;
}
ul#fnav li.first{ background:transparent; }

p.copyright{
  margin:5px 0;
}
#footer .copyright a{
  color:#505050;
  border:none;
}
#international{
	float: left;
	margin: 26px 0 0 0;
	width: 250px;
	padding: 0;
}
#international li{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
#international li a{
	display: inline;
	float: left;
	line-height: .1em;
	padding: 1px;
	background: #000 url(austria.jpg) no-repeat 1px 1px;
	border: 1px solid #333;
	margin: 0 5px 0 0;
	width: 23px;
	height: 11px;
	text-indent: -5000px;
	text-align: left;
}
#international li a:hover{
	border: 1px solid #666;
}
#international li#int_label{border-left: 1px dotted #333; margin-left: 3px; padding-left: 5px; color: #505050; width:100px; text-align:left;}
#international li.selected a{border-color: #900;}
#international a#usa{background-image: url(austria.jpg);}
#international a#can{background-image: url(canada.gif);}
#international a#aus{background-image: url(australia.gif);}
#international a#jap{background-image: url(japan.gif);}

/*------------------------------------------------------------------------------------
  Careers Specific Styles
------------------------------------------------------------------------------------*/

#careers #content .container .main{
  width:320px;
}
#careers #content .container .secondary{
  width:555px;
}

#careers #content  .container {
  width:889px;
}

/*------------------------------------------------------------------------------------
  Investors Specific Styles
------------------------------------------------------------------------------------*/

#investors #content .container .main{
  width:325px;
}
#investors #content .container .secondary{
  width:325px;
  overflow:hidden;
}

#investors .pane{
  background:url(secondarypane_top.gif) 0 0 no-repeat #1f1f1f;
}
#investors .pane .inner{
  background:url(secondarypane_bottom.gif) 0 100% no-repeat;
}

#investors .secondary{
  font-size:10px;
}

#investors .secondary .pane .rcol{
  margin-top:8px;
  width:60%;
}
#investors .secondary .pane .lcol{
  width:38%;
}
#investors .secondary .pane .rule{
  margin-top:10px;
}

#investors .secondary .tab-content{
  padding-top:15px;
  background:#1f1f1f;
}
#investors .secondary ul.tabs li{
  padding-left:12px;
}
#investors .secondary ul.tabs li.active{
  background:url(secondarytab_active.gif) 100% 0 no-repeat;
}
#investors .secondary ul.tabs li.last{
  border-right:1px solid #0c0c0c;
  background-position:95% 0;
}
#investors .articles{
  margin:20px 0 30px;
}

/*------------------------------------------------------------------------------------
  sIFR
------------------------------------------------------------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #products #content #extra h1 {
    font-size:15px;
	visibility: hidden;
}

.sIFR-hasFlash #community .secondary h2 {
    font-size:15px;
	visibility: hidden;
}

.sIFR-hasFlash #about .secondary h2 {
    font-size:16px;
    line-height:16px;
	visibility: hidden;
}

.sIFR-hasFlash .sifrhero h1 {
  margin:0;
  font-size:16px;
  line-height:18px;
	visibility: hidden;
}
.sIFR-hasFlash #innovation .large .sifrhero h1 {
  margin:0;
  font-size:20px;
  line-height:22px;
	visibility: hidden;
}

.sIFR-hasFlash .sifrhero h2 {
    font-size:15px;
    line-height:18px;
	visibility: hidden;
}

.sIFR-hasFlash .sifrhero h3 {
    font-size:15px;
    line-height:18px;
	visibility: hidden;
}

.sIFR-hasFlash .sifrhero p {
    font-size:12px;
    line-height:12px;
	visibility: hidden;
}

.sIFR-hasFlash #innovation .pane h2 {
  font-size:15px;
  line-height:18px;
	visibility: hidden;
}

.flashvid-submast h2{
  font-size:15px;
  line-height:18px;
	visibility: hidden;
}




/*------------------------------------------------------------------------------------
  Lightbox
------------------------------------------------------------------------------------*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #ccc;
	width: 250px;
	padding:0;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer, #lightboxContent{
  padding:0 0 10px 0;
	z-index:110;
	}
	
#imageContainer{
  padding:10px;
}
	
#lightboxContent embed, #lightboxContent object { 
	z-index:120; 
	position:relative; 
	top:0; 
	margin-top:10px;
	left:0;}

#imageDataContainer{
	background-color: #ccc;
	width: 250px;
	padding:10px 0;
	height: 12px;
	margin: 0 auto;
	position:relative;
	}
#bottomNav{
  float:right;
  position:relative;
  bottom:10px;
  padding-right:10px;
}
#bottomNav a{
  position:relative;
  color:#808080;
  width:72px;
  height:21px;
  background:url(lightbox_close.gif) 100% 0 no-repeat;
  display:block;
  margin-top:6px;
}
#caption{
  float:left;
  color:#808080;
}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
	
	
.legendbar{
  background:#000;
  border-top:1px solid #333;
  width:100%;
  height:40px;
  position:fixed;
  bottom:0;
  z-index:500;
  opacity:0.8;
}
* html .legendbar{
  display:none;
}
.legendbar p{
  width:980px;
  margin:0 auto;
  line-height:40px;
}

.legendblock{
  padding:0 7px;
  width:1px;
  height:12px;
  margin-right:5px;
  display:inline-block;
}

.legendbar strong{
  font-weight:normal;
  color:#fff;
}

.legendbar .missing{
  background:orange;
}
.legendbar .formatting{
  background:#33cc00;
}
.legendbar .factorylabs{
  background:yellow;
}
.legendbar .wamissing{
  background:#00458d;
}

.legendbar a{
  width:50px;
  float:right;
}

/*------------------------------------------------------------------------------------
  Style Order (suggested)
------------------------------------------------------------------------------------*/

#sample{
  display:inline;
  list-style-type:none;
  position:absolute;
  top:0;
  left:0;
  float:left;
  margin:0;
  padding:0;
  width:0;
  height:0;
  font-family:Arial;
  font-size:11px;
  text-indent:-9999px;
  text-decoration:none;
  text-transform:uppercase;
  color:#fff;
  background:#000;
}

.filesize {
	font-weight:normal;
}