/** * 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. * * @category design * @package meleniak_default * @copyright Meleniak ltd (c) 2011 (http://www.meleniak.com) * @license Restricted * v1.61 * * ANorton 29/08/2011 - modified /default/blank/css/styles.css * 29/08/2011 - Modified for v1.6 upgrade * 26/10/2011 - Magento v1.61 upgrade - no changes. * DEFAULT: BLACK/YELLOW */ /* Reset ================================================================================= */ * {} body { z-index:1; background-color:#1a1a1a; color:#c8c9cb; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; } a { text-decoration:none; color:#c8c9cb; } /*{ text-decoration:underline; }*/ a:hover { color:#ffffff; } /*{ text-decoration:none; }*/ /* Headings */ h1 { font-size:2em; line-height:1.17em; color:#ffffff; } /*{ font-weight:normal; line-height:1.15em; }*/ h2 { font-size:1.5em; line-height:1.2em; color:#ffffff; } /*{ font-weight:normal; line-height:1.25em; }*/ h3 { font-size:1.35em; font-weight:normal; line-height:1.2em; margin-bottom:0; color:#ffffff; } /*{ line-height:1.25em; }*/ h4 { font-weight:normal; margin-bottom:0; color:#ffffff;} /*{ font-size:14px; }*/ /* Meleniak */ .inline { display:inline; } .inline-filler { margin-top:8px; } .white { color:#ffffff; } .highlight { color:#ff0000; } /**/ .highlight2 { color:#fef585; } /**/ .highlightOnWhite { color:#cc4444; } /**/ .highlightOnGrey { color:#fdf772; } /**/ /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper { z-index:1; background-color:#000000; } .page { padding:0; z-index:1; background-color:#000000; } .page-print { color:#1a1a1a; } /*{ padding:20px; text-align:left; background:#fff; }*/ .page-popup { z-index:100; } /*{ padding:20px; text-align:left; }*/ .main { margin:0; z-index:1; } /* Meleniak */ .pageContainer { float:left; position:relative; margin:10px 0 15px 0; z-index:1; background-color:#3b3b3b; } .col-wrapper { width:780px; float:left; } /* Base Columns */ .col-left { width:190px; margin:0 0 15px 13px; padding:0px; border-style:none; } .col-main { width:725px; padding:0px; z-index:1; border-style:none; } /* default 2col-right */ .col-right { width:240px; padding:0 25px 0 0; border-style:none; float:right; } /* default 2col-right */ /* 2 Columns Layout */ .col2-left-layout .col-main { width:785px; } /*{ float:right; }*/ /* 3 Columns Layout */ .col3-layout .col-main { width:565px; float:right; } /*{ width:484px; margin-left:10px; }*/ .col3-layout .col-wrapper { width:780px; } /*{ float:left; width:748px }*/ /* Meleniak */ .col3-layout .col-right { width:200px; padding-right:10px; } .main-container { z-index:1; } /* 2 Columns Left (Default) */ .col2-left-layout .col-main .pageContainer { width:680px; padding:0px 15px 10px 15px; } .cms-page-view .col-main .pageContainer { width:680px; padding:0px 15px 0px 15px; background-color:#ffffff; } .cms-no-route .col-main .pageContainer { width:680px; padding:0px 15px 10px 15px; background-color:#ffffff; } .cms-home .col-main .pageContainer { width:785px; padding:0px; background-color:transparent; } .catalog-category-view .col-main .pageContainer, .catalog-product-view .col-main .pageContainer { width:690px; padding:0px 10px 10px 10px; } .checkout-cart-index .col-main .pageContainer { width:700px; padding:0px 10px 10px 10px; } .catalog-product-view .col-main .pageContainer { background-color:#ffffff; } /* 2 Columns Right */ /* catalog email to a friend, Advanced search form, advanced search results, Onepage checkout, onepage checkout success/fail, Tags List, product reviews */ .col2-right-layout .col-main .pageContainer { width:670px; margin-left:25px; padding:0px 15px 10px 15px; } /* Checkout, Advanced search, Advanced search results */ .col2-right-layout .col-right .pageContainer { float:right; width:195px; padding:0px 15px 15px 15px; } /* Checkout navigation progress, Advanced search results */ .review-product-list .col2-right-layout .col-main .pageContainer { width:690px; } .review-product-list .col-main .pageContainer { background-color:#ffffff; } /* 1 Column */ /* seo sitemap, popular search terms, shopping cart, multishipping checkout, missing home page, missing 404 page, logged in, logged out */ .col1-layout .col-main .pageContainer { width:940px; margin:10px 15px 15px 15px; padding:0px 15px 10px 15px; } /* Log in, Logged out */ .catalog-seo-sitemap-category .col1-layout .col-main .pageContainer { width:600px; margin-left:185px; } .catalog-seo-sitemap-product .col1-layout .col-main .pageContainer { width:600px; margin-left:185px; } /* 3 Columns */ /* STANDARD DEFAULT, Quick search results */ .col3-layout .col-main .pageContainer { float:left; width:535px; padding:0px 15px 10px 15px; } /* Simple search results */ .col3-layout .col-right .pageContainer { float:right; width:170px; padding:0px 15px 15px 15px; } /* Simple search results */ /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input.input-text,select,textarea { border:1px inset threedface; border-bottom-width:1px; border-right-width:1px; } /*{ border:1px solid #ddd;}*/ input.input-text,textarea { border-bottom-color:#1a1a1a; border-right-color:#1a1a1a; } /*{ padding:2px; }*/ /* Added for Meleniak */ input[type="file"] { border-width:1px; border-style:inset!important; border-style:solid!important; border-bottom-color:#ccc; border-right-color:#ccc!important; } select.multiselect option { padding:1px 2px; border-bottom-color:#cccccc; } /*{ border-bottom:1px solid #ddd; padding:2px 5px; }*/ select.multiselect option:last-child { border-bottom-style:none; } /*{ border-bottom:0; }*/ button.button { padding:0px 0px 0px 5px; background-color:#000; color:#ffffff; } /*{ overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }*/ /**/ button.button span { padding:0px 5px 0px 0px; font-weight:normal; background-color:#000; background-image:none; } /*{ float:left; height:21px; padding:0 0 0 8px; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; }*/ /**/ button.button span span { padding:0 4px 0 4px; } /*{ background-position:100% 0; padding:0 12px 0 4px; }*/ /* Meleniak */ /* Format input boxes for white background */ .catalog-product-view .main input.input-text, .catalog-product-view .main select, .catalog-product-view .main textarea { border:1px inset #8c8c8c; } /* Form lists */ /* Grouped fields */ .form-list li { margin:5px 0 5px 0 } /*{ margin:0 0 8px; }*/ .form-list label { color:#fff; } /*{ float:left; font-weight:bold; position:relative; z-index:0; color:#111; }*/ .form-list label.required em { color:#fff; } /*{ float:right; font-style:normal; position:absolute; top:0; right:-8px; color:#eb340a; }*/ /**/ .form-list input.input-text { border:2px inset threedface; } /*{ width:250/510px; }*/ .form-list li.additional-row { border-top-color:#4b4b4b; } /* { margin-top:10px; border-top:1px solid #ccc;} */ .buttons-set { padding:5px 0px 5px 5px; border-style:none; } /*{ clear:both; margin:5px 0 0; border:1px solid #ddd; }*/ .buttons-set .back-link { font-weight:normal; text-decoration:none; margin-left:-5px; color:#ffffff; } /*{ float:left; }*/ /* Meleniak */ .buttons-set .back-link a { color:#ffffff; } .buttons-set .back-link a:hover { text-decoration:underline; } .backToTop.category a { margin-top:10px; } /* AN. 'Back to top' link' on category page */ .backToTop a { float:right; text-decoration:underline; margin:0; } /* AN. 'Back to top' link*/ .backToTop a:hover { color:#fdf772; } /* AN. 'Back to top' link*/ /**/ .product-second { color:#ff0000; } /**/ .product-bargain { color:#ff0000; } /**/ .product-new { color:#ff0000; } /**/ .fieldset { padding:22px 25px 22px 33px; margin:18px 0 10px 0; background:#3b3b3b; border-color:#4b4b4b; } /*{ padding:22px 25px 12px 33px; margin:28px 0; border:1px solid #ddd; background:#fefefe; }*/ .fieldset .legend { border-style:none; font-size:16px; font-weight:normal; background:#3b3b3b; color:#ffffff; } /*{ float:left; font-weight:bold; font-size:13px; margin:-33px 0 0 -10px; padding:0 8px; position:relative; border:1px solid #fefefe; background:#dedede; color:#333 }*/ /* Global Messages */ .success { color:#000; }/**/ .error { color:#df280a; } .notice { color:#e26703; } .messages { margin:0 0 10px; } /*{ width:100%; overflow:hidden;*/ .messages li li {margin-top:6px;} /*{ margin:0 0 3px; }*/ .error-msg, .success-msg, .note-msg, .notice-msg { margin-bottom:1em !important; padding:4px 12px 4px 33px !important; } /*{ border-style:solid; border-width:1px; background-position:10px 9px; background-repeat:no-repeat; min-height:24px; font-size:11px; font-weight:bold; }*/ .success-msg { color:#000; background-color:#cccccc; border-color:#446423; } /*{ border-color:#446423; background-color:#eff5ea; background-image:url(../images/i_msg-success.gif); }*/ /**/ .note-msg, .notice-msg { border-color:#ff0000; background-color:#cccccc; color:#222222; } /*{ background-image:url(../images/i_msg-note.gif); }*/ /**/ /* Meleniak */ .error-msg li, .success-msg li, .notice-msg li { margin-bottom:.2em; } /* AN. try adding to .messages li above */ .messages a, .col-main p.note-msg a { font-weight:normal; text-decoration:underline; color:#ff0000; } /**/ .messages a:hover, .col-main p.note-msg a:hover { color:#1a1a1a; } p.error-msg, p.note-msg, p.success-msg, p.note-msg { line-height:24px; } .success-msg a, .notice-msg a, .note-msg a, .error-msg a { font-weight:bold; text-decoration:underline; color:#ff0000; } /**/ .success-msg a:hover, .notice-msg a:hover, .note-msg a:hover, .error-msg a:hover { color:#1a1a1a;} /* BreadCrumbs */ .breadcrumbs { padding:2px 0px 2px 5px; margin:0; border-style:none; } /* Page Heading */ .page-title { border-style:none; padding:0; margin:0; } /*{ padding:0 0 5px; margin:0 0 10px; }*/ .title-buttons { color:#fdf772; } /*{ text-align:right; }*/ /**/ /* Meleniak */ .page-title h1 { font-size:29px; line-height:1.19em; padding:4px 0 1px 0px; font-family:Helvetica, Arial, Sans-serif; color:#ffffff; } /*{ font-size:18px; }*/ .page-title h1 img { padding:3px 0 0px 0; } .page-title h1 strong { position:absolute; text-indent:-6786px; overflow:hidden; font-weight:normal; } .page-title h2 { margin-left:0; padding-left:0; color:#ffffff; } .page-title h3 { margin-left:0; color:#c8c9cb;} .page-title p { margin:10px 0 5px 0; display:block; } .page-title p a { text-decoration:underline; } .title-buttons a:hover { color:#c8c9cb; } /* Pager */ .pager { margin:5px 6px 2px 5px; border-style:solid none none none; color:#ffffff; border-top:1px solid #4b4b4b; } /*{ border:1px solid #ddd; padding:5px; text-align:center; }*/ .pager .limiter { float:left; } .pager .pages { float:right; font-size:16px; margin:0; } .pager .pages .current { font-weight:bold; color:#fdf772; } /**/ /* Meleniak */ .pages a img.v-middle { margin-bottom:4px; } .pages strong { font-weight:normal; } .pages a { color:#ffffff; } .pages a:hover { text-decoration:underline; color:#ffffff; } /* Sorter */ .sorter { padding:0 5px 5px 5px; margin:1px 6px 0px 5px; border-style:none none solid none; color:#ffffff; border-bottom:1px solid #4b4b4b; } .sorter .view-mode { float:left; margin-right:160px; } /*{ float:left; }*/ .sorter .sort-by { float:left; } /* Meleniak */ .col3-layout .sorter .view-mode { margin-right:78px; } .sorter .view-mode a:hover { text-decoration:underline; } .sorter .amount { float:right; } .sort-by label { padding-right:3px; } .sort-by a:hover { text-decoration:underline; } .sort-by .active { font-weight:bold; color:#ffffff; } .sort-by .pipe { padding:0 2px 0 4px; font-size:1em; color:#c8c9cb; } /* Data Table */ .data-table { background-color:#cccccc; color:#444444; } .data-table th { padding:2px 5px; font-size:10px; text-transform:uppercase; border-style:none; color:#1a1a1a; } /*{ font-weight:bold; white-space:nowrap; }*/ .data-table td { border-style:none; } /*{ padding:5px; }*/ .data-table thead { line-height:1.25em; background-color:#eeeeee; } .data-table tbody { background-color:#bbbbbb; } .data-table tfoot { background-color:#bbbbbb; } .data-table tr.even { background-color:#bbbbbb; } .data-table tbody.odd { background-color:#bbbbbb; } .data-table tbody.even { background-color:#bbbbbb; } .data-table td.label, .data-table th.label { font-weight:normal; background-color:#eeeeee; } /* Meleniak */ .data-table a { text-decoration:underline; color:#444444; } .data-table a:hover { color:#000000; } /* Shopping cart total summary row expandable to details */ tr.summary-total .summary-collapse { background:url(../images/bkg_collapse-white.gif) 0 4px no-repeat; } /*{ background:url(../images/bkg_collapse.gif) 0 4px no-repeat; }*/ tr.show-details .summary-collapse { background:url(../images/bkg_collapse-white.gif) 0 -53px no-repeat; } tr.summary-details td { background-color:#eeeeee; } /*{ font-size:11px; background-color:#dae1e4; color:#626465; }*/ /* Shopping cart tax info */ .cart-tax-total { background:url(../images/bkg_collapse-white.gif) 0 4px no-repeat; } /*{ background:url(../images/bkg_collapse.gif) 100% 4px no-repeat; }*/ .cart-tax-total-expanded { background:url(../images/bkg_collapse-white.gif) 0 -53px no-repeat; } /* Misc */ .links li { padding:0px 0px 0px 3px; } /*{ display:inline; }*/ .btn-remove { background:url(../images/btn_remove.gif) 0 0 no-repeat; } /*{ display:block; width:11px; height:11px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; background:url(../images/btn_remove.gif) 0 0 no-repeat; }*/ .btn-remove2 { background:url(../images/btn_trash.gif) 0 0 no-repeat; } /*{ display:block; width:16px; height:16px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; background:url(../images/btn_trash.gif) 0 0 no-repeat; }*/ .btn-edit { background:url(../images/btn_edit.gif) 0 0 no-repeat; } /*{ display:block; width:11px; height:11px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; background:url(../images/btn_edit.gif) 0 0 no-repeat; }*/ /* ======================================================================================= */ /* Header ================================================================================ */ .header { padding:15px 20px 0px 16px; position:relative; border-style:none; } .header .welcome-msg { float:right; position:absolute; right:7px; top:20px;} /*{ font-weight:bold; text-align:right; }*/ /* Meleniak */ /* Magento Top Links (My account, My wish list, Shopping bag, Checkout, Login) */ .headerLinks-container { position:absolute; bottom:30px; right:13px; } .headerLinks { float:right; position:relative; text-align:right; white-space:nowrap; } .headerLinks .links a { padding:0px 7px 0px 0px; background:url(../images/_header/links_separator.gif) no-repeat 100% 50%; color:#777778; } .headerLinks .links a:hover { color:#fff24a; } /**/ .headerLinks .links .last a { background:none; } /* Mark active items */ .customer-account-index .headerLinks .links li.first a, .customer-account-edit .headerLinks .links li.first a, .customer-address-index .headerLinks .links li.first a, .customer-address-form .headerLinks .links li.first a, .sales-order-history .headerLinks .links li.first a, .sales-order-view .headerLinks .links li.first a, .tag-customer-index .headerLinks .links li.first a, .tag-customer-view .headerLinks .links li.first a, .tag-customer-edit .headerLinks .links li.first a, .ugiftcert-customer-balance .headerLinks .links li.first a, .wishlist-index-index .headerLinks .links a.top-link-wishlist, .wishlist-index-share .headerLinks .links a.top-link-wishlist, .checkout-cart-index .headerLinks .links a.top-link-cart, .checkout-onepage-index .headerLinks .links a.top-link-checkout, .customer-account-login .headerLinks .links li.last a { color:#fdf772; } /**/ /* Top Nav (Phone number, Contact us, Wholesale, Join mailing list)*/ #topNav { float:right; margin-right:-2px; } #topNav span { display:none; } #topNav a { float:left; height:15px; text-indent:-6786px; overflow:hidden; } #topNav .navSeparator { float:left; height:15px; width:22px; display:block; background:url(../images/_header/topNavBar-seperator.gif) no-repeat 50% 50%; } #topNav a.contactPhone { width:101px; background:url(../images/_header/topNavBar-phoneNumber.png) no-repeat 0px -1px; } #topNav a.contactPhone:hover, #topNav a.contactPhone:active { background-position:0px -1px; } #topNav a.contactUs { width:75px; background:url(../images/_header/topNavBar-contactUsButton.png) no-repeat 0px 0px; } #topNav a.contactUs:hover { background-position:-75px 0px; } #contactUs #topNav a.contactUs, .cms-contact-us #topNav a.contactUs { background-position:-150px 0px; } /* #topNav a.wholesaleEnquiries { width:75px; background:url(../images/_header/topNavBar-wholesaleEnquiriesButton.png) no-repeat 0px 0px; } #topNav a.wholesaleEnquiries:hover { background-position:-75px 0px; } .cms-wholesale-enquiries #topNav a.wholesaleEnquiries { background-position:-150px 0px; } */ #topNav a.joinMailingList { width:119px; background:url(../images/_header/topNavBar-joinMailingListButton.png) no-repeat 0px 0px; } #topNav a.joinMailingList:hover { background-position:-120px 0px; } #joinMailingList #topNav a.joinMailingList, .cms-join-mailing-list #topNav a.joinMailingList { background-position:-241px 0px; } #strapLine { position:relative; top:120px; left:10px; float:left; z-index:10; display:none; } /* May be refined in the content */ #strapLine a { float:left; width:238px; height:20px; text-indent:-6786px; overflow:hidden; background:url(../images/_header/header-strapLine.png) no-repeat; overflow:hidden; } /* May be refined in the content */ .bannerNotice { position:absolute; left:200px; top:45px; z-index:30; background-color:#000; /*display:none;*/ } /* BANNER IMAGE NOTICE */ .cartNotice { margin-top:20px; width:300px; padding:10px 10px; float:right; text-align:right; background-color:#ccc; border: 1px solid #fff24a; color:#1a1a1a; } /**/ /* Holiday Notice */ .header .holidayNotice { display:none; } /* Use this if banner-notice is used on the header instead of holiday notice */ .holidayNotice { position:absolute; width:355px; height:150px; left:225px; top:15px; z-index:30; background-color:#000; /*display:none;*/ } /* BANNER TEXT NOTICE */ .holidayNotice .message-box { width:350px; padding-right:10px; height:134px; background-color:#000; border:2px solid #fff24a; color:#fff; } /**/ .holidayNotice h2 { margin:10px 0 0 10px; font-size:16px; color:#ff1014 !important; } .holidayNotice p { margin:5px 0 0 10px; font-size:12px; } .holidayNotice a { color:#fff !important; } .holidayNotice .important { color:#ff1014; } .holidayNotice .medium { font-size:14px; } /* CMS pages */ .holiday-box { position:relative; margin-top:0px; } .holiday-box .holidayNotice { position:relative; width:350px; height:155px; left:0px; top:0px; margin:15px 0 0 0; z-index:30; } .cmsContentBlock .holiday-box .holidayNotice { width:340px; } /* returns, delivery /*/ .cmsContentBlock .holiday-box .holidayNotice .message-box { width:365px; padding-right:10px; height:153px; } .cmsContentBlock .holiday-box .holidayNotice h2 { margin:10px 0 0 10px; font-size:16px; } .cmsContentBlock .holiday-box .holidayNotice p { margin:5px 0 0 10px; font-size:12px; } .cmsContentBlock .holidayNotice a { color:#fff; } .cmsContentBlock .holiday-box .holidayNotice .medium { font-size:14px; } /* Shopping bag (mini cart) */ #shoppingBag { clear:right; float:right; position:relative; height:38px; width:272px; top:13px; border:1px solid #5A5A5A; background:url(../images/_header/cartSummaryBG.png) repeat 0px 0px; } #shoppingBag a { position:absolute; height:15px; width:179px; padding:12px 0px 0px 142px; font-size:11px; color:#d2d3d5; } .shoppingBagDecor { position:absolute; top:5px; left:10px; height:27px; width:124px; background:url(../images/_header/cartSummary_shoppingBag.png) no-repeat 0px 0px; } /* Free delivery message */ .deliveryHeader { clear:right; } p.deliveryHeader { float:right; position:relative; padding-top:29px; height:30px; } /* May be refined in the content */ .deliveryHeader a { float:right; height:30px; width:274px; text-indent:-6786px; overflow:hidden; background:url(../images/_header/header-deliveryText.png) no-repeat; } /* May be refined in the content */ /* Main horizontal menu bar */ .horizontalMenu-Bar { width:960px; height:35px; padding:0 20px; z-index:10; background-color: #262626; } .horizontalMenu-Menu { float:left; position:relative; z-index:10; } .form-language { float:left; line-height:33px; width:183px; white-space:nowrap; } .form-language select { margin-left:5px; max-width:134px; border:1px inset #f0f0f0; background-color:#cccccc; } .col1-layout .quicklinks { margin-left:20px; } .col2-right-layout .quicklinks { margin-left:20px; } .quicklinks { margin-top:10px; margin-bottom:3px; color: #777778; } .quicklinks a { color: #777778; } .quicklinks a:hover { text-decoration:underline; color: #777778; } /* Disable quicklinks from pages where it won't fit */ .checkout-onepage-index .quicklinks { display:none; } /* Remove quicklinks from checkout */ /*.catalogsearch-result-index .quicklinks { display:none; } *//* Remove quicklinks from search results */ .sendfriend-product-send .quicklinks { display:none; } /* Remove quicklinks from send to friend */ .catalogsearch-advanced-index .quicklinks { display:none; } /* Remove quicklinks from advanced search form */ .catalogsearch-advanced-result .quicklinks { display:none; } /* Remove quicklinks from advanced search results */ .checkout-onepage-success .quicklinks { display:none; } /* success page */ .protx-standard-failure .quicklinks { display:none; } /* Failure page */ .review-product-list .quicklinks { display:none; } /* Product review */ .review-product-view .quicklinks { display:none; } /* Product review */ /* Search */ .horizontalMenu-Search { float:right; position:relative; height:35px; line-height:33px; z-index:60; margin-right:0px; } .horizontalMenu-Search .form-search { text-align:left; } .horizontalMenu-Search .form-search label { display:none; } #search_autocomplete { z-index:60; } #search_autocomplete ul { z-index:265; background-color:#D0D0D0; border:1px solid #999999; } #search_autocomplete li { padding:3px; cursor:pointer; z-index:65; color:#1a1a1a; border-bottom:1px solid #999999; } #search_autocomplete li .amount { float:right; font-weight:bold; z-index:65; } #search_autocomplete li.selected { z-index:65; } .horizontalMenu-Search #search { padding-left:17px; font-size:1em; height:15px; width:100px; border:2px inset threedface; color:#000000; background:url(../images/_horizontalNavBar/search-magGlass.gif) #ffffff no-repeat left center; } .horizontalMenu-Search button.button { padding-left:5px; background-color:transparent; background-image:none; } .horizontalMenu-Search button.button span { padding:0; font-size:14px; font-weight:normal; background-color:transparent; background-image:none; color:#bbb; } /********** < Navigation */ #nav { font-size:14px; padding:0; margin:0 0 0 0px; z-index:1; text-transform:none; border-style:none; } .cms-home #nav li.home a { color:#fdf772; } /* Added for Meleniak */ /**/ /* All Levels */ #nav li.over { z-index:1; } /*{ z-index:998; }*/ #nav li a { font-family:Helvetica, Arial, Verdana, sans-serif; } /*{ display:block; text-decoration:none; }*/ #nav li a:hover { color:#ffffff; } /*{ text-decoration:none; }*/ #nav li.level0 > a { text-transform:uppercase; } /* Meleniak*/ /* 1st Level */ #nav li a { font-weight:normal; padding:2px 19px 0px 12px; line-height:33px; text-transform:none; z-index:50; background:url(../images/_horizontalNavBar/horizontalNavBar-seperator.png) no-repeat right center; color:#bbb; } /*{ float:left; color:#888888; }*/ #nav li a:hover { color:#ffffff; } #nav li.over a { color:#ffffff; } #nav li.active a { color:#fdf772; } /**/ #nav .last a { padding:2px 0px 0px 13px; background:none; } /* Meleniak.*/ /* 2nd Level */ #nav ul, #nav div { width:16em; top:32px; border:1px solid #101010; background:#3c3c3c; } /*{ position:absolute; left:-10000px; }*/ /* Hover background */ /* 3rd+ leven */ #nav ul li { border-bottom:1px solid #aaaaaa; } /*{ float:none; border-bottom:1px solid #ddd; }*/ #nav ul li.last a { padding:4px 9px; } /* Meleniak */ #nav ul li a { padding:4px 9px; line-height:normal; text-transform:none; background:none; color:#ffffff !important; } /*{ float:none; font-weight:normal; color:#888 !important; }*/ /* Hover color */ #nav ul li a:hover { color:#fdf772!important; } /*{ color:#000 !important; }*/ /**/ #nav ul li.active > a, #nav ul li.over > a { font-weight:normal; color:#fff24a!important; } /*{ color:#000 !important; }*/ /**/ /* Show menu */ #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:130px; } /*{ left:100px; }*/ /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { float:left; margin:10px 0 0px 0; padding-top:8px; width:190px; border-style:none; } .block .block-title { border-style:none; padding:0; margin-bottom:0.48em; color:#fff24a; } /**/ .block .block-title strong { font-size:1.2em; line-height:1.2em; font-weight:normal; } .block .block-subtitle { line-height:1.2em; margin-bottom:0.4em; font-weight:normal; color:#fdf772; } /**/ .block .block-content { padding:0px; } .block .actions { clear:both; margin-top:5px; text-align:left; } /*{ text-align:right; }*/ .block .actions a { float:right; text-decoration:underline; } .block li.even { background-color:transparent; } /*{ background-color:#f6f6f6; }*/ /* Meleniak */ .block .block-title { width:190px; height:22px;} .block .block-title strong span { position:absolute; text-indent:-6786px; overflow:hidden; } /* Remove this line to show text titles */ .col3-layout .col-right .block .block-title { width:170px; height:21.6px;} .col-right .block { width:195px; } .col3-layout .col-right .block { width:170px; } .block .actions button.button { background-color:#3b3b3b; } .block .actions button.button span { background-color:#3b3b3b; } .col-right .block .actions button.button { background-color:#cccccc; } .col-right .block .actions button.button span { background-color:#cccccc; color:#1a1a1a; } /* Mini Products List */ .mini-products-list li { border-bottom:1px solid #4b4b4b; } /*{ padding:5px 0; }*/ .mini-products-list .product-image { width:60px; padding:5px 0; position:relative; overflow:hidden; border-style:none; } /*{ float:left; }*/ /* Meleniak */ .mini-products-list li.item.last { border-bottom-style:none; padding-bottom:0; } .mini-products-list li.item.last a { padding-bottom:0; } /* Block: Account */ .block-account { padding-top:0px; margin-top:8px; } /* Meleniak */ .block .block-title strong { font-size:18px; } .block-account .block-title { background:url(../images/_categoryBar/categoryBar-myAccountLabel.png) no-repeat left 50%; } .block-account li { padding-left:15px; background:url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left center; } .block-account li.current { color:#fdf772; } /**/ .block-account li.current strong { font-size:1em; line-height:1.4em; font-weight:normal; } /* Block: Currency Switcher */ .block-currency { padding-top:0; padding-left:0px; margin-top:5px; } .block-currency select { width:190px; font-size:11px; border:1px inset #f0f0f0 } /* Meleniak */ .block-currency .block-title { /*background:url(../images/_categoryBar/categoryBar-currencyLabel.png) no-repeat left 50%;*/ } .col-left .block-currency .block-title { height:14px; margin-bottom:9px; } .col-right .block-currency .block-title { background:url(../images/_categoryBar/categoryBar-currencyLabel-R.png) no-repeat left 50%; } .col-left .block-currency .block-title strong span { position:static; } .col-right .block-currency select { width:195px; } .block-currency .block-title strong { font-size:11px; letter-spacing:0.1em; color:#fff; } /* Currency flags */ .block-currency a { float:left; height:26px; width:27px; margin-right:5px; overflow:hidden; text-indent: -6786px; } .block-currency a { background-position:-28px 0px; background-repeat:no-repeat; } .block-currency a:hover { background-position:0px 0px; } .block-currency a.active { background-position:0px 0px; } /* Meleniak */ /* Block: Vertical Navigation */ .block-vertnav { float:left; margin:32px 0 2px 0; padding-top:0px; width:195px; } .block-vertnav .block-title { margin-bottom:6px; background:url(../images/_categoryBar/categoryBar-categoryLabel.png) no-repeat left 50%; } #vertnav ul { clear:left; float:left; margin-left:16px; margin-bottom:3px; } /* Adjusts horizontal indentation level and vertical bottom margin */ #vertnav li { clear:left; float:left; line-height:18px; position:relative; } #vertnav li a { float:left; font-size:12px; line-height:18px; margin-left:5px; padding-left:15px; display:block; white-space:nowrap; font-family:Arial, Helvetica, Verdana, sans-serif; background: url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left center; } #vertnav li.level0 a { background: url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left center; } #vertnav li.level0.open a { background: url(../images/_categoryBar/categoryBar-arrowDown.png) no-repeat left 50%; } #vertnav li.level1.inactive a { background: url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left center; } #vertnav li.level1.active a { background: url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left center; } #vertnav li.level1.open a { background: url(../images/_categoryBar/categoryBar-arrowDown.png) no-repeat left 50%; } #vertnav li.level2.inactive a { background: url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left center; } #vertnav li.level2.active a { background: url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left center; } #vertnav li.level2.open a { background: url(../images/_categoryBar/categoryBar-arrowDown.png) no-repeat left 50%; } #vertnav li.level3.inactive a { background: url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left center; } #vertnav li.level3.active a { background: url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left center; } #vertnav li.level3.open a { background: url(../images/_categoryBar/categoryBar-arrowDown.png) no-repeat left 50%; } #vertnav li.level4.inactive a { background: url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left center; } #vertnav li.level4.active a { background: url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left center; } #vertnav li.level4.open a { background: url(../images/_categoryBar/categoryBar-arrowDown.png) no-repeat left 50%; } #vertnav li.level5.inactive a { background: url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left center; } #vertnav li.level5.active a { background: url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left center; } #vertnav .level0.active a { color:#fdf772; } /**/ #vertnav .level0.inactive a { color:#c8c9cb; } #vertnav .level0.active a:hover { color:#ffffff; } #vertnav .level0.inactive a:hover { color:#ffffff; } #vertnav .level1.active a { color:#fdf772; } /**/ #vertnav .level1.inactive a { color:#c8c9cb; } #vertnav .level1.active a:hover { color:#ffffff; } #vertnav .level1.inactive a:hover { color:#ffffff; } #vertnav .level2.active a { color:#fdf772; } /**/ #vertnav .level2.inactive a { color:#c8c9cb; } #vertnav .level2.active a:hover { color:#ffffff; } #vertnav .level2.inactive a:hover { color:#ffffff; } #vertnav .level3.active a { color:#fdf772; } /**/ #vertnav .level3.inactive a { color:#c8c9cb; } #vertnav .level3.active a:hover { color:#ffffff; } #vertnav .level3.inactive a:hover { color:#ffffff; } #vertnav .level4.active a { color:#fdf772; } /**/ #vertnav .level4.inactive a { color:#c8c9cb; } #vertnav .level4.active a:hover { color:#ffffff; } #vertnav .level4.inactive a:hover { color:#ffffff; } #vertnav .level5.active a { color:#fdf772; } /**/ #vertnav .level5.inactive a { color:#c8c9cb; } #vertnav .level5.active a:hover { color:#ffffff; } #vertnav .level5.inactive a:hover { color:#ffffff; } .vertnav-cat a span{ float:left; } .vertnav-cat span.product-count { float:left; padding-left:5px; } .block-vertnav .block-title { background:url(../images/_categoryBar/categoryBar-beltsLabel.png) no-repeat left 50%; } /* override category label */ /* Add any category breaks here like this: (needs the image title doing too) */ /* #vertnav li.computers { margin-top:30px; } li.computers span.category-header0 { position:absolute; top:-21px; left:0; width:190px; height:21px; background: url(../images/_categoryBar/categoryBar-myAccountLabel.png) no-repeat left center; } li.ethical-t-shirts span.category-header0 { display:block; margin-top:0px; } li.gift-vouchers span.category-header0 { display:block; margin-top:0px; } */ /* Block: Layered Navigation */ .block-layered-nav { width:190px; border-top:1px solid #4b4b4b; } .block-layered-nav dt { padding:3px 3px 3px 5px; margin-bottom:5px; background-color:#6a6566; } /*{ font-weight:bold; }*/ .block-layered-nav .btn-remove { float:right; margin:0 0 0 5px; font-size:.95em; } .block-layered-nav h3 { color:#fdf772; } /**/ /* Meleniak */ .col-right .block-layered-nav { width:200px; margin-top:0px; } .block-layered-nav .block-title { display:none; } .block-layered-nav .block-subtitle { font-size:1.2em; line-height:1.2em; padding-top:5px; margin-bottom:0.4em; font-weight:normal; } .block-layered-nav .block-content { padding:0px; } .block-layered-nav .label { font-weight:bold; } .block-layered-nav dd { padding:0 3px 3px 5px; } .block-layered-nav dd li { margin-bottom:.3em; line-height:1.3em; } /* Block: Cart */ .block-cart { border-top:1px solid #4b4b4b; } .block-cart .subtotal { text-align: left; } /*{ text-align:center; }*/ /* Meleniak */ .block-cart .block-title { background:url(../images/_categoryBar/categoryBar-shoppingBagLabel.png) no-repeat left 50%; } .block-cart .amount a { font-weight:bold; } .block-cart .block-subtitle { color:#c8c9cb; } .col-right .block-cart .block-title { background:url(../images/_categoryBar/categoryBar-shoppingBagLabel-R.png) no-repeat left 50%; } .block-cart .subtotal .price { font-weight:bold; } .block-cart .actions { margin:10px 0px; text-align:right; } /* Block: Wishlist */ .block-wishlist { border-top:1px solid #4b4b4b; } /* Meleniak */ .block-wishlist .block-title { background:url(../images/_categoryBar/categoryBar-myWishListLabel.png) no-repeat left 50%; } .block-wishlist .block-subtitle { color:#c8c9cb; font-weight:bold; } .col-right .block-wishlist .block-title { background:url(../images/_categoryBar/categoryBar-myWishListLabel-R.png) no-repeat left 50%; } /* Block: Related */ .block-related { border-top:1px solid #4b4b4b; } .block-related .product { margin-left:0px; } /*{ margin-left:20px; }*/ .block-related .product .product-image { margin-left:15px; } /*{ float:left; margin-right:-65px; }*/ .block-related .product .product-details { margin-left:85px; } /*{ margin-left:65px; }*/ /* Meleniak */ .block-related .block-title { background:url(../images/_categoryBar/categoryBar-relatedProductsLabel.png) no-repeat left 50%; } .col-right .block-related .block-title { background:url(../images/_categoryBar/categoryBar-relatedProductsLabel-R.png) no-repeat left 50%; } .block-related .block-subtitle a { text-decoration:underline; } .block-related li.item.last { padding-bottom:0; } /* Block: Compare Products */ .block-compare { border-top:1px solid #4b4b4b; } .block-compare li { padding:3px 0; } /*{ padding:5px 0; }*/ /* Meleniak */ .block-compare .block-title { background:url(../images/_categoryBar/categoryBar-compareProductsLabel.png) no-repeat left 50%; } .col-right .block-compare .block-title { background:url(../images/_categoryBar/categoryBar-compareProductsLabel-R.png) no-repeat left 50%; } .block-compare .actions { margin-top:10px; } .block-compare .actions a { padding-top:5px; } .block-compare .actions button.button { background-color:#000; } /**/ .block-compare .actions button.button span { background-color:#000; } /**/ .block-compare li.item.last { padding-bottom:0; } /* Block: Recently Viewed */ .block-viewed { padding-bottom:4px; border-top:1px solid #4b4b4b; } /* Meleniak */ .block-viewed .block-title { background:url(../images/_categoryBar/categoryBar-recentlyViewedLabel.png) no-repeat left 50%; } .block-viewed .block-content li.item { margin-left:5px; padding:0px 0 8px 0px; } .block-viewed .block-content li a { padding-left:15px; display:block; line-height:14px; background:url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left 3px; } .col-right .block-viewed .block-content li a { background:url(../images/catalog/recentlyViewed-arrow.png) no-repeat left 3px; } .col-right .block-viewed .block-title { background:url(../images/_categoryBar/categoryBar-recentlyViewedLabel-R.png) no-repeat left 50%; } .block-viewed li.item.last { padding-bottom:0; } /* Block: Recently Compared */ .block-compared { padding-bottom:4px; border-top:1px solid #4b4b4b; } /* Meleniak */ .block-compared .block-title { background:url(../images/_categoryBar/categoryBar-recentlyComparedLabel.png) no-repeat left 50%; } .block-compared .block-content li.item { margin-left:5px; padding:0px 0 8px 0px; } .block-compared .block-content li a { padding-left:15px; display:block; line-height:14px; background:url(../images/_categoryBar/categoryBar-arrow.png) no-repeat left 3px; } .col-right .block-compared .block-content li a { background:url(../images/catalog/recentlyViewed-arrow.png) no-repeat left 3px; } .col-right .block-compared .block-title { background:url(../images/_categoryBar/categoryBar-recentlyComparedLabel-R.png) no-repeat left 50%; } .block-compared li.item.last { padding-bottom:0; } /* Block: Poll */ .block-poll .actions { margin:8px 0 0; padding-bottom:0px; } /*{ margin:5px 0 0; }*/ /* Meleniak */ .block-poll { border-top:1px solid #4b4b4b; } .block-poll .block-subtitle { font-weight:bold; position:relative; color:#c8c9cb; } .block-poll .block-title { background:url(../images/_categoryBar/categoryBar-surveyLabel.png) no-repeat left 50%; } .col-right .block-poll .block-title { background:url(../images/_categoryBar/categoryBar-surveyLabel-R.png) no-repeat left 50%; } /* Block: Tags */ /* Meleniak */ .block-tags { border-top:1px solid #4b4b4b; } .block-tags .block-title { background:url(../images/_categoryBar/categoryBar-popularTagsLabel.png) no-repeat left 50%; } .col-right .block-tags .block-title { background:url(../images/_categoryBar/categoryBar-PopularTagsLabel-R.png) no-repeat left 50%; } /* Block: Subscribe */ .block-subscribe { border-top:1px solid #4b4b4b; } /* Meleniak */ .block-subscribe .block-title { background:url(../images/_categoryBar/categoryBar-joinMailingListLabel.png) no-repeat left 50%; } .col-right .block-subscribe .block-title { background:url(../images/_categoryBar/categoryBar-joinMailingListLabel-R.png) no-repeat left 50%; } .block-subscribe input { width:182px; border:2px inset threedface; } .col-right .block-subscribe input { width:192px; } .block-subscribe .actions { text-align:right; margin:8px 0 0; } /* Block: Reorder */ .block-reorder { border-top:1px solid #4b4b4b; } /* Meleniak */ .block-reorder .block-title { background:url(../images/_categoryBar/categoryBar-myOrdersLabel.png) no-repeat left 50%; } .block-reorder .block-subtitle { color:#c8c9cb; font-weight:bold; } .col-right .block-reorder .block-title { background:url(../images/_categoryBar/categoryBar-myOrdersLabel-R.png) no-repeat left 50%; } /* Block: Banner */ .block-banner { color:#ffffff; border-top:1px solid #4b4b4b; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { position:relative; color:#c8c9cb; } /*{ border:0; margin:0 0 7px; }*/ .category-image { display:block; margin:0 auto; } /*{ width:100%; overflow:hidden; margin:0 0 10px; text-align:center; }*/ .category-image img { width:690px; } .category-description { padding:6px 0px 0 0px; color:#ffffff; } /*{ margin:0 0 10px; }*/ /* Meleniak */ /* Category page headers */ .category-message-block .messages { margin:10px 0 -10px 0; } /* Static page category blocks */ .category-description h1 { color:#fdf772; } /**/ .category-description h2 { margin-top:5px; font-size:16px; line-height:18px; color:#fdf772; } /**/ .category-description h3 { margin-top:0px; padding:0; font-size:13px; line-height:16px; } .category-description p { margin-bottom:10px; } .category-description a { text-decoration:underline; color:#ffffff; } .category-description a:hover { color:#000; } /**/ .category-description a.highlight { color:#fdf772; } /**/ .category-description a.highlight:hover { color:#ffffff; } .category-description ul,ol { margin-bottom:10px; } .category-description ol { padding-left:18px; list-style-type:decimal; } .category-description li { margin-bottom:4px; } /* Static page category blocks */ .categoryBlockContainer { float:left; margin-top:10px; position:relative; } .categoryRow { clear:both; float:left; position:relative; width:720px; margin:0px 0px 15px 0px; padding-left:0px; } .shortCategoryRow { clear:both; float:left; position:relative; width:600px; margin:0px 0px 15px 0px; padding-left:100px; } .soloCategoryRow { clear:both; float:left; position:relative; width:300px; margin:0px 0px 15px 0px; padding-left:240px; } .categoryBlock { float:left; position:relative; width:211px; margin:0px 29px 0px 0px; text-align:center; } .categoryBlock { background-color:#ffffff; border:2px solid #fcf33a; width:207px } /* remove 4 pixels for yellow border */ /**/ .shortCategoryRow .categoryBlock { margin-right:65px; } .categoryBlock .categoryName { font-size:16px; padding:1px 0px; line-height:35px; overflow:hidden; width:211px; background-color:#424242; } /**/ .categoryBlock .categoryName { width:207px; } /* remove 4 pixels for yellow border */ /**/ .categoryBlock .categoryName a { color:#dddddd; } /**/ .categoryBlock .categoryName a:hover { color:#666666; } .categoryBlock .categoryImage { height:130px; overflow:hidden; margin:0px 0px 0px; padding:0px; width:211px; border-bottom:1px solid #999999; border-top:1px solid #333333; } .categoryBlock .categoryImage { width:207px; } /* remove 4 pixels for yellow border */ /**/ .categoryBlock .rule { display:none; width:205px; height:1px; margin:5px 5px 0px; border-top:1px solid #b6b6b6; } .categoryBlock .categoryDescription { font-size:11px; line-height:16px; text-align:left; width:200px; height:32px; overflow:visible; padding:5px 6px 6px; color:#1a1818; } /* Category static pages */ .static-page-wrapper { width:680px; margin:15px 0px 0 0px; padding:5px 5px 5px 5px; float:left; background-color:#ffffff; color:#1a1a1a; } .static-page-wrapper span#no-javascript-for-email, .static-page-wrapper span#no-javascript-for-email1, .static-page-wrapper span#no-javascript-for-email2, .static-page-wrapper span#no-javascript-for-email3 { font-weight:bold; color:#ff0000; } /**/ .static-page-wrapper h2 { font-size:2em; margin:5px 0 10px 0; clear:both; font-weight:normal; color:#000000; } /**/ .static-page-wrapper h2 a { font-weight:bold; color:#000000; } /**/ .static-page-wrapper h2 a:hover { color:#393939; } .static-page-wrapper h3 { font-size:1.14em; font-weight:bold; margin-top:0.365em; padding:0; color:#1a1a1a; } .static-page-wrapper h4 { font-size:1em; margin:0; padding:0px; color:#333333; } .static-page-wrapper p { margin-bottom:10px; font-size:13px; } .static-page-wrapper a { text-decoration:underline; color:#1a1a1a; } .static-page-wrapper a:hover { color:#666; } /**/ .static-page-wrapper .highlight { color:#ff0000; } /**/ .catalog-category-view .highlight { color:#fdf772; } /**/ /* View Type: Grid */ .products-grid { border-bottom-style:none; } /*{ position:relative; }*/ .products-grid li.item { width:333px; position:relative; padding:6px 6px; } /*{ float:left; width:138px; padding:12px 10px 80px; }*/ .products-grid .product-image { float:left; margin:0; width:205px; height:155px; border-right:1px solid #999999; } /*{ display:block; width:135px; height:135px; margin:0 0 10px; }*/ .products-grid .product-name { padding-top:10px; margin:0; font-weight:normal; } /*{ margin:0 0 5px; font-weight:bold; font-size:13px; }*/ .products-grid .product-name a { font-size:14px; line-height:16px; color:#1a1a1a; } .products-grid .price-box { line-height:normal; position:relative; margin:5px 0 0 0; } /*{ margin:5px 0; }*/ .products-grid .minimal-price-link { color:#1a1a1a; } .products-grid .minimal-price .price-label { color:#999; } /**/ .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:690px; } /*{ width:632px; margin:0 auto; }*/ /* Meleniak */ .products-grid li.item.last { float:right; } .products-grid .product-block { width:330px; float:left; position:relative; background-color:#ffffff; color:#1a1a1a; } .products-grid li.item.last .product-block { float:right; } .products-grid img { float:left; width:205px; overflow:hidden; } .products-grid a:hover { color:#000; } /**/ .products-grid .detail { float:left; position:relative; padding-left:8px; width:115px; } .products-grid .product-new { width:61px;height:62px; position:absolute; bottom:0px; left:0px; font-size:0.95em; text-indent:-6786px; overflow:hidden; background:url(../images/_products/new-banner-bottom.png) 0px 1px no-repeat; background-color:transparent!important; } /**/ .products-grid .product-second { position:absolute; bottom:0px; left:125px; font-size:0.95em; } .products-grid .product-bargain { position:absolute; bottom:26px; right:6px; font-size:0.95em; } .products-grid .availability { position:absolute; top:5px; left:10px; font-size:0.95em; } .products-grid .availability.coming-soon { left:125px; } /* 'View' button */ .products-grid button { position:absolute; right:5px; bottom:5px; } .products-grid button.button { background-color:#6a6566; } .products-grid button.button span { background-color:#6a6566; color:#ffffff; } /* 'Buy' button */ .products-grid button.btn-cart { position:absolute; right:60px; bottom:5px; } /* View Type: List */ .products-list li.item { border-color:#4b4b4b; } .products-list .product-image { width:205px; height:155px; } /*{ float:left; width:135px; height:135px; margin:0 0 10px; }*/ .products-list .product-shop { margin-left:225px; color:#ffffff; } .products-list .product-name { font-size:14px;} .products-list .product-name a { font-size:14px; color:#ffffff; } .products-list .availability { margin-top:8px; } .products-list .desc .link-learn { text-decoration:underline; font-size:12px; font-weight:bold; color:#ffffff; } /* Meleniak */ .products-list a:hover { color:#fdf772; } /**/ .products-list button.btn-cart { margin-top:3px; } .products-list button.btn-cart span span { font-size:14px; } .products-list .product-second { font-size:0.95em; } .products-list .product-bargain { font-size:0.95em; } .products-list .add-to-links li a { text-decoration:underline; } .products-list .desc .link-more:hover { color:#fdf772; } /**/ .products-list .availability.out-of-stock span { color: #f00; } /**/ /* Meleniak */ /* Search results */ .catalogsearch-result-index .page-title h1, .catalogsearch-result-index .page-title h2 { color:#c8c9cb; } .catalogsearch-result-index .page-title p { margin:10px 5px 5px 5px; display:block; padding:4px 12px; font-weight:bold; background-color:#cccccc; color:#1a1a1a; border:1px solid #222222; } /**/ .catalogsearch-result-index p.note-msg { margin:10px 0 0 0!important; } .catalogsearch-result-index .page-title p a { font-weight:bold; text-decoration:underline; } .catalogsearch-result-index .page-title a { color:#000; } /**/ .catalogsearch-result-index .page-title a:hover { color:#666; } /**/ /* Search results Type: Grid */ .products-grid li.item.search { width:154px; padding-left:13px; } /*[3col padding-left:25px, 4 col:11px +line774]*/ .catalogsearch-result-index .products-grid li.item.search { padding-right:9px; } /* 3 column 6px, 4 column 9px */ .products-grid li.item.search.first { padding:6px; } .products-grid li.item.search.last { padding:6px; } .products-grid .search-block { width:150px; padding:0; text-align:center; border:2px solid #fff24a; } /**/ .products-grid .search-block .product-name { padding-top:0px; overflow:hidden; background-color:#424242; } /**/ .products-grid .search-block .product-name a { color:#dddddd; } /**/ .products-grid .search-block a { font-size:12px; line-height:15px; height:30px; display:block; overflow:hidden; } .products-grid .search-block a:hover { color:#666666; } .products-grid .search-block .product-image { width:150px; height:112px; border-top:1px solid #333333; border-bottom:1px solid #999999; border-right:none; border-left:none; } .products-grid .search-block img { width:154px; height:112px; margin:0 -2px; border-right:0px none; } .products-grid .search-block .availability { top:126px; left:1px; line-height:18px; } .products-grid .search-block .availability span { padding:1px; } .products-grid .search-block .price-box { margin-top:0; height:25px; line-height:25px; float:right; } .products-grid .search-block .old-price { margin:1px 10px 0 0; float:left; } .products-grid .search-block .special-price { font-size:1.334em; margin-right:5px; line-height:25px; float:left; } .products-grid .search-block .regular-price { font-size:1.334em; margin-right:5px; } .products-grid .search-block .minimal-price-link { display:none; } .products-grid .price-box .old-price .price { font-size:1em; } .products-grid .search-block .price-to { display:none; } .products-grid .search-block .product-second { left:0px; bottom:122px; width:68px; text-align:left; padding-left:2px; display:block; background-color:#ffffff; color:#1a1a1a; } .products-grid .search-block .product-bargain { right:0px; bottom:122px; width:80px; display:block; z-index:1; background-color:#ffffff; color:#1a1a1a; } .products-grid .search-block .product-new { bottom:87px; left:100px; width:51px;height:51px; z-index:100; background:url(../images/_products/new-banner-top.png) 0px 0px no-repeat; background-color:transparent!important; } .products-grid .search-block .availability.out-of-stock span { background-color:#ffffff; } .products-grid .search-block button.button { padding: 0 0 0 8px; height:14px; right:1px; bottom:27px; } .products-grid .search-block button.button span { padding: 0 4px 0 0; height:14px; line-height:14px; } /* Advanced search form */ .catalogsearch-advanced-index .form-list .input-range { display:block; clear:both; width:260px; } .catalogsearch-advanced-index .form-list .multiselect { display:block; clear:both; width:260px; } .catalogsearch-advanced-index .buttons-set p { float:left; margin:5px 0 0 -5px; } /* Search terms hidden link */ .catalogsearch-advanced-index .buttons-set p a:hover { cursor:text; color:#c8c9cb; } .catalogsearch-advanced-index #advanced-search-list label { color:#fdf772; } /**/ /* Advanced search results */ .advanced-search-summary { color:#ffffff; } .advanced-search-summary p { margin:10px 5px 5px 5px; display:block; padding:4px 12px; font-weight:bold; background-color:#cccccc; color:#1a1a1a; border:1px solid #222222; font-weight:normal;} /**/ .advanced-search-summary p a { font-weight:normal; text-decoration:underline; color:#000; } /**/ .advanced-search-summary p a:hover { color:#1a1a1a; } .col2-right-layout .products-grid { width:670px; } .col2-right-layout .products-grid li.item.search { padding-left:7px; } .col2-right-layout .products-grid li.item.search.last { padding-right:7px; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin-top:5px;} /* { margin:0; }*/ /* Meleniak */ .no-rating a { font-size:0.833em; line-height:1.8em;text-decoration:underline; color:#787878; } .ratings { color:#ffffff; } /*{ font-size:11px; line-height:1.25; margin:7px 0; }*/ .ratings .rating-box { margin-right:10px; } /*{ float:left; margin-right:3px; }*/ /* Meleniak */ .ratings .rating-links a { text-decoration:underline; color:#787878; } /* Availability */ .availability span { font-family:Helvetica, Arial, sans-serif; } /*{ font-weight:bold; }*/ .availability.in-stock span { color:#101010; } .availability.out-of-stock span { color:#000; } /**/ .availability-only a { background:url(../images/i_availability_only_arrow.gif) 100% 0 no-repeat; } /*{ cursor:pointer; padding-right:15px; }*/ .availability-only .expanded { background-position:100% -15px; } /*{ background-position:100% -15px; }*/ /* Email to a Friend */ /* Meleniak */ .product-view .email-friend a { font-size:0.833em; line-height:1.8em; text-decoration:underline; color:#787878; } .product-view .buckle-size { font-weight: bold; margin-top:5px; line-height: 14px; } .product-view .strap-size { font-weight: bold; margin-top:-2px; } /* Alerts */ .alert-price { clear:right; margin-bottom:4px; } .alert-stock { clear:right; margin-top: -4px;} /* Meleniak */ .product-view .alert-price a { font-size:0.833em; line-height:1.8em; text-decoration:underline; color:#787878; } .product-view .alert-stock a { font-size:0.833em; line-height:1.8em; text-decoration:underline; color:#787878; } /********** < Product Prices */ .price-box .price { font-weight:normal; font-size:16px; } /*{ font-weight:bold; }*/ /* Regular price */ .regular-price { font-size:16px; } /* Old price */ .old-price { white-space:nowrap; color:#999; } /**/ .old-price .price { color:#999; } /*{ font-weight:normal; text-decoration:line-through; } */ /* Special price */ .special-price { font-size:1.5em; } .special-price .price-label { display:none; } /* Minimal price (as low as) */ .minimal-price .price-label { font-weight:normal; } /*{ font-weight:normal; white-space:nowrap; }*/ /* Meleniak */ .bundle-price-box { display:none; } /* Used for bundles */ .special-price .price-excluding-tax .price { line-height:12px; font-size:12px; } .special-price .price-excluding-tax .label { line-height:12px; font-size:12px; } .special-price .price-including-tax .price { line-height:12px; font-size:12px; display:none; } .special-price .price-including-tax .label { line-height:12px; font-size:12px; display:none; } /********** Product Prices > */ /* Tier Prices */ /* meleniak */ ul.tier-prices { margin:5px 0 10px 0; } .tier-prices-grouped { clear:both; float:right; } /* Add to Cart */ .add-to-cart .qty { width:20px!important; margin-right:5px; border:1px solid #cccccc; } /*{ float:left; }*/ .add-to-cart button.button { height:24px; } /*{ float:left; margin-left:5px; }*/ /* Meleniak */ .add-to-cart button.btn-cart span { font-size:16px; line-height:24px; height:24px; } .add-to-cart-loader { display: none; float: right; color:#999999; font-size: 12px; margin: 1px 0 0 0; position: relative; text-transform: uppercase; text-align:right; } #quantity-unavailable { color: #f00; display: none; font-size: 12px; margin: 0 0 5px 0; text-align:right; } /* Add to Links + Add to Cart */ /* (Products without options) */ .add-to-box .add-to-cart { float:right;margin-left:20px; } /*{ float:left; }*/ .add-to-box .or { display:none; } /*{ float:left; margin:0 10px; }*/ .add-to-box .add-to-links { float:right; margin-right:0px; } /*{ float:left; }*/ /* Meleniak */ .add-to-box .add-to-links a { font-weight:normal; text-decoration:underline; color:#787878; } .add-to-box .add-to-links a:hover { color:#1a1a1a; } .product-view { font-size:1em; z-index:1; color:#393939; line-height:1.5; } .product-view a { text-decoration:underline; color:#000; font-weight:bold; } /**/ .product-view a:hover { color:#666; } /**/ .product-essential { z-index: 1; color:#1a1a1a; } .product-collateral .box-collateral { margin:0; } /*{ margin:0 0 15px; }*/ /* Product Images */ .product-view .product-img-box { clear:left; margin:10px 0 0 0px; width:352px; z-index:1; } /*{ float:left; width:267px; }*/ .product-view .product-img-box .product-image { z-index:3; border:1px solid #C6C6C6; } .product-view .product-img-box .product-image-zoom { width:350px; z-index:2; } /*{ position:relative; width:265px; height:265px; overflow:hidden; z-index:9; }*/ .product-view .product-img-box .product-image-zoom img { z-index:1001; } /*{ position:absolute; left:0; top:0; cursor:move; }*/ .product-view .product-img-box .zoom-notice { font-size:11px; } /*{ text-align:center; }*/ .product-view .product-img-box .more-views li { margin:0 0 8px 3px; background-color:#fff; } /*{ float:left; padding:1px; margin:0 0 8px 4px; background-color:#ddd; }*/ .product-view .more-views h2 { font-size:0.9em; margin-left:1px; color:#787878;} /* Meleniak */ .product-view #main-image img { border:1px solid #C6C6C6; } .product-view .more-views img { border:1px solid #C6C6C6; } .product-image-popup { z-index:3; } /*{ margin:0 auto; }*/ /* Product Shop */ .product-view .product-shop { width:325px; margin:10px 0px 0 0; text-align:right; z-index: 1; color:#393939; } /*{ float:right; width:445px; }*/ .product-view .short-description { margin-top:10px; } /* Meleniak */ .product-view .product-name h1 { font-size:1.667em; line-height:1.05em; font-family:Helvetica, Arial, sans-serif; color:#1a1a1a; } .product-view h2 { font-size:1.25em; line-height:1.206em; padding-top:2px; color:#1a1a1a; } .product-view .short-description h2 { display:none; } /* Quick Overview */ .short-description .std p { margin-bottom:8px; } /* Optional blocks and attributes */ .product-comment { margin-top:5px; } .product-comment .static { margin-top:8px } .product-comment a { text-decoration:underline; color:#000; font-weight:bold; } /**/ .extra-text-left-top { float:left; margin:10px 0 0 0; width:352px; } .extra-text-left-bottom { clear:left; float:left; margin:10px 0 0 0; width:342px; padding-left:0px; } .extra-text-left-bottom h2 { display:none; } .extra-text-left-bottom a { text-decoration:underline; } .extra-text-left-bottom .std p { margin-bottom:8px; } .extra-text-left-bottom .indent { margin-left:70px; } .extra-text-left-bottom .wide-shaded-box { background-color:#eeeeee;border: 1px solid #dddddd; padding:10px 20px; width:312px; } .extra-text-left-bottom .shaded-box { background-color:#f9f9f9;border: 1px solid #dddddd; padding:10px 20px; width:250px; } .extra-text-left-bottom .bordered-box { border: 1px solid #cccccc; padding:10px 20px;} .extra-text-left-bottom .caption-box { border: 1px solid #cccccc; padding:5px 5px; font-size:10px; width:342px; } .extra-block-left-bottom { /*clear:left; float:left;*/ margin:10px 0 0 0; width:352px; } .extra-block-right-bottom { clear:right; float:right; width:325px; /*margin-top:30px;*/ } /* Price */ .product-view .price-wrapper { clear:right; float:right; line-height:1.5em; } .product-view .price-box { float:right; position:relative; margin-top:10px; } .product-view .price-box p.price-as-configured { margin-bottom:5px } .product-view .price-box .old-price { float:left; font-size:1.084em; padding-right:10px; padding-top:4px; white-space:nowrap; } .product-view .price-box .special-price { float:left; font-size:1.4em; color:#101010; } .product-view .price-box .regular-price { float:left; font-size:1.4em; color:#101010; } .product-view .price-box .old-price .price { font-size:1em; } /* 'Second' & Availability */ .product-view p.product-second { clear:both; float:right; width:100px; position:relative; } .product-view .availability { clear:right; margin-top:30px; position:relative; } .product-view .availability.options-left { margin-top:0px; } .product-view .availability .out-of-stock { float:right; } .product-view .availability-label { display:none; } .product-view .message-box { font-size:1.1em; line-height:1.2em; margin:13px -5px 13px 0; width:325px; padding:5px; font-family:Helvetica, Arial, sans-serif; clear:right; float:right; color: #ff0000; border:1px solid #ff0000; } /**/ .product-view .message-box strong { font-weight:bold; } .product-view .message-box a.emailLink { text-decoration:underline; color:#ff0000; } /**/ .product-view .message-box a.emailLink:hover { color:#1a1a1a; } .product-view .message-box span { font-weight:normal; color:#000000; } /* Gift Certificate */ .product-view .gift-card-info { position:relative; float:right; margin-top:20px; margin-bottom:30px; } .product-view .gift-card-info label { color:#000000 } /* Product Options */ .product-options { clear:right; margin:0 0 10px 0; float:right; width:315px; padding:10px 5px 5px 10px; text-align:right; } /*{ padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6;}*/ /*AN. possibly remove this */ /* AN. Change the left margin below to move the label left - Can be set in the product using an attribute*/ .product-options dt label { clear:left; float:left; margin:0 0 10px 2px; font-size:12px; font-weight:normal; text-align:right; font-family:Helvetica, Arial, sans-serif; color:#101010; } /*{ font-weight:bold; }*/ /* AN. Change the width below for the select form width - Can be set in the product using an attribute */ .product-options dd { margin: 0 0 10px 0; width:80%; float:right; text-align:left; } /*{ margin:10px 0; }*/ .product-options p.required { clear:right; padding:0; /*display:none;*/ } /*{ padding:15px 0 0; }*/ /* Meleniak */ .product-options dt { clear:both; } .product-options span.required { /*display:none;*/ } .product-options li a { text-decoration:underline; } .product-options-bottom { clear:right; float:right; padding:0; border-style:none; width:300px; } /*{ padding:10px; border-top:0; border:1px solid #4b4b4b; }*/ .product-options-bottom .price-box { float:left; } /*{ margin:10px 0; }*/ /* Meleniak */ .product-options .qty-holder { display:none; } /* Used for bundles */ .price-notice { display:none; } /* Used for bundles */ .item-options dd span.price { display:none; } /* Used for bundles */ /* (Products with options only) */ .product-options-bottom .add-to-cart { float:right; margin-left:20px; } /*{ float:left; }*/ .add-to-links { float:right; margin-right:0px; text-align:right; white-space:nowrap; } .add-to-links a { font-weight:normal; text-decoration:underline; color:#787878; } .add-to-links a:hover { color:#1a1a1a; } /* Grouped Product */ .product-view .grouped-items-table { margin:5px 0 20px 0; } /* Added for Meleniak */ .product-view .grouped-items-table td { vertical-align:middle; } .product-view span.product-second { margin-left:5px; font-size:10px; } .product-view .grouped-items-table .price-box { margin-top:0px; } .product-view .grouped-items-table .price-box .old-price { margin-top:4px; } .product-view .availability.grouped { margin-top:10px; } .product-view .grouped-items-table .availability.grouped { margin-top:0px; line-height:normal; } .product-view .grouped-items-table .availability.grouped span { font-weight:normal; } /* Meleniak*/ /* 'Hover block Nav menu' */ .product-nav-block { clear:right; float:right; margin-top:15px; z-index:70; position:relative; } .product-nav-block ul { z-index:70; } .product-nav-block ul li { display:inline; z-index:70; } .product-nav-block a { text-decoration:underline; line-height:22px; display:block; padding:0 10px 0 9px; float:left; font-size:10px; font-family:Helvetica, Arial, Verdana, sans-serif; z-index:70; background:url(../images/_products/productNavBar-seperator.png) no-repeat right center; } .product-nav-block a.size-guide { font-weight:bold; } .product-nav-block a.size-guide span.ruler-icon { padding-left:22px; float:left; text-decoration:underline; background:url(../images/_products/productDetail-titleRulerIcon.png) no-repeat 0px -2px; } .product-nav-block a.delivery-info { padding-right:0px; background:none; } .product-nav-block a:hover { color:#000; } /* Pop-Up Hover boxes */ .product-nav-block a p { margin-bottom:5px; font-size:12px; line-height:14px; width:350px; font-family:Arial, hevetica, sans-serif; color:#999; } /**/ .product-nav-block a.size-guide span.size-guide-box { position:absolute; z-index:150; width:350px; top:22px; left:-127px; display:none; padding:5px; font-weight:normal; background-color:#ffffff; border:1px solid #bbbbbb; } .product-nav-block span.returns-info-box { position:absolute; z-index:150; width:350px; top:22px; left:-127px; display:none; padding:5px; background-color:#ffffff; border:1px solid #bbbbbb; } .product-nav-block span.delivery-info-box { position:absolute; z-index:150; width:350px; top:22px; left:-127px; display:none; padding:5px; background-color:#ffffff; border:1px solid #bbbbbb; } a.size-guide:hover span.size-guide-box { text-decoration:none; display:inline; } a.returns-info:hover span.returns-info-box { text-decoration:none; display:inline; } a.delivery-info:hover span.delivery-info-box { text-decoration:none; display:inline; } /* Meleniak */ /* Tabs */ .product-view .product-tabs { clear:both; float:left; margin:10px 0px 10px 0px; padding:10px 5px; width:680px; border:1px solid #cccccc; background-color:#eeeeee; } .review-product-list .product-view .product-tabs { display:none; } .product-view .box-additional h2 { display:none; } .tabs { float:left; margin-top:0px; } .tabs li { float:left; font-size:0.834em; line-height:1em; } .tabs li.first { font-size:1em; line-height:1em; font-weight:bold; color:#101010; } /* 'Additional info' header */ .tabs a { padding:6px 10px 6px 0; text-decoration:underline; } .tabs li.active a { text-decoration:none; } .tabs li.active a:hover { color:#393939; } .col-main .padder { clear:both; width:680px; padding-bottom:10px; } /* Attributes List */ .box-additional table { width:100%; float:left; margin:10px 0px 0 0; } .box-additional .data-table th { font-size:0.834em; line-height:1em; text-transform:none; padding:3px 5px; color:#393939; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; } .box-additional .data-table td { color:#393939; background-color:#eeeeee; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; } .box-additional .data-table td.spacer { border-bottom:1px solid #eeeeee; } .box-additional .data-table td.data { font-size:0.834em; line-height:1em; padding:3px 5px; } .box-additional .data-table tr.first td.data { border-top:1px solid #cccccc; } .box-additional .data-table tr.first th { border-top:1px solid #cccccc; } /* Product Detail - Page separator */ .product-page-divider hr { border-style:solid none none none; margin:10px 0; position:relative; z-index:1; border-top:1px solid #cccccc; } /* Block: Upsell */ .product-view .box-up-sell { position:relative; width:400px; float:left; margin:0 0 20px 0px; } .product-view .box-up-sell .products-grid td { width:33%; padding:0; color:#1a1a1a; } /*{ width:25%; }*/ /* Meleniak */ .box-up-sell h2 { font-family:Arial, hevetica, sans-serif; font-size:1em; margin-top:5px; color:#393939; } .box-up-sell .products-grid { width:100%; } .box-up-sell .display-block { float:left; width:108px; margin-top:10px; border:1px solid #fff24a; } /**/ .box-up-sell .product-name { height:20px; line-height:18px; padding:1px 5px 3px; text-align:center; overflow:hidden; background-color:#424242; } /**/ .box-up-sell .product-name h3 { font-size:9px; line-height:11px; } .box-up-sell .product-name a { font-size:9px; line-height:11px; margin:0; padding:0; color:#dddddd; } /**/ .box-up-sell .product-name a:hover { color:#666666; } .box-up-sell .product-image { overflow:hidden; height:82px; width:108px; border-bottom:1px solid #cccccc; border-right:none; border-left:none; } .box-up-sell .products-grid img { overflow:hidden; height:82px; width:108px; } .box-up-sell .price-box { line-height:1.6663em; margin:0 5px 0 0; float:right; } .box-up-sell .price-box .old-price { font-size:0.833em; padding-right:10px; float:left; color:#999; } /**/ .box-up-sell .price-box .old-price .price { font-size:12px; } .box-up-sell .price-box .old-price .price-label { display:none; } .box-up-sell .price-box .special-price { float:left; } .box-up-sell .price-box .regular-price { float:right; } .box-up-sell .minimal-price-link { display:none; color:#101010; } .box-up-sell .minimal-price { color:#101010; } .box-up-sell .price-from span.price-label { color:#101010; } .box-up-sell .price-box .price-to { display:none; } /* Block: Tags */ .product-view .box-tags { padding-top:10px; } .product-view .box-tags .form-add label { margin-top:2px; } /*{ float:left; }*/ /* Meleniak */ .box-tags h2 { display:none; font-size:1.25em; } .box-tags h3 { font-size:0.834em; color:#393939; } .box-tags p { font-size:0.834em; margin-top:5px; } .product-tags a { text-decoration:underline; color:#999; } /**/ /* Block: Reviews */ /* Meleniak */ .product-view .box-reviews .pager p.amount { margin-top:2px; margin-right:30px; } .product-view .box-reviews .pager { color:#1a1a1a; } .product-view .box-reviews h3 { color:#999999; } /**/ .product-view .box-reviews h4 { color:#787878; } .product-view .box-reviews label { color:#1a1a1a; } .product-view .box-reviews textarea { border-bottom:1px solid #aaaaaa!important; border-right:1px solid #aaaaaa!important; } .product-view .box-reviews input { border-bottom:1px solid #aaaaaa!important; border-right:1px solid #aaaaaa!important; } /* Meleniak */ .send-friend p#add_recipient_button button { display:block; margin-right:10px; } /* Product Detail - Lower Page Container */ .bottom-section { width:690px; float:left; position:relative; } /* Contact Details - float to the right of Related Products */ .bottom-section .contact-details { float:right; margin:-7px 0px 15px 0; font-family:Helvetica, Arial, sans-serif; position:relative; z-index:1; width:275px; } .bottom-section .contact-details strong { font-weight:normal; white-space:nowrap; color:#999999; } .contact-details .can-we-help { height:30px; font-size:28px; position:relative; } .contact-details .can-we-help a { text-indent:-6786px; overflow:hidden; position:absolute; top:0px; right:-3px; width:165px; background:url(../images/_products/contact-canWeHelp.png) no-repeat 0px 7px; width:165px; } .contact-details .can-we-help a:hover { background-position:-173px 7px; } .contact-details .phone-us { height:22px; position:relative; margin-top:15px; } .contact-details .phone-us a { text-indent:-6786px; overflow:hidden; font-size:18px; position:absolute; top:0px; right:-3px; width:191px; background:url(../images/_products/contact-phoneNo-R.png) no-repeat 0px 3px; width:191px; } .contact-details .phone-us a:hover { background-position:-195px 3px; } .contact-details .email-us { height:23px; position:relative; text-align:right; } .contact-details .email-us a { overflow:hidden; position:absolute; top:0px; right:-3px; height:23px; width:272px; background:url(../images/_products/contact-email-R.png) no-repeat 0px 0px; width:272px; } .contact-details .email-us a:hover { background-position:-278px 0px; } .contact-details .email-us span { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ff0000; } /**/ .contact-details p { font-size:0.833em; text-align:right; margin-top:15px; white-space:nowrap; float:right; } /* ======================================================================================= */ /* Content Styles ================================================================= */ /* Product Tags */ /* Meleniak */ .product-tags li { display:inline; } .tags-list a { text-decoration:underline; } /* Sitemap */ .page-sitemap .links { position:absolute; top:15px; right:15px;} /*{ text-align:right; margin:0 8px -22px 0; }*/ .page-sitemap .links a { text-decoration:underline; } /*{ text-decoration:none; position:relative; }*/ .page-sitemap .sitemap li.level-0 a { color:#fff24a; } /**/ /* Meleniak */ .page-sitemap .sitemap li.level-1 a { color:#d2d3d5; } .page-sitemap .sitemap li.level-2 a { color:#fff24a; } .page-sitemap .sitemap li.level-3 a { color:#d2d3d5; } .page-sitemap .sitemap li.level-4 a { color:#d2d3d5; } .page-sitemap .sitemap li.level-5 a { color:#fff24a; } /**/ .page-sitemap .sitemap li.level-6 a { color:#ffffff; } /* RSS */ .rss-title h1 { padding-left:0px; background-image:none; } /* { padding-left:27px; background:url(../images/i_rss-big.png) 0 4px no-repeat; }*/ /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ /* Checkout Types */ .cart .checkout-types { margin-top:10px; } /*{ float:right; text-align:right; }*/ .cart-table .item-msg { clear:left; } /* Meleniak */ .cart .page-title h1 strong { display:none; } /* Seems to want to display in ie8 !! */ .cart .cart-collaterals .checkout-types li { margin:10px 0; } .cart .cart-collaterals .checkout-types li a { text-decoration:underline; color:#787878; } /* Shopping Cart Table */ /* Meleniak */ .cart .messages { margin-bottom:-18px!important; } .cart-table { margin-top:15px; color:#c8c9cb; } .cart-table thead { background-color:#e9e9e9; } .cart-table th { padding:2px 5px; color:#444444; } .cart-table tr.odd { background-color:#3b3b3b; } .cart-table tr.even { background-color:#3b3b3b; } .cart-table td { padding:10px 5px; line-height:1.5;} .cart-table h2 { line-height:1.5; } .cart-table a:hover { text-decoration:underline; } .item-options { line-height:1.2em; } .item-options dt { font-weight:normal; font-style:normal; } .cart-table tfoot { background-color:#3b3b3b; } .cart tfoot tr { border-top:1px solid #666666; border-bottom:1px solid #666666; } .cart-table tfoot td.a-right { padding:19px 10px 11px 0; } .cart-table tfoot td.a-right button { margin-top:7px; margin-left:3px; } .cart-table a { color:#ffffff; } .cart-table a:hover { color:#fdf772; } /**/ .cart-table span.price { color:#ffffff; } .empty-bag { padding:5px; } .empty-bag h2 { font-size:1.5em; padding:0; margin-bottom:0.4em; color:#fdf772; } /**/ .empty-bag a { text-decoration:underline; color:#ffffff; } .empty-bag a:hover { color:#fdf772; } /**/ /* Shopping Cart Collateral boxes */ /* Meleniak */ .cart .cart-collaterals .col1-set { float:right; } .cart-collaterals h2 { color:#ffffff; } .cart .crosssell { float:left; width:240px; margin:0px 0 0 10px; padding:10px 20px; display:inline; background-color:#464646; } .cart .crosssell .product-image { width:108px; height:82px; border-style: none solid none none; border-right:1px solid #999999; } /*{ float:left; width:75px; height:75px; border:1px solid #ddd; }*/ .cart .crosssell .product-details { margin-left:112px; } /*{ margin-left:90px; }*/ .cart .crosssell li.item { width:235px; position:relative; float:left; margin-top:10px; background-color:#ffffff; } /*{ margin:12px 0; }*/ /* Meleniak */ .cart .col-2 { float:left; } .crosssell ul { float:left; } .cart .crosssell h3 { font-size:0.95em; } .crosssell .product-name a { color:#666; } /**/ .crosssell .product-name a:hover { color:#ddd; } /**/ .crosssell .price-box { float:right; margin:0px 2px 0 0; } .crosssell .product-details .price-box .old-price { font-size:0.834em; line-height:1em; } .crosssell .product-details .price-box .special-price { clear:left; font-size:1.167em; line-height:1em; } .crosssell .product-details .price-box .regular-price { font-size:1.167em; line-height:1.286em; } .crosssell span.price { color:#101010; } .crosssell .old-price span.price { color:#999; } /**/ .crosssell .minimal-price-link { /*display:none;*/ font-size:10px; color:#101010; } .crosssell .minimal-price { color:#101010; } .crosssell .price-from span.price-label { color:#101010; } .crosssell .price-box .price-to { display:none; } .crosssell .product-details .price-box .price { font-size:0.95em; } .crosssell .add-to-links { display:none; } .crosssell button.button { position:absolute; right:3px; bottom:3px; line-height:14px; height:14px; background-color:#000; } /**/ .crosssell button.button span { line-height:14px; height:14px; background-color:#000; } /**/ /* Discount Codes & Estimate Shipping and Tax Boxes */ /* Meleniak - Discount Codes */ .cart .coupon-box { float:left; margin:-89px 0 0 10px; width:100%; display:inline; } .cart .discount { float:left; width:400px; text-align:left; margin:10px 10px 0 0; height:50px; } .cart .discount h2 { float:left; font-size:14px; padding:23px 8px 0 0; color:#ffffff; } .cart .discount label { line-height:20px; color:#fdf772; } /**/ .cart .discount .input-box { float:left; } .cart .discount .buttons-set { clear:none; float:left; margin:0; padding:1px 0 0 5px; } .cart .discount button { margin-right:3px; } .cart .discount button.button span { font-size:10px; line-height:21px; } /* Meleniak - estimate shipping */ .cart .shipping { background-color:#464646; } .cart .shipping .region { /*display:none;*/ } .cart .shipping .postcode { /*display:none;*/ } .cart .shipping .sp-methods dt { color:#fdf772; } /**/ .cart .shipping .sp-methods dd { color:#ffffff; } .cart .shipping p.instructions { color:#ffffff; } .cart .col-1 { float:right; } .cart .shipping h2 { margin-bottom:3px; } .cart .shipping { width:280px; margin:0px 10px 0 0px; padding:10px 20px 15px 20px; text-align:right; display:inline; float:right; } .cart .shipping .form-list { float:right; margin-top:10px; width:246px; } .cart .shipping .form-list .input-box { width:246px; } .cart .shipping .form-list select { width:246px; } .cart .shipping .form-list input.input-text { width:238px; } .cart .shipping .sp-methods dt { font-weight:normal; margin-top:10px; line-height:1.5; } .cart .shipping p.instructions { margin-top:8px; } /* Shopping Cart Totals */ .cart .totals { clear:right; float:right; padding:10px 10px 10px 0; } /*{ float:right; }*/ /* Meleniak */ .cart .totals tfoot td { padding:10px 5px; } .cart .totals strong { color:#ffffff; } /* Options Tool Tip */ .item-options dt { clear:left; float:left; color:#ffffff; } /* { font-weight:bold; font-style:italic; }*/ .item-options dd { float:left; } /*{ padding-left:10px; }*/ .truncated .truncated_full_value { z-index:90; } /*{ position:relative; z-index:999; }*/ .truncated .truncated_full_value .item-options { width:250px; border:1px solid #999; background-color:#3b3b3b; } /*{ position:absolute; top:-99999em; left:-99999em; z-index:999; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; }*/ /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { color:#ffffff; } /*{ font-weight:bold; }*/ /* Meleniak */ .sp-methods dd { padding-bottom:10px; } /* Tooltip */ .tool-tip { border:1px solid #4b4b4b; } /*{ padding:5px; position:absolute; z-index:9999; background-color:#f6f6f6; }*/ /* Gift Messages */ .gift-messages { margin-top:10px; } .gift-messages-form { margin-top:10px; color:#1a1a1a; background-color:#eeeeee; } /*{ position:relative; border:1px solid #4b4b4b; background-color:#f5f5f5; }*/ .gift-messages-form label { font-weight:normal; color:#000; } /*{ float:none !important; position:static !important; }*/ .gift-messages-form h4 { font-size:12px; color:#cc4444; } /**/ /* Meleniak */ #allow_gift_messages_for_order { display:none; } /* Hide that dodgy 'whole order' click box that appears on v1.501 */ .gift-messages-form p label { display:none; } /* Hide that dodgy 'whole order' click box label that appears on v1.501 */ .gift-messages .control input { margin-top:-3px; } .gift-messages-form .form-list label { color:#cc4444; } /**/ .gift-messages-form textarea { border-bottom:1px solid #aaaaaa!important; border-right:1px solid #aaaaaa!important; } .gift-messages-form input { border-bottom:1px solid #aaaaaa!important; border-right:1px solid #aaaaaa!important; } .gift-messages-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-link { background:url(../images/bkg_collapse.gif) 0 2px no-repeat; } /*{ display:block; padding-left:20px; background:url(../images/bkg_collapse.gif) 0 4px no-repeat; }*/ .gift-message-link.expanded { background-position:0 -55px; } /*{ background-position:0 -53px; }*/ /* Checkout Agreements */ .checkout-agreements li { margin:10px 0 20px; } /*{ margin:10px 0; }*/ .checkout-agreements .agreement-content { padding:0px 5px; height:18px; border:0px solid #4b4b4b; background-color:#3b3b3b; } /*{ padding:5px; height:10em; overflow:auto; border:1px solid #ddd; background-color:#f6f6f6; }*/ .checkout-agreements .agree { padding:2px 4px; } /*{ padding:6px; }*/ /* Meleniak */ .checkout-agreements .agree label { font-weight:bold; margin-left:5px; color:#fff; } .checkout-agreements .req { color:#eb340a; } .checkout-agreements input.checkbox { margin-top:-3px; } .checkout-agreements a.t_c_link { text-decoration:underline; color:#fdf772; } /**/ .checkout-agreements a.t_c_link:hover { color:#c8c9cb; } /********** Common Checkout Styles > */ /* One Page Checkout */ /* Meleniak */ .block-progress .block-title { text-align:center; color:#ffffff; background:url(../images/_categoryBar/categoryBar-checkoutProgressLabel-R.png) no-repeat 90% 50%; } .block-progress .block-title span { font-size:22px; padding-left:5px; } .block-progress .block-content dl dt { margin:6px; padding:1px 4px; background-color:#cccccc; color:#444444; } .block-progress .block-content dl dt.complete { margin-bottom:0; } .block-progress .block-content dl dt.complete span { color:#000000; } .block-progress .block-content dl dd { border-style:none solid solid; border-width:0 1px 1px; margin:0 6px 6px; padding:7px 11px; background-color:#464646; color:#ffffff; border-color:#666666 #666666; } .block-progress dl dt a { text-decoration:underline; color:#cc4444; } /**/ .block-progress dl dt a:hover { color:#444444; } .opc { line-height:18px; border-bottom:1px solid #4b4b4b; } /*{ position:relative; border-bottom:1px solid #ddd; }*/ .opc li.section { border:1px solid #4b4b4b; } /*{ border-bottom:0; border-bottom:1px solid #ddd; }*/ /* Meleniak */ .opc h3 { font-size:12px; line-height:17px; color:#fdf772; } /**/ .opc .buttons-set a { text-decoration:underline; } .opc .buttons-set .back-link a { text-decoration:none; } .opc .buttons-set.disabled button.button {} /*{ display:none; }*/ .opc .buttons-set .please-wait {} /*{ height:21px; line-height:21px; }*/ .opc .step-title { padding:6px 8px; background-color:#eeeeee; border-top:1px solid #b9b9b9; } /*{ padding:0 5px; text-align:right; background-color:#f6f6f6; }*/ .opc .step-title .number { padding:0 4px; margin-top:2px; line-height:1.3em; background-color:#999999; color:#222222; border:1px solid #b9b9b9; } /*{ float:left; line-height:22px; margin-right:5px; }*/ .opc .step-title h2 { padding:1px 4px 0 4px; margin-left:8px; line-height:1.375em; font-size:1.167em; font-weight:normal; color:#393939; } /*{ float:left; }*/ .opc .active .step-title { font-weight:bold; border-top:1px solid #535353; } /*{ cursor:default; background-color:#ccc; }*/ /* Meleniak */ .opc .active .step-title .number { background-color:#000; color:#ffffff; border-color:#b9b9b9; } /**/ .opc .active .step-title h2 {font-weight:bold; color:#000; } /**/ .opc .step { border-top:1px solid #4b4b4b; } /*{ padding:10px; position:relative; border-top:1px solid #ddd; }*/ /* Meleniak - Steps */ /* Login */ .opc #checkout-step-login .col-1 { width:45%; } .opc #checkout-step-login .col-2 { width:43%; padding-left:36px; border-left:1px solid #666666; } /* For divider line */ .opc #checkout-step-login h4 { font-size:12px; font-weight:bold; } /* If you've already created an account with us */ .opc #checkout-step-login .buttons-set { margin-top:0; padding:0;} .opc #checkout-step-login .buttons-set .f-left { position:absolute; right:165px; bottom:36px; color:#fdf772; } /* Forgot password */ .opc #checkout-step-login .buttons-set a.f-left:hover { color:#ffffff; } /* Forgot password */ .opc #checkout-step-login .form-list label{ font-weight:normal; } .opc .col-1 .form-list li { margin-top:10px; } .opc .col-1 .form-list p { margin-left:20px; font-size:11px; line-height:16.5px; } /* Billing Information */ .opc #checkout-step-billing .form-list li.control { float:left; margin-right:10px; } /* deliver to this address or different addresss */ .opc #checkout-step-billing .form-list li.control label { font-weight:normal; } /* deliver to this address or different addresss */ /* Shipping Information */ .opc #checkout-step-shipping .form-list li.control label { font-weight:normal; } /* use billing address */ /* Payment details */ .sage-pay-overview p { margin-top:10px; } .sage-pay-transfer { padding:5px; margin:10px 0 0 0; } /* Custom attributes */ .opc #co-meleniak-additional-form .form-list { position:relative; } .opc #co-meleniak-additional-form .form-list .required em { display:none; } .opc #co-meleniak-additional-form .form-list .field { width:600px; } .opc #co-meleniak-additional-form .form-list label { padding-right:5px; font-weight:bold; color:#fff; } .opc #co-meleniak-additional-form span.label label { font-weight:bold; color:#c8c9cb; } .opc #co-meleniak-additional-form .input-box { clear:none; width:600px; } .opc #co-meleniak-additional-form ul li { margin:0 0 10px 0px; } .opc #co-meleniak-additional-form ul li li { margin:0px; } .opc #co-meleniak-additional-form input.checkbox { margin-top:-1px; } .opc #co-meleniak-additional-form .form-list input.input-text { width:568px } .opc #co-meleniak-additional-form p { color:#fdf772; } /**/ .opc #co-meleniak-additional-form p a { color:#fdf772; } /**/ .opc #co-meleniak-additional-form p a:hover { color:#c8c9cb; } .opc #cco-meleniak-additional-form p.hear-about { position:absolute; top:1px; left:400px; width:100px; } .opc #co-meleniak-additional-form .form-list textarea.input-text { width:570px } .opc #co-customreview-form p.maillist_text { left:250px; } .sage-pay-transfer { border:1px solid #aaa; } /* Order review */ .opc #checkout-review-table { margin-bottom:15px; } .opc #checkout-review-table thead th { padding:4px 5px; font-size:11px; } .opc #checkout-review-table tbody tr { border-bottom: 1px solid #aaaaaa; } .opc #checkout-review-table tbody td.last { text-align:right; } .opc #checkout-review-table tfoot strong { color:#1a1a1a; } .opc #checkout-review-table tfoot tr.first { border-top: 1px solid #666666; } .opc #checkout-review-table tfoot td { padding:2px 5px; } .opc #checkout-review-table tfoot tr.last { border-top: 1px solid #666666; border-bottom: 1px solid #666666; } .opc #checkout-review-table tfoot tr.last td { padding:10px 5px; } .opc #checkout-review-table .product-name { color:#1a1a1a; } .opc #checkout-review-table dt { color:#444444; } .opc .item-options { margin-left:10px; } .opc .item-options dt { font-weight:bold; } .opc #checkout-step-review .buttons-set p.f-left { color:#ffffff; } /* Forgot an item */ .opc #checkout-step-review .buttons-set p.f-left a { color:#fdf772; } /* change contents */ /**/ .opc #checkout-step-review .buttons-set p.f-left a:hover { color:#ffffff; } /* change contents */ .opc #checkout-step-review .buttons-set button.button { height:30px; } .opc #checkout-step-review .buttons-set button.button span { height:30px; line-height:30px; font-size:16px; } /* Order Received */ .checkout-onepage-success p { padding-left:5px; line-height:1.5; } .checkout-onepage-success h2.thank-you { padding-top:8px; margin-bottom:0.7em; margin-left:2px; color:#fdf772; } /**/ .checkout-onepage-success p a { text-decoration:underline; margin-bottom:0.4em; color:#ffffff; } .checkout-onepage-success p a:hover { color:#c8c9cb; } .sage-pay-overview { padding:0 10px 0 20px; margin-top:10px; } .protx-standard-failure h1 { color:#fdf772; } /**/ .protx-standard-failure .sage-pay-error p { margin-top:10px; } .protx-standard-failure .sage-pay-error p.payment-error { color:#fdf772; } /**/ .protx-standard-failure .sage-pay-error a { text-decoration:underline; } /* Multiple Addresses Checkout */ .checkout-progress li.active { border-top-color:#fdf772; color:#fdf772; } /*{ border-top-color:#000; color:#000; }*/ /**/ /* Meleniak */ .multiple-checkout .data-table { margin-top:10px; } .multiple-checkout thead { background-color:#e9e9e9; } .multiple-checkout tr.even { background-color:#3b3b3b; } .multiple-checkout th { color:#444444; } .multiple-checkout a { color:#ffffff; } .multiple-checkout span.price { color:#ffffff; } .multiple-checkout tfoot tr { border-top:1px solid #666666; border-bottom:1px solid #666666; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login .registered-users { width:40%; padding-right:52px; border-right:1px solid #666666; } /* Meleniak */ .account-login h2 { font-size:1.35em; margin-bottom:0.4em; color:#fdf772; } /**/ .account-login ul.create-account-reasons { padding-top:10px; color:#ffffff; } .account-login ul.create-account-reasons strong { color:#fdf772; font-weight:normal; } /**/ .account-login ul.create-account-reasons li span { padding-right:10px; } .account-login .registered-users .content { margin-left:5px; color:#ffffff; } .account-login .registered-users ul { margin-top:5px; } .account-login p.required { margin-top:15px; } .account-login .buttons-set a.f-left { margin-left:0px; text-decoration:underline; position:absolute; bottom:45px; left:20px; color:#fdf772; } /* forgot password */ .account-login .col2-set .col-1 a.f-left:hover { color:#c8c9cb; } .customer-account-logoutsuccess p { margin-left:5px; position:relative; } /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ /* Meleniak */ .my-account .link-reorder { font-weight:normal; } a.link-print { text-decoration:underline; color:#fdf772; } /**/ .my-account a:hover.link-print { color:#c8c9cb; } .my-account .rating-links a { color:#fdf772; } /**/ .my-account .rating-links a:hover { color:#ffffff; } /********** < Dashboard */ .dashboard { line-height:1.5em;} /* Meleniak */ .dashboard .hello { margin-bottom:0.4em; } .box-head h2 { margin-bottom:0.4em; float:left; } .box-head { text-align:right; } .box-head a { text-decoration:underline; font-weight:bold; padding-right:5px; color:#fdf772; } /**/ .box-head a:hover { color:#c8c9cb; } /* Block: Recent Orders */ .dashboard .box-recent { margin:16px 0; padding:10px 0 20px 0; border-top:1px solid #666666; border-bottom:1px solid #666666; } /*{ margin:10px 0; }*/ /* Meleniak */ #my-orders-table thead { height:16px; line-height:16px; } #my-orders-table tr { border-bottom: 1px solid #aaaaaa; } #my-orders-table span.nobr a { text-decoration:underline; color:#000000; } /**/ #my-orders-table span.nobr a:hover { color:#1a1a1a; } #my-orders-table span.separator, #my-orders-table .link-reorder { /*display:none;*/ } /*Hide re-order link */ /* Block: Account Information */ /* Meleniak */ .dashboard .col2-set { margin-bottom:10px; } .dashboard #my-orders-table thead th { font-weight:normal; } .dashboard .box-title { width:670px; padding:2px 5px; line-height:16px; float:left; position:relative; background-color:#cccccc; } .dashboard .col-2 .box-title { width:324px; } .dashboard .box-title h3 { font-size:10px; line-height:16px; text-transform:uppercase; float:left; color:#444444; } .dashboard .box-title a { text-decoration:underline; float:right; color:#000000; } /**/ .dashboard .box-title a:hover { color:#444444; } .dashboard .box-content h4 { clear:both; float:left; font-size:1.05em; padding:10px 0 0px 5px; font-weight:bold; color:#ffffff; } .dashboard .box-content p { clear:both; float:left; padding:5px; } .dashboard .box-content a { float:left; white-space:nowrap; text-decoration:underline; color:#fdf772; } /**/ .dashboard .box-content a:hover { color:#c8c9cb; } .dashboard .box-content address { clear:both; float:left; padding-left:5px; } .dashboard .box-content address a { float:left; } /* Block: Reviews */ .dashboard .box-reviews .number { margin-top:1px; background-color:#fdf772; } /*{ float:left; font-size:10px; font-weight:bold; line-height:1; margin:3px -20px 0 0; padding:2px 3px; color:#fff; background:#ddd; }*/ /**/ /* Meleniak */ .dashboard .box-reviews { margin:16px 0 0 0; padding:10px 0 0 0; border-top:1px solid #666666; } .dashboard .box-reviews a { text-decoration:underline; } /* Block: Tags */ .dashboard .box-tags .number { margin-top:1px; background-color:#fdf772; } /*{ float:left; font-size:10px; font-weight:bold; line-height:1; margin:3px -20px 0 0; padding:2px 3px; color:#fff; background:#ddd; }*/ /**/ /* Meleniak */ .dashboard .box-tags h2 { display:block; font-size:1.5em; } .dashboard .box-tags h3 { display:block; font-size:12px; } .dashboard .box-tags li.odd, .dashboard .box-tags li.even { margin-top:10px; } .dashboard .box-tags { margin:16px 0 0 0; padding:10px 0 0 0; border-top:1px solid #666666; } .dashboard .box-tags a { text-decoration:underline; } .dashboard .box-tags .tags { line-height:1.2em; margin-top:5px; } .dashboard .box-tags .tags strong { color:#ffffff; } /********** Dashboard > */ /* Address Book */ /* Meleniak */ .my-account .title-buttons button { margin-top:10px; margin-top:10px; } .my-account .addresses-list h2 { line-height:16px; height:16px; padding:2px 5px; font-size:10px; text-transform:uppercase; background-color:#cccccc; color:#444444; } .my-account .addresses-list h3 { font-size:1.1em; line-height:1.5em; color:#ffffff; } .customer-address-index .col2-set ol li { margin-top:10px; } .customer-address-index .col2-set ol li a { text-decoration:underline; color:#fdf772; } /**/ .customer-address-index .col2-set ol li a:hover { color:#c8c9cb; } /* Order View */ .order-info { border:1px solid #4b4b4b; } /*{ border:1px solid #ddd; padding:5px; }*/ .order-info dt, .order-info dd, .order-info ul, .order-info li { padding-right:3px; } /*{ display:inline; }*/ /* Meleniak */ .my-account .title-buttons span.separator { color:#ffffff; } .my-account .pager p.amount { margin-top:2px; margin-right:30px; } .sales-order-history .data-table thead th { font-weight:normal; } .sales-order-history .pager { border-bottom: 1px solid #4b4b4b; } .order-info { width:670px; padding:2px 5px; line-height:16px; text-transform:uppercase; font-size:10px; margin-bottom:10px; background-color:#cccccc; color:#444444; } .order-info li a { text-decoration:underline; color:#444444; } .order-info li a:hover { color:#1a1a1a; } .order-info .current { font-weight:bold; color:#444444; } .order-info span.separater { padding-right:2px; color:#444444; } .order-title.title-buttons { text-align:left; margin-bottom:10px; } .order-title.title-buttons a { text-decoration:underline; } .order-title.title-buttons .link-reorder { font-weight:normal; } .order-date { margin:10px 0 0 5px; color:#fdf772; } /**/ .order-info-box { margin-left:5px; } /* Meleniak */ .order-info-box .box-title h2 { font-size:1.35em; line-height:1.5em; margin:5px 0 0 0; } .order-items { margin:16px 0 0 0; padding:0; border-top: 1px solid #666666; } /*{ width:100%; overflow-x:auto; }*/ /* Meleniak */ .order-items p.a-right { margin-top:5px; } .order-items p.a-right a { text-decoration:underline; } .order-items h2 { margin-bottom:0.4em; margin-top:10px; } .order-items h2 a { font-size:14px; text-decoration:underline; color:#fdf772; } /* Track your order */ .order-items h2 a:hover { color:#ffffff; } /* Track your order */ .order-items h3 { margin-bottom:0.4em; } .order-items .data-table { margin-bottom:10px; } .order-items #my-orders-table thead { height:25px; line-height:25px; } .order-items .data-table thead th { font-size:11px; } .order-items .data-table tbody { border-bottom: 1px solid #999999; } .order-items .data-table .product-name { font-weight:bold; color:#1a1a1a; } .order-items .data-table .item-options { margin-left:15px; } .order-items .data-table .item-options dt { font-weight:bold; color:#444444; } .order-items .data-table .item-options dd { padding-right:5px; } .order-items .data-table .option-label { margin-left:15px; font-weight:bold; } .order-items .data-table tfoot tr.first { border-top: 1px solid #666666; } .order-items .data-table tfoot td { padding:2px 5px; } .order-items .data-table tfoot tr.last { border-top: 1px solid #666666; border-bottom: 1px solid #666666; } .order-items .data-table tfoot tr.last td { padding:10px 5px; } .order-additional { margin-top:5px; } /*{ margin:15px 0; }*/ /* Order Gift Message */ .gift-message dt strong { font-weight:normal; color:#1a1a1a; } /*{ color:#666; }*/ /* Meleniak */ .order-items .gift-message { border-top: 1px solid #666666; border-bottom: 1px solid #666666; } .order-gift-message .gift-message dt strong { color:#ffffff; } /* Order Comments */ .order-about dt { font-weight:normal; color:#ffffff; } /*{ font-weight:bold; }*/ /* Meleniak */ .tracking-table a { text-decoration:underline; } /* Order Print Pages */ .page-print .print-head { background:#ffffff; color:#333333; } .page-print .print-head address { float:right; margin-right:20px; margin-top:35px; font-size:16px; color:#777777; } /*{ float:left; margin-left:15px; }*/ .page-print .order-date { color:#1a1a1a; } /**/ /* Meleniak */ .page-print h1 { margin-top:20px; font-size:1.8em; color:#1a1a1a; } .page-print h2 { padding-left:0px; font-size:16px; line-height:1.5em; margin-top:10px; margin-bottom:5px; text-decoration:underline; color:#1a1a1a; } .page-print h3 { margin-top:10px; font-weight:bold; color:#1a1a1a; } .page-print h4 { margin-top:0px; text-decoration:underline; color:#1a1a1a; } .page-print .col2-set { margin-top:10px; margin-bottom:10px; } .page-print .print td label { font-weight:bold; } .page-print .print-head .logo { height:160px; width:190px; } .page-print p.order-date { margin-left:0px; } .page-print .data-table { margin:10px 0; background-color:#f6f6f6; color:#444444; border: 1px solid #bbbbbb; } .page-print .data-table thead { height:25px; line-height:25px; background-color:#bbbbbb; color:#444444; } .page-print .data-table thead th { font-size:11px; } .page-print .data-table tbody.odd { background-color:#f6f6f6; color:#444444; } .page-print .data-table tbody { background-color:#f6f6f6; border-bottom: 1px solid #bbbbbb; } .page-print .data-table tbody.even { background-color:#f6f6f6; color:#444444; } .page-print .data-table .product-name { font-weight:bold; } .page-print .data-table .item-options { margin-left:15px; } .page-print .data-table .item-options dt { font-weight:bold; color:#444444; } .page-print .data-table .item-options dd { padding-right:5px; } .page-print .data-table .option-label { margin-left:15px; font-weight:bold; } .page-print #my-orders-table tfoot tr.first td { padding-top:5px; } .page-print .data-table tfoot { background-color:#f6f6f6; color:#444444; } .page-print .data-table tfoot tr.last { border-top: 1px solid #bbbbbb; } .page-print .data-table tfoot td { padding:2px 5px; } .page-print .data-table tfoot tr.last td { padding:10px 5px; } /* My Reviews */ .product-review .product-img-box { width:179px } /*{ float:left; width:140px; }*/ .product-review .product-img-box .product-image { width:164px; border:1px solid #4b4b4b; } /*{ display:block; width:125px; height:125px; }*/ .product-review .product-img-box .ratings .rating-box { margin-left:60px; } /*{ float:none; display:block; margin:0 0 3px; }*/ .product-review .product-details { margin-left:189px; } /*{ margin-left:150px; }*/ .product-review dt { color:#ffffff; } /*{ font-weight:bold; }*/ /* Meleniak */ #my-reviews-table { margin-top:6px; border-top: 1px solid #4b4b4b; } #my-reviews-table tbody { background-color:#3b3b3b; color:#c8c9cb; } #my-reviews-table tbody tr.even { background-color:#3b3b3b; } #my-reviews-table tbody a { color:#c8c9cb; } #my-reviews-table tbody a:hover { color:#ffffff; } #my-reviews-table tbody td { padding:10px 5px 5px; } #my-reviews-table tbody td.first { padding-left:0px; } #my-reviews-table tbody td.last { text-align:right; padding-right:0px; } #my-reviews-table tbody td.last a { color:#fdf772; } /**/ #my-reviews-table tbody td.last a:hover { color:#ffffff; } .review-customer-index .pager { border-bottom: 1px solid #4b4b4b; } .my-account .rating-links { width:200px; } .my-account .rating-links a { white-space:nowrap; } .review-product-list .product-collateral { /*display:none;*/ } .review-product-list a { text-decoration:underline; } /* Tags */ .my-tag-edit .btn-remove { float:left; margin-top:2px; padding-right:5px; } .tag-customer-view .my-tag-edit { color:#ffffff; } /* tag name */ .tag-customer-view .my-tag-edit strong { font-weight:normal; } /* tag name */ #my-tags-table { margin-top:6px; border-top: 1px solid #4b4b4b; } #my-tags-table tbody { background-color:#3b3b3b; color:#ffffff; } #my-tags-table tbody .product-name a { color:#ffffff; } #my-tags-table tbody td { padding:10px 5px 5px; } #my-tags-table tbody td.first { padding-left:0px; } #my-tags-table tbody td.last { text-align:right; padding-right:0px; } #my-tags-table tbody td.last a { text-decoration:underline; color:#fdf772; } /**/ #my-tags-table tbody td.last a:hover { color:#ffffff; } #my-tags-table .product-name a { text-decoration:none; } #my-tags-table tbody a:hover { text-decoration:underline; } #my-tags-table .add-to-links { margin-top:10px; } #my-tags-table .price-box { margin-top:2px; line-height:normal; } #my-tags-table .old-price, #my-tags-table .old-price .price { color:#999; } /**/ #my-tags-table .special-price, #my-tags-table .regular-price { font-size:1.25em; } #my-tags-table .special-price .price, #my-tags-table .regular-price .price { color:#ffffff; } .tag-customer-view .pager { border-bottom: 1px solid #4b4b4b; } /* Wish list */ .wishlist-index-index ul.messages { margin:10px 0 -10px 0; } .my-wishlist .title-buttons .link-rss { margin-top:10px; float:right; text-decoration:underline; } .my-wishlist { margin-top:10px; } .my-wishlist table tr.first td { padding-top:10px; } .my-wishlist thead th { font-weight:normal; } .my-wishlist tbody { background-color:#3b3b3b; color:#c8c9cb; } .my-wishlist tbody tr.even { background-color:#3b3b3b; } .my-wishlist tbody .product-name a { color:#ffffff; } .my-wishlist .product-name { margin-top:5px; } .my-wishlist .product-name a { text-decoration:none; } .my-wishlist .product-name a:hover { text-decoration:underline; } .my-wishlist textarea { width:98%; height:78px; } .my-wishlist .price-box { line-height:normal; } .my-wishlist .old-price, .my-wishlist .old-price .price { color:#999; } /**/ .my-wishlist .special-price, .my-wishlist .regular-price { font-size:1.25em; } .my-wishlist .special-price .price, .my-wishlist .regular-price .price { color:#ffffff; } .my-wishlist .buttons-set-top { padding-top:10px; border-top: 1px solid #4b4b4b; } .my-wishlist .buttons-set button { margin-left:10px; } .wishlist-index-share .wishlist-explanation h2 { margin-bottom:0.4em; color:#fdf772;} /**/ .wishlist-explanation p { margin-bottom:10px; margin-left:1px; } .wishlist-explanation p a { text-decoration:underline; } /* Downloadable products */ #my-downloadable-products-table { height:16px; line-height:16px; border-top: 1px solid #4b4b4b; } #my-downloadable-products-table thead th { font-weight:normal; } .downloadable-customer-products .pager { border-bottom: 1px solid #4b4b4b; } /* Gift Voucher */ .ugiftcert-customer-balance .category-description { margin:0; padding:0; } .enter-gift-card-number .form-list { position:relative; } .enter-gift-card-number .form-list .input-box { clear:none; float:left;} .enter-gift-card-number input.form-button { background-image:none; padding:2px 8px; height:22px; line-height:22px; border:none; background-color:#000; color:#ffffff; } /**/ .retrieve-gift-card-balance { padding-top:15px; } .retrieve-gift-card-balance h4 { color:#fdf772; } /**/ .retrieve-gift-card-balance strong { font-weight:normal; color:#ffffff; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { padding:0px; border-style:none; background-color: #262626; } /*{ border:1px solid #ddd; padding:10px; }*/ /* Meleniak */ /* Footer navigation items */ .footer-container { position:relative; font-size:1em; } .footer dl { float:left; top:15px; position:relative; } .footer dl dt { font-size:1.2em; color:#d2d3d5!important; } /**/ .footer dl.about { clear:left; left:225px; padding-bottom:32px; } .footer dl.help { left:287px; padding-bottom:32px; } .footer dl.legal { left:360px; } .footer a.link-rss { padding-left:16px; } /* store switcher */ dd.select-store { /*display:none;*/ } .store-switcher { display:inline; } .store-switcher select { font-size:10px; padding:0px; width:80px; } /* Logos and messages */ .paymentLogos { position:relative; float:right; right:78px; top:13px; } .securePadlock { position:relative; float:right; right:96px; top:15px; } .footer .securePayments { position:relative; clear:right; float:right; right:52px; height:31px; font-size:0.9em; } .footer .addThis { position:relative; clear:right; float:right; right:304px; top:24px; } .footer .greenMessage { float:right; position:relative; top:40px; left:86px; height:36px; width:185px; background:url(../images/_footer/footerBar-greenMessage.jpg) no-repeat; } .footer .greenMessage p { float:left; text-indent:-6786px; overflow:hidden; } /* Bottom bar */ .legalTrailer { height:40px; font-size:0.9em; padding:5px 0px 0px 185px; } .legalTrailer .Summary { font-size:0.9em; padding:0; line-height:90%; color:#505050; } /**/ .legalTrailer .Summary p { color:#505050; } /**/ .legalTrailer .legal { margin-top:4px; } /* ======================================================================================= */ /* Meleniak */ /* Generic content pages */ .contentBannerBar { height:150px; width:675px; position:relative; } .contentHeaderBlock { color:#1a1a1a; } /* Ad block */ .contentAdBlock { height:100px; font-size:16px; width:200px; top:25px; right:18px; position:absolute; font-family:Helvetica, Arial, sans-serif; float:right; color:#ffffff; } .contentAdBlock a { font-size:16px; color:#333333; } /* Main text content - MAIN BLOCK */ .cmsContentBlock { width:440px; margin:-5px 0px 15px 0px; float:left; padding-right:25px; color:#1a1a1a; border-right:1px solid #C2C2C2; } .cmsContentBlock span#no-javascript-for-email, .cmsContentBlock span#no-javascript-for-email1, .cmsContentBlock span#no-javascript-for-email2, .cmsContentBlock span#no-javascript-for-email3 { font-weight:bold; color:#ff0000; } /**/ .cmsContentBlock h2 { font-size:1.25em; margin:1.333em 0 0 0; clear:both; font-weight:bold; color:#000000; } /**/ .cmsContentBlock h2 a { font-weight:bold; color:#000000; } /**/ .cmsContentBlock h2 a:hover { color:#393939; } .cmsContentBlock h3 { font-size:1.14em; font-weight:bold; margin-top:0.365em; padding:0; color:#1a1a1a; } .cmsContentBlock h4 { font-size:1em; margin:0; padding:0px; color:#333333; } .cmsContentBlock p { margin-bottom:10px; font-size:1em; } .cmsContentBlock a { text-decoration:underline; color:#1a1a1a; } .cmsContentBlock a:hover { color:#666666; } /**/ .std .cmsContentBlock ul { margin-top:0.417em; padding-left:2.15em; list-style-type:disc; } .std .cmsContentBlock ol { margin-top:0.417em; margin:0 0 0 18px; padding:0; list-style-type:decimal; list-style-position:outside; } .std .cmsContentBlock ul li { font-size:1em; line-height:1.3em; margin-bottom:0.417em; padding-left:0.417em; } .std .cmsContentBlock ol li { font-size:1em; line-height:1.3em; margin-bottom:0.417em; } .cms-page-view .address { margin-left:60px; } /* Contact Us Form */ .cms-contact-us .contact-form { float:left; width:440px; margin:5px 0 20px 0; text-align:left; } .cms-contact-us .contact-form fieldset { -moz-border-radius:4px; -webkit-border-radius:4px; padding-top:1.5em; padding-bottom:1.5em; margin:.5em 0; background-color:#ffffff; color:#1a1a1a; border:1px solid #000000; } .cms-contact-us .contact-form form { font:normal 100% Arial; font-size:12px; } .cms-contact-us .header-text { margin-left:10px; margin-right:25px; clear:both; } .cms-contact-us .indicate-required { text-align:right; font-style:normal; overflow:hidden; margin:0 25px 0 0; color:#1a1a1a; } .cms-contact-us .contact-form table { margin-left:10px; text-align:left; width:95%; } .cms-contact-us input.button { border:none; padding:2px 4px; background-color:#000000; color:#fff; } /**/ .cms-contact-us caption,th,td { padding:5px 0px 5px 5px; } /* Join Mailing List */ .cms-join-mailing-list input#mc-embedded-subscribe { border:none; padding:2px 4px; background-color:#000000; color:#fff; } /**/ .cms-join-mailing-list #mc_embed_signup fieldset { padding-bottom:1.5em; } /* Main text content - RHS NAV BLOCK */ .cmsNavBlock { float:right; height:310px; width:182px; margin:15px 20px 15px 0px; position:relative; } .cmsNavBlock h2 { margin:0px 0px 2px 6px; font-size:1em; font-weight:bold; color:#000000; } /**/ .std .cmsNavBlock ul { width:182px; margin:0px 0px 20px; padding:0px; list-style:none; } .cmsNavBlock ul li { padding-left:12px; margin-left:8px; background:url(../images/_cms/contentNav-arrow.png) no-repeat left 5px; } .cmsNavBlock a { font-size:0.925em; display:inline; color:#1a1a1a; } .cmsNavBlock a.visted, .cmsNavBlock a.active {color:#383838; } .cmsNavBlock a:hover { color:#666666; } /**/ .cmsNavBlock img { margin-top:3px; } /* SITE SPECIFIC CMS PAGES */ /* == MAIN SITE - HOMEPAGE ONLY == */ #mainContentArea { float:left; margin-bottom:20px; z-index:1; } #mainContentArea a:hover { color:#666666; } /**/ #mainContentArea .mainPicture { position:relative; z-index:1; width:784px;} #mainContentArea .leftBlock { float:left; margin-top:0px; position:relative; } #mainContentArea .leftBlock img { margin-top:0px; position:relative; } #mainContentArea .pic-right { margin-right:14px; } #mainContentArea .small-image { margin-right:6px; margin-top:9px; margin-bottom:9px; } #mainContentArea .text-block { clear:left; /*border: 1px solid #f1e446;*/ padding:8px 11px 15px; margin-top:0px; width:747px; position:relative; } /**/ #mainContentArea .text-block h2 { color:#f1e446; margin:0px; height:19px; font-size:20px; padding:0; font-style:italic; font-family:arial,verdana,sans-serif; } /**/ #mainContentArea .text-block p { margin-top:10px; margin-left:1px; font-size: 11.75px; line-height:15px; } #mainContentArea .text-block a { text-decoration: underline; } #mainContentArea .text-block ul { margin-top:10px; margin-left:12px; padding-left:0px; list-style-position:outside; list-style-type:disc;font-size: 11.75px; line-height:15px; } #mainContentArea .text-block ul li { margin-top:5px; } #mainContentArea .about-us h2 { background:url(../images/_home/home-about-us.jpg) no-repeat 0px 0px; text-indent:-6786px; width:120px;} /**/ #mainContentArea .news h2 { background:url(../images/_home/home-news.jpg) no-repeat 0px 0px; text-indent:-6786px; width:72px;} /**/ #mainContentArea .perfect-belt h2 { background:url(../images/_home/home-find-the-perfect-belt.jpg) no-repeat 0px 0px; text-indent:-6786px; width:259px; height:23px;} /**/ /* OUAB Home page features */ #mainContentArea .about-us { padding-left:0; padding-right:0; } .widget .widget-title { margin-top:14px; margin-bottom:13px; padding-top:1px; } .widget-new-products .widget-title h2 { color:#f1e446; margin:0px; width:244px; height:23px; font-size:20px; padding:0; font-style:italic; background:url(../images/_home/home-featured-products.jpg) no-repeat 0px 0px; font-family:arial,verdana,sans-serif; text-indent:-6786px; position:relative; } /*.widget-products .products-grid .search-block .product-name { background-color:#6686af; }*/ /**/ .widget-products .products-grid .search-block .product-name { background-color:#424242; } /*grey*/ .widget-products .products-grid .search-block .product-name a { color:#ddd; } /**/ .widget-products .products-grid li.item.search-type { width:143px; } /*160 normally*/ .widget-products .products-grid .search-block { width:146px; } /*160 normally*/ .widget-products .products-grid .search-block .product-image { width:146px; } /*155 normally*/ .widget-products .products-grid li.item { padding-top:0px; } .widget-products .products-grid .search-block .product-new { background-position: -5px 0px; } #mainContentArea .widget-products a:hover { color:#ffffff; } /**/ /* Highlight current items in Nav Bars */ /* Footer items side nav */ .cms-contact-us .cmsNavBlock a.contactUs, .cms-ouab-story-so-far .cmsNavBlock a.storySoFar, .rss-index-index .cmsNavBlock a.rss, .catalog-seo-sitemap-category .cmsNavBlock a.siteMap, .cms-delivery-info .cmsNavBlock a.deliveryInfo, .cms-returns-info .cmsNavBlock a.returnsInfo, .cms-size-guide-shopping-guide .cmsNavBlock a.sizeGuideShoppingGuide, .catalogsearch-advanced-index .cmsNavBlock a.advancedSearch, .catalogsearch-term-popular .cmsNavBlock a.searchTerms, .cms-privacy-security .cmsNavBlock a.privacySecurity, .cms-terms-conditions .cmsNavBlock a.termsConditions, .cms-join-mailing-list .cmsNavBlock a.mailingList { color:#000; font-style:normal; font-weight:bold; } /* TopNav */ .cms-inspire-me .mainNav-Menu li.inspire-me a, .cms-press .mainNav-Menu li.press a { color:#fdf772; font-style:normal; font-weight:normal; } /**/ /* Press side nav */ .cms-press .cmsNavBlock a.pressAndMediaContact, .cms-biography .cmsNavBlock a.biography, .cms-comment-and-interviews .cmsNavBlock a.commentAndInterviews, .cms-news .cmsNavBlock a.news, .cms-photos .cmsNavBlock a.photos { color:#000; font-style:normal; font-weight:bold; } /* Inspire me side nav */ .cms-inspire-me .cmsNavBlock a.inspireMeMainPage, .cms-all-about-belts .cmsNavBlock a.allAboutBelts, .cms-as-seen-in .cmsNavBlock a.asSeenIn, .cms-belt-addict .cmsNavBlock a.beltAddict, .cms-belt-love .cmsNavBlock a.beltLove, .cms-fashion-stories .cmsNavBlock a.fashionStories, .cms-how-to-wear .cmsNavBlock a.howToWear, .cms-it-started-with-a-belt .cmsNavBlock a.itStartedWithABelt, .cms-new-in-and-trends .cmsNavBlock a.newInTrends, .cms-suit-your-shape .cmsNavBlock a.suitYourShape { color:#000; font-style:normal; font-weight:bold; } /* Highlight the current footer item */ .cms-contact-us .footer a.inContactUsFooter, .cms-contact-us .footer a.inWholesaleEnquiriesFooter, .cms-ouab-story-so-far .footer a.aboutUsFooter, .cms-press .footer a.pressInfoFooter, .rss-index-index .footer a.link-rss, .catalog-seo-sitemap-category .footer a.inSiteMapFooter, .cms-delivery-info .footer a.deliveryInfoFooter, .cms-returns-info .footer a.returnsInfoFooter, .cms-size-guide-shopping-guide .footer a.sizeConversionChartFooter, .catalogsearch-advanced-index .footer a.inAdvancedSearchFooter, .catalogsearch-term-popular .footer a.inSearchTermsFooter, .cms-privacy-security .footer a.privacySecurityFooter, .cms-terms-conditions .footer a.termsConditionsFooter { font-weight:bold; color:#FFF; } /* OUAB SPECIFIC CONTENT */ /* All about belts */ .cmsContentBlock .floatingContent { float:left; position:relative} .floatingContent .shortColumn { clear:left; float:left; width:220px; margin-top:0px; } span.smallLink { font-size:10px; } .russianSoldiers { float:left; height:235px; width:182px; color:#999; font-size:10px; margin:10px 10px 10px 0; } /**/ .victorianLadies { float:right; height:137px; width:100px; color: #999; font-size:10px; margin:10px 0px 10px 10px; text-align:center; } /**/ .salvatoreSalamone { float: left; height:165px; width: 218px; color:#999; font-size:10px; margin:0px 10px 10px 0px; text-align:center; } /**/ .blackArtNouveau { height:197px; width:195px; color: #999; font-size:10px; margin:0px 0px 10px 10px; float:right; text-align:center; } /**/ .reneFoy { float:left; height:153px; width:217px; color:#999; font-size:10px; margin:0px 10px 25px 0px; text-align:center; } /**/ .shah { float:left; height:288px; width:441px; color:#999; font-size:10px; margin:0px 10px 25px 0px; text-align:right; } /**/ /* others */ .cms-biography .cmsContentBlock img.martaSitting { margin:0 0 10px 60px; } .cms-how-to-wear .cmsContentBlock img { margin:0; padding:0; border:1px none #999; } .cms-it-started-with-a-belt span.inlineNormal { font-size:0.85em; color:#1a1a1a; font-weight:normal; } .cms-ouab-story-so-far .cmsContentBlock img.martaHead { float:right; height:155px; width:200px; margin:10px 15px 10px 10px; position:relative; } .cms-press .cmsContentBlock span.press-contact { font-size:0.85em; color:#1a1a1a; font-weight:bold; } .cms-size-guide-shopping-guide table { font-size:10px; border-top:1px; border-top-color:#999; border-top-style:solid; border-bottom:1px; border-bottom-color:#999; border-bottom-style:solid; } .cms-size-guide-shopping-guide table td { padding-right:6px; } .cms-suit-your-shape .cmsContentBlock img { margin:0px; padding:0px; border:1px none #999; } .cms-inspire-me .imageButtons { position:relative; float:left; margin-bottom:10px; width:440px; } .cms-inspire-me .imageButtons a.howToWear { float:left; width:200px; height:164px; border:2px solid #fcf33a; width:200px } /**/ .cms-inspire-me .imageButtons a.suitYourBody { float:right; width:200px; height:164px; border:2px solid #fcf33a; width:200px } /**/ /* Clears ================================================================================ */ /* Meleniak */ .block:after, #vertnav:after, .pageContainer:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */