@charset "utf-8";
body {
	margin: 0px;
	background-color: #000000;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 4px;
}
.topback {
	background-image: url(/images/designn/topback.gif);
	background-repeat: repeat-x;
}

.background {
	background-image: url(../images/design/back.jpg);
	background-repeat: no-repeat;
	background-color: #EEE9D6;
	vertical-align: top;
}
.footerback {
	background-image: url(/images/design/footerback.jpg);
	background-repeat: no-repeat;
	height: 213px;
	text-align: center;
	vertical-align: middle;
	margin: auto;
}
.content {
	vertical-align: top;
	padding: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #18246C;
	text-decoration: none;
	padding-left: 15px;
	font-weight: bold;
}
a.nav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #18246C;
	text-decoration: none;
	padding-left: 15px;
	font-weight: bold;
}
a.nav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #18246C;
	text-decoration: none;
	padding-left: 15px;
	font-weight: bold;
}
.footer {
	color: #FFF4D1;
}
.outfitters {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}.navback {
	background-image: url(/images/design/nav.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	height: 336px;
	width: 194px;
}
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 50px;
	font-weight: bold;
}
a.nav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 50px;
	font-weight: bold;
}
a.nav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 50px;
	font-weight: bold;
}

.navback ul {
	margin: 0; 
	padding: 0;
	list-style: none;
}

#cells div {
	width: 450px;
	background: #fff;
	margin: 0 0 5px 0;
	padding: 5px 10px;
	height: 70px;
	color: #000;
	position: relative;
	
}

#cells div.images {
	margin: 0;
	padding: 0;
	height: 70px;
	width: 75px;
	text-align: center;
	background: transparent;
}

#cells div p { 
	margin: 0;
	position: absolute;
	top: 10px;
	left: 95px;
}

#cells img {
	padding: 0 0 5px 0;
}
#cells div.heat a {  color: #cc3333}
#cells div.bearing a { color: #3e64ba  }
#cells div.packaging a {  color: #8ba2d2 }
#cells div a { font-size: 1.2em; font-weight: bold; }
#cells div a:hover { text-decoration: underline; }

#cells div.light {
	background: #ddd;
}


#breadcrumb, #breadcrumb a {
	color: #8BA2D2;
}

#breadcrumb span {
	color: #3E64BA;
	font-weight: bold;
}

#pressroom a { text-decoration: underline; } #pressroom a:hover { text-decoration: none; }


#heatcontainer { position: relative; }

#heata1, #heata2, #heata3 { position: absolute; top: 0; left: 0; background: #000; display: none; }

#heatcontainer div.display { display: block; } 


ul#tabnav { 
text-align: left; 
margin: 1em 0 1em 0; 
border-bottom: 1px solid #EEE9D6; 
list-style-type: none;
padding: 8px 10px;
}

ul#tabnav li { 
display: inline;
}

ul#tabnav li.active a { 
border-bottom: 1px solid #000; 
background-color: #000; 
}

ul#tabnav li.active  { 
background-color: #000; 
color: #FFF; 
position: relative;
top: 1px;
padding-top: 9px; 
}

ul#tabnav li a { 
padding: 8px 10px; 
border: 1px solid #EEE9D6; 
background-color: #C33; 
color: #FFF; 
font-weight: bold;
font-size: 1.3em;
margin-right: 0px; 
text-decoration: none;
border-bottom: none;
outline: 0;
}


ul#tabnav a:hover { 
  background: #c44;
}

.heatfooter {	
	padding-top: 15px;
	text-align: center;
}
