.Popup { z-index: 5100; }
.Popup Span.Cancel { cursor: pointer; }
.Popup Div.List { overflow: auto; cursor: pointer; }
.Popup Table.Submit Input { cursor: pointer; }

#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; }



Img.Disabled { filter: alpha(opacity=30); opacity: 0.3; }

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; }Body {
  font-family: Tahoma, Verdana; font-size: 80%;
  color: #000000; background: #c9b794 url(/Image/1474/Taustakuva.jpg) repeat-x; margin: 0;
}

H1, H2, H3, H4, H5, H6, P, Form { margin: 0; }
A Img { border: 0; }

A:link, A:visited { color: #000000; text-decoration: underline; }
A:hover, A:active { color: #303030; text-decoration: underline; }
A:link.Selected, A:visited.Selected { font-weight: bold; }

A:active { outline: none; }
A:focus { -moz-outline-style: none; }

Table.Body { margin: 0 auto; }

/* Päälinkit */

Div.Navi-Main { text-transform: uppercase; font-size: 12px; }
Div.Navi-Main A { display: block; width: 120px; padding: 10px; float: left; text-align: center; }
Div.Navi-Main A:link, Div.Navi-Main A:visited { color: #000000; text-decoration: none; }
Div.Navi-Main A:hover, Div.Navi-Main A:active { color: #303030; text-decoration: underline; }

/* Vasemman ja oikean sarakkeen asetukset */

Td.Left, Td.Right { font-size: 90%; background: #F5F5F5; padding: 20px; }

Td.Left { padding-right: 19px; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
Td.Left A:link, Td.Left A:visited { text-decoration: none; }
Td.Left A:hover, Td.Left A:active { text-decoration: underline; }

Td.Right { padding-left: 19px; border-left: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
Td.Right A:link, Td.Right A:visited { text-decoration: none; }
Td.Right A:hover, Td.Right A:active { text-decoration: underline; }

/* Sisältösolu */

Td.Content { background: #FFFFFF; padding: 20px; }

/* Alatunniste */

Td.Footer { padding: 10px; }

Td.Left Div.Level-0 { margin: 10px 0; }
Td.Right Div.Level-0 { margin: 30px 0; }

H1 { text-transform: uppercase; color: #000000; font-size: 140%; font-weight: normal; }
H2 { text-transform: uppercase; color: #303030; font-size: 120%; font-weight: normal; padding-bottom: 10px; border-bottom: 1px solid #303030; }

HR { height: 0; border: 0; border-top: 1px solid #C9C9C9; color: #FFFFFF; background: #FFFFFF; clear: both; }

Img.Image { float: left; padding-right: 20px; }

/* Taulukot */

Table.Pagination { margin: 2px auto; border-collapse: collapse; }
Table.Pagination Td { padding: 4px; color: #808080; }

Table.Items { border: 1px solid #C0C0C0; margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; }
Table.Items Tr.Header { background: #F0F0F0; color: #333333; }
Table.Items Tr.Header Td { font-weight: bold; }
Table.Items Tr.Header Td A { color: #333333 !important; }

Table.Items Tr Td { padding: 8px; vertical-align: top; }
Table.Items Tr Td.Image { border-bottom: 1px solid #C0C0C0; width: 5%; }
Table.Items Tr Td.Description { border-bottom: 1px solid #C0C0C0; width: 95%; }

Table.Items Tr.ShowHide Td { cursor: pointer; color: #808080; }
Table.Items Tr.ShowHide Td Span.ShowHide { font-weight: bold; }

Table.Items Table.Options { border: 1px solid #808080; border-collapse: collapse; }
Table.Items Table.Options Tr.Header { background: #F0F0F0; color: #333333; }
Table.Items Table.Options Td { font-size: 85%; }


Div.Table Table { border: 1px solid #C0C0C0; }
Div.Table Table Td { padding: 6px; background: #FFFFFF; }
Div.Table Table Tr.Header Td { background: #F5F5F5; color: #808080; }

Div.Table Table Td Table { border: 0; }
Div.Table Table Td Table Td { padding: 0; }

FieldSet Table { }
FieldSet Table Th { text-align: left; font-weight: normal; padding: 4px; color: #808080; }
FieldSet Table Td { background: #FFFFFF; padding: 4px; }

FieldSet Table Table { border-collapse: collapse; }
FieldSet Table Table Td { padding: 2px; }

FieldSet { border: 1px solid #C0C0C0; margin: 0 0 10px 0; }
FieldSet P { margin: 5px 0 5px 0; color: #333333; }

/* Tuotteen kuvalista */

Div.ImageList Td { width: 48px; height: 48px; text-align: center; vertical-align: middle; padding: 0px; border: 1px solid transparent; cursor: pointer; }
Div.ImageList Td.Hover { background: #F0F0F0; border-color: #C0C0C0; }
Div.ImageList Td.Selected { border-color: #C0C0C0; }

/* Hakukenttä */

Table.Search { border-collapse: collapse; }
Table.Search Input { border: 1px solid #808080; padding: 3px; }
Table.Search Input.Blur { color: #C0C0C0; font-style: italic; }
Table.Search Input.Focus { color: #000000; }
Table.Search Input.Submit { padding: 2px; background: #808080; color: #FFFFFF; }

Div.SearchResult { border: 1px solid; border-color: #F0F0F0 #C0C0C0 #C0C0C0 #F0F0F0; margin-bottom: 10px; padding: 10px; }
Div.SearchResult H3 A { color: #252fb1 !important; }
Div.SearchResult A { color: #168a10 !important; }
Span.SearchWord { background: yellow; }

/* Napit */

Input.Text, Input.Password { padding: 2px 5px; border: 1px solid #808080; }
Input.Required { border-color: #C20000; }
Input.ReadOnly { color: #808080; }
Select.Select { padding: 2px; border: 1px solid #808080; }

Div.Submit { border: 1px solid #9D1B74; float: left; }
Div.Submit Input { background: #EDBFDE; border: 1px solid #FFFFFF; }

/* Statukset */

Div.Status-0 { color: #EAA000; } /* Peruutettu */
Div.Status-1 { color: #C00000; } /* Käsittelemättä */
Div.Status-2 { color: #378A30; } /* Käsitelty */

/* Navigoinnin tasot */

Div.Level-1 { padding-left: 10px; }
Div.Level-2 { padding-left: 20px; }

/* Info, Warning, Error */

Div.Info, Div.Warning, Div.Error {
  border-top: 1px solid; border-bottom: 1px solid; padding: 10px;
}

Div.Info { border-color: #005fd5; background: #e5effb; }
Div.Info H3 { color: #005fd5; font-size: 100%; }

Div.Warning { border-color: #f5ed00; background: #fefef2; }
Div.Warning H3 { color: #f5ed00; font-size: 100%; }

Div.Error { border-color: #e10000; background: #fdf2f2; }
Div.Error H3 { color: #e10000; font-size: 100%; }

Div.Popup { background: #FFFFFF; }

Div.Popup Div.Options { border: 1px solid #C0C0C0; background: #FFFFFF; }
Div.Popup Tr.Header { background: #F5F5F5; color: #808080; }
Div.Popup Small { background: #FFFFFF; }

Div.Popup Div.List { border: 1px solid #808080; height: 130px; }
Div.Popup Div.List Div { color: #000000; padding: 5px; }
Div.Popup Div.List Div.Hover { background: #F0F0F0; }
Div.Popup Div.List Div.Selected { background: #7ed3f8; }