/*
** BASE STYLES
*/
.productoption {
	padding: 2 2 2 2;
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
body, td	{
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	margin: 12px 6px 12px 6px;
	text-align: center;
}

td {
	text-align: left;
}

/* 
** h2 is white on dk. blue bar 
** NOTE: sno other header levels are in use
*/
h2 {
	width: 100%;
	margin: 0;
	color: #ffffff;
	background-color: #000066;
	text-align: left;
	font-size: 12px;
	padding: 3px 6px 3px 6px;
	margin-bottom: 1px;
}	

/* remove all margins on forms */
form {
	margin: 0;
}

/* set basic link formatting */
A:link		{
	color: #993333;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: underline;
}

A:visited	{
	color: #993333;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: underline;
}

A:active	{
	color: #993333;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: underline;
}

A:hover		{
	color: #993333;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
}
/* END BASE STYLES */

/* .txtColumn {
	padding: 2 2 2 2;
	color: #FFFFFF;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.txtColumn A:link	 {
	color: #993333;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

.txtColumn A:visited	 {
	color: #993333;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

.txtColumn A:hover	 {
	color: #993333;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.txtColumn2 A:link	 {
	color: #FFFFFF;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.txtColumn2 A:visited	 {
	color: #FFFFFF;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.txtColumn2 A:hover	 {
	color: #FFFFFF;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.txtColumn3 A:link	 {
	color: #FFFFFF;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.txtColumn3 A:visited	 {
	color: #FFFFFF;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.txtColumn3 A:hover	 {
	color: #FFFFFF;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
*/

.txtWarning {
	color: #CD0000;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/*
** USE ON: 	pages that contain forms
** FOR: 	formatting of various form elements
*/

.formElement {
	border-color: #4F658C;
	height: 14pt;
	border-style: solid;
	border-width: 1px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

.formElementWarning {
	border-color: #CD0000;
	height: 14pt;
	border-style: solid;
	border-width: 1px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

.formElement2 {
	border-color: #4F658C;
	border-style: solid;
	border-width: 1px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

.formElementUpper {
	border-color: #4F658C;
	height: 14pt;
	border-style: solid;
	border-width: 1px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}


 /*
.hdrFill {
	background-color: #993333;
}

.tableFill {
	background-color: #E3E7EB;
}

.borderFill {
	background-color: #4F658C;
}

.clearFill {
	background-color: #FFFFFF;
}
*/

/* 
** USE ON: 	pages with ledger-style formatting
** FOR: 	alternating row styles, also default centering of cells
** NOTE: 	any cell that needs left/right formatting
**			must be overridden inline with style="text-align: left;" (or right)
*/

.lineFill {
	background-color: #D1D1DC;
	height: 20px;
}

.lineFill td {
	text-align: center;
}

.lineFill2 {
	background-color: #FFFFFF;
	height: 20px;
	text-align: center;
}

.lineFill2 td {
	text-align: center;
}

/*

.columnFill {
	background-color: #505D75;
}

.columnFill2 {
	background-color: #999999;
}

.columnFill3 {
	background-color: #CCB6B6;
}



.hdrText {
	color: #FFFFFF;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-style: normal;
}
*/

.subHdr {
	color: #4F658C;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
}

/*
** FOR: inactive links (e.g., prev/next pagination)
*/

.inactive {
	color: #767682;
	background-color: transparent;
}

/*
** USE ON: 	all pages that are not popups
** FOR: 	establishes page width, some control over centering
*/

#container {
	width: 768;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}	
#rawSoap {
	width: 768;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#bods {
	width: 768;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
/* 
** USE ON: 	all pages that are not popups with the standard header
** FOR: 	general formating of header
** NOTES: 	header include may soon include table declaration
**			and width should be moved to style sheet
*/

#pageheader {
	color: #ffffff;
	background-color: #000066;
	text-align: left;
}

#pageheader .contactinfo {
	color: #000000;
	background-color: #ffffff;
	padding-bottom: 4px;
}

#pageheader .branding {
	color: #ffffff;
	background-color: #000066;
	padding-top: 6px;
	padding-bottom: 6px;
}

#popupheader {
	width: 100%;
	color: #ffffff;
	background-color: #000066;
	text-align: left;
	padding: 0 6px 0 6px;
	margin-bottom: 11px;
}	

.orderInfo {
	padding-left: 6px;
	padding-right: 4px;
}

.orderInfo p {
	margin: 0;
}

.shippingInfo {
	margin-top: 11px;
	text-align: left;
}

.shippingInfo h3 {
	margin: 0 0 4px 0;
	font-size: 12px;
}

.shippingInfo p {
	margin: 0 0 4px 0;
}

#shippingAddress {
	margin-left: 6px;
	text-align: left;
}

.formContainer {
	clear: all;
	margin-top: 11px;
	text-align: left;
}

.formContainer th {
	color: #ffffff;
	background-color: #000066;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	padding: 3px 0 3px 9px;;
}

.feedbackContainer {
	margin-top: 11px;
	text-align: left;
}

.feedbackContainer th {
	color: #ffffff;
	background-color: #A7A7B6;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	padding: 3px 0 3px 9px;
	border: 1px solid #767682
}


.formContainerBody {
	border-right: 1px solid #767682;
	border-bottom: 1px solid #767682;
	border-left: 1px solid #767682;
	padding: 12px 6px 12px 6px;
	background-color: #E8E8F0;
	text-align: left;
}

.dividedFormTop {
	padding-bottom: 9px;
}

.dividedFormBottom {
	border-top: 1px solid #000066;
	padding-top: 9px;
}

.buttonBarTop {
	padding: 11px 6px 0 0;
	width: 100%;
	height: 16px;
	margin-bottom: -5px;
}

.buttonBarTop img {
	float: right;
	margin-left: 6px;
}

.buttonBarTop .inputButton {
	float: right;
	margin-left: 6px;
}

.buttonBarInternal {
	width: 100%;
	height: 16px;
	padding: 11px 9px 0 0;
}

.buttonBarInternal img {
	float: right;
	margin-left: 6px;
}

.buttonBarBottom 	{
	margin-top: 6px;
	padding: 4px 6px 0 0;
	width: 100%;
	height: 16px;
	border-top: 6px solid #000066;
}

.buttonBarBottom img {
	float: right;
	margin-left: 6px;
}

.buttonBarBottom .inputButton {
	float: right;
	margin-left: 6px;
}

.orderOptions img {
	float: right;
	margin-left: 12px;
}

.shipTo {
	padding-right: 9px;
	font-weight: bold;
	text-align: left;
}

.fatDivider {
	height: 1px;
	width: 100%;
	border-top: 6px solid #000066;
	margin-top: 5px;
	padding: 0;
}

/* quoteContainer
** FOR: 	holding quote tables, adding header row with 
** 			down arrow
** NOTES:	see also, vendorName and poNumber
*/

.quoteContainer {
	margin-top: 14px;
	text-align: left;
}

.quoteContainer th {
	color: #000000;
	background-color: transparent;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	padding-left: 3px;
}

.quoteContainer th img {
	margin-left: 3px;
	margin-right: 6px;
}

/* quoteTable
** FOR: 	primarily tables that return quotes
**			however may be used as a general style when
**			dk. gray table-headers are needed
*/

.quoteTable {
	border-bottom: 1px solid #A7A7B6;
	text-align: left;
}

.quoteTable th {
	color: #000000;
	background-color: #A7A7B6;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	height: 22px;
}

.subline {
	padding: 2px;
	text-align: center;
}

/* vendor table styles */
.vendorOrder {
	margin-top: 12px;
	text-align: left;
}

.vendorName {
	font-weight: bold;
	font-size: 11px;
	padding-left: 3px;
	text-align: left;
}

.vendorName img {
	margin-right: 6px;
}

.poNumber {
	text-align: right;
	padding-right: 9px;
}

.poNumber img {
	margin-left: 9px;
}

th .poNumber {
	text-align: right;
	padding-right: 9px;
}

.warning {
	width: 100%;
	text-align: center;
	color: #CD0000;
	background-color: transparent;
}

#partsEntryTable {
	margin-top: 11px;
	padding-top: 9px;
	border-top: 1px solid #4D4D94;
	text-align: left;
}


.instructions {
	font-weight: bold;
	padding-top: 6px;
	margin-top: 0;
}

.searchType {
	padding-top: 4px;
	padding-left: 6px;
	font-weight: bold;
	width: 150px;
}

#progressbar {
	text-align: center;
	background-color: #4D4D94;
	border-top: 1px solid white;
}

#progressbar td {
	text-align: center;
	padding: 3px 0 3px 0;
}

#progressbar img {
	margin:0;
	padding: 0;
}

.formLabel {
	font-weight: bold;
	text-align: right;
	width: 180px;
}

.formLabel2 {
	font-weight: bold;
	text-align: right;
	width: 250px;
}

/* used on the 'lookup' page 
to hold the alphabet-based navigation
table */

#alphabet {
	width: 100%;
	color: #ffffff;
	background-color: #4D4D94;
}

#alphabet td {
	padding: 3px 4px 6px 4px;
	text-align: center;
	color: #ffffff;
	background-color: transparent;
	font-size: 10px;
}

#alphabet td a {
	color: #D1D1DC;
	background-color: transparent;
	font-size: 10px;
}

#alphabet td a:hover {
	text-decoration: underline;
}

/* used on 'lookup' page to display
the results for a single selected letter */

#partsResults {
	margin-top: 11px;
	width: 100%;
}

#partsResults th {
	color: #000000;
	background-color: transparent;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	padding-left: 3px;
}

#partsResults th img {
	margin-left: 3px;
	margin-right: 6px;
}	


/* created for 'error.jsp'- bold error
text. */

.errorMessage {
	margin-top: 11px;
	margin-left: 12px;
	color: #4F658C;
	background-color: transparent;
	font-size: 11px;
	font-weight: bold;
}

/* formats the note line for various 
quote tables */

.noteRow {
	width: 70%;
	text-align: left;
	margin: 3px auto 3px auto;
}

.noteRow td {
	text-align: left;
	border: none;
}

/* form styles (at level of containing class) */
.formTable {
	margin-top: 0;
}

.formTable .label {
	text-align: left;
}

.formTable .linefill .label {
	font-weight: bold;
}

.formTable input, .formTable select {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	border: 1px solid #4F658C;
	height: 14pt;
	width: 120px;
}

.formTable .xsmall {
	width: 20px;
}	

.formTable .small {
	width: 80px;
}

.formTable .large {
	width: 200px
}

/* formcontainer divider line */

.formContainerBody hr {
	width: 100%;
	height: 1px;
	color: #4D4D94;
	background-color: transparent;
	margin-top: 6px;
	margin-bottom: 0px;
}

.partDetailTable th {
	color: #000000;
	background-color: #A7A7B6;
	text-align: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 0 3px 9px;;
}


/* 
** USE ON: 'retrieve pages'
** FOR: 'please wait' div, all formatting
*/

#pleaseWait {
	border: 1px solid #4d4d94;
	text-align: center;
	margin-top: 11px;
}	

#pleaseWait img {
	margin-top: 32px;
}	

#pleaseWait p {
	font-size: 12px;
	font-weight: bold;
}


/*
** USE ON: any page
** FOR: measuring width
** NOTES: temp, remove from CSS and remove from all pages
*/

.ruler {
	width: 768px;
	color: #ffffff;
	background-color: #9999cc;
	font-weight: bold;
	text-align: center;
	font-size: 9px;
	font-family: "Lucida Grande", sans-serif;
	margin-bottom: 12px;
}