/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @licensehttp://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /* Layout ================================================================================= */ body { background: #f3f1e8 url(../images/blocks/bg_body.jpg) top left repeat-x;} /*body { behavior: url( skin/frontend/trustwilliam/blank/js/csshover.htc); }*/ .wrapper {} .page { width:1002px; margin:0 auto; padding: 0; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { background: url(../images/blocks/bg_main.gif) top left repeat-y;} .main .imp-wrapper{ padding: 15px 4px 10px 4px; width: 994px; background: url(../images/blocks/bg_main_wrapper.gif) top left no-repeat;} /* Base Columns */ .col-left { float:left; width:185px; padding: 0 10px; } .col-main { float:left; width:759px; padding:0; min-height:400px; height:auto !important; height:400px; display: inline; } .col-right { float:right; width:162px; padding:0; margin: 0 15px 0 0; display: inline; } /* 1 Column Layout */ .col1-layout { background: url(../images/blocks/bg_main_clear.gif) top left repeat-y;} .col1-layout .imp-wrapper{ padding: 15px 14px 10px 14px; width: 974px; background: url(../images/blocks/bg_main_wrapper_clear.gif) top left no-repeat;} .col1-layout .col-main { width:974px;} /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; margin: 0 16px 0 0; display: inline; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width: 590px; margin-left:15px; } /* Content Columns */ .col2-set { margin: 0 0 15px 0;} .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option {} textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { overflow:visible; width:auto; border:0; padding:0 0 0 6px; background:url(../images/bkg_button.gif) 0 50% no-repeat; cursor:pointer; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ text-transform: uppercase;} button.button span { float:left; padding:0 6px 0 0; background:url(../images/bkg_button.gif) 100% 50% no-repeat; font:bold 11px/25px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } button.disabled {} button.disabled span {} /* Input & Textarea stretched for 100% */ .field-100 { border:1px solid #888; padding:2px; overflow:hidden; } .field-100 input.input-text, .field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#eee; }*/ /* Form lists */ .form-list li { margin:0 0 5px; } .form-list label { font-weight:bold; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:250px; } .form-list select { width:256px; } .form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; text-align:right; } .form-list .range input.input-text { width:96px; } .group-select {} .group-select li { margin:0 0 5px; } .group-select .input-box { float:left; width:260px; } .group-select input.input-text, .group-select textarea {width:510px; } .group-select select { width:516px; } .group-select .input-box input.input-text, .group-select .input-box textarea { width:250px; } .group-select .input-box select { width:256px; } .buttons-set { clear:both; margin:10px 0 0; padding:10px; background: url(../images/blocks/separator02.gif) top left repeat-x; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} .required { color:#f00; } p.required { font-size:10px; text-align:right; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:20px !important; padding:8px 8px 8px 32px !important; font-size:10px !important; font-weight:bold !important; } .error-msg { border-color:#5C0523; /* background-color:#faebe7; */ background-image:url(../images/error_msg_icon.gif); color:#df280a; } .success-msg { border-color:#5C0523; /* background-color:#eff5ea; */ background-image:url(../images/success_msg_icon.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#5C0523; /* background-color:#fafaec; */ background-image:url(../images/note_msg_icon.gif); color:#000; } /* BreadCrumbs */ .breadcrumbs { width: 740px; float: right; padding:10px; margin: -15px 15px 10px 0; display: inline; background: url(../images/blocks/bg_breadcrumb.gif) bottom left no-repeat; position: relative; overflow: hidden;} .col1-layout .breadcrumbs { width: 974px; float: left; margin: -15px 15px 10px 0; background: url(../images/blocks/bg_breadcrumb02.gif) bottom left no-repeat;} .breadcrumbs li { display:inline; font-size: 10px; text-transform: uppercase; } .breadcrumbs li a:link, .breadcrumbs li a:visited { padding: 0 15px 0 0; background: url(../images/pager_arrow_right.gif) center right no-repeat;} /* Page Heading */ .page-title { background: url(../images/blocks/separator01.gif) bottom left repeat-x; padding:0 0 5px; margin:0 0 10px; } .page-title h2{ color: #5c0523; } .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager { padding:7px 10px; margin: 0 0 10px 0; text-align:center; background: url(../images/blocks/bg_pager.gif) top left no-repeat; color: #5f5f5f; font-size: 11px; clear: both; } .bottom_toolbar .pager { background: url(../images/blocks/bg_pager_bottom.gif) top left no-repeat; } .pager select { font-size: 11px; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} /* Sorter */ .sorter { border:1px solid #ddd; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Data Table */ .data-table { width:100%; border-collapse: collapce;} .data-table thead th { font-weight:bold; white-space:nowrap; border-top:1px dotted #c77791; border-bottom:1px dotted #c77791;} .data-table td, .data-table th { padding:5px; } .data-table tfoot td, .data-table tfoot th { border-top:1px dotted #c77791;} .data-table thead, .data-table tfoot { background-color:#ffeaf2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr td.last {border-right:0px solid #c77791;} .data-table tr.odd {} .data-table tr.even { background-color:#FBFAF6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#FBFAF6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#ffeaf2; } .data-table td.value {} /* Tax Details Row */ tr.tax-total { cursor:pointer; } tr.tax-total td {} tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .tax-collapse { background-position:0 -53px; } tr.show-details td {} tr.tax-details td { background-color:#f6f6f6; } tr.tax-details-first td {} /* Shopping cart tax info */ .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { cursor:pointer; } .cart-tax-total { padding-right:20px; background:url(../images/bg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-total-expanded { background-position:100% -52px; } /* Lists Decoration */ li.odd {} li.even { background-color:#f6f6f6; } dt.odd, dd.odd {} dt.even, dd.even { background-color:#f6f6f6; } /* Class: std - styles for admin-controlled content */ .std, .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .link-rss { background:url(../images/icon_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(../images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; } .header-container { height: 129px; margin: 0 4px; background: url(../images/blocks/bg_header.gif) top left no-repeat;} .header { position: relative; z-index: 4;/*Wolf mini-cart popup fix*/ } .header .logo { width:510px; height:48px; overflow:hidden; margin: 14px 0 0 0; background-position:0 0; background-repeat:no-repeat; text-indent:-999em; } .header .logo a { display:block; width:510px; height:48px; } .header .welcome-msg { font-weight:bold; float: left; color: #5c0523; } .header .links li{ float: left; } .header .links li.first{ position: relative; z-index: 1; } .header .links a:link, .header .links a:visited { color: #b92055; } .header .checkout_link { width: 776px; float: right; position: relative; z-index: 1; } .header .checkout_link .links li{ height: 27px; line-height: 27px; margin: 0 0 0 10px; background: #f7d6e2 url(../images/blocks/bg_link.gif) top right no-repeat; position: relative; z-index: 1; } .header .checkout_link .links li a:link, .header .checkout_link .links li a:visited{ height: 27px; line-height: 27px; color: #5c0523; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 0 10px; float: left; background: url(../images/blocks/bg_link.gif) bottom left no-repeat; display: block; text-decoration: none; } .header .checkout_link .links li .recommend_popup a:link, .header .checkout_link .links li .recommend_popup a:visited{ height: auto; line-height: 14px; color: #329694; font-size: 12px; font-weight: normal; text-transform: none; padding: 0; float: none; background: none; display: inline; text-decoration: underline; } .header .checkout_link .links li .recommend_popup a:hover { text-decoration: none; } .header .checkout_link .links li .recommend_popup table { line-height: 16px; } .header .checkout_link .links li.first a:link, .header .checkout_link .links li.first a:visited{ padding: 0 10px 0 33px; background: url(../images/blocks/bg_link_basket.gif) bottom left no-repeat; display: block; text-decoration: none; } .header .checkout_link .links li.last a:link, .header .checkout_link .links li.last a:visited{ padding: 0 10px 0 33px; background: url(../images/blocks/bg_link_checkout.gif) bottom left no-repeat; display: block; text-decoration: none; } .header .form-search { padding: 0 0 0 14px; margin: 0 0 5px 0; background: url(../images/blocks/bg_search_input.gif) top left no-repeat; } .header .form-search .input-text { width: 200px; float: left; padding: 9px 0; background: none; border: #333 solid 0px; font-size: 13px; line-height: 14px; color: #5c0523;} .header .form-search .search-button { width: 55px;float: left; height: 33px; line-height: 33px; vertical-align: top; background: url(../images/blocks/bg_search_submit.gif) top right no-repeat; border: #333 solid 0px; cursor: pointer; } .header .form-search .search-autocomplete { width: 245px!important; z-index:999; text-align: left; } .header .form-search .search-autocomplete ul { border:1px solid #e8becd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #e8becd; cursor:pointer; color: #5C0523; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { text-align:center; } .header_nav_top { height: 88px; } .header_nav_bottom { padding: 6px 7px 0 15px; } .search_holder { width: 273px; height: 66px; padding: 0 5px; margin: 13px 0 0 18px; float: right; background: url(../images/blocks/bg_search_box.gif) bottom left no-repeat; text-align: center; } .free_shipping { width: 157px; height: 62px; float: right; padding: 0 10px; margin: 17px 0 0 0; background: url(../images/blocks/bg_free.gif) bottom left no-repeat; color: #fff;} .free_shipping span{ display: block; } .free_shipping .tel{ font-size: 18px; padding: 0 0 0 31px; background: url(../images/bullets/bullet02.gif) 4px center no-repeat; } .free_shipping a.newsletter-signup:link, .free_shipping a.newsletter-signup:visited { font-size: 14px; padding: 0 10px 0 0; margin: 10px 10px 0 10px; background: url(../images/bullets/bullet01.gif) right center no-repeat; color: #fff; text-decoration: none; display: block;} .free_shipping a.newsletter-signup:hover{ text-decoration: underline;} .search_holder .delivery { padding: 0 0 0 26px; color: #fff; font-size: 13px; background: url(../images/bullets/bullet03.gif) left center no-repeat;} .welcome_box { width: 195px; padding: 5px 0 0 0; float: left; } /********** < Navigation */ #nav, .nav { font-size:12px; padding: 0; margin: 0 0 10px 0; } /* All Levels */ #nav li{ text-align:left; position:relative; padding: 0 0 1px; background: url(../images/blocks/separator01.gif) bottom left repeat-x;} .nav li { text-align:left; position:relative; } #nav li.over { z-index:999; } #nav li.parent a {background: url(../images/bullets/bullet04.gif) right center no-repeat;} #nav li.parent a:hover {background:#f3f1e8 url(../images/bullets/bullet04.gif) right center no-repeat;} #nav li a, .nav li a { display:block; text-decoration:none; } #nav li a:hover, .nav li a:hover { text-decoration:none; background: #f3f1e8;} #nav li a span, .nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1st Level */ #nav li { } #nav li a, #nav li strong, .nav li a { padding:6px 5px; color:#5c0523; display: block; } #nav li a:hover { background: #f3f1e8; } #nav li.over, #nav li.active a, #nav li.parent li a { background: #f3f1e8; } #nav li.active span { background: #f3f1e8; display: block; padding:6px 5px;} /* accaunt navigation styles*/ #nav li.active a span { padding: 0; } /* accaunt navigation styles*/ /* 2nd Level */ #nav ul { position:absolute; width:15em; top:0px; left:-10000px; } #nav ul li { float:none; background: #f3f1e8;} #nav ul li a { float:none; padding:6px 12px; font-weight:normal; color:#5c0523 !important; } #nav ul li.active > a, #nav ul li.over > a { background: #f3f1e8; } #nav li.parent li a:hover { background: #f3f1e8; text-decoration: underline; } /* 3rd+ leven */ #nav ul ul { top:7px; } /* Show Menu */ #nav li.over > ul { left:185px; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { margin:0 0 10px; } .block .block-title { padding:5px 10px; } .block .block-title h2 { font-size:14px; font-weight:normal; text-transform: uppercase; color: #5C0523; } .block h3 { font-size:14px; line-height:1.5; } .block .block-content { padding: 0px; } .block .actions { text-align:right; } .block .actions a { float:left; } /* Block: Account */ .block-account .block-title {margin: 0; } /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} /* Block: Cart */ .block-cart {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; margin-right:-75px; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .product-details .btn-remove { float:right; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .item { margin-left:20px; } .block-related .item .product-image { float:left; margin-right:-65px; } .block-related .item .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Viewed */ .block-recent {} /* Block: Poll */ .block-poll {} .block-poll input.radio { float:left; margin:3px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { font-weight:bold; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { display:block; margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Checkout Progress */ .block-progress {} .block-progress dt { font-weight:bold; padding: 0px 10px 5px 10px; } /* .block-progress dt.complete, */ .block-progress dd.complete { padding: 0px 10px 10px 10px; font-style: italic; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { background:#f3f1e8 url(../images/blocks/corner_grey.gif) no-repeat scroll right bottom; margin:0 0 10px; padding:10px 10px 5px; } .category-title h1, .category-title h2 { color:#5C0523; font-size:30px; } .category-image { display:block; margin:0 auto; } .category-products {} /* View Type: Grid */ .products-grid { width:100%; } .products-grid ul.grid-row { width: 780px; float: left; clear: both; padding: 0 0 20px; } .products-grid li { width:183px; float: left; margin: 0 9px 0px 0; padding: 0 0 1px 0; background: #fbfaf6 url(../images/blocks/separator02.gif) bottom left repeat-x; list-style: none;} .products-grid td.empty {} .products-grid .product-image { position: relative; z-index: 1; } .products-grid .product-image { border: #338cbe solid 4px; display: block;} /*thema styles*/ .products-grid .aloe-vera .product-image {border-color: #889164;} .products-grid .echinacea .product-image {border-color: #b0456a;} .products-grid .glucosamine .product-image {border-color: #e49cbc;} .products-grid .manuka-honey .product-image {border-color: #fdc05e;} .products-grid .tea-tree .product-image {border-color: #b5ba47;} .products-grid .omega-3 .product-image {border-color: #9283be;} .products-grid .family-health .product-image {border-color: #338cbe;} .products-grid .product-image .new_id{ width: 45px; height: 45px; display: block; position: absolute; z-index: 2; top: 0; left: 0; background: url(../images/blocks/bg_new07.png) top left no-repeat;} /*thema styles*/ .products-grid .aloe-vera .product-image .new_id {background-image: url(../images/blocks/bg_new01.png)} .products-grid .echinacea .product-image .new_id {background-image: url(../images/blocks/bg_new02.png)} .products-grid .glucosamine .product-image .new_id {background-image: url(../images/blocks/bg_new03.png)} .products-grid .manuka-honey .product-image .new_id {background-image: url(../images/blocks/bg_new04.png)} .products-grid .tea-tree .product-image .new_id {background-image: url(../images/blocks/bg_new05.png)} .products-grid .omega-3 .product-image .new_id {background-image: url(../images/blocks/bg_new06.png)} .products-grid .family-health .product-image .new_id {background-image: url(../images/blocks/bg_new07.png)} .products-grid .description { padding: 0px 10px; margin: 0 0 10px 0; color: #5f5f5f; font-size: 11px; line-height: 14px;} .products-grid .add-to-cart { padding: 10px 10px; background: url(../images/blocks/separator02.gif) top left repeat-x;} .products-grid .add-to-cart .qty-box { float: left; margin: 0; padding: 3px 0 0 0; color: #5f5f5f; font-size: 11px;} .products-grid .add-to-cart select { width: 40px;} .products-grid .imp-info { min-height: 85px; height: auto!important; height: 85px;} .product-bestseller {} .product-bestseller ul.grid-row { width: 593px; padding: 0 0 10px 0;} .product-bestseller li { width:144px; margin: 0 4px 0px 0; background: #fbfaf6 url(../images/blocks/separator02.gif) bottom left repeat-x;} .product-bestseller li a:link, .product-bestseller li a:visited { color: #000; font-size: 11px; line-height: 13px; text-decoration: none;} .product-bestseller li a:hover{ text-decoration: underline;} /* View Type: List */ .products-list li.item { border:1px solid #ddd; padding:5px; margin:0 0 5px; } .products-list .product-image { float:left; } .products-list .product-shop { float:right; width:320px; } /* ======================================================================================= */ /* Product View ========================================================================== */ .catalog-product-view .menu { margin-bottom: 0; border-bottom: #333 solid 0px;} .catalog-category-view .menu { margin-bottom: 4px; } .product-view {} .product-view div.product-name { background: #338cbe url(../images/blocks/corner_blue.gif) bottom right no-repeat; margin: 0 0 22px 0; padding: 6px 10px;} /*thema styles*/ .aloe-vera .product-view div.product-name { background: #7b8455 url(../images/blocks/corner_green.gif) bottom right no-repeat;} .echinacea .product-view div.product-name { background: #b0456a url(../images/blocks/corner_darkpink.gif) bottom right no-repeat;} .glucosamine .product-view div.product-name { background: #d98cae url(../images/blocks/corner_pink.gif) bottom right no-repeat;} .manuka-honey .product-view div.product-name { background: #f2b34d url(../images/blocks/corner_orange.gif) bottom right no-repeat;} .tea-tree .product-view div.product-name { background: #b5ba47 url(../images/blocks/corner_tea.gif) bottom right no-repeat;} .omega-3 .product-view div.product-name { background: #8272b0 url(../images/blocks/corner_violet.gif) bottom right no-repeat;} .family-health .product-view div.product-name { background: #338cbe url(../images/blocks/corner_blue.gif) bottom right no-repeat;} .product-view .product-name h2{ color: #fff; font-size: 30px; } /* .aloe-vera .product-view .product-name h2, .echinacea .product-view .product-name h2, .glucosamine .product-view .product-name h2, .manuka-honey .product-view .product-name h2, .tea-tree .product-view .product-name h2, .omega-3 .product-view .product-name h2, .family-health .product-view .product-name h2 { color: #fff; font-size: 30px; } */ .product-essential {} .product-view .product-essential { float:left; width:590px; } .product-collateral { padding: 20px 0 0 0;} /* Product Images */ .product-view .product-img-box { float:left; width:267px; } .product-view .product-img-box .product-image { border:1px solid #f4f3f1; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:1; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; margin: 5px 0;} .product-view .product-img-box .zoom { position:relative; z-index:1; height:22px; margin:0 auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; border: #74cbc9 solid 3px;} .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:4px; width:10px; height:14px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:6px; top:5px; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:6px; top:5px; } .product-view .product-img-box .more-views ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; } .product-image-popup { margin:0 auto; } .product-image-popup .nav { text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} .upsell-block { width: 154px; float: right; } /* Product Shop */ .product-view .product-shop { float:right; width:310px; } /*has IE rewrite*/ .product-view .product-name {} .product-view .short-description {} /* Rating */ .ratings {} .ratings .amount {} .ratings .rating-links {} .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../images/bg_rating.gif) 0 0 repeat-x; position:relative; overflow:hidden; } .rating-box .rating { position:absolute; top:0; left:0; height:13px; background:url(../images/bg_rating.gif) 0 100% repeat-x; } /* Availability */ .availability {} .availability .in-stock { font-weight:bold; } .availability .out-of-stock { font-size: 14px; color:#000; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-size: 14px; color: #000;} .product-shop .price-box .price { font-weight: bold;} .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { } /* Old price */ .old-price { display: inline;} .old-price .price-label { white-space:nowrap; display: none;} .old-price .price { text-decoration:line-through; color: #c1072e; font-size: 11px;} /* Special price */ .special-price {display: inline;} .special-price .price-label { font-weight:bold; white-space:nowrap; display: none;} .special-price .price { } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label {} a.minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; } .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; border:1px solid #ddd; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Additional */ .product-view .additional {} /* Block: Upsell */ .product-view .up-sell .product-name { font-size: 12px; margin: 0px 0 10px 0; padding: 0; display: inline; } .product-view .up-sell .product-image { margin: 0 0 5px 0; } .product-view .up-sell .price-box { display: inline; font-weight: normal;} .product-view .up-sell .price-box .price { font-size: 12px; color: #3b3b3b; font-weight: bold;} .product-view .up-sell h3 { margin: 0 0 8px 0; font-size: 12px; color: #5c0523; line-height: 32px; text-align: center; background: url(../images/blocks/bg_upsellheader.gif) top left no-repeat;} .product-view .up-sell ul{ padding: 0 0 15px 0; } .product-view .up-sell ul li{ width: 154px; float: none; background: none;} /* Block: Tags */ .product-view .tags {} .product-view .tags .form-add-tags label { float:left; } .product-view .tags .form-add-tags .input-box { float:left; width:260px; margin:0 5px; } .product-view .tags .form-add-tags input.input-text { width:254px; } .product-view .tags .form-add-tags button.button { vertical-align:bottom; } .product-view .tags .form-add-tags p { clear:both; } /* Block: Reviews */ .product-view .reviews {} /* Block: Add Review */ .product-view .add-review {} .product-view .add-review .product-name span { font-weight:normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:14px; font-weight:normal; line-height:16px; } .products-grid .product-name { padding: 0 10px; margin: 5px 0;} .product-name a:link, .product-name a:visited { color: #329694; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* Sitemap */ .sitemap {} /* ======================================================================================= */ /* Product Review ======================================================================== */ .product-review {} .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; } .product-review .details { float:right; width:570px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .checkout-types { float:right; text-align:right; } .cart .checkout-types button.button, .cart .checkout-types button.button span, #review-buttons-container button.button, #review-buttons-container button.button span { background-image: url(../images/bkg_button_pink_bg.gif);} .cart .checkout-types button.button span, #review-buttons-container button.button span { font-size: 16px; line-height: 45px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } .cart-table tfoot td, .cart-table tfoot th { border-bottom:1px dotted #c77791; } .cart-table tfoot td button.button { margin: 0 0 0 3px;} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:670px; padding: 15px 0 15px 0; border-right: #C77791 dotted 1px;} .cart .cart-collaterals .col-1{ width:386px; overflow: hidden;} .cart .cart-collaterals .col-2{ width:270px; padding: 0 10px 0 0;} .cart .crosssell h3{ margin-bottom:10px; font-size: 16px; color: #bb2659; } .cart .crosssell h4{ margin-bottom:5px; } /* .cart .crosssell .price-box { margin-bottom:5px; padding: 0 10px; } */ .cart .crosssell ul { width: 386px; clear: both; } .cart .crosssell ul li{ min-height: 220px; height: auto!important; height: 220px; margin: 0 10px 20px 0; } /* .cart .crosssell p{ padding: 0 10px;} */ .cart .shipping {} .cart .discount button.button { margin: 0 0 0 3px;} .cart .discount .validation-advice { float: left; } /* Shopping Cart Totals */ .cart .totals { width: 270px; float:right; padding: 15px 0 0 0;} .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .opc { border-bottom:1px solid #ddd; position:relative; } .opc li.section { border:1px solid #ddd; border-bottom:0; } .opc .step-title { background-color:#cccccc; padding:0 5px; text-align:right; color: #ffffff;} .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h3 { float:left; } .opc .allow .step-title { cursor:pointer; } .opc .active {} .opc .active .step-title { background-color:#74cbc9; cursor:default; color: #fff;} .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } #checkout-shipping-method-load .sp-methods dt, #checkout-shipping-method-load .sp-methods dd { display: none; } #checkout-shipping-method-load .sp-methods dt.method_1, #checkout-shipping-method-load .sp-methods dd.method_1 { display: block; } .please-wait { float:right; margin-right:5px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message {} .gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item {} .gift-message-link { display:block; background:url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users { overflow: hidden;} .account-create {} .login-notice { font-size: 14px; color: #ff0000;} /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} .dashboard h3 { margin: 0 0 5px 0; /* text-transform: uppercase; */} .dashboard .col2-set { margin: 0 0 20px 0;} .dashboard .col2-set h4{ font-size: 12px; color: #5C0523; padding: 5px 10px; margin: 0 0 10px 0; border-top:3px solid #5C0523; background:#FBFAF6 url(../images/blocks/separator01.gif) repeat-x scroll left bottom;} .dashboard .col2-set h4 a{ font-weight: normal; } /* Block: Recent Orders */ .dashboard .recent-orders { margin:10px 0; } /* Block: Tags */ .dashboard .tags .number { float:left; margin-right:-20px; } .dashboard .tags .details { margin-left:20px; } /* Block: Reviews */ .dashboard .reviews {} /********** Dashboard > */ /* Order View */ .order-info { border:1px solid #ddd; padding:5px; margin: 0 0 10px 0; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } .address-list li{ margin: 0 0 15px 0;} /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { padding: 0; background: url(../images/blocks/bg_main_clear.gif) top left repeat-y; margin: 0 0 50px 0;} .footer .imp-col-1 { width: 190px; padding: 0 0 0 15px; float: left;} .footer .imp-col-2 { margin: 0 186px 0 220px;} .footer .imp-col-3 { width: 162px; float: right; padding: 0 15px 0 0; text-align: center;} .footer .imp-col-3 .credit_cards{ width: 161px; height: 24px; padding: 7px 0; margin: 4px 0; background: url(../images/blocks/bg_cards.gif) top left no-repeat;} .footer .imp-col-3 .credit_cards img{ margin: 0 3px;} .footer-wrap { padding: 20px 4px 10px 4px; background: url(../images/blocks/bg_footer.gif) top left no-repeat;} .copyright { padding: 0; background: url(../images/blocks/bg_footer.gif) top left no-repeat;} .copyright-wrap { padding: 17px 14px; background: url(../images/blocks/bg_copyright.gif) bottom left no-repeat;} .footer p { text-align:right; } .footer address { text-align:right; } .footer ul { padding:0; margin: 0 0 10px 0;} .footer .copyright { text-align: center; font-size: 11px; } .footer .copyright ul { padding:0; margin: 0;} .footer .copyright ul li{ padding: 0 10px; } .footer .copyright ul li span{ color: #5c0523; } .footer ul li{ display: inline; } .footer .imp-col-2 { font-size: 11px; color: #3a3a3a;} .footer .imp-col-2 strong{ color: #000; } .footer .imp-col-2 a:link, .footer .imp-col-2 a:visited { color: #3a3a3a; text-decoration: none; } .footer .imp-col-2 a:hover{ text-decoration: underline; } .footer .imp-col-2 .footer-links { color: #000; font-size: 13px; } .footer .imp-col-2 .footer-links a:link, .footer .imp-col-2 .footer-links a:visited { color: #000; } /*hiding contact us link*/ .footer .contacts-exclude .exclude-item { display: none; } /* ======================================================================================= */ /* ** MAGENTO default styles for custom theme styling ** by Roman Teslya (Wolf) */ /* Default ----------------------------------------*/ .clearer { height: 1px; font-size: 1px; clear: both; overflow: hidden;} .no-display { display: none; } /*Positioning*/ .a-left { text-align: left; } .a-center { text-align: center; } .a-right { text-align: right; } /*Floating*/ .f-left {float: left;} .f-right {float: right;} .f-none {float: none;} /* Layout + Content ----------------------------------------*/ .cb01 {background: #fcefa9; margin: 0 0 10px 0; } .cb01 .cb_lt {background: url(../images/blocks/bg_cb01_lt.gif) top left no-repeat;} .cb01 .cb_rt {background: url(../images/blocks/bg_cb01_rt.gif) top right no-repeat;} .cb01 .cb_rb {background: url(../images/blocks/bg_cb01_rb.gif) bottom right no-repeat;} .cb01 .cb_lb {background: url(../images/blocks/bg_cb01_lb.gif) bottom left no-repeat;} .cb01 .cb_content { padding: 10px;} .cb01, .cb01 .cb_lt, .cb01 .cb_rt, .cb01 .cb_t, .cb01 .cb_l, .cb01 .cb_r, .cb01 .cb_lb, .cb01 .cb_b {width: 100%; float: left;} /*Wolf: without this have probs in IE.*/ .cb02 {background: #eff1d4; margin: 0 0 10px 0; } .cb02 .cb_lt {background: url(../images/blocks/bg_cb02_lt.gif) top left no-repeat;} .cb02 .cb_rt {background: url(../images/blocks/bg_cb02_rt.gif) top right no-repeat;} .cb02 .cb_t {background: url(../images/blocks/bg_cb02_t.gif) top left repeat-x;} .cb02 .cb_rb {background: url(../images/blocks/bg_cb02_rb.gif) bottom right no-repeat;} .cb02 .cb_lb {background: url(../images/blocks/bg_cb02_lb.gif) bottom left no-repeat;} .cb02 .cb_content { padding: 10px;} .cb02, .cb02 .cb_lt, .cb02 .cb_rt, .cb02 .cb_t, .cb02 .cb_l, .cb02 .cb_r, .cb02 .cb_lb, .cb02 .cb_b {width: 100%; float: left;} /*Wolf: without this have probs in IE.*/ .menu { width: 759px; height: 33px; /* float: left; */margin: 0 16px 15px 0; border-bottom: #5c0523 solid 3px; overflow: hidden; z-index: 1; clear: both; } .cms-home .menu { height: 35px; margin: 0 16px 10px 0; } /* color theme*/ .aloe-vera .menu { border-color: #7b8455; margin-bottom: 0;} .echinacea .menu { border-color: #b0456a; margin-bottom: 0;} .glucosamine .menu { border-color: #d98cae; margin-bottom: 0;} .manuka-honey .menu { border-color: #f2b34d; margin-bottom: 0;} .tea-tree .menu { border-color: #b5ba47; margin-bottom: 0;} .omega-3 .menu { border-color: #8272b0; margin-bottom: 0;} .family-health .menu { border-color: #338cbe; margin-bottom: 0;} .multivitamins .menu { border-color: #f68e21; margin-bottom: 0;} .ingredient-title { width: 751px; float: left; margin: 0 0 10px 0; padding: 5px 4px 0 4px; } .ingredient-title .category-title{ margin: 0 0 10px 0; border: #333 solid 0px; padding: 0 4px; background: none;} .ingredient-title .category-title h1, .ingredient-title .category-title h2 { font-size: 30px; font-weight: normal; color: #fff; } /* color theme*/ .aloe-vera .ingredient-title { background: #7b8455 url(../images/blocks/corner_green.gif) right bottom no-repeat;} .echinacea .ingredient-title { background: #b0456a url(../images/blocks/corner_darkpink.gif) right bottom no-repeat;} .glucosamine .ingredient-title { background: #d98cae url(../images/blocks/corner_pink.gif) right bottom no-repeat;} .manuka-honey .ingredient-title { background: #f2b34d url(../images/blocks/corner_orange.gif) right bottom no-repeat;} .tea-tree .ingredient-title { background: #b5ba47 url(../images/blocks/corner_tea.gif) right bottom no-repeat;} .omega-3 .ingredient-title { background: #8272b0 url(../images/blocks/corner_violet.gif) right bottom no-repeat;} .family-health .ingredient-title { background: #338cbe url(../images/blocks/corner_blue.gif) right bottom no-repeat;} .multivitamins .ingredient-title { background: #f68e21 url(../images/blocks/corner_multivitamins.gif) right bottom no-repeat;} .tabs-sm { width: 100%; padding: 0;} .tabs-sm li{ float: left; margin: 0 4px 0 0; } .tabs-sm li a:link, .tabs-sm li a:visited { width: 88px; height: 22px; line-height: 22px; display: block; padding: 0 0 4px 0; background: url(../images/blocks/bg_tab_01.gif) top right no-repeat; color: #fff; text-decoration: none; font-size: 12px; text-align: center; zoom: 1;} /* color theme*/ .aloe-vera .tabs-sm li a:link, .aloe-vera .tabs-sm li a:visited { background-image: url(../images/blocks/bg_tab_01.gif); } .echinacea .tabs-sm li a:link, .echinacea .tabs-sm li a:visited { background-image: url(../images/blocks/bg_tab_02.gif); } .glucosamine .tabs-sm li a:link, .glucosamine .tabs-sm li a:visited { background-image: url(../images/blocks/bg_tab_03.gif); } .manuka-honey .tabs-sm li a:link, .manuka-honey .tabs-sm li a:visited { background-image: url(../images/blocks/bg_tab_04.gif); } .tea-tree .tabs-sm li a:link, .tea-tree .tabs-sm li a:visited { background-image: url(../images/blocks/bg_tab_05.gif); } .omega-3 .tabs-sm li a:link, .omega-3 .tabs-sm li a:visited { background-image: url(../images/blocks/bg_tab_06.gif); } .family-health .tabs-sm li a:link, .family-health .tabs-sm li a:visited { background-image: url(../images/blocks/bg_tab_07.gif); } .multivitamins .tabs-sm li a:link, .multivitamins .tabs-sm li a:visited { background-image: url(../images/blocks/bg_tab_08.gif); } .tabs-sm li.active a:link, .tabs-sm li.active a:visited, .tabs-sm li a:hover { background-position: bottom left; color: #3b3b3b; } .tabs-sm li a:link span, .tabs-sm li a:visited span{ height: 22px; line-height: 22px; display: block; cursor: pointer; } .tab_content {margin: 0 0 20px 0; } .tab_content ul { margin: 10px 0; padding: 0 2em; } .tab_content p{ margin:0 0 10px 0; } .tab_content ul li{ list-style: disc; } .tab_content .img_holder { float: left; margin: 0 20px 10px 0; } .menu ul { width: 764px; } .menu ul li { float: left; margin: 0 1px 0 0;} /* color theme*/ .menu ul li.aloe-vera { background: url(../images/menu/item01.gif) top left no-repeat; } .menu ul li.echinacea { background: url(../images/menu/item02.gif) top left no-repeat; } .menu ul li.glucosamine { background: url(../images/menu/item03.gif) top left no-repeat; } .menu ul li.manuka-honey { background: url(../images/menu/item04.gif) top left no-repeat; } .menu ul li.tea-tree { background: url(../images/menu/item05.gif) top left no-repeat; } .menu ul li.omega-3 { background: url(../images/menu/item06.gif) top left no-repeat; } .menu ul li.family-health { background: url(../images/menu/item07.gif) top left no-repeat; } .menu ul li.multivitamins { background: url(../images/menu/item08.gif) top left no-repeat; } .menu ul li.active, /* color theme of active elements*/ .single-product .menu ul li.family-health, .aloe-vera .single-product .menu ul li.aloe-vera, .echinacea .single-product .menu ul li.echinacea, .glucosamine .single-product .menu ul li.glucosamine, .manuka-honey .single-product .menu ul li.manuka-honey, .tea-tree .single-product .menu ul li.tea-tree, .omega-3 .single-product .menu ul li.omega-3, .family-health .single-product .menu ul li.family-health{ background-position: top right; } /*reset default style*/ .aloe-vera .single-product .menu ul li.family-health, .echinacea .single-product .menu ul li.family-health, .glucosamine .single-product .menu ul li.family-health, .manuka-honey .single-product .menu ul li.family-health, .tea-tree .single-product .menu ul li.family-health, .omega-3 .single-product .menu ul li.family-health { background-position: top left; } .menu ul li a:link, .menu ul li a:visited { width: 94px; height: 31px; line-height: 31px; padding: 0 0 4px 0; display: block; color: #fff; font-weight: bold; text-align: center; text-decoration: none; } .bread-holder { width: 775px; float: right; /* overflow: hidden; comented cos break design in FF2*/ } .tabs { width: 100%; float: left; border-bottom: #74cbc9 solid 4px; margin: 0 0 10px 0; } .tabs li{ float: left; margin: 0 3px 0 0; } .tabs li a:link, .tabs li a:visited { height: 27px; line-height: 27px; float: left; display: block; padding: 0 7px 0 0; background: url(../images/blocks/bg_tab.gif) top right no-repeat; color: #fff; text-decoration: none; font-size: 14px;} .tabs li.active a:link, .tabs li.active a:visited, .tabs li a:hover { background-position: bottom right;} .tabs li a:link span, .tabs li a:visited span{ height: 27px; line-height: 27px; float: left; display: block; padding: 0 3px 0 10px; background: url(../images/blocks/bg_tab.gif) top left no-repeat;} .tabs li.active a:link span, .tabs li.active a:visited span, .tabs li a:hover span{ background-position: bottom left;} .tab_box { clear: both; } .tab_box ul { margin: 10px 0; padding: 0;} .tab_box ul li { padding: 0 0 0 15px; background: url(../images/bullets/bullet08.gif) left 4px no-repeat; margin: 0 0 5px 0; list-style: none; } .block-title {border-top: #5c0523 solid 3px; padding: 5px 10px; background: #fbfaf6 url(../images/blocks/separator01.gif) bottom left repeat-x; margin: 0 0 10px 0;} .block-title h3 { font-size: 14px; color: #5c0523; font-weight: normal; text-transform: uppercase; } .grouped-items { margin: 0 0 10px; padding: 0 0 1px 0; background: url(../images/blocks/separator02.gif) bottom left repeat-x;} .gruped-item { padding: 10px; background: #fbfaf6 url(../images/blocks/separator02.gif) top left repeat-x;} .gruped-item h4 { color: #5f5f5f; font-size: 14px; font-weight: normal;} .gruped-item h4 .price-box { display: inline;} .gruped-item .addto-hold { padding: 10px 0 0 0; } .gruped-item .addto-hold .sku{ float: left; padding: 4px; background: #ebe9e1; font-size: 11px;} .product-shop .gruped-item .addto-hold .imp-add-to-cart{ width: 185px; float: right; } .gruped-item .addto-hold label { height: 25px; line-height: 25px; color: #5f5f5f; float: left; letter-spacing: -1px; padding-right: 3px;} .gruped-item .addto-hold select{ float: left; margin: 2px 0 0 0; width: 40px; } .gruped-item .addto-hold button{ margin-left:5px;} .products-grid .gruped-item .addto-hold button{ float: right; margin: 0; padding: 0 0 0 5px;} .products-grid .gruped-item .addto-hold button span{ padding: 0 5px 0 0 ;} .products-grid .grouped-items { padding: 0px; margin: 0px; background: none;} .products-grid .gruped-item { padding: 10px; min-height: 48px; height: auto!important; height: 48px; } .products-grid .gruped-item h4{ font-size: 11px; line-height: 18px; text-align: right; } .products-grid .gruped-item h4 .price-box { font-size: 14px; } .products-grid .gruped-item h4 .price-box .price{ color: #000000; font-weight: normal; } .products-grid .sku { display: none; } .products-grid .gruped-item .addto-hold { padding: 0; } .products-grid .gruped-item .addto-hold label { font-size: 11px; padding-right: 3px;} .products-grid .gruped-item .addto-hold button{ margin-left:2px; float: right; } .layered-nav { margin: 0 0 9px 0; position: relative; z-index: 2; } .layered-nav .layered { width: 270px; height: 30px; float: left; padding: 0 0 0 8px; margin: 0 9px 0 0; background: url(../images/blocks/bg_layered.gif) top left no-repeat; font-size: 10px; line-height: 30px; position: relative; z-index: 1; } .layered-nav .layered-act { background: url(../images/blocks/bg_layered_act.gif) top left no-repeat; color: #fff; } .layered-nav .layered .navbutton { width: 52px; height: 30px; float: right; display: block;} .layered-nav .layered span { font-size: 12px; font-weight: bold; } .layered-nav .layered ul { display: none; width: 269px; border: #cdc3c3 solid 1px; background: #fff; position: absolute; z-index: 2; top: 29px; left: 3px;} .layered-nav .layered:hover ul { display: block; } .layered-nav .layered li { line-height: 14px; padding: 0 0 1px 0; background: url(../images/blocks/separator03.gif) bottom left repeat-x;} .layered-nav .layered li.last { padding: 0; background: #fff;} .layered-nav .layered li a:link, .layered-nav .layered li a:visited{ color: #000; padding: 4px 8px; text-decoration: none; display: block; } .layered-nav .layered li a:hover{ background: #fffae4;} .imp-padder{ padding: 0 10px; } /*FEEDO*/ .feedo-table {} .feedo-table th { background: #f3f1e8; } .feedo-table tr.even { background: #fbfaf6; } .feedo-table td, .feedo-table th { padding: 5px 10px; vertical-align: top; } .feedo-table td.first { white-space: nowrap; } .feedo-table td .rating { padding-top: 0!important;} .stars1 { background-image: url(../images/feedo/stars1.gif); background-repeat: no-repeat} .stars2 { background-image: url(../images/feedo/stars2.gif); background-repeat: no-repeat} .stars3 { background-image: url(../images/feedo/stars3.gif); background-repeat: no-repeat} .stars4 { background-image: url(../images/feedo/stars4.gif); background-repeat: no-repeat} .stars5 { background-image: url(../images/feedo/stars5.gif); background-repeat: no-repeat} /*Cart popup*/ .imp_cart_popup { width: 257px; padding: 0 0 10px 0; line-height: 130%!important; position: absolute; top: 30px; left: 0px; z-index: 99; background: url(../images/blocks/bg_popup_bottom.png) bottom left no-repeat; } .imp_cart_popup .popup-wraper{ padding: 10px 10px 0 10px; background: url(../images/blocks/bg_popup_top.png) top left no-repeat; } .imp_cart_popup a.close:link, .imp_cart_popup a.close:visited { width: 15px!important; height: 14px!important; padding: 0!important; float: right!important; background: url(../images/bullets/bullet06.gif) no-repeat left top!important; display:block; } .imp_cart_popup a:link, .imp_cart_popup a:visited { padding: 0!important; background: none!important;} .imp_cart_popup .head a:link, .imp_cart_popup .head a:visited { display: inline!important; line-height: 130%;} .imp_cart_popup h4 a:link, .imp_cart_popup h4 a:visited { background: url(../images/buttons/button02.gif) top left no-repeat!important; padding: 0 11px 0 34px!important;} .hider { width: 100%; height: 6px; background: #f7d6e2; position: absolute; top: 24px; left: 0; z-index: 2; display: none;} .over .hider { display: block;} .mini-cart {} .mini-cart .subtotal .price { font-size: 14px;} .mini-cart h3 {margin: 10px 0; font-weight: normal; } .mini-cart ol { width: 237px; padding: 10px 0 0 0; border-top: #fcd8e5 solid 1px; overflow: hidden;} .mini-cart .overflow-box { height: 263px; overflow-y: auto; margin: 0 0 10px 0; } .mini-cart .overflow-box ol { width: 220px; } .mini-cart ol li { width: 100%; height: 67px!important; margin:0 0 10px 0!important; padding: 0 0 9px 0!important; clear: both!important; border-bottom: #fcd8e5 solid 1px; background: none!important; line-height: 130%!important; position: static!important/*ie6 bugfix*/;} .mini-cart ol li a{ float: none!important; display: inline!important} .mini-cart .product-images { float: left; } .mini-cart .product-images img { border: #5C0523 solid 1px; } .mini-cart .product-details { margin: 0 0 0 75px; } .mini-cart .product-details a:link, .mini-cart .product-details a:visited { color: #5C0523; font-size: 10px!important; font-weight: bold; text-transform: uppercase; line-height: 130%!important; } /*Shadowbox*/ #shadowbox #dynamicText { margin: 0 0 10px; padding: 0 20px 0 0; } #shadowbox_content h4 a span { float:left; padding:0 6px 0 0; background:url(../images/bkg_button.gif) 100% 50% no-repeat; font:bold 11px/25px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } #shadowbox_content h4 a { float: left; overflow:visible; width:auto; border:0; padding:0 0 0 6px; background:url(../images/bkg_button.gif) 0 50% no-repeat; cursor:pointer; text-transform: uppercase; display: block; } #shadowbox_content h4 { width: 230px; position: absolute; bottom: 0px; left: 0px; z-index: 10; padding: 8px 0 0 0; border-top: #f7d6e2 solid 1px; } #shadowbox_content h2 { margin: 0 0 5px 0;} .imp-form-list { margin: 10px 0;} .imp-form-list dt { width: 150px; float: left; margin: 0 0 10px 0;} .imp-form-list dd { margin: 0 0 10px 160px;} .imp-form-list .input-text{ width: 200px;} .imp-form-list select{ width: 205px;} .imp-form-list .date select{ width: 75px;} .recommend_popup { width: 400px; padding: 0px 0px 10px 0px; position: absolute; top: 30px; left: 0; z-index: 999; background: url(../images/blocks/bg_popup_bottom2.png) bottom left no-repeat;} .recommend_popup .popup-wrapper { padding: 10px 10px 5px 10px; background: url(../images/blocks/bg_popup_top2.png) top left no-repeat;} .recommend_popup .imp-form-list dt, .recommend_popup .imp-form-list dd { margin-bottom: 3px; } .recommend_popup a.close:link, .recommend_popup a.close:visited { width: 15px!important; height: 14px!important; padding: 0!important; float: right!important; background: url(../images/bullets/bullet06.gif) no-repeat left top!important; display:block; } .recommend_popup .imp-form-list { width: 100%;} .recommend_popup .imp-form-list .input-text{ width: 95%;} .recommend_popup .imp-form-list dt { clear: left;} .recommend_popup .address_holder { width: 380px; height : expression(this.scrollHeight > 300? "300px" : "auto"); max-height: 300px; height: auto; overflow: auto;} .recommend_popup #address-list { width: 360px;} .recommend_popup #address-list table td { font-size: 11px!important; } #address-list a.none_of_these:link, #address-list a.none_of_these:visited { color: #5C0523!important; } /*brands list*/ .brands_list {} .brands_list a:link, .brands_list a:visited { font-size: 12px; } .brands_list ul { width: 770px; margin: 0; padding: 0;} .brands_list ul li{ width: 135px; height: 135px; float: left; margin: 0 11px 11px 0; list-style: none; border: #329694 solid 4px; text-align: center; overflow: hidden;} .brands_list ul li p{ padding: 5px 10px 0 10px; } .cart-table .red {color: #ff0000;} .shopping-cart-item-message { font-size: 14px; color: #ff0000; text-align: right; } #address-list th { font-weight: bold;} #address-list td, #address-list th{ padding: 2px 10px 2px 0;} /* CMS Blocks ----------------------------------------*/ .home-flash { margin: 0 0 15px 0;} .follow_us {width: 100px; height: 45px; padding: 5px 0 5px 75px; margin: 10px 0; background: url(../images/blocks/bg_follow_us.gif) top left no-repeat;} .follow_us a{ float: left; margin: 0 5px 0 0;} .feedo_box { width: 185px; height: 42px; padding: 12px 0px 10px 10px; margin: 20px -10px 10px -10px; background: url(../images/blocks/separator04.gif) top left repeat-x; } .william_reccomends { margin: 0 0 15px 0;} .william_reccomends h3{ font-size: 12px; text-transform: uppercase; color: #5c0523; font-weight: bold; margin: 0 0 5px 0;} .william_reccomends a{ margin: 0 0 3px 0; display: block;} .doctor_info { color: #000; font-size: 11px; line-height: 13px; } .doctor_info h4{ font-size: 11px; } .doctor_info .img_holder { float: right; margin: 0 0 15px 11px; } .doctor_info p{ margin: 0 0 10px 0; } .news_ticker { width: 760px; height: 27px; float: left; background: #f4f2ec; clear: both; margin: 0 0 10px 0; overflow: hidden; position: relative; z-index: 1;} .news_ticker div { width: 600px; position: absolute; z-index: 2; top: 2px; left: 0;} .news_ticker p{ padding: 5px 0 0 10px; margin: 0; font-size: 11px;} .news_ticker p .date{ color: #000; } .news_ticker a.read_more:link, .news_ticker a.read_more:visited { height: 27px; line-height: 27px; float: right; background: #b92256 url(../images/blocks/bg_news_more.gif) top right no-repeat; color: #fff; display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; } .news_ticker a:link, .news_ticker a:visited { color: #b92055; font-size: 11px; text-decoration: none; } .news_ticker a.read_more span { height: 27px; line-height: 28px; padding: 0 19px 0 22px; float: left; background: url(../images/blocks/bg_news_more_left.gif) top left no-repeat; color: #fff; display: block; cursor: pointer;} .category_cms {width: 740px; height: 145px; padding: 10px; margin: 0 0 10px; } .aloe_cms { background: url(../images/blocks/bg_category01.jpg) top left no-repeat; } .echinacea_cms { background: url(../images/blocks/bg_category02.jpg) top left no-repeat; } .glucosamine_cms { background: url(../images/blocks/bg_category03.jpg) top left no-repeat; } .manuka_cms { background: url(../images/blocks/bg_category04.jpg) top left no-repeat; } .tea_cms { background: url(../images/blocks/bg_category05.jpg) top left no-repeat; } .omega_cms { background: url(../images/blocks/bg_category06.jpg) top left no-repeat; } .family_cms { background: url(../images/blocks/bg_category07.jpg) top left no-repeat; } .category_cms .img-holder { width: 365px; float: right; } .category_cms .img-holder img, .category_cms .img-holder object{ float: left; } .category_cms .img-holder .small_image { width: 132px; float: right; overflow: hidden;} .category_cms .text_block { width: 339px; padding: 10px 13px; float: left; color: #fff; font-size: 14px; } .category_cms .text_block h2{ font-size: 24px; margin: 0 0 10px 0; } .calculator {color: #a20025!important; margin: 0 0 10px;} .checkout-onepage-index .calculator { font-weight: bold; } .cart-table .calculator { font-size: 14px!important; font-weight: bold; margin: 0; padding: 3px 0 0 30px;} /* imp A.G. 17.10.11 */ .header .checkout_link ul li.link-eCatalog { display: none; }