/*
 * This is the CSS file for -
 *
 *     hotwater.cc
 *
 * It is stred into the vs CVS and included into
 * the templates as Smarty file.
 *
 * This is why the Smarty must be 'escaped'. This
 * happens with the {literal} command below that is
 * closed at the end of the document.
 *
 */

/*
 *
 * General
 *
 */

body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
}

td {

    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-size:          12px;
    color:              Black;
    text-decoration:    none;
    font-weight:        normal;

}

/*
 *
 * Logo
 *
 */
div.logo
 {
 text-align: center;
 padding-bottom: 5px;
 }


/*
 *
 * Main menu - this is the horizontal navigation at the top of the page
 *
 */

/*
 * Selected category in the main menu
 */

td.tab_category {

    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-size:          12px;
    color:              White;
    text-decoration:    none;
    font-weight:        normal;
    background-color:   blue;
    border-bottom :     0px solid #ffffff;
    border-left :       1px solid #ffffff;
    border-right :      1px solid #ffffff;
    border-top :        1px solid #ffffff;

}

/*
 * Normal categories in the main menu
 */

td.tab_sub_category {

    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-size:          12px;
    color:              White;
    text-decoration:    none;
    font-weight:        normal;
    background-color:   gray;
    border-bottom:      1px solid #ffffff;
    border-left:        1px solid #ffffff;
    border-right:       1px solid #ffffff;
    border-top:         1px solid #ffffff;

}

/*
 * Sub-categories of the main menu - SELECTED or NOT
 */

tr.sub_tabs {

    background-color:   silver;

}

/*
 * Vertical separator between the sub-categories
 */

td.separator {

    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-size:          12px;
    color:              White;

}

/*
 *
 * Left navigation
 *
 */

/*
 * Normal categoreis
 */

td.category {

    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-size:          12px;
    color:              White;
    text-decoration:    none;
    font-weight:        normal;
    background-color:   gray;
    border-bottom:      1px solid #ffffff;
    border-left:        1px solid #ffffff;
    border-right:       1px solid #ffffff;
    border-top:         1px solid #ffffff;

}

/*
 * Normal sub-categoreis
 */

td.sub_category {

    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-size:          12px;
    color:              White;
    text-decoration:    none;
    font-weight:        normal;
    background-color:   silver;
    border-bottom:      1px solid #ffffff;
    border-left:        1px solid #ffffff;
    border-right:       1px solid #ffffff;
    border-top:         1px solid #ffffff;
 
 }

/*
 * This is the background colour of the selected main and sub-categories in the left menu
 */

td.sel_category {

    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-size:          12px;
    color:              White;
    text-decoration:    none;
    font-weight:        normal;
    background-color:   blue;
    border-bottom:      1px solid #ffffff;
    border-left:        1px solid #ffffff;
    border-right:       1px solid #ffffff;
    border-top:         1px solid #ffffff;

}

/*
 *
 * This is the style to the trade related parts ...
 *
 * This part and what is below has not been properly commented yet.
 *
 */

.price {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

span.price_old	{
				color: red;
				text-decoration: line-through;
				}

td.cart {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #ffffff;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.qty {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background : #ffffff;
  border-bottom : 1px solid #000000;
  border-left : 1px solid #000000;
  border-right : 1px solid #000000;
  border-top : 1px solid #000000;
}

.bordertable {
  background-color: #ffffff;
  border-bottom : 1px solid #000000;
  border-left : 1px solid #000000;
  border-right : 1px solid #000000;
  border-top : 1px solid #000000;
  padding : 3px;
}

.title {
  font-size: 22px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.text {
  font-size: 12px;
  line-height: 18px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.subtitle {
  font-size: 17px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
#  color: Black;
#  text-decoration: none;
  font-weight: normal;
}

a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
#  color: Black;
#  text-decoration: none;
  font-weight: normal;
}

a:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
#  color: Black;
#  text-decoration: none;
  font-weight: normal;
}

a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
#  color: Black;
#  text-decoration: underline;
  font-weight: normal;
}

a.path:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: Black;
  text-decoration: none;
  font-weight: normal;
}

a.path:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: Black;
  text-decoration: none;
  font-weight: normal;
}
a.path:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: Black;
  text-decoration: none;
  font-weight: normal;
}
a.path:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: Black;
  text-decoration: underline;
  font-weight: normal;
}

a.category:link {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: White;
        text-decoration: none;
        font-weight: normal;
}

a.category:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: White;
        text-decoration: none;
        font-weight: normal;
}
a.category:active {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: White;
        text-decoration: none;
        font-weight: normal;
}
a.category:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: White;
        text-decoration: none;
        font-weight: normal;
}

a.category_sel:link {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: White;
        text-decoration: none;
        font-weight: bold;
}
a.category_sel:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: White;
        text-decoration: none;
        font-weight: bold;
}
a.category_sel:active {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: White;
        text-decoration: none;
        font-weight: bold;
}

/*
 *
 * Path
 *
 */

.path {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: Black;
  text-decoration: none;
  font-weight: normal;
}

/*
 *
 * Blue links
 *
 */

a.links {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: Blue;
        text-decoration: none;
        font-weight: normal;
}

/*
 *
 * Shopping module
 *
 */

.shoppingCartTable
 {
        border-collapse: collapse;
        border: 1px solid blue; 

 }

.shoppingHead__
 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        text-decoration: none;
        text-align: center; 
        font-weight: bold;

        border-bottom: 1px solid blue;
        border-right:  1px solid blue;
 }

.cart__
 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        text-decoration: none;
        font-weight: normal;

        border-bottom: 1px solid blue;
        border-right:  1px solid blue;
 }

.stepswarning
 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14pt;
        text-decoration: none;
        font-weight: bold;
        color: Red;
 }

div.checkout_print_order
{
text-align: center;
width: 250px;
background-color: #00FF00;
padding: 25px;
}