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; }Body {
  font-family: Arial;
  font-size: 100%;
  color: black;
  background: #FFFFFF url(/Image/139/Taustakuva.jpg) 50% top repeat-x;
  margin: 0;
}

/* Poista elementtien marginaalit */
H1, H2, H3, H4, H5, H6, P, Form {
  margin: 0;
}

H1, H2, H3, H4, H5, H6 { color: #3d84cc; font-weight: normal; }
H1 { font-size: 30px; }
H2 { font-size: 20px; }
H3 { font-size: 16px; }

A:link, A:visited { color: #3d84cc; text-decoration: none; }
A:hover, A:active { color: #3d84cc; text-decoration: underline; }
A.Selected { font-weight: bold; }
A Img { border: 0; }

/* HR-vaakaviiva */

HR {
  color: #9f9f9f;
  background-color: #9f9f9f;
  height: 1px;
  border: 0;
}

Td.Top {
  font-family: Georgia, Garamond, Arial;
  color: #ffffff;
  font-size: 130%;
}

Td.Side { border-right: 1px dotted #9f9f9f; }

Div.Navi-Main { font-size: 12px; font-weight: bold; }
Div.Navi-Main A { padding: 0 8px; color: #808080; text-decoration: none; }
Div.Navi-Main A:hover, Div.Navi-Main A.Selected { color: #333333; }

Div.Level-0 { margin-bottom: 10px; }
Div.Level-0 A { color: #808080; }

Div.Level-2 { padding-left: 20px; background: url(/Image/141/Level-2.jpg) 10px 50% no-repeat; font-size: 90%; }
Div.Level-2 A { color: #808080; }

Td.Top A:link, Td.Top A:visited { color: #ffffff; text-decoration: none; }
Td.Top A:hover, Td.Top A:active { color: #f0f0f0; text-decoration: underline; }
Td.Top A.Selected { font-weight: normal; text-decoration: underline; }

Td.BreadCrumbs {
  font-family: Georgia, Garamond, Arial;
  background: #dddddd;
  color: #808080;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #9f9f9f;
}

Td.BreadCrumbs A:link, Td.BreadCrumbs A:visited { color: #808080; text-decoration: none; }
Td.BreadCrumbs A:hover, Td.BreadCrumbs A:active { color: #9f9f9f; text-decoration: underline; }

Td.Links { font-family: Georgia, Garamond, Arial; }
Td.Links A:link, Td.Links A:visited { color: #3d84cc; text-decoration: none; }
Td.Links A:hover, Td.Links A:active { color: #3d84cc; text-decoration: underline; }

Td.Footer {
  font-family: Georgia, Garamond, Arial; color: #808080;
  border-top: 1px solid #9f9f9f;
}

Td.Footer A:link, Td.Footer A:visited { color: #808080; text-decoration: none; }
Td.Footer A:hover, Td.Footer A:active { color: #9f9f9f; text-decoration: underline; }

/* Popup */

Div.Popup { background: #FFFFFF; }