﻿/* This is pretty much specific to the products.aspx */
/* ------------------------------------------------- */

/* Main page cateogry presentation (5 main cats, 1. lvl in tree) */
table#main td#content .products         { display: table; }
table#main td#content .products .categoryimg
{
    display: block;
    text-align: center; 
    margin-bottom: 10px; 
    width: 100%; 
}
/* Horizontal navigation */
table#main td#content .products ul 
{
    margin: 0; padding: 0;
	list-style: auto; 
}
table#main td#content .products li
{
    padding: 10px;
    background: #FFF url("../img/sprites/fade_horizontal.png") repeat-x 0 -270px;
}
table#main td#content .products a, table#main td#content .products ul li {
    width: 15em; height: 180px;
    display: block; float: left;
    color: #000; text-decoration: none;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
table#main td#content .products ul a {
	float: none;
}
/* End IE5-Mac hack */
table#main td#content .products a:hover  { color: #666; text-decoration: none; }



/* The main list of categories (2. lvl in tree) */
table#main td#content .catlist {
    width: 91%;
}
table#main td#content .catlist ul {
    margin: 0; padding: 0;
    list-style: none;
}
table#main td#content .catlist a {
    display: block;
	width: 100%;
	padding: 2px;
	margin: 4px;
    text-decoration: none;
	border: solid 1px #EEE;
	background: #FFF url("../img/arrow_right.png") no-repeat top right;
    background-position: right center;
}
table#main td#content .catlist a:hover 
{
    text-decoration: none;
    background-color: #F1E5F8;
}
table#main td#content .catlist .act a
{
    background-image: url("../img/arrow_right_act.png");
}
table#main td#content .catlist .dot
{ 
    width: 1px;
    background-color: #AC97B9;
}
table#main td#content .catlist .act .dot { background-color: #ECCE05; }

/* The main list of products (3. lvl in tree) */
table#main td#content .prodlist
{
    width: 100%; 
    margin: 2px;
}
table#main td#content .prodlist ul {
    margin: 0; padding: 0;
    list-style: none;
}
table#main td#content .prodlist li {
    margin: 4px 0 4px 0;
    border: solid 1px #EEE; 
}
table#main td#content .prodlist td.image
{ 
    width: 75px;
    text-align: center;
}
table#main td#content .prodlist td.body
{
    width: 100%;
    background: url("../img/backgrounds/bg_productslist.png") no-repeat bottom right;
}
table#main td#content .prodlist .description
{
    padding: 4px 4px 4px 0;
    font-size: x-small;
    font-style: italic;
    color: #999;
}
table#main td#content .prodlist .group          { color: #999; font-size: x-small; }
table#main td#content .prodlist .group a        { text-decoration: none; }
table#main td#content .prodlist .group a:hover  { text-decoration: underline; }
table#main td#content .prodlist .group ul       { list-style: disc; margin-bottom: 4px; }
table#main td#content .prodlist .group li       { margin: 0 0 0 15px; border: none; }


/* The bottom-most menu, for fast navigation */
table#main td#content .prodcat          { font-size: x-small; color: #999; }
table#main td#content .prodcat a        { color: #999; text-decoration: none; }
table#main td#content .prodcat a:hover  { color: #999; text-decoration: underline; }
table#main td#content .prodcat ul       { list-style: square; }
table#main td#content .prodcat li       { margin-left: -23px; }
table#main td#content .prodcat td       { width: 20%; }