/*
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: red;  }
a:visited { color:#0066FF }
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: #C0D6FE;
}


.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; }

.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; }

/*
 * 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/otts_logo.gif');
	/* Styling for both IE and FireFox */
	margin: 0;
	padding: 0;
   width: 552px;
   height: 86px;
   cursor:pointer;
}
/* FireFox styling properties */
/* IE ignores styles with [attributes], so it will skip the following. */
#logo[id] {
	background-image: url('images/otts_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: #dd1616;
	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;
	clear:both;
}


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


/*
 * All pages use top, middle, and bottom divs
 */
 
#top {	
	background-image:url('images/otts_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: #C0D6FE;;
	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/tpe_logo_login.gif);
   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: #C0D6FE;;
  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
 */

.accountTitle{
	font-size: 150%;
}

#accountholder {
	width: 60em;
	margin-left: auto;
	margin-right: auto;
}
 
#reviewHeldOrders {
	background-image: url(images/heldorders.gif); 
	background-repeat:no-repeat;
	width:120px; 
	height:53px;
	position: relative;
	float:left;
}
#reviewHeldOrders a {
   position: absolute;
   top: 0;
   left: 0;
   width:120px; 
   height:53px;
}

#quickOrder {
	background-image:url(images/quickorder.gif); 
	background-repeat:no-repeat;
	width:120px; 
	height:53px;
	position: relative;
	float:left;
}
#quickOrder a {
   position: absolute;
   top: 0;
   left: 0;
   width:120px; 
   height:53px;
}

#quickAdd {
	background-image:url(images/quickadd.gif); 
	background-repeat:no-repeat;
	width:120px; 
	height:53px;
	position: relative;
	float:left;
}
#quickAdd a {
   position: absolute;
   top: 0;
   left: 0;
   width:120px; 
   height:53px;
}
 

#reviewCurrentOrders {
	background-image:url(images/currentorders.gif); 
	background-repeat:no-repeat;
	width:120px; 
	height:53px;
	position: relative;
	float:left;
}
#reviewCurrentOrders a {
	position: absolute;
	top: 0;
	left: 0;
	width:120px; 
	height:53px;
}

#accountStatus {
	background-image:url(images/accountstatus.gif); 
	background-repeat:no-repeat;
	width:120px; 
	height:53px;
	position: relative;
	float:left;
}
#accountStatus a {
	position: absolute;
	top: 0;
	left: 0;
	width:120px; 
	height:53px;
}

#paymentHistory {
	background-image:url(images/paymenthistory.gif); 
	background-repeat:no-repeat;
	width:120px; 
	height:53px;
	position: relative;
	float:left;
}
#paymentHistory a {
   position: absolute;
   top: 0;
   left: 0;
   width:120px; 
   height:53px;
}

#invoiceHistory {
	background-image:url(images/invoicehistory.gif); 
	background-repeat:no-repeat;
	width:120px; 
	height:53px;
	position: relative;
	float:left;
}
#invoiceHistory a {
	position: absolute;
	top: 0;
	left: 0;
	width:120px; 
	height:53px;
}

.rightText {margin-left: 78px;}

.clearBoth {
	clear:both;
	margin:2px;
	/*border:solid  #CC0000;*/
	height: 60px;
	margin-left: 30px;
	
}

/*
* 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: #C0D6FE;; }


.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: #C0D6FE;;
  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: #C0D6FE;;
  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: #C0D6FE;;
  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: #C0D6FE;; 
  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: #C0D6FE;; 
  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: #C0D6FE;;
}

.invoice_table .info th {
   background-color: #C0D6FE;;
   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: #C0D6FE;;}
.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: #C0D6FE;;}
.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 #4210f0;
	margin:2px;
	width:250px;
	overflow:auto;
}
.specialsImage {
	float:left;
	height:130px;
	width:120px;
	border:0;
	text-align:center;
}
.specialsGfx {border:none;}
.specialsText {
	float:left;
	width:120px;
	height:130px;
	background-color:#C0D6FE;;
	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: #C0D6FE;; 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: #C0D6FE;;
	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:#C0D6FE;;
}

/*  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:#dd1616;
	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:#dd1616;
	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; clear:both;}
.contactBody {margin-left:30px;}
.contactStaff {margin-left:40px;}
.contactStaff div { margin-bottom:12px;float:left; margin-right:12px; background-color:#FFCECF; padding:5px;}
.contactButton {font-size:10px;}

/*     ICEFusion Admin Pages      */
.adminContent {margin: 30px;}



/* 
Availability Widget Styles
*/
.imgAvailTrue {
	margin:0; margin-right:auto; margin-left:auto; padding: 0;
	background-image: url(images/avail_true_bulb.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}
.imgAvailFalse {
	margin:0; margin-right:auto; margin-left:auto; padding: 0;
	background-image: url(images/avail_false_bulb.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}
.imgAvailCall {
	margin:0; margin-right:auto; margin-left:auto; padding: 0;
	background-image: url(images/avail_call_bulb.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}
.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:250px; 
	z-index:30; 
	position:absolute; 
	left:0px; 
	top:150px; 
	display:none;
	text-align:left;
}
.results_table td .popupLines { text-align:left;}


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; }