/** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright ยฉ 2017 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ @charset "UTF-8"; /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ @import url("http://hello.myfonts.net/count/2cbd12"); .button, .cart-table .product-cart-actions .button, .shipping #co-shipping-method-form .buttons-set .button, #discount-coupon-form .button-wrapper > button, .cart .giftcard .button-wrapper > button, .opc #opc-login .control .radio-label, .header-minicart .minicart-actions .cart-link { background-color: #292929; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a5a5a), to(#292929)); background-image: -webkit-linear-gradient(top, #5a5a5a, #292929); background-image: linear-gradient(to bottom, #5a5a5a, #292929); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#5a5a5a)', endColorstr='argb(#292929)', GradientType=0)"; box-shadow: 0 3px 0 0 #000, 0 0 0 0; display: inline-block; padding: 17px 25px 10px 26px; border: 0; border-radius: 3px; color: #FFFFFF; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; line-height: 18px; letter-spacing: 1px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; -webkit-transition: transform 50ms ease-in-out, box-shadow 50ms ease-in-out; -webkit-transition: box-shadow 50ms ease-in-out, -webkit-transform 50ms ease-in-out; transition: box-shadow 50ms ease-in-out, -webkit-transform 50ms ease-in-out; transition: transform 50ms ease-in-out, box-shadow 50ms ease-in-out; transition: transform 50ms ease-in-out, box-shadow 50ms ease-in-out, -webkit-transform 50ms ease-in-out; } .button:hover, .cart-table .product-cart-actions .button:hover, .shipping #co-shipping-method-form .buttons-set .button:hover, #discount-coupon-form .button-wrapper > button:hover, .cart .giftcard .button-wrapper > button:hover, .opc #opc-login .control .radio-label:hover, .header-minicart .minicart-actions .cart-link:hover { cursor: pointer; background: #292929; text-decoration: none; } .button:active, .cart-table .product-cart-actions .button:active, .shipping #co-shipping-method-form .buttons-set .button:active, #discount-coupon-form .button-wrapper > button:active, .cart .giftcard .button-wrapper > button:active, .opc #opc-login .control .radio-label:active, .header-minicart .minicart-actions .cart-link:active { cursor: pointer; -webkit-transform: translate(0, 3px); transform: translate(0, 3px); box-shadow: 0 0 0 0 #000, 0 0 0 0; } .button:focus, .cart-table .product-cart-actions .button:focus, .shipping #co-shipping-method-form .buttons-set .button:focus, #discount-coupon-form .button-wrapper > button:focus, .cart .giftcard .button-wrapper > button:focus, .opc #opc-login .control .radio-label:focus, .header-minicart .minicart-actions .cart-link:focus { background-color: black; outline: none; color: #FFFFFF; } .shipping #co-shipping-method-form .buttons-set .button, #discount-coupon-form .button-wrapper > button, .cart .giftcard .button-wrapper > button, body.customer-account .my-account .title-buttons .button, .header-minicart .minicart-actions .button.checkout-button, .header-minicart .minicart-actions .cart-link, .btn-small { padding: 14px 22px 9px; font-size: 11px; line-height: 14px; } .opc #opc-login .control .radio-label, .btn-large { padding: 22px 25px 15px 26px; font-size: 14px; line-height: 18px; } .cart-totals .checkout-types button.btn-checkout, .opc #opc-login .control .radio-label[for="login:guest"], .header-minicart .minicart-actions .button.checkout-button, .btn-cart, .btn-checkout { background-color: #FFD000; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFDD45), to(#FFD000)); background-image: -webkit-linear-gradient(top, #FFDD45, #FFD000); background-image: linear-gradient(to bottom, #FFDD45, #FFD000); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#FFDD45)', endColorstr='argb(#FFD000)', GradientType=0)"; box-shadow: 0 1px 0 0 #e0b92b, 0 3px 0 0 #EBC305; color: #000; } .cart-totals .checkout-types button.btn-checkout:hover, .opc #opc-login .control .radio-label[for="login:guest"]:hover, .header-minicart .minicart-actions .button.checkout-button:hover, .btn-cart:hover, .btn-checkout:hover { background: #ffd200; color: #000; } .cart-totals .checkout-types button.btn-checkout:active, .opc #opc-login .control .radio-label[for="login:guest"]:active, .header-minicart .minicart-actions .button.checkout-button:active, .btn-cart:active, .btn-checkout:active { box-shadow: 0 0 0 0 #EBC305, 0 0 0 0; color: #000; cursor: pointer; } .cart-totals .checkout-types button.btn-checkout:focus, .opc #opc-login .control .radio-label[for="login:guest"]:focus, .header-minicart .minicart-actions .button.checkout-button:focus, .btn-cart:focus, .btn-checkout:focus { color: #000; } .cart .buttons-set .button, .cart-table .button, .sidebar .actions .button, .button.button-secondary, #discount-coupon-form .button-wrapper > button.button2, .cart .giftcard .button-wrapper > button.button2, .shipping #co-shipping-method-form .buttons-set .button, .opc #opc-login .control .radio-label, .button-secondary { background-color: #717073; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#888789), to(#717073)); background-image: -webkit-linear-gradient(top, #888789, #717073); background-image: linear-gradient(to bottom, #888789, #717073); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#888789)', endColorstr='argb(#717073)', GradientType=0)"; box-shadow: 0 1px 0 0 #525254, 0 3px 0 0 #575759; color: #fff; } .cart .buttons-set .button:hover, .cart-table .button:hover, .sidebar .actions .button:hover, .button.button-secondary:hover, #discount-coupon-form .button-wrapper > button.button2:hover, .cart .giftcard .button-wrapper > button.button2:hover, .shipping #co-shipping-method-form .buttons-set .button:hover, .opc #opc-login .control .radio-label:hover, .button-secondary:hover { cursor: pointer; background: #717073; } .cart .buttons-set .button:active, .cart-table .button:active, .sidebar .actions .button:active, .button.button-secondary:active, #discount-coupon-form .button-wrapper > button.button2:active, .cart .giftcard .button-wrapper > button.button2:active, .shipping #co-shipping-method-form .buttons-set .button:active, .opc #opc-login .control .radio-label:active, .button-secondary:active { box-shadow: 0 0 0 0 #626163, 0 0 0 0; } .cart .buttons-set .button:focus, .cart-table .button:focus, .sidebar .actions .button:focus, .button.button-secondary:focus, #discount-coupon-form .button-wrapper > button.button2:focus, .cart .giftcard .button-wrapper > button.button2:focus, .shipping #co-shipping-method-form .buttons-set .button:focus, .opc #opc-login .control .radio-label:focus, .button-secondary:focus { outline: none; } /* Symbolset www.symbolset.com Copyright ยฉ 2012 Oak Studios LLC Upload this file to your web server and place this within your tags. */ @font-face { font-family: "SSStandard"; src: url("../fonts/ss-standard.html"); src: url("../fonts/ss-standardd41dd41d.html?#iefix") format("embedded-opentype"), url("../fonts/ss-standard-2.html") format("woff"), url("../fonts/ss-standard-3.html") format("truetype"), url("../fonts/ss-standard-4.html#SSStandard") format("svg"); font-weight: normal; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"] { -ms-zoom: 1; } .ss-icon, .ss-icon.ss-standard, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after { font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^="ss-"].right:before, [class*=" ss-"].right:before { display: none; content: ''; } .ss-cursor:before, .ss-cursor.right:after { content: '๎€'; } .ss-crosshair:before, .ss-crosshair.right:after { content: 'โŒ–'; } .ss-search:before, .ss-search.right:after { content: '๐Ÿ”Ž'; } .ss-zoomin:before, .ss-zoomin.right:after { content: '๎€‚'; } .ss-zoomout:before, .ss-zoomout.right:after { content: '๎€ƒ'; } .ss-view:before, .ss-view.right:after { content: '๐Ÿ‘€'; } .ss-attach:before, .ss-attach.right:after { content: '๐Ÿ“Ž'; } .ss-link:before, .ss-link.right:after { content: '๐Ÿ”—'; } .ss-move:before, .ss-move.right:after { content: '๎ฐ'; } .ss-write:before, .ss-write.right:after { content: 'โœŽ'; } .ss-writingdisabled:before, .ss-writingdisabled.right:after { content: '๎ฑ'; } .ss-erase:before, .ss-erase.right:after { content: 'โœ'; } .ss-compose:before, .ss-compose.right:after { content: '๐Ÿ“'; } .ss-lock:before, .ss-lock.right:after { content: '๐Ÿ”’'; } .ss-unlock:before, .ss-unlock.right:after { content: '๐Ÿ”“'; } .ss-key:before, .ss-key.right:after { content: '๐Ÿ”‘'; } .ss-backspace:before, .ss-backspace.right:after { content: 'โŒซ'; } .ss-ban:before, .ss-ban.right:after { content: '๐Ÿšซ'; } .ss-trash:before, .ss-trash.right:after { content: '๎ƒ'; } .ss-target:before, .ss-target.right:after { content: 'โ—Ž'; } .ss-tag:before, .ss-tag.right:after { content: '๎„€'; } .ss-bookmark:before, .ss-bookmark.right:after { content: '๐Ÿ”–'; } .ss-flag:before, .ss-flag.right:after { content: 'โš‘'; } .ss-like:before, .ss-like.right:after { content: '๐Ÿ‘'; } .ss-dislike:before, .ss-dislike.right:after { content: '๐Ÿ‘Ž'; } .ss-heart:before, .ss-heart.right:after { content: 'โ™ฅ'; } .ss-halfheart:before, .ss-halfheart.right:after { content: '๎† '; } .ss-star:before, .ss-star.right:after { content: 'โ‹†'; } .ss-halfstar:before, .ss-halfstar.right:after { content: '๎†ก'; } .ss-sample:before, .ss-sample.right:after { content: '๎ˆ€'; } .ss-crop:before, .ss-crop.right:after { content: '๎ˆ'; } .ss-layers:before, .ss-layers.right:after { content: '๎ˆ‚'; } .ss-fill:before, .ss-fill.right:after { content: '๎‰€'; } .ss-stroke:before, .ss-stroke.right:after { content: '๎‰'; } .ss-phone:before, .ss-phone.right:after { content: '๐Ÿ“ž'; } .ss-phonedisabled:before, .ss-phonedisabled.right:after { content: '๎Œ€'; } .ss-rss:before, .ss-rss.right:after { content: '๎Œ'; } .ss-facetime:before, .ss-facetime.right:after { content: '๎Œ '; } .ss-reply:before, .ss-reply.right:after { content: 'โ†ฉ'; } .ss-send:before, .ss-send.right:after { content: '๎'; } .ss-mail:before, .ss-mail.right:after { content: 'โœ‰'; } .ss-inbox:before, .ss-inbox.right:after { content: '๐Ÿ“ฅ'; } .ss-chat:before, .ss-chat.right:after { content: '๐Ÿ’ฌ'; } .ss-ellipsischat:before, .ss-ellipsischat.right:after { content: '๎Ž™'; } .ss-ellipsis:before, .ss-ellipsis.right:after { content: 'โ€ฆ'; } .ss-user:before, .ss-user.right:after { content: '๐Ÿ‘ค'; } .ss-femaleuser:before, .ss-femaleuser.right:after { content: '๐Ÿ‘ง'; } .ss-users:before, .ss-users.right:after { content: '๐Ÿ‘ฅ'; } .ss-cart:before, .skip-cart .icon:before, .ss-cart.right:after, .skip-cart .right.icon:after { content: '๎”€'; } .ss-creditcard:before, .ss-creditcard.right:after { content: '๐Ÿ’ณ'; } .ss-dollarsign:before, .ss-dollarsign.right:after { content: '๐Ÿ’ฒ'; } .ss-barchart:before, .ss-barchart.right:after { content: '๐Ÿ“Š'; } .ss-piechart:before, .ss-piechart.right:after { content: '๎•ฐ'; } .ss-box:before, .ss-box.right:after { content: '๐Ÿ“ฆ'; } .ss-home:before, .ss-home.right:after { content: 'โŒ‚'; } .ss-buildings:before, .ss-buildings.right:after { content: '๐Ÿข'; } .ss-warehouse:before, .ss-warehouse.right:after { content: '๎˜‚'; } .ss-globe:before, .ss-globe.right:after { content: '๐ŸŒŽ'; } .ss-navigate:before, .ss-navigate.right:after { content: '๎™ฐ'; } .ss-compass:before, .ss-compass.right:after { content: '๎™ฑ'; } .ss-signpost:before, .ss-signpost.right:after { content: '๎™ฒ'; } .ss-map:before, .ss-map.right:after { content: '๎™ณ'; } .ss-location:before, .ss-location.right:after { content: '๎›'; } .ss-pin:before, .ss-pin.right:after { content: '๐Ÿ“'; } .ss-database:before, .ss-database.right:after { content: '๎ž '; } .ss-hdd:before, .ss-hdd.right:after { content: '๎žฐ'; } .ss-music:before, .ss-music.right:after { content: 'โ™ซ'; } .ss-mic:before, .ss-mic.right:after { content: '๐ŸŽค'; } .ss-volume:before, .ss-volume.right:after { content: '๐Ÿ”ˆ'; } .ss-lowvolume:before, .ss-lowvolume.right:after { content: '๐Ÿ”‰'; } .ss-highvolume:before, .ss-highvolume.right:after { content: '๐Ÿ”Š'; } .ss-airplay:before, .ss-airplay.right:after { content: '๎ €'; } .ss-camera:before, .ss-camera.right:after { content: '๐Ÿ“ท'; } .ss-picture:before, .ss-picture.right:after { content: '๐ŸŒ„'; } .ss-video:before, .ss-video.right:after { content: '๐Ÿ“น'; } .ss-play:before, .ss-play.right:after { content: 'โ–ถ'; } .ss-pause:before, .ss-pause.right:after { content: '๎ข '; } .ss-stop:before, .ss-stop.right:after { content: 'โ– '; } .ss-record:before, .ss-record.right:after { content: 'โ—'; } .ss-rewind:before, .ss-rewind.right:after { content: 'โช'; } .ss-fastforward:before, .ss-fastforward.right:after { content: 'โฉ'; } .ss-skipback:before, .ss-skipback.right:after { content: 'โฎ'; } .ss-skipforward:before, .ss-skipforward.right:after { content: 'โญ'; } .ss-eject:before, .ss-eject.right:after { content: 'โ'; } .ss-repeat:before, .ss-repeat.right:after { content: '๐Ÿ”'; } .ss-replay:before, .ss-replay.right:after { content: 'โ†บ'; } .ss-shuffle:before, .ss-shuffle.right:after { content: '๐Ÿ”€'; } .ss-book:before, .ss-book.right:after { content: '๐Ÿ“•'; } .ss-openbook:before, .ss-openbook.right:after { content: '๐Ÿ“–'; } .ss-notebook:before, .ss-notebook.right:after { content: '๐Ÿ““'; } .ss-newspaper:before, .ss-newspaper.right:after { content: '๐Ÿ“ฐ'; } .ss-grid:before, .ss-grid.right:after { content: '๎ฆ '; } .ss-rows:before, .ss-rows.right:after { content: '๎ฆก'; } .ss-columns:before, .ss-columns.right:after { content: '๎ฆข'; } .ss-thumbnails:before, .ss-thumbnails.right:after { content: '๎ฆฃ'; } .ss-filter:before, .ss-filter.right:after { content: '๎ฆฐ'; } .ss-desktop:before, .ss-desktop.right:after { content: '๐Ÿ’ป'; } .ss-laptop:before, .ss-laptop.right:after { content: '๎จ€'; } .ss-tablet:before, .ss-tablet.right:after { content: '๎จ'; } .ss-cell:before, .ss-cell.right:after { content: '๐Ÿ“ฑ'; } .ss-battery:before, .ss-battery.right:after { content: '๐Ÿ”‹'; } .ss-highbattery:before, .ss-highbattery.right:after { content: '๎จ'; } .ss-mediumbattery:before, .ss-mediumbattery.right:after { content: '๎จ‘'; } .ss-lowbattery:before, .ss-lowbattery.right:after { content: '๎จ’'; } .ss-emptybattery:before, .ss-emptybattery.right:after { content: '๎จ“'; } .ss-lightbulb:before, .ss-lightbulb.right:after { content: '๐Ÿ’ก'; } .ss-downloadcloud:before, .ss-downloadcloud.right:after { content: '๎ฌ€'; } .ss-download:before, .ss-download.right:after { content: '๎ฌ'; } .ss-uploadcloud:before, .ss-uploadcloud.right:after { content: '๎ญ€'; } .ss-upload:before, .ss-upload.right:after { content: '๎ญ'; } .ss-fork:before, .ss-fork.right:after { content: '๎ฎ€'; } .ss-merge:before, .ss-merge.right:after { content: '๎ฎ'; } .ss-transfer:before, .ss-transfer.right:after { content: 'โ‡†'; } .ss-refresh:before, .ss-refresh.right:after { content: 'โ†ป'; } .ss-sync:before, .ss-sync.right:after { content: '๎ฎ‚'; } .ss-loading:before, .ss-loading.right:after { content: '๎ฎƒ'; } .ss-wifi:before, .ss-wifi.right:after { content: '๎ฎ„'; } .ss-connection:before, .ss-connection.right:after { content: '๎ฎ…'; } .ss-file:before, .ss-file.right:after { content: '๐Ÿ“„'; } .ss-folder:before, .ss-folder.right:after { content: '๐Ÿ“'; } .ss-quote:before, .ss-quote.right:after { content: 'โ€œ'; } .ss-text:before, .ss-text.right:after { content: '๎ด€'; } .ss-font:before, .ss-font.right:after { content: '๎ด'; } .ss-print:before, .ss-print.right:after { content: 'โŽ™'; } .ss-fax:before, .ss-fax.right:after { content: '๐Ÿ“ '; } .ss-list:before, .ss-list.right:after { content: '๎ต'; } .ss-layout:before, .ss-layout.right:after { content: '๎ถ '; } .ss-action:before, .ss-action.right:after { content: '๎ธ€'; } .ss-redirect:before, .ss-redirect.right:after { content: 'โ†ช'; } .ss-expand:before, .ss-expand.right:after { content: 'โคข'; } .ss-contract:before, .ss-contract.right:after { content: '๎ธ'; } .ss-help:before, .ss-help.right:after { content: 'โ“'; } .ss-info:before, .ss-info.right:after { content: 'โ„น'; } .ss-alert:before, .ss-alert.right:after { content: 'โš '; } .ss-caution:before, .ss-caution.right:after { content: 'โ›”'; } .ss-logout:before, .ss-logout.right:after { content: '๎ธ‚'; } .ss-plus:before, .ss-plus.right:after { content: '+'; } .ss-hyphen:before, .ss-hyphen.right:after { content: '-'; } .ss-check:before, .ss-check.right:after { content: 'โœ“'; } .ss-delete:before, .ss-delete.right:after { content: 'โก'; } .ss-settings:before, .ss-settings.right:after { content: 'โš™'; } .ss-dashboard:before, .ss-dashboard.right:after { content: '๏€€'; } .ss-notifications:before, .ss-notifications.right:after { content: '๐Ÿ””'; } .ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after { content: '๐Ÿ”•'; } .ss-clock:before, .ss-clock.right:after { content: 'โฒ'; } .ss-stopwatch:before, .ss-stopwatch.right:after { content: 'โฑ'; } .ss-calendar:before, .ss-calendar.right:after { content: '๐Ÿ“…'; } .ss-addcalendar:before, .ss-addcalendar.right:after { content: '๏ฐ'; } .ss-removecalendar:before, .ss-removecalendar.right:after { content: '๏ฑ'; } .ss-checkcalendar:before, .ss-checkcalendar.right:after { content: '๏ฒ'; } .ss-deletecalendar:before, .ss-deletecalendar.right:after { content: '๏ณ'; } .ss-briefcase:before, .ss-briefcase.right:after { content: '๐Ÿ’ผ'; } .ss-cloud:before, .ss-cloud.right:after { content: 'โ˜'; } .ss-droplet:before, .ss-droplet.right:after { content: '๐Ÿ’ง'; } .ss-flask:before, .ss-flask.right:after { content: '๏“€'; } .ss-up:before, .ss-up.right:after { content: 'โฌ†'; } .ss-upright:before, .ss-upright.right:after { content: 'โฌˆ'; } .ss-right:before, .ss-right.right:after { content: 'โžก'; } .ss-downright:before, .ss-downright.right:after { content: 'โฌŠ'; } .ss-down:before, .ss-down.right:after { content: 'โฌ‡'; } .ss-downleft:before, .ss-downleft.right:after { content: 'โฌ‹'; } .ss-left:before, .ss-left.right:after { content: 'โฌ…'; } .ss-upleft:before, .ss-upleft.right:after { content: 'โฌ‰'; } .ss-navigateup:before, .ss-navigateup.right:after { content: '๏”€'; } .ss-navigateright:before, .ss-navigateright.right:after { content: 'โ–ป'; } .ss-navigatedown:before, .ss-navigatedown.right:after { content: '๏”'; } .ss-navigateleft:before, .ss-navigateleft.right:after { content: 'โ—…'; } .ss-directup:before, .ss-directup.right:after { content: 'โ–ด'; } .ss-directright:before, .ss-directright.right:after { content: 'โ–น'; } .ss-dropdown:before, .ss-dropdown.right:after { content: 'โ–พ'; } .ss-directleft:before, .ss-directleft.right:after { content: 'โ—ƒ'; } .ss-retweet:before, .ss-retweet.right:after { content: '๏˜€'; } /* Legacy classes */ .ss-volumelow:before, .ss-volumelow.right:after { content: '๐Ÿ”‰'; } .ss-volumehigh:before, .ss-volumehigh.right:after { content: '๐Ÿ”Š'; } .ss-batteryhigh:before, .ss-batteryhigh.right:after { content: '๎จ'; } .ss-batterymedium:before, .ss-batterymedium.right:after { content: '๎จ‘'; } .ss-batterylow:before, .ss-batterylow.right:after { content: '๎จ’'; } .ss-batteryempty:before, .ss-batteryempty.right:after { content: '๎จ“'; } .ss-clouddownload:before, .ss-clouddownload.right:after { content: '๎ฌ€'; } .ss-cloudupload:before, .ss-cloudupload.right:after { content: '๎ญ€'; } .ss-calendaradd:before, .ss-calendaradd.right:after { content: '๏ฐ'; } .ss-calendarremove:before, .ss-calendarremove.right:after { content: '๏ฑ'; } .ss-calendarcheck:before, .ss-calendarcheck.right:after { content: '๏ฒ'; } .ss-calendardelete:before, .ss-calendardelete.right:after { content: '๏ณ'; } #grid { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999; pointer-events: none; } #grid .mobile, #grid .tablet, #grid .desktop { display: none; float: left; width: 100%; height: 100%; border-top: 1px solid #ffd200; border-bottom: 1px solid #ffd200; } #grid .mobile div, #grid .tablet div, #grid .desktop div { float: left; height: 100%; border-left: 1px solid #ffd200; border-right: 1px solid #ffd200; background: rgba(255, 213, 0, 0.25); } @media only screen and (min-width: 320px) and (max-width: 767px) { #grid .mobile { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { #grid .tablet { display: block; } } #grid .desktop { float: none; margin: 0 auto; width: 1024px; } @media only screen and (min-width: 1024px) { #grid .desktop { display: block; } } .m-1 { width: 1.25%; } .t-1 { width: 3.9062%; } .d-1 { width: 7.6172%; } .m-2 { margin-left: 6.25%; width: 15.625%; } .t-2 { margin-left: 3.9062%; width: 11.9792%; } .d-2 { margin-left: 2.4414%; width: 14.4531%; } .m-3 { margin-left: 6.25%; width: 17.5%; } .t-3 { margin-left: 3.9062%; width: 9.6354%; } .d-3 { margin-left: 2.4414%; width: 8.1055%; } .m-4 { margin-left: 6.25%; width: 17.5%; } .t-4 { margin-left: 3.9062%; width: 10.8073%; } .d-4 { margin-left: 2.4414%; width: 11.2305%; } .m-5 { margin-left: 6.25%; width: 15.625%; } .t-5 { margin-left: 3.9062%; width: 10.8073%; } .d-5 { margin-left: 2.4414%; width: 11.3281%; } .m-6 { margin-left: 6.25%; width: 1.25%; } .t-6 { margin-left: 3.9062%; width: 9.6354%; } .d-6 { margin-left: 2.4414%; width: 8.1055%; } .t-7 { margin-left: 3.9062%; width: 11.9792%; } .d-7 { margin-left: 2.4414%; width: 14.4531%; } .t-8 { margin-left: 3.9062%; width: 3.9062%; } .d-8 { margin-left: 2.4414%; width: 7.6172%; } .fields { clear: both; margin-left: 0; } .fields .field label { float: left; width: 100%; margin-bottom: 5px; } .input-custom { position: absolute; left: -999em; } .select-custom { opacity: 0; filter: "alpha(opacity=0)"; position: absolute; z-index: 1; left: 0; top: 0; display: block; float: left; cursor: pointer; -webkit-appearance: menulist-button; width: 100%; height: 40px; } .custom-shiv { float: left; clear: both; width: 100%; height: 40px; overflow: hidden; padding: 0 30px 0 15px; font: normal 14px/40px "TradeGothicLTStd", Verdana, Arial, sans-serif; background: #eeeeee; color: #717073; position: relative; cursor: pointer; border-radius: 2px; } .custom-shiv span:after { position: absolute; right: 0; top: 0; width: 40px; height: 40px; content: 'h'; font-family: 'everlast'; font-size: 20px; line-height: 48px; display: block; text-align: center; } .select-container { padding-top: 0; position: relative; display: inline-block; } .select-container.validation-error .custom-shiv { border: 1px solid #d45151; } .select-container.disabled { opacity: 0.5; filter: "alpha(opacity=50)"; } label.radio-label, label.checkbox-label, span.label.radio-label, span.label.checkbox-label { position: relative; line-height: 20px; cursor: pointer; padding: 0 0 0 30px !important; text-transform: none; letter-spacing: 0; } label.radio-label:before, label.checkbox-label:before, span.label.radio-label:before, span.label.checkbox-label:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 18px; height: 18px; background-image: url("../images/radio-btn.png"); background-position: 0 -19px; color: #717073; font-family: "everlast"; text-align: center; line-height: 15px; font-size: 14px; } label.radio-label.disabled, label.checkbox-label.disabled, span.label.radio-label.disabled, span.label.checkbox-label.disabled { pointer-events: none; opacity: 0.75; filter: "alpha(opacity=75)"; } label.radio-label.disabled:before, label.checkbox-label.disabled:before, span.label.radio-label.disabled:before, span.label.checkbox-label.disabled:before { background-color: #f2f2f2; } label.radio-label.checked:before, span.label.radio-label.checked:before { background-position: 0 0; } label.checkbox-label:before, span.label.checkbox-label:before { background-image: url("../images/checkbox-btn.png"); background-position: 0 0; } label.checkbox-label.checked:before, span.label.checkbox-label.checked:before { background-position: 0 24px; } span.label.radio-label label, span.label.checkbox-label label { padding: 0; } .select-container.small .select-custom { height: 18px; font-size: 11px; } .select-container.small .custom-shiv { display: inline-block; height: 18px; line-height: 18px; font-size: 0.8571em; text-transform: none; padding-right: 26px; padding-left: 5px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; background: #fff; color: #000; top: 1px; } .select-container.small .custom-shiv span:after { width: 26px; height: 18px; font-size: 16px; line-height: 18px; font-size: 21px; top: 3px; color: #aaaaaa; text-transform: lowercase; } .form-list .select-container { display: block; width: 100%; clear: both; } .select-container.small { top: 4px; } .form-list select { margin-top: 0; width: 100%; } .box-related .checkbox-label { float: left; margin-top: 36px; margin-right: 10px; } .shipping #co-shipping-method-form .sp-methods dd label.radio-label { border: 0; font-style: normal; } .opc .select-container { width: 100%; } .opc .select-container.v-fix { width: auto; clear: none; } .opc .select-container select { margin-top: 0; width: 100%; } .opc .select-container input { margin-top: 5px; } .customer-address-form .form-list .select-container { width: 100%; } .reset { clear: none; } @media screen and (min--moz-device-pixel-ratio: 0) { label.radio-label:before, label.checkbox-label:before, span.label.radio-label:before, span.label.checkbox-label:before { line-height: 10px !important; } .select-container.small .custom-shiv span:after { line-height: 10px; } } .ba-select-input { position: absolute; left: -999em; } .ba-select-box { position: relative; } .ba-select { display: inline-block; width: 100%; } .ba-select.disabled { opacity: 0.75; filter: "alpha(opacity=75)"; } .ba-shiv { float: left; position: relative; width: 100%; height: 32px; padding: 0 40px 0 10px; font: 300 1em/30px "TradeGothicLTStd", Verdana, Arial, sans-serif; border: 1px solid #fff; color: #333333; background-color: #fafafa; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fafafa)); background-image: -webkit-linear-gradient(top, #fff, #fafafa); background-image: linear-gradient(to bottom, #fff, #fafafa); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#fff)', endColorstr='argb(#fafafa)', GradientType=0)"; cursor: pointer; border-radius: 5px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); } .ba-shiv .ba-shiv-content { display: inline-block; font: 300 1em/30px "TradeGothicLTStd", Verdana, Arial, sans-serif; color: #333333; } .ba-shiv .ba-arrow:after { position: absolute; display: block; content: '๏”'; font-size: 14px; width: 32px; height: 32px; line-height: 32px; text-align: center; font-family: "SSStandard"; right: 0; top: 0; color: #333333; } .ba-options { display: none; position: absolute; z-index: 999; top: 0; left: 0; width: 100%; padding: 0 10px; background-color: #fafafa; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fafafa)); background-image: -webkit-linear-gradient(top, #fff, #fafafa); background-image: linear-gradient(to bottom, #fff, #fafafa); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#fff)', endColorstr='argb(#fafafa)', GradientType=0)"; border-radius: 5px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); border: 1px solid #fff; cursor: pointer; } .ba-options ul { list-style: none; } .ba-options ul li { float: left; width: 100%; clear: both; cursor: pointer; font: 300 1em/30px "TradeGothicLTStd", Verdana, Arial, sans-serif; color: #333333; } .ba-options ul li:hover { color: #000; } .ba-select-box.open .ba-options { display: block; } .ba-select-box.open.ba-over .ba-shiv, .ba-select-box.open.ba-thumbnail .ba-shiv { box-shadow: 0 0 0 rgba(255, 255, 255, 0); } .ba-select-close { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: transparent; z-index: 998; } .ba-select-box.ba-left .ba-options, .ba-select-box.ba-right .ba-options { float: left; width: auto; position: absolute; left: auto; } .ba-select-box.ba-left .ba-options:after, .ba-select-box.ba-right .ba-options:after { font-family: "everlast"; font-size: 14px; position: absolute; line-height: 34px; color: #fff; -webkit-transition: transform 0.2s ease; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .ba-select-box.ba-left.open .ba-shiv, .ba-select-box.ba-right.open .ba-shiv { color: #fff; border-color: #666666; background-color: #4d4d4d; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#4d4d4d)); background-image: -webkit-linear-gradient(top, #666666, #4d4d4d); background-image: linear-gradient(to bottom, #666666, #4d4d4d); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#666666)', endColorstr='argb(#4d4d4d)', GradientType=0)"; } .ba-select-box.ba-left.open .ba-shiv-content, .ba-select-box.ba-right.open .ba-shiv-content { color: #fff; } .ba-select-box.ba-left.open .ba-arrow:after, .ba-select-box.ba-right.open .ba-arrow:after { color: #fff; top: -2px; } .ba-select-box.ba-left .ba-options:after { content: 'โ–น'; right: -12px; text-shadow: 2px 0px 2px rgba(0, 0, 0, 0.25); } .ba-select-box.ba-left.open .ba-arrow:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .ba-select-box.ba-right .ba-options:after { content: 'โ—ƒ'; left: -12px; text-shadow: -2px 0px 2px rgba(0, 0, 0, 0.25); } .ba-select-box.ba-right.open .ba-arrow:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .ba-select-box.ba-thumbnail .ba-shiv { height: 52px; padding-left: 0; } .ba-select-box.ba-thumbnail .ba-shiv .ba-shiv-content, .ba-select-box.ba-thumbnail .ba-shiv .ba-img-span, .ba-select-box.ba-thumbnail .ba-shiv .ba-img { float: left; line-height: 50px; margin-right: 5px; } .ba-select-box.ba-thumbnail .ba-shiv .ba-arrow:after { height: 52px; line-height: 52px; } .ba-select-box.ba-thumbnail li { padding: 5px; width: 20%; clear: none; float: left; text-align: center; } .ba-select-box.ba-thumbnail li:first-child { float: left; clear: both; width: 100%; } .ba-select-box.ba-thumbnail .ba-img-span { display: inline-block; width: 50px; height: 50px; background-position: 50% 50%; background-size: 100% auto; border-radius: 5px; } .ba-select-box.ba-thumbnail .ba-opt-content { float: left; clear: both; width: 100%; } .nosto_element .owl-nav { font-family: 'everlast'; } .nosto_element .owl-nav .owl-prev, .nosto_element .owl-nav .owl-next { position: absolute; top: 24%; } .nosto_element .owl-nav .owl-prev { left: -65px; } .nosto_element .owl-nav .owl-next { right: -65px; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox/fancybox_sprite.html"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("../images/fancybox/fancybox_loading.html") center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../images/fancybox/blank.html"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../images/fancybox/fancybox_overlay.html"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox/fancybox_sprite%402x.html"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("../images/fancybox/fancybox_loading%402x.html"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* // ---------------------------------------------- // Usage example: // For IE set $mq-support to false. // Set the fixed value. // Then use mixins to test whether styles should be applied. // ---------------------------------------------- $mq-support: false; $mq-fixed-value: 1024; // Renders at fixed value @include bp (min-width, 300px) { div { color:#000; } } // Doesn't render without MQ support @include bp (min-width, 1200px) { div { color:#FFF; } } // Doesn't render without MQ support @include bp (max-width, 300px) { div { color:#444; } } // Renders at fixed value @include bp (max-width, 1200px) { div { color:#888; } } // ---------------------------------------------- */ /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /** @license MyFonts Webfont Build ID 2931986, 2014-12-01T16:23:38-0500 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: TradeGothicLT by Linotype URL: http://www.myfonts.com/fonts/linotype/trade-gothic/trade-gothic-63882/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1989, 1992, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH, and Webfont: TradeGothicLT-Bold by Linotype URL: http://www.myfonts.com/fonts/linotype/trade-gothic/bold-63882/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1989, 1992, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH, and Webfont: TradeGothicLTStd-BoldExt by Linotype URL: http://www.myfonts.com/fonts/linotype/trade-gothic/bold-extended-63882/ Copyright: Copyright © 1991, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved. Webfont: TradeGothicLTStd-Extended by Linotype URL: http://www.myfonts.com/fonts/linotype/trade-gothic/extended-63882/ Copyright: Copyright © 1991, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved. License: http://www.myfonts.com/viewlicense?type=web&buildid=2931986 Licensed pageviews: 10,000,000 ยฉ 2014 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @font-face { font-family: 'TradeGothicLTStd'; src: url("../fonts/2CBD12_0_0.eot"); src: url("../fonts/2CBD12_0_0d41dd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/2CBD12_0_0.woff2") format("woff2"), url("../fonts/2CBD12_0_0.woff") format("woff"), url("../fonts/2CBD12_0_0.ttf") format("truetype"); } @font-face { font-family: 'TradeGothicLTStd-Bold'; src: url("../fonts/2CBD12_1_0.eot"); src: url("../fonts/2CBD12_1_0d41dd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/2CBD12_1_0.woff2") format("woff2"), url("../fonts/2CBD12_1_0.woff") format("woff"), url("../fonts/2CBD12_1_0.ttf") format("truetype"); } @font-face { font-family: 'TradeGothicLTStd-BoldExt'; src: url("../fonts/2CBD12_2_0.eot"); src: url("../fonts/2CBD12_2_0d41dd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/2CBD12_2_0.woff2") format("woff2"), url("../fonts/2CBD12_2_0.woff") format("woff"), url("../fonts/2CBD12_2_0.ttf") format("truetype"); } @font-face { font-family: 'TradeGothicLTStd-Extended'; src: url("../fonts/2CBD12_3_0.eot"); src: url("../fonts/2CBD12_3_0d41dd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/2CBD12_3_0.woff2") format("woff2"), url("../fonts/2CBD12_3_0.woff") format("woff"), url("../fonts/2CBD12_3_0.ttf") format("truetype"); } @font-face { font-family: "everlast"; src: url("../fonts/everlast.eot"); src: url("../fonts/everlastd41dd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/everlast.woff") format("woff"), url("../fonts/everlast.ttf") format("truetype"), url("../fonts/everlast.svg#everlast") format("svg"); font-weight: normal; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover .button { -ms-zoom: 1; } [data-icon]:before { font-family: "everlast" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="ss-"]:before, [class*=" ss-"]:before { font-family: "everlast" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ss-menu:before { content: "a"; } .ss-cart:before, .skip-cart .icon:before { content: "b"; } .ss-search:before { content: "c"; } .ss-cancel:before { content: "d"; } .ss-right:before { content: "e"; } .ss-left:before { content: "f"; } .ss-up:before { content: "g"; } .ss-down:before { content: "h"; } .ss-star:before { content: "i"; } .ss-add:before { content: "j"; } .ss-minus:before { content: "k"; } .ss-remove:before { content: "l"; } .ss-plus:before { content: "m"; } .ss-update:before { content: "n"; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Header Newsletter ============================================ */ html.touch .wrapper.show-newsletter .header-newsletter { display: none !important; } .header-newsletter { position: relative; background: url("../images/texture-bg.png"); text-align: center; max-height: 0; overflow: hidden; -webkit-transition: all 1s cubic-bezier(0.32, 1.25, 0.375, 1.15); transition: all 1s cubic-bezier(0.32, 1.25, 0.375, 1.15); } .header-newsletter h4, .header-newsletter p { color: #fff; } .header-newsletter .close { float: right; margin: 9px 12px 0 0; font-size: 11px; color: #fff; letter-spacing: .9px; text-transform: uppercase; cursor: pointer; } .header-newsletter .close:hover { cursor: pointer; text-decoration: none; } .header-newsletter .close span { color: #898989; margin-left: 4px; } .header-newsletter .block-title, .header-newsletter .form-subscribe-header { display: none; } .header-newsletter .block-subscribe { width: 363px; display: inline-block; } @media only screen and (max-width: 390px) { .header-newsletter .block-subscribe { width: 300px; } } .header-newsletter .block-subscribe.action.button { margin-top: 2px; box-shadow: none; height: 40px; } .header-newsletter .input-box { width: 240px; float: left; } .header-newsletter .input-box .input-text { width: 100%; border-right: 0; border-radius: 2; background: #333333; color: #777777; } .header-newsletter .input-box .input-text :focus { box-shadow: 0 1px 0 0 #717073; } .header-newsletter .btn-cart { box-shadow: none; width: 113px; height: 40px; margin-top: 2px; } .header-newsletter .newsletter-title { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 36px; font-weight: bold; text-transform: uppercase; padding-top: 35px; line-height: 36px; } .header-newsletter .newsletter-text { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 18px; font-weight: normal; padding-top: 15px; padding-bottom: 9px; } .header-newsletter .newsletter-text-agree { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 11px; color: #999999; margin-top: 8px; padding-bottom: 24px; } .header-newsletter .newsletter-text-agree .discount-text { display: block; } .header-newsletter .newsletter-text-agree a { color: #ffd200; } @media only screen and (max-width: 480px) { .header-newsletter:before { content: "d"; color: #F8CD23; font-family: "everlast"; text-transform: lowercase; font-size: 20px; position: relative; top: 12px; float: right; padding-right: 5px; } .header-newsletter .block-content { margin-bottom: -7px; } .header-newsletter .close { display: none; } .header-newsletter .mobileClose { background: transparent; width: 20px; height: 20px; position: absolute; top: 12px; right: 5px; cursor: pointer; } .header-newsletter .newsletter-text-agree { display: block; padding-left: 15px; padding-right: 15px; } .header-newsletter .newsletter-title { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 18px; text-transform: uppercase; padding-top: 26px; line-height: 18px; } .header-newsletter .newsletter-text { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 14px; padding-top: 8px; margin-bottom: -36px; } .header-newsletter .input-box { width: 100%; float: right; position: relative; } .header-newsletter .input-box:before { content: "o"; color: #aaaaaa; font-family: "everlast"; text-transform: lowercase; font-size: 20px; position: relative; top: 40px; float: right; padding-right: 5px; } .header-newsletter .input-box .mobileSignupButton { background: transparent; width: 40px; height: 40px; position: absolute; top: 32px; right: 0; cursor: pointer; } .header-newsletter button { display: none; } } .block-compare { background: #eeeeee; padding: 20px; } @media only screen and (max-width: 770px) { .block-compare { display: none; } } .block-compare .block-title { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; color: #717073; text-transform: uppercase; font-size: 11px; float: left; } .block-compare .block-title small { color: #000; } .block-compare .actions { margin: 0; } .block-compare .block-content { content: ""; display: table; clear: both; width: 100%; margin-top: 23px; } .block-compare .block-content .item { width: 152px; float: left; position: relative; margin-bottom: 0; margin-left: 20px; } .block-compare .block-content .item img { width: 100%; margin-bottom: 6px; } .block-compare .block-content .item:first-child { margin-left: 0; } .block-compare .block-content .item.empty { display: block; width: 152px; height: 152px; background: #dddddd; } .block-compare .btn-remove { position: absolute; top: 10px; right: 10px; border: none; } .block-compare .btn-remove:after { font-family: "everlast"; content: "l"; font-size: 21px; color: #898989; } .block-compare .btn-remove:hover { background: none; border: none; text-decoration: none; } .block-compare .btn-remove:hover:after { color: #000; } .block-compare .product-name { text-align: center; line-height: 21px; } body:not(.customer-account) .block-compare:first-child .block-title { padding-top: 13px; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /*! normalize.css v2.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* Corrects `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* Corrects `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* Addresses styling for `hidden` attribute not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* 1. Sets default font family to sans-serif. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* Removes default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* Addresses `h1` font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; } /* Addresses styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* Corrects font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* Sets consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /* Removes border when inside `a` element in IE 8/9. */ img { border: 0; } /* Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* Addresses margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /* 1. Corrects font family not being inherited in all browsers. 2. Corrects font size not being inherited in all browsers. 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ button, input { line-height: normal; } /* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* 1. Addresses box sizing set to `content-box` in IE 8/9. 2. Removes excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Removes inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE 8/9. 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Reset ============================================ */ *, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; } html { -webkit-tap-highlight-color: transparent; /* Prevent tap highlight on iOS/Android */ -webkit-text-size-adjust: 100%; /* Prevent automatic scaling on iOS */ } body { background: #FFFFFF; color: #000000; line-height: 1; } html, body, img, fieldset, abbr, acronym { border: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } th, code, cite, caption { font-weight: normal; font-style: normal; text-align: left; } address { font-style: normal; } fieldset { margin: 0; padding: 0; border: 0; } img { display: block; } ol, ul { list-style: none; } q:before, q:after { content: ''; } input:focus, input[type="search"]:focus { outline: none; } input[type="search"] { -webkit-appearance: none; /* 1 */ /* 2 */ box-sizing: border-box; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Base Styles ============================================ */ @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } a, button { -ms-touch-action: manipulation; touch-action: manipulation; } a, a:active, a:focus { outline: none; } * { box-sizing: border-box; } body, button, input, select, table, textarea { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; color: #333333; font-size: 14px; line-height: 1.5; } a { color: #000; text-decoration: none; } a:hover { color: black; text-decoration: underline; } a:focus { outline-color: black; color: black; } ol, ul { list-style: none; margin: 0; padding: 0; } /* ============================================ * Typography ============================================ */ h1, .h1 { margin: 0; margin-bottom: 0.7em; color: #000; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 59px; font-weight: 400; font-style: normal; line-height: 66px; height: 78px; text-rendering: optimizeLegibility; text-transform: uppercase; } h2, .h2 { margin: 0; margin-bottom: 0.5em; color: #000; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 47px; font-weight: 400; font-style: normal; line-height: 47px; text-rendering: optimizeLegibility; text-transform: uppercase; } h3, .h3 { margin: 0; margin-bottom: 10px; color: #000; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 36px; font-weight: 400; font-style: normal; line-height: 36px; text-rendering: optimizeSpeed; text-transform: uppercase; } h4, .h4 { margin: 0; margin-bottom: 10px; color: #000; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 29px; font-weight: 400; font-style: normal; line-height: 39px; text-rendering: optimizeSpeed; text-transform: uppercase; } h5, .h5, .my-account .addresses-list .col-1 h2, .my-account .addresses-list .col-2 h2 { margin: 0; margin-bottom: 10px; color: #000; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 23px; font-weight: 400; font-style: normal; line-height: 25px; text-rendering: optimizeSpeed; text-transform: uppercase; } h6, .h6, .my-account .addresses-list .col-1 h3, .my-account .addresses-list .col-2 h3 { margin: 0; margin-bottom: 5px; color: #000; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 20px; font-weight: 400; font-style: normal; line-height: 22px; text-rendering: optimizeSpeed; text-transform: uppercase; } h7, .h7 { margin: 0; margin-bottom: 5px; color: #000; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 23px; text-rendering: optimizeSpeed; text-transform: uppercase; } p, .p { margin: 0; margin-bottom: 5px; color: #333333; font-size: 14px; line-height: 20px; } /* ============================================ * Shared Classes ============================================ */ .address-list address { margin-bottom: 1em; } .availability { margin-bottom: 0; font-size: 13px; text-transform: uppercase; } .availability .label { display: none; } .availability.in-stock { color: #66c45d; } .availability.available-soon, .availability.out-of-stock { color: #d45151; } .availability-only { color: #d45151; margin-bottom: 10px; } /* -------------------------------------------- * Page Titles */ .page-title h1, .page-title h2, .product-name h1, .product-name .h1 { text-transform: uppercase; font-size: 24px; font-weight: 600; color: #333333; border-bottom: 1px solid #EDEDED; padding-bottom: 3px; margin-bottom: 15px; text-transform: uppercase; } /* -------------------------------------------- * Block Module */ .block, .col-left-first { margin-bottom: 20px; } .col-left-first .block:last-of-type { margin-bottom: 0; } .block-title { position: relative; padding: 10px 0 0; margin-bottom: 5px; } .block-title h2, .block-title h3, .block-title strong { margin: 0; margin-bottom: 10px; color: #000; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 29px; font-weight: 400; font-style: normal; line-height: 39px; text-rendering: optimizeSpeed; text-transform: uppercase; color: #000; margin-bottom: 0; font-weight: 600; } .block-title small { font-size: 100%; font-weight: normal; color: #717073; } body:not(.customer-account) .block:first-child .block-title { border-top: none; padding-top: 0; } .block-subtitle { font-weight: bold; margin-bottom: 7px; } .block-content { margin-top: 5px; } .block-content.unpad { padding: 0; } .block-content li.item { margin: 0 0 10px 9px; } .block-content li.item:last-child { margin-bottom: 0; } .block .actions { margin: 10px 0 0; } .block .actions:after { content: ''; display: table; clear: both; } .block .actions a { float: left; } .block .actions .button { float: right; } .col-left .block .actions .button ~ a, .col-right .block .actions .button ~ a { line-height: 33px; margin-right: 5px; } @media only screen and (max-width: 770px) { .sidebar .block:not(.block-layered-nav) { margin-bottom: 0; } .sidebar .block:not(.block-layered-nav) .block-title { padding: 0; margin-top: 0; border-bottom: none; border-top: none; margin-bottom: 0; } .sidebar .block:not(.block-layered-nav) .block-title > strong { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0; padding: 11px 10px 12px 30px; position: relative; display: block; width: 100%; cursor: pointer; border-bottom: 0; } .sidebar .block:not(.block-layered-nav) .block-title > strong:after { position: absolute; content: 'h'; text-transform: lowercase; font-family: "everlast"; font-size: 20px; height: 18px; color: #aaaaaa; right: 39px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .sidebar .block:not(.block-layered-nav) .block-title > strong:first-child { padding: 0 10px 12px 30px; } .sidebar .block:not(.block-layered-nav) .block-title.active > strong { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0; padding: 11px 10px 12px 30px; position: relative; } .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after { position: absolute; content: 'h'; text-transform: lowercase; font-family: "everlast"; font-size: 20px; height: 18px; color: #aaaaaa; right: 39px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .sidebar .block:not(.block-layered-nav) .block-title.active > strong:first-child { padding: 0 10px 12px 30px; } .sidebar .block:not(.block-layered-nav) .block-content { padding: 10px; margin-top: 0; border-width: 0 1px; border-style: solid; border-color: #CCCCCC; } .sidebar .block:last-of-type { border-bottom: 1px solid #CCCCCC; } .sidebar .block-account .block-title > strong span:after, .sidebar .block-cms-menu .block-title > strong span:after { content: ' Menu'; } } /* -------------------------------------------- * Secondary Navigation */ .block-account .block-title, .block-cms-menu .block-title { padding-top: 0; border-top: none; } .block-account .block-content, .block-cms-menu .block-content { padding: 8px 27px 1px; background: #eeeeee; border-radius: 3px; font-family: "TradeGothicLTStd-BoldExt", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; } .block-account li, .block-cms-menu li { text-transform: uppercase; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; margin: 22px 0 24px; } .block-account li strong, .block-cms-menu li strong { font-weight: 400; color: #000; } .block-account li a, .block-cms-menu li a { color: #333333; } .block-account li a:hover, .block-cms-menu li a:hover { color: #000; } /* ============================================ * Buttons ============================================ */ /* Secondary Buttons */ /* Primary Buttons */ a.button { text-decoration: none; } a.button:hover { color: #FFFFFF; } /* Disabled - class for anchor, state for form elements */ .button.disabled, .button:disabled { opacity: 0.6; cursor: not-allowed; } /* Adjacent buttons */ .button + .button { margin-left: 5px; } .button2 { border: 0; padding: 0 5px; margin: 0; background: transparent; cursor: pointer; vertical-align: middle; } .button2:focus { outline: none; } .button2 span, .button2 span span { line-height: 30px; height: 30px; text-decoration: underline; text-transform: uppercase; display: inline-block; color: #000; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; } .button2 span:hover, .button2 span span:hover { text-decoration: none; color: black; } @media only screen and (max-width: 770px) { .col2-set .buttons-set .button, .col2-set .buttons-set .button2 { float: none; width: 100%; margin-left: 0; margin-right: 0; } .col2-set .buttons-set .back-link { display: none; } .col2-set .buttons-set .required { display: none; } } @media only screen and (max-width: 479px) { .buttons-set .button { float: none; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 7px; } .buttons-set .back-link { display: none; } .buttons-set .required { display: none; } } /* -------------------------------------------- * Paypal Button */ .paypal-logo.paypal-after { float: left; } .paypal-after .paypal-or { float: left; } .paypal-or { line-height: 40px; margin: 0 10px 5px; } .paypal-after .paypal-button { float: left; } .paypal-button { line-height: 0; } .paypal-button img { display: inline; } @media only screen and (max-width: 670px) { .paypal-or { line-height: 20px; } .paypal-logo, .paypal-or, .paypal-button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none; } } /* -------------------------------------------- * Button Sets */ .buttons-set { clear: both; margin: 10px 0 0; padding-top: 10px; text-align: right; } .buttons-set p.required { margin: 0; margin-left: 10px; line-height: 33px; float: right; } .buttons-set .back-link { float: left; margin: 0; } .buttons-set button.button { float: right; margin-left: 5px; min-width: 140px; } .buttons-set:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * Icons */ .icon-sprite, .btn-remove2, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating { background-image: url(../images/icon-sprite.png); background-repeat: no-repeat; text-indent: -9999px; } /* -------------------------------------------- * Breadcrumbs */ .breadcrumbs { text-align: center; overflow: hidden; margin: 36px 0 16px; font-size: 12px; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .breadcrumbs a { color: #999999; } .breadcrumbs a:hover { color: #000; text-decoration: none; } .breadcrumbs strong { color: #999999; font-weight: normal; } .breadcrumbs span { padding: 0 8px; color: #999999; } @media only screen and (max-width: 770px) { .checkout-cart-index .breadcrumbs { display: none; } .breadcrumbs { text-align: left; padding: 0 5px; margin: 6px 0 34px; } .breadcrumbs a, .breadcrumbs span, .breadcrumbs strong { display: none; } .breadcrumbs .mobile-crumb { display: block; } .breadcrumbs .mobile-crumb:before { content: "f"; color: #aaaaaa; font-family: "everlast"; text-transform: lowercase; font-size: 20px; position: relative; top: 8px; } .breadcrumbs .mobile-crumb:hover { text-decoration: none; } } .catalog-category-view .breadcrumbs a:hover { color: #fff; } @media only screen and (max-width: 770px) { .catalog-category-view .breadcrumbs a:hover { color: inherit; } } /* -------------------------------------------- * Button - Remove / Previous */ .btn-remove, .btn-previous { display: inline-block; width: 20px; height: 20px; border: 1px solid #EDEDED; text-align: center; /* Hide text */ font: 0/0 a; text-shadow: none; color: transparent; position: relative; } .btn-remove:hover, .btn-previous:hover { background-color: #000; border-color: #000; } .btn-remove:after { content: 'X'; color: #000; height: 20px; line-height: 20px; width: 100%; font-size: 10px; font-family: Arial, "TradeGothicLTStd", Verdana, Arial, sans-serif; font-weight: bold; } .btn-remove:hover:after { color: #FFFFFF; text-decoration: none; } .btn-remove2 { background-position: 4px -648px; border: none; vertical-align: top; } .btn-remove2:after { display: none; } .btn-remove2:hover { background-color: transparent; opacity: 0.8; filter: "alpha(opacity=80)"; } .btn-previous:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #000; border-left: none; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -4px; } .btn-previous:hover:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #FFFFFF; border-left: none; } .block-layered-nav .currently .btn-remove, .block-layered-nav .currently .btn-previous, .mini-products-list .btn-remove, .mini-products-list .btn-previous, #compare-items .btn-remove, #compare-items .btn-previous { float: right; margin-left: 6px; } /* -------------------------------------------- * Checkout Agreements */ .checkout-agreements li { margin-bottom: 20px; } .checkout-agreements .agreement-content { overflow-y: auto; max-width: 670px; max-height: 125px; margin-bottom: 10px; padding: 10px; border: 1px solid #CCCCCC; background: #eeeeee; } /* -------------------------------------------- * CVV Security Code */ .cvv-what-is-this { margin-left: 25px; font-size: 13px; line-height: 24px; } /* -------------------------------------------- * Container */ .main-container { position: relative; margin: 0 auto; padding: 0 15px; } .main-container:after { content: ''; display: table; clear: both; } .catalog-category-view .main-container { min-height: 300px; } @media only screen and (min-width: 480px) { .main-container, .footer-container { padding: 30px; } .catalog-product-view .main-container { padding: 0; position: static; } } .footer-container { padding-top: 0; background: url("../images/texture-bg.png"); } .footer-container:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * Column Layouts */ .main:after, .col-wrapper:after { content: ''; display: table; clear: both; } .col-left, .col-right, .col-main { padding: 0 20px; } .col-left { float: left; width: 25.4%; padding-left: 0; /* Remove the 15px padding */ clear: left; } .col-left img { max-width: 100%; } .col-right { float: right; width: 74.6%; padding-right: 0; /* Remove the 15px padding */ } .col-right img { max-width: 100%; } .col-main { float: left; width: 74.6%; } .col1-layout .col-main { float: none; width: auto; padding: 0; /* Remove the 15px padding */ } .col2-left-layout .col-main { float: right; padding-right: 0; /* Remove the 15px padding */ } .col2-right-layout .col-main { padding-left: 0; /* Remove the 15px padding */ } .col3-layout .col-right { width: 20.8333%; } .col3-layout .col-wrapper { float: left; width: 79.1667%; } .col3-layout .col-wrapper .col-main { float: right; width: 73.6842%; } .col3-layout .col-wrapper .col-left { width: 26.3158%; } @media only screen and (max-width: 1000px) { .col3-layout .col-right { float: left; clear: left; padding-left: 0; padding-right: 10px; width: 25%; } .col3-layout .col-wrapper { float: right; width: 100%; } .col3-layout .col-wrapper .col-main { float: right; width: 75%; } .col3-layout .col-wrapper .col-left { width: 25%; } } @media only screen and (max-width: 770px) { .col-left, .col-right, .col-main, .col1-layout .col-left, .col1-layout .col-right, .col1-layout .col-main, .col2-left-layout .col-left, .col2-left-layout .col-right, .col2-left-layout .col-main, .col2-right-layout .col-left, .col2-right-layout .col-right, .col2-right-layout .col-main, .col3-layout .col-wrapper .col-left, .col3-layout .col-right, .col3-layout .col-wrapper .col-main { padding: 0; margin-bottom: 10px; float: none; width: auto; } .col3-layout .col-wrapper { float: none; width: auto; } .col-main { float: none; width: auto; } .col-main .col-left { padding: 0; /* On product listing pages, the left column gets moved inside col-main on small viewports */ } } /* Content Columns */ .col2-set { width: 100%; } .col2-set .col-1, .col2-set .col-2 { width: 50%; padding: 20px; } @media only screen and (max-width: 770px) { .col2-set .col-1, .col2-set .col-2 { padding: 10px; } } .col2-set .col-1 { float: left; padding-left: 0; } .col2-set .col-2 { float: right; padding-right: 0; } @media only screen and (max-width: 770px) { .col2-set .col-1, .col2-set .col-2 { float: none; width: auto; border: 0; padding-right: 0; padding-left: 0; } } .col2-set .narrow { width: 33%; } .col2-set .wide { width: 65%; } .col2-set:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * Top Container */ @media only screen and (min-width: 771px) { .top-container { max-width: 1200px; margin: 0 auto; padding: 0 30px; } } /* -------------------------------------------- * Global Site Notice */ .global-site-notice { background: black; color: #e6e6e6; font-size: 11px; } .global-site-notice .notice-inner { padding-left: 120px; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; line-height: 11px; min-height: 40px; padding-top: 14.5px; padding-bottom: 14.5px; background-image: url("../images/demo-logo.html"); background-position: left; background-repeat: no-repeat; } .global-site-notice p { margin-bottom: 0; } /* -------------------------------------------- * Promotional Message Banner */ .promo-msg { color: #000; text-align: center; margin: 10px; text-transform: uppercase; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; } /* -------------------------------------------- * Grid */ .grid:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * Messages */ .success { color: #66c45d; } .error { color: #d45151; font-weight: bold; } .notice { color: #d45151; font-weight: bold; } /* -------------------------------------------- * Messages */ .messages { margin-top: 23px; margin-bottom: 10px; clear: both; } .messages li.success-msg li { background: #66c45d; color: #fff; } .messages li.error-msg li { background: #d45151; color: #fff; } .messages > li { -webkit-animation-fill-mode: both; animation-fill-mode: both; will-change: translate3d; } .messages > li.hide-message { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: .50s; animation-duration: .50s; } @-webkit-keyframes fadeOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes fadeOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .messages li li { position: relative; margin-bottom: 5px; padding: 10px 60px 9px 20px; background: #eeeeee; border-radius: 3px; text-align: center; cursor: pointer; } .messages li li:after { content: 'l'; font-family: "everlast"; font-size: 20px; position: absolute; width: 40px; height: 40px; top: 0; right: 0; line-height: 50px; } .messages li li:before { top: 50%; left: 0; margin-top: -6px; } @media only screen and (min-width: 915px) { .order-list-grid .col-1 { width: 30%; } .order-list-grid .col-2 { width: 50%; padding-right: 20px; } .order-list-grid .col-3 { clear: none; width: 20%; padding-top: 0; } } /* -------------------------------------------- * Page Popup */ .page-popup { padding: 20px; background: #FFFFFF; height: auto; } .page-popup h1 { margin: 0 0 0.5em; font-size: 36px; } /* -------------------------------------------- * Payment Methods */ .payment-methods { margin-bottom: 20px; } .payment-methods dt { padding: 5px 0; } .payment-methods dd { padding-top: 10px; } .payment-methods .form-list { position: relative; display: inline-block; max-width: 100%; margin: 5px 15px 15px; padding: 15px; border: 1px solid #CCCCCC; background: #eeeeee; } .payment-methods .form-list:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #CCCCCC; border-top: none; top: -11px; left: 30px; } .payment-methods .form-list:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #eeeeee; border-top: none; top: -10px; left: 30px; } .payment-methods .form-list li:last-child { margin-bottom: 0; } /* -------------------------------------------- * Please Wait (Loading Indicator) */ .please-wait { display: inline-block; margin-left: 10px; margin-top: 5px; line-height: 24px; height: 24px; white-space: nowrap; /* Prevent the linebreak in the HTML from causing layout issues */ } .please-wait img { float: left; margin-right: 5px; width: 24px; } /* -------------------------------------------- * Price Box - Standard */ .price-box { margin: 7px 0; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .price-box p { margin-bottom: 0; } .price-notice { color: #717073; } .price-box .price { color: #000; font-size: 16px; } .price-box .price, .price { white-space: nowrap; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .price-box .price-label { color: #717073; white-space: nowrap; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; } .price-box .minimal-price-link { padding-left: 1em; color: #000; display: block; /* We want this to show on its own line, otherwise the layout looks funky */ } .price-box .minimal-price-link .label { color: #717073; } /* -------------------------------------------- * Price Box - Special */ .price-box .old-price, .price-box .special-price { display: inline-block; } .price-box .old-price .price-label, .price-box .special-price .price-label { display: none; } .price-box .old-price .price, .price-box .special-price .price { display: inline-block; } .price-box .old-price .price { color: #717073; text-decoration: line-through; } .price-box .special-price { color: #000; padding-left: 1em; } .price-box .special-price .price-label { color: #D84D3C; } /* -------------------------------------------- * Price Box - Taxes */ .price-box .price-excluding-tax, .price-box .price-including-tax { display: block; } /* -------------------------------------------- * Tier Prices */ .product-pricing, .tier-prices, .tier-prices-grouped { display: inline-block; padding: 4px 8px; background: #FBF4DE; border: 1px solid #E2D4C7; margin-top: 7px; } .product-pricing li, .tier-prices li, .tier-prices-grouped li { font-size: 12px; } .product-pricing .benefit, .tier-prices .benefit, .tier-prices-grouped .benefit { font-style: italic; } .product-pricing .price, .tier-prices .price, .tier-prices-grouped .price { font-weight: bold; } /* ============================================ * Item Options ============================================ */ .item-options { font-size: 14px; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .item-options dt { float: left; clear: left; font-weight: 600; padding-right: 5px; font-style: italic; } .item-options dt:after { content: ': '; } .item-options dd { display: inline-block; padding-left: 10px; margin: 0 0 6px; } .truncated, .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; height: 16px; line-height: 16px; } .truncated a.details:hover { text-decoration: none; } .truncated .truncated_full_value { position: relative; z-index: 300; } .truncated .truncated_full_value .item-options { color: #000; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; cursor: auto; } .truncated .truncated_full_value .item-options dd { padding-left: 0; } .truncated .truncated_full_value .item-options dd:before { content: ","; margin-right: 5px; } .truncated .truncated_full_value .item-options dd:first-child { padding-left: 0; } .truncated .truncated_full_value .item-options dd:first-child:before { content: ""; margin-right: 0; display: none; } .truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase; margin-bottom: 8px; } .truncated .show .item-options { display: block; } @media only screen and (max-width: 770px) { .truncated { cursor: inherit; } .truncated a.details { display: none; } .truncated .truncated_full_value .item-options { display: block; position: static; z-index: 1; width: 100%; border: none; background-color: transparent; color: #fff; } .truncated .truncated_full_value .item-options p { float: none; } .truncated .truncated_full_value .item-options:after { display: none; } } /* -------------------------------------------- * Printer Friendly Page */ .page-print { width: 6.5in; margin: 20px; background: #FFFFFF; } /* -------------------------------------------- * Add to links */ .add-to-links { margin: 7px 0; } .add-to-links a { display: inline-block; padding: 0 3px 3px; } .add-to-links .separator { display: none; } /* -------------------------------------------- * Product Image */ .product-image, .no-touch .product-img-box .product-image:not(.zoom-available):hover { position: relative; display: block; } .no-touch .product-image:hover { border-color: #3399CC; } /* -------------------------------------------- * Ratings */ .ratings { margin: 7px 0; } .ratings .rating-box, .ratings .rating-links { margin: 5px 0; } .ratings .rating-box { background-image: url(../images/ratings.png); width: 71px; height: 13px; background-repeat: repeat-x; background-position: 0 -16px; overflow: hidden; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .ratings .rating-box { /* on retina, use image that's scaled by 2 */ background-image: url("../images/ratings%402x.png"); background-size: 72px 48px; } } @media only screen and (max-width: 770px) { .ratings .rating-box { background-position: 0 -32px; } } .ratings .rating-box .rating { background-image: url(../images/ratings.png); float: left; height: 13px; background-repeat: repeat-x; background-position: 0 0; } @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .ratings .rating-box .rating { /* on retina, use image that's scaled by 2 */ background-image: url("../images/ratings%402x.png"); background-size: 72px 48px; } } @media only screen and (max-width: 770px) { .ratings .rating-box .rating { background-position: 0 -16px; } } .ratings .amount { display: block; margin: 5px auto; } .ratings .rating-links .separator { margin: 0 3px; } /* -------------------------------------------- * Standard Formatted Text Block */ .std p { margin: 0 0 1.5em; } .std ol { list-style: decimal outside; margin-bottom: 1.5em; } .std ol li { margin-left: 2em; } .std ul { list-style: disc outside; margin-bottom: 1.5em; } .std ul li { margin-left: 2em; } .std .note { color: #717073; font-size: 13px; } /* -------------------------------------------- * Tabs */ .tabs { margin-bottom: 10px; background: #FFFFFF; } /* -------------------------------------------- * Toolbar */ .toolbar { position: relative; margin-top: 3px; margin-bottom: 38px; min-height: 40px; padding: 5px 10px 0 10px; } .toolbar:after { content: ''; display: table; clear: both; } .pager-no-toolbar { margin-bottom: 10px; } .pager-no-toolbar ~ .pager-no-toolbar { margin-top: 10px; } .toolbar, .pager { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; color: #333333; line-height: 30px; font-size: 12px; } .toolbar label, .pager-no-toolbar label { font-weight: normal; text-transform: uppercase; } .sorter { position: absolute; right: 0; margin-bottom: 5px; } .sorter label { float: left; margin-right: 5px; } .sorter > .sort-by { float: right; margin-right: 5px; height: 30px; } .sorter > .sort-by .sort-by-switcher { width: 30px; height: 30px; display: inline-block; } .sorter > .sort-by .sort-by-switcher--asc { background-position: 4px -542px; } .sorter > .sort-by .sort-by-switcher--asc:hover { background-position: -46px -542px; } .sorter > .sort-by .sort-by-switcher--desc { background-position: 4px -567px; } .sorter > .sort-by .sort-by-switcher--desc:hover { background-position: -46px -567px; } .sorter > .view-mode { float: right; } .sorter > .view-mode .grid, .sorter > .view-mode .list { float: left; width: 30px; height: 30px; } .sorter > .view-mode .grid { margin-right: 5px; background-position: 8px -492px; } .sorter > .view-mode strong.grid, .sorter > .view-mode a.grid:hover { background-position: -42px -492px; } .sorter > .view-mode .list { background-position: 11px -517px; } .sorter > .view-mode strong.list, .sorter > .view-mode a.list:hover { background-position: -39px -517px; } .pager { position: absolute; left: 0; overflow: hidden; } .pager > .count-container { float: left; } .pager .amount { float: left; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; white-space: nowrap; margin: 0 15px 0 0; } .pager .limiter { float: left; height: 30px; line-height: 30px; } .pager .limiter > label { padding-right: 0px; font-size: 11px; } .pager .limiter .select-container.small { top: 5px; } .pager .limiter .select-container.small .custom-shiv { background: transparent; font-size: 11px; color: #000; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; letter-spacing: 1px; top: 1px; } .pager .amount, .pager .limiter, .pager .pages { margin-bottom: 5px; } .pages { float: none; width: 250px; overflow: hidden; margin: 0 auto; text-align: center; } .pages strong { display: none; } @media only screen and (max-width: 770px) { .pages { float: right; width: auto; margin: 0; } } .pages li { float: left; } .pages a, .pages .current { display: inline-block; border: 0; font-size: 11px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; line-height: 30px; width: 36px; height: 30px; padding: 0; color: #717073; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; } .pages a:hover, .pages .current:hover { text-decoration: none; color: #000; } .pages .current, .pages .current:hover { font-family: "TradeGothicLTStd-BoldExt", "Helvetica Neue", Verdana, Arial, sans-serif; color: #000; width: 30px; background-color: #FFFFFF; cursor: default; font-size: 11px; margin-top: 1px; } .pages .next, .pages .previous { font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; position: relative; width: 16px; } .pages .next:hover:before, .pages .previous:hover:before { color: #000; } .pages .next:before { font: 21px/21px "everlast"; font-size: 22px; color: #aaa; text-transform: lowercase; line-height: 38px; width: 16px; content: 'e'; top: 50%; margin-top: -3px; left: 50%; margin-left: -2px; } .pages .previous:before { font: 21px/21px "everlast"; font-size: 22px; color: #aaa; text-transform: lowercase; line-height: 38px; width: 16px; content: 'f'; top: 50%; margin-top: -3px; left: 50%; margin-left: -2px; } @media only screen and (max-width: 479px) { .pager .amount--has-pages, .count-container { display: none; } .pages { float: none; width: 200px; margin: 0 auto; } .limiter label { display: none; } } @media only screen and (max-width: 770px) { .col1-layout .sorter, .col1-layout .pager { width: 100%; } .col1-layout .pager { float: left; clear: both; width: auto; } .col1-layout .pager .pages { float: left; margin-left: 0; } .col1-layout .pager .count-container { float: right; } } @media only screen and (max-width: 1279px) { .toolbar .view-mode > label { display: none; } } /* ============================================ * Tax - Full Tax Summary ============================================ */ #checkout-review-table .summary-collapse, #shopping-cart-totals-table .summary-collapse, body.customer-account .data-table .summary-collapse { position: relative; cursor: pointer; } #checkout-review-table .summary-collapse:before, #shopping-cart-totals-table .summary-collapse:before, body.customer-account .data-table .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #3399CC; border-bottom: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .summary-collapse:hover:before, #shopping-cart-totals-table .summary-collapse:hover:before, body.customer-account .data-table .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid black; border-bottom: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .show-details .summary-collapse:before, #shopping-cart-totals-table .show-details .summary-collapse:before, body.customer-account .data-table .show-details .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #3399CC; border-top: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .show-details .summary-collapse:hover:before, #shopping-cart-totals-table .show-details .summary-collapse:hover:before, body.customer-account .data-table .show-details .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid black; border-top: none; position: static; display: inline-block; margin-right: 5px; } #shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before { margin-bottom: 5px; } /* ============================================ * Widgets ============================================ */ .widget .pager { float: none; width: 100%; } /* ============================================ * Magento Helpers ============================================ */ .a-center { text-align: center; } .a-right, .align-right { text-align: right; } .no-display { display: none !important; } .nobr, .nowrap { white-space: nowrap; } .width-full { width: 100%; } /* ============================================ * Custom Helpers ============================================ */ .hidden { display: none; } /* ============================================ * Print Styles ============================================ */ .page-print .print-head { margin: 0 0 15px; } .page-print .print-head .logo { position: relative; float: none; max-height: 140px; max-width: 122px; } /* ============================================= CSS ANIMATIONS ============================================== */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-5px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(5px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(5px); transform: translateX(5px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } .flex-active-slide { position: relative; } #crack { position: absolute; top: 0; left: 0; width: 100% !important; } .glove-egg { content: ""; display: block; height: 400px; width: 400px; position: absolute; background: url(../images/glove.png); top: 340px; left: 50%; margin-left: -100px; background-size: 100% 100%; -webkit-transform: translate(700px, 0); transform: translate(700px, 0); -webkit-transition: all 200ms cubic-bezier(0.32, 1.25, 0.375, 1.15); transition: all 200ms cubic-bezier(0.32, 1.25, 0.375, 1.15); } .glove-egg.animate { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .sales-guest-form .buttons-set { text-align: left; } .sales-guest-form .buttons-set button.button { float: left; margin-left: 0; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * FORMS - COMMON ============================================ */ /* -------------------------------------------- * Fieldsets */ .fieldset p { margin-bottom: 7px; } .fieldset p.required { margin-bottom: 5px; float: right; font-size: 12px; margin-top: 0; } .fieldset + .fieldset { margin-top: 5px; } form .legend { margin: 0; margin-bottom: 10px; color: #000; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 36px; font-weight: 400; font-style: normal; line-height: 36px; text-rendering: optimizeSpeed; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 7px; border-bottom: 1px solid #EDEDED; } /* -------------------------------------------- * Input Box */ .input-box { padding-top: 2px; } .input-box:after { content: ''; display: table; clear: both; } /* For adjacent select inputs. */ /* Example: credit card expiration month and year. */ .input-box .v-fix { float: left; margin-right: 5px; } /* -------------------------------------------- * Labels */ label { display: inline-block; font-size: 11px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #717073; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } label small { font-size: 11px; font-weight: 400; text-transform: none; } label.required:after, span.required:after { content: ' *'; color: #d45151; font-weight: normal; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 12px; } label.required em, span.required em { display: none; } /* -------------------------------------------- * Hints */ .input-hint { color: #717073; font-size: 12px; } /* -------------------------------------------- * Select */ select { font-size: 14px; } select + select { margin-left: 5px; } select[multiple] { width: 270px; border: 1px solid #CCCCCC; font-size: 15px; padding: 5px; } /* -------------------------------------------- * Textarea */ textarea { box-sizing: border-box; max-width: 100%; width: 450px; padding: 5px; } /* -------------------------------------------- * Inputs */ .input-text { -webkit-appearance: none; -moz-appearance: none; appearance: none; will-change: box-shadow; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; font-size: 15px; } .input-text:focus { box-shadow: 0 1px 0 0 #DEDEDE; } .input-text.validation-failed { border-color: #d45151; } .input-text.validation-failed:focus { outline-color: #eaa8a8; } input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { height: 40px; padding: 0 20px; width: 100%; max-width: 100%; background: #eeeeee; border: 0; border-radius: 2px; line-height: 43px; } input[type=email]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder { color: #717073; font-size: 14px; } input[type=email]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=text]:-moz-placeholder { color: #717073; } input[type=email]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder { /* Firefox 19+ */ color: #717073; } input[type=email]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder { color: #717073; } /* Only show on iPhones (not iPads or any other device) */ @media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) { input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], select { font-size: 16px; /* Prevent from zooming on focus */ } } /* -------------------------------------------- * Inputs - Quantity */ input[type=number].qty, input[type=text].qty { width: 3em; text-align: center; vertical-align: middle; padding: 0 5px; } /* -------------------------------------------- * Placeholder */ ::-webkit-input-placeholder { color: #717073; } input:-moz-placeholder { color: #717073; } /* -------------------------------------------- * Checkbox And Radio */ .checkbox, .radio { position: relative; top: -1px; display: inline-block; } .checkbox + label, .radio + label { width: auto; max-width: 85%; padding: 0 0 0 8px; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 14px; font-weight: normal; vertical-align: top; } /* -------------------------------------------- * Validation */ p.required, .validation-advice { margin: 5px 0 0; color: #d45151; font-size: 13px; width: 100%; } /* ============================================ * Form List ============================================ */ .form-list > li { margin-bottom: 15px; position: relative; } .form-list select { margin-top: 4px; width: 365px; max-width: 100%; } .form-list .input-range .input-text { width: 74px; } .form-list .field, .form-list .wide { margin-bottom: 15px; } .form-list .control { margin-bottom: 0; margin-top: 7px; } /* Turn the label of controls (radio/checkbox) into a button style that wraps the input */ .form-list .control div.input-box, .sp-methods dt div.input-box, #checkout-shipping-method-load .sp-methods dd div.input-box, #co-shipping-method-form .sp-methods dd div.input-box, .product-options ul.options-list div.input-box { display: inline; float: left; } .form-list .control div.input-box:after, .sp-methods dt div.input-box:after, #checkout-shipping-method-load .sp-methods dd div.input-box:after, #co-shipping-method-form .sp-methods dd div.input-box:after, .product-options ul.options-list div.input-box:after { display: none; } .form-list .control input.radio, .form-list .control input.checkbox, .sp-methods dt input.radio, .sp-methods dt input.checkbox, #checkout-shipping-method-load .sp-methods dd input.radio, #checkout-shipping-method-load .sp-methods dd input.checkbox, #co-shipping-method-form .sp-methods dd input.radio, #co-shipping-method-form .sp-methods dd input.checkbox, .product-options ul.options-list input.radio, .product-options ul.options-list input.checkbox { float: left; margin-right: -40px; margin-top: 10px; margin-left: 15px; } .form-list .control label, .sp-methods dt label, #checkout-shipping-method-load .sp-methods dd label, #co-shipping-method-form .sp-methods dd label, .product-options ul.options-list label { display: inline-block; width: auto; max-width: none; min-width: 250px; float: none; padding: 6px 10px 6px 40px; } @media only screen and (max-width: 599px) { .form-list .control label, .sp-methods dt label, #checkout-shipping-method-load .sp-methods dd label, #co-shipping-method-form .sp-methods dd label, .product-options ul.options-list label { width: 100%; } .form-list .control label .price, .sp-methods dt label .price, #checkout-shipping-method-load .sp-methods dd label .price, #co-shipping-method-form .sp-methods dd label .price, .product-options ul.options-list label .price { float: right; } } .form-list .control .no-display + label, .sp-methods dt .no-display + label, #checkout-shipping-method-load .sp-methods dd .no-display + label, #co-shipping-method-form .sp-methods dd .no-display + label, .product-options ul.options-list .no-display + label { /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */ padding-left: 10px; background-color: transparent; } .form-list .control .no-display + label:hover, .sp-methods dt .no-display + label:hover, #checkout-shipping-method-load .sp-methods dd .no-display + label:hover, #co-shipping-method-form .sp-methods dd .no-display + label:hover, .product-options ul.options-list .no-display + label:hover { background-color: transparent; } .product-options ul.options-list label, .col2-set .form-list .control label { min-width: inherit; width: 250px; max-width: 100%; } .form-list .control.remember-me-box label { width: auto; max-width: none; min-width: inherit; } .form-list .control { margin-top: 10px; } .form-list .control label { float: none; } .form-list .control .radio, .form-list .control .checkbox { margin-right: 6px; } .form-list .control .input-box { clear: none; display: inline-block; width: auto; padding: 0; } form .form-instructions { font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; font-size: 13px; color: #717073; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Table Helpers ============================================ */ .hide-th { text-indent: -9999px; } /* ============================================ * Data Table ============================================ */ .data-table { width: 100%; } .data-table td, .data-table th { padding: 16px 15px 10px; vertical-align: top; } .data-table tfoot td { padding: 7px 15px 4px; } .data-table th { background: #eeeeee; text-transform: uppercase; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; line-height: 1.4; white-space: nowrap; } .data-table tbody td, .data-table tfoot td { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .data-table tbody td .item-options { margin-left: 20px; margin-top: 10px; } .data-table tbody td .item-options dt:after { content: ':'; } .data-table tbody td .item-options dd { float: left; } .data-table tbody td .item-options.downloadable dd:before { display: none; } /* ============================================ * Zebra-Stripe Table ============================================ */ .zebra-table tr:first-child, .zebra-table th:first-child { border-top: 1px solid #eeeeee; } .zebra-table td, .zebra-table th { border-bottom: 1px solid #eeeeee; padding: 6px; background-color: transparent; } .zebra-table tr { background-color: #EEEDED; } .zebra-table tr:nth-child(odd) { background-color: #F8F7F5; } /* ============================================ * Linearize Table ============================================ */ @media only screen and (max-width: 599px) { .linearize-table tr, .linearize-table th, .linearize-table td { display: block; } .linearize-table thead th { border-right: 0; border-left: 0; } .linearize-table thead th.lin-hide { display: none; } .linearize-table thead th:nth-child(1n+2) { display: none; } .linearize-table tbody tr { position: relative; } .linearize-table tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0; } .linearize-table tbody td.lin-hide { display: none; } .linearize-table tbody td:first-child { padding-top: 10px; } .linearize-table tbody td[data-rwd-label] { text-align: left; padding-left: 30px; } .linearize-table tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; padding-right: 5px; text-transform: uppercase; } .linearize-table tfoot tr { display: block; text-align: right; } .linearize-table tfoot tr:after { content: ''; display: table; clear: both; } .linearize-table tfoot td { display: block; float: left; } .linearize-table tfoot td.lin-hide { display: none; } .linearize-table tfoot td:nth-child(odd), .linearize-table tfoot th:nth-child(odd) { clear: left; width: 60%; float: left; } .linearize-table tfoot td:nth-child(even) { width: 40%; } .linearize-table .linearize-hide { display: none; } .linearize-table .linearize-unpad { padding: 0; } .linearize-table .linearize-show { display: block; } } @media only screen and (max-width: 599px) { .linearize-table-large tr, .linearize-table-large th, .linearize-table-large td { display: block; } .linearize-table-large thead th { border-right: 0; border-left: 0; } .linearize-table-large thead th.lin-hide { display: none; } .linearize-table-large thead th:nth-child(1n+2) { display: none; } .linearize-table-large tbody tr { position: relative; } .linearize-table-large tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0; } .linearize-table-large tbody td.lin-hide { display: none; } .linearize-table-large tbody td:first-child { padding-top: 10px; } .linearize-table-large tbody td[data-rwd-label] { text-align: left; padding-left: 30px; } .linearize-table-large tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; padding-right: 5px; text-transform: uppercase; } .linearize-table-large tfoot tr { display: block; text-align: right; } .linearize-table-large tfoot tr:after { content: ''; display: table; clear: both; } .linearize-table-large tfoot td { display: block; float: left; } .linearize-table-large tfoot td.lin-hide { display: none; } .linearize-table-large tfoot td:nth-child(odd), .linearize-table-large tfoot th:nth-child(odd) { clear: left; width: 60%; float: left; } .linearize-table-large tfoot td:nth-child(even) { width: 40%; } .linearize-table-large .linearize-hide { display: none; } .linearize-table-large .linearize-unpad { padding: 0; } .linearize-table-large .linearize-show { display: block; } } @media only screen and (min-width: 600px) { .linearize-table .linearize-collapse { display: none; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Global ============================================ */ html, body { height: 100%; } .wrapper { position: relative; overflow: hidden; width: 100%; min-width: 320px; min-height: 100%; margin: 0 auto; background: url("../images/texture-bg.png"); } .wrapper.show-newsletter .header-newsletter { max-height: 50em; } .wrapper.show-nav .page { -webkit-transform: translateZ(0) translateX(95%); transform: translateZ(0) translateX(95%); } .wrapper.show-search .page { -webkit-transform: translateZ(0) translateX(-95%); transform: translateZ(0) translateX(-95%); } .wrapper:after { content: ''; display: table; clear: both; } .page { width: 100%; height: 100%; background: white; position: relative; -webkit-transition: all 350ms cubic-bezier(0.32, 1.25, 0.375, 1.15); transition: all 350ms cubic-bezier(0.32, 1.25, 0.375, 1.15); -webkit-backface-visibility: hidden; backface-visibility: hidden; } body .lhn_help_btn { background: url("../images/get-help-btn-yellow.png") !important; height: 147px; width: 44px; top: 335px; } body .lhn_knowledge_container { border-color: #727174; border-width: 10px; border-left: 0; box-shadow: none; -webkit-box-shadow: none; background: #727174; color: #717073 !important; } body .lhn_input_container { border: none; background-color: #fff !important; } body .lhn_options_btn { background: url("../images/get-options-btn-yellow.png") !important; top: 17px; width: 44px; height: 148px; } body .lhn_options_btn:hover { background: url("../images/get-options-btn-yellow.png") !important; top: 17px; width: 44px; height: 148px; } body .lhn_kb_search { padding: 10px 0 30px 0; border-left: 55px solid #727174; background-color: #fff !important; padding-left: 20px; } body .lhn_find_ans_title { height: 48px; color: #000 !important; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif !important; } body .lhn_statement { color: #000 !important; } body .lhn_find_ans_title { margin: 0 !important; } body .lhn_help_exit { background: url("../images/lc-exit.png"); } body #lhn_copyright { bottom: 20px; } body .lhn_help_container { top: 320px; } body .lhn_options_container { padding-top: 7px; } body .lhn_options_container .lhn_options_outer { background-color: #727174; border: 0; box-shadow: none; -webkit-box-shadow: none; height: 196px; } body .lhn_options_container .lhn_options_outer .lhn_options_inner { border: none; background-color: #fff; height: 182px; } body .lhn_options_container .lhn_options_outer .lhn_live_chat_btn, body .lhn_options_container .lhn_options_outer .lhn_live_chat_btn:visited { background: url("../images/chat-btn.png"); } body .lhn_options_container .lhn_options_outer .lhn_ticket_btn, body .lhn_options_container .lhn_options_outer .lhn_ticket_btn:visited { background: url("../images/ticket-btn.png"); } body .lhn_options_container .lhn_options_outer .lhn_callback_btn, body .lhn_options_container .lhn_options_outer .lhn_callback_btn:visited { background: url("../images/callback-btn.png"); } body .lhn_options_container .lhn_options_outer .lhn_live_chat_btn, body .lhn_options_container .lhn_options_outer .lhn_live_chat_btn:visited, body .lhn_options_container .lhn_options_outer .lhn_ticket_btn, body .lhn_options_container .lhn_options_outer .lhn_ticket_btn:visited, body .lhn_options_container .lhn_options_outer .lhn_callback_btn, body .lhn_options_container .lhn_options_outer .lhn_callback_btn:visited { width: 214px; height: 49px; } /*Date : 25-08-2017 Live Chat tab on mobile--move to bottom of screen + decrease size*/ /*@media only screen and (max-width: 770px) { body .lhn_help_btn { display: none; } }*/ @media only screen and (max-width: 770px) { body .lhn_help_btn { display: none; } a.lhn_help_btn, a.lhn_help_btn:visited {top: 400px !important;} body .lhn_help_btn { background: url("../images/get-help-btn-yellow-mob.png") !important; height: 78px !important; width: 25px !important;} } /*End*/ body .share-buttons .share-main-panel.share-main-tab { top: 389px; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Header ============================================ */ .page-header { margin: 0 0 10px; } @media only screen and (min-width: 771px) { .page-header { margin: 0 auto; } .page-header-container { position: relative; max-width: 917px; margin: 0 auto; } } .header-language-container, .page-header { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; } /* ============================================ * Language switcher + welcome message ============================================ */ .header-language-background { padding: 10px; background-color: #000; text-transform: uppercase; } .header-language-background .header-language-container { max-width: 1200px; margin-left: auto; margin-right: auto; } .header-language-background:after { content: ''; display: table; clear: both; } .header-language-background .form-language, .header-language-background .currency-switcher { float: left; margin-right: 10px; } .header-language-background .welcome-msg { float: right; } .ie8 .page-header-container > .input-box.select-container { right: 350px; top: 62px; } .ie8 .page-header-container > .input-box.select-container .custom-shiv { display: none; } .ie8 .page-header-container > .input-box.select-container select.select-custom { width: 125px; height: 20px; } @-moz-document url-prefix() { .page-header-container > .input-box.select-container .custom-shiv span:after { margin-top: -2px; } } .page-header-container > .input-box.select-container { position: absolute; right: 250px; top: 51px; padding: 0 10px; background-color: transparent; } @media only screen and (max-width: 770px) { .page-header-container > .input-box.select-container { display: none; } } .page-header-container > .input-box.select-container .custom-shiv { background-color: transparent; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; color: transparent; padding: 0; width: 50px; display: inline-block; } .page-header-container > .input-box.select-container .custom-shiv:before { content: ''; background-image: url("../images/icons.png"); background-position: -11px -12px; width: 16px; height: 12px; display: inline-block; position: relative; top: 2px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .page-header-container > .input-box.select-container .custom-shiv:before { background: url("../images/icons%402x.png"); background-size: 40px 69px; background-position: -11px -12px; } } .page-header-container > .input-box.select-container .custom-shiv span { text-transform: none; } .page-header-container > .input-box.select-container .custom-shiv span:after { text-transform: none; color: #898989; top: -1px; } .page-header-container > .input-box.select-container select { height: 40px; } .page-header-container .store-language-container { float: right; max-width: 35%; padding: 13px 15px 10px 10px; } .page-header-container .store-language-container label { display: none; } .page-header-container .store-language-container select { max-width: 100%; } @media only screen and (max-width: 479px) { .page-header-container .store-language-container { padding-top: 8px; } .page-header-container .store-language-container select { font-size: 12px; } } .header-language-background, .header-language-background a { color: #e6e6e6; } @media only screen and (max-width: 770px) { .header-language-background { display: none; } } /* ============================================ * Logo ============================================ */ .logo { display: block; position: absolute; left: 50%; margin-left: -61px; width: 65%; min-width: 100px; min-height: 44px; text-align: center; padding: 10px; } .logo img { max-width: 100%; } .logo .small { display: block; } .logo .large { display: none; } @media only screen and (min-width: 771px) { .logo { max-width: 210px; min-height: 90px; padding: 30px 0; } .logo .small { display: none; } .logo .large { display: block; } } @media only screen and (max-width: 770px) { .logo { min-width: 100px; min-height: 44px; width: 100px; margin-left: -50px; margin-top: 10px; } .skip-link.skip-nav, .skip-link.skip-cart { top: 23px; position: relative; } .page-header-container .skip-links { height: 100px; } } @media only screen and (max-width: 500px) { .logo { min-width: 66px; min-height: 44px; width: 66px; margin-left: -33px; margin-top: 0; } .skip-link.skip-nav, .skip-link.skip-cart { top: 8px; position: relative; } .skip-link.skip-cart { top: 3px; } .page-header-container .skip-links { height: 50px; } } /* ============================================ * Skip Links ============================================ */ .skip-links { clear: both; overflow: hidden; } @media only screen and (min-width: 771px) { .skip-links { border: 0; } } /* -------------------------------------------- * Skip - Link */ .skip-link { position: relative; float: left; width: 20%; height: 40px; color: #333333; line-height: 36px; text-align: center; } a.skip-link { text-decoration: none; font-size: 11px; letter-spacing: 1px; } @media only screen and (max-width: 770px) { .skip-link.skip-search, .skip-link.skip-account { display: none; } .skip-link.skip-cart { float: right; } .skip-link:last-child { border-right: 0; } } @media only screen and (min-width: 500px) { .skip-link { width: 25%; } } /* -------------------------------------------- * Skip Link - Active */ @media only screen and (max-width: 770px) { .skip-link.skip-active { color: inherit; } .skip-link.skip-active span { color: inherit; } } /* -------------------------------------------- * Skip Link - Icon */ .skip-link .icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; } .skip-link.skip-nav .icon, .skip-link.skip-cart:not(.no-count) .icon { margin-right: 3px; } @media only screen and (min-width: 500px) { .skip-link .icon { margin-right: 3px; } } /* -------------------------------------------- * Skip Link - Label */ .skip-link .label { display: none; } @media only screen and (min-width: 500px) { .skip-link .label { display: inline; } } /* ============================================ * Skip Content ============================================ */ .skip-content { display: none; } .skip-content.skip-active { display: block; background: #EDEDED; } /* ============================================ * Global Header Navigation ============================================ */ @media only screen and (max-width: 770px) { #header-account li a, .nav-primary a.level0 { padding: 0 15px 0 25px; text-align: left; color: #fff; text-transform: uppercase; line-height: 30px; } #header-account li:last-child a, .nav-primary li.level0:last-child a.level0 { border-bottom: 0; } .no-touch #header-account a:hover, .no-touch .nav-primary a:hover { text-decoration: none; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Nav - Skip Link ============================================ */ .skip-nav { width: 24%; } .skip-nav:not(.skip-active):hover { text-decoration: none; } .skip-nav .icon { background-position: 0 0; width: 18px; height: 14px; } @media only screen and (min-width: 500px) { .skip-nav { width: 24%; } } @media only screen and (max-width: 500px) { .skip-link.skip-nav { width: 18px; margin-left: 20px; } } @media only screen and (min-width: 771px) { .skip-nav { display: none; } } .category_image { position: absolute; right: 0; } /* ============================================ * Nav - Skip Content ============================================ */ @media only screen and (max-width: 770px) { #header-nav { padding: 123px 0 20px; width: 95%; height: 100%; position: absolute; top: 0; left: -95%; background: url("../images/texture-bg.png"); z-index: 9999; } #header-nav .category_image { display: none; } #header-nav .mobile-nav-close { display: block; position: absolute; top: 17px; right: 30px; } #header-nav .mobile-nav-close:after { content: 'd'; font-family: "everlast"; font-size: 18px; color: #ffd200; display: block; width: 14px; height: 16px; z-index: 99; } } @media only screen and (min-width: 771px) { #header-nav { background-color: #292929; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a5a5a), to(#292929)); background-image: -webkit-linear-gradient(top, #5a5a5a, #292929); background-image: linear-gradient(to bottom, #5a5a5a, #292929); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#5a5a5a)', endColorstr='argb(#292929)', GradientType=0)"; border-bottom: 3px solid #000; display: block; /* Force visibility */ } #header-nav .mobile-nav-close { display: none; } } /* ============================================ * Nav Primary ============================================ */ @media only screen and (min-width: 771px) { .nav-primary { display: block; margin-top: 15px; text-align: center; } } /* ============================================ * General Navigation Styles ============================================ */ .nav-primary a { text-decoration: none; position: relative; display: block; color: #fff; line-height: 25px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; text-align: left; letter-spacing: 1px; } .nav-primary .menu-active > div.level0, .nav-primary li.level0 li.sub-menu-active > ul { display: block; } .nav-primary li.level0 > a { text-transform: uppercase; } .nav-primary li.level0.clickable { cursor: pointer !important; } .nav-primary li.level0.clickable a { cursor: pointer !important; } .nav-primary li.level0.clickable:hover a { cursor: pointer !important; color: #FFD000 !important; } /* ============================================ * Small Viewports - Accordion Style Menu ============================================ */ @media only screen and (max-width: 770px) { .nav-primary a.level0, .nav-primary a { line-height: 40px; text-transform: uppercase; } .nav-primary li.level0 ul { max-height: 0; overflow: hidden; background: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nav-primary li.level0 ul a { color: #000; } .nav-primary li.level0.menu-active ul { display: block; max-height: 200em; } .nav-primary li.level0 li { padding: 0 0 0 25px; } .nav-primary li.level0 li.first { padding-top: 6px; } .nav-primary li.level0 li.last { padding-bottom: 13px; } .nav-primary li.level0 li:last-child { padding-bottom: 14px; } .nav-primary li.level1 a { padding: 0 15px 0 6px; } .nav-primary li.level1 .mm-wrapper { display: none; } .nav-primary li.level1.parent a:after { display: none; } .nav-primary li.parent > a:after { position: absolute; content: 'h'; text-transform: lowercase; font-family: "everlast"; font-size: 20px; color: #ffd200; right: 16px; height: 32px; -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; } .nav-primary li.parent.sub-menu-active > a:after, .nav-primary li.parent.menu-active > a:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } /* ============================================ * Large Viewports - Dropdown Menu ============================================ */ @media only screen and (max-width: 1270px) { .nav-primary li.level0 div.mm-wrapper { background-position: 327px 0, 0 0 !important; } } @media only screen and (min-width: 771px) { .nav-primary a.level0 { padding: 13px 14px 7px; } .nav-primary li.level0, .nav-primary a.level0 { display: inline-block; cursor: default; } .nav-primary li.level0:hover > div.mm-wrapper, .nav-primary a.level0:hover > div.mm-wrapper { display: block; } .nav-primary li:last-child > a { border-bottom: none; } .nav-primary .menu-active, .nav-primary li.level0:hover { z-index: 200; } .nav-primary li.level0 div.mm-wrapper { /* Default styles for 1+ drop-down menus */ background-image: url("../images/texture-bg.png"); position: absolute; left: 0; top: auto; /* Height of ".nav-primary a.level0" */ z-index: 9999; width: 100%; display: none; /* Hide until displayed. */ border-top: 3px solid black; } .nav-primary li.level0 div.mm-wrapper .mm-inner-wrapper { padding: 45px 73px 60px; background-repeat: no-repeat; background-position: 350px 0; max-width: 1280px; min-height: 285px; margin: 0 auto; } .nav-primary li.level0 div.mm-wrapper ul { max-width: 460px; content: ""; display: table; clear: both; } .nav-primary li.level0 div.mm-wrapper li.level1 { float: left; width: 230px; } .nav-primary li.level0 div.mm-wrapper li.level1 a { font-size: 11px; margin-top: 11px; text-transform: uppercase; } .nav-primary li.level0 div.mm-wrapper li.level1 a:after { display: none; } .nav-primary li.level1 ul { /* Level 2+ */ left: 60px; top: 15px; } .nav-primary li:hover > ul { /* Styles that only show when the menu is visible */ display: block; /* Force display */ } .nav-primary li.level0 ul.level0.position-test { /* Class for js to add briefly to evaluate element positioning. */ display: block; } .nav-primary li.level0 ul.level0.spill { /* Correct menus that will hang off the page (class added by js) */ right: 0; left: auto; } .nav-primary li.level0 ul.level0.spill li.level1 ul { left: auto; right: 50px; top: 20px; } .nav-primary li.level0 li.parent > a { /* Level 1+ */ position: relative; } .nav-primary li.level0 li.parent > a:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #ccc; border-right: none; right: 5px; top: 50%; margin-top: -3px; } .nav-primary li.parent .mm-wrapper { display: none; } .nav-primary li.level0.parent:hover > .mm-wrapper { display: block; } .nav-primary ~ .skip-account { display: none; } .nav-primary li.level0:hover > a { background: #292929; z-index: 99; } } @media only screen and (min-width: 771px) { .nav-primary a.level0 { letter-spacing: 0; } } @media only screen and (min-width: 951px) { .nav-primary a.level0 { padding: 15px 22px 10px; letter-spacing: 1px; } } .tablet-overlay { display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 9; } .resp-mobile .tablet-overlay { display: none; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Search - Skip Link ============================================ */ .skip-search:not(.skip-active):hover .icon { background-position: -46px -146px; } .skip-search .icon { background-position: 4px -146px; } @media only screen and (min-width: 771px) { .skip-search { display: none; } } /* ============================================ * Search - Skip Content ============================================ */ #header-search { padding: 20px; } @media only screen and (min-width: 771px) { #header-search { display: block; float: left; width: 25%; max-width: 240px; padding: 51px 0 35px; } .page-header-container + #header-search { display: none; } } @media only screen and (max-width: 770px) { .page-header-container #header-search { display: block; position: absolute; z-index: 99999; width: 95%; left: -95%; top: 44px; } .page-header-container #header-search input { background: #333333; color: #777777; } .page-header-container #header-search .search-button:before { color: #ffd200; } .page-header-container + #header-search { display: block; padding: 0 10px; } } /* ============================================ * Search Input ============================================ */ #search_mini_form .input-box { position: relative; padding-top: 0; } #search_mini_form label { display: none; } #search { width: 100%; height: 40px; padding-right: 40px; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 14px; } #search:-webkit-autofill { background: #eeeeee !important; } #search_mini_form .search-button { position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: 0; background: none; } #search_mini_form .search-button span { position: absolute; left: -9999em; } #search_mini_form .search-button:before { content: 'c'; position: absolute; font-family: "everlast"; font-size: 18px; top: 50%; left: 50%; width: 30px; height: 30px; margin-top: -10px; margin-left: -22px; } .ie8 #search_mini_form .search-button:before { top: 0; margin-top: -10px; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Header - Account ============================================ */ /* -------------------------------------------- * Skip Link - Account */ .skip-account .icon { display: none; } .skip-account:after { content: 'h'; position: relative; text-transform: lowercase; font-family: "everlast"; font-size: 20px; top: 7px; right: 0; margin-right: 1px; color: #898989; -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; height: 11px; line-height: 20px; display: inline-block; } .skip-account.skip-active { background: #eeeeee; border-radius: 3px 3px 0 0; } .skip-account.skip-active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @-moz-document url-prefix() { .skip-account:after { height: 18px; } } .touch .skip-account:after { top: 0; } @media only screen and (min-width: 771px) { .skip-account { position: absolute; top: 53px; right: 110px; width: auto; padding: 0 10px; text-transform: uppercase; } #header-account.skip-active { background: #eeeeee; border: none; display: block; position: absolute; z-index: 200; top: 88px; right: 88px; width: 200px; } #header-account a { display: block; padding: 5px 10px; color: #333333; line-height: 2; } #header-account a:hover { color: #000; } } @media only screen and (min-width: 771px) { #nav > .input-box.select-container { display: none; } } @media only screen and (max-width: 770px) { #nav > .input-box.select-container { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; width: 100%; padding: 0 20px 0 25px; margin-top: -8px; } #nav > .input-box.select-container .custom-shiv { width: 100%; padding: 0; display: block; background: none; color: transparent; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; } #nav > .input-box.select-container .custom-shiv:before { content: ''; background-image: url("../images/icons.png"); background-position: -11px -12px; width: 16px; height: 12px; display: inline-block; position: relative; top: 2px; } } @media only screen and (max-width: 770px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 770px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 770px) and (min-device-pixel-ratio: 2), only screen and (max-width: 770px) and (min-resolution: 192dpi), only screen and (max-width: 770px) and (min-resolution: 2dppx) { #nav > .input-box.select-container .custom-shiv:before { background: url("../images/icons%402x.png"); background-size: 40px 69px; background-position: -11px -12px; } } @media only screen and (max-width: 770px) { #nav > .input-box.select-container .custom-shiv span { text-transform: none; } #nav > .input-box.select-container .custom-shiv span:after { position: absolute; color: #ffd200; top: -1px; right: -13px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } #nav .skip-link.skip-account { display: block; background: none; color: #fff; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; width: 100%; text-align: left; padding: 0 25px; float: none; } #nav .skip-link.skip-account .label { display: block; } #nav .skip-link.skip-account:after { position: absolute; color: #ffd200; top: 10px; right: 15px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } #nav .skip-link.skip-account ~ #header-account { display: block; padding: 2px 0; } #nav .skip-link.skip-account ~ #header-account .links { max-height: 0; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #nav .skip-link.skip-account.active-menu ~ #header-account .links { max-height: 50em; } #nav .skip-link.skip-account.active-menu:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #nav .links { background: #fff; } #nav .links li a { color: #000; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; line-height: 40px; } #nav .links li.first { padding-top: 7px; } #nav .links li.last { padding-bottom: 13px; } } /* -------------------------------------------- * Account Links */ #header-account { padding: 21px 0; } #header-account a { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; position: relative; display: block; padding: 0 10px; line-height: 33px; text-align: center; } #header-account a:hover { color: #000; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Header - Cart ============================================ */ /* -------------------------------------------- * Skip Link - Cart */ .skip-cart .icon { display: none; } .skip-cart:before { text-transform: lowercase; content: "b"; position: relative; font-family: "everlast"; font-size: 22px; top: 9px; right: 0; margin-left: 4px; color: #000; } @media only screen and (min-width: 771px) { .skip-cart { position: absolute; top: 47px; right: 0; width: auto; padding: 0 10px; } .skip-cart.skip-active { background: #eeeeee; border-radius: 3px 3px 0 0; } #header-cart.skip-active { background: #eeeeee; border-radius: 3px; display: block; position: absolute; z-index: 99999; top: 87px; right: -110px; width: 340px; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .mobile-nav-close { display: none; } } @media only screen and (min-width: 771px) and (max-width: 1146px) { #header-cart.skip-active { right: 0; border-radius: 3px 0 3px 3px; } } @media only screen and (max-width: 770px) { #header-cart { display: block; padding: 35px 0 20px; width: 95%; height: 100%; position: absolute; top: 0; right: -95%; background: url("../images/texture-bg.png"); z-index: 9999; } #header-cart .mobile-nav-close { display: block; position: absolute; top: 17px; right: 30px; } #header-cart .mobile-nav-close:after { content: 'd'; font-family: "everlast"; font-size: 18px; color: #ffd200; display: block; width: 14px; height: 16px; z-index: 99; } } /* -------------------------------------------- * Skip Cart Notifier */ .skip-cart .count { border-radius: 12px; display: inline-block; top: 0px; position: relative; z-index: 5; min-width: 22px; height: 18px; padding: 0 5px; background: rgba(0, 0, 0, 0.9); color: #FFFFFF; font-size: 11px; line-height: 19px; text-align: center; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .skip-cart.no-count .count { display: none; } @media only screen and (max-width: 499px) { .skip-cart .count { margin-left: -12px; } } @media only screen and (min-width: 771px) { .skip-cart { color: #000; text-transform: uppercase; } .skip-cart:hover { text-decoration: none; } .skip-cart .count { border-radius: 0; color: #000; position: relative; background: none; margin-left: 5px; font-size: 11px; background: #ffd200; border-radius: 3px; } .skip-cart .count:before { content: ''; border-style: solid; border-width: 3px 3px 0px 3px; border-bottom-color: transparent; border-left-color: transparent; border-top-color: #ffd200; border-right-color: transparent; width: 0px; height: 0px; display: block; position: absolute; top: 8px; left: -4px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } } .skip-cart .count.empty { display: none; } /* -------------------------------------------- * Mini Cart - Empty */ .cart-menu .empty { padding: 20px; text-align: center; } /* -------------------------------------------- * Mini Cart - Full */ /* Actions */ .cart-menu .actions { overflow: hidden; padding: 15px; } .cart-menu .actions .button { float: left; width: 48%; } .cart-menu .actions .button + .button { margin-left: 4%; } /* Subtotal */ .cart-menu .subtotal { padding: 0 15px 15px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 24px; line-height: 1.2; } /* List */ .mini-cart-list { margin-bottom: 5px; } .mini-cart-list li { position: relative; min-height: 90px; padding: 15px 15px 15px 90px; border-top: 1px solid #CCCCCC; font-size: 13px; line-height: 1.35; } .mini-cart-list .product-name { display: inline-block; } .mini-cart-list .product-image { position: absolute; left: 15px; top: 15px; } .mini-cart-list .product-image img { width: 60px; height: 60px; } .mini-cart-list .has-options { margin-bottom: 0; color: #717073; font-size: 12px; } /* Too full - additional items will be shown in cart */ .cart-menu .last-added { padding: 10px 15px 15px; border-top: 1px solid #CCCCCC; font-size: 13px; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Footer ============================================ */ /* -------------------------------------------- * Footer */ .footer, .footer button { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; } .mobile-top-btn { display: none; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; text-align: center; text-transform: uppercase; margin: 12px 0; } .mobile-top-btn:after { position: relative; content: 'g'; text-transform: lowercase; font-family: "everlast"; font-size: 20px; color: #AAAAAA; left: 3px; top: 9px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .mobile-top-btn:hover { text-decoration: none; } .footer { content: ""; display: table; clear: both; width: 100%; max-width: 1056px; margin: 0 auto; padding-top: 21px; background: url("../images/texture-bg.png"); /* -------------------------------------------- * Social icons */ } .footer.footer-top { padding-top: 38px; } .footer span#siteseal > img { margin-top: 40px; } .footer .footer-payment-options { position: relative; margin-top: 17px; margin-left: auto; margin-right: auto; height: 35px; width: 266px; transform: scale(0.2); -webkit-transform: scale(0.2); -ms-transform: scale(0.2); } .footer .footer-payment-options .payment-option:first-child { float: left; } .footer .footer-payment-options .payment-option:first-child:before { content: ""; position: absolute; background: url("../images/payment_icons_sprite.png") no-repeat -18px -13px; width: 233px; height: 155px; top: -5em; left: -47em; } .footer .footer-payment-options .payment-option:nth-child(2) { float: left; } .footer .footer-payment-options .payment-option:nth-child(2):before { content: ""; position: absolute; background: url("../images/payment_icons_sprite.png") no-repeat -18px -194px; width: 233px; height: 155px; top: -5em; left: -23em; } .footer .footer-payment-options .payment-option:nth-child(3) { float: left; } .footer .footer-payment-options .payment-option:nth-child(3):before { content: ""; position: absolute; background: url("../images/payment_icons_sprite.png") no-repeat -18px -374px; width: 237px; height: 159px; top: -5em; left: 1em; } .footer .footer-payment-options .payment-option:nth-child(4) { float: left; } .footer .footer-payment-options .payment-option:nth-child(4):before { content: ""; position: absolute; background: url("../images/payment_icons_sprite.png") no-repeat -18px -557px; width: 233px; height: 155px; top: -5em; left: 25em; } .footer .footer-payment-options .payment-option:nth-child(5) { float: left; } .footer .footer-payment-options .payment-option:nth-child(5):before { content: ""; position: absolute; background: url("../images/payment_icons_sprite.png") no-repeat -18px -737px; width: 233px; height: 155px; top: -5em; left: 49em; } @media only screen and (max-width: 479px) { .footer { padding-top: 15px; } } .footer .block-title { border-bottom: 0; padding: 3px 0 2px; margin-bottom: 0; } .footer .block-title strong { font-weight: normal; } .footer .block-title, .footer address { color: #999999; font-size: 16px; display: none; } .footer .block-title strong, .footer address strong { color: inherit; font-size: inherit; line-height: 16px; } .footer .links { float: right; width: 63.2%; } .footer .links .link-block { width: 30%; margin-left: 4.9%; float: left; } .footer .links .link-block:first-child { margin-left: 0; } .footer .links li { word-break: break-all; line-height: 1.4; padding: 4px 0 3px; } .footer .links a { color: #999999; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 14px; text-transform: capitalize; line-height: 20px; } .footer .links a:hover { color: #ffd200; text-decoration: none; } .footer .links h6 { font-size: 16px; margin-bottom: 1px; color: #E9E9E9; } .footer .newsletter-text { color: #fff; font-size: 11px; float: left; margin: 24px 20px 0 0; } .footer .footer-logo { width: 30%; float: left; margin-top: 67px; } .footer .footer-logo img { margin: 0 auto; } .footer .block-subscribe { float: right; width: 320px; margin-bottom: 30px; float: left; } .footer .links, .footer .block-subscribe { text-transform: uppercase; font-size: 12px; } .footer .form-subscribe-header { display: none; } .footer .links.social-media em { background-image: url(../images/social_icons.html); background-repeat: no-repeat; width: 13px; vertical-align: middle; display: inline-block; margin-right: 7px; } @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .footer .links.social-media em { background-image: url(../images/social_icons%402x.html); background-size: 50px 125px; } } .footer .links.social-media em.facebook { background-position: 0 -0; height: 13px; } .footer .links.social-media a:hover em.facebook { background-position: -25px -0; } .footer .links.social-media em.twitter { background-position: 0 -24px; height: 13px; } .footer .links.social-media a:hover em.twitter { background-position: -25px -24px; } .footer .links.social-media em.youtube { background-position: 0 -49px; height: 13px; } .footer .links.social-media a:hover em.youtube { background-position: -25px -49px; } .footer .links.social-media em.pinterest { background-position: 0 -74px; height: 15px; } .footer .links.social-media a:hover em.pinterest { background-position: -25px -74px; } .footer .links.social-media em.rss { background-position: 0 -99px; height: 13px; } .footer .links.social-media a:hover em.rss { background-position: -25px -99px; } .footer .block-subscribe .input-box { float: left; width: 62.625%; padding-top: 0; margin-right: 3%; } .footer .block-subscribe .input-text { width: 100%; border-right: 0; border-radius: 2; background: #333333; color: #777777; } .footer .block-subscribe .input-text :focus { box-shadow: 0 1px 0 0 #717073; } .footer .block-subscribe .block-content { padding-top: 7px; } .footer .block-subscribe .block-content:after { content: ''; display: table; clear: both; } .footer .block-subscribe .actions { float: left; width: 34.375%; margin: 0; } .footer .block-subscribe .actions button.button { box-shadow: none; height: 40px; } .footer .block-subscribe .actions .button { height: 30px; line-height: 17px; float: left; } .footer .bugs, .footer address { clear: both; } .footer .bugs { display: none; } .footer .form-language, .footer .currency-switcher, .footer .store-switcher { clear: both; margin-bottom: 10px; } .footer .form-language, .footer .currency-switcher { display: none; } .footer address { display: block; text-align: center; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; width: 100%; font-size: 14px; margin-top: 20px; } .footer .social-icons { width: 224px; float: right; margin-top: 15px; } .footer .social-icons a { display: inline-block; background: url("../images/icon-sprite.png") no-repeat; width: 31px; height: 30px; text-indent: -9999em; margin-left: 12px; } .footer .social-icons a:first-child { margin-left: 0; } .footer .social-icons .facebook { background-position: 0 -24px; } .footer .social-icons .facebook:hover { background-position: -40px -24px; } .footer .social-icons .twitter { background-position: 0 -64px; } .footer .social-icons .twitter:hover { background-position: -40px -64px; } .footer .social-icons .pintrest { background-position: 0 -104px; } .footer .social-icons .pintrest:hover { background-position: -40px -104px; } .footer .social-icons .instagram { background-position: 0 -144px; } .footer .social-icons .instagram:hover { background-position: -40px -144px; } .footer .social-icons .youtube { background-position: 0 -184px; } .footer .social-icons .youtube:hover { background-position: -40px -184px; } @media only screen and (max-width: 1199px) { .footer .links:nth-child(4) { margin-right: 0; } } @media only screen and (max-width: 770px) { .footer .form-language, .footer .currency-switcher { display: block; } } @media only screen and (max-width: 890px) { .footer .newsletter-text { display: none; } .footer .links, .footer .footer-logo { width: 100%; } } @media only screen and (max-width: 599px) { .footer { padding-top: 40px; } .footer .block.block-subscribe { display: none; } .footer .social-icons { float: none; margin: 0 auto; } .footer.footer-top { padding-top: 40px; } .footer .links { width: 100%; margin-right: 0; float: none; padding: 0 42px; } .footer .links .link-block { width: 100%; float: none; margin-left: 0; padding-top: 4px; } .footer .links .link-block ul { max-height: 0; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .footer .links .link-block ul li { line-height: 2.2; } .footer .links .link-block ul li:first-child { margin-top: 15px; } .footer .links .link-block.open-links h6:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .footer .links .link-block.open-links ul { max-height: 50em; margin-bottom: 26px; } .footer .links h6 { margin: 12px 0 4px 0; cursor: pointer; } .footer .links h6:after { position: absolute; content: 'h'; text-transform: lowercase; font-family: "everlast"; font-size: 20px; color: #ffd200; right: 39px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .footer .links:nth-child(odd) { margin-right: 3.125%; clear: both; } .footer .block-subscribe { clear: both; float: left; width: 100%; } } @media only screen and (max-width: 599px) { .mobile-top-btn { display: block; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ================================================= * General Product List Styles (not module-specific) ================================================= */ /* -------------------------------------------- * Product List General */ .catalog-category-view .category-header-container h1 { height: auto; } @media only screen and (max-width: 599px) { .catalog-category-view .category-header-container h1 { padding: 20px; } } .category-title h1, body.catalogsearch-result-index .page-title h1 { border-bottom: none; height: auto; } .category-image { margin-bottom: 1.5em; } .category-mobile-image { display: none; } @media only screen and (max-width: 770px) { .category-mobile-image { display: block; margin: 0 auto; } .category-mobile-image img { width: 100%; } } /* -------------------------------------------- * Product Name */ h2.product-name, h3.product-name, h4.product-name, h5.product-name, p.product-name { margin: 0; margin-bottom: 0.5em; color: #000; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 47px; font-weight: 400; font-style: normal; line-height: 47px; text-rendering: optimizeLegibility; text-transform: uppercase; font-size: 13px; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-weight: normal; line-height: 1.4; } h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a { color: #333333; } h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover { color: #000; text-decoration: none; } .products-grid .product-name, .products-list .product-name { text-transform: capitalize; margin: 18px 0 2px; padding: 0 10px; font-size: 14px; line-height: 21px; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .products-grid .product-name a, .products-list .product-name a { font-weight: 500; } /* ============================================ * Product Grid ============================================ */ .products-grid { position: relative; margin: 0 auto; } @media only screen and (min-width: 771px) { .products-grid > li.item { width: 30%; margin-right: 4.5455%; } .products-grid > li:nth-child(3n) { margin-right: 0; } .products-grid > li:nth-child(3n):hover .quickview-wrapper { right: -30px; left: inherit; } } @media only screen and (min-width: 1280px) { .products-grid > li.item { width: 20%; margin-right: 4.5455%; } .products-grid > li.item:hover .quickview-wrapper { width: 310px; } .products-grid > li:nth-child(4n) { margin-right: 0; } .products-grid > li:nth-child(4n):hover .quickview-wrapper { right: -60px; left: inherit; } } .products-grid:after { content: ''; display: table; clear: both; } .products-grid > li { position: relative; margin-bottom: 20px; text-align: center; } .products-grid > li:after { content: ''; display: table; clear: both; } .products-grid .product-image { width: 100%; margin-bottom: 15px; position: relative; } .products-grid .product-image .attribute_badge { position: absolute; width: auto; left: 0; top: 0; } @media only screen and (max-width: 770px) { .products-grid .product-image .attribute_badge { width: 20%; } } .products-grid .product-image img { width: 100%; height: auto; } .products-grid .product-image img:hidden { display: none; } .products-grid .product-info { position: relative; padding-bottom: 95px; } .products-grid .actions { padding-top: 10px; position: absolute; bottom: 0; min-height: 85px; width: 100%; } .products-grid .ratings .rating-box { margin: 0 auto; } .products-grid .ratings .amount { display: none; } .products-grid .price-box { color: #000; font-size: 14px; margin: 0 0 5px; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; } .products-grid .price-box .price { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 14px; } .products-grid .price-box .minimum-indicator span.price-old { color: #717073; text-decoration: line-through; } .products-grid .add-to-links { margin-bottom: 0; } /* Config: Two columns + flexible gutter */ .products-grid > li { float: left; width: 47.7273%; margin-right: 4.5455%; } .products-grid > li:nth-child(odd) { clear: left; } @media only screen and (max-width: 770px) { .products-grid > li:nth-child(even) { margin-right: 0; } } .products-grid .product-image { margin-bottom: 5px; } .products-grid .product-image:before, .products-grid .product-image:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .products-grid .product-image:before { background-color: white; opacity: 0.8; z-index: 2; } .products-grid .product-image:after { background-image: url("../images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .products-grid .product-image.loading { position: relative; } .products-grid .product-image.loading:before, .products-grid .product-image.loading:after { display: block; } @media only screen and (min-width: 480px) { /* Config: Three columns + flexible gutter */ .products-grid > li:nth-child(odd) { clear: none; } } @media only screen and (max-width: 599px) { .products-grid > li { margin-right: 0; } } @media only screen and (min-width: 960px) { /* Config: Columns + flexible gutter */ /* Undo three-column config */ } @media only screen and (min-width: 960px) and (min-width: 771px) { .products-grid--max-4-col > li:nth-child(4n+1) { clear: none; } .products-grid--max-4-col > li:nth-child(odd) { clear: none; } .products-grid--max-4-col > li:nth-child(3n+1) { clear: left; } } @media only screen and (min-width: 960px) and (min-width: 1280px) { .products-grid--max-4-col > li:nth-child(3n+1) { clear: none; } .products-grid--max-4-col > li:nth-child(4n+1) { clear: left; } } @media only screen and (min-width: 960px) { /* Config: Columns + flexible gutter */ /* Undo three-column config */ } @media only screen and (min-width: 960px) and (min-width: 771px) { .products-grid--max-5-col > li:nth-child(4n+1) { clear: none; } .products-grid--max-5-col > li:nth-child(odd) { clear: none; } .products-grid--max-5-col > li:nth-child(3n+1) { clear: left; } } @media only screen and (min-width: 960px) and (min-width: 1280px) { .products-grid--max-5-col > li:nth-child(3n+1) { clear: none; } .products-grid--max-5-col > li:nth-child(4n+1) { clear: left; } } @media only screen and (min-width: 960px) { /* Config: Columns + flexible gutter */ /* Undo three-column config */ } @media only screen and (min-width: 960px) and (min-width: 771px) { .products-grid--max-6-col > li:nth-child(4n+1) { clear: none; } .products-grid--max-6-col > li:nth-child(odd) { clear: none; } .products-grid--max-6-col > li:nth-child(3n+1) { clear: left; } } @media only screen and (min-width: 960px) and (min-width: 1280px) { .products-grid--max-6-col > li:nth-child(3n+1) { clear: none; } .products-grid--max-6-col > li:nth-child(4n+1) { clear: left; } } /* ============================================ * Product List ============================================ */ .products-list { margin-top: 20px; margin-bottom: 20px; } .products-list > li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #EDEDED; } .products-list > li:after { content: ''; display: table; clear: both; } .products-list > li .product-image { float: left; width: 33.3333%; } .products-list > li .product-image img { width: 100%; max-width: 100%; } .products-list > li:last-child { padding-bottom: 0; border-bottom: none; } .products-list .product-shop { float: right; width: 66.6667%; padding-left: 20px; } .products-list .product-shop .product-name { margin-bottom: 0; } .products-list .product-shop .ratings { margin: 0; } .products-list .product-shop .ratings .rating-box, .products-list .product-shop .ratings .rating-links { float: left; margin-right: 7px; } .products-list .product-shop .ratings .rating-links { margin-top: 4px; } .products-list .product-shop .price-box { margin-top: 0; } .products-list .product-shop .price-box .price { font-size: 18px; } .products-list .product-shop .action { margin: 7px 0; } .products-list .product-shop .desc { margin-top: 7px; } .products-list .product-shop .product-primary, .products-list .product-shop .desc { float: left; width: 75%; overflow: hidden; } .products-list .product-shop .product-secondary { float: right; width: 25%; text-align: right; clear: right; } @media only screen and (min-width: 480px) { .products-list .product-name a { font-size: 18px; } } @media only screen and (max-width: 1279px) { .products-list .product-shop .product-primary, .products-list .product-shop .desc { float: left; width: 60%; padding-right: 20px; } .products-list .product-shop .product-secondary { float: right; width: 40%; } } @media only screen and (max-width: 600px) { .products-list .product-shop .price-box .special-price { padding-left: 0; } .products-list .product-shop .product-primary, .products-list .product-shop .product-secondary, .products-list .product-shop .desc { float: none; width: 100%; padding-right: 0; text-align: left; } } /* ============================================ * Mini Product List ============================================ */ .mini-products-list .product-image { float: left; min-width: 50px; } .mini-products-list .product-details { margin-left: 85px; } .mini-products-list .product-details .product-name { padding-top: 10px; } .mini-products-list li { margin-bottom: 10px; clear: both; } .mini-products-list li:after { content: ''; display: table; clear: both; } .mini-products-images-list:after { content: ''; display: table; clear: both; } .mini-products-images-list li.item { float: left; width: 50%; margin: 0; padding: 0 5px 10px 0; } .mini-products-images-list li.item:nth-child(even) { padding-right: 0; padding-left: 5px; } .mini-products-images-list li.item .product-image { display: block; } .mini-products-images-list li.item .product-image img { width: 100%; max-width: 100%; } /* ============================================ * Catalog - List ============================================ */ .category-header-container .breadcrumbs { line-height: 1; margin: 6px 0 20px; } @media only screen and (max-width: 500px) { .category-header-container .breadcrumbs { margin: 6px 0 7px; } } .category-header-container h1 { text-align: center; margin: 0; height: 46px; } @media only screen and (max-width: 500px) { .category-header-container h1 { font-size: 28px; line-height: 32px; height: 36px; } } @media only screen and (min-width: 771px) { .category-fit .category-header-container img, .categorypath-fit .category-header-container img { width: 100%; } .category-header-container { position: relative; content: ""; display: table; clear: both; width: 100%; background: #000; } .category-header-container .breadcrumbs { position: absolute; top: 0; left: 117px; line-height: 1.5; margin: 36px 0 34px; } .category-header-container h1 { position: absolute; top: 128px; left: 117px; color: #fff; text-align: left; height: 78px; } } @media only screen and (max-width: 979px) { .category-header-container h1 { top: 80px; } } .category-image img { width: auto; max-width: 100%; float: right; right: 0; position: relative; left: auto; } .category-image img:hidden { display: none; } @media only screen and (max-width: 770px) { .category-image { display: none; } } /* ============================================ * Layered Navigation ============================================ */ .block-layered-nav .block-content dl { border-radius: 3px; display: block; background: #eeeeee; } .block-layered-nav .block-content--filter { display: none; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0; padding: 11px 10px 12px 30px; position: relative; cursor: pointer; } .block-layered-nav .block-content--filter:after { position: absolute; content: 'h'; text-transform: lowercase; font-family: "everlast"; font-size: 20px; height: 18px; color: #aaaaaa; right: 39px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .block-layered-nav .block-content--filter:first-child { padding: 0 10px 12px 30px; } .block-layered-nav .block-content .toggle-tabs { display: none; } .block-layered-nav .block-content > dl > dt { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0; padding: 11px 10px 12px 30px; position: relative; display: block; } .block-layered-nav .block-content > dl > dt:after { position: absolute; content: 'h'; text-transform: lowercase; font-family: "everlast"; font-size: 20px; height: 18px; color: #aaaaaa; right: 39px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .block-layered-nav .block-content > dl > dt:first-child { padding: 0 10px 12px 30px; } .block-layered-nav .block-content > dl > dd { margin: 0; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 11px; padding: 0 30px; text-align: left; color: #000; } .block-layered-nav .block-content > dl > dd .description { text-align: left; font-size: 14px; line-height: 21px; } .block-layered-nav dl dd { margin-bottom: 10px; margin-top: 10px; } .block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a { padding: 5px 15px; display: block; } .block-layered-nav dl dd ol > li > a .count { color: #717073; } @media only screen and (min-width: 771px) { .block-layered-nav .block-content > dl > dt { padding-left: 10px; padding: 30px 26px 6px; } .block-layered-nav .block-content > dl > dt:after { display: none; } } @media only screen and (max-width: 770px) { .sidebar .block.block-layered-nav { border-bottom: none; } .category-title h1 { height: 45px; font-size: 28px; text-align: center; margin-bottom: 6px; } .block-layered-nav--no-filters .block-title { display: none; } .block-layered-nav .block-content { padding-top: 0; margin-top: 15px; } .block-layered-nav .block-content > dl.collateral-tabs > dt { cursor: pointer; border-bottom-width: 0; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 21px; text-align: left; } .block-layered-nav .block-content > dl.collateral-tabs > dt:hover { color: #000; } .block-layered-nav .block-content > dl.collateral-tabs > dt.last { border-bottom-width: 1px; } .block-layered-nav .block-content > dl.collateral-tabs > dt.videos, .block-layered-nav .block-content > dl.collateral-tabs > dt.related { display: none; } .block-layered-nav .block-content > dl.collateral-tabs > dd { display: none; } .block-layered-nav .block-content.accordion-open > dl > dt.current { border-bottom-width: 1px; } .block-layered-nav .block-content.accordion-open > dl > dt.current:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .block-layered-nav .block-content.accordion-open > dl > dd.current { display: block; } .block-layered-nav .block-content.accordion-open .description h3 { display: none; } .block-layered-nav .block-subtitle--filter { background-color: #000; border: 0; margin-bottom: 0; display: block; color: #FFFFFF; } .block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #FFFFFF; border-right: none; right: 10px; top: 50%; margin-top: -5px; } .block-layered-nav .block-subtitle--filter:hover { background-color: black; color: #FFFFFF; } .block-layered-nav .block-subtitle--filter.active:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #FFFFFF; border-bottom: none; right: 10px; top: 50%; margin-top: -3px; } #narrow-by-list, #narrow-by-list2 { padding: 10px; border: 1px solid #CCCCCC; border-top: 0; } .block-layered-nav dl ol > li > a, .block-layered-nav dl ol > li > span { padding: 7px; margin: 5px; } .block-layered-nav dl ol > li > a { color: #333333; background-color: #eeeeee; padding: 5px 10px; } .block-layered-nav dl ol > li > a:hover { text-decoration: none; background: #e2e2e2; } } .block-layered-nav .currently .block-subtitle { display: block; margin: 0; margin-bottom: 10px; color: #000; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 29px; font-weight: 400; font-style: normal; line-height: 39px; text-rendering: optimizeSpeed; text-transform: uppercase; } .block-layered-nav .currently ol { padding-left: 10px; margin-bottom: 10px; } .block-layered-nav .currently ol li { margin-bottom: 5px; } .block-layered-nav .currently ol li .label { font-weight: bold; } .block-layered-nav .currently ol li:after { content: ''; display: table; clear: both; } .block-layered-nav .actions { text-align: right; margin-bottom: 7px; } /* ============================================ * Catalog Event ============================================ */ .event-container { clear: both; border: 1px solid #000; position: relative; z-index: 2; border-width: 1px 1px; margin-top: 7px; height: 59px; } .event-container:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #000; border-bottom: none; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; } .event-container .event { padding-bottom: 18px; margin-bottom: -18px; padding-top: 5px; height: 52px; line-height: 50px; text-align: center; width: auto; position: relative; z-index: 2; border-bottom: 0 !important; } .event-container .event .event-ticker { display: inline; font-size: 28px; height: auto; } .event-container .event .event-ticker span { line-height: 50px; height: 50px; padding: 0; } .event-container .container { display: inline; margin: 0; padding: 0; background: none; } .event-container .status { display: inline; margin: 0 10px 0 0; background: none; font-size: 22px; } .event-container .event-dates { display: inline; font-size: 22px; height: auto; } .event-container .event-dates div, .event-container .event-dates p { display: inline; } .event-container .event-dates .time-part { font-size: 14px; } /* -------------------------------------------- * QUICK VIEW */ @media only screen and (min-width: 771px) { .products-grid > li .ratings, .products-grid > li .link-compare, .products-grid > li .swatch-container-wrapper, .products-grid > li .mobile-color-options { display: none; } .products-grid > li:hover { position: relative; z-index: 999; height: 357px; } .products-grid > li:hover .quickview-wrapper { position: absolute; padding: 30px 30px 4px; width: 310px; top: -30px; left: -30px; background: #eeeeee; } .products-grid > li:hover .product-image { margin-bottom: 0; } .products-grid > li:hover .product-name { margin-top: 0; padding-top: 18px; } .products-grid > li:hover .product-info { padding-bottom: 25px; background: #fff; min-height: 134px !important; } .products-grid > li:hover .ratings, .products-grid > li:hover .link-compare, .products-grid > li:hover .swatch-container-wrapper { display: block; } .products-grid > li:hover .ratings { float: left; margin: 14px 0px; position: absolute; bottom: -41px; left: 12px; } .products-grid > li:hover .link-compare { float: right; text-transform: uppercase; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; margin: 6px 0 10px; } .products-grid > li:hover .link-compare:hover { text-decoration: none; } .products-grid > li:hover .link-compare:before { content: "m"; color: #AAAAAA; font-family: "everlast"; text-transform: lowercase; font-size: 20px; position: relative; top: 8px; left: -4px; line-height: 25px; } .products-grid > li:hover .swatch-container-wrapper { width: 190px; margin: 0 auto; } .products-grid > li:hover .swatch-container-wrapper li { margin-left: 4px; } .products-grid > li:hover .swatch-container-wrapper li:first-child { margin-left: 0; } .products-grid > li:hover .swatch-container-wrapper .flex-next { font: 21px/21px everlast; position: absolute; right: 10px; top: 15px; } .products-grid > li:hover .swatch-container-wrapper .flex-next:hover { text-decoration: none; } .products-grid > li:hover .swatch-container-wrapper .flex-prev { font: 21px/21px everlast; position: absolute; left: 10px; top: 15px; } .products-grid > li:hover .swatch-container-wrapper .flex-prev:hover { text-decoration: none; } } @media only screen and (max-width: 979px) { .products-grid > li:hover { min-height: 357px; } } @media only screen and (max-width: 770px) { .link-compare { display: none; } .mobile-color-options { display: block; margin-bottom: 0; padding-top: 5px; } .product-list-swatch-wrapper { display: none; } .products-grid .product-name { margin-top: 0; } } @media only screen and (min-width: 1280px) { .ie8 .products-grid { width: 900px; } .ie8 .products-grid > li.item { height: 357px; width: 20%; margin-right: 4.5455%; } .ie8 .products-grid > li:nth-child(4n) { margin-right: 0; } .ie8 .products-grid > li:nth-child(4n):hover .quickview-wrapper { right: -60px; left: inherit; } .ie8 .products-grid > li:nth-child(3n+1) { clear: none; } .ie8 .products-grid > li:nth-child(4n+1) { clear: left; } } @media only screen and (max-width: 1279px) { .ie8 .products-grid > li.item { width: 30%; margin-right: 4.5455%; } .ie8 .products-grid > li:nth-child(3n) { margin-right: 0; } .ie8 .products-grid > li:nth-child(3n):hover .quickview-wrapper { right: -30px; left: inherit; } .ie8 .products-grid > li:nth-child(4n+1) { clear: none; } .ie8 .products-grid > li:nth-child(odd) { clear: none; } .ie8 .products-grid > li:nth-child(3n+1) { clear: left; } } .catalogsearch-result-index .col1-layout { max-width: 1200px; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Layered Navigation - Desktop ============================================ */ .sidebar { width: 25.4%; max-width: 285px; padding: 0; } .sidebar .block-layered-nav .block-title { display: none; } .sidebar .block-layered-nav .block-subtitle { display: none; } .sidebar .block-layered-nav .block-subtitle--filter { display: none; } .sidebar .block-layered-nav .block-content > dl > dt { padding: 0px; } .sidebar .block-layered-nav .block-content > dl > dd { padding: 0px; } .sidebar .block-layered-nav #narrow-by-list { padding: 27px; } .sidebar .block-layered-nav #narrow-by-list dt:first-child { margin-top: 0px; } .sidebar .block-layered-nav #narrow-by-list dt.last { margin-bottom: 0px; } .sidebar .block-layered-nav #narrow-by-list dt { font: 11px "TradeGothicLTStd-BoldExt", "Helvetica Neue", Verdana, Arial, sans-serif; letter-spacing: 1px; line-height: 13px; margin: 17px 0; cursor: pointer; padding-right: 20px; } .sidebar .block-layered-nav #narrow-by-list dt:after { content: 'h'; position: absolute; text-transform: lowercase; display: inline-block; line-height: 20px; height: 14px; top: -1px; right: 0; font: 16px "everlast"; color: #AAAAAA; } .sidebar .block-layered-nav #narrow-by-list .level2 .carat-icon { display: none; } .sidebar .block-layered-nav #narrow-by-list .carat-icon { font: 11px "TradeGothicLTStd-BoldExt", "Helvetica Neue", Verdana, Arial, sans-serif; cursor: pointer; display: inline-block; padding: 0; margin: 0; position: absolute; right: 0; top: 0; } .sidebar .block-layered-nav #narrow-by-list .carat-icon:after { content: 'h'; position: absolute; text-transform: lowercase; display: inline-block; font: 16px "everlast"; color: #AAAAAA; right: 0; top: 12px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .sidebar .block-layered-nav #narrow-by-list .active > .carat-icon:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display: inline-block; top: 6px; } .sidebar .block-layered-nav #narrow-by-list .level1 > .carat-icon:after { top: 9px; } .sidebar .block-layered-nav #narrow-by-list .active.level1 > .carat-icon:after { top: -1px; } .sidebar .block-layered-nav #narrow-by-list .current-category { color: #ffd200 !important; font: 11px "TradeGothicLTStd-BoldExt", "Helvetica Neue", Verdana, Arial, sans-serif; line-height: 30px; } .sidebar .block-layered-nav #narrow-by-list .active_filter:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sidebar .block-layered-nav #narrow-by-list .sort_title { display: none; } .sidebar .block-layered-nav #narrow-by-list .sort_by ol { margin-top: 17px; } .sidebar .block-layered-nav #narrow-by-list .sort_by li:last-child { margin-bottom: 0px; } .sidebar .block-layered-nav #narrow-by-list dd { display: none; font: 11px "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; } .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced { text-align: left; padding: 0px; margin: 0px 0px -31px 0px; } .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced ol { margin-bottom: 31px; } .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced ol li.level0 { padding: 0px; position: relative; } .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced li.amshopby-cat.level0.has-child > a { color: black; font: 11px "TradeGothicLTStd-BoldExt", "Helvetica Neue", Verdana, Arial, sans-serif; line-height: 30px; position: relative; background: transparent; } .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced li.amshopby-cat.level1 > a { color: black; position: relative; line-height: 16px; padding: 7px 0 7px 15px; } .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced li.amshopby-cat.level1.has-child > a { padding-left: 15px; color: black; position: relative; } .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced li.amshopby-cat.level1.active > a:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); top: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display: inline-block; } @media only screen and (max-width: 770px) { .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced li.amshopby-cat.level1.active > a:after { display: none; } } .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced li.amshopby-cat.level0.active > a:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); top: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display: inline-block; } @media only screen and (max-width: 770px) { .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced li.amshopby-cat.level0.active > a:after { display: none; } } .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced li.amshopby-cat.level2 > a { padding-left: 20px; line-height: 16px; padding-bottom: 15px; } .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced li.amshopby-cat.level2:last-child > a { padding-bottom: 5px; } .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced li.amshopby-cat.level2 { display: none; } .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced li.amshopby-cat.level1.active > ul li.level2 { display: block; } .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced li.amshopby-cat.level0 > ul { display: none; } .sidebar .block-layered-nav #narrow-by-list dd li.amshopby-advanced li.amshopby-cat.level0.parent > ul { display: block; } .sidebar .block-layered-nav #narrow-by-list dd li { padding: 0 14px; list-style-type: none; position: relative; } .sidebar .block-layered-nav #narrow-by-list dd li a { color: #717073; text-transform: uppercase; line-height: 30px; letter-spacing: 1px; text-decoration: none; } .sidebar .block-layered-nav #narrow-by-list dd li:last-child.single_item { margin-bottom: 0px; } .sidebar .block-layered-nav #narrow-by-list dd li.full_length { padding-left: 0px; padding-right: 6px; } .sidebar .block-layered-nav #narrow-by-list dd .amshopby-attr-selected { background: none; padding-left: 0px; font-weight: normal; } .sidebar .block-layered-nav #narrow-by-list dd .amshopby-attr { background: none; padding: 0px; } .sidebar .block-layered-nav #narrow-by-list dd .amshopby-slider-price { color: #717073; text-transform: uppercase; line-height: 30px; letter-spacing: 1px; text-decoration: none; } .sidebar .block-layered-nav #narrow-by-list dd.last { margin-top: 17px; } .sidebar .block-layered-nav #narrow-by-list .active_items { display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sidebar .block-layered-nav #narrow-by-list .handle { top: 3px; width: 12px; height: 12px; background-image: none; background-color: #000; border-radius: 20px; } .sidebar .actions { font: 11px "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; padding-left: 27px; padding-bottom: 17px; margin: 0px; } .sidebar .actions a { color: #AAAAAA; font: 11px; text-decoration: none; letter-spacing: 1px; } .sidebar .actions.mobile { display: none; } .sidebar .actions.desktop { display: block; } .currently li { padding-left: 27px; font: 11px "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 17px; padding-right: 50px; cursor: pointer; color: #717073; } .currently li .price { font: 11px "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; color: #717073; } .currently li:hover { color: #000; } .currently li:hover .price { color: #000; } .currently .btn-remove { border: none; } .currently .btn-remove:after { content: 'l'; position: absolute; font: 22px "everlast"; font-weight: normal; text-transform: lowercase; color: #888789; right: -23px; top: -2px; } .currently .btn-remove:hover { background-color: #fff; } .currently .btn-remove:hover:after { background-color: #fff; color: #000; } .currently li:hover .btn-remove:after { color: #000; } .main { position: relative; } .sticky { position: fixed; top: 30px; } .sidebar.locked_bottom { position: absolute; bottom: 0px; top: auto; } /* ============================================ * Layered Navigation - Mobile ============================================ */ @media only screen and (max-width: 770px) { .resp-tablet .sidebar, .resp-mobile .sidebar { width: auto; max-width: 100%; } .resp-tablet .sidebar .block-layered-nav .block-content, .resp-mobile .sidebar .block-layered-nav .block-content { margin-top: 0px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .resp-tablet .sidebar .block-layered-nav .block-title, .resp-mobile .sidebar .block-layered-nav .block-title { display: block; margin-bottom: 0px; text-align: center; cursor: pointer; } .resp-tablet .sidebar .block-layered-nav .block-title span, .resp-mobile .sidebar .block-layered-nav .block-title span { font: 11px "TradeGothicLTStd-BoldExt", "Helvetica Neue", Verdana, Arial, sans-serif; line-height: 13px; letter-spacing: 1px; } .resp-tablet .sidebar .block-layered-nav .block-title span:after, .resp-mobile .sidebar .block-layered-nav .block-title span:after { content: 'h'; position: relative; text-transform: lowercase; display: inline-block; line-height: 20px; height: 14px; top: 6px; left: 5px; font: 18px "everlast"; color: #AAAAAA; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .resp-tablet .sidebar .block-layered-nav .block-title.active span:after, .resp-mobile .sidebar .block-layered-nav .block-title.active span:after { top: 8px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .resp-tablet .sidebar .block-layered-nav .actions.mobile, .resp-mobile .sidebar .block-layered-nav .actions.mobile { display: block; } .resp-tablet .sidebar .block-layered-nav .actions.desktop, .resp-mobile .sidebar .block-layered-nav .actions.desktop { display: none; } .resp-tablet .sidebar .block-layered-nav #narrow-by-list, .resp-mobile .sidebar .block-layered-nav #narrow-by-list { background-color: #fff; border: none; } .resp-tablet .sidebar .block-layered-nav #narrow-by-list dt, .resp-mobile .sidebar .block-layered-nav #narrow-by-list dt { font: 11px "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; } .resp-tablet .sidebar .block-layered-nav #narrow-by-list .sort_title, .resp-mobile .sidebar .block-layered-nav #narrow-by-list .sort_title { display: none; } .resp-tablet .sidebar .block-layered-nav #narrow-by-list dd ol li, .resp-mobile .sidebar .block-layered-nav #narrow-by-list dd ol li { padding: 0px; } .resp-tablet .sidebar .block-layered-nav #narrow-by-list dd ol li a, .resp-mobile .sidebar .block-layered-nav #narrow-by-list dd ol li a { margin: 0px; color: #717073; } .resp-tablet .no_sticky, .resp-mobile .no_sticky { position: static; } .resp-tablet .showing, .resp-mobile .showing { font: 11px "TradeGothicLTStd-BoldExt", "Helvetica Neue", Verdana, Arial, sans-serif; margin-bottom: 16px; text-align: center; text-transform: uppercase; } .resp-tablet .currently .label, .resp-mobile .currently .label { display: inline; } .resp-tablet .currently li, .resp-mobile .currently li { padding-bottom: 16px; color: #000; } .resp-tablet .currently .btn-remove, .resp-mobile .currently .btn-remove { right: 37px; position: absolute; text-decoration: none; } .resp-tablet .currently .btn-remove:after, .resp-mobile .currently .btn-remove:after { content: 'l'; position: relative; width: 25px; right: 0px; color: #AAAAAA; font: 22px "everlast"; font-weight: normal; text-transform: lowercase; } .resp-tablet .toolbar .sort-by, .resp-mobile .toolbar .sort-by { display: none; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Catalog - Product ============================================ */ .catalog-product-view .share-buttons .share-main-panel.share-main-tab { display: none; } @media only screen and (max-width: 599px) { .catalog-product-view .main-container { padding: 0; } } .catalog-product-view .footer-container { margin-top: 29px; } .catalog-product-view .messages { max-width: 1024px; margin: 0 auto 20px; } .catalog-product-view .videos .flex-container.one-video { padding: 0 30px; max-width: 1240px; margin: 0 auto; } .product-view .product-name { text-align: center; padding: 0 30px; } .product-view .product-name h1 { margin: 0; margin-bottom: 0.5em; color: #000; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 47px; font-weight: 400; font-style: normal; line-height: 47px; text-rendering: optimizeLegibility; text-transform: uppercase; border: 0; margin: 0; height: auto; margin-bottom: 10px; } @media only screen and (max-width: 990px) { .product-view .product-name h1 { font-size: 34px; } } .product-view .product-name .price-box { display: none; } @media only screen and (max-width: 599px) { .product-view .product-name { padding: 0 10px; } .product-view .product-name h1 { font-size: 26px; line-height: 34px; margin-bottom: 12px; } } .product-view .highlight-container { text-align: center; font-size: 15px; text-transform: uppercase; margin-bottom: 32px; padding: 0 30px; } .product-view .highlight-container span { margin: 0 27px; } @media only screen and (max-width: 599px) { .product-view .highlight-container { padding: 0 10px; font-size: 15px; margin-bottom: 21px; } .product-view .highlight-container span { margin: 0 8px; } } .product-view .product-essential { padding: 0 30px; max-width: 1240px; margin: 0 auto; } @media only screen and (min-width: 840px) { .product-view .product-essential { min-height: 623px; } } @media only screen and (max-width: 890px) { .product-view .product-essential { padding: 0 15px; } } @media only screen and (max-width: 770px) { .product-view .product-essential { padding: 0; } .product-view .product-essential .product-shop { max-width: 100%; } } .product-view .product-essential .extra-info .ratings .rating-box, .product-view .product-essential .extra-info .ratings .amount { float: left; } .product-view .product-essential .extra-info .ratings .rating-box { margin-top: 8px; margin-right: 10px; } .product-view .product-essential .extra-info .ratings:after { content: ''; display: table; clear: both; } .product-view .product-essential:after { content: ''; display: table; clear: both; } .product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1 { color: #000; margin-bottom: 10px; border: 0; } .product-view .product-shop { width: 29%; max-width: 270px; float: left; border-radius: 3px; position: relative; } .product-view .product-shop .product-name { display: none; float: left; } .product-view .product-shop .product-name .h1 { float: left; margin-bottom: 5px; } .product-view .product-shop .extra-info { float: left; padding-right: 15px; clear: left; } .product-view .product-shop .price-info { float: right; padding-left: 15px; text-align: right; } .product-view .product-shop .extra-info, .product-view .product-shop .price-info { max-width: 50%; margin-bottom: 10px; } .product-view .product-shop .short-description { margin-bottom: 10px; clear: both; } .product-view .product-shop .ratings { margin-bottom: 8px; } .product-view .product-shop .availability { font-size: 16px; } .product-view .product-shop .price-box { margin-top: 0; } .product-view .product-shop .price-box .old-price, .product-view .product-shop .price-box .special-price, .product-view .product-shop .price-box .regular-price { padding-right: 0; line-height: 1.2; } .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price { color: #000; font-size: 21px; } .product-view .product-shop .price-box .special-price .price-label { font-size: 16px; text-transform: uppercase; } .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { display: block; line-height: 1.2; } .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; font-weight: 300; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; } .product-view .product-shop .incrementer-btn { display: inline-block; padding: 6px 19px 6px 20px; } .product-view .old-price .price-label { display: none; } .product-view .sticky-image { display: none; } @media only screen and (max-width: 850px) { .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 15px; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 18px; } } @media only screen and (max-width: 770px) { .product-view .add-to-cart-wrapper { float: none; width: 100%; clear: both; } .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; } } @media only screen and (max-width: 420px) { .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { margin-bottom: 5px; } .product-view .product-shop .price-box .price-excluding-tax span, .product-view .product-shop .price-box .price-including-tax span { display: block; } } .product-img-box { width: 70%; float: right; margin-top: 30px; } .product-img-box .product-name h1 { border: 0; } .product-image { position: relative; border: 0; max-width: 500px; margin: 0 auto; } .product-image img { max-width: 500px; max-height: 500px; margin: 0 auto; } .product-image .flex-control-nav { display: none; } .product-image .flex-prev { left: -10%; } @media only screen and (max-width: 599px) { .product-image .flex-prev { left: -9%; } } @media only screen and (max-width: 479px) { .product-image .flex-prev { left: -12%; } } .product-image .flex-next { right: -10%; } @media only screen and (max-width: 599px) { .product-image .flex-next { right: -9%; } } @media only screen and (max-width: 479px) { .product-image .flex-next { right: -12%; } } .product-image .flex-prev, .product-image .flex-next { color: #aaaaaa; font-family: "everlast"; text-transform: lowercase; font-size: 59px; color: #000; position: absolute; top: 200px; } .product-image .flex-prev:hover, .product-image .flex-next:hover { text-decoration: none; color: #717073; } @media only screen and (max-width: 599px) { .product-image .flex-prev, .product-image .flex-next { top: 100px; font-size: 39px; } } @media only screen and (min-width: 430px) and (max-width: 599px) { .product-image .flex-prev, .product-image .flex-next { top: 150px; } } @media only screen and (max-width: 599px) { .product-img-box .product-image { width: 80%; } .product-img-box .product-image img { max-height: 450px; width: 100%; } } .product-image-gallery { position: relative; } .product-image-gallery .gallery-image { display: none; } .product-image-gallery .gallery-image.visible { display: block; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url("../images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .product-image-gallery.loading { position: relative; } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; } .product-image-thumbs li { display: inline-block; } .product-image-thumbs li:first-child { margin-left: -1px; } .product-image-thumbs a { display: inline-block; border: 1px solid transparent; } .no-touch .product-image-thumbs a:hover { border-color: #c7c7c7; } .product-view .add-to-cart-wrapper, .product-view .block-related { padding-left: 15px; } .product-view .add-to-cart-wrapper.product-options-bottom, .product-view .block-related.product-options-bottom { border-radius: 3px; padding: 0; margin-bottom: 0; } .product-view .add-to-cart-wrapper.product-options-bottom .add-to-box, .product-view .block-related.product-options-bottom .add-to-box { padding: 15px 20px; } .product-view .sticky-actions .add-to-cart-wrapper.product-options-bottom .add-to-box { padding: 0; } .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 10px; } .product-view .add-to-box:after, .product-view .add-to-cart:after { content: ''; display: table; clear: both; } .product-view .add-to-cart { padding-bottom: 3px; margin-bottom: 10px; } .product-view .add-to-cart .qty-wrapper, .product-view .product-options-bottom .price-box, .product-view .add-to-cart-buttons { min-height: 40px; } .product-view .product-options-bottom .price-box, .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart-buttons .button, .product-view .add-to-cart-buttons .paypal-logo { margin-bottom: 1px; } .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart .qty-wrapper label { margin-right: 7px; width: 100%; text-align: center; } .product-view .add-to-cart .qty-wrapper { margin-bottom: 28px; } .product-view .add-to-cart .qty-wrapper label { line-height: 37px; float: none; display: block; width: 100%; position: relative; text-align: center; font-family: "TradeGothicLTStd-BoldExt", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; text-transform: uppercase; } .product-view .add-to-cart .qty-wrapper .qty { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; display: inline-block; height: 40px; padding: 0; font-size: 20px; font-weight: 700; } .product-view .add-to-cart-buttons .paypal-logo { clear: left; text-align: center; } .product-view .add-to-cart-buttons .paypal-logo .paypal-button { margin: 0 auto; display: block; width: 145px; } .product-view .add-to-cart-buttons .paypal-logo .bml_button { display: block; width: 150px; margin: 0 auto; } .product-view .add-to-cart-buttons .paypal-logo .bml_button a { text-align: center; } .product-view .add-to-cart-buttons .paypal-logo .paypal-or { display: block; margin-bottom: 10px; margin-left: 0; margin-right: 0; line-height: 1; text-align: center; } .product-view .add-to-cart-buttons .button { height: 55px; line-height: 62px; font-size: 16px; text-align: center; padding: 0; min-width: 100%; width: 100%; } .product-view .product-options-bottom p.offline-copy a, .product-view .product-options-bottom p.offline-copy a:hover { color: #155da5; } @media only screen and (max-width: 479px) { .product-view .add-to-cart-buttons .paypal-or { line-height: 20px; } .product-view .add-to-cart-buttons .paypal-logo, .product-view .add-to-cart-buttons .paypal-or, .product-view .add-to-cart-buttons .paypal-button, .product-view .add-to-cart-buttons .button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none; } } /* This is the "or" that separates the "Add to Cart" and "Add to X" links */ .add-to-box .or { display: none; } .product-view .add-to-links { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; font-size: 11px; clear: both; margin-top: 20px; margin-right: 15px; } @media only screen and (max-width: 770px) { .product-view .add-to-links { display: none; } } .product-view .add-to-links:after { content: ''; display: table; clear: both; } .product-view .add-to-links a { text-align: center; width: 100%; } .product-view .add-to-links a:hover { text-decoration: none; } .product-view .add-to-links a:before { content: "m"; color: #aaaaaa; font-family: "everlast"; text-transform: lowercase; font-size: 20px; position: relative; top: 8px; left: -4px; line-height: 25px; } .product-view .sharing-links { float: left; } .product-view .sharing-links:after { content: ''; display: table; clear: both; } .product-view .sharing-links li { float: left; padding: 0 7px 7px; } .product-view .sharing-links a { text-indent: -9999px; display: block; width: 26px; height: 26px; } .product-view .sharing-links a:hover { opacity: 0.8; } .product-view .sharing-links a.link-wishlist { background-position: 0 -225px; } .product-view .sharing-links a.link-compare { background-position: 0 -250px; } .product-view .sharing-links a.link-email-friend { background-position: 0 -322px; } .product-view .sharing-links a.link-facebook { background-position: 0 -425px; } .product-view .sharing-links a.link-twitter { background-position: 0 -372px; } @media only screen and (max-width: 599px) { .add-to-box .add-to-links a { float: none; width: auto; text-indent: 0; } } .product-collateral { clear: both; position: relative; } .collateral-tabs dd { color: #717073; } .collateral-tabs dd h2 { display: none; } .collateral-tabs dd h3 { text-align: center; margin-top: 105px; margin-bottom: 29px; } .collateral-tabs .description { max-width: 697px; margin: 0 auto; text-align: center; font-size: 18px; line-height: 27px; } .snippetContainer { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; width: 100%; overflow: hidden; border-right: 5px solid #fff; border-left: 5px solid #fff; } .snippetContainer .click-overlay { display: block; position: absolute; height: 100%; width: 100%; z-index: 99; cursor: pointer; } .one-video .snippetContainer { border: none; } .one-video .snippetContainer iframe, .one-video .snippetContainer object, .one-video .snippetContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .flex-active-slide .click-overlay { display: none; } .box-collateral { clear: both; } @media only screen and (min-width: 768px) { .product-collateral .toggle-tabs { display: block; width: 100%; position: relative; text-align: center; background-color: #717073; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#888789), to(#717073)); background-image: -webkit-linear-gradient(top, #888789, #717073); background-image: linear-gradient(to bottom, #888789, #717073); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#888789)', endColorstr='argb(#717073)', GradientType=0)"; box-shadow: 0 1px 0 0 #5d5c5d, 0 3px 0 0 #626163; color: #fff; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; letter-spacing: 1px; } .product-collateral .toggle-tabs li { display: inline-block; } .product-collateral .toggle-tabs li > span { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; padding: 0 50px; height: 50px; line-height: 50px; cursor: pointer; text-transform: uppercase; font-size: 12px; position: relative; } .product-collateral .toggle-tabs li.current > span { z-index: 5; } .product-collateral .toggle-tabs li:hover span { background: #717073; } .product-collateral .toggle-tabs li:first-child { border-left: none; } .product-collateral .toggle-tabs:after { content: ''; display: table; clear: both; } .product-collateral > dl { width: 100%; } .product-collateral > dl > dt { display: none; } .product-collateral > dl > dd { width: 100%; border-top: 0; content: ""; display: table; clear: both; } .product-collateral > dl > dd.current { display: block; } } @media only screen and (max-width: 1260px) { .product-collateral .toggle-tabs li > span { padding: 0 30px; } } @media only screen and (max-width: 990px) { .product-collateral .toggle-tabs li > span { padding: 0 15px; } } @media only screen and (max-width: 767px) { .product-collateral .toggle-tabs { display: none; } .product-collateral > dl > dt { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0; padding: 11px 10px 12px 30px; position: relative; display: block; } .product-collateral > dl > dt:after { position: absolute; content: 'h'; text-transform: lowercase; font-family: "everlast"; font-size: 20px; height: 18px; color: #aaaaaa; right: 39px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .product-collateral > dl > dt:first-child { padding: 0 10px 12px 30px; } .product-collateral > dl > dd { margin: 0; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 11px; padding: 0 30px; text-align: left; color: #000; } .product-collateral > dl > dd .description { text-align: left; font-size: 14px; line-height: 21px; } .product-collateral > dl.collateral-tabs > dt { cursor: pointer; border-bottom-width: 0; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 21px; text-align: left; } .product-collateral > dl.collateral-tabs > dt:hover { color: #000; } .product-collateral > dl.collateral-tabs > dt.last { border-bottom-width: 1px; } .product-collateral > dl.collateral-tabs > dt.videos, .product-collateral > dl.collateral-tabs > dt.related { display: none; } .product-collateral > dl.collateral-tabs > dd { display: none; } .product-collateral.accordion-open > dl > dt.current { border-bottom-width: 1px; } .product-collateral.accordion-open > dl > dt.current:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .product-collateral.accordion-open > dl > dd.current { display: block; } .product-collateral.accordion-open .description h3 { display: none; } } @media only screen and (max-width: 770px) { .product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related, .product-img-box, .product-collateral { width: 100%; float: none; padding-right: 0; padding-left: 0; } .collateral-tabs { margin-top: 21px; } } @media only screen and (min-width: 771px) { .product-img-box .product-name { display: none; } } @media only screen and (max-width: 479px) { .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 15px; } } .product-view .ratings .rating-links { clear: left; float: left; margin-top: 0; } #product-attribute-specs-table { max-width: 50em; border: 1px solid #eeeeee; display: none; } #product-attribute-specs-table th { border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } /* -------------------------------------------- * Catalog - Grouped Product List */ .grouped-items-table-wrapper { border: solid 1px #eeeeee; width: 100%; padding: 17px 15px; margin-bottom: 15px; } .grouped-items-table-wrapper tbody tr:last-child td { border-bottom: none; } @media only screen and (max-width: 479px) { .grouped-items-table-wrapper { margin-bottom: 15px; } } .grouped-items-table .name-wrapper { color: #000; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; } .grouped-items-table .qty-wrapper { padding-top: 7px; float: right; } .grouped-items-table .qty-label { margin-left: 7px; } .grouped-items-table div { padding: 4px; } .grouped-items-table div.name { width: 100%; padding: 4px 4px 6px 4px; } .grouped-items-table div.image img { float: left; } .grouped-items-table div.price-container { display: none; } /* -------------------------------------------- * Catalog - Product Options */ .product-options { width: 100%; padding: 26px 30px 15px; clear: both; position: relative; background: #eeeeee; border-radius: 3px 3px 0 0; } @media only screen and (max-width: 840px) { .product-options { padding: 15px; } } @media only screen and (max-width: 599px) { .product-options { padding: 33px 15px 0; } } .product-view .sticky-actions .product-options { float: left; width: 20%; padding: 33px 0 0; clear: none; } .product-view .sticky-actions .product-options dt label span { display: none; } .product-view .sticky-actions .product-options dd .input-box { padding-left: 6px; width: 69px; } .product-view .sticky-actions .product-options dd .input-box:after { display: none; position: absolute; content: 'h'; text-transform: lowercase; font-family: "everlast"; font-size: 22px; color: #aaaaaa; left: 51px; top: 9px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .product-view .sticky-actions .product-options dd .input-box.too-many-swatches:after { display: block; } .product-view .sticky-actions .product-options dd .input-box.too-many-swatches .sticky-swatch-shiv { content: ""; position: absolute; display: block; width: 69px; height: 100%; top: 0; left: 0; cursor: pointer; z-index: 9999; } .product-view .sticky-actions .product-options dd.last .input-box { padding-left: 0; } .product-view .sticky-actions .product-options dl { float: left; width: 79px; margin-left: 23px; background: #EEEEEE; border-radius: 3px; padding-left: 15px; } .product-view .sticky-actions .product-options dl dd { margin: 0; padding: 0; } .product-view .sticky-actions .product-options dl .swatch-option { margin: 0 0 15px; display: none; } .product-view .sticky-actions .product-options dl .swatch-option.selected { display: block; } .product-view .sticky-actions .product-options dl .swatch-option.swatch-active { display: block; } .product-view .sticky-actions .product-options dl:first-child { margin-left: 0; } .product-view .sticky-actions .product-options dl.last .swatch-option.first-child { display: block; } .product-view .sticky-actions .product-options dl.last .swatch-selected .swatch-option { display: none; } .product-view .sticky-actions .product-options dl.last .swatch-selected .selected { display: block; } .product-options p.required { position: absolute; top: 6px; right: 15px; display: none; } .product-options dt { margin: 10px 0 3px; font-weight: normal; } .product-options dt label { font-family: "TradeGothicLTStd-BoldExt", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; font-size: 11px; color: #000; } @media only screen and (max-width: 599px) { .product-options dt label { text-align: center; width: 100%; } } .product-options dt:first-child { margin-top: 0; } .product-options dd .qty-holder { display: block; padding: 10px 0 0 0; } .product-options dd .qty-holder .qty { width: 3em; } .product-options dd .qty-holder label { vertical-align: middle; } .product-options dd .qty-disabled { background: none; border: 0; padding: 0 2px; } .product-options dd { padding: 0 0 10px 0; margin: 0 0 5px; border-bottom: 1px solid #EDEDED; } .product-options dl.last dd.last { border-bottom: 0; padding-bottom: 5px; margin-bottom: 0; } .product-options dd .input-text { width: 98%; } .product-options dd .input-box { padding-top: 0; } .product-options dd input.datetime-picker { width: 150px; } .product-options dd .time-picker { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { width: 330px; max-width: 100%; } .product-options ul.options-list { margin-right: 5px; } .product-options ul.options-list li { line-height: 1.5; margin-bottom: 7px; } .product-options ul.options-list li:last-child { margin-bottom: 0; } .product-options ul.options-list .radio, .product-options ul.options-list .checkbox { float: left; margin-top: 5px; } .product-options ul.options-list .label { display: block; } .product-options ul.options-list label { font-weight: normal; } .product-options p.note { margin: 0; font-size: 11px; } .product-options-bottom { padding: 15px 30px; border-top: 0; background: #eeeeee; border-radius: 0 0 3px 3px; } @media only screen and (max-width: 840px) { .product-options-bottom { padding: 15px; } } @media only screen and (max-width: 599px) { .product-options-bottom { padding: 0 30px 26px; } } .product-options-bottom .share-buttons { display: none; } .product-options-bottom .offline-copy { text-align: center; } .product-options-bottom:after { content: ''; display: table; clear: both; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: right; margin: 0; padding: 0 0 10px; border: 0; background: 0; color: #333333; } @media only screen and (max-width: 479px) { .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: none; width: 100%; text-align: right; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #CCCCCC; } } .product-options-bottom .tier-prices li { background: 0; padding: 2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #333333; } /* "display: none" should be removed if products on site have a long list of product options and those product options */ /* affect the price so that the customer can see the updated price close to the "Add to Cart" button */ .product-options-bottom .price-box, .product-options-bottom .price-box .price { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 21px; text-align: center; margin: 0 0 10px; padding: 0; } @media only screen and (max-width: 479px) { .product-options-bottom .price-box .price-as-configured { text-align: right; } .product-options-bottom .price-box .price-as-configured .price-label { display: block; } } .product-options-bottom .price-tax { float: left; } /* -------------------------------------------- * Related Products */ /* Block: Related */ .block-related li { margin-bottom: 7px; } .block-related .block-title { border-bottom: none; } .block-related .block-title h2 { margin: 0; margin-bottom: 0.5em; color: #000; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 47px; font-weight: 400; font-style: normal; line-height: 47px; text-rendering: optimizeLegibility; text-transform: uppercase; margin-bottom: 0; } .block-related .block-subtitle { margin-bottom: 7px; } .block-related .product { margin-left: 20px; position: relative; } .block-related .checkbox { float: left; margin-top: 36px; } .block-related .product-details { margin-left: 90px; } .block-related .product-name { margin-bottom: 3px; } .block-related .product-details .price-box { margin: 2px 0 3px; } .block-related .product-details .price-box a, .block-related .product-details .price-box p, .block-related .product-details .price-box span { float: left; margin-left: 3px; } .block-related .product-details .price-box a:first-child, .block-related .product-details .price-box p:first-child, .block-related .product-details .price-box span:first-child { margin-left: 0; } .block-related .product-details .price-box:after { content: ''; display: table; clear: both; } .block-related .link-wishlist { display: none; } /* -------------------------------------------- * Upsell Products */ .box-up-sell { margin-top: 20px; } .box-up-sell .ratings { display: none; } .product-essential .share-buttons { margin-left: 50px; margin-bottom: 26px; margin-top: 30px; } @media only screen and (max-width: 770px) { .product-essential .share-buttons { display: none; } } /* -------------------------------------------- * STICKY ADD TO CART BLOCK */ .product-view .sticky-actions { background: #eeeeee; position: fixed; float: none; top: 0; left: 0; max-width: 100%; width: 100%; padding: 0 5%; z-index: 999; -webkit-transform: translate3d(0, 0, 0); } .product-view .sticky-actions.product-shop { z-index: 9999; height: 140px; } .product-view .sticky-actions.product-shop .product-options { background: transparent; } .product-view .sticky-actions.product-shop .product-options dd { border-bottom: 0; } .product-view .sticky-actions .share-buttons, .product-view .sticky-actions .add-to-links { display: none; } .product-view .sticky-actions .product-options-bottom { margin-bottom: 0; float: right; width: 40%; padding: 25px 0 25px 0; } .product-view .sticky-actions .product-options-bottom.add-to-cart-wrapper { display: none; } @media only screen and (max-width: 1010px) { .product-view .sticky-actions .product-options-bottom { width: 50%; } } .product-view .sticky-actions .product-options-bottom .price-box { display: none; } .product-view .sticky-actions .sticky-image { display: block; float: left; margin: 20px 0; width: 100px; height: 100px; } @media only screen and (max-width: 1010px) { .product-view .sticky-actions .sticky-image { display: none; } } .product-view .sticky-actions .offline-copy { max-width: 300px; margin-top: 15px; float: right; } .product-view .sticky-actions .button.btn-cart { padding: 22px 25px 15px 26px; line-height: 18px; font-size: 14px; } @media only screen and (max-width: 950px) { .product-view .sticky-actions .button.btn-cart { padding: 14px 22px 9px; font-size: 11px; height: auto; } } .product-view .sticky-actions .add-to-cart { float: right; width: 100%; } .product-view .sticky-actions .add-to-cart .qty-wrapper { float: left; width: 50%; margin: 0; } @media only screen and (max-width: 950px) { .product-view .sticky-actions .add-to-cart .qty-wrapper { width: 54%; } } .product-view .sticky-actions .add-to-cart .add-to-cart-buttons { float: right; width: 50%; max-width: 182px; margin: 18px 0 0; } @media only screen and (max-width: 950px) { .product-view .sticky-actions .add-to-cart .add-to-cart-buttons { width: 46%; margin: 31px 0 0; } } .product-view .sticky-actions .price-box { text-align: left; } .product-view .sticky-actions .price-box .regular-price span.price { font-size: 18px; } .product-view .sticky-actions .product-name { display: block; width: 28.6%; padding: 25px 24px; } @media only screen and (max-width: 950px) { .product-view .sticky-actions .product-name { width: 35%; } } .product-view .sticky-actions .product-name h1 { font-size: 18px; line-height: 22px; text-align: left; color: #000; } .product-view .sticky-actions .product-name .price-box { display: block; } .product-view .sticky-actions .product-name .price-box .price { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; } .product-view .sticky-actions.toggle-tabs { top: 140px; background-color: #717073; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#888789), to(#717073)); background-image: -webkit-linear-gradient(top, #888789, #717073); background-image: linear-gradient(to bottom, #888789, #717073); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#888789)', endColorstr='argb(#717073)', GradientType=0)"; } @media only screen and (max-width: 957px) { .product-view .sticky-actions { padding: 0; } .product-view .sticky-actions .product-name { width: 100%; float: none; } .product-view .sticky-actions .product-options { position: absolute; bottom: 0; left: 227px; width: auto; height: 115px; } .product-view .sticky-actions .product-options-bottom { position: absolute; right: 20px; bottom: 0; padding: 26px 0 3px 30px; background: transparent; } } .simple-product-type .product-view .sticky-actions .product-options-bottom.add-to-cart-wrapper { display: block; } @media only screen and (min-width: 750px) { body.catalog-product-view .videos .flex-container .flex-container { width: 100%; } body.catalog-product-view .videos .flex-container .flex-viewport { overflow: visible !important; } body.catalog-product-view .videos .flex-container .flexslider { width: 90%; margin: 0 auto; } body.catalog-product-view .videos .flex-container .flexslider li img { border-width: 0 5px 0 5px; border-style: solid; border-color: #fff; } body.catalog-product-view .videos .flex-container .flexslider a { display: block; cursor: pointer; } } .size-chart-block { display: none; } .no-touch .size-chart-container:hover .size-chart-block { display: block; } .touch .size-chart-container.tablet-tooltip .size-chart-block { display: block; } .size-chart-container { position: absolute; z-index: 9; top: 110px; right: 15px; padding: 10px 15px; cursor: pointer; } @media only screen and (max-width: 770px) { .size-chart-container { display: none; } } .size-chart-container:hover .size-chart-block, .size-chart-container.tablet-tooltip .size-chart-block { position: absolute; bottom: 50px; padding: 20px 30px; background: #FFFEA8; border-radius: 3px; width: 430px; margin-left: -215px; box-shadow: 0 4px 0 0 #ECEB9C; } .size-chart-container:hover .size-chart-block h1, .size-chart-container.tablet-tooltip .size-chart-block h1 { height: auto; font-size: 11px; line-height: 13px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; } .size-chart-container:hover .size-chart-block img, .size-chart-container.tablet-tooltip .size-chart-block img { width: 100%; } .size-chart-container:hover .size-chart-block:after, .size-chart-container.tablet-tooltip .size-chart-block:after { display: block; content: ""; position: absolute; bottom: -20px; left: 198px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #ECEB9C; } .size-chart-container:hover .size-chart-block:before, .size-chart-container.tablet-tooltip .size-chart-block:before { display: block; content: ""; position: absolute; bottom: -15px; left: 203px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #FFFEA8; z-index: 9; } .sticky-actions .size-chart-container { display: none; } .configurable-product-type .add-to-cart-wrapper.product-options-bottom, .bundle-product-type .add-to-cart-wrapper.product-options-bottom { display: none; } .simple-product-type .product-options-bottom .price-box { padding-top: 30px; } .bundle-product-type .product-options select, .bundle-product-type .product-options .custom-shiv { display: block !important; } .bundle-product-type .product-options .custom-shiv { padding: 0 40px 0 0; } .price-box .price-as-configured, .price-box .price-as-configured .price-label { display: block; margin-bottom: 10px; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Product Reviews ============================================ */ #customer-reviews { max-width: 697px; margin: 0 auto; font-size: 18px; line-height: 27px; } #customer-reviews h3 { display: none; } #customer-reviews .review-heading { display: none; } #customer-reviews .ratings_wrapper { width: 33.333333%; float: left; } #customer-reviews .review_summary { text-align: center; display: block; color: #000; font-size: 18px; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } #customer-reviews div.fieldset { width: 100%; } #customer-reviews div.fieldset .form-list { width: 100%; margin-top: 45px; } #customer-reviews div.fieldset .form-list .validation-advice { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } #customer-reviews div.fieldset .form-list label { color: #000; font-size: 14px; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; letter-spacing: 0px; } #customer-reviews div.fieldset .form-list label em { display: none; } #customer-reviews div.fieldset .form-list label:after { display: none; } #customer-reviews div.fieldset h4 { text-align: center; display: block; color: #000; font-size: 18px; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; border-bottom: solid 1px #eeeeee; } #customer-reviews div.buttons-set { width: 100%; } #customer-reviews .review_text dd { color: #717073; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 18px; line-height: 27px; text-align: center; } #customer-reviews .review_text dd .review-meta { display: block; margin-top: 5px; color: #000; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 12px; } #customer-reviews .review_text .spaced { margin-top: 50px; } #customer-reviews .review_text .rating-box { display: inline-block; width: 70px; margin-left: 5px; margin-right: 20px; } #customer-reviews .review_text .rating-box .rating { background: url(../images/ratings.png); height: 12px; background-repeat: repeat-x; background-position: 0 0; } #customer-reviews .review-summary-table { margin-top: -5px; border-bottom: none; margin-bottom: 30px; } #customer-reviews .review-summary-table thead th { padding-top: 0px; padding-bottom: 20px; padding-right: 50px; border-bottom: solid 1px #eeeeee; } #customer-reviews .review-summary-table tbody th { padding-top: 20px; padding-right: 80px; padding-left: 20px; font-size: 14px; color: #000; text-transform: uppercase; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; } #customer-reviews .review-summary-table tbody td { padding-top: 20px; } #customer-reviews .ratings .rating-box { margin-left: -35px; margin-top: 20px; } #customer-reviews .no-rating { text-align: center; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; color: #000; cursor: pointer; text-transform: uppercase; margin-left: 20px; } #customer-reviews .no-rating:after { content: 'h'; position: relative; text-transform: lowercase; font-family: "everlast"; font-size: 20px; top: 7px; right: 0; margin-right: 0px; color: #898989; -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; height: 11px; line-height: 20px; display: inline-block; margin-left: 5px; } #customer-reviews .no-rating.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #customer-reviews .review_container { max-height: 105px; overflow: hidden; } #customer-reviews .full_review { max-height: 1000px; } #customer-reviews .read_more_link { display: block; text-align: right; font-size: 12px; margin-top: 10px; margin-bottom: 10px; cursor: pointer; color: #000; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; } #customer-reviews .read_more_link:after { content: 'h'; position: relative; text-transform: lowercase; font-family: "everlast"; font-size: 20px; top: 7px; right: 0; margin-right: 0px; color: #898989; -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; height: 11px; line-height: 20px; display: inline-block; margin-left: 5px; } #customer-reviews .read_more_link.i_device:after { top: 0px; } #customer-reviews .read_more_link.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #customer-reviews .read_more_link.i_device.active:after { top: 5px; } #customer-reviews .write_review_container { display: none; } #customer-reviews .write_your_own { display: block; text-align: center; font-size: 14px; margin-top: 50px; margin-bottom: 10px; cursor: pointer; color: #000; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; margin-left: 20px; } #customer-reviews .write_your_own:after { content: 'h'; position: relative; text-transform: lowercase; font-family: "everlast"; font-size: 20px; top: 7px; right: 0; margin-right: 0px; color: #898989; -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; height: 11px; line-height: 20px; display: inline-block; margin-left: 5px; } #customer-reviews .write_your_own.i_device:after { top: -1px; } #customer-reviews .write_your_own.small { font-size: 12px; } #customer-reviews .write_your_own.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #customer-reviews .write_your_own.i_device.active:after { top: 4px; } #customer-reviews .ratings_table { padding-left: 60px; padding-top: 15px; padding-bottom: 40px; margin-bottom: 20px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; } #customer-reviews .ratings_table .rating_code { display: inline-block; font-size: 14px; color: #000; text-transform: uppercase; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; } .catalog-product-view .form-add { display: none; } .catalog-product-compare-index .ratings .amount a { display: none; } @media only screen and (max-width: 767px) { .catalog-product-view #customer-reviews .rating-box .rating { margin-top: 3px; } .catalog-product-view #customer-reviews .ratings_table { height: 110px; padding-left: 0px; } .catalog-product-view #customer-reviews .review_container { clear: both; } .catalog-product-view #customer-reviews .ratings_wrapper { width: 100%; } .catalog-product-view .product-collateral #collateral-tabs .reviews .write_your_own { margin-bottom: 20px; } .catalog-product-view .product-collateral #collateral-tabs .reviews .box-reviews .buttons-set { margin-bottom: 20px; } .catalog-product-view .product-collateral #collateral-tabs .reviews .review-summary-table tbody th { padding-right: 20px; } .catalog-product-view .product-collateral #collateral-tabs .reviews .review-summary-table tbody td { padding-top: 20px; } .catalog-product-view .product-collateral #collateral-tabs .reviews .review-summary-table thead th { padding-right: 0px; } .catalog-product-view .product-collateral #collateral-tabs .reviews h3 { display: none; } .catalog-product-view .product-collateral #collateral-tabs .reviews .rating.nobr { display: none; } .catalog-product-view .product-collateral #collateral-tabs .reviews .rating-number { display: block; } .catalog-product-view .product-collateral #collateral-tabs .reviews .rating-box { background-image: none; height: 15px; } .catalog-product-view .product-collateral #collateral-tabs .reviews .ratings .rating-box { margin-left: -5px; } .catalog-product-view .product-collateral #collateral-tabs .reviews .no-rating { display: none; } .catalog-product-view .product-collateral #collateral-tabs .reviews .form-add { display: block !important; } .catalog-product-view .product-collateral #collateral-tabs .reviews .product_review_form { display: block !important; } .catalog-product-view .product-collateral #collateral-tabs .reviews .rating .rating-box { background: none; background-image: none; margin-left: -6px; margin-top: 20px; height: 25px; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Color Swatches ============================================ */ .product-options { padding-top: 29px; } .product-options select { display: none; } .product-options label { letter-spacing: 1px; } .product-options dt { margin: 7px 0 2px 0; } .product-options dd { position: relative; } .product-options dd .size-chart-container { top: -29px; right: 0px; padding-right: 0px; } .product-options .swatch-option img { width: 100%; height: 100%; } .product-options .select-container { margin-right: 0; } .product-options .select-container.validation-error .validation-advice { display: none; } .product-options .last_item { margin-right: 0px; } .product-options .swatch-option { border-radius: 2px; width: 40px; height: 40px; cursor: pointer; margin-right: 10px; margin-bottom: 10px; box-shadow: 0 4px 0 #E8E7E7, 0 0 0 0; border: solid 1px #fff; } .product-options .swatch-option img { border: solid 1px #fff; } .product-options .swatch-option:last-child { margin-right: 0; } .product-options .swatch-option.selected, .product-options .swatch-option:hover { border: solid 1px #ffd200; } .product-options .validation-error .swatch-option { border: solid 1px #d45151; } .product-options .swatch-option:hover { box-shadow: 0 0 0 0, 0 0 0 0; } .product-options .swatch-option:hover img { border: solid 1px #ffd200; } .product-options .selected { box-shadow: 0 0 0 0, 0 0 0 0; border: none; } .product-options .selected img { border: solid 1px #ffd200; } .product-options-bottom { padding-top: 2px; } .product-options-bottom .qty-wrapper #qty { padding-top: 3px; } .product-options-bottom .qty-wrapper label[for="qty"] { color: #000; letter-spacing: 1px; } .size-chart-icon { font: 11px "TradeGothicLTStd-BoldExt", "Helvetica Neue", Verdana, Arial, sans-serif; } @media only screen and (max-width: 770px) { .product-options { padding-top: 35px; } .product-options dt { text-align: center; margin-bottom: 10px; } .product-options dd { text-align: center; } .product-options .selected { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .product-options .swatch-option:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .product-options-bottom { padding-top: 12px; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Catalog - MSRP MAP Popup ============================================ */ .cart-msrp-totals { color: red; font-size: 12px !important; font-weight: bold; margin: 10px 10px 0; padding: 10px; text-align: right; text-transform: uppercase; } .map-cart-sidebar-total { color: red; display: block; font-size: 10px; font-weight: bold; text-align: left; padding: 2px 5px; } .map-popup { background: #FFFFFF; border: 5px solid #CCCCCC; margin: 12px 0 0; position: absolute; text-align: left; width: 450px; z-index: 100; } @media only screen and (min-width: 771px) { .map-popup.map-popup-right { left: 10px !important; } .map-popup.map-popup-left { left: auto !important; right: 10px !important; } } @media only screen and (max-width: 770px) { .map-popup { width: 100%; left: 0 !important; } } .map-popup .map-popup-heading { padding: 8px 10px; margin-right: 40px; width: auto; } .map-popup .map-popup-heading h3 { font-size: 14px; margin: 0; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-align: left; text-overflow: ellipsis; } @media only screen and (max-width: 479px) { .map-popup .map-popup-heading h3 { text-align: center; } } .map-popup .map-popup-close { display: block; position: absolute; top: 0; right: 0; height: 36px; width: 36px; font-size: 20px; line-height: 32px; text-align: center; } .map-popup .map-popup-content { border-top: 1px solid #EDEDED; padding: 10px; margin: 0 10px; overflow: hidden; text-align: left; } @media only screen and (max-width: 479px) { .map-popup .map-popup-content { text-align: center; } } .map-popup .map-popup-checkout { padding: 10px 0; } .map-popup .map-popup-checkout form:after { content: ''; display: table; clear: both; } .map-popup .map-popup-checkout span { display: block; } .map-popup .map-popup-checkout .button { float: left; margin: 0 2px; clear: left; } .map-popup .map-popup-checkout .additional-addtocart-box { float: left; min-width: 210px; } .map-popup .map-popup-checkout .additional-addtocart-box li { list-style-type: none; } .map-popup .map-popup-checkout .paypal-logo { width: auto; } .map-popup .map-popup-checkout .paypal-logo a { display: inline-block; float: left; clear: left; } .map-popup .map-popup-checkout .paypal-logo .paypal-or { float: left; text-align: center; padding: 5px 15px; clear: left; } .map-popup .map-popup-checkout .paypal-logo:after { content: ''; display: table; clear: both; } .map-popup .map-popup-checkout .paypal-logo .bml_button a { clear: left; } @media only screen and (max-width: 479px) { .map-popup .map-popup-checkout { text-align: center; } .map-popup .map-popup-checkout .button, .map-popup .map-popup-checkout .additional-addtocart-box, .map-popup .map-popup-checkout .paypal-logo a, .map-popup .map-popup-checkout .paypal-logo .paypal-or { float: none; } .map-popup .map-popup-checkout .additional-addtocart-box { min-width: 0; } .map-popup .map-popup-checkout .paypal-logo .paypal-or { margin: 0; margin-bottom: 10px; } } .map-popup .map-popup-checkout:after { content: ''; display: table; clear: both; } .map-popup .map-popup-price { padding: 10px 0; } .map-popup .map-popup-price .price-box, .map-popup .map-popup-price .price-box .special-price { display: inline-block; margin: 0; padding: 0; } @media only screen and (max-width: 479px) { .map-popup .map-popup-price { text-align: center; padding-top: 0; } } .map-popup .map-popup-text { padding: 10px 0; margin: 0 10px; word-wrap: break-word; } .map-popup .map-popup-text, .map-popup .map-popup-only-text { border-top: 1px solid #EDEDED; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Catalog - Compare ============================================ */ .block-compare .product-name:after { content: ''; display: table; clear: both; } .compare-table .product-image { display: inline-block; } .compare-table .product-shop-row.top td { padding-bottom: 0; border-bottom: 0; } .compare-table .product-shop-row.bottom td { padding-top: 0; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Checkout - Layout ============================================ */ .checkout-cart-index .col-main { max-width: 1010px; margin: 0 auto; } .checkout-cart-index .col-main .breadcrumbs { margin: 6px 0 13px; } .checkout-cart-index .col-main .cart-empty p a { text-decoration: underline; } .cart-table { float: left; width: 60%; } .cart-forms, .cart-totals-wrapper { float: right; clear: right; width: 38%; max-width: 390px; background-color: #eeeeee; } .cart-forms { border-radius: 3px 3px 0 0; margin-top: 63px; } .cart-forms h6 { text-align: center; margin: 27px 0 15px; font-size: 18px; } .cart-totals-wrapper { border-radius: 0 0 3px 3px; margin-bottom: 80px; } .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { padding: 10px 30px; } .cart-table, .cart-totals, .cart-forms .shipping { margin-bottom: 15px; } .mobile-totals { display: none; text-transform: uppercase; text-align: center; font-size: 18px; padding: 19px 35px 20px 0; vertical-align: top; color: #000; } .mobile-totals span { margin-left: 25px; } @media only screen and (max-width: 700px) { .checkout-cart-index .display-single-price .cart-forms, .checkout-cart-index .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { width: 100%; max-width: 100%; } .checkout-cart-index .display-single-price .cart-forms h6, .checkout-cart-index .display-single-price .cart-totals-wrapper h6, .display-single-price .crosssell h6 { display: none; } } .display-both-prices .cart-table { float: none; width: 100%; } .display-both-prices .cart-forms { float: left; padding-right: 10px; padding-left: 0; } .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { padding-left: 10px; } .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { width: 50%; margin: 0; background: #fff; } .display-both-prices .crosssell { clear: right; float: right; } .display-both-prices .cart-totals, .display-both-prices .cart-forms .discount, .display-both-prices .cart-forms .giftcard, .display-both-prices .cart-forms .shipping { padding: 10px; background: #fff; } @media only screen and (max-width: 979px) { .display-single-price .cart-table { float: none; width: 100%; } .display-single-price .cart-forms { float: left; padding-right: 10px; padding-left: 0; } .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { padding-left: 10px; } .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { width: 50%; margin: 0; background: #fff; } .display-single-price .crosssell { clear: right; float: right; } .display-single-price .cart-totals, .display-single-price .cart-forms .discount, .display-single-price .cart-forms .giftcard, .display-single-price .cart-forms .shipping { padding: 10px; background: #fff; } } @media only screen and (max-width: 599px) { .main-container { padding: 0px 10px; } .product-cart-sku { display: none; } .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell, .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { padding-top: 0; padding-left: 0; padding-right: 0; float: none; width: 100%; } .mobile-totals { display: block; } } /* ============================================ * Checkout - Cart ============================================ */ .cart .page-title { margin-bottom: 15px; } .cart .page-title:after { content: ''; display: table; clear: both; } .cart .page-title h1 { margin: 0; margin-bottom: 0.5em; color: #000; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 47px; font-weight: 400; font-style: normal; line-height: 47px; text-rendering: optimizeLegibility; text-transform: uppercase; text-align: center; border-bottom: none; margin-bottom: 6px; margin-right: 10px; height: 62px; } .cart-totals .checkout-types { text-align: center; max-width: 100%; /* We always want this shipping method to display on its own line */ } .cart-totals .checkout-types li { vertical-align: top; margin: 0 0 5px 5px; } .cart-totals .checkout-types li:after { content: ''; display: table; clear: both; } .cart-totals .checkout-types li img { display: inline; vertical-align: top; } .cart-totals .checkout-types li:first-child { margin-left: 0; } .cart-totals .checkout-types .method-checkout-cart-methods-multishipping { display: block; } .cart-totals .checkout-types.top li { display: inline-block; } .cart-totals .checkout-types.top .bml_button { display: inline-block; vertical-align: top; } .cart-totals .checkout-types.top .bml_button img { display: block; } .cart-totals .checkout-types.bottom .paypal-logo a, .cart-totals .checkout-types.minicart .paypal-logo a { display: block; } .cart-totals .checkout-types.bottom .paypal-or, .cart-totals .checkout-types.minicart .paypal-or { margin: 0; width: 150px; display: block; text-align: center; float: right; } .cart-totals .checkout-types .btn-checkout { margin-bottom: 7px; width: 100%; padding: 19px 25px 16px 26px; } .checkout-types.top { text-align: center; } @media only screen and (min-width: 670px) { .checkout-types.top button.button { min-width: 330px; padding: 19px 25px 16px 26px; } } @media only screen and (max-width: 770px) { .checkout-types { float: none; text-align: center; } .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or { width: auto; float: none; } .checkout-types li { float: none; width: 100%; margin-left: 0; } .btn-checkout { width: 100%; } } .cart-table { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; margin-top: 63px; margin-bottom: 80px; } .cart-table thead { display: none; } .cart-table th, .cart-table td, .cart-table tbody td { border-bottom: none; vertical-align: top; } .cart-table h2 { color: #000; font-size: 14px; margin-bottom: 0; text-transform: none; } .cart-table h2.downloadable { margin-bottom: 5px; } .cart-table thead th, .cart-table tbody td { background-color: transparent; padding: 15px 5px 10px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; } .cart-table .btn-remove { font-family: "everlast"; font-size: 22px; color: #898989; text-indent: 0; background: none; top: 14px; } .cart-table .btn-remove:hover { text-decoration: none; color: #000; } .cart-table .product-cart-info, .cart-table .product-cart-actions { padding-left: 15px; } .cart-table tfoot tr { background: none; } .cart-table tfoot tr > td:after { content: ''; display: table; clear: both; } .cart-table span.or { font-size: 9px; padding: 0 5px; text-transform: uppercase; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; } .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove, .cart-table .product-cart-actions .button { display: none; } .cart-table .product-cart-image { padding: 0; width: 112px; } .cart-table .product-cart-image a { width: 112px; } .cart-table .product-cart-image a img { width: 100%; height: 100px; } .cart-table .product-cart-image a.cart-edit { display: none; } .cart-table .product-image { border: 1px solid #fff; } .cart-table .product-image:hover { border: 1px solid #979797; } .cart-table .product-cart-sku { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; font-size: 12px; margin: 5px 0 12px; } .cart-table .product-cart-sku .label { font-weight: 600; } .cart-table .btn-empty { float: left; } .cart-table .product-cart-total, .cart-table .product-cart-price { text-align: center; } .cart-table .product-cart-total .price, .cart-table .product-cart-price .price { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; } .cart-table .by-icon { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; padding: 0 5px 0 4px; } .cart-table .cart-tax-total { position: relative; cursor: pointer; } .cart-table .cart-tax-total:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #000; border-left: none; position: absolute; top: 3px; right: -11px; } .cart-table .cart-tax-total.cart-tax-total-expanded:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #000; border-bottom: none; right: -15px; top: 6px; } .cart-table .cart-links > li { white-space: nowrap; line-height: 1.3; margin-bottom: 5px; min-width: 65px; font-size: 13px; } .cart-table .cart-links > li > a { display: block; } .cart-table .cart-links > li:last-child { margin-bottom: 0; } .cart-table .product-cart-actions { min-width: 60px; text-align: center; } .cart-table .product-cart-actions .qty { height: 30px; border-color: #CCCCCC; border-radius: 0; margin-bottom: 10px; text-align: center; width: 3em; } .cart-table .product-cart-actions .button { margin-bottom: 5px; } .cart-table tbody td .item-options { margin: 0; content: ""; display: table; clear: both; } .cart-table tbody td .item-options dd { padding-left: 0; } .cart-table tbody td .item-options dd:before { content: ","; margin-right: 5px; } .cart-table tbody td .item-options dd:first-child { padding-left: 0; } .cart-table tbody td .item-options dd:first-child:before { content: ""; margin-right: 0; } @media only screen and (max-width: 770px) { .cart-table th { font-size: 12px; } .cart-table th, .cart-table td { padding: 7px 6px; } .cart-table .product-cart-actions > li { white-space: inherit; } } @media only screen and (max-width: 699px) { .display-both-prices .cart-table thead th.cart-total-head, .display-both-prices .cart-table td.product-cart-total { display: none; } } @media only screen and (max-width: 599px) { .cart .page-title h1 { font-size: 28px; height: 34px; margin-bottom: 28px; margin-top: 20px; } .cart-table { margin-bottom: 0; margin-top: 45px; } .cart-table colgroup, .cart-table thead { display: none; } .cart-table tr { display: block; margin-bottom: 10px; padding-bottom: 10px; overflow: hidden; position: relative; width: 100%; } .cart-table tr:after { content: ''; display: table; clear: both; } .cart-table tr:last-child { margin-bottom: 0; } .cart-table tfoot tr { padding-bottom: 0; } .cart-table tbody td { padding: 0 5px; } .cart-table td { border: none; display: block; } .cart-table td[data-rwd-label] { padding-left: 15px; margin-bottom: 6px; } .cart-table td[data-rwd-label] .price { font-weight: normal; } .cart-table td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; padding-right: 5px; text-transform: uppercase; } .cart-table td.product-cart-price { text-align: left; } .cart-table h2 { font-size: 14px; } .cart-table .cart-links { padding-top: 5px; padding-right: 5px; } .cart-table .cart-links > li { white-space: normal; text-align: center; } .cart-table .cart-links > li > a { padding: 2px 0; } .cart-table .cart-tax-info { font-style: italic; padding-left: 15px; font-size: 13px; } .cart-table .cart-tax-info .price { font-size: 13px; } .cart-table .product-cart-image { width: 25%; float: left; padding-bottom: 0; } .cart-table .product-cart-image a.cart-edit { display: block; font-size: 16px; text-align: center; text-transform: uppercase; } .cart-table .product-cart-info, .cart-table td[data-rwd-label] { float: right; width: 75%; } .cart-table .product-cart-actions { padding-bottom: 0; padding-top: 0; float: right; } .cart-table .product-cart-total, .cart-table .product-cart-remove, .cart-table .btn-continue, .cart-table .product-cart-actions .cart-links { display: none; } .cart-table .btn-update, .cart-table .btn-continue { width: 100%; } .cart-table .btn-continue { margin-bottom: 15px; } .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove { display: block; } .cart-table .product-cart-image a { width: 100%; } .cart-table .product-cart-image a img { width: 100%; height: 100%; } .cart-table .product-cart-actions .button { display: none; } .cart-table .product-cart-info .btn-remove { float: right; margin: -4px 0 2px 7px; } .cart-table .product-cart-info .product-cart-sku { margin-bottom: 5px; } .cart-table .product-cart-actions { text-align: left; } .cart-table .product-cart-actions .qty { margin-right: 7px; margin-bottom: 7px; } .cart-table .price, .cart-table .product-cart-price:before { font-weight: 500; font-size: 15px; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .cart-table .cart-footer-actions { text-align: center; width: 100%; } .cart-table .cart-footer-actions #empty_cart_button { float: right; } .cart-table .cart-footer-actions .btn-continue { float: left; } .cart-table .cart-footer-actions span.or { display: none; } .display-both-prices .cart-table td[data-rwd-tax-label]:before { content: attr(data-rwd-tax-label) ":"; } .display-single-price .cart-totals, .display-single-price .cart-forms .discount, .display-single-price .cart-forms .giftcard, .display-single-price .cart-forms .shipping { padding: 8px 10px; } } @media only screen and (max-width: 599px) { .cart .page-title h1 { margin-bottom: 8px; } } /* ============================================ * Checkout - Estimate Shipping and Tax ============================================ */ .shipping h2 { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; font-weight: 400; text-align: left; text-transform: uppercase; line-height: 1.5; min-width: 105px; width: 100%; background: #fff; border-radius: 2px; padding: 13px 15px 9px; position: relative; cursor: pointer; margin-bottom: 0; } .shipping h2:after { content: 'h'; position: absolute; text-transform: lowercase; font-family: "everlast"; font-size: 20px; top: 9px; right: 12px; margin-right: 1px; color: #898989; -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; } .shipping h2.open-wrapper:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .shipping .shipping-form { max-height: 0; overflow: hidden; background: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .shipping .shipping-form .buttons-set button { margin: 0 0 10px 0; float: left; } .shipping .shipping-form.open-wrapper { max-height: 50em; } .shipping select { max-width: 100%; height: 30px; display: block; border: 1px solid #CCCCCC; } .shipping select.validation-failed { border-color: #d45151; } .shipping .shipping-desc { display: none; } .shipping .buttons-set { border: none; margin: 0; padding: 0; } .shipping .form-list:after { content: ''; display: table; clear: both; } .shipping .form-list li { float: left; margin: 5px 2% 10px 0; width: 100%; padding: 5px 15px 0; } .shipping .form-list li.buttons-set { float: none; text-align: left; } .shipping .form-list .shipping-postcode { margin-right: 0; } .shipping .form-list .shipping-postcode input { margin-top: 4px; } .shipping .form-list .input-box { padding-top: 0; } .shipping .form-list input { margin-top: 4px; } .shipping .form-list label { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 13px; font-weight: 400; text-transform: uppercase; } .shipping .sp-methods { padding: 10px 0 0; text-align: left; } .shipping .sp-methods dd { margin-bottom: 10px; } .shipping .sp-methods label { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; font-style: italic; min-width: 100px; } .shipping .sp-methods label span { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-weight: bold; font-style: normal; } .shipping #co-shipping-method-form .buttons-set .button { float: left; margin-left: 0; } .shipping #co-shipping-method-form .sp-methods dd label { border: 1px solid #CCCCCC; background-color: #e2e2e2; min-width: 220px; } .shipping #co-shipping-method-form .sp-methods dd label:hover { background-color: #d6d6d6; } .data-table .cart-footer-actions { padding-top: 58px; } .data-table .cart-footer-actions .button { height: 45px; font-size: 11px; padding: 11px 32px 15px 24px; } .data-table .cart-footer-actions .btn-continue { float: left; } .data-table .cart-footer-actions .btn-continue span span:before { content: 'f'; text-transform: lowercase; font-family: "everlast"; font-size: 20px; color: #fff; top: 8px; position: relative; margin-right: 6px; } .data-table .cart-footer-actions .btn-update { float: right; } .data-table .cart-footer-actions .btn-update span span:before { content: 'n'; text-transform: lowercase; font-family: "everlast"; font-size: 20px; color: #fff; top: 8px; position: relative; margin-right: 5px; } .data-table .cart-footer-actions .button2.btn-update { display: none; } @media only screen and (max-width: 770px) { .shipping .shipping-form .form-list > li { width: 100%; float: none; } .shipping .shipping-form .form-list > li label { display: block; } .shipping .shipping-form .form-list > li input, .shipping .shipping-form .form-list > li select { width: 100%; } } .cart .cart-totals { text-align: right; margin-bottom: 6px; } .cart .cart-totals:after { content: ''; display: table; clear: both; } .cart .cart-totals table { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 14px; margin-bottom: 29px; text-transform: capitalize; width: 100%; color: #717073; } .cart .cart-totals table td { padding: 2px 35px 2px 0; } .cart .cart-totals table td:first-child { padding-right: 10px; min-width: 120px; } .cart .cart-totals table tbody tr:last-child td, .cart .cart-totals table tbody tr:last-child th { padding-bottom: 10px; } .cart .cart-totals table tfoot td { text-transform: uppercase; font-size: 18px; padding: 19px 35px 2px 0; vertical-align: top; width: 50%; color: #000; } .cart .cart-totals table tfoot strong span, .cart .cart-totals table tfoot span.price { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .cart .cart-totals table tfoot strong { font-weight: 400; } @media only screen and (max-width: 600px) { .cart-totals { text-align: right; } .cart .cart-totals table tfoot td { padding: 11px 35px 1px 0; } } @media only screen and (max-width: 770px) { .cart .cart-totals table tfoot td { font-size: 18px; } } .discount-form:after, #giftcard-form:after { content: ''; display: table; clear: both; } #discount-coupon-form, .cart .giftcard { width: 100%; } #discount-coupon-form h2, .cart .giftcard h2 { display: none; } #discount-coupon-form label, .cart .giftcard label { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; font-weight: 400; text-align: left; text-transform: uppercase; min-width: 105px; width: 100%; background: #fff; border-radius: 2px; padding: 13px 15px 9px; position: relative; cursor: pointer; color: #000; } #discount-coupon-form label:after, .cart .giftcard label:after { content: 'h'; position: absolute; text-transform: lowercase; font-family: "everlast"; font-size: 20px; top: 9px; right: 12px; margin-right: 1px; color: #898989; -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; } #discount-coupon-form label.open-wrapper:after, .cart .giftcard label.open-wrapper:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #discount-coupon-form .field-wrapper, .cart .giftcard .field-wrapper { position: relative; padding: 0 15px; max-height: 0; overflow: hidden; background: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #discount-coupon-form .field-wrapper.open-wrapper, .cart .giftcard .field-wrapper.open-wrapper { max-height: 50em; } #discount-coupon-form .field-wrapper .validation-advice, .cart .giftcard .field-wrapper .validation-advice { position: absolute; top: -7px; } #discount-coupon-form .button-wrapper, .cart .giftcard .button-wrapper { float: left; margin-top: 5px; } #discount-coupon-form .button-wrapper > button, .cart .giftcard .button-wrapper > button { float: left; margin-left: 10px; margin-bottom: 15px; } #discount-coupon-form .button-wrapper > button:first-child, .cart .giftcard .button-wrapper > button:first-child { margin-left: 0; } #discount-coupon-form .button-wrapper > button span, #discount-coupon-form .button-wrapper > button span span, .cart .giftcard .button-wrapper > button span, .cart .giftcard .button-wrapper > button span span { line-height: 14px; height: 14px; color: #fff; font-size: 11px; text-decoration: none; } #discount-coupon-form .input-text, .cart .giftcard .input-text { border-radius: 0; height: 40px; margin: 20px 0 10px 0; width: 100%; vertical-align: top; } .cart .giftcard p { margin-bottom: 7px; } .cart .giftcard .check-gc-status { float: left; padding: 0; } .cart .giftcard .check-gc-status > span > span { font-size: 14px; text-transform: none; } /* ============================================ * Checkout - Cart Cross sell ============================================ */ .crosssell h2 { color: #3399CC; } .crosssell #crosssell-products-list .button, .crosssell #crosssell-products-list .add-to-links { display: none; } /* Change the layout to 2 columns at a breakpoint that is higher than a 3 columns layout would normally break */ @media only screen and (max-width: 979px) { .crosssell .products-grid > li:nth-child(even), .crosssell .products-grid > li:nth-child(3n), .crosssell .products-grid > li { width: 47.7273%; margin-right: 4.5455%; } .crosssell .products-grid > li:nth-child(odd) { clear: left; } .crosssell .products-grid > li:nth-child(even) { margin-right: 0; } .crosssell .products-grid > li:nth-child(3n+1) { clear: none; } } @media only screen and (max-width: 320px) { .crosssell ul .item { padding: 0 0 40px; } .crosssell ul .product-details .crosssell-actions { padding: 0 5px; } } #co-shipping-method-form { padding: 0 15px; } img.ampromo-label { max-width: 50px; } .catalog-product-view img.ampromo-label { display: none; } #ampromo-overlay .close { position: absolute; top: 7px; right: 13px; background: url("../images/amasty/ampromo/promo-icons.png") no-repeat -3px 0 !important; width: 19px; height: 19px; z-index: 1; margin: 0; padding: 0; font-size: 0; display: block; opacity: .8; } .ampromo-carousel-control { position: absolute; top: 260px; font-size: 0; display: none; } .ampromo-carousel-control.carousel-disabled.prev { background-position: -35px -2px !important; } .ampromo-carousel-control.amcarousel-disabled.next { background-position: -22px -2px !important; } .ampromo-carousel-control.prev { background: url("../images/amasty/ampromo/promo-icons.png") no-repeat -35px -2px; width: 11px; height: 19px; left: 20px; } .ampromo-carousel-control.next { background: url("../images/amasty/ampromo/promo-icons.png") no-repeat -22px -2px; width: 11px; height: 19px; right: 20px; } .ampromo-carousel-control.prev:hover { background-position: -35px -2px; } .ampromo-carousel-control.next:hover { background-position: -22px -2px; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Checkout - One Page ============================================ */ @media only screen and (min-width: 501px) { .checkout-onepage-index header { min-height: 86px; } } .checkout-onepage-index #checkoutSteps .select-custom { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .checkout-onepage-index .skip-link.skip-account, .checkout-onepage-index .lhn_help_btn, .checkout-onepage-index .share-buttons, .checkout-onepage-index #header-nav, .checkout-onepage-index .page-header-container > .input-box.select-container { display: none; } .checkout-onepage-index h2.checkout-title { text-align: center; margin-top: 62px; width: 100%; } @media only screen and (max-width: 770px) { .checkout-onepage-index h2.checkout-title { top: 2px; margin-top: 16px; } } @media only screen and (max-width: 500px) { .checkout-onepage-index h2.checkout-title { font-size: 11px; font-family: "TradeGothicLTStd-BoldExt", "Helvetica Neue", Verdana, Arial, sans-serif; height: 27px; line-height: 27px; margin-top: 12px; margin-bottom: 23px; } } .checkout-onepage-index .top-container { max-width: 980px; margin-bottom: -21px; } @media only screen and (max-width: 500px) { .checkout-onepage-index .top-container { position: relative; } } .checkout-onepage-index .main-container { padding-top: 57px; max-width: 1135px; } @media only screen and (max-width: 770px) { .checkout-onepage-index .main-container { padding-top: 10px; } } @media only screen and (max-width: 599px) { .checkout-onepage-index .main-container { padding: 0 20px 20px; } } @media only screen and (max-width: 500px) { .checkout-onepage-index .main-container { padding: 0 20px 20px; } } .checkout-onepage-index .col-right { padding-top: 22px; } .checkout-onepage-index .skip-link.skip-nav { display: none; } .checkout-onepage-index .input-box { margin-bottom: 15px; } .checkout-onepage-index .pca .pcaautocomplete { box-shadow: none; border: none; } .checkout-onepage-index .pca .pcaautocomplete .pcalist { background: #fff; border: 1px solid #e7e7e7; box-shadow: 0 3px 0 0 #e7e7e7, 0 0 0 0; margin-top: -1px; border-radius: 0 0 3px 3px; } .checkout-onepage-index .pca .pcaautocomplete .pcaitem { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .checkout-onepage-index .pca .pcaautocomplete .pcaitem b { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; } .checkout-onepage-index .pca .pcaautocomplete .pcaselected { background: #f2f2f2; } .checkout-onepage-index .pca .pcanotification { box-shadow: none; border: 0; background: #fff; margin-top: 4px; padding-left: 0; } .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { display: none; } .checkout-onepage-index .col-main { width: 66.6%; margin: auto; } @media only screen and (max-width: 979px) { .checkout-onepage-index .col-main { width: 100%; padding-right: 0; } } @media only screen and (min-width: 980px) { .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { width: 26.9%; display: block; } .checkout-onepage-index .col-right { padding-left: 0; } } .opc select { width: 365px; } @media only screen and (max-width: 979px) { .checkout-onepage-index.opc-has-progressed-from-login .col-main { width: 100%; } } .checkout-onepage-index.opc-has-progressed-from-login .col-right { width: 31.5%; } /* -------------------------------------------- * Section Styling - Default */ .opc .section .step-title { width: 100%; position: relative; text-align: left; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .opc .section .step-title h2 { width: 100%; text-align: left; font-size: 28px; } .opc .section .step-title:after { content: ''; display: table; clear: both; } .opc .section.allow:not(.active) .step-title { cursor: pointer; } /* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */ .no-touch .opc .section.allow:not(.active) .step-title:hover { background-color: #eeeeee; } .opc .step-title { display: none; } @media only screen and (max-width: 500px) { .opc .section.active .step-title { display: block; } } .opc .section .step-title a { display: none; } .opc .section.allow:not(.active) .step-title a { display: block; float: right; line-height: 40px; height: 40px; padding: 0 10px; } .no-touch .opc .section .step-title a:hover { text-decoration: none; } .opc .section .step-title .number, .opc .section.allow.active .step-title .number, .no-touch .opc .section.allow:hover .step-title .number { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; text-align: center; color: #000; font-size: 28px; line-height: 26px; display: block; position: absolute; top: 50%; left: 10px; margin-top: -13px; } @media only screen and (max-width: 500px) { .opc .section .step-title .number, .opc .section.allow.active .step-title .number, .no-touch .opc .section.allow:hover .step-title .number { display: none; } } .opc .section.allow .step-title .number { background-color: gray; } .opc .section.allow .step-title h2 { color: #717073; } .opc .section.allow .step-title:hover h2, .opc .section.active .step-title h2 { color: #000; } .opc .section .step-title h2 { font-size: 27px; font-weight: 400; line-height: 40px; height: 40px; float: left; margin: 0 4px 0 50px; } .opc .section .step { padding: 23px 0px 23px 50px; } .opc .section .step:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 979px) { .opc .section .step { padding: 10px; } } #checkout-step-review #checkout-progress-wrapper { display: none; } .opc h3 { margin-bottom: 6px; } .opc .buttons-set { text-align: left; margin: 27px 0 0; } .opc .buttons-set button.button { float: left; margin-left: 0; margin-right: 10px; margin-bottom: 0; min-width: 98px; width: inherit; } .opc .buttons-set p.required { float: right; margin-left: 5px; margin-bottom: 0; } .opc .buttons-set .back-link { float: left; margin: 9px 40px 0 0; } .opc .buttons-set .back-link a { color: #fff; } .opc .buttons-set .back-link a:hover { text-decoration: none; } @media only screen and (max-width: 479px) { .opc .buttons-set .back-link { display: block; width: inherit; margin-right: 12px; } } @media only screen and (max-width: 479px) { .opc .buttons-set .button + .buttons-set .button, .paypal-express-review .buttons-set .button + .buttons-set .button { margin-left: 0; } } .opc #opc-login .step { padding: 0; } .opc #opc-login .buttons-set { border-top: 0; padding-top: 7px; } .opc #opc-login .login-btn { width: 100%; } .opc #opc-login .login-btn + h3 { display: none; } .opc #opc-login .form-list .f-left { color: #717073; } @media only screen and (min-width: 771px) { .opc #opc-login .form-list .f-left { position: absolute; right: 0; top: 18px; } } @media only screen and (min-width: 600px) { .opc #opc-login .login-btn { display: none; } .opc #opc-login .login-btn + h3 { display: block; } } @media only screen and (max-width: 767px) { .opc #opc-login .description, .opc #opc-login p.required { display: none; } } #opc-payment .note { padding: 10px; } #opc-payment .tool-tip img { max-width: 100%; } #opc-payment p.required { display: none; } /* -------------------------------------------- * This section hides everything but the "Checkout Method" step of the checkout process and fades in the content once the customer progresses to the next step. The purpose of this is to simplify what the customer has to focus on. It is limited to larger viewports since smaller devices are inherently going to be focused solely on the "Checkout Method" step. */ .opc #opc-login .control .radio-label { padding: 22px 0 15px 0 !important; margin: 0 auto; max-width: 286px; width: 100%; display: block; } .opc #opc-login .control .radio-label:before { display: none; } .opc #opc-login .col-1 .buttons-set { display: none; } .opc #opc-login .col-1 { margin-top: 43px; } .opc #opc-login .login-or { width: 100%; display: block; text-align: center; margin: 27px 0px 23px; } @media only screen and (max-width: 599px) { .opc #opc-login .login-or { display: none; } } .opc #opc-login .form-list > li { margin-bottom: 20px; } @media only screen and (max-width: 770px) { .opc #opc-login .col-1, .opc #opc-login .col-2 { float: left; width: 50%; padding: 20px; } .opc #opc-login .col-1 p.description, .opc #opc-login .col-2 p.description { display: block; } } @media only screen and (max-width: 599px) { .opc #opc-login .col-1, .opc #opc-login .col-2 { width: 100%; padding: 0; } .opc #opc-login .control { margin-bottom: 33px; } .opc #opc-login .control .radio-label { max-width: 100%; } } .opc .select-container input { margin-top: 15px; } .opc.opc-firststep-login .section:not(#opc-login) .step-title, .opc-block-progress-step-login { -webkit-transition: opacity 300ms linear 0; transition: opacity 300ms linear 0; } .opc.opc-firststep-login .section#opc-login .step-title .number { -webkit-transition: width 80ms linear 0; transition: width 80ms linear 0; } .opc.opc-firststep-login .section#opc-login .step-title h2 { -webkit-transition: margin-left 80ms linear 0; transition: margin-left 80ms linear 0; } /* When a user progresses from the "Checkout Method" to "Billing Information" for the first time, the */ /* "opc-has-progressed-from-login" class gets added to the body. Also, the .opc element will only have the */ /* "opc-firststep-login" class if the first step of the checkout is the "Checkout Method" (eg, not when logged in) */ body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title { opacity: 0; } body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number { width: 0; overflow: hidden; } body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 { margin-left: 0; } .opc .section.active .step-title { display: block; } @media only screen and (max-width: 770px) { .opc .section.active .step-title { margin-top: 30px; } } @media only screen and (max-width: 500px) { .opc .section.active .step-title { margin-bottom: 70px; } .opc .section.active .step-title .number { display: none; } .opc .section.active .step-title h2 { margin: 0; text-align: center; white-space: nowrap; } } .opc #opc-login .step-title { display: none; } @media only screen and (max-width: 599px) { .opc #opc-login .step-title { text-align: center; } .opc #opc-login .step-title h2 { float: none; text-align: center; } } /* -------------------------------------------- * Shipping and Payment methods */ .sp-methods { margin: 0 0 8px; } .sp-methods dt { margin: 13px 0 25px; font-weight: bold; } .sp-methods dt:first-child { margin: 0 0 5px; } .sp-methods dd li { margin: 17px 0; } @media only screen and (max-width: 368px) { .sp-methods dd li { margin: 27px 0; } .sp-methods dd li #advice-required-entry-ccsave_expiration_yr { max-width: 86px; } } .sp-methods label img { float: left; } .sp-methods label a { margin-top: 6px; float: right; margin-left: 10px; } .sp-methods .price { font-weight: bold; } .sp-methods .form-list { padding-left: 20px; } .sp-methods .form-list li { margin: 0 0 8px; } .sp-methods select.month { width: 120px; margin-right: 10px; } .sp-methods select.year { width: 96px; } .sp-methods input.cvv { width: 4.3em !important; } .sp-methods .checkmo-list li { margin: 0 0 5px; content: ''; display: table; clear: both; } .sp-methods .checkmo-list label { width: 165px; padding-right: 15px; text-align: right; float: left; } .sp-methods .checkmo-list address { float: left; } @media only screen and (max-width: 479px) { .sp-methods .checkmo-list { padding-left: 0; } .sp-methods .checkmo-list label { width: 135px; } } .sp-methods .release-amounts { margin: 0.5em 0; } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; } #checkout-step-shipping .form-list .control { margin-top: 6px; margin-bottom: 22px; } /* One Page Checkout */ .block-progress { border: 0; margin: 0; background: #eeeeee; padding: 26px 20px 26px 39px; } .block-progress .block-title { font-size: 18px; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; text-transform: uppercase; } .block-progress .block-content { font-size: 13px; } .block-progress dl > div { position: relative; counter-increment: step-counter; margin: 28px 0 0; } .block-progress dl > div dt:before { position: absolute; content: counter(step-counter); margin-right: 5px; color: #333333; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; top: 6px; left: 0; font-size: 11px; } .block-progress dl > div dt.complete:before { content: 'q'; font-family: "everlast"; text-transform: lowercase; font-size: 18px; font-size: 21px; top: 2px; } .block-progress dl > div .payment-info dt:before { display: none; } .block-progress dl > div dt + p { display: none; } .block-progress dl > div:first-child { margin-top: 18px; } .block-progress dt { padding: 6px 0 0 25px; margin-bottom: 6px; text-transform: uppercase; color: #333333; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; } .block-progress dt.complete { color: #000; } .block-progress dd { padding-left: 25px; margin-bottom: 10px; margin-top: 11px; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 14px; } .block-progress dd .edit-progress { text-transform: uppercase; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; display: block; margin-top: 12px; } .block-progress dd .edit-progress:hover { text-decoration: none; } .block-progress dd .edit-progress:after { text-transform: lowercase; content: 'e'; font-family: "everlast"; font-size: 21px; top: 9px; margin-left: 2px; position: relative; color: #aaa; } .block-progress #payment-progress-opcheckout .subtitle { margin-bottom: 3px; } .block-progress .payment-info dt { padding: 0; margin: 0 0 3px 0; color: #333333; font-family: Georgia, Times, "Times New Roman", serif; text-transform: none; font-style: italic; float: left; clear: both; font-size: 13px; } .block-progress .payment-info dt:after { content: ': '; } .block-progress .payment-info dd { float: left; margin-bottom: 3px; margin-top: 1px; padding-left: 5px; font-size: 13px; } .block-progress .payment-info:after { content: ''; display: table; clear: both; } /* review step */ #checkout-review-table .btn-remove img { display: none; } /* show/hide "change" link for progress step depend on complete status should be placed in .css file */ .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator { display: inline; } .opc-block-progress dt a, .opc-block-progress dt .separator { display: none; } /* On small screens, the progress review content will be moved to the review step via JS. Styled via this CSS: */ #checkout-step-review .opc-block-progress { border-left: none; padding-left: 0; } #checkout-step-review .opc-block-progress .block-title { display: none; } #checkout-step-review .opc-block-progress .block-content { display: block !important; padding: 0; } #checkout-step-review .opc-block-progress .block-content > dl > div { float: left; width: 50%; } @media only screen and (max-width: 479px) { #checkout-step-review .opc-block-progress .block-content > dl > div { float: none; width: auto; } } #checkout-step-review .opc-block-progress .block-content .changelink { display: none; } @media only screen and (max-width: 479px) { #checkout-review-table thead > tr > th { display: none; } #checkout-review-table thead > tr > th:first-child { display: block; } #checkout-review-table thead > tr > th:first-child { display: block; } } #checkout-step-review .centinel > p { margin-bottom: 10px; } #checkout-step-review .centinel iframe { width: 100%; min-height: 400px; } /* Gift options */ .gift-messages-form .item { content: ''; display: table; clear: both; margin-top: 30px; } .gift-messages-form .item h5 { font-weight: bold; } .gift-messages-form .item .product-img-box { width: auto; float: left; padding-right: 15px; } .gift-messages-form .item .details { float: left; } .gift-message-form .inner-box > div { content: ''; display: table; clear: both; width: 100%; margin-top: 15px; } .gift-message-form .inner-box > div.extra-options-container p { margin-bottom: 15px; } .gift-message-form .gift-wrapping-form label { margin-right: 10px; } .gift-message-form .gift-wrapping-form img { float: left; } .gift-message-form .gift-wrapping-form .gift-wrapping-design { height: 75px; } .gift-message-form .gift-wrapping-form .gift-wrapping-design:after { content: ''; display: table; clear: both; } .gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box { margin-right: 5px; } .gift-message-form .gift-item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #e6e6e6; } .gift-message-form .gift-item:after { content: ''; display: table; clear: both; } .gift-message-form .gift-item .product-img-box { width: 200px; } .gift-message-form .gift-item .product-img-box .product-image { width: 75px; margin-left: auto; margin-right: auto; } .gift-message-form .gift-item .product-img-box .product-name { display: block; } .gift-message-form .gift-item .fieldset { margin-left: 200px; } @media only screen and (max-width: 770px) { .gift-message-form .gift-item .product-img-box { width: 100%; float: none; } .gift-message-form .gift-item .fieldset { margin-left: 0; } .gift-message-form .gift-item .fieldset textarea { width: 100%; } } /* -------------------------------------------- * CHECKOUT PROGRESS BAR STYLES */ .checkout-progress-container { display: none; position: relative; text-align: justify; margin-top: 40px; } @media only screen and (max-width: 599px) { .checkout-progress-container { width: 90%; margin: 0 auto; } } @media only screen and (max-width: 500px) { .checkout-progress-container { position: absolute; top: 80px; left: 5%; } } .checkout-progress-container:after { content: ""; width: 100%; display: inline-block; } .checkout-progress-container .button { padding: 9px 11px 7px 12px; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 21px; height: 40px; width: 40px; text-indent: -9999px; line-height: 0; } .checkout-progress-container .button:before { content: "q"; position: absolute; display: block; font-family: "everlast"; font-size: 34px; text-indent: 0; text-transform: lowercase; line-height: 40px; top: 9px; left: 36px; } @media only screen and (max-width: 599px) { .checkout-progress-container .button:before { left: 3px; } } .checkout-progress-container .button:active { -webkit-transform: none; transform: none; box-shadow: 0 3px 0 0 #000, 0 0 0 0; } .checkout-progress-container .button.swaped { content: "" !important; } .checkout-progress-container .button.btn-white, .checkout-progress-container .button.btn-cart { text-indent: 0; line-height: initial; } .checkout-progress-container .button.btn-white:before, .checkout-progress-container .button.btn-cart:before { display: none; } .checkout-progress-container .button.btn-white:active { box-shadow: 0 3px 0 0 #e7e7e7, 0 0 0 0; } .checkout-progress-container .button.btn-cart:active { box-shadow: 0 1px 0 0 #e0b92b, 0 3px 0 0 #EBC305; } .checkout-progress-container p { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; font-size: 11px; line-height: 13px; margin-top: 21px; } @media only screen and (max-width: 770px) { .checkout-progress-container p { display: none; } } .checkout-progress-container .prog-step { position: relative; display: inline-block; text-align: center; width: 106px; z-index: 9; } @media only screen and (max-width: 599px) { .checkout-progress-container .prog-step { width: 40px; } .checkout-progress-container .prog-step .button:after { left: 3px; line-height: 40px; } } .checkout-progress-container .progress-bg, .checkout-progress-container .progress-bar { position: absolute; display: block; background: #CCCCCC; margin: 0 auto; height: 7px; width: 88%; top: 17px; left: 6%; z-index: 0; } .checkout-progress-container .progress-bar { background: #ffd200; width: 0; } .btn-white { background: #fff; color: #000; border: 1px solid #e7e7e7; box-shadow: 0 3px 0 0 #e7e7e7, 0 0 0 0; cursor: auto; } .btn-white:active, .btn-white:focus, .btn-white:hover { background: #fff; color: #000; box-shadow: 0 3px 0 0 #e7e7e7, 0 0 0 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); cursor: auto; } .btn-white.btn-cart { border: 0; } .opc-has-progressed-from-login.opc-login-step .checkout-progress-container { display: none; } .opc-has-progressed-from-login .checkout-progress-container, .is-logged-in .checkout-progress-container { display: block; } /* ============================================= REVIEW STEP STYLES ============================================== */ .checkout-onepage-index #co-shipping-method-form { padding: 0; } .checkout-onepage-index #co-shipping-method-form .sp-methods { margin-top: 20px; } .checkout-onepage-index .data-table th { background: #fff; border: 0; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; text-transform: capitalize; padding: 8px 0; } .checkout-onepage-index .data-table td { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .checkout-onepage-index .data-table tbody .price { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; } .checkout-onepage-index .data-table tbody .a-right { text-align: center; } .checkout-onepage-index .data-table .product-name { margin: 0; line-height: 21px; } .checkout-onepage-index .data-table .item-options { margin: 0; content: ""; display: table; clear: both; } .checkout-onepage-index .data-table .item-options dd { padding-left: 0; } .checkout-onepage-index .data-table .item-options dd .price { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .checkout-onepage-index .data-table .item-options dd:after { content: ","; margin-right: 5px; } .checkout-onepage-index .data-table .item-options dd:last-child:after { content: ""; margin-right: 0; } .checkout-onepage-index .data-table tfoot tr.last td, .checkout-onepage-index .data-table tfoot tr.last .price { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; text-transform: uppercase; font-size: 18px; padding-top: 24px; } .checkout-onepage-index #checkout-review-submit .btn-checkout { padding: 22px 54px 15px 57px; float: right; } @media only screen and (max-width: 599px) { .checkout-onepage-index .linearize-table thead, .checkout-onepage-index .linearize-table tbody td[data-rwd-label]:before { display: none; } .checkout-onepage-index .linearize-table td[data-rwd-label="Price"] { float: left; padding-left: 10px; padding-right: 8px; } .checkout-onepage-index .linearize-table td[data-rwd-label="Price"] .price { color: #000; } .checkout-onepage-index .linearize-table td[data-rwd-label="Price"]:after { content: "x"; margin-left: 3px; } .checkout-onepage-index .linearize-table td[data-rwd-label="Qty"] { float: left; padding-left: 0; } .checkout-onepage-index .linearize-table td[data-rwd-label="Subtotal"] { text-align: right; padding-bottom: 23px; } } @-moz-document url-prefix() { .checkout-progress-container .button:after { line-height: 27px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10-specific styles go here */ .checkout-progress-container .button:after { line-height: 27px !important; } } .order-review iframe { border: none !important; opacity: 0; } #customerbalance_available_amount .price { float: none; } #checkout-step-payment .select-container.disabled { opacity: 1; } .input-box.newsletter-signup { padding-top: 10px; padding-left: 3px; } .input-box.newsletter-signup input { cursor: pointer; margin-left: 0 !important; } .input-box.newsletter-signup label { text-transform: none; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 14px; letter-spacing: 0px; padding-left: 11px; cursor: pointer; } .radial-paypal-express-checkout-review .main-container { padding-top: 57px; max-width: 1135px; } .radial-paypal-express-checkout-review .page-title h1 { font-size: 47px; } .radial-paypal-express-checkout-review h2.legend { font-size: 24px; font-weight: 600; } .radial-paypal-express-checkout-review h2.legend .separator { color: #ffd200; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .radial-paypal-express-checkout-review .box-title { width: 190px; padding-right: 10px; float: left; } @media only screen and (max-width: 770px) { .radial-paypal-express-checkout-review .box-title { width: 100%; float: none; } } .radial-paypal-express-checkout-review .box-title h3 { font-size: 14px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-weight: bold; line-height: 1.5; } .radial-paypal-express-checkout-review .box-title h3 .separator { color: #ffd200; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .radial-paypal-express-checkout-review .box-content { float: left; width: 48%; } @media only screen and (max-width: 770px) { .radial-paypal-express-checkout-review .box-content { width: 100%; float: none; } } .radial-paypal-express-checkout-review .col2-set .box-last { width: 100%; } .radial-paypal-express-checkout-review .legend-last { margin-top: 35px; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Checkout - Success ============================================ */ .checkout-onepage-success .col-main { padding: 0; text-align: center; } .checkout-onepage-success .col-main .page-title h1 { line-height: 1; } .checkout-onepage-success .buttons-set { margin: 10px 0; text-align: center; } .checkout-onepage-success .buttons-set button { float: none; background-color: #FFD000; background-color: #FFD000; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFDD45), to(#FFD000)); background-image: -webkit-linear-gradient(top, #FFDD45, #FFD000); background-image: linear-gradient(to bottom, #FFDD45, #FFD000); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#FFDD45)', endColorstr='argb(#FFD000)', GradientType=0)"; background-repeat: repeat-x; box-shadow: 0 1px 0 0 #e0b92b, 0 3px 0 0 #EBC305; color: #000; } .checkout-onepage-success .buttons-set button:hover { background: #ffd200; } .checkout-onepage-success .col-main .share-buttons { margin-bottom: 40px; } .checkout-onepage-success .main-container { padding-bottom: 100px; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /** @category Mage @package ConfigurableSwatches */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .product-view .product-options .swatch-attr { float: none; display: block; clear: both; border: 0; } .product-view .product-options dt.swatch-attr label { display: block; line-height: 1.3; } /* General Swatch Styling */ .configurable-swatch-list { margin-left: -3px; zoom: 1; clear: both; } .configurable-swatch-list li { float: left; zoom: 1; margin: 0 0 0 3px; } #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47%; } .swatch-link img { border-radius: 3px; } .swatch-link, .swatch-label { display: block; border-radius: 3px; font-size: 14px; text-align: center; color: #666666; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #bbbbbb; margin: 0 0 3px; } #narrow-by-list dd .swatch-link { float: left; margin-right: 2px; padding: 0; } .currently .swatch-link { display: inline-block; margin: 0 0 0 10px; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #efefef; } .swatch-link:hover { cursor: pointer; } .currently .swatch-link:hover { cursor: default; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/bg_x.html) center no-repeat transparent; z-index: 10; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #e6e6e6; position: relative; } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } /* Image Swatches */ .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; filter: alpha(opacity=40); } /* Other Swatch States */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #44f; } .currently .swatch-link:hover { border-color: #bbbbbb; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #D91A00; padding: 2px 5px !important; font-weight: bold; color: #fff !important; float: left; display: block; border-radius: 3px; } /* CUSTOM */ .availability.out-of-stock span { color: #333; } .product-view .add-to-cart button.out-of-stock { background-position: -80px -362px; cursor: default; } .product-view .product-options dd .input-box { width: auto; height: auto; } .product-options .select-label { display: none; } .product-options dt.swatch-attr label, .product-options dt.swatch-attr .select-label { font-size: 12px; } .product-options dt.swatch-attr .select-label { display: inline; font-weight: normal; color: #00acb1; padding-left: 5px; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Customer ============================================ */ .account-login .registered-users button { background-color: #FFD000; background-image: linear-gradient(to bottom, #FFDD45, #FFD000); background-repeat: repeat-x; background-color: #FFD000; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFDD45), to(#FFD000)); background-image: -webkit-linear-gradient(top, #FFDD45, #FFD000); background-image: linear-gradient(to bottom, #FFDD45, #FFD000); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#FFDD45)', endColorstr='argb(#FFD000)', GradientType=0)"; box-shadow: 0 1px 0 0 #e0b92b, 0 3px 0 0 #EBC305; color: #000; } .account-login .page-title { display: none; } .account-login .fieldset p.required { display: none; } .account-login .content h2 { font-size: 42px; } .customer-account-login .scaffold-form label:first-child { width: 115px; white-space: nowrap; } .customer-account-login .col2-set .buttons-set { text-align: left; border-top: 0; } .customer-account-login .col2-set .buttons-set button, .customer-account-login .col2-set .buttons-set .button { float: none; min-width: 50%; margin: 0; } .customer-account-login .col2-set h2 { font-size: 22px; } .customer-account-login .col2-set .col-1 ul { list-style: disc; padding-left: 20px; margin: 10px 0 20px 0; } .customer-account-login .col2-set .col-1 .buttons-set .button { background-color: #FFD000; background-color: #FFD000; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFDD45), to(#FFD000)); background-image: -webkit-linear-gradient(top, #FFDD45, #FFD000); background-image: linear-gradient(to bottom, #FFDD45, #FFD000); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#FFDD45)', endColorstr='argb(#FFD000)', GradientType=0)"; background-repeat: repeat-x; box-shadow: 0 1px 0 0 #e0b92b, 0 3px 0 0 #EBC305; color: #000; } .customer-account-login .col2-set .col-1 .buttons-set .button:hover { background: #ffd200; } .customer-account-login .col2-set .col-2 .form-instructions { margin-bottom: 22px; } .customer-account-login .col2-set .col-2 p.required { display: none; } .customer-account-login .main { padding: 0 30px; max-width: 1056px; margin: 0 auto; margin-bottom: 102px; } @media only screen and (min-width: 771px) { .customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2 { padding-top: 0; margin-top: 20px; } .customer-account-login .col2-set .col-1 { padding-right: 20px; } .customer-account-login .col2-set .col-2 { padding-left: 20px; border-left: 1px solid #EDEDED; } } @media only screen and (min-width: 770px) { .customer-account-login .col2-set .col-1 { padding-right: 0; } .customer-account-login .col2-set .col-2 { padding-left: 60px; border-left: 1px solid #EDEDED; } } @media only screen and (max-width: 770px) { .customer-account-login .col2-set .col-1 { padding-bottom: 30px; } .customer-account-login .col2-set .col-2 { padding-top: 30px; border-top: 1px solid #EDEDED; } } @media only screen and (max-width: 770px) { .customer-account-login .col2-set p.required { display: none; } } .customer-account-create .scaffold-form label:first-child { width: 140px; } .customer-account-create .main { padding: 0 30px; max-width: 1056px; margin: 0 auto; margin-bottom: 122px; } .customer-account-create .fieldset p.required { display: none; } .customer-account-create label.required { white-space: nowrap; } .customer-account-create .fieldset p.required { display: none; } .customer-account-create .fieldset p.form-instructions { margin-bottom: 10px; } .customer-account-create .form-list > li { margin-bottom: 15px; } .customer-account-create .buttons-set button { float: none; background-color: #FFD000; background-color: #FFD000; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFDD45), to(#FFD000)); background-image: -webkit-linear-gradient(top, #FFDD45, #FFD000); background-image: linear-gradient(to bottom, #FFDD45, #FFD000); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#FFDD45)', endColorstr='argb(#FFD000)', GradientType=0)"; background-repeat: repeat-x; box-shadow: 0 1px 0 0 #e0b92b, 0 3px 0 0 #EBC305; color: #000; } .customer-account-create .buttons-set button:hover { background: #ffd200; } .opc #opc-login p:not(.required) { font-size: 14px; color: #000; margin-bottom: 28px; } .remember-me-box a.hide { display: none; } .remember-me-box .link-tip { font-size: 13px; padding-left: 10px; } .remember-me-popup { display: none; border: 1px solid #CCCCCC; padding: 10px; position: relative; } .remember-me-popup.show { display: block; } .remember-me-popup p { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .remember-me-popup .remember-me-popup-close { position: absolute; top: 0; right: 0; padding: 10px; font-size: 12px; } .remember-me-popup .remember-me-popup-close-button { display: none; } .customer-account-create .buttons-set { max-width: 455px; } .customer-account-create .fieldset, .customer-account-create .buttons-set { margin-left: 30px; } @media only screen and (max-width: 479px) { .customer-account-create .fieldset, .customer-account-create .buttons-set { margin-left: 0; } } .customer-account-create .fieldset .hidden { display: none; } .customer-account-create #remember-me-popup { max-width: 455px; } .customer-account-forgotpassword .main { width: 100%; max-width: 1056px; margin: 0 auto; margin-bottom: 122px; } .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { margin-left: 30px; max-width: 400px; } @media only screen and (max-width: 479px) { .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { margin-left: 0; } } .customer-account-forgotpassword .fieldset .input-box input.input-text { width: 100%; } .customer-account-forgotpassword .fieldset h2 { font-size: 22px; } .customer-account-forgotpassword .fieldset p.required { display: none; } /* ============================================ * My Account Global Styles ============================================ */ body.customer-account .main { padding: 0 30px; max-width: 1056px; margin: 0 auto; } body.customer-account .my-account { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } body.customer-account .my-account .select-custom { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } body.customer-account .my-account h2.sub-title, body.customer-account .my-account h2.box-title, body.customer-account .my-account h2.legend { font-size: 22px; } body.customer-account .my-account .page-title h1 { border: 0; text-align: left; margin-top: -15px; margin-bottom: -15px; } @media only screen and (max-width: 770px) { body.customer-account .my-account .page-title h1 { margin-bottom: -5px; } } body.customer-account .my-account .page-title h2 { font-size: 22px; } body.customer-account .my-account .title-buttons { position: relative; text-align: right; } body.customer-account .my-account .title-buttons h1 { text-align: left; } body.customer-account .my-account .title-buttons .button { position: absolute; right: 0; top: 12px; } body.customer-account .my-account .title-buttons a, body.customer-account .my-account .title-buttons span.separator { position: relative; top: -42px; } body.customer-account .my-account .fieldset h2, body.customer-account .my-account .addresses-list h2, body.customer-account .my-account .order-details h2 { width: 100%; display: inline-block; font-size: 24px; } body.customer-account .my-account .addresses-list h3 { font-size: 14px; font-weight: 600; } body.customer-account .my-account .fieldset { margin-top: 30px; margin-bottom: 30px; } body.customer-account .my-account .fieldset p.required { display: none; } body.customer-account .my-account .fieldset .input-box input.input-text#region { margin-top: 5px; } body.customer-account .my-account .welcome-msg { margin-top: -10px; } body.customer-account .my-account .pager { position: relative; } body.customer-account .my-account .pager .amount { margin-top: 9px; } body.customer-account .my-account .pager .limiter > label { float: left; line-height: 40px; } body.customer-account .my-account .my-rewards h2 a { top: 1px; } body.customer-account .my-account .custom-shiv span:after { top: -1px; } body.customer-account .data-table { margin-top: 5px; font-size: 11px; } body.customer-account .data-table td a { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; font-style: normal; font-size: 11px; } body.customer-account .data-table th { padding-right: 14px; padding-left: 14px; } body.customer-account .data-table.orders th.total { text-align: right; } body.customer-account .sidebar .block ol#compare-items li { margin: 10px 0; } body.customer-account .sidebar .block .block-content p.block-subtitle { margin-bottom: 15px; } body.customer-account .sidebar .block .block-content .actions { margin-top: 30px; padding-left: 0; } body.customer-account .sidebar .block .block-content .actions button { margin-top: 10px; margin-bottom: 5px; width: 100%; } body.customer-account .sidebar .block .block-content p.required, body.customer-account .sidebar .block .block-content .validation-advice { display: inline-block; margin-left: 25px; } body.customer-account .sidebar .block .block-title > strong:after { top: 5px; display: none; } @media only screen and (max-width: 770px) { body.customer-account .sidebar .block .block-content { border: none; } body.customer-account .sidebar .block .block-title > strong:first-child { padding-left: 10px; padding-bottom: 5px; } body.customer-account .sidebar .block .block-title:after { content: 'h'; position: absolute; text-transform: lowercase; font-family: "everlast"; font-size: 20px; top: 14px; right: 9px; margin-right: 1px; color: #898989; -webkit-transition: -webkit-transform 0.4s ease-out; transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; height: 11px; line-height: 20px; display: inline-block; } body.customer-account .sidebar .block .block-title.active { background: #eeeeee; border-radius: 3px 3px 0 0; } body.customer-account .sidebar .block .block-title.active > strong:first-child { padding-left: 10px; padding-bottom: 5px; } body.customer-account .sidebar .block .block-title.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } body.customer-account .sidebar .actions button { background-color: #FFD000; background-image: linear-gradient(to bottom, #FFDD45, #FFD000); background-repeat: repeat-x; background-color: #FFD000; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFDD45), to(#FFD000)); background-image: -webkit-linear-gradient(top, #FFDD45, #FFD000); background-image: linear-gradient(to bottom, #FFDD45, #FFD000); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#FFDD45)', endColorstr='argb(#FFD000)', GradientType=0)"; box-shadow: 0 1px 0 0 #e0b92b, 0 3px 0 0 #EBC305; color: #000; padding-top: 11px; } body.customer-account .sidebar .actions button:hover { background: #ffd200; color: #000; } body.customer-account .sidebar ol#cart-sidebar-reorder li { margin: 10px 0 0 0; } body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name { display: inline-block; margin-bottom: 0; } body.customer-account .sidebar .block-cart .summary { margin-bottom: 15px; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input { margin-right: 10px; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder label.checkbox-label { display: block; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name { display: inline; margin-bottom: 0; float: left; margin-left: 25px; } @media only screen and (max-width: 770px) { body.customer-account .sidebar .block-reorder .block-content { border: none; padding: 0; margin: 0 0 10px; } body.customer-account .sidebar .block-reorder .block-content .actions { padding-top: 15px; } } @media only screen and (max-width: 770px) { body.customer-account .page-header-container + #header-search { padding-left: 60px; padding-right: 60px; } body.customer-account .linearize-table-large tbody td[data-rwd-label] { padding-left: 10px; } } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day { width: 40px; float: left; margin-right: 10px; } .form-list .customer-dob .dob-year { width: 80px; float: left; } @-moz-document url-prefix() { body.customer-account .my-account .custom-shiv span:after { top: -3px; } } /* ============================================ * Dashboard ============================================ */ .dashboard .box-head { margin-top: 30px; border-bottom: 1px solid #CCCCCC; padding-bottom: 7px; } .dashboard .box-head h2 { font-size: 15px; font-weight: 600; display: inline-block; margin-bottom: 0; } .dashboard .box-head a { padding: 10px; } @media only screen and (max-width: 360px) { .dashboard .box-head h2 { line-height: 22px; } .dashboard .box-head a { display: block; position: relative; top: auto; left: 0; padding: 0; margin: 0; } } .dashboard .box-title a, .dashboard .box-head a { text-transform: uppercase; font-size: 12px; } .dashboard .box-account { padding-bottom: 20px; border-bottom: 1px solid #CCCCCC; margin-bottom: 45px; } .dashboard .box-account p, .dashboard .box-account address { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { padding-right: 12.0968%; padding-bottom: 0; } .dashboard .col2-set .col-1 .box-title, .dashboard .col2-set .col-2 .box-title { position: relative; padding-bottom: 10px; } .dashboard .col2-set .col-1 .box-title h2, .dashboard .col2-set .col-1 .box-title h3, .dashboard .col2-set .col-2 .box-title h2, .dashboard .col2-set .col-2 .box-title h3 { font-weight: 600; font-size: 14px; margin-bottom: 0; } .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { position: absolute; top: -1px; right: -35px; padding: 10px; line-height: 19.6px; font-style: italic; } @media only screen and (max-width: 599px) { .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { top: -11px; } } @media only screen and (min-width: 1199px) { .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { right: -90px; } } .dashboard .box-reviews { display: none; } .dashboard .box-reviews.box-account { padding-bottom: 0; } .dashboard .box-reviews li { padding: 10px 0; border-top: 1px solid #EDEDED; } .dashboard .box-reviews li:first-child { border-top: 0; } .dashboard .box-reviews li .number { margin-right: -20px; float: left; line-height: 1.4; font-size: 13px; } .dashboard .box-reviews li .details { margin-left: 20px; } .dashboard .box-reviews li .details .ratings { content: ''; display: table; clear: both; margin-bottom: 0; } .dashboard .box-reviews li .details .ratings strong { float: left; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 13px; margin-right: 5px; } .dashboard .box-reviews li .details .ratings .rating-box { float: left; margin: 3px 0 0 0; } /* ============================================ * Address Book ============================================ */ .my-account .addresses-list { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { padding-bottom: 0; } .my-account .addresses-list .col-1 h3, .my-account .addresses-list .col-2 h3 { font-size: 18px; } .my-account .addresses-list .item { margin: 0 0 30px 0; } .my-account .addresses-list .item p { margin-top: 10px; } .my-account .addresses-list .info-box { margin-bottom: 18px; } .my-account .addresses-list .info-box .box-content { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .my-account .addresses-list .empty p { margin-top: 0; } .my-account .addresses-list p a { font-style: italic; } @media only screen and (max-width: 770px) { .my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { width: 100%; padding-left: 0; padding-right: 0; } .my-account .addresses-list .col-1 li.empty, .my-account .addresses-list .col-2 li.empty { width: 100%; } } @media only screen and (max-width: 599px) { .my-account .addresses-list .addresses-additional p a { white-space: nowrap; } } /* ============================================ * Order View ============================================ */ .order-info { padding-bottom: 10px; border-bottom: 1px solid #EDEDED; width: 100%; margin-bottom: 30px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info dt { margin-right: 20px; } .order-info li { margin: 0 0 0 20px; } .order-info li.current { font-weight: 600; } .order-info li:first-child { margin-left: 0; } .order-date { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; } .order-info-box { margin-bottom: 40px; margin-top: 20px; } .order-info-box + .order-info-box { padding-bottom: 40px; border-bottom: 1px solid #EDEDED; } .order-info-box .col-1 { padding-right: 0; width: 48%; } .order-info-box .col-2 { width: 52%; } .order-info-box .col-1, .order-info-box .col-2 { overflow: hidden; padding-top: 0; padding-bottom: 0; } .order-info-box .box-title { width: 190px; padding-right: 10px; float: left; } .order-info-box .box-title h2 { font-size: 14px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-weight: bold; line-height: 1.5; } .order-info-box .box-title h2:after { content: ':'; } .order-info-box .box-content { float: left; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .order-info-box .box-content td, .order-info-box .box-content th { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; line-height: 1.3; } .order-info-box .box-content th { padding-top: 10px; } .order-info-box .box-content td { padding-left: 15px; } .order-info-box .box-content strong { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-weight: normal; text-transform: uppercase; } #my-orders-table .option-label { margin-left: 10px; font-weight: 600; font-style: italic; } #my-orders-table .option-value { margin-left: 20px; } #my-orders-table tr.bundle:not(:last-child) td { border-bottom: none; border-top: none; } #my-orders-table td.status { text-align: center; } ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } ol#cart-sidebar-reorder li input { margin-right: 10px; } ol#cart-sidebar-reorder p.product-name { display: inline; } @media only screen and (max-width: 599px) { #my-orders-table .option-label { margin-left: 20px; } #my-orders-table .option-value { margin-left: 35px; } #my-orders-table td[data-rwd-label=Qty] .nobr br { display: none; } #my-orders-table td[data-rwd-label=Qty] .nobr strong { margin-right: 10px; } #my-orders-table tr.bundle { border-color: #EDEDED; } #my-orders-table tr.bundle.child td[data-rwd-label] { padding-left: 60px; } #my-orders-table tbody:last-child tr:last-child td { padding-bottom: 10px; border-bottom: 0; } #my-orders-table tbody:last-child tr:last-child td:last-child { padding-bottom: 15px; } #my-orders-table tfoot tr.shipping { margin-top: 0; } } .order-additional { margin: 40px 0; } .order-gift-message dd { margin-top: 10px; } @media only screen and (max-width: 1199px) { .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { padding-right: 30px; padding-bottom: 0; } } @media only screen and (max-width: 979px) { body.customer-account .my-account .title-buttons { text-align: left; } body.customer-account .my-account .title-buttons span.separator, body.customer-account .my-account .title-buttons a { top: -12px; } .data-table span.nobr { white-space: normal; } .data-table span.nobr a { white-space: nowrap; } .data-table .separator { display: none; } .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { position: static; padding: 0; } } @media only screen and (max-width: 979px) { body.customer-account .data-table.orders th.ship, body.customer-account .data-table.orders td.ship { display: none; } .order-info-box .box-content { clear: left; } .addresses-list .item { padding-right: 30px; } .order-info dt { display: none; } .dashboard .page-title { margin-top: 20px; } .dashboard .page-title h1 { margin-top: 0; } .dashboard .welcome-msg { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .dashboard .welcome-msg .hello { font-style: italic; } .dashboard .box-account { padding-bottom: 15px; margin-bottom: 30px; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 48%; padding-right: 0; padding-left: 0; } .dashboard .col2-set .col-1 { float: left; margin-right: 4%; } .dashboard .col2-set .col-2 { float: right; } } @media only screen and (max-width: 1056px) { body.customer-account .data-table.orders th.ship, body.customer-account .data-table.orders td.ship { display: none; } } @media only screen and (max-width: 599px) { body.customer-account .my-account .form-list .control { padding-left: 0; } } @media only screen and (max-width: 551px) { .data-table.orders td.status, .data-table.orders th.status { display: none; } } @media only screen and (max-width: 382px) { body.customer-account .data-table th, body.customer-account .data-table td { padding-left: 7px; padding-right: 7px; } } @media only screen and (max-width: 479px) { body.customer-account .my-account .page-title h1 { line-height: 1; margin-top: 19px; } body.customer-account .my-account .title-buttons { text-align: center; } body.customer-account .my-account .title-buttons .button { width: 100%; position: static; margin-bottom: 15px; } body.customer-account .my-account .fieldset h2 { margin-bottom: 15px; } body.customer-account .my-account .order-details h2 { margin-bottom: 15px; } body.customer-account .my-account .buttons-set { border-top: 0; } body.customer-account .my-account .addresses-list .item { margin-bottom: 15px; padding-right: 0; float: none; width: auto; } body.customer-account .my-account .addresses-list h2 { margin-bottom: 15px; } .order-info { margin-top: 15px; } .data-table.orders .link-reorder, .data-table.orders .date { display: none; } .data-table.orders td.view { text-align: right; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 100%; margin-top: 15px; } .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { position: absolute; padding: 10px; } } @media only screen and (max-width: 479px) and (max-width: 479px) { .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { padding-right: 53px; padding-top: 19px; } } @media only screen and (max-width: 479px) and (max-width: 380px) { .dashboard .col2-set .col-1 .box-title h3, .dashboard .col2-set .col-2 .box-title h3 { line-height: 22px; } .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { display: block; position: relative; top: auto; left: 0; padding: 0; margin: 0; } } @media only screen and (max-width: 479px) { .order-info-box { margin: 0; } .order-info-box .col-1, .order-info-box .col-2 { width: 100%; border-bottom: 1px solid #EDEDED; padding: 15px 0; } .order-info-box + .order-info-box { padding-bottom: 0; border-bottom: 0; margin-bottom: 30px; } #my-reviews-table .nobr { white-space: normal; } } /* ============================================ * Newsletter Subscriptions ============================================ */ body.newsletter-manage-index .my-account .fieldset { margin-bottom: 20px; } body.newsletter-manage-index .my-account .fieldset h2 { display: none; } /* ============================================ * Items Ordered ============================================ */ body.customer-account .data-table { font-size: 13px; } body.customer-account .data-table th { background: #fff; border: 0; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; color: #777777; } body.customer-account .data-table td { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } body.customer-account .data-table td .total { text-align: right; } body.customer-account .data-table tbody .price { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; } body.customer-account .data-table tbody .total .price { float: right; } body.customer-account .data-table tbody .a-right { text-align: center; } body.customer-account .data-table .product-name { margin: 0; line-height: 21px; } body.customer-account .data-table .item-options { margin: 0; } body.customer-account .data-table .item-options dt { display: none; } body.customer-account .data-table .item-options dd { padding-left: 0; } body.customer-account .data-table .item-options dd:before { content: ","; margin-right: 5px; } body.customer-account .data-table .item-options dd:first-child:before { display: none; } body.customer-account .data-table tfoot tr.last td, body.customer-account .data-table tfoot tr.last .price { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; text-transform: uppercase; font-size: 18px; } body.customer-account .data-table td[data-rwd-label="Subtotal"] { text-align: right; } body.customer-account #checkout-review-submit .btn-checkout { padding: 22px 54px 15px 57px; float: right; } @media only screen and (max-width: 599px) { body.customer-account .linearize-table-large thead, body.customer-account .linearize-table-large tbody td[data-rwd-label]:before { display: none; } body.customer-account .linearize-table-large td[data-rwd-label="SKU"] { display: none; } body.customer-account .linearize-table-large td[data-rwd-label="Price"] { float: left; padding-left: 10px; padding-right: 8px; } body.customer-account .linearize-table-large td[data-rwd-label="Price"] .price { color: #000; } body.customer-account .linearize-table-large td[data-rwd-label="Price"]:after { content: "x"; margin-left: 3px; } body.customer-account .linearize-table-large td[data-rwd-label="Qty"] { float: left; padding-left: 0; } body.customer-account .linearize-table-large td[data-rwd-label="Subtotal"] { text-align: right; padding-bottom: 23px; } } /* ============================================ * Sales Order Form Styles ============================================ */ body.sales-guest-form form .input-box { max-width: 300px; } @media only screen and (max-width: 599px) { body.sales-guest-form form .input-box input, body.sales-guest-form form .input-box { width: 100%; max-width: 100%; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Contacts ============================================ */ .contacts-index-index .buttons-set { margin-left: 30px; max-width: 435px; } .contacts-index-index .buttons-set p.required { float: left; } @media only screen and (max-width: 599px) { .contacts-index-index .buttons-set { max-width: 330px; margin-left: 0; } .contacts-index-index .buttons-set button { float: left; margin-left: 0; } .contacts-index-index .buttons-set p.required { float: right; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * PayPal ============================================ */ @media only screen and (max-width: 870px) and (min-width: 771px) { .paypal-review-order .col2-set .col-1, .paypal-review-order .col2-set .col-2 { padding: 0; } } .paypal-review-order .info-set { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #EDEDED; } .paypal-review-order .buttons-set { margin-top: 0; padding-top: 0; border: 0; } .paypal-review-order .buttons-set button { margin-bottom: 10px; } @media only screen and (max-width: 770px) { .paypal-review-order .col-1 { padding-bottom: 0; } .paypal-review-order .field.inactive { display: none; } } .bml-ad { display: none; } .bml-ad.small img { margin: auto; max-width: 100%; } @media only screen and (max-width: 799px) { .bml-ad.small { display: block; } } @media only screen and (min-width: 800px) { .bml-ad.large { display: block; } } div.paypal-logo { text-align: center; margin: 15px 0; max-width: 100%; } div.paypal-logo span { display: block; width: 100%; } div.paypal-logo span a { display: inline-block; max-width: 100%; } div.paypal-logo span a img { max-width: 100%; } div.paypal-logo span > img { display: none; } .checkout-types div.paypal-logo { text-align: right; } .bml-checkout-type { list-style-type: none; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Review - Customer ============================================ */ #customer-reviews { width: auto; float: none; } #customer-reviews .review-heading { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 10px 0 5px; } #customer-reviews .review-heading:after { content: ''; display: table; clear: both; } #customer-reviews .review-heading h2 { float: left; display: block; } #customer-reviews .review-heading .pager { clear: none; float: right; width: auto; } #customer-reviews .review-heading .pager .count-container .limiter { margin-bottom: 0; } #customer-reviews .review-heading .pager .count-container .limiter label { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 10px; text-transform: uppercase; } #customer-reviews .review-heading .pager .amount { display: none; } #customer-reviews h2 { color: #3399CC; font-size: 12px; text-transform: uppercase; } #customer-reviews h2 span { color: #333333; } #customer-reviews h3 { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; } #customer-reviews h3 span { color: #3399CC; } #customer-reviews .fieldset { padding-top: 25px; width: 470px; } #customer-reviews .fieldset h4 { border-bottom: 1px solid #CCCCCC; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; padding-bottom: 5px; text-transform: uppercase; } #customer-reviews .fieldset h4 em { display: none; } #customer-reviews .fieldset .form-list { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; margin: 10px 0; text-transform: uppercase; width: 470px; } #customer-reviews .fieldset .form-list .inline-label:after { content: ''; display: table; clear: both; } #customer-reviews .fieldset .form-list label { font-size: 12px; font-weight: normal; } #customer-reviews .fieldset .form-list textarea { border: 1px solid #CCCCCC; border-radius: 0; min-width: 100%; -webkit-appearance: none; } #customer-reviews .fieldset .form-list input { border: 1px solid #CCCCCC; border-radius: 0; } #customer-reviews .fieldset .form-list input[type="text"] { width: 100%; } #customer-reviews .buttons-set { border: none; margin: 0; width: 470px; } #customer-reviews dl { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; margin-bottom: 10px; } #customer-reviews dl dt { margin: 10px 0; text-transform: uppercase; } #customer-reviews dl dd { font-family: Georgia, Times, "Times New Roman", serif; font-size: 14px; margin: 10px 0; } #customer-reviews dl dd .ratings-table { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; width: 100%; } #customer-reviews dl dd .ratings-table tr { float: left; margin-right: 15px; } #customer-reviews dl dd table { margin: 15px 0; } #customer-reviews dl dd .review-meta { color: #3399CC; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; text-transform: uppercase; } .review-summary-table { border-bottom: 1px solid #CCCCCC; margin: 0 0 10px; } .review-summary-table thead { background: transparent; } .review-summary-table thead th { background: transparent; border: none; padding: 15px 7px 10px 8px; } .review-summary-table tbody th { background: #FFFFFF; font-size: 12px; } .review-summary-table tbody td { border: none; text-align: center; padding: 0; } .review-summary-table tbody td label { width: 100%; display: block; padding: 11px 0; } .review-summary-table .rating-box .rating-number { display: none; } .review-summary-table .rating-box .rating-number:after { content: ""; display: inline-block; background-position: 0 -599px; width: 13px; height: 14px; margin-left: 5px; position: relative; top: 2px; } /* ============================================ * Ratings - Global ============================================ */ .ratings-table { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; text-transform: uppercase; } .ratings-table th { padding-right: 10px; } .ratings-table .rating-box { background-position: 0 -615px; background-repeat: repeat-x; height: 13px; overflow: hidden; text-indent: -9999px; width: 65px; } .ratings-table .rating-box .rating { background-position: 0 -600px; background-repeat: repeat-x; float: left; height: 13px; text-indent: -9999px; } @media only screen and (max-width: 770px) { body.review-product-list .product-view .product-shop .price-info { padding-left: 0; } body.review-product-list .product-view .product-shop .extra-info { padding: 0; min-width: 84%; } body.review-product-list .product-view .product-shop .extra-info .ratings-table { margin: 10px 0; width: 100%; } body.review-product-list .product-view .product-shop .extra-info .ratings-table tr { float: left; margin-right: 15px; } } @media only screen and (max-width: 535px) { body.review-product-list .product-view .product-shop .extra-info { min-width: 0; } body.review-product-list .product-view .product-shop .extra-info .ratings-table tr { float: none; margin-right: 0; } } @media only screen and (max-width: 520px) { #customer-reviews .fieldset { width: 100%; } #customer-reviews .fieldset .form-list { width: 100%; } #customer-reviews .fieldset .form-list .inline-label label, #customer-reviews .fieldset .form-list .inline-label .input-box { float: none; } #customer-reviews .buttons-set { width: 100%; } #customer-reviews .review-summary-table thead th { padding-left: 0; padding-right: 0; } #customer-reviews .review-summary-table tbody th { padding-left: 0; padding-right: 0; } #customer-reviews .review-summary-table tbody td { width: 20%; padding: 0; } #customer-reviews .review-summary-table .rating-box { text-indent: 0; text-align: center; background: none; height: 19.6px; width: 100%; } #customer-reviews .review-summary-table .rating-box .rating { display: none; } #customer-reviews .review-summary-table .rating-box .rating-number { display: inline-block; } } @media only screen and (max-width: 450px) { #customer-reviews dl dd .ratings-table tr { float: none; } } /* ============================================ * Review View Page ============================================ */ .review-product-view .product-review .product-details h2 { border-bottom: none; } .review-product-view .product-review .product-img-box { width: auto; max-width: 50%; } .review-product-view .product-review .product-img-box > a { width: 100%; } .review-product-view .product-review .product-img-box .product-image { width: 100%; } @media only screen and (max-width: 770px) { .review-product-view .product-review .product-img-box { max-width: 100%; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Slideshow ============================================ */ .slideshow-container { position: relative; display: block; width: 100%; margin: 10px 0; border: 1px solid #EDEDED; } .slideshow-container .slideshow { width: 100%; padding: 0; position: relative; margin: 0; border: 10px solid #FFFFFF; } .slideshow-container .slideshow > li { position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block; margin: 0; } .slideshow-container .slideshow > li:first-child { position: static; z-index: 100; } .slideshow-container .slideshow > li img { max-width: 100%; width: 100%; } .slideshow-pager { text-align: center; width: 100%; z-index: 115; position: absolute; bottom: 0; top: auto; overflow: hidden; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .slideshow-pager span { font-family: arial; width: 44px; height: 44px; display: inline-block; color: #DDDDDD; cursor: pointer; } .slideshow-pager span:before { content: ''; display: block; width: 16px; height: 16px; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; border-radius: 1px; background-color: #FFFFFF; position: relative; } .slideshow-pager span:hover:before { background-color: black; } .slideshow-pager span.cycle-pager-active:before { background-color: black; } .slideshow-pager > * { cursor: pointer; } .slideshow-prev, .slideshow-next { position: absolute; top: 0; width: 15%; max-width: 80px; height: 100%; opacity: 0.6; z-index: 110; cursor: pointer; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .slideshow-prev:before, .slideshow-next:before { content: ''; width: 0; height: 0; font-size: 0; position: absolute; border-style: solid; display: block; top: 50%; margin-top: -15px; } .slideshow-prev:hover, .slideshow-next:hover { opacity: 1; } .slideshow-prev.disabled, .slideshow-next.disabled { opacity: 0.5; filter: "alpha(opacity=50)"; cursor: default; } .slideshow-prev { left: 8px; } .slideshow-prev:before { border-width: 15px 15px 15px 0; border-color: transparent #FFFFFF transparent transparent; top: 50%; left: 10px; } .slideshow-prev:hover:before { border-color: transparent black transparent transparent; } .slideshow-next { right: 8px; } .slideshow-next:before { border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #FFFFFF; top: 50%; right: 10px; } .slideshow-next:hover:before { border-color: transparent transparent transparent black; } .cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 110; } .cycle-overlay { font-family: tahoma, arial; position: absolute; bottom: 0; width: 100%; z-index: 120; background: black; color: white; padding: 15px; opacity: .5; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Wishlist ============================================ */ #wishlist-table th { text-align: center; } #wishlist-table tr.offline_only { border-left: 4px #ffd200 solid; } #wishlist-table.clean-table { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; text-transform: uppercase; width: 100%; } #wishlist-table.clean-table th { border-bottom: 1px solid #eeeeee; } #wishlist-table.clean-table td { padding: 15px; vertical-align: top; } #wishlist-table.clean-table thead th { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; text-transform: uppercase; } #wishlist-table .product-name { font-size: 16px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; margin-bottom: 0; text-transform: uppercase; } #wishlist-table .product-name a { color: #000; } #wishlist-table .wishlist-sku { font-size: 11px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; margin: 5px 0; } #wishlist-table textarea { border: 1px solid #CCCCCC; width: 100%; height: 45px; font-size: 11px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; resize: vertical; } #wishlist-table textarea::-webkit-input-placeholder { text-transform: uppercase; } #wishlist-table textarea:-moz-placeholder { text-transform: uppercase; } #wishlist-table textarea::-moz-placeholder { text-transform: uppercase; } #wishlist-table textarea:-ms-input-placeholder { text-transform: uppercase; } #wishlist-table textarea:focus { border: 1px solid #DEDEDE; } #wishlist-table .item-manage { text-align: right; max-width: 450px; padding-top: 5px; } #wishlist-table .item-manage .button { color: #FFFFFF; font-size: 11px; padding: 7px 12px 3px; width: 100%; } #wishlist-table .cart-cell { text-align: center; } #wishlist-table td { border-bottom: solid 1px #eeeeee; } #wishlist-table td.customer-wishlist-item-image { width: 113px; padding-left: 10px; } #wishlist-table td.customer-wishlist-item-quantity { width: 3em; } #wishlist-table td.customer-wishlist-item-price { width: 120px; text-align: center; } #wishlist-table td.customer-wishlist-item-cart { width: 150px; } #wishlist-table td.customer-wishlist-item-cart .button { font-size: 12px; margin-bottom: 10px; padding: 7px 12px 3px; width: 100%; } @media only screen and (max-width: 599px) { #wishlist-table td.customer-wishlist-item-cart .button { font-size: 10px; } } #wishlist-table td.customer-wishlist-item-cart .truncated { margin-bottom: 10px; } #wishlist-table td.customer-wishlist-item-cart > p { margin-bottom: 0; } #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item { text-align: center; } #wishlist-table td.customer-wishlist-item-cart .btn-remove { vertical-align: top; } #wishlist-table td.customer-wishlist-item-remove { width: 20px; position: relative; } #wishlist-table td.customer-wishlist-item-remove:before { content: "d"; color: #F8CD23; font-family: "everlast"; text-transform: lowercase; font-size: 20px; position: absolute; left: 15px; display: block; } @media only screen and (max-width: 770px) { #wishlist-table td.customer-wishlist-item-remove:before { left: 5px; } } @media only screen and (max-width: 770px) and (max-width: 599px) { #wishlist-table td.customer-wishlist-item-remove:before { left: -5px; } } #wishlist-table td.customer-wishlist-item-remove a { position: relative; } #wishlist-table .price-box { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; } #wishlist-table .price-box .price { color: #333333; } #wishlist-table .giftregisty-add { margin-top: 5px; } #wishlist-table .giftregisty-add .change { display: none; } #wishlist-table .giftregisty-add li { cursor: pointer; color: #000; margin-bottom: 3px; } #wishlist-table .truncated .details { background: none; color: #000; } #wishlist-table .truncated .call-to-order { font-family: "TradeGothicLTStd-BoldExt", "Helvetica Neue", Verdana, Arial, sans-serif; text-align: center; display: block; margin-top: 20px; white-space: nowrap; min-width: 138px; cursor: default; } #wishlist-table .truncated .call-to-order.mobile { display: none; } @media only screen and (max-width: 599px) { #wishlist-table .truncated .call-to-order { float: left; margin: 0 0 10px 0; font-size: 11px; min-width: 0; } #wishlist-table .truncated .call-to-order.mobile { display: block; cursor: pointer; } #wishlist-table .truncated .call-to-order.desktop { display: none; } } @media only screen and (max-width: 479px) { #wishlist-table .truncated .call-to-order { font-size: 10px; } } #wishlist-table .truncated .call-to-order span { display: block; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; margin-top: 5px; position: relative; padding-right: 4px; text-align: center; } @media only screen and (max-width: 599px) { #wishlist-table .truncated .call-to-order span { padding-right: 0; } } @media only screen and (max-width: 479px) { #wishlist-table .truncated .call-to-order span { margin-top: 0; } } #wishlist-table .truncated .call-to-order:hover { text-decoration: none; } #wishlist-table .truncated .call-to-order img { position: relative; top: 1px; left: -2px; width: 12px; display: inline-block; } @media only screen and (max-width: 599px) { #wishlist-table .truncated .call-to-order img { top: 1px; left: -2px; } } .offline-product-disclaimer { font-family: "TradeGothicLTStd-BoldExt", "Helvetica Neue", Verdana, Arial, sans-serif; text-align: center; } @media only screen and (min-width: 979px) { .offline-product-disclaimer { padding-left: 15%; } } .offline-product-disclaimer p { font-size: 13px; margin-bottom: 0; } #wishlist-view-form .buttons-set .btn-share, #wishlist-view-form .buttons-set .btn-add { box-shadow: 0 1px 0 0 #525254, 0 3px 0 0 #575759; } @media only screen and (max-width: 1199px) { #wishlist-table.clean-table td { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 979px) { #wishlist-table.clean-table td { padding-left: 12px; padding-right: 3px; } #wishlist-table.clean-table td textarea { height: 100px; } #wishlist-table.clean-table td.customer-wishlist-item-cart { width: 110px; } #wishlist-table td.customer-wishlist-item-image { display: none; } #wishlist-table td.customer-wishlist-item-remove:before { left: 5px; } #wishlist-table .product-name { font-size: 13px; } #wishlist-view-form .buttons-set .button { margin-top: 10px; width: 100%; } } @media only screen and (max-width: 770px) { #wishlist-table:after { content: ''; display: table; clear: both; } #wishlist-table .product-name { font-size: 16px; } #wishlist-table textarea { height: 68px; max-width: 100%; } #wishlist-table .item-manage { max-width: 100%; } #wishlist-table tr { position: relative; border-bottom: 1px solid #eeeeee; } #wishlist-table tr:after { content: ''; display: table; clear: both; } #wishlist-table td.customer-wishlist-item-image { display: none; } #wishlist-table td.customer-wishlist-item-cart p { margin-bottom: 0; } #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item { margin-right: 0; padding-top: 4px; } #wishlist-table td.customer-wishlist-item-cart { padding-right: 15px; } #wishlist-view-form .buttons-set .button { margin-top: 10px; width: 100%; } } @media only screen and (max-width: 599px) { #wishlist-table td.customer-wishlist-item-quantity { padding-left: 0; } #wishlist-table td.customer-wishlist-item-image, #wishlist-table th.customer-wishlist-item-image { display: none; } #wishlist-view-form .buttons-set .button { margin-top: 10px; width: 100%; } } @media only screen and (max-width: 599px) { #wishlist-table tr, #wishlist-table th, #wishlist-table td { border: none; } #wishlist-table tr { position: relative; border-bottom: 1px solid #eeeeee; padding-left: 12px; } #wishlist-table th.customer-wishlist-item-image { display: block; } #wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart { width: 100%; padding-left: 0; padding-right: 0; empty-cells: hide; } #wishlist-table td.customer-wishlist-item-image { display: block; overflow: hidden; } #wishlist-table td.customer-wishlist-item-image a { float: left; } #wishlist-table td.customer-wishlist-item-image a img { width: 113px; height: 113px; } #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price { text-align: left; } #wishlist-table td.customer-wishlist-item-quantity:before, #wishlist-table td.customer-wishlist-item-price:before { float: left; margin-right: 15px; } #wishlist-table td.customer-wishlist-item-quantity .cart-cell, #wishlist-table td.customer-wishlist-item-price .cart-cell { text-align: left; } #wishlist-table td.customer-wishlist-item-quantity .price-box, #wishlist-table td.customer-wishlist-item-price .price-box { margin-top: 0; } #wishlist-table td.customer-wishlist-item-cart .cart-cell { float: left; width: 48%; } #wishlist-table td.customer-wishlist-item-cart > p { float: right; width: 48%; } #wishlist-table td.customer-wishlist-item-remove { position: absolute; top: 15px; right: 0; display: block; padding: 0; height: 20px; } #wishlist-table.clean-table td.customer-wishlist-item-cart { width: 100%; } #wishlist-view-form .buttons-set .button { margin-top: 10px; width: 100%; } } /* ============================================ * Wishlist Sidebar ============================================ */ .block-wishlist .mini-products-list > li:not(:last-child) { padding-bottom: 5px; } .block-wishlist .product-details .product-name { padding-top: 0; margin-bottom: 5px; } .block-wishlist .price-box { float: left; margin: 0; } .block-wishlist .price-box, .block-wishlist .price-box .price, .block-wishlist .link-cart { font-size: 12px; } .block-wishlist .link-cart { float: left; text-transform: uppercase; margin-right: 7px; padding-right: 7px; border-right: 1px solid #EDEDED; } /* ============================================ * Wishlist Table ============================================ */ @-moz-document url-prefix() { #wishlist-table.clean-table td.customer-wishlist-item-cart { width: 140px; padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 1199px) { @-moz-document url-prefix() { #wishlist-table.clean-table td.customer-wishlist-item-image { display: none; } } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Checkout - Mini cart ============================================ */ .header-minicart .minicart-message { display: block; padding: 10px; } .header-minicart .minicart-wrapper { clear: both; position: relative; } .header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .header-minicart .minicart-wrapper:before { background-color: white; opacity: 0.8; z-index: 2; } .header-minicart .minicart-wrapper:after { background-image: url("../images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .header-minicart .minicart-wrapper.loading { position: relative; } .header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after { display: block; } .header-minicart .block-cart { display: none; } .header-minicart .block-subtitle { color: #000; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 21px; padding: 27px 30px 15px; text-align: left; text-transform: uppercase; margin-bottom: 0; } .header-minicart .block-subtitle .close { width: 40px; float: right; display: block; color: #333333; text-decoration: none; font-weight: normal; font-size: 30px; position: absolute; top: -8px; right: -3px; display: none; } .header-minicart .mini-products-list { padding: 15px 15px 0; padding-top: 0; } .header-minicart .mini-products-list li { border-bottom: 1px solid #DDDDDD; border-radius: 3px; position: relative; } .header-minicart .mini-products-list li img { float: left; } .header-minicart .mini-products-list li a { padding: 15px 8px 15px 15px; } .header-minicart .mini-products-list li.last { border: none; } .header-minicart .mini-products-list li:hover { background-color: #fff; } .header-minicart .mini-products-list li:hover a { text-decoration: none; } .header-minicart .mini-products-list li .product-details { position: relative; width: 170px; } .header-minicart .mini-products-list li .product-image { border: none; } .header-minicart .mini-products-list li .remove { position: absolute; right: 3px; top: 0; font-family: "everlast"; font-size: 22px; color: #898989; } .header-minicart .mini-products-list li .remove:hover { color: #000; text-decoration: none; } .header-minicart .product-details .product-name { padding-top: 0; font-size: 14px; margin-bottom: 2px; text-transform: none; word-wrap: break-word; } .header-minicart .product-details .product-name a { color: #000; } .header-minicart .info-wrapper { margin-bottom: 0.5em; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .header-minicart .info-wrapper .price { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-weight: 700; margin-right: 5px; } .header-minicart .info-wrapper .qty-wrapper { margin-left: 5px; } .header-minicart .info-wrapper th { text-transform: uppercase; padding-right: 10px; } .header-minicart .info-wrapper td { color: #000; clear: right; } .header-minicart .info-wrapper .qty-wrapper td { height: 33px; line-height: 33px; } .header-minicart .info-wrapper .qty { padding-left: 4px; padding-right: 4px; margin-right: 2px; width: 30px; } .header-minicart .info-wrapper .quantity-button { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 100ms; transition-duration: 100ms; } .header-minicart .info-wrapper .quantity-button[disabled] { cursor: default; } .header-minicart .info-wrapper .quantity-button.visible { opacity: 1; } .header-minicart .subtotal { text-align: right; line-height: 2em; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 18px; padding: 0 30px; } .header-minicart .subtotal .label { text-transform: uppercase; margin-right: 42px; } .header-minicart .subtotal .price { color: #000; } .header-minicart .minicart-actions { padding: 22px 10px 28px; margin-top: 0; overflow: hidden; position: relative; } .header-minicart .minicart-actions .button.checkout-button { min-width: 145px; } .header-minicart .minicart-actions .cart-link { display: block; left: 30px; bottom: 28px; position: absolute; } .header-minicart .minicart-actions .checkout-types { margin-right: 20px; float: right; } .header-minicart .minicart-actions .paypal-logo .paypal-or { line-height: 1.6; } .header-minicart #minicart-error-message { text-align: center; color: red; display: none; } .header-minicart #minicart-success-message { text-align: center; color: green; display: none; } .header-minicart .jcarousel-control-prev, .header-minicart .jcarousel-control-next { display: none; } .header-minicart .empty { padding: 20px 30px; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .header-minicart .minicart-actions .button.checkout-button { min-width: 130px; float: right; } .header-minicart.skip-active .block-cart, .block-cart.skip-active { display: block; } @media only screen and (max-width: 479px) { .header-minicart a.skip-cart { z-index: 1; } } @media only screen and (max-width: 770px) { .header-minicart .minicart-wrapper:before { background-color: #EDEDED; } .header-minicart .quantity-button { float: none; } .header-minicart .header-minicart .block-cart { padding: 15px; } .header-minicart .header-minicart .block-subtitle { padding-top: 59px; } .header-minicart .minicart-actions { padding-bottom: 33px; } .header-minicart .minicart-actions .cart-link { bottom: 0; right: 10px; left: auto; } .header-minicart .minicart-actions .checkout-types.minicart li { display: inline-block; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a { display: inline; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button { display: inline-block; vertical-align: top; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or { width: auto; float: none; display: inline; margin: 0 10px 5px 10px; line-height: 40px; } } @media only screen and (max-width: 770px) { .header-minicart .minicart-actions .button.checkout-button { width: 100%; box-shadow: none; height: 40px; } .header-minicart .minicart-actions .cart-link { text-align: center; width: 44%; float: left; position: relative; margin-left: 16px; box-shadow: none; height: 40px; } .header-minicart .minicart-actions .checkout-types { width: 42%; float: right; margin-right: 21px; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or, .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-button { width: 100%; display: block; margin-left: 0; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or { line-height: 1.6; } } @media only screen and (max-width: 770px) { .header-minicart h6 { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 21px; text-align: center; margin-top: 27px; color: #fff; } .header-minicart .block-subtitle { font-size: 14px; color: #fff; text-align: center; padding: 7px 30px 19px; } .header-minicart p { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 14px; color: #fff; text-align: center; } .header-minicart .empty { padding: 0 30px; } .header-minicart .mini-products-list li .remove { color: #ffd200; } .header-minicart .mini-products-list li .remove:hover { color: #ffd200; } .header-minicart .mini-products-list li:hover { background: none; } .header-minicart .product-name, .header-minicart .info-wrapper { text-align: left; width: 80%; } .header-minicart .subtotal .label, .header-minicart .subtotal .price { color: #fff; } .skip-cart .count { display: none; } } @media only screen and (min-width: 771px) { .header-minicart .minicart-wrapper h6 { display: none; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Search - Auto Suggest ============================================ */ .search-autocomplete { left: 0 !important; overflow: visible !important; position: relative !important; top: 15px !important; width: 100% !important; z-index: 200; } .search-autocomplete ul { border-radius: 2px; background-color: #FFFFFF; border: 1px solid #3399CC; left: 0; padding-left: 0; position: absolute; top: 0; width: 100%; } .search-autocomplete ul li { border-bottom: 1px solid #eeeeee; color: #000; cursor: pointer; font-size: 12px; padding: 4px 6px; text-align: left; } .search-autocomplete ul li:hover { color: black; } .search-autocomplete ul li.selected { background-color: #000; color: white; } .search-autocomplete ul li .amount { float: right; font-weight: bold; } .search-autocomplete ul li:last-child { border-bottom: none; } /* ============================================ * Search - Advanced ============================================ */ .advanced-search { background: #eeeeee; border: 1px solid #EDEDED; padding: 30px; } .advanced-search select.multiselect option { border-bottom: 1px solid #EDEDED; padding: 2px 5px; } @media only screen and (max-width: 479px) { .advanced-search { padding: 15px; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Account - Reviews ============================================ */ .product-review .product-img-box p.label { border-bottom: 1px solid #CCCCCC; font-size: 16px; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; margin-top: 20px; padding-bottom: 10px; text-transform: uppercase; } .product-review .product-img-box .rating-box { margin: 15px 0; } .product-review .product-details h2 { border-bottom: 1px solid #CCCCCC; color: #3399CC; font-size: 16px; font-weight: 600; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; padding-bottom: 10px; } .product-review .ratings-table { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; } .product-review .ratings-table th { padding-right: 10px; } .product-review .ratings-table tr { float: left; font-size: 12px; margin-right: 10px; text-transform: uppercase; } .product-review .ratings-description dt { border-bottom: 1px solid #CCCCCC; font-size: 16px; font-weight: 400; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; margin-top: 20px; padding: 10px 0; text-transform: uppercase; } .product-review .ratings-description dd { color: #737373; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 13px; } @media only screen and (min-width: 771px) { .product-review .ratings-table tr { float: none; } } @media only screen and (min-width: 1126px) { .product-review .ratings-table tr { float: left; margin-right: 15px; } } @media only screen and (max-width: 320px) { .product-review .ratings-table tr { float: none; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * CMS Pages ============================================ */ .cms-page-view .page-title h1, .cms-page-view .page-title h3, .cms-page-view .page-head h1, .cms-page-view .page-head h3, .cms-no-route .page-title h1, .cms-no-route .page-title h3, .cms-no-route .page-head h1, .cms-no-route .page-head h3 { border: none; } .cms-page-view .std img, .cms-no-route .std img { max-width: 100%; } .cms-page-view .std p, .cms-no-route .std p { color: #333333; font-family: Georgia, Times, "Times New Roman", serif; font-size: 14px; font-style: italic; line-height: 24px; } .cms-page-view .std h1, .cms-no-route .std h1 { color: #000; } .cms-page-view .std h2, .cms-no-route .std h2 { color: #000; } .cms-page-view .std li, .cms-no-route .std li { color: #333333; font-family: Georgia, Times, "Times New Roman", serif; font-size: 14px; font-style: normal; line-height: 24px; } .cms-page-view .col-left:after, .cms-no-route .col-left:after { content: ''; display: table; clear: both; } .cms-no-route .std img { width: 50%; height: auto; } .cms-page-view .std .messages, .cms-home .std .messages, .cms-no-route .std .messages { margin-bottom: 10px; } .cms-page-view .std .messages ul, .cms-home .std .messages ul, .cms-no-route .std .messages ul { margin-bottom: 0; } .cms-page-view .std .messages li, .cms-home .std .messages li, .cms-no-route .std .messages li { list-style: none; margin-left: 0; font-style: normal; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } #accordion .toggle-tabs { display: none; } #accordion > dl > dt { font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 11px; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0; padding: 11px 10px 12px 30px; position: relative; display: block; } #accordion > dl > dt:after { position: absolute; content: 'h'; text-transform: lowercase; font-family: "everlast"; font-size: 20px; height: 18px; color: #aaaaaa; right: 39px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } #accordion > dl > dt:first-child { padding: 0 10px 12px 30px; } #accordion > dl > dd { margin: 0; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 11px; padding: 0 30px; text-align: left; color: #000; } #accordion > dl > dd .description { text-align: left; font-size: 14px; line-height: 21px; } #accordion li { position: relative; overflow: hidden; } #accordion li .plusimage h2 { margin-right: 10px; } .page-sitemap .links { display: block; text-align: right; margin: 0 20px 0 0; } .page-sitemap .links a { position: relative; } .page-sitemap .sitemap { padding: 0 20px; margin: 15px 0; font-size: 12px; } .page-sitemap .sitemap li { margin: 3px 0; } .contacts-index-index h1 { border: none; } #contactForm { padding-left: 40px; } #contactForm h2 { display: none; } #contactForm:after { content: ''; display: table; clear: both; } #contactForm .fieldset .legend + .required { margin: 0; } @media only screen and (max-width: 770px) { #contactForm { padding-left: 0; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Pricing Conditions ============================================ */ .price-box.map-info .old-price { display: none; } .price-box .minimal-price-link .label { color: #d45151; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; text-transform: uppercase; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Cookies ============================================ */ .notice-cookie .notice-inner { padding-bottom: 0; } .notice-cookie .notice-inner:after { content: ''; display: table; clear: both; } .notice-cookie .notice-text { float: left; max-width: 90%; padding-top: 4px; text-align: left; } .notice-cookie .notice-text p { padding-bottom: 14.5px; line-height: 1.3; } .notice-cookie .actions { float: left; text-align: right; padding-bottom: 14.5px; } @media only screen and (max-width: 979px) { .notice-cookie .notice-text { max-width: 86%; } } @media only screen and (max-width: 770px) { .notice-cookie { padding: 0 20px; } .notice-cookie .notice-text { max-width: 82%; padding-top: 0; } } @media only screen and (max-width: 620px) { .notice-cookie { padding: 0 20px; } .notice-cookie .notice-inner { background-position: left 10px; } .notice-cookie .notice-inner:after { content: ''; display: table; clear: both; } .notice-cookie .notice-text { float: none; max-width: 100%; padding-top: 0; } .notice-cookie .actions { text-align: left; } } /* Split Button */ .split-button { display: inline-block; z-index: 1; position: relative; max-width: 300px; white-space: nowrap; } .split-button.clickable:active { left: 1px; top: 1px; } .split-button { background: url(../images/bkg_btn.html) no-repeat 0 0; height: 21px; padding: 0 0 0 10px; margin: 0; } .split-button.active { z-index: 100; } .split-button strong { cursor: default; font-weight: bold; text-transform: uppercase; font-size: 11px; background: url(../images/bkg_btn.html) no-repeat 100% 0; height: 19px; padding: 3px 30px 0 5px; margin: 0; display: block; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; } .split-button.clickable > strong, .split-button strong[onclick] { text-transform: uppercase; font-size: 11px; color: #C73615; text-transform: uppercase; cursor: pointer; } .split-button .change { display: inline-block; border: 1px solid; border-color: transparent transparent transparent #999; background: url(../images/bkg_btn-split-change.html) 5px 50% no-repeat; text-indent: -999em; overflow: hidden; width: 15px; cursor: pointer; height: 11px; margin-left: 8px; vertical-align: middle; } .split-button .change { position: absolute; right: 5px; top: 0px; height: 19px; border-left-color: #ccc; } .split-button.light { background: none; height: auto; padding: 0; } .split-button.light.clickable:active { top: auto; left: auto; } .split-button.light strong { display: inline-block; font-size: 11px; text-transform: none; background: none; font-weight: normal; padding: 0; height: auto; overflow: visible; white-space: normal; text-overflow: visible; } .split-button.light.clickable > strong, .split-button.light strong[onclick] { text-transform: none; text-decoration: underline; color: #999; } .split-button.light.clickable > strong:hover, .split-button.light strong[onclick]:hover { text-decoration: none; } .split-button.light .change { position: static; right: auto; top: auto; height: 11px; border-left-color: #999; } .split-button.active .change, .split-button .change:hover { background-position: -995px 50%; } .split-button .list-container { position: absolute; display: none; right: 0; top: 100%; padding: 0; min-width: 100%; max-width: 300px; float: left; } .split-button.active .list-container { display: block; } .split-button .list-container ul { background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); position: relative; } .split-button .list-container ul > li { white-space: nowrap; background: url(../images/bkg_btn-split-item.html) no-repeat -10000px -10000px; border: 1px solid #c1c1c1; border-top-width: 0; margin: 0; display: block !important; margin: 0 !important; } .split-button .list-container ul > li:first-child { border-top-width: 1px; } .split-button .list-container li a, .split-button .list-container li span { display: block; line-height: 1.2 !important; cursor: pointer; padding: 5px 18px 5px 18px; color: #999; font-size: 11px; text-transform: none; text-decoration: none; text-align: left; text-overflow: ellipsis; overflow: hidden; } .split-button .list-container li:hover a, .split-button .list-container li:hover span, .split-button .list-container li:hover { color: #fff; text-decoration: none; } .split-button .list-container li:hover { background-color: #999; background-position: 5px -984px; } .split-button .list-container li.new { color: #d33911; background-color: #eee; background-position: 5px 7px; } .split-button .list-container li.new:hover { background-color: #999; background-position: 5px -485px; } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Social Curation ============================================ */ .cms-index-index .social-curation .social-curation-title { text-align: center; margin: 30px 0; } @media only screen and (max-width: 599px) { .cms-index-index .social-curation { display: none; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Dynamic Features Slider - Product Page ============================================ */ .catalog-product-view .dynamic_features h3 { max-width: 697px; margin: 0 auto; text-align: center; line-height: 27px; margin-top: 97px; margin-bottom: 42px; } .catalog-product-view .dynamic_features .slide_overlay { position: absolute; bottom: 2%; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-size: 18px; padding: 20px 28px; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; width: 100%; border-left: solid 5px #fff; border-right: solid 5px #fff; text-align: center; } .catalog-product-view .dynamic_features .flex-viewport { display: block; } .catalog-product-view .dynamic_features .flexslider li { position: relative; } .catalog-product-view .dynamic_features .flexslider li img { margin-bottom: 10px; } .catalog-product-view .dynamic_features .flexslider img { width: 100%; } .catalog-product-view .dynamic_features .flexslider.single { max-width: 3000px; } .catalog-product-view .dynamic_features .flexslider.single img { border: none; } .catalog-product-view .dynamic_features .flexslider.single .slide_overlay { border: none; bottom: 0px; } @media only screen and (min-width: 1150px) { .catalog-product-view .dynamic_features .flex-container { width: 100%; } .catalog-product-view .dynamic_features .flex-viewport { overflow: visible !important; } .catalog-product-view .dynamic_features .flexslider { max-width: 1140px; width: 100%; margin: 0 auto; } .catalog-product-view .dynamic_features .flexslider li img { border-width: 0 5px 0 5px; border-style: solid; border-color: #fff; } .catalog-product-view .dynamic_features .flexslider a { display: block; cursor: pointer; } } @media only screen and (min-width: 770px) { .catalog-product-view .dynamic_features .flex-viewport { display: block !important; } } @media only screen and (max-width: 1150px) { .catalog-product-view .dynamic_features .slide_overlay { border-left: none; border-right: none; } } @media only screen and (max-width: 770px) { .catalog-product-view .features_tab { display: none; } .catalog-product-view .collateral-tabs .description { max-width: none; } .catalog-product-view .dynamic_features h3 { cursor: pointer; border-bottom-width: 0; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 21px; text-align: left; margin-top: 0px; padding: 0 10px 12px 30px; position: relative; } .catalog-product-view .dynamic_features h3:after { position: absolute; content: 'h'; text-transform: lowercase; font-family: "everlast"; font-size: 20px; height: 18px; color: #aaaaaa; right: 39px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } .catalog-product-view .dynamic_features .mobile.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .catalog-product-view .dynamic_features .slide_overlay { position: absolute; bottom: 10px; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-size: 12px; padding: 10px 0; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; width: 100%; border-left: none; border-right: none; text-align: center; } .catalog-product-view .dynamic_features .flex-container { width: 100%; } } @media only screen and (max-width: 767px) { .tab-content.features h3 { display: none; } } @media only screen and (min-width: 767px) { body.catalog-product-view .features .flex-container .flexslider { width: 90%; margin: 0 auto; } body.catalog-product-view .features .flex-container .flexslider img { border-right: 5px solid #fff; border-left: 5px solid #fff; } body.catalog-product-view .features .flex-viewport { overflow: visible !important; } body.catalog-product-view .dynamic_features .slide_overlay { border-right: 5px solid #fff; border-left: 5px solid #fff; bottom: 10px !important; } } .checkout-onepage-success .success-yotpo-item-container { max-width: 1240px; background: #EEE; margin: auto; margin-bottom: 15px; } .checkout-onepage-success .success-yotpo-item-container h5 { display: block; background: #FFF; padding: 30px 30px 5px 0; text-align: left; color: #717073; margin-bottom: 0; } .checkout-onepage-success .success-yotpo-item-container .yotpo-main-widget { padding: 0 15px 0 0; } .checkout-onepage-success .success-yotpo-item-container .success-yotpo-item-image { float: left; width: 190px; padding: 15px; } .checkout-onepage-success .success-yotpo-item-container .success-yotpo-item-image img { width: 100%; height: auto; } .checkout-onepage-success .success-yotpo-item-container .success-yotpo-item-review { float: left; width: calc(100% - 190px); } .checkout-onepage-success .success-yotpo-item-container .yotpo-bottomline-2-boxes { display: none; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper { display: block !important; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .y-label.yotpo-header-title { display: none; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review { border: 0; margin: 0; padding: 0; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review .yotpo-header label.y-label { float: left; padding: 0 30px 30px 0; width: 110px; min-width: inherit; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review .yotpo-header div { float: left; position: relative; top: -8px; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review .yotpo-header .stars-wrapper .yotpo-icon { color: #717073; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review .write-review-content .form-element label.y-label { float: left; padding: 0 30px 30px 0; min-width: inherit; width: 110px; clear: left; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review .write-review-content .form-element input { position: relative; top: -13px; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review .write-review-content .form-element textarea { min-height: inherit; height: 77px; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review .write-review-content .form-element input, .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review .write-review-content .form-element textarea { float: left; width: calc(100% - 110px); margin: 0; padding: 15px; outline: 0; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review input.yotpo-submit { margin-bottom: 15px; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review input.yotpo-submit.yotpo-disabled { background: #DBDBDB; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review input.yotpo-submit.yotpo-disabled:hover { background: #DBDBDB !important; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper input.y-input, .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper textarea.y-input { background: #FFF !important; } .checkout-onepage-success .success-yotpo-item-container .yotpo-nav.reviews, .checkout-onepage-success .success-yotpo-item-container .yotpo-nav-content { display: none !important; } .checkout-onepage-success .success-yotpo-item-container .yotpo-messages .yotpo-thank-you { position: relative; top: -245px; margin-bottom: -230px; border: 0; } .checkout-onepage-success .success-yotpo-item-container .yotpo-messages .yotpo-thank-you .yotpo-icon.yotpo-icon-cross { display: none; } @media only screen and (max-width: 770px) { .checkout-onepage-success .success-yotpo-item-container .success-yotpo-item-image { float: none; margin: 15px; padding: 0; width: calc(100% - 30px); background: #FFF; } .checkout-onepage-success .success-yotpo-item-container .success-yotpo-item-image img { max-width: 290px; margin: auto; } .checkout-onepage-success .success-yotpo-item-container .success-yotpo-item-review { float: none; width: 100%; clear: left; padding: 0 0 0 15px; } .checkout-onepage-success .success-yotpo-item-container .success-yotpo-item-review .write-review-wrapper { top: 0 !important; } .checkout-onepage-success .success-yotpo-item-container .yotpo.yotpo-main-widget { padding: 0 15px 0 0; } } @media only screen and (max-width: 655px) { .checkout-onepage-success .success-yotpo-item-container .success-yotpo-item-review .yotpo-display-wrapper .yotpo-messages .yotpo-thank-you { top: -289px; } .checkout-onepage-success .success-yotpo-item-container .success-yotpo-item-review .yotpo-display-wrapper .write-review-wrapper { margin-bottom: 0; } } @media only screen and (max-width: 479px) { .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper { margin-bottom: 0; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review .yotpo-header label.y-label { float: inherit; padding: 0 0 5px 0; width: 100%; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review .yotpo-header div { float: inherit; top: 0; padding: 0 0 15px 0; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review .write-review-content .form-group .form-element label.y-label { float: inherit; padding: 0 0 15px 0; min-width: inherit; width: 100%; } .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review .write-review-content .form-group .form-element input, .checkout-onepage-success .success-yotpo-item-container .write-review-wrapper .write-review .write-review-content .form-group .form-element textarea { float: inherit; width: 100%; margin: 0 0 15px 0; padding: 15px; } } .checkout-onepage-success .success-yotpo-item-container:after { content: ""; display: table; clear: both; } .catalog-product-view .yotpo-bottomline-empty-state, .checkout-onepage-success .yotpo-bottomline-empty-state { min-height: 125px; } .catalog-product-view .tab.reviews, .checkout-onepage-success .tab.reviews { margin: 0; margin-bottom: 10px; color: #000; font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 36px; font-weight: 400; font-style: normal; line-height: 36px; text-rendering: optimizeSpeed; text-transform: uppercase; margin-top: 105px; margin-bottom: 29px; text-align: center; pointer-events: none; } .catalog-product-view .tab.reviews:after, .checkout-onepage-success .tab.reviews:after { display: none; } .catalog-product-view .yotpo.yotpo-main-widget, .checkout-onepage-success .yotpo.yotpo-main-widget { padding: 0 30px; max-width: 1240px; margin: 0 auto; } .catalog-product-view .yotpo.yotpo-main-widget a, .catalog-product-view .yotpo.yotpo-main-widget a:active, .catalog-product-view .yotpo.yotpo-main-widget a:visited, .checkout-onepage-success .yotpo.yotpo-main-widget a, .checkout-onepage-success .yotpo.yotpo-main-widget a:active, .checkout-onepage-success .yotpo.yotpo-main-widget a:visited { color: #717073 !important; } .catalog-product-view .yotpo.yotpo-main-widget a:hover, .checkout-onepage-success .yotpo.yotpo-main-widget a:hover { color: #000 !important; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-button, .catalog-product-view .yotpo.yotpo-main-widget .write-question-button, .catalog-product-view .yotpo.yotpo-main-widget .yotpo-submit, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-button, .checkout-onepage-success .yotpo.yotpo-main-widget .write-question-button, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-submit { min-width: 156px; background-color: #292929; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a5a5a), to(#292929)); background-image: -webkit-linear-gradient(top, #5a5a5a, #292929); background-image: linear-gradient(to bottom, #5a5a5a, #292929); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#5a5a5a)', endColorstr='argb(#292929)', GradientType=0)"; box-shadow: 0 3px 0 0 #000, 0 0 0 0; display: inline-block; float: right; padding: 10px; border: 0; border-radius: 3px; color: #FFFFFF; font-family: "TradeGothicLTStd-Extended", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; line-height: 18px; letter-spacing: 1px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; -webkit-transition: transform 50ms ease-in-out, box-shadow 50ms ease-in-out; -webkit-transition: box-shadow 50ms ease-in-out, -webkit-transform 50ms ease-in-out; transition: box-shadow 50ms ease-in-out, -webkit-transform 50ms ease-in-out; transition: transform 50ms ease-in-out, box-shadow 50ms ease-in-out; transition: transform 50ms ease-in-out, box-shadow 50ms ease-in-out, -webkit-transform 50ms ease-in-out; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-button:hover, .catalog-product-view .yotpo.yotpo-main-widget .write-question-button:hover, .catalog-product-view .yotpo.yotpo-main-widget .yotpo-submit:hover, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-button:hover, .checkout-onepage-success .yotpo.yotpo-main-widget .write-question-button:hover, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-submit:hover { cursor: pointer; background: #292929; text-decoration: none; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-button:active, .catalog-product-view .yotpo.yotpo-main-widget .write-question-button:active, .catalog-product-view .yotpo.yotpo-main-widget .yotpo-submit:active, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-button:active, .checkout-onepage-success .yotpo.yotpo-main-widget .write-question-button:active, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-submit:active { cursor: pointer; -webkit-transform: translate(0, 3px); transform: translate(0, 3px); box-shadow: 0 0 0 0 #000, 0 0 0 0; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-button:focus, .catalog-product-view .yotpo.yotpo-main-widget .write-question-button:focus, .catalog-product-view .yotpo.yotpo-main-widget .yotpo-submit:focus, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-button:focus, .checkout-onepage-success .yotpo.yotpo-main-widget .write-question-button:focus, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-submit:focus { background-color: black; outline: none; color: #FFFFFF; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-button .yotpo-icon, .catalog-product-view .yotpo.yotpo-main-widget .write-question-button .yotpo-icon, .catalog-product-view .yotpo.yotpo-main-widget .yotpo-submit .yotpo-icon, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-button .yotpo-icon, .checkout-onepage-success .yotpo.yotpo-main-widget .write-question-button .yotpo-icon, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-submit .yotpo-icon { margin-right: 10px; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-button span.yotpo-icon-button-text, .catalog-product-view .yotpo.yotpo-main-widget .write-question-button span.yotpo-icon-button-text, .catalog-product-view .yotpo.yotpo-main-widget .yotpo-submit span.yotpo-icon-button-text, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-button span.yotpo-icon-button-text, .checkout-onepage-success .yotpo.yotpo-main-widget .write-question-button span.yotpo-icon-button-text, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-submit span.yotpo-icon-button-text { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; text-transform: capitalize; font-size: 12px; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-button.yotpo-submit, .catalog-product-view .yotpo.yotpo-main-widget .write-question-button.yotpo-submit, .catalog-product-view .yotpo.yotpo-main-widget .yotpo-submit.yotpo-submit, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-button.yotpo-submit, .checkout-onepage-success .yotpo.yotpo-main-widget .write-question-button.yotpo-submit, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-submit.yotpo-submit { background-color: #FFD000; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFDD45), to(#FFD000)); background-image: -webkit-linear-gradient(top, #FFDD45, #FFD000); background-image: linear-gradient(to bottom, #FFDD45, #FFD000); background-repeat: repeat-x; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#FFDD45)', endColorstr='argb(#FFD000)', GradientType=0)"; box-shadow: 0 1px 0 0 #e0b92b, 0 3px 0 0 #EBC305; color: #000; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-button.yotpo-submit:hover, .catalog-product-view .yotpo.yotpo-main-widget .write-question-button.yotpo-submit:hover, .catalog-product-view .yotpo.yotpo-main-widget .yotpo-submit.yotpo-submit:hover, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-button.yotpo-submit:hover, .checkout-onepage-success .yotpo.yotpo-main-widget .write-question-button.yotpo-submit:hover, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-submit.yotpo-submit:hover { background: #ffd200 !important; color: #000 !important; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-button.yotpo-submit:active, .catalog-product-view .yotpo.yotpo-main-widget .write-question-button.yotpo-submit:active, .catalog-product-view .yotpo.yotpo-main-widget .yotpo-submit.yotpo-submit:active, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-button.yotpo-submit:active, .checkout-onepage-success .yotpo.yotpo-main-widget .write-question-button.yotpo-submit:active, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-submit.yotpo-submit:active { box-shadow: 0 0 0 0 #EBC305, 0 0 0 0; color: #000; cursor: pointer; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-button.yotpo-submit:focus, .catalog-product-view .yotpo.yotpo-main-widget .write-question-button.yotpo-submit:focus, .catalog-product-view .yotpo.yotpo-main-widget .yotpo-submit.yotpo-submit:focus, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-button.yotpo-submit:focus, .checkout-onepage-success .yotpo.yotpo-main-widget .write-question-button.yotpo-submit:focus, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-submit.yotpo-submit:focus { color: #000; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-button.yotpo-submit.yotpo-disabled, .catalog-product-view .yotpo.yotpo-main-widget .write-question-button.yotpo-submit.yotpo-disabled, .catalog-product-view .yotpo.yotpo-main-widget .yotpo-submit.yotpo-submit.yotpo-disabled, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-button.yotpo-submit.yotpo-disabled, .checkout-onepage-success .yotpo.yotpo-main-widget .write-question-button.yotpo-submit.yotpo-disabled, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-submit.yotpo-submit.yotpo-disabled { background: #EEE; box-shadow: none; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-button.yotpo-submit.yotpo-disabled:hover, .catalog-product-view .yotpo.yotpo-main-widget .write-question-button.yotpo-submit.yotpo-disabled:hover, .catalog-product-view .yotpo.yotpo-main-widget .yotpo-submit.yotpo-submit.yotpo-disabled:hover, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-button.yotpo-submit.yotpo-disabled:hover, .checkout-onepage-success .yotpo.yotpo-main-widget .write-question-button.yotpo-submit.yotpo-disabled:hover, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-submit.yotpo-submit.yotpo-disabled:hover { background: #EEE !important; box-shadow: none; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-button, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-button { top: 15px !important; } .catalog-product-view .yotpo.yotpo-main-widget .write-question-button, .checkout-onepage-success .yotpo.yotpo-main-widget .write-question-button { top: 67px !important; } .catalog-product-view .yotpo.yotpo-main-widget .font-color-primary, .checkout-onepage-success .yotpo.yotpo-main-widget .font-color-primary { color: #717073; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-label, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-label { display: none; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-stars .yotpo-icon, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-stars .yotpo-icon { color: #ffd200; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-bottomline-box-1 .yotpo-sum-reviews span, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-bottomline-box-1 .yotpo-sum-reviews span { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-bottomline-box-1 .questions a, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-bottomline-box-1 .questions a { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-distribution-stars .review-stars span.yotpo-icon, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-distribution-stars .review-stars span.yotpo-icon { color: #ffd200 !important; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-distibutions-sum-reviews span, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-distibutions-sum-reviews span { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-distributions-graphs .yotpo-star-distribution-graph-score, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-distributions-graphs .yotpo-star-distribution-graph-score { background-color: #ffd200 !important; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-footer .yotpo-star-distribution-show-all, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-footer .yotpo-star-distribution-show-all { color: #717073 !important; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-header .yotpo-review-stars span.yotpo-icon, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-regular-box .yotpo-header .yotpo-review-stars span.yotpo-icon { color: #ffd200 !important; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-small-box, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-small-box { border: none; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-small-box ul, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-small-box ul { width: 100%; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-small-box li.yotpo-nav-tab, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-small-box li.yotpo-nav-tab { width: calc(50% - 5px); background: #F2F2F2 !important; padding: 9px 10px; top: 2px; position: relative; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-left: 5px; -webkit-transition: background .3s; transition: background .3s; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-small-box li.yotpo-nav-tab:hover, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-small-box li.yotpo-nav-tab:hover { background: #E3E3E3 !important; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-small-box li.yotpo-nav-tab.yotpo-active, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-small-box li.yotpo-nav-tab.yotpo-active { background: #E3E3E3 !important; cursor: default; padding: 10px; top: 0; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-small-box li.yotpo-nav-tab .yotpo-nav-wrapper, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-small-box li.yotpo-nav-tab .yotpo-nav-wrapper { width: 100%; max-width: none; border-bottom: 0; text-align: center; padding: 0; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-small-box li.yotpo-nav-tab .yotpo-nav-wrapper span, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-small-box li.yotpo-nav-tab .yotpo-nav-wrapper span { display: inline-block; color: #333; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-weight: normal; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-small-box li.yotpo-nav-tab:first-child, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-small-box li.yotpo-nav-tab:first-child { margin: 0 5px 0 0 !important; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-wrapper .yotpo-header label.yotpo-header-title, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-wrapper .yotpo-header label.yotpo-header-title { font-weight: 700; color: #717073; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-wrapper .yotpo-header label.y-label, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-wrapper .yotpo-header label.y-label { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; color: #717073; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-wrapper .yotpo-header .stars-wrapper .yotpo-icon, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-wrapper .yotpo-header .stars-wrapper .yotpo-icon { color: #ffd200; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-wrapper .write-review-content label, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-wrapper .write-review-content label { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; color: #717073; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-wrapper input.y-input, .catalog-product-view .yotpo.yotpo-main-widget .write-review-wrapper textarea.y-input, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-wrapper input.y-input, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-wrapper textarea.y-input { padding: 10px 20px; width: 100%; max-width: 100%; background: #eeeeee; border: 0; border-radius: 2px; line-height: 18px; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-wrapper input.y-input, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-wrapper input.y-input { height: 40px; } .catalog-product-view .yotpo.yotpo-main-widget .write-review-wrapper textarea.y-input, .checkout-onepage-success .yotpo.yotpo-main-widget .write-review-wrapper textarea.y-input { min-height: 140px; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review { border-top: 0; border-bottom: 1px solid #e8e8e8; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-header .yotpo-icon-profile, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-header .yotpo-icon-profile { display: none; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-header .yotpo-header-element label.yotpo-user-name, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-header .yotpo-header-element label.yotpo-user-name { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; font-size: 18px; letter-spacing: 0; color: #717073; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-header .yotpo-header-element label.yotpo-review-date, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-header .yotpo-header-element label.yotpo-review-date { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-main, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-main { margin: 15px 0; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-main .content-title, .catalog-product-view .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-main .content-review, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-main .content-title, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-main .content-review { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-footer .footer-actions label.y-label, .catalog-product-view .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-footer .yotpo-helpful label.y-label, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-footer .footer-actions label.y-label, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .yotpo-footer .yotpo-helpful label.y-label { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; letter-spacing: 0; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .error-box, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .error-box { background: #d45151; padding: 5px; border-radius: 3px; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .error-box .text-wrapper, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .error-box .text-wrapper { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; letter-spacing: 0; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .error-box .yotpo-icon-btn-small, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review .error-box .yotpo-icon-btn-small { top: 8px; right: 9px; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review:last-child, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-reviews .yotpo-review:last-child { border-bottom: 0; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-questions .yotpo-first-review, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-questions .yotpo-first-review { margin: 30px 10px; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-questions .write-first-question-button, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-questions .write-first-question-button { text-transform: capitalize; font-size: 12px; letter-spacing: 0; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-header span { color: #ffd200; font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } .catalog-product-view .yotpo.yotpo-main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-content, .checkout-onepage-success .yotpo.yotpo-main-widget .yotpo-messages .yotpo-thank-you .yotpo-thankyou-content { font-family: "TradeGothicLTStd", Verdana, Arial, sans-serif; } @media only screen and (max-width: 770px) { .catalog-product-view .tab.reviews, .catalog-product-view .tab-container.reviews, .checkout-onepage-success .tab.reviews, .checkout-onepage-success .tab-container.reviews { display: block !important; } .catalog-product-view .tab.reviews, .checkout-onepage-success .tab.reviews { padding: 0 30px; margin: 30px 0 15px 0; } .catalog-product-view .tab.reviews span, .checkout-onepage-success .tab.reviews span { cursor: pointer; border-bottom-width: 0; } .catalog-product-view .tab-container.reviews, .checkout-onepage-success .tab-container.reviews { padding: 0; } .catalog-product-view .tab-container.reviews .yotpo-display-wrapper .yotpo-regular-box, .checkout-onepage-success .tab-container.reviews .yotpo-display-wrapper .yotpo-regular-box { margin: 0; } } @media only screen and (max-width: 767px) { .catalog-product-view .tab.reviews, .checkout-onepage-success .tab.reviews { text-align: left; margin: 30px 0 0 0; } .catalog-product-view .tab.reviews span, .checkout-onepage-success .tab.reviews span { font-family: "TradeGothicLTStd-Bold", Verdana, Arial, sans-serif; font-size: 21px; } .catalog-product-view .yotpo-regular-box.yotpo-bottomline .yotpo-default-button.write-question-button, .checkout-onepage-success .yotpo-regular-box.yotpo-bottomline .yotpo-default-button.write-question-button { display: block; float: none; position: relative !important; clear: both; top: 98px !important; margin-left: 0; } .catalog-product-view .yotpo-regular-box.yotpo-bottomline .yotpo-default-button.write-review-button, .checkout-onepage-success .yotpo-regular-box.yotpo-bottomline .yotpo-default-button.write-review-button { display: block; float: none; position: relative !important; clear: both; top: 0 !important; margin-bottom: 45px; } .catalog-product-view .yotpo-small-box.yotpo-nav, .checkout-onepage-success .yotpo-small-box.yotpo-nav { padding: 25px 0 0 0; } } @media only screen and (max-width: 655px) { .catalog-product-view .yotpo-regular-box.yotpo-bottomline .yotpo-default-button.write-question-button, .checkout-onepage-success .yotpo-regular-box.yotpo-bottomline .yotpo-default-button.write-question-button { display: block !important; position: relative !important; clear: both; top: 98px !important; margin-left: 0; float: left !important; width: 100%; } .catalog-product-view .yotpo-regular-box.yotpo-bottomline .yotpo-default-button.write-question-button .yotpo-icon-button-text, .checkout-onepage-success .yotpo-regular-box.yotpo-bottomline .yotpo-default-button.write-question-button .yotpo-icon-button-text { display: inline-block !important; } .catalog-product-view .yotpo-regular-box.yotpo-bottomline .yotpo-default-button.write-review-button, .checkout-onepage-success .yotpo-regular-box.yotpo-bottomline .yotpo-default-button.write-review-button { display: block !important; position: relative !important; clear: both; top: 0 !important; margin-bottom: 45px; float: left !important; width: 100%; } .catalog-product-view .yotpo-regular-box.yotpo-bottomline .yotpo-default-button.write-review-button .yotpo-icon-button-text, .checkout-onepage-success .yotpo-regular-box.yotpo-bottomline .yotpo-default-button.write-review-button .yotpo-icon-button-text { display: inline-block !important; } .catalog-product-view .yotpo-regular-box.yotpo-bottomline .yotpo-bottomline-box-1.yotpo-stars-and-sum-reviews .yotpo-default-button.write-question-button, .catalog-product-view .yotpo-regular-box.yotpo-bottomline .yotpo-bottomline-box-1.yotpo-stars-and-sum-reviews .yotpo-default-button.write-review-button, .checkout-onepage-success .yotpo-regular-box.yotpo-bottomline .yotpo-bottomline-box-1.yotpo-stars-and-sum-reviews .yotpo-default-button.write-question-button, .checkout-onepage-success .yotpo-regular-box.yotpo-bottomline .yotpo-bottomline-box-1.yotpo-stars-and-sum-reviews .yotpo-default-button.write-review-button { display: none !important; } .catalog-product-view .yotpo-small-box.yotpo-nav .yotpo-icon-btn-big.yotpo-visible-mobile, .checkout-onepage-success .yotpo-small-box.yotpo-nav .yotpo-icon-btn-big.yotpo-visible-mobile { display: none !important; } .catalog-product-view .write-review-wrapper, .checkout-onepage-success .write-review-wrapper { top: 40px !important; margin-bottom: 45px; } } .rma_form_text { margin-top: 20px; display: block; } .rma_form_text h3 { margin-bottom: 10px; text-align: left; } .rma_form_text ul { list-style: disc outside; margin-bottom: 1.5em; } .enterprise-rma-guest-view .success-msg div.success-wrapper { margin: 12px 0 54px 29px; } .enterprise-rma-guest-view .success-msg div.success-wrapper .right-address .inner-right { margin-left: 150px; } @media only screen and (max-width: 979px) { .enterprise-rma-guest-view .success-msg div.success-wrapper .right-address .inner-right { margin-left: 50px; } } @media only screen and (max-width: 770px) { .enterprise-rma-guest-view .success-msg div.success-wrapper .right-address .inner-right { margin-left: 25px; max-width: 220px; } } .enterprise-rma-return-view .messages, .enterprise-rma-guest-view .messages { margin-top: 7px; } .enterprise-rma-return-view .success-wrapper, .enterprise-rma-guest-view .success-wrapper { text-align: left; margin: 12px 0 13px 29px; } .enterprise-rma-return-view .success-wrapper h5, .enterprise-rma-guest-view .success-wrapper h5 { text-transform: none; color: #fff; margin-bottom: 26px; } .enterprise-rma-return-view .success-wrapper span, .enterprise-rma-guest-view .success-wrapper span { display: inline-block; width: 49%; } .enterprise-rma-return-view .success-wrapper .left-steps h6, .enterprise-rma-guest-view .success-wrapper .left-steps h6 { font-size: 16px; color: #fff; } .enterprise-rma-return-view .success-wrapper .left-steps .next-steps, .enterprise-rma-guest-view .success-wrapper .left-steps .next-steps { display: inline-block; padding-left: 15px; } .enterprise-rma-return-view .success-wrapper .left-steps li, .enterprise-rma-guest-view .success-wrapper .left-steps li { text-align: left; list-style-type: disc; padding: 5px 0px 0px 9px; } .enterprise-rma-return-view .success-wrapper .left-steps li:after, .enterprise-rma-guest-view .success-wrapper .left-steps li:after { content: ''; } .enterprise-rma-return-view .success-wrapper .left-steps li:first-child:after, .enterprise-rma-guest-view .success-wrapper .left-steps li:first-child:after { content: 'e'; font-family: "everlast"; font-size: 16px; color: #fff; position: relative; display: inline; line-height: 16px; top: 5px; left: 5px; } @media only screen and (max-width: 599px) { .enterprise-rma-return-view .success-wrapper .left-steps li:first-child:after, .enterprise-rma-guest-view .success-wrapper .left-steps li:first-child:after { content: 'h'; } } .enterprise-rma-return-view .success-wrapper .left-steps li a, .enterprise-rma-guest-view .success-wrapper .left-steps li a { color: #fff; text-decoration: underline; } .enterprise-rma-return-view .success-wrapper .left-steps li a:hover, .enterprise-rma-guest-view .success-wrapper .left-steps li a:hover { color: #333333; } .enterprise-rma-return-view .success-wrapper .right-address, .enterprise-rma-guest-view .success-wrapper .right-address { position: absolute; } .enterprise-rma-return-view .success-wrapper .right-address .inner-right, .enterprise-rma-guest-view .success-wrapper .right-address .inner-right { background: #fff; color: #333333; width: 276px; height: 173px; margin-left: 41px; } .enterprise-rma-return-view .success-wrapper .right-address .inner-right address, .enterprise-rma-guest-view .success-wrapper .right-address .inner-right address { padding: 29px 0 0 30px; } @media only screen and (max-width: 979px) { .enterprise-rma-return-view .success-wrapper .right-address .inner-right, .enterprise-rma-guest-view .success-wrapper .right-address .inner-right { max-width: 225px; margin-left: 10px; } .enterprise-rma-return-view .success-wrapper .right-address .inner-right address, .enterprise-rma-guest-view .success-wrapper .right-address .inner-right address { padding-left: 15px; } } @media only screen and (max-width: 770px) { .enterprise-rma-return-view .success-wrapper .right-address .inner-right address, .enterprise-rma-guest-view .success-wrapper .right-address .inner-right address { padding-left: 20px; } } @media only screen and (max-width: 599px) { .enterprise-rma-return-view .customer-account .my-account .title-buttons, .enterprise-rma-guest-view .customer-account .my-account .title-buttons { text-align: left; } .enterprise-rma-return-view .messages li li, .enterprise-rma-guest-view .messages li li { padding-right: 27px; } .enterprise-rma-return-view .success-wrapper, .enterprise-rma-guest-view .success-wrapper { margin: 12px 0 13px 8px; } .enterprise-rma-return-view .success-wrapper h5, .enterprise-rma-guest-view .success-wrapper h5 { font-size: 20px; } .enterprise-rma-return-view .success-wrapper span, .enterprise-rma-guest-view .success-wrapper span { width: 100%; } .enterprise-rma-return-view .success-wrapper .left-steps, .enterprise-rma-guest-view .success-wrapper .left-steps { margin-bottom: 25px; } .enterprise-rma-return-view .success-wrapper .right-address, .enterprise-rma-guest-view .success-wrapper .right-address { position: relative; } .enterprise-rma-return-view .success-wrapper .right-address .inner-right, .enterprise-rma-guest-view .success-wrapper .right-address .inner-right { max-width: 276px; margin-left: 0; } } @media only screen and (max-width: 479px) { .enterprise-rma-return-view .messages li li, .enterprise-rma-guest-view .messages li li { padding-right: 25px; padding-left: 17px; } .enterprise-rma-return-view .success-wrapper .right-address .inner-right address, .enterprise-rma-guest-view .success-wrapper .right-address .inner-right address { padding-left: 20px; } } @media only screen and (max-width: 325px) { .enterprise-rma-return-view .messages li li, .enterprise-rma-guest-view .messages li li { padding-left: 10px; } .enterprise-rma-return-view .success-wrapper .right-address .inner-right, .enterprise-rma-guest-view .success-wrapper .right-address .inner-right { max-width: 220px; margin-left: -10px; } } /** Magento Enterprise Edition NOTICE OF LICENSE This source file is subject to the Magento Enterprise Edition License that is bundled with this package in the file LICENSE_EE.txt. It is also available through the world-wide-web at this URL: http://www.magentocommerce.com/license/enterprise-edition 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 rwd_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://www.magentocommerce.com/license/enterprise-edition */ /* ============================================ * Calendar styles (restore styles from /js/calendar) ============================================ */ div.calendar table { border-collapse: separate; } div.calendar table td.button { display: table-cell; background: inherit; color: inherit; text-transform: none; }