/* GLOBAL STYLES
--------------------------------------------------------*/
body {background: #fff; font: 11px Arial, Helvetica, sans-serif; color: #6F6F6F; padding: 8px 0; margin: 0}

#Form2 {margin: 0; padding: 0}
#Form2 input, #Form2 select {font: 11px Verdana, Tahoma, sans-serif; color: #502E0A; background: #fff; line-height: normal}

#PageSubTable {width: 760px}

#ContentCell {padding: 2px}

table.Instructions {font-size: 12px; line-height: 16px; color: #502E0A; background: url(images/design/c-dots-horiz-orange.gif) repeat-x top}
td#Instruction1_InstructCell {background: url(images/design/c-dots-horiz-orange.gif) repeat-x bottom; padding: 10px 0}
td#Instruction1_InstructCell a {color: #502E0A}
td#Instruction1_InstructCell p {margin: 0; padding: 0}

.Messages, .ErrorMessages {font-size: 13px; font-weight: bold; color: #502E0A}

#BreadCrumbs1_BreadCrumbs1 {font-size: 12px}

.Headings {font-size: 16px; font-weight: bold; color: #502E0A}

.ContentTableHeader, .ContentTable, .ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #F7F7EF; background: #502E0A}

.Content {line-height: 16px; font-size: 12px; color: #502E0A; text-align: left}
.Content a {color: #502E0A; text-decoration: underline}
.Content a:hover {color: #502E0A; text-decoration: none}

/* Common Styles
--------------------------------------------------------*/
.clear {clear:both}
.float-left {float:left; width: auto}
.float-right {float:right; width: auto}
.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}
.bold {font-weight:bold}
.italic {font-style:italic}
.push10 {margin-left: 10px}
.img-left {float:left;margin:4px 10px 4px 0}
.img-right {float:right;margin:4px 0 4px 10px}
a {outline: none}
a img {border: none}

/* Common Controls Reset
--------------------------------------------------------*/
#TopBannerCell ul, #TopBannerCell p,
#TopSubBannerCell ul, #TopSubBannerCell p,
#LeftColumnCell ul, #LeftColumnCell p,
#RightColumnCell ul, #RightColumnCell p,
#FooterCell ul, #FooterCell p,
.cart ul, .cart p,
.search ul, .search p {margin: 0; padding: 0; list-style: none}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {font-size: 11px; border-bottom: 1px solid #321D06}
#TopBannerCell .logo {float: left; width: auto; margin: 0 0 6px 0}
#TopBannerCell .cart {float: right; color: #38B20E; margin: 0 0 6px 0}
#TopBannerCell .cart a {color: #6f6f6f; text-decoration: underline}
#TopBannerCell .cart a:hover {text-decoration: none}
#TopBannerCell .cart ul {float: left; width: auto; height: 40px; line-height: 40px}
#TopBannerCell .cart li {float: left; width: auto}
#TopBannerCell .cart ul.cartnav {background: transparent url(images/design/bn-cart-dots.gif) no-repeat 100% 50%}
#TopBannerCell .cart ul.cartnav li {background: transparent url(images/design/bn-nav-divide.gif) no-repeat 100% 50%; padding: 0 10px}
#TopBannerCell .cart ul.cartnav li.checkout {background: none}
#TopBannerCell .cart ul.shopcart {margin-left: 10px}
#TopBannerCell .cart ul.shopcart li.items {margin-right: 10px}

#TopBannerCell .nav {font-size: 12px; color: #fff; text-transform: uppercase; font-weight: bold; margin: 0; padding: 0; width: 100%; float: left; background: #502E0A url(images/design/bn-round01.gif) no-repeat 0 0; height: 40px; line-height: 40px}
#TopBannerCell .nav .inner {padding: 0; margin: 0; width: 100%; float: left; background: url(images/design/bn-round02.gif) no-repeat 100% 0; height: 40px; line-height: 40px}
#TopBannerCell .nav .inner li {height: 40px; line-height: 40px; background: url(images/design/bn-nav-dots.gif) no-repeat 100% 50%; padding-right: 1px}
#TopBannerCell .nav .inner li a {padding: 12px 7px 13px 7px; _padding: 0 7px; color: #fff; text-decoration: none; height: 40px; line-height: 40px}
#TopBannerCell .nav .inner li a:hover {background: #321D06}
#TopBannerCell .nav .inner li.first a:hover {background: #321D06 url(images/design/bn-round-01-hover.gif) no-repeat 0 0}
#TopBannerCell .nav .inner ul, #TopBannerCell .nav .inner ul li {float: left; width: auto}
#TopBannerCell .nav .inner .search {float: right; width: auto; margin: 9px 10px 0 0; _margin: 10px 10px 0 0}
#TopBannerCell .nav .inner .search li {line-height: normal; height: 20px; background: none}
#TopBannerCell .nav .inner .search li a {line-height: normal; height: 20px; background: none; padding: 0}
#TopBannerCell .nav .inner .search li a:hover {background: none}
#TopBannerCell .nav .inner .search li.head {padding: 3px 0 0 0}
#TopBannerCell .nav .inner .search li.textbox {padding-top: 1px; _padding: 0}
#TopBannerCell .nav .inner .search li.button {padding: 3px 0 0 0}
#TopBannerCell .nav .inner .search input {border: 1px solid #321D06; font: 12px Arial, Helvetica, sans-serif; color: #666; background: #fff; width: 110px; margin: 0 5px}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {font-size: 11px; height: 50px; background: #EDECD3; text-transform: uppercase; color: #502E0A; font-size: 12px}
#TopSubBannerCell ul {margin-left: 8px; height: 50px; line-height: 50px}
#TopSubBannerCell ul li {float: left}
#TopSubBannerCell ul li span {color: #38B20E; text-transform: lowercase}
#TopSubBannerCell ul li.head {padding: 0 10px 0 0; margin: 0 10px 0 0; background: transparent url(images/design/bn-sub-dots.gif) no-repeat 100% 50%}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width: 24%; background: #F7F7EF; border-top: 10px solid #fff; border-bottom: 20px solid #fff; padding: 0 0 20px 0; vertical-align: top}
#LeftColumnNav1_custommenu {width: 186px}
#LeftColumnNav1_custommenu a {color: #502E0A; text-decoration: none}
#LeftColumnNav1_custommenu a:hover {border-bottom: 1px dotted #6f6f6f}
#LeftColumnNav1_custommenu h2 {text-indent: -9999px; display: block; height: 30px; width: 186px; background: url(images/design/lc-head-bkgd.gif) no-repeat 0 0; margin: 0 0 7px 0; padding: 0; font-size: 1px}
#LeftColumnNav1_custommenu h3 {font-size: 14px; font-weight: bold; margin: 0 0 7px 32px; padding: 0; width: 153px; _width: 121px}
#LeftColumnNav1_custommenu ul {font-size: 12px; margin: 0 0 20px 33px; width: 153px}
#LeftColumnNav1_custommenu li {background: url(images/design/lc-bullet.gif) no-repeat 0 5px; padding-left: 10px; line-height: 17px}
#LeftColumnNav1_custommenu, #LeftColumnNav1_custommenu h2, #LeftColumnNav1_custommenu h3, #LeftColumnNav1_custommenu ul {float: left; clear: both}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {background: #502E0A; font-size: 12px; color: #fff; padding: 12px 7px 15px 7px}
#FooterCell a:hover {text-decoration: underline}
#FooterCell .nav {float: left; width: auto}
#FooterCell .nav a {color: #fff; text-decoration: none}
#FooterCell .nav .topnav {font-weight: bold; background: url(images/design/ft-dots.gif) repeat-x bottom; padding-bottom: 10px}
#FooterCell .nav .bottomnav {margin-top: 9px}
#FooterCell .nav span {margin: 0 3px}
#FooterCell .copy {float: right; width: auto; color: #38B20E}
#FooterCell .copy a {color: #38B20E; text-decoration: none}

/* Default Page Styles
--------------------------------------------------------*/
.default #ContentCell {padding: 10px 0 20px 10px}

.default #ContentCell .preamble {line-height: normal; color: #fff; background: #38B20E url(images/design/df-pre-base.gif) no-repeat bottom; width: 562px; float: left; height: auto; padding: 0 0 6px 0}
.default #ContentCell .preamble h2 {margin: 0; padding: 0; font-size: 32px; font-weight: bold; text-align: right}
.default #ContentCell .preamble h2 span {font-size: 14px; font-weight: normal; font-style: italic}
.default #ContentCell .preamble ul {margin: 20px 20px 0 0; padding: 0; list-style: none}
.default #ContentCell .preamble li {background: url(images/design/df-pre-bullet.gif) no-repeat 0 4px; padding: 0 0 0 10px; padding-bottom: 4px}
.default #ContentCell .preamble .image {width: 100%; float: left}
.default #ContentCell .preamble .left {width: auto; float: left; padding: 20px 0 20px 20px; background: url(images/design/df-pre-dots.gif) repeat-y right; padding-right: 20px}
.default #ContentCell .preamble .right {width: auto; float: right; font-size: 14px; font-weight: bold; font-style: italic}

.default #ContentCell .featured {float: left; font-size: 11px; width: 100%}
.default #ContentCell .featured .row {float: left; width: 100%; height: auto; padding: 20px 0; background: url(images/design/c-dots-horiz-orange.gif) repeat-x bottom}
.default #ContentCell .featured .row .item {width: 260px; float: left; height: auto}
.default #ContentCell .featured .row .item p {margin: 0 0 7px 0; padding: 0}
.default #ContentCell .featured .row .item .c1 {float: left; width: 20%}
.default #ContentCell .featured .row .item .c2 {float: right; width: 80%}
.default #ContentCell .featured .row .item .c2 div {width: 100%; float: left}
.default #ContentCell .featured .row .item .c2 .head {font-size: 16px; background: url(images/design/c-dots-horiz-grey.gif) repeat-x bottom; padding-bottom: 7px; margin: 0 0 7px 0}
.default #ContentCell .featured .row .item .c2 .head span.name {color: #38B20E; float: left; width: auto}
.default #ContentCell .featured .row .item .c2 .head span.price {font-style: italic; font-weight: bold; float: right; width: auto; color: #502E0A}
.default #ContentCell .featured .row .item .c2 .buttons {background: url(images/design/c-dots-horiz-grey.gif) repeat-x top; padding-top: 13px; text-align: right}
.default #ContentCell .featured .row .item .c2 .buttons img {margin: 0 0 0 5px}
.default #ContentCell .featured .row .borderpad {background: url(images/design/c-dots-vert-orange.gif) repeat-y right; padding-right: 20px; margin-right: 20px; _width: 280px}

.default #ContentCell .custom {float: left; width: 562px; height: auto; background: #F7F7EF; margin: 20px 0 0 0}
.default #ContentCell .custom .top-left {background: url(images/design/df-box-topleft.gif) no-repeat top left; width: 562px; float: left}
.default #ContentCell .custom .top-right {background: url(images/design/df-box-topright.gif) no-repeat top right; width: 562px; float: left}
.default #ContentCell .custom .bottom-left {background: url(images/design/df-box-bottomleft.gif) no-repeat bottom left; width: 562px; float: left}
.default #ContentCell .custom .bottom-right {background: url(images/design/df-box-bottomright.gif) no-repeat bottom right; width: 542px; _width: 562px; float: left; padding: 10px}
.default #ContentCell .custom .bottom-right .c1 {float: left; width: 36%}
.default #ContentCell .custom .bottom-right .c2 {float: right; width: 64%}
.default #ContentCell .custom .bottom-right .c2 h3, .default #ContentCell .custom .bottom-right .c2 h4 {margin: 0; padding: 0; color: #38B20E; width: 100%}
.default #ContentCell .custom .bottom-right .c2 p {margin: 0 0 7px 0; padding: 0; color: #502E0A}
.default #ContentCell .custom .bottom-right .c2 h3 {background: url(images/design/c-dots-horiz-brown.gif) repeat-x bottom; padding: 0 0 7px 0; margin-bottom: 7px}
.default #ContentCell .custom .bottom-right .c2 h4 {background: url(images/design/c-dots-horiz-brown.gif) repeat-x top; padding: 7px 0 0 0}

/* Static Page Styles
--------------------------------------------------------*/
.static #ContentCell {padding: 10px}
.static #ContentCell h1 {font-size: 14px; font-weight: bold; color: #502E0A; background: url(images/design/c-dots-horiz-brown.gif) repeat-x bottom; padding-bottom: 7px}
.static #ContentCell h2 {font-size: 14px; font-weight: bold; color: #502E0A}
.static #ContentCell h3 {font-size: 12px; font-weight: bold; color: #502E0A}

/* Custom Detail Page Styles
--------------------------------------------------------*/
tr.text-right td.Content {text-align: right} 
#ProductDetail21_trSavings td {font-size: 13px; color: #c00; font-weight: bold; background: url(images/design/c-dots-horiz-grey.gif) repeat-x top; padding-top: 10px}
#ProductDetail21_trAttributes td.attributecell {background: #EDECD3; padding: 10px}
tr#ProductDetail21_trDescriptionSpacer td h3, tr#ProductDetail21_trDescription td h3 {text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: bold; margin: 0 0 10px 0; padding: 0}
tr#ProductDetail21_trDescriptionSpacer td ul {margin: 0 0 20px 0; padding: 0; list-style: none}
tr#ProductDetail21_trDescription td {background: #F7F7EF; padding: 10px}