/* yleiset.css */

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	background: #663300;
	color: #000000;
	font-size: 11px;      /* globaali font-size */
	font-family: verdana, tahoma, arial, sans-serif;  /* globaali font-family */
	/* text-align: center;      for centering in IE */
}

a {
	color: #996600;
}

p {
	text-align: justify;
}

legend {
	color: #000000;
	font-weight: bold;
}

h3 {
	font-size: 130%;
}

h2 {
	font-size: 150%;
}

.red {
	color: #ff0000;
}

.submit {
	border: 1px solid #505050;
	color: #505050;
	background: #ffffff;
	display: block;
	padding: 3px 15px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 90%;
}

/*.submit:hover, .ostanappi input:hover {
	border: 1px solid #749a0e;
	color: #749a0e;
}*/

.ostanappi {
	margin: 0px;
	padding: 0px;
}

fieldset {
	margin: 5px;
	padding: 5px;
	border: 1px solid #afafaf;
}

/* -- päälohkot -- */
#container {
    width: 788px;
    margin: 0px auto 0px auto;
    background: #ffffff;
    text-align: left;
}

#valikko {
    float: left;
    width: 176px;	/* 190 - padding */
    background: #fae5b0;
	color: #996600;
    padding: 7px;
}

#login {
	text-align: right;
	font-size: 80%;
	background: #ffffff;
	padding: 2px;
	border-bottom: 1px solid #d0f243;
}

#login form {
	margin: 0px;
	padding: 0px;
}

#login input {
	text-align: left;
	background: #efefef; 
	width: 20px; 
	font-size: 12px;
	border: 1px solid #afafaf;
	margin: 0px;
	padding: 0px;
}

#login input.textinput, #login input.logout {
	width: 80px;
}

#maincontainer {
    margin: 0px auto;
    text-align: left;
    width: 788px;
    float: left;
    background: url(../images/main_bg.gif) top left repeat-y;
    border-bottom: 1px solid #000000;
}

#navivalikko {	
/*	background: #581c1e;*/
	position: absolute;
	top: 127px;
	left: 7px;
	padding: 0px 0px 0px 5px;
	color: #ffffff;
}

#navivalikko a {
	color: #ffffff;
	text-decoration: none;
}

#navivalikko a:hover {
	color: #edd5bf;
}

#navivalikko ul {
	float: left;
	margin-left: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

#navivalikko ul li {
	float: left;
	color: #ffffff;
	background: #581c1e;
	font-size: 90%;
	font-weight: bold;
	padding: 0px 40px 0px 0px;
}


#tuotevalikko {
    float: left;
    width: 191px;
    background: #ffffff;
}

#tuotevalikko h2 {
	color: #585858;
	font-size: 100%;
	margin: 0px;
	padding: 5px 0px 0px 20px;
	height: 19px;
	display: block;
}

#tuotevalikko_inner {
    float: left;
    width: 177px;
	margin-left: 7px;
    background: url(../images/sivupalkki_bg.jpg) top left no-repeat #581c1e;    
	padding-top: 155px;
	overflow: hidden;
}


/*#valikko_inner {
	float: left;
    background: url(../images/left_bg.jpg) #333333 top center no-repeat;
    color: #ffffff;
    width: 204px;
    min-height: 400px;
	margin-bottom: 40px;	
}*/


#main {
    float: left;
   /* background: #333333;*/
    width: 583px;	/* 598 - padding - 5px extra */
    min-height: 400px;
    padding: 5px;
}

#footer {
	height: 16px;
	width: 100%;
	clear: both;	
	overflow: hidden;
	background: #c99414;
}

#footer #footer_inner {
	padding: 5px 0px 5px 0px;
	width: 788px;
	background: #edd5bf;
	margin-bottom: 7px;
	margin-left: 7px;
}

#footer span {
	white-space: nowrap;
	padding-left: 6px;
	padding-right: 6px;
}

#footer span.first {
	padding-left: 0px;
}

#footer span.last {
	padding-right: 0px;
}


#error {
	font-size: 120%;
	font-weight: bold;
	color: #ff0000;
}


#valikko #tuoteryhmavalikko {
	padding: 10px 0px 0px 10px;
	margin: 0px;
	list-style: none;
/*	font-family: arial, verdana, sans-serif;*/
	font-weight: normal;
	border: 1px solid #e5ce92;
/*	font-size: 100%;*/
}

#infolinkit {
	margin: 0px;
	padding: 10px;
	list-style: none;
}

#tuoteryhmavalikko {
	margin: 0px;
	padding: 10px 10px 10px 4px;
	list-style: none;
}

#infolinkit li {
	margin: 0px;
	color: #996600;
}

#tuoteryhmavalikko li {
	font-size: 80%;
	margin: 0px;
	padding: 0px 0px 3px 10px;
	color: #ffffff;
}

#tuoteryhmavalikko li span.raquo_merkki {
	color: #ffffff;
}

#tuoteryhmavalikko li.vika_alaryhma {
/*	border-bottom: 1px solid #dfdfdf;*/
/*	padding-bottom: 10px;*/
}

/* -- alaryhmien sisennys -- */
#tuoteryhmavalikko li.alataso1 {
	padding-left: 5px;
}
#tuoteryhmavalikko li.alataso2 {
	padding-left: 10px;
}
#tuoteryhmavalikko li.alataso3 {
	padding-left: 15px;
}
#tuoteryhmavalikko li.alataso4 {
	padding-left: 20px;
}
#tuoteryhmavalikko li.alataso5 {
	padding-left: 25px;
}
/* -- /alaryhmien sisennys -- */

#tuoteryhmavalikko li a, .ostoskori li a, #infolinkit li a {
	color: #ffffff;
	text-decoration: none;
}

#tuoteryhmavalikko .valittu {
	color: #ffffaa;
	font-weight: bold;
	text-decoration: none;
}

#tuoteryhmavalikko li a:hover, .ostoskori li a:hover, #infolinkit li a:hover {
	color: #ffffff;
	text-decoration: none;
}

#valikko_inner h1 {
	padding: 10px 0px 0px 10px;
	margin: 0px;
/*	font-family: arial, verdana, sans-serif;*/
	font-weight: bold;
	font-size: 110%;
}

/*#valikko_inner h2 {
	padding: 12px 0px 0px 10px;
	margin: 0px;
	font-weight: bold;
	font-size: 110%;
}*/

/* -- tuotehakuformi -- */

#tuotehaku {
	padding: 10px;
	margin: 10px 5px;
	border-top: 1px solid  #ff9900;
	border-bottom: 1px solid  #ff9900;
/*	font-family: arial, verdana, sans-serif;*/
}

#tuotehaku label {
	font-size: 100%;
	color: #996600;
	font-weight: bold;
}

#tuotehaku input {
	margin: 2px;
/*	font-size: 12px;*/
}

#tuotehaku #hakusana {
	background: #ffffff;
	border: 1px solid #626262;
}


/* -- ostoskori (valikossa) -- */
#valikko .ostoskori {
	padding: 5px 0px 20px 20px;
	margin: 0px;
	float: left;
	clear: left;
	list-style: none;
/*	font-family: arial, verdana, sans-serif;*/
	font-weight: normal;	
	font-size: 110%;
	color: #996600;
}

#valikko .ostoskori a {
	font-weight: bold;
	color: #996600;
}

.leftmenu .ostoskori li {
	color: #ffffff;
	padding-left: 23px; 
	background: url(../www/images/shoppingcart_icon.gif) no-repeat left center;
}


/* -- tuotelista (table) -- */
.tuotelista, .tuotelistan_sivuvalikko {
	margin: 10px;
	font-size: 110%;
	color: #000000;
	width: 540px;
}

.tuotelistan_sivuvalikko {
	margin-top: 0px;
	margin-bottom: 0px;
}

.tuotelista a, .tuotelistan_sivuvalikko a {
	color: #0b72bf;
	text-decoration: none;
}

.tuotelista a:hover, .tuotelistan_sivuvalikko a:hover {
	text-decoration: underline;
}

.tuotelista td {
	padding: 6px 4px;
}

.tuotelista tr {
	background: #ffffff;
}

.tuotelista tr.alt {
	background: #efefef;
}

.tuotelista th {
	background: #909090;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	padding: 2px 4px;
}

.tuotelista .hinta {
	text-align: right;
	white-space: nowrap;
}


.tuotelista .nimi {
	width: 350px;
}

.tuotelista .tuotekuva {
	text-align: left;
}

.tuotelista td.tuotekuva {
	background: #ffffff;
}

.tuotelista .tuotekuva img {
	border: none;
}



/* -- tuotetietotaulukko -- */
.tuotetiedot {
	background: #ffffff;
	margin: 7px;
	color: #000000;
	width: 97%;
	border-style: solid;
	border-color: #909090;
	border-width: 1px 1px 1px 1px;
}

.tuotetiedot td {
	padding: 2px 5px 2px 20px;
}

.tuotetiedot .nimi {
	font-size: 140%;
	font-weight: bold;
	text-align: left;
	padding: 10px 0px 13px 0px;
	border-bottom: 0px solid #fb6b15;
	
}

.tuotetiedot .tuotekuvaus {
	text-align: left;
	margin-left: 10px;
}

.tuotetiedot .tuotekuvaus .tuoteominaisuudet td {
	text-align: left;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0px 0px 0px 0px;

}


.tuotetiedot .hinta {
	display: inline;
	padding: 10px 0px 0px 0px;
	text-align: left;
	font-weight: bold;
	float: left;
}


.tuotetiedot .tuotekuva {
	vertical-align: top;
	text-align: left;
	width: 210px;
	padding-top: 20px;
}

.tuotetiedot .ostanappi {
	float: right;
	display: inline;
	padding: 10px 10px 20px 0px;
}
	
.tuotetiedot .ostanappi img {
	border-style: solid;
	border-color: #000000;
	border-width: 0px 0px 0px 0px;
}


.tuotetiedot .tuotekuva img {
/*	padding: 5px;
	background: #dfdfdf;*/
	border: 1px solid #afafaf;	
}

.tuotetiedot .tuotekuva a {
	color: #000000;
}

.tuotetiedot .tuotekuva a:hover {
	color: #3f3f3f;
}


.tuotetiedot_navi_solu #takaisin {
	padding: 0px 0px 0px 0px;
	float: left;
}

.tuotetiedot_navi_solu #takaisin img {
	border: 0px solid #000000;
}

.tuotetiedot_navi_solu #kassalle {
	padding: 0px 0px 0px 2px;
	float: left;
}

.tuotetiedot_navi_solu #kassalle img {
	border: 0px solid #000000;
}


/* -- ostoskori -- */
.ostoskoritaulukko {
	margin: 7px 7px 7px 30px;
	/*background: url(../images/shoppingcart_bg.jpg) top left repeat-x #ffffff;*/
	color: #ffffff;
	padding: 10px;
	width: 540px;		
	font-size: 110%;
}

.ostoskoritaulukko td {
	padding: 3px 6px;
	border-style: solid;
	border-color: #909090;
	border-width: 1px 1px 1px 1px; 
	/*border: 1px solid #7f7f7f;*/
	background: #ffffff;
	color: #aa2020;
	font-size: 8pt;
}

.ostoskoritaulukko tr.yhtrivi td {
	background: #fee040;
	color: #000000;
	font-weight: bold;
}

.ostoskoritaulukko tr.toiminnotrivi td, .ostoskoritaulukko tr.alvrivi td, .ostoskoritaulukko td.plusmiinus {
	background: #ffffff;
	display: inline;
	padding: 3px 6px;
	border-style: solid;
	border-color: #909090;
	border-width: 0px 0px 0px 0px; 
	/*border: 1px solid #7f7f7f;*/
	background: transparent;
	color: #aa2020;
	font-size: 8pt;

}

.ostoskoritaulukko tr.toiminnotrivi td {
	background: #ffffff;
	display: inline;
	padding: 3px 6px;
	border-style: solid;
	border-color: #909090;
	border-width: 0px 0px 0px 0px; 
	/*border: 1px solid #7f7f7f;*/
	background: transparent;
	color: #aa2020;
	font-size: 8pt;

}


.ostoskoritaulukko tr.alvrivi td {
	background: #ffffff;
	padding: 3px 6px;
	border-style: solid;
	border-color: #909090;
	border-width: 0px 0px 0px 0px; 
	/*border: 1px solid #7f7f7f;*/
	background: transparent;
	color: #000000;
	font-size: 8pt;

}

.ostoskoritaulukko th {
	vertical-align: bottom;
	text-align: left;
	color: #000000;
}

.ostoskoritaulukko .hinta {
	text-align: right;
	white-space: nowrap;
}

.ostoskoritaulukko a {
	color: #ff9900;
	text-decoration: none;
	font-weight: bold;
}



/* -- kassan vaihepalkki -- */
#vaihepalkki {
	float: left;
	list-style: none;
}

#vaihepalkki li {
	float: left;
	margin: 5px;
	padding: 5px 10px;
	background: #a0a0a0;
	border: 1px solid #404040;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}

#vaihepalkki .valittu {
	color: #ffffff;
	text-decoration: underline;
}

#vaihepalkki a {
	color: #000000;
	text-decoration: none;
}

#vaihepalkki a:hover {
	text-decoration: underline;
}

#maksutapaform, #clientform, #newclientform, #loginform {
	clear: both;
	margin: 10px;
}


#clientform label, #newclientform label, #loginform label {
	clear: left;
	float: left;
	width: 200px;
}
#clientform input, #newclientform input, #loginform input {
	float: left;
	margin: 2px;
}

#maksutapaform label {
	float: left;
	color: #000000;
}

#maksutapaform input {
	clear: left;
	float: left;
	margin: 2px;
}

.maksuikoni {
	padding: 5px;
	background: #ffffff;
	border: 1px solid #7f7f7f;
}

#kayttajapalkki {
	padding: 5px;
	background: #6f6f6f;
	text-align: right;	
}

#kayttajapalkki a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#kayttajapalkki a:hover {
	text-decoration: underline;
}

#tilisiirtolomake {
	color: #000000;
	margin: 7px;
	width: 560px;
}


.hintalappu {
	position: absolute;
	bottom: -5px;
	left: 75px;
	background: url(../../kauppa/images/hintalappu.gif) no-repeat top left;
	width: 90px;
	height: 54px;
	text-decoration: none;
}

.hintalappu .hinta {
	font-weight: bold;
	font-size: 110%;
	color: #000000;
	white-space: nowrap;
	position: relative;
	top: 19px;
	left: 11px;
	text-decoration: none;
	text-align: right;
	margin-right: 24px;
}

.nostopaikka td.kuvasolu {
	width: 200px;
}

.nostopaikka div.tuotekuva {
	position: relative;
	padding-right: 10px;
}

.nostopaikka {
	background: #ffffff;
	margin: 7px;
	padding: 7px 45px 7px 10px;
	width: 500px;
	border-bottom: 1px solid #996600;
}

.nostopaikka td {
	padding: 1px 10px;
}

.nostopaikka a {
	color: #0000ff;
	text-decoration: none;
}

.nostopaikka h2 {
	font-size: 140%;
	margin: 0px;
	padding: 0px;
}