* {}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

form {
margin: 0px; 
padding: 0px;
}

img {
border:0;
}

td {
  vertical-align:top;
}

body, html {
height: 100%; 
width: 100%; 
margin: 0px; 
padding: 0px;
font-size: 12px;
font-family: Arial, helvetica;
background-color: #092848;
background-image: url(/instancedata/kalevalakoru/pics/new/bgimage.jpg);
text-align: center;
}

.clearer {
  clear:both;
}

img.png24, div.png24 { behavior: url(/instancedata/kalevalakoru/pics/new/iepngfix.htc) }

textarea, input {
  font-family: Arial, Helevetica;
  font-size: 11px;
}

/* Sivuston fontit keskikoko */
div#ds_top {
margin: 0 auto;
width: 865px;
height: 17px;
background-image: url(/instancedata/kalevalakoru/pics/new/dropshadow_top.png);
}



div#ds_bg {
margin: 0 auto;
width: 865px;

background-image: url(/instancedata/kalevalakoru/pics/new/dropshadow.png);
}

div#main {
margin: 0 auto;
width: 845px;
position: relative;
background-color: white;
text-align: left;
background-image: url(/instancedata/kalevalakoru/pics/new/main_bg.png);
background-position: bottom left;
background-repeat: no-repeat;
}

div#header {
background-image: url(/instancedata/kalevalakoru/pics/new/header_bg.png);
background-position: right;
background-repeat: repeat-y;
}

div#logo {
float: left;
width: 64px; 
height: 64px;
padding: 0px;
margin: 0px;
padding-left: 4px;
padding-top: 4px;
border: 0px solid red;
}

div#logo a{
display: block;
width: 64px;
height: 64px;
background-image: url(/instancedata/kalevalakoru/pics/new/logo.png);
}

div#logo a span{
display: none;
}


div#logo h1 {
display: none;
}


div#ds_bottom {
margin: 0 auto;
width: 865px;
height: 23px;
background-image: url(/instancedata/kalevalakoru/pics/new/dropshadow_bottom.png);
}

div#ds_bottom p {
font-size: 11px;
padding: 0px;
margin: 0px;
padding-top: 8px;
color: #486e98
}

div#menu {
margin-left: 4px;
position: relative;
width: 772px;
height: 72px;
float: left;
border: 0px solid red;
}

div#menu ul {
padding: 0px; 
margin: 0px;
display: block;
}

div#menu ul#level1 {

}

div#menu ul li {
padding: 0px; 
margin: 0px;
display: block;
list-style-type: none;
float: left;
}

div#menu ul li a {
padding: 0px; 
margin: 0px;
display: block;
font-weight: bold;
font-size: 12px;
color: #002e5c;
text-decoration: none;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
text-transform: uppercase;
}
div#menu ul#nn_c0 li.selected {
background-color: #f0f0f0
}

div#menu ul#nn_c0 li a:hover {
background-color: #e0e0e0
}

div#menu ul#nn_c1, div#menu ul#nn_c2, div#menu ul#nn_c3, div#menu ul#nn_c4, div#menu ul#nn_c5, div#menu ul#nn_c6, div#menu ul#nn_c7 {
position: absolute;
left: 0px; 
top: 38px;
background-color: #f0f0f0;
width: 772px;
padding-bottom: 10px;

}

div#menu ul#nn_c1 li, div#menu ul#nn_c2 li, div#menu ul#nn_c3 li, div#menu ul#nn_c4 li, div#menu ul#nn_c5 li, div#menu ul#nn_c6 li, div#menu ul#nn_c7 li {
padding: 0px; 
margin: 0px;
display: block;
list-style-type: none;
padding-top: 10px;
}

div#menu ul#nn_c1 li a, div#menu ul#nn_c2 li a, div#menu ul#nn_c3 li a, div#menu ul#nn_c4 li a, div#menu ul#nn_c5 li a, div#menu ul#nn_c6 li a, div#menu ul#nn_c7 li a {
padding: 0px; 
margin: 0px;
display: block;
font-weight: normal;
font-size: 12px;
color: #585151;
text-decoration: none;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 6px;
padding-right: 6px;
border-right: 1px solid #585151;
text-transform: none;
}

div#menu ul#nn_c1 li.last a, div#menu ul#nn_c2 li.last a, div#menu ul#nn_c3 li.last a, div#menu ul#nn_c4 li.last a, div#menu ul#nn_c5 li.last a, div#menu ul#nn_c6 li.last a, div#menu ul#nn_c7 li.last a {
  border-right: 0;
}

div#menu ul#nn_c1 li a:hover, div#menu ul#nn_c2 li a:hover, div#menu ul#nn_c3 li a:hover, div#menu ul#nn_c4 li a:hover, div#menu ul#nn_c5 li a:hover, div#menu ul#nn_c6 li a:hover, div#menu ul#nn_c7 li a:hover {
background-color: #f0f0f0;
text-decoration: underline;
}

div#maintext {
padding-top: 10px;
padding-bottom: 50px;
float: left;
width: 700px;
min-height: 400px;
}

/* footermenu */

div#footertext p {
position: absolute;
left: 0px;
bottom: 4px;
padding: 0px; 
margin: 0px;
display: block;
font-weight: normal;
font-size: 10px;
color: #fff;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 4px;
}

div#footertext ul {
padding: 0px; 
margin: 0 25px 0 0;
display: block;
float: right;
position: absolute;
right: 0px;
bottom: 5px;
}

div#footertext ul#level1 {

}

div#footertext p a {
  color:#ffffff;
  text-decoration:underline;
}

div#footertext ul li {
padding: 0px; 
margin: 0px;
display: block;
list-style-type: none;
float: left;
}

div#footertext ul li a {
padding: 0px; 
margin: 0px;
display: block;
font-weight: normal;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;

}

div#footertext ul li a:hover {
text-decoration: underline;
}


div#frontpage {
position: relative;
margin-bottom: 26px;
height:470px;
overflow:hidden;
}

div#frontpage #frontpagetitle h1 {
color: white;
display: none;
}

div#news {
width: 337px;
float: right;
margin-top: 5px;
margin-right: 14px;
margin-bottom: 14px;
}

div#news a, div#news p{
color: white;
padding: 0px;
margin:0px;
}

#news table 
{
padding: 0px; 
margin: 0px;
margin-top: 15px;
width: 337px;
border-spacing: 2px;
}

#news table td.img
{
width: 53px;
}

#news table td.img img {
max-width:60px;
border:0;
}

#news table td.kuvaus {
padding: 5px;
vertical-align:middle;
}

#news table td.kuvaus a {
  font-size: 12px;
}

#news table p {
color:#585151;
font-size: 11px;
}

#news table a
{
color: #052749;
font-size: 11px;
font-weight: bold;
text-transform: none;
}

#news table td
{
background-color: white;
border: 4px solid #cfcfcf;
}

div#news a {
font-size: 14px;
text-decoration: none;
font-weight: bold;
}

div#news a:hover {
text-decoration: underline;
}

div#spacer {
height: 491px;
width: 1px;
}

/* vasen valikko */
div#leftmenu {
width: 140px;
float: left;
padding-top: 35px;
}

div#leftmenu ul {
padding: 0px; 
margin: 0px;
display: block;
margin-left: 20px;
}

div#leftmenu ul#nn_c0 {

}

div#leftmenu ul li {
padding: 0px; 
margin: 0px;
display: block;
list-style-type: none;
}

div#leftmenu ul li a {
padding: 0px; 
margin: 0px;
display: block;
font-weight: normal;
font-size: 11px;
color: #585151;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
}

div#footertext ul li a:hover {
text-decoration: underline;
}

div#footertext div#hilight {
background: #324a54;
display: block;
float: right;
position: absolute;
left: 498px;
bottom: 2px;
margin: 0px;
display: block;
font-weight: normal;
font-size: 10px;
color: #fff;
text-decoration: none;
}

div#footertext div#hilight a {
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
padding: 6px 10px 4px 10px;
display: block;
}

div#footertext div#hilight a:hover {
background: #213C53;
}


div#navipath {
font-size: 11px;
margin: 0 0 5px 0;
}

div#navipath p, div#navipath a {
color: #585151;
text-decoration: none;
font-size: 11px;
padding: 0px;
margin: 0;
}

p, span,td,div {
font-size: 12px;
}

td, p, h2,h3, h4,h5,h6, select {
color: #585151
}

div#maintext p img, img.designer {
border: 5px solid #f0f0f0;
}

img.designer {
  float:right;
  margin: 20px 10px 10px 10px;
  display:block;
}

h1, .isootsikko {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #585151;
letter-spacing: 2px;
margin: 0px;
padding: 0px;
margin-top: 0px;
padding-top: 6px;
}



h2 {
font-size: 12px;
font-weight: normal;
font-weight: bold;
text-transform: uppercase;
color: #585151;
letter-spacing: 1px;
margin: 0px;
padding: 0px;
margin-top: 0px;
padding-top: 6px;
}

h3  {
font-size: 12px;
font-weight: normal;
font-weight: bold;
}

h4, .pieniotsikko {
font-size: 11px;
font-weight: bold;
}

h5 {
font-size: 12px;
font-weight: bold;
}

h6 {
font-size: 10px;
font-weight: bold;
}

a {
color: #002E5C;
text-decoration: underline;
}

#news table.frontpage {border:0; background:transparent;}
#news table.frontpage tr {border:0; background:transparent;}
#news table.frontpage td {border:0; background:transparent;}
#news table.frontpage img {border:0;}

#productgroupgrid div {
  float:left;
  border: 4px solid #f0f0f0;
  text-align: center;
  margin: 0 23px 23px 0;
}

#productgroupgrid div:hover {
  border: 4px solid #d0d0d0;
}

#productgroupgrid div img {
  display:block;
  margin: 0 0 10px 0;
  width: 105px;
  height: 85px;
}

#productgroupgrid div.productthumb {
  padding: 0 0 10px 0;
  border:0;
}

#productgroupgrid div a {
  display:block;
  width: 105px;
  text-decoration: none;
  margin:0;
  padding: 0;
  color: #aaaaaa;
  font-size: 11px;
  line-height: 12px;
}


#productgrid div {
  border: 4px solid #f0f0f0;
  text-align: center;
  height: 145px;
}

#productgrid div:hover {
  border: 4px solid #d0d0d0;
}

#productgrid div img {
  display:block;
  margin: 0 0 10px 0;
  width: 139px;
  height: 112px;
}

#productgrid div.productthumb {
  padding: 0 0 10px 0;
  border:0;
}

#productgrid div a {
  display:block;
  text-decoration: none;
  margin:0;
  padding: 0;
  color: #aaaaaa;
  font-size: 11px;
  line-height: 12px;
}

#rotator #productgrid div a {
  width: 142px;
}

.productcode {
  font-size: 11px;
}

#productgrid div:hover a {
  color: #000000;
}

#productgrid table {
  border-spacing: 0;
  border-collapse: collapse;
}

#productgrid td {
  padding: 0 23px 23px 0;
  vertical-align: top;
}

#productgrid td.liftup div {
  width: auto;
  height: auto;
}

#productgrid td.liftup img {
  width: 309px;
  height: 319px;
  margin: 0;
}

#producttable {
  margin: 5px 0 0 0;
  border-collapse: collapse;
  border-spacing: 0;
}

#producttable td {
  padding: 0;
}

td#productimage {
  border: 4px solid #f0f0f0;
  padding: 10px;
  vertical-align:middle;
  min-height:300px;
}

td#productimage a {
  cursor:url(/instancedata/kalevalakoru/pics/new/zoom.cur), auto;
}

td#productimage a:hover {
  cursor:url(/instancedata/kalevalakoru/pics/new/zoom.cur), auto;
}

td#productimage div {
}

td#productinfo {
  padding: 2px 0 0 5px;
  width:485px;
}

td#productdescription {
  padding: 20px 0 0 5px;
  width:485px;
}

td#productinfo h1 {
  margin-top: 0;
  padding-top: 0;
}

td#productinfo table {
  border-collapse: collapse;
  border-spacing: 0;
}

td#productinfo table td {
  padding: 0 5px 5px 0;
}

#pricetable {
  border-top: 2px solid #f0f0f0;
  border-bottom: 2px solid #f0f0f0;
  border-collapse: collapse;
  border-spacing: 0;
  position: relative;
  left: -2px;
  margin: 0 0 10px 0;
}

#pricetable th {
  border-bottom: 2px solid #f0f0f0;
  font-size: 12px;
  color: #585151;
}

td#productinfo #pricetable td, td#productinfo #pricetable th {
  border-right: 2px solid #f0f0f0;
  border-left: 2px solid #f0f0f0;
  padding: 2px 7px 2px 2px;
}

td#productinfo #sidelinks {
  float:right;
  text-align:right;
  margin: 10px 10px 0 0;
}

td#productinfo #sidelinks a {
  display:block;
  margin: 0 0 3px 0;
  color: #585151;
  text-decoration: none;
  font-size: 11px;
}

td#productinfo #sidelinks a:hover {
  text-decoration: underline;
}

#productscroller #productgrid div {
  margin: 0 23px 0 0;
}

#cataloguemenu {
  display: block;
  margin: 0 0 0 10px;
}

#cataloguemenu p {
  color: #444444;
  font-size: 11px;
  margin: 0 0 5px 0;
}

#cataloguemenu #retailersearch {
  border: 1px solid #888888;
  background: url("/instancedata/kalevalakoru/pics/new/searchicon.gif") no-repeat 2px 2px;
  padding: 1px 1px 1px 14px;
  font-size: 11px;
  color: #888888;
  width: 90px;
  display: block;
}

.PgSelector {
  font-size: 11px;
  width: 110px;
}

.pgsel {
  display: block;
  color: #888888;
  text-align:center;
  font-size: 11px;
  text-decoration: none;
}

.pgprev {
  background: url("/instancedata/kalevalakoru/pics/new/previous.gif") no-repeat top left;
  padding: 0 0 0 14px;
  color: #585151;
  text-decoration: none;
  font-size: 11px;
  display:block;
  float:left;
}

.pgnext {
  background: url("/instancedata/kalevalakoru/pics/new/next.gif") no-repeat top right;
  padding: 0 14px 0 0;
  color: #585151;
  text-decoration: none;
  font-size: 11px;
  display:block;
  float:right;
}

.pgprev:hover, .pgnext:hover, .pgsel:hover {
  text-decoration: underline;
}

#resellers td {
  padding: 0 10px 20px 0;
}

.richmediacontainer, .mediaplayercontainer {
  margin: auto;
  text-align:center;
}


#sitemap a {
  display: block;
}

#sitemap a.depth4 { margin: 0 0 0 10px; }
#sitemap a.depth5 { margin: 0 0 0 20px; }
#sitemap a.depth6 { margin: 0 0 0 30px; }
#sitemap a.depth7 { margin: 0 0 0 40px; }

.designerlink {
  color: #585151;
  text-decoration:none;
}

.designerlink:hover {
  text-decoration: underline;
}

.pf_errorlabel {
  color: #aa0000;
  font-weight: bold;
}

div#questionnaire {
  font-family: Arial,helvetica;
  color: #585151;
}

div#questionnaire div#question {
  margin-bottom: 10px;
  font-size: 16px;
  float:left;
}

div#questionnaire div#answers {
  margin-left: 20px;
  clear:both;
}

div#questionnaire div#matches {
  font-size: 11px;
}

div#questionnaire div#questionnairecontrols {
  margin-top:10px;
  margin-bottom:20px;
}

div#questionnaire div.match {
  float: left; 
  color: #aaaaaa;
  margin: 0 10px 10px 0; 
  word-wrap: break-word; 
  width: 20%; 
  height: 130px;
  text-align:center;
  border:4px solid #F0F0F0;
  font-size:9px;
  overflow:hidden;
}

div#questionnaire div.match:hover {
  border:4px solid #D0D0D0;
  opacity:0.7;
  filter:alpha(opacity=70);
  color: #000;
}

div#questionnaire a {
  text-decoration:none;
  display:inline-block;
  color: #585151;
  font-size: 11px;
}

div#questionnaire a#questionnumber {
  margin:20px 0 5px 0;
  font-style:italic;
}

div#questionnaire div.match a {
  color:#aaaaaa;
}

div#questionnaire div.match span {
  font-size:11px;
}

a#questionnaireprev {
  background: #fff url(/instancedata/kalevalakoru/pics/new/previous.gif) no-repeat top left;
  padding: 0 0 0 20px;
}

a#questionnairenext {
  display:block;
  background: #fff url(/instancedata/kalevalakoru/pics/new/next.gif) no-repeat top right;
  padding: 0 20px 0 0;
}

div#questionnaire span#T_Slot1_C1_AnswerText {
  display:block;
  width:90%;
  font-style:italic;
  margin-bottom: 20px;
}

/* TAG CLOUD */

#tagcloud
{
  padding-top:50px;
  clear: both;
  margin-right: 70px;
  text-align: center;
}

#tagstory
{
  margin-top:50px;
}

#tagcontrols
{
  margin-top: 10px;
  margin-bottom: 10px;
}

#tagcontrols .description
{
  color: #002E5C;
  margin-right: 10px;
}

#legendcontrols a, #tagcontrols a
{
  margin-right: 10px;
  color: #000000;
}

#legendcontrols
{
  margin-top: 10px;
  margin-bottom: 8px;
  text-align:center;
}

#tagcloud p a
{
  margin: 1.25em;
  line-height: 3em;
}

#tagcloud p a img
{
  border: 0;
}

.columnseparator
{
  background-image: url(/instancedata/kalevalakoru/pics/new/gray_dotline.png);
  background-position: 50%;
  background-repeat: repeat-y;
}

.columnseparator td
{
  vertical-align:top;
  width:430px;
  padding-left:20px;
  padding-right:20px;
}

a#T_Slot2_C2_Inappropriate {
  font-size:10px; 
}