/* DYNAMIC CSS RULES */
div.nav ul li a span{ visibility: hidden;}
div.nav #store {width:91px;height:19px;display:block;background:url(/images/otf/nav.php?text=Online+Store) top left no-repeat;}
li.active #store, div.nav #store:hover {display:block;background:url(/images/otf/nav.php?text=Online+Store&over=1) top left no-repeat;}
div.nav #about-us-media {width:120px;height:19px;display:block;background:url(/images/otf/nav.php?text=About+Us+%26+Media) top left no-repeat;}
li.active #about-us-media, div.nav #about-us-media:hover {display:block;background:url(/images/otf/nav.php?text=About+Us+%26+Media&over=1) top left no-repeat;}
div.nav #tea-coffee-guide {width:127px;height:19px;display:block;background:url(/images/otf/nav.php?text=Tea+%26+Coffee+Guide) top left no-repeat;}
li.active #tea-coffee-guide, div.nav #tea-coffee-guide:hover {display:block;background:url(/images/otf/nav.php?text=Tea+%26+Coffee+Guide&over=1) top left no-repeat;}
div.nav #global-contributions {width:149px;height:19px;display:block;background:url(/images/otf/nav.php?text=Global+Contributions) top left no-repeat;}
li.active #global-contributions, div.nav #global-contributions:hover {display:block;background:url(/images/otf/nav.php?text=Global+Contributions&over=1) top left no-repeat;}
div.nav #fresh-roast--green-coffee {width:178px;height:19px;display:block;background:url(/images/otf/nav.php?text=Our+Coffees+%26+Green+Beans) top left no-repeat;}
li.active #fresh-roast--green-coffee, div.nav #fresh-roast--green-coffee:hover {display:block;background:url(/images/otf/nav.php?text=Our+Coffees+%26+Green+Beans&over=1) top left no-repeat;}
div.nav #loose-leaf-tea {width:144px;height:19px;display:block;background:url(/images/otf/nav.php?text=Be%27ato+Loose+Leaf+Tea) top left no-repeat;}
li.active #loose-leaf-tea, div.nav #loose-leaf-tea:hover {display:block;background:url(/images/otf/nav.php?text=Be%27ato+Loose+Leaf+Tea&over=1) top left no-repeat;}
div.nav #tea-and-coffee-gifts {width:166px;height:19px;display:block;background:url(/images/otf/nav.php?text=Be%27ato+Tea+%26+Coffee+Gifts) top left no-repeat;}
li.active #tea-and-coffee-gifts, div.nav #tea-and-coffee-gifts:hover {display:block;background:url(/images/otf/nav.php?text=Be%27ato+Tea+%26+Coffee+Gifts&over=1) top left no-repeat;}
div.nav #build-a-basket {width:145px;height:19px;display:block;background:url(/images/otf/nav.php?text=Be%27ato+Build+A+Basket) top left no-repeat;}
li.active #build-a-basket, div.nav #build-a-basket:hover {display:block;background:url(/images/otf/nav.php?text=Be%27ato+Build+A+Basket&over=1) top left no-repeat;}
div.nav #flavoring-syrups-and-purees {width:176px;height:19px;display:block;background:url(/images/otf/nav.php?text=Flavoring+Syrups+%26+Purees) top left no-repeat;}
li.active #flavoring-syrups-and-purees, div.nav #flavoring-syrups-and-purees:hover {display:block;background:url(/images/otf/nav.php?text=Flavoring+Syrups+%26+Purees&over=1) top left no-repeat;}
div.nav #coffee--tea-accessories {width:166px;height:19px;display:block;background:url(/images/otf/nav.php?text=Coffee+%26+Tea+Accessories) top left no-repeat;}
li.active #coffee--tea-accessories, div.nav #coffee--tea-accessories:hover {display:block;background:url(/images/otf/nav.php?text=Coffee+%26+Tea+Accessories&over=1) top left no-repeat;}
div.nav #beato-coffee {width:155px;height:19px;display:block;background:url(/images/otf/nav.php?text=Be%27ato+Organic+Coffees) top left no-repeat;}
li.active #beato-coffee, div.nav #beato-coffee:hover {display:block;background:url(/images/otf/nav.php?text=Be%27ato+Organic+Coffees&over=1) top left no-repeat;}
div.nav #Beato-Single-Origin-Coffees {width:205px;height:19px;display:block;background:url(/images/otf/nav.php?text=Single+Origin+%26+Blended+Coffee) top left no-repeat;}
li.active #Beato-Single-Origin-Coffees, div.nav #Beato-Single-Origin-Coffees:hover {display:block;background:url(/images/otf/nav.php?text=Single+Origin+%26+Blended+Coffee&over=1) top left no-repeat;}
div.nav #green-coffee-beans {width:133px;height:19px;display:block;background:url(/images/otf/nav.php?text=Green+Coffee+Beans) top left no-repeat;}
li.active #green-coffee-beans, div.nav #green-coffee-beans:hover {display:block;background:url(/images/otf/nav.php?text=Green+Coffee+Beans&over=1) top left no-repeat;}
div.nav #the-coffee-vault {width:116px;height:19px;display:block;background:url(/images/otf/nav.php?text=The+Coffee+Vault) top left no-repeat;}
li.active #the-coffee-vault, div.nav #the-coffee-vault:hover {display:block;background:url(/images/otf/nav.php?text=The+Coffee+Vault&over=1) top left no-repeat;}
div.nav #flavored-coffee {width:161px;height:19px;display:block;background:url(/images/otf/nav.php?text=Be%27ato+Flavored+Coffees) top left no-repeat;}
li.active #flavored-coffee, div.nav #flavored-coffee:hover {display:block;background:url(/images/otf/nav.php?text=Be%27ato+Flavored+Coffees&over=1) top left no-repeat;}
div.nav #coffee-subscriptions {width:143px;height:19px;display:block;background:url(/images/otf/nav.php?text=Coffee+Subscriptions) top left no-repeat;}
li.active #coffee-subscriptions, div.nav #coffee-subscriptions:hover {display:block;background:url(/images/otf/nav.php?text=Coffee+Subscriptions&over=1) top left no-repeat;}
div.nav #beato-espresso-and-decaf-coffee {width:205px;height:19px;display:block;background:url(/images/otf/nav.php?text=Be%27ato+Espresso+%26+Decaf+Coffee) top left no-repeat;}
li.active #beato-espresso-and-decaf-coffee, div.nav #beato-espresso-and-decaf-coffee:hover {display:block;background:url(/images/otf/nav.php?text=Be%27ato+Espresso+%26+Decaf+Coffee&over=1) top left no-repeat;}
div.nav #Coffee-Guide {width:89px;height:19px;display:block;background:url(/images/otf/nav.php?text=Coffee-Guide) top left no-repeat;}
li.active #Coffee-Guide, div.nav #Coffee-Guide:hover {display:block;background:url(/images/otf/nav.php?text=Coffee-Guide&over=1) top left no-repeat;}
div.nav #beato-coffee-newsletter {width:174px;height:19px;display:block;background:url(/images/otf/nav.php?text=Be%27ato+Coffee+Newsletter) top left no-repeat;}
li.active #beato-coffee-newsletter, div.nav #beato-coffee-newsletter:hover {display:block;background:url(/images/otf/nav.php?text=Be%27ato+Coffee+Newsletter&over=1) top left no-repeat;}
div.nav #customer-feedback {width:133px;height:19px;display:block;background:url(/images/otf/nav.php?text=Customer+Feedback) top left no-repeat;}
li.active #customer-feedback, div.nav #customer-feedback:hover {display:block;background:url(/images/otf/nav.php?text=Customer+Feedback&over=1) top left no-repeat;}
div.nav #faqs {width:189px;height:19px;display:block;background:url(/images/otf/nav.php?text=Frequently+Asked+Questions) top left no-repeat;}
li.active #faqs, div.nav #faqs:hover {display:block;background:url(/images/otf/nav.php?text=Frequently+Asked+Questions&over=1) top left no-repeat;}
div.nav #coffee-facts {width:88px;height:19px;display:block;background:url(/images/otf/nav.php?text=Coffee+Facts) top left no-repeat;}
li.active #coffee-facts, div.nav #coffee-facts:hover {display:block;background:url(/images/otf/nav.php?text=Coffee+Facts&over=1) top left no-repeat;}
div.nav #Find-Your-Best-Coffee-Match {width:188px;height:19px;display:block;background:url(/images/otf/nav.php?text=Find+Your+Best+Coffee+Match) top left no-repeat;}
li.active #Find-Your-Best-Coffee-Match, div.nav #Find-Your-Best-Coffee-Match:hover {display:block;background:url(/images/otf/nav.php?text=Find+Your+Best+Coffee+Match&over=1) top left no-repeat;}
div.nav #making-great-coffee {width:140px;height:19px;display:block;background:url(/images/otf/nav.php?text=Making+Great+Coffee) top left no-repeat;}
li.active #making-great-coffee, div.nav #making-great-coffee:hover {display:block;background:url(/images/otf/nav.php?text=Making+Great+Coffee&over=1) top left no-repeat;}
div.nav #health-benefits-of-tea-coffee {width:209px;height:19px;display:block;background:url(/images/otf/nav.php?text=Health+Benefits+of+Tea+%26+Coffee) top left no-repeat;}
li.active #health-benefits-of-tea-coffee, div.nav #health-benefits-of-tea-coffee:hover {display:block;background:url(/images/otf/nav.php?text=Health+Benefits+of+Tea+%26+Coffee&over=1) top left no-repeat;}
div.nav #beato-coffee-blog {width:126px;height:19px;display:block;background:url(/images/otf/nav.php?text=Be%27ato+Coffee+Blog) top left no-repeat;}
li.active #beato-coffee-blog, div.nav #beato-coffee-blog:hover {display:block;background:url(/images/otf/nav.php?text=Be%27ato+Coffee+Blog&over=1) top left no-repeat;}
div.nav #coffee-certifications {width:146px;height:19px;display:block;background:url(/images/otf/nav.php?text=Coffee-Certifications) top left no-repeat;}
li.active #coffee-certifications, div.nav #coffee-certifications:hover {display:block;background:url(/images/otf/nav.php?text=Coffee-Certifications&over=1) top left no-repeat;}
div.nav #cup-of-excellence-coffees {width:172px;height:19px;display:block;background:url(/images/otf/nav.php?text=Cup+of+Excellence+Coffees) top left no-repeat;}
li.active #cup-of-excellence-coffees, div.nav #cup-of-excellence-coffees:hover {display:block;background:url(/images/otf/nav.php?text=Cup+of+Excellence+Coffees&over=1) top left no-repeat;}
div.nav #tea-facts {width:157px;height:19px;display:block;background:url(/images/otf/nav.php?text=Tea+Facts+and+Steeping) top left no-repeat;}
li.active #tea-facts, div.nav #tea-facts:hover {display:block;background:url(/images/otf/nav.php?text=Tea+Facts+and+Steeping&over=1) top left no-repeat;}
div.nav #home-coffee-roasting {width:147px;height:19px;display:block;background:url(/images/otf/nav.php?text=Home+Coffee+Roasting) top left no-repeat;}
li.active #home-coffee-roasting, div.nav #home-coffee-roasting:hover {display:block;background:url(/images/otf/nav.php?text=Home+Coffee+Roasting&over=1) top left no-repeat;}
div.nav #tea-coffee-recipes {width:138px;height:19px;display:block;background:url(/images/otf/nav.php?text=Tea+%26+Coffee+Recipes) top left no-repeat;}
li.active #tea-coffee-recipes, div.nav #tea-coffee-recipes:hover {display:block;background:url(/images/otf/nav.php?text=Tea+%26+Coffee+Recipes&over=1) top left no-repeat;}