/* ======================================================================================================== */
/* Yleiset määreet */

body{
}
body *{
	font-family: "Lucida Grande", Arial, Verdana;
}
a:link, a:visited, a:active{
	color: #7C7C7C;
	text-decoration: underline;
}
a:hover{
	color: #7C7C7C;
	text-decoration: none;
}
p{
	margin: 0px 40px 15px 43px;
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #777777;
}


.perus_arial_11{
	margin: 0px 40px 15px 43px;
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #777777;
}
.perus_times_11{
	margin: 0px 40px 15px 43px;
	font: 11px/17px Times New Roman, Helvetica, sans-serif;
	color: #000000;
}
.perus_arial_13{
	margin: 0px 40px 15px 43px;
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #777777;
}
.perus_times_13{
	margin: 0px 40px 15px 43px;
	font: 13px/19px Times New Roman, Helvetica, sans-serif;
	color: #000000;
}


ul{
	margin: 0px 40px 15px 0px;
	margin: expression("0px 40px 15px 43px"); /* IE hax0r*/
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #777777;
}
li{
	padding-left: 8px;
	padding-left: expression("7px"); /* IE hax0r*/	
	margin: 0px 40px 0px 4px;
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #777777;
	line-height: 15px;
}
h1{
	font: 20px "Trebuchet MS", Arial, Verdana;
	color: #8C8C8C;
	margin: 25px 20px 5px 43px;
	text-transform: uppercase;
}
h2{
	margin: 25px 20px 5px 43px;
	font-size: 13px;
	font-weight:bold;
	color: #666666;
}
input{margin: 0px; padding: 0px;}

/* ======================================================================================================== */
/* border ja padding */
#contentArea{
	border: 1px solid #000000;
	padding: 2px;
}

/* ======================================================================================================== */
/* Logoalue*/
#logo{
	height: 50px;
	width: 184px;
}

/* ======================================================================================================== */
/* Kieliversion muotoilut */
#langbar{
	text-align: right;
	vertical-align: bottom;
/*	color: #7C7C7C; */
	color: #000000; 
	font-size: 9px;
	padding: 4px;
}
#langbar a:link, #langbar a:visited, #langbar a:active{
	text-decoration: none;
		color: #000000; 
}
#langbar a:hover{
	text-decoration: underline;
	color: #000000; 
}

/* ======================================================================================================== */
/* Ylänavigointi */
#navibar{
	margin: 2px 2px 0px;
	padding: 0px;
	height: 41px;
	width: 755px;
	background: #AFAFAF;
	text-align: left;
	vertical-align: middle;
}
#navibar p{
	padding: 12px;
	margin: 0px;
}
#navibar a {
	margin: 0px 2px 0px 2px !important;
	color: #FFFFFF;
	text-decoration: none;
}
#navibar a:hover {
	text-decoration: underline;
}

/* ======================================================================================================== */
/* Vasen navigointi */
#leftNavi{
	background: #AFAFAF;
	padding: 0px;
	margin: 0px 1px 0px 0px;
}
#leftNavi p{
	margin: 14px 14px 0px 17px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background:   url(/imgs/arrow.gif) no-repeat left 5px;
	padding-left: 9px;
}
#leftNavi a{
	color: #FFFFFF;
	text-decoration: none;
}
#leftNavi a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/* ======================================================================================================== */
/* Vasemman navigoinnin hakukenttä */
#hakuVasen{
	margin: 20px 0px 0px;
	padding: 12px;
	border-top: 1px solid #FFFFFF;
}
#hakuVasen p{
	margin: 0px;
	padding: 0px;
	background: none;
	font-weight:100;
}

/* ======================================================================================================== */
/* Navipolku */
#navipath{
	margin: 0px;
	padding:0px;
}
#navipath p{margin: 3px 3px 3px 8px!important;
padding: 0px !important;}
#navipath a:link, #navipath a:visited, #navipath a:active{
	text-decoration: none;
	font-weight: bold;
}
#navipath a:hover{
	text-decoration: underline;
	font-weight: bold;
}

/* ======================================================================================================== */
/* FOOTER */
#footer{
	background: #AFAFAF;
	height: 30px;
	width: 755px;
	text-align: left;
}
#footer p{
	margin: 0px;
	font-size: 11px;
	color: #FFFFFF;
	padding: 8px 8px 8px 10px;
}

/* ======================================================================================================== */
/* Scrollattavan alueen määreet. Sisältää navipolun */
#scrollable{
	overflow: auto;
	width: 573px;
	height: 322px;
}
#scrollable p{}

/* ======================================================================================================== */
/* Scrollattavan alueen määreet, kun eu ole fiiliskuvaa. Sisältää navipolun */
#scrollableWhole{
	overflow:auto;
	width: 573px;
	height: 472px;
}
#scrollableWhole p{}

/* ======================================================================================================== */
/* tuotelistauksen taulukko */
.prodList td{
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}
.prodList{ 
	border-left: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
.prodList p{
	font: 11px Arial, Helvetica, sans-serif;
	color: #777777;
	margin: 3px 3px 3px 5px;
}
.hinta{
	font-weight: bold !important;
	color: #FF0000 !important;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 13px !important;
}

/* ======================================================================================================== */
/* OSTOSKÄRRY, korvaa FOOTERIN */
#shoppingCart{
	background: #AFAFAF;
	height: 30px;
	width: 755px;
	text-align: left;
}
#shoppingCart p{
	margin: 0px;
	font-size: 11px;
	color: #FFFFFF;
	padding: 0px 2px 0px 2px;
}
#shoppingCart img{
	margin: 0px 0px 0px 0px;
}
#shoppingCart a:link, #shoppingCart a:visited, #shoppingCart a:active{
	color: #FFFFFF;
	margin: 0px 10px 0px 0px;
}
#shoppingCart a:hover{
	color: #FFFFFF;
}

/* ======================================================================================================== */
/* OSTOSKÄRRY, muut */

.shoppingStatus{
	padding: 0px;
	margin: 0px 43px 0px 43px;
	border-top: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;	
	font: 10px Arial, Helvetica, sans-serif;
	color: #777777;
}
.shoppingStatus td{
	padding: 4px;
	margin: 0px;
	height: 14px;
	border-bottom: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	text-align: left;
	vertical-align: top;
}

.shoppingStatus td.completed{
	background-color:#E5E5E5;
}

.shoppingStatusHelp{
	margin: 25px 43px 0px 43px;
}


/* ======================================================================================================== */
/* Taulukon muotoilut */
.product {
	padding: 0px;
	margin-left: 43px;
	border-top: 1px solid #E5E5E5;
	font: 11px Arial, Helvetica, sans-serif;
	color: #777777;
}
.product td{
	padding: 0px 2px;
	margin: 0px;
	height: 18px;
	border-bottom: 1px solid #E5E5E5;
	text-align: right;
}

.productPic {
	padding: 0px;
	border-top: 1px solid #E5E5E5;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #777777;
	border-left: 1px solid #E5E5E5;
}
.productPic td{
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #E5E5E5;
	text-align: center;
	border-right: 1px solid #E5E5E5;
}
.productPic a:link{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.productPic a:visited{
	font-weight: bold;
	color: #777777;
	text-decoration: none;
}
.productPic a:active{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.productPic a:hover{
	font-weight: bold;
	color: #777777;
	text-decoration: none;
}

.productCart {
	padding: 0px;
	border-top: 1px solid #E5E5E5;
	font: 11px Arial, Helvetica, sans-serif;
	color: #777777;
	border-left: 1px solid #E5E5E5;
	margin: 15px 0px 0px;
}
.productCart td{
	padding: 2px 5px;
	margin: 0px;
	border-bottom: 1px solid #E5E5E5;
	text-align: left;
	border-right: 1px solid #E5E5E5;
	line-height: 15px;
}
.prodSaldo{
	font: 11px Arial, Helvetica, sans-serif;
	color: #777777;
	margin: 10px 5px 10px 10px;
}

/* ======================================================================================================== */
/* Yleinen taulukkopohja tietojen listaamiseen */
.common {
	padding: 0px;
	margin: 25px 43px 0px 43px;
	border-top: 1px solid #E5E5E5;
	font: 11px Arial, Helvetica, sans-serif;
	color: #777777;
}
.common td{
	padding: 0px 10px 0px 10px;
	margin: 0px;
	height: 18px;
	border-bottom: 1px solid #E5E5E5;
	text-align: left;
}
.header1 td{
	background: #E5E5E5;
}
/* Palautelomakkeen muotoilut */

#feedback {
	padding: 0px;
	margin-left: 43px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #777777;
}
#feedback td{
	text-align: left;
	padding: 0px;
	margin: 0px;
	height: 18px;
}