﻿@charset "utf-8";
/* CSS Document */

.wrapper {
	width: 100%;
	min-width: 970px;
	margin: 0 auto;
	background: url('../images/bg_masthead.jpg') no-repeat 50% 0%;
	overflow: visible;
	}

.masthead {
	width: 970px;
	height: 190px;
	margin: 0 auto;
	}
	
.content {
	width: 970px;
	margin: 0 auto;
	}

		.left-column {
			float: left;
			display: inline;
			width: 175px;
			padding: 0 25px 0 0;
			}

			.moduletable_navigation {
				float: left;
				display: inline;
				clear: both;
				width: 175px;
				margin: 0 0 15px 0;
				}
			
			.moduletable_navigation ul {
				margin: 0;
				padding: 0;
				list-style: none;
				background: url('../images/line_horizontal.jpg') repeat-x;
				}
				
				.moduletable_navigation ul li {
					clear: both;
					margin: 0;
					padding: 0;
					background: url('../images/line_horizontal.jpg') repeat-x 0 100%;
					}

					.moduletable_navigation ul li#current a,
					.moduletable_navigation ul ul li#current a,
					.moduletable_navigation ul ul ul li#current a {
						color: #0097cf;
						}
						
					.moduletable_navigation ul li#current li a,
					.moduletable_navigation ul ul li#current li a {
						color: #513b4c;
						}
					
					.moduletable_navigation ul li a:link,
					.moduletable_navigation ul li a:visited,
					.moduletable_navigation ul li a:active {
						display: block;
						padding: 5px 0 5px 15px;
						font-family: Arial, Helvetica, 'Sans Serif';
						font-size: 12px;
						text-decoration: none;
						color: #513b4c;
						background: url('../images/nav_default.jpg') no-repeat 0px 8px;
						}
					
					.moduletable_navigation ul li a:hover,
					.moduletable_navigation ul li ul li a:hover,
					.moduletable_navigation ul li ul li ul li a:hover {
						text-decoration: underline;
						}
									
						.moduletable_navigation ul ul li a:link,
						.moduletable_navigation ul ul li a:visited,
						.moduletable_navigation ul ul li a:active {
							display: block;
							padding: 5px 0 5px 25px;
							font-family: Arial, Helvetica, 'Sans Serif';
							font-size: 12px;
							text-decoration: none;
							color: #513b4c;
							background: url('../images/nav_default.jpg') no-repeat 10px 8px;
							}
							
							.moduletable_navigation ul ul ul li a:link,
							.moduletable_navigation ul ul ul li a:visited,
							.moduletable_navigation ul ul ul li a:active {
								display: block;
								padding: 5px 0 5px 35px;
								font-family: Arial, Helvetica, 'Sans Serif';
								font-size: 12px;
								text-decoration: none;
								color: #513b4c;
								background: url('../images/nav_default.jpg') no-repeat 20px 8px;
								}
					
					.moduletable_navigation li.active a,
					.moduletable_navigation li.active li.active a,
					.moduletable_navigation li.active li.active li.active a {
						font-weight: bold;
						}
						
						.moduletable_navigation li.active li a,
						.moduletable_navigation li.active li.active li a {
							font-weight: normal;
							}
			
			.moduletable_login {
				float: left;
				display: inline;
				clear: both;
				width: 175px;
				margin: 0 0 15px 0;
				padding: 0 0 15px 0;
				background: url('../images/minicart_bg.jpg') no-repeat 0% 100%;
				}
				
				.moduletable_login label, .moduletable_login input {
					margin: 0;
					}
				
				.moduletable_login input.button {
					margin: 0 0 10px 0;
					}
				
				#remember_vmlogin {
					vertical-align: middle;
					}
				
				.moduletable_login h3 {
					float: left;
					display: inline;
					width: 145px;
					height: 28px;
					padding: 2px 0 0 30px;
					margin: 0 0 10px 0;
					font-size: 14px;
					font-weight: bold;
					color: #fff;
					line-height: 28px;
					background: url('../images/login_header.jpg') no-repeat;
					}
				
				.moduletable_login div {
					float: left;
					display: inline;
					width: 155px;
					padding: 0 10px;
					}
					
					.moduletable_login div div {
						margin: 0;
						padding: 0;
						}
					
					.moduletable_login form#login ul {
						margin: 0 0 5px 0;
						padding: 0;
						list-style: none;
						background: none;
						}

					.moduletable_login form#login ul li {
						margin: 0;
						padding: 0;
						list-style: none;
						background: none;
						}
	
		.right-column {
			float: left;
			display: inline;
			width: 770px;
			}
			
				/* Kadonnut salasana / käyttäjätunnus */			
				form.josForm table {
					width: 400px;
					}
					
					form.josForm table td {
						text-align: left;
						vertical-align: middle;
						}

.footer {
	width: 970px;
	height: 30px;
	margin: 0 auto;
	}


