/*
 * demo.css
 * default stylesheet for product demo
 * CVS $Revision: 1.152 $ $Date: 2007/07/05 20:40:22 $
 */

/*************************
 * Site-wide tag settings
 *************************/

body {
	margin: 0;
	background-color: white;
}

body, td, th, li, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
}

.font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #2B2C7C;
}
a { color: #0000CC; }
a:link { color: #0000CC; }
a:visited { color: #000066; }
a:hover { color: #CC0000; } 
a:active { color: #CCCCCC; }

h1 {text-align:left; font-size:20px;}
h2 {text-align:left; font-size:16px;}
h3 {text-align:left; font-size:14px;}
h4 {text-align:left; font-size:12px;}


hr { border:0; border-top: 1px solid gray; height: 1px; }

.input {
   border: 2px inset silver;
	font-family: "Courier New", Courier, mono;
}

.label {
	font-family: Arial, Helvetica, sans-serif;
}

.textarea {
	width: 30em;
}

.button {
	background-color: white;
	background-image:url(images/buttonback.gif);
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	padding: 1px 0.5em 2px 0.5em;
	border: 1px solid #c7ccec;
}

.buttonDeleteLine {
	/* this is the little "X" button on an order line to delete it */
	font-size: 8pt;
	font-weight: bold;
	padding: 1px 0.4em 1px 0.55em;
}

.buttonDeleteOrder {
	background-color: #F33;
	color: red;
}

.buttonPlus {
	background-image: url(images/button_plus.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 16px;
}
html>body .buttonPlus {	width: 18px; height: 18px; }

.buttonMinus {
	background-image: url(images/button_minus.gif);
	background-repeat: no-repeat;
	background-position: center;
	width:16px;
	height:16px;
}
html>body .buttonMinus { width: 18px; height: 18px; }

.buttonX {
   padding: 0;
	background-image: url(images/button_x.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 20px;
	height: 20px;
}
html>body .buttonX { width: 18px; height: 18px; }

.buttonSubmitOrder {
	background-color: #00CC33;
	cursor: pointer;
}


.disabledButton {
	background-color: #CCC;
	border-width: 2px; color: #666;
}
.enabledButton {
	background-color: #0C3;
	border-width: 2px; color: #2B2C7C;
}


.title { font-size: 200%; font-weight: bold; margin-left:30px; margin-bottom:15px;} 
.medTitle { font-size: 150%; font-weight: bold; }
.noItemsFound {font-size: 120%; font-weight: bold; text-align: center; }

.asterisk {
	font-weight: bold;
	color: red;
}
.doubleAsterisk {
	font-weight: bold;
	color: red;
}



/*
 * column classes used when displaying products
 */
.columnOnSale { width: 4em; font-weight: bold; color: red; }
.columnPartNo { text-align: left; white-space:nowrap; }
.columnMfr { text-align: left; }
.columnDesc { text-align: left; }
.columnAvail { text-align:right; font-size:10px;}
th.columnAvail { font-weight:bold; font-size:11px;}
.columnList { text-align: right; font-weight: bold; }
.columnCore { text-align: right; font-weight: bold; }
.columnPrice { text-align: right; font-weight: bold; }
.columnQty { text-align: right; font-weight: bold; }
.columnExtended { text-align: right; font-weight: bold; }

.columnBr { text-align:left;  }
.columnInvoiceNo { text-align:left; }
.columnOrderNo { text-align:left; }
.columnDate { text-align:left; }
.columnUser { text-align:left; }
.columnPoRef { text-align:left; }
.columnLaborTot { text-align:right; font-weight: bold; }
.columnBalanceDue { text-align:right; font-weight: bold; }
.columnCoresTot { text-align:right; font-weight: bold; }
.columnPartsTot { text-align:right; font-weight: bold; }
.columnOtherTot { text-align:right; font-weight: bold; }
.columnTotal { text-align:right; font-weight: bold; }

.columnStatus { text-align: left; }
.columnSubCat {width:250px; vertical-align:text-top;}
.columnSubCat .odd { background-color: #E3E3E3; padding: .35em; }
.columnSubCat .even { background-color: white; padding: .35em; }


.prod_thumbs {float:left; margin:5px; border:1px solid gray; cursor:pointer;}
.prod_largeimage {display:none; z-index:55; position:absolute; border:1px solid gray;}
.prod_imageholder {margin-right:15px; float:left; width:260px; }
.prod_thumbholder {
	float:left; 
	margin:5px 10px 5px 0px; 
	border:1px solid gray; 
	cursor:pointer; 
	text-align:center;
}



/*
 * Product Page Extras.
 */
.product_warranty_head {font-weight:bold; padding:5px; background-color:#FFECEC; border:1px solid red; margin-bottom:10px;}
.product_warranty {border:1px solid gray; height:100px; overflow:auto; padding:5px;}




/*
 * Customer Name Formatting in Payment History Page and Invoice History Page, etc.
 */
.customerInfoSimpleLeftCol {text-align:right; font-weight:bold; }
.customerInfoSimpleRightCol {text-align:left; font-weight:bold; }

th.custinfo { text-align: right; }
td.custinfo { text-align: left; font-size: 120%; font-weight: bold; }


/*
 * Page Header Contents
 */

#pageheader_custbox {
	float: right;
	color: white;
	padding: 10px;
	text-align: center;
}
#pageheader_custbox a { color: white; text-decoration: none; }
#pageheader_custbox a:hover { color: yellow; }
#pageheader_custbox a:visited { color: white; }
#pageheader_custbox a:active { color: white; }

#pageheader_custbox_header { 
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1em;
}

#pageheader_custbox_data {
	font-family: Tahoma, Verdana, arial, san-serif;
	font-size: 11px;
	font-weight: bold;
}

/***
* This is a major CSS hack to get transparent PNG logos to display
* in both IE and FireFox.
***/
#logo {
	margin: 0;
   width: 535px;
   height: 100px;
   cursor:pointer;
	padding: 1.4em;
	padding-left:0;
	background-image: url('images/ogburnslogo.jpg');
	background-repeat: no-repeat;
}
/* FireFox styling properties */
/* IE ignores styles with [attributes], so it will skip the following. 
#logo[id] {
	
}*/
/* Margin and padding don't work as expected when we use AlphaImageLoader.
* To make things easier, 'logo' is wrapped by 'logo_wrapper' */  
#logo_wrapper {
	margin:0;
	height:100px;
}

#pageheader_navbar {
	background-color: white;
	background-image:url(images/navback.gif);
	color: #2B2C7C; 
	font-weight:bold;
	padding: 3px 5px 3px 15px;
	clear: right;
	margin:0;
	height:17px;
	font-size:.9em;
}

#pageheader_navbar a:link {color: #2B2C7C; }
#pageheader_navbar a:visited {color: gray; }
#pageheader_navbar a:hover {color: silver; }

#pagefooter_navbar {
	color: #2B2C7C;
   font-size: 100%;
	font-weight: bold;
	margin-top: 2em;
	padding: 5px 5px 5px 15px;
}


#copyright {
	padding: 10px;
	color: silver;
	background-color: white;
}


/*
 * All pages use top, middle, and bottom divs
 */
 
#top {	
	background-color: #2b2c7c;
}

#middle {
	width: 95%;
	margin: 0 auto 2em auto;
	margin:0; width:100%; padding:0;
}

#bottom {
	padding: 10px;
	color: silver;
	background-color: white;
}

/*
 * Table Grid CSS
 */

.tableDispheader td {
	font-weight: bold;
	background: #DCE1F9;
	text-align:center;
}
.lineback_odd {
	background:#E3E3E3;
}
.lineback_even {	
	background: white;
}

.prev_next {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	margin-top:1em;
	text-align:center;
}

/*
 * Order Nav Widget and Account Nav Widget Class
 */

.accountNav {
	text-align: center;
	margin-top: 0.2em;
	font-size:12px;
}

.orderNav {
	text-align: center;
	margin-top: 0.2em;
	font-size:12px;
}


/*
 * Search Widget
 */

 
#search_widget {
	border:solid 1px #cdd4e9;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0.5em 0.5em;
	width: 35em;
}
#search_box span {
	color: #2B2C7C;
	background-color: white;
	font-size: 12pt;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
	position: relative;
	left: 0.5em;
	top: -0.75em;
	margin: 0 0 -1em 0;
}
#search_box form {
	margin: -1em 0 0 0;
	padding: 0;
}
#search_box label {
	padding-right: 1em;
}
/* home page layout */
#search_widget_home #search_widget {
	width:194px; 
	padding-right:0; 
	margin-right:0; 
	border:solid 1px #cdd4e9;
	border-right:0; 
	border-bottom:0
}
#search_widget_home #search_string {width:150px;}
#search_widget_home #search_button {margin-top:5px;}


/*
 * login.cfm
 */
.login_table { margin-top:0; }
.login {
	padding: 10px;
	text-align: left;
}
#login_splash {
   background-image: url(images/logincomp.jpg);
   background-repeat: no-repeat;
   width: 450px;
	height:300px;
	vertical-align:top;
}

.errortext {font-weight:bold; color:red;}



/*
 * quickorder.cfm
 */

#quickorder_form {float:left; margin-left:30px;}
#quickorder_form textarea { margin-top: 0.5em; margin-bottom: 0.5em; }
#quickorder_methods {float:left;}

.quickorderfield {font-size:11px}

.quickOrder_table {margin-left:30px;}



/*
 * order.cfm
 */

.order_actionBar {
	margin:auto; 
	width: 95%;
	border: 1px solid gray;
	background: #dbe1e9;
	text-align: center;
}

.order_actionBar .button {	margin: .5em;  }

.order_checkoutBar {
	width: 95%;
	margin: auto;
	margin-top: 0;
	margin-bottom: 0;
	text-align: right;
	padding: 1em 0 1em 0;
}

.order_info {
	width: 95%;
	margin: auto;
	margin-top: 0;
	margin-bottom: -1em;
	text-align: left;
	padding: 1em 0 0 0;
}

.order_info .label {
	margin-right: 1em;
	width: 12em;
	text-align: right;
}
.order_info .input {
	margin: 0;
	text-align: left;
}

.order_qty {
   text-align: right;
   width: 2.5em;
   vertical-align: middle;
}

.order_table {
  width: 95%;
  margin: auto;
  padding: 0;
  border: 1px solid gray;
  border-collapse: collapse;
}

.order_table th {
  background-color:#DCE1F9;
  color: #2B2C7C;
  border-top: 1px solid gray;
  border-right: 0;
  border-bottom: 1px solid gray;
  border-left: 0;
  padding: 2px 1em 2px 1em;
}

.order_table td {
  padding: 2px 1em 2px 1em;
  border-left: 0;
  border-top: 1px solid gray;
  border-right: 0;
  border-bottom: 1px solid gray;
}

.order_table .odd { background-color: #E3E3E3; }
.order_table .even { background-color: white; }
.order_table .totals td {
	border: 0px solid white;
}
.order_table .noborder { border:none; }

.recalcButton {
	color: #666;
	background-color: #CCC;
}
.checkoutButton  {
	color: #000;
	background-color: #0C3;
}



/*
 * checkout.cfm
 */

.checkoutValidZipMessage {
	font-weight: bold;
	color: red;
	font-size:75%;
	display: none;
	/* default as 'invisible' */
}


.checkout_actionBar {
	width: 95%;
	margin: 1em auto 1em auto;
	padding: 0;
	border: 1px solid gray;
	border-collapse: collapse;
	background:#dbe1e9;
	text-align:center;
}

.checkout_actionBar .button {	margin: .5em;  }

.checkoutHR {
	color: gray;
	background-color: gray;
	height: 1px;
}



/*
 * account page icon css
 */

/* Welcome Message CSS */

.welcomeDisp {
	width:300px; 
	border:solid 1px #cdd4e9;
	padding:10px; 
	margin:0; 
	clear:both; 
	margin-top:15px; 
	margin-left:2px;
	margin-right:15px;
	float:left;
}
.welcomeDispWide {
	width:90%; 
	border:solid 1px #cdd4e9;
	padding:10px; 
	margin:0; 
	clear:both; 
	margin-top:15px; 
	margin-left:2px;
	float:left;
}

.welcomeDisp h1 { font-size:1.2em; font-weight:bold; margin-bottom:10px; }
.welcomeDisp h2 { font-size:1.0em; font-weight:bold; padding-left:15px; }
.welcomeDisp p { text-align:left; padding-left:15px; margin-bottom:8px; font-size:.9em; }
.welcomeDispWide h1 { font-size:1.2em; font-weight:bold; margin-bottom:10px; }
.welcomeDispWide h2 { font-size:1.0em; font-weight:bold; padding-left:15px; }
.welcomeDispWide p { text-align:left; padding-left:15px; margin-bottom:8px; font-size:.9em; }

.welcomeRep { margin-top:10px; }
.welcomeRep h1 { font-weight:bold; font-size:.9em; margin:0; }
.welcomeRep p { font-size:.8em; text-align:left; margin:0; margin-bottom:3px; }
.welcomeRep img { float:left; margin-right: 10px; border:1px solid gray;}


 
.accountTitle{
	font-size: 120%; font-weight:bold;
}

#accountholder {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#welcomecatholder {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	clear:both;
}

/*
#accountholder {
	margin-left: 30px;
	width:30em;
	float:left
}
*/
 
#reviewHeldOrders {
	background-image:url(images/demo_heldorders_b.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:60px;
	float:left;
	margin-right:-20px;
}
#reviewHeldOrders a {

}

#quickOrder {
	background-image:url(images/demo_quickorder_b.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:60px;
	float:left;
	margin-right:-20px;
}
#quickOrder a {

}

#quickAdd {
	background-image:url(images/demo_quickadd_b.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:60px;
	float:left;
	margin-right:-20px;
}
#quickAdd a {

}
 

#reviewCurrentOrders {
	background-image:url(images/demo_openorders_b.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:60px;
	float:left;
	margin-right:-20px;
}
#reviewCurrentOrders a {

}

#accountStatus {
	background-image:url(images/demo_openinvoices_b.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:60px;
	float:left;
	margin-right:-20px;
}
#accountStatus a {

}

#paymentHistory {
	background-image:url(images/demo_payhist_b.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:60px;
	float:left;
	margin-right:-20px;
}
#paymentHistory a {

}

#invoiceHistory { 
	background-image:url(images/demo_invoicehistory_b.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:60px;
	float:left;
	margin-right:-20px;

}
#invoiceHistory a {
	width:70px;
	height:60px;
	cursor:pointer;
}

.rightText {
	margin-top:8px; 
	font-size:.8em; 
	text-align:left;
	position:relative;
	
}

.clearBoth {
	width:215px;
	margin:2px;
	padding0;
	/*border:solid  #CC0000;*/
	float:left;
	position:relative;
	height:60px;
	background-color:white;
	border:solid 1px #cdd4e9;
	
}

/*
* TABLES
*/

.section_title { 
		border:none;
		padding-top:2em;
		font-size:150%;
		font-weight:bold;
}

.results_search_text { text-align: center; padding-bottom: 1em; }

.results_table {
  background-color: white;
  color: #2B2C7C;
  width: 95%;
  margin: auto;
  margin-left:auto;
  margin-right:auto;
  padding: 0;
  border-collapse: collapse;
  
  
} 

.results_table tr {
  color: #2B2C7C;
  border-collapse: collapse;
}

.results_table th, .results_table td { 
   color: #2B2C7C;
	padding: 2px 1em 2px 1em;
   border-collapse: collapse;
	border-left:none; 
	border-right:none
}

.results_table th { border-top: 1px solid gray; border-bottom: 1px solid gray; }
.results_table td { border-top: 1px solid gray; border-bottom: 1px solid gray; }

.results_table th { background-color:#DCE1F9; }


.results_table .leftborder { border-left: 1px solid gray;}
.results_table .rightborder { border-right: 1px solid gray;}
.results_table .bottomborder { border-bottom: 1px solid gray;}
.results_table .noborder { border: none; }


.results_table .odd td { background-color: #E3E3E3; }
.results_table .even td { background-color: white; }



.checkout_table {
  background-color: white;
  color: #2B2C7C;
  width: 95%;
  margin: 0 auto 0 auto;
  padding: 0;
  border: 1px solid gray;
  border-collapse: collapse;
}

.checkout_table th, .checkout_table td { padding: 2px 1em 2px 1em; }

.checkout_table th {
  background-color:#DCE1F9;
  color: #2B2C7C;
  border-top: 1px solid gray;
  border-right: 0;
  border-bottom: 1px solid gray;
  border-left: 0;
  border-collapse: collapse;
}

.checkout_table .odd td { border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: #E3E3E3; }
.checkout_table .even td { border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: white; }
.checkout_table .bordertop td { background-color: white; border-top: 1px solid gray; }
.checkout_table .borderbottom td { background-color: white; border-bottom: 1px solid gray; }
.checkout_table .noborder td { background-color: white; }
.checkout_table a { background-color: #E3E3E3; }


.confirm_banner {
   border: 1px solid #999999;
   color:#999999;
   padding: 0.5em;
   font-size: 180%;
   font-weight: bold;
   font-style:italic;
   margin: 0 auto 0 auto;
   text-align: center;
   width: 70%;
}

.confirm_table {
  background-color: white;
  color: #2B2C7C;
  width: 95%;
  margin: auto;
  padding: 0;
  border: 1px solid gray;
  border-collapse: collapse;
}

.confirm_table th, .confirm_table td { padding: 2px 1em 2px 1em; }

.confirm_table th {
  background-color:#DCE1F9;
  color: #2B2C7C;
  border-top: 1px solid gray;
  border-right: 0;
  border-bottom: 1px solid gray;
  border-left: 0;
  border-collapse: collapse;
}

.confirm_table .odd td { border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: #E3E3E3; }
.confirm_table .even td { border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: white; }
.confirm_table .bordertop td { background-color: white; border-top: 1px solid gray; }
.confirm_table .borderbottom td { background-color: white; border-bottom: 1px solid gray; }
.confirm_table .noborder td { background-color: white; }
.confirm_table a { background-color: #E3E3E3; }



.deadend {
	font-size: 220%;
	font-weight: bold;
	margin: 3em;
}



.accountBalance_table {
  background-color: white;
  color: #2B2C7C;
  width: 95%;
  margin: auto;
  padding: 0;
  border: 1px solid gray;
  border-collapse: collapse;
}

.accountBalance_table th { padding: 2px 1em 2px 1em; text-align:center }
.accountBalance_table td { padding: 2px 1em 2px 1em; text-align:center }

.accountBalance_table th {
  background-color:#DCE1F9;
  color: #2B2C7C;
  border-top: 1px solid gray;
  border-right: 0;
  border-bottom: 1px solid gray;
  border-left: 0;
  border-collapse: collapse;
}

.accountBalance_table .odd td { border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: #E3E3E3; }
.accountBalance_table .even td { border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: white; }
.accountBalance_table .bordertop td { background-color: white; border-top: 1px solid gray; }
.accountBalance_table .borderbottom td { background-color: white; border-bottom: 1px solid gray; }
.accountBalance_table .noborder td { background-color: white; }
.accountBalance_table a { background-color: #E3E3E3; }




.paymentHistory_table {
  background-color: white;
  color: #2B2C7C;
  width: 95%;
  margin: auto;
  padding: 0;
  border: 1px solid #2B2C7C;
  border-collapse: collapse;
}

.paymentHistory_table th, .paymentHistory td { padding: 2px 1em 2px 1em; }

.paymentHistory_table th {
  background-color:#DCE1F9; 
  color: #2B2C7C;
  border-top: 1px solid #2B2C7C;
  border-right: 0;
  border-bottom: 1px solid #2B2C7C;
  border-left: 0;
  border-collapse: collapse;
}

.paymentHistory_table .odd td { border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: #E3E3E3; }
.paymentHistory_table .even td { border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: white; }
.paymentHistory_table .bordertop td { background-color: white; border-top: 1px solid gray; }
.paymentHistory_table .borderbottom td { background-color: white; border-bottom: 1px solid gray; }
.paymentHistory_table .noborder td { background-color: white; }
.paymentHistory_table a { background-color: #E3E3E3; }
.paymentHistory_table .columnAmount { text-align:right; padding-right:12% }
.paymentHistory_table .columnCheckNo { text-align:left; padding-left:12% }
.paymentHistory_table .columnDate { text-align:left; padding-left:12% }


#invhist_widget {
	border: 1px solid #2B2C7C;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0.5em 0.5em;
	width: 35em;
}
#invhist_box span {
	color: #2B2C7C;
	background-color: white;
	font-size: 12pt;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
	position: relative;
	left: 0.5em;
	top: -0.75em;
	margin: 0 0 -1em 0;
}
#invhist_box form {
	margin: -1em 0 0 0;
	padding: 0;
}
#invhist_box label {
	padding-right: 1em;
}

.invoiceHistory_table {
  background-color: white;
  color: #2B2C7C;
  width: 95%;
  margin: auto;
  padding: 0;
  border: 1px solid #2B2C7C;
  border-collapse: collapse;
}

.invoiceHistory_table th, .invoiceHistory_table td { padding: 2px 1em 2px 1em; }

.invoiceHistory_table th {
  background-color:#DCE1F9; 
  color: #2B2C7C;
  border-top: 1px solid #2B2C7C;
  border-right: 0;
  border-bottom: 1px solid #2B2C7C;
  border-left: 0;
  border-collapse: collapse;
}

.invoiceHistory_table .odd td { border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: #E3E3E3; }
.invoiceHistory_table .even td { border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: white; }
.invoiceHistory_table .bordertop td { background-color: white; border-top: 1px solid gray; }
.invoiceHistory_table .borderbottom td { background-color: white; border-bottom: 1px solid gray; }
.invoiceHistory_table .noborder td { background-color: white; }
/* .invoiceHistory_table a { background-color: #E3E3E3; } */


.invoice_company {margin-top:2em; margin-left:30px;}
.invoice_company_name {
   font-size: 200%;
   font-weight: bold;
}

.invoice_company_address {
   font-weight: bold;
}

.invoice_company_phone {
   font-size: 80%;
   font-weight: bold;
}

.invoice_banner {
   border: 1px solid #999999;
   color:#999999;
   padding: 0.5em;
   font-size: 180%;
   font-weight: bold;
   font-style:italic;
   margin: 0 auto 0 auto;
   text-align: center;
   width: 70%;
}

.invoice_table {
   border: 1px solid gray;
   border-collapse: collapse;
   /* margin-top: 2em; */
   width: 95%; 
   margin-left:auto;
   margin-right:auto; 
}

.invoice_table th {
	background-color:#DCE1F9;
}

.invoice_table .info th {
   background-color:#DCE1F9;
   border: 1px solid gray;
   padding-left: 1em;
   text-align:left;

}

.invoice_table .info td {
   /* font-family: "Courier New", courier, monospaced; */
   background-color: white;
   border: 1px solid gray;
   padding-left: 1em;
   text-align: left;
   vertical-align: top;
}

.invoice_small_text {
   font-size: 70%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
}

.invoice_table .odd td { border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: #E3E3E3; }
.invoice_table .even td { border-top: 1px solid gray; border-bottom: 1px solid gray; background-color: white; }
.invoice_table .bordertop td { background-color: white; border-top: 1px solid gray; }
.invoice_table .borderbottom td { background-color: white; border-bottom: 1px solid gray; }
.invoice_table .noborder td { background-color: white; }
.invoice_table a { background-color: #E3E3E3; }



/* Held Orders Page : Inner Table*/
.inner_table { border-collapse:collapse; width:95%; margin-left:auto; margin-right:auto }
.inner_table td { border-top:1px solid gray; border-bottom:1px solid gray }
.inner_table th { border-top:1px solid gray; border-bottom:1px solid gray; background-color:#DCE1F9;}
.inner_table .odd { background-color: #E3E3E3; }
.inner_table .even { background-color: white; }
.inner_table .noborder { border:none }
.inner_table .leftborder { border-left:1px solid gray; }
.inner_table .rightborder { border-right:1px solid gray; }

.inner_table .expandbutton { margin:.75em; }


.inner_table_background { background-color:#CCCCCC; }




/* Account Status Page */
.custinfo {margin-left:30px;}

.aging_table { border-collapse:collapse; width:95%; margin-left:auto; margin-right:auto }
.aging_table td { border-top:1px solid gray; border-bottom:1px solid gray }
.aging_table th { border-top:1px solid gray; border-bottom:1px solid gray; background-color:#DCE1F9;}
.aging_table .odd { background-color: #E3E3E3; }
.aging_table .even { background-color: white; }
.aging_table .noborder { border:none }
.aging_table .leftborder { border-left:1px solid gray; padding-left:.5em}
.aging_table .rightborder { border-right:1px solid gray; padding-right:.5em}
.aging_table .sectionHeader {font-size:120%; font-weight:bold; padding:.5em;}
 


/* Quick Add Page */
.quickAdd_table input { font-family:"Courier New", Courier, mono }


/* Specials Widget */

.specialsDiv {margin-left:auto; margin-right:auto; width:90%; padding: 0;}
#specials_widget {margin-left:auto; margin-right:auto; width:90%; padding: 0; margin-top:15px;}



/*      DIV BASED SPECIALS WIDGET      */
.home_specialsDiv .specialsHolder {margin-left:0; margin-right:0; width:100%}
.home_specialsDiv #specials_widget {margin-left:0; margin-right:0; width:100%}
.home_specialsDiv table {width:100%;}
.specialsHolder { margin-left:auto; margin-right:auto; width:90%}
.specialsTop {}
.specialsItem {
	float:left;
	border: 1px solid #cdd4e9;
	margin:2px;
	width:250px;
}
.specialsImage {
	float:left;
	height:130px;
	width:120px;
	border:0;
	text-align:center;
}
.specialsGfx {border:none;}
.specialsText {
	float:left;
	width:120px;
	height:130px;
	background-color:#cdd4e9;
	background-image:url(images/partphotoback.jpg);
	padding:5px;
	font-size:11px;
}
.specialsText form {margin-top:8px;}
.specialsText button {font-size:11px;}

.specialsTitle { 
	font-weight:bold; 
	font-size:$130%;
}
.showMore {float:right;}

.specialsTitle { font-size:140%; font-weight:bold; margin-bottom:-10px; display:inline; padding:.3em;}
.specialsDesc {}
.specialsPartno {}
.specialsPrice {}
.specialsQty { white-space: nowrap; }
.specialsQty button { padding:0;}
.colSpacer {width:2px; margin:0; border-bottom: 1px solid gray;}
.rowSpacer {height:2px; margin:0; border-bottom: }

/* Features Widget */
.featuresDiv {margin-left:auto; margin-right:auto; width:90%; margin-top:10px;}

.featuresHolderTable { 
	border:1px solid gray; 
	border-collapse:collapse;
	width:100%;
	
}
.featuresHolderTable td { margin:0; padding:0; }
.featuresHolderTable th { margin:0; padding:0; }

td.featuresTableTop { background-color:#DCE1F9; padding:0.5em; }
	
.featuresTable { 
	border-collapse:collapse;
	width:100%;
	margin-bottom:10px;
}
.featuresTable td { padding:8px; }
.featuresTable th { padding:8px; }
.featuresTable th {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}
.featuresTitle { font-size:140%; font-weight:bold; margin-bottom:-10px; display:inline}
.featuresDesc {text-align:left}
.featuresPartno {text-align:left}
.featuresList {text-align:right}
.featuresPrice {text-align:right}
.featuresQty {text-align:right}
.featuresQty form {margin:0; padding:0;}
.featuresTable .odd { background-color: #E3E3E3; padding:.35em }
.featuresTable .even { background-color: white; padding: .35em }


/* Bargains Widget */
.bargainsDiv {margin-left:auto; margin-right:auto; width:90%;margin-top:10px;}

.bargainsHolderTable { 
	border:1px solid gray; 
	border-collapse:collapse;
	width:100%;
}
.bargainsHolderTable td { margin:0; padding:0; }
.bargainsHolderTable th { margin:0; padding:0; }

td.bargainsTableTop {
	background-color:#DCE1F9;
	margin: 0;
	padding: 0.5em;
}
	
.bargainsTable { 
	border-collapse:collapse;
	width:100%;
	margin-bottom:10px;
}
.bargainsTable form { margin: 0; padding: 0; }
.bargainsTable td { padding:8px; }
.bargainsTable th { padding:8px; }
.bargainsTable th {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}
.bargainsTitle { font-size:140%; font-weight:bold; margin-bottom:-10px; display:inline}
.bargainsDesc {text-align:left}
.bargainsPartno {text-align:left}
.bargainsList {text-align:right}
.bargainsPrice {text-align:right}
.bargainsQty {text-align:right}
.bargainsTable .odd { background-color: #E3E3E3; padding:.35em }
.bargainsTable .even { background-color: white; padding: .35em }

/*   Public Home Page   */
#home_layout_table { width: 100%; margin:0; border:0; border-collapse:collapse;}
#home_layout_columnOne, #home_layout_columnTwo, #home_layout_columnThree, #home_layout_columnSpan { 
	vertical-align:top; 
	padding:0;
	margin:0;
	border:0;
}
#home_layout_columnOne { width: 194px;  }
#home_layout_columnTwo { width: auto; padding:15px; }
#home_layout_columnThree { width:0; display:none;  }
#home_layout_columnSpan {  
	height:158px;
} 

#home_layout_spanphoto { 
	background-image:url(images/home_comp.jpg);
	background-repeat:no-repeat; 
	height:158px;
	background-color:white;
}


/* sale item */
#home_sale {padding:0; border:0; margin:0; width:200px;}
.home_sale_head {
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	background-color:#DCE1F9;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	width:200px;
}
.home_sale_body {
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	width:200px;
	background-color:#eeeeee;
}

/*  events widget */
#home_events {padding:0; border:0; margin:0; }
.home_events_head {
	border-left:1px solid gray;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	background-color:#DCE1F9;
	font-size:120%;
	font-weight:bold;
	text-align:center; 
	width:200px;
}
.home_events_body {
	border-left:1px solid gray;
	border-bottom:1px solid gray;
	width:170px;
	padding:15px;
	font-size:11px;
	text-decoration:underline;
}


/*  news widget */
#home_news {padding:0; border:0; margin:0; width:200px;}
.home_news_head {
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	background-color:#DCE1F9;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	width:200px;
}
.home_news_body {
	border-right:1px solid gray;
	border-bottom:1px solid gray; 
	width:170px;
	padding:15px;
	font-size:11px;
	text-decoration:underline;
}
 
 
/* welcome text */
.home_headline { 
	font-size:120%; 
	font-weight:bold;
	margin-top:.5em;
}
.home_body { margin-bottom:15px; }
.home_body img {float:right; margin-left:10px; margin-bottom:7px;}


/* Vendor Page */

ul { margin: 0; padding: 0; }
li { margin: 0 0 0.5em 1.4em; padding: 0; }
li { list-style-type: square; }
li { line-height: 1.1em; }

#vendor_widget {}
#vendor_head {font-size:130%; font-weight:bold; padding:}
#vendor_body {}
.list_wrapper {width:23%;}
.list_wrapper li {font-size:11px;}


#vendor_head {
	background-color:white;
	background-image:url(images/headerback.jpg);
	font-size:120%;
	font-weight:bold;
	text-align:center;
	padding:3px 0 2px 0;
	
}
#vendor_body {
	padding-left:15px;
	font-size:11px;
	text-decoration:underline;
}

#home_locations {}
.home_locations_head {font-size:130%; font-weight:bold; padding:0; width: 201px;}
.home_locations_body {width: 185px;}

.home_locations_head {
	background-color:white;
	background-image:url(images/headerback.jpg);
	font-size:120%;
	font-weight:bold;
	text-align:center;
	padding:3px 0 2px 0;
	margin:0;
	
}
.home_locations_body {
	padding-left:15px;
	padding-top:15px;
	font-size:11px;
	border-right:solid 1px #cdd4e9;
}




.list_wrapper {float:left; width: 24%; }
.list_wrapper li {font-size:11px;}


#grove_vendor_widget #vendor_widget { width: 201px; }
#grove_vendor_widget .list_wrapper { float:none; width:auto; }
#grove_vendor_widget #vendor_body {
	border-right:solid 1px #cdd4e9;
	border-bottom:solid 1px #cdd4e9;
	padding-top:15px;
	padding-bottom:15px;
	text-decoration:underline;
	
		
}
#grove_vendor_widget .list_wrapper {}

/*  About Us Page  */
.aboutHead {margin-left:30px; font-weight:bold;}
.aboutBody {margin-left:30px; margin-right:30px;}

/*  Policies Page  */
.policiesHead {margin-left:30px; font-weight:bold;}
.policiesBody {margin-left:30px; margin-right:30px;}

/*  Contact Page  */
.contactHead {margin-left:30px; font-weight:bold;}
.contactBody {margin-left:30px;} 
.contactStaff {margin-left:40px;}
.contactStaff div { margin-bottom:8px;}
.contactButton {font-size:10px;}

/*  Warranty Page  */
.warrantyHead {margin-left:30px; font-weight:bold;}
.warrantyBody {margin-left:30px; margin-right:30px; }
.warrantyBodyAgree {margin-left:30px; margin-right:30px; font-weight:bold; border:1px solid gray; padding:4px}
.warrantyItself {margin-left:30px; margin-right:30px; height:130px; overflow:scroll; border:1px solid gray; padding:5px;}


/*  ICEFusion Admin Pages      */
.adminContent {margin: 30px;}
.adminGlobal { margin:20px; margin-right:10px; padding: 30px;  width:360px; float:left; border:1px solid #2B2C7C; }
.adminGlobal h2 {margin:0; margin-bottom:10px;  margin-top:-10px;}
.adminCust { margin:20px; margin-left:10px; padding:30px; width:300px; float:left; border:1px solid #2B2C7C;}
.adminCust h2 {margin:0; margin-bottom:10px;}
 

/* 
Availability Widget Styles
*/
.edarea_inputfield { font-size:10px; border: 1px solid gray; width:30px; text-align:right; padding-right:2px;}
.availMessage { font-size:8px; clear:both;}
.popupLines { 
	border: 1px dotted #2B2C7C; 
	background-color:white; 
	width:220px; 
	z-index:30; 
	position:absolute; 
	left:0px; 
	top:150px; 
	display:none;
	text-align:left;
}
.results_table td .popupLines { width:200px; }


table.popupTable {border:0;background-color:white;}
table.popupTable tr {border:0;background-color:white;}
table.popupTable td { border:0;background-color:white; padding:2px; border:0 }
table.popupTable tr td {border:0;background-color:white;}
.results_table.odd.popupTable td { border:0; background-color:white;}
.popupTable tr { border:0; background-color:white;}
.popupLines.popupTable td { border:0; background-color:white;}
.popupLines.popupTable tr { border:0; background-color:white;}

.columnAvail td { border:0; background-color:white; text-align:right;}

/* backflips to make the td show the passed values...*/
.results_table .odd .popupTable td { border:0;background-color:white; padding:2px; border:0 }
.results_table .even .popupTable td { border:0;background-color:white; padding:2px; border:0 }
.results_table .odd .popupTable tr { border:0;background-color:white; padding:2px; border:0 }
.results_table .even .popupTable tr { border:0;background-color:white; padding:2px; border:0 }

.order_table .odd .popupTable td { border:0;background-color:white; padding:2px; border:0 }
.order_table .even .popupTable td { border:0;background-color:white; padding:2px; border:0 }
.order_table .odd .popupTable tr { border:0;background-color:white; padding:2px; border:0 }
.order_table .even .popupTable tr { border:0;background-color:white; padding:2px; border:0 }

.xWindow {position:absolute; right:0; top:0;}

.availWarnMessage { color:#666666; font-size:10px; }


/*
User Activity Page Styles (in addition to the 'results_table' class applied)
admin_webuseractivity.cfm
*/

.custid { text-align:right; }
.whid { text-align:right; }
.users { text-align:right; }
.salestotal { text-align:right; }
.numorders { text-align:right; }
.logins { text-align:right; }
.userfee { text-align:right; }
.customer { text-align:right; }

/*
Credit Card Widgets (affects checkout.cfm and accountstatus.cfm)
*/
.ccLayout {
	border:none;
	border-collapse:collapse
}
.ccTableHide {display:none}
.ccTableShow {border-collapse:collapse; width:95%; margin-left:auto; margin-right:auto}

.ccLayout td{vertical-align:top; padding:3px; margin-top:1px; margin-bottom:1px; border:2px solid white;}
.ccLayout .left {text-align:right; padding-right:15px; width:20%; background-color:#F9F9F9;}
.ccLayout .across {text-align:center}
.ccLayout .csc { font-size:10px; float:left; }
.creditCard { vertical-align:middle;}
.ccError {font-size:18px; color:red; font-weight:bold;}
.ccRequired {font-size:13px; color:red; font-weight:bold;}
.ccWhite {font-size:13px; color:white; font-weight:bold;}
.ccButton {float:right; font-size:11px;}
#cc_zip {width:75px;}
#cc_csc {width:25px;}













/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
/* Menu styles */

#menuHolder ul {list-style:none; margin-bottom:0; line-height:18px;}
#menuHolder ul li {list-style:none; margin-left:0; line-height:18px; margin-top:0; margin-bottom:0;}
#menuHolder { display:block; float:left; margin-top:15px; }

div.yuimenu {

    background-color:#f6f7ee;
    border:solid 1px #4169E1;
    padding:1px;
	 margin-left:2px;
	 margin-bottom:15px;

    
}

div.yuimenu h1 {font-size:1.2em; font-weight:bold; margin-left:10px; margin-top:8px; margin-right:10px;}

/* Submenus are positioned absolute and hidden by default */

div.yuimenu div.yuimenu,
div.yuimenubar div.yuimenu {

    position:absolute;
    visibility:hidden;

}

/* MenuBar Styles */

div.yuimenubar {

    background-color:#f6f7ee;
    
}

/*
    Applying a width triggers "haslayout" in IE so that the module's
    body clears its floated elements
*/
div.yuimenubar div.bd {

    width:100%;

}

/*
    Clear the module body for other browsers
*/
div.yuimenubar div.bd:after {

    content:'.';
    display:block;
    clear:both;
    visibility:hidden;
    height:0;

}

/* Matches the group title (H6) inside a Menu or MenuBar instance */

div.yuimenu h6,
div.yuimenubar h6 { 

    font-size:100%;
    font-weight:normal;    
    margin:0;
    border:solid 1px #c4c4be;
    color:#b9b9b9;    

}

div.yuimenubar h6 {

    float:left;
    display:inline; /* Prevent margin doubling in IE */
    padding:4px 12px;
    border-width:0 1px 0 0;
    
}

div.yuimenu h6 {

    float:none;
    display:block;
    border-width:1px 0 0 0;
    padding:5px 10px 0 10px;

}

/* Matches the UL inside a Menu or MenuBar instance */

div.yuimenubar ul {

    list-style-type:none;
    margin:0;
    padding:0;

}

div.yuimenu ul {

    list-style-type:none;
    border:solid 1px #c4c4be;
    border-width:1px 0 0 0;
    margin:0;
    padding:10px 0;
	 text-align:center;

}

div.yuimenu ul.first-of-type, 
div.yuimenu ul.hastitle,
div.yuimenu h6.first-of-type {

    border-width:0;

}

/*
    Styles for the menu's header and footer elements that are used as controls 
    to scroll the menu's body element when the menu's height exceeds the 
    value of the "maxheight" configuration property.
*/

div.yuimenu div.topscrollbar,
div.yuimenu div.bottomscrollbar {

    height:16px;
    /*background-image:url(custom/yui/menu/map.gif);*/
    background-repeat:no-repeat;

}


div.yuimenu div.topscrollbar {

   /*background-image:url(custom/yui/menu/map.gif);*/
    background-position:center -72px;

}


div.yuimenu div.topscrollbar_disabled {


    /*background-image:url(custom/yui/menu/map.gif);*/
    background-position:center -88px;

}


div.yuimenu div.bottomscrollbar {

    /*background-image:url(custom/yui/menu/map.gif);*/
    background-position:center -104px;

}


div.yuimenu div.bottomscrollbar_disabled {

    /*background-image:url(custom/yui/menu/map.gif);*/
    background-position:center -120px;

}


/* MenuItem and MenuBarItem styles */

div.yuimenu li,
div.yuimenubar li {

    font-weight:bold;
	 font-size:.95em;
    cursor:pointer;
    cursor:hand;
    white-space:nowrap;
    text-align:left;
	 line-height:2em;


}

div.yuimenu li.yuimenuitem {

    padding:2px 24px;
    
}

div.yuimenu li li,
div.yuimenubar li li {

    font-size:100%;

}


/* Matches the help text for a menu item */

div.yuimenu li.hashelptext em.helptext {

    font-style:normal;
    margin:0 0 0 40px;

}

div.yuimenu li a,
div.yuimenubar li a {
    
    /*
        "zoom:1" triggers "haslayout" in IE to ensure that the mouseover and 
        mouseout events bubble to the parent LI in IE.
    */
    zoom:1;
    color:#000;
    text-decoration:none;
    
}

div.yuimenu li.hassubmenu,
div.yuimenu li.hashelptext {

    text-align:right;

}

div.yuimenu li.hassubmenu a.hassubmenu,
div.yuimenu li.hashelptext a.hashelptext {

    float:left;
    display:inline; /* Prevent margin doubling in IE */
    text-align:left;

}


/* Matches selected menu items */

div.yuimenu li.selected,
div.yuimenubar li.selected {

    background-color:#4169E1;

}

div.yuimenu li.selected a.selected,
div.yuimenubar li.selected a.selected {

    text-decoration:underline;

}

div.yuimenu li.selected a.selected,
div.yuimenu li.selected em.selected, 
div.yuimenubar li.selected a.selected {

    color:#fff;

}


/* Matches disabled menu items */

div.yuimenu li.disabled, 
div.yuimenubar li.disabled {

    cursor:default;

}

div.yuimenu li.disabled a.disabled,
div.yuimenu li.disabled em.disabled,
div.yuimenubar li.disabled a.disabled {

    color:#b9b9b9;
    cursor:default;
    
}

div.yuimenubar li.yuimenubaritem {

    float:left;
    display:inline; /* Prevent margin doubling in IE */
    border-width:0 0 0 1px;
    border-style:solid;
    border-color:#c4c4be;
    padding:4px 24px;
    margin:0;

}

div.yuimenubar li.yuimenubaritem.first-of-type {

    border-width:0;

}


/* Styles for the the submenu indicator for menu items */

div.yuimenu li.hassubmenu em.submenuindicator, 
div.yuimenubar li.hassubmenu em.submenuindicator {

    display:-moz-inline-box; /* Mozilla */
    display:inline-block; /* IE, Opera and Safari */
    vertical-align:middle;
    height:8px;
    width:8px;
    text-indent:9px;
    font:0/0 arial;
    overflow:hidden;
    /*background-image:url(custom/yui/menu/map.gif);*/
    background-repeat:no-repeat;

}

div.yuimenubar li.hassubmenu em.submenuindicator {

    background-position:0 -24px;
    margin:0 0 0 10px;

}

div.yuimenubar li.hassubmenu em.submenuindicator.selected {

    background-position:0 -32px;

}

div.yuimenubar li.hassubmenu em.submenuindicator.disabled {

    background-position:0 -40px;

}

div.yuimenu li.hassubmenu em.submenuindicator {

    background-position:0 0;
    margin:0 -16px 0 10px;

}

div.yuimenu li.hassubmenu em.submenuindicator.selected {

    background-position:0 -8px;

}

div.yuimenu li.hassubmenu em.submenuindicator.disabled {

    background-position:0 -16px;

}


/* Styles for a menu item's "checked" state */

div.yuimenu li.checked {

    position:relative;

}

div.yuimenu li.checked em.checkedindicator {

    height:8px;
    width:8px;
    text-indent:9px;
    overflow:hidden;
    /*background-image:url(custom/yui/menu/map.gif);*/
    background-position:0 -48px;
    background-repeat:no-repeat;
    position:absolute;
    left:6px;
    _left:-16px; /* Underscore hack b/c this is for IE 6 only */
    top:.5em;

}

div.yuimenu li.checked em.checkedindicator.selected {

    background-position:0 -56px;

}

div.yuimenu li.checked em.checkedindicator.disabled {

    background-position:0 -64px;

}