/* css for e-comm 

parent column minimun width : 650px

Regular	"ratio"	400	normal  <<=== CHANGE 

Colors:  <<=== CHANGE 
tan        | dfd6be button
dark blue  | 234780 dark
light blue | 90b9dd light
dark gray  | 555555 
*/

@import url("/xm_css/fontface.css");

.ecomm td, .ecomm th, .ecomm h1, .ecomm h1, .ecomm .gray,
.ecomm span.frm, .ecomm span.label, .ecomm p, .ecomm span.lfrm, .ecomm td.status,
.ecomm .dark, .ecomm .fill, .ecomm ul.msg li, .ecomm table h1,
.ecomm a.button,.ecomm a.button:hover, .ecomm p.wrap, .ecomm .blabel, .ecomm label,
.ecomm table td span.caps, .ecomm input.button, .ecomm input.button:hover,
.ecomm a, .ecomm select, .ecomm i, .ecomm em, .ecomm th.nbf, .ecomm input
  {
   /*font-family: 'fira_sansbook',Verdana, sans-serif;  <<=== CHANGE if specifying web fonts */
   /* font-weight: 400; <<=== CHANGE if specifying web fonts */
   /*  font-style: normal; <<=== CHANGE if specifying web fonts */
   color: #234780;  /* <<=== CHANGE */
   /* font-size: 15px; <<=== CHANGE  if specifying web fonts */
}
/* Buttons will need font-size and color tweaks below */
.ecomm a {
   color: #90b9dd; /* <<=== CHANGE */
}
.ecomm a:hover {
   color: #cde0f0;/* <<=== CHANGE */
}
.ecomm h1, .ecomm table h1  {
   color: #90b9dd ; /* <<=== CHANGE */
}
.ecomm .page_header {
   background-color: #90b9dd;/* <<=== CHANGE */
}
.ecomm th {
   background-color: #edf3f8; /* <<=== CHANGE */
 }  
.ecomm td, .ecomm th {
   border-color: #90b9dd; /* <<=== CHANGE */
}
.ecomm .login tr {
   border-color:  #90b9dd; /* <<=== CHANGE */
}
.ecomm .vline {
   border-right: 1px solid #90b9dd;  /* <<=== CHANGE */
}
.ecomm .gray { color: #cde0f0; } /* <<=== CHANGE */
.ecomm .dark { color: #90b9dd; } /* <<=== CHANGE */ 
.ecomm .fill { 
   color: #234780; /* <<=== CHANGE */
   border-top: 3px solid #234780; /* <<=== CHANGE */
}
.ecomm a.button, .ecomm a.button:hover,
.ecomm input.button, .ecomm input.button:hover {
   border-color: #dfd6be; /* <<=== CHANGE */
   background-color: #cdbe96; /* <<=== CHANGE */
}
.ecomm table td span.caps {
   color: #90b9dd; /* <<=== CHANGE */
}
.ecomm ul.msg li {
   color: #c00;
}
.ecomm .blabel {
/* 
   font-family: 'fira_sanssemibold';  <<=== CHANGE if differenct
   font-weight: normal;
 */
}

.ecomm input.button, .ecomm input.button:hover,
.ecomm a.button, .ecomm a.button:hover {
   color: #fff;
}
.ecomm a.button:hover, .ecomm input.button:hover {
   opacity: .5;
}

a.multi_on.button {
   display: none;/* <<=== CHANGE if needed*/
}


/*------------------------------------------------------------------------------
 Detail Page
------------------------------------------------------------------------------*/
ul.ecomm_breadcrumb li a:after {
   display: none;
}
ul.ecomm_breadcrumb li a:before {
   content: "<";
}