@charset "utf-8";
/* CSS Document

*********************************************************************
Author: George Mavromatis
Web site: Styletheweb.gr Copyright2009, George Mavrommatis, http://styletheweb.gr. 
This work is licenced under a Creative Commons License attribution 3.0 Greece. 

For any reuse or distribution, you must make clear to others the licence terms 
of this work, (a link back to my website).

Read more for license: http://styletheweb.gr/about.html
*********************************************************************

/*------------------------------------------------------------
               LAYOUT IN PRODUCTS CATEGORY
-------------------------------------------------------------*/

div#container #content #navprod {
	width: 30%;
	float: left;
	margin-top: 26px;
}
div#container #content #rightbar {
	width: 65%;
	float: right;
	margin-bottom: 20px;
}
div.clear {
	clear: both;
}
div.clearl {
	clear: left;
}

/*------------------------------------------------------------
               LEFT SUB MENU IN PRODUCTS
-------------------------------------------------------------*/

div#prod ul {
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
div#prod ul li {
	list-style-type: none;
	width: 100%;
	float: left;
	font-size: 12px;
	border: 1px dotted #7E4C00;
	margin: 1px;
}
div#prod ul li a {
	width: 100%;
	text-decoration: none;
	display: block;
	float: left;
	text-align: center;
}
div#prod ul li a:hover {
	color: #FFF;
    background: #FEA31A;	
}
div#prod ul li a.active {
    width: 100%;
	color: #FFF;
    background: #FEA31A;
}

/*------------------------------------------------------------
               PRODUCT CATEGORY LIST
-------------------------------------------------------------*/

div#prod-list ul {
	width: 100%;
	padding: 0;
	margin: 0;
}
div#prod-list ul li {
    display: block;
	list-style:none;
	width: 100%;
	float: left;
	font-size: 12px;
	margin: 0;
}
div#prod-list ul li a {
	width: 100%;
	text-decoration: none;
	display: block;
	float: left;
	padding: 10px 10px 10px 0;	
	color: #666;
	border-bottom: 1px dotted #7E4C00;	
}
div#prod-list ul li a:hover {
    background: #EEEEEE;
	padding: 10px 10px 10px 0;	
	color: #333333;
}
div#prod-list ul li a:visited{
	text-decoration: none;
	padding: 10px 10px 10px 0;	
}
#prod-list a em { 
	display: block;
	font-size: 140%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 4px 0 7px 0;
	font-weight: normal;
	font-style: normal;
	color: #333;
}
#prod-list a span {
	font-size: 11px;
}
.border {
float: left;
padding: 0 20px 0 0;
}