#basewrapper {
  width: 97%;
  margin: 8px auto 0 auto;
  padding: 1px;/*background: #F0F081;*/
  background-color: #FAFB9E;
}

#mainwrapper {
  width: 100%;
  margin: 0;
  padding: 6px 0;
  background-color: #FFF;
}

/* @group Header */

#header {
  width: 100%;
  margin: 2px 0 0 0;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

div#imagerow, #menu {
  padding: 5px 0;
  background-color: #FAFB9E;/*background: #F0F081;*/
}

div#imagerow {
  text-align: left;
}

#headertools {
  padding: 5px 10px;
  font-size: 70%;
  white-space: nowrap;  
  float: right;
}

#menubarcell{
  vertical-align: bottom;
}

#headermenu{
  white-space: nowrap;
  padding: 0;
  margin: 0;
}

#menubarsections{
  padding-left: 50px;
}

#toprow, #bottomrow {
  padding: 3px;
}

#headertools #bottomrow {
  border-top: #f4be41 2px solid;
}
/*
#basewrapper #headermenu{
  position: absolute;
  top: 39px;
  right: 140px;
  white-space: nowrap;
  padding: 0;
  margin: 0;
}
*/


#logo {
  padding: 2px 20px;
}

#tagline {
  font-variant: small-caps;
  color: #333;
  font-size: 92%;
}

A.headerNavigation {
  font-weight: bold;
  color: #669900;
}

.formatname {
  text-transform: capitalize;
}

#menu {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

#menu td {
  width: 50%;
  padding: 6px 0 4px 0;
}

#menu ul{
  width: 100%;
  margin: 0;
  padding: 0;
}

#menu li {
  list-style-type: none;
  padding: 0 1px;
  margin: 0 2px;
  padding: 0;
  text-align: center;
}

#menu li a {
  padding: 5px;
  text-decoration: none;
  color: #feffe5;
  font-size: 77%;
}

#menu li a:hover {
  background: #F0F081;
  color: #666;
}

#menu li.activedep a,#menu li.activedep a:hover {
  background: #F0F081;
  color: #666;
}

.leftmenu li {
  float: left;
}

.rightmenu li {
  float: right;
}

#topmenu {
  background: #f4be41 url(/images/topmenu.jpg) repeat-x left bottom;/*#d0b711;*/
}

#bottommenu {
  background: #adc752 url(/images/bottommenu.jpg) repeat-x left bottom;/*#C4B300;*/
}

/* @end */

/* @group Footer */

div#footer {
  width: 100%;
  margin: 0;
  padding: 10px 0px;
  background: #F0F081;
  text-align: center;
  font-size: 92%;
  font-weight: bold;
}

div#footer a {
  color: #669900;
}

div#footer div {
	width: 100%;
	text-align: center;
	font-size: 77%;
	margin: 10px 0 2px 0;
}

div#footer p {
  margin: 0;
}
div#footer table{
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-size: 77%;
}

div#footer td{
	text-align: center;
}
/* @end */

/* @group Main */

#maincontent {
  background-color: #FFF;
  margin: 0 1px;
  padding: 6px 0;
  text-align: left;
  height: 100%;
}

#leftcol {
  width: 170px;
  padding-top: 6px;
}

#rightcol {
  width: 150px;
  padding-top: 6px;
}

#bodycol {
  padding: 6px 8px;
  text-align: center;/*Hack for IE not centering tables*/
}

#innerbody {
  height: 100%;
  margin: 10px;
}

#bodycol p,#bodycol h2,#bodycol h3,#bodycol b{
  background-color: #FFF;
}

p,h2,h3,b,div,ul,dl,form,th,td,span {
  text-align: left;
}

h1, TD.pageHeading, DIV.pageHeading {
  font-size: 115%;
  font-weight: bold;
  color: #9a9a9a;
  margin-bottom: 10px;
  text-align: center;
}

.pageHeading EM {
  color: #df8630;
  font-style: normal;
}

h2 {
  font-size: 107%;
  font-weight: bold;
  color: #669900;
}

h3 {
  font-size: 100%;
}

TD.main, P.main {
  line-height: 1.5;
}

.text h2{
  margin-left: -10px;
}

.text {
  font-size: 92%;
  padding: 15px 50px;
}

.text EM,.homekit EM {
  color: #FF9933;
  font-style: normal;
}

.text i {
  color: #df8630;
  font-size: 77%;
  padding: 0 6px;
  text-decoration: none;
}

.text ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.text li{
  padding: 5px 0 5px 8px;
  margin: 0;
  list-style-type: disc;
}

.alert {
  color: red;
  font-weight: bold;
}

.exceptionMessage {
  font-size: 92%;
  font-weight: bold;
  color: red;
  padding-left: 35px;
  padding-top: 14px;
  background: url('../images/warning.gif') no-repeat;
  margin: 20px 0 0 20px;
}

.exceptionDetail {
  margin: 10px 0 0 20px;
}

.emphasizedLink {
  text-decoration: underline;
  color: #0000EE;
  font-size: 100%;
}
.blueLink {
  color: #0000EE;
}
.link {
  text-decoration: underline;
  color: #D9822B;
}

.deemphasize {
  color: #666;
}

.helpImage {
  vertical-align: top;
}

.logintable {
  padding: 20px;
  border: 1px solid #000;
  margin: 10px auto;
  width: 80%;
}

.logintable th {
  background-color: #F0F081;
  padding: 5px;
}

.logintable td.form {
  border: 1px solid #CCC;
  padding: 5px;
  vertical-align: middle;
}

.logintable td.form div {
  white-space: nowrap;
}

.logintable .header {
  text-align: center;
  font-weight: bold;
  font-size: 100%;
}

.simpletable {
  padding: 5px 3px 5px 3px;
  border: 1px solid #000;
  margin: 10px auto;
  clear: both;
}

.highlightrow {
  background-color: #c6deee;
}

.startHidden {
  display: none;
}

.center{
  text-align: center;
}

.right{
  text-align: right;
}

.bottom{
  text-align: right;
}

.nowrap{
  white-space: nowrap;
}
/* @end */

/* @group Home */
#homegrid{
  width: 98%;
  text-align: center;
}
#homeByline {
  font-variant: small-caps;
}

#homedescription {
  text-align: center;
}

.homekit, #homedepartments {
  margin: 5px auto 2px auto;
  padding: 0;
  border: 0;
}

#homedepartments dl{
  text-align: center;
  padding: 0;
  margin: 0;
}

#homedepartments .link{
  text-decoration: none;
}

#homedepartments dt{
  margin: 0;
  padding: 0;
  font-size: 115%;
}

#homedepartments dd{
  margin: 0 0 5px 0;
  padding: 0;
  border-bottom: 1px solid #FAFB9E;
}

#homedepartments dd div{
	text-align: center;
	padding-top: 3px;
}
#homedepartments .departmentList{
  text-align: center;
  margin: 3px 0 5px 0;
  padding: 0;
}
#homedepartments table td{
  text-align: center;
  vertical-align: bottom;
  padding: 5px 0;
  margin: 0;
  font-size: 100%;
}

.homekit .hometext {
  text-align: left;
  padding: 3px 7px;
}

.homekit #quickFind{
  text-align: center;
}

#singles{
  font-size: 131%;
}

.homekit td {
  font-size: 85%;
  vertical-align: middle;
  border: 0;
  text-align: center;
}

.homekit th, #homedepartments th {
  font-size: 107%;
  color: #669900;
  border-bottom: none;
  font-variant: small-caps;
  text-align: center;
}
.homekit th a{
  color: #669900;
}

.homekit li{
  margin-top: 2px;
}

.homegridcell {
  border: 1px solid #F0F081;
  border-top: 5px solid #F0F081;
}

.homegridcell table {
  width: 100%;
}

.homekit #homeabout{
  text-align: right;
  padding-right: 20px;
}

.homekit #survey{
  width: auto;
  text-align: center;
}
.homekit #survey td{
  text-align: left;
  font-size: 100%;
}

/* @end */

/* @group Info Box */

div.infoBox {
  font-size: 77%;
  margin: 5px auto 2px auto;
  padding: 0;
  background: #F0F081 url(../images/tl.gif) no-repeat left top;
}

.infoBoxHeading {
  font-size: 107%;
  font-weight: bold;
  background: no-repeat right top url(../images/tr.gif);
  color: #006633;
  padding: 4px 4px 2px 4px;
  text-align: left;
  font-variant: small-caps;
}

.infoBoxHeading a {
  color: #006633;
  padding: 0;
}

.infoBoxHeading .toggle{
  float: right;
}

#leftcol .infoBoxContents,#rightcol .infoBoxContents {
  background-color: #FBFBFB;
}

.infoBoxContents {
  background-color: #FFF;
  border: 1px solid #F0F081;
  margin: 0;
  padding: 0 2px;
  text-align: left;
}

.infoBoxContents .categoryHeader {
  margin: 0;
  padding: 0;
}

.infoBoxContents form {
  padding: 0;
  margin: 2px 0;
}

.infoBoxContents ul, .infoBoxContents dl {
  list-style: none;
  padding: 0 1px;
  margin: 0;
}

.infoBoxContents li, .infoBoxContents dd {
  margin: 2px 0 0 8px;
  text-indent: -8px;
}

.infoBoxContents dt {
	margin: 4px 0 2px 0;
	color: #669900;
	font-variant: small-caps;
}

.infoBoxNotice {
  background-color: #FF8E90;
}

.infoBoxNoticeContents {
  background-color: #FFE6E6;
}

.infoBox SELECT {
  width: 130px;
}

.infoBox .topseller {
  margin: 4px 0 2px 5px;
}

.infoBox .topseller a {
  color: #0000EE;
}

#bodycol .infoBox p,#bodycol  .infoBox h3 {
  background-color: inherit;
}

#specialSectionsWrapper dt{
  font-size: 115%;
}

/* @end */

/* @group Infotable */

.infotable {
  padding: 5px 3px 5px 3px;
  border: 1px solid #000;
  margin: 10px auto;
  width: 95%;
  border-spacing: 0;
}

#bodycol .infotable th.summary{
  font-weight: bold;
  padding-left: 5px;
  background-color: #F0F081;
  text-align: center;
}

.infotable .colheader, .managerinfotable .colheader {
  font-weight: bold;
  background-color: #F0F081;
}

.infotable .footer {
  background-color: #F0F081;
  border-top: 1px solid #000;
}

.infotable .plain {
  border: 0;
}

#bodycol .infotable th, #bodycol .managerinfotable th {
  text-align: left;
  padding-top: 10px;
  font-size: 85%;
}
#bodycol .infotable td {
  border-bottom: 1px solid #ededed;
  padding: 5px 0 2px 1px;
  font-size: 77%;
}
#bodycol .infotable td.break {
  border-top: 1px solid #999;
}
.infotable .right {
  text-align: right;
}

/* @end */

/* @group Message Box */

.messagebox {
  width: 95%;
  color: #FFF;
  background: #adc752;
  padding: 2px;
  margin: 2px auto 12px auto;
}

.messagebox .close{
  float: right;
  margin: 2px 2px;
}

.messagebox .legend {
  padding-left: 20px;
  font-weight: bold;
  font-size: 92%;
  border-bottom: 1px solid #CCC;
  padding: 4px;
}

.messagebox .message {
  color: red;
  padding: 3px;
  background-color: #FFF;
}

/* @end */

/* @group Order */

TABLE.orderListing {
  border: 1px solid #b6b7cb;
  width: 95%;
  border-collapse: collapse;
  margin-bottom: 5px;
  margin-top: 5px;
}

.orderListing td {
  padding: 5px 0 2px 3px;
}

#basewrapper .checkoutSection {
  background-color: #FAFAFA;
  width: 90%;
  margin: 0 auto 8px auto;
  border: 1px solid #adc752;
}

.checkoutSection em{
	font-style: normal;
	font-weight: bold;
	color: #df8630;
	display: block;
}

.ordersubmit {
  margin: 5px 0 5px 20px;
}

.ordersummary td {
  border: 0;
}

.pickupGroup{
  border: 1px solid #009966;
  margin: 3px;
  padding: 3px 5px;
}

.pickupGroupHighlight{
  background-color: #FFF;
}
/* @end */

/* @group Products */

TABLE.productListing {
  border: 1px solid #b6b7cb;
  width: 95%;
  border-collapse: collapse;
  margin: 5px auto;
  padding: 5px 3px 5px 3px;
}

.productListing-heading {
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
  color: #333;
}

.productListing-heading a {
  color: #333;
}

.productListing-datarow:hover {
  background-color: #f5f5f5;
}

TD.productListing-colheader .sortheader{
  text-align: right;
  white-space: nowrap;
}

TH.productListing-data {
  font-size: 85%;
  padding: 3px;
  background-color: #f5f5f5;
  vertical-align: middle;
  text-align: left;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}

TH.productListing-data a {
  color: #666;
}

TH.productListing-data a.departmentHeader {
  color: #999;
}

TD.productListing-colheader {
  padding: 4px;
  font-size: 77%;
  font-weight: bold;
  border-bottom: 1px solid #666;
  color: #666;
}

TD.productListing-colheader a {
  padding: 2px;
  color: #666;
}

TD.productListing-colheader img {
  vertical-align: top;
}

TD.productListing-data {
  border-bottom: 1px solid #E7E7E7;
  padding: 5px 0 2px 3px;
  font-size: 85%;
  vertical-align: middle;
  padding-right: 5px;
}

TD.productListing-data a {  
  font-weight: bold;
  color: #0000EE;
}

TD.productListing-data table, .cartincrementer{
	padding: 0;
	margin: 0;
	border: 1px solid #ddd;	
	border-collapse: collapse;
}

TD.productListing-data table td,#bodycol .cartincrementer td{
  font-size: 100%;
  padding: 2px;
  margin: 0;
  vertical-align: middle;
}

td.faded{
	background-color: #f5f5f5;
}

.productListing-data a.button {
  background-color: #d0b711;
  color: #FFF;
  padding: 3px;
  font-weight: normal;
  font-size: 85%;
}

SPAN.productSpecialPrice {
  color: #FF0000;
}

#productWrapper {
  font-size: 85%;
  margin: 5px;
}

#productWrapper em{
  color: #be8414;
  font-style: normal;
  font-weight: bold;
  display: block;
  margin: 7px 0 2px;
}

#productInfo {
  width: 90%;
}

#productInfo td {
  padding: 3px;
}

#productName {
  font-size: 129%;
  font-weight: bold;
  color: #0000EE;
  margin: 10px 0;
}

#productAddFavorite {
  float: right;
  margin: 10px;
}

#productPrice {
  font-weight: bold;
}

#productSalePrice {
  font-weight: bold;
  color: red;
}

.productStandardPrice {
  font-size: 85%;
  font-weight: bold;
  text-decoration: line-through;
}

#productCategory {
  border: 1px solid #A55832;
  background-color: #F0F081;
  padding: 10px 5px;
}

#productDescription, #productNutrition, #productIngredients {
  margin-right: 20%;
}

#productData{
  font-size: 85%;
}

.saleitem {
  color: red;
}

.nutritiontable {
  padding: 5px 3px 5px 3px;
  border: 1px solid #000;
}

.splitAlert {
  font-size: 85%;
  font-weight: bold;
  color: #0000b7;
}

.splitcase {
  border: 1px solid #FF9933;
  background-color: #FFF;
  padding: 2px;
  margin: 2px;
}

.sectionheader {
  color: #669900;
  padding-left: 3px;
}

th.splitheader {
  padding: 3px;
  background-color: #f5f5f5;
  vertical-align: middle;
}

td.splitheader {
  border-bottom: 1px solid #CCC;
  color: #666;
}

#categoryBox {
  width: 95%;
  font-size: 85%;
}

#categoryListing {
  width: 99%;
}

#categoryListing td {
  width: 33%;
}

#categoryListing dl {
  font-size: 100%;
  color: #666;
}

#categoryListing dd {
  margin-left: 3px;
}

#categoryListing dt a, #categoryListing dd a {
  margin-left: 3px;
  color: #131388;
  font-weight: normal;
}

#topsellers{
  margin-top: 15px;  
}

#topsellers th{
	text-align: center;	
	color: #006633;
	border-bottom: 1px solid #006633;
}

#topsellers td{
	padding: 15px;
	vertical-align: bottom;
}
/* @end */

/* @group Manager */

.managerinfotable {
  padding: 5px 3px 5px 3px;
  border: 1px solid #000;
  margin: 10px 10px;
  border-spacing: 0;
}

#bodycol .managerinfotable th {
  padding: 1px 3px;
}
#bodycol .managerinfotable th.summary {
	color: #666;
	background-color: #FFF;
	border: 0;
	text-align: center;
	padding-bottom: 8px;
}
#bodycol .managerinfotable td {
  border-bottom: 1px solid #ededed;
  padding: 1px 3px;
  font-size: 77%;
}

div#categoryPicker {
  font-size: 77%; 
}
div#categoryPicker .parent a {
  font-size: 100%;
  color: #333;
  font-weight: normal;
}

div#categoryPicker .child {
  font-size: 100%;
  color: #666;
}

div#categoryPicker .grandchild {
  font-size: 100%;
  padding: 0;
  margin-left: 3px;
}

div#categoryPicker .child a, #categoryPicker .grandchild a {
  color: #131388;
  font-weight: normal;
}

#allCategories .parent {
  font-size: 77%;
}

#allCategories .grandchild {
  padding: 0;
  margin-left: 3px;
}

#allCategories .parent a {
  color: #666;
  font-weight: normal;
}

#allCategories .child a, #allCategories .grandchild a {
  color: #131388;
}

.topheader{
  border-top: 1px solid black;
}

.altProductListing{
  background-color: #f8f8f8;
}

.reduce{
  font-size: 85%;
}

.buykit {
  font-size: 100%;
  margin: 0 auto;
  width: 95%;
  font-weight: bold;
}

#breadcrumb{
  font-size: 85%;
  padding: 10px;
}
#breadcrumb a{
  color: #0000EE;
}
/* @end */

/* @group Module 


div.module{
  width: 500px;
  visibility: hidden;
  border: 1px solid #000;
  background: #FFF;
  padding: 0;
}

div.module .hd{
  color: #FFF;
  background: #f4be41;
  font-weight: bold;
  border-bottom: 1px solid #CCC;
  padding: 5px;
}

div.module .bd{
  padding: 5px;
  background-color:#FFF;
}

div.module .ft{
  text-align: center;
}

div.module ul, div.module dl {
  list-style: none;
  padding: 0 1px;
  margin: 0;
}

div.module li, div.module dt, div.module dd {
  margin-top: 2px;
}*/

/* @end */

/* @group HTML Elements */

table {
  font-size:inherit;
  font:100%;
}
/* Default line-height based on font-size rather than "computed-value" */
body * {line-height:1.22em;}

/* @group Reset */
fieldset,img{
  border:0;
}
ol,ul {
  list-style:none;
  text-align: left;
}
ol.standard{
  list-style-type: disc;
}
/* @end */
/*10-77,11-85,12-92.13-100,14-107,15-115*/
BODY {
  background: #FFF;
  color: #000;
  margin: 0;
  padding: 0;
  text-align: center;/*hack for IE to center containerwrapper*/
  font-size: 13px !important;
  font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

TH {
  border-bottom: 1px solid black;
}

TD {
  vertical-align: top;
  white-space: normal;
}

DT {
  font-weight: bold;
}

IMG {
  vertical-align: middle;
}

HR {
  height: 1%;
  background-color: #CCC;
}

/* @end */

/* @group Form */

#bodycol FORM {
  display: inline;
  font-size: 92%;
}

#bodycol FIELDSET {
  font-size: 85%;
  background-color: #f6f6f6;
  border: 1px solid #000;
  margin-top: 10px;
  padding-top: 5px;
}

#bodycol FIELDSET h2, #bodycol FIELDSET h3, #bodycol FIELDSET b{
  background-color: #f6f6f6;
}

LEGEND {
  font-size: 107%;
  font-weight: bold;
}
/**
 * 99% for safari; 100% is too large
 */
#bodycol CHECKBOX, #bodycol INPUT, RADIO, SELECT, TEXTAREA {
  font:99% 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
}

LABEL {
  float: left;
  width: 100px;
  padding: 3px 3px 0 5px;
  clear: left;
  text-align: right;
}

TEXTAREA {
  width: 500px;
  height: 50px;
}

TEXTAREA.largetextarea {
  width: 500px;
  font-size: 107%;
  height: 150px;
}

TEXTAREA.smalltextarea {
  width: 300px;
  font-size: 85%;
  height: 25px;
}

.submit {
  vertical-align: middle;
}

.inputRequirement {
  font-size: 77%;
  color: #ff0000;
}

.formmessage {
  color: red;
}

.formnote {
  color: blue;
}

.overridefield {
  background-color: yellow;
}

.formitem {
  display: block;
  margin: 1px;
  padding: 0px;
  line-height: 20px;
}

/* @end */

/* @group List */
.listbox {
  font-size: 85%;
}

.listbox ul {
  list-style-type: none;
  padding-left: 7px;
  margin: 0;
}

.listbox li {
  padding: 4px;
}

.listbox li h3 {
  font-size: 92%;
  margin: 0px;
  padding: 0;
}

.loopinglist {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-size: 92%;
  width: 80%;
}

.loopinglist li {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  text-align: center;
  padding: 10px;
  border: 1px solid #A55832;
}

ul.departmentList {
  list-style-type: none;
  padding-left: 10px;
}

ul.departmentList li {
  padding-left: 0;
}

ul.departmentList a {
  color: #0000EE;
}

.brandList {
  font-size: 92%;
  line-height: 2em;
  list-style-type: none;
  padding-left: 8px;
  float: left;
}

.Accordion .hover {
  background-color: #F6F6F6;
}

.brandList a {
  color: #0000EE;
}

.AccordionPanelTab {
  text-align: center;
}

.categorylist {
  font-size: 85%;
  list-style-type: none;
  width: 98%;
  margin: 0 auto;
  border: 1px solid #999;
}

.categorylist dt {
  padding: 3px;
  color: #006633;
  font-weight: bold;
  border-bottom: 1px solid #CCC;
  margin-top: 2px;
}

.categorylist dd {
  padding: 2px 0 1px 15px;
  margin: 0;
}

ul.horizontal li {
  float: left;
  padding: 5px;
}

span.horizontalList {
  white-space: nowrap;
}

li.plain {
  margin-left: -20px;
  list-style-type: none;
}

.plain a {
  color: #000;
}

/* li.bull { list-style-image: url(/images/bullet.gif); }

@end */

/* @group Tabs */
div#brandtabs{
  font-size: 77%;
}
/* @end */