/* Copper Moon Apothecary CSS, (c) by Jonathan Mosney - jonathan[at]mosney.net - www.mosney.net */ * { margin: 0; padding: 0; behavior:url('https://www.coppermoon.net/shop/includes/templates/cma_template/css/iepngfix.htc'); } body { margin: 0 auto; text-align: left; color: #000000; font: normal 16px/22px Georgia, Times, "Times New Roman", serif; background: #fff; } img { border: none; outline: none; } img.left { float: left; } br { clear: both; } .clear { clear: both; } .space_under { padding-bottom: 10px; } .column { float: left; } .column.last {float: right; } /* TYPOGRAPHY */ p { text-align: left; margin-bottom: 16px; padding: 0; } h1, h1#shippingInfoHeading, h2, h3 { text-align: left; font-weight: normal; font-size: 18px; line-height: 22px; margin: 0 0 12px 0; color: #000; } h1, #gvsendBody h2 { margin-top: 20px; } #gvsendBody #sendSpendWrapper h2 { margin-top: 0px; } h2, h1#shippingInfoHeading { font-size: 22px; line-height: 24px; } h3 { font-size: 16px; line-height: 22px; } .bold {font-weight: bold; } a:link, a:visited { color: #3F3636; text-decoration: underline; } a:hover { color: #000000; } #gvsendBody #sendSpendWrapper p { margin-bottom: 0px; } /* THINGS I MAY WANT TO OVERRIDE */ #mainWrapper { text-align: left; width: 100%; margin: 0 auto; margin-left: auto; margin-right: auto; vertical-align: top; } #contentMainWrapper { position: relative; width: 900px; margin: 0 auto; padding-top: 24px; } /* OVERRIDES */ #productMainImage a:link { text-decoration: none; } ul.back.right { width: 450px; float: right; position: relative; margin: 0 auto; margin-top: 4px; text-align: right; font-size: .9em; } ul.back.right li { display: inline; margin-left: 20px; } #navBreadCrumb { font-weight: normal; font-size: 1em; background-color: transparent; text-align: left; } #navColumnTwo { background-color: transparent; } .sideBoxContent { background-color: transparent; padding: 0; } #categories, #shoppingcart, #reviews { width: 178px !important; text-align: left; background-color: #DDB37D; border: 4px solid #A8804B; border-width: 0 4px 4px 4px; font-size: 14px; line-height: 18px; margin-bottom: 22px;} #categories h3, #shoppingcart h3, #reviews h3 { color: #000; text-align: left; background-color: #A8804B; line-height: 1em; padding: .35em 7px; font-size: 14px; } #reviews { background-color: transparent; border: 4px solid #a7a2ab; } #shoppingcartBody #reviews { display: none; } #reviews h3 { background-color: #a7a2ab; } #reviews h4 { margin: 0.3em 0; } #shoppingcart { background-color: transparent; border-color: #DDB37D; } #shoppingcart h3 { background-color: #DDB37D; } p#free-shipping-msg { text-align: center; font-size: 20px; margin-top: 20px; } p#free-shipping-msg .alert { margin-left: 0; color: #923523; } #cartDefaultHeading span { font-size: .7em; } /* Free shipping cart sidebox message */ #shoppingcartContent .alert { font-size: 13px; margin: 0; color: #7C0C1E; display: block; padding: 0.4em; margin: 4px -0.4em 0; word-spacing: 0.07em; } h3.rightBoxHeading { color: #000; line-height: 1em; padding: .35em 7px; } h3.rightBoxHeading a { color: #000; font-size: 1em; } h3.rightBoxHeading a:hover { color: #000; } #shoppingcartContent { padding: 0.4em 0.4em 0; } .cartOldItem, .cartNewItem { color: #000; font-size: 14px; } #shoppingcartContent hr, hr#catBoxDivider { border: 1px solid #a8804b; height: 0; margin-bottom: 3px; } hr#catBoxDivider { display: none; } .forward { font-size: 0.9em; } #categoriesContent { padding: 0.4em; } /* Categories sidebox */ #mainCategories { display: none; } /* Cart sidebox */ .cartBoxSubTotal { padding-bottom: 2px; } /* Gift Certificate in Cart sidebox */ #cartBoxVoucherBalance { margin-bottom: 0.4em; } #navColumnTwoWrapper { text-align: right; } #navColumnTwo { text-align: right; padding-top: 1.2em; } .centerColumn { padding-left: 0; padding-top: 1em; width: 702px; } #shoppingcartBody .centerColumn { padding-top: 19px; } #bannerboxallHeading { display: none; } #bannerboxallContent { margin-bottom: 22px; } #cartAdd { border: none; padding: 0; margin: 0; vertical-align: bottom; text-align: right; float: right; width: 150px; } #cartAdd input { padding: 0; margin: 0; vertical-align: bottom;} /* Write Review */ #productreviewswriteBody #cartAdd, #productreviewsBody #cartAdd, #productreviewsBody .forward .buttonRow, #productreviewsBody #tellafriend, #productreviewswriteBody #share-features { display: none; } #productreviewsBody .forward #productReviewsDefaultProductPageLink.buttonRow { display: block; } #review-text { width: 478px; } #reviewWriteMainImage {margin: 0;} /* Read all Reviews Brief */ #reviewsBody .smallProductImage { margin: 0 20px 30px 0; } #reviewsBody .content br { clear: none; } #reviewsBody .bold { margin-bottom: 30px; } /* Read Single Review */ #reviewsContent { margin: 6px; } #reviewsContent h4 { font-size: 1em; } ul#productDetailsList li { list-style-position: inside; } #productGeneral ul#productDetailsList { display: none; } #productDescription { padding-left: 0; } #indexProductList h1 { margin: 0; } #productListing table .productListing-heading { display: none; } body td.productListing-data { line-height: 10px; text-align: left; padding: 10px 0 0; vertical-align: top; } body td.productListing-data h3 { line-height: 16px; margin-bottom: 10px; vertical-align: top; } #productsListingBottomNumber { font-size: 0.9em; } tr.tableHeading { background-color: #A8804B; } #shoppingcartBody #cartSubTotal { background-color: #DDB37D; } #shoppingcartBody #cartnote { font-size: 13px; line-height: 18px; } #shoppingcartBody #cartInstructionsDisplay { display: none; } .rowEven, .rowOdd { background-color: #FBE0BD; } table#cartContentsDisplay tr.rowEven, table#cartContentsDisplay tr.rowOdd { background: url('https://www.coppermoon.net/shop/includes/templates/cma_template/images/shop_bottomline.gif') repeat-x 0 100%; } #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart { background-color: #FBE0BD; padding: 1em 2em 2em; } #indexProductListCatDescription { margin-left: 0; } #productName { margin-top: .5em; } #productinfoBody #productName { margin-top: 0; line-height: 18px; } .messageStackWarning, .messageStackError { background-color: #C70202; } #myAccountGen, #myAccountNotify { list-style-position: inside; margin-bottom: 20px; } h2#checkoutShippingHeadingMethod { margin-top: 0.4em; } #checkoutShippingContentChoose { display: none; } .leftBoxHeading, .centerBoxHeading { background: none; } h2.centerBoxHeading { text-align: left; font-size: 18px; } #popupShippingEstimator .buttonRow { margin-right: 0; } .messageStackSuccess { background-color: #36ad8f; padding: .2em 1em; border-width: 0 0 1px; } .bulkprice { margin-bottom: 10px; } /*#discountPolicy3 { padding-bottom: 10px; border-bottom: 1px solid #a8804b; }*/ #productDescription { padding-top: 10px; border-top: 1px solid #a8804b; } #cartNewSubTotal { text-align: right; font-weight: bold; line-height: 2.2em; padding-right: 2.5em; } /* Gift Certificate FAQ */ #gvFaqDefaultMainContent { margin-bottom: 20px; } #gvfaqBody #gvFaqDefaultSubHeading { font-size: 18px; } /* Full Review Page */ /* Hiding Add to Cart button under and beside product image because they are not working. */ #productreviewsinfoBody #productMainImage #cartAdd, #productreviewsinfoBody .addToCart { display: none; } /* Category Index */ #productsListingBottomNumber, #productsListingListingBottomLinks { display: none; font-size: 1.0em; margin-top: 10px; } #productsListingListingBottomLinks { background-color: #DDB37D; padding: 6px; border: 4px solid #A8804B; } /* Hide pager links if there are none. Don't forget to add them back if a category grows. This doesn't work because these pages are lacking unique IDs. Could script it in later. #productsListingListingBottomLinks { display: none; }*/ /* Fieldset outline color */ fieldset { border: 1px solid #DDB37D; } label[for=pmt-authorizenet_aim] { margin-left: 0; padding-left: 0; font-size: 0.9em; } /* PRODUCT DETAIL */ .featured-ing { width: 454px; overflow: auto; padding: 17px 17px 8px; margin-bottom: 20px; background-color: #B5AB82; } .featured-ing img { float: left; border: 1px solid #000; } .featured-ing h4, .featured-ing p { margin-left: 128px; font-size: 13px; line-height: 18px; } .featured-ing h4 { margin: -2px 0 4px 128px; font-size: 13px; line-height: 13px; } #productDescription h3 { font-size: 13px; text-transform: uppercase; font-weight: bold; } #productAdditionalImages { display: none; } #productMainImage { width: 189px; } ul#share-features { list-style: none none inside; text-align: left; font-size: 13px; margin: 16px 4px 0; } ul#share-features li { padding: 5px 0; border-top: 1px solid #d1b691; } ul#share-features li.first { border-top: none; } ul#share-features li#share-review a { padding: 5px 0 5px 30px; background: url("../images/icons/share-review.gif") no-repeat 0 50% !important; } ul#share-features li#share-review a:hover { text-decoration: underline; } ul#share-features li#share-facebook a { padding: 0; } ul#share-features li .FBConnectButton_Simple { padding: 5px 0 5px 10px; background: url("../images/icons/share-facebook.gif") no-repeat 2px 50% !important; } #tellafriendHeading {display: none;} #tellafriendContent p { font-size: 13px; line-height: 16px; margin: .5em 0 3px; } #tellafriendContent { text-align: left; } #tellafriendContent .nomargin { display: inline; } #tellafriendContent .nomargin input { margin: 1px 0 2px 4px; padding: 0; vertical-align: middle; } #tellafriendContent input[name="to_email_address"] { width: 110px; padding: 2px; font-size: 13px; font-family: Georgia, serif; } /* Ingredients */ .ing { padding: 15px; background-color: #B5AB82; font-size: 13px; line-height: 18px; } .ing-detail { display:none; position:absolute; width: 240px; font-size: 12px; border: 2px solid #a8804b; background-color: #f3efe3; padding: 5px; } .ing-top { width: 488px; background: transparent url('/i/featured-ing/ing-top.png') no-repeat 0 0; } .ing-top p { font-size: 13px; line-height: 28px; padding: 29px 33px 0; margin-bottom: 0; } .ing-top p strong { text-transform: uppercase; font-weight: bold; margin-right: 5px; } .ing-top p.legend { padding-top: 0; padding-right: 38px; text-align: right; } .ing-bottom { width: 488px; height: 33px; margin-bottom: 5px; background: transparent url('/i/featured-ing/ing-bottom.png') no-repeat 0 0; text-align: right; } .ing-bottom p { font-size: 13px; line-height: 13px; } /* Also Purchased Products */ .centerBoxContentsAlsoPurch .also-purch-name { display: none; padding: 0 20px; } /* Product Details Sale */ h2#productPrices br { clear: none; } .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount { color:#7c0c1e; } h2#productPrices .productSalePrice, h2#productPrices .productPriceDiscount { display: inline; margin-right: 10px; } /* Search Results */ #advSearchDefaultHeading { display: none; } #advSearchDefault { padding-top: 0; } #moresearchoptions { display: none; } #advSearchDefault .smaller { margin-left: 10px; font-size: .9em; } #advSearchDefault #submit { margin-top: -10px; } /* NEW IN TEMPLATES */ #product_detail_right { margin-top: 5px; margin-left: 205px; } /* if the product detail image size changes, this needs to be adjusted */ /* GENERAL */ #header_wrapper { background: #DDB37D url('https://www.coppermoon.net/i/header-bg.jpg') 50% 0 repeat-x; position: relative; margin: 0 auto; margin-left: auto; margin-right: auto; text-align: center; width: 100%; } #header { position: relative; width: 900px; margin: 0 auto; height: 135px; } #feature { padding-bottom: 6px; width: 900px; margin: 0 auto;} #breadcrumb { width: 450px; height: 20px; float: left; position: relative; margin: 0 auto; margin-top: 4px; text-align: left; font-size: .9em; } #breadcrumb a { text-decoration: none; } #toolbar { width: 450px; float: right; position: relative; margin: 0 auto; margin-top: 4px; text-align: right; font-size: .9em; } #toolbar a { margin-left: 20px; } #content_wrapper { padding-bottom: 24px; background: #FBE0BD url('https://www.coppermoon.net/shop/includes/templates/cma_template/images/content_bg.jpg') 0 0 repeat-x; position: relative; margin: 0 auto; margin-left: auto; margin-right: auto; text-align: left; width: 100%; } #content { position: relative; width: 900px; margin: 0 auto; padding-top: 24px; } /* ABOUT */ #about .column {width: 30%; margin-right: 5%; text-align: left;} #about .column.last { margin-right: 0; } #about .column img { margin: 6px 0 16px 0; } /* SHOP LANDING */ #indexCategoriesMainContent { position: relative; } #indexCategoriesMainContent #gc-text { width: 535px; font-size: 14px; } #indexHomeBody #navColumnTwo, #wholesaleBody #navColumnTwoWrapper { display: none; } #indexHomeBody #contentMainWrapper #indexCategories { width: 900px; } #shop .column.first { width: 698px; } ul#shoplanding { text-align: left; list-style: none; } ul#shoplanding li { padding: 20px 0; font-size: 14px; line-height: 20px; background: transparent url('https://www.coppermoon.net/shop/includes/templates/cma_template/images/shop_landing_bottomline.gif') no-repeat 0 100%; } ul#shoplanding li#categoryRow_74, ul#shoplanding li#categoryRow_75, ul#shoplanding li#categoryRow_76 { display: none; } ul#shoplanding li img { margin-left: 20px; } ul#shoplanding li p { margin-left: 210px; } ul#shoplanding li ul { margin-left: 230px; list-style: outside square; } ul#shoplanding li ul li { float: left; position: relative; width: 315px; padding: 0px; !padding: 0 0 0 12px; background-image: none; !background: url('https://www.coppermoon.net/shop/images/ie-bullet.gif') no-repeat 0 50%; } ul#shoplanding li ul li a, #shop .column.first ul li a { text-decoration: none; } ul#shoplanding li#categoryRow_70 { background: #b5ab82 none; } ul#shoplanding li#categoryRow_71 { background-image: none; } ul#shoplanding li#categoryRow_72 { margin-top: 10px; } ul#shoplanding li#categoryRow_72 ul { display: none; } ul#shoplanding li#categoryRow_77 { background: none; } #shop .column.last { width: 184px; } #shop #shopnav, #shop #cartnav { background-color: #DDB37D; border: 4px solid #A8804B; border-width: 0 4px 4px 4px; font-size: 14px; line-height: 18px; margin-bottom: 22px;} #shop .column.last img { margin-bottom: 22px; } #shop #shopnav h3, #shop #cartnav h3 { background-color: #A8804B; line-height: 1em; padding: .35em 7px; } /*#shop hr#catBoxDivider { border: none; height: 2px; background: transparent url('https://www.coppermoon.net/shop/includes/templates/cma_template/i/shopnav_hr.gif') 50% 0 no-repeat; }*/ #shop #cartnav { background-color: transparent; border-color: #DDB37D; } #shop #cartnav h3 { background-color: #DDB37D; } #shop hr#cartBoxDivider { border: none; height: 2px; background: transparent url('https://www.coppermoon.net/shop/includes/templates/cma_template/images/shop_cart_hr.gif') 50% 0 no-repeat; } /* CATEGORY */ table { width: 100%; border-collapse: collapse; } tr.productListing-odd, tr.productListing-even { background: transparent url('https://www.coppermoon.net/shop/includes/templates/cma_template/images/shop_bottomline.gif') no-repeat 0 100%; } td.productListing-data { padding: 4px 0; } td.productListing-data a { display: block; text-decoration: none; font-size: 13px; } .centerBoxContentsProducts { margin-bottom: 20px; } .centerBoxContentsProducts h3.itemTitle { display: none; font-size: 16px; line-height: 16px; margin: 0; padding: 0; } .centerBoxContentsProducts br { display: none; height: 1px; line-height: 1px; font-size: 1px; margin: 0; padding: 0; } .listingDescription { display: block; text-align: left; font-size: 13px; margin: 10px 25px 0; line-height: 16px; } .centerBoxContentsProducts a { display: block; } /* CATEGORY */ ul#productbrowser { height: 42px; list-style: none; padding-bottom: 16px; } ul#productbrowser li { height: 42px; float: left; display: inline; position: relative; } ul#productbrowser li a { height: 42px; } .column.detailfirst { width: 189px; } .column.detaillast { width: 500px; float: right; } ul#ingredients { list-style: none; text-align: left; margin-bottom: 12px; } ul#ingredients lh { text-decoration: underline; } #underdetail { clear: both; padding: 16px 0; margin-bottom: 16px; background: transparent url('https://www.coppermoon.net/shop/includes/templates/cma_template/images/shop_bottomline.gif') no-repeat 0 0; } #underdetail .column.detailfirst { font-size: 13px; line-height: 16px; } #underdetail .column.detailfirst p { margin: 0; } #underdetail .column.detaillast { text-align: right; } /* MENU */ #menu { margin: 0; padding: 0; position: absolute; top: 96px; left: 616px; width: 281px; height: 26px; text-align: right; } #menu span { display: none; } #menu ul li { list-style-type: none; margin-left: 34px; float: left; display: inline; width: 50px; height: 26px; background: url("https://www.coppermoon.net/shop/includes/templates/cma_template/images/menu.gif") 0 0 no-repeat; } #menu ul li a { display: block; height: 26px; background: url("https://www.coppermoon.net/shop/includes/templates/cma_template/images/menu.gif") 0 0 no-repeat; } #menu ul li#about { background-position: -80px 0px; width: 58px;} #menu ul li#about a { background-position: -80px 0px; width: 58px;} #menu ul li#contact { background-position: -170px 0px; width: 71px;} #menu ul li#contact a { background-position: -170px 0px; width: 71px;} /* FOOTER */ #footer { margin: 0 auto; width: 900px; font-size: 14px; line-height: 18px; padding-top: 20px;} #footer_copyright { float: left; width: 490px; } #footer_menu { float: left; width: 250px; } #footer_menu ul { list-style: none; } #footer_menu ul li { display: inline; margin-right: 10px; } #footer_siteby { float: right; width: 135px; } #footer_siteby p { text-align: right; } /* FORMS */ input[type="hidden"] { margin: 0; display: inline; font-size: 0; } div.row { clear: both; padding-top: 10px; width: 420px; } div.row span.label { float: left; width: 170px; text-align: right; display: block; } div.row span.formw { float: right; width: 235px; text-align: left; display: block; } /* WHOLESALE ORDER FORM */ #wholesaleBody #contentMainWrapper { font-size: 13px; } #wholesaleBody #contentMainWrapper h2 { margin-top: 20px; } #wholesaleBody #contentMainWrapper h3 { font-size: 17px; font-weight: normal; } #wholesaleBody #contentMainWrapper p { margin-bottom: 0; } #wholesaleBody #contentMainWrapper p.intro { font-size: 15px; } #wholesaleBody #contentMainWrapper table.productlist { margin-bottom: 20px; } #wholesaleBody #contentMainWrapper table.productlist tr td { vertical-align: text-top; padding: 8px; background: #fdeedb; } #wholesaleBody #contentMainWrapper table.productlist tr.even td { background: transparent; } #wholesaleBody #contentMainWrapper table.headerrow { margin-bottom: 20px; } #wholesaleBody #contentMainWrapper table.headerrow tr th { vertical-align: text-top; text-align: left; padding: 8px; background: #ddb37d; } #wholesaleBody #contentMainWrapper table tr .product-name { width: 270px; } #wholesaleBody #contentMainWrapper table tr .product-price { width: 290px; } #wholesaleBody #contentMainWrapper table tr .product-add { width: 100px; text-align: right; } #wholesaleBody #contentMainWrapper #category_70, #wholesaleBody #contentMainWrapper #category_72, #wholesaleBody #contentMainWrapper #category_74, #wholesaleBody #contentMainWrapper #category_75, #wholesaleBody #contentMainWrapper #category_76 { display: none; } /* MESSAGES */ #head-msg { text-align: center; font-size: 13px; width: 900px; margin: 0 auto; padding: 20px 0 10px; border-bottom: 3px solid #A8804B; }