table.matrix
{
	border-collapse: collapse;
	font-size: 10px;
}

table.matrix th
{
	background-color: #800c03;
	color: white;
}

table.matrix td
{
	text-align: center;
	border-bottom: #800c03 1px solid;
	border-right: #800c03 1px solid;
}

table.matrix td.first
{
	white-space: nowrap;
	text-align: left;
	border-left: #800c03 1px solid;
}

table.cart
{
	border: #800c03 1px solid;
	border-left: none;
	font-size: 10px;
	padding: 0px;
	margin-left: 15px;
	width: 645px;
}

table.cart th
{
	background-color: #800c03;
	color: white;
}

table.cart td
{
	border-left: #800c03 1px solid;
	border-top: #800c03 1px solid;
}

table.login
{
	margin: 10px 0px 10px 8px;
	border: solid 1px #800C03;
	font-size: 10px;
	width: 300px;
	height: 320px;
}

table.login th
{
	background-color: #800c03;
	color: white;
	font-size: 14px;
	height: 20px;
}

#noborder
{
	border-top: none;
}

a
{
	font: normal normal normal 11px Arial, Helvetica, sans-serif;
	color: #800C03;
	text-decoration: underline;
}

#search table
{
	float: right;
	height: 17px;
}

#search TD
{
	color: black;
	vertical-align: middle;
	font-size: 9px;
	text-align: right;
}

#rightNav
{
	position: relative;
	width: 790px;
}

/*	This is a list of categories that serves as our menu.  It is hidden
 *	until summoned by some JavaScript event
 */

#categories
{
	visibility: hidden;
	position: absolute;
	top: 75px;
	left: 416px;
	z-index: 2;
	background-color: #800c03;
	width: 200px;
	border: solid 1px white;
}

/*	Any div's enclosed in the #category element represent the box around the category to form a menu
 * 
 */
#categories div
{
	border-bottom: solid 1px white;
	padding: 2px 5px 2px 5px;
	z-index: 2;
}

#categories a
{
	color: white;
	text-decoration: none;
	z-index: 2;
}

div#outer
{
	width: 797px;
	position: relative;
	margin: 0 auto;
	margin-top: 22px;	
	text-align: left;
}

/* .wrap should be phased out, in favor of the #wrap */
div.wrap, div#wrap
{
	background-color: white;
	padding: 3px 3px 3px 3px;
}

/* .main should be phased out, in favor of the #main */
.main, #main
{
	border: solid 1px black;
	margin: auto;
	padding: 3px 0px 3px 3px;
	width: 785px;
}

#menu img
{
	margin-top: 15px;
}

/* this is the menu that inside the header */
#header #menu
{
	float: right;
	padding-right: 20px;
}

#header #menu a
{
	margin-right: 30px;
}

/* this is the tiles that show up on the main page... just need to keep em in a bound box*/
#header2
{
	width: 781px;
}

img#productImage
{
	float: right;
	margin-bottom: 1em;
}

/* I've only used this on the static web page, but it might make sense to use it on all pages 
 * ***
 */
#content
{
	margin: 1.5em;
}

#content th
{
	font: normal normal bold 12px/12px Arial, Helvetica, sans-serif;
	color: #800c03;
	border: none;
	text-align: left;
}

#content td, input, select, .content
{
	font: normal normal normal 11px Arial, Helvetica, sans-serif;
}

#matrix th, #matrix td
{
	border-bottom: solid 1px #800c03;
}

#questions
{
	padding-bottom: 3em;
	margin-bottom: 3em;
	border-bottom: dotted #999 1px;
}

/* This is for the product directory */
#productDirectory
{
	font-size: 12px;
}

#productDirectory br
{
	margin: 1em;
}

#productDirectory a.TreeLevel1
{
	margin-left: 10px;
}

#innerCorner
{
	float: right;
	margin-right: 4px;
}

/* 
IE HACK NOT NECESSARY IF YOU CODE IT AS AN XHTML DOCTYPE
* html #innerCorner {
  margin-right: -6px;
}*/
#stock, #custom
{
	font: normal normal normal 11px/11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	padding: 37px 5px 0px 5px;
	height: 104px; /* 141 - 30 */
	width: 203px; /* 213- 5 -5 */
	float: right;
	margin: 0px;
	border-top: solid 1px white;
}

* html #stock, * html #custom
{
	height: 139px;
	width: 220px;
}

#stock
{
	background-image: url(../images/stock_parts.gif);
}

#custom
{
	background-image: url(../images/custom_parts.gif);
}

#header
{
	background-image: url(../images/header_background.gif);
	height: 49px;
	width: 781px;
	border-top: solid 1px #800c03;
	border-bottom: solid 4px #800c03;
	margin-top: 1px;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
}

#header img
{
	border: 0;
}

#header #logo
{
	margin-top: 4px;
	float: left;
}

/* CSS Document */

#productInfo table
{
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#productInfo td, th
{
	padding: .2em 1em .2em 1em;
	border: solid 1px #800c03;
}

#productInfo th
{
	font-weight: normal;
	color: white;
	background-color: #800c03;
}

#gradient
{
	width: 781px;
	height: 26px;
	background-image: url(../images/gradient.gif);
}

#footer
{
	clear: both;
	width: 781px;
	color: #800c03;
	background-color: #dbdeab;
	border-bottom: solid 1px #800c03;
	border-top: solid 4px #800c03;
	margin-bottom: 1px;
	font: normal normal normal 10px/12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#footer #left
{
	padding-left: 1em;
	float: left;
}

#footer a
{
	color: #800c03;
	text-decoration: none;
}

#footer #right
{
	padding-right: 1em;
	float: right;
}

h1
{
	font: normal normal bold 16px Arial, Helvetica, sans-serif;
	color: #800C03;
	text-decoration: none;
}

body
{
	background-color: #EDEFD5;
	font: normal normal normal 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	text-align: center;
}

img
{
	border: none;
}

h2, h3
{
	color: #800c03;
}

.darksquare, .lightsquare
{
	height: 70px;
	width: 70px;
	float: left;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-left: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	padding: 0px;
	overflow: hidden;
}

.darksquare
{
	background-color: #4d482d;
}

.lightsquare
{
	background-color: #898051;
}

div.rule
{
	border-top: 3px solid #800c03;
	width: 781px;
	margin: 0px;
	font-size: 1px;
	height: 1px;
	background-color: white;
}

.moreInfo
{
	float: right;
	background-color: #800c03;
	padding: 2px;
	margin: 3em 0em 0em 2em;
	border: outset 2px;
}

.moreInfo a
{
	text-decoration: none;
	color: white;
}

.moreInfo .plus
{
	border-right: inset 1px black;
	padding: 0em .5em 0em .5em;
	margin-right: .5em;
	font: normal normal normal 16px Arial, Helvetica, sans-serif;
}

.ProductListing .product
{
	border-bottom: solid 1px #800c03;
	margin: 0 1em 1em 1em;
	width: 675px;
}

.ProductListing img
{
	float: right;
	left: 10px;
}

.ProductListing .teaser
{
	margin-top: .2em;
	width: 425px;
}

.ProductListing .description
{
	width: 425px;
}

.ProductListing h2 a
{
	font: normal normal bold 14px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

.ProductListing h2 a:hover
{
	text-decoration: underline;
}

.ProductListing h2
{
	width: 425px;
	margin-bottom: 0px;
}

.ProductListing h3
{
	width: 425px;
	margin-bottom: 0px;
}

.ProductListing ul
{
	margin-top: 0px;
}

.flyout
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #800C03;
}

.flyout:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #A75751;
}

#productDirectory .TreeLevel0
{
	margin: 18px;
	font: normal normal bold 14px Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	page-break-after: auto;
}

#productDirectory .TreeLevel0:hover
{
	text-decoration: underline;
}

.TreeLevel1
{
	font: normal normal normal 11px/12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: disc;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 20px;
}

.productname
{
	margin-left: 15px;
}

.productname span
{
	font: normal normal bold 14px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	margin: 5px 4px 0px 0px;
}

.productname input
{
	margin-right: 5px;
}

.buttons
{
	margin-left: 5px;
}

.buttons img
{
	float: none;
}

.OuterTable
{
	border-collapse: collapse;
}

p.error
{
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	color: #800C03;
	padding-left: 10px;
}

.highlight
{
	display: none;
}

.discount
{
	background-color: Red;
}

.labeled
{
	width: 350px;
	float: left;
	margin-left: 15px;
}

.labeled p
{
	height: 15px;
}
.labeled td
{
	font: normal normal bold 10px Arial, Helvetica, sans-serif;
}

.labeled label
{
	white-space: nowrap;
	clear: left;
	padding: 0px;
	float: left;
	margin: 0px 5px 0px 5px;
	font: normal normal bold 10px Arial, Helvetica, sans-serif;
	width: 90px;
	text-align: left;
}

.labeled p input, select
{
	float: left;
	width: 150px;
}

.error
{
	color: Red;
	font-size: 12px;	
}

.floater
{
	z-index: 1003;
	background-color: #EEEEEE;
	border: 2px solid #000000;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 300px;
	width:400px;
	margin-left: -200px;
	margin-top: -150px;
}
.floaterFrame
{
	z-index: 1002;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 300px;
	width:400px;
	margin-left: -200px;
	margin-top: -150px;
}
.floaterTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	background-color: #800c03;
	color: white;
}
.pageBlocker
{
	z-index: 1001;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
.pageBlockerFrame
{
	z-index: 1000;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

.floater_text
{
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
}