/**
 * category.css
 *
 * @version $Id$
 * @copyright 2004 
**/

content {
	float: none;
	margin: 0;
	padding: 0 0 0 6px;
	min-height: 15em;
	text-align: left;
	background-color: #fff;
	}

h5.cats {
    margin: 0 0 6px 0;
	padding: 5px;
	border: 1px solid #000;
	text-align: left;
	font-family: Verdana, Tahoma, Helvetica;
	}
h5.cats span {
    float: right;
	margin: 0 0 3px 0;
	font-size: 13px;
	font-weight: normal;
	}
form {
    display: inline;
	margin: 0;
	padding: 0;
	}

h2.main {
	margin: 0;
	padding: 3px;
	border: 1px solid #fff;
	border-bottom: 1px solid #333;
	-moz-border-radius: 3px; /* mozilla only */
	font-family: "Trebuchet MS", Verdana, Helvetica;
	text-align: left;
	background: #fff url(../graphics/bg_grad_header.png) bottom right repeat-y;
	}
h2.main a {
    display: block;
	}
h2.main a:link, h2.main a:visited {
    color: #333;
	}
h2.main a:link:hover, h2.main a:visited:hover {
    color: #666;
	text-decoration: underline;
	}
	
.desc {
    clear: both;
	margin: 0;
	padding: 3px;
	font-size: x-small;
	overflow: auto;
	} * > .desc {font-size: small;}
.desc img {
    float: left;
	margin: 3px;
	padding: 0;
	}
.desc a:link IMG, .desc a:visited IMG {
    border: 1px solid #fff;
	}
.desc a:link:hover IMG, .desc a:visited:hover IMG {
    border: 1px solid #fff;
	}
	
.products {
    clear: both;
	margin: 10px;
	padding: 10px;
	border: 2px dashed #333;
	}
.products h3 {
    margin: 0;
	padding: 1px;
	border-bottom: 1px solid #333;
	}
.productA, .productB {
    margin: 0;
	padding: 3px 6px 3px 6px;
	border: 0px solid #fff;
	}
.productB {
    background-color: #eee;
	}
.productA a, .productB a {
    display: block;
	}
.productA a:link:hover, .productB a:link:hover,
.productA a:visited:hover, .productB a:visited:hover {
    background-color: #cf9;
	}

.pname {
    padding: 0 3px 0 3px;
	font-family: "Trebuchet MS", Verdana, Helvetica;
	font-weight: bold;
	}
	
.pics {
    margin: 10px;
	padding: 10px;
	border: 1px solid #aaa;
	overflow: auto;
	}
.pics h3 {
    margin: 0;
	padding: 1px;
	border-bottom: 1px solid #333;
	}
.pics img {
    float: left;
	margin: 3px;
	
}