/* GLOBAL SETUP */
body,html{margin: 0; padding: 0;font-family: Tahoma, Arial, Helvetica;font-size: 12px; background: #214502 url(../images/bgMain.jpg) no-repeat top center;}
img, ul, li{margin: 0; padding: 0; border: 0;}
ul, li{list-style-position: inside}
h1, h2, h3, h4{margin: 0; padding: 0;}
h1, .paddedContent h2{margin-bottom: 30px; font: normal 18px Georgia;}
h4{font-size: 12px; font-weight: bold; margin-bottom: 5px;}
a{text-decoration: none; color: #3b7d01}
h2{font: normal 18px Tahoma; margin-bottom: 20px;}
h3{font: bold 12px Tahoma; margin-bottom: 5px;}
.line{width: 100%; height: 1px; line-height: 1px; background: #ffe178;  margin: 22px 0 28px 0; clear: both;}
.wrap{margin: 0 auto; padding-top: 28px; background: url(../images/bgTopSpan.jpg) repeat-x; }
.logo{width: 375px; float: left;}
.socialMedia{text-align: right}
.socialMedia img{padding-left: 5px;}
.contentTop{width:954px; height: 18px;margin: 0 auto; background: url(../images/contentTop.gif) no-repeat top center;}
.content{width: 898px;  padding: 14px 28px 16px; margin: 0 auto; background: #fff;}
.contentBottom{width: 954px; height: 18px; margin: 0 auto 15px auto; background: url(../images/contentBtm.gif) no-repeat top center}
.header{width: 898px; height: 60px; margin-bottom: 20px; display: block;} 
.superNav{float: right;font: normal 12px Tahoma, Arial, Helvetica; color: #5b9f11; }
.superNav a{color: #264e05; }
.superNav a:hover{text-decoration: underline;color: #264e05;}
.superNav ul{list-style-type: none;}
.superNav li{display: inline;}
.topNav{width: 896px; height: 42px; line-height: 0.1em;}
.topNav ul{list-style-type: none;}
.topNav li{display: inline; list-style-type: none;}
.footer{text-align: center; font-size: 11px; color: #71b827; padding-bottom: 20px;}
.footer a{color: #71b827;}
.footer a:hover{text-decoration: underline;}
.clearIt{clear: both; line-height: 0.1em; font-size: 0; margin: -1px 0 0 0;}
h3 p, .superBtn p{font-size: 60%; vertical-align: top; margin: 0; padding: 0; display: inline}
.sales{float: left; width: 200px; height: 80px; overflow: hidden;}

/*DEFAULT*/
.dynamicArea{}
.flash{display: block;}
.spotlight{width: 896px; padding: 26px 0; margin-top: 16px; background: url(../images/spotlightBg.gif) no-repeat top center; min-height: 370px; line-height: 18px;}
.spotlight a{color: #3b7d01; text-decoration: underline;}
.spotlight a:hover{text-decoration: none;}
* html .spotlight{height: 370px;}
.sptLgtLeft{float: left;width: 534px; padding: 0 40px 0 34px; }
.sptLgtRight{float: right;width: 236px; padding: 0 20px 0 32px;}
.spotlightBtm{width: 896px; height: 4px; background: url(../images/spotlightBtm.gif) no-repeat top center;}
.events{margin-top: 30px;}

/*CONTACT US*/
.philContent{width: 448px; max-height:425px; overflow: hidden; padding: 44px 404px 120px 42px; border: 1px solid #d6d0af; border-top: none; background: url(../images/philBg.jpg) no-repeat top right; }
.philContent h1{margin: 0 0 10px 0; padding: 0;}
.philContent h2{font: 18px normal Georgia; color: #a27449; margin-bottom: 14px;}
.btmSpotlight{width: 856px; padding: 0 20px; height: 142px; background: #5b9f11 url(../images/philBtm.gif) repeat-x; color: #422912; line-height: 22px;}
.btmSpotlight td{padding: 0 15px;}
a.superBtn{display: block; text-align: center; width:152px; line-height:12px; padding: 13px; border: 1px solid #aa9c5f; height: 12px; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica; color: #24160a; background: url(../images/btnBg.gif) repeat-x;}
a.superBtn:hover{color: #000;}

/*PRODUCT DETAILS*/
.prdWrap, .detWrap{width: 870px; padding: 20px 12px; border: 1px solid #d6d0af; border-top: none; min-height: 500px;}
* html .prdWrap, * html .detWrap{height: 500px;}
.prdDetails{overflow: auto;}
.prdNav{width: 197px; float: left;}
.prdNavTop{width: 197px; height: 6px; background: url(../images/pdNavTop.gif) no-repeat;}
.prdNav ul{list-style-type: none;}
.prdNav li{font-size: 14px; font-family: Arial, Serif; border-bottom: 1px solid #e8dcd1; list-style-type: none;}
.prdNav li a{display: block; padding: 10px 0; color: #927449; text-decoration: none;}
.prdNav li.onState a{font-weight: bold;}
.greenSpacer{height: 17px; width: 896px; background: #5b9f11;}
.prdContent{float: left; margin-left:32px; width: 640px; line-height: 16px; padding: 15px 0 0 0;}
.prdContent ul{margin-left: 10px;}
.prdContent li{padding-bottom: 10px;}
.productImage{float: right; padding: 0 0 30px 30px;}
.buyBtn{cursor: pointer;color: #05537E; margin-top: 20px; text-align: center; font-weight: bold; width: 172px; padding-right: 31px; height:32px; background: url(../images/buyOff.gif); border: 0; border-collapse: collapse}
.prdTabs{}
.tabSection{clear: both; display: block; width: 614px; margin-top: 15px; background: url(../images/tab-end.gif) no-repeat top right; overflow: auto;}
.tabSection ul{margin-left: 0 !important;}
.tabSection li{padding-bottom: 0 !important;}
ul.tabs{list-style-type: none;}
.tabs li{display: block; float: left; padding-top: 10px; height: 23px; background-position: 0 0; text-align: center; font: normal 12px Arial; color: #000; padding-right:3px}
.tabs li a{color: #000; text-decoration: none;}
.tabs li.selected{background-position: 0 33px}
.tabs li:hover{cursor: pointer; background-position: 0 33px}
.tabs li.tab1{width: 158px; background-image: url(../images/tab1.gif)}
.tabs li.tab2{width: 125px; background-image: url(../images/tab2.gif)}
.tabs li.tab3{width: 153px; background-image: url(../images/tab3.gif)}
.tabs li.tab4{width: 125px; background-image: url(../images/tab4.gif)}
.tabContent{ background: url(../images/pdDetailSpan.jpg) repeat-y; width: 534px; padding: 30px 50px 30px 30px;  clear: both; overflow: hidden; }
.tabContent ul{list-style-type: none;}
.tabContent li{ display: block}
.tabContent li ul{list-style-type: upper-roman}
.tabContent li li{display: block !important; list-style-type: upper-roman; padding: 3px 0 3px 10px !important; background: url(../images/bullet.gif) no-repeat 0px 8px;}
.back{text-align: right; margin-top:-15px; padding:0 10px 15px 0; font-size: 11px;}
.prdDetailsBtm{width:843px; background: url(../images/pdBgBtm.gif) no-repeat; height: 6px;}
.detWrap .onRoll, .prdWrap .onRoll{position: absolute; top: 0; left: 0; display: none; z-index: 5; background: url(../images/pdNavOn.gif); width: 141px; height: 14px; font-size: 14px; color: #000; padding: 26px 22px;}
.prdWrap .onRoll{background: url(../images/pdNavOn-2.gif)}
.banner{background: #5b9f11; width: 896px; background: #5b9f11; padding: 17px 0 5px}
#tbCon2{font-family: Arial, Helvetica, Serif, }
#tbCon2 th{font-size: 24px;}
#tbCon2 table{border-color: #000; }
#tbCon2 .ingredients{border-style: solid none; border-width: 3px;}
#tbCon2 .ingredients th{border-style: none none solid none; border-width: 2px;}
#tbCon2 .ingredients ul, #tbCon2 .ingredients li{display: block !important;}
#tbCon2 .ingredients ul{margin-left: 10px !important; }
#tbCon2 .ingredients td{text-align: center; border-style: none none solid none; border-width: 1px;}
#tbCon2 .ingredients th{font-size: 12px;}

/* AJAX SEARCH FUNCTION */
.ajaxResult { width: 215px; max-height: 300px; height: auto !important; height: 300px; position: absolute; left: 0; top: 25px; border: 1px solid black; background-color: white;  }
.ajaxResult .close { text-align: right; background-color: #EEEEEE; font-size: 10pt; padding: 5px; }
.ajaxResult .close a { color: Blue; }
.ajaxResult .results { overflow: auto; width: 215px; max-height: 275px; height: auto !important; height: 275px; }
.ajaxResult .item { text-align: center; font-size: 9pt; padding: 10px; }
.ajaxResult .item img {  }

/* BROWSE PAGE */
.leftNavContainer {width: 150px; margin: 20px 20px 0 0; }
.leftNavContainer .onState { font-weight: bold; padding: 2px 0 4px 0; }
.leftNavContainer .offState { padding: 2px 0 4px 0; }

/* PRODUCT VIEW PAGE */
.categoryTitle { font-size: 14pt; font-weight: bold; }
.categorySubtitle { padding-bottom: 20px; }
.MediumPhoto { }

.product { padding: 10px; text-align: center; }
.product img { border: 1px solid Gray; }

/* CART PAGE */
.cartHeader { font-size: 16px; font-weight: bold; }
.cartControl .removeColumn { width: 35px; text-align: center; }
.cartControl .quantityColumn { width: 60px; text-align: center; }
.cartControl .nameColumn { width: 350px; }
.cartControl .unitPriceColumn { width: 60px; }
.cartControl .totalPriceColumn { width: 60px; text-align: right; }
.enterDiscount { padding-top: 40px; }
.enterDiscount .discountBox { width: 100px; }
.keepShopping { position: absolute; top: 65px; left: 470px; }
.checkoutButton { position: absolute; top: 100px; left: 470px; }
.bdrContent{width: 814px; padding: 45px 40px; border: 1px solid #d6d0af; border-top: none;}
.cartHdr {padding: 10px 0 0 15px; height: 21px; font: bold 13px arial; color:#000; background: url(../images/cartHdr.gif) repeat-x; }
table.cartControl{border: 1px solid #c5bd9e; border-top: none;}
.cartControl td{padding-right: 35px;}
.cartControl a, .checkoutTwoColumn a{color: #4d4d4d; text-decoration: underline; }
.cartControl a:hover, .checkoutTwoColumn a:hover{ text-decoration: none;}
.checkoutTwoColumn{border: 1px solid #c5bd9e; color: #4d4d4d}
.checkoutTwoColumn input, .checkoutTwoColumn select{border: 1px solid #7f9db9; border-collapse: collapse; margin-bottom: 3px}
table.checkoutForm{margin-bottom: 20px;}
.column1, .column2{padding: 15px 35px 35px 10px}
.checkoutTwoColumn h3{font-weight: bold; font-family: Arial, helvetica, Sans-Serif; color: #4d4d4d; font-size: 14px; margin-bottom: 5px;}
.cartControl .itemRow td{padding: 15px 35px 35px 10px; background: #fffdf3; border-bottom: 1px solid #f2f1ea;}
.cartControl .lastRow td{padding: 15px 35px 5px 10px;}
.cartControl td{padding-bottom: 5px;}
.shpOp input{margin: 0 !important; border: 0 !important}
span.on{background-position: 0 -36px; color: #fff;}
.cartNav {border-left: 1px solid #c5bd9e; border-right: 1px solid #c5bd9e; border-top: 2px solid #999368; height: 39px; white-space:nowrap; overflow: hidden; position: relative;}
.cartNav a, .cartNav span{width: 203px; display: inline-block;  padding: 10px 0 13px 0; text-align: center; font-weight: bold; background: #fff url(../images/cartNavBg.gif) no-repeat}
.cartNav span{color: #eae6cf;}
.cartNav a{color: #fff;}
.cartBtn{width: 150px; display: block; font-family: Arial; padding: 5px 0; font-size: 13px; text-align: center; color:#fff !important; border-collapse: collapse; border: none; background: url(../images/cartFade.jpg) no-repeat 0px 0px; cursor: pointer; text-decoration: none !important; margin-top: 10px } 
.cartBtnSmall{width: 110px; display: inline-block; font-family: Arial; padding: 5px 0; font-size: 11px; text-align: center; color: #fff !important; text-decoration: none !important; border: 1px solid #d4dfca; background: #5b9f11;}
.removeBtn{width: 100px;text-decoration: none; color: #000; padding: 2px 0 0 21px; height: 18px; background: url(../images/btnRemove.gif) no-repeat 0 0; margin-top: 5px; display: block;clear:both}
.removeBtn:hover{text-decoration: underline; background-position: 0 -20px;}
.cartImg{float: left; display: block; border: 1px solid #f2f1ea; margin: 0 25px 10px 0; border-width: 1px !important;}
.empty{padding: 25px;}

/* CHECKOUT PAGES */
input.inputBox { width: 220px; font-family: Arial; font-size: 10pt; }
select.inputBox { width: 224px; font-family: Arial; font-size: 10pt; }
textarea.inputBox { width: 220px; font-family: Arial; font-size: 10pt; }
.checkoutHeader { font-size: 16px; font-weight: bold; margin-bottom:10px;}
.checkoutSubHeader { font-size: 14px; font-weight: bold; margin-bottom:5px;}
.checkoutChange a {font-size:10px;font-weight:normal;}
.checkoutArea .expDate { width: 100px; }
.checkoutArea .securityCode { width: 50px; }
.checkoutArea .cardError { color: Red; }
.checkoutArea .comments { width: 300px; }
.loginOption { padding: 15px;  }
.validation { padding-left: 15px; }
.blackTab { background-color: Black; color: White; padding: 2px 2px 2px 10px; width: 200px; }
.checkoutCartControl .cartBox { margin: 10px; padding: 5px; background-color: #EEEEEE; }
.checkoutCartControl .cartBox .productName { }
.checkoutCartControl .cartBox .properties { padding: 0px 0px 5px 95px; }
.checkoutCartControl .cartBox .discount { text-align: right; padding-right: 10px; color: Red; }
.checkoutCartControl .cartBox .cartTotal { text-align: right; border-top: 1px solid black; padding-right: 10px; }
.labelColumn, .label{padding-bottom: 15px;}
.textField, .textArea{width: 300px; margin:0 0 15px 10px; padding: 5px; height: 20px; font-size: 14px; font-style: oblique; font-family: Georgia, Serif; color: #a27449; border-collapse: collapse; border: 1px solid #ccc;}
.textArea{height: 100px; overflow: hidden;}
.subBtn{float: right;}

/*Browse*/
.productListing{margin-top: 15px;}
.productThumb{margin: 0 20px 40px 20px; padding: 0 10px; float: left; background: url(../images/prdHdr.gif) no-repeat top;}
.productThumb p{margin: 0; padding: 0;}
.productThumb a{float: left; }
.productThumb .learnMore{float: right; display: block; font-size: 10px; color: #1e4300; padding: 7px 20px 8px 15px;}
.productThumb .learnMore:hover{color: #fff;}
.productThumb h3{padding: 4px; width: 250px; margin:0 0 10px 5px; font-size: 14px; color: #fff; font-weight: bold; float: left}
.prdDesc{margin-left: 20px; text-align: left; width: 200px; float: right;}
.brwBtns{clear:both;display:block;float:right;margin-top:15px;}
.brwBtns .superBtn{padding: 5px; font-size: 10px; width: 150px; cursor: pointer;}
.brwBtns .buy{margin-left: 5px; background: url(../images/buy.gif) repeat-x; color: #05537e; display: block; text-align: center; width:80px; line-height:12px; padding: 5px; border: 1px solid #a5dff6; height: 12px; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica;}
.price{font-size: 13px; margin: 0 0 5px 5px; font-weight: bold; color: #1e4300; float: right; display: block; padding: 10px; background: #eee; font-family: Georgia; border: 1px solid #aaa;}
.paddedContent .textField, .paddedContent .textArea{width: 200px; margin:0 0 15px 10px; padding: 5px; height: 20px; font-size: 14px; font-style: oblique; font-family: Georgia, Serif; color: #a27449; border-collapse: collapse; border: 1px solid #ccc;}
.paddedContent .label{font-size: 14px; font-style: oblique; font-family: Georgia, Serif; color: #a27449;}

/*accordian*/
div.accord{}
.accord h4{font-weight: normal; text-decoration: underline; color: #3b7d01; cursor: pointer; font-size: 12px; margin: 5px 0;}
.accord h4:hover{text-decoration: none}
.accord div{background: #fcf8e6; font-size: 11px; padding: 10px; line-height: 16px; border: 1px solid #fbe480}

/*HOME PAGE SLIDER*/
.nFWrap{width: 882px; height:411px; padding: 7px; background: #5b9f11 url(../images/btm.gif) no-repeat bottom center; position: relative}
ul.notFlash{width: 882px; height: 304px;  margin: 0; padding: 0;}
ul.notFlash , .notFlash li{display: block; list-style-type: none;  position: relative; overflow: hidden}
.notFlash li{position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: 0 0; padding: 70px 0 0 82px; width: 800px; height: 341px;}
.notFlash li a{display: block !important;width: 198px; height: 34px; text-align: center;margin-top: 15px; font-weight: bold; font-size:11px;  background: url(../images/learnMore.png) no-repeat 0 0; color: #05537e; text-decoration: none; padding-right: 30px; line-height: 30px;}
#sl1{background: url(../images/s6.jpg)}
#sl2{background: url(../images/s5.jpg)}
#sl3{background: url(../images/s4.jpg)}
#sl4{background: url(../images/s3.jpg)}
#sl5{background: url(../images/s2.jpg)}
#sl6{background: url(../images/s1.jpg)}
#thumbNav{position: absolute; top:318px; left: 7px; font-size: 11px; color: #000; font-family: Arial;}
* html #thumbNav {width: 889px;}
#thumbNav a{width: 143px; height: 99px; text-decoration: none; display: block; float: left; background:#ccc; margin-right: 5px; color: #000; background: url(../images/thumbSprite.jpg) no-repeat}
#thumbNav a span{ display: block; line-height: 24px; height: 24px; width: 143px; text-align: center; background: url(../images/thumbSpan.gif) no-repeat; background-position: 0 0; cursor: pointer}
#thumbNav a.activeSlide, #thumbNav a:hover{background-position: inherit -75px}
#thumbNav a.activeSlide span, #thumbNav a:hover span{background-position: 0 -24px; font-weight: 800}
.thumbOn{cursor: pointer; background:url(../images/thumbSprite.jpg) no-repeat; height: 75px; width: 143px; }

/*Sitemap*/
.sitemap ul, .sitemap li{margin: 0; padding: 0; list-style-type: none;}
.sitemap ul{width: 150px; height: 175px; float: left; margin-right:25px }
.sitemap li{padding-bottom: 5px;}
.sitemap li h3 a{padding-left: 0 !important; color: #000;}

/*Contact Table*/
.contactTable{padding-top:15px; position: relative}
.contactTable span{position: absolute; top: -10px; right:35px; display: block; border: 1px solid Red !important; background: #fdeded !important; padding: 3px 4px;}
.contactTable .cartBtn{margin-top: 0;}