body {
   background-color: #222;
   text-align: center;
   margin: 0;
   padding: 0;
   font-family: arial, verdana, sans-serif;
   background-image: url(../images/bg_dots.jpg);
}

form {
   margin: 0;
   padding: 0;
}


/**
 * Containers
 */

#container {
   width: 900px;
   margin: auto;
   margin-top: 1.2em;
}

/* Header */
#ie6info {
   background-color: #ffc;
   color: #000;
   font-size: .8em;
   padding: .3em;
   border-bottom: 1px solid #ddb;
}

#ie6info a:visited {
   color: #009;
}

#ie6info a,
#ie6info a:link,
#ie6info a:hover {
   font-weight: bold;
   color: #00e;
}

#header {
   /*height: 145px;*/
   /*border-top: 1px solid #990066;*/
   border-bottom: 1px solid #222;
   position: relative;
   /*background: #ff66cc url(../images/bg_header.png) no-repeat;*/
   background-color: #fff;
}

#logo {
   text-align: left;
}

#logo img {
   width: 247px;
   height: 120px;
}

#googlebox {
   position: absolute;
   right: 5px;
   top: 65px;
   z-index: 10;
   background-color: #fff;
   text-align: left;
   width: 300px;
}

#searchResults {
   position: absolute;
   top: 100px;
   left: 100px;
   background-color: #fff;
   width: 500px;
   z-index: 10;
   text-align: left;
}

#blurb {
   position: absolute;
   top: 0;
   right: 1em;
   width: 500px;
   padding: 1em;
   text-align: center;
}

#notice {
   position: absolute;
   top: 0;
   right: 1em;
   width: 370px;
   padding: 1em;
   text-align: right;
   color: #f00;
   font-weight: bold;
   font-size: .9em;
}

#header .navcontainer {
   height: 1.5em;
   background-color: #f558b4;
   position: relative;
}

#header h1 {
   margin-top: 0;
   padding-top: 1em;
   font-family: "Kristen ITC", "Comic Sans MS", Tahoma, sans-serif;
}

#header .nav {
   background-color: transparent;
   color: #222;
   font-size: .8em;
   position: absolute;     /* relative to .navcontainer */
   bottom: 0;
   font-weight: bold;
}

#header .left {
   left: 0;
   padding: .3em .2em;
}

#header .right {
   float: left;
   right: 5px;
   text-align: right;
   padding: .1em 0;
}

#header .nav a,
#header .nav a:link,
#header .nav a:visited {
   color: #000;
   margin: 0 .5em;
   text-decoration: none;
}

#header .nav a:hover {
   text-decoration: underline;
   color: #000;
}

/* Main Page Content */
#mainbody {
   position: relative;
   background-color: #fff;
   text-align: left;
}

#leftbar {
   float: left;
   width: 200px;  /* must match left margin of #content */
   background-color: #fff;
   padding: .5em 0;
}

ul#leftnav {
   list-style-type: none;
   margin: 0 .5em;
   padding: 0;
   font-size: .8em;
}

ul#leftnav li {
   border-top: 1px dotted #a4ce63;
}

ul#leftnav li.spacer {
   border-top: none;
}

ul#leftnav li.heading {
   font-weight: bold;
   margin-top: .4em;
   margin-bottom: .2em;
   border-top: none;
}

ul#leftnav a {
   display: block;
   padding: .2em .2em;
   border: 1px solid #fff;
   margin-bottom: 1px;
   text-decoration: none;
}

ul#leftnav a,
ul#leftnav a:link,
ul#leftnav a:visited {
   color: #555;
}

ul#leftnav a:hover {
   background-color: #fff;
   border: 1px solid #fff;
   text-decoration: none;
   color: #000;
}

ul#leftnav li.active a {
   text-decoration: none;
   background-color: #fff;
   border: 1px solid #fff;
   color: #000;
}

.new {
   display: none;
}

#leftbar .new {
   display: inline;
   color: #f00;
   font-size: .7em;
   position: relative;
   bottom: .8ex;
}

#leftbar .new span {
   display: none;
}

#content {
   background-color: #fff;
   margin-left: 200px;  /* must match width of #leftbar */
   padding: .5em .5em 1em .5em;
}

#content h1 {
   font-size: 1em;
   margin-top: 0;
}

#content p {
   margin-top: 1em;
   margin-bottom: 1em;
}

#content p label {
   font-size: .8em;
   font-weight: bold;
}
#content p span {
   font-size: .8em;
}

#content dl {
   font-size: .8em;
   margin-left: 0em;
   margin-right: 2em;
}

#content dt {
   font-weight: bold;
}

#content dd {
   padding-top: .5em;
   padding-bottom: 2em;
}

#content dd table {
   border-collapse: collapse;
   margin-top: .5em;
   border-color: #000;
}

#content table th {
   background-color: #eee;
   font-weight: bold;
   color: #000;
   border-color: #000;
}

#content table td {
   border-color: #000;
}

#content dd em {
   font-style: italic;
   font-weight: bold;
   color: #ee55bb;
}

#content a,
#content a:link,
#content a:visited {
   color: #000;
}

#content a:hover {
   color: #cc3399;
}

#content .site_descr {
   padding: 0 1em;
   font-family: "Kristen ITC", "Comic Sans MS", Tahoma, sans-serif;
   font-family: Tahoma, Verdana;
   text-align: center;
}

#top_gifts {
   padding-bottom: .5em;
   margin-bottom: 1em;
   border-bottom: 1px dotted #333;
}

#top_gifts h1 {
   padding-bottom: .5em;
   margin-bottom: .2em;
   border-bottom: 1px dotted #333;
}

#top_gifts a,
#top_gifts a:visited {
   text-decoration: none;
}

#top_gifts a:hover span {
   text-decoration: underline;
}

#top_gifts img {
   text-align: left;
}

/* Product Grid */
table.productgrid {
   font-size: .9em;
   width: 100%;
}

.productgrid caption {
   text-align: left;
   font-size: 1.0em;
   font-weight: bold;
   border-bottom: 1px dotted #222;
   padding-bottom: 2px;
}

.productgrid caption em {
   font-style: normal;
   font-size: 1.1em;
   line-height: 1em;
}

.productgrid td {
   text-align: center;
   vertical-align: bottom;
   padding: 1em .6em .5em .6em;
   font-size: .85em;
}

td.prodnav {
   vertical-align: top;
   font-size: .75em;
   padding: .2em .2em 0 0;
   color: #999;
}

.productgrid a,
.productgrid a:link,
.productgrid a:visited {
   color: #000;
   text-decoration: none;
}

.productgrid a:hover {
   color: #cc3399;
   text-decoration: none;
}

.productgrid a:hover span,
.productgrid caption a:hover {
   text-decoration: underline;
}

.product img.productimg {
   float: left;
   margin: 2px;
   margin-bottom: 1em;
}

.category .subcatname,
.product .productname {
   font-weight: normal;
}

.product div.productname {
   clear: both;
   margin-top: .3em;
   font-weight: bold;
   font-size: 1.3em;
   color: #ee55bb;
}

.product div.descr {
   margin-top: 1em;
   margin-bottom: 1em;
}

.product div.descr ul {
   margin-top: 0;
}

.product .descr a {
   text-decoration: underline;
}

.product div.price {
   font-weight: bold;
   margin-bottom: 1em;
}

.product .price_per {
   padding-left: 0.7em;
   font-weight: normal;
   font-style: italic;
}

.product .option {
   margin-bottom: 1em;
}

.product label {
   font-weight: bold;
}

.product select, .product input {
   font-size: 1.1em;
}

.product div.options {
   padding: .5em 0 .5em 1.5em;
}

.product div.options label {
   font-weight: normal;
}

div.imageset {
   background-color: #e6e6e6;
   padding: .2em;
   margin: .5em 3em;
   float: left;
   border: 1px solid #ccc;
   font-size: .9em;
}

div.imageset h1 {
   font-weight: bold;
   margin: 0 0 .3em 0;
   padding: .1em .3em;
}
div.imageset a,
div.imageset a:visited,
div.imageset a:hover {
   background-color: #fff;
   display: block;
   margin: 2px;
   padding: .3em .4em;
   border: 1px dotted #333;
   text-decoration: none;
}

div.imageset a:hover {
   text-decoration: underline;
}

.category_footer {
   width: 80%;
   padding: 1em;
   margin: 1em auto;
   border: 1px solid #ee55bb;
}

.category_footer em {
   font-weight: bold;
   color: #ee55bb;
}

#stampopts {
   margin-bottom: 1em;
}

#stampopts .option {
   margin-bottom: .5em;
}

#stampopts label {
   display: block;
   width: 7em;
   float: left;
   padding-top: .3em;
}

#add_cart_btn {
   margin: 0 0.2em;
}

/* Footer */
#footer {
   clear: both;
   background: none;
   margin: 0;
   padding: 1em 0 1em 0;
   color: #222;
   text-align: center;
   font-size: .8em;
}

#footer a,
#footer a:link,
#footer a:visited {
   color: #bbb;
   color: #222;
}

ul#paymethods {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

ul#paymethods li {
   display: inline;
}

ul#paymethods img {
   width: 37px;
   height: 23px;
}

#copyright {
   margin-top: .8em;
}

/**
 * Classes
 */

.left,
td.left {
   text-align: left;
}

.right,
td.right {
   text-align: right;
}

.center,
td.center {
   text-align: center;
}

div.paymethods {
   font-size: .8em;
}

.clear {
   clear: both;
}

.quote {
   margin-left: 2.5em;
   margin-right: 2.5em;
}

.backorder {
   color: #f00;
   font-size: .85em;
}

.futureship {
   color: #ee55bb;
   font-style: italic;
   font-weight: bold;
}

.socialbadges {
   position: absolute;
   right: 1em;
   top: .8em;
   font-size: .8em;
}

.socialbadges a {
   text-decoration: none;
   line-height: 2em;
}

.socialbadges a,
.socialbadges a:link,
.socialbadges a:visited {
   color: #555;
}

.socialbadges .logo {
   width: 16px;
   height: 16px;
   margin: 2px 8px 6px 2px;
   vertical-align: middle;
}

.socialbadges a:hover span {
   text-decoration: underline;
   color: #000;
}

#featured {
   margin: 0 auto;
   padding: 1px;
   border: 1px solid #a4ce63;
   width: 600px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}

#featured h1 {
   font-size: 110%;
   color: #333;
   background-color: #a4ce63;
   padding: 2px 4px;
   -webkit-border-radius: 5px 5px 0 0;
   -moz-border-radius: 5px 5px 0 0;
}

#featured .caption {
   color: #333;
   text-align: center;
   padding: 4px 6px;
}

ul.featured {
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: center;
   min-height: 300px;
}

ul.featured li {
   margin: 0;
   padding: 0;
}

ul.featured li a {
   text-decoration: none;
   display: block;
}

#featured a:hover .caption {
   color: #cc3399;
}