/** * 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_modern * @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* HTML5 Reset for Old Browser */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* Reset ================================================================================= */ * { margin: 0; padding: 0; } body { font-family: 'Open Sans', sans-serif; font-size: 62.5%; color: #333; } p { font-size: 1.2em; line-height: 1.8em; margin: 0 0 40px; } ul { margin: 0 0 40px; } li { list-style: none; font-size: 1.2em; line-height: 1em; } img { border: 0px; max-width: 100%; } a { outline: none; color: #092c5d; text-decoration: none; } a:hover { color: #ba0f15; } /* Headings */ h1, h2 { font-size: 1.8em; font-weight: 700; margin: 0 0 20px; color: #444343; text-transform: uppercase; } h3, h4 { font-size: 1.6em; font-weight: 600; margin: 0 0 20px; color: #444343; text-transform: uppercase; } h5, h6 { font-size: 1.4em; font-weight: 600; margin: 0 0 20px; color: #444343; text-transform: uppercase; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ p {} strong { font-weight:bold; } address { font-size: 1.2em; font-style:normal; line-height:1.8em; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small { font-size:1em; } big { font-size:1.15em; } /*sup { font-size:1em; vertical-align:top; }*/ /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper {} .page { width:960px; margin:15px auto 0; text-align:left; } .page-print { background:#fff; padding:25px 30px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { background:#fff; padding:25px 30px; text-align:left; } .main-container {} .main { background:#fff; border:1px solid #bbb; border-top:0; border-bottom-color:#666; padding:16px 16px 50px; min-height:350px; } /* Base Columns */ .col-left { float:left; width:220px; padding:0 0 1px; } .col-main { float:left; width:686px; padding:0 0 1px; } .col-right { float:right; width:220px; padding:0 0 1px; } /* 1 Column Layout */ .col1-layout .main { padding:16px 30px 40px; } .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:452px; } .col3-layout .col-wrapper { float:left; width:689px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width: 100%; } .col2-set .col-2 { float:right; width: 100%; } .col2-set .col-narrow { width:32%; } .col2-set .col-wide { width:65%; } .col2-set .col-1 .new-users { width: 100%; margin: 0 0 30px; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; color:#2f2f2f; } input.input-text,select,textarea { background:#fff; border:1px solid #CCC; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #b6b6b6; padding:1px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; cursor:pointer; background: #e2383f; color:#FFF; } button.button span { float:left; line-height: 42px; padding: 0 14px; font:600 1em/42px 'Open Sans', sans-serif; text-transform:uppercase; text-align:center; white-space:nowrap; } button.button:hover { background: #be2f35; } button.disabled span { color:#bbb !important; } /*button.btn-cart span {}*/ button.btn-checkout span { border:0; } button.btn-checkout span span { padding:0 40px 0 34px; } button.btn-checkout.no-checkout span { background-position:0 100%; color:#cfcfcf; } button.btn-checkout.no-checkout span span { background-position:100% 100%; } p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus { background-color:#edf7fd; }*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 6px; } .form-list label { float:left; color:#555; font-weight:bold; position:relative; z-index:0; margin: 0; } .form-list label.required {} .form-list label.required em, span.required { float:left; font-style:normal; color:#eb340a; margin:0 5px 0 0; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-top:-1px; margin-right:4px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; width: 100%; font-size:0.9em; } .customer-account-create .form-list .input-box { width: 100%; } .form-list .field { float:left; width: 100%; } .form-list input.input-text { width: 90%; margin: 8px 0 0; } .form-list textarea { width:254px; height:10em; } .form-list select { width: 92%; clear:both; margin:1% 0; } .form-list li.wide .input-box { width: 92%; } .form-list li.wide input.input-text { width: 98%; } .form-list li.wide textarea { width:529px; } .form-list li.wide select { width:100%; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } .form-list-narrow li { margin-bottom:0; } .form-list-narrow li .input-box { margin-bottom:6px; } .form-list-narrow li.wide .input-box { width:260px; } .form-list-narrow li.wide input.input-text, .form-list-narrow li.wide textarea { width:254px } .form-list-narrow li.wide select { width:260px; } #td_review .form-list .input-box { width: 94%; } #td_review #amorderattr label { font-size:0.7em; } #td_review .form-list input.input-text { width:99%; } #td_review .form-list textarea { width:97.5%; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } .buttons-set { clear:both; margin:4em 0 0; padding:8px 0 0; border-top:1px solid #e4e4e4; text-align:right; } .buttons-set p.required { margin:0 0 10px; } .buttons-set .back-link { float:left; margin:0; } .buttons-set button.button { float:right; margin-left:5px; } .buttons-set-order { margin:10px 0 0; } .buttons-set-order .please-wait { padding:5px 7px 0 0; } .fieldset { margin:0 2.5% 25px; } .fieldset .legend { margin:0 -10px 12px; background:#0f4a9d; padding:2px 10px; font-size:1.3em; line-height:2em; color: #FFF; } .fieldset .group-select { border-top:1px solid #ececec; margin: 2% 0 0; padding: 2% 0 0; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:13px; font-size:11px; line-height:13px; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/validation_advice_bg.gif) 2px 3px no-repeat; color:#eb340a; } .validation-failed { border:1px solid #eb340a !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:11px; text-align:right; color:#EB340A; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#df280a; font-weight:bold; } .notice { color:#e26703; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px !important; } .messages li li { margin:0 0 3px !important; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; padding:4px 12px !important; font-size:11px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; color:#3d6611; } .note-msg, .notice-msg { border-color:#092c5d; background-color:#0f4a9d; color:#FFF; text-shadow: 1px 1px 3px #061e3f; } /* BreadCrumbs */ .breadcrumbs { display: none; } .breadcrumbs a { color: #181818; } .breadcrumbs a:hover { color: #383838; } .breadcrumbs ul { margin: 0; } .breadcrumbs li { display:inline; font-size: 1.3em; text-transform: uppercase; color: #181818; } .breadcrumbs li strong { font-weight: 700; } .catalog-product-view .breadcrumbs { background: #313a96; } .catalog-product-view .breadcrumbs li { color: #FFF; } .catalog-product-view .breadcrumbs a { color: #FFF; } /* Page Heading */ .page-title { width:100%; overflow:hidden; margin:0 0 16px; } .page-title h1, .page-title h2 { font-size:23px; font-weight:normal; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; margin:7px 0 0; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; padding:12px 0 0; font-size:16px; font-weight:bold; margin:0 0 6px; } .grid-list-wrap { float: left; margin: 0 12px 0 0; } .grid-list-wrap p { margin: 0; } /* Pager */ .pager { font-size:11px; padding: 10px 0; border-top:1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; text-align:center; } .pager .amount { float: right; font-size: 1.1em; } .pager .limiter { float: right; clear: right; margin: 6px 0 0px; } .pager .limiter label { vertical-align:middle; } .pager .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; } .pager .pages { margin: 10px 0 0; float: left; clear: left; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; margin:0 2px; } .pager .pages .current {} /* Sorter */ .sorter { font-size:11px; } .sorter .view-mode { float:left; margin:0; } .sorter .sort-by { float:right; } .sorter .sort-by label { vertical-align:middle; } .sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } .sorter .link-feed {} .sorter .limiter { float:right; } .sorter .limiter label { vertical-align: middle; } /* Toolbar */ .toolbar { margin: 0 0 30px; } .toolbar .pager { font-weight: 700; } .toolbar .sorter { } .toolbar-bottom {} /* Data Table */ .data-table { width:100%; } .data-table tr.odd { background:#fff } .data-table tr.even { background:#fcfcfc; } .data-table tr.last th, .data-table tr.last td { border-bottom:0 !important; } .data-table th { padding:2px 8px; font-size:10px; text-transform:uppercase; white-space:nowrap; } .data-table th.wrap { white-space:normal; } .data-table th a { color:#fff; } .data-table td { padding: 7px; } .data-table thead, .data-table thead tr { background:#f8f8f8; border: 1px solid #e0e0e0; } .data-table tfoot { border-bottom:1px solid #d9dde3; } .data-table tfoot tr { background-color:#f3f3f3 !important; } .data-table tbody th { padding:3px 8px; font-size:11px; font-weight:bold; text-transform:none; white-space:normal; } .data-table tbody th, .data-table tbody td { border-bottom:1px solid #d9dde3; } .data-table tfoot strong { font-size:14px; } /* Bundle products tables */ .data-table tbody.odd tr { background:#fff; } .data-table tbody.even tr { background:#fcfcfc; } .data-table tbody.odd tr td, .data-table tbody.even tr td { border-bottom:0; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; } .data-table tbody td .option-label { font-weight:bold; font-style:italic; } .data-table tbody td .option-value { padding-left:10px; } /* Generic Info Box */ .info-box { margin:0 0 15px; } .info-box h2 { font-size:13px; font-weight:bold; border-bottom:1px solid #ddd; margin:0 0 8px; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 20px; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; margin: 0 0 20px; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { font-weight:bold; color:#d62502; } .link-wishlist { color:#444; } .link-reorder {} .link-compare {} .link-print { /*background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/i_print.gif) 0 2px no-repeat; padding:3px 0 3px 25px;*/ } .link-rss { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; } .btn-remove { display:block; width:12px; height:12px; font-size:0; line-height:0; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-previous { display:block; width:12px; height:12px; font-size:0; line-height:0; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/btn_previous.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:12px; height:12px; font-size:0; line-height:0; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; background:#ccc; margin:10px 0; text-indent:-999em; overflow:hidden; } /* Global site notices */ .global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; } .global-site-notice .notice-inner .actions { padding-top:10px; } /* Cookie Notice */ .notice-cookie { } /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* ======================================================================================= */ /* Header ================================================================================ */ .header-container {} .header { margin:0 0 12px; } .header .logo { float:left; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header .top-promo { float:left; width:117px; height:30px; margin:12px 10px 0; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_top-promo.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .quick-access { background:#444; color:#fff; padding:7px 13px; text-align:right; } .quick-access .welcome-msg { display:inline; margin:0; color:#fff; } .quick-access .welcome-msg a { color:#ddd; } .quick-access .form-language { float:left; } .quick-access .form-language label { font-weight:bold; padding-right:5px; color:#fff; vertical-align:middle; } .quick-access .form-language select { padding:0; } .quick-access .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; } .quick-access .links { padding-left:8px; } .quick-access .links, .quick-access .links li { display:inline; } .quick-access .links li { padding:0 4px 0 1px; } .quick-access .links a { color:#ddd; } .quick-access .links a { padding:0 7px 0 0; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_pipe1.gif) no-repeat 100% 50%; } .quick-access .links li.last a { padding:0; background:none; } .top-bar { width: 100%; float: left; } .top-bar .breadcrumbs { float:left; width:580px; overflow:hidden; } .form-search { width: 100%; float:right; } .form-search label { float:left; font-size:12px; font-weight:bold; padding:0 5px 0 0; } .form-search input.input-text { border: 0; float:left; margin: 0 5px 0 0; padding: 4px 2px; width: 78%; padding: 8px 2px 8px 8px; } .form-search button.button { float:left; } .form-search button.button span { background: #c5151c; height: 32px; font-size: 1.2em; line-height: 32px; color: #FFF; padding: 0 6px; } .form-search .search-autocomplete { z-index:999; } .form-search .search-autocomplete ul { border:1px solid #999; background-color:#f9f5f0; } .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; } .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .form-search .search-autocomplete li.odd { background-color:#f6f6f6; } .form-search .search-autocomplete li.selected { background-color:#ecf9ea; } .header-search { width: 100%; float: left; padding: 12px 0; } .header-container .top-container { padding:5px 12px; background:#fff; border:1px solid #bbb; border-width:0 1px 1px; text-align:right; } /********** < Navigation */ /*.nav-container {} #nav { float:left; margin:15px 0 0 15px; font-size:12px; }*/ /* All Levels */ /* Style consistent throughout all nav levels */ /*#nav li { position:relative;text-transform:uppercase; text-align:left; } #nav li.over { z-index:998; } #nav a, #nav a:hover { display:block; line-height:1.3em; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; }*/ /* 0 Level */ /*#nav li { float:left; margin:1px 8px 11px 1px; padding:3px 8px; } #nav li.active a { color:#444; } #nav a { float:left; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_nav_top.gif) no-repeat 100% 50%; padding-right:11px; color:#444; font-weight:bold; } #nav li.over a, #nav a:hover { color:#444; } #nav li.over, #nav li.active { margin:0 7px 10px 0; border:1px solid #bbb; background:#ececec; }*/ .sidebar p.heading { background: #e2383f; color: #FFF; margin: 0; padding: 20px 5%; font-size: 1.3em; font-weight: 700; text-transform: uppercase; } #nav { background: #f8f8f8; margin: 0; padding: 20px 5%; } #nav li { position: relative; font-size: 1.3em; } #nav li.active { font-weight: 700; } #nav li a { display: block; color: #494949; padding: 6px 0; } #nav li a:hover { color: #282828; } /* 1st Level */ #nav ul li, #nav ul li.active, #nav ul li.over { float:none; border:none; background:none; margin:0; padding:0; padding-bottom:1px; text-transform:none; } #nav ul li.parent { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_nav_parent.gif) no-repeat 100% 50%; } #nav ul li.last { padding-bottom:0; } #nav ul li.active { margin:0; border:0; background:none; } #nav ul a, #nav ul a:hover { float:none; background:none; } #nav ul li a { font-weight:normal !important; } #nav li.level1 { font-size: 1.1em; } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:28em; top:22px; left:-10000px; border:1px solid #ddd; background:#fcfcfc; font-size:11px; } #nav div ul { position:static; width:auto; border:none; padding:0; } /* 3rd+ Level */ #nav ul ul, #nav ul div { top:5px; } #nav ul li a { color:#494949 !important; padding: 12px; } #nav ul li a:hover { background: #f5f5f5; color: #282828; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:-1px; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border:1px solid #ddd; margin:0 0 20px; line-height:1.35; } .block .block-title { background: #e2383f; padding: 12px; } .block .block-title strong { display:block; font-size: 1.3em; line-height: 2em; text-transform:uppercase; color:#FFF; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { font-size:10px; font-weight: bold; margin:0 0 10px; padding:0 0 2px; border-bottom:1px solid #ddd; text-transform:uppercase; } .block .block-content { background:#f8f8f8; padding:12px 10px; } .block .block-content ul { margin: 0; } .block .block-content li.item { border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:5px; } .block .block-content li.item.last { border-bottom:0; padding-bottom:0; margin-bottom:0; } .block .block-content .product-name { color:#4f8100; } .block .btn-remove, .block .btn-edit { float:right; margin:1px 0 2px 5px; } .block .actions { border-top:1px solid #ddd; padding:5px 0 0; margin:5px 0 0; text-align:right; } .block .actions a { float:left; } .block .actions button.button { float:right; } .block .empty { margin:0; } .block .price-box { margin:5px 0; } .block button.button span { } /*.block li.odd { background-color:#f4f3f3; } .block li.even { background-color:#fafafa; }*/ /* Mini Products List */ .mini-products-list .product-image { float:left; width:50px; border:1px solid #a9a9a9; } .mini-products-list .product-details { margin-left:60px; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* Block: Account */ .block-account .block-title { border:0; background:#0f4a9d; } .block-account .block-title strong { color:#fff; } .block-account .block-content li { line-height: 1.3em; } .block-account .block-content li a { display:block; border-bottom:1px solid #ddd; padding:3px 0; color:#5f5d5c; text-decoration:none !important; } .block-account .block-content li a:hover { color:#ba0f15; } .block-account .block-content li.last a { border-bottom:0; } .block-account .block-content li.current { border-bottom:1px solid #ddd; padding:3px 0; } .block-account .block-content li.current.last { border-bottom:0; } /* Block: Currency Switcher */ .block-currency { background:#f4f4f4; } .block-currency .block-title { border:0; background:none; padding:7px 10px 2px; text-transform:none; } .block-currency .block-title strong { text-transform:none; } .block-currency .block-content { padding:0 10px 12px; } .block-currency .block-content select { width:100%; padding:0; } /* Block: Layered Navigation */ .block-layered-nav { border:0; } .block-layered-nav .block-title { border:0; padding:2px 10px; margin:0 0 6px; /*height:13px; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_block-layered-title.gif) 0 0 no-repeat; text-indent:-999em;*/ overflow:hidden; } .block-layered-nav .block-content { padding:0; } .block-layered-nav .block-subtitle { margin:0; background:#e2383f; font-size: 1.3em; font-weight: 700; padding: 3px 10px; color: #FFF; } .block-layered-nav dt { margin:0; background:#e2383f; font-size: 1.3em; font-weight: 700; padding: 20px 5%; color: #FFF; text-transform: uppercase; } .block-layered-nav dd { padding: 15px 5%; } .block-layered-nav dd li { font-size: 1.3em; line-height: 23px; } .block-layered-nav dd a { color: #494949; } .block-layered-nav dd a:hover { color: #282828; } .block-layered-nav .currently { padding: 0 0 3%; } .block-layered-nav .currently ol { padding:6px 0 0; } .block-layered-nav .currently li { padding:2px 36px 2px 10px; position:relative; z-index:1; } .block-layered-nav .currently .label { font-weight:bold; display:inline-block; vertical-align:top; } .block-layered-nav .currently .value { display:inline-block; vertical-align:top; } .block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove { position:absolute; right:8px; top:3px; margin:0; } .block-layered-nav .currently .btn-previous { right:22px; } .block-layered-nav .actions { padding:4%; margin:0; } .block-layered-nav .actions a { float:none; font-size: 1.1em; font-weight: bold; } /* Block: Cart */ .block-cart .block-title { background:#0f4a9d; } .block-cart .block-title strong { color:#fff; } .block-cart .summary { background:#e0e9f6; padding:8px; margin:-12px -10px 8px; text-align:center; position:relative; z-index:1; } .block-cart .amount { margin:0; } .block-cart .amount a { font-weight:bold; } .block-cart .subtotal { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_subtotal.gif) no-repeat 50% 0; margin:5px 0 0; line-height:23px; } .block-cart .subtotal .price { font-weight:bold; } .block-cart .actions { display:none !important; } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } /* Block: Wishlist */ .block-wishlist .actions { text-align:right; } .block-wishlist .actions a { float:none; } /* Block: Related */ .block-related .block-subtitle { font-size:11px; font-weight:bold; border:0; padding:0; margin:0 0 8px; text-transform:none; } .block-related input.checkbox { float:right; } /* Block: Compare Products */ .page-popup .link-print { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/i_print.gif) 0 2px no-repeat; padding:3px 0 3px 25px; } .compare-table { border:0; } .compare-table thead, .compare-table thead tr.first { background:#fff; } .compare-table thead tr.first th, .compare-table thead tr.first td { border:0; background:none; padding:0 0 4px; font-size:0; line-height:0; } .compare-table .btn-remove { float:right; background-image:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/btn_remove.gif); width:12px; height:12px; } .compare-table tbody th { background:#e9e9e9; } .compare-table tbody th, .compare-table tbody td { padding:10px; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; } .compare-table tbody td.last { border-right:1px solid #ccc; } .compare-table tbody tr.last th, .compare-table tbody tr.last td { border-bottom:1px solid #ccc !important; } .compare-table tr.add-to-row td { background:#fffada; text-align:center; } .compare-table tr.first td { text-align:center; } .compare-table tr.first td .product-name { font-size:13px; font-weight:bold; margin:0 0 5px; color:#203548; } .compare-table tr.first td .product-name a { color:#203548; } .compare-table tr.first td .ratings { width:69px; margin:0 auto; } .compare-table tr.first td p, .compare-table tr.add-to-row td p { margin:0; } .compare-table .add-to-links li { background:none; padding:0; } /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll .block-subtitle { font-size:12px; } .block-poll label { color:#777; font-weight:bold; } .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags .block-content .tags-list { border:0; background:none; padding:0; } .block-tags .block-content li a { color:#444; } .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Reorder */ .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner */ .block-banner { border:0; } .block-banner .block-content { padding:0; background:none; text-align:center; } /* Block: Login */ .block-login .block-content { padding:5px 10px; } .block-login label { font-weight:bold; color:#555; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } .block-login .actions { background:none; padding:0; margin:3px 0 0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { margin:0 0 7px; } .category-title h1 { padding:3px 0; color:#5b9400; font-size:1.6em; font-weight:bold; line-height:1.25; } .category-image { width:100%; overflow:hidden; margin: 0; text-align:center; margin: -3px 0 0; } .category-image img {} .category-description { margin: 0 0 30px; } .category-products {} /* View Type: Grid */ .products-grid-wrap { background: #f5f5f5; padding: 40px 5% 0; margin:0 0 30px 0; } .products-grid-wrap ul { margin: 0; } .products-grid { position:relative; } .products-grid.last { border-bottom:0; } .products-grid li.item { background: #FFF; float: left; width: 100%; text-align: center; margin: 0 0 40px; } .products-grid .product-image { display:block; margin: 10px 0; } .products-grid.first .product-image { border-top:0; } .products-grid .product-image img { } .products-grid li.last .product-image { border-right:0; } .products-grid .product-name { font-size: 1.2em; font-weight: 600; line-height: 22px; margin:0 0 20px; } .products-grid .product-name a { color: #FFF; } .products-grid .product-name a:hover { color: #e0e3fc; } .products-grid .price-box { background: #FFF; border: 1px solid #e2383f; margin: 0 0 20px; } .products-grid .availability { line-height:21px; } .products-grid .actions { width: 100%; margin: 0 0 20px; } .products-grid .regular-price .price { line-height: 50px; } .products-grid p.old-price { margin: 12px 0 0; } .products-grid p.special-price { margin: 0 0 12px; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:684px; margin:0 auto; } .col1-layout .products-grid, .page-empty .products-grid { width:684px; margin:0 auto; } .product-info { background: #313a96; padding: 30px 8%; position: relative; } .product-info button.button { position: absolute; right: -10px; } .price-box p.loginprice { font-size: 1.1em; font-weight: 400; color: #444343; margin: 0; padding: 15px 5%; } /* View Type: List */ .products-list { background: #f5f5f5; padding: 40px 6% 20px; } .products-list li.item { margin: 0 0 40px; } .products-list li.item.last { border-bottom:0; } .products-list .product-list-wrap { background: #FFF; overflow: hidden; padding: 30px 5%; } .products-list .product-shop { width: 100%; float: left; } .products-list .product-image { float:left; width: 100%; margin:0 0 10px; text-align: center; } .products-list .product-name { font-size: 1.6em; font-weight: bold; margin: 0 0 3%; } .products-list .product-name a { color:#092c5d; } .products-list .product-name a:hover { color: #0f4a9d; } .products-list .product-info { width: 80%; float: left; } .products-list .price-box { background: #FFF; border: 1px solid #e2383f; margin: 0 0 20px; } .products-list .availability { float:left; margin:3px 0 0; } .products-list .std ul { padding: 0 0 0 1.5%; } .products-list .desc { width: 100%; font-size: 0.9em; line-height:1.2em; float: left; } .products-list .desc h2 { font-size: 1.2em; } .products-list .desc li { list-style: disc inside; line-height: 1.4em; } .products-list .desc p { } .products-list .add-to-links { clear:both; } .products-list .btnswrap { width: 100%; float: right; text-align: center; } .products-list .btnswrap p { margin: 0; } .products-list .btnswrap .exclude { width: 100%; clear: both; margin: 0 0 20px; } .products-list .btnswrap .exclude p { font-size: 1em; font-weight: bold; line-height: 1.2em; margin: 0; color: #FFF; } .products-list .btnswrap .pricesfrom { font-size: 1em; font-weight: bold; line-height: 1.2em; margin: 0 0 6px; color: #FFF; } .products-list .regular-price .price { line-height: 50px; } .products-list p.old-price { margin: 12px 0 0; } .products-list p.special-price { margin: 0 0 12px; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .product-banner { width: 100%; overflow: hidden; margin: 0; text-align: center; margin: -3px 0 0; } .no-rating { margin:0; } .ratings { line-height:1.25; margin:7px 0; } .ratings strong { float:left; margin:0 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:50px; height:10px; font-size:0; line-height:0; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:10px; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin:2px 3px 0 0; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } .ratings-table td { padding:4px 0 0; } /* Availability */ .availability { margin:0; } .availability span { text-transform: uppercase; font-weight: 700; } .availability.in-stock span { color: #FFF; } .availability.out-of-stock span { color: #FFF; } .availability-only { margin:10px 0 7px; line-height:16px; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } .availability-only span, .availability-only a { border-bottom:1px dashed #751d02; color:#000; } .availability-only a { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color:#be2c00; } .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#e9e9e9; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #d9dde3; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd { background:#fff; } .availability-only-details tr.even { background:#fcfcfc; } .availability-only-details tr.odd td.last { color:#396f00; font-weight:bold; } .availability-only-details tr.last td { border-bottom:none; } .product-view .product-shop .availability { font-size: 1.4em; font-weight: 700; text-transform: uppercase; } .product-view .product-shop .availability span { } .product-view .product-shop .price-box { margin: 0; } .product-view .product-shop .price-box p.loginprice { border: 1px solid #e2383f; font-size: 1.3em; text-align: center; padding: 10px 28px; } .product-view .product-shop .price-box .login-price-wrap { } .product-view .product-shop .price-box .login-price-wrap p { margin: 0; } .poa { font-size: 1.6em; color: #092c5d; } /* Email to a Friend */ .email-friend { margin:0; } /* Alerts */ .alert-price { margin:0; font-size:11px; } .alert-stock { margin:0; font-size:11px; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box { margin:5px 0 10px; } .price-box .price { font-size:1.6em; font-weight:bold; color:#d1191f; } .price-box p.price { margin: 0 40px 0 0; line-height: 45px; } /* Regular price */ .regular-price { color:#396f00; } .regular-price .price { font-size:1.5em; font-weight:bold; color:#d1191f; } /* Old price */ .old-price { margin:0; } .old-price .price-label { font-size:0.9em; font-weight:normal; white-space:nowrap; } .old-price .price { font-weight:normal; font-size:1em; color:#092c5d; text-decoration:line-through; } /* Special price */ .special-price { margin:0; } .special-price .price-label { font-size:1em; font-weight:bold; white-space:nowrap; color:#d1191f; } .special-price .price { font-size:1.4em; line-height: 1.4em; font-weight:bold; } /* Minimal price (as low as) */ .minimal-price { margin:0; } .minimal-price .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; font-size:12px; text-decoration:underline; color:#444; } .minimal-price-link .label {color:#444;} .minimal-price-link .price { font-weight:normal; color:#444; } /* Including tax */ .price-including-tax { display:block; color:#888; } .price-including-tax .label { font-size:10px; text-transform:uppercase; white-space:nowrap; color:#888; } .price-including-tax .price { font-size:13px; font-weight:bold; color:#396f00; } /* Excluding tax */ .price-excluding-tax { display:block; color:#888; } .price-excluding-tax .label { font-size:10px; text-transform:uppercase; white-space:nowrap; color:#888; } .price-excluding-tax .price { font-size:12px; font-weight:normal; color:#396f00; } /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-size:13px; font-weight:bold; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; font-weight:normal; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Price range */ .price-from { margin:0; } .price-from .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:7px; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured { margin:0; } .price-as-configured .price-label { font-weight:bold; white-space:nowrap; text-transform:uppercase; } .price-box-bundle { padding:0 0 10px 0; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; } .price-box-bundle .price { color:#222; } /********** Product Prices > */ /* Tier Prices */ .product-pricing, .tier-prices { margin:10px 0; padding:10px; background:#f4f9ea; border:1px solid #ddd; } .tier-prices .benefit { font-style:italic; font-weight:bold; } .tier-prices .price { font-weight:bold;; } .tier-prices-grouped li .price { font-weight:bold; } /* Add to Links */ .add-to-links { margin:3px 0 0; } .add-to-links li { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_add-to.gif) 2px 50% no-repeat; line-height:1.25; padding-left:12px; } .add-to-links li a { color:#444; } .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; font-weight:bold; line-height:20px; color:#555; font-size: 1.3em; line-height: 35px; } .add-to-cart .qty { float:left; margin-right:5px; padding: 10px; } .add-to-cart button.button { float:left; margin:-3px 0 0; } .add-to-cart .paypal-logo { clear:left; margin:0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Add to Links + Add to Cart */ .add-to-box { margin:10px 0; } .add-to-box .add-to-cart { margin:10px 0; border:1px solid #eee; background-color:#f8f8f8; padding:10px; text-align:right; float: left; clear: left; width: inherit; } .add-to-box .add-to-cart .paypal-logo { float:left; } .add-to-box .or { display:none !important; } .add-to-box .add-to-links { margin:10px 0; text-align:right; } .add-to-box .add-to-links li .separator { display:none !important; } .product-view {} .product-view .product-name { background: #e2383f; width: 88%; margin: 0 0 30px; padding: 20px 6%; } .product-view .product-name h1 { font-size: 2em; font-weight: 600; color: #FFF; margin: 0; } .product-essential { padding:0 0 25px; } .product-essential h2 { font:bold 12px/1.25 Arial, Helvetica, sans-serif; } .product-collateral { width: 100%; float: left; } .product-collateral h2 { font-size:19px; font-weight:normal; line-height:1.15; } .product-collateral img { max-width: 100%; } .product-collateral .box-collateral {} .product-view .prodicons { width: 100%; float: left; } .product-view .prodicons img { } .product-view .regular-price .price { font-size: 2.2em; line-height: 33px; } .product-sidebar { width: 100%; float: left; margin: 30px 0 0; } .product-sidebar .delivery-wrap { width: 100%; float: left; } .product-sidebar .delivery-wrap p.heading { background: #ababa9; font-size: 1.3em; font-weight: 700; text-transform: uppercase; color: #181818; margin: 0; padding: 22px 6%; text-align: center; } .product-sidebar .delivery-wrap .content { background: #f5f5f5; border: 1px solid #ababa9; width: 87.5%; padding: 34px 6% 0; } .product-sidebar .block-related, .product-sidebar .box-up-sell { background: #f5f5f5; width: 90%; float: left; margin: 35px 0 0; padding: 25px 5%; text-align: center; position: relative; overflow: hidden; } .product-sidebar .block-related h4 { background: #313a96; } .product-sidebar .box-up-sell h4 { background: #e2383f; } .product-sidebar .block-related h4, .product-sidebar .box-up-sell h4 { text-align: left; color: #FFF; margin: 0; padding: 18px 5%; } .product-sidebar .block-related .block-content, .product-sidebar .box-up-sell .block-content { position: relative; } .product-sidebar .block-related .img-wrap, .product-sidebar .box-up-sell .img-wrap { background: #FFF; } .product-sidebar .block-related p.product-name, .product-sidebar .box-up-sell .product-name { font-size: 1.4em; font-weight: 600; text-transform: uppercase; margin: 30px 0; padding: 0 10%; } .product-sidebar .block-related p.product-name a, .product-sidebar .box-up-sell .product-name a { color: #FFF; } .product-sidebar .block-related .regular-price .price, .product-sidebar .box-up-sell .regular-price .price { color: #FFF; } .product-sidebar .block-related .price-box, .product-sidebar .box-up-sell .price-box { padding: 0 0 30px; } .product-sidebar .block-related button.button, .product-sidebar .box-up-sell button.button { position: absolute; bottom: -10px; right: 12px; } .product-sidebar .box-up-sell button.button span { background: #313a96; } .product-sidebar .box-up-sell button.button span:hover { background: #282f79; } .product-sidebar .block-related .product { background: #313a96; } .product-sidebar .box-up-sell .product { background: #e2383f; } .product-sidebar .block-related .owl-item, .product-sidebar .box-up-sell .owl-item { padding: 0 20px; padding-left: 0; } .related-posts-wrap { width: 100%; float: left; } .related-posts-wrap h2 { background: #181818; color: #FFF; margin: 0; padding: 20px 5%; } .related-posts-wrap .std ul { padding: 0; } .related-posts-wrap div.std li { list-style: none; margin: 60px 0 0; font-size: 1.5em; font-weight: 700; text-transform: uppercase; position: relative; } .related-posts-wrap div.std li:first-child { margin: 0; } .related-posts-wrap li a { background: #ababa9; color: #FFF; display: block; padding: 32px 5%; } .related-posts-wrap li button.button { position: absolute; right: 0; bottom: -20px; } .product-sidebar .block-related .price-box p.loginprice, .product-sidebar .box-up-sell .price-box p.loginprice { font-size: 1.3em; color: #FFF; } /* Product Images */ .product-view .product-img-box { float: left; width: 100%; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { margin:0 0 10px; } .product-view .product-img-box .product-image-zoom { position:relative; width: 100%; height: 480px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0!important; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { margin:0 0 10px; text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:24px; margin:0 auto 13px; padding:0 28px; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:3px; width:9px; height:18px; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:10px; top:7px; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:10px; top:7px; } .product-view .product-img-box .more-views h2 { font-size:10px; font-weight:normal; padding:0 0 2px; border-bottom:1px solid #ccc; margin:0 0 8px; text-transform:uppercase; } .product-view .product-img-box .more-views ul { margin-left:-10px } .product-view .product-img-box .more-views li { float:left; margin:0 0 8px 10px; } .product-view .product-img-box .more-views li a { float:left; width:66px; height:66px; border:1px solid #ddd; overflow:hidden; } .product-view .product-img-box .product-code { margin: 12px 0 0; } .product-view .product-img-box .product-code p { font-weight: 700; margin: 0; } .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; } .product-image-popup .nav { font-weight:bold; margin:0 100px; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { font-size:12px; font-weight:bold; margin:0 0 10px; color:#2f2f2f; } /* Product Shop */ .product-view .product-shop { float: right; width: 100%; } .product-view .product-shop .pricesfrom { font-weight: bold; margin: 0; } .col1-layout .product-view .product-shop { float:right; width:576px; } .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-shop .availability { background: #e2383f; float: left; text-align: center; color: #FFF; } .product-view .product-shop .availability a { display: block; padding: 10px 32px; color: #FFF; } .product-view .product-shop .availability.in-stock { background: #69bc45; margin: 0 0 0 5%; padding: 6px 20px; font-size: 1.2em; } .product-view .product-shop .short-description { margin: 0 0 30px; } .product-view .product-shop .short-description h2 { font-size: 1.4em; } .product-view .product-shop .short-description li { list-style: disc inside; line-height: 1.4em; } .product-view .product-shop .short-description .std ul { padding: 0; } .product-view .product-shop .short-description img { margin: 0 2% 0 0; } .product-view .product-shop .price-box { float: left; } .product-view .product-shop .price-box .old-price { font-size: 1.35em; line-height: 1.3em; margin: 0; } .product-view .product-shop .price-box .special-price { font-size: 1.3em; line-height: 1.8em; } .product-view .product-shop .add-to-links { margin:0; } .product-view .product-shop .add-to-links { text-align:right; } .product-view .product-shop .add-to-links li { display:inline; margin-left:12px; } .product-view .product-shop .add-to-links li .separator { display:none !important; } .product-view .product-shop .product-options-bottom .paypal-logo { float:left; } .product-view .product-shop .social { width: 100%; margin: 30px 0; } .product-view .product-shop .social .addthis_toolbox a { float: right; } .exclude { width: 100%; clear: both; padding: 0; } .exclude p { font-weight: bold; line-height: 1.4em; margin: 0; } .phoneus { background: #f5f5f5; border: 1px solid #e8e8e8; width: 89%; float: left; margin: 48px 0 0; padding: 20px 5%; } .phoneus p { font-size: 1.3em; font-style: italic; line-height: 28px; margin: 0; } /* Product Options */ .product-options { margin:20px 0 0; padding: 15px 5% 10px; background-color:#f8f8f8; border:1px solid #e0e0e0; position:relative; width: 89%; float: left; } .product-options dt { padding:10px 0 0; font-weight:normal; } .product-options dt label { font-size: 1.3em; font-weight:bold; } .product-options dt label.required em { color:#eb340a; margin-left:5px; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dd .qty-disabled { background:none; border:0; padding:3px; color:#444; } .product-options dd { padding:5px 10px 15px; margin:0 0 5px; border-bottom:1px solid #ddd; } .product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; } .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:99%; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { padding:2px 0; } .product-options ul.options-list input.radio { float:left; margin-top:3px; } .product-options ul.options-list input.checkbox { float:left; margin-top:2px; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { position:absolute; right:28px; top:6px; } .product-options-bottom { background-color:#f6f6f6; padding: 30px 5%; border:1px solid #e4e4e4; border-top:0; width: 89%; float: left; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; } .product-options-bottom .price-box { float:left; margin:0; width: 40%; } .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; } .product-options-bottom .price-label { padding-right:5px; } .product-options-bottom .price-tax { float:left; } .product-options-bottom .add-to-cart { float:right; margin:0; padding:0; border:0; background:0; } .product-options-bottom .add-to-links { float:right; display:inline; } .product-shop .product-options-bottom .price-box { float:none; margin:0; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart { clear:both; float:none; padding:12px 0 0; text-align:left; } .product-options-bottom .price-box .old-price { font-size: 1.35em; line-height: 1.3em; margin: 0; } .product-options-bottom .price-box .special-price { font-size: 1.3em; line-height: 1.6em; } /* Grouped Product */ .product-view .grouped-items-table .price-box { margin:0; padding:0; } /* Product Tabs */ .product-tabs { margin: 0 0 30px; border-bottom:1px solid #e2383f; /*background:#f2f2f2 url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_tabs.gif) 0 100% repeat-x;*/ } .product-tabs li { background: #f09b9f; float:left; border-right:1px solid #FFF; width: 100%; font-size: 1.3em; font-weight: 700; text-transform: uppercase; text-align: center; } .product-tabs li.first { border-left:0; } .product-tabs li.last { border-right:0; } .product-tabs a { display:block; padding: 20px 0; color: #FFF; } .product-tabs a:hover { background-color: #e2383f; } .product-tabs li.active a, .product-tabs li.active a:hover { background-color: #e2383f; color: #FFF; } .product-tabs-content h2 { display: none; font-size: 1.3em; font-weight: 700; } .product-tabs-content .data-table { } .product-tabs-content .data-table th, td { vertical-align: top; font-size: 1.2em; } .product-tabs-content .data-table ul { margin: 0; } .product-tabs-content .data-table li { font-size: 1.1em; line-height: 1.5em; } /* Mini Products Grid */ .mini-products-grid { width:100%; } .mini-products-grid td { width:20%; padding:0 8px 8px 0; } .mini-products-grid .product-image { display:block; border:1px solid #cacaca; margin:0 0 10px; } .mini-products-grid .product-name { background: none; width:115px; margin:0 0 6px; overflow:hidden; } .mini-products-grid .product-name a { color:#444; text-decoration:underline; } .mini-products-grid .product-name a:hover { text-decoration:none; } .mini-products-grid td.empty {} .mini-products-grid td.last { padding-right:0; } .mini-products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; } /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional .data-table th, .product-view .box-additional .data-table td { line-height:1.25; } /* Block: Upsell */ .product-view .box-up-sell h2 { margin:0 0 8px; } #product_tabs_upsell_products_contents h2 { display:block; } /* Block: Tags */ .product-view .box-tags { margin:0; } .product-view .box-tags h3 { font-size:12px; } .product-view .box-tags .product-tags { display:block; margin:0 0 15px; } .product-view .box-tags .product-tags li { display:inline; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_pipe3.gif) 100% 4px no-repeat; padding:0 7px 0 4px; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { background:none; padding-right:0; } .product-view .box-tags .form-add label { display:block; font-size:12px; font-weight:bold; margin:0 0 3px; } .product-view .box-tags .form-add .input-box { float:left; width:305px; margin:0 5px 0 0; } .product-view .box-tags .form-add input.input-text { width:299px; } .product-view .box-tags .form-add button.button span { height:23px; background-image:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_btn-small.png); line-height:20px; } .product-view .box-tags .note { margin:2px 0 0; font-size:10px; } /* Block: Reviews */ .product-view .box-reviews dl { margin:15px 0; } .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dd { margin:0 0 15px; } .product-view .box-reviews dd small { font-style:italic; } .product-view .box-reviews .form-add { margin:15px 0 0; } .product-view .box-reviews .form-add h3 { font-size:13px; font-weight:normal; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:12px; } .product-view .box-reviews .form-add .data-table td { text-align:center; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box { width:460px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:454px; } /* Send a Friend */ .send-friend .form-list { width:535px; overflow:hidden; } .send-friend .form-list li { margin-right:-15px; } .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:25px; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { margin:0; font-size:1em; font-weight:normal; line-height:1.55; } /*.product-name a { color:#444; }*/ /* Product Tags */ .tags-list { display:block; font-size:13px; border:1px solid #ddd; background:#f6f6f6; padding:10px; } .tags-list li { display:inline !important; margin:0 4px 0 0; } .tags-list li a { color:#1b2d3b; } /* Advanced Search */ .advanced-search .form-list label { width:160px; padding-right:10px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { float:left; clear:none; } .advanced-search-amount { margin:0 0 10px; } .advanced-search-summary { margin:10px 0; border:1px solid #ddd; background:#ecf9ea; padding:10px; } .advanced-search-summary ul { float:left; width:49%; } .advanced-search-summary strong { color:#E17C24; } .advanced-search-summary li { margin:2px 0; } .advanced-search-summary p { clear:both; font-weight:bold; margin:0; } /* CMS Home Page */ .cms-home .main { padding:8px; } .cms-home .subtitle {} .cms-index-index .subtitle {} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a { color:#444; } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a { color:#4f8100; } /* RSS */ .rss-title h1 { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/i_rss-big.png) 0 3px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .page-title { background: #313a96; width: 88%; margin: 0 0 30px; padding: 20px 6%; } .cart .page-title h1 { font-size: 2em; font-weight: 600; color: #FFF; margin: 0; } /* Checkout Types */ .cart .page-title .checkout-types { display:none !important; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:8px 55px 0 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table th { padding: 1%; font-size: 1.1em; font-weight: bold; } .cart-table .data-table tr.last th, .data-table tr.last td { font-size: 1.2em; } .cart-table caption, th, td { vertical-align: middle; } .cart-table td { padding: 3px; } .cart-table .product-name { font-weight:bold; margin:0 0 5px; color:#444; } .cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#df280a; } .cart-table tfoot td { padding:5px 10px; } .cart-table .btn-continue { float:left; } .cart-table .btn-update, .cart-table .btn-empty { float: left; } .cart-table .btn-update { } .cart-table .btn-shop { float:left; } #shopping-cart-table img { display: none; } #shopping-cart-table button.button { margin: 3px 0; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col2-set .col-1 { width: 100%; } .cart .cart-collaterals .col2-set .col-2 { width: 100%; background:#f8f8f8; } .cart .crosssell { border:1px solid #ddd; background:#f7f7f7; margin: 0 0 30px; padding: 15px 5%; } .cart .crosssell h2 { font-size:12px; font-weight:bold; } .cart .crosssell .product-image { float:left; width:75px; height:75px; } .cart .crosssell .product-details { margin-left:85px; } .cart .crosssell .product-name { font-weight:bold; } .cart .crosssell ul { margin: 0; } .cart .crosssell li.item { margin:0 0 8px; padding-bottom:5px; border-bottom:1px solid #ddd; } .cart .crosssell li.last { border-bottom:0; padding-bottom:0; margin:0; } .cart .crosssell .link-compare { font-weight:normal; } .cart .no-crosssell { width:100%; overflow:hidden; } .cart .no-crosssell img { display:block; margin:0 0 10px; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { background:#f8f8f8; border: 1px solid #e0e0e0; padding: 2%; /*margin:0 12px;*/ } .cart .discount h2, .cart .shipping h2 { float:left; font-size: 1.4em; font-weight: bold; color:#d1191f; margin: 0; } .cart .discount .discount-form, .cart .shipping .shipping-form { width: 100%; float: left; } .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin:0; } .cart .discount .buttons-set button.button span, .cart .shipping .buttons-set button.button span {} .cart .discount .buttons-set button.button span span, .cart .shipping .buttons-set button.button span span { padding:0 19px 0 10px; } .cart .discount { overflow: hidden; padding: 15px 5%; } .cart .discount label { font-size: 1.3em; font-weight:bold; color:#555; } .cart .discount .input-box { width: 100%; margin: 10px 0 0; } .cart .discount input.input-text { width: 98%; } .cart .shipping p { margin:0 0 3px; } .cart .shipping .sp-methods { margin:10px 0 0; padding:6px 0 0; border-top:1px solid #c0d2af; } .cart .shipping .form-list .input-box { width:270px; } .cart .shipping .form-list input.input-text { width:264px; } .cart .shipping .form-list select { width:270px; } /* Shopping Cart Totals */ .cart .totals { background:#fff /*url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_cart-totals.gif) 0 0 no-repeat*/; padding:12px 0; } .cart .totals table { float:right; width:400px; margin:0 0 8px; } .cart .totals td { padding:0 0 0 15px; font-size: 1.2em; font-weight: bold; line-height: 1.5em; text-transform: uppercase; } .cart .totals tr.last td {} .cart .totals tfoot td {} .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:1.2em; color:#d1191f; } .cart .totals .checkout-types { font-size:13px; padding:4px 0; text-align:right; } .cart .totals .checkout-types li { clear:both; margin:0 0 5px; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; text-decoration:none !important; } .truncated a.details { cursor:help; text-decoration:none !important; display:inline-block; border-bottom:1px dotted #4f8100; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; z-index:999; width:250px; padding:8px; border:2px solid #ddd; border-bottom-color:#666; background-color:#f6f6f6; } .truncated .truncated_full_value .item-options dt { margin-top:0; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:30px; top:10px; } .col-right .truncated .show .item-options { left:-240px; top:10px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods { margin:0 0 8px; } .sp-methods dt { margin:13px 0 5px; font-weight:bold; font-size:1.3em; } .sp-methods dd {} .sp-methods dd li { margin:5px 0; } .sp-methods label { color:#555; } .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:154px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:1.5em 0 2em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; } /* Tooltip */ .tool-tip { border:2px solid #ddd; border-bottom-color:#666; background:#f6f6f6; padding:15px 20px; position:absolute; z-index:9999; } .tool-tip .btn-close { margin:-9px -14px 0; text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:12px; height:12px; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages h3 { font-size:12px; font-weight:bold; color:#e87403; } .gift-messages p.control { color:#8e8d8b; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 { font-size:12px; font-weight:bold; color:#e87403; } .gift-messages-form .whole-order { margin:0 0 25px; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; color:#8a8987; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name { font-size:13px; font-weight:bold; margin:0 0 10px; } .gift-messages-form .item .details .form-list .field { width:255px; } .gift-messages-form .item .details .form-list .input-box { width:240px; } .gift-messages-form .item .details .form-list input.input-text { width:234px; } .gift-messages-form .item .details .form-list li.wide .input-box { width:500px; } .gift-messages-form .item .details .form-list li.wide textarea { width:494px; } .gift-message-link { font-size:11px; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; } .gift-message-link.expanded { background-position:100% -40px; } .gift-message-row { background:#f2efe9; } .gift-message-row .btn-close { float:right; width:12px; height:12px; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/btn_remove.gif) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* Checkout Agreements */ .checkout-agreements li { margin:30px 0; } .checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background:#fbfbfb; border:1px solid #e4e4e4; } .checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; color:#555; } .opc .checkout-agreements { padding:0; } .opc .checkout-agreements li { margin:20px 0 0; } .opc .checkout-agreements .agreement-content { background:#fff; padding:10px; } .opc .checkout-agreements .agree { padding-left:6px; } .tradecheckout { border-top: 1px solid #e4e4e4; width: 100%; clear: both; margin: 2% 0 0; padding: 2% 0 0; } .tradecheckout h2 { font-size: 1.2em; line-height: 1.8em; margin: 0; } .tradecheckout p { font-size: 1.1em; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } .opc .centinel { padding:10px 30px; } /* Generic Info Set */ .info-set { background:#fbfbfb; border:1px solid #ddd; margin:0 0 25px; padding:20px; } .info-set h2 { font-size:12px; font-weight:bold; margin:0 0 10px; } .info-set h3, .info-set h4 { font-size:12px; font-weight:bold; } .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight:normal; } .info-set h2.legend { margin:-20px -20px 15px; padding:3px 10px; background:#777; border-bottom:1px solid #777; position:relative; color:#fff; } .info-set h2.legend a { color:#fff; } .info-set h3.legend { margin:0 0 10px; } .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .info-set .box { margin:0 0 15px; } .info-set .box h2 { color:#e26703; } .info-set .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#4f8100 !important; } .info-set .data-table .product-name a { font-weight:bold !important; } .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress { border:0; margin:0; } .block-progress .block-title { background: #e2383f; border:0; padding:0; margin:0 0 5px; padding: 12px 24px; } .block-progress .block-title strong { font-size:12px; } .block-progress .block-content { background:none; padding:0; } .block-progress dt { font-size: 1.05em; line-height:1.35; background: #313a96; margin:0 0 6px; padding: 12px 24px; font-weight: bold; color:#FFF; text-transform:uppercase; } .block-progress dd { border-top:0; padding:2px 10px; margin:0 0 6px; } .block-progress dt.complete {} .block-progress dt.complete a { text-transform:none; color: #7ba1d6; } .block-progress dt.complete a:hover { color: #FFF; } .block-progress dd.complete {} .block-progress p { margin:0; } .block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size:11px; font-weight:bold; margin:5px 0; padding:0; text-transform:none; } .block-progress .cards-list dd { border:0 none; margin:0; padding:0; } .block-progress .cards-list .info-table th { font-weight:normal; } .opc .buttons-set { margin-top:0; padding-top:2em; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:28px; line-height:28px; } .opc .ul { list-style:disc outside; padding-left:18px; } #checkout-progress-wrapper { } #checkout-progress-wrapper address { font-size: 1em; } #checkout-progress-wrapper p { font-size: 1em; } #checkout-progress-wrapper .block-progress dd.complete { font-size: 1.2em; font-weight: bold; } .opc { position:relative; } .opc li.section {} .opc .step-title { border:1px solid #ddd; border-top-color:#fff; background:#eee; padding: 1.5% 1.2% 1%; text-align:right; } .opc .step-title .number { float:left; background:#fff; border:1px solid #fff; padding:0 3px; margin:0 5px 0 0; font:normal 11px/12px arial, helvetica, sans-serif; color:#444; } .opc .step-title h2 { float:left; margin:0; font:bold 12px/14px Arial, Helvetica, sans-serif; color:#999; } .opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; } .opc .allow .step-title { background: #ababa9; border-color: #ababa9; border-top-color:#fff; color:#fff; cursor:pointer; } .opc .allow .step-title .number {} .opc .allow .step-title h2 { color:#fff; } .opc .allow .step-title a { display:block; font-size:10px; color:#fff; text-transform:uppercase; } .opc .active .step-title { background: #313a96; border-color:#0f4a9d; border-top-color:#fff; padding: 1.5% 1.2% 1%; color:#fff; cursor:default; } .opc .active .step-title .number {} .opc .active .step-title h2 { color:#fff; } .opc .active .step-title a { display:none; } .opc .step { border:1px solid #ddd; border-top:0; background:#fbfbfb; padding: 30px 5%; position:relative; } .opc .step .tool-tip { right:30px; } .opc .step .form-list label { font-size: 0.9em; margin: 12px 0 5px; } #opc-login h3 { font-size:13px; border-bottom:1px solid #e4e4e4; padding-bottom:2px; text-transform:uppercase; } #opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#2f2f2f; } #opc-shipping_method .buttons-set { border-top:0; } .opc .gift-messages-form { margin:0 -30px; background:#f4f4f4; border:1px solid #ddd; border-width:1px 0; padding:22px 24px 22px 30px; } .opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; } #opc-review .step { padding:0; } #opc-review .step .data-table th { font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #333; padding: 2% 1.4%; } #opc-review .step .item-options dt { margin: 0 0 12px; } #opc-review .step .item-options dd { margin: 0 0 12px; line-height: 24px; } #opc-review .step .data-table td { padding: 12px; } #opc-review .step .data-table tfoot tr {line-height: 1.3em; text-transform: uppercase; } #opc-review .step .data-table tfoot strong { color: #d1191f; } #opc-review .product-name { font-size:0.9em; } #opc-review .item-options { margin: 12px 0 0; } #opc-review .buttons-set { border:0; padding:15px 30px; } #opc-review .buttons-set p { margin:0; line-height:28px; } #opc-review .buttons-set .please-wait { height:28px; line-height:28px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Multiple Addresses Checkout */ .checkout-progress { padding:0 90px; margin:0 0 20px; } .checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:6px solid #999; padding:2px 0 0; font-weight:bold; text-align:center; color:#888; } .checkout-progress li.active { border-top-color:#e96200; color:#e96200; } .multiple-checkout h2 { font-size:12px; font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4 { font-size:12px; font-weight:bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight:normal; } .multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#4f8100 !important; } .multiple-checkout .data-table .product-name a { font-weight:bold !important; } .multiple-checkout .data-table .item-options { margin:5px 0 0; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; } .multiple-checkout .col2-set, .multiple-checkout .col3-set { background:#fbfbfb; border:1px solid #ddd; margin:0 0 25px; padding:20px; } .multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:3px 10px; background:#777; border-bottom:1px solid #777; position:relative; color:#fff; } .multiple-checkout .col2-set h3.legend { margin:0 0 10px; } .multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box { margin:0 0 15px; } .multiple-checkout .place-order .please-wait { float:right; padding:5px 10px 0 0; } .multiple-checkout .place-order .grand-total { float:right; } .multiple-checkout .place-order .grand-total .inner {} .multiple-checkout .place-order .grand-total big { float:left; margin-right:12px; font-size:1.5em; font-weight:bold; line-height:28px; color:#e26703; } .multiple-checkout .place-order .grand-total div { float:left; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } #multiship-addresses-table tfoot td { padding:5px 10px; } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; } .multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; } .multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; } .multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; } .multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; } .checkout-multishipping-shipping .box-sp-methods { border:1px solid #ddd; background:#eee; padding:13px; position:relative; } .checkout-multishipping-shipping .box-sp-methods .pointer { display:none; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position:relative; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login .col2-set .blue { font-weight: bold; color: #0070c0; } .account-login .col2-set .amber { font-weight: bold; color: #f79646; } .account-login .col2-set .grey { font-weight: bold; color: #ababa9; } .account-login .col2-set .red { color: #F00; } .account-login .col2-set a { color: #0f4a9d; } .account-login .page-title { background: #313a96; width: 96%; margin: 0 0 30px; padding: 20px 6%; } .account-login .page-title h1 { font-size: 2em; font-weight: 600; color: #FFF; margin: 0; } .account-login .content { width: 97%!important; min-height:180px; padding:0 10px; } .account-login .content h2 { margin:0 -10px 12px; background:#0f4a9d; padding:2px 10px; font-size:1.3em; line-height:2em; color: #FFF; } .account-login .content p { margin: 0 0 15px; } .account-login .buttons-set { margin: 0; } .account-login .content h2.ambertitle { background: #d45a11; } .account-login .col-1 .trade { margin: 12px -10px 12px; } .account-login .col-1 .tradep { padding: 0 0 0.5em; } .account-login .col-2 p.required { margin: -30px 0 0; float: right; } .account-login .col-2 .buttons-set { width: 100%; float: right; } .account-login .col-2 .buttons-set a { font-size: 1.2em; } .account-create .page-title { background: #313a96; width: 96%; margin: 0 0 30px; padding: 20px 6%; } .account-create .page-title h1 { font-size: 2em; font-weight: 600; color: #FFF; margin: 0; } .accountnotes { } .accountnotes ul { margin: 0 0 2%; } .accountnotes li { list-style: disc inside; line-height: 2em; } .account-create ul.form-list { margin:0; } .account-create .group-select label { font-size:0.9em; } .account-create .group-select ul { margin:0; } .account-create .form-list label { margin:0 0 5px; float:left; width:100%; font-weight:bold; font-size:1em; } /* Account Login/Create Pages ============================================================ */ /* Captcha */ .captcha-note { clear:left; padding-top:5px; } .captcha-image { float:left; display:inline; margin:0; position:relative; width:258px; } .captcha-image .captcha-img { border:1px solid #b6b6b6; vertical-align:bottom; width:100%; } .registered-users .captcha-image { margin:0; } .captcha-reload { cursor:pointer; position:absolute; top:2px; right:2px; } .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { background:#fff; border:1px solid #888; border-bottom-color:#777; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #999; -webkit-box-shadow:0 0 6px #999; box-shadow:0 0 6px #999; z-index:1000; } .remember-me-popup h3 { background:#dedede; border-bottom:1px solid #ccc; color:#444; font-size:14px; margin:0; padding:7px 10px 5px; } .remember-me-popup .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:9px; right:7px; height:15px; width:15px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-body { border-top:1px solid #e6e6e6; padding:10px; } .remember-me-popup .remember-me-popup-body a, .remember-me-popup .remember-me-popup-body a span { display:inline-block; height:28px; background:transparent url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_btn.png) 0 0 no-repeat; padding:0 0 0 6px; font:bold 11px/25px Tahoma, Verdana, Arial, sans-serif; text-transform:uppercase; text-align:center; white-space:nowrap; color:#555; } .remember-me-popup .remember-me-popup-body a span { background-position:100% 0; padding:0 15px 0 9px; } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { width: 100%; margin:0 8em 1.5em 0; } .dashboard .welcome-msg p { margin:0; } .dashboard .col2-set { margin:0 0 15px; } /* General Box */ .box-account { margin:0; } .box-account .box-head { margin: 0 0 2.5%; text-align:right; } .box-account .box-head h2 { float:left; margin:0; font-size:14px; font-weight:bold; color:#092c5d; } .box-account .box-head a { font-size:10px; text-transform:uppercase; } .dashboard .box .box-title { background:#0f4a9d; padding:2px 10px; margin:0 0 12px; text-align:right; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; margin:0; font-size:1.3em; font-weight:bold; line-height:2em; color: #FFF; } .dashboard .box .box-title a { font-size:1.2em; font-weight: bold; line-height: 2.1em; text-transform:uppercase; color: #FFF; } .dashboard .box .box-title a:hover { color: #aec5f5; } .dashboard .box .box-content { padding:0 10px; } /* Block: Recent Orders */ .dashboard .box-recent {} .dashboard .box-recent .data-table tr.last th, .data-table tr.last td { float: left; } /* Block: Account Information */ .dashboard .box-info {} .dashboard .box-info h4 { font-size:11px; font-weight:bold; } /* Block: Reviews */ .dashboard .box-reviews .box-head { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; } .dashboard .box-reviews .box-head h2 { font-size:12px; font-weight:bold; line-height:1.35; color:#444; } .dashboard .box-reviews .number { display:none; float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-reviews .details { padding:0 10px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:7px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; } .dashboard .box-tags .box-head h2 { font-size:12px; font-weight:bold; line-height:1.35; color:#444; } .dashboard .box-tags .number { display:none; float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-tags .details { padding:0 10px; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book */ .addresses-list h2 { background:#0f4a9d; padding:2px 10px; margin:0 0 12px; font-size:1.3em; line-height:2em; color: #FFF; } .addresses-list h3 { font-size:1.3em; } .addresses-list address { margin:0 0 3px; } .addresses-list p { margin:0; } .addresses-list a { font-size: 0.8em; font-weight:bold; } .addresses-list .link-remove {} .addresses-list .separator { margin:0 3px; } .addresses-list li.item { padding:0 10px; margin:0 0 12px; } .addresses-list li.item h3 { font-size: 1.1em; } .addresses-list li.item address { font-size: 1.1em; line-height: 1.5em; } .addresses-list li.empty {} .addresses-list li.empty p { font-size: 1em!important; font-weight:bold; } .addresses-list .addresses-additional li.item {} /* Order View */ .order-info dt { display:none; } .order-info ul { margin-bottom:15px; border-bottom:1px solid #666; background:#f2f2f2 url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_tabs.gif) 0 100% repeat-x; } .order-info li{ float:left; border-right:1px solid #a4a4a4; border-left:1px solid #fff; font-size:1.1em; line-height:1em; } .order-info li.first { border-left:0; } .order-info li.last { border-right:0; } .order-info li a { display:block; padding:6px 15px; color:#444; } .order-info li a:hover { background-color:#ddd; text-decoration:none; color:#444; } .order-info li.current { background-color:#666; font-weight:bold; padding:6px 15px; color:#fff; } .order-date { margin:10px 0; } .order-info-box { margin:0 0 15px; } .order-info-box h2 { font-size:13px; font-weight:bold; border-bottom:1px solid #ddd; margin:0 0 8px; } .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items { width:100%; overflow-x:auto; } .order-items h2, .order-items h3 { clear:none; font-weight:bold; font-size:13px; padding:0; margin:0 0 .45em; } .order-items h3 { font-size:12px; } .order-items .product-name { font-weight:bold !important; } .order-items .link-print { font-size:10px; text-transform:uppercase; } .order-items .order-links { text-align:right; } .order-items .order-links .link-print { font-weight:bold; font-size:11px; text-transform:none; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#555; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:15px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:12px; font-weight:bold; } .page-print h2.h2 { font-size:15px; font-weight:bold; text-align:right; } .page-print .order-date { border-bottom:1px solid #ccc; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist */ .my-wishlist .data-table td { padding:10px; } .my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 0 5px; } .my-wishlist textarea { display:block; width:97%; height:109px; } .my-wishlist .buttons-set { border:0; padding:0; margin:0 0 -3em; } .my-wishlist .buttons-set button.button { float:none; } .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span {} #wishlist-table .add-to-links { white-space:nowrap; } /* My Tags */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews */ #my-reviews-table td { padding:10px; } #my-reviews-table .rating-box { margin:3px 0 0; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 { font-size:12px; margin:0 0 3px; color:#2f2f2f; } .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* Billing Agreements */ .billing-agreements .info-box{ margin:15px 0; } .billing-agreements .info-box p { margin:0 0 5px; } .billing-agreements .form-list li select { float:left; margin:3px 10px 0 0; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* ======================================================================================= */ /* MAP Popup============================================================================== */ .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; padding:40px 0 10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { background:#f6f6f6; color:red; display:block; font-size:10px; line-height:14px; font-weight:bold; padding:5px; text-shadow:0 1px 0 #fff; box-shadow:0 0 3px #ccc; border-radius:5px; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#efefef ; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:9px; right:10px; height:15px; width:15px; text-indent:-9999em; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-container {} .footer { margin:15px 0 40px; } .footer a { color:#444; } .footer .f-left { width:520px; } .footer .f-right { width:429px; } .footer ul { display:inline; } .footer li { display:inline; background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_pipe1.gif) 100% 50% no-repeat; padding:0 5px 0 0; margin:0 3px 0 0; } .footer .links li.last { background:none !important; padding-right:0 !important; } .footer .bugs { margin:0; color:#666; } .footer .bugs a { font-weight:bold; color:#444; } .footer address { color:#666; } .footer address a { color:#444; } .footer .form-subscribe { margin:8px 0; } .footer .form-subscribe label, .footer .form-subscribe .input-box, .footer .form-subscribe button.button { float:left; } .footer .form-subscribe label { padding-top:2px; font-weight:bold; color:#555; } .footer .form-subscribe .input-box { width:186px; margin:0 5px; } .footer .form-subscribe input.input-text { width:180px; } .footer .form-subscribe button.button span { height:23px; background-image:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/bkg_btn-small.png); line-height:20px; } .footer .footer-callout { display:block; margin:-10px 0 10px; position:relative; } .footer .store-switcher { color:#555; text-align:right; } .footer .store-switcher label { font-weight:bold; vertical-align:middle; } .footer .store-switcher select { padding:0; vertical-align:middle; } .footer-container .bottom-container { margin:0 0 8px; text-align:right; } /* ======================================================================================= */ /* Sample Data============================================================================ */ .home-callout { margin-bottom:12px; } .home-callout img { display:block } /*.home-spot { float:left; width:470px; margin-left:20px; }*/ .best-selling h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; } .best-selling table { border-top:1px solid #ccc; } .best-selling tr.odd { background:#eee url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; } .best-selling tr.even { background:#fff url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/best_selling_tr_even_bg.gif) 0 100% repeat-x; } .best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; } .best-selling .product-img { float:left; border:2px solid #dcdcdc; } .best-selling .product-description { margin-left:107px; line-height:1.3em; } .best-selling a.product-name, .home-spot .best-selling a.product-name:hover { color:#203548; } /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .top-bar:after, .quick-access:after, .form-search:after, #nav:after, .main:after, .footer:after, .footer .form-subscribe:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .order-info ul:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-tabs:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ .wrap { width: 950px; margin: 0 auto; overflow: hidden; } /* Header */ .header-wrap { background: #313a96; width: 100%; display: inline-block; } header { max-width: 1916px; width: 90%; margin: 0 auto; position: relative; } header .logo { width: 50%; margin: 0 auto; } header .logo a { background: #FFF; padding: 24px 5% 30px; text-align: center; display: block; } header .logo img { max-width: 100%; } /* Nav */ nav { width: 100%; float: left; margin: 2% 0 0; } nav ul { text-align: center; margin: 0; } nav li { font-size: 1em; font-weight: bold; line-height: 3em; text-transform: uppercase; display: inline; } nav a { display: inline-block; color: #FFF; padding: 0 5px; } nav a:hover { color: #7d88f5; } p.number { text-align: center; color: #FFF; margin: 0 0 20px; } p.number a { font-weight: 700; padding: 0; } /* Strapline / Account Nav */ .strapline { width: 100%; float: left; } .strapline p { font-size: 1.4em; font-weight: bold; line-height: 3.8em; color: #FFF; margin: 0; text-align: center; } .accountnavwrap { background: url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/account-nav-bg.gif) repeat-x; width: 100%; height: 41px; border-bottom: 1px solid #061e3f; } .accountnav { width: 68.5%; height: 41px; float: right; } .accountnav ul { float: right; margin: 0; } .accountnav li { font-size: 1.1em; font-weight: bold; line-height: 3.8em; text-transform: uppercase; display: inline; float: left; } .accountnav a { display: block; color: #FFF; text-shadow: 1px 1px 3px #061e3f; padding: 0 2.6em; } .accountnav a:hover { color: #7ba1d6; } .accountnav .trade { background: #0a336a; border-left: 1px solid #3c5d8d; border-right: 1px solid #3c5d8d; padding: 0 2em; } .accountnav a:hover.trade { background: #082854; } .accountnav .amber { background: #d45a11; border-left: 1px solid #f9a572; padding: 0 2em; } .accountnav a:hover.amber { background: #e56213; color: #f9a572; } .account-nav-wrap { width: 100%; float: left; } .account-nav-wrap ul { margin: 0; } .account-nav-wrap li a { display: block; line-height: 18px; color: #FFF; padding: 16px; } .account-nav-wrap li a.header-news { background: #e2383f; } .account-nav-wrap li a:hover.header-news { background: #bb2e34; } .account-nav-wrap li a.emergency { background: #5860ad; } .account-nav-wrap li a:hover.emergency { background: #474d8b; } .account-nav-wrap li a.commercial { background: #dc8810; } .account-nav-wrap li a:hover.commercial { background: #c0770e; } .account-nav-wrap li a.motorsport { background: #ababa9; } .account-nav-wrap li a:hover.motorsport { background: #90908f; } .account-nav-wrap li a.logout { background: #fdf613; color: #232323; } .account-nav-wrap li a:hover.logout { background: #e2dd28; } .account-nav-wrap li, .account-nav-wrap li, .account-nav-wrap li { font-size: 1em; } .account-nav-wrap li a.emergency, .account-nav-wrap li a.commercial, .account-nav-wrap li a.motorsport, .account-nav-wrap li a.logout { width: 28%; float: left; padding: 16px 7px 16px 8px; min-height: 40px; } .account-nav-wrap .owl-carousel .owl-wrapper-outer { overflow: hidden; } .account-nav-wrap li.newsitem { width: 100%; } .account-nav-wrap li a.header-news { display: inline-block; width: 90%; } .header-basket-wrap { width: 100%; float: left; } .header-basket-wrap ul { margin: 0; } .header-basket-wrap li { text-align: center; } .header-basket-wrap li a { display: block; background: #FFF; color: #444343; padding: 12px 2%; } .header-basket-wrap li a:hover { background: #f5f5f5; } /* Tabs */ #tabswrap { width: 950px; margin: 0 auto; position: relative; } #tabs { position: absolute; left: 0; bottom: -28px; z-index: 9; } /* Slider */ .slider-wrap { width: 100%; float: left; text-align: center; position: relative; margin: -3px 0 0; } .slider-wrap .owl-carousel .owl-wrapper-outer { overflow: hidden; } .slider-wrap .usp-outer-wrap { width: 90%; position: absolute; bottom: 20px; right: 5%; } .slider-wrap .usp-wrap { background: #313a96; overflow: hidden; padding: 4px 4%; } .slider-wrap .usp-wrap p.heading { font-size: 1.1em; font-weight: 700; text-transform: uppercase; color: #FFF; margin: 0; text-align: center; } .slider-wrap .usp-wrap { margin: 0; overflow: hidden; } .slider-wrap .usp-wrap ul { display: none; } .company-values { display: none; } /* Internal Content */ .internalwrap { max-width: 1888px; width: 90%; margin: 1% auto 0; position: relative; clear: both; } .internalwrap .content { width: 100%; float: left; margin: 0 0 30px; } .internalwrap .content .page-title { background: #313a96; width: 88%; margin: 0 0 30px; padding: 20px 6%; } .internalwrap .content .page-title h1 { font-size: 2em; font-weight: 600; color: #FFF; margin: 0; } .internalwrap .content .page-title button.button { margin: 1.5% 0 0; } .internalwrap .content.contact p { margin: 0 0 18px; } .cms-shop .internalwrap .messagebanner { background: #313a96; width: 88%; margin: 0 0 3%; padding: 20px 6%; clear: both; } .cms-shop .internalwrap .messagebanner span { font-weight: 600; color: #FFF!important; } .cms-shop .internalwrap .messagebanner p { color: #FFF; margin: 0; } .cms-shop .internalwrap .messagebanner a { font-weight: bold; color: #FFF; } .cms-shop .internalwrap .messagebanner a:hover { color: #7ba1d6; } .internalwrap .messagebanner span { font-weight: 600; color: #333!important; } .internalwrap .content .post-view .wp-caption { max-width: 100%!important; } .cms-page-view .internalwrap .content img { height: auto; } /* Internal Sidebar */ .internalwrap .sidebar { width: 100%; float: right; } .internalwrap .sidebar .store-logins-wrap { display: none; } /* Best Sellers / HP News */ .hpsidebar { width: 47%; float: left; } .hpsidebar .bestsellers { width: 100%; float: left; } .hpsidebar .bestsellers .heading { background: url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/tab-bestsellers-bg.gif) repeat-x; } .hpsidebar .bestsellers p.heading { font-size: 1.4em; font-weight: bold; line-height: 2.2em; text-align: center; text-transform: uppercase; margin: 0; } .hpsidebar .bestsellers .heading a { color: #FFF; display: block; } .hpsidebar .bestsellers .heading a:hover { color: #f89da0; } .hpsidebar .bestsellers .productswrap { width: 88%; padding: 0 6%; float: left; } .hpsidebar .bestsellers .productswrap ul { margin: 0; } .hpsidebar .bestsellers .productswrap .products { width: 100%; overflow: hidden; } .hpsidebar .bestsellers .productswrap .products .prodinfo { width: 65%; float: left; } .hpsidebar .bestsellers .productswrap .products .prodinfo h3 { font-size: 1.3em; line-height: 1.3em; margin: 0 0 4%; } .hpsidebar .bestsellers .productswrap .products .prodinfo h3 a { color: #092c5d; } .hpsidebar .bestsellers .productswrap .products .prodinfo h3 a:hover { color: #0f4a9d; } .hpsidebar .bestsellers .productswrap .products .prodinfo p { line-height: 1.4em; } .hpsidebar .bestsellers .productswrap .products .prodinfo button.button { margin: 2% 0 0; } .hpsidebar .bestsellers .productswrap .products .prodimg { width: 35%; float: right; text-align: right; } .hpsidebar .content { background: url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/tab-best-new-bg.gif) repeat-x #e0e0e0; width: 95.8%; box-shadow: 0 1px 1px 1px #CCC; padding: 2%; overflow: hidden; } /* HP Content */ .hp-content-wrap { width: 100%; float: left; } .hp-content-wrap .inner { max-width: 1886px; width: 90%; margin: 0 auto; padding: 35px 0; overflow: hidden; } .store-logins-wrap { width: 100%; float: left; } .store-logins-wrap .emergency-services .content a, .store-logins-wrap .amber-products .content a, .store-logins-wrap .motorsport .content a { display: block; overflow: hidden; } .store-logins-wrap .emergency-services .content a:hover { background: #474d8b; } .store-logins-wrap .emergency-services .content a:hover > img, .store-logins-wrap .amber-products .content a:hover > img, .store-logins-wrap .motorsport .content a:hover > img { opacity: 0.5; } .store-logins-wrap .amber-products .content a:hover { background: #c0770e; } .store-logins-wrap .motorsport .content a:hover { background: #90908f; } .store-logins-wrap .emergency-services .content { background: #5860ad; } .store-logins-wrap .amber-products .content { background: #dc8810; } .store-logins-wrap .motorsport .content { background: #ababa9; } .store-logins-wrap .emergency-services, .store-logins-wrap .amber-products, .store-logins-wrap .motorsport { width: 100%; float: left; } .store-logins-wrap .emergency-services p, .store-logins-wrap .amber-products p, .store-logins-wrap .motorsport p { font-size: 1.3em; color: #FFF; margin: 25px 0 0; padding: 0 5%; } .store-logins-wrap .emergency-services strong, .store-logins-wrap .amber-products strong, .store-logins-wrap .motorsport strong { font-size: 1.2em; font-weight: 700; text-transform: uppercase; } .store-logins-wrap .emergency-services img, .store-logins-wrap .amber-products img, .store-logins-wrap .motorsport img { width: 100%; margin: 25px 0 0; } .store-logins-wrap .amber-products { margin: 20px 0; } .hp-content-wrap .official-supplier { width: 100%; float: left; margin: 30px 0; } .hp-content-wrap .official-supplier p { font-weight: 700; color: #313a96; margin: 0 0 20px; } .hp-content-wrap .main-content { width: 100%; float: left; } .hp-content-wrap .main-content h1, .hp-content-wrap .main-content h2 { font-weight: 600; } /* Reviews */ .reviews-wrap { background: #ababa9; width: 100%; float: left; } .reviews-wrap .inner { max-width: 1180px; width: 90%; margin: 0 auto; padding: 45px 0 35px; text-align: center; } .reviews-wrap .inner p.heading { font-size: 2em; font-weight: 400; color: #FFF; text-transform: uppercase; line-height: 22px; margin: 0; } .reviews-wrap .inner h3 { font-size: 1em; font-weight: 600; font-style: italic; margin: 0; } .reviews-wrap .inner ul { margin: 0; } .reviews-wrap .inner li { font-size: 1.05em; font-weight: 600; font-style: italic; color: #FFF; } .reviews-wrap .inner a { color: #FFF; } .reviews-wrap .inner .block { border: 0; margin: 0; } .reviews-wrap .inner .read-more { display: block; background: #e2383f; margin: 12px auto 0; padding: 8px 12px; } .reviews-wrap .inner .read-more:hover { background: #bb2e34; } /* HP Products */ .products-wrap { background: url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/product-wrap-bg.jpg) no-repeat center center fixed; width: 100%; float: left; padding: 50px 0; } .products-wrap .inner { max-width: 1880px; width: 90%; margin: 0 auto; } .products-wrap .inner .latest-bestseller-wrap, .products-wrap .inner .special-offers-wrap { width: 100%; float: left; overflow: hidden; } .products-wrap .inner .latest-bestseller-wrap .owl-carousel .owl-wrapper-outer, .products-wrap .inner .special-offers-wrap .owl-carousel .owl-wrapper-outer { overflow: hidden; } .products-wrap .inner .latest-bestseller-wrap { margin: 0 0 20px; } .products-wrap .inner .special-offers-wrap button.button span { background: #313a96; } .products-wrap .inner .special-offers-wrap button.button span:hover { background: #282f79; } .products-wrap .inner .latest-bestseller-wrap p.heading, .products-wrap .inner .special-offers-wrap p.heading { font-size: 1.5em; font-weight: 600; text-transform: uppercase; color: #FFF; margin: 0; padding: 18px 5%; } .products-wrap .inner #latest-products .prod-img, .products-wrap .inner #bestsellers .prod-img, .products-wrap .inner #special-offers .prod-img { background: #FFF; text-align: center; } .products-wrap .inner #latest-products .product-details, .products-wrap .inner #bestsellers .product-details, .products-wrap .inner #special-offers .product-details { padding: 15px 5% 35px; text-align: center; } .products-wrap .inner #latest-products h3, .products-wrap .inner #bestsellers h3, .products-wrap .inner #special-offers h3 { font-size: 1.4em; font-weight: 600; text-transform: uppercase; min-height: 42px; margin: 0; } .products-wrap .inner #latest-products h3 a, .products-wrap .inner #bestsellers h3 a, .products-wrap .inner #special-offers h3 a { color: #FFF; } .products-wrap .inner #latest-products h3 a:hover, .products-wrap .inner #bestsellers h3 a:hover { color: #b4baf7; } .products-wrap .inner #special-offers h3 a:hover { color: #f7b5b7; } .products-wrap .inner .latest-bestseller-wrap p.heading { background: #313a96; } .products-wrap .inner .latest-bestseller-wrap .products { background: #313a96; } .products-wrap .inner .special-offers-wrap p.heading, .products-wrap .inner .special-offers-wrap .products { background: #e2383f; } .products-wrap .inner .latest-bestseller-wrap button.button, .products-wrap .inner .special-offers-wrap button.button { position: absolute; bottom: 12px; right: 0; } .products-wrap .inner .latest-bestseller-wrap .we-wrap, .products-wrap .inner .special-offers-wrap .we-wrap { padding: 0 12px; } .products-wrap .inner .latest-bestseller-wrap .owl-item, .products-wrap .inner .special-offers-wrap .owl-item { min-height: 245px; } .products-wrap .inner .latest-bestseller-wrap p.view-all, .products-wrap .inner .special-offers-wrap p.view-all { text-transform: uppercase; float: right; margin: 20px 0 0; } .products-wrap .inner .latest-bestseller-wrap p.view-all a, .products-wrap .inner .special-offers-wrap p.view-all a { color: #FFF; } .products-wrap .inner .latest-bestseller-wrap p.view-all a:hover, .products-wrap .inner .special-offers-wrap p.view-all a:hover { color: #DDD; } .products-wrap .inner .latest-bestseller-wrap p.heading, .products-wrap .inner .special-offers-wrap p.heading { width: 83.5%; margin: 0 0 0 12px; float: left; } .latest-bestseller-wrap .owl-controls .owl-prev:after, .special-offers-wrap .owl-controls .owl-prev:after { content: "\f100"; font-family: FontAwesome; font-size: 14px; border: none; color: #313a96; background: #FFF; border-radius: 22px; width: 42px; height: 42px; float: left; text-align: center; line-height: 42px; margin: 0 0 0 14px; } .latest-bestseller-wrap .owl-controls .owl-next:after, .special-offers-wrap .owl-controls .owl-next:after { content: "\f101"; font-family: FontAwesome; font-size: 14px; border: none; color: #313a96; background: #FFF; border-radius: 22px; width: 42px; height: 42px; float: left; text-align: center; line-height: 42px; margin: 0 0 0 12px; } /* HP Logos */ .logo-wrap { width: 100%; float: left; overflow: hidden; } .logo-wrap .inner { max-width: 1700px; width: 90%; margin: 0 auto; padding: 55px 0; text-align: center; } /* Latest News */ .latest-news-wrap { background: url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/news-wrap-bg.jpg) no-repeat center center; width: 100%; float: left; padding: 50px 0 20px; overflow: hidden; } .latest-news-wrap .inner { max-width: 1700px; width: 90%; margin: 0 auto; } .latest-news-wrap .inner .block { border: 0; margin: 0; } .latest-news-wrap .inner li { width: 100%; } .latest-news-wrap .inner .post { background: #313a96; padding: 25px 5%; position: relative; } .latest-news-wrap .inner .post h3 a { color: #FFF; } .latest-news-wrap .inner .post h3 a:hover { color: #b4baf7; } .latest-news-wrap .inner .post p { color: #FFF; margin: 0 0 20px; } .latest-news-wrap .inner .post button.button { position: absolute; right: -10px; bottom: -20px; } .latest-news-wrap .inner .post-wrap .postimg { background: #fff; text-align:center;width: 100%; padding:3% 0; } .latest-news-wrap .inner .post-wrap .postimg img { } .latest-news-wrap .inner .owl-carousel .owl-item { width: 11.5%!important; margin: 0 0.5%; padding: 0px 1px 20px; padding-left: 0; } /* Categories */ .categories { background: #21416d; width: 100%; float: left; clear: both; margin: 4% 0 0; padding: 0 1% 0 0 } .categories ul { margin: 0; float:left; } .categories #nav li, .categories li { font-size: 1.1em; font-weight: bold; line-height: 2.5em; text-transform: uppercase; display: inline; float: left; } /*.categories #nav li.last { float: right; } .categories #nav li.last a { padding: 0 0.8em 0 0; }*/ .categories #nav a, .categories li a { display: block; color: #FFF; text-shadow: 1px 1px 3px #061e3f; padding: 0 0 0 2.2em; } .categories #nav a:hover, .categories li a:hover { color: #7ba1d6; } /* Footer */ .footer-social-wrap { background: #FFF; width: 100%; float: left; margin: 80px 0 0; } .footer-social-wrap .inner { max-width: 1700px; width: 90%; margin: 0 auto; } .footer-social-wrap .inner .social-intro { width: 100%; float: left; } .footer-social-wrap .inner .social-icons { width: 100%; float: left; margin: 30px 0 0; } .footer-social-wrap .inner .social-icons li { float: left; margin: 0 0 10px; } .footer-social-wrap .inner .social-icons a { display: block; background: #c5c2c2; color: #FFF; margin: 0 10px 0 0; width: 30px; height: 30px; border-radius: 50px; text-align: center; padding: 30px; font-size: 3em; } .footer-social-wrap .inner .social-icons a:hover { background: #a8a7a7; } .footerwrap { background: #313a96; width: 100%; float: left; margin: 80px 0 0; padding: 80px 0; } footer { max-width: 1700px; width: 90%; margin: 0 auto; } footer ul { margin: 0; } footer li { font-size: 1.4em; line-height: 28px; color: #FFF; } footer p { color: #FFF; margin: 0; } footer a { color: #FFF; } footer a:hover { color: #7ba1d6; } footer h6 { font-size: 1.4em; font-weight: 600; text-transform: uppercase; color: #FFF; margin: 0 0 1.8em; } footer .col { width: 50%; float: left; } footer .col.address { width: 100%; margin: 40px 0 0; } footer .col.address li { display: inline; } footer .col.address ul.email li:first-child { margin: 0 0 24px; } footer .icon-facebook, footer .icon-lock { color: #FFF; padding: 0 2% 0 0; } /* Twitter */ .twitterwrap { background: #313a96; width: 90%; float: left; position: relative; margin: 30px 0; padding: 20px 5% 60px; } .twitterwrap .twitter { background: #FFF; border: 1px solid #7ba1d6; border-radius: 3px; min-height: 110px; padding: 32px 5%; } .twitterwrap .twitter li { font-size: 1em; line-height: 1.4em; color: #000; margin: 0; } .twitterwrap .twitter a { color: #092c5d; text-decoration: underline; text-shadow: none; } .twitterwrap .twitter a:hover { text-decoration: none; } .twitterwrap .twitter span { font-weight: bold; color: #092c5d; } .twitterwrap .icon { background: url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/twitter.png) no-repeat; width: 24%; height: 38px; position: absolute; bottom: 23px; right: 0; z-index: 9; } /* Facebook */ .facebookwrap { width: 100%; float: left; } .facebookwrap .facebook { } .facebookwrap .facebook .addthis_toolbox { background: none; position: absolute; top: 38px; left: 0; } .facebookwrap .facebook .visit { width: 50%; position: absolute; top: 50px; right: 7px; } .facebookwrap .facebook .visit p { font-weight: bold; line-height: 1.4em; text-transform: uppercase; text-shadow: 1px 1px 3px #000; margin: 0; } .facebookwrap .facebook .visit a { color: #FFF; } .facebookwrap .facebook .visit a:hover { color: #e8e8e8; } /* Payments / Newsletter */ footer .rightcol { width: 100%; float: right; margin: 30px 0 0; } footer .rightcol .payment { background: #FFF; width: 90%; float: left; padding: 20px 5%; text-align: center; } footer .rightcol .payment img { max-width: 100%; } footer .rightcol .newsletter { width: 100%; float: left; margin: 28px 0 0; } footer .rightcol .newsletter input.input-text { float: left; margin: -0.2% 1% 0 0; padding: 2% 2% 1.4%; } footer .rightcol .newsletter #mc_embed_signup form { padding: 0; } footer .rightcol .newsletter #mc_embed_signup input.email { width: 100%; } footer .rightcol .newsletter #mc_embed_signup input.button { width: 100%; float: left; background: #151c6d; font: 700 1.3em/0 'Open Sans', sans-serif; text-transform: uppercase; text-align: left; white-space: nowrap; color: #FFF; padding: 22px 5%; } footer .rightcol .newsletter #mc_embed_signup input.button:hover { background: #0e1247; } /* About Page */ #expandable-1 { padding: 0; } #expandable-2 { padding: 0; } #expandable-3 { padding: 0; } #expandable-4 { padding: 0; } .read { font-size: 1em; font-weight: bold; text-transform: uppercase; margin: 18px 0 0; } /* Contact Page */ .contactformwrap { width: 100%; float: left; } .contactformwrap .form-list label { margin: 0 0 6px; } .contactformwrap .form-list .field { width: 100%; } .contactformwrap .form-list .input-box { width: 100%; } .contactformwrap .form-list input.input-text { width: 97%; margin: 0 0 12px; } .contactformwrap .form-list li { margin: 0; } .contactformwrap .form-list li.wide .input-box { width: 100%; } .contactformwrap .form-list li.wide textarea { width: 97%; } .contactformwrap .buttons-set { width: 97%; margin: 0; } /* Map */ .mapwrap { width: 100%; float: right; margin: 30px 0 0; } .mapwrap .map { border: 1px solid #e0e0e0; } /* Contact Details */ .contactdetailswrap { width: 100%; float: left; margin: 0 0 5%; } .contactdetailswrap .fieldset { margin: 0; } .contactdetailswrap .fieldset .legend { margin: 0; } .contactdetailswrap .details { background: #f8f8f8; border: 1px solid #e0e0e0; padding: 15px 5%; } .contactdetailswrap .details ul { margin: 0; } .contactdetailswrap .details li { font-weight: bold; line-height: 1.6em; } .feedbackmessagebanner { background: #21416d; width: 90%; margin: 30px 0 0; padding: 15px 5%; float: left; } .feedbackmessagebanner p { color: #FFF; margin: 0; } .feedbackmessagebanner a { font-weight: bold; color: #FFF; } .feedbackmessagebanner a:hover { color: #7ba1d6; } /* Subcategories */ .subcatwrap { width: 100%; } .subcatwrap .subcats { width: 24.8%; min-height: 160px; float: left; padding: 0 4% 6%; text-align: center; } .subcatwrap .subcats h2 { margin: 3% 0; } /* Shop Subcategories */ .shopsubcatwrap { width: 100%; float: left; } .shopsubcatwrap .subcats { width: 100%; min-height: 220px; float: left; margin: 0 0 30px; padding: 0 0 30px; text-align: center; } .shopsubcatwrap .subcats h2 { margin: 3% 0; } /* Wordpress */ .post-list { } .post-list h2 { font-size: 1.6em; font-weight: bold; margin: 0 0 3%; line-height:1.2em; font-style:italic; } .post-list .featured-image { width: 100%; float: left; text-align: center; } .post-list .post-meta { clear: both; padding: 0; font-size: 1em; font-weight: bold; color: #092c5d; } .post-view .post-meta { clear: both; padding: 15px 0; font-weight: bold; color: #092c5d; } .post-list .item { border-top:1px solid #ececec; padding: 30px 0 0; } .post-list .post-entry p a { float: right; background: #e2383f; line-height: 42px; padding: 0 26px; font:600 1em/42px Tahoma, Verdana, Arial, sans-serif; text-transform:uppercase; text-align:center; white-space:nowrap; color:#FFF; display:block; margin: 15px 0 0; } .post-list .post-entry p a:hover { background: #be2f35; } /* Wordpress Sidebar */ .wp-sidebar { } .wp-sidebar .block .block-content input.input-text, textarea { width: 56%; padding: 10px 0 9px 10px; line-height: 1.8em; } .wp-sidebar .block .block-content li a { font-weight: bold; line-height: 1.5em; color: #333; display: block; } .wp-sidebar .block .block-content li a:hover { color: #ba0f15; } .wp-sidebar .block .block-content .icon-angle-right { font-weight: bold; } /* Sitemap */ .sitempan .siteul { width: 100%; margin: 0; } .sitempan .siteul li { font-size: 1.2em!important; line-height: 1.6em; } .sitempan .siteul li a, .sitempan .sitecatul li.cat a { display: block; } .sitempan .sitecatul li.cat { font-size: 0.9em!important; list-style: disc inside; display: list-item; width: 100%; } .sitempan .sitecatul li.cat strong { font-weight: normal; } .sitecatul li.cat ul li { font-size: 1.4em; line-height: 24px; } .sitempan h2 { margin: 30px 0 10px; } /* Font Awesome */ @font-face { font-family: 'FontAwesome'; src: url('http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/font/fontawesome-webfont.eot?v=3.0.1'); src: url('http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } div.std li {margin-bottom:0.5em; margin-left:1em; list-style:disc; line-height:1.5em; } /* Cookie Policy */ #cookie-law { text-align: center; } #cookies-table { border: 1px solid #999; border-bottom: 0; font-size: 1.2em; margin: 0 0 18px; } #cookies-table td { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 10px; } #cookies-table th { border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 10px; } /* Additional */ .monkey-multisubscribe .grouping .checkboxes li { padding-bottom:10px; line-height:30px; white-space:nowrap; } .footerbtmwrap .social { background:#fff; padding:6px; text-align:center; width:auto !important; height:auto; border-radius:3px; } .footerbtmwrap .social img { width:auto; height:auto; } /* USP's */ .usps-wrap { background: #ababa9; width: 100%; float: left; margin: 92px 0 0; padding: 40px 0; } .usps-wrap .inner { max-width: 1888px; width: 90%; margin: 0 auto; } .usps-wrap .inner ul { margin: 0; } .usps-wrap .inner li { font-size: 1.3em; line-height: 18px; color: #181818; margin: 20px 0 0; } .usps-wrap .inner li:first-child { margin: 0; } .usps-wrap.product { margin: 32px 0 58px; } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/css/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; zoom: 1; *display: inline;/*IE7 life-saver */ font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/css/AjaxLoader.gif) no-repeat center center } /* Media Queries */ @media screen and (min-width:480px) { /* Shop Subcategories */ .shopsubcatwrap .subcats { width: 48%; margin: 0 1% 30px; } /* Category Page */ } @media screen and (min-width:600px) { /* Header */ .account-nav-wrap li, .account-nav-wrap li, .account-nav-wrap li { font-size: 1.2em; } .account-nav-wrap li a.emergency, .account-nav-wrap li a.commercial, .account-nav-wrap li a.motorsport, .account-nav-wrap li a.logout { padding: 16px 9px; width: 30%; min-height: inherit; } .account-nav-wrap li a.header-news { width: 100%; } .header-basket-wrap li a { padding: 19px 2%; } .form-search input.input-text { width: 88%; } /* Slider */ .slider-wrap .usp-wrap p.heading { font-size: 1.5em; } /* HP */ .store-logins-wrap .emergency-services, .store-logins-wrap .amber-products, .store-logins-wrap .motorsport { width: 32%; } .store-logins-wrap .emergency-services .content a, .store-logins-wrap .amber-products .content a, .store-logins-wrap .motorsport .content a { min-height: 350px; } .store-logins-wrap .emergency-services .content p, .store-logins-wrap .amber-products .content p, .store-logins-wrap .motorsport .content p { padding: 0 15%; } .store-logins-wrap .amber-products { margin: 0 2%; } /* HP Products */ .products-wrap .inner .latest-bestseller-wrap { width: 48%; margin: 0 1% 20px; } .products-wrap .inner #latest-products .product-details, .products-wrap .inner #bestsellers .product-details { padding: 15px 5% 35px; } /* Reviews */ .reviews-wrap .inner .read-more { width: 40%; } /* Latest News */ .latest-news-wrap .inner .post { min-height: 210px; } .latest-news-wrap .inner .post h3 { min-height: 54px; } .latest-news-wrap .inner .post-wrap .postimg img { } .col2-set .col-1 { width: 48.5%; } .col2-set .col-2 { width: 48.5%; } /* Form List */ .form-list .field { width: 50%; } .form-list li.wide .input-box { width: 97%; } /* Contact Page */ .contactdetailswrap .details { padding: 15px 2.5%; } /* Blog */ .wp-sidebar .block .block-content input.input-text, textarea { width: 76%; } .post-list .featured-image { text-align: left; width: inherit; margin: 0 2% 0 0; } /* Footer */ .twitterwrap { width: 32%; margin: 0 2% 0 0; } .facebookwrap { width: 56%; } footer .col { width: 33%; } footer .col.address { width: 33%; margin: 0; } footer .col.address li { display: block; } } @media screen and (min-width:768px) { /* Header */ nav li { font-size: 1.2em; } nav a { padding: 0 14px; } .account-nav-wrap li a.emergency, .account-nav-wrap li a.commercial, .account-nav-wrap li a.motorsport, .account-nav-wrap li a.logout { padding: 16px 11px; } .form-search input.input-text { width: 92%; } /* HP */ .store-logins-wrap .emergency-services .content a, .store-logins-wrap .amber-products .content a, .store-logins-wrap .motorsport .content a { min-height: 320px; } .hp-content-wrap .official-supplier p { width: 56%; float: left; margin: 15px 0 0; } .hp-content-wrap .official-supplier img { float: right; } /* Slider */ .slider-wrap .usp-wrap { padding: 25px 4%; } .slider-wrap .usp-wrap p.heading { font-size: 1.6em; margin: 0 0 25px; text-align: left; } .company-values { display: block; background: #e2383f; width: 84%; float: left; margin: -30px 0 0 8%; padding: 25px 5%; } .company-values ul { margin: 0; } .company-values li { font-weight: 600; text-transform: uppercase; color: #FFF; float: left; margin: 0 10px; } .company-values li:first-child { font-weight: 700; margin: 0 24px 0 0; } .company-values .fa { color: #a1171d; } /* HP Products */ .products-wrap .inner .latest-bestseller-wrap { width: 31%; margin: 0 1%; } .products-wrap .inner .special-offers-wrap { width: 33%; margin: 0 0 0 1%; } .products-wrap .inner #latest-products .product-details, .products-wrap .inner #bestsellers .product-details { padding: 15px 5% 35px; } /* Reviews */ .reviews-wrap .inner .read-more { width: 30%; } /* Latest News */ .latest-news-wrap .inner .post { min-height: 170px; } .latest-news-wrap .inner .post p { margin: 0; } .latest-news-wrap .inner .post-wrap .postimg img { } /* USP's */ .usps-wrap .inner li { width: 30%; float: left; margin: 0 0 0 5%; } /* Shop Subcategories */ .shopsubcatwrap .subcats { width: 29%; margin: 0 2% 30px; } /* Cart */ #shopping-cart-table img { display: block; max-width: inherit; } #shopping-cart-table button.button { margin: 0 12px 0 0; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals .col2-set .col-1 { width: 40%; } .cart .cart-collaterals .col2-set .col-2 { width: 56%; } /* Category Page */ .products-list .product-image { width: 30%; } .products-list .product-shop { width: 60%; margin: 0 0 0 10%; } /* Product Page */ .product-sidebar .delivery-wrap .content { width: 87.8%; } /* Contact Page */ .contactformwrap { width: 48%; } .mapwrap { width: 48%; margin: 0; } .feedbackmessagebanner { width: 95%; padding: 15px 2.5%; } /* Sitemap */ .sitempan .siteul li, .sitempan .sitecatul li.cat { width: 50%; float: left; } /* Blog */ .wp-sidebar .block .block-content input.input-text, textarea { width: 80%; } /* Footer */ .twitterwrap { width: 42%; margin: 0 4% 0 0; } .facebookwrap { width: 44%; } .footer-social-wrap .inner .social-icons { width: 40%; } .footer-social-wrap .inner .social-icons img { width: 16%; } } @media screen and (min-width:750px) { /* Category Page */ .products-grid li.item.first { margin: 0 0 40px 0; } .products-grid li.item { width: 31%; margin: 0 0 40px 3%; } .products-grid .product-name { min-height: 90px; } } @media screen and (min-width:960px) { /* Header */ header .logo { width: 20%; float: left; margin: 0; } .strapline { width: 40%; margin: 0 0 0 4%; padding: 26px 0 0; } .strapline p { text-align: left; line-height: 22px; } nav { width: 77%; margin: 20px 0 0 2.5%; } nav ul { text-align: left; float: left; } p.number { line-height: 36px; text-align: right; margin: 0; } .account-nav-wrap { margin: 20px 0 0; } .account-nav-wrap li a.emergency, .account-nav-wrap li a.commercial, .account-nav-wrap li a.motorsport, .account-nav-wrap li a.logout { padding: 16px 14.4px; } .top-bar { width: 76%; margin: 0 0 0 4%; } .form-search input.input-text { width: 91%; } /* Breadcrumbs */ .breadcrumbs { display: block; background: #ababa9; width: 95%; margin: 0; padding: 24px 2.5%; position: absolute; top: -98px; } /* Slider */ .slider-wrap .usp-outer-wrap { width: 90%; position: absolute; bottom: 40px; } .slider-wrap .usp-wrap { margin: 0 0 24px; padding: 25px 4% 65px; } .slider-wrap .usp-wrap ul { display: block; } .slider-wrap .usp-wrap li { text-transform: uppercase; } .slider-wrap .usp-wrap li a { display: inline-block; background: #fdf613; color: #232323; float: left; margin: 0 30px 0 0; padding: 15px; } .slider-wrap .usp-wrap li a:hover { background: #e2dd28; } .company-values { margin: -58px 0 0 8%; } .company-values li:first-child { margin: 0 84px 0 0; } .company-values li { margin: 0 20px; } /* HP */ .store-logins-wrap .emergency-services .content a, .store-logins-wrap .amber-products .content a, .store-logins-wrap .motorsport .content a { min-height: 240px; } .hp-content-wrap .official-supplier p { width: 64%; margin: 30px 0 0; } .products-wrap { background: url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/product-wrap-bg.jpg) no-repeat center center; } /* HP Products */ .products-wrap .inner .latest-bestseller-wrap p.heading, .products-wrap .inner .special-offers-wrap p.heading { width: 83.5%; margin: 0 0 0 12px; float: left; } /* Reviews */ .reviews-wrap .inner .read-more { width: 20%; } /* Latest News */ .latest-news-wrap { padding: 50px 0; } .latest-news-wrap .inner .owl-carousel .owl-item { min-height: 453px; } /* Content */ .internalwrap { position: relative; margin: 60px auto 0; } .internalwrap .content { width: 78.5%; float: right; margin: 0; } .internalwrap .sidebar { width: 20%; float: left; } .cms-shop .internalwrap .messagebanner { width: 96%; padding: 20px 2%; } /* Sidebar */ .internalwrap .sidebar .store-logins-wrap { display: block; width: 100%; } .internalwrap .sidebar .store-logins-wrap .emergency-services, .internalwrap .sidebar .store-logins-wrap .amber-products, .internalwrap .sidebar .store-logins-wrap .motorsport { width: 100%; } .internalwrap .sidebar .store-logins-wrap .emergency-services .content, .internalwrap .sidebar .store-logins-wrap .amber-products .content, .internalwrap .sidebar .store-logins-wrap .motorsport .content { width: 84%; min-height: inherit; margin: 0; padding: 0px 8% 20px; } .internalwrap .sidebar .store-logins-wrap .amber-products { margin: 20px 0; } /* Category Page */ .pager .pages { margin: 4px 42% 0; float: none; clear: none; } .pager .amount { float: left; margin: 0; } .grid-list-wrap { margin: 0 36px 0 0; } .pager .limiter { margin: 0; } .internalwrap .content .page-title { width: 96%; padding: 14px 2%; } .products-grid-wrap { padding: 40px 2% 0; } .products-grid li.item { width: 30%; margin: 0 0 40px 4%; } /* Product Page */ .product-view .product-shop { float: right; width: 56%; } .product-view .product-img-box { float: left; width: 34%; } .product-view .product-name { width: 50%; padding: 14px 3%; position: absolute; top: -58px; right: 0; } .product-options { padding: 15px 1% 30px; width: 97%; float: right; } .product-options-bottom { padding: 30px 2% 25px; width: 95%; float: right; } .product-collateral { width: 68%; } .product-tabs li { width: 19%; } .product-tabs a { padding: 20px 8px; } .product-sidebar { width: 30%; margin: 0 0 0 2%; } .product-sidebar .delivery-wrap p.heading { width: 60%; } .product-sidebar .delivery-wrap .content { width: 87%; } .related-posts-wrap { margin: 40px 0 0; } .related-posts-wrap h2 { padding: 20px 12%; } .related-posts-wrap li a { padding: 32px 12%; } .product-sidebar .block-related h4, .product-sidebar .box-up-sell h4 { padding: 18px 10%; } /* Page Title */ .cart .page-title, .account-login .page-title, .account-create .page-title { width: 96%; padding: 14px 2%; } /* Account */ .account-create ul.form-list { width: 50%; } .dashboard .box-recent .data-table tr.last th, .data-table tr.last td { float: none; } /* Checkout */ .opc .step { padding: 30px 2.5%; } /* Contact Page */ .contactdetailswrap .details { padding: 15px 5%; } /* Blog */ .wp-sidebar .block .block-content input.input-text, textarea { width: 92%; margin: 0 0 6px; } /* Footer */ footer .col, footer .col.address { width: 20%; } footer .rightcol { width: 33%; margin: 0; } } @media screen and (min-width:1200px) { /* Header */ header .logo a { padding: 50px 5%; } .strapline { width: 24%; } nav { width: 76%; margin: 5px 0 0 3.5%; } nav a { padding: 0 4px; } .account-nav-wrap { width: 76%; float: right; position: absolute; top: 85px; right: 0; z-index: 9; } .account-nav-wrap li a.emergency, .account-nav-wrap li a.commercial, .account-nav-wrap li a.motorsport, .account-nav-wrap li a.logout { width: inherit; padding: 19px 3.85%; } .top-bar { width: 40%; margin: 5px 0 0; float: right; } .form-search input.input-text { width: 87%; } .header-basket-wrap { width: 26%; } /* Slider */ .slider-wrap .usp-outer-wrap { width: 65%; } .slider-wrap .usp-wrap li a { margin: 0 15px 0 0; } .company-values { width: 82%; margin: -58px 0 0 12%; } .company-values li:first-child { margin: 0 85px 0 0; } .company-values li { margin: 0 10px; } /* HP */ .store-logins-wrap { width: 60%; margin: 0 2% 0 0; } .store-logins-wrap .emergency-services .content a, .store-logins-wrap .amber-products .content a, .store-logins-wrap .motorsport .content a { min-height: 300px; } .store-logins-wrap .amber-products img { margin: 0; } .hp-content-wrap .main-content { width: 38%; } .hp-content-wrap .official-supplier p { width: 53%; margin: 15px 0 0; } /* Latest News */ .latest-news-wrap .inner .owl-carousel .owl-wrapper-outer { overflow: inherit!important; } .latest-news-wrap .inner .post-wrap .postimg img { } .latest-news-wrap .inner .post { padding: 25px 12%; min-height: 0; } .latest-news-wrap .inner .post h3 { min-height: 60px; } .latest-news-wrap .inner .post p { margin: 0 0 20px; } /* USP's */ .usps-wrap .inner li { width: 32%; margin: 0 0 0 2%; } /* Shop Subcategories */ .shopsubcatwrap .subcats { width: 21%; } /* Category Page */ .products-list { padding: 40px 4% 20px; } .products-list .product-image { width: 25%; } .products-list .product-shop { width: 73%; margin: 0 0 0 2%; } .products-list .desc { width: 56%; } .products-list .product-info { width: 32%; margin: 0 0 0 4%; padding: 20px 4%; } /* Product Page */ .phoneus { width: 94.6%; padding: 20px 2.5%; } .product-collateral { width: 62%; } .product-tabs li { width: 18%; } .product-tabs a { padding: 20px 14px; } .product-sidebar { width: 36%; } .product-sidebar .delivery-wrap p.heading { width: 56%; } .product-sidebar .delivery-wrap .content { width: 87.7%; } .related-posts-wrap h2 { padding: 20px 5%; } .related-posts-wrap li a { padding: 32px 5%; } .product-sidebar .block-related h4, .product-sidebar .box-up-sell h4 { padding: 18px 5%; } /* Cart Page */ .cart .crosssell, .cart .discount { padding: 15px 2.5%; } /* Footer */ .twitterwrap { width: 20%; margin: 0 2%; padding: 20px 3% 60px; } .facebookwrap { width: 28%; } footer .col, footer .col.address { width: 16%; } footer .rightcol { width: 24%; } .footer-social-wrap .inner .social-intro { width: 20%; } .footer-social-wrap .inner .social-icons { width: 20%; margin: 0 0 0 2%; } .footer-social-wrap .inner .social-icons img { width: inherit; } } @media screen and (min-width:1600px) { nav a { padding: 0 14px; } .header-basket-wrap { width: 38%; } .products-wrap .inner .latest-bestseller-wrap, .products-wrap .inner .special-offers-wrap { width: 25%; margin: 0 4% 0 0; } .store-logins-wrap .amber-products img { margin: 25px 0 0; } } @media screen and (min-width:1800px) { /* Header */ .header-wrap { position: fixed; top: 0; z-index: 12; display: block; } header .logo { width: 12%; } header .logo a { padding: 27px 5% 28px; } .strapline { width: 24%; margin: 0 0 0 12%; } .strapline p { font-size: 1.7em; } nav { width: 32%; float: right; margin: 20px 0 0; } nav li { font-size: 1.1em; } #header-news { background: #e2383f; width: 40%; float: left; } .account-nav-wrap li a.header-news { float: left; padding: 19px 16px; width: 100%; } .account-nav-wrap li a.emergency, .account-nav-wrap li a.commercial, .account-nav-wrap li a.motorsport, .account-nav-wrap li a.logout { padding: 19px 15px; } .top-bar { width: 14%; float: left; margin: 10px 0 0; } .header-basket-wrap { width: 18%; } .form-search input.input-text { width: 78%; margin: 0; } /* Slider */ .slider-wrap .usp-outer-wrap { width: 45%; right: 10%; bottom: 100px; } .slider-wrap .usp-wrap li a { margin: 0 20px 0 0; } .company-values li:first-child { margin: 0 95px 0 0; } .company-values li { margin: 0 12px; } /* HP */ .store-logins-wrap .emergency-services .content a, .store-logins-wrap .amber-products .content a, .store-logins-wrap .motorsport .content a { min-height: 190px; } .store-logins-wrap .emergency-services .content p, .store-logins-wrap .amber-products .content p, .store-logins-wrap .motorsport .content p { padding: 0 8%; } .hp-content-wrap .official-supplier p { width: 70%; margin: 40px 0 0; } .hp-content-wrap .main-content p, .hp-content-wrap .main-content li { font-size: 1.3em; } /* HP Products */ .products-wrap .inner .latest-bestseller-wrap, .products-wrap .inner .special-offers-wrap { width: 20%; margin: 0 4% 0 0; } .cms-page-view .internalwrap, .contacts-index-index .internalwrap, .checkout-cart-index .internalwrap, .customer-account-login .internalwrap { padding: 140px 0 0; } .shopsubcatwrap .subcats { width: 23%; margin: 0 1% 30px; min-height:240px; } .shopsubcatwrap .subcats img { width:auto; height:200px;} /* Category Page */ .category-image { margin: 130px 0 0; } .products-list { padding: 40px 3% 20px; } .products-list .product-list-wrap { padding: 30px 3%; } .products-list .product-image { width: 16%; } .products-list .product-shop { width: 82%; } .products-list .desc { width: 74%; } .products-list .product-info { width: 20%; margin: 0 0 0 2%; padding: 20px 2%; } /* Product Page */ .product-banner { margin: 132px 0 0px; } .product-collateral { width: 70%; } .product-tabs li { width: inherit; } .product-tabs a { padding: 20px 38px; } .product-sidebar { width: 28%; margin: 0 0 0 1.5%; } .product-sidebar .delivery-wrap .content { width: 87.5%; } /* Blog */ .wp-sidebar .block .block-content input.input-text, textarea { width: 62%; margin: 0; } /* Footer */ .twitterwrap { width: 22%; margin: 0 4% 0 8%; padding: 12px 1% 50px; } .twitterwrap .twitter { padding: 12px 5%; } .twitterwrap .icon { bottom: 13px; } .facebookwrap { width: 18%; } .footer-social-wrap .inner .social-icons { width: 20%; margin: 0 0 0 6%; } } @media screen and (min-width:1900px) { /* Header */ .header-basket-wrap { width: 20%; } } /** * 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_modern * @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; border:0 !important; padding:5px 9px !important; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; font-size:12px; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; font-size:12px; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; font-size:12px; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/images/widgets/i_widget-link.gif) 100% 3px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ #cookie-law { background:#f7f7f7; } #cookie-law p { padding:5px 0; margin:0; } .block-creare-twitter li { padding: 5px 10px; font-size: 11px; } .block-creare-twitter li span { display: block; font-weight: bold; } /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/fonts/fontawesome-webfont.eot?v=4.4.0');src:url('http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"} .amconf-image{ margin: 3px; } em{ } .product-image img#amasty_zoom:nth-child(2){ display: none; } #amasty_gallery img{ display: inline !important; } .amasty-main-spinner{ top: 0; } .zoomLens { background-color: white; } #amasty_zoom{ position: relative !important; } .zoomContainer { z-index: 10; } .zoomWindow { z-index: 70000 !important; } .zoomWrapper { margin: 0 auto; position: relative; overflow: hidden; } .product-image { overflow: visible; text-align: center; position: relative; } hr.amconf-hr{ -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')"; zoom: 1; color: white; border-color: white; background-color: white; position: absolute; top: 9px; width: 100%; z-index: 4; margin: 0; } .swatch-title{ font-weight: 600; position: absolute; padding-left: 3px; } .amconf-image-selected { margin: 0; border-radius: 3px; outline: 3px double #eaff00; } .amconf-image-outofstock { opacity:0.6; filter:alpha(opacity=60); } .amconf-images-container { width: 100%; clear: both; } .amconf-image-container { display: inline-block; position: relative; text-align: center; margin-right: 5px; margin-bottom: 3px; } .amconf-image-container img, .amconf-image-container div:first-child { margin: 0 auto; } .amconf-image-title { margin-bottom:5px; } #amconf_price_clone_container { float: left; } #amconf_price_clone_container ul { clear: both; } .MagicScrollArrows { cursor: pointer; position: absolute; display: block; } .MagicScrollArrowPrev { width: 35px; height: 35px; background: url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/js/amasty/amconf/images/miscellaneous_sprite_sm.png) 0 -35px no-repeat transparent; left:0; } .MagicScrollArrowNext { width: 35px; height: 35px; background: url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/js/amasty/amconf/images/miscellaneous_sprite_sm.png) -35px -35px no-repeat transparent; right:0; } #nextGallery.disabled, #prevGallery.disabled { opacity: 0.4; filter: alpha(opacity = 40); cursor: default; } .caroufredsel_wrapper { margin:0 auto !important; } #amasty_gallery a{ text-decoration: none; } #ampagination { text-align: center; } #ampagination a { background: url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/js/amasty/amconf/images/miscellaneous_sprite.png) 0 -300px no-repeat transparent; width: 15px; height: 15px; margin: 0 5px 0 0; display: inline-block; } #ampagination a.selected { background-position: -25px -300px; cursor: default; } #ampagination a span { display: none; } .no-display{ display: none !important; } .am-swatch-arrow{ background: url(http://www.woodwayengineering.co.uk/skin/frontend/default/woodway-responsive/js/amasty/amconf/images/swatch_arrow.png); background-color: transparent; position: absolute; text-indent: -9999px; cursor: pointer; z-index: 10; width: 25px; height: 25px; line-height: 0; top: 2px; } .am-swatch-arrow.disabled { opacity: 0.4; filter: alpha(opacity = 40); cursor: default; } .input-box{ position: relative; } .am-swatch-prev{ background-position: 0px 25px; } .am-swatch-next{ right: 0; background-position: -27px 25px; line-height: 0; background-color: #fff; } .am-swatch-prev:not(.disabled):hover { background-position: 0px 52px; } .am-swatch-next:not(.disabled):hover { background-position: -27px 52px; } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .amtooltip-label{ text-align: center; font-weight: bold; } .amtooltip-img{ margin-bottom: 3px; } .tooltipster-default { border-radius: 5px; border: 2px solid #000; background: #4c4c4c; color: #fff; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .tooltipster-shadow { border-radius: 5px; background: #fff; box-shadow: 0px 0px 14px rgba(0,0,0,0.3); color: #2c2c2c; } .tooltipster-shadow .tooltipster-content { font-family: 'Arial', sans-serif; font-size: 14px; line-height: 16px; padding: 3px 4px; } .tooltipster-light { border-radius: 5px; border: 1px solid #cccccc; background: #ededed; color: #666666; } .tooltipster-light .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 3px 4px; } .tooltipster-noir { border-radius: 0px; border: 3px solid #2c2c2c; background: #fff; color: #2c2c2c; } .tooltipster-noir .tooltipster-content { font-family: 'Georgia', serif; font-size: 14px; line-height: 16px; padding: 3px 4px; } .tooltipster-punk { border-radius: 5px; border-bottom: 3px solid #f71169; background: #2a2a2a; color: #fff; } .tooltipster-punk .tooltipster-content { font-family: 'Courier', monospace; font-size: 14px; line-height: 16px; padding: 3px 4px; }