/* Copper Moon Apothecary CSS, by Jonathan Mosney - jonathan[at]mosney.net - www.mosney.net */

a#logo { position: absolute; top: 14px; left: 0; }

#search { position: absolute; top: 22px; left: 476px; }
body #search form { margin: 0; display: block; font-size: 1em; }
body #search input[type="text"] { width: 150px; margin: 0; display: inline; border: 1px solid #715f48; background: #e8c89e url("/i/search-bg.gif") no-repeat 0 0; padding: 3px; font: normal 12px/12px Georgia, Times, "Times New Roman", serif; text-align: left; }
body #search input[type="image"] { margin: 0 0 -4px; font-size: 1em; }

#mailing_list { position: absolute; top: 11px; right: -6px; }

#mainnav { margin: 0; padding: 0; position: absolute; top: 67px; right: -4px; width: 528px; height: 26px; text-align: left; }
#mainnav li { list-style-type: none; margin-right: 34px; float: left; display: inline; width: 164px; height: 26px; background: url("/i/mainnav.gif") 0 0 no-repeat; }
#mainnav li a { display: block; width: 164px; height: 26px; background: url("/i/mainnav.gif") 0 0 no-repeat; }
#mainnav li a span { display: none; }
#mainnav li#wholesale { background-position: -166px 0px; width: 96px; }
#mainnav li#wholesale a { background-position: -166px 0px; width: 96px; }
#mainnav li#about { background-position: -266px 0px; width: 92px; }
#mainnav li#about a { background-position: -266px 0px; width: 92px; }
#mainnav li#contact { background-position: -362px 0px; width: 74px; margin-right: 0; }
#mainnav li#contact a { background-position: -362px 0px; width: 74px; }

#prodnav { margin: 0; padding: 0; position: absolute; z-index: 200; top: 96px; left: 0; width: 900px; height: 18px; text-align: left; border-top: 2px solid #a38660; padding-top: 7px; }
#prodnav li { list-style-type: none; margin-right: 23px; float: left; display: inline; width: 60px; height: 24px; background: url("/i/prodnav.gif") -2px 0 no-repeat; }
#prodnav li a { display: block; width: 60px; height: 24px; background: url("/i/prodnav.gif") -2px 0 no-repeat; }
#prodnav li a span { display: none; }
#prodnav li#cremes { background-position: -66px 0px; width: 59px; }
#prodnav li#cremes a { background-position: -66px 0px; width: 59px; }
#prodnav li#salvesbalms { background-position: -127px 0px; width: 117px; }
#prodnav li#salvesbalms a { background-position: -127px 0px; width: 117px; }
#prodnav li#soaps { background-position: -248px 0px; width: 46px; }
#prodnav li#soaps a { background-position: -248px 0px; width: 46px; }
#prodnav li#specialtreatments { background-position: -296px 0px; width: 147px; }
#prodnav li#specialtreatments a { background-position: -296px 0px; width: 147px; }
#prodnav li#giftsets { background-position: -445px 0px; width: 68px; }
#prodnav li#giftsets a { background-position: -445px 0px; width: 68px; }
#prodnav li#giftcertificates { background-position: -517px 0px; width: 124px; }
#prodnav li#giftcertificates a { background-position: -517px 0px; width: 124px; }
#prodnav li#shopbyline { background-position: -644px 0px; width: 118px; margin-right: 0; position: relative; }
#prodnav li#shopbyline a { background-position: -644px 0px; width: 118px; }

#prodnav li#shopbyline ul { visibility: hidden; position: absolute; top: 19px; left: -13px; padding: 10px 0 0; width: 138px; height: 128px; background: url("/i/shopbyline-bg.png") no-repeat 0 0; }
#prodnav li#shopbyline ul li { float: none; width: 124px; height: auto; display: block; background: none; margin: auto; background-color: #deb784; }
#prodnav li#shopbyline ul li a { display: block; width: 100px; padding: 5px 12px; margin: 0; background-image: none; text-decoration: none; color: #000; }
#prodnav li#shopbyline ul li a:hover { background-color: #fbe0bd; cursor: pointer; }