/*
This file is part of the 'Better Categories' package!
(c) 2005, Igor de Oliveira Couto

It was originally made for use with Zen Cart 1.2.6,
but may work well also with other versions. It relies on
other files, also part of the 'Better Categories' package,
and may not work adequately, or produce unexpected results, 
unless those other files are also installed properly.

Full Instructions for a complete installation should have
been downloaded with the 'Better Categories' package. Look
inside the 'documentation' folder!

This specific file should be placed in:
../includes/templates/YOUR_TEMPLATE/css/

It should not overwrite any existing files in that directory.

Look for updates to 'Better Categories' by visiting the
Zen Cart website: http://www.zen-cart.org
*/

A DIV.betterCategories, A:visited DIV.betterCategories {
  	background-color: #ffffff;
  	border-top: 1px solid #9a9a9a;
  	padding: 5px;
}

A:hover DIV.betterCategories, A:active DIV.betterCategories {
  	background-color: #f3dfb8;
}
/* This is the CSS needed for the Order Step Edition 2 contribution */

div.order_steps {       /* Is needed for the centering in IE */
    width: 100%
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    text-align: center;
}

table.order_steps {
    margin-left: auto;
    margin-right: auto;
    width: 80%;       /* Here you can set the total width of this contrib */
    padding-bottom: 10px;
    background-color: transparent;      /* Here you can change the background-color of the whole contrib */
}

tr.order_steps_line_2 {
    height: 5px;        /* Is a part in determining the height of the line */
    padding: 0px;
    margin: 0px;
}

tr.order_steps_line_3 {
    height: 1px;        /* Is a part in determining the height of the line shadow */
    padding: 0px;
    margin: 0px;
}

td.progressbar_active {
    background-color: #3DA200;     /* Determines the active color of the completed part of the line */
    width: 4%;
    padding: 0px;
    margin: 0px;
}

td.progressbar_inactive {
    width: 4%;
    background-color: #9A9A9A;    /* Determines the non-active color of the uncompleted part of the line */
    padding: 0px;
    margin: 0px;
}

td.progressbar_active_shadow {
    background-color: #346C00;     /* Determines the non-active color of the completed part of the line shadow */
    width: 4%;
    padding: 0px;
    margin: 0px;
}

td.progressbar_inactive_shadow {
    width: 4%;
    background-color: #666666;   /* Determines the non-active color of the uncompleted part of the line line*/
    padding: 0px;
    margin: 0px;
}

td.order_steps_text {
    text-align: center;
    vertical-align: top;
    color: #A7A7A7;        /* Determines the non-active color of the text */
    padding-bottom: 5px; /* Determines the distance between the text and the line */
}

td.order_steps_text_completed {
    text-align: center;
    vertical-align: top;
    color: #8DB18D;        /* Determines the non-active color of the text steps that have been completed*/
    padding-bottom: 10px; /* Determines the distance between the text and the line */
}

td#active_step_text {       /* These are the styles for the active text */
    color: #005C2C;
    font-weight: 700;
    font-size: 1.1em;
}

/* End Order Steps contribution CSS */