/* TEMP - style is loaded on server, doesn't use local copy */ body {background-image:url("../images/bg/honeycomb.jpg"); margin-top:1px;} body, div, tr, th, td, p { color: #444444; font-family: arial, sans-serif; font-size: 10pt; font-style: normal; font-variant: normal; font-weight: normal; } div {padding:0; margin:0;} img {border:0;} p {margin:0px; padding:0px;} h1 {background-color:#F6F6F6; font-family:verdana; font-size:12pt; font-style:italic; margin-top:0px; padding-top:0px; text-align:center;} h2 {background-color:#F6F6F6; font-family:verdana; font-size:12pt; font-style:italic; margin-top:0px; padding-top:0px; text-align:center;} h3 {background-color:#F6F6F6; color:#336600; font-family:verdana; font-size:12pt; font-style:italic; font-weight:normal;} input[type="text"], textarea {border:solid 1px #D0D0D0;} /* Hyperlinks */ a:link {color:#336600; font-family:verdana; font-size:9pt; text-decoration:none;} a:visited {color:#336600; font-family:verdana; font-size:9pt; text-decoration:none;} a:hover {color:#336600; font-family:verdana; font-size:9pt; text-decoration:underline;} a:active {color:#336600; font-family:verdana; font-size:9pt; text-decoration:none;} a.tinyA:link {color:#336600; font-family:verdana; font-size:7pt; text-decoration:none;} a.tinyA:visited {color:#336600; font-family:verdana; font-size:7pt; text-decoration:none;} a.tinyA:hover {color:#336600; font-family:verdana; font-size:7pt; text-decoration:underline;} a.tinyA:active {color:#336600; font-family:verdana; font-size:7pt; text-decoration:none;} a.smallA:link {color:#336600; font-family:verdana; font-size:8pt; text-decoration:none;} a.smallA:visited {color:#336600; font-family:verdana; font-size:8pt; text-decoration:none;} a.smallA:hover {color:#336600; font-family:verdana; font-size:8pt; text-decoration:underline;} a.smallA:active {color:#336600; font-family:verdana; font-size:8pt; text-decoration:none;} a.mediumA:link {color:#336600; font-family:verdana; font-size:9pt; font-weight:bold; text-decoration:none;} a.mediumA:visited {color:#336600; font-family:verdana; font-size:9pt; font-weight:bold; text-decoration:none;} a.mediumA:hover {color:#336600; font-family:verdana; font-size:9pt; font-weight:bold; text-decoration:underline;} a.mediumA:active {color:#336600; font-family:verdana; font-size:9pt; font-weight:bold; text-decoration:none;} a.largeA:link {color:#336600; font-family:verdana; font-size:11pt; font-weight:bold; text-decoration:none;} a.largeA:visited {color:#336600; font-family:verdana; font-size:11pt; font-weight:bold; text-decoration:none;} a.largeA:hover {color:#336600; font-family:verdana; font-size:11pt; font-weight:bold; text-decoration:underline;} a.largeA:active {color:#336600; font-family:verdana; font-size:11pt; font-weight:bold; text-decoration:none;} /* breadcrumb - large anchor, medium anchor */ a.breadLA:link {color:#336600; font-family:verdana; font-size:13pt; font-weight:normal; text-decoration:none;} a.breadLA:visited {color:#336600; font-family:verdana; font-size:13pt; font-weight:normal; text-decoration:none;} a.breadLA:hover {color:#336600; font-family:verdana; font-size:13pt; font-weight:normal; text-decoration:underline;} a.breadLA:active {color:#336600; font-family:verdana; font-size:13pt; font-weight:normal; text-decoration:none;} a.h3 {color:#336600; font-family:verdana; font-size:12pt; font-style:italic; font-weight:normal; text-decoration:underline;} /* Fonts */ .titleTiny {color:#336600; font-family:verdana,sans-serif; font-size: 7pt; font-weight:bold;} .titleSmall {color:#336600; font-family:verdana,sans-serif; font-size: 8pt; font-weight:bold;} .titleMedium {color:#336600; font-family:verdana,sans-serif; font-size: 9pt; font-weight:bold;} .titleLarge {color:#336600; font-family:verdana,sans-serif; font-size:10pt; font-weight:bold;} .titleXLarge {color:#336600; font-family:verdana,sans-serif; font-size:12pt; font-weight:bold;} .headingMedium {font-family:verdana,sans-serif; font-size:9pt; font-weight:bold;} .headingLarge {font-family:verdana,sans-serif; font-size:10pt; font-weight:bold;} .headingXLarge {font-family:verdana,sans-serif; font-size:12pt; font-weight:bold;} .fontTiny {font-family:verdana,sans-serif; font-size: 7pt;} .fontSmall {font-family:verdana,sans-serif; font-size: 8pt;} .fontMedium {font-family:verdana,sans-serif; font-size: 9pt;} .fontLarge {font-family:verdana,sans-serif; font-size:10pt;} .fontXLarge {font-family:verdana,sans-serif; font-size:12pt;} .italic {font-style:italic;} .bold {font-weight:bold;} .left {text-align:left;} .ast {color:red;} /* Base Page Containers */ #navInfo {margin:0 auto; text-align:right; width:982px;} #navTopContainer {background-image:url("../images/nav/navTop.gif"); height:62px; margin:0 auto; text-align:right; width:982px;} #navLogo {cursor:pointer; float:left; height:62px; width:380px;} #navTopRightContainer {float:right; height:62px; width:400px;} #navSearch {height:21px; padding-right:10px; padding-top:10px;} #navSearch p {margin:0px; padding:0px; display:inline;} #navPromo {height:31px; padding-right:10px;} #searchBox {background-color:#FCFCDA; border:inset 1px #DFDF94; color:#336600; font-size:8pt; margin:0px;} #navButtons {background-image:url("../images/nav/navBottom.gif"); height:37px; margin:0 auto; text-align:center; width:982px;} #pageContainer {background-color:white; border-left:solid 1px #D0D0D0; border-right:solid 1px #D0D0D0; margin:0 auto; width:980px; text-align:center;} #footerContainer {background-image:url("../images/bg/footer.gif"); border:solid 1px #D0D0D0; height:142px; margin:0 auto; padding:4px; width:972px;} #footerContainer a:link {color:#336600; font-family:verdana; font-size:8pt; text-decoration:none;} #footerContainer a:visited {color:#336600; font-family:verdana; font-size:8pt; text-decoration:none;} #footerContainer a:hover {color:#336600; font-family:verdana; font-size:8pt; text-decoration:underline;} #footerContainer a:active {color:#336600; font-family:verdana; font-size:8pt; text-decoration:none;} .footerBox {float:left; height:128px; width:162px;} #footerTail {color:#777777; font-size:8pt; height:14px; text-align:center; width:100%;} #breadcrumb {color:gray; font-family:verdana; font-size:9pt; font-weight:normal; padding-left:10px; padding-bottom:10px; padding-top:4px; text-align:left; width:970px;} #breadcrumb img {vertical-align:bottom;} .bcSelected {color:#444444; font-weight:bold;} /* Overview Pages (g=Giftset)*/ .ovl, .govl {border-right:solid 1px #D0D0D0; float:left; height:230px; padding-left:10px; padding-right:10px; width:305px;} .ovr, .govr {float:left; height:230px; padding-left:10px; padding-right:10px; width:307px;} .ovDash {border-top:dashed 1px #D0D0D0; clear:both;} .govl, .govr {height:255px;} .govl p, .govr p {padding-bottom:2px;} /* Gift Set Pages */ #giftPicLoadArea {height:350px; float:left; width:700px;} #giftPicLoadArea img {vertical-align:middle;} #giftControlArea {background-image:url("../images/bg/basket_contents.gif"); float:left; height:275px; margin-right:20px; padding:25px 0px 0px 0px; width:260px;} #giftControlArea ul {text-align:left;} #giftControlArea ul li {padding-bottom:2px;} #giftInfo {margin:0 auto; text-align:left; width:94%;} /* Accessory Pages */ #accessoryPicLoadArea {height:350px; float:left; width:700px;} #accessoryPicLoadArea img {vertical-align:middle;} #accessoryDescriptionArea {background-image:url("../images/bg/accessory_buy_area.gif"); float:left; height:290px; margin-right:20px; padding:10px 10px 0px 10px; width:240px;} #accessoryDescriptionArea p {text-align:left;} #accessoryControlArea {float:left; height:80px; margin:0 auto; width:700px;} #accessoryControlArea img {border:solid 1px #D0D0D0;} /* Shared on Gift and Accessory Pages */ #buyNowArea {background-image:url("../images/bg/buy_now_area.gif"); height:58px; margin:0 auto; padding-top:2px; width:200px;} /* Product Pages */ #picLoadArea {height:350px; float:left; width:800px;} #picLoadArea img {vertical-align:middle;} #picControlArea {float:left; width:180px;} #picControlArea img {border:solid 1px #D0D0D0;} .infol {background-color:#FFF; height:110px; float:left; padding-left:10px; margin-bottom:1px; padding-right:10px; width:305px;} .infom {background-color:#FFF; height:110px; float:left; padding-left:10px; margin-bottom:1px; padding-right:10px; width:305px;} .infor {background-color:#FFF; height:110px; float:left; padding-left:10px; margin-bottom:1px; padding-right:10px; width:307px;} .infol span, .infom span, .infor span {color:black; font-weight:bold;} .infol p, .infom p, .infor p {color:#5a5521; font-weight:normal;} #productTable {border-collapse:collapse; margin:0 auto; width:96%;} #productTable tbody th {background-image:url("../images/bg/green.gif"); border:solid 1px #D0D0D0; font-weight:bold; color:#336600; text-align:left;} #productTable tbody th.save {font-weight:bold; font-style:italic; color:#336600; text-align:center;} #productTable tbody tr td {background-color:#F0F0F0; border:solid 1px #D0D0D0; height:24px;} #productTable tbody tr.title td {background-color:#F4FAEB; font-weight:bold; height:18px;} #productTable tbody tr.odd td {background-color:#FFF;} #comboTitle {background-image:url("../images/bg/yellow.gif"); border:solid 1px #E0DD90; color:#336600; font-weight:bold; height:17px; margin:0 auto; width:96%;} .cl {border-right:solid 1px #D0D0D0; float:left; height:190px; padding-left:10px; padding-right:10px; width:305px;} .cr {float:left; height:190px; padding-left:10px; padding-right:10px; width:307px;} .cl img, .cr img {vertical-align:middle;} .cl div, .cr div {margin:8px;} /* Title Bars */ #discoverTitle {background-image:url("../images/bg/discover.gif"); color:#336600; font-size:18pt; font-style:italic; font-weight:bold; height:32px; padding-top:3px; margin:0 auto; text-align:center; width:943px;} #aromaTitle {background-image:url("../images/bg/discover.gif"); color:#430C62; font-size:18pt; font-style:italic; font-weight:bold; height:32px; padding-top:3px; margin:0 auto; text-align:center; width:943px;} #otherTitle {border-top:dashed 1px #D0D0D0; height:22px; width:96%; color:#336600; font-weight:bold; text-align:left; margin:0 auto; padding-top:5px;} #detailTitle {border-top:dashed 1px #D0D0D0; height:22px; width:96%; color:#336600; font-weight:bold; text-align:left; margin:0 auto; padding-top:5px;} /* Left and Right columns for large information areas, height is not set */ .leftContainer {float:left; width:455px; padding-left:20px; padding-right:15px; text-align:left;} .rightContainer {float:right; width:455px; padding-left:15px; padding-right:20px; text-align:left;} .leftContainer span, .rightContainer span {font-size:11pt; font-weight:bold;} .leftContainer img.icon, .rightContainer img.icon {float:left; padding-right:8px;} .rightInnerContainer {background-color:#F0F0F0; padding-left:10px; padding-right:10px; width:435px;} .topRoundCorners {background-image:url("../images/box/grayTop.gif"); height:10px; width:455px;} .botRoundCorners {background-image:url("../images/box/grayBottom.gif"); height:10px; width:455px;} /* List Pages */ .listRow {border-bottom:dashed 1px #D0D0D0; height:140px; margin-bottom:15px; text-align:left; width:980px;} .listRow img {border:0; float:left; margin-left:20px; margin-right:10px; /* height:70px; width:124px;*/} /* Book List Pages */ .bookListRow {height:200px; margin:0 auto; text-align:left; width:800px;} .bookListRow img {border:0; float:left; height:200px; padding-right:20px; width:150px;} /* Accessory Pages */ #detailInfo {margin:0 auto; text-align:left; width:96%;} /* Aroma Pages */ #aromaIconArea {background-image:url("../images/aromatherapy/bg/ingredients.gif"); height:108px; padding-top:32px; width:980px;} /* Help Pages */ .helpHeader {height:138px; margin:0 auto; text-align:left; width:960px;} .helpHeader img{float:left; padding-right:20px; padding-bottom:10px;} #helpContainer {margin:0 auto; padding-bottom:30px; width:900px; text-align:left;} .question {color:#336600; font-size:10pt; font-weight:bold; text-align:left;} .answer {padding-bottom:30px;} /* Knowledge Center */ #articleShareContainer {background-image:url("../images/bg/borrow_article.gif"); height:300px; margin:0 auto; width:750px;} .articleShareInner {float:left; height:230px; width:220px; margin-top:70px; margin-left:15px; margin-right:15px;} .centerUL {padding:0px 20px 0px 20px; text-align:left;} .centerUL li {margin-bottom:10px; padding-left:5px;} /* Misc */ .savings {font-style:italic;} .tip {margin:0 auto; width:943px; text-align:left;} .bullet {background-image:url("../images/icons/arrow2.gif"); background-repeat:no-repeat; font-weight:bold; padding-left:22px;} ul.arrow {list-style-image:url("../images/icons/arrow3.gif");} ul.arrow li {padding-bottom:1px; padding-top:1px;} ul.helpUL li {padding-bottom:5px;} /* Form Input */ .inputR {font-weight:bold; padding-right:4px; text-align:right; width:200px;} .inputL {text-align:left; width:500px;} .warningContainer {background-color:lightyellow; border:solid 1px gray; font-size:11pt; margin:0 auto; padding:6px; text-align:left; width:750px;} #dhtmltooltip { position: absolute; width: 475px; border: solid 1px #D0D0D0; padding: 5px; background-color: lightyellow; visibility: hidden; z-index: 100; }