html {
width: 100%;
margin: 0px;
padding: 0px;
}

body {
font-family: verdana, tahoma, arial;
color: #000;
font-size: 8pt;
background-color: #e4e4e4;
background-image: url(images/body-bg.gif);
background-repeat: repeat-y;
background-position: center top;
margin: 0px;
padding: 0px;
}

select, option {
font-family: verdana, tahoma, arial;
color: #000;
font-size: 8pt;
}

select, option {
margin: 0px;
}

ul, ol {
list-style-type: none;
margin: 0;
padding: 0;
}

a {
color: #cc0000;
text-decoration: none;
}

p {
padding: 0;
margin: 0 0 10px 0; 
}

h1, h2 {
margin: 0;
padding: 0;
font-weight: normal;
color: #000;
}

h1 {
font-size: 16pt;
margin-bottom: 15px;
}

h2 {
font-size: 13pt;
margin-bottom: 15px;
}

#wrap {
width: 900px;
margin: 0 auto 0 auto;
background-color: #fff;
}

#top {
background-color: #cf000c;
height: 90px;
background-image: url(images/top-bg.jpg);
background-repeat: no-repeat;
}

#navi {
border: solid 1px #ccc;
background-color: #efefef;
margin: 0 0 0 20px;
}

ul.ProductGroupTree li {
margin-bottom: 6px;
}

.bar-white {
background-color: #fff;
padding: 10px 20px 10px 20px;
height: 22px;
border-bottom: solid 2px #ccc;
margin-bottom: 20px;
font-weight: bold;
font-size: 8pt;
}

#left {
width: 190px;
}

#right {
width: 640px;
margin-right: 30px;
float: right;
}

#bottom {
background-color: #fff;
padding: 10px;
border-top: solid 2px #ccc;
margin-top: 20px;
}

.info {
border: dotted 2px #ccc;
padding: 10px;
margin: 20px 0px 20px 0px;
background-color: #efefef;
}