/* 
		General styles 
*/

html {
	overflow: -moz-scrollbars-vertical;
} 

body {  
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: left;
	background: #ffffff;
}


body, td, p, div {  
	font: 10px/14px "Geneva", Arial, Helvetica, sans-serif;
	color: #494949;
}
/*
input {
	font: 12px/15px "Geneva", Arial, Helvetica, sans-serif;
	color: #ffffff;
}
*/
textarea {
	font: 12px/15px "Geneva", Arial, Helvetica, sans-serif;
	color: #494949;
	background-color: #ffffff;
	width: 570px;	
}

a:link, a:active, a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #494949;
	text-decoration: none;
}

.linkki {
	padding: 0px 10px 0px 16px;
	background: url(../images/nuoli.gif) top left no-repeat;
}
.linkki a:link, .linkki a:active, .linkki a:link, .linkki a:visited {
	text-decoration: underline;
}
.linkki a:hover {
	color: #333333;
	text-decoration: underline;
}

.smlinkki {
	color: #000000;
	text-decoration: none;
}
.smlinkki a:link, .smlinkki a:active, .smlinkki a:link, .smlinkki a:visited {
	text-decoration: none;
}
.smlinkki a:hover {
	color: #494949;
	text-decoration: none;
}

.unlinkki {
	color: #494949;
	text-decoration: none;
}
a.unlinkki:link, a.unlinkki:active, a.unlinkki:link, a.unlinkki:visited {
	color: #494949;
	text-decoration: none;
}
a.unlinkki:hover {
	color: #000000;
	text-decoration: none;
}


/* 
		Common layout styles
*/

#wrapper {
	position: relative; 
	text-align: center; 
	width: 100%;
}
.centered {
	position: relative; 
	text-align: left; 
	margin-right: auto;
	margin-left: auto;
}

#main, #header, #footer {
	position: relative; 
	text-align: left; 
	clear: left;
	margin-right: auto;
	margin-left: auto;
	width: 780px;
}
#main {
	margin-top: 10px;
	margin-bottom: 20px;
}
#main .vasen, #main .vasen p {
	font-size: 10px;
}
#main .oikea {
	font-size: 10px;
}

#navi {
	font: 12px/14px "Geneva", Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}
a.navi, a.navi:visited, a.navi:active { color: #494949; text-decoration: none; }
a.navi:hover { color: #4CFFEE; text-decoration: none; } 
.navi_on { color: #000000; text-decoration: none; }
a.navi_on, a.navi_on:visited, a.navi_on:active { color: #000000; text-decoration: none; }
a.navi_on:hover { color: #4CFFEE; text-decoration: none; } 


#cart, .cart {
	color: #000000;
	font-size: 10px;
	line-height: 7px;
	padding-bottom: 10px;
}
#cart img, .cart img {
	margin-bottom: 6px;
}

#footer {
	border-top: 10px solid #000000;
	padding-top: 3px;
	color: #000000;
}


.uutisteksti p, .uutisteksti ul, .uutisteksti li, .uutisteksti ol {
	margin-left: 0px;
	padding-left: 0px;
	font-size: 12px;
	line-height: 18px;
}
.teksti {
	margin: 0px 16px 10px 0px;
	font-size: 12px;
	line-height: 18px;
}
.teksti a:link, .teksti a:active, .teksti a:link, .teksti a:visited {
	color: #929292;
	text-decoration: none;
}
.teksti a:hover {
	color: #333333;
	text-decoration: underline;
}


.tuotelista_wrapper {
}
.tuote {
	width: 100px; 
	float:left;
	margin: 0px 0px 15px 8px;
	padding: 5px;
	/*background: #DFFFFF url(../images/tuotepohja.gif) bottom repeat-x;
	background: #929292;*/
}
.tuote p {
	font-size: 9px;
	margin-top: 5px;
	margin-bottom: 0px;
}
.tuote img {
	border: none;	
}
.tuotehinta {
	font-size: 10px;
	color: #999999;
}

.lomake { 
	/*font-family: Verdana, Arial, Helvetica, sans-serif; */
	height: 17px;
	color: #494949; 
	background-color: #ffffff;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid; 
	border-right: #000000 1px solid; 
	border-top: #000000 1px solid; 
	margin-left: 0px; 
	margin-top: 0px;
	padding-left: 3px; 
	padding-right: 1px; 
	padding-bottom: 0px; 
	padding-top: 1px;
	font-size: 10px;
}
.lomake_nappi { 
	/*font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-size: 10px; 
	color: #ffffff; 
	font-color: #ffffff; 
	height: 20px;
	background-color: #000000; 
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid; 
	border-right: #ffffff 1px solid; 
	border-top: #ffffff 0px solid; 
	margin-left: -2px; 
	margin-top: 0px;
	padding-left: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px;
}

.lomake2 { 
	/*font-family: Verdana, Arial, Helvetica, sans-serif; */
	height: 17px;
	color: #494949; 
	background-color: #ffffff;
	border-bottom: #999999 1px solid;
	border-left: #999999 1px solid; 
	border-right: #999999 1px solid; 
	border-top: #999999 1px solid; 
	margin-left: 0px; 
	margin-top: 0px;
	padding-left: 3px; 
	padding-right: 1px; 
	padding-bottom: 0px; 
	padding-top: 1px;
	font-size: 10px;
}
.lomake2_nappi { 
	/*font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-size: 10px; 
	color: #ffffff; 
	font-color: #ffffff; 
	height: 20px;
	background-color: #ffffff; 
	border-bottom: #999999 1px solid;
	border-left: #999999 1px solid; 
	border-right: #ffffff 1px solid; 
	border-top: #ffffff 0px solid; 
	margin-left: -2px; 
	margin-top: 0px;
	padding-left: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px;
}

/*
		Text styles
*/

p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

h1 {
	font: 21px/27px "Geneva", Arial, Helvetica, sans-serif;
	color: #494949;
}
h2 {
	font: 16px/19px "Geneva", Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	color: #494949;
}
h3 {
	font: 13px/19px "Geneva", Arial, Helvetica, sans-serif;
	color: #494949;
	margin: 0px;
}

.smteksti, .smteksti p {
	font: 10px/14px "Geneva", Arial, Helvetica, sans-serif;
	color: #494949;
}

.head { 
	background-repeat: no-repeat;
	display: block; 
	font-size: 1px; 
	overflow: hidden;
	text-indent: -9999px;
	margin: 20px 0px 0px 20px;
	padding: 0px;
}


small, .small {
	font-size: 9px;
}

.sec {
	color: #999999;
}

.border {
	border-bottom: 1px solid #EBEBEB;
}
.border_top {
	border-top: 1px solid #EBEBEB;
}


.valikko {
	width: 150px;
	font-size: 10px;
}

.line_iso_vas {
	border-top: 10px solid #000000;
	height: 0px;
	overflow: hidden;
}

.line_iso {
	border-top: 10px solid #000000;
	height: 0px;
	overflow: hidden;
}

.line_vas {
	margin: 10px 0px 10px 0px;
	height: 1px;
	overflow: hidden;
	background:url(../images/line_vas.gif) repeat-x;
}
.line {
	margin: 10px 0px 10px 0px;
	height: 1px;
	overflow: hidden;
	background:url(../images/line.gif) repeat-x;
}


/*
		Other element styles
*/

/* Display */
.hide, .hidden { 
	display: none;
}
.show, .inline {
	display:inline;
}
.block {
	display:block;
}


/* Etc. */
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

form {
	margin: 0px;
	padding: 0px;
}
/*
ul { 
	margin-top: 0em;
	margin-bottom: 11px; 
}
ol {
	margin-top: 0px;
	margin-bottom: 0px;
}
li {
	margin-left: 0px;
}
*/

.textBoxWrapper1 {
/* background-color: #F7F7F7; */
 	padding-right: 0px;
	margin-right: -15px;
	margin-bottom: -15px; /* for the benefit of macIE5 only */ 
}
/* \ commented backslash hack - recover from macIE5 workarounds, it will ignore the following rule */
.textBoxWrapper1 { margin-right: 0; }
.textBoxIdent1 {
	width: 263px; /* -17px */
	text-align: left;
}
.textBoxIdent2 {
	width: 226px; /* -17px */
	text-align: left;
}


img, div { behavior: url(iepngfix.htc) }