body {
 font-family: sans-serif;
 width: 780px;
 margin: 0 0 0 10px;
 font-size: 80%;
}

form { font-size: 1em; }

#bodyarea {
 float: none;
 clear: both;
 margin: 0 0 10px 0;
 padding: 0;
 width: 780px;
}
#headarea {
 float: none;
 clear: both;
 margin: 0;
 padding: 0;
 width: 780px;
 height: 50px;
 color: white;
}
#navigatearea {
 float: none;
 clear: both;
 margin: 4px 130px 16px 24px;
 padding: 0;
 color: #f79690;
 color: black;
}
#leftarea {
 float: left;
 clear: left;
 margin: 0;
 padding: 0;
 width: 130px;
 border: none;
}
#leftmainarea {
 float: left;
 clear: left;
 margin: 0 20px 20px 20px;
 padding: 0;
 width: 590px;
}
#mainarea {
 float: left;
 clear: none;
 margin: 0 20px 20px 20px;
 padding: 0;
 width: 460px;
}
#rightarea {
 float: right;
 clear: right;
 margin: 0;
 padding: 0;
 width: 130px;
 border: none;
}
#footarea {
 float: none;
 clear: both;
 margin: 0;
 padding: 0 0 8px 0;
 width: 780px;
 border-top: solid 2px #f79690;
 color: gray;
 text-align: right;
}

#footarea_jss {
 float: none;
 clear: both;
 margin: 0;
 padding: 0 0 8px 0;
 width: 780px;
 border-top: solid 2px #ccc;
 color: gray;
 text-align: right;
}

#eachline {
 width: 490px;
 margin: 0 0 5px 0;
 padding: 0;
 border: none;
 float: left;
 clear: left;
}
#eachlinewithtophr {
 width: 490px;
 margin: 8px 0 5px 0;
 padding: 8px 0 0 0;
 border-top: #990000 2px solid;
 float: left;
 clear: left;
}
#eachline2 {
 width: 590px;
 margin: 0 0 5px 0;
 padding: 0;
 border: none;
 float: left;
 clear: left;
}
#eachline3 {
 margin: 0 0 5px 0;
 padding: 0;
 border: none;
 float: left;
 clear: left;
}

#sidebox {
 clear: none;
 margin: 0 0 15px 0;
 padding: 0 0 5px 0;
 width: 130px;
 border: dotted 1px #f79690;
}
#eachbox {
 width: 148px;
 margin: 0 0 0 5px;
 padding: 3px;
 border: solid 1px #e0e0e0;
 float: left;
 clear: none;
 color: #666666;
}
#eachbox3 {
 width: 165px;
 height: 300px;
 margin: 0 8px;
 padding: 3px;
 border: solid 1px #e0e0e0;
 float: left;
 clear: none;
 color: #666666;
}

table {
 border-collapse: collapse;
}
table.document {
 margin: 10px;
}
th.document {
 font-weight: normal;
 background-color: #ffeeee;
}
h1.document {
 margin: 12px 0 10px 0;
 padding: 2px 0 0 4px;
 font-size: 140%;
 font-weight: normal;
 border-bottom: solid 2px #ff8080;
}
h2.document {
 margin: 0;
 padding: 2px 0 0 4px;
 font-size: 120%;
 font-weight: normal;
 background-color: #fcdbd9;
}

h2.label {
 margin: 0;
 padding: 2px 0 0 4px;
 font-size: 120%;
 font-weight: normal;
 background-color: #fcdbd9;
}
h3.label {
 margin: 0 0 1px 0;
 padding: 2px 0 0 4px;
 font-size: 100%;
 font-weight: normal;
 text-indent: 6px;
 background: url("images/h3head.png") no-repeat;
}
h2.label_jss {
 margin: 0;
 padding: 2px 0 0 4px;
 font-size: 120%;
 font-weight: normal;
 background-color: #dddddd;
}
h3.label_jss {
 margin: 0 0 1px 0;
 padding: 2px 0 0 4px;
 font-size: 100%;
 font-weight: normal;
 text-indent: 6px;
 background: url("images/h3head_jss.png") no-repeat;
}
#sidebox_jss {
 clear: none;
 margin: 0 0 15px 0;
 padding: 0 0 5px 0;
 width: 130px;
 border: dotted 1px #aaaaaa;
}
h4.label {
 margin: 0 0 1px 10px;
 padding: 2px 0 0 4px;
 font-size: 95%;
 font-weight: normal;
 text-indent: 4px;
 background: url("images/h4head.png") no-repeat;
}
h5.label {
 margin: 0 0 1px 16px;
 padding: 2px 0 0 4px;
 font-size: 90%;
 font-weight: normal;
 text-indent: 4px;
 background: url("images/h5head.png") no-repeat;
}
h6.label {
 margin: 0 0 1px 22px;
 padding: 2px 0 0 4px;
 font-size: 85%;
 font-weight: normal;
 text-indent: 4px;
 background: url("images/h5head.png") no-repeat;
}

li {
 list-style-image: url("images/h3head.png");
 line-height: 140%;
 margin: 6px 0;
}

p {
 line-height: 130%;
 text-indent: 1em;
}

hr {
 color: #990000;
 border: solid 1px #990000;
}

*.icon { 
 font-size: 80%;
}
*.selected {
 font-weight: bolder;
}
*.large {
 font-size: 120%;
}
*.grayout {
 color: #cccccc;
}
*.gray {
 color: gray;
}
*.price {
 text-align: right;
}
*.productname {
 margin: 3px 0px;
 font-size: 120%;
 font-weight: bold;
}
*.productname2 {
 margin: 3px 0px;
 font-size: 120%;
}

#explanation {
 padding: 20px 10px;
 text-indent: 1em;
 line-height: 150%;
}
#explanation2 {
 clear: both;
 margin: 6px 6px 0px 6px;
 padding: 2px 4px;
 text-indent: 1em;
 line-height: 140%;
 font-size: 90%;
 background: #feeeed;
}

#rightbutton {
 float: right;
 clear: right;
 padding: 14px 4px 4px 4px;
}
#rightbutton2 {
 padding: 4px 0px 0px 0px;
}
#leftbutton {
 float: left;
 clear: left;
 padding: 14px 4px 4px 4px;
}
#leftbuttontable {
 float: left;
 clear: left;
 padding: 0px 0px 0px 0px;
}
#rightbuttontable {
 float: right;
 clear: right;
 padding: 0px 0px 0px 0px;
}

#list2left {
 float: left;
 clear: left;
}
#list2right {
 float: right;
 clear: right;
 text-align: right;
}

#pagenavitop {
 padding: 5px 0 10px 0;
 text-align: center;
}
#pagenavibottom {
 margin: 10px 0 5px 0;
 text-align: center;
}

#search {
 margin: 6px 4px 2px 4px;
}

th.must {
 background-color: #ff9999;
}