/* Header */ h1 {display: block; text-indent: -9000px; width: 388px; height: 76px; background: transparent url(graphics/header_logo.gif) no-repeat top left; color: transparent; margin: 0; position: relative; top: 42px; left: 10px;} h3 {font: bold 15px Arial, Verdana, sans-serif; color: #434343; } h4 {font: bold 13px Arial, Verdana, sans-serif; color: #434343; line-height: 15px; margin-bottom: 0;} .topnav_buynow {position: absolute; top: 106px; left: 102px; z-index: 50;} .topright_home {position: absolute; top: 65px; right: 11px; z-index: 50;} /* Right Column */ #rc { width: 225px; height: 200px; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 0; } #rc .onlinestore a:link {display: block; height: 36px; width: 225px; background: url("graphics/rc_onlinestore.gif") no-repeat top left; margin: 0;} #rc .onlinestore a:visited {display: block; height: 36px; width: 225px; background: url("graphics/rc_onlinestore.gif") no-repeat top left;} #rc .onlinestore a:hover {display: block; height: 36px; width: 225px; background-image: url("graphics/rc_onlinestore.gif"); background-position: -225px 0;} #rc .onlinestore a:active {display: block; height: 36px; width: 225px; background-image: url("graphics/rc_onlinestore.gif"); background-position: -225px 0;} #rc .onlinestore {background: url("graphics/rc_onlinestore.gif") no-repeat top left;} #rc .storelocator a:link {display: block; height: 36px; width: 225px; background: url("graphics/rc_storelocator.gif") no-repeat top left; margin: 0;} #rc .storelocator a:visited {display: block; height: 36px; width: 225px; background: url("graphics/rc_storelocator.gif") no-repeat top left;} #rc .storelocator a:hover {display: block; height: 36px; width: 225px; background-image: url("graphics/rc_storelocator.gif"); background-position: -225px 0;} #rc .storelocator a:active {display: block; height: 36px; width: 225px; background-image: url("graphics/rc_storelocator.gif"); background-position: -225px 0;} #rc .storelocator {background: url("graphics/rc_storelocator.gif") no-repeat top left;} #rc .janlovejoy a:link {display: block; height: 36px; width: 225px; background: url("graphics/rc_janlovejoy.gif") no-repeat top left; margin: 0;} #rc .janlovejoy a:visited {display: block; height: 36px; width: 225px; background: url("graphics/rc_janlovejoy.gif") no-repeat top left;} #rc .janlovejoy a:hover {display: block; height: 36px; width: 225px; background-image: url("graphics/rc_janlovejoy.gif"); background-position: -225px 0;} #rc .janlovejoy a:active {display: block; height: 36px; width: 225px; background-image: url("graphics/rc_janlovejoy.gif"); background-position: -225px 0;} #rc .janlovejoy {background: url("graphics/rc_janlovejoy.gif") no-repeat top left;} #rc .herbal a:link {display: block; height: 36px; width: 225px; background: url("graphics/rc_herbal.gif") no-repeat top left; margin: 0;} #rc .herbal a:visited {display: block; height: 36px; width: 225px; background: url("graphics/rc_herbal.gif") no-repeat top left;} #rc .herbal a:hover {display: block; height: 36px; width: 225px; background-image: url("graphics/rc_herbal.gif"); background-position: -225px 0;} #rc .herbal a:active {display: block; height: 36px; width: 225px; background-image: url("graphics/rc_herbal.gif"); background-position: -225px 0;} #rc .herbal {background: url("graphics/rc_herbal.gif") no-repeat top left;} #rc .newsletter a:link {display: block; height: 34px; width: 225px; background: url("graphics/rc_newsletter.gif") no-repeat top left; margin: 0;} #rc .newsletter a:visited {display: block; height: 34px; width: 225px; background: url("graphics/rc_newsletter.gif") no-repeat top left;} #rc .newsletter a:hover {display: block; height: 34px; width: 225px; background-image: url("graphics/rc_newsletter.gif"); background-position: -225px 0;} #rc .newsletter a:active {display: block; height: 34px; width: 225px; background-image: url("graphics/rc_newsletter.gif"); background-position: -225px 0;} #rc .newsletter {background: url("graphics/rc_newsletter.gif") no-repeat top left;} #rc .scientific a:link {display: block; height: 37px; width: 225px; background: url("graphics/rc_scientific.gif") no-repeat top left; margin: 0;} #rc .scientific a:visited {display: block; height: 37px; width: 225px; background: url("graphics/rc_scientific.gif") no-repeat top left;} #rc .scientific a:hover {display: block; height: 37px; width: 225px; background-image: url("graphics/rc_scientific.gif"); background-position: -225px 0;} #rc .scientific a:active {display: block; height: 37px; width: 225px; background-image: url("graphics/rc_scientific.gif"); background-position: -225px 0;} #rc .scientific {background: url("graphics/rc_scientific.gif") no-repeat top left;} #rc .new_book a:link {display: block; height: 37px; width: 225px; background: url("graphics/rc_new_book.gif") no-repeat top left; margin: 0;} #rc .new_book a:visited {display: block; height: 37px; width: 225px; background: url("graphics/rc_new_book.gif") no-repeat top left;} #rc .new_book a:hover {display: block; height: 37px; width: 225px; background-image: url("graphics/rc_new_book.gif"); background-position: -225px 0;} #rc .new_book a:active {display: block; height: 37px; width: 225px; background-image: url("graphics/rc_new_book.gif"); background-position: -225px 0;} #rc .new_book {background: url("graphics/rc_new_book.gif") no-repeat top left;} #rc .pressroom a:link {display: block; height: 36px; width: 225px; background: url("graphics/rc_pressroom.gif") no-repeat top left; margin: 0;} #rc .pressroom a:visited {display: block; height: 36px; width: 225px; background: url("graphics/rc_pressroom.gif") no-repeat top left;} #rc .pressroom a:hover {display: block; height: 36px; width: 225px; background-image: url("graphics/rc_pressroom.gif"); background-position: -225px 0;} #rc .pressroom a:active {display: block; height: 36px; width: 225px; background-image: url("graphics/rc_pressroom.gif"); background-position: -225px 0;} #rc .pressroom {background: url("graphics/rc_pressroom.gif") no-repeat top left;} #rc .special a:link {display: block; height: 36px; width: 225px; background: url("graphics/rc_special.gif") no-repeat top left; margin: 0;} #rc .special a:visited {display: block; height: 36px; width: 225px; background: url("graphics/rc_special.gif") no-repeat top left;} #rc .special a:hover {display: block; height: 36px; width: 225px; background-image: url("graphics/rc_special.gif"); background-position: -225px 0;} #rc .special a:active {display: block; height: 36px; width: 225px; background-image: url("graphics/rc_special.gif"); background-position: -225px 0;} #rc .special {background: url("graphics/rc_special.gif") no-repeat top left;} #rc .prx a:link {display: block; height: 36px; width: 225px; background: url("graphics/rc_research.gif") no-repeat top left; margin: 0;} #rc .prx a:visited {display: block; height: 36px; width: 225px; background: url("graphics/rc_research.gif") no-repeat top left;} #rc .prx a:hover {display: block; height: 36px; width: 225px; background-image: url("graphics/rc_research.gif"); background-position: -225px 0;} #rc .prx a:active {display: block; height: 36px; width: 225px; background-image: url("graphics/rc_research.gif"); background-position: -225px 0;} #rc .prx {background: url("graphics/rc_pressroom.gif") no-repeat top left;} #rc img.rc_100 {clear: both; float: right; margin-right: 0px; margin-bottom: 50px;} #rc > img.rc_100 {margin-right: 0 !important;} /* Footer */ #footer_row1 {margin: 40px 28px 3px 10px; padding: 10px 0 0 0; list-style-type: none; text-indent: 0; letter-spacing: .05em; font-size: 11px !important; text-align: right; width: 500px; border-top: 1px solid #E7E7E7;} #footer_row1 li, #footer_row2 li {font-size: 11px !important; margin: 0 4px 0 0; padding: 0 4px 0 3px; display: inline; list-style-type: none; text-indent: 0; border-right: 1px solid #434343; letter-spacing: .045em !important;} #footer_row1 > li, #footer_row2 li {margin: 0 3px 0 0; padding: 0 5px 0 0; display: inline; list-style-type: none; text-indent: 0; border-right: 1px solid #434343;} #footer_row1 li.last, #footer_row2 li.last {border: 0; margin-right: 0; padding-right: 0;} #footer_row1 li a:link, #footer_row2 li a:link {color: #434343; text-decoration: none;} #footer_row1 li a:visited, #footer_row2 li a:visited {color: #434343; text-decoration: none;} #footer_row1 li a:hover, #footer_row2 li a:hover {color: #434343; text-decoration: underline;} #footer_row1 li a:active, #footer_row2 li a:active {color: #434343; text-decoration: none;} #footer_row2 {margin: 0 28px 20px 10px; padding: 0; list-style-type: none; text-indent: 0; letter-spacing: .05em; font-size: 11px; text-align: right; width: 500px;} p.footer_copyright {margin: 40px 28px 3px 10px; padding: 0; font-size: 11px; text-align: center; margin-top: 20px; text-align: right; width: 500px; color: #B8B8B8;} .footer_copyright a:link {text-decoration: none; color: #808080;} .footer_copyright a:visited {text-decoration: none; color: #808080;} .footer_copyright a:hover {text-decoration: underline; color: #808080;} .footer_copyright a:active {text-decoration: none; color: #808080;} /* Storefront Welcome Message */ #sfnt_welcome {background: transparent url(graphics/sfnt_bg.gif) no-repeat top left; position: relative; height: 1072px; margin: -15px 0 0 20px;} #sfnt_vs { width: 300px; height: 75px; position: absolute; top: 130px; left: 90px; line-height: 24px; } #sfnt_em { width: 135px; position: absolute; top: 210px; left: 12px; line-height: 24px; } #sfnt_x { width: 135px; position: absolute; top: 210px; left: 180px; line-height: 24px; } #sfnt_xb { width: 135px; position: absolute; top: 210px; left: 345px; line-height: 24px; } /*************^*_-*+x+x+*-_*^*************/ /**@@ HOME PAGE [ @@**/ /*************^*_-*+x+x+*-_*^*************/ #content1 { width: 450px; position: absolute; top: 532px; left: 15px; line-height: 18px; } #eb_pic { width: 135px; position: absolute; top: 622px; left: 345px; z-index: auto; height: 144px; } #content2 { width: 335px; position: absolute; top: 670px; left: 15px; line-height: 18px; } #ebplus_pic { width: 113px; position: absolute; top: 848px; left: 15px; z-index: auto; height: 144px; } #content3 { width: 350px; position: absolute; top: 847px; left: 135px; line-height: 18px; } #content4 { width: 450px; position: absolute; top: 320px; left: 15px; line-height: 18px; } /* Category Page Template */ #content {margin: 0 20px 30px 44px;} #content img.title_image {margin-left: -5px; margin-bottom: -5px;} #category {margin: 0 20px 30px 44px;} #category img.title_image {margin-left: -5px; margin-bottom: -15px;} #category td, #category font {font: 12px Arial, Verdana, sans-serif !important; color: #434343;} #category td a {font: bold 15px Arial, Verdana, sans-serif; line-height: 30px;} /* Product Page */ #product {margin: 0 20px 30px 44px; position: relative;} #product td {vertical-align: top !important;} #product td font input {margin-bottom: -3px;} #product td > font input {display: block; position: relative; top: -26px; left: 55px; margin: 10px;} #product font {font: 12px Arial, Verdana, sans-serif !important; color: #434343;} #product img.title_image {margin-left: -5px; margin-bottom: 25px;} /* Order Pages Styles */ /* General Identifiers */ #wrap {width: 760px; background: white url(graphics/wrap_bg.gif) repeat-y top left;} #header {background: transparent url(graphics/header_bg.jpg) no-repeat top left; margin: 0 !important; height: 322px; position: relative;} #topshop {position: absolute; top: 4px; left: 10px; margin: 0;} #topshop img.checkout, #topshop img.login {margin-right: 20px;} #topright { position: absolute; top: 26px; right: 5px; margin: 0; width: 425px; } #topright .about a:link {display: block; height: 31px; width: 52px; background: url("graphics/topright_about.gif") no-repeat top left; margin: 0; position: absolute; top: 0; left: 64px;} #topright .about a:visited {display: block; height: 31px; width: 52px; background: url("graphics/topright_about.gif") no-repeat top left; position: absolute; top: 0; left: 64px;} #topright .about a:hover {display: block; height: 31px; width: 52px; background-image: url("graphics/topright_about.gif"); background-position: -52px 0; position: absolute; top: 0; left: 64px;} #topright .about a:active {display: block; height: 31px; width: 52px; background-image: url("graphics/topright_about.gif"); background-position: -52px 0; position: absolute; top: 0; left: 64px;} #topright .about {background: url("graphics/topright_about.gif") no-repeat top left;} #topright .inspiration a:link {display: block; height: 31px; width: 100px; background: url("graphics/topright_inspiration.gif") no-repeat top left; margin: 0; position: absolute; top: 0; left: 124px;} #topright .inspiration a:visited {display: block; height: 31px; width: 100px; background: url("graphics/topright_inspiration.gif") no-repeat top left; position: absolute; top: 0; left: 124px;} #topright .inspiration a:hover {display: block; height: 31px; width: 100px; background-image: url("graphics/topright_inspiration.gif"); background-position: -100px 0; position: absolute; top: 0; left: 124px;} #topright .inspiration a:active {display: block; height: 31px; width: 100px; background-image: url("graphics/topright_inspiration.gif"); background-position: -100px 0; position: absolute; top: 0; left: 124px;} #topright .inspiration {background: url("graphics/topright_inspiration.gif") no-repeat top left;} #topright .products a:link {display: block; height: 31px; width: 78px; background: url("graphics/topright_products.gif") no-repeat top left; margin: 0; position: absolute; top: 0; left: 236px;} #topright .products a:visited {display: block; height: 31px; width: 78px; background: url("graphics/topright_products.gif") no-repeat top left; position: absolute; top: 0; left: 236px;} #topright .products a:hover {display: block; height: 31px; width: 78px; background-image: url("graphics/topright_products.gif"); background-position: -78px 0; position: absolute; top: 0; left: 236px;} #topright .products a:active {display: block; height: 31px; width: 78px; background-image: url("graphics/topright_products.gif"); background-position: -78px 0; position: absolute; top: 0; left: 236px;} #topright .products {position: absolute; top: 0; left: 0; background: url("graphics/topright_products.gif") no-repeat top left;} #topright .contact a:link {display: block; height: 31px; width: 70px; background: url("graphics/topright_contact.gif") no-repeat top left; margin: 0; position: absolute; top: 0; left: 323px;} #topright .contact a:visited {display: block; height: 31px; width: 70px; background: url("graphics/topright_contact.gif") no-repeat top left; position: absolute; top: 0; left: 323px;} #topright .contact a:hover {display: block; height: 31px; width: 70px; background-image: url("graphics/topright_contact.gif"); background-position: -70px 0; position: absolute; top: 0; left: 323px;} #topright .contact a:active {display: block; height: 31px; width: 70px; background-image: url("graphics/topright_contact.gif"); background-position: -70px 0; position: absolute; top: 0; left: 323px;} #topright .contact {background: url("graphics/topright_contact.gif") no-repeat top left;} /* General Elements */ body {font: 12px Arial, Verdana, sans-serif; color: #434343; background: #d3e825 url(graphics/body_bg.jpg) repeat-x top left; margin: 0;} div, td {font: 12px Arial, Verdana, sans-serif; color: #434343;} a:link {color: #ff6600;} a:visited {color: #ff6600;} a:hover {color: #ff8533;} a:active {color: #ff8533;} img {border: 0;} blockquote {margin: 0; padding: 0;} /*************^*_-*+x+x+*-_*^*************/ /**@@ General Identifiers and Classes @@**/ /*************^*_-*+x+x+*-_*^*************/ /*Herbal Reference Guide*/ #herbal_reference {margin-top: 20px;} #herbal_reference tr {background-color: #efefef !important; border-bottom: 3px solid #fff;} #herbal_reference td {border: 3px solid #fff;} td.herb {font-weight: bold; font-size: 11px; padding: 10px;} td.description {font-size: 10px; padding: 10px;} /*News/Media*/ #content.scientific {position: relative; height: 600px; margin: -15px 0 0 20px;} #scientific_em {width: 205px; position: absolute; top: 100px; left: 12px; line-height: 24px;} #scientific_x {width: 205px; position: absolute; top: 100px; left: 274px; line-height: 24px;} /*Category Page Pieces*/ #category {position: relative;} /* replaced with images for buttons - font table tbody tr td font input {border: 3px double #BECBB1; font: 11px Arial, Verdana, sans-serif; color: #434343; background: transparent url(graphics/button_bg.jpg) repeat-x top left; margin-bottom: 20px;}*/ #category font table td font a b {font: bold 13px Arial, Verdana, sans-serif; line-height: 15px;} #category font table td img {margin-right: 20px;} /*Jan Lovejoy Page*/ #lovejoy_photo {width: 300px; margin-top: 30px; border: 1px solid #ccc; height: 144px; background-color: #efefef;} #lovejoy_photo img {float: left; margin-right: 20px; margin-bottom: 30px;} #lovejoy_photo p {line-height: 22px; margin-top: 5px;} /*Contact Page*/ #content p.contact {width: 210px; border: 1px solid #e7e7e7; font-size: 11px; float: left; margin: 5px; padding:5px;} #content strong {font-size: 12px; text-indent: 0; padding-bottom: 15px;} #content p.address {clear: both; letter-spacing: .05em; font-size: 11px;} #content > p.address {clear: both; letter-spacing: .05em; font-size: 11px; padding-top: 20px;} input.button {border: 3px double #BECBB1; font: 11px Arial, Verdana, sans-serif; color: #434343; background: transparent url(graphics/button_bg.jpg) repeat-x top left; margin-bottom: 20px;} img.jump_to {position: absolute; top: -20px; right: 20px;} font > a img.jump_to {position: absolute; top: -20px; right: 0;} /*Press Room*/ ul.pressroom {margin: 50px 0 0 0; padding: 0; text-indent: 0; text-align: center; background-color: #e3e3e3;} ul.pressroom li {display: inline; text-indent: 0; margin: 0; padding: 0 2px 3px 5px; border-right: 1px solid #CECECE; line-height: 20px;} ul.pressroom li.last {display: inline; text-indent: 0; margin: 0; padding: 0 0 0 5px; border-right: none;} ul.pressroom font > li {display: inline; text-indent: 0; margin: 0 0 3px 2px; padding: 0 4px 0 0; border-right: 1px solid #CECECE;} ul.pressroom font > li.last {display: inline; text-indent: 0; margin: 0 0 0 2px; padding: 0; border-right: none;} ul.pressroom li a:link {font-size: 12px; color: #000; line-height: 8px;} ul.pressroom li a:visited {font-size: 12px; color: #000;} ul.pressroom li a:hover {font-size: 12px; color: #000;} ul.pressroom li a:active {font-size: 12px; color: #000;} ul#press_releases {list-style-type: none; margin: 0 0 40px 20px; padding: 0; text-indent: 0;} ul#press_releases li {background: transparent url(graphics/red_bullet-pr.gif) no-repeat top left; margin: 0; padding: 0; text-indent: 15px; line-height: 2em;} #emfaq_top, #xfaq_top {margin-left: 20px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px dotted #CECECE;} #emfaq_top p {background: transparent url(graphics/red_bullet.gif) no-repeat top left; margin: 5px 0 10px 0; padding: 0 0 3px 15px !important; line-height: 1.2em;} #xfaq_top p {background: transparent url(graphics/red_bullet.gif) no-repeat top left; margin: 5px 0 10px 0; padding: 0 0 3px 15px !important; line-height: 1.2em;} .faq_q {font-weight: bold; margin-bottom: 0;} .faq_a {margin-top: 4px;} table.articles {margin: 10px 0 15px 0;} table.articles td {padding: 5px; vertical-align: top; width: 110px; text-align: center; background-color: #EAEAEA; border: 3px solid #fff;} table.articles td.title {font-weight: bold;} table.articles td img {border: none !important;} p.online_articles {background: transparent url(graphics/red_bullet.gif) no-repeat top left; margin: 10px 0 5px 20px; padding: 0 0 3px 15px !important; line-height: 1.2em;} table.logos {margin: 10px 0 15px -5px;} table.logos td {vertical-align: top; width: 150px; text-align: center; background-color: #EAEAEA; border: 3px solid #fff;} table.logos td.title {font-weight: bold;} table.logos td img {border: none !important;} #content.pressroom h4 {margin-left: 5px; margin-top: 20px;} p.press_contact {border: 1px solid #e7e7e7; font-size: 11px; margin: 5px; padding:5px;} /*Store Locator*/ .sl_logo {border: 0; margin: 10px 15px;} /*Jan's New Book*/ ul.jans_book {list-style-type: none; margin: 0 0 40px 20px; padding: 0; text-indent: 0;} ul.jans_book li {background: transparent url(graphics/red_bullet-pr.gif) no-repeat top left; margin: 0; padding: 0; text-indent: 15px; line-height: 2em;} /* img.jan_sfnt {position: absolute; top: -188px; left: 18px;} */ img.jan_sfnt {display: none;}