/*    Shopping Cart style sheet  */

/* 
 * CART PAGES (cart/checkout/thank_you)
 * page width: For the cart/checkout/thank_you pages...
 *              page width is determined by header image (min 700px) (we recommend no wider than 800) 
 */

/* Every cart generated page background color (i.e. not the center body, but the surrounding color) */
#cart_pg_container { background: #FFFFFF; } 

/* Assigns the bgcolor to the main body of the cart/checktout/thank_you pages */
#cart_pg_body { background: #FFFFFF }


/* 
 * CART PAGE ONLY 
 */

/* Extra side padding to the shopping cart page  */
#cart_pg_container_padding_tbl { padding-left: 5px; padding-right: 5px; }

/* Pad the cart lines up and down */
table#cart_pg_container_padding_tbl tbody tr td {
	padding-top:    1px;
	padding-bottom: 1px;
}

/* Home made HR for cart that can be a few px wide (auto-repeat X and Y) 
   OR you can create a solid line by commenting the first line and uncommend the second definition 
*/
.cart_hr { background: transparent url(/img/cart/rule_horizontal.gif); width:100%; height:1px; }
/* .cart_hr { background-color: #CCAA11; width:100%; height:1px; } */

/* There is a blank row between each cart line item.  This defines the style/height etc... */
.cart_blank_row {background: transparent; width:100%; height:6px; }

.slim_form {padding:0; margin:0;}
.middle_form_btn { vertical-align: top; }


/* If the ship method is radio button instead of the default pulldown menu */
/* We wrap radio button selection in a div */
div.ship_method_radio_selector {
	float: right;
	text-align: left;
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	padding-left:   5px;
	padding-right:  5px;
	padding-top:    3px;
	padding-bottom: 5px;
	margin-left:    5px;
}

/* The radio buttons are encased within a table (single td/row per option) to allow for zebra table and hover highlight */
table.ship_method_radio_selector {
	text-align: left;
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: separate;
	padding: 0px;
	margin-left:    3px;
	margin-right:    3px;
}
table.ship_method_radio_selector td {
	font-size: 11px;
	line-height: 70%;
	vertical-align:middle;
}

table.ship_method_radio_selector tr.highlight_selected td {
	background: #F9F986;
}


table.ship_method_radio_selector tr.over td { background: #CDDFA7; }
table.ship_method_radio_selector tr.over td { background: #CAD9F9; }


/* DIV with cart  message allowing user ot override Out Of Stock status for a given sku and order now */
div.oos_override_for_sku_box {
	width:450px; 
	background-color: #EEF3FE; 
	background-color: #EEF3FE; 
	text-align: center; 
	padding: 2px; 
	border: 1px solid grey;
}

/* Customize the submit button in OOS override cart msg box */
#oos_btn_override {
	font-family: Verdana, Geneva, Arial, Helvetica; 
	font-size: 16px;
	background-color: #2EC718;
	color: #FFFFFF;
	margin-bottom: 10px;
}

/* If ship select radio button is disabled */ 
.disabled_radio_menu_entry {
    color: red;
    text-decoration: line-through;
}


/* 
 * CHECKOUT PAGE:
 * Home made HR (and VR) for checkout that can be a few px wide (auto-repeat X and Y) 
 *  OR you can create a solid line by commenting the first line and uncommend the second definition 
*/
.checkout_hr    { background: transparent url(/img/cart/rule_horizontal.gif); width:100%; height:1px; }
/* .checkout_hr { background-color: #CCAA11; width:100%; height:1px; } */

.checkout_vr { background: transparent url(/img/cart/rule_vertical.gif); width:1px; height:100%; }
/* .checkout_vr { background-color: #DDDDDD; width:1px; height:100%; } */


/* 
 * THANK YOU PAGE 
 */
.thank_you {
 /* stuff for thank you page goes here */
}
.thank_you hr {
         color: #FFD48A;
        }
.thank_you_backorder {
	 text-align: center;
}
.thank_you_ruser_create {
	 text-align: center;
}


/* 
 * WHOLESALER console 
 * Note: Uses same cart_pg_container and cart_pg_body classes
 */
.whole_hr   { color: #999999; background-color: #999999;   border: 0; width:100%; height:1px; }
#whole_menu                                        { background-color: #FFFFFF; }
#whole_menu a, #whole_menu a:hover, #whole_menu a:visited, #whole_menu a:visited:hover { font-size: 11px;  color: #444; text-decoration: none; }
#whole_menu a:hover, #whole_menu a:visited:hover               {text-decoration: underline; }



/*
 * GENERAL CART / CHECKOUT / THANK YOU fonts and colors
 */
.bodypage table { font-family: Verdana, Geneva, Arial, Helvetica; color: #555555; font-size: 12px;}
.bodypage tr { font-family: Verdana, Geneva, Arial, Helvetica; color: #555555; font-size: 12px;}
.bodypage td { font-family: Verdana, Geneva, Arial, Helvetica; color: #555555; font-size: 12px;}
.bodypage div, a, input, table, td, th, span,p { font-family: Verdana, Geneva, Arial, Helvetica; color: #555555; font-size: 12px;}
.bodypage A                                    {color: #555555; text-decoration: underline; }
.bodypage A:hover,A:visited:hover	       {color: #333333;}
.bodypage h1,h2,h3,.tinyblue, .littleblue      {color: #003399;}

.myh3    {font-size: 16px;  color: #003399;}

.CartHeaders        {font-size: 11px; font-weight: bold; color: #333333; text-decoration: none; }
.FormHead           {font-weight: bold; color: #41699a; text-decoration: none; }
.FormInside         {font-size: 11px; color: #333333; text-decoration: none; }

/* unused stuff */
.FormInsideUL       {font-size: 11px; color: #333333; text-decoration: underline; }
.StepGrey           {color: #999999; text-decoration: underline; }
.StepGreyNoLine     {color: #999999; text-decoration: none; }
.ReviewLinks        {color: #CC0000; text-decoration: none; font-weight: bold; }
.ReviewLinksField   {color: #CC0000; text-decoration: none; font-weight: bold; text-align: right;}
.RightAlFormField   { text-align: right;}

.card_refused       {background: #FFFFFF;}
.card_refused  h2   {color: #CC0000;}

/*
.error         h3   {color: #000000;  background-color: #FFD20F; text-align: center; border: 2px solid red; }
.warning       h3   {color: #000000;  background-color: #FEFF7F; text-align: center; border: 2px solid red; }
.ok            h3   {color: #008000;  background-color: #EEEF4E; text-align: center; border: 2px solid #008000; }

#error         h3   {color: #000000;  text-align: center; border: 2px solid red; }
#warning       h3   {color: #000000;  text-align: center; border: 2px dashed red; }
#ok            h3   {color: #008000;  text-align: center; border: 2px solid #008000; }
*/

.card_refused   {color: #000000;  background-color: #FFFFFF; text-align: center; border: 2px solid red; }

.error   {color: #000000;  background-color: #FFFFFF; text-align: center; border: 2px solid red; }
.warning {color: #000000;  background-color: #FFFFFF; text-align: center; border: 2px solid orange; }
.ok      {color: #000000;  background-color: #FFFFFF; text-align: center; border: 2px solid green; }


/*  ============== OK/WARNING/ERROR CART MESSAGES   - Default settings ============= */
table.cart_message {
	 padding: 6px; 
	 border: 5px solid black;
	 margin-top:    8px;
	 margin-bottom: 3px;
	 vertical-align: middle; 
	 width: 680px;
}

table.cart_message div.messasge_body {
	 padding-top: 5px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 font-weight: normal;
	 color: black;
	 text-align: left;
	}

table.cart_message img {
        margin: 0;
        border: 0; 
        padding: 0;
	}


/* Specifics for OK/WARNING/ERROR */
	 
.ok img  {  background: transparent url(/img/cart/message_icon_green_50x50.png) top left no-repeat; }
table.ok { border-color: #7AB92A;  background-color: #E9FDE5; } 

.warning img  {  background: transparent url(/img/cart/message_icon_orange_50x50.png) top left no-repeat; } 
table.warning { border-color: #FEA244;  background-color: #FEF9D8; } 

.error img  {  background: transparent url(/img/cart/message_icon_red_50x50.png) top left no-repeat; }
table.error { border-color: #ED3737;  background-color: #FADAE2; }



.center      { text-align: center; }
.nounderline { text-decoration: none; }

.mandatory_field { color: red;}

#oops  { color: #003399; text-decoration: none; }

.t3    {font-size: 16px; font-weight: bold; color: #2D690F; text-decoration: underline;}
.opt_h_color    {color: #2D690F;}


.opt_res       { }
.opt_res_hdr3  { background-color: #A8C0F6;   border: 0px solid black; }

.mkborder  {padding: 0px; margin:0px; border: 3px groove grey; }

.backorder_item { font-weight: bold; color: #FAAC3C; }

.admHomeColor {background-color: #B9E37D; }
.admOrdColor  {background-color: #B9E37D; }
.admProdColor {background-color: #F6D834; }
.admOptColor  {background-color: #B3FCFC; }
.admCatColor  {background-color: #DDC0F6; }
.admRecipeColor {background-color: #FDFBC8; }
.admGiftCertsColor {background-color: #A8C0F6; }
/*   new cat color: #E8DA7C  */


/* Accout approved/active  or pending approval/inactive */
.account_active   { color: green; }
.account_inactive { color: orange; }


/* Default colors and styles for generated tables  */
table.mimdefault {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
/*	background-color: blue; */
      background-color: #EFEFEF;
}
table.mimdefault th {
	border-width: 1px;
	padding: 5px;
	border-style: none;
/*	border-style: inset inset inset inset; */
	border-color: gray;
	color: white;
	font-weight: bold;	
	background-color: #B9E37D;
}

table.mimdefault td {
	border-width: 1px;
	padding: 5px;
	border-style: none; 
/*	border-style: none solid none solid;  */
	border-color: gray gray gray gray;
/*	background-color: #AAAAFF;   */
      background-color: #FFFFFF;
}


 div#sales_stats_table table tr:nth-child(odd) td {
   background-color: #f7f1d4;
}


#MIM_highlight_row td {
      background-color: #FFFFFF;
}

#MIM_highlight_row_late_shipping td {
      background-color: #01F9F1;
}


#MIM_highlight_row_order_admin_override_stock td {
      background-color: #F76565;
}


/* for View ship log report  (id rows with ship charge much larger than actual charges) */
#highlight_shipping_overcharge_row td {
      background-color: #8FFFFD;
}

/* Edit inventory page:  show rows with zero stock/qty  */
#highlight_zero_qty_row td {
      background-color: #FFC62F;
}

/* ship today report:  highlight rows with backorder items in them  */
#highlight_partial_oos_row td {
      background-color: #FFC62F;
}

/* ship today report:  highlight rows with backorder items in them  */
#highlight_full_oos_row td {
      background-color: #FDDFFF
}



/* ===================================================================== */
/* publish_catalog puts out the following tags:                          */
/*  ['cat_pg_even_row' | 'cat_pg_odd_row']  --> For cat_line + cat_cell  */
/*  ['sku_even_row'    | 'sku_odd_row']     --> For sku_line + sku_cell  */

tr.cat_pg_odd_row, tr.sku_odd_row, td.cat_pg_odd_row td.sku_odd_row, .cat_pg_odd_row .sku_odd_row {
      background-color: #DDDDDD;
/*      background-color: #CFCFCF; */
}


tr.cat_pg_even_row, tr.sku_even_row, td.cat_pg_even_row td.sku_even_row, .cat_pg_even_row .sku_even_row {
/*      background-color: #AAAAFF;   */
      background-color: #FFFFFF;

}


table#grayThinBorder {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	padding-left:   5px;
	padding-right:  5px;
	padding-top:    5px;
	padding-bottom: 5px;
}

table.grayThinBorder {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	padding-left:   5px;
	padding-right:  5px;
	padding-top:    5px;
	padding-bottom: 5px;
}

/* And this gives space between columns but no space left of first or right of last */
table.grayThinBorder td {padding-left: 5px;  padding-right: 5px; }
table.grayThinBorder td:first-child {padding-left:0; }
table.grayThinBorder td:last-child  {padding-right: 0px;}

table.slim_position_table {
	border:  0px;
	margin:  0px;
	padding: 0px;
}

/* ################## */
/* Help / Accronym / abbr to create help+tooltips on non-clickable elements */
abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }


/* ====================================================================== */
/* For general default even/odd result rows.  i.e. zebra tables
 * It can be locally overriden by putting the section in a <div class="myclass1">
 * and defining a new class for this more specific case here
 */
  tr.odd_row  td { background-color: #DDDDDD; }
  tr.even_row td { background-color: #FFFFFF; }

/* Sample override of even/odd rows */

/*  .orderform tr.odd_row  td { background-color: #f4f4fe; }
   .orderform tr.even_row td { background-color: #334477; }
*/
	




/* ####################################################################### */
/* ========= FIXED WIDTH left column: admin/client menu ===== */
#leftmenu {
	position: relative;
	right:0px;
	left:40px;
	padding:1px;
	width:158px;
	background:#fff;
	border:1px solid #000;  /* total width 160 */
	}

#leftmenutext { /* To give a 2px margin to text content */
	padding: 0 2px 0 2px; /* top right bottom left */
	}

#leftmenu h2 {
	font-size: 18px;
	color: #003399;
	}

#leftmenu h3 {
	font-size: 100%;
	margin-top: 4px;
	margin-bottom: 6px;
	padding-left: 11px;
/*	background: url(http://dev.mindinmotiontech.com/img/cart/bullet_yellow.gif) no-repeat 0 2px;  */
	background: url(/img/cart/bullet_yellow.gif) no-repeat 0 2px; 
	}

 

#leftmenu ul, #leftmenu li {
	margin: 0;
	padding: 0 0 0 3px;   /* top right bottom left */
	list-style: none;
	}

#leftmenu li {
/*	padding: 0 0 8px 5px; */
	padding: 0 0 8px 14px;   /* top right bottom left */

	background: url(/img/cart/news_li_dash.gif) no-repeat 0 3px; 
/*	background: url(http://dev.mindinmotiontech.com/img/cart/news_li_dash.gif) no-repeat 0 3px;  */
/*	background: url(http://www.scoob.us/img/news_li_dash.gif) no-repeat 0 3px;  */
	}

#leftmenu a {
	color: #000;
	text-decoration: none;
	}

#leftmenu a:link.active, #leftmenu a:visited.active, #leftmenu a:hover {
	color: #990066;	 
	text-decoration: underline;
	}
 

/* ################################################################################### */
/* ===== Admin Menu Definitions ===== */
#adminnavbar    {
	color: #663; 
/*	background: #C6F384; */
	background: #D1FB95;
	font-weight: bold; 
/*	font-size: 0.75em;  */
/*	text-transform: uppercase;  */
	border-style: solid;
	border-width: 1px;
	margin-top:    4px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	padding-top:    4px;
	padding-left:   14px;
	}
#adminnavbar li {
	display: inline; 
	list-style: none;  
	border-left: 1px solid; 
	padding: 0 0.5em;
	}
#adminnavbar li.firstmenuitem {border-left: 0; padding-left: 0; margin-left: -1em;}
#adminnavbar li a {
	color: #663; 
	padding: 0 0.5em;
/*	text-transform: uppercase;  */
	}
#adminnavbar li a:hover {
	color: #003399;
/*	background: #F6F78B; */
	background: #B9E37D;
	}


#UserMgmtHdr2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	line-height: 19px;
	font-weight: bold;
}

/* ######################################################################################### */
.cart_line_item {
	background: transparent;
}
.cart_promoline {
	background: #FFF1DF;
}

.cart_surchargeline {
	background: #FFF9E9;
}

.cart_admin_promoline {
	background: #FFF1DF;
}

.cart_admin_surchargeline {
	background: #FFF9E9;
}

.cart_zipcode_displine {
	background: #EEF3FE;
}

.cart_zipcode_reqbox {
	background: #EEF3FE;
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	padding-left:   5px;
	padding-right:  5px;
	padding-top:    5px;
	padding-bottom: 5px;
}

.cart_shippingline {
	background: #EEF3FE;
}

.cart_wholesalertaxnoreqline {
	background: #EEF3FE;
}


/* ######################################################################################### */

table.GiftCertsLog {
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	padding-left:   1px;
	padding-right:  1px;
	padding-top:    2px;
	padding-bottom: 2px;
	margin-bottom:  7px;
}
table.GiftCertsLog td {
	padding:   8px;
}




/* ######################################################################################### */

table.AltPaymentLog {
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	padding-left:   1px;
	padding-right:  1px;
	padding-top:    2px;
	padding-bottom: 2px;
	margin-bottom:  7px;
}
table.AltPaymentLog td {
	padding:   8px;
}


/* ######################################################################################### */
/* Product Review tables */
table.pidReview {
	border-width: 0px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
      background-color: #FFFFFF;
}

table.pidReview th {
	border-width: 1px;
	padding: 5px;
	border-style: none;
/*	border-style: inset inset inset inset; */
	border-color: gray;
	color: white;
	font-weight: bold;	

	background-color: #FFD47F;
	background-color: #FF8901;

}

table.pidReview td {
	border-width: 1px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-style: none; 
/*	border-style: none solid none solid;  */
	border-color: gray gray gray gray;
/*	background-color: #AAAAFF;   */
      background-color: #FFFFFF;
}

.pidReview h3 {
	font-size: 13px;
	color: red;
	padding-bottom: 0px;
	margin-bottom: 0px;

}


/* See also cart_prod_review.css for classes of items
   inserted into product page using SSI */


/* ########################################################################################### */
/* User management and order history */

#UserMgmtHdr2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #E73800;
	line-height: 19px;
	font-weight: bold;
}


/* Styling for result tables in user management */
table.orderHistorySerps {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
/*	background-color: blue; */
      background-color: #FFD47F;
      background-color: #EFEFEF;
      background-color: #FFFFFF;

}
table.orderHistorySerps th {
	border-width: 1px;
	padding: 5px;
	border-style: none;
/*	border-style: inset inset inset inset; */
	border-color: gray;
	color: white;
	font-weight: bold;	

	background-color: #FFD47F;
	background-color: #FF8901;

}

table.orderHistorySerps td {
	border-width: 1px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-style: none; 
/*	border-style: none solid none solid;  */
	border-color: gray gray gray gray;
/*	background-color: #AAAAFF;   */
      background-color: #FFFFFF;
}


table.orderHistorySerps tbody tr.even_row  td {
      background-color: #DDDDDD;
/*      background-color: #CFCFCF; */
}




/* ========== Image Viewer definitions ========== */

#iv_body {
   color: #000000;
   font-family:Verdana,Arial,Sans-serif;
   font-size: 9px;
   padding:0;
   margin:0;
}

.iv_popup_hdr_row {
   background-color: #BCC58C;
}

#iv_pid_desc {
   padding-left: 10px;
   font-size:12px;
   font-weight: bold;
   line-height: 26px;
}


#iv_closeBtn {
  padding-right: 10px;
  float: right;
}

#iv_closeBtn a:link, #iv_closeBtn a:visited, #iv_closeBtn a:active, #iv_closeBtn a:hover  {
  text-decoration: none;
  color: #660000;
}

#iv_closeBtn img {
  border:  0px; 
  margin:  0px;
  padding: 0px;
  display: inline-block;
}

#iv_swatch_select_header {
  font-size:11px;
  line-height: 20px;
}

#iv_selected_thumb_desc {
  font-weight: bold;
}


#iv_swatch_thumbs_area {
  margin-right:   5px;
  padding-left:   20px;
  padding-top:    4px;
  padding-bottom: 20px;
}

.iv_swatch_thumb {
  float: left;
  padding-bottom: 10px;
}

.iv_swatch_thumb img {
  border: 1px solid #ffffff;
}

#iv_main_img_area img {
  border-width:  1px;
  border-style: solid;
  border-color: #BCC58C;
  margin:  0px;
  padding: 0px;
}

.iv_alt_view_thumb{
  padding-top:    10px;
  padding-bottom: 0px;
  padding-left:  15px;
  padding-right: 15px;
}


.iv_alt_view_thumb img{
  border: 1px solid #ffffff;
  display: block;
}

.iv_left_col_header {
  padding-left: 5px;
  padding-top: 10px;	
  padding-bottom: 5px;	
  font-size: 11px;
  font-weight: bold;  
}


/* CSS for the "100% safe shopping.  See why" box on checkout page */
.safesiteheader {
            width: 600px;
            background:#E8E8E8;
            border:2px solid #C4D5E3;
            font-weight:bold;
            padding:10px;
	    color:#555555;
	    font-family:Verdana,Geneva,Arial,Helvetica;
	    font-size:12px;
}


.safesitebody {
           width: 600px;
            background:#FFFFFF;
            border-left:2px solid #C4D5E3;
            border-right:2px solid #C4D5E3;
            border-bottom:2px solid #C4D5E3;
            padding:10px;
	    color:#555555;
	    font-family:Verdana,Geneva,Arial,Helvetica;
	    font-size:12px;
}



#order_submitted_box {
	display: none;
        border: 1px solid #B3AD18;
	padding: 5px;
}

#order_submitted_box img {
	padding: 5px;
}

#terms_box {
	padding: 20px;
	margin-top: 20px;
        border: 2px solid #B3AD18;

}

/* add this on an HR at the bottom of the page to force a page break when printing.
   cart_print.css has an override of this class to force the page break on the printer. */
hr.printPageBreak {
	display:none;
}



/* Inventory management report */
input.InvReportStockQty { background-color: #5AF957;  }

/* div.InvReportAvailQty  { background-color: #FFFF00;  font-size: 120%; color: #000000; } */
div.InvReportAvailQty  { background-color: #FFFF00;  }

div.InvReportManufQty   { background-color: #00FFFF; }
div.InvReportManufQty   { background-color: #FF0000; font-size: 120%; color: #000000; }

table.mimdefault tbody tr.ModifiedFieldInThisRow td { background-color: #B0FFFF;  }


/* ADMIN VIEW ORDER:  table with list of dist_id/dist_order_id/fulfillment_dist_order_id for an order */
table.dist_order_id_summary_tbl {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	padding-left:   5px;
	padding-right:  5px;
	padding-top:    1px;
	padding-bottom: 1px;
}

table.dist_order_id_summary_tbl td {
  border-left:solid 10px transparent;
}
table.dist_order_id_summary_tbl td:first-child {
  border-left:0;
}



/* PID Edit -- PID to CAT mapping section */
table.pidToCatTable {
	width: 740px;
	background-color: white;
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;  
	margin: 5px;
}


/* Food_info - Nutri table css */
.nutri-table {
	background-color: white;
}
tr.nutri-table {
   color: #333333;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
}


/* admin edit pid page */
table.pid-detail {
	border: 0px;
        background-color: #FDFBC8;
	 width: 745px;
}
table.pid-detail td.pid-field-label {
	width: 160px;
	text-align: right;
	padding-right: 4px;
}


/* On Edit pid page, the SKUS tab shows a summary of existing skus */
div.pid-skus-summary {
	width: 745px;
}

div.pid-skus-summary table {
	background-color: white;
	margin-bottom: 5px;
}


/* admin edit sku page */
table.sku-detail {
	border: 0px;
        background-color: #FDFBC8;
	 width: 745px;
}
table.sku-detail td.sku-field-label {
	width: 160px;
	text-align: right;
	padding-right: 4px;
}



/* Admin edit category page */
table.cat_id-detail {
	border: 0px;
        background-color: #FDFBC8;
	 width: 745px;
}
table.cat_id-detail td.cat_id-field-label {
	width: 160px;
	text-align: right;
	padding-right: 4px;
}

table.cat_id-detail textarea {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1em;
}



/* Customize A/B/C HEADERS images on CHECKOUT PAGE
 * ===============================================
 * Copy this section to CUSTOM/css/cart.css, uncomment it and set your own header images 
 *
 *  You must first disable the existing image (set #checkout_headers_backup_text display to none)
 *  Then you define what image from CUSTOM/img/xxx you want o use for each A/B/C field.
 */
/*  <------ BEGIN Comment
 .checkout_headers_backup_text { display:none; }  

#checkout_billing_header_label_Ax {
	width:290px;
	height:25px;
	background-image:url('/CUSTOM/img/purchaserA.gif'); 
	background-repeat: no-repeat; 
	background-position: 0px 0px;
}

#checkout_billing_header_label_B {
	width:290px;
	height:25px;
	background-image:url('/CUSTOM/img/receiverB.gif'); 
	background-repeat: no-repeat;  
	background-position: 0px 0px;
}

#checkout_billing_header_label_C {
	width:290px;
	height:25px;
	background-image:url('/CUSTOM/img/checkout_C_payment.gif'); 
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

+<----<---<--- END Comment
V
*/


/* ====== CHECKOUT PAGE: Order Review box ====== */
#order-review-container {
    border-radius: 10px;
    border: 1px solid #6F6F6F;
    background: #BE76D7;
    padding: 0px;
    width:  250px;
    height: 250px;
}

#order-review-header {
    border-radius: 10px;
    background: #BE76D7;
    text-align: center;
    font-size: 155%;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0px;
    margin-bottom: 4px;
    padding: 4px;
    width:  230px;
    height: 20px;
}

#order-review-content {
    background: #FFFFFF;
    padding: 5px;
    width:  240px;
    height: 195px;
}



/* Used in CartUtil::disp_bool_field_using_css()  */
.bool_on_label {
	font-weight:bold;
	color: green;
}
.bool_off_label {
	font-weight:bold;
	color: black;
}


td.add_yellow_background {
	background-color:yellow;
}


/* -----  CRM related classes ----  */
span.crm-task-past-due { color: red; }
span.crm-task-complete { color: #CFC5A9; }
span.crm-task-outstanding { color: green; }


div.crm_note_entry {
	background-color: #F7F0D9;
	padding-right: 10px;
	padding-left:  10px;
	padding-top:   25px;
	padding-bottom: 5px;
	margin: 15px;
	border: 1px solid grey;
}

div.crm_note_entry div.title {
	float:left;  
	padding: 0px;
	font-size: 110%;
	font-weight: bold;
	color: #1B94C5;
}

div.crm_note_entry div.cmd_buttons {
	float:right;  
	border: 1px solid transparent;  
	padding: 0px;
	margin: 0px;
}

div.crm_note_entry div.title_line {
	 clear:both;
}

div.crm_note_entry div.note_text {
	padding: 0px;
}


div.crm_task_accordion {
	width:100%;
	text-align:left;
}

div.task_body {
	padding: 0px;
	margin: 0px;
}

div.task_body div.cmd_buttons {
	float: right;  
	border: 1px solid transparent;  
	padding: 0px;
	margin: 0px; 
}

div.task_body div.task_text {
	float: left;  
	width: 80%;
	padding: 0px;
}



div#crm_tags_area {
	padding: 5px;
	border: 1px solid grey; 
	width:312px; 
	text-align:center;
}


div#crm_tags_area .crm_tags_input_field {
	font-size: 85%;
	width:300px;
	padding:5px;
}



/* Background colors / striping in search tables on CRM welcome page */
 tr.crm_odd_row  td { background-color: #f4f4fe; }
 tr.crm_even_row td { background-color: #F3F3F3; }


/* Color properties for the CART requested delivery datepicker */
/* Typically svc1 is for NEXT DAY AIR deliveries  */
.dp_ship_svc1 a, td.dp_ship_svc1 {
       background-color : #FF9092 !important;
       background-image :none !important;
       color: black !important;
       font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
       font-weight:bold !important;
       font-size: 12pt;
}

/* Typically svc1 is for 2 DAY AIR deliveries  */
.dp_ship_svc2 a,  td.dp_ship_svc2 {
       background-color : #F9F986 !important;
       background-image :none !important;
       color: black !important;
       font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
       font-weight:bold !important;
       font-size: 12pt;
}
  
/* Typically svc1 is for GROUND deliveries (cheapest offering) */
.dp_ship_svc3 a,  td.dp_ship_svc3{
       background-color : #90FF80 !important;
       background-image :none !important;
       color: black !important;
       font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
       font-weight:bold !important;
       font-size: 12pt;
}

/*  DatePicker service ID legend */
#dp_ship_svc1_legend { background-color: #FF9092; font-size:11px; width:95px; margin:1px; text-align:center; float:right; }   /* 1 day air */
#dp_ship_svc2_legend { background-color: #F9F986; font-size:11px; width:95px; margin:1px; text-align:center; float:right; }   /* 2nd day air */
#dp_ship_svc3_legend { background-color: #95FF80; font-size:11px; width:95px; margin:1px; text-align:center; float:right; }   /*  GROUND */



/*==== STORE LOCATOR ====*/

#store-locator-map img{
	margin: 10px 0;
	border: solid 1px #888;
}

#store-locator-map area:hover{
	cursor: pointer;
}

#store-locator-results{
	min-height: 300px;
}

#store-locator-search .webform td{
	float: left;
}

.store-locator-entry {
	display: none;
	float: left;
	width: 360px;
	height: 110px;
	padding: 10px 0 0 0;
	margin: 0 10px 10px 0;
	border-top: solid 1px #888;
	display: block;
}

.store-locator-entry h3 {
      color: #222;
      font-family: "Helvetica","Arial",sans-serif;
      font-size: 1.4em;
      font-weight: normal;
      margin: 0;
      margin-bottom: 0.1em;
}

.store-locator-entry:nth-child(odd){
	clear: left;
}



/* Receipt specific classes */
table.receipt_detail_header_line th {
    background-color: red;
    color: blue;
}


/* Admin Order Edit --- cmd box button shape/size/color */
table.order_cmd_box table button {
     padding:4px; 
     font-size:1.2em; 
     color:white; 
     background-color: #329adb;
}

table.order_cmd_box table.order_cmd_box_row1, table.order_cmd_box table.order_cmd_box_row2, table.dist_order_cmd_box {
    background-color: beige;
}


table.dist_order_cmd_box button {
     padding:4px; 
     font-size:1.2em; 
     color:white; 
     background-color: #329adb;
}





/* ------ User Group pages styling ----- 
   NOTE: This will have to be moved to cart_style.css once we migrate to the responsive page layout
*/

div.user_group_welcome_pg {}

div.user_group_page_body {
    // background-color:pink; 
    padding-left: 15px;
}

div.user_group_page_body table {
    // background-color:orange;
    border-spacing: 5px;
}

div.user_group_page_body table td { 
    padding: 5px;
}


div.user_group_page_body table .restricted_sku_list_table {
    width: 100%;
    background-color: #ede8e8;     /* light grey */
}


div.user_group_page_body table .restricted_sku_list_table tr {
    background-color: white;
}



div.user_group_page_body table .user_group_member_list_table {
    width: 100%;
    background-color: #ede8e8;     /* light grey */
}

div.user_group_page_body table .user_group_member_list_table tr {
    background-color: white;
}

div.user_group_page_body table .user_group_member_list_table tr.inactive_user td {
    background-color: yellow;
}


div.user_group_page_body table .user_group_batch_order_list_table {
    width: 100%;
    background-color: #ede8e8;     /* light grey */
}

div.user_group_page_body table .user_group_batch_order_list_table tr {
    background-color: white;
}

div.user_group_page_body table .user_group_batch_order_list_table tr th {
   padding: 5px;
}

div.user_group_page_body table .user_group_batch_order_list_table tr td.outstanding_orders_await {
    background-color:#04f956;
    font-weight:bold;
    font-size: 1.25em;
}
 
div.user_group_page_body table .user_group_batch_order_list_table tr td.outstanding_orders_pending {
    background-color: yellow;
    font-weight:bold;
    font-size: 1.25em;
}
 

div.user_group_page_body table .user_group_batch_order_list_table tr.batch_order_has_no_outstanding_orders td {
    background-color: #f9edbd;
}






div.user_group_page_body span.main_id_in_header {
    font-size: 1.5em;
    color:     orange;
}


.ffc_admin_button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 7px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.ffc_admin_button_small {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 3px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
}

.ffc_button_secondary_action {
  background-color: orange;
}

.ffc_button_delete_action {
  background-color: red;
  color: white;
}

.ffc_button_back_to_account {
    color: black;
    background-color: #e7e7e7;   /* grey */
    color: black;
    border: solid;
    border-width: thin;
}


.form_field_explain_text {
    font-style: italic;
    font-size: 1em;
}


.ffc_admin_del_x_button {
    background-color: #f79a96;  /* red */
    color: black;
    font-weight: bold;
    border: none;
    border-width: thin;
    padding: 4px;
    margin-right: 4px;
}

.ffc_admin_activate_user_status_button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  font-size: 1.2 em;
  border: none;
  padding: 4px;
  margin-left: 4px;
}


.ffc_admin_deactivate_user_status_button {
  background-color: orange;
    color: white;
    font-weight: bold;
    border: none;
    border-width: thin;
    padding: 4px;
    margin-right: 4px;
}


.ffc_admin_account_id_view_account_button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  font-size: 1.2 em;
  border: none;
  padding: 4px;
  margin-left: 4px;
}

.ffc_admin_batch_order_change_req_ship_date_button {
  background-color: #4CAF50; /* Green */
  background-color: #9cf21d; /* Fluo Green */

  border: none;
  color: white;
  color: black;
  font-size: 1.2 em;
  border: none;
  padding: 4px;
  margin-left: 4px;
}


/* Replace the ugly "Browse..." generic button with our own */
input#file-upload {
    display: none;
}

.custom-file-upload {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 3px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
}


.user_group_batch_order_sku_select {
    width: 700px;
}

.user_group_batch_order_qty_field {
    width: 50px;
}



/* ------------ BEGIN -- on config page */
.ship_holiday_schedule_config {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	padding-left:   10px;
	padding-right:  10px;
	padding-top:    10px;
	padding-bottom: 10px;
	background-color:#c6d8ad;
}

.ship_holiday_schedule_config td {
	padding: 5px;
	background-color:white;
}


.ship_services_config {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	padding-left:   10px;
	padding-right:  10px;
	padding-top:    10px;
	padding-bottom: 10px;
	background-color:#c6d8ad;
}

.ship_services_config td {
	padding: 5px;
	background-color:white;
}


.ship_services_ship_transit_and_delivery {
	border-width:   1px;
	border-spacing: 3px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	padding-left:   2px;
	padding-right:  2px;
	padding-top:    2px;
	padding-bottom: 2px;
	background-color:#c6d8ad;
}

.ship_services_ship_transit_and_delivery td {
	padding: 2px;
	background-color:white;
}

.ship_services_ship_transit_and_delivery td.is_off  {
	background-color: #f25948;
	color: white;
}

.ship_sched_calc_disp_tbl { 
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	padding-left:   10px;
	padding-right:  10px;
	padding-top:    10px;
	padding-bottom: 10px;
	background-color:#c6d8ad;
}

.ship_sched_calc_disp_tbl td { 
	padding: 5px;
	background-color:white;
}

table.sort_by_ship_date td.ship_date { 
	background-color:yellow;
}


table.sort_by_delivery_date td.delivery_date, 
table.sort_by_only_cheapest_svc_id_tnt1 td.delivery_date,
table.sort_by_only_cheapest_svc_id_tnt2 td.delivery_date,
table.sort_by_only_cheapest_svc_id_tnt3 td.delivery_date,
table.sort_by_only_cheapest_svc_id_tnt4 td.delivery_date { 
	background-color:#b5f5fd;
}


.ship_sched_calc_disp_tbl tr.holiday td {
	background-color: grey !important;
	color: white;
}


fieldset.sort_by_selector  label.button{
  display: inline-block;
  background: #7ccf78;    /* greenish */
  background: #ffa500;    /* kinda brown rust */

  border-radius: 4px;
  font-family: "arial";
  font-weight: normal;
  font-size: 16px;
  color: #FFF;
  padding: 6px 8px;
  margin: 3px 8px;
}

fieldset.toggle_svc_view label.button{
  display: inline-block;
  background: #57aaf7;  /* blueish */
  border-radius: 4px;
  font-family: "arial";
  font-size: 16px;
  color: #FFF;
  padding: 6px 8px;
  margin:  6px 8px;
}





/* ------------ END -- on config page */



.csv_analysis_results  {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	padding: 1px;

	background-color:#c6d8ad;
}

.csv_analysis_results td {
	padding-bottom: 10px;
	padding-top: 10px;
	
	background-color:white;
}



/* rules for pages related to search result admin / management */
table.static_search_pages_table_line  tr.search_static_pages_broken_link td {
    color: red;
    background-color: yellow;
}




/* distributor scan barcode to display dist_sku info */

table.display_dist_prod {
    border-spacing: 5px;
}

table.display_dist_prod tr td { 
    padding: 5px;
    font-size: 1.2em;
}
 
table.display_dist_prod td  {
    background-color: beige;     /* light grey */

}

table.display_dist_prod th  {
    width:50%;
    background-color: #ede8e8;     /* light grey */
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;

}



/* Used for SERPS where we need to show a Y/N column */
.yn_yes { color: green; font-size: 1.1em;  }
.yn_no  { color: red;  font-size: 1.1em;  }