/** Magento NOTICE OF LICENSE This source file is subject to the Academic Free License (AFL 3.0) that is bundled with this package in the file LICENSE_AFL.txt. It is also available through the world-wide-web at this URL: http://opensource.org/licenses/afl-3.0.php If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately. DISCLAIMER Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** Magento NOTICE OF LICENSE This source file is subject to the Academic Free License (AFL 3.0) that is bundled with this package in the file LICENSE_AFL.txt. It is also available through the world-wide-web at this URL: http://opensource.org/licenses/afl-3.0.php If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately. DISCLAIMER Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** Magento NOTICE OF LICENSE This source file is subject to the Academic Free License (AFL 3.0) that is bundled with this package in the file LICENSE_AFL.txt. It is also available through the world-wide-web at this URL: http://opensource.org/licenses/afl-3.0.php If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately. DISCLAIMER Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** Magento NOTICE OF LICENSE This source file is subject to the Academic Free License (AFL 3.0) that is bundled with this package in the file LICENSE_AFL.txt. It is also available through the world-wide-web at this URL: http://opensource.org/licenses/afl-3.0.php If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately. DISCLAIMER Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** Magento NOTICE OF LICENSE This source file is subject to the Academic Free License (AFL 3.0) that is bundled with this package in the file LICENSE_AFL.txt. It is also available through the world-wide-web at this URL: http://opensource.org/licenses/afl-3.0.php If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately. DISCLAIMER Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* // ---------------------------------------------- // 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 NOTICE OF LICENSE This source file is subject to the Academic Free License (AFL 3.0) that is bundled with this package in the file LICENSE_AFL.txt. It is also available through the world-wide-web at this URL: http://opensource.org/licenses/afl-3.0.php If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately. DISCLAIMER Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** Magento NOTICE OF LICENSE This source file is subject to the Academic Free License (AFL 3.0) that is bundled with this package in the file LICENSE_AFL.txt. It is also available through the world-wide-web at this URL: http://opensource.org/licenses/afl-3.0.php If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately. DISCLAIMER Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** Magento NOTICE OF LICENSE This source file is subject to the Academic Free License (AFL 3.0) that is bundled with this package in the file LICENSE_AFL.txt. It is also available through the world-wide-web at this URL: http://opensource.org/licenses/afl-3.0.php If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately. DISCLAIMER Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** Magento NOTICE OF LICENSE This source file is subject to the Academic Free License (AFL 3.0) that is bundled with this package in the file LICENSE_AFL.txt. It is also available through the world-wide-web at this URL: http://opensource.org/licenses/afl-3.0.php If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately. DISCLAIMER Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** Magento NOTICE OF LICENSE This source file is subject to the Academic Free License (AFL 3.0) that is bundled with this package in the file LICENSE_AFL.txt. It is also available through the world-wide-web at this URL: http://opensource.org/licenses/afl-3.0.php If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately. DISCLAIMER Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** Magento NOTICE OF LICENSE This source file is subject to the Academic Free License (AFL 3.0) that is bundled with this package in the file LICENSE_AFL.txt. It is also available through the world-wide-web at this URL: http://opensource.org/licenses/afl-3.0.php If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately. DISCLAIMER Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** Magento NOTICE OF LICENSE This source file is subject to the Academic Free License (AFL 3.0) that is bundled with this package in the file LICENSE_AFL.txt. It is also available through the world-wide-web at this URL: http://opensource.org/licenses/afl-3.0.php If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately. DISCLAIMER Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** Magento NOTICE OF LICENSE This source file is subject to the Academic Free License (AFL 3.0) that is bundled with this package in the file LICENSE_AFL.txt. It is also available through the world-wide-web at this URL: http://opensource.org/licenses/afl-3.0.php If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately. DISCLAIMER Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** Magento NOTICE OF LICENSE This source file is subject to the Academic Free License (AFL 3.0) that is bundled with this package in the file LICENSE_AFL.txt. It is also available through the world-wide-web at this URL: http://opensource.org/licenses/afl-3.0.php If you did not receive a copy of the license and are unable to obtain it through the world-wide-web, please send an email to license@magentocommerce.com so we can send you a copy immediately. DISCLAIMER Do not edit or add to this file if you wish to upgrade Magento to newer versions in the future. If you wish to customize Magento for your needs please refer to http://www.magentocommerce.com for more information. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* =========================== Base ============================== */ body { background: #fff url("../images/brushed_alu.png") top center; } body.page-empty { background: none; } /* =========================== jQuery UI fixes/overrides ============================== */ .ui-button-strong, .ui-widget-header .ui-button-strong, .ui-widget-content .ui-button-strong { background: #005790; } .ui-button-strong:hover, .ui-widget-header .ui-button-strong:hover, .ui-widget-content .ui-button-strong:hover { color: #fff; background: #0072bc; } .ui-widget-content a { color: #ff7200; } .ui-widget-content a.button { color: #fff; } .slideshow-container { border-width: 0 0 1px 0; } /* =========================== Sprites ============================== */ .sprites-sprite, #footer-catalogs a.cataloglink-tool_shop, #footer-catalogs a.cataloglink-preferred_living, #footer-catalogs a.cataloglink-wright_bros, #contact-table .sprites-social-facebook-45x45, .social-button .sprites-social-facebook-45x45, #contact-table .sprites-social-twitter-45x45, .social-button .sprites-social-twitter-45x45, #contact-table .sprites-social-youtube-45x45, .social-button .sprites-social-youtube-45x45, #contact-table .sprites-social-pinterest-45x45, .social-button .sprites-social-pinterest-45x45, #contact-table .sprites-social-instagram-45x45, .social-button .sprites-social-instagram-45x45, .footer-container .footer #footer-catalog-request .catalog-sprite, .blog-social-link .sprites-social-facebook-45x45, .blog-social-link .sprites-social-twitter-45x45 { background-image: url('../images/sprites-s9a9d3202e1.png'); background-repeat: no-repeat; } #footer-catalogs a { display: block; margin: 1em auto; } #footer-catalogs a.cataloglink-pilot_shop { display: none; } #footer-catalogs a.cataloglink-tool_shop { background-position: -150px -180px; height: 39px; width: 150px; } #footer-catalogs a.cataloglink-preferred_living { background-position: 0 -180px; height: 25px; width: 150px; } #footer-catalogs a.cataloglink-wright_bros { background-position: 0 -652px; height: 53px; width: 150px; } #contact-table .sprites-social, .social-button .sprites-social { background-color: #fff; } #contact-table .sprites-social:hover, .social-button .sprites-social:hover { background-color: #f90; } #contact-table .sprites-social-facebook-45x45, .social-button .sprites-social-facebook-45x45 { background-position: -90px -132px; height: 45px; width: 45px; display: inline-block; } #contact-table .sprites-social-twitter-45x45, .social-button .sprites-social-twitter-45x45 { background-position: -180px -132px; height: 45px; width: 45px; display: inline-block; } #contact-table .sprites-social-youtube-45x45, .social-button .sprites-social-youtube-45x45 { background-position: -338px -132px; height: 45px; width: 45px; display: inline-block; } #contact-table .sprites-social-pinterest-45x45, .social-button .sprites-social-pinterest-45x45 { background-position: -45px -132px; height: 45px; width: 45px; display: inline-block; } #contact-table .sprites-social-instagram-45x45, .social-button .sprites-social-instagram-45x45 { background-position: -135px -132px; height: 45px; width: 45px; display: inline-block; } /* =========================== Page layout ============================== */ .wrapper { border-spacing: 0; padding: 0; position: relative; /* overflow: hidden; */ width: 100%; } .page-header { min-height: 100px; padding: 0; } .page-header .phone-number { margin: 0 0 .5em; position: static; } .page-header .page-header-container { background: #f1f1f1; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2Y1ZjVmZiIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, #f5f5ff), color-stop(60%, #ffffff)); background: -moz-linear-gradient(top, #f5f5ff 5%, #ffffff 60%); background: -webkit-linear-gradient(top, #f5f5ff 5%, #ffffff 60%); background: linear-gradient(to bottom, #f5f5ff 5%, #ffffff 60%); padding: 0; text-align: center; max-width: 100%; } .page-header .page-header-container .quick-access a.boldchat { font-size: 1em; } .page-header .page-header-container .header-minicart { margin: 0 0 0 0; } .page-header .page-header-container .header-minicart .cart-link { color: #00c22c; font-size: medium; font-weight: bolder; } .page-header #header-nav .nav-primary li { text-align: left; } #header-search #search_mini_form .searchautocomplete-placeholder { border-radius: 0; position: absolute !important; top: 100% !important; } #header-search #search_mini_form .search-button { height: 100%; } #header-search #search_mini_form .search-button::before { background-position: -96px -146px; } .header-topbar { background: none; min-height: auto; height: auto; padding: 0; } .header-topbar .logo { display: inline-block; border: 0 none; line-height: 0; margin: 0; min-height: 0; text-align: left; padding: 1em; vertical-align: top; } .header-topbar .logo .large { display: inline-block; } .header-topbar .logo strong { font-size: 0; line-height: 0; margin: 0; position: absolute; } .header-topbar .logo a { display: block; line-height: 0; } @media only screen and (min-width: 600px) { .page-header .page-header-container .skip-links .cart-button .icon { margin-right: 3px; } .page-header .phone-number { margin: 1em; position: absolute; right: 0; top: 1em; } .header-topbar .logo .sprites-logo-pilotshop-white { margin: 0; padding: 1em; } .header-topbar .logo .sprites-logo-pilotshop-black { margin: 0; padding: 0; } } @media only screen and (min-width: 751px) { .page-header { text-align: center; } .page-header .page-header-container { background: none; margin: 0 auto; padding: 0 30px; text-align: left; } .page-header .page-header-container .header-topbar .logo { margin: 1em 0; min-height: auto; padding: 0; width: auto; } .page-header .page-header-container .skip-links { clear: none; float: right; } .page-header .page-header-container .skip-links .cart-button .icon { display: inline-block; height: 30px; vertical-align: middle; width: 30px; } .page-header .page-header-container .skip-links .skip-cart, .page-header .page-header-container .skip-links .cart-button { background: none repeat scroll 0 0 #ff7200; border: 1px solid #e51; color: #fff; display: block; height: 40px; line-height: 1; margin: 2em 0 0 1em; padding: 5px 0.25em; } .page-header .page-header-container .skip-links .skip-cart .icon, .page-header .page-header-container .skip-links .cart-button .icon { background-position: -100px -95px; } .page-header .page-header-container .skip-links .skip-cart .count, .page-header .page-header-container .skip-links .cart-button .count { background: rgba(238, 85, 17, 0.9); color: #fff; } .page-header .page-header-container .skip-links .skip-cart { position: static; } .page-header .page-header-container .skip-links #header-cart.skip-active { margin: 3.5em 30px 0 0; } .page-header .page-header-container .phone-number { display: none; } .page-header .page-header-container .quick-access { display: block; float: right; max-width: 100%; position: static; padding: 0; } .page-header .page-header-container .quick-access a.phone-number { color: #222; position: static; text-shadow: none; } .page-header .page-header-container .quick-access .links ul { padding: .5em 30px; } .page-header .page-header-container .quick-access .links ul li a { color: #fff; text-shadow: none; } .page-header .page-header-container .quick-access .links ul li a::before { content: '\00BB\00A0'; } .page-header .page-header-container .quick-access .links ul li a.no-arrows::before { content: ''; } .page-header .page-header-container .quick-access .links ul li .ui-icon { background-image: url("../../default/images/ui-icons_ffffff_256x240.png"); } .page-header .page-header-container .quick-access #header-account { background: url("../images/cloud-stripe-dark.jpg") no-repeat scroll 0 0 #222; background-size: cover; margin: 0; position: absolute; right: 0; top: 0; width: 100%; } .page-header .page-header-container .quick-access #header-account a:hover { color: #ff7200; } .page-header .page-header-container .quick-access #header-search { height: auto; margin: 0; position: static; width: auto; } .page-header .page-header-container .quick-access #header-search #search_mini_form { margin: 2em 0 1em; vertical-align: middle; } .page-header .page-header-container .quick-access #header-search #search_mini_form input { color: #555555; display: inline-block; margin: 0; padding: .25em; vertical-align: middle; width: 18em; } .page-header .page-header-container .quick-access #header-search #search_mini_form label { display: none; } .page-header .page-header-container .quick-access #header-search #search_mini_form button { background: none repeat scroll 0 0 #ff7200; border: 1px solid #e51; border-radius: 0; color: #fff; margin: 0 0 0 .5em; vertical-align: middle; width: auto; } .page-header .page-header-container .quick-access #header-search #search_mini_form button.ui-state-hover { background: none repeat scroll 0 0 #f90; } .page-header .page-header-container .quick-access #header-search #search_mini_form button:active { border-top: 1px solid #e51; border-right: 1px solid #e51; border-bottom: 1px solid #ff7200; border-left: 1px solid #ff7200; background-color: #e51; } .page-header .page-header-container .quick-access #header-search #search_mini_form button .ui-button-text { padding: .25em .5em; } .page-header #header-nav { border-color: #ededed; border-style: solid; border-width: 1px 0; padding: 0.5em 0; } .page-header #header-nav .nav-primary a { line-height: 1.1em; padding: .5em 0; } .page-header #header-nav .nav-primary li.menu-active > a, .page-header #header-nav .nav-primary li.sub-menu-active > a, .page-header #header-nav .nav-primary a:hover, .page-header #header-nav .nav-primary li:hover > a { color: #ff7200; } .page-header #header-nav .nav-primary li.level0 { width: 9%; border-right: 1px solid #ededed; text-align: center; } .page-header #header-nav .nav-primary li.level0 a.level0 { font-size: 0.9em; line-height: 1.1em; padding: 0 .3em; text-transform: none; vertical-align: middle; } .page-header #header-nav .nav-primary li.level0 ul { box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); } .page-header #header-nav .nav-primary li.level0 ul.level0 { text-align: left; top: 95%; } .page-header #header-nav .nav-primary li.last { border: 0; } .page-header #header-nav .nav-primary li.level1 ul { left: 99%; top: 5px; } .page-header #header-nav .nav-primary ul.spill > li > ul { left: -98%; } .header-topbar { overflow: visible; padding-top: 2.5em; } .header-topbar .logo { padding: 0 1%; } .header-nav { border: 1px solid #ededed; border-width: 1px 0; } } @media only screen and (max-width: 750px) { .page-header .header-topbar .skip-links { display: block; } .page-header .header-topbar .skip-links .skip-link, .page-header .header-topbar .skip-links .cart-button { width: 33%; } .page-header .header-topbar .skip-links .skip-nav { width: 34%; } .page-header .header-topbar .skip-links .skip-cart .count, .page-header .header-topbar .skip-links .cart-button .count { background: #ff7200; } .page-header .header-topbar .skip-links .block { margin: 0; padding: 1em 0; } .page-header .header-minicart .cart-link { display: none; } } @media only screen and (max-width: 599px) { .skip-links .skip-link, .skip-links .cart-button { width: 25%; } .skip-links .skip-nav { width: 50%; } } @media (max-width: 770px) and (min-width: 751px) { .page-header #header-nav a.level0 { font-size: 0.8em !important; } } .center { max-width: 90%; } .footer-container ul { list-style-type: none; padding: 0; margin: 0; } .footer-container img { max-width: 100%; } .footer-container h3.block-subtitle { font-size: 1.1em; text-transform: none; } .footer-container h3.block-subtitle strong { font-weight: 500; } .footer-container .footer { background: #ededed; border-top: 7px solid #888; padding-top: 0; } .footer-container .footer .button { background-color: #ff7200; } .footer-container .footer .footer-links { background: none; border: 0; border-radius: 0; } .footer-container .footer #footer-email-signup-container { text-align: center; } .footer-container .footer #footer-email-signup-container .input-box, .footer-container .footer #footer-email-signup-container .actions { float: none; margin: 0; text-align: center; width: 100%; } .footer-container .footer #footer-email-signup-container .actions .button { float: none; } .footer-container .footer #footer-email-signup-container .newsletter-validate-detail input, .footer-container .footer #footer-email-signup-container .newsletter-validate-detail button { margin: 0 auto 1em; } .footer-container .footer #footer-email-signup-container .newsletter-validate-detail .input-box input.email-signup { border-radius: 0; } .footer-container .footer #footer-catalogs a.cataloglink-pilot_shop { display: none; } .footer-container .footer #footer-email-signup-container .email-signup-sprite, .footer-container .footer #footer-connect .connect-sprite { color: #636363; font-size: 65px; line-height: 65px; margin: 0 auto .5rem; } .footer-container .footer #footer-catalog-request { overflow: hidden; } .footer-container .footer #footer-catalog-request .catalog-sprite { background-position: -314px -369px; height: 65px; width: 75px; margin: 0 auto .5rem; } /* ================================ Ask an expert =================================== */ .product-essential-info-container .ask-the-experts { background: #f3f3f3 none repeat scroll 0 0; padding: 1.1em 0 3em 0; border-top: none; } .product-essential-info-container .ask-the-experts .block-content { padding: 0 0 0 10px; } .product-essential-info-container .ask-the-experts .block-content .expert-desc { padding: 1em 0 0 0; } .product-essential-info-container .ask-the-experts .block-content .expert-email { padding: 2em 0 0 0; } /* ================================ Showing All Related Products =================================== */ .collateral-tabs .block-content ul li { display: list-item; } .accessories-link h2 a { padding: 0; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; color: #636363; font-size: 24px; font-weight: 400; } .accessories-desc { font-family: "Open Sans", Trebuchet, Tahoma, sans-serif; color: #636363; font-size: 14px; padding: 0 0 10px 0; } .line-separator { height: 1px; border-bottom: 1px solid #bbbbbb; } .add-to-links { padding: 10px 0 0 0; } /* ================================ Typography, icons, decorative =================================== */ a, .block-title h2, .block-title h3, .block-title strong, .block-account li strong, .block-cms-menu li strong { color: #00384a; } a:hover, .block-account li a:hover, .block-cms-menu li a:hover, .block-account li a, .block-cms-menu li a, .breadcrumbs a:hover { color: #ff7200; text-decoration: none; } a:focus { color: #ff7200; } .catblocks li:hover, .button2 span, .button2 span span, .promo-msg, .price-box .minimal-price-link, .price-box .special-price, .pages a, .pages .current, .footer address, .footer .links a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover, .block-layered-nav .block-content > dl > dt:hover, .product-view .product-shop .price-box .special-price .price, .product-collateral > dl > dt:hover, .grouped-items-table .name-wrapper, .opc .section.allow .step-title:hover h2, .opc .section.active .step-title h2, #wishlist-table .product-name a, #wishlist-table .giftregisty-add li, #wishlist-table .truncated .details, .header-minicart .product-details .product-name a, .header-minicart .info-wrapper td, .header-minicart .subtotal .price { color: #ff7200; } h1, .h1, .block-title, .cms-index-index h2.subtitle, .cms-page-view .std h1, .cms-no-route .std h1, .cms-page-view .std h2, .cms-no-route .std h2, .crosssell h2, #customer-reviews h2, #customer-reviews h3 span, #customer-reviews dl dd .review-meta, .product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1, .product-review .product-details h2, h2.product-name a:hover, h3.product-name a:hover { color: #000; } h2, .h2, .footer .block-title strong, .price-box .price, .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .full-product-price .price { color: #424242; } h3.product-name, h4.product-name { text-transform: none; } .products-grid .product-name, .products-list .product-name { text-transform: none; } .footer a, .breadcrumbs a { color: #00384a; } .footer .block-title strong { font-weight: 600; } .button, .cart-table .product-cart-actions .button, #co-shipping-method-form .buttons-set .button, .footer .button, .btn-previous:hover, .block-layered-nav .block-subtitle--filter, .opc .section .step-title .number, .opc .section.allow.active .step-title .number, .no-touch .opc .section.allow:hover .step-title .number { background-color: #ff7200; } .btn-remove:hover, .btn-remove::after { background-color: transparent; color: #ccc; } .btn-remove:hover::after { color: #ccc; } .button:hover, .cart-table .product-cart-actions .button:hover, #co-shipping-method-form .buttons-set .button:hover, .footer .button:hover, .block-layered-nav .block-subtitle--filter:hover { background-color: #f90; text-decoration: none; } .input-text { border-radius: 0; } .block-content .input-box input:focus, .footer-container #footer-contact-container .block-subscribe input:focus { border: 1px solid #f90; } .btn-remove:hover, .btn-previous:hover, .search-autocomplete ul { border-color: #e51; } .truncated .truncated_full_value .item-options, .no-touch .product-image:hover, .pages .next:hover, .pages .previous:hover, .input-text:focus, .event-container, #wishlist-table textarea:focus { border-color: #ff7200; } .search-autocomplete ul li { border-color: #ccc; } .block-layered-nav .block-subtitle--filter:after, .block-layered-nav .block-content.accordion-open > dl > dt.current:after, .product-collateral.accordion-open > dl > dt.current:after, #accordion > dl > dt:after { border-top: 4px solid #ff7200; } .pages .previous:before { border-right: 4px solid #ff7200; } .pages .previous:hover:before { border-right: 4px solid #f90; } .pages .next:before, .block-layered-nav .block-content > dl > dt:after, .product-collateral > dl > dt:after { border-left: 4px solid #ff7200; } .pages .next:hover:before { border-left: 4px solid #f90; } .cart-table .cart-tax-total.cart-tax-total-expanded:after { border-top: 6px solid #ff7200; } .cart-table .cart-tax-total:after { border-right: 6px solid #ff7200; } #checkout-review-table .summary-collapse:before, #shopping-cart-totals-table .summary-collapse:before, body.customer-account .data-table .summary-collapse:before { border-top: 7px solid #ff7200; } .truncated .truncated_full_value .item-options:after, #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, .search-autocomplete:before { border-bottom: 7px solid #ff7200; } .event-container:after { border-top: 10px solid #ff7200; } body#tinymce { overflow: scroll; } .banner, .thin-banner { background-color: #ff7200; } .thin-banner { line-height: 1.5; text-align: center; text-transform: uppercase; } .thin-banner a { background-color: #dedede; color: #888; display: inline-block; font-size: .8em; line-height: 1; margin: 0 1em; padding: .5em; vertical-align: bottom; } .thin-banner a:hover { text-decoration: none; } @media only screen and (min-width: 751px) { .product-collateral .toggle-tabs li.current span, .product-collateral .toggle-tabs li:hover span { color: #ff7200; } } /* ================================ Widgets and reusable blocks =================================== */ .cms-index-index .category-scroller .actions, .cms-index-index .category-scroller .ratings { display: block; } .cms-index-index .col-main .category-scroller .products-grid > li.first { clear: both; } .cms-index-index .col-main .category-scroller .products-grid .actions { min-height: auto; padding: 0; position: static; } .category-scroller .actions a { float: none; } .category-scroller .actions button, .category-scroller .actions .button, .category-scroller .actions .ui-button { float: none; } .category-scroller .actions button .ui-button-text, .category-scroller .actions .button .ui-button-text, .category-scroller .actions .ui-button .ui-button-text { padding: 0; } .widget-tile { background-color: #0072bc; } .widget-tile .widget-tile-image { transition: opacity 1s; } .videos .block-subtitle, .cms-index-index .col-main .videos .block-subtitle { background: rgba(0, 0, 0, 0.8); bottom: 0; line-height: 1.1; margin: 0; padding: .5em; position: absolute; text-align: center; width: 100%; } .videos .block-subtitle h3, .videos .block-subtitle h4, .cms-index-index .col-main .videos .block-subtitle h3, .cms-index-index .col-main .videos .block-subtitle h4 { color: #fff; font-size: 1em; margin: 0; max-width: 100%; overflow: hidden; padding: 0; text-overflow: ellipsis; text-transform: none; white-space: nowrap; } .videos .block-subtitle h3 a, .videos .block-subtitle h3 strong, .videos .block-subtitle h4 a, .videos .block-subtitle h4 strong, .cms-index-index .col-main .videos .block-subtitle h3 a, .cms-index-index .col-main .videos .block-subtitle h3 strong, .cms-index-index .col-main .videos .block-subtitle h4 a, .cms-index-index .col-main .videos .block-subtitle h4 strong { color: #fff; } .videos .block-subtitle h4 strong, .cms-index-index .col-main .videos .block-subtitle h4 strong { font-weight: 400; } /* =========================== Home page ============================== */ .cms-index-index .col-main .block h2.block-title, .cms-index-index .col-main > .block h2.block-title { background: none; color: #222; font-size: 2em; font-weight: 700; text-align: center; } .cms-index-index .col-main .block h2.block-title strong, .cms-index-index .col-main > .block h2.block-title strong { font-weight: 700; } .cms-index-index .col-main .block h2.block-title a, .cms-index-index .col-main > .block h2.block-title a { color: #222; } .cms-index-index .col-main .block .block-content, .cms-index-index .col-main > .block .block-content { border: 0; border-bottom: 1px solid #ccc; } .cms-index-index .col-main .grid-block .block .block-content { border: 0; } .cms-index-index .col-main .pick-of-the-week { background-color: #ededed; margin: 0.5em 0 2em; overflow: visible; padding: .5em 1em; position: relative; text-align: center; } .cms-index-index .col-main .pick-of-the-week h2.block-title { font-size: 1.625em; line-height: 1; margin: .25em; } .cms-index-index .col-main .pick-of-the-week h2.block-title a, .cms-index-index .col-main .pick-of-the-week h2.block-title strong { color: #000; } .cms-index-index .col-main .pick-of-the-week h3.block-subtitle { color: #ff7200; font-size: 1.5em; font-weight: 600; line-height: 1; } .cms-index-index .col-main .pick-of-the-week .grid-block { vertical-align: middle; } .cms-index-index .col-main .pick-of-the-week .block-content { border: 0; padding: .5em 1em; } .cms-index-index .col-main .pick-of-the-week .actions a { float: none; margin-top: 1em; } .cms-index-index .col-main .team-profile { overflow: visible; padding: 0 1em; position: static; text-align: left; } .cms-index-index .col-main .team-profile h3.block-subtitle { font-size: 1.125em; margin: 0 0 .5em 0; text-transform: none; } .cms-index-index .col-main .team-profile h4 { font-size: 1em; margin: 0 0 .5em 0; } .cms-index-index .col-main .team-profile img.team-image { display: block; float: none; margin: 0.5em auto 1em; max-width: 120px; } .cms-index-index .col-main .team-profile .team-profile-text { font-size: .9em; padding: 0; } .cms-index-index .col-main .team-profile .team-profile-text p { line-height: 1.4; margin-bottom: .25em; } .cms-index-index .col-main .team-profile .team-profile-text blockquote { text-align: left; } .cms-index-index .col-main .team-profile .ratings { font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; } .cms-index-index .video-container .video-start { width: 100%; } /* Adjustments to compensate for empty div at the top of the page that we can't get rid of */ body.cms-home .main-container { padding-top: 0; } body.cms-home .col-main > .std:first-child *:first-child { padding-top: 1em; } @media only screen and (min-width: 751px) { .cms-index-index .col-main .team-profile { overflow: hidden; padding: 0; } .cms-index-index .col-main .team-profile img.team-image { background: none; float: right; margin: 0 0 0 1em; max-width: 150px; padding: 0; } } @media only screen and (min-width: 980px) { .cms-index-index .videos .block-title, .cms-index-index .blogs .block-title { background: none; } .cms-index-index .videos .block-title a, .cms-index-index .blogs .block-title a { text-decoration: none; } .cms-index-index .videos .block-subtitle, .cms-index-index .blogs .block-subtitle { margin: 1em 0; padding: 0; } .cms-index-index .videos .block-subtitle strong, .cms-index-index .blogs .block-subtitle strong { font-weight: 500; } .cms-index-index .col-main .block .block-title { margin: 0; } .cms-index-index .col-main .pick-of-the-week .grid-block { padding: 0 .5em; } } /* =========================== Product/category pages ============================== */ .category-study-buddy section.ui-widget { margin-bottom: 4em; } .category-study-buddy .page-title { display: none; } .product-special-callout { color: #00384a; } /* =========================== Checkout/Cart Page ============================== */ .header-minicart .product-details .product-name a { color: #ff7200; } .checkout-onepage-index .ground-shipping-only-alert { display: block; } .receipt-order-review .block-title strong { color: #e51; } /* =========================== Blog ============================== */ .post-wrapper { margin: 0 0 2em 0; overflow: hidden; padding: 0 0 1em 0; } .post-wrapper .poster { display: inline; } .post-title { margin-bottom: 1em; } .post-title h2 { color: #000; font-weight: normal; text-transform: uppercase; } .post-title h2 a { color: #000; } .post-title h3 { font-size: .9em; font-weight: 400; margin: 0; } .post-intro { background-color: #ededed; margin-bottom: 3em; overflow: hidden; padding: 1em; } .post-intro p { font-size: 1.1em; line-height: 1.5; } .post-intro .post-title { text-align: center; } .post-intro .post-title h2 { font-size: 2.25em; margin: 0 0 .5em; } .post-intro .post-title h3 { padding: .1em 0; } .post-content ol { list-style-type: none; } .post-content ol li { counter-increment: blog-ol-counter; } .post-content ol li::before { font-variant-numeric: lining-nums; -moz-font-feature-settings: "lnum" 1; -moz-font-feature-settings: "lnum=1"; -ms-font-feature-settings: "lnum" 1; -o-font-feature-settings: "lnum" 1; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; clear: left; color: #0072bc; content: counter(blog-ol-counter); float: left; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 3em; line-height: 1; margin: 0 .5em 0 0; } .post-content ol, .post-content ul { margin: 0; padding: 0; } .post-content ol li, .post-content ul li { border-bottom: 1px dotted #dedede; overflow: hidden; margin: 0; padding: 1em 0; } .post-content ol li > h3, .post-content ul li > h3 { font-weight: 400; line-height: 1; margin-top: 0; } .post-content.std ol, .post-content.std ul, .post-content .std ol, .post-content .std ul { padding-left: 1em; } .post-content.std ol li, .post-content.std ul li, .post-content .std ol li, .post-content .std ul li { border: 0; overflow: hidden; padding: .5em 0; } .post-content.std ul, .post-content .std ul { list-style-type: disc; } .post-content.std ol::before, .post-content .std ol::before { color: inherit; font-size: 1em; } .post-thumbnail.textwrap-left { margin-right: 2em; } .post-thumbnail.textwrap-right { margin-left: 2em; } .blog-social-link .sprites-social { background-color: #fff; } .blog-social-link a.button { background: none; color: #00384a; font-size: 1.5em; margin: 0 0 .5em; padding: 0; text-transform: none; } .blog-social-link a.button .sprites-social { vertical-align: middle; } .blog-social-link a.button:hover .sprites-social { background-color: #f90; } .blog-social-link .sprites-social-facebook-45x45 { background-position: -90px -132px; height: 45px; width: 45px; display: inline-block; } .blog-social-link .sprites-social-twitter-45x45 { background-position: -180px -132px; height: 45px; width: 45px; display: inline-block; } .menu-tags, .menu-categories, .menu-recent { margin: 1em 0; } .menu-tags li, .menu-categories li, .menu-recent li { margin: 0 0 .5em; } .menu-tags h5 { font-size: 1.42188em; } .blog-index-list .post-wrapper, .blog-cat-view .post-wrapper { border-bottom: 1px dotted #dedede; } .blog-index-list .post-wrapper .post-thumbnail, .blog-cat-view .post-wrapper .post-thumbnail { max-width: 25%; } .blog-index-list .post-wrapper .aw-blog-read-more, .blog-cat-view .post-wrapper .aw-blog-read-more { background-color: #ff7200; color: #fff; display: inline-block; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; margin: 1em 0; padding: 7px 15px; text-align: center; text-transform: uppercase; white-space: nowrap; } .blog-index-list .post-wrapper .aw-blog-read-more:hover, .blog-cat-view .post-wrapper .aw-blog-read-more:hover { background-color: #f90; } .blog-index-list .post-content h2, .blog-cat-view .post-content h2 { font-weight: 400; text-align: left; } .blog-post-view .sidebar .block-title { font-weight: 400; } .blog-post-view .sidebar .widget-product-link-vertical { background-color: #ededed; position: relative; text-align: center; } .blog-post-view .sidebar .widget-product-link-vertical .block { padding-bottom: 0; } .blog-post-view .sidebar .widget-product-link-vertical h2.block-title { border-top: 8px solid #ff7200; font-weight: 600; margin: 0 auto .25em; padding-top: .5em; text-transform: uppercase; width: 90%; } .blog-post-view .sidebar .widget-product-link-vertical .team-profile { overflow: hidden; } .blog-post-view .sidebar .widget-product-link-vertical .team-profile blockquote { background-color: #dedede; margin: .5em auto; padding: 1em .5em; width: 90%; } .blog-post-view .sidebar .widget-product-link-vertical .team-image { margin: 0 auto; max-height: 180px; } .blog-post-view .sidebar .widget-product-link-vertical .team-profile-text h4 { color: #f90; font-weight: normal; text-transform: none; } .blog-post-view .sidebar .widget-product-link-vertical .team-profile + h3.block-subtitle { border-top: 1px solid #dedede; margin: 1em auto .25em; padding-top: 1em; width: 90%; } .blog-post-view .sidebar .widget-product-link-vertical .product-image { margin: .5em auto; max-width: 90%; } .blog-post-view .sidebar .widget-product-link-vertical .actions .button { float: none; margin: 1em auto; } /* =========================== Responsive ============================== */ @media only screen and (min-width: 751px) { .footer address { margin: 0; } .footer .block { background: #dedede; margin: 1em 0; padding: 1em; } .footer .block h2 strong, .footer .block .h2 strong { font-weight: 700; } .footer .block .block { background: none; border: 0; border-top: 1px solid #ccc; margin: 0; padding: 1em 0 0 0; } .footer .block-subscribe { text-transform: none; } .footer .footer-signups-social { border-spacing: 1em; display: table; } .footer .footer-signups-social .grid-block { background: #dedede; display: table-cell; } .footer .footer-signups-social .grid-block .block { background: none; padding: 0; } #footer-contact dl dt { margin-bottom: .5em; } } @media only screen and (min-width: 980px) { .wrapper { padding: 0; } } /* =========================== Slick Carousel Default ============================== */ /*.block-content { border-bottom: none; } .category-scroller { .slideshow.slick-slider { border-bottom: 1px solid #ccc; } }*/ .boxed { vertical-align: baseline !important; }