/* SASTA CSS - SSC International Oy 2005*/

/* Taso 1 - navigaatiolinkki */
a.navi, a:visited.navi{
	display: block;
	width:174px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:20px;
	
	border-width:1px 0px 0px 0px;
	border-color:#FFFFFF;
	border-style:solid;
	
	font-family:arial; 
	font-weight:bold;
	text-decoration: none;
	font-size:12px;
	color:#646565;
	letter-spacing:1px;
	
	background-image: url(pics/navi_bg1.gif);
	background-repeat:repeat-y;
	background-position:left;
}

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

/* Taso 1 - mouseover*/
a:hover.navi{
	display: block;
	background-image: url(pics/navi_bg2.gif);
	color:#FFFFFF;
}

/* Taso 2 - navigaatiolinkki */
a.navi_2, a:visited.navi_2{
	display:block;
	width:174px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
	/*margin-right: 2px;*/
	
	border-width:1px 0px 0px 0px;
	border-color:#FFFFFF;
	border-style:solid;
	
	font-family:arial; 
	font-weight:bold;
	text-decoration: none;
	font-size:10px;
	color:#646565;
	letter-spacing:1px;

	background-image: url(pics/navi2_bg1.gif);
	background-repeat:repeat-y;
	background-position:left;
}

/* Taso 2 - mouseover*/
a:hover.navi_2{
	display: block;
	background-image: url(pics/navi2_bg2.gif);
	color:#FFFFFF;
}

.nuoli {
	border:0px;
}

/* Taso 1 - highlite - Tätä käytetään highlitenä kun ollaan alasivulla */
a.navi_hl, a:visited.navi_hl, a:active.navi_hl, a:hover.navi_hl{
	display:block;
	width:174px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:20px;
	
	border-width:1px 0px 0px 0px;
	border-color:#FFFFFF;
	border-style:solid;
	
	font-family:arial; 
	font-weight:bold;
	text-decoration: none;
	font-size:12px;
	color:#646565;
	letter-spacing:1px;

	background-image: url(pics/navi_bg2.gif);
	background-repeat:repeat-y;
	background-position:left;
}

/* Taso 2 - highlite - Tätä käytetään highlitenä kun ollaan alasivulla */
a.navi_2_hl, a:visited.navi_2_hl, a:active.navi_2_hl, a:hover.navi_2_hl{
	display:block;
	width:174px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
	
	border-width:1px 0px 0px 0px;
	border-color:#FFFFFF;
	border-style:solid;
	
	font-family:arial; 
	font-weight:bold;
	text-decoration: none;
	font-size:10px;
	color:#FFFFFF;
	letter-spacing:1px;

	background-image: url(pics/navi2_bg2.gif);
	background-repeat:repeat-y;
	background-position:left;
}

/* Tuotenavi - Tätä käytetään tuotesivuilla tuotteen nimessä */
a.tuote, a:hover.tuote, a:active.tuote, a:visited.tuote{
	font-family:arial;
	font-weight:normal;
	text-decoration: none;
	font-size:10px;
	color:#646565;
}

.tuote_kuva {
	border:0px none;
}
	
/* Leipätekstin otsikko */
.otsikko{
	font-family:arial; 
	font-weight:bold;
	text-decoration: none;
	font-size:12px;
	color:#646565;
}

/* Leipäteksti */
.leipis{
	font-family:arial; 
	font-weight:normal;
	text-decoration: none;
	font-size:10px;
	color:#646565;
}

/* Harmaat rajat tuotekuviin */
.border_tuote {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D1D3D2;
	border-bottom-color: #D1D3D2;
	border-top-width: 0px;
	border-left-width: 0px;
	padding:6px;
}

body, html {
	background-image: url(pics/bg2.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-face-color: #009ac9;
	scrollbar-shadow-color: #01617a;
	scrollbar-highlight-color: #00455a;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #01617a;
	scrollbar-arrow-color: #FFFFFF; 
}

.button {  
font-family: arial;
font-size: 10px; 
font-weight: bold; 
color: #656565; 
background-color: #E1E3E2; 
border: 1px #838383 solid
}

.retailer{
	margin:20px 100px 0 60px;
}
.retailerList{
	padding-bottom:50px;
}
.niceButton{
	background:url(pics/button.png) top left no-repeat;
	text-transform:uppercase;
	width:89px;
	height:25px;
	text-align:center;
	color:white;
	font-family:arial;
	font-weight:bold;
	text-decoration:none;
	line-height:25px;
	text-shadow:0 -1px 1px rgba(0,0,0,0.6);
	
	position:absolute;
	right:0;
	top:50%;
	margin-top:-12px;
}
.niceButton:hover{
	background-position:-89px 0;
	
}