/*
medium blue: #3b6ad5
white: #edf5f4
dark gray: #2a3032
medium gray: #686c6c
light blue-gray: #a4a7c2
orange: #ee6f00
*/

body
{	background: black;
	color: #edf5f4;
	margin: 0px 0px 0px 0px;
}

.content
{	background: black;
	color: #edf5f4;
	position: relative;
	top: 130px;
	left: 0px;
	z-index: 1;
	font-size: 12pt;
}

.banner
{	background-color: #2a3032;
	background-image: url(masthead.jpg);
	background-position: center center;
	background-repeat: repeat-x;
	border-top: 2px #686c6c solid;
	border-left: 2px #575d5d solid;
	/* border-right: 2px #2c3232 solid; This wouldn't actually show up. width of 100% sticks it just outside the page's border. An image takes care of it. */
	border-bottom: 2px #212727 solid;
}

.buttonBackground
{	background-image: url(texture1.png);
	background-repeat: repeat;
	border-right: 2px #ee6f00 solid;
}

.horizontalStripe
{	background-color: #ee6f00;
	width: 12px;
	height: 2px;
}

.shadow
{	background-color: black;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.borderOn {
	border-top-color: #ff9222;
	border-right-color: #de5f00;
	border-bottom-color: #dc5d00;
	border-left-color: #ff8f20;
}

.raised
{	border-top: 2px #686c6c solid;
	border-left: 2px #575d5d solid;
	border-right: 2px #2c3232 solid;
	border-bottom: 2px #212727 solid;
}

.sunken
{	border-bottom: 2px #686c6c solid;
	border-right: 2px #575d5d solid;
	border-left: 2px #2c3232 solid;
	border-top: 2px #212727 solid;
}

.importantText
{	color: #3b6ad5;
	font-family: sans-serif;
}

h1
{	color: #3b6ad5;
	font-size: 16pt;
	font-weight: normal;
	font-family: sans-serif;
	text-align: center;
}

h2
{	color: #3b6ad5;
	font-size: 14pt;
	font-weight: normal;
	font-family: sans-serif;
	text-align: center;
}


a:link, a:visited
{	color: #a4a7c2;
	text-decoration:underline;
}

a:hover
{	color: #ee6f00;
	text-decoration:underline;
}


.miscText
{	color: #edf5f4;
	font-family: sans-serif;
}

.textBox
{	/* should match .sunken */
	border-bottom: 2px #686c6c solid;
	border-right: 2px #575d5d solid;
	border-left: 2px #2c3232 solid;
	border-top: 2px #212727 solid;
	
	font-size: 12pt;
	font-family: sans-serif;
	background: #121516;
	color: #edf5f4;
}

/********* cart/checkout ***********/
.errors
{	color: #ee6f00;
	font-size: 12pt;
	font-family: sans-serif;
}

.tableNote
{	color: #686c6c;
	font-family: sans-serif;
	font-size: 11pt;
}

.tablePrompt
{	color: #a4a7c2;
	font-family: sans-serif;
	font-size: 13pt;
	font-style: italic;
}

/********* styles for product tables and pages ***********/

a.columns:link, a.columns:visited {
	color: #686c6c;
	border: black 1px solid;
	font: 16pt, verdana, helvetica, arial, sans-serif;
	text-decoration: none;
	font-weight: 800;
}
a.columns:hover {
	color: #ee6f00;
	border: black 1px solid;
	font: 16pt, verdana, helvetica, arial, sans-serif;
	text-decoration: none;
	font-weight: 800;
}

a.currentColumns:link, a.currentColumns:visited, a.currentColumns:hover {
	color: #edf5f4;
	border: white 1px solid;
	font: 16pt, verdana, helvetica, arial, sans-serif;
	text-decoration: none;
	font-weight: 800;
}

a.tableLink:link, a.tableLink:visited {
	color: #3b6ad5;
	text-decoration: none;
}
a.tableLink:hover {
	color: #ee6f00;
	text-decoration: none;
}

a.productLink:link, a.productLink:visited {
	font-size: 14pt;
	color: #edf5f4;
	text-decoration: none;
}
a.productLink:hover {
	font-size: 14pt;
	color: #ee6f00;
	text-decoration: none;
}
a.productIconLink:link, a.productIconLink:visited, a.productIconLink:hover {
	color:black;
	border: none;
}

td.products, th.products
{	border-bottom: 2px #686c6c solid;
	border-right: 2px #575d5d solid;
	border-left: 2px #2c3232 solid;
	border-top: 2px #212727 solid;
	padding-top: 7px;
}

.partNumber
{	text-align: center;
	color: #3b6ad5;
	font-family: sans-serif;
}

.pagePrice
{	text-align: center;
	color: #ee6f00;
	font-family: sans-serif;
}

.tablePrice
{	text-align: center;
	color: #3b6ad5;
	font-family: sans-serif;
}

.pname
{	color: #edf5f4;
}