a { text-decoration: none; color: #000099; }

a:hover { text-decoration: underline; color: #3333FF; }

hr { border-top: dotted 1px #666; border-bottom: 0px #fff; }

img { border:0px; }
html { font-size: 100%; /* IE HACK */ }
table { font-size: 100%; /* IE HACK */ }

                                                                                    /* BODY */

body {
    margin: 0px 0px; padding: 0px;
    top: 0px; bottom: 0px;
    text-align: center;
	 font-size: 0.9em;
	 font-family: Arial, Helvetica, sans-serif;
    background: url(img/bg_2.gif) repeat-x top left;
    }



                                                                                    /* MAIN */

                                                                                    

div#mainframe {

	 width: 950px; height: 100%;

    margin: 0px auto;

    text-align: left;

    padding: 0px;

	 background-color: #fff;

	 min-height: 800px;

}



                                                                                    /* HEADER */

div#headerframe {

    background-image: url(img/bg_header.jpg);

    width: 950px; height: 92px;

    top: 0px;

    vertical-align: top;

    text-align: left;

    background-color: #d83606;

    margin: 0px auto;

	 margin-top:3px;

    position: relative;

	 border-top: solid 0px #605e56;

	 border-bottom: solid 0px #605e56;

}

  div#header_center {

    position: absolute;

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 0px;

    left: 530px; top: 35px;

    float: right;

    height: 100%;

 }

  div#header_right {
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    left: 750px;
	 top: 10px;
    float: right;
	 height: 100%;

 }

 a.header_right_nav { color: #fff; }

 a.header_right_nav:hover { color: #efefef; }



                                                                                    /* CONTENT FRAME */

 div#contentframe {

    position: relative;

    margin: 0px 10px 10px 0px;

    height: 100%;

    top: 20px; left: 10px;

 }

 

                                                                                    /* CONTENT */

  div#content {

    position: relative;

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 15px 0px;

    width: 690px;

    float: left;

    height: 100%;

    background: #ffffff;

 }

div#suosituimmat10 {
display: block;
width: 700px;
min-height: 110px;
clear:right;
padding: 10px 0px;
border-bottom: 1px solid #A3A3A3;
}

div#suosituimmat10_kuva {
width: 120px;
float:right;
text-align: right;
}
 

 div#productsperpage {

 	position: relative;

	width: 100%; height: 30px;

   float: left;

	margin: 10px 0px 0px 0px;

   padding: 0px 0px 0px 0px;

	

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 0.7em;

 }

 

 .ryhma {

 	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.8em;

 }

 

 div#products {

 	position: relative;

	margin: 0px 0px 0px 0px;

   padding: 0px 0px 0px 0px;

	width: 690px;

   float: left;

   height: 100%;

   background: #fff;

	

	border-bottom: solid 1px #010101;

	margin-bottom: 20px;

	padding-bottom: 5px;

 }

 div#product {

 	position: relative;

	margin: 0px 0px 0px 0px;

   padding: 1px 0px 1px 0px;

	width: 100%;

   float: left;

   height: 100%;

	border-bottom: solid 1px #f3f3f3;

 }

  div#product_name {

 	position: relative;

	margin: 0px 0px 0px 0px;

   padding: 0px 0px 0px 0px;

	width: 230px;

   float: left;

   height: 100%;

	

	font-size: 0.75em;

   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

 }

   div#product_price {

 	position: relative;

	margin: 0px 0px 0px 0px;

   padding: 0px 10px 0px 0px;

	width: 90px;

   float: left;

   height: 100%;

	text-align: right;

	color: #ac1614;

   font-weight: bold;

	

   font-size: 0.75em;

   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

 }

   div#product_code {

 	position: relative;

	margin: 0px 0px 0px 0px;

   padding: 0px 0px 0px 0px;

	width: 80px;

   float: left;

   height: 100%;

	

	font-size: 0.75em;

   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

 }

   div#product_description {

 	position: relative;

	margin: 0px 0px 0px 0px;

   padding: 0px 0px 0px 0px;

	width: 280px;

   float: left;

   height: 100%;

	

   font-size: 0.75em;

   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

 }

 

                                                                                    /* LEFT FRAME */

div#leftframe {

    position: relative;

    margin: 0px 10px 0px 0px;

    padding: 0px 0px 0px 0px;

    width: 220px;

    left: 0px; top: 0px;

    float: left;

}

                                                                                    /* NAVIGATION */

div#navigationframe {

    position: relative;

    float: left;

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 0px;

    width: 218px;

 }

 

 div#tarjousframe {

    position: relative;

    width: 205px; height: 100%;

    border: solid 1px #8e2103;

    margin: 2px 2px 0px 0px;

    padding: 8px 8px;

    text-align: left;

	 float: left;

	 background: #fff;

 }

 

  div#tarjousframecontent {

    position: relative;

    width: 200px; height: 200px;

    border: solid 1px #8e2103;

    margin: 2px 2px 0px 0px;

    padding: 6px 6px;

    text-align: left;

	 float: left;

	 background: #fff;

 }

 

a.navigation {

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    font-size: 0.75em;

    color: #1f1f1f;

    font-style: normal;

    display: block;

    width: 218px;

    border-bottom: #8e2103 1px solid;

    border-right: solid 1px #8e2103;

	 border-left: solid 1px #8e2103;

    text-decoration: none;

    padding: 3px 0px 3px 0px;

    margin: 0px 0px;

    text-align: left;

    background: #efefef;

    overflow:hidden;

 }

 a.navigation:hover {

    background: #fff;

    color: #1F1F1F;

	 text-decoration: underline;

 }

 a.navigation2 {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 0.75em;

    letter-spacing: 1px;

    color: #1F1F1F;

    font-style: normal;

    display: block;

    width: 219px;

    height: 18px;

    border-right: dashed 1px #4F4F4F;

    text-decoration: none;

    padding: 0px 0px 0px 0px;

    margin: 0px 0px;

    text-align: left;

    background: #f3f3f3;

    line-height: 18px;

 }

 a.navigation2:hover {

    background: #fff;

    text-decoration: none;

    color: #3333FF;

 }

 .nav_header {

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    font-size: 0.75em;

    letter-spacing: 1px;

    color: #ffffff;

    font-style: normal;

    font-weight: bold;

    text-transform: uppercase;

    margin: 0px 0px 0px 0px;

    padding: 3px 0px 0px 0px;

 }

 

                                                                                     /* FOOTER */

div#footer {

	position: relative;

	display: block;

	height: 100px;

	margin: 0px 0px 0px 200px;

	padding: 0px 0px 0px 0px;

}

    

                                                                                    /* FORM */

input {

    border: #708090 1px solid;

    margin: 1px;

    background: #fafafa;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    font-size: 0.8em;

    padding: 3px;

}

input:hover{

    border: solid 1px #ac1614; background: #eee; color: #010101; }
	 



a.info { 

    display: block; width: 90px; height: 16px;

    border: #708090 1px solid;

    background: #fafafa;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.75em; color: #000;

    text-transform: uppercase;

    text-align: center;

    padding: 1px 1px 1px 1px; margin: 3px 0px 0px 0px;

    }

a.info:hover { border: solid 1px #ac1614; background: #eee; text-decoration: none; color: #000; color:  }

    

                                                                                    /* FONTS */

.bigxxl { 

font-family: 'trebuchet ms','verdana','arial','helvetica'; 

font-size: 2.0em;

letter-spacing: 1px;

color: #1F1F1F;

font-style: normal;

 }

.bigxl { 

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size: 1.6em;

letter-spacing: 1px;

color: #000;

font-style: normal;

text-transform: none;

font-weight:normal;

 }

 .big { 

font-family: 'trebuchet ms','verdana','arial','helvetica'; 

font-size: 1.0em;

letter-spacing: 1px;

color: #1F1F1F;

font-style: normal;

font-weight: bold;

 }

 .normal { 

font-family: 'trebuchet ms','verdana','arial','helvetica'; 

font-size: 0.85em;

color: #1F1F1F;

font-style: normal;

line-height: normal;

 }

 .small { 

font-family: 'trebuchet ms','verdana','arial','helvetica'; 

font-size: 0.75em;

letter-spacing: 1px;

color: #1F1F1F;

font-style: normal;

 }

  .smallxs { 

font-family: 'trebuchet ms','verdana','arial','helvetica'; 

font-size: 0.75em;

letter-spacing: 1px;

color: #1F1F1F;

font-style: normal;

text-transform: uppercase;

 }

   .smallxxs { 

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size: 0.65em;

letter-spacing: 0.1em;

color: #1F1F1F;

font-style: normal;

text-transform: uppercase;

 }

.price {

    color: #ac1614;

    font-weight: bold;

    font-size: 0.8em;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}
.tuoteostoskori {
	border: 1px solid #050505;
	padding:10px;
	background: #f4f4f4;
}

.nk_adminnavi {
	text-transform: uppercase;
	font-size: 0.85em;
	font-weight: bold;
	color: #ac1614;
	font-family: Arial, Helvetica, sans-serif;
	border-top: solid 1px #ac1614;
	border-bottom: solid 1px #ac1614;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	background: #FAFAFA;
}
a.nk_ryhma { text-decoration: none; padding-right:3px; padding-left:3px; border-right: solid 1px #fff; border-left: solid 1px #fff; color: #202020; letter-spacing: 1px; }
a.nk_ryhma:hover { text-decoration: none; border-left: solid 1px #ac1614; border-right: solid 1px #ac1614; color: #ac1614; }
.nk_hallintalomake {
	border-bottom: double 3px #ac1614; border-top: solid 1px #ac1614;
	padding-bottom: 10px;
}
h1 { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.5em;
letter-spacing: 1px;
color: #000;
font-style: normal;
 }
  h2 { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.35em;
letter-spacing: 1px;
color: #000;
font-style: normal;
 }
.tuoteh2 { font-size: 1.3em; color: #B52B06; }
 h3 { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
letter-spacing: 1px;
color: #000;
font-style: normal;
 }
.redfatbig { font-size:1.3em; color: #B52B06; border-bottom: 2px solid #050505; }
.redfat { font-size:0.9em; color: #B52B06; font-weight: bold;}