/* The Base Stylesheet describes the typical rendering of all HTML 4.0 [HTML40]) elements visual
UAs. The style sheet is based on extensive research on how current UAs render HTML, and developers
are encouraged to use it as a default style sheet in their implementations. */

/* rendered CSS1-addressable elements and all applicable non-inherited
properties set to initial values and default display types */

A, ABBR, ADDRESS, BDO, BLOCKQUOTE, BODY, BUTTON, CITE, CODE, DD, DEL, DFN,
DIV, DL, DT, EM, FIELDSET, FORM, H1, H2, H3, H4, H5, H6, IFRAME, INS, KBD,
LABEL, LI, OBJECT, OL, P, Q, SAMP, SMALL, SPAN, STRONG, SUB, SUP, UL, VAR,
APPLET, B, BIG, CENTER, DIR, FONT, HR, I, MENU, PRE, S, STRIKE, TT, U	{
	background: transparent;
	width: auto;
	height: auto;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	float: none;
	clear: none;
	vertical-align: baseline;
	list-style-image: none;
	list-style-type: disc;
	list-style-position: outside;
}

ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, FORM, H1, H2, H3, H4, H5,
H6, IFRAME, OBJECT, OL, P, UL, APPLET, CENTER, DIR, HR, MENU, PRE	{
	display: block;
}

A, ABBR, BDO, BUTTON, CITE, CODE, DEL, DFN, EM, INS, KBD, LABEL, Q,
SAMP, SMALL, SPAN, STRONG, SUB, SUP, VAR, B, BIG, FONT, I, S, STRIKE, TT, U	{
	display: inline;
}

LI	{
	display: list-item;
}


/* Begin tree of inherited properties and cascades. */

html {
	//height: 100%
}

BODY {
	height: 100%;
	/* font-size: 1em; */
	font-size: 0.8em;
	line-height: 1.5em;
	/* margin: 8px; */
	margin: 0px;
	padding: 0px;
	//background-position: -8px -8px; /* flush with canvas edge */
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	alignment: left;
	text-indent: 0;
	white-space: normal;
	font-family: "Lucida Grande", Verdana, "Trebuchet MS", Arial, sans-serif;
	background: #4B649A url('sitebg.jpg') repeat-x top left;
	text-align: center;
}

#main { background: #fff url('sitebg.jpg') repeat-x top left; }

H1	{
	color: #636766;
	font-family: Georgia, serif;
	font-size: 1.6em;
	margin: .67em 0;
}

H2	{
	color: #999999;
	font-size: 1.4em;
	margin: .83em 0;
}

H3	{
	font-size: 1.17em;
	line-height: 1.17em;
	margin: 1em 0;
}

H4, P, BLOCKQUOTE, UL, OL, DL, DIR, MENU	{
	margin: 1.33em 0;
}

H5	{
	font-size: .83em;
	line-height: 1.17em;
	margin: 1.67em 0;
}

H6	{
	font-size: .67em;
	margin: 2.33em 0;
}

H1, H2, H3, H4, H5, H6, B, STRONG	{
	font-weight: normal;
}

H1, H2, H3, H4, H5, H6 {
padding: 0 0.6em 0 0.6em;
padding-left: 0px;
margin-left: 0px;
}

BLOCKQUOTE	{
	margin-left: 40px;
	margin-right: 40px;
}

I, CITE, EM, VAR, ADDRESS	{
	font-style: italic;
}

PRE, TT, CODE, KBD, SAMP	{
	font-family: monospace;
}

PRE	{
	white-space: pre;
}

BIG	{
	font-size: 1.17em;
}

SMALL, SUB, SUP	{
	font-size: .83em;
}

SUB	{
	vertical-align: sub;
}

SUP	{
	vertical-align: super;
}

S, STRIKE, DEL	{
	text-decoration: line-through;
}

HR	{
	border: 1px inset;
}

OL, UL, DIR, MENU, DD	{
	margin-left: 40px;
}

OL LI	{
	list-style-type: decimal;
}

OL UL	{
	margin-top: 0;
	margin-bottom: 0;
}

UL OL	{
	margin-top: 0;
	margin-bottom: 0;
}

UL UL	{
	margin-top: 0;
	margin-bottom: 0;
}

OL OL	{
	margin-top: 0;
	margin-bottom: 0; /* how far to carry such contextual declarations? Exhaustive list
		could be very long. */
}

U, INS	{
	text-decoration: underline;
}

CENTER	{
	alignment: center;
}



/* Table element rendering behavior cannot be described completely in CSS1,
yet the following declarations appear to apply. This section is likely to become
obsolete upon the deployment of a more comprehensive stylesheet specification
for tables. */

/*
CAPTION, COL, COLGROUP, LEGEND, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR	{
	background: transparent;
	text-decoration: none;
	margin: 1px;
	padding: 1px;
	border: none;
	float: none;
	clear: none;
}

TABLE, TBODY, TFOOT, THEAD, TR	{
	display: block;
	background-position: top left;
	width: auto;
	height: auto;
}

CAPTION, LEGEND, TD, TH	{
	display: inline;
	vertical-align: baseline;
	font-size: 1em;
	line-height: 1.33em;
	color: black;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	alignment: left;
	text-indent: 0;
	white-space: normal;
}

TH	{
	font-weight: bolder;
	alignment: center;
}

CAPTION	{
	alignment: center;
}
*/


/* proposed default for HTML 4.0's new ABBR element */

ABBR	{
	font-variant: small-caps;
	letter-spacing: 0.1em; /* This is almost facetious. Should ABBR not have
		any default rendering? Uppercase transform? Not all languages distinguish
		between simple abbreviations and acronyms, and not all abbrev. should be
		capped. */
}

/* not part of the legacy browser default sheet, but an obvious enhancement */

OL OL LI	{
	list-style-type: lower-alpha;
}

OL OL OL LI	{
	list-style-type: lower-roman
}


/* END OF HTML 4.0 DEFAULTS CSS*/


/* BASIC DEFAULT CSS STYLES FOR USER WEBSITE */

b { font-weight: bold; }

div#content {
	//float: right;
}

div#navigation_bar {
	//float: left;
	display: block;
	width: 100%;
	margin: 10px 0 0 0;
}

input[type="text"], input[type="password"], textarea, select {
	width: 100%;
	font-size: 100%;
	background: #FFFFFF;
	padding: 1px 1px 1px 0.2em;
	border: 1px solid #00004D;
}

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	background: #00B9FD;
	padding: 1px 1px 1px 0.2em;
}

input[type="button"], input[type="submit"], input[type="reset"], button {
	color: white;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	padding: 0.1em 0.2em 0.1em 0.2em;
	font-size: 0.8em;
	background-color: #00004D;
	border: 2px outset #00004D;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover {
	cursor: pointer;
	background-color: #00B9FD;
}

hr {
    margin: 5px 0px 5px 0px;
    color: #cdcdcd;
	border: 0px;
    border-top: 1px solid #dedede;
    height: 1px;
	width: 100%;
}

table {
	width: 100%;
}

label {
	cursor: pointer;
}

#content a:link {
	color: #DF8B06;
	border-bottom: 1px dashed #636766;
}

#content a:visited {
	color: #E57735;
	border-bottom: 1px dashed #636766;
}

#content a:hover {
	color: #FF6000;
	border-bottom: 0px;
}

DIV#site {
	width: 80%;
	max-width: 900px;
	min-height: 800px;
	margin: 0 auto 0 auto;
	margin-bottom: 30px;
	text-align: left;
	background: transparent;
}

DIV#header {
	height: 100px;
	width: 100%;
	margin-bottom: 10px;
	background: transparent url('logo.jpg') top left no-repeat;
}

#header h1
{
	width: 200px;
	margin: 0 0 0 200px;
	padding-top: 30px;
	color: #fff;
}

DIV#header:lang(fi) {
	//background: transparent url('top-bg-744x150.jpg') no-repeat top left;
}

DIV#header:lang(en) {
	//background: transparent url('top-bg-en-744x150.jpg') no-repeat top left;
}

#content dt { font-weight: bold; margin: 10px 0 5px 0; }

#content img
{
	margin: 10px 10px 10px 10px;
	padding: 4px;
	border: 2px solid #ddd;
}

h3.commercial
{
	margin: 0; padding: 0;
	font-size: 11px;
	color: #ccc;
}

#commercial
{
	float: left;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	border: 1px solid #000;
	background-color: #fff;
	position: relative;
}

#commercial img { border: none ; margin: 0; padding: 0; }

DIV#banner {
	text-align: left;
	font-size: 1.4em;
	position: relative;
	top: 105px;
	left: 215px;
	width: 400px;
	border: 1px solid #ddd;
}

DIV#banner a:link, DIV#banner a:visited, DIV#banner a:active {
	color: white;
	font-weight: bold;
	font-size: 20px;
}

DIV#search_box {
	float: right;
	padding: 20px 25px;
}

DIV#search_box input[type="text"]:focus {
	opacity: 0.8;
}

INPUT#search_input {
width: 120px;
}


#login H1 {
	font-size: 0.6em;
}

#powered-by {
    text-align: center;
    font-size: 10px;
    display: block;
    padding-top: 8px;
}

DIV#navigation_bar {
	font-family: Arial;
	font-size: 0.9em;
	display: block;
    float: left;
	color: white;
}

DIV#navigation_bar form {
	float: left;
	display: inline;
	width: 162px;
	margin: 10px;
    padding: 35px 5px 5px 5px;
	text-align: center;
}

DIV#navigation_bar form:lang(fi) {
	background: transparent url('login-top-bg-172x30.gif') no-repeat top left;
}

DIV#navigation_bar form:lang(en) {
	background: transparent url('login-top-bg-en-172x30.gif') no-repeat top left;
}

DIV#navigation_bar input[type="text"], DIV#navigation_bar input[type="password"] {
	margin: 0;
	width: 50px;
}

DIV#navigation_bar a {
	color: #000;
}

.login_button {
	max-width: 125px;
	margin: 10px 0;
}


DIV#navigation_bar H1 {
	display: none;
	color: white;
	font-size: 1em;
}

.container {
	font-family: verdana, sans-serif;
	font-size: 12px;
	margin: 0; padding: 0;
	text-align: center;
	background: transparent;
	}

.container ul
{
	margin: 0; padding: 0;
	text-align: left;
	border-bottom: 1px solid black;
}

.container ul li { margin: 0; padding: 5px 10px; }
.container ul li.active { font-weight: bold; }

.container ul ul
{
	display: block;
	float: left;
	margin: 0 0 0 20px;
	border: none;
}

.container ul ul ul
{
	display: block;
	float: left;
	border: none;
}

.container li { display: inline; }

DIV.clear { display: block; clear: both; }
DIV#footer {
	display: block;
	clear: both;
//	opacity: 0.9;
	background: #6B9351;
	width: 100%;
	height: 53px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #4B649A url('footerbg.jpg') top left repeat-x;
}

SPAN#footer_content {
	display: block;
	color: #fff;
	width: 50%;
	padding-left: 3.5em;
	padding-top: 15px;
}

A#vdk {
	color: #fff;
	text-decoration: underline;
}

/* CONTENT CAN BE DIV OR BODY. <DIV ID="content"> ON SITE AND <BODY ID="content"> IN WYSIWYG EDITOR */

#content {
	text-align: left;
	width: 100%;
	line-height: 1.53em;
	padding: 0;
	background: transparent;
	background: transparent url('content-top-bg-en-430x13.gif') no-repeat top left;
}

#content:lang(fi) {
	background: transparent url('content-top-bg-430x13.gif') no-repeat top left;
}

#content:lang(en) {
	background: transparent url('content-top-bg-en-430x13.gif') no-repeat top left;
}

#content p, #content address {
	text-align: left;
}

DIV#advanced_search {
	padding: 3px;
	margin: 3px 3px 10px 3px;
	padding-bottom: 15px;
	border-style: solid;
	border-color: #dedede;
	border-bottom: 1px;
}

div.painting {
	display: block;
	float: left;
	text-align: center;
	margin: 0 5px 5px 0;
}

.painting img {
	border: 0;
}

a.painting, a.painting:link, a.painting:visited, a.painting:hover {
	border-bottom: 0px;
}

.painting span {
	margin-top: 5px;
	display: block;
}

/* Styles ALSO for wysiwyg editor */

.Table {
width: 100%;
border: 1px solid #cdcdcd;
border-collapse: collapse;
}

.Table tbody th {
border: 1px solid #cdcdcd;
background: #efefef;
}

.Table tbody td {
border: 1px solid #cdcdcd;
}

.Container {
	clear: both;
}

.Box {
	border: 1px solid #dedede;
	clear: both;
	display: block;
	line-height: 1.2em;
	color: #888888;
}

.LeftBox{
	margin: 0;
	font-weight: bolder;
	padding: 5px;
	clear: both;
	display: inline;
	float: left;
	width: 245px;
    background-color: #D4DDCF;
}

.LeftBox2{
	margin-top: 1em;
	font-weight: bolder;
	padding: 5px;
    margin-top: 1em;
    clear: both;
    display: block;
    background-color: #D4DDCF;
    font-variant: small-caps;
}

.RightBox {
	margin: 0;
	font-weight: normal;
	padding: 5px;
	float: right;
	display: inline;
	text-align: right;
	width: 245px;
    background-color: #E7F0E2;
}

.RightBox2 {
	margin-top: 1em;
	font-weight: bolder;
	padding: 5px;
	float: right;
	display: block;
	text-align: right;
    background-color: #E7F0E2;
}

.Warning {
	font-weight: bolder;
    color: #FF0000;
}

.Required {
    color: #FF0000;
}

.news h3 {
	font-size: 14pt;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

.news .ingressi {
	padding: 20px;
	padding-top: 5px;
}

.news .body {
	padding: 20px;
	padding-top: 5px;
}

FORM.signup LABEL {
	display: block;
	margin: 2px;
}

.required {
	font-weight: bold;
}

FORM.cart, DIV.cart {
	padding-bottom: 2em;
}


#login form { background: transparent; }

.prices th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	//letter-spacing: 2px;
	//text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

.prices th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.prices td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


.prices td.alt {
	background: #F5FAFA;
	color: #797268;
}

.prices th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.prices th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

.prices table td p, .prices table th p { margin: 0; padding: 0; }