/*
	Project: PnykaCMS - Content Management System
	Version: 1.0
	File: Layout.css
	Copyright: D. Mavropoulos, All rights reserved
*/

/* Global settings */
body, div, span,
ul, li,
table, tr, th, td,
h1, h2, h3, h4, h5, h6,
img, a,
p {
	background: transparent;
	font-family: 'Trebuchet MS', Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	font-size: 9pt;
	color: #303030;
	padding: 0;
	margin: 0;
	border: none;
}
body {
	background: url('bg_page.gif') white top left repeat-x;
}
table {
	width: 100%;
	border: none;
	border-collapse: collapse;
}

/* Page container */
div#container {
}

/* Page layout */
table#layout {
	width: 803px;
}
td.pad_row_8 {
	height: 8px;
}
td.pad_row_24 {
	height: 24px;
}
table#top_banner {
}
td#top_banner {
	height: 48px;
	text-align: center;
	vertical-align: middle;
}
td#lang_row {
	background: url('bg_menu.gif');
	height: 24px;
	border: 1px solid #a0a0a0;
	vertical-align: middle;
}
table#lang_row {
}
td#lang,
td#search,
td#counters,
td#legal,
td#owner,
td#designer {
	width: 50%;
	vertical-align: middle;
}
td#lang,
td#counters,
td#owner {
	text-align: left;
}
td#search,
td#legal,
td#designer {
	text-align: right;
}
td#main_row {
}
table#main_row {
}
td#vmenu {
	background: transparent;
	vertical-align: top;
}
td#content {
	background-color: white;
	border: 1px solid #a0a0a0;
	vertical-align: top;
}
td.empty {
}
td#intro {
	width: 100%;
	vertical-align: middle;
}
td#legal_row {
}
table#legal_row {
}
td#owner_row {
}
table#owner_row {
}
div.left_animation {
	width: 150px;
}
div#lang,
div#search,
div#counters,
div#legal,
div#owner,
div#designer {
	font-size: 80%;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0;
	margin-bottom: 0;
}
div#intro {
	background: url('bg_menu.gif') #808080;
	background-position: 100% -48px;
	height: 20px;
	line-height: 20px;
	font-size: 80%;
	color: yellow;
	font-weight: bold;
	text-align: center;
}
div.top_banner {
}
div.hidden {
	display: none;
}
div#content {
	width: 100%;
	font-size: 100%;
	margin: 1em;
}
div#history {
	text-align: right;
	clear: both;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 1em;
	border-top: 1px solid #a0a0a0;
}
div#history a,
div#history a:link,
div#history a:active,
div#history a:visited,
div#history a:hover {
	font-size: 80%;
	color: #0000ff;
	text-decoration: none;
}
div#designer a,
div#designer a:link,
div#designer a:active,
div#designer a:visited,
div#designer a:hover {
	font-size: 100%;
	color: #0000ff;
	text-decoration: none;
}

/* Horizontal menu */
.hmenu {
	clear: both;
	background: url('bg_menu.gif');
	padding: 0;
	margin: 0;
}
.hmenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.hmenu li {
	float: left;
	width: 80px;
	height: 24px;
	padding: 0;
	margin: 0;
	border-right: 1px solid #a0a0a0;
}
.hmenu ul a {
	display: block;
	background: url('bg_menu.gif') #e0e0e0;
	width: auto;
	color: black;
	height: 24px;
	line-height: 24px;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
}
.hmenu ul a:hover {
	background-position: 100% -24px;
	background-color: #d0d0d0;
	cursor: pointer;
}
.hmenu ul a.notselected {
	background-position: 100% 0px;
	background-color: #d0d0d0;
	cursor: pointer;
}
.hmenu ul a.selected {
	background-position: 100% -24px;
	background-color: #d0d0d0;
	cursor: pointer;
}

/* Vertical menu */
.vmenu {
	clear: both;
	background: #e0e0e0;
	border: none;
	width: 100%;
	padding: 0;
	margin: 0;
	border-left: 1px solid #a0a0a0;
}
.vhead {
	background: url('bg_menu.gif') #e0e0e0;
	display: block;
	color: yellow;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
	line-height: 24px;
	height: 24px;
	padding-left: 1em;
	padding-right: 1em;
	background-position: 100% -48px;
	background-color: #d0d0d0;
}
.vitem {
	width: 100%;
	height: 24px;
	border-bottom: 1px solid #a0a0a0;
	padding: 0;
	margin: 0;
}
.vmenu a {
	background: url('bg_menu.gif') #eee;
	display: block;
	color: #000;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
	line-height: 24px;
	height: 24px;
	padding-left: 1em;
	padding-right: 1em;
}
.vmenu a:hover {
	background-position: 100% -24px;
	background-color: #d0d0d0;
	cursor: pointer;
}
.vmenu a.notselected {
	background-position: 100% 0px;
	background-color: #d0d0d0;
	cursor: pointer;
}
.vmenu a.selected {
	background-position: 100% -24px;
	background-color: #d0d0d0;
	cursor: pointer;
}

/* Language selection */
a.lang_el {
	background: #0000ff;
	color: white;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid white;
}
a.lang_en {
	background: #ff0000;
	color: white;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid white;
}

/* Global settings */
p {
	text-align: justify;
	margin-bottom: 1em;
}
ul {
	margin-top: 0.5em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
}
li {
	list-style-position: outside;
	margin-top: 0.2em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2em;
}
div#content a,
div#content a:link,
div#content a:active,
div#content a:visited,
div#content a:hover {
	font-size: 100%;
	color: #0000ff;
	text-decoration: none;
}

/* Heading */
h1 {
	font-weight: bold;
	font-size: 160%;
	text-align: left;
	vertical-align: bottom;
	border-bottom: 1px solid #a0a0a0;
	margin-bottom: 1em;
}
h2 {
	font-size: 120%;
	text-align: left;
	color: navy;
	font-size: 120%;
	font-weight: bold;
	vertical-align: bottom;
	margin-bottom: 1em;
}
h3 {
	font-size: 100%;
	text-align: left;
	color: #cc3300;
	font-weight: bold;
	vertical-align: bottom;
	margin-bottom: 0.5em;
}
h4 {
	font-size: 100%;
	text-align: left;
	color: black;
	font-weight: bold;
	vertical-align: bottom;
	margin-bottom: 0.5em;
}
h5 {
	font-size: 100%;
	text-align: left;
	color: #cc0000;
	margin-bottom: 0.5em;
}
h6 {
	font-size: 80%;
	background: #e0e0e0;
	text-align: left;
	color: #cc0000;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	margin-bottom: 0.5em;
}

/*  Content specific styles */
table#products { /* A product table */
	border-collapse: collapse;
	border: 1px solid #e0e0e0;
}
#products th { /* A cell with table titles */
	background: #606060;
	color: white;
	width: auto;
	vertical-align: middle;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding: 0.2em;
	white-space: nowrap;
	border: 1px solid #e0e0e0;
}
#products td { /* A product row */
	vertical-align: top;
}
table#product_image { /* A product image table */
	border-collapse: collapse;
	border: none;
}
#product_image th,
#product_features th { /* A cell with product titles */
	background: #a0a0a0;
	color: white;
	width: auto;
	vertical-align: middle;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding: 0.2em;
	white-space: nowrap;
	border: 1px solid #e0e0e0;
}
#product_image td { /* A cell with product image */
	width: 16em;
	text-align: center;
	border: none;
}
#product_image img { /* A product image */
	margin: 0.5em;
}
table#product_features { /* A product features table */
	border-collapse: collapse;
	border: none;
}
#product_features td { /* A cell with product features */
	width: 16em;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	padding: 0.2em;
	white-space: nowrap;
	border: 1px solid #e0e0e0;
}
p.factory { /* A paragraph with factory introduction */
	font-size: 100%;
	font-weight: normal;
	text-align: justify;
	padding: 0.5em;
}
.factory img { /* A factory logo image */
	float: left;
	margin-top: 0;
	margin-right: 1em;
	margin-bottom: 0;
	margin-left: 0;
}

/* Images */
img.left {
	float: left;
	margin-top: 0.5em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	margin-left: 0;
}
img.right {
	float: right;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 1em;
}

/* Text */
.aorato {
	display: none;
}
.email {
	font-size: 100%;
	color: blue;
	text-decoration: none;
	word-spacing: -0.33em;
}
.note {
	font-size: 80%;
}
.note a:link {
	color: blue;
	text-decoration: underline;
}
.note a:active {
	color: blue;
	text-decoration: underline;
}
.note a:visited {
	color: blue;
	text-decoration: underline;
}
.note a:hover {
	color: blue;
	text-decoration: none;
}