/* General styles, applies to all areas */

BODY {
font-family: Verdana, Arial;
margin: 0px 0px 0px 0px;

min-width: 900px;
background: #fff url(gfx/tausta_fade.jpg) repeat-x left top;
color : #000000;
text-align: center;
}


div { behavior: url(iepngfix.htc) }

.pilvi {
margin : 0px 0px 0px 0px;
background: transparent url(gfx/pilvet_top.jpg) no-repeat center top;
width: 100%;
height: 365px;

}



.pilvi_footer {
margin : -40px auto 0px auto;
background: transparent url(gfx/pilvet_footer.png) no-repeat center top;
width: 100%;
height: 130px;
clear:both;

}




.banner_main2 {
background: transparent url(gfx/banner_main2.jpg) no-repeat center top;
width: 641px;
height: 252px;
	font: 16px verdana;
	color: #fff;

}

.banner_main2 {
background: transparent url(gfx/banner_main2.jpg) no-repeat center top;
width: 641px;
height: 252px;
	font: 16px verdana;
	color: #fff;

}

.banner_main3 {
background: transparent url(gfx/etusivu.jpg) no-repeat center top;
width: 641px;
height: 466px;
	font: 16px verdana;
	color: #fff;
margin : 15px 10px 0px 0px;
}
.banner_main {
background: transparent url(gfx/banner_main.jpg) no-repeat center top;
width: 641px;
height: 252px;
	font: 16px verdana;
	color: #fff;
margin : 0px 0px 10px 0px;
}


.banner_flash{
	
background: transparent;
width: 641px;
height: 226px;
	font: 16px verdana;
	color: #fff;
margin : 0px 0px 20px 0px;
}




.logo_header {
background: transparent url(gfx/logo_tausta_c.jpg) no-repeat left top;


}




.footer_logo {
margin : 0px 10px 0px 0px;
float:right;
}



.left_bg{
background: #fff url(gfx/reuna_left.jpg) no-repeat left top;
margin : 15px 0px 0px 0px;
padding: 122px 0px 100px 10px;

}


.logo_div {
height: 138px;
width: 281px;
	background: transparent;
	margin: 0px 0px 0px -40px;
	padding: 0px 0px 0px 0px;

display:inline;
float:left;
top: 35px; 


position: absolute;
}







.logo {
margin : 0px 0px 0px 0px;

}




.toimituskulut {
margin : 0px 0px 0px 5px;
}





.main_ostoskori{

background: #fff url(gfx/main_ostoskori.gif) no-repeat left top;
margin : 0px 0px 0px 5px;
width: 232px;
height: 115px;
}


.tuoteryhma_bg {
margin : 17px 0px 0px 5px;
width: 232px;
background: #fff url(gfx/tuoteryhma_fader.jpg) repeat-x left top;
height:auto;
}
.tuoteryhma_bg_red {
margin : 10px 0px 0px 5px;
width: 232px;
background: #fff url(gfx/tuoteryhma_fader_red.jpg) repeat-x left top;
height:auto;
}



.tuoteryhma_bga {
margin : 10px 0px 10px 5px;
width: 232px;
background: #fff url(gfx/tuoteryhma_fader.jpg) repeat-x left top;
height:auto;
}


.tuoteryhmat{
margin : 0px 0px 0px 0px;
width: 232px;

}


.navi_top{
background: #fff url(gfx/tuoteryhma_bg.gif) no-repeat left top;
margin : 0px 0px 0px 0px;
padding: 12px 0px 0px 15px;
height:43px;
vertical-align: top;
font: bold 12px verdana;
color: #fff;
text-transform: uppercase;

}
.red_top{
background: #fff url(gfx/tuoteryhma_bg_red.gif) no-repeat left top;
}
TD.nav_open { 
background: url(gfx/tuoteryhma_bg2.png) no-repeat left top;
margin : 0px 0px 0px 0px;
padding: 8px 0px 0px 10px;
height:30px;
vertical-align: top;
font: bold 12px verdana;
color: #fff;
border-left: #006e97 1px solid;
} 


TD.nav_closed { 
margin : 0px 0px 0px 0px;
padding: 8px 0px 0px 10px;
height:30px;
vertical-align: top;
font: bold 12px verdana;
color: #006e97;

} 


P.nav_open { 
font: bold 12px verdana;
color: #fff;
float:left;
} 
 
A.nav_open { 
color : #fff; 
	text-decoration: none;
} 
 
A:hover.nav_open { 
color : #fff; 
	text-decoration: underline;
	
} 
 
P.nav_closed { 
font: bold 12px verdana;
color: #006e97;
display:inline;
border-top: 1px #006e97 solid;} 
 
A.nav_closed { 
color : #007ba4; 
	text-decoration: none;
}

A:hover.nav_closed { 
color : #007ba4; 
	text-decoration: underline;
} 
 


h3.ostoskori{
margin : 0px 0px 0px 80px;
padding : 10px 0px 0px 0px;
font: bold 12px verdana;
color: #000;
text-transform: uppercase;
text-align: left;
}

.kori{

margin : 2px 0px 3px 80px;
font: bold 11px verdana;
color: #000;
text-align: left;
float: left;
}


.dot {
margin : 5px 0px 5px 80px;
text-align: left;
float: left;
}

.ostoskori {
margin : 5px 0px 0px 80px;
border: 0px;
float: left;
display: block;
}

.kori_button {
    background-color: #038EE7;
    border: medium none;
    border-radius: 15px 15px 15px 15px;
    color: #FFFFFF;
    font-family: Verdana,Arial;
    font-size: 12px;
    font-weight: bold;
    float: left;
    padding: 2px 6px;
    margin: 5px 0 0 80px;
}



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

TABLE {
border : 0px;
}

IMG {
border : 0px;
}

H1 {
font-family: Verdana, Arial;
font-size : 16px;
font-weight : bold;
color : #00adef;
}

H2 {
font-family: Verdana, Arial;
font-size : 80%;
font-weight : bold;
color : #006080;

}

H4 {

	font: 20px verdana;
	color: #fff;
    clear:both;
    margin: 0px 0px 0px 10px;
    padding: 12px 0px 0px 0px;
}

.nostobanneri_txt {

	font: 14px verdana;
	color: #fff;
    clear:both;
    margin: 0px 0px 0px 10px;
    padding: 10px 0px 0px 0px;
    width:400px;
}

.nostobanneri_black {

	font: 14px verdana;
	color: #000;
    clear:both;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
    width:400px;
}

P, LI {
font-family: Verdana, Arial;
font-size : 80%;
line-height : 140%;
}

P.smallbasic {
font-family: Verdana, Arial;
font-size : 70%;
}




P.smallnote {
font-size : 70%;
color : #7a7a7a;
display : inline;
}

P.smallfade {
font-size : 70%;
color : #adadad;
}

A {
color : #007ba4;
}


p.tuotenosto a {
	
		text-decoration: none;
}
p.pvm a {
			text-decoration: none;
}

p.pvm a:hover {
			text-decoration: underline;
}



INPUT, TEXTAREA, SELECT {
font-family: Verdana, Arial;
font-size : 70%;
}

INPUT.button {
border : none;
background-color: #038ee7;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
font-family : Verdana, Arial;
font-size : 12px;
font-weight: bold;
color : #fff;
}
div#shopping_cart INPUT.button {
border : 0;
font-family : Verdana, Arial;
font-size : 70%;
font-weight: normal;
color: #006BA6;
text-decoration: underline;
background: transparent;
}

INPUT.field {
border-top : 1px solid #747474;
border-bottom : 1px solid #747474;
border-left : 1px solid #747474;
border-right : 1px solid #747474;
font-family : Verdana, Arial;
font-size : 90%;
background : #ffffff;
color : #000000;
}

INPUT.field_haku {
border-top : 1px solid #00adef;
border-bottom : 1px solid #00adef;
border-left : 1px solid #00adef;
border-right : 1px solid #00adef;
font-family : Verdana, Arial;
font-size : 70%;
background : #ffffff;
color : #000000;
}



TEXTAREA.field {
border-top : 1px solid #747474;
border-bottom : 1px solid #747474;
border-left : 1px solid #747474;
border-right : 1px solid #747474;
font-family : Verdana, Arial;
font-size : 70%;
background : #ffffff;
color : #000000;
}

FORM.inline {
display : inline;
} 



/* Page top styles, applies to the top area */

TD.toplinks {
padding:0px;
margin: 0px 0px 0px 0px;
/*background: #fff url(gfx/navi_bg.jpg) no-repeat right top;*/
width: 665px;
/*height: 42px;*/
height: 38px;
vertical-align: top;

}

P.toplinks {
float:right;
	padding: 10px 5px 0px 0px;
	margin:0px;
}

P.footerlinks {
float:left;
	padding: 5px 0px 0px 0px;
		margin: 0px 5px 0px 10px;
	border-top: solid 1px #666;
	width:892px;
}




a.menu:link, a.menu:active, a.menu:visited  {
	font: bold 11px verdana;
	color: #00688f;
	word-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 30px 0px 0px;
}

a.menu:hover {
	font: bold 11px verdana;
	color: #00688f;
	text-decoration: underline;
	word-spacing: 1px;
	text-transform: uppercase;
		padding: 0px 30px 0px 0px;
}


a.menu_footer:link, a.menu_footer:active, a.menu_footer:visited  {
	font: bold 11px verdana;
	color: #666;
	word-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 7px 0px 0px;
}

a.menu_footer:hover {
	font: bold 11px verdana;
	color: #666;
	text-decoration: underline;
	word-spacing: 1px;
	text-transform: uppercase;
		padding: 0px 7px 0px 0px;
}



/* Breadcrumb styles, applies to the breadcrumb area */

TD.topbreadcrumb {
/*background: url(gfx/page_top.jpg)*/
}

P.topbreadcrumb {
font-family : Verdana, Arial;
font-size : 70%;
color : #adadad;
float: left;
margin: 0;}

A.topbreadcrumb {
text-decoration : none;
color : #adadad;
}

.kirjaudu {
background: url(gfx/kirjaudu.png) no-repeat top left;
width: 56px;
height: 17px;
border: 0;
}

/* Navigation styles, applies to the category navigation area on the left hand side */

TD.navigation {
padding : 25px;
border-right : 1px dashed #c0c0c0;
background-color : #ffffff;
}


 



/* Main styles, applies to the main page area on the right hand side */

TD.main {
padding : 10px 15px 0px 10px;
background-color : #fff;
width: 655px;
height: 1300px;
}



/* Cart snapshot styles, applies to the snapshot area of the shopping cart */

TD.cartbottom {
padding : 5px;
background-color : #fff;

height: 80px;
}

FONT.cartbottom {
font-family: Verdana, Arial;
font-size : 70%;
color : #007ba4;
}



/* Bottom styles, applies to the bottom area */

TD.bottom {
padding : 5px;
}



/* Product table styles, applies to product detail area */

TABLE.product {
border-bottom : 1px solid #f3f3f3;
}

TD.details {
padding : 10px;
border-left : 1px solid #f3f3f3;
}

TR.list1 {
background-color : #f9f9f9;
} 

TR.list2 {
background-color : #ffffff;
} 



/* Shopping cart styles, applies to shopping cart table area */

TD.cartbasic {
padding : 5px;
border-bottom : 1px solid #f3f3f3;
} 

P.cartbasic {
font-size : 80%;
} 

TD.carttotal {
padding : 5px;
border-bottom : 1px solid #f3f3f3;
} 

P.carttotal {
font-size : 80%;
font-weight : bold;
}

.back_button {
background: url(gfx/takaisin_off.png) no-repeat top left;
height: 24px;
width: 75px;
border: 0;
}

.back_button:hover {
background: url(gfx/takaisin_on.png) no-repeat top left;
height: 24px;
width: 75px;
border: 0;
}

.gotoform_button {
width: 206px;
height: 43px;
background: url(gfx/tilauslomakkeeseen_off.png) no-repeat top left;
border: 0;
}

.gotoform_button:hover{
width: 206px;
height: 43px;
background: url(gfx/tilauslomakkeeseen_on.png) no-repeat top left;
border: 0;
}

/* Progress bar styles, applies to progress bar area */

P.pb {
font-size : 70%;
color : #adadad;
} 

TD.pbactive {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #ffffb3;
} 

TD.pbinactive {
border-top : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #ffffff;
}


  	     	      	        	   	       		         	    	   	   	     
.tuotenosto_table {

width: 530px;

}

TD.tuotenosto_table1 {

border-bottom : 1px solid #f3f3f3;
background-color : #fff;
width: 170px;
vertical-align:top;
}

TD.tuotenosto_table2 {
border-left : 1px solid #f3f3f3;
border-bottom : 1px solid #f3f3f3;
background-color : #fff;
width: 170px;
vertical-align:top;

}








.kuvakehys {
position: relative;
text-align: center;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 2px;
background: transparent;
border: 1px solid #d7d7d7;
width: 167px;
height: 160px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;





}











.kuvakehys_2 {
text-align: center;
padding: 1px 0px 0px 0px;
background: transparent url(gfx/kuvakehys_small.gif) no-repeat center top;
}


P.tuotenosto {
text-align: left;
padding: 0px 0px 0px 5px;
	font: bold 11px verdana;
	color: #00adf0;
/*height:25px;*/
		margin: 10px 0px 0px 0px;
}

p.tuotenosto_hinta {

padding: 5px 0px 0px 5px;
	font: 12px verdana;
	color: #7a7a7a;
			margin: 0px;
background:transparent;


}




































.tarjoushinta {
text-align: left;
padding: 5px 0px 0px 0px;
	font: bold 12px verdana;
	color: #dd002f;

			margin: 0px 0px 0px 0px;
}

.hinta_vasen {
	width:40px;
float:left;
	background: transparent;
}




.oikea_haku {
padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
float:right;
width:110px;

}

.oikea_banner {
padding: 0px 0px 0px 0px;
		margin: 31px 0px 0px 0px;
float:right;
width:110px;
clear:right;
}




.banner_oikea{

border: 0px;

}


.opas{

padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 10px;
float:right;
display:block;
}





.opas_tb{

padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 0px;
float:left;
width: 610px;
border: solid 1px #ddd;
}

.opas_td{

padding: 0px 0px 0px 0px;
border: solid 1px #ddd;
}


.maksunappi{

		margin: 10px auto 10px auto;
		display:block;
		text-align:center;
}

.maksutavat{

		margin: 20px 0px 0px 0px;
		display:block;
}

.menu_line {
	width: 180px;
float:left;
	}


.menu_span {

	width: 180px;
	background: transparent;
float:right;
display:inline;
vertical-align: top;
position:absolute;
	}


.news_q {
	width:20px;
	vertical-align:top;
	font: 12px verdana;
	color: #006e97;
		padding: 3px 3px 0px 10px;
}


.news_t{

	vertical-align:top;
		padding: 0px 10px 10px 0px;
		padding-left:8px;
}

.uutisotsikko{

		font: bold 12px verdana;
	color: #006e97;
}


P.pvm {
		font: 10px verdana;
	color: #888;
	line-height:14px;	
			padding: 0px 0px 0px 0px;
						margin: 0px 0px 0px 0px;
}

P.uutisteksti {
		font: bold 10px verdana;
	color: #000;
	line-height:14px;
						margin: 5px 0px 0px 0px;
}

.haku_kuva {
	border: 0px;
vertical-align:bottom;
}

#icon-info-box {
position:absolute;
display:none;
width:350px;
height:194px;
font-size:70%;
margin-left:200px;
background-color: white;
border: 2px solid #007BA4;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
behavior:url(border-radius.htc);
}

.login_form {
z-index: 199;
float: left;
margin: 0;
padding-left:10px;
padding-top:3px;
height:12px;
margin-top: 5px;
}

.login_form input {
	font-size: 10px;
	float: left;
margin-right: 5px;
}

.login_form input[type=text], .login_form input[type=password] {
	width: 80px;
	height: 16px;
font-size: 8px;}

.tausta {
background-image: url(gfx/top_bg.png);
background-repeat: no-repeat;
background-position: top;}

.level_2 {
border-left: #006e97 1px solid;
}

.level_3 {
border-left: #006e97 1px solid;}

.level_2 a, level_3 a {

}
#otsikko_rivi h1.tuote_otsikko {
float: left;
}
#kampanja {
float: right;
}
#kampanja input#formcode {
margin: 0 5px 0 5px;
}
#kampanja input#activate_cc_button {
position: relative;
top: 5px;
}

/* Clover Shop Copyright (c) 2001- Apilaratas Oy - http://www.apilaratas.fi */