@charset "UTF-8";

/* CSS Document */

body {
	padding: 0px;
	margin-left: 1px;
}

/*links in the menu list display with weird white space in IE 6. Adding the zoom property to links is supposed to remedy the issue*/	


.menu li {
	height: 1em;
}

/*any content in IE 6 that doesn't fit in a fixed-sized box causes the box to expand. the overflow/word-wrap thing is supposed to take care of that*/	

		
#content-product-information,
#TabbedPanels1,
.TabbedPanels {
	overflow:hidden;
	word-wrap: break-word;
}

/*adding a demension to a block item that contains line items prevents the IE 6 three pixel text jog*/	

#content {
	zoom: 1;
	font-family: Arial, Helvetica, sans-serif;
}

.nav-index-col1,
.nav-index-col2,
.nav-index-col3 {
	overflow:hidden;
	word-wrap: break-word;
}

#content-index h1 {
	zoom: 1;
}

/*ie 6 doesn't apply a class to an id. so the section headers on the product pages display as a grey pattern rather than a product, color specific pattern. to compensate, this rule adds the same dark gray pattern to each product page header*/	


#section-header p.f101,
#section-header p.cc,
#section-header p.tlm,
#section-header p.cls {
	border-top-color: #444;
}

/*ie 6 doesn't apply a class to an id. so when hovered over, the triangular bullet navigation items in the right column of the product pages disappears. to compensate, this rule removes the bullet altogether*/	


#rightCol a.nav {
	background-image: none;
}