body { background:#379847 url(/images/bg.gif) repeat-x 0 0; margin:0 15px 0 15px; font-family:Verdana, Arial, Helvetica,sans-serif; font-size:12px; }

#promo-box { height:36px; padding:9px; text-align:center; background:url(/images/alerts/green-bar.png) no-repeat; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; }
#promo-box a { color:#FFB533; text-decoration:none; }
#promo-box a:hover { text-decoration:underline; }

a { color:#D91212; }
/*a:hover, a:active { color:#FF9933; text-decoration:underline; }
a:visited { color:#B30F0F; }*/

h1 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; text-transform: uppercase; color: #006600; margin:0 0 8px 0; }
h2 { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;  }
p, .copy { margin-top: 0px; margin-bottom: 12px; font-size:11px; }

#contentLeft ul li, #contentLeft ol li { font-size: 11px;}
#mainPromo { width: 100%; margin-bottom: 8px; background-repeat: no-repeat; position: relative; }
#header { width:890px; height:144px; margin:0 auto; background:url(/images/layout/header-background-30.gif); text-align:center; position:relative; }
#header #logo img { border:0; margin:15px 0 0 0; width:364px; height:123px; }

#order-by-promo { width:212px; height:124px; position:absolute; top:0; left:5px; text-indent:-5000px; background:url(/images/header_fathersday09.jpg) no-repeat 0 0; /*display: none;*/ }

.promoTable { background:#fff url(/images/banner_cubs.jpg) no-repeat; }

.promo-list { list-style:none; margin:0; padding:0; }
.promo-list li { float:left; margin:0; padding:0; }

.promo-list li h2 { margin:4px 0 8px 0; padding:0;  }
.promo-list li h2 a { color: #006600; text-decoration: none; }

.p-item { display:block; float:left; text-indent:-5000px; outline:none; }

.promo-list li.promo1 { padding-right:10px; }
.promo1 { width:265px; height:94px;  }
.promo-teaser { width:94px; height:94px; background:url(/images/thumb_carePackage.jpg) no-repeat center left;  }

.promo2 { width:250px; height:94px; }
.flavor-of-the-month { width:94px; height:94px; background:url(/images/thumb_flavor-of-the-month.jpg) no-repeat center left; }

.promo-link { font-weight:bold; color:#D91212; display:block; padding-top:4px; text-decoration:none; font-size:12px; }


#fb-group { background: url(/images/fb-icon.jpg) no-repeat;padding:2px 0 2px 20px;}
#twitter { background: url(/images/twit-icon.jpg) no-repeat;padding:2px 0 5px 20px;}

#navigation * { margin:0; padding:0; }
#navigation { height:35px; width:862px; margin:0 auto; background:url(/images/nav_under.gif) no-repeat bottom left; }
#navigation ul { height:30px; padding:0 0 0 27px; background:url(/images/layout/nav-background.gif) no-repeat top center; }
#navigation ul li { float:left; text-indent:-5000px; list-style:none; }
#navigation ul li a { display:block; height:30px; background-position:0 0; outline:none; }
#navigation ul li a:hover { background-position:0 60px; }
#navigation ul li.on a, #navigation ul li.on a:hover { background-position:0 30px; }

#navigation #n-tins-canisters a { width:143px; background-image:url(/images/layout/nav-tinsCanisters.gif); }
#navigation #n-gift-boxes a { width:97px; background-image:url(/images/layout/nav-giftBoxes.gif); }
#navigation #n-care-package a { width:159px; background-image:url(/images/layout/nav-carePackage.gif); }
#navigation #n-bin-buster a { width:142px; background-image:url(/images/layout/nav-binBuster.gif); }
#navigation #n-about a { width:104px; background-image:url(/images/layout/nav-about.gif); }
#navigation #n-contact a { width:103px; background-image:url(/images/layout/nav-contactUs.gif); }
#navigation #n-home a { width:61px; background-image:url(/images/layout/nav-home.gif); }

#content { background:#FF9933; width:804px; margin: 0 auto; padding:9px 18px 20px 18px; }
#pageContentLeft { width: 100%; margin-bottom: 8px; }
#pageContentRight { width: 100%; margin-bottom: 8px; }
#pageContentWide { width: 100%; margin-bottom: 8px; }

#footer { text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; }
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#footer .piped-list { list-style:none; margin:0; padding:0; }
.piped-list li { display:inline; background:url(/images/layout/footer-pipe.gif) no-repeat top right; padding:0 16px 0 10px; }
.piped-list li.last { background:none; padding:0 0 0 10px; }

.clear { visibility:hidden; margin:0; padding:0; clear:left; }

#footer address { font-style:normal; }
#footer .slogan { margin:0; }
#footer .secondary { margin:13px 0 0 0; }

#footer #bbb {margin-top: 12px;}


.divider { background:#FDE008; height:4px; width:800px; margin:8px 0 15px 0; border:0; font-size:2px; }

#footer span.pipe { background:url(/images/layout/footer-pipe.gif) no-repeat top center; padding:0 16px 0 10px; }

.pageTitle { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; text-transform: uppercase; color: #006600; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.save { color: #ff9933;}
.news-green { color:#379847;font-weight:bold;}
#newsletter {width:300px; float:left;}
#newsletter .copy { width: 350px !important;}
#news-preview { float:right;display:block;width:204px;height:249px; margin-right:-10px;  }
.news-note { color:#666666;width:500px !important;font-size: 10px;}

.copyTitle { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; text-transform: uppercase; color: #006600; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.copyTitle2 { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-transform: none; color: #006600; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-decoration: none; line-height: 17px; }
.copyBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #006600; font-weight: bold; }
.redLink { font-weight: bold; color: #D91212; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }
.formField { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.formValue { font-family: "Courier New", Courier, mono; font-size: 12px; color: #000000; }
.errorText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000; line-height: 14px; font-weight: bold; }
.button { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 3px; border: 1px solid #999999; color: #FFFFFF; font-size: 12px; background:#01851A url(/images/bg_button.gif) repeat-x; font-weight: bold; }

.boxE { background:url(/images/bg_boxE.gif) repeat-y; width:12px;z-index:0;}
.boxnews-E { background:url(/images/bg_boxnews-E.gif)right repeat-y; width:6px !important;}
.boxW { background:url(/images/bg_boxW.gif) repeat-y; width:12px; }
.boxN { background:url(/images/bg_boxN.gif) repeat-x; height:10px; }
.boxS { background:url(/images/bg_boxS.gif) repeat-x; height:10px; }


.promoContentRight { padding:0 8px 0 245px; }
.promoTinsCanisters { background:#fff url(/images/banner_canister.jpg) no-repeat; }
.promoGiftBox { background:#fff url(/images/banner_giftBox-bday.jpg) no-repeat; }
.promoCarePackage { background:#fff url(/images/banner_carePackage.jpg) no-repeat; }
.promoBinBuster { background:#fff url(/images/banner_binBuster.jpg) no-repeat; }

.prodLink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #D91212; font-weight: bold; text-decoration: none; }
.prodPhoto { margin-right: 10px; }
.prodPrice { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #006600; }
.breadcrumbs { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #D91212; margin-top: 0px; margin-bottom: 8px; }
.crumb { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #D91212; text-decoration: none; }
a.crumb:hover { text-decoration: underline; }
.footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }
a.footer:hover { text-decoration: underline; }
.orajen { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; display: none; }
.notice { font-weight:bold;font-style:italic;}