/*
Based on Grove
*/

body {
	margin: 0;
	background-color: white;
}

body, td, th, li, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
}

.font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
}
a { color: black; }
a:link { color: brown;  }
a:visited { color:#4A3100 }
a:hover { color: black; } 
a:active { color: gray; }

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 #303030; height: 1px; }

.input {
   border: 2px inset silver;
	font-family: "Courier New", Courier, mono;
}

.label {
	font-family: Arial, Helvetica, sans-serif;
}

.textarea {
	width: 30em;
}

.button {
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding: 1px 0.5em 1px 0.5em;
	background-color: #dead08;
}


.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: white;
}

.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: black;
}


.title { font-size: 200%; font-weight: bold; margin-left:30px;} 
.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; }
.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: #EEEEEE; padding: .35em; }
.columnSubCat .even { background-color: white; padding: .35em; }


/*
 * 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;
	/*background-color: white;*/
	color: white;
	padding: 10px;
	text-align: center;
}
#pageheader_custbox a { color: black; text-decoration: none; }
#pageheader_custbox a:hover { color: gray; }
#pageheader_custbox a:visited { color: black; }
#pageheader_custbox a:active { color: red; }

#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 {
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='images/ohio_logo.gif');
	/* Styling for both IE and FireFox */
	margin: 0;
	padding: 0;
   width: 622px;
   height: 77px;
   cursor:pointer;
}
/* FireFox styling properties */
/* IE ignores styles with [attributes], so it will skip the following. */
#logo[id] {
	background-image: url('images/ohio_logo.gif');
	background-repeat: no-repeat;
	background-position: center;
}
/* 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;
	padding: 17px;
}

#pageheader_navbar {
	background-color: #ad5a00;
	background-image:url(images/navback.gif);
	color: white;
	font-weight:bold;
	padding: 1px 5px 4px 15px;
	clear: right;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	margin:0;
}

#pageheader_navbar a:link {color: white; }
#pageheader_navbar a:visited {color: white; }
#pageheader_navbar a:hover {color:#A3A3A3; }

#pagefooter_navbar {
	color: black;
   font-size: 100%;
	font-weight: bold;
	font-size:80%;
	margin-top: 2em;
	padding: 8px 5px 8px 15px;
}


#copyright {
	padding: 10px;
	color: silver;
	background-color: white;
}


/*
 * All pages use top, middle, and bottom divs
 */
 
#top {	
	background-image:url('images/ohio_headerback.gif');
	background-color: white;
}

#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: #DEAD08;;
	text-align:center;
}
.lineback_odd {
	background:#EEEEEE;
}
.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;
	padding-top:.7em;
}


/*
 * Search Widget
 */

 
#search_widget {
	border: 1px solid #303030;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0.5em 0.5em;
	width: 35em;
}
#search_box span {
	color: black;
	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:190px; 
	padding-right:0; 
	margin-right:0; 
	border:1px solid #303030; 
	border-right:0; 
	border-left:0; 
	border-bottom:0;
	font-size:11px;
}
#search_widget_home #search_string {width:150px;}
#search_widget_home #search_button {margin-top:5px;}


/*
 * login.cfm
 */
.login_table { margin-top:.5em; }
.login {
	padding: 10px;
	text-align: left;
}
#login_splash {
   background-image: url(images/login_comp.jpg);
   background-repeat: no-repeat;
   background-position: center 25px;
   width: 400px;
}

.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 #303030;
	background: white;
	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 #303030;
 
  border-collapse: collapse;
}

.order_table th {
  background-color: #DEAD08;;
  color: black;
  border-top: 1px solid #303030;
  border-right: 0;
  border-bottom: 1px solid #303030;
   border-top: 1px solid #010101;
  border-left: 0;
  padding: 2px 1em 2px 1em;
}

.order_table td {
  padding: 2px 1em 2px 1em;
  border-left: 0;
  border-top: 1px solid #303030;
  border-right: 0;
  border-bottom: 1px solid #303030;
}

.order_table .odd { background-color: #EEEEEE; }
.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 #303030;
	border-collapse: collapse;
	background:white;
	text-align:center;
}

.checkout_actionBar .button {	margin: .5em;  }

.checkoutHR {
	color: #303030;
	background-color: #303030;
	height: 1px;
}



/*
 * account page icon css
 */

/* Welcome Message CSS */
.welcomeDisp {
	width:500px; 
	border:1px solid #005826; 
	padding:10px; 
	margin:0; 
	clear:both; 
	margin-top:15px; 
	margin-left:2px;
	margin-right:15px;
	float:left;
}
.welcomeDispWide {
	width:90%; 
	border:1px solid #005826; 
	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; }

.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: 60em;
	margin-left: auto;
	margin-right: auto;
}

#welcomecatholder {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:15px;
	text-align:left;
	clear:both;
}
 
#reviewHeldOrders {
	background-image:url(images/heldorders.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:60px;
	float:left;
	margin-right:-20px;
}
#reviewHeldOrders a {

}

#quickOrder {
	background-image:url(images/quickorder.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:60px;
	float:left;
	margin-right:-20px;
}
#quickOrder a {

}

#quickAdd {
	background-image:url(images/quickadd.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:60px;
	float:left;
	margin-right:-20px;
}
#quickAdd a {

}
 

#reviewCurrentOrders {
	background-image:url(images/openorders.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:60px;
	float:left;
	margin-right:-20px;
}
#reviewCurrentOrders a {

}

#accountStatus {
	background-image:url(images/openinvoices.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:60px;
	float:left;
	margin-right:-20px;
}
#accountStatus a {

}

#paymentHistory {
	background-image:url(images/payhist.jpg);
	background-repeat:no-repeat;
	width:70px;
	height:60px;
	float:left;
	margin-right:-20px;
}
#paymentHistory a {

}

#invoiceHistory { 
	background-image:url(images/invoicehist.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:220px;
	height:5.5em;
	margin:2px;
	padding0; 
	border:1px solid brown;
	float:left;
	position:relative;
	background-color:white;
	
}

/*
* 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: black;
  width: 95%;
  margin: auto;
  padding: 0;
  border-collapse: collapse;
  border-top: 1px solid #010101;
  
} 

.results_table tr {
  color: black;
  border-collapse: collapse;
}

.results_table th, .results_table td { 
   color: black;
	padding: 2px 1em 2px 1em;
   border-collapse: collapse;
	border-left:none; 
	border-right:none
}

.results_table th { border-top: 1px solid #303030; border-bottom: 1px solid #303030; }
.results_table td { border-top: 1px solid #303030; border-bottom: 1px solid #303030; }

.results_table th { background-color: #DEAD08;; }


.results_table .leftborder { border-left: 1px solid #303030;}
.results_table .rightborder { border-right: 1px solid #303030;}
.results_table .bottomborder { border-bottom: 1px solid #303030;}
.results_table .noborder { border: none; }


.results_table .odd td { background-color: #EEEEEE; }
.results_table .even td { background-color: white; }



.checkout_table {
  background-color: white;
  color: black;
  width: 95%;
  margin: 0 auto 0 auto;
  padding: 0;
  border: 1px solid #303030;
  border-collapse: collapse;
}

.checkout_table th, .checkout_table td { padding: 2px 1em 2px 1em; }

.checkout_table th {
  background-color: #DEAD08;;
  color: black;
  border-top: 1px solid #303030;
  border-right: 0;
  border-bottom: 1px solid #303030;
  border-left: 0;
  border-collapse: collapse;
}

.checkout_table .odd td { border-top: 1px solid #303030; border-bottom: 1px solid #303030; background-color: #EEEEEE; }
.checkout_table .even td { border-top: 1px solid #303030; border-bottom: 1px solid #303030; background-color: white; }
.checkout_table .bordertop td { background-color: white; border-top: 1px solid #303030; }
.checkout_table .borderbottom td { background-color: white; border-bottom: 1px solid #303030; }
.checkout_table .noborder td { background-color: white; }
.checkout_table a { background-color: #F4F9FF; }


.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: black;
  width: 95%;
  margin: auto;
  padding: 0;
  border: 1px solid #303030;
  border-collapse: collapse;
}

.confirm_table th, .confirm_table td { padding: 2px 1em 2px 1em; }

.confirm_table th {
  background-color: #DEAD08;;
  color: black;
   border-top: 1px solid #010101;
  border-right: 0;
  border-bottom: 1px solid #303030;
  border-left: 0;
  border-collapse: collapse;
}

.confirm_table .odd td { border-top: 1px solid #303030; border-bottom: 1px solid #303030; background-color: #EEEEEE; }
.confirm_table .even td { border-top: 1px solid #303030; border-bottom: 1px solid #303030; background-color: white; }
.confirm_table .bordertop td { background-color: white; border-top: 1px solid #303030; }
.confirm_table .borderbottom td { background-color: white; border-bottom: 1px solid #303030; }
.confirm_table .noborder td { background-color: white; }
.confirm_table a { background-color: #F4F9FF; }



.deadend {
	font-size: 220%;
	font-weight: bold;
	margin: 3em;
}



.accountBalance_table {
  background-color: white;
  color: black;
  width: 95%;
  margin: auto;
  padding: 0;
  border: 1px solid #303030;
  border-top: 1px solid #010101;
  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: #DEAD08;;
  color: black;
  border-top: 1px solid #303030;
  border-right: 0;
  border-bottom: 1px solid #303030;
  border-left: 0;
  border-collapse: collapse;
}

.accountBalance_table .odd td { border-top: 1px solid #303030; border-bottom: 1px solid #303030; background-color: #EEEEEE; }
.accountBalance_table .even td { border-top: 1px solid #303030; border-bottom: 1px solid #303030; background-color: white; }
.accountBalance_table .bordertop td { background-color: white; border-top: 1px solid #303030; }
.accountBalance_table .borderbottom td { background-color: white; border-bottom: 1px solid #303030; }
.accountBalance_table .noborder td { background-color: white; }
.accountBalance_table a { background-color: #F4F9FF; }




.paymentHistory_table {
  background-color: white;
  color: black;
  width: 95%;
  margin: auto;
  padding: 0;
  border: 1px solid #303030;
  border-top: 1px solid #010101;
  border-collapse: collapse;
}

.paymentHistory_table th, .paymentHistory td { padding: 2px 1em 2px 1em; }

.paymentHistory_table th {
  background-color: #DEAD08;; 
  color: black;
  border-top: 1px solid #303030;
  border-right: 0;
  border-bottom: 1px solid #303030;
  border-left: 0;
  border-collapse: collapse;
}

.paymentHistory_table .odd td { border-top: 1px solid #303030; border-bottom: 1px solid #303030; background-color: #EEEEEE; }
.paymentHistory_table .even td { border-top: 1px solid #303030; border-bottom: 1px solid #303030; background-color: white; }
.paymentHistory_table .bordertop td { background-color: white; border-top: 1px solid #303030; }
.paymentHistory_table .borderbottom td { background-color: white; border-bottom: 1px solid #303030; }
.paymentHistory_table .noborder td { background-color: white; }
.paymentHistory_table a { background-color: #F4F9FF; }
.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 #303030;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0.5em 0.5em;
	width: 35em;
}
#invhist_box span {
	color: black;
	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: black;
  width: 95%;
  margin: auto;
  padding: 0;
  border: 1px solid #303030;
  border-top: 1px solid #010101;
  border-collapse: collapse;
}

.invoiceHistory_table th, .invoiceHistory_table td { padding: 2px 1em 2px 1em; }

.invoiceHistory_table th {
  background-color: #DEAD08;; 
  color: black;
  border-top: 1px solid #303030;
  border-right: 0;
  border-bottom: 1px solid #303030;
  border-left: 0;
  border-collapse: collapse;
}

.invoiceHistory_table .odd td { border-top: 1px solid #303030; border-bottom: 1px solid #303030; background-color: #EEEEEE; }
.invoiceHistory_table .even td { border-top: 1px solid #303030; border-bottom: 1px solid #303030; background-color: white; }
.invoiceHistory_table .bordertop td { background-color: white; border-top: 1px solid #303030; }
.invoiceHistory_table .borderbottom td { background-color: white; border-bottom: 1px solid #303030; }
.invoiceHistory_table .noborder td { background-color: white; }
.invoiceHistory_table a { background-color: #F4F9FF; }


.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 #303030;
   border-collapse: collapse;
   /* margin-top: 2em; */
   width: 95%; 
   margin-left:auto;
   margin-right:auto; 
}

.invoice_table th {
	background-color: #DEAD08;;
}

.invoice_table .info th {
   background-color: #DEAD08;;
   border: 1px solid #303030;
   padding-left: 1em;
   text-align:left;

}

.invoice_table .info td {
   /* font-family: "Courier New", courier, monospaced; */
   background-color: white;
   border: 1px solid #303030;
   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 #303030; border-bottom: 1px solid #303030; background-color: #EEEEEE; }
.invoice_table .even td { border-top: 1px solid #303030; border-bottom: 1px solid #303030; background-color: white; }
.invoice_table .bordertop td { background-color: white; border-top: 1px solid #303030; }
.invoice_table .borderbottom td { background-color: white; border-bottom: 1px solid #303030; }
.invoice_table .noborder td { background-color: white; }
.invoice_table a { background-color: #F4F9FF; }



/* 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 #303030; border-bottom:1px solid #303030 }
.inner_table th { border-top:1px solid #303030; border-bottom:1px solid #303030; background-color: #DEAD08;;}
.inner_table .odd { background-color: #EEEEEE; }
.inner_table .even { background-color: white; }
.inner_table .noborder { border:none }
.inner_table .leftborder { border-left:1px solid #303030; }
.inner_table .rightborder { border-right:1px solid #303030; }

.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 #303030; border-bottom:1px solid #303030 }
.aging_table th { border-top: 1px solid #010101; border-bottom:1px solid #303030; background-color: #DEAD08;;}
.aging_table .odd { background-color: #EEEEEE; }
.aging_table .even { background-color: white; }
.aging_table .noborder { border:none }
.aging_table .leftborder { border-left:1px solid #303030; padding-left:.5em}
.aging_table .rightborder { border-right:1px solid #303030; 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;}



/*      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 brown;
	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:#DEAD08;;
	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 #303030;}
.rowSpacer {height:2px; margin:0; border-bottom: }

/* Features Widget */
.featuresDiv {margin-left:auto; margin-right:auto; width:90%; margin-top:20px;}

.featuresHolderTable { 
	border:1px solid #303030; 
	border-top: 1px solid #010101;
	border-collapse:collapse;
	width:100%;
	
}
.featuresHolderTable td { margin:0; padding:0; }
.featuresHolderTable th { margin:0; padding:0; }

td.featuresTableTop { background-color: #DEAD08;; 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 #303030;
	border-bottom: 1px solid #303030;
}
.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: #EEEEEE; 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 #303030; 
	border-top: 1px solid #010101;
	border-collapse:collapse;
	width:100%;
}
.bargainsHolderTable td { margin:0; padding:0; }
.bargainsHolderTable th { margin:0; padding:0; }

td.bargainsTableTop {
	background-color: #DEAD08;;
	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 #303030;
	border-bottom: 1px solid #303030;
}
.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: #EEEEEE; 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;  border-right:1px solid #303030;}
#home_layout_columnTwo { width: auto; padding:15px; }
#home_layout_columnThree { width:0; display:none;  }
#home_layout_columnSpan {  
	padding:0;
	margin:0;
	border:0;  
	height:128px;
} 

#home_layout_spanphoto { 
	background-image:url(images/home_comp.jpg);
	background-repeat:no-repeat; 
	height:206px;
	background-color:white;
	
}


/* sale item */
#home_sale {padding:0; border:0; margin:0; width:200px;}
.home_sale_head {
	border-right:solid 1px #303030;
	border-bottom:solid 1px #303030;
	border-top:solid 1px #303030;
	background-color:#ffc682;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	width:200px;
}
.home_sale_body {
	border-right:solid 1px #303030;
	border-bottom:solid 1px #303030;
	width:200px;
	background-color:#DEAD08;;
}

/*  events widget */
#home_events {padding:0; border:0; margin:0; }
.home_events_head {
	border-right:solid 1px #303030;
	/* border-top:solid 1px #303030; */
	border-bottom:solid 1px #303030;
	background-color:#ffc682;
	font-size:120%;
	font-weight:bold;
	text-align:center; 
	width:200px;
}
.home_events_body {
	border-right:solid 1px #303030;
	border-bottom:solid 1px #303030;
	width:170px;
	padding:15px;
	font-size:11px;
	text-decoration:underline;
}


/*  locations widget */
#home_locations {padding:0; border:0; margin:0; width:194px;}
.home_locations_head {
	background-color:#8c5200;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	width:202px;
	color:white;
	padding-top:3px;
	padding-bottom:3px;

}
.home_locations_body {

	border-right:none;
	border-bottom:0;
	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_head {

	background-color:#8c5200;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	width:202px;
	color:white;
	padding-top:3px;
	padding-bottom:3px;

}
	

#vendor_body {
	padding-left:15px;
	font-size:11px;
	text-decoration:underline;
}

.list_wrapper {float:left; width: 24%; }
.list_wrapper li {font-size:11px;}


#grove_vendor_widget #vendor_widget { width: 202px; }
#grove_vendor_widget .list_wrapper { float:none; width:auto; }
#grove_vendor_widget #vendor_body {
	border:solid 1px #303030;
	border-bottom:0;
	border-right:none;
	border-top:0;
	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;}

/*  Policies Page  */
.policiesHead {margin-left:30px; font-weight:bold;}
.policiesBody {margin-left: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;}

/*     ICEFusion Admin Pages      */
.adminContent {margin: 30px;}



/* 
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 black; 
	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; }


/*
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:white;
    border:solid 1px #005826;
    padding:1px;
	 margin-left:2px;
	 
    
}

div.yuimenu h1 {font-size:1.2em; font-weight:bold; margin-left:10px; margin-top:8px;}

/* 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:#005826;

}

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;

}