/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet_new.css 3286 2006-03-28 01:14:04Z drbyte $
 */

/* 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: 100%;       /* 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: #FFFFFF;

    font-weight: 700;

    font-size: 1.1em;

}



/* End Order Steps contribution CSS */

/* End Order Steps contribution CSS */