/* app */
body { 
color: black; 
font-size: 12px; 
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
background: white url(images/bkgd.png) repeat-x;
margin: 0;
padding: 0;
}

a:link { 
color: red; 
text-decoration: none }

a:visited { 
color: maroon; 
text-decoration: none }

a:hover { 
color: red; 
text-decoration: underline }

CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA {
  font-family : Verdana, Arial, sans-serif;
  font-size : 11px;
}

h1 {
color: purple;
font-size: 20px;
line-height: 19px;
}

hr {
border-color: purple;
}

.notice {
	color: red;
	font-weight: bold;
}

.logo {
width: 100px;
height: 22px;
padding-top: 10px;
margin-bottom: 15px;
}

.logo a:link img, .logo a:visited img {
background: transparent url(images/logo-trans.png) no-repeat;
}

#footer {
height: 30px;
background-color: #dfc7e9;
width: 100%;
padding: 5px;
position: fixed;
bottom: 0;
}

#footer .right {
bottom: 2px;
right: 5px;
position: fixed;
}

.main {
vertical-align: top;
}

.product {
position: absolute;
top: 45px;
left: 130px;
}

.homeimg {
position: relative;
float: right;
clear: left;
margin: 10px;
right: 10px;
}

.order {
width: 130px;
margin: 5px;
}

.order img {
width: 88px;
height: 24px;
border-width: 0;
}

.order a:link img, .order a:visited img {
background: transparent url(images/order-trans.png) no-repeat;
}

.order a:hover img {
background: url(images/order_over-trans.png) no-repeat left top;
}

#nav {
	width: 130px;
	padding: 8px;
	list-style-type: none;
}

#nav a {
	font: bold 1.05em/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #4d4d4d;
}

#nav a:hover {
	color: red;
	text-decoration: none;
}

.hm #nav li#hm a,
.wn #nav li#wn a,
.fe #nav li#fe a,
.op #nav li#op a,
.co #nav li#co a,
.ss #nav li#ss a,
.sy #nav li#sy a,
.us #nav li#us a {
color: purple;
}

.content {
vertical-align: top;
top: 85px;
left: 130px;
position: absolute;
}

p {
font-size: 1em;
}

.epage {
height: 90%;
width: 100%;
text-align: center;
}
.smtext {
font-size: 10px;
}