div.tyhja { display: block; height: 1px; clear: both; }
	
		body {
			margin: 0px;
			
			background-image: url(img/tausta.gif);
			background-repeat: repeat-x;
			background-color: #0f1f3d;
			font-color: white;
		}
		
		
		div#container {
			margin-left: auto;
			margin-right: auto;
			width: 992px;
		}
		
		div#header {
			background-image: url(img/ylapalkki.jpg);
			background-repeat: no-repeat;
			height: 149px;
		}
		
		div#usermenu {
			height: 25px;
			width: 270px;
			
			margin-left: 728px;
		}

		#usermenu a {
			display: block;
			float: left;
			
			padding: 5px; padding-left: 18px; padding-right: 20px;

			font-family: Tahoma, Trebuchet, "Trebuchet MS", Arial, helvetica;
			font-size: 10px;
			color: white;
			
			background-image: url(img/pompula2.gif);
			background-repeat: no-repeat;
			background-position: 7px 8px;
		}
		
		#usermenu a:link, #usermenu a:visited { text-decoration: none; }
		#usermenu a:hover { color: #FFb000; }

/* -------------------------------------------------------------------------------- */

		div#upperbar {
			height: 67px;
			padding-left: 320px;
			
			background-image: url(img/valipalkki.jpg);
			background-repeat: no-repeat;
		}
		
		div#login, div#logged {
			padding: 7px 0px 0px 0px;
			
			font-size: 9px;
			font-family: Tahoma, Trebuchet, "Trebuchet MS", Arial, helvetica, sans-serif;

			color: #af4a00;
		}
		
		#login form { padding: 0px; margin: 0px; }
		
		#login input.textbox { width: 80px; border: 0px; height: 14px; font-family: Tahoma, Trebuchet, "Trebuchet MS", Arial, helvetica, sans-serif; font-size: 10px; color: black; letter-spacing: 1px; margin-right: 5px; } 

		#login span#user, #login span#password {  padding: 2px 7px 5px 10px; background-image: url(img/login.gif); background-repeat: no-repeat; }
		
		#login span#registration { padding-left: 10px; } #registration a:link, #registration a:visited { color: #af4a00; } #registration a:hover { color: white; }
		
		/* #login input#authsubmit { width: 20px; background-image: url(img/login_nappi.gif); background-repeat: no-repeat; background-position: left center; background-color: transparent; border: 0px; } */
		#login input#loginsubmit {  }
		
		div#logged { padding-top: 9px; padding-left: 170px; }
		#logged span.user { color: black; font-size: 11px; font-weight: bold; }
		#logged div#logout { float: right; margin-right: 270px;  }
		#logged div#logout { background-image: url(img/login_nappi.gif); background-repeat: no-repeat; background-position: right; }
		#logged div#logout a { display: block; padding: 2px; padding-right: 24px; } 
		#logged div#logout a:link, #logged div#logout a:visited { text-decoration: none; color: #c35615; }
		#logged div#logout a:hover { color: white; }
		
/* -------------------------------------------------------------------------------- */
		
		div#leftbar {
			float: left;
			width: 177px;
			margin: 0px;
			
			background-image: url(img/sivupalkki_vasen.jpg); background-repeat: no-repeat;
			
			font-family: Tahoma, Trebuchet, "Trebuchet MS", Arial, helvetica, sans-serif;
			font-size: 11px;
		}
		
		#leftbar div.inner { padding-right: 15px; }
		
		#leftbar ul {
			margin: 0px 0px 15px 0px; padding: 0px;
			font-size: 10px;

			text-align: right;
			text-transform: uppercase;
		}
		
		#leftbar ul li {
			/* padding: 8px 10px 8px 0px; */
			padding: 0px;
			
			list-style-type: none;
			line-height: 11px;
			letter-spacing: 1px;

			border: solid 1px #1c273c;
			border-width: 0px 0px 1px 0px;
		}
		
		#leftbar ul li a {
			display: block;
			padding: 8px 10px 8px 0px;
			background-image: url(img/pompula.gif);
			background-repeat: no-repeat;
			background-position: left center;
		}
		
		#leftbar a { color: white; }
		#leftbar a:link, #leftbar a:visited { text-decoration: none; color: #ffb700; }
		#leftbar a:hover { color: white; background-image: url(img/pompula2.gif); }
		
		#leftbar h2#menu_categories span { display: none; }
		#leftbar h2#menu_categories  { height: 16px; background-image: url(img/o_tuoteryhmat.gif); background-repeat: no-repeat; background-position: right; margin: 15px 0px 0px 0px; }

		div#rightbar {
			float: right;
			width: 198px;
			
			font-family: Tahoma, Trebuchet, "Trebuchet MS", Arial, helvetica, sans-serif;
		
			background-image: url(img/sivupalkki_oikea.jpg);
			background-repeat: no-repeat;
		}
		
		#rightbar div.inner {
			padding-left: 15px;
		}
		
		#rightbar h2#cart_header span { display: none; }
		#rightbar h2#cart_header { margin: 0px; height: 20px; background-repeat: no-repeat; background-image: url(img/o_ostoskori.gif); }
		#rightbar table#cart { width: 165px; color: #869ac2; font-size: 10px; }
		#rightbar #cart td { padding-top: 5px; padding-bottom: 5px; font-size: 10px; }
		#rightbar #cart td.amount { width: 24px; color: #ffb700; text-align: center; border: solid 1px #1d2f51; border-width: 0px 1px 0px 0px; }
		#rightbar #cart td.name { padding-left: 8px; }
		#rightbar #cart td.price { width: 30px; text-align: right; }
		#rightbar #cart td.totallabel { text-align: right; border: solid 1px #ffb700; border-width: 1px 0px 0px 0px; }
		#rightbar #cart td.totalprice { text-align: right; border: solid 1px #ffb700; border-width: 1px 0px 0px 0px; color: #ffb700; }

		#rightbar h2#search_header span { display: none; }	
		#rightbar h2#search_header { margin: 25px 0px 0px 0px; height: 20px; background-repeat: no-repeat; background-image: url(img/o_haku.gif); }	
		
		#rightbar #search input.textbox {
			width: 142px;
			padding: 3px 8px 3px 8px;
			
			font-size: 10px;
			border: 0px;
			background-color: #081120;
			background-image: url(img/haku.gif);
		}
		
		#rightbar div.checkout { width: 165px;  font-size: 10px; text-align: right; margin-top: 2px; border: solid 1px #1d2f51; border-width: 1px 0px 0px 0px; }
		#rightbar div.checkout a { display: block; padding: 8px 24px 8px 0px; background-image: url(img/haku_nappi.gif); background-repeat: no-repeat; background-position: right center; }
		#rightbar div.checkout a:link, #rightbar div.checkout a:visited { text-decoration: none; color: #ffb700; }
		#rightbar div.checkout a:hover { color: white; }
		
/* -------------------------------------------------------------------------------- */

		div#middle {
		}

		div#content {
/*			position: relative;
			margin-left: 178px; */
			float: left;
			width: 615px;

			font-family: Tahoma, Trebuchet, "Trebuchet MS", Arial, helvetica, sans-serif;			
			color: #869ac2;

			background-color: #152441;
			background-image: url(img/alaosa_kapeampi.gif);
			background-repeat: no-repeat;
			background-position: left bottom;
		}
		
		#content div.inner { padding-left: 30px; padding-right: 30px; padding-bottom: 90px; }
		
		#content h1 {
			margin: 0px 0px 5px 0px;
			padding-top: 10px; padding-bottom: 5px; padding-left: 5px;
			
			font-family: Tahoma, Trebuchet, "Trebuchet MS", Arial, helvetica, sans-serif;
			font-size: 24px;
			font-weight: normal;
			color: #ffb700;
			letter-spacing: 3px;
			
			/* border: dashed 1px #ffb700;
			border-width: 0px 0px 1px 0px; */
			
			background-image: url(img/piste.gif);
			background-repeat: repeat-x;
			background-position: bottom;
		}
		
		p {
			margin-top: 0px; margin-bottom: 15px;
			font-size: 11px;
			line-height: 16px;
		}
		
		td {
			font-size: 11px;
			color: #869ac2;
			
			vertical-align: top; 
		}
		
		#content a:link, a:visited {
			color: #ffb700;
		}
		
		#content a:hover {
			color: white;
		}

/* -------------------------------------------------------------------------------- */

		div.paragraphs {
		}
		
		div.paragraph {
			float: left;
			width: 250px; 
			
			margin-right: 40px; 
		}
		
		div#paragraph_deals { margin: 0px; }
		
		h1#news span { display: none; }
		h1#news {
			height: 40px;	
			background-image: url(img/o_uutiset.gif);
			background-repeat: no-repeat;
			background-position: left;
		}

		h1#deals span { display: none; }
		h1#deals {
			height: 40px;	
			background-image: url(img/o_tarjoukset.gif);
			background-repeat: no-repeat;
			background-position: left;
		}
		
		h2 {
			margin-top: 15px; margin-bottom: 10px;
			color: #ffb700;
			
			font-size: 16px;
			letter-spacing: 1px;
			font-weight: normal;
		}
		
		h2 span.date { display: block; font-size: 11px; color: white; }
		
		div.article {
			margin-bottom: 30px;
		}

		div.deal { margin-bottom: 20px; padding-bottom: 5px; border: dashed 1px #657085; border-width: 0px 0px 1px 0px; }
		div.deal h2 { font-size: 11px; font-weight: bold;  }
		div.deal img { border: solid 3px #657085; float: left; margin: 0px 7px 7px 0px; }
		div.deal div.description { width: 155px; float: right; }
		div.deal div.deal_info { clear: both; text-align: right; font-size: 12px; color: white; }
		div.deal_info span.price { font-size: 15px; color: #ffb700; }

/* -------------------------------------------------------------------------------- */

		table.products { }
		#content .products td { color: #869ac2; font-size: 11px; background-color: #0a152a; vertical-align: middle; }

		#content .products td.image { padding: 10px; border: dashed 1px #657085; border-width: 0px 0px 1px 0px; }
		#content .products td.image img { border: solid 3px #657085; }
		#content .products td.info { width: 405px; font-size: 11px;   border: dashed 1px #657085; border-width: 0px 0px 1px 0px;  }

		div.description {  }
		
		.description h3 {
			margin: 0px;
			
			color: #ffb700;
			font-size: 16px;
			font-weight: bold;

		}
		
		div.actions { margin: 0px 15px 0px 0px; background-color: #0c1931; background-image: url(img/toimintopalkki.gif); height: 30px; border: solid 1px #657085; border-width: 1px 0px 1px 0px; }
		
		.actions div.price { padding: 6px; float: left; }
		.actions div.price span { color: #ffb700; font-weight: bold; }
		.actions div.addtocart { padding-top: 6px; padding-right: 6px; float: right; }
		.actions input, .actions select { font-size: 9px; }
		.actions input, .actions select { color: #ffb700; background-color: #0a1327; border: solid 1px #657085; }
		input.cartsubmit { color: #0a1327; background-color: #ffb700; border: solid 1px #657085; } 
	
/* -------------------------------------------------------------------------------- */

		table#searchResults {
			width: 550px;
			background-color: #0a152a;			
		}
		
		#searchResults td {
			padding: 8px 5px 8px 5px;
			font-size: 12px;
			
			color: #869ac2;
			border: dashed 1px #657085; border-width: 0px 0px 1px 0px; 
		}
		
		#searchResults td.product { width: 340px; }
		#searchResults tr.searchHeader td { background-image: url(img/boksipalkki.gif); padding: 5px; color: white; border: 0px; }
		
		#searchResults tr:hover td {
			background-color: #ef9d00;
			color: white;
		}

		#searchResults tr:hover td a:link, #searchResults tr:hover td a:visited { color: white; }

/* -------------------------------------------------------------------------------- */
		
		#content table.showcase td { vertical-align: middle; }
		
		table.showcase td img.showcaseImage {
			border: solid 3px #657085; 
		}
		
		.showcase div.price {
			margin-bottom: 15px;
			color: white;
		}
		
		.showcase div.price span {
			color: #ffb700;
			font-size: 14px;
		}
		
/* -------------------------------------------------------------------------------- */

		table#user_info { margin-top: 10px; }

		table#user_info td {
			padding-top: 3px;
			padding-bottom: 3px;
		}
		
		#user_info td.caption { width: 190px; }
		
		#user_info input {
			 width: 200px;
			 color: #ffb700; background-color: #0a1327; border: solid 1px #657085; font-size: 11px; letter-spacing: 1px;
		}
		
/* -------------------------------------------------------------------------------- */

		table#cart_large {
			width: 550px;
			background-color: #0a152a;
		}

		#content #cart_large td {
			padding: 8px 2px 8px 5px; 
			color: #869ac2;
			border: dashed 1px #657085; border-width: 0px 0px 1px 0px; 
			vertical-align: middle;
		}
		
		#content #cart_large tr.cartHeader td {
			 background-image: url(img/boksipalkki.gif); padding: 5px; color: white; border: 0px; 
		}
		
		#content #cart_large td.name {
			font-weight: bold;
			color: #ffb700;
		}
		
		#content #cart_large td.amount { color: #ffb700; }
		
		#cart_large a img { border: 0px; }
		
		#cart_large tr#addcosts td { border: 0px; }
		#content #cart_large tr#total td {
			border: solid 1px #ffb700; border-width: 1px 0px 0px 0px; color: #ffb700;
		}
		
		div.order {
			margin-right: 5px; 
			
			background-image: url(img/tilaus_nappi1.gif);
			background-repeat: no-repeat;
			background-position: right;
			
			text-align: right;


			color: #ffb700;
			font-size: 11px; 
		}
		
		div.order a {
			display: block;
			padding-top: 8px;
			padding-bottom: 8px; 
			padding-right: 30px;
			text-align: right;
		}
		
		div.order_confirm div a { display: block; }
		
		div.order_ok, div.order_cancel { float: left;   }
		div.order_ok a, div.order_cancel a { display: block; padding: 5px; background-repeat: no-repeat; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }
		div.order_cancel { text-align:right; }
		div.order_ok a { background-image: url(img/tilaus_nappi1.gif); background-position: right center; padding-right: 25px; margin-left: 25px;  }
		div.order_cancel a { background-image: url(img/tilaus_nappi2.gif); background-position: left center; padding-left: 25px;  }
		
		div.order_return { text-align:right; }
		div.order_return a {
			display: block;
			padding: 5px; 
			background-repeat: no-repeat; 
			text-transform: uppercase; 
			font-size: 12px; 
			letter-spacing: 1px; 
			background-image: url(img/tilaus_nappi1.gif); 
			background-position: right center; 
			padding-right: 25px;
			margin-left: 25px;  
			 }