/******************************************************************************/
/*                                                                            */
/* Licensed Materials - Property of IBM, 5724-B88,                            */
/* (C) Copyright IBM Corp. 2001, 2003 - All Rights reserved.                  */
/*                                                                            */
/* Theme: 3M.com                                                              */
/*                                                                            */
/* This file is designed for use with others.                                 */
/*                                                                            */
/* This CSS file was programatically generated using the configuration        */
/* information from CssStyles_NoFontFamilyLargerSizes.properties.             */
/*                                                                            */
/******************************************************************************/
/******************************************************************************/
/* General styles                                                             */
/******************************************************************************/
/******************************************************************************/
/* Styles used in the header or other common sections of the page             */
/******************************************************************************/

/* banner at the top of the page */
.wpsPortalBanner { background-color: #EFDFBF; background-repeat: no-repeat; }

/* text on banner at the top of the page */
.wpsPortalBannerText {  font-size: 11pt; color: #000000; font-weight: bold;}

/* bar under border containing the page group dropdown and login, etc. buttons */
.wpsToolbar { background-color: #AD9A85;  font-size: 11pt; color: #ffffff; }

/* These classes define the link color for the text which can be found on the navigation bar. */
.wpsToolBarLink, .wpsToolBarLink:visited, .wpsToolBarLink:hover   { color:#000000; text-decoration: none; }

/* bar under toolbar that shows the page groups */
.wpsNavbar { background-color: #3E3D3D;  font-size: 11pt; color: #ffffff; font-weight: bold; }

/* vertical separator between page tabs on navbar */
.wpsNavbarSeparator { background-color: #666666; }

/* unselected tabs */
.wpsTabs, .wpsTabs:visited, .wpsTabs:hover, .wpsTabs:active    {  font-size: 11pt; font-weight: bold; color: #997D77; text-decoration: none; }

/* selected tab */
.wpsSelectedTab, .wpsSelectedTab:visited, .wpsSelectedTab:hover, .wpsSelectedTab:active {  font-size: 11pt; font-weight: bold; color: #ffffff; text-decoration: none; }

/* unselected group tabs */
.wpsGroupTabs, .wpsGroupTabs:visited, .wpsGroupTabs:hover, .wpsGroupTabs:active    {  font-size: 11pt; color: #000000; font-weight: bold; text-decoration: none; background-color: #877969; }

/* selected group tab */
.wpsGroupSelectedTab, .wpsGroupSelectedTab:visited, .wpsGroupSelectedTab:hover, .wpsGroupSelectedTab:active {  font-size: 11pt; font-weight: bold; color: #ffffff; text-decoration: none; background-color: #3E3D3D; }

/* TREE NAVIGATION */
.wpsNavSelectedNode, .wpsNavSelectedNode:visited, .wpsNavSelectedNode:hover, .wpsNavSelectedNode:active                 {  font-size: 11pt; color: #000000; background-color: #ffffff; text-decoration: none; }
.wpsNavUnSelectedNode, .wpsNavUnSelectedNode:visited, .wpsNavUnSelectedNode:hover, .wpsNavUnSelectedNode:active         {  font-size: 11pt; color: #000000; background-color: #EFEFEF; text-decoration: none; }
.wpsNavUnSelectableNode, .wpsNavUnSelectableNode:visited, .wpsNavUnSelectableNode:hover, .wpsNavUnSelectableNode:active {  font-size: 11pt; color: #aaaaaa; background-color: #EFEFEF; text-decoration: none; }
.wpsNavLevel1 { font-weight: bold; }

/* portlet title text style */
.wpsPortletTitle { background-color: #252525; color: #ffffff; font-weight: bold;  font-size: 11pt; }

/******************************************************************************/
/* Special styles for administration                                          */
/******************************************************************************/
/* enroll screen background */
.wpsEnrollBack  { background-color: #FFFFCC; }

/* admin portlets: header bar and task manager selected tab*/
.wpsTableAdminHead {color: #000000; background-color: #CCCCCC;  font-size: 11pt;}

/* admin portlets: task manager unselected tabs */
.wpsTaskManagerUnselected {color: #000000; background-color: #999999;  font-size: 11pt;}

/* admin portlets: color for separator lines - matches icon background */
.wpsAdminHeadSeparator { background-color: #999999; }

/* admin portlets: text for tasks on header bar */
.wpsTaskIconText {color: #333333;  font-size: 11pt; font-weight: bold; }

/* text labels for icons in portlet body */
.wpsDialogIconText {color: #666666;  font-size: 10pt; font-weight: bold; }

/* text labels for disabled icons in portlet body */
.wpsDialogDisabledIconText {color: #CFC5C5;  font-size: 10pt; font-weight: bold; }

/******************************************************************************/
/* Styles used in portlets                                                    */
/******************************************************************************/
/* standard portlet background */
.wpsPortletBack { background-color: #FFFFFF; }

/* edit and configure mode backgrounds */
.wpsEditBack, .wpsConfigureBack { background-color: #FFFFFF; }

/* portlet background with emphasis color */
.wpsPortletColorBack { background-color: #CCCCCC; }

/* portlet header text */
.wpsPortletHead {  font-size: 11pt; font-weight: bold; color: black; }

/* portlet header text for edit mode */
.wpsEditHead {  font-size: 11pt; font-weight: bold; }

/* default text in portlet body and in edit mode */
.wpsPortletText, .wpsEditText {  font-size: 11pt; }

/* Smaller text than default */
.wpsPortletSmText, .wpsEditSmText {  font-size: 10pt; }

/* Smallest text */
.wpsPortletTinyText {  font-size: 10pt; }

/* Main portlet body style */
.wpsPortletBody {  }

/* form entryfields */
.wpsEditField {  font-size: 11pt; }

/* form buttons */
.wpsButtonText {  font-size: 11pt; color: black; }

/* table header row */
.wpsTableHead {color: #FFFFFF; background-color: #999999;  font-size: 11pt; font-weight: bold;}

/* primary table style */
.wpsTableText {  font-size: 11pt; align: center; }

/* normal table row */
.wpsTableRow, .wpsTableNrmRow   {color: #000000; background-color: #FFFFFF;  font-size: 11pt;  }

/* shaded table row - used to alternate row colors with normal row */
.wpsTableShdRow {color: #000000; background-color: #ECECEC;  font-size: 11pt;  }

/* Font settings used for text links in the header row of a table */
.wpsTableHeadLink, .wpsTableHeadLink:visited, .wpsTableHeadLink:hover {color: #FFFFFF;  font-size: 11pt; font-weight: bold; }

/* text for form element labels */
.wpsLabelText  {color: #000000;  font-size: 11pt; }

/* text for form element descriptions */
.wpsDescriptionText {color: #999999;  font-size: 11pt; }

/* error text */
.wpsFieldErrorText { color: #C83030; }

/* warning text */
.wpsFieldWarningText { color: #000000; }

/* success text */
.wpsFieldSuccessText { color: #000000; }

/* information */
.wpsFieldInfoText { color: #999999; }

/* inline help information */
.wpsInlineHelpText { color: #666666; }

/******************************************************************************/
/* Lotus Notes Portlet classes                                                */
/******************************************************************************/
/* Background color and font settings for table cell that holds a weekday abbreviation (i.e. Fri)
in the Lotus Notes Calendar Portlet */
.weekday_header {	background-color: #999999;  font-size: 12pt; color: #000000;}

/* Background color and font settings for table cell that holds a day number (i.e 17) for months
other than the current month in the Lotus Notes Calendar Portlet */
.other_month_header { background-color: #E4E3E3;  font-size: 11pt; height: 20; color: #7E7001;}

/* Background color and font settings for table cell that holds a day number (i.e 17) for the current month
in the Lotus Notes Calendar Portlet */
.current_month_header { background-color: #CBDBF3;  font-size: 11pt; height: 20; color: #000000;}

/* Background color and font settings for empty table cells for months other than the current month
in the Lotus Notes Calendar Portlet */
.other_month_cell { background-color: #F0F0F0;  font-size: 11pt;}

/* Background color and font settings for empty table cells for the current month in the Lotus Notes Calendar Portlet */
.current_month_cell { background-color: #FFFFFF;  font-size: 11pt; color: Black;}

/* Background color and font settings for table cell that holds the current day number and name (i.e 17 Wednesday)
in the Lotus Notes Calendar Portlet */
.current_day_header { background-color: #92B5E6;  font-size: 12pt; height: 20; color: #000000;}

/* Background color and font settings for the current day number and name (i.e 17 Wednesday) text in the Lotus Notes Calendar Portlet */
a.current_day_header:link 	{ color: #000000; background-color:transparent; }

/* Background color and font settings for a day number (i.e 17) in a month other than the current month
in the Lotus Notes Calendar Portlet */
a.other_month_header:link 	{ color: #0000ff; background-color:transparent; }

/* Background color and font settings for a day number (i.e 17) in the current month in the Lotus Notes Calendar Portlet */
a.current_month_header:link { color: #0050C9; background-color:transparent; }

/* Text displaying the place name */
.wpsPlaceName {  font-size: 20pt; font-weight: bold; color: #252525; }

/* End of Lotus Notes Calendar Portlet classes */

/******************************************************************************/
/* Styles used in 3M.com                                                      */
/******************************************************************************/
body{margin:0;padding:0;color:#000;font:76%/1 verdana,arial,sans-serif;background:#fff;}

/*typography - web developers should use these styles in their content*/
a{color:#30C;}
a:visited{color:#909;}
a:active{color:#F00;background-image:none;}/*background-image is less-than-ideal fix for IE bug, see http://tom-lee.blogspot.com/2006/04/ie-bug-background-image-and-hover.html*/

.textthreeinput {font: 0.9em/1.2 Arial,sans-serif; border-width: 1px; border-color: #777; padding: 2px;}

.btnyellow{
	font:bold 1.0em verdana,arial,sans-serif;
	color:#000;
	text-align:center;
	margin:2px 2px 2px 2px;
}

input.btnyellow{
	background-color:#FECE5C;
	color:#000;
	text-decoration:none;
	border-top:2px #F2F2F2 solid;
	border-right:2px #999 solid;
	border-bottom:2px #999 solid;
	border-left:2px #F2F2F2 solid;}
.btnyellow a{
	color:#000;
	text-decoration:none;
	width:100%;
	display:block;
	border-top:2px #F2F2F2 solid;
	border-right:2px #999 solid;
	border-bottom:2px #999 solid;
	border-left:2px #F2F2F2 solid;
	background:#FECE5C;
}
.btnyellow a:visited{color:#000;}
.btnyellow a:hover{color:#000;text-decoration:none;}
.btnyellow a:active{
	text-decoration:none;
	width:100%;
	display:block;
	border-top:2px #999 solid;
	border-right:2px #F2F2F2 solid;
	border-bottom:2px #F2F2F2 solid;
	border-left:2px #999 solid;
	color:#000;
}

.btnred{
	font:bold 1.0em verdana,arial,sans-serif;
	color:#FFF;
	text-align:center;
	margin: 2px 2px 2px 2px;
}
input.btnred{
	background:#C30;
	color:#FFF;
	text-decoration:none;
	border-top:2px #F2F2F2 solid;
	border-right:2px #999 solid;
	border-bottom:2px #999 solid;
	border-left:2px #F2F2F2 solid;}
.btnred a{
	text-decoration:none;
	width:100%;
	display:block;
	border-top:2px #F2F2F2 solid;
	border-right:2px #999 solid;
	border-bottom:2px #999 solid;
	border-left:2px #F2F2F2 solid;
	color:#FFF;
	background:#C30;
}
.btnred a:visited{color:#FFF;}
.btnred a:hover{color:#FFF;text-decoration:none;}
.btnred a:active{
	text-decoration:none;
	width:100%;
	display:block;
	border-top:2px #999 solid;
	border-right:2px #F2F2F2 solid;
	border-bottom:2px #F2F2F2 solid;
	border-left:2px #999 solid;
	color:#FFF;
}
.btngrey{
	font:bold 1.0em verdana,arial,sans-serif;
	color:#000;
	text-align:center;
	margin:2px 2px 2px 2px;
}
input.btngrey{
	background-color:#E7E7E7;
	color:#000;
	text-decoration:none;
	border-top:2px #F2F2F2 solid;
	border-right:2px #999 solid;
	border-bottom:2px #999 solid;
	border-left:2px #F2F2F2 solid;}
.btngrey a{
	color:#000;
	text-decoration:none;
	width:100%;
	display:block;
	border-top:2px #F2F2F2 solid;
	border-right:2px #999 solid;
	border-bottom:2px #999 solid;
	border-left:2px #F2F2F2 solid;
	background:#E7E7E7;
}
.btngrey a:visited{color:#000;}
.btngrey a:hover{color:#000;text-decoration:none;}
.btngrey a:active{
	text-decoration:none;
	width:100%;
	display:block;
	border-top:2px #999 solid;
	border-right:2px #F2F2F2 solid;
	border-bottom:2px #F2F2F2 solid;
	border-left:2px #999 solid;
	color:#000;
}

h1{
	font:bold 2.0em/1 times,serif;
	margin: 0;
}/* this is the Page Title */
.pagetitle{
	font:bold 2.0em/1 times,serif;
	margin: 0;
}/*preferred coding format is to use <H1>(no class name) in place of this style for search optimization*/

h2{
	font:bold 1.4em/1 arial,sans-serif;
	margin:.1em 0em 0em 0em;
}/* this is NO LONGER the Page Title Description; use this when a heading between H1 and headingone (h3) is needed*/

.pagetitledescription{
	font:normal 1.4em/1 arial,sans-serif;
	margin:.1em 0em 0em 0em;
}/*use this on a p tag when a true page title description is used*/

h3{
	font:bold 1.1em/1 arial,sans-serif;
	margin:0em 0em .2em 0em;
}/*this corresponds to 3M.com Heading One*/
.headingone{
	font:bold 1.1em/1 arial,sans-serif;
	margin-top:0em; margin-bottom:0.2em;
}/*preferred coding format is to use <H3> in place of this style for search optimization*/

.headingtwo{font:bold 1.0em/1 arial,sans-serif;margin-top:0em; margin-bottom:0.2em;}
.headingthree{font:bold 0.9em/1 arial,sans-serif;margin-top:0em; margin-bottom:0.2em;}
.hide{display:none;}
hr{margin:0% 0em 0% 0em;}
html{margin:0;background:#FFF;}
img{border:0;}
input.go{border:0;width:21px;height:15px;}
ol,ul,li{margin:0;padding:0;}/*zero out so cross-browser behavior is consistent*/
ol{line-height:1.2;margin:0em 0em 1.2em 2.5em;}
ul{line-height:1.2;margin:0em 0em 1.2em 1.6em;}
li{line-height:1.1;margin-bottom:0.6em;}
p{font: 1.0em/1.2 verdana,sans-serif;margin-top:0em; margin-bottom:1.0em;}
.nospace{margin-bottom:0em;}/*use to remove the bottom margin from a <p>*/
.textone{font: 1.0em/1.2 verdana,sans-serif;margin-top:0em; margin-bottom:1.0em;}
.texttwo{font: 0.9em/1.2 verdana,sans-serif;margin-top:0em; margin-bottom:1.0em;}
.textthree{font:0.9em/1.4 arial,sans-serif;margin-top:0em; margin-bottom:1.0em;}
.sitesectiontitle{font:bold 1.4em times,sans-serif;margin:0em 0em 0.4em 0em;}
/* use the following by putting a div id="contact" around your contact form and using the 3M.com contact HTML*/
#contact p input, #contact p textarea, #contact p select, #contact p option, #contact p submit {font: 1.0em/1.2 verdana,sans-serif; border-width: 1px; border-color: #777; padding: 3px; margin-top:2px;}
#contact .redtext {color: red;}
#contact label {font-weight: bold; display: block;}

/*these are from the CSS wiki http://www.fjordaan.net/tests/fontsize-em-perc.html and fix font-size inheritance into tables in certain browsers.*/
/*/*/
td{
	\font-size: 76%;
	f\ont-size: inherit;
}
th {
	\font-size: 76%;
	f\ont-size: inherit;
}
/*hack for IE5. hidden from NN4 and Opera5 */
table{
	/*/*/f\ont-size: inherit; /*hide from NN4 and Opera5*/
	vertical-align:top;
	
}

/* 'cellspacing' equivalent */
#mainbodywraptable, #tablewrap, .layoutColumn, .layoutRow {border-collapse:collapse;border-spacing:0;vertical-align:top;width:100%;}

/*table, table td, table th {border-collapse:collapse;border-spacing:0;vertical-align:top;}*/

/* 'cellpadding' equivalent */
.layoutColumnTD, .layoutColumnTR, .layoutRowTD, .layoutRowTR, .tableWrapTD, .tableWrapTR, .mainBodyWrapTableTD, .mainBodyWrapTableTR {
    padding: 0; vertical-align:top;
}

.valigntop {
	vertical-align: top;
}

/* c-shell classes - web developers should NOT use these styles in their content */
.cShellHead{font:0.9em verdana,sans-serif;}
.cShellSrch{width:125px;border:1px solid #777;font:10px verdana,sans-serif;padding-left:3px;}
.cShellUPS{font:0.9em verdana,sans-serif;padding-left:15px;padding-top:5px;}
.cShellBcrumb{font:0.9em verdana,sans-serif;padding-top:5px;padding-bottom:7px;}
.cShellFoot{font:0.9em verdana,sans-serif;padding-top:5px;padding-bottom:7px;}

.bBodySelect{font:0.9em verdana,sans-serif;}

.aBcrmb{text-decoration:none;}
.aBcrmb:visited{color:#800080;}
.aBcrmb:hover{text-decoration:underline;}

a.gsn{color:#FFF;text-decoration:none;font:bold 0.9em verdana,sans-serif;}
a.gsn:visited{color:#FFF;font-weight:bold;text-decoration:none;}

/* Hide from IE Mac \*/
html>a.gsn:link, html>.gsnX, html>.gsnZ {height:1%; width:100%;}
/* end hiding - makes gsn buttons fully clickable - IE only*/

a.lsn{text-decoration:none;font:0.9em/1.2 verdana,sans-serif;}
a.lsn:visited{color:#800080;}
a.lsn:hover{text-decoration:underline;}

a.lsnHd{font-weight:bold;text-decoration:none;font-size:0.9em;}
a.lsnHd:hover{text-decoration:underline;}
.lsnHd{font-weight:bold;font-size:0.9em;}

a.lsnCrnt{text-decoration:none;color:#000;font:0.9em/1.2 verdana,sans-serif;}
a.lsnCrnt:visited{text-decoration:none;color:#000;}
a.lsnCrnt:hover{text-decoration:underline;color:#800080;}
a.lsnCrnt:active{text-decoration:underline;color:#F00;}

td.lsnHead{font: bold verdana,sans-serif;}/*font size not = 1.0em can't go here because we nest this style - compounds the sizing*/
td.lsn{font:0.9em verdana,sans-serif;}


.gsnX{
	text-align:center;
	width:100%;
	layer-background-color:#333;
	overflow:visible;
	background-color:#333;
	padding:5px 25px 5px 25px;
}
.gsnY{
	width:100%;
	height:4px;
	layer-background-color:#F00;
	visibility:hidden;
	background-color:#F00;
}
.gsnZ{
	color:#333;
	text-align:center;
	width:100%;
	layer-background-color:#CCC;
	font:bold 0.9em verdana,sans-serif;
	background-color:#CCC;
	padding:5px 25px 5px 25px;
}
* html div.gsnX{width:auto;}
* html div.gsnZ{width:auto;}

.lsnHead{line-height:1.2;padding-left:5px;}
.lsnHeadOn{border-left:5px solid #F00;}

td.lsnHead a.lsnCrnt{font-weight:bold;}

.lsn0{font-family:verdana,sans-serif;font-size: 0.9em;font-weight:bold;border-right:1px solid #CCC;border-left:1px solid #CCC;padding-left:10px;padding-top:1px;padding-bottom:1px;}
.lsn1{border-right:1px solid #CCC;border-left:1px solid #CCC;padding-left:5px;padding-top:1px;padding-bottom:1px;}
.lsn2{border-right:1px solid #CCC;border-left:1px solid #CCC;padding-left:19px;padding-top:1px;padding-bottom:1px;}
.lsn3{border-right:1px solid #CCC;border-left:1px solid #CCC;padding-left:33px;padding-top:1px;padding-bottom:1px;}
.lsn99{border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}

.lsnOn{border-left:5px solid #F00;layer-background-color:#FFF;background-color:#FFF;}
.lsnOn1{padding-left:0px;padding-top:1px;padding-bottom:1px;}
.lsnOn2{padding-left:14px;padding-top:1px;padding-bottom:1px;}
.lsnOn3{padding-left:28px;padding-top:1px;padding-bottom:1px;}

.lsnChild{display:none;background-color:#E7E7E7;}

/* classes for new c-shell - developers should NOT use these in their content*/
/*
===== 1: General Elements and Primary Structure =====
*/

/* General Elements
----------------------------------------------- */
.hide {display: none;}

/* Primary Structure - classes for new c-shell - developers should NOT use these in their content
----------------------------------------------- */
#masterwrap {
	min-width: 768px;
	width:expression(document.body.clientWidth < 770 ? "768px" : "100%"); 		/* script hack to provide IE with min-width behavior :: http://www.svendtofte.com/code/max_width_in_ie/  */
}
#logo_chrome{
	float:left;
}
#headerSearchContents {
	white-space:nowrap;
}

#headerSearchBox {
	float:right;
}

#submast {
 	margin:7px 0 0 0;
	padding-left: 10px;
	white-space:nowrap;
	float:right;
	clear:right;
}


#personalization {
	background-color: #e7e7e7;
}

#visual_siteID {
	display: block; margin: -11px 4px 4px 9px;

}

#lsnwrap {
	margin: 0 0 20px 5px;
	border: 1px solid #ccc;
	padding: 0 0 0px;
	background-color: #e7e7e7;
	width: 185px;
}

#corpfooters {margin-top:15px;}

#sitefooter, #footer {
	clear: both;
	white-space:nowrap;
}

#footer {
	border-top: 1px solid #ccc;
	padding-top: 3px;
	width:100%;
}

#footer p#corpcopyright {
	 float:right;
}

/*
===== 2: Typography =====
classes for new c-shell - developers should NOT use these in their content
*/

#corpheader, #lsnwrap, #footer, #sitefooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: normal;
}

#gsn, #corpheader label, #personalization p {
	font-weight: bold;
}

#searchValue {
	font-size: 1.0em;
}

#lsnwrap h4, #lsnwrap h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
}


/*
===== 3: Masthead Elements =====
classes for new c-shell - developers should NOT use these in their content
*/

#logo_chrome {
	margin: 0;
	padding: 0;
}

#logo_chrome img#mh_logo {
	display: inline;
	width:74px;
	height:48px;
}

#logo_chrome img#mh_extra {
	position:absolute;
	top:10px;
	left:200px;
}


/* Keyword Search
classes for new c-shell - developers should NOT use these in their content
----------------------------------------------- */
#headerSearchBox {
	margin: 0 0 0 0;
	padding: 2px 8px 2px 3px;
        background: #ccc url(/wps/themes/html/3M.com/images/searchdiagonal.gif) no-repeat left;
}
#corpheader #keywordSearchForm {
	margin:0 0 0 30px;
	padding:0;
}

#corpheader #keywordSearchForm input {
	display: inline;
}

#corpheader #searchValue {
	width: 125px;
	border: 1px solid #777;
	padding-left: 3px;
	margin: 0 6px 0 3px;
}

#corpheader label {display:inline;}

#btnG {
	border:0;
	width: 21px;
	height: 15px;
	vertical-align: text-bottom;
}


/* Breadcrumbs
classes for new c-shell - developers should NOT use these in their content
----------------------------------------------- */
#cShellBcrumb {
        background: url(/wps/themes/html/3M.com/images/mstEscBot.gif) no-repeat top left;
}

#cShellBcrumb p {
	margin: 0 0 0 202px;
	border-top: 1px solid #ccc;
	padding: 5px 0 7px 0;
}

#cShellBcrumb a {text-decoration: none;}
#cShellBcrumb a:hover {text-decoration: underline;}


/*
===== 4: gsn (Global Site Nav) =====
classes for new c-shell - developers should NOT use these in their content
*/

#gsnwrap {
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #e7e7e7;
}

#gsn {
	list-style: none;
	margin: 0;
	border: 1px solid #fff;
	padding: 0;
	height: 2.2em;
        background: #333 url(/wps/themes/html/3M.com/images/gsn_off.gif) repeat-x bottom left;       /* fills width of browser window */
}

#gsn li {
	display: inline;
	margin: 0;
	padding: 0;
}

#gsn LI A {
	border-right: #fff 1px solid;
	padding: .35em 1.25em .75em 1.25em;
  	float: left;
  	margin: 0px;
 	color: #fff;
	display: block;
	text-decoration: none;
	white-space: nowrap;
}
#gsn LI A:hover {
	background-image: url(/wps/themes/html/3M.com/images/gsn_on.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
}
#gsn LI.selected A {
  background-image: url(/wps/themes/html/3M.com/images/gsn_on.gif);
  background-repeat:repeat-x;
  background-position: left bottom;
}



/*
===== 5: lsn (Local Site Nav) =====
classes for new c-shell - developers should NOT use these in their content
*/

#lsnwrap a {text-decoration: none; font-weight: normal;}
#lsnwrap a:hover {text-decoration: underline;}
#lsnwrap a:active {background-image:none ! important;}

#lsnwrap h4 {
	margin: 0;
	border-left: 4px solid #ccc;
	padding: 4px 0 5px 3px;
	background-color: #ccc
}

#lsnwrap h4 a {color: #000; font-weight: bold;}
#lsnwrap h4 a:hover {color: #909;}

#lsnwrap h4.selected {border-left-color: #f00;}
#lsnwrap h4.selected a {color: #000;}
#lsnwrap h4.selected a:hover {color: #30c;}

#lsnwrap h5 {
	margin: 0 11px 0 7px;
	border-top: 1px solid #ccc;
	padding: 6px 0 2px 0;
}

#lsnwrap h5.first {border-top: none; padding-top: 1px;}

#lsnwrap ul {
	margin: 0 0 6px 0;
	padding: 0;
	list-style: none;
}

#lsnwrap ul li {
	margin: 0;
	padding: 1px 0;
	background-color: #e7e7e7;
}

#lsnwrap ul li a {
	margin: 0;
	border-left: 4px solid #e7e7e7;
	padding: 1px 0 2px 17px;
	display: block;
        background-image: url(/wps/themes/html/3M.com/images/lsnInd1.gif);
	background-position: 4px 3px !important;					/* position for page icon image to be set by javascript */
	background-position /**/: 9px 3px;
	background-repeat: no-repeat;
}
#lsnwrap ul li a:active {background-image:none;}

#lsnwrap ul li ul li a {
	padding-left: 29px;											/* second level list links */
	background-position: 17px 3px !important;
	background-position /**/: 21px 3px;
}

#lsnwrap ul li ul li ul li a {
	padding-left: 44px;											/* third level list links */
	background-position: 30px 3px !important;
	background-position /**/: 35px 3px;
}

#lsnwrap ul li ul {margin: 0; display: none;}					/* hide all nested lists... */
#lsnwrap ul li.expanded ul, #lsnwrap ul li.selected ul {display: block;}					/* ...unless they are within the selected LI */
#lsnwrap ul li.expanded a {background-image: url(/wps/themes/html/3M.com/images/lsnInd0.gif);}
#lsnwrap ul li.expanded li a {background-image: url(/wps/themes/html/3M.com/images/lsnInd1.gif);}
#lsnwrap ul li.lastVis a {background-image: url(/wps/themes/html/3M.com/images/lsnInd1.gif);}
#lsnwrap ul li.lastVis ul {margin: 0; display: block;}
#lsnwrap ul li.collapse ul {display: none;}
#lsnwrap ul li.collapse a {background-image: url(/wps/themes/html/3M.com/images/lsnInd3.gif);}
#lsnwrap ul li.collapse li a {background-image: url(/wps/themes/html/3M.com/images/lsnInd1.gif);}
#lsnwrap ul li.selected ul a:visited {color: #909;}

#lsnwrap ul li.selected a {
	color: #000;
        background-image: url(/wps/themes/html/3M.com/images/lsnInd1.gif);
	background-color: #fff;
	border-left-color: #f00;
	position: relative;								/* break out of lsnwrap border */
	margin-right: -1px;
}
#lsnwrap ul li.lastVis a {
	color: #000;
        background-image: url(/wps/themes/html/3M.com/images/lsnInd1.gif);
	background-color: #fff;
	border-left-color: #f00;
	position: relative;								/* break out of lsnwrap border */
	margin-right: -1px;
}

#lsnwrap ul li.selected a.innerselect {color: #30c;}

#lsnwrap ul li.selected ul a {
	color: #30c;									/* reset deeper nested links to prevent cascade styling */
	background-color: #e7e7e7;
	border-left-color: #e7e7e7;
	position: static;
	margin-right: 0;
}
#lsnwrap ul li.lastVis ul a {
	color: #30c;									/* reset deeper nested links to prevent cascade styling */
	background-color: #e7e7e7;
	border-left-color: #e7e7e7;
	position: static;
	margin-right: 0;
}

#lsnwrap ul li.firstLI a {
        background-image: url(/wps/themes/html/3M.com/images/lsnInd2.gif);
}

#lsnwrap ul li.firstLI ul a {
        background-image: url(/wps/themes/html/3M.com/images/lsnInd1.gif);
}

#lsnxtra {
	display:none;
	margin-left:5px;
}
#lsnwrap ul li.expanded ul li.expanded ul li a {background-image: url(/wps/themes/html/3M.com/images/lsnInd1.gif);}

#lsnwrap ul li a:active, #lsnwrap ul li li a:active, #lsnwrap ul li ul a:active {background-image:none;}

#lsnwrap ul li ul li ul li a:active {background-image:none;}

.emptylabel{
	line-height:.1;
	border-top: 1px solid #ccc;
}

/*
===== 6: Other Lists =====
classes for new c-shell - developers should NOT use these in their content
*/

/* inlineList attributes
classes for new c-shell - developers should NOT use these in their content
----------------------------------------------- */
.inlineList {
	list-style: none;
}

.inlineList li, .inlineList dt, .inlineList dd {
	display: inline;
	margin: 0;
	border-right: 1px solid #000;
	padding: 0 6px;
}

.langlist li{
	border: none;
	padding: 0 3px;
	text-transform: capitalize;
}

.inlineList li.lastLI, .inlineList dd.lastDD {
	border: none;
}

/*  Country name
classes for new c-shell - developers should NOT use these in their content
----------------------------------------------- */
#countryimg {
	text-decoration: none;
	color: black;
}

#countryimg:hover {
	text-decoration:underline;
	color:#30c;
}

#countryid {
	padding-right:9px;
	border-right:0px;
}

/* Language Selection
classes for new c-shell - developers should NOT use these in their content
----------------------------------------------- */
#sn_lang {
 	display:inline;
	margin: 0 0 0 0;
	padding: 0;
}

#lang_links {
	border-left: 1px solid black;
}


/* Location
classes for new c-shell - developers should NOT use these in their content
----------------------------------------------- */
#sn_loc {
   display:inline;
	margin: 0 0 0 0;
	padding: 0;
}

#sn_loc #locname {
	font-weight: bold;
}

#sn_loc a#locname  {color: #000; font-weight: bold; text-decoration:none;}
#sn_loc a#locname:hover {color: #909;}


/* App links
classes for new c-shell - developers should NOT use these in their content
----------------------------------------------- */
#sn_aux {
        display:inline;
	margin: 0;
	padding:0;
}
#lang_links {border-right:none}
#aux_links {
        display:none;
	padding: 0 3px 0 3px;
}

/* SKIP NAVIGATION */
#skip-nav a, #skip-nav a:hover, #skip-nav a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip-nav a:active, #skip-nav a:focus
{
position:absolute;
left:400px;
top:1px;
width:auto;
height:auto;
font-size:12px;
}


/* Personalization
classes for new c-shell - developers should NOT use these in their content
----------------------------------------------- */
#personalization p {
	margin: 0 0 0 13px;
	padding: 2px 0;
}

#sn_profile {
	margin: 0 0 0 7px;
	padding: 0;
}
#pnavxtra {
	position:relative;
	text-align:right;
	float:right;
	display:none;
}

/* 3M Footer
classes for new c-shell - developers should NOT use these in their content
----------------------------------------------- */
#foot_3m, #sitefoot {
	margin: 0 0 0 13px;
	padding: 2px 0 7px 0;
}

#foot_3m dt, #sitefoot dt {
	margin: 0;
	border: none;
	padding: 0;
	font-weight: bold;
}

#wpshide {display:none;}

/* Legal
classes for new c-shell - developers should NOT use these in their content
----------------------------------------------- */
#foot_legal {
	margin: 0;
	border-top: 2px solid #515151;
	border-bottom: 1px solid #ccc;
	padding: 7px 0 7px 7px;
	background-color: #e7e7e7;
}

#footer p#corpcopyright {
	margin: 8px 7px 0 0;
	padding: 0;
}

/*
===== 7: Corporate Tab Code =====
classes for corporate reusable tab code - developers may override these styles in their site CSS
*/

/* Tabs
----------------------------------------------- */
    #title_name {margin-left:10px} /* for Quantum Search */

    #tabnav3M {
			float:left;
			width:100%;
			line-height:normal;
			font-family: Arial, sans-serif;
			font-weight: bold;
			margin:0 0 0 10px;
			padding: 0;
		}


	#tabnav3M ul {
		margin:0;
		padding:10px 10px 0 0;
		list-style:none;
		}


	#tabnav3M li {
		float:left;
		background:url("/wps/themes/html/3M.com/images/tab3D_orig_left_inactive.gif") no-repeat left top;
		margin:0 5px 0 0;
		padding:0 0 0 9px;
		}


	#tabnav3M a:link {display:block;
		background:url("/wps/themes/html/3M.com/images/tab3D_orig_right_inactive.gif") no-repeat right top;
		padding:5px 15px 4px 6px;
		color: black;
		text-decoration:none;
		}

         #tabnav3M a:visited {display:block;
			background:url("/wps/themes/html/3M.com/images/tab3D_orig_right_inactive.gif") no-repeat right top;
			padding:5px 15px 4px 6px;
			color: black;
			text-decoration:none;
		}

	#tabnav3M a:active {display:block;
		background:url("/wps/themes/html/3M.com/images/tab3D_orig_right_inactive.gif") no-repeat right top;
		padding:5px 15px 4px 6px;
		color: black;
		text-decoration:none;
		}


	/* Commented Backslash Hack
	   hides rule from IE5-Mac \*/
	#tabnav3M a {float:none;}
	/* End IE5-Mac hack */

	#tabnav3M .current {
		  background-image:url("/wps/themes/html/3M.com/images/tab3D_orig_left_active.gif");
	  }
	#tabnav3M .current a, #tabnav3M .current a:link, #tabnav3M .current a:visited, #tabnav3M .current a:active 		{
		background-image:url("/wps/themes/html/3M.com/images/tab3D_orig_right_active.gif");
		color: black;
		text-decoration:none;
		padding-bottom:5px;
		}


/* Tab body
----------------------------------------------- */
 #tabbody3M {border:2px solid #CCD6E0; margin-left:10px; padding: 5px;}

 /*
===== 8: Other Corporate Code =====
classes for other corporate apps
*/

#MavenLogo {display:none;}

/*
===== 9: Buy Now button / new corporate yellow buttons =====
*/

button.submitBtn, a.submitBtn {
	position: relative;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button.submitBtn::-moz-focus-inner {
	padding:0;
	border: none;  /* overrides extra padding in Firefox */
}

button.submitBtn span {
	position: relative;
	display: block;
	white-space: nowrap;
}

a.submitBtn, a.submitBtn span {
	position:relative;
	display:block;
	white-space:nowrap;
	width:auto;
	text-decoration:none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button.submitBtn span {
		margin-top: -1px;
	}
}


/* Styles to attach corporate look and feel to buttons */
button.submitBtn, a.submitBtn {
	padding: 0 26px 0 0;
	margin-right:5px;
	font:bold 12px/1 Verdana, Arial, sans-serif; /*intentionally fixed*/
	text-align: center;
	background: transparent url("/3MContentRetrievalAPI/BlobServlet?assetId=1180618777387&assetType=MMM_Image&blobAttribute=ImageFile") no-repeat right -156px;
	float:left;
}

button.submitBtn span, a.submitBtn span {
	padding: 5px 0 0 22px;
	height:31px;
	background: transparent url("/3MContentRetrievalAPI/BlobServlet?assetId=1180618777387&assetType=MMM_Image&blobAttribute=ImageFile") no-repeat left top;
	color:#000;
}

.ie6 a.submitBtn {width:1px;}

.gecko button.submitBtn span {padding-top: 3px;}/*fix for Mozilla browsers*/

button.submitBtn:hover, button.submitBtnHover, a.submitBtn:hover, a.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -207px;
}

button.submitBtn:hover span, button.submitBtnHover span, a.submitBtn:hover span, a.submitBtnHover span {
	background-position: 0 -51px;
}

button.submitBtn:active, button.submitBtnActive, a.submitBtn:active, a.submitBtnActive { /* the redundant class is used to apply the active state with a script */
	background-position: right -260px;
	outline:none;
}

button.submitBtn:active span, button.submitBtnActive span, a.submitBtn:active span, a.submitBtnActive span {
	background-position: 0 -104px;
	outline:none;
}

/*fix for float problems*/
.clearfixButtons:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfixButtons {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfixButtons {height:1%;}
.clearfixButtons {display:block;}
/* End hide from IE-mac */

.clearFloatingButton { /* generic container (i.e. div) for floating buttons */
����overflow: hidden;
����width: 100%;
}

/*
===== 10: Just in case formatting =====
3m.com note - we do not encourage the use of these styles.
"Just in case" formatting is here if a web developer chooses to use them.*/
address{margin:0em 0% 0em 0%;font:italic 1.0em/1 verdana,arial,sans-serif;}
big{font-size:1.0em;}
blockquote{margin:0em 0% 0em 40px;line-height:1;}
caption{font:0.9em/1 arial,sans-serif;margin:0% 0em 0% 0em;}
code{font:1.0em monospace;}/*to avoid overriding boldness/italicity by using font*/
dd{margin:0% 0em 0% 0em;line-height:1;}
dl{margin:0% 0em 0% 0em;line-height:1;}
dt{margin:0% 0em 0% 0em;line-height:1;}
h4{font:bold 1.0em/1 arial,sans-serif;margin:0em 0em .2em 0em;}/*this corresponds to 3M.com Heading Two*/
h5{font:bold 0.9em/1 arial,sans-serif;margin:0em 0em .2em 0em;}/*this corresponds to 3M.com Heading Three*/
h6{font:bold 0.9em/1 arial,sans-serif;margin:0em 0em .2em 0em;}
kbd{font:1em monospace;}
pre{font:1.0em monospace;}
samp{font:1em monospace;}
small{font-size:1em;}
strong,b{font-weight:bold;}
sub{font-size:1em;}
sup{font-size:1em;}
tt{font:1em monospace;}

/*styles to overcome nesting issues eWebEditPro causes*/
span.texttwo span.texttwo{font-size:1em;line-height:1;}
span.textthree span.textthree{font-size:1em;line-height:1;}
span.texttwo span.textthree{font-size:1em;line-height:1;}
span.textthree span.texttwo{font-size:1em;line-height:1;}
span.texttwo span.texttwo span.textthree{font-size:1em;line-height:1;}
span.texttwo span.textthree span.texttwo{font-size:1em;line-height:1;}
span.textthree span.texttwo span.textthree{font-size:1em;line-height:1;}
span.textthree span.texttwo span.texttwo{font-size:1em;line-height:1;}

/******************************************************************************/
/* Deprecated styles - these styles will be removed in future
versions of the CSS. Web developers should cease using them and
use only styles in the current section of the stylesheet(above)               */
/******************************************************************************/
/*styles deprecated between EWCD 1.6 and EWCD 1.7*/

/*no styles deprecated between EWCD 1.6 and EWCD 1.7, though the sizing and font face of most of the major styles has changed at least slightly*/

/*styles deprecated between EWCD 1.5 and EWCD 1.6*/
h1.title{
font-family:helvetica,sans-serif;
font-size:medium;
font-weight:bold;
line-height:1;
}
h2.title{
font-family:helvetica,sans-serif;
font-size:small;
font-weight:bold;
line-height:1;
}
.srchInpt{width:125px;padding-left:3px;border:1px solid #777777;font-family:verdana,sans-serif;font-size:10px;}
.ternav{padding-top:5px;padding-bottom:7px;}
.txtBlkB{font-weight:bold;}
.txtBlkB2{font-weight:bold;font-size:x-small;}
.txtBlu{text-decoration:none;}
.txtBlu:hover{text-decoration:underline;}
.txtBlu:visited{color:#800080;}
.txtBluB{font-weight:bold;text-decoration:none;}
.txtBluB:hover{text-decoration:underline;}
.txtWht{color:#FFFFFF;text-decoration:none;}
.txtWhtB{color:#FFFFFF;font-weight:bold;text-decoration:none;}
.txtWhtB:visited{color:#FFFFFF;font-weight:bold;text-decoration:none;}
.ups{padding-left:15px;padding-top:5px;}

/******************************************************************************/
/* Styles used in PoW!                                                        */
/* Developers should not use these styles in their code                       */
/******************************************************************************/
/* Commented styles from initial EWCD 1.7 release */
/* .bodybold {COLOR: #000000;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;FONT-SIZE: 9pt;FONT-WEIGHT: bold;} */
.bodybold{font: bold 1.0em/1.2 verdana,sans-serif;margin:0em 0em 1.0em 0em;}

/* .catalogbreadcrumb {COLOR: #0000ff;TEXT-DECORATION: underline} */
.catalogbreadcrumb{font:0.9em verdana,sans-serif;padding-top:5px;padding-bottom:7px;text-decoration:none;}
a.catalogbreadcrumb:visited{color:#800080;}
a.catalogbreadcrumb:hover{text-decoration:underline;}

/* .sd,.pb,.mb,.ben,.sntitle{FONT-SIZE: 90%;} */
/* .sd,.pb,.mb,.ben,.sntitle,.snfmp,.sndes {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;} */
/* .snfmp {FONT-SIZE: x-small} */
/* .sndes {FONT-SIZE: xx-small} */
/* .fmp,.sd,.snfmp {FONT-WEIGHT: bold;} */
/* .fmp {FONT-FAMILY: Helvetica, Arial, sans-serif;font-size:medium;} */
.pb,.mb,.ben,.sntitle{font: 1.0em/1.2 verdana,sans-serif;margin:0em 0em 1.0em 0em;}
.sd{font: bold 1.0em/1.2 verdana,sans-serif;margin:0em 0em 1.0em 0em;}
.snfmp {font: bold 1.0em/1.2 verdana,sans-serif;margin:0em 0em 1.0em 0em;}
.sndes {font: 0.9em/1.2 verdana,sans-serif;margin:0em 0em 1.0em 0em;}
.fmp{font:bold 2.0em/1 times,serif;	margin: 0;}

/* .ai {FONT-SIZE: x-small;color: #000000;FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;} */
.ai {font: 1.0em/1.2 verdana,sans-serif;margin:0em 0em 1.0em 0em;}

/* .printerlink {FONT-FAMILY: Helvetica, Verdana, Arial, sans-serif;font-size: 11px;} */
.printerlink{font:0.9em/1.4 arial,sans-serif;margin:0em 0em 1.0em 0em;}

.learnmorebutton {text-decoration: none;font-weight: bold;font-size: 11px;font-family: Helvetica, Arial, sans-serif;color: black;}
.learnmorebutton:hover {background-color: #cccccc;}

/* .clicktoenlarge {FONT-FACE: Verdana, Helvetica, Arial, sans-serif;FONT-SIZE: xx-small;} */
.clicktoenlarge{font:0.9em/1.4 arial,sans-serif;margin:0em 0em 1.0em 0em;}

/*.button {background-color: white;text-decoration: none;font-weight: bold;font-size: 11px;font-family: Helvetica, Arial, sans-serif;color: black;}*/
.button{font:bold 1.0em verdana,arial,sans-serif; color:#000; text-align:center; margin:2px 2px 2px 2px;}
input.button{background-color:#FFF;color:#000;text-decoration:none;}

/* .gs_labels {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;FONT-SIZE: x-small;} */
/* .returnto {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;FONT-SIZE: x-small;} */
/* .wtbnav {font-size: x-small;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;} */
.gs_labels,.returnto,.wtbnav {font: 0.9em/1.2 verdana,sans-serif;margin:0em 0em 1.0em 0em;}

/* This will fix the problem with Characteristic displaying issue */
.r0 {
background-color: #eeeeee;
}

.r1 {
background-color: #cccccc;
}

.r2 {
background-color: #999999
}

/* End PoW! Only */