/*    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:    5px;
	padding-bottom: 5px;
	margin-left:    5px;
}

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

.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: #A8C0F6; }
.admCatColor  {background-color: #DDC0F6; }
/*   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;
}


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

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

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

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


/* ====================================================================== */
/* For general default even/odd result rows.
 * 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:600;
            background:#E8E8E8;
            border:2px solid #C4D5E3;
            font-weight:bold;
            padding:10px;
	    color:#555555;
	    font-family:Verdana,Geneva,Arial,Helvetica;
	    font-size:12px;
}


.safesitebody {
           width:600;
            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;
}