div, td {
  empty-cells: show;
}
#malli
{
  margin-left: 15px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#paragraph
{
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
}

#sivuselectdiv
{
  margin-left: 15px;
  margin-top: 10px;
}

.vasen_solu 
{
  border: 0 #fff none;
}

.oikea_solu 
{
  border: 0 #fff none;
}

.sivuselect
{
  width:150px;
  font-family: Verdana, Arial, sans-serif;
  font-weight:normal;
  font-size: 9px;
  border-color: #808080;
  border-style: solid;
  border-width: thin;
}

html {
  width: 100%;
  height: 100%;
}

body
{
  /* background-color: #EAEAEA; */
  background-color: #c1c1c1;
  background-image: url(gfx/2011/topPanel.png);
  background-position: top left;
  background-repeat: repeat-x;
  width: 100%;
  height: 100%;
  margin: 0;
}

iframe + body {
  margin: 0;
  padding: 0;
}

img {
  border-width: 0 none;
}

table.main
{
  border: 0;
  width: 1042px;
}

.headerContainer {
  height: 215px;
  text-align: left;
  vertical-align: top;
}

a > img {
  border: 0 none;
}
/* SIVUSTON VALINNAN NAVIGAATIO ALKAA > main_nav.inc */

a.main_nav
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 15;
  font-weight: normal;
  color: #333;
  text-decoration: none;
}
a.main_nav:hover
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 15;
  font-weight: normal;
  color: #333;
  text-decoration: none;
} 
a.main_nav_open
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 15;
  font-weight: normal;
  color: #666;
  text-decoration: none;
}
a.main_nav_open:hover
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 15;
  font-weight: normal;
  color: #000;
  text-decoration: none;
}
div.main_nav {
  padding: 5px 0 33px 15px;
  float: left;
}
div.main_nav img {
  margin: 0 0 2px 5px;
  float: left;
}

div.main_nav_open {
  padding: 5px 0 33px 15px;
  float: left;
}
div.main_nav_end {
  margin: 0;
  padding: 0;
  float: left;
}
div.main_nav_end_open {
  margin: 0;
  padding: 0;
  float: left;
}

/* SIVUSTON VALINNAN NAVIGAATIO PAATTYY */

.userTools {
  width: auto;
  text-align: right;
  clear: both;
  padding: 2px 24px 0 0;
}
.userTools a {
  color: #333;
  font-size: 11px;
  letter-spacing: 1px;
}
.userTools a:hover {
  font-size: 11px;
  letter-spacing: 1px;
}
.userTools img {
  border: 0;
  margin: 0 4px 4px 12px;
  vertical-align: middle;
}

.contentAreaTop {
  background-image: url(gfx/2011/contentAreaTop.gif);
  background-position: top left;
  background-repeat: no-repeat;
  width: 1042px;
  height: 29px;
  padding: 0;
  margin: 0;
  border: 0;
}
.contentAreaBottom {
  background-image: url(gfx/2011/contentAreaBottom.gif);
  background-position: top left;
  background-repeat: repeat-x;
  width: 1042px;
  height: 29px;
  padding: 0;
  margin: 0;
  border: 0;
}
.contentAreaBackground {
  background-color: #e9e7df;
  background-image: url(gfx/2011/contentAreaBackgroundFade.gif);
  background-position: top left;
  background-repeat: repeat-x;
  padding: 0;
  margin: 0;
  border: 0;
}
.contentArea {
  background-image: url(gfx/2011/contentAreaBackgroundBorders.gif);
  background-position: top left;
  background-repeat: repeat-y;
  align: left;
  vertical-align: top;
  width: 1042px;
  height: 400px;
  border: 0;
}

table.contentArea td {
  text-align: left;
  vertical-align: top;
  padding: 0;
}

td.sideborders {
  border-right: 4px solid #cfc9c2;
  border-left: 4px solid #cfc9c2;
}

.contentSpacerCol {
  width: 24px;
}
.contentSingleCol {
	width: 994px; /* Remember to subtract 2 x spacer column width */
}
.contentLeftCol {
	width: 124px; /* Remember to subtract 1.5 x spacer column width */
}
.contentLeftCenterCol {
	width: 738px; /* Remember to subtract 1.5 x spacer column width */
}
.contentCenterCol {
	width: 858px; /* Remember to subtract 1 x spacer column width */
}
.contentRightCol {
	width: 232px; /* Remember to subtract 1.5 x spacer column width */
}
.contentRightCenterCol {
	width: 846px; /* Remember to subtract 1.5 x spacer column width */
}

.mainContentBoxTop {
  width: 743px;
  height: 29px;
  display: block;
  clear: left;
  background-image: url(gfx/2011/mainContentBoxTop.gif);
  background-position: left top;
  background-repeat: no-repeat;
  border: 0 none;
  margin: 0;
  padding: 0;
}

.mainContentBoxTitle {
  color: #fff;
  width: 743px;
  height: 40px;
  border: 0 none;
  margin: 12px auto;
  text-align: center;
  font-family: Trebuchet MS, Times, Serif;
  font-size: 12;
  font-weight: bold;
  text-decoration: none;
}

.mainContentBoxCenter {
  width: 743px;
  display: block;
  clear: left;
  background-image: url(gfx/2011/mainContentBoxBackground.gif);
  background-position: left top;
  background-repeat: repeat-y;
  border: 0 none;
  margin: 0;
}

.mainContentBoxBottom {
  width: 743px;
  height: 25px;
  display: block;
  clear: left;
  background-image: url(gfx/2011/mainContentBoxBottom.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  border: 0 none;
  margin: 0;
  padding: 0;
}

.mainContentBoxWideTop {
  width: 994px;
  height: 29px;
  display: block;
  clear: left;
  background-image: url(gfx/2011/mainContentBoxWideTop.gif);
  background-position: left top;
  background-repeat: no-repeat;
  border: 0 none;
  margin: 0;
  padding: 0;
}
.mainContentBoxWideTitle {
  color: #fff;
  width: 994px;
  height: 40px;
  border: 0 none;
  margin: 12px auto;
  text-align: center;
  font-family: Trebuchet MS, Times, Serif;
  font-size: 12;
  font-weight: bold;
  text-decoration: none;
}

.mainContentBoxWideCenter {
  width: 994px;
  display: block;
  clear: left;
  background-image: url(gfx/2011/mainContentBoxWideBackground.gif);
  background-position: left top;
  background-repeat: repeat-y;
  border: 0 none;
  margin: 0;
}

.mainContentBoxWideBottom {
  width: 994px;
  height: 25px;
  display: block;
  clear: left;
  background-image: url(gfx/2011/mainContentBoxWideBottom.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  border: 0 none;
  margin: 0;
  padding: 0;
}

.fbTag {
  position: relative;
  left: 1042px; /* Offset by page width */
  top: 150px; /* Position offset on the content area */
  width: 0;
  height: 0;
}

.fbTag img { /* Needed to prevent IE offsetting the following elements by the image height */
  position: absolute;
  z-index: 1;
}

td.sideContentBox {
  width: 227px;
  min-height: 140px;
  background-image: url(gfx/2011/sideContentBoxBackground.gif);
  background-position: left top;
  background-repeat: no-repeat;
  vertical-align: top;
  text-align: left;
  font-size: 12px;
}

.sideContentBoxTitle {
  color: #fff;
  width: 227px;
  height: 40px;
  margin: 12px auto;
  text-align: center;
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

.sideContentBoxBottom {
  width: 227px;
  height: 35px;
  background-image: url(gfx/2011/sideContentBoxBottom.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}

table.editnormal
{
  border:1px solid;
  border-color: #FF0000;
  border-style: dashed;
}
table.edithidden
{
  border:1px solid;
  border-color: #C0C0C0;
  border-style: dashed;
}
table.editdeleted
{
  border:1px solid;
  border-color: #000000;
  border-style: dashed;
}

p, td, ul, ol
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 13;
  font-weight: normal;
  color: #333333;
  text-decoration: none;
  line-height: 1.15;
}

td.upperheader
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}
h2, .header, td.header, p.header
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}
h1, header2, td.header2, p.header2
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 16;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}
h1, h2
{
  display: inline;
}
a
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 13;
  font-weight: none;
  color: #996633;
  text-decoration: none;
  line-height: 1.15;
}
a:hover
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 13;
  font-weight: none;
  color: #999999;
  text-decoration: none;
  line-height: 1.15;
} 
a.header
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}
a.header:hover
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
} 
a.open
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 13;
  font-weight: none;
  color: #999999;
  text-decoration: none;
  line-height: 1.15;
}
a.open:hover
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 13;
  font-weight: none;
  color: #999999;
  text-decoration: none;
  line-height: 1.15;
} 

p.side, td.side, ul.side, ol.side
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 12;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
  line-height: 1.15;
}

td.side_upperheader
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}
td.side_header
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 12;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
}
p.side_header
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 12;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
}
a.side
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 12;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
  line-height: 1.15;
}
a.side:hover
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 12;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
  line-height: 1.15;
} 
a.side_open
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 12;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
  line-height: 1.15;
}
a.side_open:hover
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 12;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
  line-height: 1.15;
} 

.uppernavContainer {
  float: left; 
  display: block; 
  width: 144px; 
  height: 40px;
}
.uppernavInnerContainer {
  position: absolute; 
  z-index: 99;
  width: 144px;
  height: 0;
  overflow: hidden;
}
a.uppernav
{
  display: block;
  font-family: Trebuchet MS, Times, Serif;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  width: 144px;
  height: 40px;
  overflow: hidden;
  padding: 14px 0 0 0;
  text-align: center;
  position: absolute;
  z-index: 100;
  background-image: url(gfx/2011/uppernavBackground.gif);
  background-position: top middle;
  background-repeat: no-repeat;
}
a.uppernav:hover
{
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}
a.uppernavopen
{
  display: block;
  font-family: Trebuchet MS, Times, Serif;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  text-decoration: none;
  width: 144px;
  height: 40px;
  overflow: hidden;
  padding: 14px 0 0 0;
  text-align: center;
  position: absolute;
  z-index: 100;
  background-image: url(gfx/2011/uppernavBackground.gif);
  background-position: top middle;
  background-repeat: no-repeat;
}
a.uppernavopen:hover
{
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}

.uppernavLinkContainer {
  padding: 42px 0 0 11px;
}

table.uppernavLinks {
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 4px solid #d9d2ca;
  -moz-box-shadow: 4px 4px 5px #666;
  -webkit-box-shadow: 4px 4px 5px #666;
  box-shadow: 4px 4px 5px #666;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666666')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666666');
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
table.uppernavLinks td {
  text-align: left;
  vertical-align: top;
  width: 144px;
  min-width: 144px;
  padding: 0 6px 6px 6px;
}
table.uppernavlinks td+td {
  border-left: 1px solid #333;
}
a.titleLink
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  line-height: 1.6;
}
a.titleLink:hover
{
  font-size: 14px;
  color: #996633;
  text-decoration: none;
}
a.titleLink h3 {
  font-size: 14px;
  margin: 0;
  padding: 6px 0 0 3px;
}
a.subLink
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 12px;
  font-weight: normal;
  color: #333;
  text-decoration: none;
  padding: 0 0 0 6px;
  line-height: 1.6;
}
a.subLink:hover
{
  font-size: 12px;
  color: #996633;
  text-decoration: none;
}

.upper2nav
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
  line-height: 1.15;
}
.upper2nav:hover
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14;
  font-weight: normal;
  color: #999999;
  text-decoration: none;
  line-height: 1.15;
} 
.upper2navopen
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14;
  font-weight: normal;
  color: #999999;
  text-decoration: none;
  line-height: 1.15;
}
.upper2navopen:hover
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14;
  font-weight: normal;
  color: #999999;
  text-decoration: none;
  line-height: 1.15;
} 

.lowernav
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14;
  font-weight: normal;
  color: #999999;
  text-decoration: none;
  line-height: 1.15;
}
.lowernav:hover
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
  line-height: 1.15;
} 
.lowernavopen
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
  line-height: 1.15;
}
.lowernavopen:hover
{
  font-family: Trebuchet MS, Times, Serif;
  font-size: 14;
  font-weight: lnnone;
  color: #666666;
  text-decoration: lnnone;
  line-height: 1.15;
} 

/* Ylaosan toiminteiden (haku, jalleenmyyjat) tyylit */

.searchBox {
  float: left;
  overflow: hidden; 
  width: 120px;
  height: 21px;
  background-image: url(gfx/2011/searchBoxBackground.gif); 
  background-position: left top; 
  background-repeat: no-repeat; 
  border: 0 none; 
  margin: 0;
  padding: 0 0 0 2px;
  font-size: 12px; 
  line-height: 21px;
}

.searchBoxButton {
  background-image: url(gfx/2011/searchBoxButton.gif); 
  background-position: left top; 
  background-repeat: no-repeat; 
  width: 22px;
  height: 21px;
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  border: 0 none;
}

.byRetailersDDMenu {
  width: 150px;
  position: absolute; 
  z-index: 21; 
  height: 21px; 
  margin: 0 0 10px 0; 
  display: block;
  float: left;
  background-image: url(gfx/2011/ddMenuSelectionBackground_150px.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

.byRetailersDDMenu a, .byRetailersDDMenu a:hover {
  color: #000;
  font-size: 10px;
  font-weight: normal;
}

.byRetailersClickLayer {
  position: absolute;
  z-index: 22;
  float: left;
}

#byRetailersContainer {
  position: absolute;
  z-index: 21;
  top: 21px;
  height: 0;
  border: 0;
  overflow: hidden;
}

.byRetailersItems {
  position: absolute;
  z-index: 21;
  background: #fff;
  width: 144px;
  height: 200px;
  display: block;
  padding: 4px 1px 1px 4px;
  border: 1px solid #000;
  overflow: auto;
}

.byRetailersItem {
  width: 125px;
  float: left;
}

#byRetailersSelection {
  position: absolute; 
  z-index: 20;
  line-height: 20px; 
  height: 21px; 
  display: block; 
  font-weight: normal; 
  font-size: 11px; 
  color: #000; 
  padding: 0 0 0 10px;  
}

.input.submitbtn   { width:66px;  font-family: Verdana, Arial, sans-serif; font-weight:normal;
                     font-size: 9px; border-color: #808080; border-style: solid; border-width: 1;}
.input.main        { width:300px; font-family: Verdana, Arial, sans-serif; font-weight:normal;
                     font-size: 9px; border-color: #808080; border-style: solid; border-width: 1;}
.select.main       { width:300px; font-family: Verdana, Arial, sans-serif; font-weight:normal;
                     font-size: 9px; border-color: #808080; border-style: solid; border-width: 1;}
.textarea.main     { width:300px; font-family: Verdana, Arial, sans-serif; font-weight:normal;
                     font-size: 9px; border-color: #808080; border-style: solid; border-width: 1;}
.input.haku        { width:150px; font-family: Verdana, Arial, sans-serif; font-weight:normal;
                     font-size: 9px; border-color: #808080; border-style: solid; border-width: 1;}
.input.hakusubmit  { width:50px; font-family: Verdana, Arial, sans-serif; font-weight:normal;
                     font-size: 9px; border-color: #A0A0A0; background-color: #A0A0A0; border-style: solid; border-width: 1;}
.input.kaupsel        { width:150px; font-family: Verdana, Arial, sans-serif; font-weight:normal;
                     font-size: 9px; border-color: #808080; border-style: solid; border-width: 1;}
.kori_kooste_maara
                   { width: 40px; font-family: Verdana, Arial, sans-serif; font-weight:normal;
                     font-size: 9px; border-color: #808080; border-style: solid; border-width: 1; text-align: right}
.kori_kooste_login
                   { width: 60px; font-family: Verdana, Arial, sans-serif; font-weight:normal;
                     font-size: 9px; border-color: #808080; border-style: solid; border-width: 1;}


.kuvareunus {
border-color: #BEBABB;
border-style: solid;
border-width: 1px;
}
.kuvareunusinfo {
border-color: #000000;
border-style: solid;
border-width: 1px;
}

/* Flash jne. ylalaidan painikkeet */

.upperLinkButtonContainer {
position: absolute; 
z-index: 33; 
margin: -31px 0 0 30px; 
display: block; 
height: 45px;
}

a.upperLinkButton, a.upperLinkButton:hover {
display: block;
float: left;
width: 150px;
height: 40px;
text-align: center;
color: #fff;
font-size: 12px;
background-image: url(gfx/2011/uppernavBackground.gif);
background-position: center top;
background-repeat: no-repeat;
line-height: 40px;
}
a.upperLinkButtonWide, a.upperLinkButtonWide:hover {
display: block;
float: left;
width: 200px;
height: 40px;
text-align: center;
color: #fff;
font-size: 12px;
background-image: url(gfx/2011/uppernavBackgroundWide.gif);
background-position: center top;
background-repeat: no-repeat;
line-height: 40px;
}

/* Tuoteinfosivun ylalaidan painikkeet */

.infoPageViewButtonContainer {
position: absolute; 
z-index: 33; 
margin: -35px 0 0 30px; 
display: block; 
height: 45px;
}

a.infoPageViewButton, a.infoPageViewButton:hover {
display: block;
float: left;
width: 150px;
height: 40px;
text-align: center;
color: #fff;
font-size: 12px;
background-image: url(gfx/2011/uppernavBackground.gif);
background-position: center top;
background-repeat: no-repeat;
line-height: 40px;
}


/* Tuotesarjahaku painikkeet */

a.buttonDefault {
	background-image: url(gfx/2011/buttonDefault.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 153px;
	height: 22px;
	line-height: 22px;
	font-size: 10px;
	display: block;
	padding-left: 30px;
	overflow: hidden;
	color: #585858;
	margin: 0 0 4px 0;
}
a.buttonDownload {
	background-image: url(gfx/2011/buttonDownload.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 153px;
	height: 22px;
	line-height: 22px;
	font-size: 10px;
	display: block;
	padding-left: 30px;
	overflow: hidden;
	color: #585858;
	margin: 0 0 4px 0;
}
a.buttonEmail {
	background-image: url(gfx/2011/buttonEmail.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 153px;
	height: 22px;
	line-height: 22px;
	font-size: 10px;
	display: block;
	padding-left: 30px;
	overflow: hidden;
	color: #585858;
	margin: 0 0 4px 0;
}

/* Ostoskorin painikkeet */

a.buttonDefaultSC {
	background-image: url(gfx/2011/buttonDefault.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 123px;
	height: 22px;
	line-height: 22px;
	font-size: 10px;
	display: block;
	float: left;
	padding: 0 0 0 30px;
	overflow: hidden;
	color: #585858;
	margin: 0 0 4px 4px;
}
input.buttonDefaultSC {
	background-image: url(gfx/2011/buttonDefault.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 153px;
	height: 22px;
	line-height: 22px;
	font-size: 10px;
	display: block;
	float: left;
	padding: 0 0 0 30px;
	overflow: hidden;
	color: #585858;
	margin: 0 0 4px 4px;
	border-width: 0;  
	cursor: pointer;
	text-align: left;
}
a.buttonDownloadSC {
	background-image: url(gfx/2011/buttonDownload.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 123px;
	height: 22px;
	line-height: 22px;
	font-size: 10px;
	display: block;
	float: left;
	padding: 0 0 0 30px;
	overflow: hidden;
	color: #585858;
	margin: 0 0 4px 4px;
}
a.buttonEmailSC {
	background-image: url(gfx/2011/buttonEmail.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 123px;
	height: 22px;
	line-height: 22px;
	font-size: 10px;
	display: block;
	float: left;
	padding: 0 0 0 30px;
	overflow: hidden;
	color: #585858;
	margin: 0 0 4px 4px;
}

/* customSearch */

.displayTypeDDMenu {
  width: 180px;
  position: absolute; 
  z-index: 15; 
  height: 21px; 
  margin: 0 0 10px 0; 
  display: block;
  background-image: url(gfx/2011/ddMenuSelectionBackground.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

.displayTypeDDMenu a, .displayTypeDDMenu a:hover {
  color: #000;
  font-size: 10px;
  font-weight: normal;
}

.displayTypeClickLayer {
  position: absolute;
  z-index: 15;
}

#displayTypeContainer {
  position: absolute; 
  z-index: 15; 
  top: 21px; 
  height: 0; 
  border: 0; 
  overflow: hidden;
}

.displayTypeItems {
  position: absolute;
  z-index: 15; 
  background: #fff; 
  width: 171px; 
  display: block; 
  padding: 4px 1px 1px 6px;
  border: 1px solid #000;
}

.displayTypeItem {
  width: 57px;
  float: left;
}

#displayTypeSelection {
  position: absolute; 
  z-index: 14; 
  width: 180px; 
  height: 21px; 
  display: block; 
  line-height: 21px; 
  font-weight: normal; 
  font-size: 11px; 
  color: #000; 
  padding: 0 0 0 10px;
}

.byTypeDDMenu {
  width: 180px;
  position: absolute; 
  z-index: 14; 
  height: 21px; 
  margin: 0 0 10px 0; 
  display: block;
  background-image: url(gfx/2011/ddMenuSelectionBackground.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

.byTypeDDMenu a, .byTypeDDMenu a:hover {
  color: #000;
  font-size: 10px;
  font-weight: normal;
}

.byTypeClickLayer {
  position: absolute;
  z-index: 14;
}

#byTypeContainer {
  position: absolute; 
  z-index: 14; 
  top: 21px; 
  height: 0; 
  border: 0; 
  overflow: hidden;
}

.byTypeItems {
  position: absolute;
  z-index: 14;
  background: #fff;
  width: 172px;
  display: block;
  padding: 4px 1px 1px 5px;
  border: 1px solid #000;
}

.byTypeItem {
  width: 86px; 
  float: left;
}

#byTypeSelection {
  position: absolute; 
  z-index: 13; 
  width: 180px; 
  height: 21px; 
  display: block; 
  line-height: 21px; 
  font-weight: normal; 
  font-size: 11px; 
  color: #000; 
  padding: 0 0 0 10px;  
}

.byAppDDMenu {
  width: 180px;
  position: absolute; 
  z-index: 13; 
  height: 21px; 
  margin: 0 0 10px 0; 
  display: block;
  background-image: url(gfx/2011/ddMenuSelectionBackground.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

.byAppDDMenu a, .byAppDDMenu a:hover {
  color: #000;
  font-size: 10px;
  font-weight: normal;
}

.byAppClickLayer {
  position: absolute;
  z-index: 13;
}

#byAppContainer {
  position: absolute;
  z-index: 13;
  top: 21px;
  height: 0;
  border: 0;
  overflow: hidden;
}

.byAppItems {
  position: absolute;
  z-index: 13;
  background: #fff;
  width: 172px;
  display: block;
  padding: 4px 1px 1px 5px;
  border: 1px solid #000;
}

.byAppItem {
  width: 86px; 
  float: left;
}

#byAppSelection {
  position: absolute; 
  z-index: 12; 
  width: 180px; 
  height: 21px; 
  display: block; 
  line-height: 21px; 
  font-weight: normal; 
  font-size: 11px; 
  color: #000; 
  padding: 0 0 0 10px;  
}

.colorPickerDDMenu {
  width: 180px;
  position: absolute;
  z-index: 12; 
  height: 21px; 
  margin: 0 0 10px 0; 
  display: block;
  background-image: url(gfx/2011/ddMenuSelectionBackground.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

.colorPickerDDMenu a, .colorPickerDDMenu a:hover {
  color: #000;
  font-size: 10px;
  font-weight: normal;
}

.colorPickerClickLayer {
  position: absolute;
  z-index: 12; 
}

#colorPickerContainer {
  position: absolute; 
  z-index: 12; 
  top: 21px; 
  height: 0; 
  border: 0; 
  overflow: hidden;
}

.colorPickerItems {
  position: absolute; 
  z-index: 12; 
  background: #fff; 
  width: 176px; 
  display: block; 
  padding: 1px; 
  border: 1px solid #000;
}

.colorPickerItem {
  width: 11px;
  height: 11px;
  margin: 0;
  padding: 0;
  border: 0 none;
  float: left;
}
.colorPickerItem img {
  border: 0 none;
}

#colorPickerSelection {
  position: absolute; 
  z-index: 11; 
  width: 170px; 
  height: 21px; 
  display: block; 
  line-height: 21px; 
  font-weight: normal; 
  font-size: 11px; 
  color: #000; 
  padding: 0 0 0 10px;
}

.bySeriesDDMenu {
  width: 180px;
  position: absolute; 
  z-index: 11; 
  height: 21px; 
  margin: 0 0 10px 0; 
  display: block;
  background-image: url(gfx/2011/ddMenuSelectionBackground.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

.bySeriesDDMenu a, .bySeriesDDMenu a:hover {
  color: #000;
  font-size: 10px;
  font-weight: normal;
}

.bySeriesClickLayer {
  position: absolute;
  z-index: 11;
}

#bySeriesContainer {
  position: absolute;
  z-index: 11;
  top: 21px;
  height: 0;
  border: 0;
  overflow: hidden;
}

.bySeriesItems {
  position: absolute;
  z-index: 11;
  background: #fff;
  width: 174px;
  height: 150px;
  display: block;
  padding: 4px 1px 1px 4px;
  border: 1px solid #000;
  overflow: auto;
}

.bySeriesItem {
  width: 155px;
  float: left;
}

#bySeriesSelection {
  position: absolute; 
  z-index: 10; 
  width: 180px; 
  height: 21px; 
  display: block; 
  line-height: 21px; 
  font-weight: normal; 
  font-size: 11px; 
  color: #000; 
  padding: 0 0 0 10px;  
}

.paanavi
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
.paanavi:hover
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  color: #555555;
  text-decoration: none;
}