body {margin:0px;padding:0px;text-align:center;padding-top:22px;padding-bottom:20px;} *, * * {font-family: "Trebuchet MS", sans-serif;font-size:11px;line-height:150%} ul {padding:0px;margin:0px;} li {padding:0px;margin:0px;list-style-type:none;} img, div, li, a { behavior: url(iepngfix.htc) } a {text-decoration:none;cursor:pointer;color:#54858F;} a:hover {text-decoration:underline;} a.italic {font-style:italic;} a img {border-width:0px;} h3 {font-size:150%;} .otherImageList.off {display:none;} textbox {width:100px;} .col {float:left;} .clrb {clear:both;} .pTitle {margin-bottom:5px;} .and.col {margin-left:40px;margin-right:40px;margin-top:20px;} .and {margin-top:14px;margin-bottom:14px;} .copyright {height:20px;margin-top:20px;margin-left:auto;margin-right:auto;width:860px;} .copyright a {float:right;margin-top:20px;width:340px;height:20px;display:block;background:url(media/images/copyright.png) no-repeat top right;} .hr-top {background:url(media/images/hr-top.gif) repeat-x 0px 12px;width:581px;height:22px;} .hr-bottom {background:url(media/images/hr-bottom.gif) repeat-x 0px 0px;width:581px;height:5px;} .hr-home {background:url(media/images/hr-bottom.gif) repeat-x 0px 0px;width:616px;height:3px;} .popUp {cursor:hand;} ul.textList {padding-left:20px;} ul.textList li {padding-left:00px;list-style-image: url(media/images/li.gif)} .orderButton {margin-top:20px;height:40px;width:54px;background:url(media/images/btn-order.gif) no-repeat top left;} .orderButton a {display:block;height:40px;width:54px;} .popUpWrapper {width:587px;height:374px;background: url(media/images/popup-background.png) no-repeat top left;} .spacer {clear:both;} .half-spacer {height:20px;clear:both;} .title {height:17px;} .mainImage {width:579px;height:280px;} .siteWrapper {margin-left:auto;margin-right:auto;width:860px;text-align:left;postion:relative;} #leftColWrapper, #centerColWrapper {text-align:left;} #leftColWrapper {width:177px;position:relative;top:-20px;} #leftColWrapper #logo {background: url() no-repeat top left; width:157px;height:145px;cursor:pointer;} #leftColWrapper #logo a {background: url() no-repeat top left; width:157px;height:145px;display:block} #leftColWrapper #sideNav {width:160px;height:285px; background: url(media/images/nav-background.png) no-repeat;} #leftColWrapper #sideNav ul {position:relative; top:37px;z-index:5;} #leftColWrapper #sideNav ul li {width:156px;} #leftColWrapper #sideNav ul li a {cursor:pointer;margin-left:4px;height:32px;display:block;background:url(); background-position:0px 0px;} #leftColWrapper #sideNav ul li#shop {height:58px;} #leftColWrapper #sideNav ul li#shop a {background:url(media/images/nav-shop.gif) no-repeat;} #leftColWrapper #sideNav ul li#shop a:hover {background:url(media/images/nav-shop-over.gif) no-repeat;} #leftColWrapper #sideNav ul li#shop a.currentPage {background:url(media/images/nav-shop-over.gif) no-repeat;} #leftColWrapper #sideNav ul li#about {height:61px;} #leftColWrapper #sideNav ul li#about a {background: url(media/images/nav-about.gif) no-repeat;} #leftColWrapper #sideNav ul li#about a:hover {background: url(media/images/nav-about-over.gif) no-repeat;} #leftColWrapper #sideNav ul li#about a.currentPage {background: url(media/images/nav-about-over.gif) no-repeat;} #leftColWrapper #sideNav ul li#press {height:61px;} #leftColWrapper #sideNav ul li#press a {background: url(media/images/nav-press.gif) no-repeat;} #leftColWrapper #sideNav ul li#press a:hover {background: url(media/images/nav-press-over.gif) no-repeat;} #leftColWrapper #sideNav ul li#press a.currentPage {background: url(media/images/nav-press-over.gif) no-repeat;} #leftColWrapper #sideNav ul li#contact {height:61px;} #leftColWrapper #sideNav ul li#contact a {background: url(media/images/nav-contact.gif) no-repeat;} #leftColWrapper #sideNav ul li#contact a:hover {background: url(media/images/nav-contact-over.gif) no-repeat;} #leftColWrapper #sideNav ul li#contact a.currentPage {background: url(media/images/nav-contact-over.gif) no-repeat;} #centerColWrapper, #mainContentWrapper {width:675px;} #centerColWrapper #mainContentWrapper{border:1px solid #000; background-color:#fff;padding:4px;} #centerColWrapper #mainContentWrapper #mainContentContainer {padding-top:20px;padding-bottom:30px;width:668px;border:4px solid #000; background-color:#fff;text-align:center;} #centerColWrapper #mainContentWrapper #mainContentContainer #mainContent {width:581px;margin-left:auto;margin-right:auto;text-align:left;} .subNavWrapper {height:56px;} .subNavWrapper ul li {height:12px;width:100px;float:left;} .subNavWrapper ul li a {display:block;height:12px;background:url();background-repeat:no-repeat;background-position:0px 0px;overflow:hidden;} #productSection.subNavWrapper ul li a {background: url(media/images/shop-nav-sprite.gif) no-repeat;background-position:0px 0px;} #productSection.subNavWrapper ul li#product a {background-position: 0px 0px; background-repeat:no-repeat;} #productSection.subNavWrapper ul li#product a.currentPage, #productSection.subNavWrapper ul li#product a:hover {background-position: 0px -12px; background-repeat:no-repeat;} #productSection.subNavWrapper ul li#giftBaskets a {background-position: 0px -24px; background-repeat:no-repeat;} #productSection.subNavWrapper ul li#giftBaskets a.currentPage, #productSection.subNavWrapper ul li#giftBaskets a:hover {background-position: 0px -36px; background-repeat:no-repeat;} #productSection.subNavWrapper ul li#ordering a {background-position: 0px -48px; background-repeat:no-repeat;} #productSection.subNavWrapper ul li#ordering a.currentPage, #productSection.subNavWrapper ul li#ordering a:hover {background-position: 0px -60px; background-repeat:no-repeat;} #aboutSection.subNavWrapper ul li {width:150px;} #aboutSection.subNavWrapper ul li a {background: url(media/images/about-nav-sprite.gif) no-repeat;background-position:0px 0px;} #aboutSection.subNavWrapper ul li#chemist a {background-position: 0px 0px; background-repeat:no-repeat;} #aboutSection.subNavWrapper ul li#chemist a.currentPage, #aboutSection.subNavWrapper ul li#chemist a:hover {background-position: 0px -12px; background-repeat:no-repeat;} #aboutSection.subNavWrapper ul li#friends a {background-position: 0px -24px; background-repeat:no-repeat;} #aboutSection.subNavWrapper ul li#friends a.currentPage, #aboutSection.subNavWrapper ul li#friends a:hover {background-position: 0px -36px; background-repeat:no-repeat;} #aboutSection.subNavWrapper ul li#locations a {background-position: 0px -48px; background-repeat:no-repeat;} #aboutSection.subNavWrapper ul li#locations a.currentPage, #aboutSection.subNavWrapper ul li#locations a:hover {background-position: 0px -60px; background-repeat:no-repeat;} #pressSection.subNavWrapper ul li {width:150px;} #pressSection.subNavWrapper ul li a {background: url(media/images/press-nav-sprite.gif) no-repeat;background-position:0px 0px;} #pressSection.subNavWrapper ul li#press a {background-position: 0px 0px; background-repeat:no-repeat;} #pressSection.subNavWrapper ul li#press a.currentPage, #pressSection.subNavWrapper ul li#press a:hover {background-position: 0px -12px; background-repeat:no-repeat;} #contactSection.subNavWrapper ul li {width:150px;} #contactSection.subNavWrapper ul li a {background: url(media/images/contact-nav-sprite.gif) no-repeat;background-position:0px 0px;} #contactSection.subNavWrapper ul li#contact a {background-position: 0px 0px; background-repeat:no-repeat;} #contactSection.subNavWrapper ul li#contact a.currentPage, #contactSection.subNavWrapper ul li#contact a:hover {background-position: 0px -12px; background-repeat:no-repeat;} #contactSection.subNavWrapper ul li#locations a {background-position: 0px -24px; background-repeat:no-repeat;} #contactSection.subNavWrapper ul li#locations a.currentPage, #contactSection.subNavWrapper ul li#locations a:hover {background-position: 0px -36px; background-repeat:no-repeat;} #privacySection.subNavWrapper ul li {width:150px;} #privacySection.subNavWrapper ul li a {background: url(media/images/privacy-nav-sprite.gif) no-repeat;background-position:0px 0px;} #privacySection.subNavWrapper ul li#privacy a {background-position: 0px 0px; background-repeat:no-repeat;} #privacySection.subNavWrapper ul li#privacy a.currentPage, #privacySection.subNavWrapper ul li#privacy a:hover {background-position: 0px -12px;} /*patterns*/ .homePattern {background:url(media/images/pattern-home.gif)} .aboutPattern {background:url(media/images/pattern-about.gif)} .shopPattern, #yahoo-store-checkout {background:url(media/images/pattern-shop.gif)} .pressPattern {background:url(media/images/pattern-press.gif)} .contactPattern {background:url(media/images/pattern-contact.gif)} /*logos*/ .homePattern #leftColWrapper #sideNavWrapper #logo a {background:url(media/images/logo-home-on.png) no-repeat top left;} .homePattern #leftColWrapper #sideNavWrapper #logo a:hover {background:url(media/images/logo-home-over.png) no-repeat top left;} .aboutPattern #leftColWrapper #sideNavWrapper #logo a {background:url(media/images/logo-about-on.png) no-repeat top left;} .aboutPattern #leftColWrapper #sideNavWrapper #logo a:hover {background:url(media/images/logo-about-over.png) no-repeat top left;} .shopPattern #leftColWrapper #sideNavWrapper #logo a, #yahoo-store-checkout #leftColWrapper #sideNavWrapper #logo a {background:url(media/images/logo-shop-on.png) no-repeat top left;} .shopPattern #leftColWrapper #sideNavWrapper #logo a:hover, #yahoo-store-checkout #leftColWrapper #sideNavWrapper #logo a:hover {background:url(media/images/logo-shop-over.png) no-repeat top left;} .pressPattern #leftColWrapper #sideNavWrapper #logo a {background:url(media/images/logo-press-on.png) no-repeat top left;} .pressPattern #leftColWrapper #sideNavWrapper #logo a:hover {background:url(media/images/logo-press-over.png) no-repeat top left;} .contactPattern #leftColWrapper #sideNavWrapper #logo a {background:url(media/images/logo-contact-on.png) no-repeat top left;} .contactPattern #leftColWrapper #sideNavWrapper #logo a:hover {background:url(media/images/logo-contact-over.png) no-repeat top left;} /*link styles*/ .homePattern a {} .homePattern a:hover {} .aboutPattern a{} .aboutPattern a:hover{} .pressPattern a {} .pressPattern h3 a {color:#000;} .pressPattern a:hover {} .contactPattern a {} .contactPattern a:hover {} .shopPattern a {} .shopPattern a:hover {} /*home styles*/ #homeSpacer {height:20px;} #homeSpacer .spacer {height:20px;} #homeMainImage {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0} #homeTitle {width:360px;height:61px;margin-bottom:20px;background:url(media/images/home-title.gif) no-repeat top left;} #homeLeftColWrapper {border-right: 1px solid black; width:370px;height:300px;margin-right:1px;} #homeLeftColWrapper p {padding-right:30px;} #homeRightColWrapper {border-left: 1px solid black; width:205px;height:300px;padding-left:22px;} #homeNewsHead {width:45px;height:17px;background:url(media/images/home-head-news.gif) no-repeat top left;margin-top:40px;} #homeIconAnd {width:29px;height:25px;background:url(media/images/icon-and.gif) no-repeat top left;margin-top:18px;margin-bottom:18px;} #homeMainContent {width:617px;margin-left:auto;margin-right:auto;text-align:left;position:relative;} #homeMainContent .starburst {position:absolute;top:210px;left:450px;} #homeContentWrapper {width:600px;margin-left:17px;} .homeButtonList img{margin-right:20px;margin-top:0px;} /*shop styles*/ #shop {font-size:11pt;} #shop .title {} #shop #productPage.title {background:url(media/images/shop-title-products.gif) no-repeat top left;} #shop #orderingPage.title {background:url(media/images/ordering-title.gif) no-repeat top left;} #shop #giftBasketsPage.title {background:url(media/images/giftbaskets-title.gif) no-repeat top left;} #shop .mainImage {background:url(media/images/product-home-main.jpg) no-repeat top left;} #shop .backToProducts {cursor:pointer;width:145px; height:11px;margin-top:15px;margin-bottom:28px;background:url(media/images/btn-back-to-products.gif) no-repeat top left;} #shop #productList table {} #shop #productList td {padding:25px;} #shop #productSpecsWrapper {width:291px;overflow:hidden;} #shop .otherImages {width:70px;height:10px;margin-bottom:9px;background: url(media/images/title-other-images.gif) no-repeat top left;} #shop .otherImageList {margin-bottom:18px;} #shop .otherImageList img {margin-right:11px;} #shop #productTitle {height:60px;width:400px;margin-bottom:10px;} #shop #productHead {height:26px;margin-bottom:10px;} #shop #productSubhead {height:18px;margin-bottom:14px;} #shop #productMainImage {width:276px;height:343px;margin-bottom:24px;} #shop .vapors #productTitle {background: url(media/images/vapors-title.gif) no-repeat top left;} #shop .vapors #productHead {background: url(media/images/vapors-head.gif) no-repeat top left;} #shop .vapors #productSubhead {background: url(media/images/vapors-subhead.gif) no-repeat top left;} #shop .vapors #productMainImage {background: url(media/images/vapors-main.jpg) no-repeat top left;} #shop .gritsSaltScrub #productTitle {background: url(media/images/gritsSaltScrub-title.gif) no-repeat top left;} #shop .gritsSaltScrub #productHead {background: url(media/images/gritsSaltScrub-head.gif) no-repeat top left;} #shop .gritsSaltScrub #productSubhead {background: url(media/images/gritsSaltScrub-subhead.gif) no-repeat top left;} #shop .gritsSaltScrub #productMainImage {height:293px;background: url(media/images/gritsSaltScrub-main.jpg) no-repeat top left;} #shop .bathBiscuits #productTitle {background: url(media/images/bathBiscuits-title.gif) no-repeat top left;} #shop .bathBiscuits #productHead {background: url(media/images/bathBiscuits-head.gif) no-repeat top left;} #shop .bathBiscuits #productSubhead {background: url(media/images/bathBiscuits-subhead.gif) no-repeat top left;} #shop .bathBiscuits #productMainImage {background: url(media/images/bathBiscuits-main.jpg) no-repeat top left;} #shop .lipBalm #productTitle {background: url(media/images/lipBalm-head.gif) no-repeat top left;} #shop .lipBalm #productHead {background: url(media/images/lipBalm-head.gif) no-repeat top left;} #shop .lipBalm #productSubhead {background: url(media/images/lipBalm-subhead.gif) no-repeat top left;} #shop .lipBalm #productMainImage {height:253px;background: url(media/images/lipBalm-main.jpg) no-repeat top left;} #shop .bodyWash #productTitle {background: url(media/images/bodyWash-title.gif) no-repeat top left;} #shop .bodyWash #productHead {background: url(media/images/bodyWash-head.gif) no-repeat top left;} #shop .bodyWash #productSubhead {background: url(media/images/bodyWash-subhead.gif) no-repeat top left;} #shop .bodyWash #productMainImage {background: url(media/images/bodyWash-main.jpg) no-repeat top left;} #shop .gritsSugarScrub #productTitle {background: url(media/images/gritsSugarScrub-title.gif) no-repeat top left;} #shop .gritsSugarScrub #productHead {background: url(media/images/gritsSugarScrub-head.gif) no-repeat top left;} #shop .gritsSugarScrub #productSubhead{background: url(media/images/gritsSugarScrub-subhead.gif) no-repeat top left;} #shop .gritsSugarScrub #productMainImage{background: url(media/images/gritsSugarScrub-main.jpg) no-repeat top left;} #shop .candles #productTitle {height:90px;background: url(media/images/candles-title.gif) no-repeat top left;} #shop .candles #productHead{background: url(media/images/candles-head.gif) no-repeat top left;} #shop .candles #productSubhead{background: url(media/images/candles-subhead.gif) no-repeat top left;} #shop .candles #productMainImage{background: url(media/images/candles-main.jpg) no-repeat top left;} #shop .bodyButter #productTitle {background: url(media/images/bodyButter-title.gif) no-repeat top left;} #shop .bodyButter #productHead {background: url(media/images/bodyButter-head.gif) no-repeat top left;} #shop .bodyButter #productSubhead{background: url(media/images/bodyButter-subhead.gif) no-repeat top left;} #shop .bodyButter #productMainImage{background: url(media/images/bodyButter-main.jpg) no-repeat top left;} #shop #productDescriptionWrapper {width:266px;} /*about styles*/ #aboutChemist {} #aboutChemist #retailPage.title {background:url(media/images/retail-title.gif) no-repeat top left;} #aboutChemist #aboutPage.title {background:url(media/images/about-title.gif) no-repeat top left;} #aboutChemist #friendsPage.title {background:url(media/images/friends-title.gif) no-repeat top left;} .friend {width:286px;margin-bottom:25px;} .friend .coName {font-size:13pt;} .friend .coResp {font-style:italic;} .retailers.col {width:289px;} .retailer {width:auto;margin-bottom:25px;} .retailer .coName {font-size:12pt;} .retailer .coResp {font-style:italic;} .events.col {width:286px;} /*contact styles*/ #contactContainer {} #contactContainer #contactPage.title {background:url(media/images/contact-title.gif) no-repeat top left;} #contactContainer #retailPage.title {background:url(media/images/retail-title.gif) no-repeat top left;} #contactContainer input {width:250px;} #contactContainer textarea {width:375px;height:100px;} #orderPopContainer #orderPopPage.title {height:65px;background:url(media/images/orderpop-title.gif) no-repeat top left;} /*press*/ #pressContainer #pressPage.title {background:url(media/images/press-title.gif) no-repeat top left;} .pressTitle{font-size:13pt;} .pressItem {margin-bottom:0px; width:180px;float:left;} .pressItem .pressImage {width:185px;} .pressItem .pressImage img {height:170px;} /*privacy*/ #privacyPolicy #privacyPage.title {background:url(media/images/privacy-title.gif) no-repeat top left;} /*mootools tooltip styles*/ .tool-tip { width:587px; height: 379px; z-index: 13000; background: url(media/images/popup-background.png) no-repeat top center; } .tool-text { padding-top:6px; padding-right:5px; margin:0px; } /*yahoo styles*/ /* #centerColWrapper, #mainContentWrapper {width:675px;} #centerColWrapper #mainContentWrapper{border:1px solid #000; background-color:#fff;padding:4px;} #centerColWrapper #mainContentWrapper #mainContentContainer {padding-top:20px;padding-bottom:30px;width:668px;border:4px solid #000; background-color:#fff;text-align:center;} #centerColWrapper #mainContentWrapper #mainContentContainer #mainContent {width:581px;margin-left:auto;margin-right:auto;text-align:left;} */ /*siteWrapper {margin-left:auto;margin-right:auto;width:860px;text-align:left;postion:relative;}*/ .ys_wrapper {background:transparent; background-color:transparent;width:860px;margin-left:auto;margin-right:auto;position:relative;text-align:left;} #ys_mastHead {background:transparent; background-color:transparent;margin-left:180px;padding-left:48px;padding-top:20px;background-color:#fff;border:1px solid black;border-bottom-width:0px;} #ys_cartInfo, #ys_userMessages, .ys_pageActions, .ys_infoWrap {width:654px;} #ys_pageBody.ys_sideBar {margin-left:180px;padding-left:48px;background-color:#fff;} #ys_pageBody #ys_cart {width:auto;} #ys_pageBody #ys_cart table.ys_basket {width:618px;} #ys_pageBody #ys_ofbMessage {width:618px;} .ys_pageActions ul li.ys_second {float:left;} #ys_mastFoot {margin-left:180px;padding-left:0px;background-color:#fff; text-align:center;} #ys_mastFoot #ys_merchFooter {text-align:center;} #ys_mastFoot .copyright {width:auto; text-align:center; margin:0pt 0pt 0pt 0pt; padding:0pt 0pt 0pt 0pt;} #ys_mastFoot .copyright a {float:none; margin-left:auto; margin-right:auto;} #ys_pageBody.ys_sideBar {border:1px solid #000; border-top-width:0px;} #ys_mastFoot, #ys_mastFoot #ys_yFooter {background-color:transparent;} #ys_sideBar {position:absolute;top:0px;left:0px;}