.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; }/* Perusasetukset */

Body { font-family: Arial; font-size: 90%; color: #000000; background: #82c611 url("/Image/15/Taustakuva.png") 50% top; }

/* Poista elementtien marginaalit */

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

/* Poista linkin sisällä olevan kuvan reunus */

A Img { border: 0; }

/* Tavallinen ja vierailtu linkki */

A:link, A:visited { color: blue; text-decoration: underline; }

/* Aktiivinen linkki */

A:hover, A:active { color: red; text-decoration: underline; }



Table.Body { border: 1px solid #FFFFFF; margin: 0 auto; }

Td.Header { border-bottom: 2px solid #4aa440; }

Td.Main { border-top: 2px solid #4aa440; border-bottom: 2px solid #4aa440; color: #C0C0C0; font-weight: bold; }
Td.Main A:link, Td.Main A:visited { color: #4aa440 !important; text-decoration: none !important; }
Td.Main A:hover, Td.Main A:active, Td.Main A.Selected { color: #4aa440 !important; text-decoration: underline !important; }
Td.Main Span { padding: 0 20px; }

H1 { color: #4aa440; font-size: 180%; }
H2 { color: #4aa440; font-size: 120%; }

Td.Side { border-right: 2px solid #4aa440; }
Td.Side A:link, Td.Side A:visited { color: #4aa440 !important; text-decoration: none !important; }
Td.Side A:hover, Td.Side A:active, Td.Side A.Selected { color: #4aa440 !important; text-decoration: underline !important; }

Td.Side Div.Level-0 { }
Td.Side Div.Level-1 { }
Td.Side Div.Level-2 { padding-left: 20px; }

Td.Footer { color: #4aa440; }

FieldSet { border: 1px solid #4aa440; padding: 10px; margin: 0 0 10px 0; }

Div.Table Table { border: 1px solid #4aa440; }
Div.Table Table Td { padding: 4px; }
Div.Table Table Tr.Header Td { background: #4aa440; color: #FFFFFF; }

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

Div.Popup { border: 2px solid #4aa440; background: #FFFFFF; }




/* Verkkokauppa */

Table.Pagination { border: 1px solid #4AA440; background: #EDF6EC; margin: 10px auto; }

Table.Items { border: 1px solid #4AA440; border-collapse: collapse; }
Table.Items Tr.Header { background: #4AA440; color: #FFFFFF; }
Table.Items Tr.Header A { color: #FFFFFF; }

Table.Items Td { padding: 6px; }
Table.Items Td.Image { width: 10%; border-bottom: 1px dotted #4AA440; }
Table.Items Td.Description { width: 90%; border-bottom: 1px dotted #4AA440; }

Table.Options { border: 1px solid #4AA440; background: #FFFFFF; border-collapse: collapse; }

/* Ostoskoriin lisääminen */

Div.Options { border: 1px solid #4AA440; }
Div.Options Tr.Header { background: #4AA440; color: #FFFFFF; }