body
{
 color: black;
 background-color: #F8F8F4;
 font-size: 12px;
 font-family: arial, helvetica, sans-serif;
 margin: 0;
 padding: 0;
}

div#page
{
 margin: 5px 5px 0px 5px;
 min-width: 1130px;
 max-width: 1410px;
 background-image: url( '../images/header-bg.png' );
 background-repeat: repeat-x;
}


div#header
{
 margin: 0;
 padding: 5px 150px 0 150px;
 height: 70px;
 font-size: 12px;
 text-align: right;
}
div#header a
{
 color: white;
 font-weight: bold;
}
div#header a:hover
{
 color: yellow;
}
div#language
{
 margin: 0;
 text-align: right;
 padding-top: 25px;
}


div#top
{
 background-image: url( '../images/menu-line.png' );
 height: 33px;
 margin-bottom: 5px;
}
ul#nav-top
{
 margin: 0px;
 color: white;
 padding-top: 5px;
 padding-left: 145px;
 height: 0%;
}
ul#nav-top li
{
 padding: 3px 0;
 display: inline;
}
ul#nav-top li.active
{
 font-weight: bold;
 padding-right: 10px;
 padding-left: 10px;
 color: #fffd5e;
 text-decoration: none;
 border-left: 1px solid #555555;
}
ul#nav-top a
{
 font-weight: bold;
 padding-right: 10px;
 padding-left: 10px;
 text-decoration: none;
 border-left: 1px solid #555555;
}
ul#nav-top a:link
{
 color: white;
}
ul#nav-top a:visited
{
 color: white;
}
ul#nav-top a:hover
{
 color: white;
 text-decoration: underline;
}
ul#nav-top a:active
{
 color: white;
}


div#left
{
 width: 145px;
 float: left;
 margin-left: 0px;
 margin-right: 0px;
}
div#left ul
{
 margin: 0px 0px 12px 0px;
 padding: 0 10px 0 0;
}
div#left ul li
{
 margin: 0;
 display: block;
 color: white;
 background-image: url(  '../images/button-bg.png' );
 background-color: #336699;
 list-style: none;
 width: 100%;
}
div#left ul li a
{
 display: block;
 text-decoration: none;
 padding: 2px 1px 2px 5px;
 color: white;
 width: 100%;
}
html > body #left li a
{
 width: auto;
}
div#left li.active
{
 display: block;
 text-decoration: none;
 padding: 2px 1px 2px 5px;
 color: white;
 width: auto;
 background-image: url( '../images/button-bg-act.png' );
 background-color: #993366;
}
div#left ul li a:hover
{
 background-image: url( '../images/button-bg-hover.png' );
 background-color: #CC3300;
 text-decoration: none;
}
div#left h3
{
 padding: 3px 0 3px 5px;
 margin: 0px 10px 0 0;
 height: 11px;
 font-size: 10px;
 font-family: verdana, arial, sans-serif;
 color: white;
 background-image: url( '../images/button-top.png' );
}


div#right
{
 float: right;
 width: 135px;
 margin-left: 0px;
 margin-right: 0px;
}
div.info
{
 border-style: outset;
 border-width: thin;
 padding: 0;
 background-color: #FFFFFF;
 margin-bottom: 6px;
}
div.info h2
{
 height: 11px;
 font-size: 10px;
 margin: 0;
 padding: 3px 0 3px 5px;
 background-image: url( '../images/button-top.png' );
 color: white;
}
div.info p
{
 margin: 0;
 padding: 5px;
 font-size: 10px;
}


div.price
{
 float: right;
 width: 110px;
 text-align: center;
 border-style: outset;
 border-width: thin;
 padding: 0;
 margin: 0 5px 10px 10px;
}
div.price h2
{
 height: auto;
 margin: 0;
 padding: 10px 0 0 0;
 color: white;
 background-image: url( '../images/price.png' );
}
div.price p
{
 margin: 0;
 padding: 5px 0 5px 5px;
 background-color: #F8F8F4;
}


div#main
{
 padding: 5px;
 border-style: outset;
 margin: 0 145px 0 145px;
 background-color: #FFFFFF;
 border-width: thin;
}
div#main p.heading
{
 font-size: 14px;
 font-weight: bold;
 margin-top: 5px;
 border-bottom: 1px solid #000080;
 margin-bottom: 10px;
 padding-left: 2px;
 padding-bottom: 2px;
 color: #000080;
}
div#main p.header
{
 font-size: 12px;
 font-weight: bold;
 margin-top: 5px;
 margin-bottom: 10px;
 padding-left: 2px;
 border-bottom-style: dotted;
 border-bottom-width: 1px;
 border-bottom-color: #000080;
}
div#main p.title
{
 font-size: 12px;
 font-weight: bold;
 margin-top: 5px;
 margin-bottom: 10px;
 color: white;
 background-color: #80A0C0;
}


div#main h2
{
 font-size: 14px;
 font-style: normal;
 margin: 0;
 padding: 6px 6px 6px 0;
}
div#main p
{
 font-size: 12px;
 margin: 0;
 padding: 3px 6px 3px 6px;
}
div#main p.remark
{
 font-size: 10px;
 font-weight: lighter;
 margin-top: 5px;
 margin-bottom: 10px;
 border-top: 1px solid #cccccc;
}
div#main td
{
 font-size: 12px;
 margin: 0;
 padding: 0 6px 0 6px;
}
.picture
{
 font-size: 10px;
 border: 1px solid #E5E5E5;
 width: 200px;
 text-align: center;
 margin: 5px 10px 5px 0;
 padding: 2px;
}
.picture_float
{
 float: left;
 font-size: 10px;
 border: 1px solid #E5E5E5;
 width: 200px;
 text-align: center;
 margin: 5px 10px 5px 0;
 padding: 2px;
}


div#footer
{
 font-size: 11px;
 margin: 0 150px 0 150px;
 padding-left: 3px;
}
div#footer p
{
 padding-top: 5px;
 padding-bottom: 10px;
 font-size: 11px;
}


p
{
 padding: 0px;
 margin: 0px;
}
p.clear
{
 clear: left;
}
 

.red
{
 color: red;
}
.gray
{
 color: gray;
}


#main a
{
 text-decoration: underline;
}
#main a.none
{
 text-decoration: none;
}
#main a:link
{
 color: #336699;
}
#main a:visited
{
 color: #336699;
}
#main a:hover
{
 color: #6699CC;
}
#main a:active
{
 color: #336699;
}


td.createdate {
  font-size: 10px;
  text-align: left;
  color: #999999;
}
td.modifydate {
  font-size: 10px;
  text-align: right;
  font-style: italic;
}


table
{
 vertical-align: top;
}
tr
{
 vertical-align: top;
}
td
{
 vertical-align: top;
}


img
{
 border: 0;
}


input.size, select.size, textarea.size {
 width: 300px;
}