@charset "UTF-8";
/********************************
	Global
********************************/
/* 16px x 62.5% = 10px base font size - font sizing with em is now scale of 10 */

/** Text Formatting **/

div#content p ,div#header p { font-size: 1.7em; padding: 0 0 0 40px; line-height: 1.3em; width: 425px; font-weight: normal; } 

div#content h1 ,div#header h1{ font-size: 4.2em; padding: 0 0 0 40px; margin: 0 0 15px 0; text-transform: uppercase; font-weight: normal; } 

div#content h2 ,div#header h2{ font-size: 2.1em; padding: 0 0 0 40px; margin: 0; font-weight: normal; width: 500px; } 
div#content h3 ,div#header h3{ font-size: 2.1em; padding: 0 0 0 40px; margin: 0; font-weight: normal; width: 500px; } 

div#content span ,div#header span ,div#nav span{ display: none; }

div#content a, div#content a.link, div#content a:visited ,
div#header a,div#header a.link,div#header a:visited,
div#nav a,div#nav a.link,div#nav a:visited{ color: #fff; text-decoration: none; }

div#content a:hover,div#header a:hover,div#nav a:hover { color: #fff; text-decoration: underline; }

div#content ul { margin-top: 0; padding-top: 0; }

div#content sup, div#content sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }

div#content sup { bottom: .5ex; }

div#content sub { top: .5ex; }

div#content img { border: 0px; }


/** Clearfix **/

* html .clearfix { height: 1%; overflow: visible; } /* float clearing for IE6 */ 

*+html .clearfix { min-height: 1%; } /* float clearing for IE7 */

.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* float clearing for everyone else */

/********************************
	Container
********************************/

div#container { width: 953px; margin: 0 auto; }

/********************************
	Header
********************************/

div#header { width: 953px; height: 93px; background: transparent url(../../images/header_bg.jpg) no-repeat top left; position: relative; margin:0;}
div#header.both { background: transparent url(../../images/header_bgBoth.jpg) no-repeat top left;}

div#MMMlogo { width: 48px; height: 26px; background: transparent url(../../images/3M_logo.png) no-repeat top left; position: absolute; top: 20px; left: 30px; }

* html div#MMMlogo { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/3M_logo.png', sizingMethod='scale'); background: none; }

div#MMMlogo a { display: block; width: 48px; height: 26px; }

div#wheretobuy { width: 135px; height: 61px; background: transparent url(../../images/wheretobuy_bg.png) no-repeat top left; position: absolute; top: 58px; right: 40px; }
div#wheretobuy.both { background: transparent url(../../images/wheretobuy_bgBoth.png) no-repeat top left;}


* html div#wheretobuy { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/wheretobuy_bg.png', sizingMethod='scale'); background: none; }

div#wheretobuy a { display: block; width: 108px; height: 36px; margin: 0 0 0 9px; }

/********************************
	Navigation
********************************/

div#nav { width: 953px; height: 70px; background: transparent url(../../images/nav_bg.jpg) no-repeat top left; position: relative; text-align: left; text-align:center; }

* html div#nav { background: transparent url(../../images/nav_bg.jpg) no-repeat top left; }

/** Primary Nav **/

ul#primarynav { margin: 0 0 0 0px; padding: 0; list-style: none; width: 527px; }

ul#primarynav li { margin: 0; padding: 0; float: left; border-left: 1px solid #2d2d2d; border-right: 1px solid #666; width: 101px; text-align: center; }

ul#primarynav li.first { border-left: 0px; }

ul#primarynav li a { display: block; color: #bbbabb; padding: 6px 0 5px 0; font-size: 1.2em; line-height: 1.5em; }

* html ul#primarynav li a { font-size: 1.0em; line-height: 1.5em; }

ul#primarynav li a:hover { color: #fff; text-decoration: none; }

ul#primarynav li a.active { color: #fff; text-decoration: none; font-weight: bold; }

/** mpro120 **/

div#MPro120logo { position: absolute; right: 38px; top: 5px; background: url(../../images/MPro120_logo.png) no-repeat top left; width: 119px; height: 21px; }

* html div#MPro120logo { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/MPro120_logo.png', sizingMethod='scale'); background: none; }

div#MPro120logo a { display: block; width: 119px; height: 21px; }

/** mpro110 **/

div#mpro110 { position: absolute; right: 35px; top: 36px; }

div#mpro110 a { color: #bbbabb; text-decoration: none; }

* html div#mpro110 a { font-size: .9em; }

div#mpro110 a:hover { color: #fff; }

/********************************
	Content
********************************/


div#content { width: 953px; height: 423px; background: url(../../images/content_bg.jpg) repeat-y top left; text-align: left; padding: 0; overflow-y:scroll; overflow-x:hidden;}
div#content.both { background: url(../../images/content_bgBoth.jpg) repeat-y top left;}

div#content.alt { background: url(../../images/content_bg2.jpg) repeat-y top left; padding-top: 5px; }


/********************************
	Sitemap
********************************/
div#sitemap {color:#ddd; font-size: 1.5em; line-height: 1.8em;}
div#sitemap a {color:#fff; font-size: 1em; text-decoration: underline; font-weight: bold;}
div#sitemap a:hover {color:#fff; font-size: 1em; text-decoration: underline; font-weight: bold;}
div#sitemap a:active {color:#fff; font-size: 1em; text-decoration: underline; font-weight: bold;}
div#sitemap a:visited {color:#fff; font-size: 1em; text-decoration: underline; font-weight: bold;}
div#sitemap ul {margin:30px 0 0 30px;}
div#sitemap ul li ul {margin:0 0 0 -10px;}

/********************************
	General Classes
********************************/
