body {
  margin: 0 auto;
  padding: 15px;
  color: #666;
  background: #ccc;
  line-height: 22px;
}
body, p, ol, ul {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 22px;
}
td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
}
h2 {
  margin-top:0;
}
#container {
  width: 850px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  border: 8px solid #eee;
}

#header {
  background: url(/images/header_bg2.gif);
  background-repeat: no-repeat;
  height: 134px;
  width: 850px;
  padding: 0;
  margin: 0;
}


#header-nav {
  padding:0 0 8px 0;
  margin:0;
}

#header-logo {
  padding-top: 0;
  padding-right: 0;
}

#top-nav {
  width: 850px;
  margin: 0 auto;
  padding: 0;
  text-align: right;
}
#top-nav a {
  color: #666;
  text-decoration: none;
}
#top-nav a:hover {
  text-decoration: underline;
}

#content {
  width: 820px;
  margin: 0;
  padding: 10px 15px 15px 15px;
  background: #fff;
}
#content.logo img {
  margin: 0;
  padding: 0;
}
.logo {
  float: right;
}

p.description {
  font-size: 0.8em;
  line-height: 1.75em;
  padding-top: 4px;
  margin: 0;
}
img.border {
  border: 1px solid #999;
}

.product_picture img {
  margin-right: 8px;
  margin-bottom: 6px;
}
#pop_picture {
  text-align: center;
}
#pop_picture img {
  border: 4px solid #eee;
}

.product {
  padding: 0;
  margin: 0;
  width: 272px;
  line-height: 16px;
}

.product_picture {
  text-align: center;
}
.product_picture a {
  color: #999;
  text-decoration: none;
}


#joinform {
 margin-bottom:5px;
}
#joinlist {
  background: #efc;
  border: 1px solid #ce8;
  width: 300px;
  padding: 10px;
  line-height: 18px;
}
#shop {
  margin-top: 10px;
  background: #efc;
  border: 1px solid #ce8;
  padding: 10px;
  line-height: 20px;
}

#notice {
  background: #efc;
  border: 1px solid #ce8;
  padding: 10px;
  font-size: 14px;
  margin: 15px 15px 0 15px;
}

.outlined {
  margin-top: 10px;
  background: #efc;
  border: 1px solid #ce8;
  padding: 20px;
  
}

.small {
  font-size: 10px;
}

#footer {
  padding-top: 2px;
  color: #666;
  margin: 0;
  font-size: 10px;
  text-align: center;
  line-height: 12px;
}

#footer a {
  color: #666;
  text-decoration: none;
}

.product a {
  color: #666;
  text-decoration: none;
}

a.drop {
  padding: 5px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
  color: #666;
	display: block;
	width: 100px;
	text-decoration: none;
}
#nav a:hover {
	text-decoration: underline;
}

#nav li { /* all list items */
  padding: 0;
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #bfd43d;
	width: 100px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}