html, body{
        padding: 0px;
        margin: 0px;
		background-color: #1c1b16;
		background-image:url('../img/tile3.jpg');
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		font-weight: normal;
}

h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		margin:0px 0px 10px 0px;
		padding:0px;
}
h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		line-height: 20px;
		margin:0px 0px 10px 0px;
		padding:0px;
		text-align:right;
}
h3 {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    margin: 1em 0px 1em 0px;
}

ul {
		margin:0px 0px 10px 0px;
		padding:5px 5px 5px 16px;
}

.small {
    font-size:10px;
}
.small a {
    text-decoration: underline;
    color:red;
}


#lyr1
{
  text-decoration:none; color:white;
  width:340px;  
  line-height:16px;
  font-weight:normal;
}
#lyr1 a
{
  text-decoration:none; color:white; 
  font-size:14px;
  line-height:16px;
  font-weight:normal;
}
#lyr1 a:hover
{
  text-decoration:none; color:#ff0000; 
  font-size:14px;
  line-height:16px;
  font-weight:bold;
}
#lyr2
{
  text-decoration:none; color:black;
  width:340px;  
  line-height:16px;
  font-weight:normal;
}
#lyr2 a
{
  text-decoration:none; color:black; 
  font-size:14px;
  line-height:16px;
  font-weight:normal;
}
#lyr2 a:hover
{
  text-decoration:none; color:#ff0000; 
  font-size:14px;
  line-height:16px;
  font-weight:bold;
}

#productsubnavi_spirit
{
  width:409px; height:20px; line-height:20px;text-align:right; float:left; 
  background-color:transparent; color:black; 
  font-weight:normal;
  font-variant:small-caps;
}
#productsubnavi_spirit a
{
  text-decoration:none; color:#cd6222; border:1px solid black; margin-left: 2px;
}
#productsubnavi_spirit .active
{
  background-color:black; color:white; font-weight:bold; border: 1px solid black; margin-left: 2px;
}

#productsubnavi
{
  width:409px; height:20px; line-height:20px;text-align:right; float:left; 
  background-color:transparent; color:black; 
  font-weight:normal;
}
#productsubnavi a
{
  text-decoration:none; color:black; border:1px solid #9c9c9c; margin-left: 2px;
}
#productsubnavi .active
{
  background-color:black; color:white; font-weight:bold; border: 1px solid black; margin-left: 2px;
}

.product_power
{
  margin:20px 20px 0px 20px; 
  padding:20px 20px 0px 20px;  
  border: 1px solid black;
  border-top: 1px solid #acacac;
  height:380px; 
  -moz-opacity:0.6; -khtml-opacity:0.6; filter:alpha(opacity=60); 
  background-color:white; color:black; 
  font-size:12px; font-weight:normal;
}
.product_spirit
{
  margin:20px 20px 0px 20px; 
  padding:20px 20px 0px 20px;  
  border: 0px solid white;
  border-top: 0px solid #acacac;
  height:380px; 
  -moz-opacity:0.4; -khtml-opacity:0.4; filter:alpha(opacity=40); 
  background-color:black; color:white; 
  font-size:12px; font-weight:normal;
}

#detail {
       font-size:1.2em; 
       position:absolute; 
  
       height:650px; min-height:650px; max-height:650px;
       width:900px; min-width:900px; max-width:900px; 
       padding:0px; 
   /* 
       margin:-307px 0px 0px -455px; 
       top: 50%;
       left: 50%;

      margin: 0px auto; 
      height:100%; 
  */ 

       margin:-325px 0px 0px -450px; 
        
       /* top: 50%; */
       left: 50%;  
       text-align:left; 
       float:left;
  
       z-index:10;
  }

#detail img {
  padding:0px; margin:0px; 
  border: 0px solid white;
}

/* SCROLLER */
div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative; left:40px;
    width:350px;
    max-width:350px;  
    height:380px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative; top:0px; left:-40px;
  width:12px; height:370px; 
    /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:12px; height:345px;
  background: #da4201;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:10px; height:20px;
  background-color:#c41900;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    }  
    
/* SCROLLER POWER */
div#scrollbar2 {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn2	{ 
    position:relative; left:40px;
    width:345px;
    max-width:345px;  
    height:370px;
    overflow:hidden;
	}
    
div#scrollbar2 { 
  position:relative; top:0px; left:-40px;
  width:12px; height:360px; 
    /* so no gap or misplacement due to image vertical alignment */
  }
div#track2 { 
  position:absolute; left:0; top:12px;
  width:12px; height:344px;
  background: #d3dad3;
  }
div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:10px; height:20px;
  background-color:#85898a;
  }  
div#up2 { position:absolute; left:0; top:0; }  
div#down2 { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2 {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar2 img {
    display:block; 
    }  
.first_add {
  vertical-align: top;
  border:0px solid white;
  }