/*
 * oki.css
 */

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

body {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #808080;
}

body, td, th, li, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .90em;
	color: #000000;
}

.font { 
	
}

form {margin:0;}

table { 
	/*
	border:solid 1px #ff8a00; 
	width:90%;
	margin:auto;
	*/
	border-collapse:collapse;
}
/*
tr { border:solid 1px #ff8a00; }
*/
th { background-color:#df5050; border:solid 1px #ca2128; padding:.3em; }
/*
td { border:solid 1px #ff8a00; padding:.3em; background-color:white; }
*/

a:link { color:black; }
a:visited { color:#333333; }
a:hover { color:#ca2128; }
a:active { color:#ca2128; }

h1 {text-align:left; }
h2 {text-align:left; }
h3 {text-align:left; }
h4 {text-align:left; }

td .odd {background-color:#f4f4f4}
td .even {background-color:white}
.odd {background-color:#f4f4f4}
.even {background-color:white}

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

.input { border:1px solid gray;
  
}

.label {
	
}

.textarea {
	width: 30em; 
	border:1px solid gray;
}

.button { 
	background-color:#ca2128; 
	border:1px solid black; 
	cursor: pointer; 
	font-weight:bold;
	color:white;
	
}

.buttonDeleteLine {
	/* this is the little "X" button on an order line to delete it */
	
}

.buttonDeleteOrder { background-color:red; cursor: pointer;
	
}

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

.buttonMinus {
	background-image:url(../images/button_minus.gif);
	background-repeat:no-repeat;
	/* background-color:#99FF33; */
	background-position:center;
	width:16px;
	height:16px;
	cursor: pointer;
}
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: 18px;
	height: 18px;
	cursor: pointer;
}
html>body .buttonX { width: 16px; height: 16px; }

.buttonSubmitOrder {
	
	cursor: pointer;
}


.disabledButton { background-color: #CCC;  color: #666; }
.enabledButton { }


.title { font-size: 180%; font-weight: bold; }
.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;
}



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


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

.columnSubCat {width:250px; vertical-align:text-top;}
.columnSubCat .odd {  }
.columnSubCat .even {  }

.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; padding-right:.3em;}
td.custinfo { text-align: left; font-size: 120%; font-weight: bold; padding-left:.3em;}


/*
 * Page Header Contents
 */

#pageheader_custbox {
	float: right;
	color: black;
	padding: 10px;
	text-align: center;
	width:auto;
	line-height: 1em; 
	display: block;
	position:relative;
}


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

#pageheader_custbox_data {
	 
}
#pageheader_custbox a {
	color: black;
}


/***
* 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='custom/images/loadlogo.gif');*/
   background-image: url('images/loadlogo.gif');
	/* Styling for both IE and FireFox */
	margin: 0;
	padding: 0;
   width: 750px;
   height: 104px;
}

/* FireFox styling properties */
/* IE ignores styles with [attributes], so it will skip the following. */
#logo[id] {
	background-image: url('images/loadlogo.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: 0;
	margin-bottom:0px;
	margin-left:-10px; 
}   
 
#pageheader_navbar {
	background-color: #ca2128;
	color: black;
	font-size:80%;
	font-weight:bold;
	padding: 2px 5px 5px 15px;
	clear: right;
	border-top: 2px solid black;
	border-bottom: 3px solid black;
	border-left: 3px solid black;
	margin-top:0;
	
} 

#pageheader_navbar a:link { color:white }
#pageheader_navbar a:hover { color:white}
#pageheader_navbar a:visited { color:white}

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


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


/*
 * All pages use top, middle, and bottom divs
 */
 
#top {	
	background-color: #e6e6e6;/*C0D6FE*/
	/* width:800px; */
}
 
#middle {
	padding: 20px;
	padding-top:0;
	background-color: #FFFFFF;
	width:auto; 
	
}
 
 
#bottom {
	padding: 10px;
	color: silver;
	background-color: #FFFFFF;
	/* width:780px; */
}

/*
 * Table Grid CSS
 */

.tableDispheader td {

}
.lineback_odd {

}
.lineback_even {	

}

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

.orderNav {
	text-align: center;
	padding-top:20px;
}


#search_widget {
	border: 1px solid #ca2128;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5em 0 0.75em 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: -1em;
	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;
	padding-left:10px; 
	margin-right:0; 
	border:1px solid #ca2128; 
	 
	border-bottom:0;
	font-size:11px;
}
#search_widget_home #search_string {width:150px;}
#search_widget_home #search_button {margin-top:5px;}




/*
 * login.cfm 
 */

.login {
	padding: 10px;
	text-align: left;
}
.login_splash {
   background-image: url(images/loadlogin.jpg);
   background-repeat: no-repeat;
}

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



/*
 * quickorder.cfm
 */
.quickOrder_table {border:0;}
.quickOrder_table tr {border:0;}
.quickOrder_table td {border:0;}
.quickOrder_table th {border:0;}
#quickorder_form {float:left; margin-left:30px;}
#quickorder_form textarea { margin-top: 0.5em; margin-bottom: 0.5em; border:1px solid gray;}
#quickorder_methods {float:left;}

.quickorderfield {font-size:11px}



/*
 * order.cfm
 */

.order_actionBar { width:90%; margin: auto; text-align:center; border:0; background-color:#e6e6e6;

}

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

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

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

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

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

.order_table { 
	border:solid 1px #ca2128; 
	width:90%;
	margin:auto;

}

.order_table th {
	border:solid 1px #ca2128; 
	padding:.3em;

}

.order_table td {
	border:solid 1px #ca2128; 
	padding:.3em;

}

.order_table .odd {  }
.order_table .even { }
.order_table .totals td {

}
.order_table .noborder {  }

.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:90%; 
	margin: auto; 
	text-align:center; 
	border:0; 
	background-color:#e6e6e6;
	padding-top:.5em;
	padding-bottom:.5em;

}
  
.checkout_actionBar .button {	 }

.checkoutHR { border: 1px solid #ca2128;

}




/* Welcome Message CSS */

.welcomeDisp {
	width:300px; 
	border:1px solid #CA2128; 
	padding:10px; 
	margin:0; 
	clear:both; 
	margin-top:15px; 
	margin-left:2px;
	margin-right:15px;
	float:left;
}
.welcomeDispWide {
	width:90%; 
	border:1px solid #CA2128; 
	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;
}









/*
 * e page icon css
 */
 
.accountTitle{
	font-size: 130%;
}
 
#accountholder {
	width: 80%;
	margin: auto;
}
 
#reviewHeldOrders {
	background-image:url(images/load_held_orders.gif); 
	background-repeat:no-repeat;
	width:100px; 
	height:65px;
	position: relative;
	float:left;
}
#reviewHeldOrders a {
	position: absolute;
	top: 0;
	left: 0;
	width:100px; 
	height:65px;
}
#reviewHeldOrders a h1 {
   display: none;
}
 

#quickOrder {
	background-image:url(images/load_quick_order.gif); 
	background-repeat:no-repeat;
	width:100px; 
	height:65px;
	position: relative;
	float:left;
}
#quickOrder a {
   position: absolute;
   top: 0;
   left: 0;
   width:100px; 
   height:65px;
}
#quickOrder a h1 {
   display: none;
}
 

#quickAdd {
	background-image:url(images/load_quick_add.gif); 
	background-repeat:no-repeat;
	width:100px; 
	height:65px;
	position: relative;
	float:left;
}
#quickAdd a {
   position: absolute;
   top: 0;
   left: 0;
   width:100px; 
   height:65px;
}
#quickAdd a h1 {
   display: none;
}
 

#reviewCurrentOrders {
	background-image:url(images/load_current_orders.gif); 
	background-repeat:no-repeat;
	width:100px; 
	height:65px;
	position: relative;
	float:left;
}
#reviewCurrentOrders a {
	position: absolute;
	top: 0;
	left: 0;
	width:100px; 
	height:65px;
}
#reviewCurrentOrders a h1 {
   display: none;
}
 

#accountStatus {
	background-image:url(images/load_account_status.gif); 
	background-repeat:no-repeat;
	width:100px; 
	height:65px;
	position: relative;
	float:left;
}
#accountStatus a {
	position: absolute;
	top: 0;
	left: 0;
	width:100px; 
	height:65px;
}
#accountStatus a h1 {
   display: none;
}
 

#paymentHistory {
	background-image:url(images/load_payment_history.gif); 
	background-repeat:no-repeat;
	width:100px; 
	height:65px;
	position: relative;
	float:left;
}
#paymentHistory a {
   position: absolute;
   top: 0;
   left: 0;
   width:100px; 
   height:65px;
}
#paymentHistory a h1 {
   display: none;
}
 

#invoiceHistory {
	background-image:url(images/load_invoice_history.gif); 
	background-repeat:no-repeat;
	width:100px; 
	height:65px;
	position: relative; 
	float:left;
} 

#invoiceHistory a {
	position: absolute;
	top: 0;
	left: 0;
	width:100px; 
	height:65px;
}
#invoiceHistory a h1 {
	display: none;
}

.rightText {margin-left: 78px;}

.clearBoth { 
	/*clear:both;
	margin:10px;
	border:solid  #CC0000;
	height: 50px;
	margin-left: 30px;*/ 
	background-color: white;
	border: 1px solid #ca2128;
	float: left;
	margin: .5em; 
	width: 25em;
	height: 6em;
	overflow: hidden;
	padding:.3em;
	
}

/*
* TABLES
*/

.section_title { 

}
 
.results_search_text {  }

.results_table {
	border:solid 1px #ca2128; 
	width:90%;
	margin:auto;
} 

.results_table tr { margin-top:0; border:solid 1px #ca2128; 

}

.results_table th, .results_table td { border:solid 1px #ca2128; padding:.3em;

}

.results_table th { }
.results_table td { }


.results_table .leftborder { }
.results_table .rightborder { }
.results_table .bottomborder { }
.results_table .noborder {  }


.results_table .odd td {  }
.results_table .even td {  }



.checkout_table { width:90%; margin:auto; border:solid 1px #ca2128;

}

.checkout_table th, .checkout_table td { border:solid 1px #ca2128; padding:.3em; }

.checkout_table th {

}

.checkout_table .odd td {  }
.checkout_table .even td {  }
.checkout_table .bordertop td {  }
.checkout_table .borderbottom td {  }
.checkout_table .noborder td { background-color:white; border:0; }
.checkout_table a {  }

.checkout_table .label { background-color:#df5050 }



.confirm_table {  width:90%; margin:auto; border:solid 1px #ca2128;

}

.confirm_table th, .confirm_table td { border:solid 1px #ca2128; padding:.3em; }

.confirm_table th {

}

.confirm_table .odd td { }
.confirm_table .even td {}
.confirm_table .bordertop td { }
.confirm_table .borderbottom td {  }
.confirm_table .noborder td {  }
.confirm_table a {  }



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



.accountBalance_table { border:solid 1px #ca2128; margin:auto; width:90%

}

.accountBalance_table th, .accountBalance_table td { border:solid 1px #ca2128; padding:.3em; }
.accountBalance_table td {  }

.accountBalance_table th {

}

.accountBalance_table .odd td {  }
.accountBalance_table .even td {  }
.accountBalance_table .bordertop td {  }
.accountBalance_table .borderbottom td {  }
.accountBalance_table .noborder td {  }
.accountBalance_table a {  }




.paymentHistory_table { border:solid 1px #ca2128; margin:auto; width:90%

}

.paymentHistory_table th, .paymentHistory_table td { border:solid 1px #ca2128; padding:.3em; }

.paymentHistory_table th {

}

.paymentHistory_table .odd td {  }
.paymentHistory_table .even td {  }
.paymentHistory_table .bordertop td {  }
.paymentHistory_table .borderbottom td {}
.paymentHistory_table .noborder td {  }
.paymentHistory_table a {  }
.paymentHistory_table .columnAmount { }
.paymentHistory_table .columnCheckNo { }
.paymentHistory_table .columnDate {  }





.invoiceHistory_table { border:solid 1px #ca2128; margin:auto; width:90%

}

.invoiceHistory_table th, .invoiceHistory_table td { border:solid 1px #ca2128; padding:.3em; }

.invoiceHistory_table th {

}

.invoiceHistory_table .odd td { }
.invoiceHistory_table .even td { }
.invoiceHistory_table .bordertop td {  }
.invoiceHistory_table .borderbottom td {  }
.invoiceHistory_table .noborder td { }
.invoiceHistory_table a {  }






.invoice_company_name {

}

.invoice_company_address {

}

.invoice_company_phone {

}

.invoice_history_reprint { 
	width:60%; 
	border:solid 1px #ca2128; 
	margin:auto; 
	font-size:180%; 
	font-weight:bold; 
	padding:15px; 
	color:#CCCCCC; 
	text-align:center;

}

.invoice_table { width:100%; border:solid 1px #ca2128; margin:auto;

}

.invoice_table th, .invoice_table td { border:solid 1px #ca2128; padding:.3em;

}

.invoice_table .info th {

}

.invoice_table .info td {

}

.invoice_small_text {

}

.invoice_table .odd td {  }
.invoice_table .even td { }
.invoice_table .bordertop td {  }
.invoice_table .borderbottom td {  }
.invoice_table .noborder td {  }
.invoice_table a { }



/* Held Orders Page : Inner Table
.inner_table { 
	border:solid 1px #ff8a00; 
	width:100%; 
}
.inner_table td {  }
.inner_table th { }
.inner_table .odd { }
.inner_table .even { }
.inner_table .noborder {  }
.inner_table .leftborder { }
.inner_table .rightborder {  }

.inner_table .expandbutton {  }


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

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


.inner_table_background { background-color:#CCCCCC; }



/* Account Status Page */
.aging_table { border:solid 1px #ca2128; width:90%; margin:auto; }
.aging_table td, .aging_table th { border:solid 1px #ca2128; padding:.3em; }
.aging_table th { }
.aging_table .odd {  }
.aging_table .even {  }
.aging_table .noborder {  }
.aging_table .leftborder { }
.aging_table .rightborder { }
.aging_table .sectionHeader { font-size:130%; font-weight:bold;}
 


/* Quick Add Page */
.quickAddHolder_table {border:0;}
.quickAddHolder_table tr {border:0;}
.quickAddHolder_table td {border:0;}
.quickAddHolder_table th {border:0;}

.quickAdd_table { border:solid 1px #ca2128; }
.quickAdd_table tr {border-left:solid 1px #ca2128; border-right:solid 1px #ca2128; border-bottom:0;}
.quickAdd_table th {border:solid 1px #ca2128;}
.quickAdd_table td {border:0; padding:.3em; }
.quickAdd_table input { border:1px solid gray;  }


/* Specials Widget 

.specialsDiv {margin-left:auto; margin-right:auto; width:90%;}

.specialsTableTop { border:0;}

.specialsTableTR { }
	
.specialsTable { 
	width:100%;
	border:0;
}

.specialsTable tr {border:0;}
.specialsTable td {}

.specialsImg {
	text-align:right;
	margin-right:0px;
	border-right:0;
	border-left:solid 1px #ca2128;
	border-top:solid 1px #ca2128;
	border-bottom:solid 1px #ca2128;
}

.specialsText {
	margin-left:0px;
	padding-left:.5em;
	background-color:#df5050;
	border-left:0;
	border-right:solid 1px #ca2128;
	border-top:solid 1px #ca2128;
	border-bottom:solid 1px #ca2128;
	
}

.specialsGfx { border:0;}

.specialsTitle { font-size:140%; font-weight:bold; margin-bottom:-10px; display:inline}
.specialsDesc {}
.specialsPartno {}
.specialsPrice {}
.specialsQty {}
.colSpacer {width:2px; margin:0; border:0; padding:.5em; height:2px;}
.rowSpacer {height:10px; margin:0; border:0; padding:.5em; width:2px;}


.showMore {float:right; margin-top:.5em;}
*/

/* NEW Specials Widget */

/* 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 #CA2128;
	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:#f3f3f3;
	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; margin-top:1em; width:90%;}

.featuresHolderTable { 
	width:100%;
	border-collapse:collapse;
	border:0;
}

.featuresHolderTable tr { border:0;}
.featuresHolderTable td { padding:0; border:0;}

.featuresTableTop {  }
	
.featuresTable { 
	width:100%
}

.featuresTable tr {border:solid 1px #ca2128;}
.featuresTable td { padding:.4em; border:solid 1px #ca2128;}
.featuresTable th { padding:.4em; border:solid 1px #ca2128; }
.featuresTitle { }
.featuresDesc {}
.featuresPartno {}
.featuresList {}
.featuresPrice {}
.featuresQty {}
.featuresTable .odd {  }
.featuresTable .even {  }


/* Bargains Widget */
.bargainsDiv {margin:auto; width:90%; margin-top:1em;}

.bargainsHolderTable { 
	width:100%;
	border-collapse:collapse;
	border:0;
}

.bargainsHolderTable tr { border:0;}
.bargainsHolderTable td { padding:0; border:0;}

.bargainsTableTop { }
	
.bargainsTable { 
	width:100%;
	border-collapse:collapse;
}

.bargainsTable tr { border:solid 1px #ca2128; }
.bargainsTable td { padding:.4em; border:solid 1px #ca2128;}
.bargainsTable th { padding:.4em; border:solid 1px #ca2128;}
.bargainsTitle { }
.bargainsDesc {}
.bargainsPartno {}
.bargainsList {}
.bargainsPrice {}
.bargainsQty {}
.bargainsTable .odd {}
.bargainsTable .even { }


/* PUBLIC HOME PAGE */
.phpImage1 { display:none }
.phpImage2 { display:none }
.phpImage3 { display:none }
.phpImage4 { display:none }
.phpContent1 { margin-left:50.5%; margin-right:1%; width:42.5%; float:right;  position:absolute; padding:20px; }
.phpContent2 { margin-right:50%; margin-left:1%; width:43%;  position:relative; padding:20px; }
.phpContentHeadline { font-weight:bold; font-size:110%; }
.phpContentBody {  }
.phpHoldSearchWidget { 
	margin:auto; 
	width:35em;
	
}
.phpHoldSpecialsWidget {  }
.phpHoldFeaturesWidget { margin-left:50%; width:48%; float:right;  position:absolute; }
.phpHoldBargainsWidget { margin-right:50%; width:48%;  position:relative; }
.phpHoldRelationalWidget {  }
.phpHoldContextualWidget {  }





/*   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; vertical-align:text-top }
#home_layout_columnThree { width:0; display:none;  }
#home_layout_columnSpan {  
	padding:0;
	margin:0;
	border:0;  
	height:206px;
} 

#home_layout_spanphoto { 
	background-image:url(images/load_comp2.jpg);
	background-repeat:no-repeat; 
	height:206px;
	/*height:207px;*/
	background-color:white;
}


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

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


/*  locations widget */
#home_locations {padding:0; border:0; margin:0; width:200px;}
.home_locations_head {
	border-left:solid 1px #ca2128;
	border-right:solid 1px #ca2128;
	border-top:solid 1px #ca2128;
	background-color:#df5050;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	width:200px;
}
.home_locations_body {
	border:solid 1px #ca2128;
	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-left:solid 1px #ff8a00;
	border-bottom:solid 1px #ff8a00;
	background-color:#ffc682;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	width:200px;
}
.home_news_body {
	border-left:solid 1px #ff8a00;
	border-bottom:solid 1px #ff8a00;
	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 {
	border-left:solid 1px #ca2128;
	border-right:solid 1px #ca2128;
	border-bottom:solid 1px #ca2128;
	background-color:#df5050;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	
}
#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 #ca2128;
	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;}
.adminGlobal { margin:20px; margin-right:10px; padding: 30px;  width:400px; float:left; border:1px solid black; }
.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 black;}
.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 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; }




*
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:white;
    border:solid 1px #CA2128;
    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:#CA2128;
    
}

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

}

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;

}