/**********************************************/
/* Colors Used (other than black and white)   */
/**********************************************/

/* blue: #0071BC */
/* links: #A33 */


/**********************************************/
/* MC Basic Tags                              */
/**********************************************/

html {
  margin: 0px;
  padding: 0px;
  height: 100%;
  }
body {
  position: relative;
  margin: 0px;
  padding: 0px;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .75em;
  color: #333;
	background: #FFFFFF url(../assets/images-design/square-grid.gif) repeat center top;
  scrollbar-arrow-color: #CCC;
  scrollbar-face-color: #FFF;
  scrollbar-highlight-color: #FFF;
  scrollbar-3dlight-color: #CCC;
  scrollbar-shadow-color: #CCC;
  scrollbar-darkshadow-color: #FFF;
  scrollbar-track-color: #FFF;
  }
a {
  color: #A33;
  text-decoration: none;
  font-weight: bold;
  }
a:hover {
  color: #A33;
	text-decoration: underline;
  }
a.more {
  display: block;
  margin-bottom: 8px;
  padding: 0px 32px 0px 0px;
  text-align: right;
  font-style: italic;
  color: #555456;
  background-image: url(../assets/images-design/link_more_dark.gif);
  background-repeat: no-repeat;
  background-position: right top;
  }
a.more:hover {
  color: #659F35;
  background-position: right -20px;
  }
form {  
  font-size: .9em;
  }
h1, h2, h3, h4, h5, h6 {
  margin: 6px 0px;
  padding: 0px;
  }
h1 {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px;
  font-size: 200%;
  /*font-size: 24px;*/
  color: #0071BC;
  }
h2 {
  font-size: 125%;
  margin: 18px 0px 9px 0px;
	color: #999966;
  }
h3 {
  margin: 9px 0px 9px 0px;
  font-size: 110%;
  }
hr {
  height: 1px;
	background-color: #0071BC;
	border: none;
	clear: both;
  }
h4 {
  font-size: 100%;
  margin: 0px;
  }
img {
  margin: 0px;
  padding: 0px;
  border: none;
  }
img.left {
  float: left;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 15px;
  margin-left: 0px;
  display: block;
  }
img.LeftThumbnail {
  float: left;
  margin-top: 3px;
  margin-right: 5px;
  margin-bottom: 3px;
  margin-left: 0px;
  }
img.right {
  float: right;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left:  15px;
  }
img.RightThumbnail {
  float: left;
  margin-top: 3px;
  margin-right: 0px;
  margin-bottom: 3px;
  margin-left: 5px;
  }
input {  
  font-family: Arial, Helvetica, sans-serif;  
  color: #000;
  }
li {
  margin-top: 3px;
  margin-bottom: 3px;
  }
ol {
  margin: 0px 0px 0px 24px;
  padding: 0px;
  list-style-type: decimal;
  }
p {
  margin: 0px 0px 12px 0px;
  line-height: 120%;
    }
select {  
  font-family: Arial, Helvetica, sans-serif;  
  font-size: .9em;
  color: #000
  }
table {
  margin: 0px;
  padding: 0px;
  color: #000;
  }
td, th {
	text-align: left;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCC;
	border-collapse: collapse
  }
td.light {
	background-color: #F4F4F4;
	padding: 5px;
  }
td.dark {
	background-color: #E7EBED;
	padding: 5px;
  }
th {
	background-color: #CCC;
  }
ul, ol, dl {
    position: relative; /* ensures IE6 displays first three bullets */
  }
ul {
  margin: 0px 0px 20px 5px;
  -margin: 0px 0px 20px 6px;
  padding: 0px;
  }
ul li {
	margin-left: 10px;
	padding: 0px 0px 0px 5px;
  list-style: disc;
	/*-zoom: 1;  ensures IE6 displays first three bullets */
  }
ul ul li {
  margin-left: 10px;
  padding: 0px 0px 0px 24px;
  list-style: circle;
	/*-zoom: 1;  ensures IE6 displays first three bullets */
  }
ul li.sectionlink {
  display: block;
  margin-left: 0px;
  padding: 12px 0px 12px 30px;
  background: url(../assets/images-design/mcPagehead.jpg) no-repeat left top;
  font-size: 120%;
  list-style: none;
	/*-zoom: 1;  ensures IE6 displays first three bullets */
  }


/**********************************************/
/* MC Layout Template                         */
/**********************************************/

#mcHomelink {
  height: 48px;
  width: 202px;
  position: absolute;
  left: 22px;
  top: 27px;
  cursor: pointer;
  z-index: 200;
  background: url(../assets/images-design/spacer.gif) repeat;
  }
#mcLayoutarea {
	position: relative;
	margin: 0px;
	padding: 0px 0px;
  }
#mcHeader {
	position: relative;
	height: 140px;
	margin: 0px;
	padding: 0px;
	background: none;
	background: url(../assets/images-design/schatz-top-banner-back.gif) repeat-x left top;
  }
#mcTitle {
  width: 850px;
  height: 110px;
  margin: 0px auto;
  padding: 0px;
  font-size: 1.5em;
  font-weight: bold;
	text-align: center;
  color: #333;
	background: url(../assets/images-design/schatz-top-banner-l.gif) no-repeat left top;
  }
#mcNav {
	position: relative;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../assets/images-design/schatz-nav-bg.png) repeat-x left bottom;
	-background: url(../assets/images-design/schatz-nav-bg.gif) repeat-x left bottom;
	text-align: center;
	vertical-align: none;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	z-index: 10;
  }
#mcNav ul {
  position: relative;
  width: 812px;
  height: 30px;
  margin: 0px auto;
  }
#mcNav li {
  list-style: none;
  display: block;
	float: left;
  height: 30px;
  margin: 0px;
  padding: 0px 5px;
	line-height: 30px;
  }
#mcNav a {
  display: block;
  -display: inline-block;
  height: 30px;
  color: #A33;
  text-decoration: none;
  }
#mcNav a:hover,
#mcNav a.active {
  height: 30px;
  color: #000;
  text-decoration: none;
  }
#mcNav a .bracket {
  color: #CCC;
  }
#mcNav a:hover .bracket,
#mcNav a.active .bracket {
  color: #000 !important;
  }

#mcBody {
  position: relative;
  width: 800px;
  overflow: visible;
  margin: 0px auto;
	padding-top: 12px;
	-padding-top: 0px;
  background: #FFF;
  }
/*#mcBody .top,
#mcBody .bottom {
  display: none;
  }*/
#mcMain {
	position: relative;
	display: inline;
	float: left;
	width: 800px;
	margin: 0px;
	padding: 0px;
	background: #FFF;
	/*background: #FFF url(../assets/images-design/blue-pixel.gif) repeat-y 200px top;*/
  }

#mcFooter {
  clear: both;
	position: relative;
  width: 800px;
  margin: 0px auto;
  padding: 10px 0px 0px 0px;
  font-size: 9px;
  color: #000;
  background: #FFF;
	border-top: solid 1px #0071BC;
  }
#mcFooter .wrapper {
  clear: both;
	position: relative;
  width: 800px;
	height: 80px;
  margin: 0px auto;
  padding: 0px;
  background: #FFF;
  }
#mcFooter .address {
  float: left;
	width: 380px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
  }
#mcFooter .iso {
  float: left;
	width: 122px;	
	margin: 0px;
	padding: 0px;
  }
#mcFooter .green {
  float: left;
	width: 288px;	
	margin: 0px;
	padding: 0px;
  }
#mcFooter .wrapper_tinted {
  clear: both;
  width: 800px;
  height: 20px;
	line-height: 20px;
  margin: 0px auto;
  padding: 0px;
  font-weight: bold;
  color: #000;
  background: #CCC;
  }
#mcFooter .wrapper_tinted a {
  color: #A33;
  text-decoration: none;
  }
#mcFooter .wrapper_tinted a:hover {
  color: #000;
  text-decoration: none;
  }
#mcFooternav {
  margin: 0px 0px;
  padding: 0px 10px;
  text-align: right;
  float: right;
  }
#mcFooterlegal {
  margin: 0px 0px;
  text-align: left;
  padding: 0px 10px;
  float: left;
  }


/**********************************************/
/* MC Product Navigation Modules              */
/**********************************************/

.airframe,
.precision,
.motion,
.functional,
.thinsection {
  display: block;
  float: left;
	position: relative;
	width: 200px;
	height: 80px;
  padding: 0px;
	color: #0071BC;
	margin-bottom: 25px;
	background-position: left top;
	background-repeat: no-repeat;
  }
a.airframe:hover,
a.precision:hover,
a.motion:hover,
a.functional:hover,
a.thinsection:hover,
span.airframe,
span.precision,
span.motion,
span.functional,
span.thinsection {
	background-position: left -80px;
	background-repeat: no-repeat;
	text-decoration: none;
	}
.airframe {
  background-image: url(../assets/images-design/product-nav/airframe.gif);
	}
.precision {
  background-image: url(../assets/images-design/product-nav/precision.gif);
	}
.motion {
  background-image: url(../assets/images-design/product-nav/motion.gif);
	}
.functional {
  background-image: url(../assets/images-design/product-nav/functional.gif);
	}
.thinsection {
  background-image: url(../assets/images-design/product-nav/thinsection.gif);
	}
.airframe p,
.precision p,
.motion p,
.functional p,
.thinsection p {
  margin-bottom: 0px !important;
  margin-left: 112px;
	font-size: 11px;
	line-height: 13px;
  }
.airframe p {
  margin-top: 12px;
  }
.precision p {
  margin-top: 12px;
  }
.motion p {
  margin-top: 4px;
  }
.functional p {
  margin-top: 12px;
  }
.thinsection p {
  margin-top: 20px;
  }
.airframe p .small,
.precision p .small,
.motion p .small,
.functional p .small,
.thinsection p .small {
	font-size: 10px;
	line-height: 11px;
  }


/**********************************************/
/* MC Home Page Elements                      */
/**********************************************/

#mcHome {
  position: relative;
  width: 800px;
	height: 340px;
  margin: 0px;
  padding: 10px 0px 0px;
	background: url(../assets/images-design/schatz-bearing-graphic.gif) no-repeat left 10px;
  }
#mcHome .airframe,
#mcHome .motion,
#mcHome .thinsection {
  clear: both;
	margin-right: 50px;
	}
#mcHome .precision,
#mcHome .functional {
	margin-right: 350px;
	}
#mcHome .quote {
  float: left;
	position: relative;
	color: #999966;
	font-style: italic; 
	font-size: 18px; 
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	left: -40px;
	margin-right: 50px;
  }
#mcHomeAnimation {
  position: relative;
  width: 800px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  }


/**********************************************/
/* MC Standard Page Elements                  */
/**********************************************/

#mcPageHead {
  margin: 0px;
  padding: 0px;
	border-bottom: solid 1px #0071BC;
	background-color: #FFF;
  }
#mcPageHead #mcBreadCrumbs {
  position: relative;
  clear: both;
  height: 10px;
  padding: 0px 10px 8px 10px;
  background: none;
  font-size: 10px;
	background-color: #FFF;
  }
#mcPageHead #mcBreadCrumbs a {
  /*color: #0071BC;*/
	font-weight: normal;
  }
#mcPageHead #mcBreadCrumbs a:hover {
  /*color: #A33;
  color: #000;
	text-decoration: none;*/
  }
#mcPageHead .mcContentHeader {
  margin: 0px;
  padding: 10px 10px 15px 10px;
  }
#mcPageHead .mcContentHeader h1,
#mcPageHead .mcContentHeader h2 {
  margin: 0px;
  padding: 0px;
  }
#mcLeftCol {
	position: relative;
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 201px;
	overflow: hidden;
  }
#mcLeftCol .mcNavSide {
	width: 200px;
	overflow: hidden;
	margin: 0px;
	padding: 20px 0px;
	border-right: solid 1px #0071BC;
  }
#mcLeftCol .mcNavSideSection {
	width: 200px;
	overflow: hidden;
	margin: 0px;
	padding: 20px 0px;
	border-right: solid 1px #0071BC;
	border-bottom: solid 1px #0071BC;
  }
#mcLeftCol .mcNavSideSection a.active {
	color: #000;
  }
#mcLeftCol .container {
  float: left;
  position: relative;
  height: 30px;
  margin: 0px;
  padding: 0px;
  }
#mcLeftCol ul {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  }
#mcLeftCol li {
  list-style: none;
  display: block;
  position: relative;
  width: 200px;
	/*height: 30px;*/
  margin: 0px;
  padding: 0px 0px 15px 0px;
	text-align: center;
  zoom: 1;
  }
#mcLeftCol li span {
  display: block; /*opera*/
  display: -moz-inline-box; /*ff*/
  display: inline-block; /*ie*/
  position: relative;
  height: 22px;
  margin: 0px;
  padding: 8px 8px 0px 12px;
  background: url(../assets/images-design/tabs.gif) no-repeat left top;
  }
#mcLeftCol li.active {
  background: url(../assets/images-design/tabs.gif) no-repeat right -90px;
  }
#mcLeftCol li.active span {
  background: url(../assets/images-design/tabs.gif) no-repeat left -60px;
  }
#mcLeftCol li a {
  color: #A32;
  }
#mcLeftCol li a:hover {
  color: #000;
  text-decoration: none;
  }
#mcContent {
  float: left;
	display: inline;
  position: relative;
  clear: none;
  width: 570px;
  margin: 0px;
  padding: 20px 10px 20px 19px;
  min-height: 300px;
  height: auto !important;
  height: 300px;
  }
#mcContent h1 {
  margin-top: 0px !important;
  padding-top: 0px !important;
  }
#mcContent h1.section {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	color: #999;
	/*text-transform: uppercase;*/
  }
#mcContent h1.section .highlight {
  color: #666;
  }
#mcContent h2.section {
  margin-top: 0px !important;
  padding-top: 0px !important;
  color: #000;
  }
#mcContent h2.big {
  margin-bottom: 12px !important;
  padding-bottom: 0px !important;
  font-family: "Times New Roman",Times,serif;
  font-size: 200%;
  color: #999;
  }
#mcContent table {
  width: 100%;
	border: solid 1px #CCC;
  }
#mcContent table.list,
#mcContent table.partslist {
	border-right: none;
	border-left: none;
  }
#mcContent table.chart td,
#mcContent table.list td,
#mcContent table.list th,
#mcContent table.partslist td,
#mcContent table.partslist th {
	padding: 2px 0px;
	font-weight: normal;
  }
#mcContent table.chart td,
#mcContent table.partslist td,
#mcContent table.partslist th {
  text-align: center;
  }
#mcContent table.chart td.alpha,
#mcContent table.list td,
#mcContent table.list th,
#mcContent table.partslist td.alpha,
#mcContent table.partslist th.alpha {
	text-align: left;
	padding-right: 2px;
	padding-left: 1px;
	white-space: nowrap;
  }
#mcContent table.chart th {
	padding-left: 5px;
	font-weight: bold;
	text-align: left;
	height: 25px;
	line-height: 25px;
  }
#mcContent table.chart td {
	padding: 20px 0px;
  }
#mcContent table.list td,
#mcContent table.partslist td {
	font-size: 0.85em;
	border-right: none;
	border-left: none;
  }
#mcContent table.list th.thead,
#mcContent table.partslist th.thead,
#mcContent table.partslist th.theadtop,
#mcContent table.partslist th.theadbottom {
	font-size: 0.85em;
  color: #FFF;
	background-color: #0071BC;
	border-top: none;
	border-bottom: none;
  }
#mcContent table.partslist th.theadtop {
  vertical-align: top;
  }
#mcContent table.partslist th.theadbottom {
  vertical-align: bottom;
  }
#mcContent table.partslist th.theadlight {
	font-size: 0.85em;
	color: #000;
	background-color: #CAEAFF;
	border-top: none;
	border-bottom: none;
  }
#mcContent .loadratingannotation {
  width: 160px; 
	float: right;
	}
#mcContent .highlightalternative {
	background-color: #CAEAFF;
  }

.mcSideNav, .mcPlayList {
  float: left;
  position: relative;
  margin: 0px 0px 12px 0px;
  padding: 0px;
  background: #717075 url(../assets/images-design/back_sidenav.jpg) no-repeat left top;
  color: #FFF;
  }
.mcSideNav .top {
  width: 229px;
  margin: 19px 0px 20px 20px;
  display: block;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 110%;
  }
.mcSideNav .sidecontainer {
  width: 218px;
  margin: 8px 20px 20px 12px;
  }
.mcSideNav a:link, 
.mcSideNav a:visited {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  }
.mcSideNav a:hover, 
.mcSideNav a:active {
    color: #EBEED0;
  text-decoration: none;
  font-weight: bold;
  }
.mcSideNav a.more:link, 
.mcSideNav a.more:visited {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  background: url(../assets/images-design/link_more_light.gif) no-repeat right top;
  }
.mcSideNav a.more:hover, 
.mcSideNav a.more:active {
    color: #EBEED0;
  text-decoration: none;
  font-weight: bold;
  background: url(../assets/images-design/link_more_light.gif) no-repeat right -20px;
  }
#mcAnnouncements {
  float: left;
  position: relative;
  margin: 0px 0px 8px 0px;
  padding: 0px;
  background: #E4E4E4 url(../assets/images-design/back_announcements.jpg) no-repeat left top;
  }
#mcAnnouncements .sidecontainer {
  width: 210px;
  margin: 80px 20px 20px 20px;
  }
#mcMoreInfo {
  float: left;
  position: relative;
  margin: 0px 0px 8px 0px;
  padding: 0px;
  background: #E4E4E4 url(../assets/images-design/back_moreinfo.jpg) no-repeat left top;
  }
#mcMoreInfo .sidecontainer {
  width: 222px;
  margin: 80px 20px 20px 8px;
  }
.mcSideNav .sidecontainer h2, 
#mcAnnouncements .sidecontainer h2, 
#mcMoreInfo .sidecontainer h2 {
  margin-top: 0px;
  }
#mcAnnouncements .sidecontainer li, 
#mcMoreInfo .sidecontainer li {
  margin-left: 0px;
  background: url(../assets/images-design/bullet.gif) no-repeat left top;
  }
.textContainer {
  width: 222px;
  margin: 0px 20px 12px 0px;
}


form#contact {
  width: 570px;
  }
form#contact label {
  display: block;
	float: left;
  width: 140px;	
	height: 21px;
	line-height: 21px;
	margin-bottom: 5px;
	font-weight: bold;
  }
form#contact input[type=text] {
  display: block;
	float: left;
  width: 50%;
	margin-bottom: 10px;
  }
form#contact textarea {
  display: block;
  width: 560px;
	clear: both;
  }
form#contact p {
  clear: both;
  }

 
  
/**********************************************/
/* Formatting Classes                         
/**********************************************/

.boxright {
  float: right;
  width: 33%;
  border: none;
  margin-left: 12px;
  padding: 12px;
  color: #333333;
  background: #CCCCCC;
  }
.boxleft {
  float: left;
  width: 33%;
  border: none;
  margin-right: 12px;
  padding: 12px;
  color: #333333;
  background: #CCCCCC;
  }
.quoteright {
  float: right;
  width: 33%;
  margin-left: 12px;
  border: none;
  padding: 12px;
  font-family: "Times New Roman",Times,serif;
  font-style: italic;
  font-size: 120%;
  font-weight: bold;
  color: #333333;
  background: #CCCCCC;
  }
.quoteleft {
  float: left;
  width: 33%;
  margin-right: 12px;
  border: none;
  padding: 12px;
  font-family: "Times New Roman",Times,serif;
  font-style: italic;
  font-size: 120%;
  font-weight: bold;
  color: #333333;
  background: #CCCCCC;
  }
.highlight {
  color: #0071BC;
	font-weight: bold;
  }
.serif {
  font-family: "Times New Roman",Times,serif;
  }
.small {
  font-size: 0.78em;
  }
.hidden {
  display: none;
  }