﻿body { 
margin: 0;
padding: 0; 
text-align: center;
font-family: Arial, Verdana, Geneva, Georgia, sans-serif;
font-size: 100.01%; 
font-weight: normal; 
color: #000;
text-decoration: none; 
background: #7bd480;
} 

h1 {
}

h2 {
}

h3 {
}

p {
}

#container {
margin: 0 auto; 
padding: 0;
text-align: center;
width: 982px;  
border: 5px solid #fff;
background: #fff;
}

#header {
	padding: 0;
	text-align: center;
	background: #FFFFFF url('../static_html/images/new-green-stationery-polar-bear-header-bg.jpg') no-repeat center
top;
	height: 158px;
}

#nav {
margin: 0;
padding: 0.4em;
background: #688e65;
font-size: 0.9em;
}

#nav ul {
margin: 0;
padding: 0;
}

#nav li { 
display: inline; 
margin: 0; 
padding: 0;
}

#nav li a {
margin: 0;
padding: 0.1em 0.6em;
border-left: 1px solid #688e65;
border-right: 1px solid #fff;
color: #333;
background: #688e65;
}

#nav li a.last {
border: 0;
color: #fff;
}

#nav li a:hover {
color: #fff;
}

#nav li a.last:hover {
color: #000;
}

#nav li a#current {
color: #fff;
}

#searchbox {
margin: 0;
margin-bottom: 0.3em;
padding: 0.4em;
text-align: center;
background: #7bd480;
border: 1px solid #688e65;
color: #fff;
}

input.searchsubmit {
}

a {
color: #333;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: underline;
}

ul {
}

li {
font-size: 0.9em;
}

form {
}

acronym {
font-weight: bold;
border-bottom: 1px solid #000;
cursor: help;
}

img {
border: 0;
}

strong {
font-weight: normal;
}

#content_container {
margin: 0;
padding: 0;
background: #fff;
}

#right_col_wrap, #left_col_wrap {
float: right;
text-align: center;
width: 145px;
margin: 0;
padding: 0;
}

#left_col_wrap {
float: left;
margin-right: 16px;
}

#column, #column2 {
margin: 1.2em 0;
margin-bottom: 0;
padding: 0.6em 0;
padding-top: 0;
text-align: left;
color: #000;
}

#column div, #column2 div {
text-align: left;
margin: 0;
padding: 0;
background: #d5ecca;
border: 1px solid #688e65;
}

#column img, #column2 img {
}

#column h4, #column2 h4 {
font-size: 0.9em;
margin: 0;
padding: 0.2em 0.3em;
color: #fff;
background: #688e65;
}

#column div.bottom, #column2 div.bottom {
background: #fff url('../static_html/images/div-bottom-bg.png') repeat-x top left;
height: 12px;
margin-bottom: 0.4em;
border: 0;
}

#column ul, #column2 ul {
text-align: left;
margin: 0;
padding: 0;
font-size: 0.8em;
list-style: none;
}

#column li, #column2 li {
padding: 0;
margin: 0;
}

#column li a, #column2 li a {
display: block;
margin: 0;
padding: 0.3em 0.4em;
color: #555;
text-decoration: none;
background: #fff url('../static_html/images/column-li-a-bg.png') repeat-x bottom left;
}

#column li a:hover, #column2 li a:hover {
color: #333;
background: #d5ecca url('../static_html/images/column-li-a-bg.png') repeat-x bottom left;
}

#column li a#current, #column2 li a#current {
font-weight: bold;
cursor: default; 
}

#column p, #column2 p {
margin: 0.2em 0.4em;
font-size: 0.7em;
}

#main_col {
float: left;
text-align: left;
width: 655px;
margin: 0;
padding: 0;
}

#content {
margin: 0;
margin-top: 1.2em;
padding: 0;
text-align: left;
color: black;
font-size: 0.9em;
}

#content_clear {
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}

#footer {
text-align: center;
margin-top: 0;
margin: 0.6em 0;
margin-bottom: 0;
padding: 0.5em 0;
font-size: 0.75em;
background: #fff;
background: #688e65;
color: #fff; 
}

#footer p {
margin: 0;
padding: 0;
}

#footer ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#footer li {
display: inline;
margin: 0;
padding: 0.2em 0.4em;
}

#footer li a {
margin: 0;
padding: 0.2em 0.4em;
color: #f4f4f4;
text-decoration: none;
}

#footer li a:hover {
color: #fff;
}

/* Classes */

div.clear {
clear: both;
margin: 0;
padding: 0;
font-size: 0;
height: 0;
line-height: 0;
}

div.left {
float: left;
width: 65px;
height: 65px;
margin: 0.4em;
margin-right: 1.4em;
}

span.small {
font-size: 0.7em;
color: #000;
}

input.box {
font-size: 0.8em;
color: #fff;
font-weight: bold;
background: #000;
padding: 0.2em;
border: 0;
}

div.box_wrap {
width: 190px;
margin: 0 9px;
float: left;
text-align: center;
display: inline;
}

h3.box {
font-size: 0.9em;
margin: 0;
padding: 0.2em 0.3em;
font-weight: bold;
color: #fff;
background: #688E65;
}

div.box {
text-align: left;
margin: 0;
padding: 0;
padding-top: 0.2em;
background: #f5f5f5;
font-size: 0.7em;
font-weight: normal;
text-align: center;
}

div.box p {
margin: 0;
padding: 0;
text-align: left;
padding: 0 0.2em;
font-weight: bold;
color: #555;
}

div.box a {
}

div.box_bottom {
margin: 0;
padding: 0;
background: #688E65;
height: 7px;
border: 0;
}

a.box {
font-size: 1.1em;
color: #333;
padding: 0.2em 0;
line-height: 1.4em;
text-decoration: none;
font-weight: normal;
}

a.box:hover {
color: #000;
text-decoration: underline;
}



#column div.ad, #column2 div.ad {
text-align: center;
margin: 0;
padding: 0;
color: #333;
background: #fff;
border: 0;
}

span.price {
font-size: 1.2em;
font-weight: bold;
}
