Table.Calendar { background: #F0F0F0; border-collapse: separate; border-spacing: 2px; }
Table.Calendar th { background: #333; color: #fff; font-weight: bold; padding: 3px 5px; }
Table.Calendar td { background: #ccc; color: #000; padding: 3px 5px; text-align: center; }
Table.Calendar td.OtherMonth { background: #ddd; color: #aaa; }
Table.Calendar td.Today { background: #666; color: #fff; }
Table.Calendar td.Selected { background: #f66; color: #fff; }
Table.Calendar td.Selected.dp-hover { background: #f33; color: #fff; }
Table.Calendar td.dp-hover, Table.Calendar tr.ActiveWeekHover td { background: #fff; color: #000; }
Table.Calendar tr.SelectedWeek td { background: #f66; color: #fff; }
Table.Calendar td.Disabled, Table.Calendar td.Disabled.dp-hover { background: #bbb; color: #888; }
Table.Calendar td.UnSelectable, Table.Calendar td.UnSelectable:hover, Table.Calendar td.UnSelectable.dp-hover { background: #bbb; color: #888; }

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

a.dp-choose-date { display: none; }

Div.CalendarWindow { position: relative; background: #FFFFFF; border: 1px solid #808080; font-size: 10px; font-family: arial, sans-serif; width: 180px; line-height: 1.2em; }
#CalendarWindow { position: absolute; z-index: 199; }
Div.CalendarWindow Table { width: 100%; }
Div.CalendarWindow Table Th { width: 14.2%; text-align: center; }
Div.CalendarWindow h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; }
a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; }
a#dp-close:hover { text-decoration: underline; }
Div.CalendarWindow a { color: #000; text-decoration: none; padding: 3px 2px 0; }
Div.CalendarWindow div.dp-nav-prev { position: absolute; top: 0; left: 4px; width: 100px; }
Div.CalendarWindow div.dp-nav-prev a { float: left; }
Div.CalendarWindow div.dp-nav-prev a, div.CalendarWindow div.dp-nav-next a { cursor: pointer; }
Div.CalendarWindow div.dp-nav-prev a.Disabled, div.CalendarWindow div.dp-nav-next a.Disabled { cursor: default; }
Div.CalendarWindow div.dp-nav-next { position: absolute; top: 0; right: 4px; width: 100px; }
Div.CalendarWindow div.dp-nav-next a { float: right; }
Div.CalendarWindow a.Disabled { cursor: default; color: #aaa; }
Div.CalendarWindow td { cursor: pointer; }
Div.CalendarWindow td.Disabled { cursor: default; }
.Popup { z-index: 5100; }
.Popup Span.Cancel { cursor: pointer; }
.Popup Div.List { overflow: auto; cursor: pointer; }
.Popup Table.Submit Input { cursor: pointer; }

Div.Star-Rating { float: left; width: 21px; height: 24px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden; }
Div.Star-Rating, Div.Star-Rating A { background: url("../Theme/Star.png") no-repeat 0 0; }
Div.Star-Rating A { display: block; width: 21px; height:100%; background-position: 0 0; border: 0; }
Div.Star-Rating-On A { background-position: 0 -24px !important; }
Div.Star-Rating-Hover A { background-position: 0 -48px; }
Div.Star-Rating-ReadOnly A { cursor: default !important; }
Div.Star-Rating { background: transparent! important; overflow: hidden !important; }

UL.Page-Vote { list-style: none; margin: 0; padding: 0; width: 105px; height: 24px; position: relative; background: transparent url("../Theme/Stars-Gray.png") no-repeat; }
UL.Page-Vote Li { padding: 0; margin: 0; float: left; }
UL.Page-Vote Li A { display: block; width: 21px; height: 24px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0; }
UL.Page-Vote Li A:hover { background: transparent url("../Theme/Stars-Red.png"); z-index: 1; left: 0px; }
UL.Page-Vote A.Star-1 { left: 0px; }
UL.Page-Vote A.Star-1:hover { width: 21px; }
UL.Page-Vote A.Star-2 { left: 21px; }
UL.Page-Vote A.Star-2:hover { width: 42px; }
UL.Page-Vote A.Star-3:hover { width: 63px; }
UL.Page-Vote A.Star-3 { left: 42px; }
UL.Page-Vote A.Star-4 { left: 63px; }	
UL.Page-Vote A.Star-4:hover { width: 84px; }
UL.Page-Vote A.Star-5 { left: 84px; }
UL.Page-Vote A.Star-5:hover { width: 105px; }

Div.Page-Vote Img { cursor: pointer; }

#Page-Rating { width: 105px; height: 24px; }
#Page-Rating Div.Stars-Gold { height: 24px; background: transparent url("../Theme/Stars-Gold.png") left 0 no-repeat; float: left; }
#Page-Rating Div.Stars-Gray { height: 24px; background: transparent url("../Theme/Stars-Gray.png") right 0 no-repeat; float: right; }

#Page-Vote { width: 105px; height: 24px; }
#Page-Vote Div.Stars-Red { height: 24px; background: transparent url("../Theme/Stars-Red.png") left 0 no-repeat; float: left; }
#Page-Vote Div.Stars-Gray { height: 24px; background: transparent url("../Theme/Stars-Gray.png") right 0 no-repeat; float: right; }

#Item-Image-Prev, #Item-Image-Next { position: absolute; font-size: 34px; top: 50%; width: 40px; height: 40px; margin-top: -20px; cursor: pointer; -moz-user-select: none; background: url("../Theme/Transparent-50.png"); color: #FFFFFF; text-align: center; overflow: hidden; }
#Item-Image-Prev.Hover, #Item-Image-Next.Hover { color: #C0C0C0; }

#Item-Image-Prev { left: 10px; }
#Item-Image-Next { right: 10px; }

Table.Sortable THead Th { background-repeat: no-repeat; background-position: right center; }
Table.Sortable THead Th.Sort { cursor: pointer; background-image: url("../Theme/UpDown.png"); }
Table.Sortable THead Th.Up { cursor: pointer; background-image: url("../Theme/Up.png"); }
Table.Sortable THead Th.Down { cursor: pointer; background-image: url("../Theme/Down.png"); }

Img.Disabled { filter: alpha(opacity=30); opacity: 0.3; }
Img.Cell-Empty { width: 0; height: 0; display: none; }

UL.ItemCategory-Images { list-style: none; margin: 0; padding: 0; }
UL.ItemCategory-Images Li { vertical-align: top; display: inline-block; }

/* DropDown */

#Navi-DropDown, #Navi-DropDown UL { margin:0; padding:0; list-style: none; position: relative; line-height: 30px; z-index: 300; width: 100%; }
#Navi-DropDown Li A { display: block; padding: 5px; text-decoration: none; background: #FFFFFF; border: 1px solid #FFFFFF; }
#Navi-DropDown Li A:hover { background: #F0F0F0; border-color: #C0C0C0; }
#Navi-DropDown Li { float: left; position: relative; }
#Navi-DropDown UL { position: absolute; display: none; width: 180px; top: 35px; left: 0; }
#Navi-DropDown Li UL { width: 190px; border: 1px solid #C0C0C0; }
#Navi-DropDown Li UL A { width: 180px; height: auto; float: left; border: 0; } 
#Navi-DropDown UL UL { top: auto; } 
#Navi-DropDown Li UL UL { left: 170px; margin: 0 0 0 10px; }
#Navi-DropDown Li:hover UL, #Navi-DropDown Li:hover UL UL UL, #Navi-DropDown Li:hover UL UL UL UL { display: none; } 
#Navi-DropDown Li:hover UL, #Navi-DropDown Li Li:hover UL, #Navi-DropDown Li Li Li:hover UL, #Navi-DropDown Li Li Li Li:hover UL { display: block; } 

/* Slider */

Div.Slide Div.Slide-Content { background: url("../Theme/Transparent-50.png"); color: #FFFFFF; }
Div.Slide Div.Slide-Content H1 { color: #FFFFFF; }

/* Horizontal */

Div.Slider-H { }

Div.Slider-H Div.Slide-Container-L { float: left; }
Div.Slider-H Div.Slide-Container-R { float: left; }
Div.Slider-H Div.Slide-Container-T { float: left; }
Div.Slider-H Div.Slide-Container-B { float: left; }

Div.Slider-H Div.Link-Container { float: left; overflow: hidden; position: relative; }
Div.Slider-H Div.Link-Container UL { margin: 0; padding: 0; list-style: none; }
Div.Slider-H Div.Link-Container UL Li { display: inline; margin: 0; padding: 0; }
Div.Slider-H Div.Link-Container UL Li A { display: block; overflow: hidden; text-decoration: none; padding: 5px; }

Div.Slider-H Div.Link-Container Span.Link-Image { float: left; margin-right: 5px; }
Div.Slider-H Div.Link-Container Span.Link-Image Img { width: 80px; height: auto; border: 0; }
Div.Slider-H Div.Link-Container Span.Link-Title { display: block; }
Div.Slider-H Div.Link-Container Span.Link-Tagline { }
Div.Slider-H Div.Link-Container Span.Link-Clear { display: block; clear: both; }

/* Vertical */

Div.Slider-V { position: relative; }

Div.Slider-V Div.Slide-Container { overflow: hidden; position: relative; }
Div.Slider-V Div.Slide-Container Div.Slide { width: 500px; height: 300px; position: absolute; display: none; }

Div.Slider-V Div.Link-Container-T { width: 500px; height: 50px; position: absolute; bottom: 10px; z-index: 30; }
Div.Slider-V Div.Link-Container-T UL { margin: 0; padding: 0; list-style: none; }
Div.Slider-V Div.Link-Container-T UL Li { float: left; margin: 0; padding: 0; }
Div.Slider-V Div.Link-Container-T UL Li A { overflow: hidden; text-decoration: none; }

Div.Slider-V Div.Link-Container-T UL A Span.Link-Image { background: #FFFFFF; }
Div.Slider-V Div.Link-Container-T UL A Span.Link-Image Img { width: 65px; padding: 2px; margin: 5px; height: auto; border: 1px solid #333333; }
Div.Slider-V Div.Link-Container-T UL A Span.Link-Title { display: none; }
Div.Slider-V Div.Link-Container-T UL A Span.Link-Tagline { display: none; }
Div.Slider-V Div.Link-Container-T UL A Span.Link-Clear { display: none; }

Div.Slider-V Div.Link-Container-B { width: 550px; height: 50px; border: 1px solid red; position: absolute; top: 10px; }

/* Left */

Div.Slider-H Div.Slide-Container-L { overflow: hidden; position: relative; }
Div.Slider-H Div.Slide-Container-L Div.Slide { position: absolute; display: none;}
Div.Slider-H Div.Slide-Container-L Div.Slide Div.Slide-Content { position: absolute; top: 0; bottom: 0; left: 40px; width: 40%; height: auto !important; }
Div.Slider-H Div.Slide-Container-L Div.Slide Div.Slide-Content H1 { padding: 6px 10px; margin: 0; }
Div.Slider-H Div.Slide-Container-L Div.Slide Div.Slide-Content Div { padding: 6px 10px; }
Div.Slider-H Div.Slide-Container-L Div.Slide Div.Slide-Content A.ReadMore { position: absolute; left: 10px; bottom: 10px; display: block; width: 100px; }

/* Right */

Div.Slider-H Div.Slide-Container-R { overflow: hidden; position: relative; }
Div.Slider-H Div.Slide-Container-R Div.Slide { position: absolute; display: none;}
Div.Slider-H Div.Slide-Container-R Div.Slide Div.Slide-Content { position: absolute; top: 0; bottom: 0; right: 40px; width: 40%; height: auto !important; }
Div.Slider-H Div.Slide-Container-R Div.Slide Div.Slide-Content H1 { padding: 6px 10px; margin: 0; }
Div.Slider-H Div.Slide-Container-R Div.Slide Div.Slide-Content Div { padding: 6px 10px; }
Div.Slider-H Div.Slide-Container-R Div.Slide Div.Slide-Content A.ReadMore { position: absolute; left: 10px; bottom: 10px; display: block; width: 100px; }

/* Top */

Div.Slider-H Div.Slide-Container-T { overflow: hidden; position: relative; }
Div.Slider-H Div.Slide-Container-T Div.Slide { position: absolute; display: none;}
Div.Slider-H Div.Slide-Container-T Div.Slide Div.Slide-Content { position: absolute; top: 35px; left: 0; right: 0; width: 100%; height: 100px; }
Div.Slider-H Div.Slide-Container-T Div.Slide Div.Slide-Content H1 { padding: 6px 10px; margin: 0; }
Div.Slider-H Div.Slide-Container-T Div.Slide Div.Slide-Content Div { padding: 6px 10px; }
Div.Slider-H Div.Slide-Container-T Div.Slide Div.Slide-Content A.ReadMore { position: absolute; right: 10px; top: 44px; display: block; width: 100px; }

/* Bottom */

Div.Slider-H Div.Slide-Container-B { overflow: hidden; position: relative; }
Div.Slider-H Div.Slide-Container-B Div.Slide { position: absolute; display: none;}
Div.Slider-H Div.Slide-Container-B Div.Slide Div.Slide-Content { position: absolute; bottom: 35px; left: 0; right: 0; width: 100%; height: 100px; }
Div.Slider-H Div.Slide-Container-B Div.Slide Div.Slide-Content H1 { padding: 6px 10px; margin: 0; }
Div.Slider-H Div.Slide-Container-B Div.Slide Div.Slide-Content Div { padding: 6px 10px; margin-right: 120px; }
Div.Slider-H Div.Slide-Container-B Div.Slide Div.Slide-Content A.ReadMore { position: absolute; right: 10px; top: 44px; display: block; width: 100px; }

/* Tyylit */

Div.Slide H1 { font-size: 22px; font-weight: normal; }

Div.Slide-Container-L Div.Slide Div.Slide-Content { }
Div.Slide-Container-L Div.Slide Div.Slide-Content A { }
Div.Slide-Container-L Div.Slide Div.Slide-Content A.ReadMore { }

Div.Slide-Container-R Div.Slide Div.Slide-Content { }
Div.Slide-Container-R Div.Slide Div.Slide-Content A { }
Div.Slide-Container-R Div.Slide Div.Slide-Content A.ReadMore { }

Div.Slide-Container-T Div.Slide Div.Slide-Content { }
Div.Slide-Container-T Div.Slide Div.Slide-Content A { }
Div.Slide-Container-T Div.Slide Div.Slide-Content A.ReadMore { }

Div.Slide-Container-B Div.Slide Div.Slide-Content { }
Div.Slide-Container-B Div.Slide Div.Slide-Content A { }
Div.Slide-Container-B Div.Slide Div.Slide-Content A.ReadMore { }

Div.Slider-H Div.Link-Container UL Li A { background: #C0C0C0; color: #333333; }
Div.Slider-H Div.Link-Container UL Li.Selected A { background: #333333; color: #FFFFFF; }
Div.Slider-H Div.Link-Container UL Li A:hover, Div.Link-Container UL Li A:active { background: #FFFFFF; color: #333333; }

Div.Link-Container UL A Span.Link-Tagline { font-size: 11px; }

/* Div-tuotelista */

Div.Item-Container { margin-bottom: 10px; overflow: hidden; }

Div.Item-Container Div.Item-Content { position: relative; float: left; }
Div.Item-Container Div.Item-Content Div.Item-Media { position: absolute; left: 0; top: 0; }
Div.Item-Container Div.Item-Content Div.Item-Description { position: absolute; left: 0; bottom: 0; right: 0; height: 62px; }
Div.Item-Container Div.Item-Content Div.Item-Description Table Th { vertical-align: top; text-align: left; }
Div.Item-Container Div.Item-Content Div.Item-Description Table Td { vertical-align: top; text-align: left; }
Div.Item-Container Div.Item-Content Div.Item-Description Table Td UL { list-style: none; margin: 0; padding: 0; }
Div.Item-Container Div.Item-Content Div.Item-Description Table Td UL A { color: #FFFFFF; text-decoration: none; }

Div.Item-Container Div.Item-Details { position: relative; width: 250px; float: left; }
Div.Item-Container Div.Item-Details Div.Item-Information { position: absolute; left: 0; top: 0; right: 0; }
Div.Item-Container Div.Item-Details Div.Item-Information H3 { font-size: 13px; }
Div.Item-Container Div.Item-Details Div.Item-Information Table { width: 100%; }
Div.Item-Container Div.Item-Details Div.Item-Information Table Th { text-align: left; }
Div.Item-Container Div.Item-Details Div.Item-Information Table Td { text-align: left; }

Div.Item-Container Div.Item-Details Div.Item-AddToCart { position: absolute; left: 0; bottom: 0; right: 0; height: 62px; }

/* Item-Navi */

#Item-Navi DL, #Item-Navi DT, #Item-Navi DD { margin: 0; }

#Item-Navi DL { position: relative; border: 1px solid #808080; z-index: 100; }
#Item-Navi DT { padding: 5px; cursor: pointer; background: url(../Theme/Open-Off.gif) right 50% no-repeat; }
#Item-Navi DL.Hover DT { background-image: url(../Theme/Open-On.gif); }

#Item-Navi DD { border: 1px solid #808080; background: #FFFFFF; display: none; position: absolute; left: -1px; }
#Item-Navi DD A { display: block; padding: 5px; background: #FFFFFF; }
#Item-Navi DD A:hover { background: #F0F0F0; }
#Item-Navi DD A.Selected { background: #C0C0C0; }

#Item-Navi Div { padding: 5px; }
#Item-Navi Div Img { cursor: pointer; vertical-align: bottom; }
#Item-Navi Div Img.Disabled { cursor: not-allowed; }

/* Navi-Top */

#Navi-Top DL, #Navi-Top DT, #Navi-Top DD { margin: 0; }

#Navi-Top DL { position: relative; border: 1px solid #808080; z-index: 100; }
#Navi-Top DT { padding: 5px; cursor: pointer; background: url(../Theme/Open-Off.gif) right 50% no-repeat; }
#Navi-Top DL.Hover DT { background-image: url(../Theme/Open-On.gif); }

#Navi-Top DD { border: 1px solid #808080; background: #FFFFFF; display: none; position: absolute; left: -1px; }
#Navi-Top DD A { display: block; padding: 5px; background: #FFFFFF; }
#Navi-Top DD A:hover { background: #F0F0F0; }
#Navi-Top DD A.Selected { background: #C0C0C0; }

#Navi-Top Div { padding: 5px; }
#Navi-Top Div Img { cursor: pointer; vertical-align: bottom; }
#Navi-Top Div Img.Disabled { cursor: not-allowed; }

/* AutoComplete */

.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.ac_loading { background: white url("../Theme/Loading.gif") right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #0A246A; color: white; }H1, H2, H3, H4, H5, H6, P, Form, img { margin: 0; }

body {
margin: 0px;
background-color: #EDE8C8;
}

table.Runko {
width: 976px;
background: url("/Image/1/Runko.jpg") repeat-y;
}

table.Reunus {
width: 950px;
margin-left: 9px;
}

#Content { padding: 20px; }

/* ------- PÄÄVALIKKO ------- */

Div.Navi-Main { background: url("/Image/3/Navi.jpg") repeat-x; height: 47px; }
Div.Navi-Main A { display: block; float: left; font-family: Times new roman; font-size: 15px; text-transform: uppercase; padding: 7px 15px; }

Div.Navi-Main A:link, Div.Navi-Main A:visited { color: #FFFFFF; text-decoration: none; }
Div.Navi-Main A:hover, Div.Navi-Main A:active { color: #000000; text-decoration: none; }
Div.Navi-Main A.Selected { color: #000000; text-decoration: underline; }

/* ------- SIVUVALIKKO // 1. Taso ------- */

.Level-0 {
padding-left: 20px;
padding-right: 20px;
}

.Level-0 a, .Level-0 a:visited, .Level-0 a:active, .Level-1 a, .Level-1 a:visited, .Level-1 a:active {
font-family:trebuchet ms, arial;
display: block;
padding: 0px;
font-size:13px;
color:#000000;
display: block;
height: 19px;
text-decoration:none;
}

.Level-0 a:hover , .Level-1 a:hover {
color:#000000;
font-weight: bold;
text-decoration:none;
padding: 0px;
}

.Level-0 a.Selected , .Level-1 a.Selected {
background-color: #F9F8EE;
padding: 0px;
}

/* ------- SIVUVALIKKO // 2. Taso ------- */

.Level-1 {
padding-left: 40px;
padding-right: 20px;
}

/* ------- SISÄLTÖ ------- */

table.Sisältö {
margin-left: 5px;
}

TD#Sisältö_vasen {
width: 700px;
border-right: 1px solid #E8DEDA;
}

/*
TD#Sisältö_vasen p {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
text-align: justify;
}
*/

TD#Sisältö_oikea{
width: 250px;
}

/*
TD#Sisältö_oikea p {
padding-left: 20px;
padding-right: 20px;
text-align: justify;
}
*/

/* ------- AJANKOHTAISTA ------- */

table.Ajankohtaista {
border: 1px solid #E5E5E5;
background-color: #F9F8EE;
width: 210px;
margin-left: 20px;
}

table.ArticleCategoryList {
padding: 0px 15px 0 15px;
}

table.ArticleCategoryList a:link, table.ArticleCategoryList a:visited { 
font-family:trebuchet ms;
font-size:11px;
text-decoration: none;
}

table.ArticleCategoryList a:hover, table.ArticleCategoryList a:active { 
font-family:trebuchet ms;
font-size:11px;
text-decoration: none;
}

/* ------- OTSIKOT ------- */

h1 {
font-family:georgia;
font-size:18px;
color:#911B1B;
font-style:italic;
padding-bottom: 20px;
padding-top: 10px;
}

h2 {
font-family:georgia;
font-size:14px;
color:#911B1B;
padding-bottom: 20px;
padding-top: 10px;
}

h3 {
font-family:verdana;
font-size:12px;
color:#911B1B;

padding-bottom: 20px;
padding-top: 10px;
}

/* ------- TEKSTI JA LINKIT ------- */


body, td, tr, table, img {
font-family:trebuchet ms;
font-size:13px;
color:#000000;
border:0px;
}

a:link, a:visited { 
font-family:trebuchet ms;
font-size:13px;
color:#911B1B;
text-decoration: none;
cursor: default;
}

a:hover, a:active { 
font-family:trebuchet ms;
font-size:13px;
color:#911B1B; 
text-decoration:underline;
cursor: default;
}

/* ------- COPYRIGHT ------- */

p#Copyright {
margin-right: 25px;
margin-top: 20px;
font-size: 11px;
color: #C9C9C9;
text-align:right;
}

p#Copyright a:link {
font-size: 9px;
color: #ACACAC;
}

p#Copyright a:visited {
color: #ACACAC;
text-decoration: none;
font-size: 10px;
}